fix

src/components/DatePicker/index.tsx

@@ -1,43 +0,0 @@
-import React from 'react'
-import { DatePicker, Space } from 'antd';
-import moment from 'moment';
-
-const { RangePicker } = DatePicker;
-interface Props {
-    model: 'RangePicker' | 'DatePicker',
-    DatePickerChange: (moment: any, formatString: [string, string] | string) => void,
-    allowClear?: boolean,
-    className?: string,
-    showTime?: boolean,
-    scope?: { num: number, unit: 'day' | 'week' | 'month' | 'year' },//自定义时间跨度
-    date?: any,
-    before?: number,//截止日期以今天为底的前几天填数字
-    isDisabledDate?: boolean,//是否开启时间限制
-    placeholder?: any,
-    style?: { width: number | string }
-}
-
-function DatePickePage(props: Props) {
-    let { model, DatePickerChange, scope, before, isDisabledDate = true, allowClear = false, ...prop } = props
-    const disabledDate = (current: any) => {
-        let tppday = before ? current && current > moment(new Date()).subtract(before, 'day') : current && current > moment().endOf('day') //最晚日期
-        let isScope = false
-        if (scope) {
-            isScope = current && current < moment().subtract(scope?.num, scope?.unit)//可选日期
-        }
-        return tppday || isScope;
-    };
-    return <>
-        <Space direction="vertical" size={12}>
-            {
-                model === 'RangePicker' ?
-                    <RangePicker {...prop} onChange={(mo: any, str: any) => {
-                        DatePickerChange(mo, str)
-                    }} disabledDate={disabledDate} value={props?.date && props?.date?.every((s: string) => s !== '') ? [moment(props.date[0]), moment(props.date[1])] : undefined} allowClear={allowClear} /> :
-                    <DatePicker onChange={DatePickerChange} {...prop} disabledDate={isDisabledDate ? disabledDate : undefined} allowClear={true} value={props.date ? moment(props.date) : undefined} />
-            }
-        </Space>
-    </>
-}
-export default DatePickePage
-

src/components/DebounceSelect/index.tsx

@@ -1,71 +0,0 @@
-import { Select, Spin } from 'antd';
-import type { SelectProps } from 'antd/es/select';
-import debounce from 'lodash/debounce';
-import React, { useMemo, useRef, useState } from 'react';
-
-export interface DebounceSelectProps<ValueType = any>
-    extends Omit<SelectProps<ValueType | ValueType[]>, 'options' | 'children'> {
-    fetchOptions: (search: string) => Promise<ValueType[]>;
-    debounceTimeout?: number;
-}
-
-function DebounceSelect<
-    ValueType extends { key?: string; label: React.ReactNode; value: string | number } = any,
-    >({ fetchOptions, debounceTimeout = 800, ...props }: DebounceSelectProps<ValueType>) {
-    const [fetching, setFetching] = useState(false);
-    const [options, setOptions] = useState<ValueType[]>([]);
-    const fetchRef = useRef(0);
-
-    const debounceFetcher = useMemo(() => {
-        const loadOptions = (value: string) => {
-            fetchRef.current += 1;
-            const fetchId = fetchRef.current;
-            setOptions([]);
-            setFetching(true);
-
-            fetchOptions(value).then(newOptions => {
-                if (fetchId !== fetchRef.current) {
-                    // for fetch callback order
-                    return;
-                }
-
-                setOptions(newOptions);
-                setFetching(false);
-            });
-        };
-
-        return debounce(loadOptions, debounceTimeout);
-    }, [fetchOptions, debounceTimeout]);
-
-    return (
-        <Select
-            labelInValue
-            filterOption={false}
-            onSearch={debounceFetcher}
-            notFoundContent={fetching ? <Spin size="small" /> : null}
-            {...props}
-            options={options}
-        />
-    );
-}
-interface UserValue {
-    label: string;
-    value: string;
-}
-
-async function fetchUserList(username: string): Promise<UserValue[]> {
-    console.log('fetching user', username);
-
-    return fetch('https://randomuser.me/api/?results=5')
-        .then(response => response.json())
-        .then(body =>
-            body.results.map(
-                (user: { name: { first: string; last: string }; login: { username: string } }) => ({
-                    label: `${user.name.first} ${user.name.last}`,
-                    value: user.login.username,
-                }),
-            ),
-        );
-}
-
-export {DebounceSelect,fetchUserList}

src/components/Expression/index.less

@@ -1,38 +0,0 @@
-.expression {
-  width: 400px;
-  overflow: hidden;
-  display: flex;
-  position: relative;
-  padding-bottom: 10px;
-  .box {
-    width: 400px;
-    display: flex;
-    flex-flow: row wrap;
-    flex-shrink: 0;
-    transition: all .5s;
-    > span {
-      font-size: 20px;
-      padding: 5px;
-      cursor: pointer;
-    }
-  }
-  .bottom {
-    position: absolute;
-    bottom: 0px;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  .yd {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    background-color: #efefef;
-    margin-right: 5px;
-    cursor: pointer;
-  }
-  .action{
-      background-color: yellowgreen;
-  }
-}

src/components/Expression/index.tsx

@@ -1,79 +0,0 @@
-import { MehOutlined } from '@ant-design/icons'
-import { Popover } from 'antd'
-import style from './index.less'
-import React, { useCallback, useState } from 'react'
-const arr1 = [
-    "😄", "😊", "😃", "😉", "😍", "😘", "😚", "😳", "😁", "😌", "😜", "😝", "😒", "😏",
-    "😓", "😔", "😞", "😖", "😥", "😰", "😨", "😣", "😢", "😭", "😂", "😲", "😱", "😠",
-    "😡", "😪", "😷", "👿", "👽", "❤️", "💔", "💘", "✨", "🌟", "❕", "❔", "💤", "💦",
-    "🎵", "🔥", "💩", "👍", "👎", "👊", "✌️", "👆", "👇", "👉", "👈", "☝️"
-]
-const arr2 = [
-    "💪", "💏", "💑", "👦", "👧", "👩", "👨", "👼", "💀", "👄", "☀", "☔", "☁", "⛄",
-    "🌙", "⚡", "🌊", "🐱", "🐶", "🐭", "🐹", "🐰", "🐺", "🐸", "🐯", "🐨", "🐻", "🐷",
-    "🐮", "🐗", "🐵", "🐴", "🐍", "🐦", "🐔", "🐧", "🐛", "🐙", "🐠", "🐳", "🐬", "🌹",
-    "🌺", "🌴", "🌵", "💝", "🎃", "👻", "🎅", "🎄", "🎁", "🔔", "🎉", "🎈"
-]
-const arr3 = [
-    "💿", "📷", "🎥", "💻", "📺", "☎", "🔓", "🔒", "🔑", "🔨", "💡", "📫", "🛀", "💰",
-    "💣", "🔫", "💊", "🏈", "🏀", "⚽", "⚾", "⛳", "🏆", "👾", "🎤", "🎸", "👙", "👑",
-    "🌂", "👜", "💄", "💍", "💎", "☕", "🍺", "🍻", "🍸", "🍔", "🍟", "🍝", "🍣", "🍜",
-    "🍳", "🍦", "🎂", "🍎", "✈", "🚀", "🚲", "🚄", "⚠", "🏁", "🚹", "🚺"
-]
-const arr4 = ["⭕", "❌", "©", "®", "™"]
-type Props = {
-    getStr: (str: string, range: Range) => void//回调传回选中表情和最后光标位置
-    range: Range//文本光标节点
-}
-function Expression(props: Props) {
-    const [eq, setEq] = useState<number>(0)//当前页
-    const [left, setLeft] = useState<number>(0)//偏移
-    const [isShow, setIsShow] = useState<boolean>(false)//弹窗
-    //显示关闭弹窗
-    const exit = useCallback(() => {
-        setIsShow(!isShow)
-    }, [isShow])
-    //点击表情
-    const handelClick = useCallback((str: string) => {
-        props.getStr(str, props.range)
-        setIsShow(false)
-    }, [props.range])
-    //点击翻页
-    const handelAction = useCallback((eq: number) => {
-        setEq(eq)
-        setLeft(eq * 400)
-    }, [])
-    return <div>
-        <Popover
-            content={
-                <div className={style.expression} >
-                    {
-                        [arr1, arr2, arr3, arr4].map((item: string[], index: number) => {
-                            return <div key={index} className={style.box} style={{ transform: `translateX(-${left}px)` }} >
-                                {
-                                    item.map((em: string, index: number) => {
-                                        return <span key={index} onClick={() => handelClick(em)}>{em}</span>
-                                    })
-                                }
-                            </div>
-                        })
-                    }
-                    <div className={style.bottom}>
-                        {
-                            [0, 1, 2, 3].map((item) => {
-                                return <span className={`${style.yd} ${eq === item ? style.action : undefined}`} key={item} onClick={() => handelAction(item)} />
-                            })
-                        }
-                    </div>
-                </div>
-            }
-            trigger="click"
-            open={isShow}
-            onOpenChange={exit}
-        >
-            <MehOutlined onClick={exit} />
-        </Popover>
-    </div>
-}
-
-export default Expression

src/components/FansSelect/index.less

@@ -1,23 +0,0 @@
-.s_label{
-    >div{
-        align-self: start;
-    }
-    >div:nth-child(2){
-        label{
-            width: 120px;
-            margin-left: 0;
-        }
-        >div{
-            >span{
-                position: absolute;
-                top:42px;
-                right: 50px;
-            }
-        }
-    }
-  
-}
-.open_span{
-    cursor: pointer;
-    font-size:20px;
-}

src/components/FansSelect/index.tsx

@@ -1,681 +0,0 @@
-import { UpCircleOutlined, DownCircleOutlined } from '@ant-design/icons'
-import { Radio, Col, DatePicker, Input, Row, Space, Checkbox, Divider } from 'antd'
-import { CheckboxValueType } from 'antd/lib/checkbox/Group'
-import { RadioChangeEvent } from 'antd/lib/radio'
-import moment from 'moment'
-import React, { useEffect, useReducer, useState } from 'react'
-import style from './index.less'
-/**粉丝选项 */
-type State = {
-    fansFilterOsType?: any[],//操作系统
-    fansFilterMember?: '' | boolean,//是否是会员
-    fansFilterSubscribeTimeType?: '' | 1 | 2 | 3,//关注时间
-    fansFilterSubscribeTimeBegin?: string | '',//关注起始时间
-    fansFilterSubscribeTimeEnd?: string | '',//关注截至时间
-    rechargeType?: '' | number,//充值情况选项
-    fansFilterRechargeCountMin?: string | '',//充值次数（最少）
-    fansFilterRechargeCountMax?: string | '',//充值次数（最多）
-    dayType?: '' | number,//天数选项
-    fansFilterRechargeTimeMin?: string | '',//上次充值时间（最少 n天内）
-    fansFilterRechargeTimeMax?: string | '',//上次充值时间（最大 n天内）
-    fansFilterRechargeMin?: string | '',//最低充值金额
-    fansFilterRechargeMax?: string | '',//最大充值金额
-    countType?: '' | number,//书币选项
-    fansFilterCoinCountMin?: string | '',//最低书币余额
-    fansFilterCoinCountMax?: string | '',//最高书币余额
-    timeType?: '' | number,//时间选项
-    fansFilterActiveTimeMin?: string | '',//上次活跃距今时间（最低）
-    fansFilterActiveTimeMax?: string | '',//上次活跃距今时间（最高）
-    fansFilterSex?: any[],//粉丝性别
-}
-type Action = {
-    type: 'setData' | 'initData',
-    params: State
-}
-function reducer(state: State, action: Action) {
-    let { type, params } = action
-    let newState = JSON.parse(JSON.stringify(state))
-    switch (type) {
-        case 'setData':
-            Object.keys(params as State).forEach((key: string) => {
-                newState[key] = (params as State)[key]
-            })
-            return newState
-        case 'initData':
-            let data: any = initialState
-            if (params) {
-                data = { ...data, ...params }
-            }
-            return data
-        default:
-            return state
-    }
-}
-const initialState = {
-    fansFilterOsType: [],//操作系统
-    fansFilterMember: '',//是否是会员
-    fansFilterSex: [],//粉丝性别
-    fansFilterSubscribeTimeType: '',//关注时间
-    fansFilterSubscribeTimeBegin: '',//关注起始时间
-    fansFilterSubscribeTimeEnd: '',//关注截至时间
-    fansFilterRechargeCountMin: '',//充值次数（最少）
-    fansFilterRechargeCountMax: '',//充值次数（最多）
-    fansFilterRechargeTimeMin: '',//上次充值时间（最少 n天内）
-    fansFilterRechargeTimeMax: '',//上次充值时间（最大 n天内）
-    fansFilterRechargeMin: '',//最低充值金额
-    fansFilterRechargeMax: '',//最大充值金额
-    fansFilterCoinCountMin: '',//最低书币余额
-    fansFilterCoinCountMax: '',//最高书币余额
-    fansFilterActiveTimeMin: '',//上次活跃距今时间（最低）
-    fansFilterActiveTimeMax: '',//上次活跃距今时间（最高）
-    rechargeType: '',//充值情况选项
-    dayType: '',//天数选项
-    countType: '',//书币选项
-    timeType: ''//时间选项
-}
-type Props = {
-    callback: (value: State) => void;//回调函数获取数据
-    defaultValue?: any;//回填数据
-    openConfig?: {
-        /**活跃时间*/
-        activeTime: boolean
-    }
-}
-function FansSelect(props: Props) {
-    const [open, setOpen] = useState<any>({ a: 1, b: 1, c: 1, d: 1 })
-    const [state, dispatch] = useReducer(reducer, initialState)
-    const { callback, defaultValue = initialState,openConfig} = props
-    let [activeTime,setActiveTime] =useState(openConfig?.activeTime !== undefined ? openConfig?.activeTime : true)
-    const {
-        fansFilterMember, fansFilterSubscribeTimeType, fansFilterSubscribeTimeBegin,
-        fansFilterSubscribeTimeEnd, fansFilterRechargeCountMin, fansFilterRechargeCountMax,
-        fansFilterRechargeTimeMin, fansFilterRechargeTimeMax, fansFilterRechargeMin, fansFilterRechargeMax,
-        fansFilterCoinCountMin, fansFilterCoinCountMax, fansFilterActiveTimeMin, fansFilterActiveTimeMax,
-        rechargeType, dayType, countType, timeType, fansFilterSex, fansFilterOsType
-    } = state
-    //数据回填
-    useEffect(() => {
-        if (defaultValue && JSON.stringify(defaultValue) !== '{}') {
-            let {
-                fansFilterMember, fansFilterSubscribeTimeType, fansFilterSubscribeTimeBegin,
-                fansFilterSubscribeTimeEnd, fansFilterRechargeCountMin, fansFilterRechargeCountMax,
-                fansFilterRechargeTimeMin, fansFilterRechargeTimeMax, fansFilterRechargeMin, fansFilterRechargeMax,
-                fansFilterCoinCountMin, fansFilterCoinCountMax, fansFilterActiveTimeMin, fansFilterActiveTimeMax, fansFilterSex, fansFilterOsType
-            } = defaultValue
-            dispatch({
-                type: 'initData', params: {
-                    fansFilterMember, fansFilterSubscribeTimeType, fansFilterSubscribeTimeBegin,
-                    fansFilterSubscribeTimeEnd, fansFilterRechargeCountMin, fansFilterRechargeCountMax,
-                    fansFilterRechargeTimeMin, fansFilterRechargeTimeMax, fansFilterRechargeMin, fansFilterRechargeMax,
-                    fansFilterCoinCountMin, fansFilterCoinCountMax, fansFilterActiveTimeMin, fansFilterActiveTimeMax, fansFilterSex, fansFilterOsType,
-                    rechargeType: fansFilterRechargeCountMin === null && fansFilterRechargeCountMax === null ? '' :
-                        fansFilterRechargeCountMin == 0 && fansFilterRechargeCountMax == 0 ? 0 :
-                            fansFilterRechargeCountMin == 1 && fansFilterRechargeCountMax == null ? -1 :
-                                fansFilterRechargeCountMin == 1 && fansFilterRechargeCountMax == 1 ? 1 :
-                                    fansFilterRechargeCountMin == 2 && fansFilterRechargeCountMax == 2 ? 2 :
-                                        fansFilterRechargeCountMin == 3 && fansFilterRechargeCountMax == 3 ? 3 :
-                                            fansFilterRechargeCountMin == 4 && fansFilterRechargeCountMax == 4 ? 4 :
-                                                fansFilterRechargeCountMin == 5 && fansFilterRechargeCountMax == 5 ? 5 :
-                                                    fansFilterRechargeCountMin == 6 && fansFilterRechargeCountMax == 6 ? 6 :
-                                                        fansFilterRechargeCountMin == 7 && fansFilterRechargeCountMax == 7 ? 7 :
-                                                            fansFilterRechargeCountMin == 8 && fansFilterRechargeCountMax == 8 ? 8 :
-                                                                fansFilterRechargeCountMin == 10 && fansFilterRechargeCountMax == 10 ? 10 :
-                                                                    fansFilterRechargeCountMin > 10 && fansFilterRechargeCountMax > 10 ? 11 : -2,
-                    dayType: fansFilterRechargeTimeMin === null && fansFilterRechargeTimeMax === null ? '' :
-                        fansFilterRechargeTimeMin == 0 && fansFilterRechargeTimeMax == 15 ? 15 :
-                            fansFilterRechargeTimeMin == 0 && fansFilterRechargeTimeMax == 30 ? 30 :
-                                fansFilterRechargeTimeMin == 30 && fansFilterRechargeTimeMax == 0 ? 31 :
-                                    fansFilterRechargeTimeMin == 0 && fansFilterRechargeTimeMax == 45 ? 45 :
-                                        fansFilterRechargeTimeMin == 0 && fansFilterRechargeTimeMax == 60 ? 60 : 61,
-                    timeType: fansFilterActiveTimeMin == null && fansFilterActiveTimeMax == null ? '' :
-                        fansFilterActiveTimeMin == 0 && fansFilterActiveTimeMax == 1 ? 1 :
-                            fansFilterActiveTimeMin == 1 && fansFilterActiveTimeMax == 3 ? 2 :
-                                fansFilterActiveTimeMin == 3 && fansFilterActiveTimeMax == 12 ? 3 :
-                                    fansFilterActiveTimeMin == 12 && fansFilterActiveTimeMax == 24 ? 4 : 5
-                }
-            })
-        }
-    }, [defaultValue])
-    useEffect(() => {
-        let { rechargeType, dayType, countType, timeType, ...obj } = state
-        callback(obj)
-    }, [state])
-
-    console.log('rechargeType--->', rechargeType);
-
-    return <Row gutter={[10, 20]}>
-        {/* <Col span={24}>
-            <Space>
-                <label style={{ width: 100, display: 'inline-block', textAlign: 'right' }}>性别：</label>
-                <Checkbox.Group
-                    onChange={(checkedValue: CheckboxValueType[]) => {
-                        dispatch({ type: 'setData', params: { fansFilterSex: checkedValue } })
-                    }}
-                    value={fansFilterSex}
-                >
-                    <Checkbox value={''}>不限</Checkbox>
-                    <Checkbox value={1}>男</Checkbox>
-                    <Checkbox value={2}>女</Checkbox>
-                    <Checkbox value={0}>未知</Checkbox>
-                </Checkbox.Group>
-            </Space>
-        </Col> */}
-        <Col span={24}>
-            <Space>
-                <label style={{ width: 100, display: 'inline-block', textAlign: 'right' }}>操作系统：</label>
-                <Checkbox.Group
-                    onChange={(checkedValue: CheckboxValueType[]) => {
-                        dispatch({ type: 'setData', params: { fansFilterOsType: checkedValue } })
-                    }}
-                    value={fansFilterOsType}
-                >
-                    <Checkbox value={0}>未知</Checkbox>
-                    <Checkbox value={1}>安卓</Checkbox>
-                    <Checkbox value={2}>IOS</Checkbox>
-                </Checkbox.Group>
-            </Space>
-        </Col>
-        <Divider style={{ margin: 0 }} />
-        {/* <Col span={24}>
-            <Space>
-                <label style={{ width: 100, display: 'inline-block', textAlign: 'right' }}>是否VIP：</label>
-                <div>
-                    <Radio.Group onChange={(e: RadioChangeEvent) => { dispatch({ type: 'setData', params: { fansFilterMember: e.target.value } }) }} value={fansFilterMember}>
-                        <Radio value={''}>不限</Radio>
-                        <Radio value={true}>是</Radio>
-                        <Radio value={false}>否</Radio>
-                    </Radio.Group>
-                </div>
-            </Space>
-        </Col>
-        <Divider style={{padding:0}}/> */}
-        <Col span={24}>
-            <Space>
-                <label style={{ width: 100, display: 'inline-block', textAlign: 'right' }}>关注时间：</label>
-                <div>
-                    <Radio.Group
-                        onChange={(e: RadioChangeEvent) => {
-                            dispatch({
-                                type: 'setData',
-                                params: {
-                                    fansFilterSubscribeTimeType: e.target.value,
-                                    fansFilterSubscribeTimeBegin: '',
-                                    fansFilterSubscribeTimeEnd: '',
-                                }
-                            })
-                        }}
-                        value={fansFilterSubscribeTimeType === null ? '' : fansFilterSubscribeTimeType}
-                    >
-                        <Radio value={''}>不限</Radio>
-                        <Radio value={0}>具体时间</Radio>
-                        <Radio value={1}>常用日期</Radio>
-                        <Radio value={2}>动态日期</Radio>
-                    </Radio.Group>
-                </div>
-            </Space>
-            {
-                fansFilterSubscribeTimeType === 0 && <div style={{ paddingLeft: 100, marginTop: 8 }}>
-                    <DatePicker.RangePicker
-                        showTime={{ format: 'HH:mm:ss' }}
-                        format="YYYY-MM-DD HH:mm:ss"
-                        onChange={(values: any, formatString: [string, string]) => {
-                            dispatch({
-                                type: 'setData', params: {
-                                    fansFilterSubscribeTimeBegin: formatString[0],
-                                    fansFilterSubscribeTimeEnd: formatString[1],
-                                }
-                            })
-                        }}
-                        value={fansFilterSubscribeTimeBegin ? [moment(fansFilterSubscribeTimeBegin), moment(fansFilterSubscribeTimeEnd)] : undefined}
-                    />
-                </div>
-            }
-            {
-                fansFilterSubscribeTimeType === 1 && <div style={{ paddingLeft: 100, marginTop: 8 }}>
-                    <Input.Group compact>
-                        <Input
-                            style={{ width: 100, textAlign: 'center', borderRightWidth: 0 }}
-                            placeholder="起始(小时)"
-                            value={fansFilterSubscribeTimeBegin}
-                            onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                                let v = event.target.value
-                                dispatch({ type: 'setData', params: { fansFilterSubscribeTimeBegin: v } })
-                            }}
-                        />
-                        <Input
-                            style={{
-                                width: 30,
-                                borderLeft: 0,
-                                borderRight: 0,
-                                pointerEvents: 'none',
-                                backgroundColor: '#fff'
-                            }}
-                            placeholder="~"
-                            disabled
-                        />
-                        <Input
-                            className="site-input-right"
-                            style={{
-                                width: 100,
-                                textAlign: 'center',
-                                borderLeftWidth: 0
-                            }}
-                            value={fansFilterSubscribeTimeEnd}
-                            placeholder="结束(小时)"
-                            onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                                let v = event.target.value
-                                dispatch({ type: 'setData', params: { fansFilterSubscribeTimeEnd: v } })
-                            }}
-                        />
-                    </Input.Group>
-                    <Radio.Group
-                        onChange={(e: RadioChangeEvent) => {
-                            let arr = ['', ['0', '1'], ['0', '24'], ['0', '48'], ['48', '']]
-                            dispatch({
-                                type: 'setData',
-                                params: {
-                                    fansFilterSubscribeTimeBegin: arr[e.target.value][0],
-                                    fansFilterSubscribeTimeEnd: arr[e.target.value][1],
-                                }
-                            })
-                        }} value={
-                            fansFilterSubscribeTimeBegin === "48" && fansFilterSubscribeTimeEnd === '' ?
-                                4 : fansFilterSubscribeTimeBegin === "0" && fansFilterSubscribeTimeEnd === '48' ?
-                                    3 : fansFilterSubscribeTimeBegin === "0" && fansFilterSubscribeTimeEnd === '24' ?
-                                        2 :
-                                        fansFilterSubscribeTimeBegin === "0" && fansFilterSubscribeTimeEnd === '1' ?
-                                            1 : ''}>
-                        <Radio value={1}>1小时内</Radio>
-                        <Radio value={2}>24小时内</Radio>
-                        <Radio value={3}>48小时内</Radio>
-                        <Radio value={4}>48小时外</Radio>
-                    </Radio.Group>
-                </div>
-            }
-            {
-                fansFilterSubscribeTimeType === 2 && <div style={{ paddingLeft: 100, marginTop: 8 }}>
-                    <Input.Group compact>
-                        <Input
-                            style={{ width: 100, textAlign: 'center', borderRightWidth: 0 }}
-                            placeholder="第n天"
-                            value={fansFilterSubscribeTimeBegin}
-                            onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                                let v = event.target.value
-                                dispatch({ type: 'setData', params: { fansFilterSubscribeTimeBegin: v } })
-                            }}
-                        />
-                        <Input
-                            style={{
-                                width: 30,
-                                borderLeft: 0,
-                                borderRight: 0,
-                                pointerEvents: 'none',
-                                backgroundColor: '#fff'
-                            }}
-                            placeholder="~"
-                            disabled
-                        />
-                        <Input
-                            className="site-input-right"
-                            style={{
-                                width: 100,
-                                textAlign: 'center',
-                                borderLeftWidth: 0
-                            }}
-                            placeholder="第n天"
-                            value={fansFilterSubscribeTimeEnd}
-                            onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                                let v = event.target.value
-                                dispatch({ type: 'setData', params: { fansFilterSubscribeTimeEnd: v } })
-                            }}
-                        />
-                    </Input.Group>
-                </div>
-            }
-        </Col>
-        <Divider style={{ margin: 0 }} />
-        <Col span={24}>
-            <Space className={style.s_label}>
-                <label style={{ width: 100, display: 'inline-block', textAlign: 'right' }}> 充值情况：</label>
-                <div>
-                    <div style={{ marginBottom: 5 }}>
-                        <Input.Group compact>
-                            <Input
-                                style={{ width: 100, textAlign: 'center', borderRightWidth: 0 }}
-                                placeholder="最小次数"
-                                value={fansFilterRechargeCountMin}
-                                onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                                    let v = event.target.value
-                                    dispatch({ type: 'setData', params: { fansFilterRechargeCountMin: v } })
-                                }}
-                            />
-                            <Input
-                                style={{
-                                    width: 30,
-                                    borderLeft: 0,
-                                    borderRight: 0,
-                                    pointerEvents: 'none',
-                                    backgroundColor: '#fff'
-                                }}
-                                placeholder="~"
-                                disabled
-                            />
-                            <Input
-                                className="site-input-right"
-                                style={{
-                                    width: 100,
-                                    textAlign: 'center',
-                                    borderLeftWidth: 0
-                                }}
-                                value={fansFilterRechargeCountMax}
-                                placeholder="最大次数"
-                                onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                                    let v = event.target.value
-                                    dispatch({ type: 'setData', params: { fansFilterRechargeCountMax: v } })
-                                }}
-                            />
-                        </Input.Group>
-                    </div>
-                    <Radio.Group
-                        style={{ width: '100%' }}
-                        onChange={(e: RadioChangeEvent) => {
-                            dispatch({
-                                type: 'setData', params: {
-                                    rechargeType: e.target.value,
-                                    fansFilterRechargeCountMin: e.target.value === '' ? '' : e.target.value === 11 ? 10 : e.target.value === -1 ? 1 : e.target.value,
-                                    fansFilterRechargeCountMax: e.target.value === 11 ? '' : e.target.value === -1 ? '' : e.target.value
-                                }
-                            })
-                        }}
-                        value={rechargeType}
-                    >
-                        <Radio value={''}>不限</Radio>
-                        <Radio value={0}>未充值</Radio>
-                        <Radio value={-1}>已充值</Radio>
-                        {
-                            !!open.a && <>
-                                <Radio value={1}>充值1次</Radio>
-                                <Radio value={2}>充值2次</Radio>
-                                <Radio value={3}>充值3次</Radio>
-                                <Radio value={5}>充值5次</Radio>
-                                <Radio value={8}>充值8次</Radio>
-                                <Radio value={10}>充值10次</Radio>
-                                <Radio value={11}>充值10次以上</Radio>
-                            </>
-                        }
-                    </Radio.Group >
-                    <span className={style.open_span} onClick={() => setOpen({ ...open, a: !open.a })}>{!!open.a ? <UpCircleOutlined style={{ color: '#1890ff' }} /> : <DownCircleOutlined style={{ color: '#1890ff' }} />}</span>
-                </div>
-            </Space>
-        </Col>
-        <Divider style={{ margin: 0 }} />
-        <Col span={24}>
-            <Space className={style.s_label}>
-                <label style={{ width: 100, display: 'inline-block', textAlign: 'right' }}>上次充值距今：</label>
-                <div>
-                    <div style={{ marginBottom: 5 }}>
-                        <Input.Group compact>
-                            <Input
-                                style={{ width: 100, textAlign: 'center', borderRightWidth: 0 }}
-                                placeholder="最小天数"
-                                value={fansFilterRechargeTimeMin}
-                                onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                                    let v = event.target.value
-                                    dispatch({ type: 'setData', params: { fansFilterRechargeTimeMin: v } })
-                                }}
-                            />
-                            <Input
-                                style={{
-                                    width: 30,
-                                    borderLeft: 0,
-                                    borderRight: 0,
-                                    pointerEvents: 'none',
-                                    backgroundColor: '#fff'
-                                }}
-                                placeholder="~"
-                                disabled
-                            />
-                            <Input
-                                className="site-input-right"
-                                style={{
-                                    width: 100,
-                                    textAlign: 'center',
-                                    borderLeftWidth: 0
-                                }}
-                                value={fansFilterRechargeTimeMax}
-                                placeholder="最大天数"
-                                onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                                    let v = event.target.value
-                                    dispatch({ type: 'setData', params: { fansFilterRechargeTimeMax: v } })
-                                }}
-                            />
-                        </Input.Group>
-                    </div>
-                    <Radio.Group
-                        style={{ width: '100%' }}
-                        onChange={(e: RadioChangeEvent) => {
-                            dispatch({
-                                type: 'setData',
-                                params: {
-                                    dayType: e.target.value,
-                                    fansFilterRechargeTimeMin: e.target.value === '' ? '' : e.target.value === 31 ? '30' : e.target.value === 61 ? '60' : '0',
-                                    fansFilterRechargeTimeMax: e.target.value === 31 ? '' : e.target.value === 61 ? '' : e.target.value
-                                }
-                            })
-                        }}
-                        value={dayType}
-                    >
-                        <Radio value="">不限</Radio>
-                        <Radio value={15}>15天之内</Radio>
-                        <Radio value={30}>30天之内</Radio>
-                        {
-                            !!open.b && <>
-                                <Radio value={31}>30天以上</Radio>
-                                <Radio value={45}>45天之内</Radio>
-                                <Radio value={60}>60天之内</Radio>
-                                <Radio value={61}>60天以上</Radio>
-                            </>
-                        }
-                    </Radio.Group>
-
-                    <span className={style.open_span} onClick={() => setOpen({ ...open, b: !open.b })}>{!!open['b'] ? <UpCircleOutlined style={{ color: '#1890ff' }} /> : <DownCircleOutlined style={{ color: '#1890ff' }} />}</span>
-                </div>
-            </Space>
-        </Col>
-        <Divider style={{ margin: 0 }} />
-        <Col span={24}>
-            <Space>
-                <label style={{ width: 100, display: 'inline-block', textAlign: 'right' }}>累计充值金额：</label>
-                <Input.Group compact>
-                    <Input
-                        style={{ width: 100, textAlign: 'center', borderRightWidth: 0 }}
-                        placeholder="最小金额"
-                        onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                            let v = event.target.value
-                            dispatch({ type: 'setData', params: { fansFilterRechargeMin: v } })
-                        }}
-                        value={fansFilterRechargeMin}
-                    />
-                    <Input
-                        style={{
-                            width: 30,
-                            borderLeft: 0,
-                            borderRight: 0,
-                            pointerEvents: 'none',
-                            backgroundColor: '#fff'
-                        }}
-                        placeholder="~"
-                        disabled
-                    />
-                    <Input
-                        className="site-input-right"
-                        style={{
-                            width: 100,
-                            textAlign: 'center',
-                            borderLeftWidth: 0
-                        }}
-                        placeholder="最大金额"
-                        onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                            let v = event.target.value
-                            dispatch({ type: 'setData', params: { fansFilterRechargeMax: v } })
-                        }}
-                        value={fansFilterRechargeMax}
-                    />
-                </Input.Group>
-            </Space>
-        </Col>
-        <Divider style={{ margin: 0 }} />
-        {/* <Col span={24}>
-            <Space className={style.s_label}>
-                <label style={{ width: 100, display: 'inline-block', textAlign: 'right' }}>书币余额：</label>
-                <div>
-                    <div style={{ marginBottom: 5 }}>
-                        <Input.Group compact>
-                            <Input
-                                style={{ width: 100, textAlign: 'center', borderRightWidth: 0 }}
-                                placeholder="最小书币"
-                                value={fansFilterCoinCountMin}
-                                onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                                    let v = event.target.value
-                                    dispatch({ type: 'setData', params: { fansFilterCoinCountMin: v } })
-                                }}
-                            />
-                            <Input
-                                style={{
-                                    width: 30,
-                                    borderLeft: 0,
-                                    borderRight: 0,
-                                    pointerEvents: 'none',
-                                    backgroundColor: '#fff'
-                                }}
-                                placeholder="~"
-                                disabled
-                            />
-                            <Input
-                                className="site-input-right"
-                                style={{
-                                    width: 100,
-                                    textAlign: 'center',
-                                    borderLeftWidth: 0
-                                }}
-                                placeholder="最大书币"
-                                value={fansFilterCoinCountMax}
-                                onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                                    let v = event.target.value
-                                    dispatch({ type: 'setData', params: { fansFilterCoinCountMax: v } })
-                                }}
-                            />
-                        </Input.Group>
-                    </div>
-                    <Radio.Group
-                        style={{ width: '100%' }}
-                        onChange={(e: RadioChangeEvent) => {
-                            let arr = [['', ''], ['0', '500'], ['501', '1000'], ['1001', '3000'], ['3001', '10000'], ['10000', '']]
-                            dispatch({
-                                type: 'setData',
-                                params: {
-                                    countType: e.target.value,
-                                    fansFilterCoinCountMin: e.target.value === '' ? arr[0][0] : arr[e.target.value][0],
-                                    fansFilterCoinCountMax: e.target.value === '' ? arr[0][1] : arr[e.target.value][1],
-                                }
-                            })
-                        }}
-                        value={countType}>
-                        <Radio value="">不限</Radio>
-                        <Radio value={1}>低于500</Radio>
-                        <Radio value={2}>501-1000</Radio>
-                        {
-                            !!open.c && <>
-                                <Radio value={3}>1001-3000</Radio>
-                                <Radio value={4}>3001-10000</Radio>
-                                <Radio value={5}>10000以上</Radio>
-                            </>
-                        }
-                    </Radio.Group>
-                    <span className={style.open_span} onClick={() => setOpen({ ...open, c: !open.c })}>{!!open['c'] ? <UpCircleOutlined style={{ color: '#1890ff' }} /> : <DownCircleOutlined style={{ color: '#1890ff' }} />}</span>
-                </div>
-            </Space>
-        </Col>
-        <Divider style={{padding:0}}/> */}
-       {activeTime && <Col span={24}>
-            <Space className={style.s_label}>
-                <label style={{ width: 100, display: 'inline-block', textAlign: 'right' }}>活跃时间：</label>
-                <div>
-                    <div style={{ marginBottom: 5 }}>
-                        <Input.Group compact>
-                            <Input
-                                style={{ width: 100, textAlign: 'center', borderRightWidth: 0 }}
-                                placeholder="最小时间"
-                                value={fansFilterActiveTimeMin}
-                                onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                                    let v = event.target.value
-                                    dispatch({ type: 'setData', params: { fansFilterActiveTimeMin: v } })
-                                }}
-                            />
-                            <Input
-                                style={{
-                                    width: 30,
-                                    borderLeft: 0,
-                                    borderRight: 0,
-                                    pointerEvents: 'none',
-                                    backgroundColor: '#fff'
-                                }}
-                                placeholder="~"
-                                disabled
-                            />
-                            <Input
-                                className="site-input-right"
-                                style={{
-                                    width: 100,
-                                    textAlign: 'center',
-                                    borderLeftWidth: 0
-                                }}
-                                placeholder="最大时间"
-                                value={fansFilterActiveTimeMax}
-                                onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                                    let v = event.target.value
-                                    dispatch({ type: 'setData', params: { fansFilterActiveTimeMax: v } })
-                                }}
-                            />
-                        </Input.Group>
-                    </div>
-                    <Radio.Group
-                        style={{ width: '100%' }}
-                        onChange={(e: RadioChangeEvent) => {
-                            let arr = [['', ''], ['0', '1'], ['1', '3'], ['3', '12'], ['12', '24'], ['24', '48']]
-                            dispatch({
-                                type: 'setData',
-                                params: {
-                                    timeType: e.target.value,
-                                    fansFilterActiveTimeMin: e.target.value === '' ? arr[0][0] : arr[e.target.value][0],
-                                    fansFilterActiveTimeMax: e.target.value === '' ? arr[0][1] : arr[e.target.value][1],
-                                }
-                            })
-                        }}
-                        value={timeType}
-                    >
-                        <Radio value="">不限</Radio>
-                        <Radio value={1}>1小时</Radio>
-                        <Radio value={2}>1-3小时</Radio>
-                        {
-                            !!open.d && <>
-                                <Radio value={3}>3-12小时</Radio>
-                                <Radio value={4}>12-24小时</Radio>
-                                <Radio value={5}>24-48小时</Radio>
-                            </>
-                        }
-                    </Radio.Group>
-                    <span className={style.open_span} onClick={() => setOpen({ ...open, d: !open.d })}>{!!open['d'] ? <UpCircleOutlined style={{ color: '#1890ff' }} /> : <DownCircleOutlined style={{ color: '#1890ff' }} />}</span>
-                </div>
-
-            </Space>
-        </Col>}
-    </Row >
-}
-
-export default React.memo(FansSelect, (a, b) => {
-    if (JSON.stringify(a) === JSON.stringify(b)) {
-        return true
-    }
-    return false
-})

src/components/FileBox/components/fileModal/index.tsx

@@ -1,89 +0,0 @@
-import WxSelect from '@/components/WxSelect'
-import { Input, InputNumber, Modal, Tag } from 'antd'
-import React, { useMemo } from 'react'
-import { useModel } from 'umi'
-/**新建文件夹,修改非图文素材名称 */
-function FileModal(props: { isAll?: boolean }) {
-    const { isAll } = props
-    const { state, set, fileOk, nameOk, offEditFile } = useModel(isAll ? 'useOperating.useBdMedia' : 'useOperating.useBdMediaPup')
-    const { fileVisible, actionItem, fileName, sort, videoDescription, videoTitle } = state
-    const { state: { selectWx }, initSelectWx } = useModel('useOperating.useWxGroupList')//公众号筛选
-    const title = useMemo(() => {
-        if (actionItem?.folder) {
-            return '编辑文件夹'
-        }
-        switch (actionItem?.fileType) {
-            case 'image':
-                return '编辑图片';
-            case 'voice':
-                return '编辑音频';
-            case 'video':
-                return '编辑视频';
-        }
-        return '新建文件夹'
-    }, [actionItem])
-    console.log(state)
-    return <Modal
-        open={fileVisible}
-        destroyOnClose
-        onOk={(e) => { actionItem ? nameOk(selectWx) : fileOk(e, undefined, selectWx); initSelectWx() }}
-        onCancel={() => { offEditFile(); initSelectWx() }}
-        width={400}
-        title={title}
-        closable={false}
-    >
-        <Tag color='warning'>数值越大越靠前</Tag>
-        <div style={{ display: 'flex', flexFlow: 'row', marginBottom: 10, alignItems: 'center', marginTop: 10 }}>
-            <label style={{ width: '15%' }}>排序：</label>
-            <InputNumber
-                style={{ width: '100%' }}
-                value={sort}
-                placeholder='请输入序号, 数值越大越靠前'
-                onChange={(e) => {
-                    set({ sort: e || 0 })
-                }}
-            />
-        </div>
-
-        {
-            actionItem?.fileType === 'video' ? <div>
-                <div style={{ display: 'flex', flexFlow: 'row', marginBottom: 10, alignItems: 'center' }}>
-                    <label style={{ width: '15%' }}>名称：</label>
-                    <Input
-                        value={videoTitle}
-                        allowClear
-                        placeholder='请输入名称'
-                        onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                            set({ videoTitle: event.target.value })
-                        }}
-                    /></div>
-                <div style={{ display: 'flex', flexFlow: 'row', alignItems: 'center' }}>
-                    <label style={{ width: '15%' }}>描述：</label>
-                    <Input.TextArea
-                        placeholder='请输入描述内容'
-                        allowClear
-                        value={videoDescription}
-                        onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => {
-                            set({ videoDescription: event.target.value })
-                        }}
-                    />
-                </div>
-                <WxSelect />
-            </div> : <>
-                <div style={{ display: 'flex', flexFlow: 'row', marginBottom: 10, alignItems: 'center' }}>
-                    <label style={{ width: '15%' }}>名称：</label>
-                    <Input
-                        value={fileName}
-                        allowClear
-                        placeholder='请输入名称'
-                        onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                            set({ fileName: event.target.value })
-                        }}
-                    />
-                </div>
-                <WxSelect />
-            </>
-        }
-    </Modal>
-}
-export default React.memo(FileModal)

src/components/FileBox/components/fileModal/sortModal.tsx

@@ -1,47 +0,0 @@
-import { InputNumber, Modal, Tag } from 'antd'
-import React, { useEffect, useState } from 'react'
-import { useModel } from 'umi'
-
-
-interface Props {
-    isAll?: boolean
-}
-function SortModal(props: Props) {
-    const { isAll } = props
-    const { state, offEditFile, configSort, list, set } = useModel(isAll ? 'useOperating.useBdMedia' : 'useOperating.useBdMediaPup')
-    const { sortVisible, actionItem } = state
-    const [sort, setSort] = useState<number>(0)
-
-    useEffect(() => {
-        setSort(actionItem?.sort || 0)
-    }, [actionItem?.sort])
-
-    const sortHandle = () => {
-        configSort.run({ sysMediaId: actionItem?.id, sort: sort }).then(res => {
-            if (res) {
-                list?.refresh()
-                set({ sortVisible: false, actionItem: null })
-            }
-        })
-    }
-
-    return <Modal
-        open={sortVisible}
-        width={400}
-        title={'编辑排序'}
-        closable={false}
-        onOk={sortHandle}
-        onCancel={() => { offEditFile() }}
-    >
-        <Tag color='warning'>数值越大越靠前</Tag>
-        <InputNumber
-            style={{ width: '100%', marginTop: 10 }}
-            value={sort}
-            placeholder='请输入序号, 数值越大越靠前'
-            onChange={(e) => {
-                setSort(e || 0)
-            }} 
-        />
-    </Modal>
-}
-export default SortModal

src/components/FileBox/components/imgModal/index.tsx

@@ -1,120 +0,0 @@
-import React, { useCallback, useState } from 'react'
-import { Modal } from 'antd'
-import FormItem from '@/components/Formitem'
-import { FormConfig } from '@/components/Formitem/type'
-import { useModel } from 'umi'
-import WxSelect from '@/components/WxSelect'
-/**新建非图文素材 */
-let ImgModal = React.memo((props: { isAll?: boolean }) => {
-    const { isAll } = props
-    const [fromsubmit, setFromsubmit] = useState<() => Promise<any>>()//存放from提交事件
-    const callback = useCallback((fnc: () => Promise<any>) => { setFromsubmit(fnc) }, [])//回调获取from提交事件
-    const { state, typeEnum, fileOk, offEditFile } = useModel(isAll ? 'useOperating.useBdMedia' : 'useOperating.useBdMediaPup')
-    const { imgVisrible, fileType, actionItem } = state
-    const { state: { selectWx }, initSelectWx} = useModel('useOperating.useWxGroupList')//公众号筛选
-    return <Modal
-        title={(actionItem ? '编辑' : '新建') + typeEnum[fileType as keyof typeof typeEnum]}
-        open={imgVisrible}
-        onOk={(e) => { fileOk(e, fromsubmit, selectWx);initSelectWx() }}
-        onCancel={()=>{
-            offEditFile();
-            initSelectWx()
-        }}
-        destroyOnClose
-        maskClosable={false}
-    >
-        <FormItem
-            formConfig={config(typeEnum[fileType as keyof typeof typeEnum])}
-            flow='column'
-            getFormSubmit={callback}
-            defaultProps={{ sort: 0 }}
-            isAll={isAll}
-        />
-        <WxSelect />
-    </Modal>
-})
-export default ImgModal
-let config: (name: string,) => FormConfig[] = (name) => {
-    let videoArr: FormConfig[] = [
-        {
-            label: name + '名称',
-            tag: 'input',
-            name: 'videoTitle',
-            width: 200,
-        },
-        
-        {
-            label: name + '描述',
-            tag: 'TextArea',
-            name: 'videoDescription',
-            width: 300,
-        },
-        {
-            label: '排序',
-            tag: 'inputNumber',
-            name: 'sort',
-            width: 200,
-        },
-        {
-            label: '上传' + name,
-            tag: 'inputFile',
-            name: 'file',
-            required: true,
-            message: '请上传文件'
-        }
-    ]
-    let imgArr: FormConfig[] = [
-        {
-            label: name + '名称',
-            tag: 'input',
-            name: 'fileName',
-            width: 200,
-        },
-        {
-            label: '排序',
-            tag: 'inputNumber',
-            name: 'sort',
-            width: 200,
-        },
-        {
-            label: '上传' + name,
-            tag: 'imgCrop',
-            name: 'file',
-            required: true,
-            message: '请上传文件'
-        }
-    ]
-    let arr: FormConfig[] = [
-        {
-            label: name + '名称',
-            tag: 'input',
-            name: 'fileName',
-            width: 200,
-        },
-        {
-            label: '排序',
-            tag: 'inputNumber',
-            name: 'sort',
-            width: 200,
-        },
-        {
-            label: '上传' + name,
-            tag: 'inputFile',
-            name: 'file',
-            required: true,
-            message: '请上传文件'
-        }
-    ]
-    if (name === '编辑') {
-        return [
-            {
-                label: name + '名称',
-                tag: 'input',
-                name: 'fileName',
-                width: 200
-            },
-        ]
-    }
-    return name === '视频' ? videoArr : name === '图片' ? imgArr : arr
-}
-

src/components/FileBox/components/newsModal/index.less

@@ -1,211 +0,0 @@
-.left {
-  width: 100%;
-  .left_top {
-    display: flex;
-    justify-content: left;
-    align-items: center;
-    padding: 10px;
-    border-bottom: 1px solid #efefef;
-    font-weight: 500;
-  }
-  .left_ul {
-    height: calc(100vh - 150px);
-    overflow-y: auto;
-    > ul {
-      display: flex;
-      flex-flow: column;
-      padding: 10px;
-      overflow-y: auto;
-      li {
-        position: relative;
-        border: 1px solid #efefef;
-        border-bottom: 0;
-        > p {
-          display: flex;
-          padding: 15px;
-          flex-flow: row;
-          justify-content: space-between;
-          margin-bottom: 0;
-          img {
-            width: 60px;
-            height: 60px;
-            border-radius: 3px;
-            object-fit: cover;
-          }
-        }
-        > div {
-          opacity: 0;
-          display: flex;
-          justify-content: space-between;
-          padding: 0 10px;
-          align-items: center;
-          color: #fff;
-          position: absolute;
-          bottom: 0;
-          left: 0;
-          width: 100%;
-          z-index: 99;
-          height: 30px;
-          background: rgba(0, 0, 0, 0.6);
-          > span {
-            cursor: pointer;
-            > span {
-              margin-right: 10px;
-            }
-          }
-        }
-      }
-      li.last {
-        border-bottom: 1px solid #efefef;
-        > div {
-          > span {
-            > span {
-              &:nth-child(2) {
-                display: none;
-              }
-            }
-          }
-        }
-      }
-      li.first {
-        border: 0;
-        > span {
-          position: absolute;
-          bottom: 0;
-          left: 0;
-          right: 0;
-          height: 30px;
-          background: rgba(0, 0, 0, 0.6);
-          color: #fff;
-          line-height: 30px;
-          padding-left: 10px;
-        }
-        > div {
-          > span {
-            > span {
-              &:nth-child(1) {
-                display: none;
-              }
-            }
-          }
-        }
-        > p {
-          position: relative;
-          width: 100%;
-          height: 0px;
-          padding-top: 40%;
-          border-radius: 2px;
-          margin-bottom: 0;
-          img {
-            position: absolute;
-            left: 0px;
-            top: 0px;
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-          }
-        }
-      }
-      li:hover {
-        > div {
-          opacity: 1;
-        }
-      }
-      li.action {
-        border: 1px solid rgb(59, 116, 255);
-      }
-    }
-    > span {
-      height: 50px;
-      border: 1px dashed #bbbbbb;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      margin: 0 10px;
-    }
-    > span:hover {
-      border-color: rgb(59, 116, 255);
-      color: rgb(59, 116, 255);
-    }
-  }
-}
-.right_fb {
-  height: calc(100vh - 112px);
-  overflow-y: scroll;
-  > div {
-    width: 100%;
-    display: flex;
-    flex-flow: column;
-  }
-  .upload {
-    border: 1px dashed #d8d8d8;
-    border-radius: 3px;
-    cursor: pointer;
-    margin: 10px 0;
-    position: relative;
-    img {
-      object-fit: cover;
-      width: 100%;
-      height: 100%;
-    }
-    .add {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-flow: column;
-      height: 100%;
-    }
-    .pos {
-      position: absolute;
-      top: 0;
-      left: 0;
-      height: 100%;
-      width: 100%;
-      opacity: 0;
-      color: #fff;
-    }
-    .pos:hover {
-      opacity: 1;
-      background: rgba(0, 0, 0, 0.6);
-    }
-  }
-  .min {
-    width: 88px;
-    height: 88px;
-  }
-  .max {
-    width: 220px;
-    height: 95px;
-  }
-  .right_textArea {
-    span:last-child {
-      float: right;
-      text-align: right;
-    }
-  }
-}
-.box {
-  border: 1px solid #efefef;
-  height: 100%;
-  > div {
-    &:nth-child(1) {
-      border-right: 1px solid #efefef;
-    }
-    &:last-child {
-      padding: 0 10px;
-      border-left: 1px solid #efefef;
-    }
-  }
-}
-.title1 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 200px;
-}
-.title {
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}

src/components/FileBox/components/newsModal/index.tsx

@@ -1,54 +0,0 @@
-import React, { useImperativeHandle, useState } from 'react'
-import { Col, Drawer, Row } from 'antd'
-import style from './index.less'
-import Left from './left'
-import Right from './right'
-import Editor from '@/components/Editor/Box'
-import { useModel } from 'umi'
-//isWx是否是微信用来判断调用不同的接口逻辑默认不是
-const DrawerPage = React.forwardRef((props: any, ref) => {
-    const { styleRight = '', isAll = true, callback = null } = props
-    const [visible, setVisible] = useState<boolean>(false)//抽屉
-    const [isEdit, setIsEdit] = useState<boolean>(false)//是否编辑
-    const [editId, setEditId] = useState<string>('')//编辑的ID
-    const { drawerDispatch, actionData } = useModel('useOperating.useMaterialDrawer', model => ({ drawerDispatch: model.dispatch, actionData: model.state.actionData }))
-    //映射ref方法
-    useImperativeHandle(ref, () => ({
-        showDrawer,
-    }))
-    //抽屉显示
-    let showDrawer = (props?: any) => {
-        setEditId(props?.editId || '')
-        setIsEdit(props?.isEdit || false)//设置是否编辑
-        setVisible(true)//开启弹窗
-        localStorage.setItem('collapsed', '1')
-    };
-    //抽屉关闭
-    let onClose = () => {
-        // isEdit ? drawerDispatch({ type: 'initData' }) : drawerDispatch({ type: 'action', params: { actionId: 1 } })//编辑取消后清空数据
-        drawerDispatch({ type: 'initData' })
-        setVisible(false)//关闭抽屉
-        setIsEdit(false)//设回flase以免新建关闭后销毁数据
-        localStorage.setItem('collapsed', '0')
-    };
-    return <Drawer
-        placement="right"
-        closable={false}
-        onClose={onClose}
-        open={visible}
-        getContainer={false}
-        width='90%'
-        destroyOnClose
-        style={styleRight ? { right: styleRight } : {}}
-    >
-        <Row className={style.box}>
-            <Col flex='1'><Left isWx={props?.isWx} /></Col>
-            <Col flex='3'>{visible && <Editor onClose={onClose} editId={editId} editData={actionData?.dataArr} syncNews={props?.syncNews} isWx={props?.isWx} isShowWx={props?.isShowWx} isAll={isAll} callback={callback}/>}</Col>
-            <Col flex='1'><Right isShowWx={props?.isShowWx} /></Col>
-        </Row>
-    </Drawer>
-})
-
-export default DrawerPage
-
-

src/components/FileBox/components/newsModal/left.tsx

@@ -1,158 +0,0 @@
-import React, { useCallback, useState } from 'react'
-import style from './index.less'
-import { ArrowDownOutlined, ArrowUpOutlined, DeleteOutlined, PlusOutlined } from '@ant-design/icons'
-import { Avatar, Input, message, Modal, Space } from 'antd'
-import { useModel } from 'umi'
-import { exportMediaByUrl1 } from '@/services/operating/material'
-const Left = React.memo((props: { isWx?: boolean }) => {
-    const { isWx } = props
-    const { drawerState: { dataArr, actionId }, dispatch } = useModel('useOperating.useMaterialDrawer', model => ({ drawerState: model.state, dispatch: model.dispatch }))
-    const { actionWX } = useModel('useOperating.useWxGroupList', model => ({ actionWX: model.state.actionWX }))
-    const { ueditorRef } = useModel('useOperating.useMaterialDrawer', model => ({ ueditorRef: model.state.ueditorRef }))
-    const [showNews, setShowNews] = useState<boolean>(false)//导入文章
-    const [newsUrl, setNewsUrl] = useState<string>('')//文章地址
-
-    //导入文章
-    const handleImportNews = useCallback(() => {
-        let str = newsUrl
-        if (str.indexOf(',') === -1) {
-            str = str.replace(/\s/ig, ',')
-        }
-        let arr = str.split(/[,，]/)
-        let newArr: string[] = []
-        arr.forEach((url: string) => {
-            url = url.replace(/\s*/g, '')
-            if (url !== "" && url) {
-                newArr.push(url)
-            }
-        })
-        let isOk = newArr.every((url: string, index: number) => {
-            if (url.search(/http[s]?:\/\/mp.weixin.qq.com/ig) === 0) {
-                return true
-            } else {
-                message.error(`第${index + 1}的地址错误,请输入正确的文章地址!`)
-            }
-        })
-        if (newArr.length > (9 - actionId)) {
-            message.error('你输入的链接条数超过了当前剩余可新增的条数')
-            return
-        }
-        if (isOk) {
-            let promiseAll: any[] = []
-            newArr.forEach((url: string, index: number) => {
-                // promiseAll.push(exportMediaByUrl1(url).then((res) => { return res.json() }))
-                promiseAll.push(exportMediaByUrl1(encodeURIComponent(url)).then((res) => { return res.json() }))
-            })
-            Promise.all(promiseAll).then((res: any) => {
-                let arr: any[] = []
-                if (res) {
-                    res.forEach((r: { data: any, code: 200 }, index: number) => {
-                        if (r.code === 200) {
-                            let { content, contentSourceUrl, digest, thumbMediaUrl, title } = r.data
-                            contentSourceUrl = contentSourceUrl.replace(/['"]*/g, '')
-                            content = content.replace('data-src', 'src').replace(/\<mpvoice[\s\S]*\<\/mpvoice\>/ig, '')
-                            index === 0 && ueditorRef?.setContent(content, false)
-                            arr.push({ menuId: actionId + index, content, contentSourceUrl, digest, thumbMediaUrl, title })
-                        }
-                    })
-                    arr = arr.sort((a: { menuId: number }, b: { menuId: number }) => { return a.menuId - b.menuId })
-                    dispatch({ type: 'importNews', params: { data: { dataArrs: arr, actionId } } })
-                }
-            }).catch(err => { console.log(err) })
-            setShowNews(false)
-        }
-    }, [newsUrl, actionId, ueditorRef])
-    return <div className={style.left}>
-        {
-            isWx && <div className={style.left_top}>
-                <Space>
-                    <Avatar src={actionWX?.headImg || "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"} />
-                    <span>{actionWX?.nickName}</span>
-                </Space>
-            </div>
-        }
-        <div className={style.left_ul}>
-            <ul>
-                {
-                    dataArr?.map((item: any, index: number) => {
-                        return index === 0
-                            ?
-                            <li
-                                className={`${style.first} ${actionId === item.menuId && style.action}`}
-                                key={item.menuId}
-                                onClick={() => {
-                                    dispatch({ type: 'action', params: { menuId: item.menuId } })
-                                }}
-                            >
-                                <p>
-                                    {/* <img src='https://mmbiz-qpic-cn.weituibao.com/mmbiz_png/o0slOoU0qk1qibibvCYeHB7tCwW6HGia7wntuqFtE7IYfqkp8lsCegVicBdRNQTFgZdQRLctqVIebWqu5EOib5ejHMQ/0?wx_fmt=png&wxb_id=4so7eVwgLV_RCXsMR1e4Y4hgYPtVj_qfNimo_frijeI' /> */}
-                                    <img src={item.thumbMediaUrl || item.thumbUrl || 'https://s.weituibao.com/static/1552098829922/bigfm.png'} alt="" />
-                                </p>
-                                <span className={style.title}>{item.title || '标题'}</span>
-                                <div>
-                                    <span>
-                                        <ArrowUpOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index, up: true } })} />
-                                        <ArrowDownOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index } })} />
-                                    </span>
-                                    <DeleteOutlined onClick={() => dispatch({ type: 'delDataArr', params: { menuId: item.menuId } })} />
-                                </div>
-                            </li>
-                            :
-                            <li
-                                className={`${index === dataArr.length - 1 && style.last} ${actionId === item.menuId && style.action}`}
-                                key={item.menuId}
-                                onClick={() => {
-                                    dispatch({ type: 'action', params: { menuId: item.menuId } })
-                                }
-                                }
-                            >
-                                <p>
-                                    <span className={style.title1}>{item.title || '标题'}</span> <img src={item.thumbMediaUrl || item.thumbUrl || 'https://s.weituibao.com/static/1552098829922/bigfm.png'} alt="" />
-                                </p>
-                                <span />
-                                <div>
-                                    <span>
-                                        <ArrowUpOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index, up: true } })} />
-                                        <ArrowDownOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index } })} />
-                                    </span>
-                                    <DeleteOutlined onClick={() => dispatch({ type: 'delDataArr', params: { menuId: item.menuId } })} />
-                                </div>
-                            </li>
-                    })
-                }
-            </ul>
-            {
-                dataArr?.length < 8 && <span onClick={() => dispatch({ type: 'addDataArr' })} ><PlusOutlined />新建</span>
-            }
-            <span onClick={() => { setShowNews(true) }} style={{ marginTop: 10 }}><PlusOutlined />导入文章</span>
-            <Modal
-                open={showNews}
-                title='导入文章'
-                onCancel={() => { setShowNews(false) }}
-                onOk={handleImportNews}
-                destroyOnClose
-            >
-                <Input.TextArea
-                    placeholder={
-                        ` 请填写文章url地址,支持批量，批量传入需要在每个链接后面加上逗号或者换行,从你当前选中的篇数开始导入替换，一次只能导入8篇，输入的链接地址不能超过可新建的篇数，假如你从第5篇开始导入那只能导入4篇
-                        
-方式1：支持末尾加，号分割导入                     https://mp.weixin.qq.com/s/C4qcDnPwfAlf4Y2P9qeThA,https://mp.weixin.qq.com/s/tVGyg6rxR6BoppjqIbKoGg
-方式2：支持换行分割导入
-https://mp.weixin.qq.com/s/C4qcDnPwfAlf4Y2P9qeThA
-https://mp.weixin.qq.com/s/tVGyg6rxR6BoppjqIbKoGg
-`
-                    }
-                    rows={10}
-                    onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => {
-                        let url = e.target.value
-                        if (url) {
-                            setNewsUrl(url)
-                        }
-                    }}
-
-                />
-            </Modal>
-        </div>
-    </div>
-})
-export default Left

src/components/FileBox/components/newsModal/right.tsx

@@ -1,130 +0,0 @@
-import React, { useCallback, useMemo, useState } from 'react'
-import { Divider, Input, InputNumber, Tabs, Tag } from 'antd'
-import style from './index.less'
-import { PlusOutlined } from '@ant-design/icons';
-import SmMaterialModal from '@/components/MaterialModal/smModalBox';
-import { useModel } from 'umi';
-import WxSelect from '@/components/WxSelect';
-const { TabPane } = Tabs;
-
-let Right = React.memo((props: any) => {
-    const { drawerDispatch, drawerState: { actionId, dataArr, sort } } = useModel('useOperating.useMaterialDrawer', model => ({
-        drawerDispatch: model.dispatch,
-        drawerState: model.state
-    }))
-    const { show, hide, state: { visible } } = useModel('useOperating.useMaterialModal')
-    const [digest, setDigest] = useState<string>('') //摘要
-    const [authorStr, setAuthor] = useState<string>('') //作者
-    const [contentSourceUrlStr, setContentSourceUrl] = useState<string>('') //原文链接
-
-    //点击上传打开弹窗获取数据
-    let upload = useCallback(() => {
-        show()
-    }, [])
-    //跟随选择更新图片
-    const defaultValue: any = useMemo(() => {
-        let obj = {}
-        dataArr.forEach((item: any) => {
-            if (item.menuId === actionId) {
-                setDigest(item.digest || '')
-                setAuthor(item.author || '')
-                setContentSourceUrl(item.contentSourceUrl || '')
-                obj = item
-            }
-        })
-        return obj
-    }, [dataArr, actionId, sort])
-    //字数并插入dataArr
-    let strLeng = useCallback((v: React.ChangeEvent<HTMLTextAreaElement>) => {
-        drawerDispatch({ type: 'pushData', params: { menuId: actionId, digest: v.target.value, } })
-        setDigest(v.target.value)
-    }, [actionId])
-    //作者插入
-    let author = useCallback((v: React.ChangeEvent<HTMLInputElement>) => {
-        drawerDispatch({ type: 'pushData', params: { menuId: actionId, author: v.target.value, } })
-        setAuthor(v.target.value)
-    }, [actionId])
-    //原文链接插入
-    let contentSourceUrl = useCallback((v: React.ChangeEvent<HTMLTextAreaElement>) => {
-        drawerDispatch({ type: 'pushData', params: { menuId: actionId, contentSourceUrl: v.target.value } })
-        setContentSourceUrl(v.target.value)
-    }, [actionId])
-    return <>
-        <Tabs type="line">
-            <TabPane tab="发布" key="1" className={style.right_fb}>
-                <div className={style.right_img}>
-                    {
-                        actionId === 1 ? <span>封面（建议尺寸900*500像素）</span> : <span>封面（建议尺寸200*200像素）</span>
-                    }
-                    <span
-                        className={`${style.upload} ${actionId === 1 ? style.max : style.min}`}
-                        onClick={upload}
-                    >
-                        {
-                            (defaultValue?.thumbMediaUrl || defaultValue?.thumbUrl) && <img src={defaultValue?.thumbMediaUrl || defaultValue?.thumbUrl} alt="" />
-                        }
-                        <span className={`${style.add} ${(defaultValue?.thumbMediaUrl || defaultValue?.thumbUrl) && style.pos}`}>
-                            <PlusOutlined style={{ fontSize: 16 }} />
-                            上传封面
-                        </span>
-                    </span>
-                    {/* <span><Switch checkedChildren="开启" unCheckedChildren="关闭" defaultChecked={false} />封面显示在正文</span> */}
-                </div>
-                <Divider dashed />
-                <div className={style.right_textArea}>
-                    <span>摘要(选填)</span>
-                    <Input.TextArea rows={5} allowClear maxLength={120} onChange={strLeng} value={digest} />
-                    <span>{digest.length}/120</span>
-                </div>
-                <Divider dashed />
-                <div className={style.right_author}>
-                    <span>作者(选填)</span>
-                    <Input allowClear onChange={author} value={authorStr} />
-                </div>
-                <Divider dashed />
-                <div className={style.right_src}>
-                    <span>原文链接(必填)</span>
-                    <Input.TextArea rows={2} placeholder='请勿添加其他公众号的主页链接' allowClear onChange={contentSourceUrl} value={contentSourceUrlStr} />
-                </div>
-                <div className={style.right_src} style={{ marginTop: 10 }}>
-                    <span>排序(必填)<Tag color='warning'>数值越大越靠前</Tag></span>
-                    <InputNumber
-                        style={{ width: '100%' }}
-                        value={sort}
-                        placeholder='请输入序号, 数值越大越靠前'
-                        onChange={(e: number) => {
-                            drawerDispatch({ type: 'setSort', params: { sort: e } })
-                        }}
-                    />
-                </div>
-                <div>
-                    <WxSelect />
-                </div>
-            </TabPane>
-        </Tabs>
-        {
-            visible && <SmMaterialModal
-                visible={visible}
-                onCancel={hide}
-                title='选择图片'
-                onOk={(props: any) => {
-                    console.log(props)
-                    let obj: any = {}
-                    if (props?.mediaId) {
-                        obj.wxMediaId = props?.id
-                        obj.thumbUrl = props?.url
-                    } else {
-                        obj.thumbUrl = props?.url
-                    }
-                    drawerDispatch({ type: 'pushData', params: { menuId: actionId, thumbMediaUrl: props.url, ...obj } })
-                    hide()
-                }}
-                mediaType={1}
-                isShowWx={props?.isShowWx}
-                isAllData
-                noFile={false}
-            />
-        }
-    </>
-})
-export default Right

src/components/FileBox/components/syncModal/index.less

@@ -1,106 +0,0 @@
-.ico {
-  -webkit-animation: Tada 3s both infinite;
-  -moz-animation: Tada 3s both infinite;
-  -ms-animation: Tada 3s both infinite;
-  animation: Tada 3s both infinite;
-}
-.colud {
-  display: flex;
-  flex-flow: row nowrap;
-  > div:nth-child(2) {
-    flex: 1;
-  }
-  span.ant-checkbox {
-    display: none;
-  }
-}
-.box {
-  > span {
-    &:first-child {
-      display: none;
-    }
-    &:last-child{
-      display: inline-block;
-    }
-  }
-}
-.card_title{
-  font-size: 12px;
-  color: #999;
-  display: block;
-}
-.card_action {
-  position: relative;
-  margin: 0 auto;
-  // text-align: center;
-  color: #4abe84;
-  background-color: #fff;
-  box-shadow: 0px 2px 7px 0px rgba(85, 110, 97, 0.35);
-  border-radius: 7px;
-  border: 1px solid rgba(74, 190, 132, 1);
-  overflow: hidden;
-  &::before {
-    content: '';
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    border: 12px solid #4abe84;
-    border-top-color: transparent;
-    border-left-color: transparent;
-  }
-  &::after {
-    content: '';
-    width: 5px;
-    height: 10px;
-    position: absolute;
-    right: 5px;
-    bottom: 3px;
-    border: 2px solid #fff;
-    border-top-color: transparent;
-    border-left-color: transparent;
-    transform: rotate(45deg);
-  }
-}
-@keyframes Tada {
-  0% {
-    transform: scale(1);
-    transform: scale(1);
-  }
-
-  70%,
-  73% {
-    transform: scale(0.9) rotate(-3deg);
-    transform: scale(0.9) rotate(-3deg);
-  }
-
-  77%,
-  83%,
-  90%,
-  97% {
-    transform: scale(1.1) rotate(3deg);
-    transform: scale(1.1) rotate(3deg);
-  }
-
-  80%,
-  87%,
-  93% {
-    transform: scale(1.1) rotate(-3deg);
-    transform: scale(1.1) rotate(-3deg);
-  }
-
-  100% {
-    transform: scale(1) rotate(0);
-    transform: scale(1) rotate(0);
-  }
-}
-.card_box {
-  > div {
-    padding: 10px;
-  }
-}
-.item_img {
-  width: 25px;
-  border-radius: 2px;
-  margin-right: 5px;
-  background-color: #efefef;
-}

src/components/FileBox/components/syncModal/index.tsx

@@ -1,313 +0,0 @@
-import { Button, Card, Checkbox, Col, Row, Spin } from 'antd'
-import Modal from 'antd/lib/modal/Modal'
-import React, { useCallback, useEffect, useImperativeHandle, useState } from 'react'
-import { useModel } from 'umi'
-import Left from '@/components/ActionModal/left'
-import style from './index.less'
-import NoFoundPage from '@/pages/empty'
-type Props = {
-}
-let SyncModal = React.forwardRef((props: Props, ref) => {
-    //映射ref
-    useImperativeHandle(ref, () => ({
-        show
-    }))
-    const { mpAccounts, actionWX, dispatch, actionArr, getDataList, getAllOfMember } = useModel('useOperating.useWxGroupList',
-        models => ({
-            mpAccounts: models.state.mpAccounts,
-            actionWX: models.state.actionWX,
-            dispatch: models.dispatch,
-            actionArr: models.state.actionArr,
-            getDataList: models.getDataList,
-            getAllOfMember: models.getAllOfMember
-        }))
-    const { sync } = useModel('useOperating.useBdMedia')
-    const [visible, setVisible] = useState<boolean>(false)//显示隐藏
-    const [groupSyncWx, setGroupSyncWx] = useState<any[]>([])//当前组未选中的微信
-    const [selectState, setSelectState] = useState<{ isAll: boolean, isChecked: boolean }>({ isAll: false, isChecked: false })
-    const [sysMediaId, setSysMediaId] = useState<any>()
-
-    //全选
-    let allSelect = useCallback(() => {
-        let isGroupWx: any[] = []//选中的数据
-        let newActionArr: any[] = []
-        let fiterMp: any[] = []
-        mpAccounts?.forEach((mp: { id: number, verifyTypeInfo: number }) => {
-            if (mp?.verifyTypeInfo !== -1) {//过滤未认证
-                fiterMp.push(mp)
-            }
-            actionArr?.forEach((wx: { id: number }) => {
-                if (wx.id === mp.id) {
-                    isGroupWx.push(wx)
-                }
-            })
-        })
-        if (isGroupWx?.length === fiterMp?.length || isGroupWx?.length === fiterMp?.length - groupSyncWx?.length) {//清空
-            newActionArr = actionArr?.filter((wx: { id: number }) => {
-                if (isGroupWx.every((groupwx: { id: number }) => wx.id !== groupwx.id)) {
-                    return wx
-                }
-                return
-            })
-            setSelectState({ isAll: false, isChecked: false })
-            dispatch({ type: 'setActionArr', params: { actionArr: newActionArr } })
-        } else {//全选
-            newActionArr = actionArr?.filter((wx: { id: number }) => {
-                if (isGroupWx.every((groupwx: { id: number }) => wx.id !== groupwx.id)) {
-                    return wx
-                }
-                return
-            })
-            newActionArr = [...newActionArr, ...fiterMp]
-            setSelectState({ isAll: false, isChecked: true })
-            dispatch({ type: 'setActionArr', params: { actionArr: newActionArr } })
-        }
-    }, [selectState, mpAccounts, actionArr, actionWX, groupSyncWx])
-    //反选
-    let returnSelct = useCallback(() => {
-        let isGroupWx: any[] = []
-        let returnWx: any[] = []
-        let newActionArr: any[] = []
-        let fiterMp: any[] = []
-        mpAccounts?.forEach((mp: { id: number, verifyTypeInfo: number }) => {
-            if (mp?.verifyTypeInfo !== -1) {//过滤未认证
-                fiterMp.push(mp)
-            }
-            actionArr?.forEach((wx: { id: number }) => {
-                if (wx.id === mp.id) {
-                    isGroupWx.push(wx)
-                }
-            })
-        })
-        returnWx = fiterMp?.filter((mp: { id: number }) => {
-            if (isGroupWx.every((wx: { id: number }) => mp.id !== wx.id)) {
-                return mp
-            }
-            return
-        })
-        newActionArr = actionArr?.filter((wx: { id: number }) => {
-            if (isGroupWx.every((groupwx: { id: number }) => wx.id !== groupwx.id)) {
-                return wx
-            }
-            return
-        })
-        if (returnWx.length !== 0 && groupSyncWx.length !== returnWx.length) {//假如选中个数的大于0
-            setSelectState({ isAll: true, isChecked: true })
-        } else {//假如等于0
-            setSelectState({ isAll: false, isChecked: false })
-        }
-        if (returnWx.length === fiterMp.length && groupSyncWx.length === 0) {
-            setSelectState({ isAll: false, isChecked: true })//假如反选值与当前组的个数一样证明全选
-        }
-        newActionArr = [...newActionArr, ...returnWx]
-        dispatch({ type: 'setActionArr', params: { actionArr: newActionArr } })
-    }, [selectState, mpAccounts, actionArr, actionWX, groupSyncWx])
-    //每次切换组检测全选状态
-    useEffect(() => {
-        let isGroupWx: any[] = []
-        let groupSyncWx: any[] = []
-        mpAccounts?.forEach((mp: { id: number }) => {
-            actionArr?.forEach((wx: { id: number }) => {
-                if (wx.id === mp.id) {
-                    isGroupWx.push(wx)
-                }
-            })
-        })
-        setGroupSyncWx(groupSyncWx)
-        // }
-        if (isGroupWx?.length === mpAccounts?.length) {
-            setSelectState({ isAll: false, isChecked: true })
-        } else {
-            setSelectState({ isAll: true, isChecked: true })
-        }
-        if (isGroupWx?.length === 0) {
-            setSelectState({ isAll: false, isChecked: false })
-        }
-    }, [mpAccounts, actionArr])
-    //弹窗传参接受
-    let show = useCallback((param: { sysMediaId: number }) => {
-        setSysMediaId(param?.sysMediaId)
-        setVisible(true)
-    }, [])
-    //关闭弹窗
-    let handleCancel = useCallback(() => {
-        dispatch({ type: 'setActionArr', params: { actionArr: [] } })
-        setVisible(false)
-    }, [])
-    //确定同步
-    let handleOk = useCallback(() => {
-        if (!actionWX) {
-            return
-        }
-        let mpIds: any[] = []//新建同步
-        actionArr?.forEach((item: any) => {//选中的微信号循环处理
-            mpIds.push(item.id)
-        })
-        sync.run({ mpIds, sysMediaId: sysMediaId }).then((res: any) => {
-            console.log(res)
-            handleCancel()
-        })
-    }, [actionArr, sysMediaId])
-    //选中事件
-    let action = useCallback((item: any) => {
-        let isGroupWx: any[] = []//选中的数据
-        if (actionArr?.some((obj: { appid: number }) => obj.appid === item.appid)) {//删除
-            let newArr = actionArr?.filter((obj: { appid: number }) => obj.appid !== item.appid)
-            mpAccounts?.forEach((mp: { id: number }) => {
-                newArr?.forEach((wx: { id: number }) => {
-                    if (wx.id === mp.id) {
-                        isGroupWx.push(wx)
-                    }
-                })
-            })
-            if (isGroupWx.length === 0) {//假如为空
-                setSelectState({ isAll: false, isChecked: false })
-            } else {
-                setSelectState({ isAll: true, isChecked: true })
-            }
-            dispatch({ type: 'setActionArr', params: { actionArr: newArr } })
-        } else {//添加
-            let arr = [...actionArr, item]
-            if (mpAccounts?.every((mp: { id: number }) => arr?.some((wx: { id: number }) => mp.id === wx.id))) {//假如全部存在全选
-                setSelectState({ isAll: false, isChecked: true })
-            } else {
-                setSelectState({ isAll: true, isChecked: true })
-            }
-            dispatch({ type: 'setActionArr', params: { actionArr: arr } })
-        }
-    }, [actionArr, mpAccounts])
-    useEffect(() => {
-        let newArr: any[] = []
-        if (getDataList?.data) {
-            getDataList?.data?.forEach((data: { mpAccounts: any }) => {
-                if(data?.mpAccounts){
-                    newArr = [...data?.mpAccounts]
-                }
-            })
-        }
-        if (getAllOfMember?.data) {
-            getAllOfMember?.data?.forEach((data: { userMpAccounts: any }) => {
-                data?.userMpAccounts?.forEach((mp: { id: number }) => {
-                    if (newArr.every((arr: { id: number }) => mp?.id !== arr.id)) {
-                        newArr.push(mp)
-                    }
-                })
-            })
-        }
-    }, [getDataList?.data, getAllOfMember?.data,])
-    //配合左侧搜索改变公众号帮助选中
-    useEffect(() => {
-        if (actionWX) {
-            action(actionWX)
-        }
-    }, [actionWX])
-    return <>
-        <Modal
-            title="选择公众号同步"
-            width={1040}
-            open={visible}
-            onOk={handleOk}
-            onCancel={handleCancel}
-            okText='确定'
-            cancelText='取消'
-            destroyOnClose
-            confirmLoading={sync?.loading}
-        >
-            <Spin tip='Loading...同步素材较慢，请耐心等待，可关闭窗口不影响其他操作' spinning={sync?.loading}
-            >
-                {
-                    actionWX ? <Row className={style.colud}  >
-                        <Col >
-                            <Left />
-                        </Col>
-                        <Col>
-                            <Card
-                                style={{ height: '420px', overflow: 'hidden', minWidth: 290 }}
-                                title={
-                                    <>
-                                        <span style={{ marginRight: 10 }}>组下成员</span>
-                                        <Checkbox
-                                            indeterminate={selectState.isAll}
-                                            onChange={allSelect}
-                                            checked={selectState.isChecked}
-                                        >
-                                            <span style={{ fontSize: 12, color: '#999' }}>全选</span>
-                                        </Checkbox>
-                                        <Button size='small' onClick={returnSelct}>反选</Button>
-                                    </>
-                                }
-                                bodyStyle={{ height: 350, overflowY: 'auto' }}
-                            >
-                                <Checkbox.Group style={{ width: '100%', }} >
-                                    <Row gutter={[10, 0]}>
-                                        {
-
-                                            mpAccounts?.map((item: any) => {
-                                                let isAction: any = actionArr?.some((obj: any) => obj?.appid === item?.appid)
-                                                return <Col key={item.id} span={24}>
-                                                    <Checkbox value={item} className={style.box} onClick={() => action(item)} >
-                                                        <div
-                                                            className={`${isAction ? style.card_action : undefined} ${style.card_box}`}
-                                                        >
-                                                            <div
-                                                                style={{ display: 'flex', alignItems: 'center' }} /**data?.syncVo?.some((obj:{appId:string}) => obj.appId === item.appid) ? {} :  */
-                                                            // description="This is the description"
-                                                            >
-                                                                <img src={item?.headImg || localStorage?.bookImg} className={style.item_img} />
-                                                                {item.nickName}
-                                                            </div>
-                                                        </div>
-                                                    </Checkbox>
-                                                </Col>
-                                            })
-                                        }
-                                    </Row>
-                                </Checkbox.Group>
-                            </Card>
-                        </Col>
-                        <Col>
-                            <Card
-                                style={{ height: 420, overflow: 'hidden', minWidth: 280 }}
-                                title={
-                                    <>
-                                        <span style={{ marginRight: 10 }}>已勾选</span>
-                                        <Button size='small' onClick={() => { dispatch({ type: 'setActionArr', params: { actionArr: [] } }) }}>清空</Button>
-                                    </>
-                                }
-                                bodyStyle={{ height: 350, overflowY: 'auto' }}
-                            >
-                                <Checkbox.Group style={{ width: '100%' }} >
-                                    <Row gutter={[10, 0]}>
-                                        {
-
-                                            actionArr?.map((item: any) => {
-                                                let isAction: any = actionArr?.some((obj: any) => obj?.appid === item?.appid)
-                                                return <Col key={item.id}>
-                                                    <Checkbox value={item} className={style.box} onClick={() => action(item)}>
-                                                        <div
-                                                            className={`${isAction ? style.card_action : undefined} ${style.card_box}`}
-                                                        >
-                                                            <div
-                                                                style={{ display: 'flex', alignItems: 'center' }} /**data?.syncVo?.some((obj:{appId:string}) => obj.appId === item.appid) ? {} :  */
-                                                            // description="This is the description"
-                                                            >
-                                                                <img src={item?.headImg || localStorage?.bookImg} className={style.item_img} />
-                                                                {item.nickName}
-                                                            </div>
-                                                        </div>
-                                                    </Checkbox>
-                                                </Col>
-                                            })
-                                        }
-                                    </Row>
-                                </Checkbox.Group>
-                            </Card>
-                        </Col>
-                    </Row> : <NoFoundPage />
-                }
-            </Spin>
-        </Modal >
-    </>
-})
-
-export default SyncModal

src/components/FileBox/components/tree/index.less

@@ -1,15 +0,0 @@
-.tree{
-    // min-width: 199px;
-    border-right: 1px solid #efefef;
-    height: calc(100vh - 200px);
-    margin-right: 5px;
-    overflow-x:auto;
-    overflow-y: auto;
-    >div{
-        // width: 350px;
-    }
-    img{
-        width: 15px;
-        margin-right: 5px;
-    }
-}

src/components/FileBox/components/tree/index.tsx

@@ -1,83 +0,0 @@
-import { Tree } from 'antd'
-import React, { useMemo, useCallback, useState } from 'react'
-import style from './index.less'
-const fileImg = require('../../../../../public/file.png')
-function TreeBox(props: { data: any[], belongUser: any }): any {
-    const [item, setItem] = useState<any>('')
-    const [actionId, setActionId] = useState<any>('')//拖动选中的当前文件夹ID
-    const [hoverId, setHoverId] = useState<any>('')//hoverId
-    const [expandedKeys, setExpandedKeys] = useState<any>([])
-    let arr = useMemo(() => {
-        let keys: any[] = []
-        let menuArr = [
-            {
-                id: 0,
-                title: props.belongUser == 1 ? '个人本地' : '公共本地',
-                icon: <img src={fileImg} />,
-                childMedias: props?.data
-            }
-        ]
-        function handle(arr: any[]) {
-            let newArr = arr?.map((item) => {
-                if (Array.isArray(item.childMedias)) {
-                    let children: any[] = handle(item.childMedias)
-                    keys.push(item.id)
-                    return { ...item, children, icon: <img src={fileImg} />, key: item.id }
-                } else {
-                    return { ...item, icon: <img src={fileImg} />, key: item.id }
-                }
-            })
-            return newArr
-        }
-        let newArr = menuArr?.map((item) => {
-            if (Array.isArray(item.childMedias)) {
-                let children: any[] = handle(item.childMedias)
-                keys.push(item.id)
-                return { ...item, children, icon: <img src={fileImg} />, key: item.id }
-            } else {
-                return { ...item, icon: <img src={fileImg} />, key: item.id }
-            }
-        })
-        setExpandedKeys(keys)
-        return newArr
-    }, [props.data, props.belongUser])
-    // 点击树
-    const treeClick = useCallback((selectedKeys, e) => {
-        setItem(e.selectedNodes[0])
-    }, [])
-    return [<div className={`${style.tree}`} id='tree'>
-        <Tree
-            treeData={arr}
-            showIcon
-            draggable
-            blockNode
-            defaultExpandAll={true}
-            autoExpandParent={true}
-            expandedKeys={expandedKeys}
-            onExpand={(expandedKeys) => {
-                setExpandedKeys(expandedKeys)
-            }}
-            onSelect={treeClick}
-            onDragStart={(info) => {
-                info.event.preventDefault()
-            }}
-            titleRender={(nodeData: any) => {
-                return <span
-                    style={hoverId === nodeData.id ? { color: 'red', backgroundColor: '#efefef', display: 'inline-block', width: 'calc(100% - 24px)' } : { display: 'inline-block', width: 'calc(100% - 24px)' }}
-                    onDrop={() => {
-                        if (nodeData.id !== actionId) {
-                            setActionId(nodeData.id)
-                        }
-                    }}
-                >{nodeData.title}</span>
-            }}
-            allowDrop={(info: any) => {
-                if (info?.dropNode?.id !== hoverId) {
-                    setHoverId(info?.dropNode?.id)
-                }
-                return false
-            }}
-        />
-    </div>, item, actionId, setActionId, setHoverId]
-}
-export default TreeBox

src/components/FileBox/index.less

@@ -1,354 +0,0 @@
-.files {
-  width: 100%;
-  height: calc(100vh - 240px);
-  overflow-y: auto;
-  position: relative;
-}
-.flex_box_img {
-  width: 100px;
-  cursor: pointer;
-}
-.flex_box {
-  width: 200px;
-  height: 200px;
-  display: flex;
-  justify-content: center;
-  flex-flow: column;
-  align-items: center;
-  padding: 10px 0;
-  position: relative;
-  &:hover {
-    background-color: #c5d8f0;
-    border-radius: 5px;
-    border: 1px solid #c5d8f0;
-    box-sizing: border-box;
-    .select {
-      display: flex;
-      background-color: #7cc6ee;
-    }
-  }
-}
-.flex_box_name {
-  width: 85%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  cursor: pointer;
-  text-align: center;
-  &:hover {
-    color: #1890ff;
-  }
-}
-.flex_box_id {
-  width: 85%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  cursor: pointer;
-  text-align: center;
-  &:hover {
-    color: #1890ff;
-  }
-}
-.rt {
-  margin: 0 5px;
-  color: #c5d8f3;
-}
-.path {
-  margin-bottom: 15px;
-  //   margin-top: 10px;
-}
-.path_color {
-  color: #09aaff;
-  cursor: pointer;
-}
-.file_news_content {
-  width: 100%;
-  columns:300px 5;
-  column-gap: 20px;
-  > div {
-    width: 100%;
-    break-inside: avoid;
-    margin-bottom: 20px;
-    display: flex;
-    justify-content: center;
-  }
-}
-.file_content {
-  width: 100%;
-  // columns:200px 7;
-  // column-gap: 20px;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 2px;
-  > div {
-    width: 200px;
-    break-inside: avoid;
-    display: flex;
-    justify-content: center;
-  }
-}
-.select {
-  position: absolute;
-  left: 5px;
-  top: 5px;
-  border-radius: 50%;
-  width: 21px;
-  height: 21px;
-  display: none;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  > span {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-}
-.select_btn {
-  margin-bottom: 10px;
-  > span {
-    color: #09aaff;
-    cursor: pointer;
-  }
-}
-.image_box,
-.video_box,
-.audio_box {
-  width: 200px;
-  height: 200px;
-  display: flex;
-  justify-content: center;
-  flex-flow: column;
-  align-items: center;
-  padding: 10px 20px;
-  position: relative;
-  img {
-    height: 100px;
-    width: 130px;
-    object-fit: contain;
-  }
-  audio {
-  }
-  &:hover {
-    background-color: #c5d8f0;
-    border-radius: 5px;
-    border: 1px solid #c5d8f0;
-    box-sizing: border-box;
-    .select {
-      display: flex;
-      background-color: #7cc6ee;
-    }
-  }
-}
-
-.menu {
-  position: fixed;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-flow: column;
-  z-index: 999;
-  list-style: none;
-  padding: 15px 0;
-  min-width: 100px;
-  margin: 0;
-  border: 1px solid #dde0e4;
-  border-radius: 5px;
-  box-shadow: 0 0 8px #ccc;
-  background-color: #fff;
-  > li {
-    cursor: pointer;
-    height: 30px;
-    line-height: 30px;
-    padding: 0 10px;
-    text-align: center;
-    width: 100%;
-    &:hover {
-      background-color: #a4d9f5;
-    }
-  }
-}
-.add {
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  background-color: rgba(0, 0, 0, 0.6);
-  color: #fff;
-  font-size: 30px;
-  display: none;
-  align-items: center;
-  justify-content: center;
-}
-.news_box {
-  width: 280px;
-  display: flex;
-  justify-content: center;
-  flex-flow: column;
-  align-items: center;
-  padding: 15px 30px;
-  box-sizing: border-box;
-  position: relative;
-  > div {
-    height: 60px;
-    display: flex;
-    flex-flow: row;
-    align-items: center;
-    position: relative;
-    box-sizing: border-box;
-    width: 100%;
-    justify-content: space-between;
-    margin-top: 2px;
-    &:hover {
-      > p {
-        display: flex;
-        cursor: pointer;
-      }
-    }
-    div {
-      order: 2;
-    }
-    img {
-      object-fit: cover;
-      width: 50px;
-      height: 50px;
-    }
-    span {
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      -webkit-line-clamp: 2;
-      overflow: hidden;
-      order: 1;
-      height: 40px;
-      width: 75%;
-    }
-    &:nth-child(2) {
-      position: relative;
-      height: 120px;
-      overflow: hidden;
-      img {
-        object-fit: cover;
-        width: 100%;
-        height: 120px;
-      }
-      > span {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        height: 20px;
-        background-color: rgba(0, 0, 0, 0.6);
-        color: #fff;
-        line-height: 20px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        display: inline-block;
-        width: 100%;
-        box-sizing: border-box;
-      }
-    }
-  }
-  &:hover {
-    background-color: #c5d8f0;
-    border-radius: 5px;
-    // border: 1px solid #c5d8f0;
-    box-sizing: border-box;
-    .select {
-      display: flex;
-      background-color: #7cc6ee;
-    }
-  }
-}
-.knews_box {
-  width: 300px;
-  display: flex;
-  justify-content: center;
-  flex-flow: column;
-  align-items: center;
-  padding: 15px 30px;
-  box-sizing: border-box;
-  position: relative;
-  height: 200px;
-  > div {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    background-color: #f0f5f7;
-    padding: 10px;
-    border-radius: 5px;
-    height: 95px;
-    box-sizing: border-box;
-    img{
-      width: 50px;
-      height: 50px;
-      margin-top: 25px;
-      object-fit: cover;
-    }
-    span{
-      font-weight: 500;
-      margin-bottom: 5px;
-    }
-    p{
-      font-size: 12px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-      color: #999;
-      padding-top: 10px;
-      width: 160px;
-    }
-  }
-  &:hover {
-    background-color: #c5d8f0;
-    border-radius: 5px;
-    // border: 1px solid #c5d8f0;
-    box-sizing: border-box;
-    .select {
-      display: flex;
-      background-color: #7cc6ee;
-    }
-  }
-}
-.flex_box_font {
-}
-
-.action {
-  background-color: #c5d8f0;
-  border-radius: 5px;
-  // border: 1px solid #90d8ff;
-  box-sizing: border-box;
-  .select {
-    background-color: #09aaff;
-    display: flex;
-  }
-  &:hover {
-    background-color: #c5d8f0;
-    border-radius: 5px;
-    // border: 1px solid #90d8ff;
-    box-sizing: border-box;
-    .select {
-      display: flex;
-      background-color: #09aaff;
-    }
-  }
-}
-.pagination {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 10px;
-}
-.wxSelect{
-  position: absolute;
-  top:0;
-  right: 20px;
-  width: 200px;
-  >div{
-    margin-top: 0 !important;
-  }
-}

src/components/FileBox/index.tsx

@@ -1,567 +0,0 @@
-import useCopy from "@/Hook/useCopy"
-import React, { useCallback, useEffect, useState } from "react"
-import { Button, Col, Image, message, Pagination, Popconfirm, Row, Space, Spin } from 'antd'
-import style from './index.less'
-import { DeleteOutlined, EditOutlined, PlusCircleOutlined, SyncOutlined } from "@ant-design/icons"
-import Synthetic from "../MaterialModal/synthetic"
-import FileModal from './components/fileModal'
-import { useModel } from "umi"
-import ImgModal from "./components/imgModal"
-import MsgWxGraphicListModal from '@/components/MaterialModal/msgWxGraphicListModal'
-import filePng from '../../../public/file.png'
-import Updata from "../MaterialModal/updata"
-import WxSelect from "../WxSelect"
-import TreeBox from "./components/tree"
-import SortModal from "./components/fileModal/sortModal"
-import PreviewLocalModal from "@/components/MaterialModal/previewLocalModal"
-
-interface News {
-    id: number,
-    sysMediaId: number,
-    sortIndex: number,
-    title: string,
-    thumbUrl: string,
-    author: string,
-    digest: string,
-    showCoverPic: boolean,
-    content: string,//内容只在调取详情时获取
-    contentSourceUrl: string,//文章地址
-    needOpenComment: boolean,
-    onlyFansCanComment: boolean
-}
-interface Item {
-    id: number,
-    folder: boolean,//是否是文件夹
-    fileType: 'video' | 'image' | 'news' | 'voice' | 'knews',//类型
-    number: string,//编号
-    title: string,//名称
-    url: string,//链接
-    belongType: string,//所属类型
-    createTime: string,//创建时间
-    description: string,//k图文描述
-    news?: News[]//图文内容
-    knewsThumbUrl: string, // 图片链接
-    knewsThumbId: number,//本地图片ID
-    knewsThumbInfo: any,//k客服详情
-    videoTitle: string,//视频标题
-}
-interface Props {
-    showDrawer?: (props?: any) => void,//图文素材弹窗事件
-    showSync?: (props?: any) => void,//同步弹窗事件
-    isAll?: boolean,//是否允许全选默认开启
-    height?: any,//当使用为弹窗组件时设置高度以免太高
-    noFile?: boolean,//是否禁止选择文件夹
-    isBd?: boolean,//是否强制使用本地数据
-}
-function FlieBox(props: Props) {
-
-    const { showDrawer, showSync, isAll = true, height, noFile = false, isBd } = props
-    const { addData } = useModel('useOperating.useSynthetic')
-    const { dispatch } = useModel('useOperating.useMaterialDrawer')
-    const { state, set, dels, list, get, onFile, allFile, delPupOn, delPupOff, changeClickFile, editFile, fileClick, treeClick, pathClick, getList, knewsOk, edit_media_folder, get_folder_tree } = useModel(isAll || isBd ? 'useOperating.useBdMedia' : 'useOperating.useBdMediaPup')
-    const { fileVisible, belongUser, selectFile, delPupId, xy, rightClickPup, path, publicPath, parentId, imgVisrible, fileType, knewsVisrible, knewsdefaultData, sortVisible } = state
-    const { copy } = useCopy()
-    const [updataVisible, setUpdataVisible] = useState<boolean>(false)
-    const fileImg = require('../../../public/file.png')
-    const { dispatch: dDispatch, getWxlists, initSelectWx } = useModel('useOperating.useWxGroupList')//公众号筛选
-    const [moveId, setMoveId] = useState<any>('')//移动的素材ID
-    const [treeEl, item, folderId, setActionId, setHoverId] = TreeBox({ data: get_folder_tree.data, belongUser })
-    const [previewShow, setPreviewShow] = useState<boolean>(false)  // 预览弹窗控制
-    const [previewId, setPreviewId] = useState<number>() // 要预览的ID
-
-    /**复制编号 */
-    const copyId = useCallback((e: React.MouseEvent<HTMLSpanElement, MouseEvent>, value: string) => {
-        e.stopPropagation()//阻止冒泡传递到文件夹被点击事件
-        copy(value)
-    }, [])
-    /**全局右键菜单 */
-    const Menu = useCallback((props: { isItem?: boolean }) => {
-        if (props.isItem && isAll) {
-            return <ul style={{ top: xy?.y, left: xy?.x }} className={style.menu} >
-                {
-                    isAll && <li onClick={allFile}>全选/反选</li>
-                }
-                <li onClick={(e) => { delPupOn(rightClickPup.id); onFile(e, rightClickPup, isAll, true) }}> 删除</li>
-                {
-                    !rightClickPup?.folder && <li onClick={() => {
-                        setPreviewShow(true)
-                        setPreviewId(rightClickPup?.id)
-                    }}>预览</li>
-                }
-                {
-                    !rightClickPup?.folder && <li onClick={() => {
-                        showSync && showSync({ sysMediaId: rightClickPup?.id })
-                    }}>同步</li>
-                }
-                <li onClick={() => {
-                    getWxlists.run(rightClickPup?.id).then((res: any) => {//获取当前素材关联的公众号列表
-                        if (res) {
-                            dDispatch({ type: 'selectWx', params: { selectWx: res?.map((item: any) => item.id) } })
-                        }
-                    })
-                    switch (fileType) {
-                        case 'news':
-                            if (rightClickPup?.folder) {//是文件夹
-                                editFile()
-                            } else {
-                                get.run(rightClickPup?.id).then((res: any) => {//请求详情接口获取详情内容
-                                    if (res) {
-                                        dispatch({ type: 'actionData', params: { data: { dataArr: res?.news, actionId: 1, sort: res?.sort } } })//设置编辑器的内容
-                                        showDrawer && showDrawer({ isEdit: true, editId: rightClickPup?.id })//开启新建素材弹窗
-                                        localStorage.setItem('collapsed', '1')//左侧菜单缩进
-                                    }
-                                })
-                            }
-                            break;
-                        case 'knews':
-                            if (rightClickPup?.folder) {//是文件夹
-                                editFile()
-                            } else {
-                                set({ knewsVisrible: true })
-                            }
-                            break;
-                        default://编辑非图文素材
-                            editFile()
-                    }
-                }}>编辑</li>
-                <li onClick={() => { set({ actionItem: rightClickPup, sortVisible: true }) }}>编辑排序</li>
-                <li onClick={() => { set({ fileVisible: true }) }}>新建文件夹</li>
-                <li onClick={() => {
-                    switch (fileType) {
-                        case 'news':
-                            showDrawer && showDrawer()
-                            break;
-                        case 'knews':
-                            set({ knewsVisrible: true, knewsdefaultData: null })
-                            break;
-                        default:
-                            set({ imgVisrible: true })
-                    }
-                }}>新建素材</li>
-                {
-                    (fileType !== 'knews' && fileType !== 'news') && <li onClick={() => { setUpdataVisible(true) }}>批量新增素材</li>
-                }
-                {
-                    isAll && <li onClick={dels}>删除选中文件</li>
-                }
-            </ul>
-        }
-        return <ul style={{ top: xy?.y, left: xy?.x }} className={style.menu}>
-            {
-                isAll && <li onClick={allFile}>全选/反选</li>
-            }
-            {
-
-            }
-            {//防止K图文无限嵌套创建判断
-                (isAll !== false || fileType !== 'knews') ? <li onClick={() => { set({ fileVisible: true }) }}>新建文件夹</li> : <li>此处无法新建操作</li>
-            }
-            {
-                (isAll !== false || fileType !== 'knews') && <li onClick={() => {
-                    switch (fileType) {
-                        case 'news':
-                            showDrawer && showDrawer()
-                            break;
-                        case 'knews':
-                            set({ knewsVisrible: true, knewsdefaultData: null })
-                            break;
-                        default:
-                            set({ imgVisrible: true })
-                    }
-                }}>新建素材</li>
-            }
-            {
-                (fileType !== 'knews' && fileType !== 'news') && <li onClick={() => { setUpdataVisible(true) }}>批量新增素材</li>
-            }
-            {
-                isAll && <li onClick={dels}>删除选中文件</li>
-            }
-        </ul>
-    }, [xy, rightClickPup, allFile, fileType, showDrawer, previewShow, previewId])
-    /**鼠标右键 */
-    const rightMenu = useCallback((e: any, isItem?: any) => {
-        e.stopPropagation()
-        e.preventDefault()
-        let x = e.clientX;
-        let y = e.clientY;
-        set({ xy: { x, y } })
-        if (isItem) {
-            set({ rightClickPup: isItem })
-            if (!isItem?.folder && isItem?.fileType === 'knews') {
-                set({
-                    knewsdefaultData: {//客服消息编辑回填弹窗中的内容预先存放
-                        newsList: [
-                            {
-                                title: isItem?.title,
-                                knewsThumbUrl: isItem?.knewsThumbUrl,
-                                knewsLink: isItem?.knewsLink,
-                                description: isItem?.description,
-                                knewsThumbInfo: isItem?.knewsThumbInfo,
-                                knewsThumbId: isItem?.knewsThumbId,
-                                sort: isItem?.sort || 0
-                            }
-                        ]
-                    }
-                })
-            }
-        } else {
-            set({ rightClickPup: { id: 'all' } })
-        }
-        return false;
-    }, [])
-    /**左键点击页面隐藏菜单 */
-    useEffect(() => {
-        function fnc(e: any) {
-            set({ rightClickPup: { id: '' } })
-        }
-        document.addEventListener('click', fnc)
-        return () => {
-            document.removeEventListener('click', fnc)
-        }
-    }, [])
-    /**合成器添加内容 */
-    const addNews = useCallback((news: any) => {
-        console.log(news)
-        addData(news)
-    }, [])
-    // /**切换个人|公共|父目录ID变化清空选中的文件*/
-    useEffect(() => {
-        set({ selectFile: [] })
-        if (belongUser == '1' && path) {//处理切换个人|公共时保留路径层级的请求
-            set({ parentId: path[path?.length - 1]?.id || null })
-        }
-        if (belongUser == '0' && publicPath) {
-            set({ parentId: publicPath[publicPath?.length - 1]?.id || null })
-        }
-    }, [belongUser, parentId, path?.length, publicPath?.length])
-    /**卸载组件处理 */
-    useEffect(() => {
-        return () => {
-            set({ parentId: null })
-        }
-    }, [])
-    /**获取目录树*/
-    useEffect(() => {
-        // if (isBd) {
-        get_folder_tree.run({ belongUser, fileType })
-        // }
-    }, [isAll, isBd, fileType, belongUser])
-    // 点击目录树进入对应目录
-    useEffect(() => {
-        if (item) {
-            let { icon, children, ...arg } = item
-            treeClick(arg)
-        }
-    }, [item])
-    // 拖动事件配置
-    const moveConfig = useCallback((item) => {
-        return {
-            draggable: true,
-            onDragStart: (ev: any) => {
-                let img = document.createElement('img')
-                img.src = fileImg;
-                ev.dataTransfer.setDragImage(img, 0, 0)
-                setMoveId(item.id)
-            },
-            onDragEnd: (e: any) => {
-                if (folderId !== '' && moveId !== '') {
-                    edit_media_folder.run({ sysMediaId: moveId, folderId }).then(res => {
-                        message.success('操作成功')
-                        list.refresh()
-                    })
-                }
-                setActionId('')
-                setHoverId('')
-                setMoveId('')
-            },
-        }
-    }, [folderId, moveId])
-    return <div style={{ display: 'flex', flexFlow: 'row' }}>
-        {
-            get_folder_tree?.data?.length > 0 && <div style={{ flexShrink: 0 }}>
-                {treeEl}
-            </div>
-        }
-        <div style={{ flexShrink: 1 }}>
-            <div className={style.files} onContextMenu={rightMenu} style={height ? { height } : {}}>
-                {/* 关联公众号筛选 */}
-                <div className={style.wxSelect}>
-                    <WxSelect mode={1} isAll={isAll} />
-                </div>
-                {/*合成器 refD?.current?.showDrawer() */}
-                {fileType === 'news' && isAll && <Synthetic show={() => { showDrawer && showDrawer() }} />}
-                {/* 层级路径 */}
-                <div className={style.path} >
-                    {//存在渲染个人本地路径不存在执行公共本地
-                        belongUser == '1' && path?.map((item: { title: string }, index: number) => {
-                            return <span key={index} onClick={() => { pathClick({ ...item, index }) }} >
-                                <span className={path?.length !== index + 1 ? style.path_color : ''}>{item?.title}</span>
-                                {path?.length !== index + 1 && <span className={style.rt} >{'>'}</span>}
-                            </span>
-                        })
-                    }
-                    {
-                        belongUser == '0' && publicPath?.map((item: { title: string }, index: number) => {
-                            return <span key={index} onClick={() => { pathClick({ ...item, index }) }} >
-                                <span className={publicPath?.length !== index + 1 ? style.path_color : ''}>{item?.title}</span>
-                                {publicPath?.length !== index + 1 && <span className={style.rt} >{'>'}</span>}
-                            </span>
-                        })
-                    }
-                </div>
-                {/* 内容 */}
-                <div className={(fileType === 'news' || fileType === 'knews') ? style.file_news_content : style.file_content} >
-                    {
-                        list?.data?.records?.map((item: Item) => {
-                            if (item.folder) {
-                                {/* 文件夹模板 */ }
-                                return <Popconfirm
-                                    title="确定要删除吗？"
-                                    onConfirm={() => { dels(item) }}
-                                    okText="是"
-                                    cancelText="否"
-                                    onCancel={delPupOff}
-                                    visible={delPupId === item.id}
-                                    key={item.id}
-                                >
-                                    <Spin tip='正在请求素材详情，请耐心等待...' spinning={get?.loading}>
-                                        <div
-                                            className={`${style.flex_box} ${selectFile?.some((id: number) => id === item.id) ? style.action : ''}`}
-                                            onContextMenu={(e) => { rightMenu(e, item) }}
-                                            onClick={(e) => { changeClickFile(e, item, isAll, noFile) }}
-                                            onDragStart={(e: any) => {
-                                                e.preventDefault()
-                                            }}
-                                        >
-                                            <span className={`${style.select}`} onClick={(e) => { changeClickFile(e, item, isAll, noFile) }}>
-                                                <span role="img" aria-label="check" style={{ color: '#fff' }}><svg viewBox="64 64 896 896" focusable="false" data-icon="check" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path></svg></span>
-                                            </span>
-                                            <img src={fileImg}
-                                                className={style.flex_box_img}
-                                                onClick={(e: any) => { e.stopPropagation(); fileClick(item) }}
-                                                onDragOver={(ev) => {
-                                                    ev.preventDefault()
-                                                }}
-                                                onDrop={() => {
-                                                    if (item.id !== folderId) {
-                                                        setActionId(item.id)
-                                                    }
-                                                }}
-                                            />
-                                            <span className={style.flex_box_name} >{item?.title}</span>
-                                            <span className={style.flex_box_id} onClick={(e) => { copyId(e, item?.number) }} >{item?.number}</span>
-                                        </div>
-                                    </Spin>
-                                </Popconfirm>
-                            } else if (item.fileType === 'news') {
-                                {/* 图文模板 */ }
-                                return <Popconfirm
-                                    title="确定要删除吗？"
-                                    onConfirm={() => { dels(item.id) }}
-                                    okText="是"
-                                    cancelText="否"
-                                    onCancel={delPupOff}
-                                    visible={delPupId === item.id}
-                                    key={item.id}
-                                >
-                                    <Spin tip='正在请求素材详情，请耐心等待...' spinning={get?.loading}>
-                                        <div
-                                            className={`${style.news_box} ${selectFile?.some((id: number) => id === item.id) ? style.action : ''}`}
-                                            onContextMenu={(e) => { rightMenu(e, item) }}
-                                            onClick={(e) => { changeClickFile(e, item, isAll) }}
-                                            {...moveConfig(item)}
-                                        >
-                                            <span className={`${style.select}`} onClick={(e) => { changeClickFile(e, item, isAll) }}>
-                                                <span role="img" aria-label="check" style={{ color: '#fff' }}><svg viewBox="64 64 896 896" focusable="false" data-icon="check" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path></svg></span>
-                                            </span>
-                                            {
-                                                item?.news?.map((news: News) => {
-                                                    return <div key={news?.id}>
-                                                        <Image src={news?.thumbUrl} onClick={(e) => { e.stopPropagation() }} />
-                                                        <span className={style.news_box_font}>{news?.title}</span>
-                                                        <p className={style.add} onClick={(e) => { e.stopPropagation(); addNews(news) }}><PlusCircleOutlined /></p>
-                                                    </div>
-                                                })
-                                            }
-                                            <span className={style.flex_box_id} onClick={(e) => { copyId(e, item?.number) }} >{item?.number}</span>
-                                            <span>
-                                                <Space>
-                                                    <Button
-                                                        type='text'
-                                                        size='small'
-                                                        onClick={(e) => {
-                                                            e.stopPropagation();
-                                                            getWxlists.run(item?.id).then((res: any) => {//获取当前素材关联的公众号列表
-                                                                if (res) {
-                                                                    dDispatch({ type: 'selectWx', params: { selectWx: res?.map((item: any) => item.id) } })
-                                                                }
-                                                            })
-                                                            if (item?.folder) {//是文件夹
-                                                                editFile()
-                                                            } else {
-                                                                get.run(item?.id).then((res: any) => {//请求详情接口获取详情内容
-                                                                    if (res) {
-                                                                        let news = res?.news?.map((item: any, index: number) => {
-                                                                            return { ...item, menuId: index + 1 }
-                                                                        })
-                                                                        dispatch({ type: 'actionData', params: { data: { dataArr: news, actionId: 1, sort: res?.sort } } })//设置编辑器的内容
-                                                                        showDrawer && showDrawer({ isEdit: true, editId: item?.id })//开启新建素材弹窗
-                                                                        localStorage.setItem('collapsed', '1')//左侧菜单缩进
-                                                                    }
-                                                                })
-                                                            }
-                                                        }}
-                                                    >
-                                                        <EditOutlined />
-                                                    </Button>
-                                                    <Button
-                                                        type='text'
-                                                        size='small'
-                                                        onClick={(e) => {
-                                                            e.stopPropagation();
-                                                            showSync && showSync({ sysMediaId: item?.id })
-                                                        }}
-                                                    >
-                                                        <SyncOutlined />
-                                                    </Button>
-                                                    <Button
-                                                        type='text'
-                                                        size='small'
-                                                        onClick={(e) => {
-                                                            e.stopPropagation();
-                                                            delPupOn(item.id); onFile(e, item, isAll, true)
-                                                        }}
-                                                    >
-                                                        <DeleteOutlined />
-                                                    </Button>
-                                                </Space>
-                                            </span>
-                                        </div>
-                                    </Spin>
-                                </Popconfirm>
-                            } if (item.fileType === 'knews') {
-                                {/* K图文模板 */ }
-                                return <Popconfirm
-                                    title="确定要删除吗？"
-                                    onConfirm={() => { dels(item.id) }}
-                                    okText="是"
-                                    cancelText="否"
-                                    onCancel={delPupOff}
-                                    visible={delPupId === item.id}
-                                    key={item.id}
-                                >
-                                    <Spin tip='正在请求素材详情，请耐心等待...' spinning={get?.loading}>
-                                        <div
-                                            className={`${style.knews_box} ${selectFile?.some((id: number) => id === item.id) ? style.action : ''}`}
-                                            onContextMenu={(e) => { rightMenu(e, item) }}
-                                            onClick={(e) => { changeClickFile(e, item, isAll) }}
-                                            {...moveConfig(item)}
-                                        >
-                                            <span className={`${style.select}`} onClick={(e) => { changeClickFile(e, item, isAll) }}>
-                                                <span role="img" aria-label="check" style={{ color: '#fff' }}><svg viewBox="64 64 896 896" focusable="false" data-icon="check" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path></svg></span>
-                                            </span>
-                                            <div >
-                                                <div>
-                                                    <span className={style.news_box_font}>{item?.title}</span>
-                                                    <p>{item?.description}</p>
-                                                </div>
-                                                <Image src={item?.knewsThumbId ? item?.knewsThumbInfo?.folder ? filePng : item?.knewsThumbInfo?.url : item?.knewsThumbUrl} onClick={(e) => { e.stopPropagation() }} />
-                                            </div>
-                                            <span className={style.flex_box_id} onClick={(e) => { copyId(e, item?.number) }} >{item?.number}</span>
-                                        </div>
-                                    </Spin>
-                                </Popconfirm>
-                            } else {
-                                {/* 图片模板 ,视频模板,音频模板*/ }
-                                let El = item.fileType === 'image' ?
-                                    <Image src={item.url} onClick={(e) => { e.stopPropagation() }}
-                                    /> :
-                                    item.fileType === 'video' ?
-                                        <video src={item.url} style={{ width: 130, height: 100 }} controls />
-                                        :
-                                        <audio src={item.url} controls style={{ width: 150 }} />
-                                return <Popconfirm
-                                    title="确定要删除吗？"
-                                    onConfirm={() => { dels(item.id) }}
-                                    okText="是"
-                                    cancelText="否"
-                                    onCancel={delPupOff}
-                                    visible={delPupId === item.id}
-                                    key={item.id}
-                                >
-                                    <Spin tip='正在请求素材详情，请耐心等待...' spinning={get?.loading}>
-                                        <div
-                                            className={`${style.image_box} ${selectFile?.some((id: number) => id === item.id) ? style.action : ''}`}
-                                            onContextMenu={(e) => { rightMenu(e, item) }}
-                                            onClick={(e) => { changeClickFile(e, item, isAll) }}
-                                            {...moveConfig(item)}
-                                        >
-                                            <span className={`${style.select}`} onClick={(e) => { changeClickFile(e, item, isAll) }}>
-                                                <span role="img" aria-label="check" style={{ color: '#fff' }}><svg viewBox="64 64 896 896" focusable="false" data-icon="check" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path></svg></span>
-                                            </span>
-                                            {El}
-                                            <span className={style.flex_box_name} onClick={(e) => { copyId(e, item?.url) }}>{item?.videoTitle || item?.title}</span>
-                                            <span className={style.flex_box_id} onClick={(e) => { copyId(e, item?.number) }} >{item?.number}</span>
-                                        </div>
-                                    </Spin>
-                                </Popconfirm>
-                            }
-                            return null
-                        })
-                    }
-                </div>
-                {/* 鼠标右键菜单 */}
-                {rightClickPup.id ? rightClickPup.id === 'all' ? <Menu /> : <Menu isItem /> : null}
-                {/* 新建文件弹窗 */}
-                {fileVisible && <FileModal isAll={isAll} />}
-                {/* 编辑排序 */}
-                {sortVisible && <SortModal isAll={isAll} />}
-                {/* 新建非图文 */}
-                {imgVisrible && <ImgModal isAll={isAll} />}
-                {/* 批量新建素材 */}
-                {updataVisible && <Updata mediaType={fileType === 'image' ? '1' : fileType === 'video' ? '3' : '2'} callBcak={setUpdataVisible} type={1} isAll={isAll} />}
-                {/* 新建客服消息模板 */}
-                {
-                    knewsVisrible && <MsgWxGraphicListModal
-                        title={'K-图文'}
-                        visible={knewsVisrible || false}
-                        onCancel={() => {
-                            // dispatchMate({ type: 'initData', params: { data: { dataArr: [{ menuId: 1 }] } } }) //设置成默认
-                            set({ knewsVisrible: false })
-                            initSelectWx()
-                            return
-                        }}
-                        isKnews={true}
-                        onOK={(props) => { knewsOk(props) }}
-                        defaultData={knewsdefaultData}
-                        tooltipTxt='只支持单图文'
-                        historyType={1}
-                        ImportBtShow={1}
-                        isProhibitMs={true}
-                        msgType={1}
-                    />
-                }
-            </div>
-            {
-                list?.data?.records?.length > 0 && <div className={style.pagination}>
-                    {/* 分页 */}
-                    <Pagination
-                        showSizeChanger
-                        onChange={(page: number, pageSize?: number) => {
-                            getList({ pageSize, pageNum: page })
-                        }}
-                        onShowSizeChange={(current: number, size: number) => {
-                            getList({ pageSize: size, pageNum: current })
-                        }}
-                        current={list?.data?.current}
-                        defaultPageSize={20}
-                        total={list?.data?.total}
-                    />
-                </div>
-            }
-        </div>
-
-        {previewShow && <PreviewLocalModal visible={previewShow} onClose={() => setPreviewShow(false)} previewId={previewId} />}
-    </div>
-}
-export default React.memo(FlieBox)

src/components/FileBoxAD/components/newsModal/index.less

@@ -1,211 +0,0 @@
-.left {
-  width: 100%;
-  .left_top {
-    display: flex;
-    justify-content: left;
-    align-items: center;
-    padding: 10px;
-    border-bottom: 1px solid #efefef;
-    font-weight: 500;
-  }
-  .left_ul {
-    height: calc(100vh - 150px);
-    overflow-y: auto;
-    > ul {
-      display: flex;
-      flex-flow: column;
-      padding: 10px;
-      overflow-y: auto;
-      li {
-        position: relative;
-        border: 1px solid #efefef;
-        border-bottom: 0;
-        > p {
-          display: flex;
-          padding: 15px;
-          flex-flow: row;
-          justify-content: space-between;
-          margin-bottom: 0;
-          img {
-            width: 60px;
-            height: 60px;
-            border-radius: 3px;
-            object-fit: cover;
-          }
-        }
-        > div {
-          opacity: 0;
-          display: flex;
-          justify-content: space-between;
-          padding: 0 10px;
-          align-items: center;
-          color: #fff;
-          position: absolute;
-          bottom: 0;
-          left: 0;
-          width: 100%;
-          z-index: 99;
-          height: 30px;
-          background: rgba(0, 0, 0, 0.6);
-          > span {
-            cursor: pointer;
-            > span {
-              margin-right: 10px;
-            }
-          }
-        }
-      }
-      li.last {
-        border-bottom: 1px solid #efefef;
-        > div {
-          > span {
-            > span {
-              &:nth-child(2) {
-                display: none;
-              }
-            }
-          }
-        }
-      }
-      li.first {
-        border: 0;
-        > span {
-          position: absolute;
-          bottom: 0;
-          left: 0;
-          right: 0;
-          height: 30px;
-          background: rgba(0, 0, 0, 0.6);
-          color: #fff;
-          line-height: 30px;
-          padding-left: 10px;
-        }
-        > div {
-          > span {
-            > span {
-              &:nth-child(1) {
-                display: none;
-              }
-            }
-          }
-        }
-        > p {
-          position: relative;
-          width: 100%;
-          height: 0px;
-          padding-top: 40%;
-          border-radius: 2px;
-          margin-bottom: 0;
-          img {
-            position: absolute;
-            left: 0px;
-            top: 0px;
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-          }
-        }
-      }
-      li:hover {
-        > div {
-          opacity: 1;
-        }
-      }
-      li.action {
-        border: 1px solid rgb(59, 116, 255);
-      }
-    }
-    > span {
-      height: 50px;
-      border: 1px dashed #bbbbbb;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      margin: 0 10px;
-    }
-    > span:hover {
-      border-color: rgb(59, 116, 255);
-      color: rgb(59, 116, 255);
-    }
-  }
-}
-.right_fb {
-  height: calc(100vh - 112px);
-  overflow-y: scroll;
-  > div {
-    width: 100%;
-    display: flex;
-    flex-flow: column;
-  }
-  .upload {
-    border: 1px dashed #d8d8d8;
-    border-radius: 3px;
-    cursor: pointer;
-    margin: 10px 0;
-    position: relative;
-    img {
-      object-fit: cover;
-      width: 100%;
-      height: 100%;
-    }
-    .add {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-flow: column;
-      height: 100%;
-    }
-    .pos {
-      position: absolute;
-      top: 0;
-      left: 0;
-      height: 100%;
-      width: 100%;
-      opacity: 0;
-      color: #fff;
-    }
-    .pos:hover {
-      opacity: 1;
-      background: rgba(0, 0, 0, 0.6);
-    }
-  }
-  .min {
-    width: 88px;
-    height: 88px;
-  }
-  .max {
-    width: 220px;
-    height: 95px;
-  }
-  .right_textArea {
-    span:last-child {
-      float: right;
-      text-align: right;
-    }
-  }
-}
-.box {
-  border: 1px solid #efefef;
-  height: 100%;
-  > div {
-    &:nth-child(1) {
-      border-right: 1px solid #efefef;
-    }
-    &:last-child {
-      padding: 0 10px;
-      border-left: 1px solid #efefef;
-    }
-  }
-}
-.title1 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 200px;
-}
-.title {
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}

src/components/FileBoxAD/components/newsModal/index.tsx

@@ -1,54 +0,0 @@
-import React, { useImperativeHandle, useState } from 'react'
-import { Col, Drawer, Row } from 'antd'
-import style from './index.less'
-import Left from './left'
-import Right from './right'
-import Editor from '@/components/Editor/Box'
-import { useModel } from 'umi'
-//isWx是否是微信用来判断调用不同的接口逻辑默认不是
-const DrawerPage = React.forwardRef((props: any, ref) => {
-    const { styleRight = '', isAll = true, callback = null } = props
-    const [visible, setVisible] = useState<boolean>(false)//抽屉
-    const [isEdit, setIsEdit] = useState<boolean>(false)//是否编辑
-    const [editId, setEditId] = useState<string>('')//编辑的ID
-    const { drawerDispatch, actionData } = useModel('useOperating.useMaterialDrawer', model => ({ drawerDispatch: model.dispatch, actionData: model.state.actionData }))
-    //映射ref方法
-    useImperativeHandle(ref, () => ({
-        showDrawer,
-    }))
-    //抽屉显示
-    let showDrawer = (props?: any) => {
-        setEditId(props?.editId || '')
-        setIsEdit(props?.isEdit || false)//设置是否编辑
-        setVisible(true)//开启弹窗
-        localStorage.setItem('collapsed', '1')
-    };
-    //抽屉关闭
-    let onClose = () => {
-        // isEdit ? drawerDispatch({ type: 'initData' }) : drawerDispatch({ type: 'action', params: { actionId: 1 } })//编辑取消后清空数据
-        drawerDispatch({ type: 'initData' })
-        setVisible(false)//关闭抽屉
-        setIsEdit(false)//设回flase以免新建关闭后销毁数据
-        localStorage.setItem('collapsed', '0')
-    };
-    return <Drawer
-        placement="right"
-        closable={false}
-        onClose={onClose}
-        open={visible}
-        getContainer={false}
-        width='90%'
-        destroyOnClose
-        style={styleRight ? { right: styleRight } : {}}
-    >
-        <Row className={style.box}>
-            <Col flex='1'><Left isWx={props?.isWx} /></Col>
-            <Col flex='3'>{visible && <Editor onClose={onClose} editId={editId} editData={actionData?.dataArr} syncNews={props?.syncNews} isWx={props?.isWx} isShowWx={props?.isShowWx} isAll={isAll} callback={callback}/>}</Col>
-            <Col flex='1'><Right isShowWx={props?.isShowWx} /></Col>
-        </Row>
-    </Drawer>
-})
-
-export default DrawerPage
-
-

src/components/FileBoxAD/components/newsModal/left.tsx

@@ -1,158 +0,0 @@
-import React, { useCallback, useState } from 'react'
-import style from './index.less'
-import { ArrowDownOutlined, ArrowUpOutlined, DeleteOutlined, PlusOutlined } from '@ant-design/icons'
-import { Avatar, Input, message, Modal, Space } from 'antd'
-import { useModel } from 'umi'
-import { exportMediaByUrl1 } from '@/services/operating/material'
-const Left = React.memo((props: { isWx?: boolean }) => {
-    const { isWx } = props
-    const { drawerState: { dataArr, actionId }, dispatch } = useModel('useOperating.useMaterialDrawer', model => ({ drawerState: model.state, dispatch: model.dispatch }))
-    const { actionWX } = useModel('useOperating.useWxGroupList', model => ({ actionWX: model.state.actionWX }))
-    const { ueditorRef } = useModel('useOperating.useMaterialDrawer', model => ({ ueditorRef: model.state.ueditorRef }))
-    const [showNews, setShowNews] = useState<boolean>(false)//导入文章
-    const [newsUrl, setNewsUrl] = useState<string>('')//文章地址
-
-    //导入文章
-    const handleImportNews = useCallback(() => {
-        let str = newsUrl
-        if (str.indexOf(',') === -1) {
-            str = str.replace(/\s/ig, ',')
-        }
-        let arr = str.split(/[,，]/)
-        let newArr: string[] = []
-        arr.forEach((url: string) => {
-            url = url.replace(/\s*/g, '')
-            if (url !== "" && url) {
-                newArr.push(url)
-            }
-        })
-        let isOk = newArr.every((url: string, index: number) => {
-            if (url.search(/http[s]?:\/\/mp.weixin.qq.com/ig) === 0) {
-                return true
-            } else {
-                message.error(`第${index + 1}的地址错误,请输入正确的文章地址!`)
-            }
-        })
-        if (newArr.length > (9 - actionId)) {
-            message.error('你输入的链接条数超过了当前剩余可新增的条数')
-            return
-        }
-        if (isOk) {
-            let promiseAll: any[] = []
-            newArr.forEach((url: string, index: number) => {
-                // promiseAll.push(exportMediaByUrl1(url).then((res) => { return res.json() }))
-                promiseAll.push(exportMediaByUrl1(encodeURIComponent(url)).then((res) => { return res.json() }))
-            })
-            Promise.all(promiseAll).then((res: any) => {
-                let arr: any[] = []
-                if (res) {
-                    res.forEach((r: { data: any, code: 200 }, index: number) => {
-                        if (r.code === 200) {
-                            let { content, contentSourceUrl, digest, thumbMediaUrl, title } = r.data
-                            contentSourceUrl = contentSourceUrl.replace(/['"]*/g, '')
-                            content = content.replace('data-src', 'src').replace(/\<mpvoice[\s\S]*\<\/mpvoice\>/ig, '')
-                            index === 0 && ueditorRef?.setContent(content, false)
-                            arr.push({ menuId: actionId + index, content, contentSourceUrl, digest, thumbMediaUrl, title })
-                        }
-                    })
-                    arr = arr.sort((a: { menuId: number }, b: { menuId: number }) => { return a.menuId - b.menuId })
-                    dispatch({ type: 'importNews', params: { data: { dataArrs: arr, actionId } } })
-                }
-            }).catch(err => { console.log(err) })
-            setShowNews(false)
-        }
-    }, [newsUrl, actionId, ueditorRef])
-    return <div className={style.left}>
-        {
-            isWx && <div className={style.left_top}>
-                <Space>
-                    <Avatar src={actionWX?.headImg || "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"} />
-                    <span>{actionWX?.nickName}</span>
-                </Space>
-            </div>
-        }
-        <div className={style.left_ul}>
-            <ul>
-                {
-                    dataArr?.map((item: any, index: number) => {
-                        return index === 0
-                            ?
-                            <li
-                                className={`${style.first} ${actionId === item.menuId && style.action}`}
-                                key={item.menuId}
-                                onClick={() => {
-                                    dispatch({ type: 'action', params: { menuId: item.menuId } })
-                                }}
-                            >
-                                <p>
-                                    {/* <img src='https://mmbiz-qpic-cn.weituibao.com/mmbiz_png/o0slOoU0qk1qibibvCYeHB7tCwW6HGia7wntuqFtE7IYfqkp8lsCegVicBdRNQTFgZdQRLctqVIebWqu5EOib5ejHMQ/0?wx_fmt=png&wxb_id=4so7eVwgLV_RCXsMR1e4Y4hgYPtVj_qfNimo_frijeI' /> */}
-                                    <img src={item.thumbMediaUrl || item.thumbUrl || 'https://s.weituibao.com/static/1552098829922/bigfm.png'} alt="" />
-                                </p>
-                                <span className={style.title}>{item.title || '标题'}</span>
-                                <div>
-                                    <span>
-                                        <ArrowUpOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index, up: true } })} />
-                                        <ArrowDownOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index } })} />
-                                    </span>
-                                    <DeleteOutlined onClick={() => dispatch({ type: 'delDataArr', params: { menuId: item.menuId } })} />
-                                </div>
-                            </li>
-                            :
-                            <li
-                                className={`${index === dataArr.length - 1 && style.last} ${actionId === item.menuId && style.action}`}
-                                key={item.menuId}
-                                onClick={() => {
-                                    dispatch({ type: 'action', params: { menuId: item.menuId } })
-                                }
-                                }
-                            >
-                                <p>
-                                    <span className={style.title1}>{item.title || '标题'}</span> <img src={item.thumbMediaUrl || item.thumbUrl || 'https://s.weituibao.com/static/1552098829922/bigfm.png'} alt="" />
-                                </p>
-                                <span />
-                                <div>
-                                    <span>
-                                        <ArrowUpOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index, up: true } })} />
-                                        <ArrowDownOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index } })} />
-                                    </span>
-                                    <DeleteOutlined onClick={() => dispatch({ type: 'delDataArr', params: { menuId: item.menuId } })} />
-                                </div>
-                            </li>
-                    })
-                }
-            </ul>
-            {
-                dataArr?.length < 8 && <span onClick={() => dispatch({ type: 'addDataArr' })} ><PlusOutlined />新建</span>
-            }
-            <span onClick={() => { setShowNews(true) }} style={{ marginTop: 10 }}><PlusOutlined />导入文章</span>
-            <Modal
-                open={showNews}
-                title='导入文章'
-                onCancel={() => { setShowNews(false) }}
-                onOk={handleImportNews}
-                destroyOnClose
-            >
-                <Input.TextArea
-                    placeholder={
-                        ` 请填写文章url地址,支持批量，批量传入需要在每个链接后面加上逗号或者换行,从你当前选中的篇数开始导入替换，一次只能导入8篇，输入的链接地址不能超过可新建的篇数，假如你从第5篇开始导入那只能导入4篇
-                        
-方式1：支持末尾加，号分割导入                     https://mp.weixin.qq.com/s/C4qcDnPwfAlf4Y2P9qeThA,https://mp.weixin.qq.com/s/tVGyg6rxR6BoppjqIbKoGg
-方式2：支持换行分割导入
-https://mp.weixin.qq.com/s/C4qcDnPwfAlf4Y2P9qeThA
-https://mp.weixin.qq.com/s/tVGyg6rxR6BoppjqIbKoGg
-`
-                    }
-                    rows={10}
-                    onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => {
-                        let url = e.target.value
-                        if (url) {
-                            setNewsUrl(url)
-                        }
-                    }}
-
-                />
-            </Modal>
-        </div>
-    </div>
-})
-export default Left

src/components/FileBoxAD/components/newsModal/right.tsx

@@ -1,130 +0,0 @@
-import React, { useCallback, useMemo, useState } from 'react'
-import { Divider, Input, InputNumber, Tabs, Tag } from 'antd'
-import style from './index.less'
-import { PlusOutlined } from '@ant-design/icons';
-import SmMaterialModal from '@/components/MaterialModal/smModalBox';
-import { useModel } from 'umi';
-import WxSelect from '@/components/WxSelect';
-const { TabPane } = Tabs;
-
-let Right = React.memo((props: any) => {
-    const { drawerDispatch, drawerState: { actionId, dataArr, sort } } = useModel('useOperating.useMaterialDrawer', model => ({
-        drawerDispatch: model.dispatch,
-        drawerState: model.state
-    }))
-    const { show, hide, state: { visible } } = useModel('useOperating.useMaterialModal')
-    const [digest, setDigest] = useState<string>('') //摘要
-    const [authorStr, setAuthor] = useState<string>('') //作者
-    const [contentSourceUrlStr, setContentSourceUrl] = useState<string>('') //原文链接
-
-    //点击上传打开弹窗获取数据
-    let upload = useCallback(() => {
-        show()
-    }, [])
-    //跟随选择更新图片
-    const defaultValue: any = useMemo(() => {
-        let obj = {}
-        dataArr.forEach((item: any) => {
-            if (item.menuId === actionId) {
-                setDigest(item.digest || '')
-                setAuthor(item.author || '')
-                setContentSourceUrl(item.contentSourceUrl || '')
-                obj = item
-            }
-        })
-        return obj
-    }, [dataArr, actionId, sort])
-    //字数并插入dataArr
-    let strLeng = useCallback((v: React.ChangeEvent<HTMLTextAreaElement>) => {
-        drawerDispatch({ type: 'pushData', params: { menuId: actionId, digest: v.target.value, } })
-        setDigest(v.target.value)
-    }, [actionId])
-    //作者插入
-    let author = useCallback((v: React.ChangeEvent<HTMLInputElement>) => {
-        drawerDispatch({ type: 'pushData', params: { menuId: actionId, author: v.target.value, } })
-        setAuthor(v.target.value)
-    }, [actionId])
-    //原文链接插入
-    let contentSourceUrl = useCallback((v: React.ChangeEvent<HTMLTextAreaElement>) => {
-        drawerDispatch({ type: 'pushData', params: { menuId: actionId, contentSourceUrl: v.target.value } })
-        setContentSourceUrl(v.target.value)
-    }, [actionId])
-    return <>
-        <Tabs type="line">
-            <TabPane tab="发布" key="1" className={style.right_fb}>
-                <div className={style.right_img}>
-                    {
-                        actionId === 1 ? <span>封面（建议尺寸900*500像素）</span> : <span>封面（建议尺寸200*200像素）</span>
-                    }
-                    <span
-                        className={`${style.upload} ${actionId === 1 ? style.max : style.min}`}
-                        onClick={upload}
-                    >
-                        {
-                            (defaultValue?.thumbMediaUrl || defaultValue?.thumbUrl) && <img src={defaultValue?.thumbMediaUrl || defaultValue?.thumbUrl} alt="" />
-                        }
-                        <span className={`${style.add} ${(defaultValue?.thumbMediaUrl || defaultValue?.thumbUrl) && style.pos}`}>
-                            <PlusOutlined style={{ fontSize: 16 }} />
-                            上传封面
-                        </span>
-                    </span>
-                    {/* <span><Switch checkedChildren="开启" unCheckedChildren="关闭" defaultChecked={false} />封面显示在正文</span> */}
-                </div>
-                <Divider dashed />
-                <div className={style.right_textArea}>
-                    <span>摘要(选填)</span>
-                    <Input.TextArea rows={5} allowClear maxLength={120} onChange={strLeng} value={digest} />
-                    <span>{digest.length}/120</span>
-                </div>
-                <Divider dashed />
-                <div className={style.right_author}>
-                    <span>作者(选填)</span>
-                    <Input allowClear onChange={author} value={authorStr} />
-                </div>
-                <Divider dashed />
-                <div className={style.right_src}>
-                    <span>原文链接(必填)</span>
-                    <Input.TextArea rows={2} placeholder='请勿添加其他公众号的主页链接' allowClear onChange={contentSourceUrl} value={contentSourceUrlStr} />
-                </div>
-                <div className={style.right_src} style={{ marginTop: 10 }}>
-                    <span>排序(必填)<Tag color='warning'>数值越大越靠前</Tag></span>
-                    <InputNumber
-                        style={{ width: '100%' }}
-                        value={sort}
-                        placeholder='请输入序号, 数值越大越靠前'
-                        onChange={(e: number) => {
-                            drawerDispatch({ type: 'setSort', params: { sort: e } })
-                        }}
-                    />
-                </div>
-                <div>
-                    <WxSelect />
-                </div>
-            </TabPane>
-        </Tabs>
-        {
-            visible && <SmMaterialModal
-                visible={visible}
-                onCancel={hide}
-                title='选择图片'
-                onOk={(props: any) => {
-                    console.log(props)
-                    let obj: any = {}
-                    if (props?.mediaId) {
-                        obj.wxMediaId = props?.id
-                        obj.thumbUrl = props?.url
-                    } else {
-                        obj.thumbUrl = props?.url
-                    }
-                    drawerDispatch({ type: 'pushData', params: { menuId: actionId, thumbMediaUrl: props.url, ...obj } })
-                    hide()
-                }}
-                mediaType={1}
-                isShowWx={props?.isShowWx}
-                isAllData
-                noFile={false}
-            />
-        }
-    </>
-})
-export default Right

src/components/Formitem/index.less

@@ -1,166 +0,0 @@
-@w: 14px;
-.form_style {
-  width: 100%;
-  .file {
-    position: relative;
-    cursor: pointer;
-    > input {
-      opacity: 0;
-      position: absolute;
-      display: block;
-      top: 0;
-      left: 0;
-      cursor: pointer;
-      right: 0;
-      bottom: 0;
-      width: 100%;
-      font-size: 0;
-      > span {
-        display: none;
-      }
-    }
-  }
-  > h1 {
-    text-align: left;
-    padding-left: 20px;
-  }
-  > form {
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-    > div {
-      margin-left: 20px;
-      .ant-form-item-control-input-content {
-        display: flex;
-        align-items: center;
-      }
-    }
-    .form_row{
-      flex: 1;
-    }
-    .form_item2 {
-      color: red;
-      > div:nth-child(1) {
-        width: calc(@w * 4);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 4);
-      }
-    }
-    .form_item3 {
-      > div:nth-child(1) {
-        width: calc(@w * 5);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 5);
-      }
-    }
-    .form_item4 {
-      > div:nth-child(1) {
-        width: calc(@w * 6);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 6);
-      }
-    }
-    .form_item5 {
-      > div:nth-child(1) {
-        width: calc(@w * 7);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 7);
-      }
-    }
-    .form_item6 {
-      > div:nth-child(1) {
-        width: calc(@w * 8);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 8);
-      }
-    }
-    .form_item7 {
-      > div:nth-child(1) {
-        width: calc(@w * 9);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 9);
-      }
-    }
-    .form_item8 {
-      > div:nth-child(1) {
-        width: calc(@w * 10);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 10);
-      }
-    }
-    .form_item9 {
-      > div:nth-child(1) {
-        width: calc(@w * 11);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 11);
-      }
-    }
-    .form_item10 {
-      > div:nth-child(1) {
-        width: calc(@w * 12);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 12);
-      }
-    }
-    .form_item11 {
-      > div:nth-child(1) {
-        width: calc(@w * 13);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 13);
-      }
-    }
-    .form_item12 {
-      > div:nth-child(1) {
-        width: calc(@w * 14);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 14);
-      }
-    }
-    .form_item13 {
-      > div:nth-child(1) {
-        width: calc(@w * 5);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 15);
-      }
-    }
-    .form_item14 {
-      > div:nth-child(1) {
-        width: calc(@w * 16);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 16);
-      }
-    }
-    .form_item15 {
-      > div:nth-child(1) {
-        width: calc(@w * 17);
-      }
-      .ant-form-item-label {
-        width: calc(@w * 17);
-      }
-    }
-  }
-}
-.form_styleNull{
-  > form {
-    > div:nth-child(1){
-      margin-left: 0;
-    }
-  }
-} 
-input:-internal-autofill-previewed,
-input:-internal-autofill-selected {
-  transition: background-color 5000s ease-in-out 0s !important;
-}

src/components/Formitem/index.tsx

@@ -1,403 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { Form, Input, DatePicker, Select, Button, Radio, Switch, Col, Upload, Modal,  InputNumber } from 'antd'
-import { Props, FormConfig, Children } from './type'
-import style from './index.less'
-import moment from 'moment'
-import locale from 'antd/es/date-picker/locale/zh_CN';
-import { Store } from 'antd/lib/form/interface'
-import { UploadOutlined } from '@ant-design/icons'
-import 'antd/es/modal/style';
-import 'antd/es/slider/style';
-import ImgCrop from 'antd-img-crop';
-import { useModel } from 'umi'
-import { RcFile } from 'antd/lib/upload/interface'
-import Demo from '../Cropper'
-
-const { Item } = Form
-const { Option } = Select;
-const { RangePicker } = DatePicker;
-/**
- * 
- * @param props
- * @param {Array} formConfig 必传
- * @param {string} flow 必传 'row' | 'column'
- * @param {string} formFlex 非必传 控制form flex排版方向
- * @param {string} title 非必传 header 标题
- * @param {Function} callback 非必传 传入回调函数执行提交表单后获取表单内的值
- * @param {object} getFormValues 非必传 传入回调函数执行提交表单后获取表单内的值
- * @param {object} labelCol  非必传 改变label的布局
- * @example
- * 按钮配置 htmlType:'submit' 组件上添加submit={callback} 点击按钮可获得所有form表单数据
- * 按钮配置 htmlType:'button' callback:Function 点击按钮可执行回调函数一般用于弹窗之类事件
- * 想要单个select之类组件onChange立即执行发送数据设置formConfig中配置callback
- * 弹窗用getFormSubmit回调拿数据
- * 普通用callback
- * //示例
- *  import Headers from './components/Formitem' //Formitem组件引入
-    import { FormConfig } from './components/Formitem/type' //formConfig声明文件
-    let formConfig: FormConfig[] = [
-        {
-            label: 'ID',
-            name: 'id',
-            tag: 'input',
-            placeholder: '请输入ID搜索',
-        }
-    ]
-    const getHeaderValue = (value: object) => {
-        console.log(value)
-    }
- *  <Headers formConfig={formConfig} formFlex="flex-start" title='Title' submit={getHeaderValue}/>
- */
-
-
-let Page = React.forwardRef((props: Props, ref) => {
-    let { formConfig, formFlex = 'flex-start', title, flow, defaultProps, getFormValues, getFormSubmit, setFormValues, labelCol, ew, isAll, isFirstLeftNull = false } = props
-    const [form] = Form.useForm();
-    const [lw, setLw] = useState(0)
-    const [allValues, setAllValues] = useState<any>()
-    const [file, setFile] = useState<any>({})
-    const [url, setUrl] = useState<string>('')
-    const { dispatch } = useModel('useOperating.useMaterialModal')
-    const { set } = useModel(isAll ? 'useOperating.useBdMedia' : 'useOperating.useBdMediaPup')//存放到本地素材状态管理
-    const [fileList, setFileList] = useState<any>([])
-    const [previewVisible, setPreviewVisible] = useState<boolean>(false)
-    const [fileUrl, setFileUrl] = useState<string>('')
-    const [wh, setWh] = useState<number>(1 / 1)
-    const [cropSize, setCropSize] = useState<any>({ width: 900, height: 383 })
-
-    // useImperativeHandle(ref, () => ({
-    //     form
-    // }));
-    // base64转File
-    const dataURLtoFile = (dataurl: any, filename: any) => {
-        var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
-            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
-        while (n--) {
-            u8arr[n] = bstr.charCodeAt(n);
-        }
-        return new File([u8arr], filename, { type: mime });
-    }
-    //初始化 defaultProps
-    const _initDefaultProps = useCallback((name: string, tag: string) => {
-        if (defaultProps) {
-            if (tag === 'DatePicker' || tag === 'RangePicker') {//处理日期
-                if (Array.isArray((defaultProps as any)[name])) {
-                    return [moment((defaultProps as any)[name][0]), moment((defaultProps as any)[name][1])]
-                }
-                return (defaultProps as any)[name] ? moment((defaultProps as any)[name]) : undefined
-            }
-            if (Array.isArray(defaultProps[name]) && tag === 'select') {//处理多选
-                return defaultProps[name].map((n: number) => n.toString())
-            }
-            return (defaultProps as any)[name]?.toString()
-        }
-    }, [defaultProps])
-    // 提交数据
-    const onFinish = useCallback((value: any) => {
-        let showTime: boolean = formConfig.some((a: any) => 'showTime' in a && a['showTime'] === true) //判断是否开启了时间表格的显示时分秒
-        let Value = JSON.parse(JSON.stringify(value));//深克隆一份value值
-        Object.keys(Value).forEach((name: string) => {//对时间进行格式化
-            if (Object.prototype.toString.call(value[name]) === '[object Object]') {
-                Value[name] = moment(value[name]).format(showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD')
-            } else if (Array.isArray(value[name]) && typeof value[name][0] === 'object') {
-                Value[name][0] = `${moment(value[name][0]).format(showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD')}`
-                Value[name][1] = `${moment(value[name][1]).format(showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD')}`
-
-            }
-            if (JSON.stringify(value[name]) === '[]') {
-                delete Value[name]
-            }
-        })
-        // submit && submit(Value)
-
-        return Value
-    }, [])
-    //映射提交
-    form.submit = useCallback(() => {
-        return () => form.validateFields().then((values: any) => {
-            let value = onFinish(values)
-            return value
-        }).catch((err: any) => console.log(err))
-    }, [])
-    //设置表单值
-    const setValue = useCallback((value: Store) => {
-        form.setFieldsValue(value)
-    }, [])
-    //回调函数获取表单值
-    const onValuesChange = useCallback((changedValues: any, allValues: any) => {
-        getFormValues && getFormValues({ changedValues, allValues })//如若父组件设置了getFormValues可实时获取表单输入的值
-        setAllValues(allValues)
-    }, [getFormValues])
-    //输入搜索的回调
-    const onSelect = useCallback((value: any, callback?: Function) => {
-        callback ? callback(value) : console.log('没有在headerConfig中配置对应的回调函数', value)
-
-    }, [])
-    const onRadio = (value: any) => {
-
-    }
-    //select按钮回调
-    const onChange = useCallback((value: string | string[], change?: boolean, callback?: (v: any) => void) => {
-        callback && callback(value)
-    }, [])
-    //文件上传获取
-    const fileChanage = useCallback((e: any) => {
-        try {
-            let file = e?.target?.files || e
-            console.log(file)
-            setValue({ 'file': 'true' })
-            dispatch({ type: 'file', params: { file: file[0] || file } })
-            set({ file: file[0] || file })
-            if (file) {
-                setFile(file[0] || file)
-            }
-        } catch (err) {
-            console.log(err)
-        }
-    }, [])
-    useEffect(() => {
-        getFormSubmit && getFormSubmit(form.submit)//如若父组件设置了getFormSubmit将submit方法传给父组件回调
-        setFormValues && setFormValues(setValue)//如若父组件设置了getFormSubmit将setValue方法传给父组件
-    }, [])
-    //默认的错误提示信息
-    const validateMessages = {
-        required: "'${name}' 是必选字段",
-        // ...
-    };
-    //预览
-    const preview = useCallback(() => {
-        let type = file.type.split('/')[0]
-        switch (type) {
-            case 'audio':
-                return <audio src={url} controls />
-            case 'video':
-                return <video src={url} controls />
-            case 'image':
-                return <img src={url} width='150' />
-            default:
-                return null
-        }
-    }, [file, url])
-    //上传字典
-    let fileType: any = {
-        '上传图片': 'image/gif,image/jpeg,image/png,image/jpg',
-        '上传视频': 'video/*',
-        '上传音频': 'audio/*',
-        '上传Excel': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel'
-    }
-    return <div className={`${style.form_style} ${isFirstLeftNull && style.form_styleNull}`}>
-        <h1>{title}</h1>
-        <Form
-            form={form}
-            onFinish={onFinish}
-            style={flow === 'row' ? { justifyContent: formFlex, flexFlow: 'row wrap' } : { justifyContent: formFlex, flexFlow: 'column', alignItems: formFlex }}
-            onValuesChange={onValuesChange}
-            validateMessages={validateMessages}
-        // ref={fromEl}
-        >
-            {
-                formConfig.map((obj: FormConfig, index: number) => {
-                    let { Rule, name, tag, label, placeholder, disabled = false, btnType, htmlType, showTime, tagProps, mode, children, width, textSwitch, callback, icon, required, message = '请输入', defaultValue, rows, copy, change, isShowUp = true, formatter, parser } = obj
-                    if (label) {
-                        label.length > lw && setLw(label.length)
-                    }
-                    let objWidth: React.CSSProperties | undefined = width ? { minWidth: `${width}px`, float: 'left' } : undefined
-                    let Tag: JSX.Element = <></>
-                    switch (tag) {
-                        case 'input':
-                            Tag = <Input placeholder={placeholder} disabled={disabled} {...tagProps} allowClear style={objWidth} onBlur={callback} />
-                            break;
-                        case 'inputNumber':
-                            Tag = <InputNumber placeholder={placeholder} disabled={disabled} {...tagProps} formatter={formatter} parser={parser} style={objWidth ? objWidth : { width: "100%" }} onBlur={callback} />
-                            break;
-                        case 'inputFile':
-                            Tag = <>
-                                <div className={style.file}>
-                                    <Button type='primary'><UploadOutlined />{label === "上传Excel" ? "导入" : "上传文件"}</Button>
-                                    <input type='file' onChange={fileChanage} accept={fileType[(label as string)]} />
-                                </div>
-                                {
-                                    isShowUp && <>
-                                        <p>{file?.name}</p>
-                                        {
-                                            file?.name && preview()
-                                        }
-                                    </>
-                                }
-
-                            </>
-                            break;
-                        case 'imgCrop':
-                            Tag = <>
-                                <div style={{ display: 'flex' }}>
-                                    <ImgCrop
-                                        rotate
-                                        aspect={1 / 1}
-                                    >
-                                        <Upload
-                                            listType="picture-card"
-                                            accept='image/gif,image/jpeg,image/png,image/jpg'
-                                            beforeUpload={function (file: RcFile) {
-                                                fileChanage(file)
-                                                return false
-                                            }}
-                                            fileList={fileList}
-                                            onChange={(newFileList: any) => {
-                                                setFileList([...newFileList.fileList])
-                                            }}
-                                            onPreview={(file: any) => {
-                                                setPreviewVisible(true)
-                                                setFileUrl(file.thumbUrl)
-                                            }}
-                                        >
-                                            {fileList?.length < 1 && '1:1裁剪上传'}
-                                        </Upload>
-                                    </ImgCrop>
-                                    {
-                                        fileList?.length < 1 && <ImgCrop
-                                            rotate
-                                            aspect={2.35 / 1}
-                                        >
-                                            <Upload
-                                                listType="picture-card"
-                                                accept='image/gif,image/jpeg,image/png,image/jpg'
-                                                beforeUpload={function (file: RcFile) {
-                                                    fileChanage(file)
-                                                    return false
-                                                }}
-                                                fileList={fileList}
-                                                onChange={(newFileList: any) => {
-                                                    console.log(newFileList)
-                                                    setFileList([...newFileList.fileList])
-                                                }}
-                                                onPreview={(file: any) => {
-                                                    setPreviewVisible(true)
-                                                    setFileUrl(file.thumbUrl)
-                                                }}
-                                            >
-                                                {fileList?.length < 1 && '2.35:1裁剪上传'}
-                                            </Upload>
-                                        </ImgCrop>
-                                    }
-                                    {
-                                        fileList?.length < 1 && <Upload
-                                            listType="picture-card"
-                                            accept='image/gif,image/jpeg,image/png,image/jpg'
-                                            beforeUpload={function (file: RcFile) {
-                                                fileChanage(file)
-                                                return false
-                                            }}
-                                            fileList={fileList}
-                                            onChange={(newFileList: any) => {
-                                                setFileList([...newFileList.fileList])
-                                            }}
-                                            onPreview={(file: any) => {
-                                                setPreviewVisible(true)
-                                                setFileUrl(file.thumbUrl)
-                                            }}
-                                        >
-                                            {fileList?.length < 1 && '普通上传'}
-                                        </Upload>
-                                    }
-                                </div>
-                                {
-                                    fileList?.length < 1 && <div style={{ height: 80 }}>
-                                        <Demo width={1080} height={864} callback={(imgData: any) => {
-                                            let file = dataURLtoFile(imgData, Math.round(new Date() as any / 1000))
-                                            fileChanage(file)
-                                            setFileList([{
-                                                uid: Math.random() * 100,
-                                                thumbUrl: imgData
-                                            }])
-                                        }} btnName={<div style={{ display: 'flex', flexFlow: 'column', alignItems: 'center', justifyContent: 'center' }}>
-                                            <span>自定义裁剪可自行设置准确宽高</span>
-                                            <strong style={{ color: 'red' }}>默认：微信卡片图片1080*864</strong>
-                                        </div>} />
-                                    </div>
-                                }
-                                <Modal
-                                    open={previewVisible}
-                                    footer={null}
-                                    onCancel={() => {
-                                        setPreviewVisible(false)
-                                    }}
-                                >
-                                    <img alt="example" style={{ width: '100%' }} src={fileUrl} />
-                                </Modal>
-                            </>
-                            break;
-                        case 'inputSearch':
-                            Tag = <Input.Search placeholder={placeholder} disabled={disabled} {...tagProps} allowClear style={objWidth} onSearch={value => onSelect(value, callback)} enterButton />
-                            break;
-                        case 'button':
-                            Tag = <Button type={btnType} htmlType={htmlType} {...tagProps} style={objWidth} onClick={htmlType === 'button' ? callback : undefined} icon={icon}>{label}</Button>
-                            break;
-                        case 'DatePicker':
-                            Tag = <DatePicker showTime={showTime} {...tagProps} autoComplete='off' locale={locale} style={objWidth} />
-                            break;
-                        case 'RangePicker':
-                            Tag = <RangePicker autoComplete='off' showTime={showTime} {...tagProps} locale={locale} style={objWidth} />
-                            break;
-                        case 'switch':
-                            Tag = <Switch checkedChildren={textSwitch ? textSwitch[0] : "开"} unCheckedChildren={textSwitch ? textSwitch[1] : "关"} defaultChecked {...tagProps} />
-                            break;
-                        case 'select':
-                            Tag = <Select
-                                {...tagProps}
-                                showSearch
-                                allowClear
-                                mode={mode}
-                                disabled={disabled} // Object.keys(defaultProps || {}).length !== 0 判断是否添加
-                                placeholder={placeholder}
-                                onChange={(value: string | string[]) => onChange(value, change, callback)}
-                                filterOption={(input: string, option: any) => {
-                                    return option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
-                                }}
-                                optionFilterProp="children"
-                                style={objWidth}
-                            >
-                                {
-                                    children && children.map((a: Children) => {
-                                        return <Option value={`${a.value}`} key={`${a.value}` as string}>{a.text}</Option>
-                                    })
-                                }
-                            </Select>
-                            break;
-                        case 'radio':
-                            Tag = <Radio.Group onChange={onRadio} {...tagProps}>
-                                {
-                                    children && children.map((a: Children) => {
-                                        return <Radio value={a.value} key={a.value as string}>{a.text}</Radio>
-                                    })
-                                }
-                            </Radio.Group>
-                            break;
-                        case 'TextArea':
-                            Tag = <Input.TextArea rows={rows} style={{ ...objWidth, marginBottom: '10px' }} placeholder={placeholder} />
-
-                            {/* <p onClick={() => { callback && callback(copy) }}>{copy}</p> */ }
-                            break;
-                    }
-                    return <Col key={index + 'i'} flex={flow !== 'row' ? 1 : undefined} className={ew ? style.form_row : undefined}>
-                        <Item
-                            name={tag !== 'button' ? name : undefined}//假如是按钮那就不需要name属性
-                            label={tag !== 'button' ? label : undefined}//假如是按钮就不需要label
-                            style={tag === 'button' ? undefined : { minWidth: '200px' }}
-                            // normalize={(value, prevValue, prevValues) => value }
-                            className={flow !== 'row' ? `${style[`form_item${lw}`]}` : undefined}
-                            initialValue={_initDefaultProps(name, tag) || (tag === 'DatePicker' ? defaultValue ? moment(defaultValue as string, 'YYYY/MM/DD') : undefined : defaultValue)}//默认值
-                            rules={required ? [{ required: required, message }, { ...Rule }] : []}
-                            colon={true}
-                            labelCol={labelCol ? labelCol : {}}
-                        >
-                            {Tag}
-                        </Item>
-                    </Col>
-                })
-            }
-        </Form>
-    </div >
-})
-
-
-export default Page

src/components/Formitem/type.ts

@@ -1,60 +0,0 @@
-import { Rule } from "antd/es/form";
-import { ReactText } from "react";
-
-export interface Props {
-    formConfig: FormConfig[],
-    title?: string,
-    flow: 'row' | 'column',
-    submit?: (value: any, key: string) => void,
-    getFormValues?: (values: { changedValues: any, allValues: any }) => void,
-    getFormSubmit?: (fun: any) => void,
-    setFormValues?: (fun: any) => void,
-    defaultProps?: object,
-    formFlex?: 'flex-start' | 'flex-end' | 'space-around' | 'space-between' | 'space-evenly' | 'center',
-    labelCol?:{span?:number,offset?:number},
-    ew?: boolean,
-    isAll?:boolean,
-    isFirstLeftNull?: boolean
-}
-export interface Children {
-    value: string,
-    text: string
-}
-/**
- * @param {string} name 字段名
- * @param {string} tag 标签组件名
- * @param {string} label 标签的文本
- * @param {boolean} required 是否必填项
- * @param {object} tagProps 传入一个对象，为对应标签的参数具体有哪些参数查询antd对应组件的Api
- * @param {"button" | "submit" | "reset"} htmlType button 类型
- * @param {Function} callback 当button htmlType为button时 回调函数生效一般用于弹窗等事件
- * @param {boolean} change 立即执行回调函数
- */
-export interface FormConfig {
-    label?: string,
-    tag: 'input' | 'select' | 'DatePicker' | 'button' | 'RangePicker' | 'inputSearch' | 'radio' | 'switch' | 'inputSearch' | 'TextArea' | 'inputFile' | 'imgCrop' | 'inputNumber',
-    name: string,
-    placeholder?: string,
-    disabled?: boolean,
-    btnType?: "link" | "ghost" | "default" | "primary" | "dashed",
-    htmlType?: "button" | "submit" | "reset",
-    showTime?: boolean,
-    mode?: 'multiple' | 'tags',
-    tagProps?: object,
-    children?: Children[],
-    width?: number,
-    textSwitch?: string[],
-    callback?: (a?: any) => void,
-    icon?: React.ReactNode,
-    required?: boolean,
-    message?: string,
-    defaultValue?: string | string[],
-    rows?: number,
-    copy?: string,
-    change?: boolean
-    Rule?: any,
-    isShowUp?: boolean,
-    formatter?: ((value: string | number | undefined) => string) | undefined,
-    parser?: ((value: string) => ReactText) | undefined
-}
-

src/components/GroupWxTabs/gzhMangae.tsx

@@ -1,186 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { Menu, Select, Tabs } from 'antd'
-import { MenuFoldOutlined, MenuUnfoldOutlined, QrcodeOutlined, UserOutlined } from '@ant-design/icons';
-import { useModel } from 'umi';
-import style from './index.less'
-const { Option } = Select
-interface Props {
-    default?: string,
-    height?: number | string,
-    type?: boolean,
-    isHideMyGroup?: boolean,
-    children?: JSX.Element,
-}
-function LeftPage(props: Props) {
-    const { isHideMyGroup = false } = props
-    const [isShow, setIsShow] = useState<boolean>(true)
-    const [selectedKeys, setSelectedKeys] = useState<string[]>([]) //选中自己的菜单
-    const [crewSelectedKeys, setCrewSelectedKeys] = useState<string[]>([]) //选中组员的菜单
-    const { getWxGroupAll, actionMp, actionWx, getAllOfMember, state, dispatch } = useModel('useOperating.useWxGroupList', model => ({ getWxGroupAll: model.getDataList, ...model }))
-    const { dispatch: userDispatch, initUserId } = useModel('useOperating.useUser')
-    const { tabsKey, actionArr, actionWX } = state
-    let bWith = document.body.clientWidth < 700
-    //自己menuitem点击
-    let menuItemClick = (e: any) => {
-        checkData(e.key, '', tabsKey)
-    };
-    //组员menuitem点击
-    let crewMenuItemClick = (e: any) => {
-        checkData(e.key, '', tabsKey)
-    };
-    //tabs选中
-    let tabsChange = useCallback((key: string) => {
-        if (key === 'btn1') return
-        if (key === 'btn') {
-            console.log(1, tabsKey)
-            if (tabsKey === '组员') {
-                setIsShow(!isShow)
-            }
-            return
-        }
-        dispatch({ type: 'setTabsKey', params: { tabsKey: key } })
-        if (key === '自己') {
-            initUserId()
-            checkData(selectedKeys[0], '', key)
-        } else {
-            checkData(crewSelectedKeys[0], '', key)
-        }
-    }, [selectedKeys, crewSelectedKeys, isShow])
-    //搜索
-    let inputChange = (v: any) => {
-        if (v) {
-            let [name, key] = v?.split('_')
-            checkData(key, name, tabsKey)
-        }
-    }
-    //设置选中的数据
-    let checkData = useCallback((key: string, ikey?: string, tabsKey?: string) => {
-        if (tabsKey === '自己') {
-            initUserId()
-            setSelectedKeys([key])
-            getWxGroupAll?.data?.forEach((item: any) => {
-                if (item.groupName === key) {//选中组
-                    actionMp(item?.mpAccounts)
-                    item?.mpAccounts?.forEach((wx: any) => {
-                        if (wx.nickName === ikey) {//选中微信
-                            actionWx(wx)
-                        }
-                    })
-                }
-            })
-        } else {
-            setCrewSelectedKeys([key])
-            getAllOfMember?.data?.forEach((item: any) => {
-                if (item.nickName + item.userId === key) {//选中组
-                    actionMp(item.userMpAccounts)
-                    handelUserId(item.userId, item.nickName)
-                    item?.userMpAccounts?.forEach((wx: any) => {
-                        if (wx.nickName === ikey) {//选中微信
-                            actionWx(wx)
-                        }
-                    })
-                }
-            })
-        }
-    }, [getWxGroupAll, getAllOfMember])
-    useEffect(() => {
-        if (tabsKey === '自己') {
-            initUserId()
-            if (actionWX && getWxGroupAll?.data) {
-                getWxGroupAll?.data?.forEach((item: any, index: number) => {
-                    item?.mpAccounts?.forEach((mp: { appid: string }) => {
-                        if (mp.appid === actionWX.appid) {
-                            checkData(item['groupName'], '', tabsKey)
-                        }
-                    })
-                })
-            } else {
-                let action = true
-                getWxGroupAll?.data?.forEach((item: any, index: number) => {
-                    if (action && item['mpAccounts']?.length > 0) {
-                        action = false
-                        checkData(getWxGroupAll?.data[index]['groupName'], '', tabsKey)
-                    }
-                })
-            }
-        } else {
-            if (actionWX && getAllOfMember?.data) {
-                getAllOfMember?.data?.forEach((item: any, index: number) => {
-                    item?.userMpAccounts?.forEach((mp: { appid: string }) => {
-                        if (mp.appid === actionWX.appid) {
-                            checkData(item['nickName'] + item['userId'], '', tabsKey)
-                        }
-                    })
-                })
-            } else {
-                let action = true
-                getAllOfMember?.data?.forEach((item: any, index: number) => {
-                    if (action && item['userMpAccounts'].length > 0) {
-                        action = false
-                        checkData(getAllOfMember?.data[index]['nickName'] + getAllOfMember?.data[index]['userId'], '', tabsKey)
-                    }
-                })
-            }
-        }
-    }, [getWxGroupAll?.data, getAllOfMember?.data, tabsKey])
-    //选中角色
-    let handelUserId = useCallback((userId, name) => {
-        userDispatch({ type: 'setUserId', params: { userId: userId?.toString(), name } })
-    }, [])
-    return <div>
-        <Tabs type='card' activeKey={tabsKey} onChange={tabsChange} tabBarStyle={{ marginBottom: 0 }}>
-            <Tabs.TabPane tab={<span><UserOutlined />自己</span>} key='自己' >
-                {props.children}
-            </Tabs.TabPane>
-            {
-                getAllOfMember?.data?.length > 0 && <Tabs.TabPane tab='组员' key='组员'>
-                    <div className={style.group}>
-                        {
-                            isShow && <div style={{ width: `${bWith ? '100%' : 200}` }}>
-                                <Select style={{ minWidth: 150 }} placeholder="输入搜索公众号" onChange={inputChange} showArrow showSearch allowClear>
-                                    {
-                                        getAllOfMember?.data?.map((item: any) => {
-                                            return item?.userMpAccounts?.map((list: any) => {
-                                                return <Option key={item?.nickName + '_' + list?.id} value={list?.nickName + '_' + item?.nickName + item?.userId} disabled={list?.verifyTypeInfo === -1}>
-                                                    <img src={list?.headImg || localStorage?.bookImg} className={style.img} /> {list?.nickName}
-                                                </Option>
-                                            })
-                                        })
-                                    }
-                                </Select>
-                                <Menu
-                                    onClick={crewMenuItemClick}
-                                    style={{ width: `${bWith ? '100%' : 200}`, height: props.height ? props.height : `${bWith ? '40' : 'calc(100vh - 390px)'} `, overflowY: 'auto', overflowX: 'hidden', borderRight: 0, backgroundColor: 'transparent' }}
-                                    selectedKeys={crewSelectedKeys}
-                                    mode={"inline"}
-                                >
-                                    {
-                                        props?.default && <Menu.Item key="all" icon={<QrcodeOutlined />}>全部公众号材料</Menu.Item>
-                                    }
-                                    {
-                                        getAllOfMember?.data?.map((item: any) => {
-                                            return <Menu.Item
-                                                key={item?.nickName + item?.userId}
-                                            >
-                                                <p onClick={() => { handelUserId(item?.userId?.toString(), item?.nickName) }}>
-                                                    {item?.userMpAccounts?.some((mp: { appid: string }) => actionArr?.some((arr: { appid: string }) => mp.appid === arr.appid)) ? <i style={{ fontStyle: 'normal', color: 'red' }}>*</i> : ''}
-                                                    {item?.nickName}
-                                                    <span style={{ color: '#999' }}>({item?.userMpAccounts?.length})</span>
-                                                </p>
-                                            </Menu.Item >
-                                        })
-                                    }
-                                </Menu>
-                            </div>
-                        }
-
-                        {props.children}
-                    </div>
-                </Tabs.TabPane>
-            }
-            <Tabs.TabPane tab={<span>{isShow ? <MenuFoldOutlined /> : <MenuUnfoldOutlined />}</span>} key='btn' />
-        </Tabs>
-    </div >
-}
-
-export default LeftPage

src/components/GroupWxTabs/index.less

@@ -1,34 +0,0 @@
-.tabs{
-    margin-bottom: 0;
-    // background-color: #f8f8f8;
-    >div{
-        margin-bottom: 0 !important;
-        &::before{
-            border-bottom:0px !important;
-        }
-    }
-}
-.img{
-    width: 25px;
-    border-radius: 2px;
-}
-.group{
-    display: flex;
-    justify-content: space-between;
-    >div{
-        &:first-child{
-            width: 178px;
-        }
-        &:last-child{
-            width: 100%;
-            overflow-x: auto;
-            flex: 1;
-        }
-    }
-}
-.item_img {
-    width: 25px;
-    border-radius: 2px;
-    margin-right: 5px;
-    background-color: #efefef;
-  }

src/components/GroupWxTabs/index.tsx

@@ -1,220 +0,0 @@
-import { Input, Menu, Select, Tabs } from 'antd'
-import React, { useCallback, useEffect, useState } from 'react'
-import style from './index.less'
-import { useModel, history } from 'umi'
-import { MenuFoldOutlined, MenuUnfoldOutlined, UsergroupAddOutlined, UserOutlined } from '@ant-design/icons'
-
-function GroupWxTabs(props: { children?: JSX.Element, height?: string | number, isFadminQTab?: boolean, isUserSelect?: boolean, allowClear?: boolean }) {
-    let { isFadminQTab = false, isUserSelect = false, allowClear = true } = props // isFadminQTab 非Admin 不展示选择人 isUserSelect 是否展示搜索人员
-    const [crewSelectedKeys, setCrewSelectedKeys] = useState<string[]>([]) //选中组员的菜单
-    const { getAllOfMember, state: usesState, dispatch: useDispatch, actionGroupWx } = useModel('useOperating.useWxGroupList')
-    const { tabsKey } = usesState
-    const { dispatch, initUserId, state: { selectdUserId } } = useModel('useOperating.useUser')
-    const { state: { pitcher }, dispatch: tableDispatch, getUserAjax } = useModel('useData.useTableData')
-    const { dispatch: dataDispatch } = useModel('useData.useDataCenter')
-    const [isShow, setIsShow] = useState<boolean>(true)
-    const { currentUser }: any = useModel('@@initialState', model => ({ currentUser: model.initialState?.currentUser }))
-    const [qTab, setQTab] = useState<boolean>(false)
-
-    useEffect(() => {
-        if (isUserSelect) {
-            getUserAjax.run({ user_id: currentUser.userId == 1 ? selectdUserId : currentUser.userId })
-        }
-    }, [isUserSelect, selectdUserId, currentUser])
-    useEffect(() => {
-        if (isFadminQTab && currentUser.userId !== 1) {
-            setQTab(true)
-        }
-    }, [isFadminQTab, currentUser.userId])
-    //组员与自己的切换
-    const onChange = (key: string) => {
-        if (key === 'btn1') return
-        if (key === 'btn') {
-            if (tabsKey === '组员') {
-                setIsShow(!isShow)
-            }
-            return
-        }
-        useDispatch({ type: 'setTabsKey', params: { tabsKey: key } })
-        tableDispatch({ type: 'channel', params: { channel: undefined } })//清空公众号select的值
-        dataDispatch({ type: 'setState', params: { channel: undefined } })//清空公众号select的值
-        if (key === '自己') {
-            initUserId()
-            setIsShow(true)
-        } else {
-            /**当切换为组员的时候自动选中第一个有绑定公众号的组员 */
-            let ok = true
-            getAllOfMember?.data?.forEach((item: { key: { userId: number, nickname: string }, value: any[] }) => {
-                if (ok && item?.value?.length > 0) {
-                    ok = false
-                    setCrewSelectedKeys([item?.key?.nickname + item?.key?.userId])
-                    dispatch({ type: 'setUserId', params: { userId: item?.key?.userId.toString(), name: item?.key?.nickname } })
-                }
-            })
-            if (ok) {
-                dispatch({ type: 'setUserId', params: { userId: getAllOfMember?.data[0]?.key?.userId?.toString(), name: getAllOfMember?.data[0]?.key?.nickname } })
-            }
-        }
-        return () => {
-            initUserId()
-        }
-    }
-
-    //选中的成员改变全局userId请求获取数据
-    const itemChange = (key: string, option: any) => {
-        if (key) {
-            setCrewSelectedKeys([option.children + key])
-            dispatch({ type: 'setUserId', params: { userId: key.toString(), name: option.children } })
-            tableDispatch({ type: 'channel', params: { channel: undefined } })//清空公众号select的值
-            dataDispatch({ type: 'setState', params: { channel: undefined } })//清空公众号select的值
-        } else {
-            setCrewSelectedKeys([])
-            dispatch({ type: 'setUserId', params: { userId: '', name: '' } })
-            tableDispatch({ type: 'channel', params: { channel: undefined } })//清空公众号select的值
-            dataDispatch({ type: 'setState', params: { channel: undefined } })//清空公众号select的值
-        }
-    }
-    //组员menuitem点击
-    let crewMenuItemClick = (e: any) => {
-        setCrewSelectedKeys([e.key])
-    };
-    //选中角色
-    let handelUserId = useCallback((userId, name) => {
-        dispatch({ type: 'setUserId', params: { userId: userId?.toString(), name } })
-        tableDispatch({ type: 'channel', params: { channel: undefined } })//清空公众号select的值
-        dataDispatch({ type: 'setState', params: { channel: undefined } })//清空公众号select的值
-    }, [])
-    //获取当前角色下的公众号
-    useEffect(() => {
-        actionGroupWx(selectdUserId)//获取当前角色下的公众号
-    }, [selectdUserId])
-    //更改背景色
-    useEffect(() => {
-        let path = history.location.pathname.split('/')[1]
-        if (path === 'operatePage') {
-            localStorage.setItem('bg', 'light')
-        }
-        if (path === 'dataStatistics') {
-            localStorage.setItem('bg', 'dark')
-        }
-    }, [history])
-
-    return <>
-        {
-            !qTab ?
-                <Tabs onChange={onChange} className={style.tabs} type='card' activeKey={tabsKey} >
-                    <Tabs.TabPane tab={<span><UserOutlined />自己</span>} key='自己' >
-                        {props.children}
-                    </Tabs.TabPane>
-                    {
-                        getAllOfMember?.data?.length > 0 && <>
-                            <Tabs.TabPane tab={<span><UsergroupAddOutlined />组员</span>} key='组员'>
-                                <div className={style.group}>
-                                    {
-                                        isShow && <div>
-                                            <Select
-                                                showSearch
-                                                style={{ width: 178 }}
-                                                placeholder="输入组员名称"
-                                                optionFilterProp="children"
-                                                onChange={itemChange}
-                                                allowClear={allowClear}
-                                                value={crewSelectedKeys?.join()?.replace(/[\w]/ig, '')}
-                                                filterOption={(input, option) =>
-                                                    option?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
-                                                }
-                                            >
-                                                {
-                                                    getAllOfMember?.data?.map((user: { key: { userId: number, nickname: string } }, index: number) => {
-                                                        return <Select.Option value={user?.key?.userId} key={user?.key?.userId + index}>{user?.key?.nickname}</Select.Option>
-                                                    })
-                                                }
-                                            </Select>
-                                            <Menu
-                                                onClick={crewMenuItemClick}
-                                                style={{
-                                                    width: 178,
-                                                    height: props?.height ? props.height : 'calc(100vh - 400px)',
-                                                    overflowY: `auto`,
-                                                    overflowX: 'hidden',
-                                                    borderRight: 0,
-                                                    backgroundColor: 'transparent'
-                                                }}
-                                                selectedKeys={crewSelectedKeys}
-                                                mode={"inline"}
-                                            >
-                                                {
-                                                    getAllOfMember?.data?.map((item: { key: { nickname: string, userId: number }, value: any[] }) => {
-                                                        return <Menu.Item
-                                                            key={item?.key?.nickname + item?.key?.userId}
-                                                        >
-                                                            <p onClick={() => {
-                                                                handelUserId(item?.key?.userId?.toString(), item?.key?.nickname)
-                                                            }} style={{ margin: 0 }}>
-                                                                {item?.key?.nickname}
-                                                                <span style={{ color: '#999' }}>({item?.value?.length})</span>
-                                                            </p>
-                                                        </Menu.Item >
-                                                    })
-                                                }
-                                            </Menu>
-                                        </div>
-                                    }
-                                    {props.children}
-                                </div>
-                            </Tabs.TabPane>
-                            <Tabs.TabPane tab={<span>{isShow ? <MenuFoldOutlined /> : <MenuUnfoldOutlined />}</span>} key='btn' />
-                            {
-                                isUserSelect && <Tabs.TabPane tab={<Select
-                                    style={{ width: 150 }}
-                                    placeholder="输入搜索投手"
-                                    // onChange={isShow ? (v: any) => { inputChange(v, isOk) } : (v: any) => { inputChange(v, true) }}
-                                    onChange={(value: any) => { tableDispatch({ type: 'setState', params: { pitcher: value } }) }}
-                                    showArrow
-                                    showSearch
-                                    allowClear
-                                    value={pitcher}
-                                >
-                                    {
-                                        getUserAjax?.data?.data?.map((list: any, eq: number) => {
-                                            return <Select.Option key={list?.user_id} value={list?.nick_name}>
-                                                {list?.nick_name}
-                                            </Select.Option>
-                                        })
-                                    })
-                                </Select>} key='btn1' />
-                            }
-                        </>
-                    }
-                </Tabs>
-                :
-                <>
-                    <div style={{ padding: '8px 16px', backgroundColor: '#FFF', display: 'inline-block' }}>
-                        {
-                            isUserSelect && <Select
-                                style={{ width: 150 }}
-                                placeholder="输入搜索投手"
-                                // onChange={isShow ? (v: any) => { inputChange(v, isOk) } : (v: any) => { inputChange(v, true) }}
-                                onChange={(value: any) => { tableDispatch({ type: 'setState', params: { pitcher: value } }) }}
-                                showArrow
-                                showSearch
-                                allowClear
-                                value={pitcher}
-                            >
-                                {
-                                    getUserAjax?.data?.data?.map((list: any, eq: number) => {
-                                        return <Select.Option key={list?.user_id} value={list?.nick_name}>
-                                            {list?.nick_name}
-                                        </Select.Option>
-                                    })
-                                })
-                            </Select>
-                        }
-                    </div>
-                    {props.children}
-                </>
-        }
-    </>
-}
-
-export default GroupWxTabs

src/components/GroupWxTabs/kyyBox.tsx

@@ -1,220 +0,0 @@
-import {  Menu, Select, Tabs } from 'antd'
-import React, { ReactNode, useCallback, useEffect, useState } from 'react'
-import style from './index.less'
-import { useModel, history } from 'umi'
-import { MenuFoldOutlined, MenuUnfoldOutlined, UsergroupAddOutlined, UserOutlined } from '@ant-design/icons'
-
-function GroupKyyBoxTabs(props: { children?: JSX.Element, height?: string | number, isFadminQTab?: boolean, isUserSelect?: boolean, allowClear?: boolean, tabBarExtraContent?: ReactNode | {left?: ReactNode, right?: ReactNode} }) {
-    let { isFadminQTab = false, isUserSelect = false, allowClear = true, tabBarExtraContent } = props // isFadminQTab 非Admin 不展示选择人 isUserSelect 是否展示搜索人员
-    const [crewSelectedKeys, setCrewSelectedKeys] = useState<string[]>([]) //选中组员的菜单
-    const { getAllOfMember, state: usesState, dispatch: useDispatch, actionGroupWx } = useModel('useOperating.useWxGroupList')
-    const { tabsKey } = usesState
-    const { dispatch, initUserId, state: { selectdUserId } } = useModel('useOperating.useUser')
-    const { state: { pitcher }, dispatch: tableDispatch, getUserAjax } = useModel('useData.useTableData')
-    const { dispatch: dataDispatch } = useModel('useData.useDataCenter')
-    const [isShow, setIsShow] = useState<boolean>(true)
-    const { currentUser }: any = useModel('@@initialState', model => ({ currentUser: model.initialState?.currentUser }))
-    const [qTab, setQTab] = useState<boolean>(false)
-
-    useEffect(() => {
-        if (isUserSelect) {
-            getUserAjax.run({ user_id: currentUser.userId == 1 ? selectdUserId : currentUser.userId })
-        }
-    }, [isUserSelect, selectdUserId, currentUser])
-    useEffect(() => {
-        if (isFadminQTab && currentUser.userId !== 1) {
-            setQTab(true)
-        }
-    }, [isFadminQTab, currentUser.userId])
-    //组员与自己的切换
-    const onChange = (key: string) => {
-        if (key === 'btn1') return
-        if (key === 'btn') {
-            if (tabsKey === '组员') {
-                setIsShow(!isShow)
-            }
-            return
-        }
-        useDispatch({ type: 'setTabsKey', params: { tabsKey: key } })
-        tableDispatch({ type: 'channel', params: { channel: undefined } })//清空公众号select的值
-        dataDispatch({ type: 'setState', params: { channel: undefined } })//清空公众号select的值
-        if (key === '自己') {
-            initUserId()
-            setIsShow(true)
-        } else {
-            /**当切换为组员的时候自动选中第一个有绑定公众号的组员 */
-            let ok = true
-            getAllOfMember?.data?.forEach((item: { key: { userId: number, nickname: string }, value: any[] }) => {
-                if (ok && item?.value?.length > 0) {
-                    ok = false
-                    setCrewSelectedKeys([item?.key?.nickname + item?.key?.userId])
-                    dispatch({ type: 'setUserId', params: { userId: item?.key?.userId.toString(), name: item?.key?.nickname } })
-                }
-            })
-            if (ok) {
-                dispatch({ type: 'setUserId', params: { userId: getAllOfMember?.data[0]?.key?.userId?.toString(), name: getAllOfMember?.data[0]?.key?.nickname } })
-            }
-        }
-        return () => {
-            initUserId()
-        }
-    }
-
-    //选中的成员改变全局userId请求获取数据
-    const itemChange = (key: string, option: any) => {
-        if (key) {
-            setCrewSelectedKeys([option.children + key])
-            dispatch({ type: 'setUserId', params: { userId: key.toString(), name: option.children } })
-            tableDispatch({ type: 'channel', params: { channel: undefined } })//清空公众号select的值
-            dataDispatch({ type: 'setState', params: { channel: undefined } })//清空公众号select的值
-        } else {
-            setCrewSelectedKeys([])
-            dispatch({ type: 'setUserId', params: { userId: '', name: '' } })
-            tableDispatch({ type: 'channel', params: { channel: undefined } })//清空公众号select的值
-            dataDispatch({ type: 'setState', params: { channel: undefined } })//清空公众号select的值
-        }
-    }
-    //组员menuitem点击
-    let crewMenuItemClick = (e: any) => {
-        setCrewSelectedKeys([e.key])
-    };
-    //选中角色
-    let handelUserId = useCallback((userId, name) => {
-        dispatch({ type: 'setUserId', params: { userId: userId?.toString(), name } })
-        tableDispatch({ type: 'channel', params: { channel: undefined } })//清空公众号select的值
-        dataDispatch({ type: 'setState', params: { channel: undefined } })//清空公众号select的值
-    }, [])
-    //获取当前角色下的公众号
-    useEffect(() => {
-        actionGroupWx(selectdUserId)//获取当前角色下的公众号
-    }, [selectdUserId])
-    //更改背景色
-    useEffect(() => {
-        let path = history.location.pathname.split('/')[1]
-        if (path === 'operatePage') {
-            localStorage.setItem('bg', 'light')
-        }
-        if (path === 'dataStatistics') {
-            localStorage.setItem('bg', 'dark')
-        }
-    }, [history])
-
-    return <>
-        {
-            !qTab ?
-                <Tabs onChange={onChange} className={style.tabs} type='card' activeKey={tabsKey} tabBarExtraContent={tabBarExtraContent}>
-                    <Tabs.TabPane tab={<span><UserOutlined />自己</span>} key='自己' >
-                        {props.children}
-                    </Tabs.TabPane>
-                    {
-                        getAllOfMember?.data?.length > 0 && <>
-                            <Tabs.TabPane tab={<span><UsergroupAddOutlined />组员</span>} key='组员'>
-                                <div className={style.group}>
-                                    {
-                                        isShow && <div>
-                                            <Select
-                                                showSearch
-                                                style={{ width: 178 }}
-                                                placeholder="输入组员名称"
-                                                optionFilterProp="children"
-                                                onChange={itemChange}
-                                                allowClear={allowClear}
-                                                value={crewSelectedKeys?.join()?.replace(/[\w]/ig, '')}
-                                                filterOption={(input, option) =>
-                                                    option?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
-                                                }
-                                            >
-                                                {
-                                                    getAllOfMember?.data?.map((user: { key: { userId: number, nickname: string } }, index: number) => {
-                                                        return <Select.Option value={user?.key?.userId} key={user?.key?.userId + index}>{user?.key?.nickname}</Select.Option>
-                                                    })
-                                                }
-                                            </Select>
-                                            <Menu
-                                                onClick={crewMenuItemClick}
-                                                style={{
-                                                    width: 178,
-                                                    height: props?.height ? props.height : 'calc(100vh - 400px)',
-                                                    overflowY: `auto`,
-                                                    overflowX: 'hidden',
-                                                    borderRight: 0,
-                                                    backgroundColor: 'transparent'
-                                                }}
-                                                selectedKeys={crewSelectedKeys}
-                                                mode={"inline"}
-                                            >
-                                                {
-                                                    getAllOfMember?.data?.map((item: { key: { nickname: string, userId: number }, value: any[] }) => {
-                                                        return <Menu.Item
-                                                            key={item?.key?.nickname + item?.key?.userId}
-                                                        >
-                                                            <p onClick={() => {
-                                                                handelUserId(item?.key?.userId?.toString(), item?.key?.nickname)
-                                                            }} style={{ margin: 0 }}>
-                                                                {item?.key?.nickname}
-                                                                <span style={{ color: '#999' }}>({item?.value?.length})</span>
-                                                            </p>
-                                                        </Menu.Item >
-                                                    })
-                                                }
-                                            </Menu>
-                                        </div>
-                                    }
-                                    {props.children}
-                                </div>
-                            </Tabs.TabPane>
-                            <Tabs.TabPane tab={<span>{isShow ? <MenuFoldOutlined /> : <MenuUnfoldOutlined />}</span>} key='btn' />
-                            {
-                                isUserSelect && <Tabs.TabPane tab={<Select
-                                    style={{ width: 150 }}
-                                    placeholder="输入搜索投手"
-                                    // onChange={isShow ? (v: any) => { inputChange(v, isOk) } : (v: any) => { inputChange(v, true) }}
-                                    onChange={(value: any) => { tableDispatch({ type: 'setState', params: { pitcher: value } }) }}
-                                    showArrow
-                                    showSearch
-                                    allowClear
-                                    value={pitcher}
-                                >
-                                    {
-                                        getUserAjax?.data?.data?.map((list: any, eq: number) => {
-                                            return <Select.Option key={list?.user_id} value={list?.nick_name}>
-                                                {list?.nick_name}
-                                            </Select.Option>
-                                        })
-                                    })
-                                </Select>} key='btn1' />
-                            }
-                        </>
-                    }
-                </Tabs>
-                :
-                <>
-                    <div style={{ padding: '8px 16px', backgroundColor: '#FFF', display: 'inline-block' }}>
-                        {
-                            isUserSelect && <Select
-                                style={{ width: 150 }}
-                                placeholder="输入搜索投手"
-                                // onChange={isShow ? (v: any) => { inputChange(v, isOk) } : (v: any) => { inputChange(v, true) }}
-                                onChange={(value: any) => { tableDispatch({ type: 'setState', params: { pitcher: value } }) }}
-                                showArrow
-                                showSearch
-                                allowClear
-                                value={pitcher}
-                            >
-                                {
-                                    getUserAjax?.data?.data?.map((list: any, eq: number) => {
-                                        return <Select.Option key={list?.user_id} value={list?.nick_name}>
-                                            {list?.nick_name}
-                                        </Select.Option>
-                                    })
-                                })
-                            </Select>
-                        }
-                    </div>
-                    {props.children}
-                </>
-        }
-    </>
-}
-
-export default GroupKyyBoxTabs

src/components/GroupWxTabs/wx.tsx

@@ -1,366 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { Menu, Modal, Select, Tabs } from 'antd'
-import style from './index.less'
-import { useModel } from 'umi';
-import { ExclamationCircleOutlined } from '@ant-design/icons';
-const { SubMenu } = Menu;
-const { Option } = Select
-function LeftPage(props: { isOk?: boolean, isShow?: boolean, h?: number, children?: JSX.Element,isDisabled?:boolean }) {
-    const { isOk = true, isShow, h,isDisabled = true } = props
-    const { getWxGroupAll, actionWx, getAllOfMember, state, dispatch } = useModel('useOperating.useWxGroupList', model => ({ getWxGroupAll: model.getDataList, ...model }))
-    const { dispatch: userDispatch, state: usetState, initUserId } = useModel('useOperating.useUser')
-    const { tabsKey, groupAllWx, allWx } = state
-    const [openKeys, setOpenKeys] = useState<string[]>(['']) //自己栏选中展开的菜单
-    const [crewOpenKeys, setCrewOpenKeys] = useState<string[]>(['']) //组员栏选中展开的菜单
-    const [selectedKeys, setSelectedKeys] = useState<string[]>(['']) //自己栏选中的菜单
-    const [crewSelectedKeys, setCrewSelectedKeys] = useState<string[]>(['']) //组员栏选中的菜单
-    const [visible, setVisible] = useState<boolean>(false)//未保存编辑显示提示窗
-    const [wx, setWx] = useState<any>(null)//提示窗出现后暂存点击的公众号以备逻辑跳转
-    const [wxData, setWxData] = useState<any>({
-        key: '自己',
-        menuItem: null,
-        crewMenuItem: null,
-    })
-    let bWith = document.body.clientWidth < 700
-    //自己menuitem点击
-    let menuItemClick = useCallback((e: any, isOk?: any) => {
-        setWxData({ ...wxData, menuItem: e })
-        if (isOk) {
-            if (e?.keyPath) {
-                setSelectedKeys([e.keyPath[0]])
-                setOpenKeys(['', e.keyPath[1]])
-            }
-        }
-    }, [getWxGroupAll, wxData])
-    /**组员menuitem点击 */
-    let crewMenuItemClick = useCallback((e: any, isOk?: any) => {
-        setWxData({ ...wxData, crewMenuItem: e })
-        if (isOk) {
-            if (e?.keyPath) {
-                setCrewSelectedKeys([e?.keyPath[0]])
-                setCrewOpenKeys([e?.keyPath[1]])
-            }
-        }
-    }, [getAllOfMember, wxData])
-    //自己menu点击
-    let menuClick = useCallback((e: any) => {
-        setOpenKeys(e)
-    }, [getWxGroupAll])
-    /**组员menu点击 */
-    let crewMenuClick = useCallback((e: any) => {
-        setCrewOpenKeys(e)
-    }, [])
-    /**放弃保存 */
-    let outSaver = () => {
-        setVisible(false)
-        tabsChange(wxData.key, true)
-        if (wxData.key === '自己') {
-            if (typeof wxData?.menuItem === 'string') {
-                inputChange(wxData?.menuItem, true)
-            } else {
-                wxData?.menuItem && menuItemClick(wxData?.menuItem, true)
-            }
-
-        } else {
-            if (typeof wxData?.crewMenuItem === 'string') {
-                inputChange(wxData?.crewMenuItem, true)
-            } else {
-                wxData?.crewMenuItem && crewMenuItemClick(wxData?.crewMenuItem, true)
-            }
-        }
-        if (wx) {
-            selectData(wx, true)
-        }
-    }
-
-    //选中微信的数据
-    let selectData = useCallback((wx: any, isOk?: any) => {
-        setWx(wx)
-        if (isOk) {
-            actionWx(wx)
-            setVisible(false)
-        } else {
-            if (!visible) {
-                setVisible(true)
-            }
-        }
-    }, [getAllOfMember, wxData, visible])
-    //tabs选中
-    let tabsChange = useCallback((key: string, isOk?: boolean) => {
-        console.log(111111, key)
-        setWxData({ ...wxData, key })
-        if (isOk) {
-            dispatch({ type: 'setTabsKey', params: { tabsKey: key } })
-            if (key === '自己') {
-                initUserId()
-                if (openKeys[0] && selectedKeys[0]) {
-                    selectGZH(openKeys[1], selectedKeys[0], key)
-                } else {
-                    let ok = true
-                    getWxGroupAll?.data?.forEach((item: any) => {
-                        if (ok && item?.mpAccounts?.length > 0) {
-                            ok = false
-                            actionWx(item?.mpAccounts[0])
-                        }
-                    })
-                }
-
-            } else {
-                if (crewOpenKeys[0] && crewSelectedKeys[0]) {
-                    selectGZH(crewOpenKeys[0], crewSelectedKeys[0], key)
-                } else {
-                    let ok = true
-                    getAllOfMember?.data?.forEach((item: { key: any, value: any[] }) => {
-                        if (ok && item?.value?.length > 0) {
-                            ok = false
-                            actionWx(item?.value[0])
-                        }
-                    })
-                }
-            }
-            setVisible(false)
-        } else {
-            if (!visible) {
-                setVisible(true)
-            }
-
-        }
-    }, [openKeys, selectedKeys, crewOpenKeys, crewSelectedKeys, wxData, visible, getWxGroupAll, getAllOfMember])
-    /*以key筛选公众号 */
-    let selectGZH = (open: string, select: string, tabsKey?: string) => {
-        if (tabsKey === '自己') {
-            if (getWxGroupAll?.data) {//筛选出微信号
-                getWxGroupAll?.data?.forEach((item: any) => {
-                    if (item?.groupName === open) {
-                        item?.mpAccounts?.forEach((obj: any) => {
-                            if (obj?.nickName === select) {
-                                actionWx(obj)//更新当前选中微信号，触发各个组件的数据获取
-                            }
-                        })
-                    }
-                })
-            }
-        } else {
-            if (getAllOfMember?.data) {
-                getAllOfMember?.data?.forEach((item: { key: { nickname: string, userId: number }, value: any[] }) => {
-                    if (item?.key?.nickname + item?.key?.userId === open) {
-                        item?.value?.forEach((obj: any) => {
-                            if (obj?.nickName === select) {
-                                userDispatch({ type: 'setUserId', params: { userId: item?.key?.userId } })
-                                actionWx(obj)//更新当前选中微信号，触发各个组件的数据获取
-                            }
-                        })
-                    }
-                })
-            }
-        }
-    }
-    //搜索
-    let inputChange = (v: string, isOk?: boolean) => {
-        console.log(v)
-        if (v) {
-            if (isOk) {
-                let [open, select] = v.split('_') //切换字符串转换成数组
-                if (tabsKey === '自己') {//设置选中key展开的菜单
-                    setOpenKeys([open])
-                    setSelectedKeys([select])
-                } else {
-                    setCrewOpenKeys([open])
-                    setCrewSelectedKeys([select])
-                }
-                userIdset(v)
-                selectGZH(open, select, tabsKey)//已key搜索对应的公众号并发送请求获取数据
-            } else {
-                if (!visible) {
-                    if (tabsKey === '自己') {
-                        setWxData({ ...wxData, menuItem: v })
-                    } else {
-                        setWxData({ ...wxData, crewMenuItem: v })
-                    }
-                    setVisible(true)
-                }
-                userIdset(v)
-            }
-        }
-    }
-    //设置选中的userId
-    const userIdset = useCallback((v?: any) => {
-        if (tabsKey === '自己') {
-            initUserId()
-        } else {
-            let id = typeof v === 'number' ? v : v.replace(/[\u4e00-\u9fa5_]/ig, '')
-            userDispatch({ type: 'setUserId', params: { userId: id } })
-        }
-    }, [tabsKey])
-    //首次加载选中当前选中的tabs有公众号的组或成员中第一个公众号
-    useEffect(() => {
-        if (tabsKey === '自己') {
-            getWxGroupAll?.data?.forEach((item: { mpAccounts?: any[], groupName: string }, index: number) => {
-                item?.mpAccounts?.forEach((wx: { nickName: string }) => {
-                    if (wx?.nickName === state?.actionWX?.nickName) {
-                        setOpenKeys(['', `${item?.groupName}`])
-                        setSelectedKeys([`${wx?.nickName}`])
-                    }
-                })
-            })
-        } else {
-            getAllOfMember?.data?.forEach((item: { key: { nickname: string, userId: number }, value: any[] }, index: number) => {
-                item?.value?.forEach((wx: { nickName: string }) => {
-                    if (wx?.nickName === state?.actionWX?.nickName) {
-                        setCrewOpenKeys([`${item?.key?.nickname + item?.key?.userId}`])
-                        setCrewSelectedKeys([`${wx?.nickName}`])
-                    }
-                })
-            })
-        }
-
-    }, [tabsKey])
-    useEffect(() => {
-        if (visible) {
-            Modal.confirm({
-                title: '有修改未保存！',
-                icon: <ExclamationCircleOutlined />,
-                onOk() {
-                    setVisible(false)
-                },
-                onCancel() {
-                    outSaver()
-                },
-                okText: '去保存修改',
-                cancelText: '放弃修改',
-            });
-        }
-    }, [visible])
-    return <>
-        <Tabs type="card" activeKey={tabsKey} onChange={isShow ? (key: any) => tabsChange(key, isOk) : (key: any) => tabsChange(key, true)} className={style.tabs} >
-            <Tabs.TabPane tab='自己' key='自己'>
-                <div className={style.group}>
-                    <div>
-                        <Select
-                            style={{ width: '100%' }}
-                            placeholder="输入搜索公众号"
-                            onChange={isShow ? (v: any) => { inputChange(v, isOk) } : (v: any) => { inputChange(v, true) }}
-                            showArrow
-                            showSearch
-                            allowClear
-                        >
-                            {
-                                getWxGroupAll?.data?.map((item: any, index: number) => {
-                                    return item?.mpAccounts?.map((list: any, eq: number) => {
-                                        return <Option key={item?.groupName + list?.id} value={item.groupName + '_' + list?.nickName} disabled={isDisabled ? list?.verifyTypeInfo === -1 :false}>
-                                            <img src={list?.headImg || localStorage?.bookImg} className={style.item_img} />{list.nickName}
-                                        </Option>
-                                    })
-                                })
-                            }
-                        </Select>
-                        <Menu
-                            onClick={isShow ? (e: any) => menuItemClick(e, isOk) : (e: any) => menuItemClick(e, true)}
-                            style={{ width: `${bWith ? '100%' : '178px'}`, height: 'calc(100vh - 220px)', overflowY: 'auto', overflowX: 'hidden' }}
-                            openKeys={openKeys}
-                            selectedKeys={selectedKeys}
-                            mode={"inline"}
-                            onOpenChange={menuClick}
-                        >
-                            {
-                                getWxGroupAll?.data?.map((item: any) => {
-                                    return <SubMenu
-                                        key={item?.groupName}
-                                        title={<p>{item?.groupName}<span style={{ color: '#999' }}>({item?.mpAccounts?.length || 0})</span></p>}
-                                    >
-                                        {
-                                            item?.mpAccounts?.map((list: any) => {
-                                                return <Menu.Item
-                                                    key={list?.nickName}
-                                                    onClick={isShow ? () => {
-                                                        selectData(list, isOk)
-                                                        userIdset(item?.userId)
-                                                    } : () => {
-                                                        selectData(list, true)
-                                                        userIdset(item?.userId)
-                                                    }}
-                                                    disabled={isDisabled ? list.verifyTypeInfo === -1 :false}
-                                                >
-                                                    <img src={list?.headImg || localStorage?.bookImg} className={style.item_img} />
-                                                    <span>{list?.nickName}</span>
-                                                </Menu.Item>
-                                            })
-                                        }
-                                    </SubMenu>
-                                })
-                            }
-                        </Menu>
-                    </div>
-                    {props.children}
-                </div>
-            </Tabs.TabPane>
-            {
-                getAllOfMember?.data?.length > 0 && <>
-                    <Tabs.TabPane tab='组员' key='组员'>
-                        <div className={style.group}>
-                            <div >
-                                <Select
-                                    style={{ width: '100%' }}
-                                    placeholder="输入搜索公众号"
-                                    onChange={isShow ? (v: any) => { inputChange(v, isOk) } : (v: any) => { inputChange(v, true) }}
-                                    showArrow
-                                    showSearch
-                                    allowClear
-                                >
-                                    {
-                                        getAllOfMember?.data?.map((item: { key: { nickname: string, userId: number }, value: any[] }, index: number) => {
-                                            return item?.value?.map((list: any, eq: number) => {
-                                                return <Option key={list?.id + item?.key?.nickname} value={item?.key?.nickname + item?.key?.userId + '_' + list?.nickName} disabled={ isDisabled?list?.verifyTypeInfo === -1:false}>
-                                                    <img src={list?.headImg || localStorage?.bookImg} className={style.item_img} /> {list?.nickName}
-                                                </Option>
-                                            })
-                                        })
-                                    }
-                                </Select>
-                                <Menu
-                                    onClick={isShow ? (e: any) => crewMenuItemClick(e, isOk) : (e: any) => crewMenuItemClick(e, true)}
-                                    style={{ width: `${bWith ? '100%' : '178px'}`, height: 'calc(100vh - 220px)', overflowY: 'auto', overflowX: 'hidden' }}
-                                    openKeys={crewOpenKeys}
-                                    selectedKeys={crewSelectedKeys}
-                                    mode={"inline"}
-                                    onOpenChange={crewMenuClick}
-                                >
-                                    {
-                                        getAllOfMember?.data?.map((item: { key: { nickname: string, userId: number }, value: any[] }, eq: number) => {
-                                            return <SubMenu
-                                                key={item?.key?.nickname + item?.key?.userId}
-                                                title={<p>{item?.key?.nickname}<span style={{ color: '#999' }}>({item?.value?.length})</span></p>}
-                                            >
-                                                {
-                                                  crewOpenKeys.some((name) => name === item?.key?.nickname + item?.key?.userId) &&   item?.value?.map((list: any,index:number) => {
-                                                        return <Menu.Item
-                                                            key={eq + '_' + index + '_' + list?.id + '_' + list?.putUserId}
-                                                            onClick={isShow ? () => {
-                                                                selectData(list, isOk)
-                                                                userIdset(item?.key?.userId)
-                                                            } : () => {
-                                                                selectData(list, true)
-                                                                userIdset(item?.key?.userId)
-                                                            }}
-                                                            disabled={isDisabled? list.verifyTypeInfo === -1 :false}
-                                                        >
-                                                            <img src={list?.headImg || localStorage?.bookImg} className={style.item_img} />
-                                                            <span>{list?.nickName}</span>
-                                                        </Menu.Item>
-                                                    })
-                                                }
-                                            </SubMenu>
-                                        })
-                                    }
-                                </Menu>
-                            </div>
-                            {props.children}
-                        </div>
-                    </Tabs.TabPane>
-                </>
-            }
-        </Tabs>
-    </ >
-}
-
-export default LeftPage

src/components/GroupWxTabs/yyb.tsx

@@ -1,156 +0,0 @@
-import { Menu, Select, Tabs } from 'antd'
-import React, { ReactNode, useCallback, useEffect, useState } from 'react'
-import style from './index.less'
-import { useModel, history } from 'umi'
-import { MenuFoldOutlined, MenuUnfoldOutlined, UsergroupAddOutlined, UserOutlined } from '@ant-design/icons'
-
-function GroupYybTabs(props: { children?: JSX.Element, height?: string | number, name?: string, allowClear?: boolean, isShowCount?: boolean, tabBarExtraContent?: ReactNode | { left?: ReactNode, right?: ReactNode } }) {
-    let { allowClear = true, tabBarExtraContent, isShowCount = true, name } = props // isFadminQTab 非Admin 不展示选择人
-    const [crewSelectedKeys, setCrewSelectedKeys] = useState<string[]>([]) //选中组员的菜单
-    const { getAllZhMemBer, state: usesState, dispatch: useDispatch } = useModel('useOperating.useWxGroupList')
-    const { tabsKey1 } = usesState
-    const { dispatch, initUserIdYyb, state: { selectdUserIdYyb, selectdNameYyb } } = useModel('useOperating.useUser')
-    const [isShow, setIsShow] = useState<boolean>(true)
-
-    //获取当前角色下的公众号
-    useEffect(() => {
-        if (selectdNameYyb && selectdUserIdYyb) {
-            setCrewSelectedKeys([selectdNameYyb + selectdUserIdYyb])
-        }
-    }, [selectdNameYyb, selectdUserIdYyb])
-
-    // 特定空的需要重新赋值
-    useEffect(() => {
-        if (name === '账号管理' && tabsKey1 === '组员' && !selectdUserIdYyb) {
-            onChange('组员')
-        }
-    }, [])
-
-    //组员与自己的切换
-    const onChange = (key: string) => {
-        if (key === 'btn1') return
-        if (key === 'btn') {
-            if (tabsKey1 === '组员') {
-                setIsShow(!isShow)
-            }
-            return
-        }
-        useDispatch({ type: 'setTabsKey1', params: { tabsKey1: key } })
-        if (key === '自己') {
-            initUserIdYyb()
-            setIsShow(true)
-        } else {
-            /**当切换为组员的时候自动选中第一个有绑定公众号的组员 */
-            let ok = true
-            getAllZhMemBer?.data?.forEach((item: { key: { userId: number, nickname: string }, value: any[] }) => {
-                if (ok && item?.value?.length > 0) {
-                    ok = false
-                    // setCrewSelectedKeys([item?.key?.nickname + item?.key?.userId])
-                    dispatch({ type: 'setUserIdYyb', params: { userId: item?.key?.userId.toString(), name: item?.key?.nickname } })
-                }
-            })
-            if (ok) {
-                dispatch({ type: 'setUserIdYyb', params: { userId: getAllZhMemBer?.data[0]?.key?.userId?.toString(), name: getAllZhMemBer?.data[0]?.key?.nickname } })
-            }
-        }
-        return () => {
-            initUserIdYyb()
-        }
-    }
-
-    //选中的成员改变全局userId请求获取数据
-    const itemChange = (key: string, option: any) => {
-        if (key) {
-            // setCrewSelectedKeys([option.children + key])
-            dispatch({ type: 'setUserIdYyb', params: { userId: key.toString(), name: option.children } })
-        } else {
-            setCrewSelectedKeys([])
-            dispatch({ type: 'setUserIdYyb', params: { userId: '', name: '' } })
-        }
-    }
-    //组员menuitem点击
-    let crewMenuItemClick = (e: any) => {
-        setCrewSelectedKeys([e.key])
-    };
-    //选中角色
-    let handelUserId = useCallback((userId, name) => {
-        dispatch({ type: 'setUserIdYyb', params: { userId: userId?.toString(), name } })
-    }, [])
-
-    //更改背景色
-    useEffect(() => {
-        let path = history.location.pathname.split('/')[1]
-        if (path === 'operatePage') {
-            localStorage.setItem('bg', 'light')
-        }
-        if (path === 'dataStatistics') {
-            localStorage.setItem('bg', 'dark')
-        }
-    }, [history])
-
-    return <>
-        <Tabs onChange={onChange} className={style.tabs} type='card' activeKey={tabsKey1} tabBarExtraContent={tabBarExtraContent}>
-            <Tabs.TabPane tab={<span><UserOutlined />自己</span>} key='自己' >
-                {props.children}
-            </Tabs.TabPane>
-            {
-                getAllZhMemBer?.data?.length > 0 && <>
-                    <Tabs.TabPane tab={<span><UsergroupAddOutlined />组员</span>} key='组员'>
-                        <div className={style.group}>
-                            {
-                                isShow && <div>
-                                    <Select
-                                        showSearch
-                                        style={{ width: 178 }}
-                                        placeholder="输入组员名称"
-                                        optionFilterProp="children"
-                                        onChange={itemChange}
-                                        allowClear={allowClear}
-                                        value={crewSelectedKeys?.join()?.replace(/[\w]/ig, '')}
-                                        filterOption={(input, option) =>
-                                            option?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
-                                        }
-                                    >
-                                        {
-                                            getAllZhMemBer?.data?.map((user: { key: { userId: number, nickname: string } }, index: number) => {
-                                                return <Select.Option value={user?.key?.userId} key={user?.key?.userId + index}>{user?.key?.nickname}</Select.Option>
-                                            })
-                                        }
-                                    </Select>
-                                    <Menu
-                                        onClick={crewMenuItemClick}
-                                        style={{
-                                            width: 178,
-                                            height: props?.height ? props.height : 'calc(100vh - 400px)',
-                                            overflowY: `auto`,
-                                            overflowX: 'hidden',
-                                            borderRight: 0,
-                                            backgroundColor: 'transparent'
-                                        }}
-                                        selectedKeys={crewSelectedKeys}
-                                        mode={"inline"}
-                                    >
-                                        {
-                                            getAllZhMemBer?.data?.map((item: { key: { nickname: string, userId: number }, value: any[] }) => {
-                                                return <Menu.Item key={item?.key?.nickname + item?.key?.userId}>
-                                                    <p onClick={() => { handelUserId(item?.key?.userId?.toString(), item?.key?.nickname) }} style={{ margin: 0 }}>
-                                                        {item?.key?.nickname}
-                                                        {isShowCount && <span style={{ color: '#999' }}>({item?.value?.length})</span>}
-                                                    </p>
-                                                </Menu.Item>
-                                            })
-                                        }
-                                    </Menu>
-                                </div>
-                            }
-                            {props.children}
-                        </div>
-                    </Tabs.TabPane>
-                    <Tabs.TabPane tab={<span>{isShow ? <MenuFoldOutlined /> : <MenuUnfoldOutlined />}</span>} key='btn' />
-                </>
-            }
-        </Tabs>
-    </>
-}
-
-export default GroupYybTabs

src/components/HeaderSearch/index.less

@@ -1,23 +0,0 @@
-@import '~antd/es/style/themes/default.less';
-
-.headerSearch {
-  .input {
-    width: 0;
-    min-width: 0;
-    overflow: hidden;
-    background: transparent;
-    border-radius: 0;
-    transition: width 0.3s, margin-left 0.3s;
-    :global(.ant-select-selection) {
-      background: transparent;
-    }
-    input {
-      box-shadow: none !important;
-    }
-
-    &.show {
-      width: 210px;
-      margin-left: 8px;
-    }
-  }
-}

src/components/HeaderSearch/index.tsx

@@ -1,102 +0,0 @@
-import { SearchOutlined } from '@ant-design/icons';
-import { AutoComplete, Input } from 'antd';
-import useMergeValue from 'use-merge-value';
-import { AutoCompleteProps } from 'antd/es/auto-complete';
-import React, { useRef } from 'react';
-
-import classNames from 'classnames';
-import styles from './index.less';
-
-export interface HeaderSearchProps {
-  onSearch?: (value?: string) => void;
-  onChange?: (value?: string) => void;
-  onVisibleChange?: (b: boolean) => void;
-  className?: string;
-  placeholder?: string;
-  options: AutoCompleteProps['options'];
-  defaultOpen?: boolean;
-  open?: boolean;
-  defaultValue?: string;
-  value?: string;
-}
-
-const HeaderSearch: React.FC<HeaderSearchProps> = (props) => {
-  const {
-    className,
-    defaultValue,
-    onVisibleChange,
-    placeholder,
-    open,
-    defaultOpen,
-    ...restProps
-  } = props;
-
-  const inputRef = useRef(null);
-
-  const [value, setValue] = useMergeValue<string | undefined>(defaultValue, {
-    value: props.value,
-    onChange: props.onChange,
-  });
-
-  const [searchMode, setSearchMode] = useMergeValue(defaultOpen || false, {
-    value: props.open,
-    onChange: onVisibleChange,
-  });
-
-  const inputClass = classNames(styles.input, {
-    [styles.show]: searchMode,
-  });
-
-  return (
-    <div
-      className={classNames(className, styles.headerSearch)}
-      onClick={() => {
-        setSearchMode(true);
-        if (searchMode && inputRef.current) {
-          (inputRef.current as any).focus();
-        }
-      }}
-      onTransitionEnd={({ propertyName }) => {
-        if (propertyName === 'width' && !searchMode) {
-          if (onVisibleChange) {
-            onVisibleChange(searchMode);
-          }
-        }
-      }}
-    >
-      <SearchOutlined
-        key="Icon"
-        style={{
-          cursor: 'pointer',
-        }}
-      />
-      <AutoComplete
-        key="AutoComplete"
-        className={inputClass}
-        value={value}
-        options={restProps.options}
-        onChange={setValue}
-      >
-        <Input
-          size="small"
-          ref={inputRef}
-          defaultValue={defaultValue}
-          aria-label={placeholder}
-          placeholder={placeholder}
-          onKeyDown={(e) => {
-            if (e.key === 'Enter') {
-              if (restProps.onSearch) {
-                restProps.onSearch(value);
-              }
-            }
-          }}
-          onBlur={() => {
-            setSearchMode(false);
-          }}
-        />
-      </AutoComplete>
-    </div>
-  );
-};
-
-export default HeaderSearch;

src/components/ImgPreview/index.less

@@ -1,60 +0,0 @@
-#imgPreview{
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    z-index: 888;
-    top: 0;
-    left: 0;
-    padding: 40px;
-    box-sizing: border-box;
-
-    &>div.carousel-root{
-        height: 100%;
-        &>.carousel-slider{
-            height: 80%;
-            &>.slider-wrapper{
-                height: 100%;
-                ul.slider{
-                    height: 100%;
-                    li{
-                        height: 100%;
-                        &>div{
-                            height: 100%;
-                            position: relative;
-                            img{
-                                // height: 100%;
-                                // width: auto;
-                                max-height: 100%;
-                                width: auto;
-                                max-width: 1200px;
-                                position: absolute;
-                                top: 50%;
-                                left: 50%;
-                                transform: translate(-50%, -50%);
-                            }
-                        }
-                    }
-                }
-            }
-        }
-        &>.carousel > .thumbs-wrapper .thumbs{
-            text-align: center;
-        }
-    }
-    &>.close{
-        position: absolute;
-        right: 250px;
-        top: 5px;
-        color: #fff;
-        font-size: 24px;
-        z-index: 890;
-    }
-    &>.back{
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(0, 0, 0, .7);
-        top: 0;
-        left: 0;
-    }
-}

src/components/ImgPreview/index.tsx

@@ -1,34 +0,0 @@
-import React, { useCallback } from "react"
-import './index.less'
-import "react-responsive-carousel/lib/styles/carousel.min.css";
-import { Carousel } from 'react-responsive-carousel'
-import { CloseOutlined } from "@ant-design/icons";
-import { Button } from "antd";
-
-interface Props {
-    data: string[],
-    show: boolean,
-    hidden: (value: boolean) => void
-}
-
-function ImgPreview (props: Props) {
-    let {data, show = false, hidden} = props
-    const handleHidden = useCallback((e) => {
-        e.stopPropagation()
-        e.preventDefault()
-        hidden(false)
-    },[])
-    return <div id="imgPreview" style={{display: show && data.length > 0 ? 'block' : 'none'}}>
-        <Button type="text" className="close" onClick={(e)=>{handleHidden(e)}}><CloseOutlined /></Button>
-        <div className="back" onClick={(e)=>{handleHidden(e)}}></div>
-        <Carousel>
-            {
-                data?.map((item: string, index: number) => <div key={index}>
-                    <img src={item} />
-                </div>)
-            }
-        </Carousel>
-    </div>
-}
-
-export default React.memo(ImgPreview)

src/components/InputSearch/index.tsx

@@ -1,40 +0,0 @@
-import React from 'react'
-import { Select } from 'antd'
-import { SearchOutlined } from '@ant-design/icons'
-import { SelectValue } from 'antd/lib/select'
-
-interface Props {
-    onChange: (value: SelectValue) => void,
-    onFocus?: (event?: React.FocusEvent<HTMLElement>) => void,
-    onBlur?: (event?: React.FocusEvent<HTMLElement>) => void,
-    onSearch: (value: string) => void,
-    style?: React.CSSProperties,
-    placeholder?: string | React.ReactNode,
-    option: { value: string | number, text: string }[]
-}
-
-let { Option } = Select
-function InputSearch(props: Props) {
-
-    return <Select
-        showSearch
-        suffixIcon={<SearchOutlined />}
-        style={props.style || { width: 200 }}
-        placeholder={props.placeholder}
-        optionFilterProp="children"
-        onChange={props.onChange}
-        onFocus={props.onFocus}
-        onBlur={props.onBlur}
-        onSearch={props.onSearch}
-        filterOption={(input, option) =>
-            option?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
-        }
-    >
-        {
-            props?.option?.map((option: { value: string | number, text: string }) => {
-                return <Option value={option.value} key={option.value}>{option.text}</Option>
-            })
-        }
-    </Select>
-}
-export default InputSearch

src/components/MaterialModal/db.less

@@ -1,110 +0,0 @@
-.footer {
-  display: flex;
-  justify-content: center;
-}
-.img_ScwxBox {
-  display: flex !important;
-  justify-content: space-between !important;
-  padding: 5px 0 !important;
-  img {
-    width: 56px;
-    height: 56px;
-    border-radius: 3px;
-    object-fit: cover;
-  }
-  span {
-    width: 200px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    border-bottom: 1px solid #efefef;
-    -webkit-line-clamp: 2;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    margin-top: 10px;
-    height: 48px;
-  }
-}
-.box_card {
-  padding: 15px;
-  > div {
-    &:nth-child(2) {
-      padding: 0;
-    }
-  }
-  .img_ScwxBox:first-child {
-    flex-flow: column;
-    position: relative;
-    img {
-      width: 100%;
-      height: 131px;
-      order: 1;
-    }
-    span {
-      order: 2;
-      border: 0;
-      position: absolute;
-      left: 0;
-      bottom: 0;
-      background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
-      color: #fff;
-      width: 100%;
-      z-index: 33;
-      line-height: 24px;
-    }
-  }
-}
-
-.box {
-  display: flex;
-  flex-flow: row;
-  height: 500px;
-  overflow-y: scroll;
-  .ul {
-    width: 33%;
-    margin: 0;
-    padding: 0;
-    margin: 10px;
-    > li {
-      width: 100%;
-      margin: 0 0 15px 0;
-    }
-  }
-}
-.action {
-  position: relative;
-  // margin: 0 auto;
-  // text-align: center;
-  color: #4abe84;
-  background-color: #fff;
-  box-shadow: 0px 2px 7px 0px rgba(85, 110, 97, 0.35);
-  border-radius: 7px;
-  border: 1px solid rgba(74, 190, 132, 1);
-  overflow: hidden;
-  &::before {
-    content: '';
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    border: 17px solid #4abe84;
-    border-top-color: transparent;
-    border-left-color: transparent;
-    z-index: 9;
-  }
-  &::after {
-    content: '';
-    width: 5px;
-    height: 12px;
-    position: absolute;
-    right: 6px;
-    bottom: 6px;
-    border: 2px solid #fff;
-    border-top-color: transparent;
-    border-left-color: transparent;
-    transform: rotate(45deg);
-    z-index: 9;
-  }
-}
-.btn {
-  display: flex;
-  justify-content: flex-end;
-}

src/components/MaterialModal/graphic.less

@@ -1,268 +0,0 @@
-.header {
-  border-bottom: 1px solid #efefef;
-  padding-bottom: 15px;
-}
-.nickName {
-  color: orange;
-  border: 1px solid orange;
-  border-radius: 2px;
-  margin-right: 3px;
-  padding: 1px 5px;
-  font-size: 12px;
-  display: inline-block;
-}
-.centent {
-  height: 400px;
-  display: flex;
-  .left {
-    width: 200px;
-    height: 68px;
-    display: flex;
-    flex-flow: column;
-    justify-content: space-between;
-    p {
-      font-size: 12px;
-      margin-bottom: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-      color: #000;
-    }
-    span {
-      font-size: 12px;
-      color: rgb(153, 153, 153);
-    }
-  }
-  .list {
-    padding: 10px;
-    .box {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      img {
-        width: 56px;
-        height: 56px;
-        object-fit: cover;
-      }
-    }
-  }
-  > div {
-    height: 100%;
-    overflow-y: scroll;
-    &:first-child {
-      width: 30%;
-      background-color: #fafafa;
-      .text {
-        display: flex;
-        justify-content: center;
-        padding: 9px;
-        flex-flow: column;
-        align-items: center;
-        color: #666;
-        font-size: 12px;
-        button {
-          margin-top: 10px;
-        }
-      }
-    }
-    &:last-child {
-      display: flex;
-      padding: 10px;
-      width: 75%;
-      label {
-        margin: 8px 0;
-        display: inline-block;
-      }
-      .editor {
-        border: 1px solid #efefef;
-        padding: 5px 5px;
-      }
-      > div {
-        &:last-child {
-          width: 30%;
-          padding: 10px;
-          display: flex;
-          flex-flow: column;
-          .imgupload:hover {
-            position: relative;
-            > div {
-              display: flex;
-            }
-          }
-          > span {
-            border: 1px dashed rgb(216, 216, 216);
-            width: 96px;
-            height: 96px;
-            text-align: center;
-            border: 1px dashed rgb(216, 216, 216);
-            background: rgb(255, 255, 255);
-            cursor: pointer;
-            align-self: center;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            overflow: hidden;
-            > div {
-              display: none;
-              position: absolute;
-              top: 0;
-              left: 0;
-              right: 0;
-              bottom: 0;
-              background-color: rgba(0, 0, 0, 0.6);
-              align-items: center;
-              justify-content: center;
-            }
-            img {
-              width: 100%;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-.centent_2 {
-  height: 400px;
-  .list {
-    display: flex;
-    flex-flow: row wrap;
-    align-items: center;
-    justify-content: flex-start;
-    overflow-y: scroll;
-    height: 350px;
-    > div {
-      margin-right: 1.5%;
-      &:nth-child(3n) {
-        margin-right: 0;
-      }
-    }
-  }
-  > p {
-    padding-top: 15px;
-    span {
-      color: #999;
-    }
-  }
-  .box {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-  .left {
-    width: 200px;
-    height: 68px;
-    display: flex;
-    flex-flow: column;
-    justify-content: space-between;
-    p {
-      font-size: 12px;
-      margin-bottom: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-      color: #000;
-    }
-    span {
-      font-size: 12px;
-      color: rgb(153, 153, 153);
-    }
-  }
-  img {
-    width: 56px;
-    height: 56px;
-    object-fit: cover;
-  }
-}
-.action {
-  > div {
-    position: relative;
-    margin: 0 auto;
-    // text-align: center;
-    color: #4abe84;
-    background-color: #fff;
-    box-shadow: 0px 2px 7px 0px rgba(85, 110, 97, 0.35);
-    border-radius: 7px;
-    border: 1px solid rgba(74, 190, 132, 1);
-    overflow: hidden;
-    &::before {
-      content: '';
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      border: 17px solid #4abe84;
-      border-top-color: transparent;
-      border-left-color: transparent;
-      z-index: 9;
-    }
-    &::after {
-      content: '';
-      width: 5px;
-      height: 12px;
-      position: absolute;
-      right: 6px;
-      bottom: 6px;
-      border: 2px solid #fff;
-      border-top-color: transparent;
-      border-left-color: transparent;
-      transform: rotate(45deg);
-      z-index: 9;
-    }
-  }
-}
-i {
-  font-style: normal;
-}
-.graphic_list {
-  display: flex;
-  flex-flow: column;
-  > div {
-    &:last-child {
-      width: 100% !important;
-      flex-flow: row nowrap !important;
-      justify-content: space-between;
-      > div {
-        &:last-child {
-          .imgupload:hover {
-            position: relative;
-            > div {
-              display: flex;
-            }
-          }
-          > span {
-            border: 1px dashed rgb(216, 216, 216);
-            width: 96px;
-            height: 96px;
-            text-align: center;
-            border: 1px dashed rgb(216, 216, 216);
-            background: rgb(255, 255, 255);
-            cursor: pointer;
-            align-self: center;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            overflow: hidden;
-            > div {
-              display: none;
-              position: absolute;
-              top: 0;
-              left: 0;
-              right: 0;
-              bottom: 0;
-              background-color: rgba(0, 0, 0, 0.6);
-              align-items: center;
-              justify-content: center;
-            }
-            img {
-              width: 100%;
-            }
-          }
-        }
-      }
-    }
-  }
-}

src/components/MaterialModal/index.less

@@ -1,81 +0,0 @@
-.img {
-  img {
-    object-fit: cover;
-    height: 150px;
-  }
-}
-.action {
-  > div {
-    > div {
-      div {
-        position: relative;
-        // margin: 0 auto;
-        // text-align: center;
-        color: #4abe84;
-        background-color: #fff;
-        box-shadow: 0px 2px 7px 0px rgba(85, 110, 97, 0.35);
-        border-radius: 7px;
-        // border: 1px solid rgba(74, 190, 132, 1);
-        overflow: hidden;
-        &::before {
-          content: '';
-          position: absolute;
-          right: 0;
-          bottom: 0;
-          border: 17px solid #4abe84;
-          border-top-color: transparent;
-          border-left-color: transparent;
-          z-index: 9;
-        }
-        &::after {
-          content: '';
-          width: 5px;
-          height: 12px;
-          position: absolute;
-          right: 6px;
-          bottom: 6px;
-          border: 2px solid #fff;
-          border-top-color: transparent;
-          border-left-color: transparent;
-          transform: rotate(45deg);
-          z-index: 9;
-        }
-      }
-    }
-  }
-}
-
-.qq_link {
-  display: flex;
-  flex-flow: row;
-  align-items: center;
-  margin-bottom: 20px;
-  label {
-    width: 100px;
-    text-align: right;
-    display: inline-block;
-    flex-shrink: 0;
-  }
-  input {
-    width: 400px;
-  }
-}
-.qq_iframe {
-  display: flex;
-  flex-flow: row;
-  align-items: flex-start;
-  label {
-    width: 100px;
-    text-align: right;
-    display: inline-block;
-  }
-  iframe {
-    border: 1px dashed #d8d8d8;
-  }
-}
-.box_img {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  width: 150px;
-}

src/components/MaterialModal/index.tsx

@@ -1,182 +0,0 @@
-import { Modal, Tabs, Image, Row, Col, Card, Tag, Pagination, Button, message } from 'antd'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import { request, useModel } from 'umi';
-import style from './index.less'
-// import UploadModal from '@/pages/operatePage/material/cloud/components/Modal'
-const { TabPane } = Tabs;
-/**编辑器左侧选择图片弹窗 */
-type Props = {
-    visible: boolean,
-    onCancel: () => void,
-    onOk: (param: { type: 'pushData', params: { menuId: string, thumbUrl: string } }) => void,
-    title: string,
-    data: any,
-    menuId: string,
-    isWx?: boolean
-}
-/**编辑器右侧选择图片弹窗*/
-let MaterialModal = React.memo((props: Props) => {
-    const [action, setAction] = useState<string>('')
-    const [key, setKey] = useState<string>('1')//菜单值
-    const [page, setPage] = useState<number>(1)//页码
-    let refM: { current: { onOpen: () => void, onCancel: () => void } } | any = useRef()//获取Modal实例方法
-    const { actionWX } = useModel('useOperating.useWxGroupList', model => ({ actionWX: model.state.actionWX }))
-    const { getWeData, classGet, tagData, addData, getData, fileUrl } = useModel('useOperating.useMaterialContent', model => ({
-        getWeData: model.getWeData,
-        tagData: model.tagData,
-        classGet: model.classGet,
-        addData: model.addData,
-        getData: model.getData,
-        fileUrl: model.fileUrl
-    }))
-    let { state } = useModel('useOperating.useMaterialModal')
-
-    //选中图片
-    let handleClick = useCallback((url: any) => {
-        setAction(url)
-    }, [])
-    //个人共用切换
-    useEffect(() => {
-        setPage(1)
-        if (key === '1') {
-            props.data.run({
-                mediaType: 1,
-                pageNum: 1,
-                pageSize: 8,
-                type: 0
-            })
-        }
-        if (key === '3') {
-            props.data.run({
-                mediaType: 1,
-                pageNum: 1,
-                pageSize: 8,
-                isAdmin: true,
-                type: 1
-            })
-        }
-    }, [key])
-    //翻页
-    let pageSizeChange = useCallback((page: number, pageSize?: number) => {
-        setPage(page)
-        if (key === '1') {
-            props.data.run({
-                mediaType: 1,
-                pageNum: page,
-                pageSize: 10,
-                type: 0
-            })
-        } else {
-            props.data.run({
-                mediaType: 1,
-                pageNum: page,
-                pageSize: 10,
-                isAdmin: true,
-                type: 1
-            })
-        }
-    }, [props, key])
-    //确定插入
-    let handleOk = useCallback(() => {
-        props.onOk({ type: 'pushData', params: { menuId: props.menuId, thumbUrl: action } })
-        props.onCancel()
-    }, [action])
-    useEffect(() => {
-        if (actionWX?.appid) {
-            getWeData.run({
-                appId: actionWX?.appid,
-                count: 10,
-                offset: 0,
-                type: 1
-            })
-        }
-    }, [actionWX])
-    //新增编辑非图文素材弹窗确定发送
-    let modalOk = useCallback((fnc: () => Promise<any>, data: any) => {
-        fnc().then((res: any) => {
-            if (res) {
-                if (res?.file) {
-                    /**修改文件名以用户设置的文件title命名*/
-                    let newFile = new File([state?.file], res.title + '.' + state?.file?.name.split('.')[1], { type: state?.file?.type })
-                    let formData = new FormData();
-                    /**向阿里云请求上传地址*/
-                    fileUrl.run({ type: newFile.type }).then(res1 => {
-                        Object.keys(res1).forEach((key: string) => {
-                            if (key !== 'url') {
-                                formData.append(key, res1[key])
-                            }
-                        })
-                        formData.append('file', newFile)
-                        /**向阿里云返回的上传地址上传文件*/
-                        request(res1?.url, { method: 'post', body: formData }).then((res2: { code: number, data: { url: string } }) => {
-                            if (res2.code === 200) {
-                                message.success('上传成功')
-                                if (res) {
-                                    /**取到返回的文件地址向后端发送具体数据*/
-                                    if (res2?.data?.url) {
-                                        addData.run({ title: res.title, url: res2?.data?.url, mediaTagIds: res.mediaTagId, mediaType: 1, groupId: res.groupId }).then(() => {
-                                            refM?.current.onCancel()
-                                            getData.refresh()
-                                        })
-                                    }
-                                }
-                            } else {
-                                message.error('上传失败！')
-                            }
-                        })
-                    })
-                }
-            }
-        })
-    }, [getData.data, state])
-    return <>
-        <Modal
-            width={750}
-            title={props.title}
-            open={props.visible}
-            okText='插入'
-            cancelText='取消'
-            onCancel={() => props.onCancel()}
-            onOk={handleOk}
-            destroyOnClose
-        >
-            <Tabs type="card" onChange={(key: string) => { setKey(key) }}
-                tabBarExtraContent={key === '1' ? <Button type='primary' onClick={() => {
-                    refM?.current?.onOpen('新建')
-                }}>新建图片</Button> : ''}
-            >
-                <TabPane tab="个人本地素材" key="1" style={{ padding: 10 }}>
-                    <Row justify='start' gutter={[15, 15]}>
-                        {
-                            props?.data?.data?.records?.map((item: any) => {
-                                return <Col key={item.id} className={`${style.img} ${action === item.url ? style.action : undefined}`}>
-                                    <Card bodyStyle={{ padding: 0, height: 150 }} bordered={false} hoverable>
-                                        <Image src={item.url} width={150} height={150} placeholder preview={false} onClick={() => handleClick(item.url)} />
-                                    </Card>
-                                </Col>
-                            })
-                        }
-                    </Row>
-                    <Pagination onChange={pageSizeChange} size={'small'} current={page} total={props.data?.data?.total} style={{ float: 'right' }} showTotal={(total: any) => <Tag color="cyan">总共{total}数据</Tag>} />
-                </TabPane>
-                <TabPane tab="共用本地素材" key="3" style={{ padding: 10 }}>
-                    <Row justify='start' gutter={[15, 15]}>
-                        {
-                            props?.data?.data?.records?.map((item: any) => {
-                                return <Col key={item.id} className={`${style.img} ${action === item.url ? style.action : undefined}`}>
-                                    <Card bodyStyle={{ padding: 0, height: 150 }} bordered={false} hoverable>
-                                        <Image src={item.url} width={150} height={150} placeholder preview={false} onClick={() => handleClick(item.url)} />
-                                    </Card>
-                                </Col>
-                            })
-                        }
-                    </Row>
-                    <Pagination onChange={pageSizeChange} size={'small'} current={page} total={props.data?.data?.total} style={{ float: 'right' }} showTotal={(total: any) => <Tag color="cyan">总共{total}数据</Tag>} />
-                </TabPane>
-            </Tabs>
-            {/* <UploadModal labelName='图片' ref={refM} submit={modalOk} title='图片' classs={classGet?.data} tags={tagData?.data} /> */}
-        </Modal>
-    </>
-})
-
-export default MaterialModal

src/components/MaterialModal/modalBox.tsx

@@ -1,409 +0,0 @@
-import { Button, Card, Col, Empty, Image, Input, message, Modal, Pagination, Row, Select, Space, Tabs, Tag } from "antd"
-import React, { useMemo, useRef } from "react"
-import { useCallback, useEffect, useState } from "react"
-import { request, useModel } from "umi"
-import UploadModal from '@/pages/operatePage/material/cloud/components/Modal'
-const { TabPane } = Tabs;
-import style from './index.less'
-/**编辑器内容选择图片弹窗*/
-let config1 = {
-    1: '图片',
-    2: '音频',
-    3: '视频',
-    4: '文字',
-    5: '图文'
-}
-type Props = {
-    mediaType: number,
-    visible: boolean,
-    onOk: (url: string, type?: number) => void,
-    onCancel: () => void,
-    title: string,
-    actionKey?: string,
-    isShowWx?: boolean,
-    isAllData?: boolean
-}
-const ModalPage = (props: Props) => {
-    const [action, setAction] = useState<string>('')
-    const [actionData, setActionData] = useState<any>(null)
-    const { mediaType, visible, onOk, onCancel, title, actionKey, isShowWx = true, isAllData = false } = props
-    const [qqLink, setQqLink] = useState<string>('')
-    const [key, setKey] = useState<string>('1')//菜单值
-    const [page, setPage] = useState<number>(1)//页码
-    let refM: { current: { onOpen: () => void, onCancel: () => void } } | any = useRef()//获取Modal实例方法
-    const { access } = useModel('@@initialState', model => ({ access: model.initialState?.currentUser?.access }))
-    const { getData, getWeData, addData, tagData, classGet, fileUrl } = useModel('useOperating.useMaterialContent', model => ({
-        getData: model.getData,
-        getWeData: model.getWeData,
-        addData: model.addData,
-        tagData: model.tagData,
-        classGet: model.classGet,
-        fileUrl: model.fileUrl,
-    }))
-    let { state } = useModel('useOperating.useMaterialModal')
-    const { actionWX } = useModel('useOperating.useWxGroupList', model => ({ actionWX: model.state.actionWX }))
-    const [className, setClassName] = useState<number>()
-    const [tagName, setTagName] = useState<number[]>([])
-    //搜索
-    let handleSelect = useCallback((name: number | number[], isTag: boolean) => {
-        if (isTag) {
-            setTagName(name as number[])
-            getData.run({ type: key === '3' ? 1 : 0, mediaType, groupId: className || '', tagIds: name, pageNum: 1, pageSize: 10 })
-            setPage(1)
-        } else {
-            setClassName(name as number)
-            getData.run({ type: key === '3' ? 1 : 0, mediaType, groupId: name || '', tagIds: tagName || '', pageNum: 1, pageSize: 10 })
-            setPage(1)
-        }
-    }, [tagName, className, key, mediaType,])
-    //
-    let tagArr = useMemo(() => {
-        if (tagData?.data) {
-            let arr = tagData?.data?.map((item: { id: string, tagName: string }) => ({ value: item.id, text: item.tagName }))
-            return arr
-        }
-        return []
-    }, [tagData?.data])
-    let classArr = useMemo(() => {
-        if (classGet?.data) {
-            let arrClass = classGet?.data?.map((item: { id: string, groupName: string }) => ({ value: item.id, text: item.groupName }))
-            return arrClass
-        }
-        return []
-    }, [classGet?.data])
-    //
-    useEffect(() => {
-        getData.run({
-            mediaType: mediaType,
-            pageNum: 1,
-            pageSize: 10,
-            type: 0
-        })
-    }, [mediaType, actionWX])
-    //qq视频
-    const qqLinkChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let v = e.target.value
-        let arr = v.split('/')
-        let vid = arr[arr.length - 1].replace('.html', '')
-        if (v.search(/http[s]?:\/\/v.qq.com[\S]*.html/ig) !== -1) {
-            setQqLink(`https://v.qq.com/iframe/player.html?vid=${vid}&auto=0`)
-        }
-    }, [])
-    //选中图片
-    let handleClick = useCallback((url: any, data?: any) => {
-        console.log(url)
-        setAction(url)
-        setActionData(data)
-    }, [])
-    //个人共用切换
-    useEffect(() => {
-        setPage(1)
-        if (key === '1') {
-            getData.run({
-                mediaType: mediaType,
-                pageNum: page,
-                pageSize: 10,
-                type: 0
-            })
-            tagData.run({ type: 0 })
-            classGet.run({ type: 0 })
-        }
-        if (key === '3') {
-            getData.run({
-                mediaType: mediaType,
-                pageNum: page,
-                pageSize: 10,
-                type: 1
-            })
-            tagData.run({ type: 1 })
-            classGet.run({ type: 1 })
-        }
-        if (key === '4') {
-            getWeData.run({
-                appId: actionWX?.appid,
-                size: 10,
-                page: 0,
-                type: mediaType
-            })
-        }
-    }, [key, mediaType, actionWX])
-    //翻页
-    let pageSizeChange = useCallback((page: number, pageSize?: number) => {
-        setPage(page)
-        if (key === '1') {
-            getData.run({
-                mediaType: mediaType,
-                pageNum: page,
-                pageSize: 10,
-                type: 0,
-                tagIds: tagName || '',
-                groupId: className || '',
-            })
-        } else {
-            getData.run({
-                mediaType: mediaType,
-                pageNum: page,
-                pageSize: 10,
-                type: 1,
-                tagIds: tagName || '',
-                groupId: className || '',
-            })
-        }
-    }, [mediaType, key, tagName, className])
-    let wxpageSizeChange = useCallback((page: number, pageSize?: number) => {
-        setPage(page)
-        if (actionWX?.appid) {
-            getWeData.run({
-                appId: actionWX?.appid,
-                size: pageSize,
-                page: page,
-                type: mediaType
-            })
-        }
-    }, [mediaType, actionWX])
-    //Ok
-    let ok = () => {
-        if (!actionKey) {
-            if (isAllData) {
-                if (actionData) {
-                    onOk(actionData, mediaType)
-                }
-
-            } else {
-                if (action) {
-                    onOk(action, mediaType)
-                }
-            }
-        }
-        if (actionKey === '1') {
-            if (qqLink) {
-                onOk(qqLink)
-            } else {
-                message.error('地址不正确')
-            }
-        }
-    }
-    //新增编辑非图文素材弹窗确定发送
-    let modalOk = useCallback((fnc: () => Promise<any>, data: any) => {
-        fnc().then((res: any) => {
-            if (res) {
-                if (res?.file) {
-                    /**修改文件名以用户设置的文件title命名*/
-                    let newFile = new File([state?.file], res.title + '.' + state?.file?.name.split('.')[1], { type: state?.file?.type })
-                    let formData = new FormData();
-                    /**向阿里云请求上传地址*/
-                    fileUrl.run({ type: newFile.type }).then(res1 => {
-                        Object.keys(res1).forEach((key: string) => {
-                            if (key !== 'url') {
-                                formData.append(key, res1[key])
-                            }
-                        })
-                        formData.append('file', newFile)
-                        /**向阿里云返回的上传地址上传文件*/
-                        request(res1?.url, { method: 'post', body: formData }).then((res2: { code: number, data: { url: string } }) => {
-                            if (res2.code === 200) {
-                                message.success('上传成功')
-                                if (res) {
-                                    /**取到返回的文件地址向后端发送具体数据*/
-                                    if (res2?.data?.url) {
-                                        addData.run({ title: res.title, url: res2?.data?.url, mediaTagIds: res.mediaTagId, mediaType, groupId: res.groupId, type: key === '3' ? 1 : 0 }).then(() => {
-                                            refM?.current.onCancel()
-                                            getData.refresh()
-                                        })
-                                    }
-                                }
-                            } else {
-                                message.error('上传失败！')
-                            }
-                        })
-                    })
-                }
-            }
-        })
-    }, [getData.data, state, key])
-    let Tags = (props: { url: string, data?: { title?: string, name?: string } }) => {
-        switch (mediaType) {
-            case 1:
-                return <Card bodyStyle={{ padding: 0, height: 150, display: 'flex', flexFlow: 'column' }} bordered={false} hoverable>
-                    <Image src={props.url} width={150} height={150} placeholder preview={false} onClick={() => handleClick(props.url, props?.data)} />
-                </Card >
-            case 3:
-                return <div>
-                    <Card bodyStyle={{ padding: 10, height: 165, display: 'flex', flexFlow: 'column', border: '1px solid #efefef' }} bordered={false} hoverable onClick={() => handleClick(props.url, props?.data)}>
-                        <video src={props.url} height='130px' controls />
-                        <span>名称： {props?.data?.title || props?.data?.name}</span>
-                    </Card>
-                </div>
-            default:
-                return <div>
-                    <Card bodyStyle={{ padding: 10, height: 80, display: 'flex', flexFlow: 'column', border: '1px solid #efefef' }} bordered={false} hoverable onClick={() => handleClick(props.url, props?.data)}>
-                        <audio src={props.url} controls />
-                        <span>名称： {props?.data?.title || props?.data?.name}</span>
-                    </Card>
-                </div>
-        }
-    }
-    return <Modal
-        title={title}
-        width={900}
-        open={visible}
-        onOk={ok}
-        onCancel={onCancel}
-    >
-        <>
-            {
-                !actionKey && <>
-                    <Tabs
-                        type="card"
-                        onChange={(key: string) => { setKey(key) }}
-                        tabBarExtraContent={
-                            <Space>
-                                {
-                                    key !== '4' && <Select
-                                        style={{ width: 120 }}
-                                        allowClear
-                                        placeholder='标签搜索'
-                                        onChange={(value: any) => handleSelect(value, true)}
-                                        mode='multiple'
-                                        filterOption={(input, option) =>
-                                            (option?.children as any)?.toLowerCase().indexOf(input.toLowerCase()) >= 0
-                                        }
-                                    >
-                                        {
-                                            tagArr?.map((item: { value: string, text: string }) => {
-                                                return <Select.Option value={item.value} key={item.value}>{item.text}</Select.Option>
-                                            })
-                                        }
-                                    </Select>
-                                }
-                                {
-                                    key !== '4' && <Select
-                                        showSearch
-                                        style={{ width: 120 }}
-                                        allowClear
-                                        placeholder='类型搜索'
-                                        onChange={(value: any) => handleSelect(value, false)}
-                                        filterOption={(input, option) =>
-                                            (option?.children as any)?.toLowerCase().indexOf(input.toLowerCase()) >= 0
-                                        }
-                                    >
-                                        {
-                                            classArr?.map((item: { value: string, text: string }) => {
-                                                return <Select.Option value={item.value} key={item.value}>{item.text}</Select.Option>
-                                            })
-                                        }
-                                    </Select>
-                                }
-                                {
-                                    key === '1' ?
-                                        <Button type='primary' onClick={() => refM?.current?.onOpen('新建')}>新建{title}</Button> :
-                                        key === '3' && access === 'admin' ? <Button type='primary' onClick={() => refM?.current?.onOpen('新建')}>新建{title}</Button> :
-                                            key === '2' ? <Button type='primary' onClick={() => refM?.current?.onOpen('新建')}>新建{title}</Button> : ''
-                                }
-                            </Space>
-                        }
-                    >
-                        <TabPane tab="个人本地素材" key="1" style={{ padding: 10 }}>
-                            {
-                                getData?.data?.records?.length > 0 ? <Row justify='start' gutter={[15, 15]}>
-                                    {
-                                        getData?.data?.records?.map((item: any) => {
-                                            return <Col key={item.id} className={`${style.img} ${action === item.url ? style.action : undefined}`}>
-                                                <Tags url={item.url} data={item} />
-                                            </Col>
-                                        })
-                                    }
-                                </Row> : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
-                            }
-                            <Pagination onChange={pageSizeChange} size={'small'} current={page} total={getData?.data?.total} style={{ float: 'right' }} showTotal={(total) => <Tag color="cyan">总共{total}数据</Tag>} />
-                        </TabPane>
-                        <TabPane tab="公共本地素材" key="3" style={{ padding: 10 }} >
-                            {
-                                getData?.data?.records?.length > 0 ? <Row justify='start' gutter={[15, 15]}>
-                                    {
-                                        getData?.data?.records?.map((item: any) => {
-                                            return <Col key={item.id} className={`${style.img} ${action === item.url ? style.action : undefined}`}>
-                                                <Tags url={item.url} data={item} />
-                                            </Col>
-                                        })
-                                    }
-                                </Row> : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
-                            }
-                            <Pagination onChange={pageSizeChange} size={'small'} current={page} total={getData?.data?.total} style={{ float: 'right' }} showTotal={(total) => <Tag color="cyan">总共{total}数据</Tag>} />
-                        </TabPane>
-                        {
-                            isShowWx && false && <TabPane tab="微信素材" key="4" style={{ padding: 10 }}>
-                                {
-                                    getWeData?.data?.records?.length > 0 ? <Row justify='start' gutter={[15, 15]}>
-                                        {
-                                            getWeData?.data?.records?.map((item: any) => {
-                                                item = item?.content
-                                                return <Col key={item?.mediaId} className={`${style.img} ${action === item?.url ? style.action : undefined}`}>
-                                                    <Tags url={item?.url} data={item} />
-                                                </Col>
-                                            })
-                                        }
-                                    </Row> : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
-                                }
-
-                                <Pagination onChange={wxpageSizeChange} size={'small'} current={page} total={getWeData?.data?.total} style={{ float: 'right' }} showTotal={(total) => <Tag color="cyan">总共{total}数据</Tag>} />
-                            </TabPane>
-                        }
-                    </Tabs>
-                    <UploadModal labelName={config1[mediaType as keyof typeof config1]} ref={refM} submit={modalOk} title={title} classs={classGet?.data} tags={tagData?.data} />
-                </>
-            }
-            {
-                actionKey === '1' &&
-                <Tabs type="card">
-                    <TabPane tab="腾讯视频" key="2" style={{ padding: 10 }}>
-                        <Row>
-                            <Col className={style.qq_link}>
-                                <label>视频地址：</label>
-                                <Input placeholder='请输入腾讯视频地址' onChange={qqLinkChange} allowClear />
-                            </Col>
-                            <Col className={style.qq_iframe}>
-                                <label>预览：</label>
-                                <iframe
-                                    data-vidtype="2"
-                                    height="310"
-                                    width="500"
-                                    data-ratio="1.7666666666666666"
-                                    data-w="848"
-                                    src={qqLink}
-                                />
-                            </Col>
-                        </Row>
-                    </TabPane>
-                </Tabs>
-
-            }
-            {
-                actionKey === '2' && <Tabs type="card">
-                    <TabPane tab="音频" key="2" style={{ padding: 10 }}>
-                        <Row>
-                            <Col className={style.qq_link}>
-                                <label>视频地址：</label>
-                                <Input placeholder='请输入腾讯视频地址' />
-                            </Col>
-                            <Col className={style.qq_iframe}>
-                                <label>预览：</label>
-                                <iframe
-                                    data-vidtype="2"
-                                    height="310"
-                                    width="500"
-                                    data-ratio="1.7666666666666666"
-                                    data-w="848"
-                                    src="https://v.qq.com/iframe/player.html?vid=e3161ny316e&auto=0"
-                                />
-                            </Col>
-                        </Row>
-                    </TabPane>
-                </Tabs>
-            }
-
-        </>
-    </Modal>
-}
-
-export default ModalPage

src/components/MaterialModal/mphnews.less

@@ -1,104 +0,0 @@
-.content{
-    margin-top: 10px;
-    height: 400px;
-    overflow: hidden;
-    overflow-y: scroll;
-}
-
-.box{
-    display: flex;
-    flex-flow: row;
-    .ul {
-        width: 33%;
-        margin: 0;
-        padding: 0;
-        margin: 10px;
-        > li {
-          width: 100%;
-          margin: 0 0 15px 0;
-        }
-      }
-}
-.action {
-    position: relative;
-    margin: 0 auto;
-    // text-align: center;
-    color: #4abe84;
-    background-color: #fff;
-    box-shadow: 0px 2px 7px 0px rgba(85, 110, 97, 0.35);
-    border-radius: 7px;
-    border: 1px solid rgba(74, 190, 132, 1);
-    overflow: hidden;
-    &::before {
-        content: '';
-        position: absolute;
-        right: 0;
-        bottom: 0;
-        border: 17px solid #4abe84;
-        border-top-color: transparent;
-        border-left-color: transparent;
-        z-index: 9;
-    }
-    &::after {
-        content: '';
-        width: 5px;
-        height: 12px;
-        position: absolute;
-        right: 6px;
-        bottom: 6px;
-        border: 2px solid #fff;
-        border-top-color: transparent;
-        border-left-color: transparent;
-        transform: rotate(45deg);
-        z-index: 9;
-    }
-}
-.box_card{
-    >.ant-card-body{
-        padding: 0;
-
-    }
-}
-.box_card {
-    padding: 5px;
-    > div {
-        &:nth-child(2){
-            padding: 0 ;
-        }
-    }
-    div.card_content{
-        box-sizing: border-box;
-        >h3{
-            line-height: 1.5;
-            font-size: 16px;
-            padding: 0 6px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            display: -webkit-box;
-            -webkit-line-clamp: 1;
-            -webkit-box-orient: vertical;
-            box-sizing: border-box;
-        }
-        >div{
-            display: flex;
-            justify-content: start;
-            >p{
-                flex: 1;
-                font-size: 12px;
-                margin: 0;
-                color: #999;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                display: -webkit-box;
-                -webkit-line-clamp: 3;
-                -webkit-box-orient: vertical;
-                padding-right: 5px;
-            }
-            >img{
-                width: 50px;
-                height: 50px;
-                object-fit: cover;
-            }
-        }
-    }
-}

src/components/MaterialModal/mpnews.less

@@ -1,110 +0,0 @@
-.footer {
-  display: flex;
-  justify-content: center;
-}
-.img_ScwxBox {
-  display: flex !important;
-  justify-content: space-between !important;
-  padding: 5px 0 !important;
-  img {
-    width: 56px;
-    height: 56px;
-    border-radius: 3px;
-    object-fit: cover;
-  }
-  span {
-    width: 200px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    border-bottom: 1px solid #efefef;
-    -webkit-line-clamp: 2;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    margin-top: 10px;
-    height: 48px;
-  }
-}
-.box_card {
-  padding: 15px;
-  > div {
-    &:nth-child(2) {
-      padding: 0;
-    }
-  }
-  .img_ScwxBox:first-child {
-    flex-flow: column;
-    position: relative;
-    img {
-      width: 100%;
-      height: 131px;
-      order: 1;
-    }
-    span {
-      order: 2;
-      border: 0;
-      position: absolute;
-      left: 0;
-      bottom: 0;
-      background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
-      color: #fff;
-      width: 100%;
-      z-index: 33;
-      line-height: 24px;
-    }
-  }
-}
-
-.box {
-  display: flex;
-  flex-flow: row;
-  height: 500px;
-  overflow-y: scroll;
-  .ul {
-    width: 33%;
-    margin: 0;
-    padding: 0;
-    margin: 10px;
-    > li {
-      width: 100%;
-      margin: 0 0 15px 0;
-    }
-  }
-}
-.action {
-  position: relative;
-  // margin: 0 auto;
-  // text-align: center;
-  color: #4abe84;
-  background-color: #fff;
-  box-shadow: 0px 2px 7px 0px rgba(85, 110, 97, 0.35);
-  border-radius: 7px;
-  border: 1px solid rgba(74, 190, 132, 1);
-  overflow: hidden;
-  &::before {
-    content: '';
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    border: 17px solid #4abe84;
-    border-top-color: transparent;
-    border-left-color: transparent;
-    z-index: 9;
-  }
-  &::after {
-    content: '';
-    width: 5px;
-    height: 12px;
-    position: absolute;
-    right: 6px;
-    bottom: 6px;
-    border: 2px solid #fff;
-    border-top-color: transparent;
-    border-left-color: transparent;
-    transform: rotate(45deg);
-    z-index: 9;
-  }
-}
-.btn {
-  display: flex;
-  justify-content: flex-end;
-}

src/components/MaterialModal/msgWxGraphicListModal.tsx

@@ -1,471 +0,0 @@
-import { PlusOutlined, ExclamationCircleOutlined } from '@ant-design/icons'
-import { Button, Col, Input, InputNumber, message, Modal, Radio, Row, Space, Tag, Tooltip } from 'antd'
-import { RadioChangeEvent } from 'antd/lib/radio'
-import React, { useCallback, useEffect, useState } from 'react'
-import MsgWxLeft from './msgWxLeft'
-import style from './graphic.less'
-import { useModel } from 'umi'
-import WxMpnews from '@/components/MaterialModal/wxMpnews'
-import WxHistoryBD from '@/components/MaterialModal/wxHistorBD'
-import { isArray } from 'lodash'
-import { exportMediaByUrl1 } from '@/services/operating/material'
-import useIndexDB from '@/Hook/useIndexDB'
-import SmMaterialModal from '@/components/MaterialModal/smModalBox'
-import filePng from '../../../public/file.png'
-import WxSelect from '../WxSelect'
-/**客服，延迟，立即回复，公众号菜单使用中 */
-
-/**
- * @param isProhibitMs 是否禁止多图文按钮 默认 false 不禁用
- * @param tooltipTxt 多图文单图文按钮提示文字配置
- * @param ImportBtShow  导入按钮控制 {1: 历史图文， 2: 素材图文，3: 全部展示} 默认值 3
- * @param historyType //历史图文type  默认 0： 智能互动消息历史  1：客服消息历史
- */
-
-type Props = {
-    visible: boolean,
-    onCancel: () => void,
-    onOK: (props: any, type?: number) => void,
-    defaultData: any,
-    msgType?: number,
-    isProhibitMs?: boolean,  // 是否禁止多图文按钮
-    tooltipTxt?: string, // 提示信息
-    ImportBtShow?: number,  // {1: 历史图文， 2: 素材图文，3: 全部展示} 默认值 3
-    historyType?: number,
-    title?: string,//弹窗标题
-    isKnews?: boolean, // 是否k图文新建
-}
-const MsgWxGraphicListModal: React.FC<Props> = (props) => {
-    const { drawerState: { dataArr, actionId, AllData }, dispatchMate } = useModel('useOperating.useMsgMaterialDrawer', model => ({ drawerState: model.state, dispatchMate: model.dispatch }))
-    const { visible, onCancel, onOK, defaultData, msgType, isProhibitMs = false, tooltipTxt = "", ImportBtShow = 3, historyType = 0, title, isKnews = false } = props
-    const [isShow, setIsShow] = useState<boolean>(false)//图片弹窗
-    const [ref, setRef] = useState<any>(null)//存放实例
-    const [range, setRange] = useState<Range>()//存放光标丢失位置
-    const { state: { actionWX, selectWx }, initSelectWx } = useModel('useOperating.useWxGroupList')
-    const [it, setIt] = useState<number>(0)//单图文多图文切换
-    const [indexId, setIndexId] = useState<number>(0)  //前面列表id
-    const [mpVisible, setMpVisible] = useState<boolean>(false)  // 素材弹窗
-    const [showNews, setShowNews] = useState<boolean>(false)//导入文章
-    const [newsUrl, setNewsUrl] = useState<string>('')//文章地址
-    const [showBD, setShowBD] = useState<boolean>(false)//BD导入弹窗
-    const [titleNum, setTitleNum] = useState<number>(0)
-    const [v, setV] = useState<number>(1)//图篇或k图文 filebox使用
-    const [sort, setSort] = useState<number>(0)
-    const [noFile, setNoFile] = useState<boolean>(false)
-
-    //DB
-    const { add } = useIndexDB()
-    //导入文章
-    const handleImportNews = useCallback(() => {
-        let str = newsUrl
-        if (str.indexOf(',') === -1) {
-            str = str.replace(/\s/ig, ',')
-        }
-        let arr = str.split(/[,，]/)
-        let newArr: string[] = []
-        arr.forEach((url: string) => {
-            url = url.replace(/\s*/g, '')
-            if (url !== "" && url) {
-                newArr.push(url)
-            }
-        })
-        let isOk = newArr.every((url: string, index: number) => {
-            if (url.search(/http[s]?:\/\/mp.weixin.qq.com/ig) === 0) {
-                return true
-            } else {
-                message.error(`第${index + 1}的地址错误,请输入正确的文章地址!`)
-                return false
-            }
-        })
-        if (newArr.length > (9 - actionId)) {
-            message.error('你输入的链接条数超过了当前剩余可新增的条数')
-            return
-        }
-        if (isOk) {
-            let promiseAll: any[] = []
-            newArr.forEach((url: string, index: number) => {
-                // promiseAll.push(exportMediaByUrl1(url).then((res) => { return res.json() }))
-                promiseAll.push(exportMediaByUrl1(encodeURIComponent(url)).then((res) => { return res.json() }))
-            })
-            Promise.all(promiseAll).then((res: any) => {
-                let arr: any[] = []
-                if (res) {
-                    res.forEach((r: { data: any, code: 200 }, index: number) => {
-                        if (r.code === 200) {
-                            let { content, contentSourceUrl, digest, thumbUrl, title, thumbMediaUrl } = r.data
-                            contentSourceUrl = contentSourceUrl.replace(/['"]*/g, '')
-                            content = content.replace('data-src', 'src').replace(/\<mpvoice[\s\S]*\<\/mpvoice\>/ig, '')
-                            arr.push({ menuId: actionId + index, content, contentSourceUrl, digest, thumbUrl: thumbUrl || thumbMediaUrl, title })
-                        }
-                    })
-                    arr = arr.sort((a: { menuId: number }, b: { menuId: number }) => { return a.menuId - b.menuId })
-                    dispatchMate({ type: 'importNews', params: { data: { dataArrs: arr, actionId } } })
-                }
-            }).catch(err => { console.log(err) })
-            setShowNews(false)
-        }
-    }, [newsUrl, actionId])
-    useEffect(() => {
-        if (it === 1) {
-            dispatchMate({ type: 'action', params: { menuId: dataArr[0].menuId } })
-        }
-    }, [it])  // 单图文默认1
-
-    useEffect(() => { // 禁止设置选中单图文链接按钮
-        if (isProhibitMs) {
-            setIt(1)
-        }
-    }, [isProhibitMs])
-
-    useEffect(() => {
-        if (msgType === 1) {
-            setIt(1)
-        }
-    }, [msgType])
-    //确定
-    const callback = useCallback((isBD?: boolean) => {
-        let oldarr: any = dataArr
-        if (it === 1) {
-            let ac = oldarr[actionId - 1]
-            oldarr = [ac]
-        }
-        let arr = oldarr.filter((item: any) => JSON.stringify(item) !== '{}')//筛除空对象|| 
-        arr = arr.filter((item: any) => {
-            return item.title
-        })
-        arr = arr.map((item: any) => {
-            console.log(item)
-            let obj: any = {
-                knewsThumbUrl: item.thumbUrl, // 图片
-                title: item.title.replace(/<[/]?span[^>]*>/ig, '#'), // 图文标题
-                description: item.digest, // 描述内容
-                knewsLink: item.contentSourceUrl, // 链接设置
-                knewsThumbInfo: item?.knewsThumbInfo
-            }
-            if (item?.knewsThumbId) {
-                obj['knewsThumbId'] = item?.knewsThumbId
-            }
-            return obj
-        })
-        console.log(arr)
-        let isOk: boolean = arr.length > 0 && arr.every((item: any) => (item.knewsThumbUrl || item?.knewsThumbId || item?.knewsThumbInfo) && item.description && item.knewsLink && item.title)//检测全部必填项
-        if (isBD) {
-            add({ data: arr })//保存进DB
-            return
-        }
-        if (isOk) {
-            let params: any = { newsList: arr, indexId: indexId, mpIds: selectWx }
-            if (isKnews) {
-                params.sort = sort
-            }
-            onOK(params, 5)
-            initSelectWx()
-            dispatchMate({ type: 'initData' })
-        } else {
-            message.error('请检测标题，图片，描述，链接是否填写完整！不需要的篇章请全部留空')
-        }
-
-    }, [dataArr, it, AllData, actionId, add, selectWx, sort])
-    const handelRadioIt = useCallback((e: RadioChangeEvent) => {
-        let v = e.target.value
-        setIt(v)
-    }, [])
-    //开关图片弹窗
-    const closeModal = useCallback((v?: any) => {
-        console.log(v)
-        if (v) {
-            setV(v)
-        }
-        setIsShow(!isShow)
-    }, [isShow])
-    /**选中图片，单独选择图片在传id 选择k图文直接映射*/
-    const handleOk = (data: any) => {
-        let obj: any = { menuId: actionId, thumbUrl: data.url }
-        if (data?.id && !data?.mediaId) {//存在ID不存在媒体ID证明是本地素材才添加
-            obj['knewsThumbId'] = data?.id
-        }
-        obj['knewsThumbInfo'] = {
-            folder: data?.folder,
-            title: data?.title,
-            number: data?.number
-        }
-        if (v === 6) {
-            obj['title'] = data?.title
-            obj['contentSourceUrl'] = data?.knewsLink
-            obj['digest'] = data?.description
-            obj['thumbUrl'] = data?.knewsThumbUrl
-            obj['knewsThumbId'] = data?.knewsThumbId
-            obj['knewsThumbInfo'] = { folder: data?.folder }
-        }
-        dispatchMate({ type: 'pushData', params: obj })
-        closeModal()
-    }
-    //插入粉丝昵称
-    const pushName = useCallback(() => {
-        let span = document.createElement('span')
-        span.className = style.nickName
-        span.setAttribute('contentEditable', 'false')
-        span.innerText = `粉丝昵称`
-        range?.insertNode(span)
-        dispatchMate({ type: 'pushData', params: { menuId: actionId, title: ref.innerHTML } })
-    }, [range, actionId])
-    //光标丢失记录位置
-    const onBlur = useCallback(() => {
-        let selection = window.getSelection()
-        let range = selection?.getRangeAt(0)
-        setRange(range)
-        if (ref.innerHTML) {
-            dispatchMate({ type: 'pushData', params: { menuId: actionId, title: ref.innerHTML.replace(/&quot;/ig, '"').replace(/&amp;/ig, '&').replace(/&lt;/ig, '<').replace(/&gt;/ig, '>').replace(/<\s+/g, '<') } })
-        }
-    }, [ref, actionId])
-    useEffect(() => {
-        ref?.focus()
-    }, [ref])
-    //连接输入
-    const handelLink = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let v = e.target.value
-        dispatchMate({ type: 'pushData', params: { menuId: actionId, contentSourceUrl: v } })
-    }, [actionId])
-    //摘要输入
-    const handelText = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {
-        let v = e.target.value
-        dispatchMate({ type: 'pushData', params: { menuId: actionId, digest: v } })
-    }, [actionId])
-    //复制只取纯文本
-    function textPaste(event: any) {
-        event.preventDefault();
-        let text;
-        let clp = (event.originalEvent || event).clipboardData;
-        // 兼容chorme或hotfire
-        text = clp.getData('text')
-        if (text !== "") {
-            document.execCommand('insertHtml', false, text);
-        }
-    }
-    /**编辑回填 */
-    useEffect(() => {
-        if (defaultData?.newsList) {
-            let arr = defaultData?.newsList.map((item: any) => {
-                let obj = {
-                    title: item.title.replace('#粉丝昵称#', `<span class=${style.nickName} contenteditable="false">粉丝昵称</span>`),
-                    thumbUrl: item.knewsThumbUrl,
-                    contentSourceUrl: item.knewsLink,
-                    digest: item.description,
-                    knewsThumbInfo: item?.knewsThumbInfo,
-                    knewsThumbId: item?.knewsThumbId
-                }//转义
-                setSort(item?.sort || 0)
-                return obj
-            })
-            // arr = [...arr, ...Object.values(Array(8 - arr.length).fill({})).map(n => n)]  //不足8个填充
-            arr = arr.map((item: any, i: number) => {
-                return { menuId: i + 1, ...item }
-            })
-            setIndexId(defaultData?.indexId)
-            dispatchMate({ type: 'initData', params: { data: { dataArr: arr } } })
-            if (arr.length === 1) {
-                setIt(1)
-                dispatchMate({ type: 'action', params: { menuId: dataArr[0].menuId } })
-            }
-        }
-        return () => {
-            dispatchMate({ type: 'initData' })
-        }
-    }, [defaultData])
-    return <Modal
-        title={title || '编辑图文内容'}
-        width={1100}
-        open={visible}
-        onCancel={() => {
-            onCancel()
-            dispatchMate({ type: 'initData' })
-        }}
-        footer={<div>
-            <Button onClick={() => {
-                onCancel()
-                dispatchMate({ type: 'initData' })
-            }}>取消</Button>
-            <Button onClick={() => callback()} type='primary'>确定</Button>
-            <Button onClick={() => callback(true)}>保存到浏览器本地</Button>
-        </div>}
-        destroyOnClose
-    >
-        <div>
-            <div style={{ marginBottom: '10px' }}>
-                <Space>
-                    <Radio.Group value={it} onChange={handelRadioIt}>
-                        <Radio.Button value={0} disabled={msgType === 1}>多图文链接</Radio.Button>
-                        <Radio.Button value={1}>单图文链接</Radio.Button>
-                    </Radio.Group>
-                    <Tooltip title={tooltipTxt !== "" ? tooltipTxt : "多图文链接只有立即回复（关注与扫码）可设置且只能放在第一条，延迟消息只支持单图文链接"}>
-                        <ExclamationCircleOutlined />
-                    </Tooltip>
-                </Space>
-            </div>
-            <div className={style.header}>
-                <label>导入方式：</label>
-                <Space>
-                    {
-                        ImportBtShow === 1 ?
-                            null
-                            : ImportBtShow === 2 ?
-                                <Button type="primary" size='small' onClick={() => setMpVisible(true)}>素材库导入</Button>
-                                : <Button type="primary" size='small' onClick={() => setMpVisible(true)}>素材库导入</Button>
-                    }
-                    <Button type='primary' size="small" onClick={() => setShowNews(true)}>链接导入</Button>
-                    <Button type='primary' size="small" onClick={() => setShowBD(true)}>浏览器本地导入</Button>
-                    <Button type='primary' size="small" onClick={() => closeModal(6)}>K-图文</Button>
-                </Space>
-            </div>
-            {
-                // 自定义设置
-                <div className={style.centent}>
-                    <div >
-                        <MsgWxLeft it={it} dataArr={dataArr}></MsgWxLeft>
-                    </div>
-                    <div className={style.graphic_list}>
-                        {
-                            dataArr?.map((list: any, index: number) => {
-                                return actionId === list?.menuId && <div key={index}>
-                                    <Row style={{ width: '80%' }}>
-                                        <Col span={24}>
-                                            <label >图文标题 ：<Space><span>(必填)</span><span>(<span style={{ color: titleNum > 64 ? 'red' : '#000' }}>{titleNum}</span>/64)</span></Space></label>
-                                            <div
-                                                contentEditable="true"
-                                                className={style.editor}
-                                                ref={(ref) => setRef(ref)}
-                                                onBlur={onBlur}
-                                                dangerouslySetInnerHTML={{ __html: list?.title }}
-                                                onPaste={textPaste}
-                                                onKeyUp={() => {
-                                                    setTitleNum(ref?.innerHTML?.length || 0)
-                                                }}
-                                            />
-                                            {/* <label >点击插入：<Tag color='orange' onClick={pushName}>粉丝昵称</Tag></label> */}
-                                        </Col>
-                                        <Col span={24}>
-                                            <label >描述内容 ：</label>
-                                            <Input.TextArea rows={5} placeholder='填写图文描述' onChange={handelText} value={list?.digest} />
-                                        </Col>
-                                        <Col span={24}>
-                                            <label >链接设置 ：<span>(必填)</span></label>
-                                            <Input placeholder='请输入跳转链接，且必须以http://或https://开头' onChange={handelLink} value={list?.contentSourceUrl} />
-                                        </Col>
-                                        {isKnews && <Col span={24}>
-                                            <label >排序 ：<span>(必填)</span><Tag color='warning'>数值越大越靠前</Tag></label>
-                                            <InputNumber
-                                                style={{ width: '100%' }}
-                                                value={sort}
-                                                placeholder='请输入序号, 数值越大越靠前'
-                                                onChange={(e) => {
-                                                    setSort(e || 0)
-                                                }}
-                                            />
-                                        </Col>}
-                                        <WxSelect />
-                                    </Row>
-                                    <div>
-                                        <label >图文封面：</label>
-                                        <span className={list?.thumbUrl ? style.imgupload : ''} onClick={() => { closeModal(1); setNoFile(true) }}>
-                                            {
-                                                // (list?.thumbUrl || list?.knewsThumbInfo) ? <img src={list?.knewsThumbInfo?.folder ? filePng : list?.knewsThumbInfo?.id ? list?.knewsThumbInfo?.url : list?.thumbUrl} /> : <PlusOutlined style={{ fontSize: 30 }} />
-                                                (list?.thumbUrl || list?.knewsThumbId) ? <img src={list?.thumbUrl || (list.knewsThumbId ? filePng : 'https://s.weituibao.com/static/1552098829922/bigfm.png')} /> : <PlusOutlined style={{ fontSize: 30 }} />
-                                                // list?.knewsThumbInfo?.folder ? <img src={filePng} /> : (list?.thumbUrl) ? <img src={list?.thumbUrl} /> : <PlusOutlined style={{ fontSize: 30 }} />
-                                            }
-                                            <div><PlusOutlined style={{ fontSize: 30, color: '#fff' }} /> </div>
-                                        </span>
-                                        <div style={{ display: 'flex', flexFlow: 'column', width: 100 }}>
-                                            <span>名称：{list?.knewsThumbInfo?.title || '网图'} </span>
-                                            <span>编号：{list?.knewsThumbInfo?.number || '网图'}</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            })
-                        }
-                    </div>
-                    {isShow && <SmMaterialModal
-                        visible={visible}
-                        onCancel={() => { closeModal(); setNoFile(false) }}
-                        title={`选择图片`}
-                        onOk={(props: any) => {
-                            handleOk(props)
-                            setNoFile(false)
-                        }}
-                        mediaType={v}
-                        isShowWx={v === 1 ? true : false}
-                        isAllData
-                        noFile={noFile}
-                    />}
-                </div>
-            }
-            {mpVisible && <WxMpnews
-                visible={mpVisible}
-                onCancel={() => setMpVisible(false)}
-                onOK={(data: any) => {
-                    if (data) {
-                        let articles: any[] = data?.news
-                        if (isArray(articles) && articles.length > 0) {
-                            dispatchMate({ type: 'initData', params: { data: { dataArr: articles.map((ar: any, index: number) => { return { menuId: index + 1, digest: ar.digest, contentSourceUrl: ar.contentSourceUrl, title: ar.title, thumbUrl: ar.thumbUrl || ar.thumbMediaUrl } }) } } })
-                            setMpVisible(false)
-                        }
-                    }
-                }}
-                defaultData=''
-                wx={actionWX}
-            />}
-            <WxHistoryBD
-                visible={showBD}
-                onCancel={() => setShowBD(false)}
-                onOK={(data: any) => {
-                    if (data) {
-                        dispatchMate({
-                            type: 'initData', params: {
-                                data: {
-                                    dataArr: data.map((arr: any, index: number) => {
-                                        return { menuId: index + 1, digest: arr.description || arr.newsDescription, contentSourceUrl: arr.knewsLink || arr.newsUrl, title: arr.title || arr.newsTitle, thumbUrl: arr.knewsThumbUrl || arr.newsPicUrl, knewsThumbInfo: arr?.knewsThumbInfo, knewsThumbId: arr?.knewsThumbId }
-                                    })
-                                }
-                            }
-                        })
-                        setShowBD(false)
-                    }
-                }}
-            />
-            {/* 链接导入弹窗 */}
-            <Modal
-                open={showNews}
-                title='导入文章'
-                onCancel={() => { setShowNews(false) }}
-                onOk={handleImportNews}
-                destroyOnClose
-            >
-                <Input.TextArea
-                    placeholder={
-                        ` 请填写文章url地址,支持批量，批量传入需要在每个链接后面加上逗号或者换行,从你当前选中的篇数开始导入替换，一次只能导入8篇，输入的链接地址不能超过可新建的篇数，假如你从第5篇开始导入那只能导入4篇
-                        
-方式1：支持末尾加，号分割导入                     https://mp.weixin.qq.com/s/C4qcDnPwfAlf4Y2P9qeThA,https://mp.weixin.qq.com/s/tVGyg6rxR6BoppjqIbKoGg
-方式2：支持换行分割导入
-https://mp.weixin.qq.com/s/C4qcDnPwfAlf4Y2P9qeThA
-https://mp.weixin.qq.com/s/tVGyg6rxR6BoppjqIbKoGg
-`
-                    }
-                    rows={10}
-                    onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => {
-                        let url = e.target.value
-                        if (url) {
-                            setNewsUrl(url)
-                        }
-                    }}
-
-                />
-            </Modal>
-        </div>
-    </Modal>
-}
-export default React.memo(MsgWxGraphicListModal, (a, b) => {
-    if (JSON.stringify(a) === JSON.stringify(b)) {
-        return true
-    } else {
-        return false
-    }
-})

src/components/MaterialModal/msgWxLeft.tsx

@@ -1,102 +0,0 @@
-import React from 'react'
-import style from './text.less'
-import { ArrowDownOutlined, ArrowUpOutlined, DeleteOutlined, PlusOutlined } from '@ant-design/icons'
-import { useModel } from 'umi'
-import filePng from '../../../public/file.png'
-import { Tooltip } from 'antd'
-const MsgWxLeft = (props: { it: number, dataArr: any[] }) => {
-    const { it } = props
-    const { drawerState, dispatch } = useModel('useOperating.useMsgMaterialDrawer', model => ({ drawerState: model.state, dispatch: model.dispatch }))
-    const { dataArr, actionId } = drawerState
-    const handleFensDisplay = (arrv: string) => {
-        return arrv ? arrv.replace(/<[/]?span[^>]*>/ig, '#').replace(new RegExp('&nbsp;', "g"), ' ') : ''
-    }
-    return <div className={style.left}>
-        {
-            it === 0 ? <div className={style.left_ul}>
-                <ul>
-                    {
-                        props.dataArr?.map((item: any, index: number) => {
-                            return index === 0
-                                ?
-                                <li
-                                    className={`${style.first} ${actionId === item.menuId && style.action}`}
-                                    key={item.menuId}
-                                    onClick={() => dispatch({ type: 'action', params: { menuId: item.menuId } })}
-                                >
-                                    <p>
-                                        {/* <img src='https://mmbiz-qpic-cn.weituibao.com/mmbiz_png/o0slOoU0qk1qibibvCYeHB7tCwW6HGia7wntuqFtE7IYfqkp8lsCegVicBdRNQTFgZdQRLctqVIebWqu5EOib5ejHMQ/0?wx_fmt=png&wxb_id=4so7eVwgLV_RCXsMR1e4Y4hgYPtVj_qfNimo_frijeI' /> */}
-                                        {/* <img src={item.thumbUrl || 'https://s.weituibao.com/static/1552098829922/bigfm.png'} alt="" /> */}
-                                        <Tooltip placement="right" title={<div style={{ display: 'flex', flexFlow: 'column' }}>
-                                            <span>名称：{item?.knewsThumbInfo?.imgTitle || '网图'}</span>
-                                            <span>编号：{item?.knewsThumbInfo?.number || '网图'}</span>
-                                        </div>}>
-                                            {/* <img src={(item?.knewsThumbInfo?.folder ? filePng : item?.knewsThumbInfo?.id ? item?.knewsThumbInfo?.url : item?.thumbUrl) || ('https://s.weituibao.com/static/1552098829922/bigfm.png')} /> */}
-                                            <img src={item?.thumbUrl || (item?.knewsThumbId ? filePng : 'https://s.weituibao.com/static/1552098829922/bigfm.png')} />
-                                        </Tooltip>
-                                    </p>
-                                    <span className={style.title}>{handleFensDisplay(item.title) || '标题'}</span>
-                                    <div>
-                                        <span>
-                                            <ArrowUpOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index, up: true } })} />
-                                            <ArrowDownOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index } })} />
-                                        </span>
-                                        <DeleteOutlined onClick={() => dispatch({ type: 'delDataArr', params: { menuId: item.menuId } })} />
-                                    </div>
-                                </li>
-                                :
-                                <li
-                                    className={`${index === dataArr.length - 1 && style.last} ${actionId === item.menuId && style.action}`}
-                                    key={item.menuId}
-                                    onClick={() => dispatch({ type: 'action', params: { menuId: item.menuId } })}
-                                >
-                                    <p>
-                                        <span className={style.title1}>{handleFensDisplay(item.title) || '标题'}</span>
-                                        <Tooltip placement="right" title={<div style={{ display: 'flex', flexFlow: 'column' }}>
-                                            <span>名称：{item?.knewsThumbInfo?.imgTitle || '网图'}</span>
-                                            <span>编号：{item?.knewsThumbInfo?.number || '网图'}</span>
-                                        </div>}>
-                                            {/* <img src={(item?.knewsThumbInfo?.folder ? filePng : item?.knewsThumbInfo?.id ? item?.knewsThumbInfo?.url : item?.thumbUrl) || ('https://s.weituibao.com/static/1552098829922/bigfm.png')} /> */}
-                                            <img src={item?.thumbUrl || (item?.knewsThumbId ? filePng : 'https://s.weituibao.com/static/1552098829922/bigfm.png')} />
-                                        </Tooltip>
-                                    </p>
-                                    <span />
-                                    <div>
-                                        <span>
-                                            <ArrowUpOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index, up: true } })} />
-                                            <ArrowDownOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index } })} />
-                                        </span>
-                                        <DeleteOutlined onClick={() => dispatch({ type: 'delDataArr', params: { menuId: item.menuId } })} />
-                                    </div>
-                                </li>
-                        })
-                    }
-                </ul>
-                {
-                    props.dataArr?.length < 8 && <span onClick={() => dispatch({ type: 'addDataArr' })} ><PlusOutlined />新建</span>
-                }
-            </div> :
-                <div className={style.msgLeftD}>
-                    {
-                        dataArr?.map((item: any, index: number) => {
-                            return <div className={`${actionId === item.menuId && style.select}`} onClick={() => dispatch({ type: 'action', params: { menuId: item.menuId } })} key={index}>
-                                <h3>{handleFensDisplay(item?.title) || '标题'}</h3>
-                                <div>
-                                    <p>{item?.digest || '描述'}</p>
-                                    <Tooltip placement="right" title={<div style={{ display: 'flex', flexFlow: 'column' }}>
-                                        <span>名称：{item?.knewsThumbInfo?.imgTitle || '网图'}</span>
-                                        <span>编号：{item?.knewsThumbInfo?.number || '网图'}</span>
-                                    </div>}>
-                                        {/* <img src={(item?.knewsThumbInfo?.folder ? filePng : item?.knewsThumbInfo?.id ? item?.knewsThumbInfo?.url : item?.thumbUrl) || ('https://s.weituibao.com/static/1552098829922/bigfm.png')} /> */}
-                                        <img src={item?.thumbUrl || (item?.knewsThumbId ? filePng : 'https://s.weituibao.com/static/1552098829922/bigfm.png')} />
-                                    </Tooltip>
-                                </div>
-                            </div>
-                        })
-                    }
-                </div>
-        }
-
-    </div>
-}
-export default MsgWxLeft

src/components/MaterialModal/previewLocalModal.tsx

@@ -1,97 +0,0 @@
-import { message, Modal, Select, Tag } from "antd"
-import React, { useEffect, useState } from "react"
-import { useModel } from "umi"
-
-interface Props {
-    previewId: number | undefined, // 预览素材ID
-    visible?: boolean,
-    onClose?: () => void
-}
-
-/**
- * 本地素材预览
- * @returns 
- */
-const PreviewLocalModal: React.FC<Props> = (props) => {
-
-    /**==================*/
-    const { previewId, visible, onClose } = props
-    const { localPreview } = useModel('useOperating.useNews')
-    const { searchFans } = useModel('useOperating.useFans')
-    const { state: { filterWxs } } = useModel('useOperating.useWxGroupList')
-    const [fansId, setFansId] = useState<number | undefined>() // 粉丝ID
-    const [selectWx, setSelectWx] = useState<number>()
-    const [fansData, setFansData] = useState<any[]>([])
-    /**==================*/
-
-    /**存放昵称 */
-    const PreviewChange = (value: number, option: any) => {
-        setFansId(value)
-    }
-    const onSearch = (val: string) => {
-        searchFans.run({ mpId: selectWx, nickname: val })
-    }
-
-    useEffect(() => {
-        let data = searchFans.data
-        if (data?.length > 0) {
-            setFansData(data?.map((item: any) => { return { id: item?.id, nickname: item?.nickname, headimgurl: item?.headimgurl } }))
-        }
-    }, [searchFans.data])
-
-    const handleOk = () => {
-        console.log(fansId, previewId, selectWx)
-        if (!selectWx) {
-            message.error('请选择公众号')
-            return
-        }
-        if (!fansId) {
-            message.error('请选择粉丝')
-            return
-        }
-        localPreview.run({ sysMediaId: previewId, mpId: selectWx, fansId }).then(res => {
-            if (res) {
-                onClose && onClose()
-            }
-        })
-    }
-
-    return <Modal title="本地素材预览" okText='发送预览' confirmLoading={localPreview?.loading} open={visible} onOk={handleOk} onCancel={() => onClose && onClose()}>
-        <Select
-            showSearch
-            style={{ width: '100%', marginTop: 15 }}
-            placeholder="选择公众号"
-            optionFilterProp="children"
-            onChange={(value) => { setSelectWx(value); setFansId(undefined); setFansData([]) }}
-            allowClear
-            filterOption={(input, option) =>
-                (option?.children as any)?.toLowerCase().indexOf(input.toLowerCase()) >= 0
-            }
-            value={selectWx}
-        >
-            {filterWxs?.map((item: any) => <Select.Option value={item?.id} key={item?.id}>{item?.nickName}</Select.Option>)}
-        </Select>
-        <Select
-            showSearch
-            style={{ margin: '10px 0', width: '100%' }}
-            placeholder="请输入微信号名称自动模糊搜索匹配"
-            optionFilterProp="children"
-            onChange={PreviewChange}
-            onSearch={onSearch}
-            allowClear={true}
-            disabled={!selectWx}
-            value={fansId}
-        >
-            {
-                fansData?.map((item: { id: number, nickname: string, headimgurl: string }) => {
-                    return <Select.Option key={item.id} value={item.id}>
-                        <img src={item?.headimgurl} alt="" style={{ width: 20 }} />&nbsp;{item?.nickname}
-                    </Select.Option>
-                })
-            }
-        </Select>
-        <Tag color='warning'>预览功能仅用于公众号查看文章效果，不适用于公众传播，预览链接会在短期内失效</Tag>
-    </Modal>
-}
-
-export default React.memo(PreviewLocalModal)

src/components/MaterialModal/previewModal.tsx

@@ -1,359 +0,0 @@
-import { EyeOutlined } from '@ant-design/icons'
-import { Button, message, Modal, Select, Space, Tag, Tooltip } from 'antd'
-import { SizeType } from 'antd/lib/config-provider/SizeContext';
-import React, { useCallback, useState } from 'react'
-import { useEffect } from 'react';
-import { useModel } from 'umi'
-const { Option } = Select;
-
-/**预览数据弹窗 */
-function PreviewModal(props: { data?: { msgType?: string, theEdit?: any, mpIds?: any[], msgContents?: any }, type?: 'text' | 'icon', isKf?: boolean, isYc?: boolean, isTem?: boolean, size?: SizeType, buttonType?: "text" | "primary" | "link" | "ghost" | "default" | "dashed" | undefined }) {
-    const { data, type = 'text', isKf = false, isYc = false, isTem = false, size="middle", buttonType="primary" } = props
-    const [ylVisible, setYlVisible] = useState<boolean>(false)//预览弹窗
-    const [value, setValue] = useState<string>('')//微信号名称
-    const { postPreview, kfPreview } = useModel('useOperating.useNews', model => ({ postPreview: model.postPreview, kfPreview: model.kfPreview }))
-    const { postReplyStrategyPreview } = useModel('useOperating.useInteract', model => ({ postReplyStrategyPreview: model.postReplyStrategyPreview }))
-    const { actionWX } = useModel('useOperating.useWxGroupList', model => ({ actionWX: model.state.actionWX }))
-    const { searchFans } = useModel('useOperating.useFans', model => ({ searchFans: model.searchFans }))
-    const { temPreview } = useModel('useOperating.useAtemplate', model => ({ temPreview: model.temPreviewAjax }))
-    const [names, setNames] = useState<{ id: number, nickname: string, headimgurl: string }[]>([])
-    /**存放昵称 */
-    const PreviewChange = useCallback((value: string, option: any) => {
-        setValue(value)
-    }, [actionWX])
-    const onSearch = useCallback((val: string) => {
-        let mpId = ''
-        if (isKf) {
-            mpId = (data?.mpIds as any[])[0]?.id || '0'
-        } else {
-            mpId = actionWX?.id
-        }
-        searchFans.run({ mpId, nickname: val })
-    }, [actionWX, data?.mpIds])
-    useEffect(() => {
-        let data = searchFans.data
-        if (data?.length > 0) {
-            setNames(data?.map((item: any) => { return { id: item?.id, nickname: item?.nickname, headimgurl: item?.headimgurl } }))
-        }
-    }, [searchFans.data])
-    /**预览数据 */
-    const handlePreview = useCallback(() => {
-        if (isKf) {//客服消息预览逻辑
-            let { mpIds, msgContents } = data as { mpIds: any[], msgContents: any }
-            let newMsgContents = msgContents ? JSON.parse(JSON.stringify(msgContents)) : []
-            let params: any = {}
-            if (mpIds?.length > 0) {//mpid处理
-                params['mpIds'] = []
-                mpIds.forEach((wx: { id: number }) => {
-                    params['mpIds'].push(wx.id)
-                })
-            }
-            params['msgContents'] = newMsgContents?.map((item: { textContent: any, msgType: string, newsList: any[], platformMediaId?: any, mediaId?: any }) => {
-                if (item?.msgType === 'text' && Array.isArray(item.textContent)) {
-                    let textContent = ''
-                    item?.textContent.forEach((key: string, index: number) => {
-                        textContent += `${key.replace(/_href/ig, 'href')}${index !== item?.textContent.length - 1 ? '<br/>' : ''}`
-                    })
-                    item['textContent'] = textContent
-                } else if (item?.msgType === 'news') {
-                    let reg = new RegExp('&nbsp;', "g")
-                    let newsList = item?.newsList?.map((nl: { title: string }) => {
-                        return { ...nl, title: nl?.title.replace(reg, ' ') }
-                    })
-                    item['newsList'] = newsList
-                }
-                // platformMediaId
-                if (!item?.platformMediaId) {
-                    item['platformMediaId'] = item.mediaId
-                }
-                return item
-            })
-            names?.forEach((item: { id: number, nickname: string }) => {
-                if (value === item?.nickname + '_' + item?.id) {
-                    params['fansIds'] = item?.id
-                    localStorage.setItem('fans', JSON.stringify(item))
-                }
-            })
-            if (!params?.mpIds) {
-                message.error('请添加公众号！')
-                return
-            }
-            if (params?.msgContents?.length === 0) {
-                message.error('请添加素材！')
-                return
-            }
-            if (!params.fansIds) {
-                message.error('请输入昵称')
-                return
-            }
-            kfPreview.run(params)
-        } else if (isYc) {//延迟消息预览
-            let { mpIds, msgContents } = data as { mpIds: any[], msgContents: any }
-            let params: any = {}
-            if (mpIds?.length > 0) {//mpid处理
-                params['mpIds'] = []
-                mpIds.forEach((wx: { id: number }) => {
-                    params['mpIds'].push(wx.id)
-                })
-            }
-            let newMsgContents: any[] = []
-            msgContents.forEach((item: any) => {
-                let { webType, indexId, newsList } = item
-                switch (webType) {
-                    case 5:
-                        let reg = new RegExp('&nbsp;', "g")
-                        let data = newsList?.map((item: { title: string }) => {
-                            return { ...item, title: item?.title.replace(reg, ' ') }
-                        })
-                        newMsgContents.push({ newsList: data, type: 3, msgType: "news", webType: 5, indexId })
-                        break;
-                    case 4:
-                        let textContent: string = ''
-                        item?.textContent?.forEach((key: string, index: number) => {
-                            textContent += index !== item.textContent.length - 1 ? key.replace(/_href/ig, 'href') + `<br/>` : key.replace(/_href/ig, 'href')
-                        })
-                        newMsgContents.push({ msgType: "text", textContent, indexId, webType: 4, type: 2 })
-                        break;
-                    case 6:
-                        if (!item?.platformMediaId) {
-                            item['platformMediaId'] = item.mediaId
-                        }
-                        newMsgContents.push(item)
-                        break;
-                    default:
-                        if (!item?.platformMediaId) {
-                            item['platformMediaId'] = item.mediaId
-                        }
-                        newMsgContents.push(item)
-                        break;
-                }
-            })
-            params['msgContents'] = newMsgContents
-            names?.forEach((item: { id: number, nickname: string }) => {
-                if (value === item?.nickname + '_' + item?.id) {
-                    params['fansIds'] = item?.id
-                    localStorage.setItem('fans', JSON.stringify(item))
-                }
-            })
-            if (params?.msgContents?.length === 0) {
-                message.error('请添加素材！')
-                return
-            }
-            if (!params.fansIds) {
-                message.error('请输入昵称')
-                return
-            }
-            postReplyStrategyPreview.run(params)
-        } else if (isTem) {
-            // 模板消息预览
-            let { msgContents } = data as { msgContents: any }
-            let { fields, queryForm, tagObj } = msgContents
-            let dataQuery: any = {}
-            let { taskName, fansAll, templateId, enabled, fansFilterSex, isUrl, url, miniprogramAppid, miniprogramPagepath, triggerType, sendTime } = queryForm
-            dataQuery.mpId = actionWX?.id
-            dataQuery.taskName = taskName
-            dataQuery.fansAll = fansAll
-            dataQuery.enabled = enabled === 1 ? true : false
-            if (!fansAll) {
-                if (fansFilterSex !== 'all') {
-                    dataQuery.fansFilterSex = fansFilterSex  // 性别
-                }
-                if (tagObj.fansFilterTagids.length !== 0) {
-                    dataQuery.fansFilterTagType = tagObj.fansFilterTagType
-                    dataQuery.fansFilterTagids = tagObj.fansFilterTagids
-                }
-            }
-            if (!templateId) { message.error('请选择模板'); return }
-            // if(fields.findIndex((item: any) => item.value === '') !== -1) { message.error('模板内容空'); return }
-            dataQuery.templateId = templateId
-            dataQuery.contentFields = fields
-            if (isUrl) {
-                if (url) {
-                    dataQuery.isUrl = isUrl
-                    dataQuery.url = url
-                }
-            } else {
-                if (!miniprogramAppid || !miniprogramPagepath) {
-                } else {
-                    dataQuery.isUrl = isUrl
-                    dataQuery.miniprogramAppid = miniprogramAppid
-                    dataQuery.miniprogramPagepath = miniprogramPagepath
-                }
-            }
-            dataQuery.triggerType = triggerType
-            if (triggerType === 1) {
-                if (sendTime) {
-                    dataQuery.sendTime = sendTime
-                }
-            }
-            names?.forEach((item: { id: number, nickname: string }) => {
-                if (value === item?.nickname + '_' + item?.id) {
-                    dataQuery['fansIds'] = item?.id
-                    localStorage.setItem('fans', JSON.stringify(item))
-                }
-            })
-            temPreview.run(dataQuery)
-        } else {//高级群发预览逻辑
-            let { msgType, theEdit } = data as any
-            let textContent = ''
-            let obj: any = {}
-            theEdit?.textContent?.forEach((key: string, index: number) => {
-                textContent += `${key.replace(/_href/ig, 'href')}${index !== theEdit?.textContent.length - 1 ? '<br/>' : ''}`
-            })
-            if (theEdit?.content?.news) {//图文
-                obj = { ...obj, news: theEdit?.content?.news }
-            }
-            if (theEdit?.content?.news && theEdit?.isWx) {
-                obj = { ...obj, wxMediaId: theEdit?.mediaId }
-            }
-            if (theEdit?.fileType === 'video' || theEdit?.msgType === 'video' || theEdit?.msgType === 'mpvideo') {//视频
-                obj = {
-                    ...obj,
-                    videoDescription: theEdit?.videoDescription,//视频描述
-                    videoTitle: theEdit?.videoTitle,//视频标题
-                    url: theEdit?.url,//链接  
-                }
-            }
-            if (theEdit?.msgType === 'text' || theEdit?.fileType === 'text') {//文本
-                obj = {
-                    ...obj,
-                    textContent
-                }
-            }
-            if (theEdit?.fileType === 'image' || theEdit?.fileType === 'voice' || theEdit?.msgType === 'image' || theEdit?.msgType === 'voice') {//图片或音频
-                obj = {
-                    ...obj,
-                    title: theEdit?.title,//标题
-                    url: theEdit?.url,//链接
-                }
-            }
-            obj = {
-                ...obj,
-                mediaType: theEdit?.fileType || theEdit?.msgType,//类型
-            }
-            if (theEdit?.mediaId && theEdit?.msgType !== "mpnews") {
-                obj['wxMediaId'] = theEdit?.mediaId
-            }
-            if (!theEdit) {
-                message.error('请选择素材')
-                return
-            }
-            if (!actionWX) {
-                message.error('没有选择公众号')
-                return
-            }
-            if (!value) {
-                message.error('请输入昵称')
-                return
-            }
-            if (actionWX) {
-                // let textContent = ''
-                // theEdit?.textContent?.forEach((key: string, index: number) => {
-                //     textContent += `${key.replace(/_href/ig, 'href')}${index !== (theEdit?.textContent as string[]).length - 1 ? '<br/>' : ''}`
-                // })
-                obj = {
-                    ...obj,
-                    mpId: actionWX?.id,
-                    msgType,
-                    // mediaId: theEdit?.mediaId,
-                    // content: textContent,
-                    // wxName: value?.split('_')[0],
-                    fansId: value?.split('_')[1],
-                }
-                localStorage.setItem('fans', JSON.stringify({ nickname: value?.split('_')[0] }))
-                postPreview.run(obj)
-            }
-        }
-    }, [data, actionWX, value, postPreview, names, kfPreview])
-    /**清空昵称 */
-    useEffect(() => {
-        if (Array.isArray(data?.mpIds) && ylVisible) {
-            let fans = localStorage.getItem('fans') ? JSON.parse(localStorage.getItem('fans') as string) : ''
-            let wx = data?.mpIds[0]
-            if (fans && wx) {
-                searchFans.run({ mpId: wx?.id, nickname: fans?.nickname })
-            }
-        }
-    }, [data, ylVisible])
-    useEffect(() => {
-        if (!ylVisible) {
-            setNames([])
-            setValue('')
-            searchFans.mutate([])
-        } else {
-            if (Array.isArray(data?.mpIds)) {
-                let fans = localStorage.getItem('fans') ? JSON.parse(localStorage.getItem('fans') as string) : ''
-                let wx = data?.mpIds[0]
-                if (fans && wx) {
-                    searchFans.run({ mpId: wx?.id, nickname: fans?.nickname })
-                }
-            }
-        }
-    }, [ylVisible])
-    return <>
-        {
-            type === 'text' ?
-                <Button onClick={() => { setYlVisible(true) }} type={buttonType} size={size}>预览</Button>
-                :
-                <Tooltip placement="top" title='预览'><EyeOutlined onClick={() => { setYlVisible(true) }} /></Tooltip >
-        }
-        <Modal
-            width={500}
-            open={ylVisible}
-            title="发送手机预览"
-            onCancel={() => setYlVisible(false)}
-            // onOk={handlePreview}
-            okText='发送预览'
-            confirmLoading={postPreview?.loading}
-            destroyOnClose
-            footer={<Space>
-                <Button onClick={() => setYlVisible(false)}>取消</Button>
-                <Button type='primary' onClick={handlePreview} loading={postReplyStrategyPreview?.loading || postPreview?.loading || kfPreview?.loading || temPreview?.loading}>发送预览</Button>
-            </Space>}
-        >
-            <div>
-                <p>默认预览选择的第一个公众号,关注公众号后，才能接收图文消息预览!</p>
-                {
-                    data?.mpIds?.map((item: { headImg: string, nickName: string }, index: number) => {
-                        if (index === 0) {
-                            return <span style={{ border: '1px dashed #d8d8d8', padding: 5, borderRadius: '3px', display: 'flex', justifyContent: 'space-between', width: 100 }} key={index}>
-                                <img src={item?.headImg || localStorage?.bookImg} alt="头像" style={{ width: 20, height: 20 }} />
-                                <span>{item?.nickName}</span>
-                            </span>
-                        }
-                        return null
-                    })
-                }
-            </div>
-            {/* <Input placeholder='请输入微信号名称' style={{ marginBottom: 10 }} onChange={PreviewChange} /> */}
-            <Select
-                showSearch
-                style={{ margin: '10px 0', width: '100%' }}
-                placeholder="请输入微信号名称自动模糊搜索匹配"
-                optionFilterProp="children"
-                onChange={PreviewChange}
-                onSearch={onSearch}
-                allowClear={true}
-            // filterOption={(input: any, option: any) =>
-            //     option?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
-            // }
-            >
-                {
-                    names?.map((item: { id: number, nickname: string, headimgurl: string }) => {
-                        return <Option key={item.id} value={item.nickname + '_' + item.id}>
-                            <img src={item?.headimgurl} alt="" style={{ width: 20 }} />&nbsp;{item?.nickname}
-                        </Option>
-                    })
-                }
-            </Select>
-            <Tag color='warning'>预览功能仅用于公众号查看文章效果，不适用于公众传播，预览链接会在短期内失效</Tag>
-        </Modal>
-    </>
-}
-
-export default React.memo(PreviewModal, (a, b) => {
-    if (JSON.stringify(a) === JSON.stringify(b)) {
-        return true
-    }
-    return false
-})

src/components/MaterialModal/smModalBox.tsx

@@ -1,250 +0,0 @@
-import React, { useCallback, useEffect, useState } from "react"
-import { Card, Col, Empty, Modal, Pagination, Row, Tabs, Tag, Image, Input, message, Button, Space } from "antd"
-import { useModel } from 'umi'
-import FlieBox from '@/components/FileBox'
-const { TabPane } = Tabs
-import style from './index.less'
-type Props = {
-    mediaType: number,
-    visible: boolean,
-    onOk: (url: string, type?: number) => void,
-    onCancel: () => void,
-    title: string,
-    actionKey?: string,
-    isShowWx?: boolean,
-    isAllData?: boolean,
-    noFile?: boolean//是否禁止选择文件夹
-}
-let config2 = {
-    1: 'image',
-    2: 'voice',
-    3: 'video',
-    5: 'news',
-    6: 'knews'
-}
-const SmModalBox = (props: Props) => {
-    const { mediaType, visible, onOk, onCancel, title, actionKey, isShowWx = true, isAllData = false, noFile = false } = props
-    const { getWeData, update } = useModel('useOperating.useMaterialContent', model => ({
-        getWeData: model.getWeData,
-        update: model.update,
-    }))
-    const { actionWX } = useModel('useOperating.useWxGroupList', model => ({ actionWX: model.state.actionWX }))
-    const { state, set, getList, init, typeEnum } = useModel('useOperating.useBdMediaPup')
-    const { fileType, belongUser, parentId, selectItem } = state
-    const [actionData, setActionData] = useState<any>(null)
-    const [action, setAction] = useState<string>('')
-    const [page, setPage] = useState<number>(1)//页码
-    const [qqLink, setQqLink] = useState<string>('')
-    //
-    let ok = useCallback(() => {
-        if (!actionKey) {
-            if (isAllData) {
-                if (belongUser == 0 || belongUser == 1) {
-
-                    if (selectItem && Object.keys(selectItem).length > 0) {
-                        onOk(selectItem, mediaType)
-                    } else {
-                        message.error('选择本地图片')
-                    }
-                } else if (belongUser == 3) {
-                    if (actionData) {
-                        onOk(actionData, mediaType)
-                    } else {
-                        message.error('选择微信图片')
-                    }
-                }
-            } else {
-                if (action) {
-                    onOk(action, mediaType)
-                }
-            }
-        } else if (actionKey === '1') {
-            if (qqLink) {
-                onOk(qqLink)
-            } else {
-                message.error('地址不正确')
-            }
-        }
-    }, [actionKey, actionData, selectItem, belongUser])
-    useEffect(() => {
-        if (belongUser == 0 || belongUser == 1) {
-            getList()
-        } else if (belongUser == 3) {
-            setPage(1)
-            getWeData.run({
-                mpId: actionWX?.id,
-                pageSize: 20,
-                pageNum: 1,
-                mediaType: config2[mediaType]
-            })
-        }
-    }, [fileType, belongUser, parentId, actionWX?.id])
-    useEffect(() => {
-        init({ fileType: config2[mediaType] })
-    }, [mediaType])
-    // 分页
-    let wxpageSizeChange = useCallback((page: number, pageSize?: number) => {
-        setPage(page)
-        if (actionWX?.id) {
-            getWeData.run({
-                mpId: actionWX?.id,
-                pageSize: pageSize,
-                pageNum: page,
-                mediaType: config2[mediaType]
-            })
-        }
-    }, [mediaType, actionWX])
-    //选中图片
-    let handleClick = useCallback((url, data?: any) => {
-        setAction(url)
-        setActionData(data)
-    }, [])
-    //qq视频
-    const qqLinkChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let v = e.target.value
-        let arr = v.split('/')
-        let vid = arr[arr.length - 1].replace('.html', '')
-        if (v.search(/http[s]?:\/\/v.qq.com[\S]*.html/ig) !== -1) {
-            setQqLink(`https://v.qq.com/iframe/player.html?vid=${vid}&auto=0`)
-        }
-    }, [])
-    // 更新公众号下素材
-    let sync = useCallback(() => {
-        update.run({ mpId: actionWX?.id, mediaType: config2[mediaType] }).then((res) => {
-            if (res) {
-                setPage(0)
-                if (actionWX?.id) {
-                    getWeData.run({
-                        mpId: actionWX?.id,
-                        pageSize: 20,
-                        pageNum: 1,
-                        mediaType: config2[mediaType]
-                    })
-                }
-            }
-        })
-    }, [update, actionWX?.id, mediaType])
-
-    let Tags = (props: { url: string, data?: { title?: string, name?: string } }) => {
-        switch (mediaType) {
-            case 1:
-                return <Card bodyStyle={{ padding: 0, height: 150, display: 'flex', flexFlow: 'column' }} bordered={false} hoverable>
-                    <Image src={props.url} width={150} height={150} placeholder preview={false} onClick={() => handleClick(props.url, props?.data)} />
-                </Card >
-            case 3:
-                return <div>
-                    <Card bodyStyle={{ padding: 10, height: 165, display: 'flex', flexFlow: 'column', border: '1px solid #efefef' }} bordered={false} hoverable onClick={() => handleClick(props.url, props?.data)}>
-                        <video src={props.url} height='130px' controls />
-                        <span>名称： {props?.data?.title || props?.data?.name}</span>
-                    </Card>
-                </div>
-            default:
-                return <div>
-                    <Card bodyStyle={{ padding: 10, height: 80, display: 'flex', flexFlow: 'column', border: '1px solid #efefef' }} bordered={false} hoverable onClick={() => handleClick(props.url, props?.data)}>
-                        <audio src={props.url} controls />
-                        <span>名称： {props?.data?.title || props?.data?.name}</span>
-                    </Card>
-                </div>
-        }
-    }
-
-    return <Modal
-        title={title}
-        width={1200}
-        open={visible}
-        onOk={ok}
-        onCancel={onCancel}
-        maskClosable={false}
-    >
-        {
-            !actionKey && <>
-                <Tabs
-                    type="card"
-                    onChange={(activeKey: any) => { set({ belongUser: activeKey }) }}
-                    activeKey={belongUser}
-                    tabBarExtraContent={
-                        <Space>
-                            {
-                                belongUser === '3' ? <Button type='primary' onClick={sync} loading={update?.loading}>更新公众号下素材</Button> : ''
-                            }
-                        </Space>
-                    }
-                >
-                    <TabPane tab={'个人本地'} key={1} />
-                    <TabPane tab={'公共本地'} key={0} />
-                    {
-                        isShowWx && <TabPane tab={"微信素材"} key={3}>
-                            {
-                                getWeData?.data?.records?.length > 0 ? <Row justify='start' gutter={[15, 15]}>
-                                    {
-                                        getWeData?.data?.records?.map((item: any) => {
-                                            return <Col key={item?.mediaId} className={`${style.img} ${actionData?.id === item?.id ? style.action : undefined}`}>
-                                                <Tags url={item?.url} data={item} />
-                                            </Col>
-                                        })
-                                    }
-                                </Row> : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
-                            }
-
-                            <Pagination onChange={wxpageSizeChange} size={'small'} defaultPageSize={20} current={page} total={getWeData?.data?.total} style={{ float: 'right' }} showTotal={(total) => <Tag color="cyan">总共{total}数据</Tag>} />
-                        </TabPane>
-                    }
-                </Tabs>
-            </>
-        }
-
-        {
-            (belongUser == 1 || belongUser == 0) && !actionKey && <FlieBox isAll={false}  noFile={noFile} />
-        }
-
-        {
-            actionKey === '1' &&
-            <Tabs type="card">
-                <TabPane tab="腾讯视频" key="2" style={{ padding: 10 }}>
-                    <Row>
-                        <Col className={style.qq_link}>
-                            <label>视频地址：</label>
-                            <Input placeholder='请输入腾讯视频地址' onChange={qqLinkChange} allowClear />
-                        </Col>
-                        <Col className={style.qq_iframe}>
-                            <label>预览：</label>
-                            <iframe
-                                data-vidtype="2"
-                                height="310"
-                                width="1000"
-                                data-ratio="1.7666666666666666"
-                                data-w="848"
-                                src={qqLink}
-                            />
-                        </Col>
-                    </Row>
-                </TabPane>
-            </Tabs>
-
-        }
-        {
-            actionKey === '2' && <Tabs type="card">
-                <TabPane tab="音频" key="2" style={{ padding: 10 }}>
-                    <Row>
-                        <Col className={style.qq_link}>
-                            <label>视频地址：</label>
-                            <Input placeholder='请输入腾讯视频地址' />
-                        </Col>
-                        <Col className={style.qq_iframe}>
-                            <label>预览：</label>
-                            <iframe
-                                data-vidtype="2"
-                                height="310"
-                                width="1000"
-                                data-ratio="1.7666666666666666"
-                                data-w="848"
-                                src="https://v.qq.com/iframe/player.html?vid=e3161ny316e&auto=0"
-                            />
-                        </Col>
-                    </Row>
-                </TabPane>
-            </Tabs>
-        }
-    </Modal>
-}
-export default React.memo(SmModalBox)

src/components/MaterialModal/synthetic.less

@@ -1,136 +0,0 @@
-.synthetic_body {
-  position: fixed;
-  z-index: 100;
-  right: 10px;
-  top: 50px;
-  .synthetic_body_hot {
-    width: 50px;
-    display: flex;
-    height: 50px;
-    border-radius: 50%;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    background-color: #00bcd4;
-    cursor: pointer;
-  }
-}
-.synthetic_body .hover {
-  transition: all 1s;
-}
-ul.synthetic_body_ul {
-  display: flex;
-  flex-flow: column;
-  padding: 10px;
-  overflow-y: auto;
-  width: 280px;
-  max-height: 450px;
-  overflow-y: scroll;
-  li {
-    position: relative;
-    border: 1px solid #efefef;
-    border-bottom: 0;
-    > p {
-      display: flex;
-      padding: 15px;
-      flex-flow: row;
-      justify-content: space-between;
-      margin-bottom: 0;
-      img {
-        width: 60px;
-        height: 60px;
-        border-radius: 3px;
-        object-fit: cover;
-      }
-      > span {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        -webkit-line-clamp: 2;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        margin-top: 10px;
-        height: 48px;
-      }
-    }
-    > div {
-      opacity: 0;
-      display: flex;
-      justify-content: space-between;
-      padding: 0 10px;
-      align-items: center;
-      color: #fff;
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      z-index: 99;
-      height: 30px;
-      background: rgba(0, 0, 0, 0.6);
-      > span {
-        cursor: pointer;
-        > span {
-          margin-right: 10px;
-        }
-      }
-    }
-  }
-  li.last {
-    border-bottom: 1px solid #efefef;
-    > div {
-      > span {
-        > span {
-          &:nth-child(2) {
-            display: none;
-          }
-        }
-      }
-    }
-  }
-  li.first {
-    border: 0;
-    > span {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      height: 30px;
-      background: rgba(0, 0, 0, 0.6);
-      color: #fff;
-      line-height: 30px;
-      padding-left: 10px;
-    }
-    > div {
-      > span {
-        > span {
-          &:nth-child(1) {
-            display: none;
-          }
-        }
-      }
-    }
-    > p {
-      position: relative;
-      width: 100%;
-      height: 0px;
-      padding-top: 40%;
-      border-radius: 2px;
-      margin-bottom: 0;
-      img {
-        position: absolute;
-        left: 0px;
-        top: 0px;
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
-    }
-  }
-  li:hover {
-    > div {
-      opacity: 1;
-    }
-  }
-  li.action {
-    border: 1px solid rgb(59, 116, 255);
-  }
-}

src/components/MaterialModal/synthetic.tsx

@@ -1,148 +0,0 @@
-import { ArrowDownOutlined, ArrowUpOutlined, DeleteOutlined } from '@ant-design/icons'
-import { Badge, Empty, message, Popconfirm } from 'antd'
-import React, { useCallback, useRef } from 'react'
-import { useModel } from 'umi'
-import style from './synthetic.less'
-
-/**合成器 */
-let offset = { topRight: [-42, 50], topLeft: [-8, 50], bottomRight: [-42, 0], bottomLeft: [-8, 0] }
-function Synthetic(props: { show: any }) {
-    const divRef: { current: HTMLDivElement | null } = useRef(null)
-    const { dispatchDrawer } = useModel('useOperating.useMaterialDrawer', model => ({ dispatchDrawer: model.dispatch }))
-    const { state, dispatch } = useModel('useOperating.useSynthetic')
-    const { isHover, fx, dataArr, actionId } = state
-    /**合成事件 */
-    let handleOk = useCallback(() => {
-        if (dataArr.length > 0) {
-            props.show()
-            // dispatchDrawer({ type: 'initData', params: { data: { dataArr, actionId: 1 } } })
-            dispatchDrawer({ type: 'actionData', params: { data: { dataArr: dataArr, actionId: 1} } })//设置编辑器的内容
-        } else {
-            message.error('请添加素材');
-        }
-    }, [dataArr, props.show])
-    /**按下移动事件 */
-    let handleMouseDown = useCallback((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
-        event.preventDefault()
-        event.persist();
-        if (event.button === 0) {
-            let div = divRef.current
-            if (div) {
-                let disX = event.pageX - parseInt(div.offsetLeft + '');
-                let disY = event.pageY - parseInt(div.offsetTop + '');
-                document.onmousemove = function (e) {
-                    if (div) {
-                        let documentW = document.body.clientWidth
-                        let documentH = document.body.clientHeight
-                        let letf = e.pageX - disX
-                        let top = e.pageY - disY
-                        if (letf > documentW / 2 && top < documentH / 2 && fx !== 'topRight') {
-                            dispatch({ type: 'fx', params: { fx: 'topRight' } })
-                        }
-                        if (letf > documentW / 2 && top > documentH / 2 && fx !== 'bottomRight') {
-                            dispatch({ type: 'fx', params: { fx: 'bottomRight' } })
-                        }
-                        if (letf < documentW / 2 && top < documentH / 2 && fx !== 'topLeft') {
-                            dispatch({ type: 'fx', params: { fx: 'topLeft' } })
-                        }
-                        if (letf < documentW / 2 && top > documentH / 2 && fx !== 'bottomLeft') {
-                            dispatch({ type: 'fx', params: { fx: 'bottomLeft' } })
-                        }
-                        if (letf < 0) {
-                            div.style.left = "0px";
-                            return
-                        }
-                        if (letf > documentW - 25) {
-                            div.style.left = documentW - 50 + "px";
-                            return
-                        }
-                        if (top < 0) {
-                            div.style.top = "0px";
-                            return
-                        }
-                        if (top > documentH - 50) {
-                            div.style.top = documentH - 50 + "px";
-                            return
-                        }
-                        div.style.left = letf + "px";
-                        div.style.top = top + "px";
-                    }
-                };
-                document.onmouseup = function () {
-                    document.onmousemove = null;
-                }
-            }
-        }
-    }, [divRef, fx])
-    return <div
-        className={`${style.synthetic_body} ${isHover ? style.hover : ''} `}
-        onClick={() => { }}
-        onMouseDown={handleMouseDown}
-        ref={divRef}
-    >
-        <Popconfirm
-            placement={fx === 'topRight' ? 'bottomRight' : fx === 'topLeft' ? 'bottomLeft' : fx === 'bottomRight' ? 'topRight' : 'topLeft'}
-            title={
-                <ul className={style.synthetic_body_ul}>
-                    {
-                        dataArr.length > 0 ? dataArr?.map((item: any, index: number) => {
-                            return index === 0
-                                ?
-                                <li
-                                    className={`${style.first} ${actionId === item.menuId && style.action}`}
-                                    key={item.menuId}
-                                    onClick={() => dispatch({ type: 'action', params: { menuId: item.menuId } })}
-                                >
-                                    <p>
-                                        {/* <img src='https://mmbiz-qpic-cn.weituibao.com/mmbiz_png/o0slOoU0qk1qibibvCYeHB7tCwW6HGia7wntuqFtE7IYfqkp8lsCegVicBdRNQTFgZdQRLctqVIebWqu5EOib5ejHMQ/0?wx_fmt=png&wxb_id=4so7eVwgLV_RCXsMR1e4Y4hgYPtVj_qfNimo_frijeI' /> */}
-                                        <img src={item?.thumbUrl || item?.thumbMediaUrl || 'https://s.weituibao.com/static/1552098829922/bigfm.png'} alt="" />
-                                    </p>
-                                    <span className={style.title}>{item.title || '标题'}</span>
-                                    <div>
-                                        <span>
-                                            <ArrowUpOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index, up: true } })} />
-                                            <ArrowDownOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index } })} />
-                                        </span>
-                                        <DeleteOutlined onClick={() => dispatch({ type: 'delDataArr', params: { menuId: item.menuId } })} />
-                                    </div>
-                                </li>
-                                :
-                                <li
-                                    className={`${index === dataArr.length - 1 && style.last} ${actionId === item.menuId && style.action}`}
-                                    key={item.menuId}
-                                    onClick={() => dispatch({ type: 'action', params: { menuId: item.menuId } })}
-                                >
-                                    <p>
-                                        <span className={style.title1}>{item.title || '标题'}</span> <img src={item?.thumbUrl || item?.thumbMediaUrl || 'https://s.weituibao.com/static/1552098829922/bigfm.png'} alt="" />
-                                    </p>
-                                    <span />
-                                    <div>
-                                        <span>
-                                            <ArrowUpOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index, up: true } })} />
-                                            <ArrowDownOutlined onClick={() => dispatch({ type: 'mobile', params: { eq: index } })} />
-                                        </span>
-                                        <DeleteOutlined onClick={() => dispatch({ type: 'delDataArr', params: { menuId: item.menuId } })} />
-                                    </div>
-                                </li>
-                        }) : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
-                    }
-                </ul>
-            }
-            onConfirm={handleOk}
-            onCancel={() => { dispatch({ type: 'init' }) }}
-            okText="合成"
-            cancelText="清空"
-            icon={null}
-        >
-            <Badge count={state.dataArr.length} offset={offset[fx]} size='small'>
-                <span
-                    className={style.synthetic_body_hot}
-                >
-                    合成器
-            </span>
-            </Badge>
-        </Popconfirm>
-    </div>
-}
-
-export default Synthetic

src/components/MaterialModal/text.less

@@ -1,334 +0,0 @@
-.header {
-  padding: 10px;
-  background-color: #f8f8f8;
-  border-bottom: 1px solid #eee;
-}
-.box {
-  border: 1px solid #eee;
-}
-.editor {
-  height: 150px;
-  overflow-y: scroll;
-  padding: 10px;
-  div {
-    height: 20px;
-  }
-}
-.nickName {
-  color: #f50;
-  border: 1px solid #f50;
-  border-radius: 2px;
-  margin-right: 3px;
-  padding: 1px 5px;
-  font-size: 12px;
-  display: inline-block;
-}
-.popover {
-  width: 500px;
-  > div {
-    display: flex;
-    align-items: center;
-    margin-bottom: 15px;
-    > label {
-      width: 70px;
-      flex-shrink: 0;
-    }
-    .group {
-      margin-bottom: 5px;
-    }
-    input {
-      margin-bottom: 5px;
-    }
-  }
-}
-[contenteditable]:focus {
-  outline: none;
-}
-i {
-  font-style: normal;
-}
-
-.left {
-  width: 100%;
-  box-sizing: border-box;
-  > p {
-    display: flex;
-    justify-content: left;
-    align-items: center;
-    padding: 10px;
-    border-bottom: 1px solid #efefef;
-    font-weight: 500;
-  }
-  .left_ul {
-    // height: calc(100vh - 150px);
-    height: 100%;
-    overflow-y: hidden;
-    > ul {
-      display: flex;
-      flex-flow: column;
-      padding: 10px;
-      overflow-y: hidden;
-      li {
-        position: relative;
-        border: 1px solid #efefef;
-        border-bottom: 0;
-        > p {
-          display: flex;
-          padding: 15px;
-          flex-flow: row;
-          justify-content: space-between;
-          margin-bottom: 0;
-          img {
-            width: 60px;
-            height: 60px;
-            border-radius: 3px;
-            object-fit: cover;
-          }
-        }
-        > div {
-          opacity: 0;
-          display: flex;
-          justify-content: space-between;
-          padding: 0 10px;
-          align-items: center;
-          color: #fff;
-          position: absolute;
-          bottom: 0;
-          left: 0;
-          width: 100%;
-          z-index: 99;
-          height: 30px;
-          background: rgba(0, 0, 0, 0.6);
-          > span {
-            cursor: pointer;
-            > span {
-              margin-right: 10px;
-            }
-          }
-        }
-      }
-      li.last {
-        border-bottom: 1px solid #efefef;
-        > div {
-          > span {
-            > span {
-              &:nth-child(2) {
-                display: none;
-              }
-            }
-          }
-        }
-      }
-      li.first {
-        border: 0;
-        > span {
-          position: absolute;
-          bottom: 0;
-          left: 0;
-          right: 0;
-          height: 30px;
-          background: rgba(0, 0, 0, 0.6);
-          color: #fff;
-          line-height: 30px;
-          padding-left: 10px;
-        }
-        > div {
-          > span {
-            > span {
-              &:nth-child(1) {
-                display: none;
-              }
-            }
-          }
-        }
-        > p {
-          position: relative;
-          width: 100%;
-          height: 0px;
-          padding-top: 40%;
-          border-radius: 2px;
-          margin-bottom: 0;
-          img {
-            position: absolute;
-            left: 0px;
-            top: 0px;
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-          }
-        }
-      }
-      li:hover {
-        > div {
-          opacity: 1;
-        }
-      }
-      li.action {
-        border: 1px solid rgb(59, 116, 255);
-      }
-    }
-    > span {
-      height: 50px;
-      border: 1px dashed #bbbbbb;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      margin: 0 10px;
-    }
-    > span:hover {
-      border-color: rgb(59, 116, 255);
-      color: rgb(59, 116, 255);
-    }
-  }
-  .msgLeftD {
-    padding: 0 5px;
-    margin-top: 5px;
-    box-sizing: border-box;
-    > div {
-      border: 1px solid #d3d3d3;
-      padding: 5px;
-      box-sizing: border-box;
-      margin-bottom: 8px;
-      > h3 {
-        line-height: 1.5;
-        font-size: 16px;
-        padding: 0 6px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 1;
-        -webkit-box-orient: vertical;
-        box-sizing: border-box;
-      }
-      > div {
-        display: flex;
-        justify-content: start;
-        > p {
-          flex: 1;
-          font-size: 12px;
-          color: #999;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          display: -webkit-box;
-          -webkit-line-clamp: 3;
-          -webkit-box-orient: vertical;
-          padding-right: 5px;
-        }
-        > img {
-          width: 50px;
-          height: 50px;
-          object-fit: cover;
-        }
-      }
-    }
-    > .select {
-      position: relative;
-      border: 1px solid #4abe84;
-      border-radius: 5px;
-      &::after {
-        content: '';
-        width: 5px;
-        height: 12px;
-        position: absolute;
-        right: 6px;
-        bottom: 6px;
-        border: 2px solid #fff;
-        border-top-color: transparent;
-        border-left-color: transparent;
-        transform: rotate(45deg);
-        z-index: 9;
-      }
-      &::before {
-        content: '';
-        position: absolute;
-        right: 0;
-        bottom: 0;
-        border: 17px solid #4abe84;
-        border-top-color: transparent;
-        border-left-color: transparent;
-        z-index: 9;
-      }
-    }
-  }
-}
-.fixed_pop {
-  position: fixed;
-  display: none;
-  min-width: 250px;
-  min-height: 50px;
-  background-color: rgba(0, 0, 0, 0.9);
-  color: #fff;
-  border-radius: 5px;
-  justify-content: space-evenly;
-  align-items: center;
-  transform: translateX(-50%);
-  .fixed_pop_link {
-    display: flex;
-    justify-content: space-between;
-    width: 400px;
-  }
-  .fixed_pop_wx {
-    display: flex;
-    justify-content: space-between;
-    width: 500px;
-    > span {
-      &:first-child {
-        margin: 10px 0;
-      }
-      &:last-child {
-        display: flex;
-        justify-content: space-between;
-      }
-    }
-  }
-  input {
-    background-color: transparent;
-    outline: none !important;
-    border: none !important;
-    caret-color: #fff;
-    color: #fff;
-  }
-  a {
-    display: inline-block;
-    font-size: 24px;
-    font-weight: bolder;
-    margin: 0 10px;
-    text-decoration: none;
-    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  }
-  input:focus {
-    border: none !important;
-    box-shadow: none;
-  }
-  > span {
-    cursor: pointer;
-  }
-  &::after {
-    content: '';
-    width: 10px;
-    height: 10px;
-    background-color: rgba(0, 0, 0, 0.9);
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    top: -5px;
-    transform: rotate(45deg);
-  }
-}
-.editable {
-  font-family: sans-serif;
-  width: 100%;
-  min-height: 100px;
-  padding: 5px;
-  resize: none;
-}
-
-textarea.editable {
-  font-family: monospace, monospace;
-}
-.fixed_pop_wx_radio {
-  padding-left: 10px;
-  span {
-    color: #fff;
-  }
-}

src/components/MaterialModal/textModal.tsx

@@ -1,443 +0,0 @@
-import { Button, Input, message, Modal, Popover, Radio, Space } from 'antd'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import Expression from '@/components/Expression'
-import style from './text.less'
-import sanitizeHtml from 'sanitize-html';
-import { RadioChangeEvent } from 'antd/lib/radio';
-type Props = {
-    visible: boolean,
-    onCancel: () => void,
-    onOK: (props: any, type?: number) => void
-    defaultData?: any,
-    hdLink?: boolean,
-    fansName?: boolean
-}
-const sanitizeConf: any = {
-    allowedTags: ['br', 'a'],
-    allowedAttributes: { a: ["href", "_href", "data-miniprogram-appid", "data-miniprogram-path"] },
-    allowedSchemes: ['http', 'https', 'weixin']
-};
-/**文本弹窗 */
-const WxTextModal = React.memo((props: Props) => {
-    const { visible, onCancel, onOK, fansName = true, hdLink = true } = props
-    const [value, setValue] = useState<string>('')//存放连接文字
-    const [content, setContent] = useState<string>('')//存放发送文字
-    const [isShow, setIsShow] = useState<boolean>(false)//互动弹窗
-    const [range, setRange] = useState<Range>()//丢失焦点存放焦点位置
-    const [ref, setRef] = useState<any>(null)//存放编辑框的实例
-    const [aLink, setAlink] = useState<string>('')//存放页面链接
-    const [appID, setAppID] = useState<string>('')//存放小程序APPID
-    const [path, setPath] = useState<string>('')//存放小程序路径
-    const [userId, setUserId] = useState<any>(2)//小程序路径插入userID
-    const [textData, setTextData] = useState<any>({ range: null, left: -100, top: -100, text: '' })
-    const [isLink, setIsLink] = useState<boolean>(false)
-    const [isWxLink, setIsWxLink] = useState<boolean>(false)
-    const [isHtml, setIsHtml] = useState<boolean>(false)
-    const text = useRef('');
-    const [phoneType, setPhoneType] = useState<1 | 2 | 3|4>(3)
-    /**
-     * 发送处理
-     */
-    const callback = useCallback(() => {
-        if (ref.innerHTML) {
-            console.log(ref.innerHTML)
-            let textContent: any = sanitizeHtml(ref.innerHTML, sanitizeConf);
-            console.log(textContent)
-            textContent = textContent.replace(/&quot;/ig, '"')
-                .replace(/&amp;/ig, '&')
-                .replace(/&lt;/ig, '<')
-                .replace(/&gt;/ig, '>')
-                .replace(/<\s+/g, '<')
-                .replace(/[\f\n\r\t\v]/g, '<br/>')//将回车变成br
-                .replace(/\&nbsp;(<br>)?/g, '')
-                .replace(/<[/]?myspan[^>]*>/ig, '#')
-                .replace(/#<br>/g, '#')
-                .replace(/<([a-z]+?)(?:\s+?[^>]*?)?>[\s(<br>)]*?<\/\1>/ig, '<br/>')//替换所有空标签或空标签带<br>的标签为<br>
-                .replace(/(\b<div>(<br>)?)|((<br>)?<div>)/ig, '<br/>')//<div>or<br><div>or<div><br>转br
-                .replace(/<\/div>/ig, '')//</div>转‘’
-                .replace(/_href="\s+/ig, '_href="')//清除href头部空格
-                .replace(/href=weixin/ig,'href="weixin')
-                .replace(/msgmenuid="/ig,'msgmenuid= "')
-                .replace(/"=""/ig,'')
-                // .replace(/\s+"/ig, '"')//清除href尾部空格
-                .split('<br/>')
-            onOK({
-                textContent: textContent, indexId: props.defaultData?.indexId //textContent.filter((str)=> str!=='') 注释保留空格和换行
-            }, 4)
-        } else {
-            alert('元素获取失败请复制内容刷新页面')
-            message.error('请输入文字')
-        }
-        handleClose()
-    }, [ref])
-    /**
-     * 互动连接文字
-     */
-    const textChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {
-        let v = e.target.value
-        setValue(v)
-    }, [])
-    /**
-     * 互动发送文本
-     */
-    const contentChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let v = e.target.value
-        setContent(v)
-    }, [])
-    /**
-    * 网页小程序连接地址
-    */
-    const aLinkChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let v = e.target.value
-        setAlink(v)
-    }, [])
-    /**
-    * 小程序路径
-    */
-    const pathChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let v = e.target.value
-        setPath(v)
-    }, [])
-    /**
-    * 小程序ID
-    */
-    const appIDChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let v = e.target.value
-        setAppID(v)
-    }, [])
-    /**
-     * 插入表情
-     */
-    const getStr = useCallback((str: string, range: Range) => {
-        if (range) {
-            let selection = window.getSelection()
-            selection?.empty()//清空选择range
-            selection?.addRange(range)//插入新的range
-            document.execCommand('insertHtml', false, str + '&nbsp;');
-        }
-    }, [])
-    /**
-     * 光标丢失记录位置
-     */
-    const onBlur = useCallback(() => {
-        try {
-            let selection = window.getSelection()
-            let range = selection?.getRangeAt(0)
-            setRange(range)
-        } catch (err) {
-        }
-    }, [text])
-    /**
-     * 插入粉丝昵称
-     */
-    const pushName = useCallback(() => {
-        let selection = window.getSelection()
-        selection?.empty()//清空选择range
-        selection?.addRange(range as Range)//插入新的range
-        document.execCommand('insertHtml', false, `#粉丝昵称#`);
-        selection?.collapseToEnd()//光标插入到末尾
-    }, [range])
-    /**
-     * 插入互动链
-     */
-    const pushLink = useCallback(() => {
-        if (!value || !content) {
-            setIsShow(false)
-            return
-        }
-        let selection = window.getSelection()
-        selection?.empty()//清空选择range
-        selection?.addRange(range as Range)//插入新的range
-        if(phoneType === 4){
-            document.execCommand('insertHtml', false, `<a href="a href=weixin://bizmsgmenu?msgmenucontent=${content}&msgmenuid=+++">${value}</a>`);
-        }else{
-            document.execCommand('insertHtml', false, `<a href='weixin://${phoneType === 1 ? 'kefumenu' : 'bizmsgmenu'}?${phoneType === 1 ? `kefumenucontent=${content}` : `msgmenucontent=${content}`}&${phoneType === 1 ? 'kefumenuid=0' : phoneType === 2 ? `msgmenuid= ` : 'msgmenuid=0'}' >${value}</a>`);
-        }
-        selection?.collapseToEnd()//光标插入到末尾
-        setValue('')
-        setContent('')
-        setIsShow(false)
-    }, [range, value, content, phoneType])
-    /**
-     * 初始光标选中
-     */
-    useEffect(() => {
-        console.log('ref')
-        if (ref) {
-            ref?.focus()
-        }
-    }, [ref])
-    //复制只取纯文本
-    function textPaste(event: any) {
-        event.preventDefault();
-        let text;
-        let clp = (event.originalEvent || event).clipboardData;
-        // 兼容chorme或hotfire
-        text = (clp.getData('text/plain') || clp.getData('text'))
-            .replace(/&quot;/ig, '"')
-            .replace(/&amp;/ig, '&')
-            .replace(/&lt;/ig, '<')
-            .replace(/&gt;/ig, '>')
-            .replace(/<\s+/g, '<')
-            .replace(/href="weixin/ig,'href=weixin')
-        text = sanitizeHtml(text, sanitizeConf) || "";
-        if (text !== "") {
-            document.execCommand('insertHtml', false, text);
-        }
-    }
-    /**
-     * 编辑默认内容写入
-     */
-    useEffect(() => {
-        console.log('编辑默认内容写入', props?.defaultData?.textContent)
-        if (props?.defaultData?.textContent && ref) {
-            let text = '';
-            if (Array.isArray(props?.defaultData?.textContent)) {
-                props?.defaultData?.textContent?.map((key: any, index: number) => {
-                    key = key.replace(/href="weixin/ig,'href=weixin')
-                    if (key.indexOf('&lt;') !== -1) {//假如存在就是原文
-                        setIsHtml(true)
-                    }
-                    text += index !== props?.defaultData?.textContent?.length - 1 ? `${key}<br/>` : key
-                })
-            } else {
-                text = `${props?.defaultData?.textContent}`
-            }
-            document.execCommand('insertHtml', true, text);
-        }
-    }, [ref])
-    /**切换文本原文 */
-    const onHtml = useCallback(() => {
-        let str: string = ref.innerHTML
-        str = str.replace(/&quot;/ig, '"').replace(/&amp;/ig, '&').replace(/&lt;/ig, '<').replace(/&gt;/ig, '>').replace(/<\s+/g, '<').replace(/""/ig,'"').replace(/"="/ig,'')
-        if (isHtml) {
-            console.log('str1',str)
-            setIsHtml(false)
-            ref.innerHTML = ''
-            ref.innerHTML = str
-
-        } else {
-            console.log('str2',str)
-            setIsHtml(true)
-            ref.innerHTML = ''
-            ref.innerText = str.replace(/<br[\/]?>/ig, '\n').replace(/&nbsp;/ig, ' ')
-        }
-    }, [ref, text, isHtml])
-    //文本选中
-    let handleSelectText = useCallback((event: React.SyntheticEvent<HTMLPreElement, Event>) => {
-        let selection = window.getSelection ? window.getSelection() : (document.getSelection ? document.getSelection() : ((document as any)?.selection ? (document as any)?.selection.createRange().text : ""))
-        let text = selection.toString() || selection.text
-        if (text) {//存在文本弹窗
-            let range = selection?.getRangeAt(0)
-            let { top, left } = range?.getBoundingClientRect()
-            setTextData({ range, top, left, text })
-        } else {
-            handleClose()//关闭弹窗
-        }
-    }, [])
-    //点击设置连接转换输入，清空连接处理
-    let handleLink = useCallback((type: number) => {
-        console.log('点击设置连接转换输入，清空连接处理')
-        switch (type) {
-            case 1:
-                setIsLink(true)
-                break;
-            case 2:
-                setIsWxLink(true)
-                break;
-            default:
-                let selection = window.getSelection()
-                selection?.empty()//清空选择range
-                selection?.addRange(textData?.range)//插入新的range
-                document.execCommand('unlink')//清除连接
-                selection?.collapseToEnd()//光标插入到末尾
-                handleClose()//关闭弹窗
-                break
-        }
-    }, [textData])
-    //清空数据并关闭弹窗
-    let handleClose = useCallback(() => {
-        console.log('清空数据并关闭弹窗')
-        setTextData({ range: null, left: -100, top: -100, text: '' })
-        setIsWxLink(false)
-        setIsLink(false)
-        setAppID('')
-        setAlink('')
-        setPath('')
-    }, [])
-    //ok插入连接数据
-    let handleOk = useCallback(() => {
-        let selection = window.getSelection()
-        selection?.empty()//清空选择range
-        selection?.addRange(textData?.range)//插入新的range
-        if (isWxLink) {
-            if (aLink && appID && path) {
-                let Apath = path
-                if (userId) {
-                    if (userId === 1 && path && !path.includes('#USER_ID#')) {
-                        Apath = Apath + '#USER_ID#'
-                    } else if (userId === 2 && path && !path.includes('#QC_USER_ID#')) {
-                        Apath = Apath + '#QC_USER_ID#'
-                    }
-                }
-                document.execCommand('insertHTML', true, `<a href='${aLink}' data-miniprogram-appid='${appID}' data-miniprogram-path='${Apath}' >${textData?.text}</a>`);//插入连接
-                selection?.collapseToEnd()
-                handleClose()
-            } else {
-                message.error('请填写完整')
-            }
-        } else {
-            if (aLink && aLink.search(/http[s]?:\/\//ig) !== -1) {//
-                document.execCommand('createLink', false, aLink);//插入连接
-                selection?.collapseToEnd()
-                handleClose()
-            } else {
-                message.error('请填入正确的连接')
-            }
-        }
-    }, [textData, aLink, appID, path, isWxLink, range, userId])
-    //处理选中的文本
-    return <Modal
-        title='编辑文字内容'
-        open={visible}
-        width={1100}
-        onCancel={() => {
-            handleClose()
-            text.current = ''
-            onCancel()
-        }}
-        onOk={callback}
-        destroyOnClose
-    >
-        <div className={style.box}>
-            <div className={style.header}>
-                <Space>
-                    <Expression getStr={getStr} range={range as Range} />
-                    {
-                        // fansName && <Button size='small' onClick={pushName}>粉丝昵称</Button>
-                    }
-                    {
-                        hdLink && <Popover
-                            placement="right"
-                            title={'新建互动链'}
-                            open={isShow}
-                            onOpenChange={(visible) => { setIsShow(visible) }}
-                            content={<div className={style.popover}>
-                                <div>
-                                    <label>连接文字：</label>
-                                    <Input.TextArea rows={2} placeholder='互动链显示的文字' onChange={textChange} value={value} />
-                                </div>
-                                <div>
-                                    <label>点击发送：</label>
-                                    <Input placeholder='粉丝点击互动链后，自动向公众号发送的消息' onChange={contentChange} value={content} />
-                                </div>
-                                <div>
-                                    <label>系&nbsp;&nbsp;统：</label>
-                                    <Radio.Group
-                                        onChange={(e: RadioChangeEvent) => {
-                                            setPhoneType(e.target.value)
-                                        }}
-                                        value={phoneType}
-                                    >
-                                        <Radio value={3}>通用</Radio>
-                                        <Radio value={1}>安卓1</Radio>
-                                        <Radio value={4}>安卓2</Radio>
-                                        <Radio value={2}>苹果</Radio>
-
-                                    </Radio.Group>
-                                </div>
-                                <div>
-                                    <label>提&nbsp;&nbsp;示：</label>
-                                    {
-                                        phoneType === 1 ?
-                                            <strong style={{ color: 'red' }}>
-                                                8.0.9——8.0.11（最新版本），共3个版本均可激活48小时互动！<br />
-                                            8.0.7及以下版本，点击新蓝链会跳转空页面，无法激活!<br />
-                                            iOS用户点击新蓝链，系统无法模拟用户回复消息！！！
-                                             </strong>
-                                            :
-                                            phoneType === 3 ?
-                                                <strong>
-                                                    原来的篮字方式无法激活48小时互动但所有机型通用
-                                                 </strong> 
-                                                :phoneType === 4 ?<strong>
-                                                    安卓用户可以看到，ios看不到
-                                                </strong>:<strong>
-                                                    只对IOS有效
-                                                </strong>
-                                    }
-                                </div>
-                                <Button onClick={pushLink} type='primary'>确定</Button>
-                            </div>}
-                            trigger="click"
-                        >
-                            <Button size='small' >互动链</Button>
-                        </Popover>
-                    }
-                    <Button size='small' onClick={onHtml}>文本转译</Button>
-                </Space>
-            </div>
-            <pre
-                className={style.editable} //样式
-                onBlur={onBlur}//焦点丢失
-                contentEditable="true"
-                dangerouslySetInnerHTML={{ __html: text.current }}
-                onSelect={handleSelectText}//选中事件
-                ref={(ref: any) => { setRef(ref) }}
-                onKeyDown={(e: React.KeyboardEvent<HTMLPreElement>) => {
-                    if (e.key === 'Enter') {
-                        document.execCommand('insertHTML', false, '\n')
-                        e.preventDefault()
-                    }
-                }}
-                onKeyUp={(e: React.KeyboardEvent<HTMLPreElement>) => {
-                    if (e.key === 'Enter') {
-                        e.preventDefault()
-                    }
-                }}
-                onPaste={textPaste}
-            />
-        </div>
-        <div
-            className={style.fixed_pop}
-            style={{ left: textData?.left, top: textData?.top + 30, display: textData.left > 0 ? 'flex' : '' }}
-        >
-            <>
-                {isLink && <div className={style.fixed_pop_link}>
-                    <Input placeholder='输入链接，以http://或https://开头' onChange={aLinkChange} />
-                    <a onClick={handleOk}>✓</a>
-                    <a onClick={handleClose}>×</a>
-                </div>}
-                {
-                    isWxLink && <div className={style.fixed_pop_wx}>
-                        <span>
-                            <Input placeholder='填写小程序AppID，跳转小程序需与当前公众号绑定关联关系' onChange={appIDChange} />
-                            <Input placeholder='填写小程序路径，例如：pages/index' onChange={pathChange} />
-                            <Input placeholder='备用网页，以http://或https://开头' onChange={aLinkChange} />
-                            <div className={style.fixed_pop_wx_radio}>
-                                <span>路径插入用户：</span>
-                                <Radio.Group onChange={(e: any) => { setUserId(Number(e.target.value)) }} value={userId} >
-                                    <Radio value={1}>普通用户</Radio>
-                                    <Radio value={2}>趣程用户</Radio>
-                                    <Radio value={0}>否</Radio>
-                                </Radio.Group>
-                            </div>
-                        </span>
-                        <span>
-                            <a onClick={handleOk}>✓</a>
-                            <a onClick={handleClose}>×</a>
-                        </span>
-                    </div>
-
-                }
-                {!isLink && !isWxLink && <>
-                    <span onClick={() => { handleLink(1) }}>设置连接</span>
-                    <span onClick={() => { handleLink(2) }}>设置小程序</span>
-                    <span onClick={() => { handleLink(3) }}>清空连接</span>
-                </>
-                }
-            </>
-        </div>
-    </Modal >
-})
-export default WxTextModal

src/components/MaterialModal/updata.less

@@ -1,6 +0,0 @@
-.uploadlistinline {
-    .ant-upload-list-item {
-        float: left;
-        margin-right: 10px !important;
-    }
-}

src/components/MaterialModal/updata.tsx

@@ -1,227 +0,0 @@
-import { PlusOutlined } from '@ant-design/icons';
-import { Button, Divider, InputNumber, message, Tag, Upload } from 'antd'
-import Modal from 'antd/lib/modal/Modal'
-import React, { useCallback, useReducer, useState } from 'react'
-import { request, useModel } from 'umi';
-import { api } from '@/services/api'
-import './updata.less'
-import getMD5 from '../MD5';
-type State = {
-    visible?: boolean,//批量弹窗
-    fileList?: any[],//已上传的文件列表
-    previewVisible?: boolean,//查看图片弹窗
-    previewImage?: string,//查看图片地址
-    previewTitle?: string//查看图片标题
-}
-type Action = {
-    type: 'visible' | 'fileList' | 'delList' | 'previewVisible' | 'init',
-    params?: any
-}
-const initData: State = {
-    visible: false,
-    fileList: [],
-    previewVisible: false,
-    previewImage: '',
-    previewTitle: ''
-}
-function reducer(state: State, action: Action) {
-    let { type, params } = action
-    switch (type) {
-        case 'visible':
-            return { ...state, visible: params.visible }
-        case 'previewVisible':
-            return { ...state, ...params }
-        case 'delList':
-            let delArr = state?.fileList?.filter((file: { uid: string }) => file.uid !== params?.uid)
-            return { ...state, fileList: delArr }
-        case 'fileList':
-            let arr = state?.fileList ? [...state?.fileList, ...params.fileList as any[]] : params.fileList
-            return { ...state, fileList: arr }
-        case 'init':
-            return { ...initData }
-        default:
-            return { ...state }
-    }
-}
-/**文件限制字典 */
-const fileTypes: any = {
-    '1': 'image/gif,image/jpeg,image/png,image/jpg',
-    '3': 'video/*',
-    '2': 'audio/*',
-}
-// type: 0 | 1,
-function Updata(props: { mediaType: '3' | '2' | '1', callBcak: (str: boolean) => void, type: 0 | 1, isAll: boolean }) {
-    const [state, dispatch] = useReducer(reducer, initData)
-    const { mediaType, callBcak, type, isAll } = props
-    const { deloss } = useModel('useOperating.useMaterialContent')
-    const { visible, fileList, previewVisible, previewImage, previewTitle } = state
-    const { state: bdState, add, list } = useModel(isAll ? 'useOperating.useBdMedia' : 'useOperating.useBdMediaPup')
-    const { parentId, belongUser, fileType } = bdState
-    const [sort, setSort] = useState<number>(0)
-    //创建
-    const submit = useCallback(() => {
-        let arr: any[] = []
-        fileList.forEach((file: { type: number, mediaType: number, url: string, name: string, sort: number, fileMd5: string, fileSize: number }) => {
-            let { url, name, sort, fileMd5, fileSize } = file
-            let obj = { title: name, fileType, folder: false, parentId, belongUser, url, sort, fileMd5, fileSize }
-            arr.push(obj)
-        })
-        if (arr.length > 0) {
-            arr.forEach((item) => {
-                add.run(item).then((res) => {
-                    list.refresh()
-                })
-            })
-        }
-        dispatch({ type: 'init' })
-        callBcak(false)
-    }, [fileList, list])
-    //取消
-    const cancel = useCallback(() => {
-        if (fileList.length > 0) {
-            message.warning('你有已上传的文件没有删除或保存，如果放弃请先删除图片，释放服务器空间')
-            return
-        }
-        dispatch({ type: 'init' })
-        callBcak(false)
-    }, [fileList])
-    //批量删除
-    const allDel = useCallback(() => {
-        fileList.forEach((file: { key: string, uid: string }) => {
-            let { key, uid } = file
-            dispatch({ type: 'delList', params: { uid } })
-            deloss.run(key).then((res: any) => {//删除OSS文件
-                console.log(res)
-            })
-        })
-    }, [fileList])
-    return <>
-        {/* <span onClick={() => { dispatch({ type: 'visible', params: { visible: true } }) }}>批量创建素材</span> */}
-        {/* <Button onClick={() => { dispatch({ type: 'visible', params: { visible: true } }) }} type='primary'>批量创建素材</Button> */}
-        <Modal
-            open={true}
-            title={<span>批量新增素材<small style={{ color: '#999' }}>（请先手动将文件名重命名为要创建的素材标题）</small></span>}
-            onOk={submit}
-            onCancel={cancel}
-            width={800}
-        >
-            <Button type='primary' size='small' style={{ float: 'right', marginBottom: 5 }} onClick={allDel}>全部删除</Button>
-            <Divider />
-            <Tag color='warning'>数值越大越靠前</Tag>
-            <div>
-                <InputNumber
-                    style={{ width: 300, marginTop: 10, marginBottom: 10 }}
-                    value={sort}
-                    placeholder='请输入序号, 数值越大越靠前'
-                    onChange={(e: number) => {
-                        setSort(e)
-                    }}
-                />
-            </div>
-            <Upload
-                accept={fileTypes[mediaType]}
-                action="" //上传的地址1
-                listType="picture-card" //上传列表的内建样式，支持三种基本样式 text, picture 和 picture-card
-                fileList={fileList} //已经上传的文件列表
-                onPreview={(file) => {
-                    dispatch({
-                        type: 'previewVisible',
-                        params: {
-                            previewVisible: true,
-                            previewImage: file.url,
-                            previewTitle: file.name
-                        }
-                    })
-                }} //点击文件链接或预览图标时的回调
-                onChange={() => { }} //上传文件改变时的状态
-                multiple={true} //是否支持多选文件，ie10+ 支持。开启后按住 ctrl 可选择多个文件
-                customRequest={(options: any) => {
-                    let formData = new FormData();
-                    if (mediaType === '2') {
-                        if (options.file.size > 2097152) {
-                            message.error('请上传小于2M的音频')
-                            return
-                        }
-                    }
-                    if (mediaType === '1' || mediaType === '3') {
-                        if (options.file.size > 10485760) {
-                            message.error('请上传小于10M的素材')
-                            return
-                        }
-                    }
-                    request(`${api}/system/oss/ossUpload?type=${options.file.type}`).then((res) => { //请求后端获取ossKey
-                        if (res.data) {
-                            Object.keys(res.data).forEach((key: string) => {
-                                if (key !== 'url') {
-                                    formData.append(key, res.data[key])
-                                }
-                            })
-                            formData.append('file', options.file)
-                            //请求OSS上传
-                            request(res?.data?.ossUrl, { method: 'post', body: formData }).then(async (res2: { code: number, data: { url: string } }) => {
-                                console.log(res2)
-                                if (res2.code === 200) {
-                                    let fileMd5 = await getMD5(options.file)
-                                    dispatch({
-                                        type: 'fileList', params: {
-                                            fileList: [
-                                                {
-                                                    url: res2.data.url,
-                                                    name: options.file.name,
-                                                    uid: options.file.uid,
-                                                    // type,
-                                                    mediaType,
-                                                    key: res.data.key,
-                                                    sort,
-                                                    fileMd5,
-                                                    fileSize: options.file.size
-                                                }
-                                            ]
-                                        }
-                                    })
-                                } else {
-                                    message.error(`${options.file.name}上传失败！`)
-                                }
-                            })
-                        }
-                    })
-                }}
-                // transformFile={} //在上传之前转换文件。支持返回一个 Promise 对象  
-                onRemove={(file: any) => {
-                    let uid = file.uid
-                    dispatch({ type: 'delList', params: { uid } })
-                    deloss.run(file.key).then((res: any) => {//删除OSS文件
-                        console.log(res)
-                    })
-                }} //点击移除文件时的回调，返回值为 false 时不移除。支持返回一个 Promise 对象，Promise 对象 resolve(false) 或 reject 时不移除   
-            >
-                <div>
-                    <PlusOutlined />
-                    <div style={{ marginTop: 8 }}>Upload</div>
-                </div>
-            </Upload>
-            <Modal
-                open={previewVisible}
-                title={previewTitle}
-                footer={null}
-                onCancel={() => {
-                    dispatch({
-                        type: 'previewVisible', params: {
-                            previewVisible: false,
-                            previewImage: '',
-                            previewTitle: ''
-                        }
-                    })
-                }}
-            >
-                {
-                    mediaType === '1' ? <img alt="example" style={{ width: '100%' }} src={previewImage} /> :
-                        mediaType === '3' ? <video src={previewImage} controls width='100%' /> : <audio src={previewImage} controls />
-                }
-
-            </Modal>
-        </Modal>
-    </>
-}
-
-export default Updata

src/components/MaterialModal/wxGraphicListModal.tsx

@@ -1,291 +0,0 @@
-import { PlusOutlined } from '@ant-design/icons'
-import { Button, Card, Col, Input, message, Modal, Radio, Row, Tag } from 'antd'
-import { RadioChangeEvent } from 'antd/lib/radio'
-import React, { useCallback, useEffect, useReducer, useState } from 'react'
-import WxModalBox from './wxModalBox'
-import style from './graphic.less'
-import { useModel } from 'umi'
-type Props = {
-    visible: boolean,
-    onCancel: () => void,
-    onOK: (props: any, type?: number) => void,
-    defaultData: any,
-}
-type State = {
-    actionData?: any//数据
-}
-export type Action = {
-    type: 'pushData' | 'initData' | 'range',
-    params?: any
-}
-function reducer(state: State, action: Action) {
-    let { type, params } = action
-    let newData = JSON.parse(JSON.stringify(state.actionData))
-    switch (type) {
-        case 'pushData':
-            let { eq, ...param } = params
-            Object.keys(param).forEach((key: string) => {
-                newData.articles.forEach((obj: any, index: number) => {
-                    if (index === eq) {
-                        obj[key] = params[key]
-                    }
-                })
-            })
-            return { ...state, actionData: newData }
-        case 'initData':
-            return { ...state, actionData: params.actionData }
-        default:
-            return state;
-    }
-}
-const WxGraphicListModal = (props: Props) => {
-    const [state, dispatch] = useReducer(reducer, { actionData: { articles: [{}, {}, {}, {}, {}, {}, {}, {}] } })
-    const { actionData: action } = state
-    const { visible, onCancel, onOK, defaultData } = props
-    const [isShow, setIsShow] = useState<boolean>(false)//图片弹窗
-    const [eq, setEq] = useState<number>(1)//切换
-    const [ref, setRef] = useState<any>(null)//存放实例
-    const [range, setRange] = useState<Range>()//存放光标丢失位置
-    const [isImport, setIsImport] = useState<boolean>(false)//点击导入
-    const [radio, setRadio] = useState<number>(0)
-    const getWeItData = useModel('useOperating.useMaterialContent', model => model.getWeItData)
-    const actionWX = useModel('useOperating.useWxGroupList', model => model.state.actionWX)
-
-    //确定
-    const callback = useCallback(() => {
-        let arr: any = action.articles.filter((item: any) => JSON.stringify(item) !== '{}')//筛除空对象|| 
-        arr = arr.filter((item: any) => {
-            return item.title
-        })
-        arr = arr.map((item: any) => {
-            return { newsPicUrl: item.thumbUrl, newsUrl: item.contentSourceUrl, newsDescription: item.digest, newsTitle: item.title.replace(/<[/]?span[^>]*>/ig, '#') }
-        })
-        let isOk: boolean = arr.every((item: any) => item.newsPicUrl && item.newsDescription && item.newsUrl && item.newsTitle)//检测全部必填项
-        if (isOk) {
-            onOK({ newsList: arr, indexId: action.indexId }, 5)
-        } else {
-            message.error('请检测标题，图片，描述，链接是否填写完整！不需要的篇章请全部留空')
-        }
-    }, [action])
-    //切换
-    const handelRadio = useCallback((e: RadioChangeEvent) => {
-        let v = e.target.value
-        setEq(v)
-    }, [])
-    //选中素材时的操作
-    const handelAction = useCallback((data: any) => {
-        let obj = { mediaId: data.mediaId, articles: [...data.content.articles, ...Object.values(Array(8 - data.content.articles.length).fill({})).map(n => n)] }
-        dispatch({ type: 'initData', params: { actionData: obj } })//存放选中数据
-    }, [ref, eq])
-    //开关图片弹窗
-    const closeModal = useCallback(() => {
-        setIsShow(!isShow)
-    }, [isShow])
-    //选中图片
-    const handleOk = (data: any) => {
-        dispatch({ type: 'pushData', params: { thumbUrl: data.url, eq: radio } })
-        closeModal()
-    }
-    //插入粉丝昵称
-    const pushName = useCallback(() => {
-        let span = document.createElement('span')
-        span.className = style.nickName
-        span.setAttribute('contentEditable', 'false')
-        span.innerText = `粉丝昵称`
-        range?.insertNode(span)
-        dispatch({ type: 'pushData', params: { title: ref.innerHTML, eq: radio } })
-    }, [range, radio])
-    //复制只取纯文本
-    function textPaste(event: any) {
-        event.preventDefault();
-        let text;
-        let clp = (event.originalEvent || event).clipboardData;
-        // 兼容chorme或hotfire
-        text = clp.getData('text') 
-        console.log(text)
-        if (text !== "") {
-            document.execCommand('insertHtml', false, text);
-        }
-    }
-    //光标丢失记录位置
-    const onBlur = useCallback(() => {
-        let selection = window.getSelection()
-        let range = selection?.getRangeAt(0)
-        setRange(range)
-        dispatch({ type: 'pushData', params: { title: ref.innerHTML, eq: radio } })
-    }, [ref, radio])
-    // useEffect(() => {
-    //     if (ref) {
-    //         let { title } = action?.articles[radio]
-    //         ref.innerText = title || ''
-    //     }
-
-    // }, [radio, ref, action])
-    //初始光标选中
-    useEffect(() => {
-        ref?.focus()
-    }, [ref])
-    //获取微信图文列表
-    useEffect(() => {
-        if(actionWX){
-            getWeItData.run({ appId: actionWX.appid, count: 1000, offset: 0 })
-        }
-    }, [actionWX])
-    //获取同步更新素材
-    const sync = () => {
-        getWeItData.run({ appId: actionWX.appid, count: 1000, offset: 0, isNew: true })
-    }
-    //连接输入
-    const handelLink = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let v = e.target.value
-        dispatch({ type: 'pushData', params: { contentSourceUrl: v, eq: radio } })
-    }, [radio])
-    //摘要输入
-    const handelText = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {
-        let v = e.target.value
-        dispatch({ type: 'pushData', params: { digest: v, eq: radio } })
-    }, [radio])
-    /**篇数选择 */
-    const radioChange = useCallback((e: RadioChangeEvent) => {
-        let v = e.target.value
-        setRadio(v)
-    }, [])
-    //list渲染
-    const List = useCallback((props: { width: string, action: any }) => {
-        let { action } = props
-        return <div className={style.list}>
-            {
-                getWeItData?.data?.items?.map((item: any, index: any) => {
-                    let isAction = action?.mediaId === item.mediaId
-                    return <Card
-                        hoverable
-                        style={{ width: props.width, borderRadius: 5, marginBottom: 10 }}
-                        bodyStyle={{ padding: '5px' }}
-                        className={isAction ? style.action : ''}
-                        bordered={isAction ? false : true}
-                        key={index}
-                        onClick={() => handelAction(item)}
-                    >
-                        <div className={style.box}>
-                            <div className={style.left}>
-                                <p>{item.content.articles[0].title}</p>
-                                <span>最近编辑：{item.content?.updateTime?.replace(/T|\.000\+0800/ig, ' ')}</span>
-                            </div>
-                            <img src={item.content.articles[0].thumbUrl} />
-                        </div>
-                    </Card>
-                })
-            }
-        </div>
-    }, [getWeItData])
-    /**编辑回填 */
-    useEffect(() => {
-        if (defaultData?.newsList) {
-            let arr = defaultData?.newsList.map((item: any) => {
-                return { title: item.newsTitle.replace('#粉丝昵称#', `<span class=${style.nickName} contenteditable="false">粉丝昵称</span>`), thumbUrl: item.newsPicUrl, contentSourceUrl: item.newsUrl, digest: item.newsDescription }//转义
-            })
-            arr = [...arr, ...Object.values(Array(8 - arr.length).fill({})).map(n => n)]  //不足8个填充
-            dispatch({ type: 'initData', params: { actionData: { articles: arr, indexId: defaultData?.indexId } } })
-        }
-    }, [defaultData])
-    return <Modal
-        title='编辑图文内容'
-        width={1100}
-        open={visible}
-        onCancel={onCancel}
-        onOk={callback}
-    >
-        <div>
-            <div className={style.header}>
-                <label>添加方式：</label>
-                <Radio.Group onChange={handelRadio} value={eq}>
-                    <Radio value={1}>自定义设置</Radio>
-                    {/* <Radio value={2}>素材库导入</Radio> */}
-                </Radio.Group>
-                <Button type='primary' onClick={sync} loading={getWeItData?.loading}>同步最新素材</Button>
-            </div>
-            {
-                eq === 1
-                    ?
-                    // 自定义设置
-                    <div className={style.centent}>
-                        <div >
-                            {
-                                !isImport
-                                    ?
-                                    <div className={style.text}>
-                                        <span>
-                                            您可以点击下方”导入图文内容”按钮，直接从微信素材导入，也可以在右边表单手动添加内容。
-                                         </span>
-                                        <Button type='primary' size='small' onClick={() => { setIsImport(true) }} disabled={getWeItData?.loading} loading={getWeItData?.loading}>导入图文内容</Button>
-                                    </div>
-                                    :
-                                    <div className={style.text}>
-                                        <span>选择图文导入：</span>
-                                        <List width='100%' action={action} />
-                                    </div>
-                            }
-                        </div>
-                        <div className={style.graphic_list}>
-                            <Radio.Group
-                                onChange={radioChange}
-                                value={radio}>
-                                {
-                                    action?.articles?.map((list: any, index: number) => {
-                                        return <Radio key={index} value={index}>第{index + 1}篇</Radio>
-                                    })
-                                }
-                            </Radio.Group>
-                            {
-                                action?.articles?.map((list: any, index: number) => {
-
-                                    return radio === index && <div key={index}>
-                                        <Row style={{ width: '80%' }}>
-                                            <Col span={24}>
-                                                <label >图文标题 ：<span>(必填)</span></label>
-                                                <div
-                                                    contentEditable="true"
-                                                    className={style.editor}
-                                                    ref={(ref) => setRef(ref)}
-                                                    onBlur={onBlur}
-                                                    dangerouslySetInnerHTML={{ __html: list?.title }}
-                                                    onPaste={textPaste}
-                                                />
-                                                {/* <label >点击插入：<Tag color='orange' onClick={pushName}>粉丝昵称</Tag></label> */}
-                                            </Col>
-                                            <Col span={24}>
-                                                <label >描述内容 ：</label>
-                                                <Input.TextArea rows={5} placeholder='填写图文描述' onChange={handelText} value={list?.digest} />
-                                            </Col>
-                                            <Col span={24}>
-                                                <label >链接设置 ：<span>(必填)</span></label>
-                                                <Input placeholder='请输入跳转链接，且必须以http://或https://开头' onChange={handelLink} value={list?.contentSourceUrl} />
-                                            </Col>
-                                        </Row>
-                                        <div>
-                                            <label >图文封面 ：</label>
-                                            <span className={list?.thumbUrl ? style.imgupload : ''} onClick={closeModal}>
-                                                {
-                                                    list?.thumbUrl ? <img src={list?.thumbUrl} /> : <PlusOutlined style={{ fontSize: 30 }} />
-                                                }
-                                                <div><PlusOutlined style={{ fontSize: 30, color: '#fff' }} /> </div>
-                                            </span>
-                                        </div>
-                                    </div>
-                                })
-                            }
-                        </div>
-                        {isShow && <WxModalBox mediaType={1} onCancel={closeModal} title={`公众号图片素材`} visible={isShow} onOk={handleOk} />}
-                    </div>
-                    :
-                    //素材库导入
-                    <div className={style.centent_2}>
-                        <p>选择图文 <span>（因官方接口限制，智能推送仅支持导入单图文素材）</span></p>
-                        <List width='32%' action={action} />
-                    </div>
-            }
-
-        </div>
-    </Modal>
-}
-export default WxGraphicListModal

src/components/MaterialModal/wxGraphicModal.tsx

@@ -1,239 +0,0 @@
-import { PlusOutlined } from '@ant-design/icons'
-import { Button, Card, Col, Input, message, Modal, Radio, Row, Tag } from 'antd'
-import { RadioChangeEvent } from 'antd/lib/radio'
-import React, { useCallback, useEffect, useState } from 'react'
-import WxModalBox from './wxModalBox'
-import style from './graphic.less'
-import { useModel } from 'umi'
-type Props = {
-    visible: boolean,
-    onCancel: () => void,
-    onOK: (props: any, type?: number) => void,
-    defaultData: any,
-}
-const WxGraphicModal = (props: Props) => {
-    const { visible, onCancel, onOK } = props
-    const [isShow, setIsShow] = useState<boolean>(false)//图片弹窗
-    const [eq, setEq] = useState<number>(1)//切换
-    const [action, setAction] = useState<any>(null)//选中
-    const [img, setImg] = useState<any>(null)//存放图片数据
-    const [ref, setRef] = useState<any>(null)
-    const [range, setRange] = useState<Range>()
-    const [isImport, setIsImport] = useState<boolean>(false)//点击导入
-    const [link, setLink] = useState<string>('')//link
-    const [text, setText] = useState<string>('')//摘要
-    const getWeItData = useModel('useOperating.useMaterialContent', model => model.getWeItData)
-    const actionWX = useModel('useOperating.useWxGroupList', model => model.state.actionWX)
-    //确定
-    const callback = useCallback(() => {
-        if (eq === 2) {
-            onOK(action, 5)
-        } else {
-            if (link && text && img && ref.innerHTML.replace(/<[/]?span[^>]*>/ig, '#')) {
-                onOK({
-                    newsUrl: link,
-                    newsDescription: text,
-                    newsPicUrl: img,
-                    newsTitle: ref.innerHTML.replace(/<[/]?span[^>]*>/ig, '#'),
-                    indexId: props.defaultData?.indexId
-                }, 5)
-
-            } else {
-                message.error('有遗漏未填项！')
-            }
-        }
-
-    }, [action, eq, link, text, img, ref])
-    //切换
-    const handelRadio = useCallback((e: RadioChangeEvent) => {
-        let v = e.target.value
-        setEq(v)
-        setAction(null)
-    }, [])
-    //选中素材时的操作
-    const handelAction = useCallback((data: any) => {
-        let { title, contentSourceUrl, digest, thumbUrl } = data.content.articles[0]
-        setAction({ mediaId: data.mediaId, articles: { title, contentSourceUrl, digest, thumbUrl } })//存放选中数据
-        if (eq !== 2) {
-            setLink(contentSourceUrl)//存放选中的连接
-            setText(digest)//存放选中的摘要
-            setImg(thumbUrl)//存放图片
-            ref.innerText = title//标题
-        }
-    }, [ref, eq])
-    //开关图片弹窗
-    const closeModal = useCallback(() => {
-        setIsShow(!isShow)
-    }, [isShow])
-    //选中图片
-    const handleOk = (data: any) => {
-        setImg(data.url)
-        closeModal()
-    }
-    //插入粉丝昵称
-    const pushName = useCallback(() => {
-        let span = document.createElement('span')
-        span.className = style.nickName
-        span.setAttribute('contentEditable', 'false')
-        span.innerText = `粉丝昵称`
-        range?.insertNode(span)
-    }, [range])
-    //光标丢失记录位置
-    const onBlur = useCallback(() => {
-        let selection = window.getSelection()
-        let range = selection?.getRangeAt(0)
-        setRange(range)
-    }, [])
-    //初始光标选中
-    useEffect(() => {
-        ref?.focus()
-    }, [ref])
-    //获取微信图文列表
-    useEffect(() => {
-        getWeItData.run({ appId: actionWX.appid, count: 1000, offset: 0 })
-    }, [actionWX])
-    //连接输入
-    const handelLink = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let v = e.target.value
-        setLink(v)
-    }, [])
-    //摘要输入
-    const handelText = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {
-        let v = e.target.value
-        setText(v)
-    }, [])
-    //复制只取纯文本
-    function textPaste(event: any) {
-        event.preventDefault();
-        let text;
-        let clp = (event.originalEvent || event).clipboardData;
-        // 兼容chorme或hotfire
-        text = clp.getData('text')
-        console.log(text)
-        if (text !== "") {
-            document.execCommand('insertHtml', false, text);
-        }
-    }
-    //编辑回填内容
-    useEffect(() => {
-        if (props.defaultData && ref) {
-            let { newsList } = props.defaultData
-            let { newsUrl, newsDescription, newsPicUrl, newsTitle } = newsList[0]
-            newsTitle = newsTitle.replace('#粉丝昵称#', `<span class=${style.nickName} contenteditable="false">粉丝昵称</span>`)
-            setImg(newsPicUrl)
-            setText(newsDescription)
-            setLink(newsUrl)
-            ref.innerHTML = newsTitle
-        }
-    }, [ref])
-    //list渲染
-    const List = useCallback((props: { width: string, action: any }) => {
-        let { action } = props
-        return <div className={style.list}>
-            {
-                getWeItData?.data?.items?.map((item: any, index: any) => {
-                    let isAction = action?.mediaId === item.mediaId
-                    return <Card
-                        hoverable
-                        style={{ width: props.width, borderRadius: 5, marginBottom: 10 }}
-                        bodyStyle={{ padding: '5px' }}
-                        className={isAction ? style.action : ''}
-                        bordered={isAction ? false : true}
-                        key={index}
-                        onClick={() => handelAction(item)}
-                    >
-                        <div className={style.box}>
-                            <div className={style.left}>
-                                <p>{item.content.articles[0].title}</p>
-                                <span>最近编辑：{item.content?.updateTime?.replace(/T|\.000\+0800/ig, ' ')}</span>
-                            </div>
-                            <img src={item.content.articles[0].thumbUrl} />
-                        </div>
-                    </Card>
-                })
-            }
-        </div>
-    }, [getWeItData])
-    return <Modal
-        title='编辑图文内容'
-        width={1100}
-        open={visible}
-        onCancel={onCancel}
-        onOk={callback}
-    >
-        <div>
-            <div className={style.header}>
-                <label>添加方式：</label>
-                <Radio.Group onChange={handelRadio} value={eq}>
-                    <Radio value={1}>自定义设置</Radio>
-                    {/* <Radio value={2}>素材库导入</Radio> */}
-                </Radio.Group>
-            </div>
-            {
-                eq === 1
-                    ?
-                    // 自定义设置
-                    <div className={style.centent}>
-                        <div >
-                            {
-                                !isImport
-                                    ?
-                                    <div className={style.text}>
-                                        <span>
-                                            您可以点击下方”导入图文内容”按钮，直接从微信素材导入，也可以在右边表单手动添加内容。
-                                         </span>
-                                        <Button type='primary' size='small' onClick={() => { setIsImport(true) }} disabled={getWeItData?.loading} loading={getWeItData?.loading}>导入图文内容</Button>
-                                    </div>
-                                    :
-                                    <div className={style.text}>
-                                        <span>选择图文导入：</span>
-                                        <List width='100%' action={action} />
-                                    </div>
-                            }
-                        </div>
-                        <div>
-                            <Row style={{ width: '80%' }}>
-                                <Col span={24}>
-                                    <label >图文标题 ：<span>(必填)</span></label>
-                                    <div
-                                        contentEditable="true"
-                                        className={style.editor}
-                                        ref={(ref) => setRef(ref)}
-                                        onBlur={onBlur}
-                                        onPaste={textPaste}
-                                    />
-                                    {/* <label >点击插入：<Tag color='orange' onClick={pushName}>粉丝昵称</Tag></label> */}
-                                </Col>
-                                <Col span={24}>
-                                    <label >描述内容 ：</label>
-                                    <Input.TextArea rows={5} placeholder='填写图文描述' onChange={handelText} value={text} />
-                                </Col>
-                                <Col span={24}>
-                                    <label >链接设置 ：<span>(必填)</span></label>
-                                    <Input placeholder='请输入跳转链接，且必须以http://或https://开头' onChange={handelLink} value={link} />
-                                </Col>
-                            </Row>
-                            <div>
-                                <label >图文封面 ：</label>
-                                <span className={img ? style.imgupload : ''} onClick={closeModal}>
-                                    {
-                                        img ? <img src={img} /> : <PlusOutlined style={{ fontSize: 30 }} />
-                                    }
-                                    <div><PlusOutlined style={{ fontSize: 30, color: '#fff' }} /> </div>
-                                </span>
-                            </div>
-                        </div>
-                        {isShow && <WxModalBox mediaType={1} onCancel={closeModal} title={`公众号图片素材`} visible={isShow} onOk={handleOk} />}
-                    </div>
-                    :
-                    //素材库导入
-                    <div className={style.centent_2}>
-                        <p>选择图文 <span>（因官方接口限制，智能推送仅支持导入单图文素材）</span></p>
-                        <List width='32%' action={action} />
-                    </div>
-            }
-
-        </div>
-    </Modal>
-}
-export default WxGraphicModal

src/components/MaterialModal/wxHistorBD.tsx

@@ -1,101 +0,0 @@
-import useIndexDB from '@/Hook/useIndexDB';
-import { Modal, Row, Pagination, Card, Input, Button, Space } from 'antd'
-import React, { useCallback, useEffect, useState } from 'react'
-import { useModel } from 'umi';
-import style from './db.less'
-import filePng from '../../../public/file.png'
-
-/**
- * @param historyType //历史图文type  0： 智能互动消息历史  1：客服消息历史
- */
-
-type props = {
-    visible: boolean,
-    onCancel: () => void,
-    onOK: (props: any, type?: number) => void,
-    wx?: any,
-}
-
-const WxHistoryMpnews: React.FC<props> = (props) => {
-    const { visible, onCancel, onOK, } = props
-    const [action, setAction] = useState<number>(0)
-    const [actionData, setActionData] = useState()
-    let { state: { data, total } } = useModel('useOperating.useDB')
-    const { query, del } = useIndexDB()
-    //ok
-    const pageSize = 10  // 每页请求多少数据
-
-    let ok = useCallback(() => {
-        onOK(actionData)
-    }, [actionData])
-
-    let pageSizeChange = useCallback((pageNum, pageSize) => {
-        console.log(pageNum, pageSize)
-        query({ start: pageNum, end: pageSize })
-    }, [query])
-    //选中图片
-    let handleClick = useCallback((data) => {
-        setAction(data?.id)
-        setActionData(data?.data)
-    }, [])
-    useEffect(() => {
-        query()
-    }, [query])
-    return <Modal
-    open={visible}
-        title={<span>浏览器本地素材库<span style={{ color: 'red' }}>不需要的数据请手动删除避免太多数据会很卡，存放上限跟个人浏览器浏览器性能相关！</span></span>}
-        onCancel={onCancel}
-        onOk={ok}
-        width={1000}
-    >
-        {/* <Row justify='space-between'>
-            <Col>
-                <Search placeholder="请输入" enterButton="搜索" loading={false} />
-            </Col>
-            <Col><Button>一键清空</Button></Col>
-        </Row> */}
-        <div className={style.content}>
-            <div style={{ borderBottom: '1px solid #efefef', paddingBottom: 10 }}>
-                <Space>
-                    <Input.Search placeholder="模糊查询（支持链接，内容，标题）" onSearch={(value: string) => { query({ str: value }) }} style={{ width: 300 }} />
-                    <Button onClick={() => del(action)} type='primary' disabled={!action}>删除</Button>
-                </Space>
-            </div>
-            <div className={style.box}>
-                {
-                    [0, 1, 2].map((n) => {
-                        return <ul className={style.ul} key={n}>
-                            {
-                                data.length > 0 && data?.map((item: any, index: number) => {
-                                    if (index % 3 === n) {
-                                        return <li key={item?.id} className={action === item?.id ? style.action : ""} onClick={() => handleClick(item)}>
-                                            <Card
-                                                hoverable
-                                                className={style.box_card}
-                                                cover={
-                                                    item?.data?.map((a: any, eq: number) => {
-                                                        return <div className={style.img_ScwxBox} key={eq}>
-                                                            <span>{a?.title || a?.newsTitle}</span>
-                                                            {/* <img src={(a?.knewsThumbInfo?.folder ? filePng : a?.knewsThumbInfo?.id ? a?.knewsThumbInfo?.url : a?.knewsThumbUrl) || ('https://s.weituibao.com/static/1552098829922/bigfm.png')} /> */}
-                                                            {Object.keys(a)?.includes('newsPicUrl') ? <img src={a?.newsPicUrl} /> : <img src={a?.knewsThumbUrl || (a?.knewsThumbId ? filePng : 'https://s.weituibao.com/static/1552098829922/bigfm.png')} />}
-                                                        </div>
-                                                    })
-                                                }
-                                            />
-                                        </li>
-                                    }
-                                    return null
-                                })
-                            }
-                        </ul>
-                    })
-                }
-            </div>
-        </div>
-        <Row justify='center' style={{ paddingTop: 10, borderTop: '1px solid #efefef' }}>
-            <Pagination size="small" total={total} showQuickJumper pageSize={pageSize} onChange={pageSizeChange} />
-        </Row>
-    </Modal>
-}
-
-export default WxHistoryMpnews

src/components/MaterialModal/wxModalBox.tsx

@@ -1,188 +0,0 @@
-import { Button, Card, Col, Image, message, Modal, Pagination, Row, Tabs, Tag } from "antd"
-import React, { useMemo, useRef } from "react"
-import { useCallback, useEffect, useState } from "react"
-import { useModel } from "umi"
-import Tables from "../Tables";
-const { TabPane } = Tabs;
-import style from './index.less'
-/**微信图片弹窗 */
-/**
- * 微信图片素材弹窗组件 
- * 
- * 立即回复 图片 视频 音频
- * 
- * 立即回复 延迟回复 新建推送里 图片 视频 音频
- * 
- * 高级群发 新建 图片消息 语言消息 视频消息
- */
-const type = {
-    'mpnews': 5,
-    'mpvideo': 3,
-    'voice': 2,
-    'image': 1,
-    'text': 4
-}
-type Props = {
-    mediaType: number,
-    visible: boolean,
-    onOk: (url: string, type?: number) => void,
-    onCancel: () => void,
-    title: string,
-    action?: any,
-}
-const ModalPage = (props: Props) => {
-    const [action, setAction] = useState<any>(null)
-    const { mediaType, visible, onOk, onCancel, title } = props
-    const [selectedRowKeys, setSelectedRowKeys] = useState<string[] | number[]>([0])
-    let refNews: { current: any } = useRef()
-    const { getData, update } = useModel('useOperating.useMaterialContent', model => ({
-        getData: model.getWeData,
-        update: model.update
-    }))
-    const [pageNum, setPageNum] = useState(1)
-    const { actionWX } = useModel('useOperating.useWxGroupList', model => ({ actionWX: model.state.actionWX, }))
-    let config: any = {
-        '5': 'news',
-        '3': 'video',
-        '2': 'voice',
-        '1': 'image'
-    }
-    let types = useMemo(() => {
-        return config[mediaType]
-    }, [mediaType])
-
-    useEffect(() => {
-        getData.run({ mediaType: types, mpId: actionWX.id, pageNum: 1, pageSize: 10 })
-    }, [actionWX.id, types])
-    //同步更新
-    const sync = () => {
-        update.run({ mpId: actionWX?.id, mediaType: types }).then((res: any) => {
-            if(res) {
-                getData.run({ mediaType: types, mpId: actionWX.id, pageNum: pageNum, pageSize: 10 })
-            }
-        })
-    }
-    //选中图片
-    let handleClick = useCallback((data) => {
-        setAction(data)
-    }, [])
-    /**
-     * 获取当前类型
-     */
-    
-    //翻页
-    let pageSizeChange = useCallback((pageNum, pageSize) => {
-        setPageNum(pageNum)
-        getData.run({
-            mediaType: types,
-            pageNum: pageNum,
-            pageSize: pageSize,
-            mpId: actionWX.id
-        })
-    }, [actionWX.id, types])
-    //Ok
-    let ok = () => {
-        if (!action) {
-            message.error('请选择素材')
-            return
-        }
-        onOk({ ...action }, mediaType)
-    }
-    //编辑时选中默认
-    useEffect(() => {
-        setSelectedRowKeys([0])
-        setAction(null)
-        if (props.action && type[props?.action?.mediaType] === props.mediaType) {
-            if (props?.action?.msgType === 'image') {
-                setAction(props.action)
-            } else {
-                getData?.data?.records?.forEach((item: { mediaId: any }, index: number) => {
-                    if (item?.mediaId === props?.action?.mediaId) {
-                        setSelectedRowKeys([index + 1])
-                        setAction(item)
-                    }
-                })
-            }
-
-        }
-    }, [props.action, getData?.data])
-    //table单选事件
-    const rowSelection = {
-        onChange: (selectedRowKeys: any, selectedRows: any) => {
-            setSelectedRowKeys(selectedRowKeys)
-            setAction(selectedRows[0])
-        }
-    };
-    return <Modal
-        title={title}
-        width={750}
-        open={visible}
-        onOk={ok}
-        onCancel={onCancel}
-        destroyOnClose
-    >
-        <Tabs type="card" tabBarExtraContent={<Button type='primary' onClick={sync} loading={update?.loading}>同步最新素材</Button>}>
-            <TabPane tab="公众号素材" key="1" style={{ padding: 10 }}>
-                {
-                    mediaType === 1 && <>
-                        <Row justify='start' gutter={[15, 15]} style={{ height: 400, overflowY: 'scroll' }}>
-                            {
-                                getData?.data?.records?.map((item: any, index: number) => {
-                                    return <Col key={item?.mediaId + index || item?.wxMediaId + index} className={`${style.img} ${action?.mediaId === item?.mediaId ? style.action : undefined}`}>
-                                        <Card bodyStyle={{ padding: 0, display: 'flex', flexFlow: 'column' }} bordered={false} hoverable >
-                                            <Image src={item?.url} width={150} placeholder preview={false} onClick={() => handleClick(item)} />
-                                        </Card >
-                                    </Col>
-                                })
-                            }
-                        </Row>
-                        <Pagination
-                            onChange={pageSizeChange}
-                            size={'small'}
-                            defaultCurrent={1}
-                            total={getData?.data?.total}
-                            style={{ float: 'right' }}
-                            showTotal={(total) => <Tag color="cyan">总共{total}数据</Tag>}
-                            pageSizeOptions={['10', '20']}
-                        />
-                    </>
-                }
-                {
-                    mediaType !== 1 && <Tables
-                        dataSource={getData?.data?.records?.map((item: any, index: number) => ({ ...item, id: index + 1 })) || []}
-                        columns={columns}
-                        rowSelection={{
-                            type: 'radio',
-                            selectedRowKeys,
-                            ...rowSelection
-                        }}
-                    />
-                }
-
-            </TabPane>
-        </Tabs>
-    </Modal >
-}
-
-export default ModalPage
-
-const columns = [
-    {
-        title: 'ID',
-        dataIndex: 'id',
-        key: 'id',
-        align: 'center',
-    },
-    {
-        title: '素材名称',
-        dataIndex: 'name',
-        key: 'name',
-        align: 'center',
-    },
-    {
-        title: '创建日期',
-        dataIndex: 'updateTime',
-        key: 'updateTime',
-        align: 'center',
-    },
-]

src/components/MaterialModal/wxMpnews.tsx

@@ -1,157 +0,0 @@
-import { Button, Card, Modal, Pagination, Tabs, Tag } from 'antd'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import DrawerPage from "@/components/FileBox/components/newsModal"
-import { useModel } from 'umi'
-import style from './mpnews.less'
-import FileBox from '../FileBox'
-
-/**
- * 
- * 图文素材 
- * 
- * 编辑图文内容 素材库导入
- */
-
-type Props = {
-    visible: boolean,
-    onCancel: () => void,
-    onOK: (props: any, type?: number) => void,
-    defaultData: any,
-    wx?: any,
-    isNews?: boolean
-}
-/**微信图文弹窗 */
-const WxMpnews = React.memo((props: Props) => {
-    const { visible, onCancel, onOK, wx } = props
-    const [action, setAction] = useState<any>('')
-    const { getData, update } = useModel('useOperating.useMaterialContent', model => ({ getData: model.getWeData, update: model.update }))
-    const { actionWX } = useModel('useOperating.useWxGroupList', model => ({ actionWX: model.state.actionWX }))
-    let refD: { current: { showDrawer: (props?: any) => void } } | any = useRef()//DrawerPage获取实例方法
-    const { state, set, getList } = useModel('useOperating.useBdMedia')
-    const [isWx, setIsWx] = useState<boolean>(false)
-    const { fileType, belongUser, parentId, selectItem } = state
-    /**加载组件或数据更新执行请求列表 */
-    useEffect(() => {
-        set({ fileType: 'news' })//设置获取图文列表
-        if (belongUser === '1' || belongUser === '0') {
-            getList()//获取列表
-        }
-    }, [fileType, belongUser, parentId])
-    let pageSizeChange = useCallback((pageNum: number, pageSize: number) => {
-        getData.run({
-            pageNum: pageNum,
-            pageSize: pageSize,
-            mpId: actionWX?.id,
-            mediaType: 'news'
-        })
-    }, [actionWX?.id])
-    //同步更新
-    let sync = useCallback(() => {
-        update.run({ mpId: actionWX?.id, mediaType: 'news' })
-    }, [actionWX?.id])
-    //选中图片
-    let handleClick = useCallback((data: any) => {
-        setAction(data)
-    }, [])
-    //ok
-    let ok = useCallback(() => {
-        if (isWx) {
-            onOK(action)
-        } else {
-            onOK(selectItem)
-        }
-    }, [action, isWx, selectItem])
-    useEffect(() => {
-        if (actionWX?.id) {
-            getData.run({ mpId: actionWX?.id, mediaType: 'news', pageSize: 9, pageNum: 1 })
-        }
-    }, [actionWX?.id])
-    useEffect(() => {
-        if (props.defaultData) {
-            setAction(props.defaultData)
-        }
-    }, [props.defaultData])
-    //tabs切换
-    const change = useCallback((s: string) => {
-        setIsWx(s === '1' ? false : true)
-    }, [])
-    return <div >
-        <Modal
-            open={visible}
-            title='图文素材'
-            onCancel={onCancel}
-            onOk={ok}
-            width={1200}
-            destroyOnClose
-            maskClosable={false}
-        >
-            <Tabs defaultActiveKey="1" onChange={change} type='card'>
-                <Tabs.TabPane tab="本地素材" key="1">
-                    <Tabs
-                        onChange={(activeKey: any) => { set({ belongUser: activeKey }) }}
-                        activeKey={belongUser}
-                        items={[
-                            { label: '个人本地', key: '1' },
-                            { label: '公共本地', key: '0' },
-                        ]}
-                    />
-                    <FileBox isAll={false} noFile={true} height={450} showDrawer={refD?.current?.showDrawer} isBd={true} />
-                </Tabs.TabPane>
-                <Tabs.TabPane tab="微信素材" key="2">
-                    <div className={style.btn}>
-                        <Button type='primary' onClick={() => { refD?.current.showDrawer() }} loading={getData?.loading} style={{ marginRight: 10 }}>新建微信素材</Button>
-                        <Button type='primary' onClick={sync} loading={update?.loading}>更新公众号下素材</Button>
-                    </div>
-                    <div className={style.box}>
-                        {
-                            [0, 1, 2].map((n) => {
-                                return <ul className={style.ul} key={n}>
-                                    {
-                                        getData?.data?.records?.map((item: any, index: number) => {
-                                            if (index % 3 === n) {
-                                                return <li key={item.mediaId} className={action?.mediaId === item.mediaId ? style.action : ""} onClick={() => handleClick(item)}>
-                                                    <Card
-                                                        hoverable
-                                                        className={style.box_card}
-                                                        cover={
-                                                            item?.news?.map((list: any, index: number) => {
-                                                                return <div className={style.img_ScwxBox} key={index}>
-                                                                    <span>{list.title}</span>
-                                                                    <img src={list.thumbMediaUrl} />
-                                                                </div>
-                                                            })
-                                                        }
-                                                    />
-                                                </li>
-                                            }
-                                            return null
-                                        })
-                                    }
-                                </ul>
-                            })
-                        }
-                    </div>
-                    <div className={style.footer}>
-                        <Pagination
-                            onChange={pageSizeChange}
-                            size={'small'}
-                            defaultCurrent={1}
-                            defaultPageSize={9}
-                            total={getData?.data?.total}
-                            style={{ float: 'right' }}
-                            showTotal={(total) => <Tag color="cyan">总共{total}数据</Tag>}
-                        />
-                    </div>
-                </Tabs.TabPane>
-            </Tabs>
-            <DrawerPage ref={refD} syncNews={false} isWx={isWx} isAll={false} />
-        </Modal>
-    </div >
-}, (a, b) => {
-    if (JSON.stringify(a) === JSON.stringify(b)) {
-        return true
-    }
-    return false
-})
-
-export default WxMpnews

src/components/RegExpInput/index.less

@@ -1,19 +0,0 @@
-.input_box {
-  position: relative;
-  .error {
-    position: absolute;
-    top:5px;
-    right: 5px;
-    color: red;
-    z-index: 1;
-  }
-  .error + input{
-    padding-right: 20px;
-    box-sizing: border-box;
-  }
-  .msg{
-    position: absolute;
-    bottom: -30px;
-    left: 0;
-  }
-}

src/components/RegExpInput/index.tsx

@@ -1,35 +0,0 @@
-import { Input, Space } from 'antd'
-import React, { useCallback } from 'react'
-import style from './index.less'
-type Props = {
-    maxLength?: any,//最大长度
-    rules: { reg: any },//正则
-    callback: (value: string) => void,//回调函数
-    labelWidth?: number,//label宽
-    inputWidth?: number,//input宽
-    labelName?: any,//label名称
-    errorMsg?: string//提示文字
-    defaultValue?: string
-}
-const RegExpInput = (props: Props) => {
-    const ref: any = React.createRef()
-    /**菜单名称输入 */
-    const handelInput = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let value = e.target.value
-        props.callback(value)
-    }, [])
-    return <Space>
-        <label>{props?.labelName}</label>
-        <div className={style.input_box} style={props?.inputWidth ? { width: props.inputWidth } : undefined}>
-            <Input
-                ref={ref}
-                onChange={handelInput}
-                maxLength={props?.maxLength}
-                defaultValue={props.defaultValue}
-                style={{ ...props?.inputWidth ? { width: props?.inputWidth } : {} }}
-            />
-            <span className={style.msg}>{props?.errorMsg}</span>
-        </div>
-    </Space>
-}
-export default RegExpInput

src/components/TagSelect/index.less

@@ -1,18 +0,0 @@
-.tag {
-  display: flex;
-  flex-flow: column;
-  .select {
-    margin-bottom: 5px;
-    > label {
-      display: inline-block;
-      text-align: right;
-    }
-  }
-  .tags {
-    width: calc(100%);
-    margin-top: 10px;
-    > span {
-      margin-bottom: 5px;
-    }
-  }
-}

src/components/TagSelect/index.tsx

@@ -1,99 +0,0 @@
-import { Select, Space, Tag, Tooltip } from 'antd'
-import React, { useState, useCallback, useEffect } from 'react'
-import { useModel } from 'umi'
-import { bgColor } from '@/utils/color'
-import style from './index.less'
-import { QuestionCircleFilled } from '@ant-design/icons'
-type Props = {
-    labelWith?: number,
-    change: (v: any) => void,
-    value: {
-        sex: 'all' | 0 | 1 | 2,// 'all'全部，0未知，1男，2女
-        tagIds: any[],
-        tagType: 0 | 1 | 2, // 0：并集,1：交集,2：取反
-    }
-}
-/**
- * 粉丝标签选定
- * @param labelWith label的宽度
- * @param change 回调
- * 
- */
-const TagSelect = React.memo((props: Props) => {
-    const { labelWith, change, value } = props
-    const [selectedTags, setSelectedTags] = useState<any[]>([])
-    const [tagType, setTagType] = useState<number>(0)
-    const { fansTagList } = useModel('useOperating.useFans', model => ({ fansTagList: model.get }))
-    const { actionWX } = useModel('useOperating.useWxGroupList', model => ({ actionWX: model.state.actionWX }))
-    const wx = useModel('useOperating.useNews', model => model.state.actionWX)
-
-    /**
-     * 标签选择
-     */
-    const handleChange = useCallback((tag: number, checked: any) => {
-        const nextSelectedTags = checked ? [...selectedTags, tag] : selectedTags.filter(t => t !== tag);
-        setSelectedTags(nextSelectedTags);
-        change({ tagType, tagIds: nextSelectedTags })
-    }, [selectedTags, tagType])
-    /**
-     * 标签类型
-     */
-    const handleTagType = useCallback((tagType: number) => {
-        setTagType(tagType)
-        change({ tagType, tagIds: selectedTags })
-    }, [selectedTags])
-    /**
-     * 获取粉丝列表
-    */
-    useEffect(() => {
-        if (actionWX || wx) {
-            fansTagList.run({ mpId: actionWX?.id || wx?.id })
-        }
-    }, [actionWX, wx])
-    /**
-     * 回填
-     */
-    useEffect(() => {
-        setTagType(value.tagType)
-        setSelectedTags(value.tagIds && Array.isArray(value.tagIds) ? value.tagIds : [value.tagIds])
-    }, [value])
-   
-    return <div className={style.tag}>
-        <div className={style.select}>
-            <label style={{ width: labelWith }}>标签：</label>
-            <Space>
-                <Select style={{ width: 100 }} value={tagType} onChange={handleTagType}>
-                    <Select.Option value={0}>并集</Select.Option>
-                    <Select.Option value={1}>交集</Select.Option>
-                    <Select.Option value={2}>反向</Select.Option>
-                </Select>
-                <Tooltip
-                    placement="right"
-                    title={
-                        <>
-                            <div>【并集】：包含A标签或者包含B标签的粉丝；</div>
-                            <div>【交集】：同时包含A标签和B标签的粉丝；</div>
-                            <div>【反向】：剔除包含所选标签的粉丝。</div>
-                        </>
-                    }>
-                    <QuestionCircleFilled />
-                </Tooltip>
-            </Space>
-        </div>
-        <div className={style.tags} style={{ paddingLeft: labelWith }}>
-            {
-                fansTagList?.data?.map((tag: { id: number, moId: number, name: string }, index: number) => {
-                    return <Tag.CheckableTag
-                        checked={selectedTags.indexOf(tag?.id) > -1}
-                        onChange={checked => handleChange(tag?.id, checked)}
-                        key={tag?.id}
-                        style={selectedTags.indexOf(tag?.id) > -1 ? { background: bgColor[index] } : { background: '#f9f9f9' }}
-                    >
-                        {tag.name}
-                    </Tag.CheckableTag>
-                })
-            }
-        </div>
-    </div>
-})
-export default TagSelect

src/components/UpImg/index.less

@@ -1,22 +0,0 @@
-.upimgBox {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  .xj {
-    width: 45px;
-    height: 45px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    opacity: 0;
-    background-color: rgba(0, 0, 0, .6);
-    &:hover {
-      opacity: 1;
-    }
-  }
-}

src/components/UpImg/index.tsx

@@ -1,62 +0,0 @@
-import React, { useCallback, useState ,useEffect} from 'react'
-import { Upload } from 'antd';
-import ImgCrop from 'antd-img-crop';
-import { RcFile } from 'antd/lib/upload';
-import { CameraOutlined } from '@ant-design/icons';
-import style from './index.less'
-/**上传图片单独组件*/
-type Props={
-    callbakc:(fileData:{file:File,fileUrl:any})=>void
-}
-function UpImg(props:Props) {
-    const [fileList, setFileList] = useState<any[]>([])
-    const [previewVisible, setPreviewVisible] = useState<boolean>(false)
-    const [fileUrl, setFileUrl] = useState<any>('')
-    const [file, setFile] = useState<any>({})
-     //文件上传获取
-     const fileChanage = useCallback((e: any) => {
-        try {
-            let file = e?.target?.files || e
-            if (file) {
-                setFile(file[0] || file)
-                let reader = new FileReader()
-                reader.readAsDataURL(file)
-                reader.onload=function(e){
-                    setFileUrl(this.result)
-                }
-            }
-        } catch (err) {
-            console.log(err)
-        }
-    }, [])
-    //回调
-    useEffect(()=>{
-        if(fileUrl){
-            props.callbakc({file,fileUrl})
-        }
-    },[file,fileUrl])
-    return <div className={style.upimgBox}>
-        <ImgCrop rotate>
-            <Upload
-                // listType="picture-card"
-                accept='image/gif,image/jpeg,image/png,image/jpg'
-                beforeUpload={function (file: RcFile) {
-                    fileChanage(file)
-                    return false
-                }}
-                // fileList={fileList}
-                showUploadList={false}
-                onChange={(newFileList: any) => {
-                    setFileList([...newFileList.fileList])
-                }}
-                onPreview={(file: any) => {
-                    setPreviewVisible(true)
-                    setFileUrl(file.thumbUrl)
-                }}
-            >
-                <div className={style.xj}><CameraOutlined style={{color:'#1890ff',fontSize:20}}/></div>
-            </Upload>
-        </ImgCrop>
-    </div>
-}
-export default UpImg

src/components/WeChatImgCard/index.less

@@ -1,31 +0,0 @@
-.add {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-flow: column;
-  height: 100%;
-}
-.pos {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  opacity: 0;
-  color: #fff;
-}
-.pos:hover {
-  opacity: 1;
-  background: rgba(0, 0, 0, 0.6);
-}
-.row_style{
-    width: 100%;
-    >div:nth-child(1){
-        width: 120px;
-        text-align: right;
-    }
-    >div:nth-child(2){
-        width: 100%;
-    }
-    
-}

src/components/WeChatImgCard/index.tsx

@@ -1,183 +0,0 @@
-import { Col, Input, Modal, Radio, Row, Space } from 'antd'
-import React, { useCallback, useEffect, useState } from 'react'
-import SmMaterialModal from '@/components/MaterialModal/smModalBox';
-import style from './index.less'
-import { PlusOutlined } from '@ant-design/icons';
-interface Props {
-    visible: boolean,
-    onCancel: () => void,
-    onOk: (v: any) => void,
-    title: string,
-    weCathType: 'img' | 'card',
-    defaultData?: { appid: string, appPath: string, cardTitle: string, img: string, imgInfo: any },
-    isOnUserId?: boolean
-}
-function WeChatImgCard(props: Props) {
-    const { visible = false, title, onCancel, weCathType, onOk, isOnUserId = true } = props
-    const [imgVisible, setImgVisible] = useState<boolean>(false)
-    const [appid, setAppid] = useState<string>('')
-    const [href, setHref] = useState<string>('')
-    const [appPath, setAppPath] = useState<string>('')
-    const [img, setImg] = useState<string>('')
-    const [cardTitle, setCardTitle] = useState<string>('')
-    const [imgInfo, setImgInfo] = useState<any>(null)
-    const [userId, setUserId] = useState<any>(0)//小程序路径插入userID
-    /**确定 */
-    const handleOk = useCallback(() => {
-        let newAp = appPath
-        if (!!userId) {
-            if (userId === 1) {
-                newAp = !newAp.includes('#USER_ID#') ? newAp.replace('#QC_USER_ID#', '') + '#USER_ID#' : newAp
-            }
-            if (userId === 2) {
-                newAp = !newAp.includes('#QC_USER_ID#') ? newAp.replace('#USER_ID#', '') + '#QC_USER_ID#' : newAp
-            }
-        } else {
-            newAp = newAp.includes('#USER_ID#') || newAp.includes('#QC_USER_ID#') ? newAp?.replace(/(#USER_ID#)|(#QC_USER_ID#)/g, '') : newAp
-        }
-        let obj: any = isOnUserId ? {
-            appid,
-            appPath: newAp,
-            img,
-            imgInfo
-        } : {
-                appid,
-                appPath,
-                img,
-                imgInfo
-            }
-        if (weCathType === 'img') {
-            obj = { ...obj, href }
-        } else {
-            obj = { ...obj, cardTitle }
-        }
-        if (!obj?.imgInfo) {
-            obj.imgInfo = props?.defaultData?.imgInfo
-        }
-        onOk(obj)
-    }, [appid, href, appPath, img, weCathType, cardTitle, imgInfo, userId, isOnUserId])
-    /**回填 */
-    useEffect(() => {
-        if (props?.defaultData) {
-            setAppPath(props?.defaultData?.appPath)
-            setAppid(props?.defaultData?.appid)
-            setCardTitle(props?.defaultData?.cardTitle)
-            setImg(props?.defaultData?.img)
-            let path = props?.defaultData?.appPath
-            setUserId(path.includes('#QC_USER_ID#') ? 2 : path.includes('#USER_ID#') ? 1 : 0)
-        }
-    }, [props?.defaultData])
-    return <div>
-        <Modal
-            open={visible}
-            title={title}
-            onCancel={onCancel}
-            onOk={handleOk}
-            maskClosable={false}
-        >
-            <Row gutter={[10, 20]}>
-                <Col span={24}>
-                    <Space className={style.row_style}>
-                        <span>AppId：</span>
-                        <Input
-                            placeholder={'填写小程序AppID，跳转小程序需与当前公众号绑定关联关系'}
-                            size='small'
-                            style={{ width: '100%' }}
-                            value={appid}
-                            onChange={(event: React.ChangeEvent<HTMLInputElement>) => { setAppid(event.target.value) }}
-                        />
-                    </Space>
-                </Col>
-                <Col span={24}>
-                    <Space className={style.row_style}>
-                        <span>小程序路径：</span>
-                        <Input
-                            placeholder={'填写小程序路径，例如：pages/index'}
-                            size='small'
-                            style={{ width: '100%' }}
-                            value={appPath}
-                            onChange={(event: React.ChangeEvent<HTMLInputElement>) => { setAppPath(event.target.value) }}
-                        />
-                    </Space>
-                </Col>
-                {isOnUserId && <Col span={24}>
-                    <Space className={style.row_style}>
-                        <span>插入用户：</span>
-                        <Radio.Group onChange={(e: any) => { setUserId(Number(e.target.value)) }} value={userId} >
-                            <Radio value={1}>普通用户</Radio>
-                            <Radio value={2}>趣程用户</Radio>
-                            <Radio value={0}>否</Radio>
-                        </Radio.Group>
-                    </Space>
-                </Col>}
-                <Col span={24}>
-                    {
-                        weCathType === 'img' ?
-                            <Space className={style.row_style}>
-                                <span>备用网页：</span>
-                                <Input
-                                    placeholder={'备用网页，以http://或https://开头'}
-                                    size='small'
-                                    style={{ width: '100%' }}
-                                    value={href}
-                                    onChange={(event: React.ChangeEvent<HTMLInputElement>) => { setHref(event.target.value) }}
-                                />
-                            </Space> :
-                            <Space className={style.row_style}>
-                                <span>卡片标题：</span>
-                                <Input
-                                    placeholder={'请填写卡片标题'}
-                                    size='small'
-                                    style={{ width: '100%' }}
-                                    value={cardTitle}
-                                    onChange={(event: React.ChangeEvent<HTMLInputElement>) => { setCardTitle(event.target.value) }}
-                                />
-                            </Space>
-                    }
-
-                </Col>
-                <Col span={24}>
-                    <Space className={style.row_style}>
-                        <span>选择图片：</span>
-                        <div onClick={() => setImgVisible(true)} style={{ width: '100%', height: 200, border: '1px dashed #d8d8d8', position: 'relative', cursor: 'pointer' }}>
-                            {
-                                img ?
-                                    <img src={img} style={{ width: '100%', height: '100%', objectFit: 'cover' }} />
-                                    :
-                                    <span className={`${style.add} ${img ? style.pos : ''} `}>
-                                        <PlusOutlined style={{ fontSize: 32 }} />
-                                    </span>
-                            }
-                          {weCathType !== 'img' &&  <strong style={{color:'red'}}>注：图片尺寸1080 * 864，不然无法创建成功！</strong>}
-                        </div>
-                    </Space>
-                    {
-                        imgVisible && <SmMaterialModal
-                            visible={imgVisible}
-                            onCancel={() => setImgVisible(false)}
-                            title='选择图片'
-                            onOk={(props: any) => {
-                                console.log('props===>', props)
-                                let obj: any = {}
-                                if (props?.mediaId) {//微信素材
-                                    obj.wxMediaId = props?.id
-                                    obj.thumbUrl = props?.url
-                                } else {
-                                    obj.thumbUrl = props?.url
-                                }
-                                setImg(obj?.thumbUrl)
-                                setImgInfo(props)
-                                setImgVisible(false)
-                            }}
-                            mediaType={1}
-                            isShowWx={false}
-                            isAllData
-                            noFile={false}
-                        />
-                    }
-                </Col>
-            </Row>
-        </Modal>
-    </div>
-}
-export default WeChatImgCard

src/components/WxDetailsBox/index.less

@@ -1,262 +0,0 @@
-.box {
-  height: 100%;
-  border: 1px solid rgb(224, 224, 224);
-  .top {
-    background: url('https://zx-oss-dev.oss-cn-hangzhou.aliyuncs.com/file/23B6D0D2A21E43AD9C46EB159992C5F5.png') no-repeat;
-    background-size: 100%;
-    height: 52px;
-    border-bottom: 1px solid rgb(224, 224, 224);
-  }
-  .content {
-    height: calc(100% - 92px);
-    background-color: #f0f0f0;
-    padding: 15px;
-    overflow-y: scroll;
-    .img_ScwxBox {
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 5px;
-      padding: 10px;
-      position: relative;
-      img {
-        width: 56px;
-        height: 56px;
-        border-radius: 3px;
-        object-fit: cover;
-      }
-      > span {
-        width: 220px;
-        border-bottom: 1px solid #efefef;
-        padding: 0 10px;
-        > span {
-          text-overflow: -o-ellipsis-lastline;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          display: -webkit-box;
-          -webkit-line-clamp: 2;
-          line-clamp: 2;
-          -webkit-box-orient: vertical;
-          max-height: 45px;
-        }
-      }
-      &:last-child {
-        span {
-          border-bottom: 0;
-        }
-      }
-    }
-    .box_card {
-      background-color: #fff;
-      > div {
-        &:nth-child(1) {
-          padding: 0;
-        }
-      }
-
-      .img_ScwxBox:first-child {
-        flex-flow: column;
-        position: relative;
-        img {
-          width: 100%;
-          height: 95px;
-          order: 1;
-        }
-        > span {
-          order: 2;
-          border: 0;
-          left: 0;
-          bottom: 0;
-          background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
-          color: #fff;
-          width: 100%;
-          z-index: 33;
-          line-height: 24px;
-          position: absolute;
-        }
-      }
-      .one {
-        order: 2;
-        padding: 10px;
-        > p {
-          margin-bottom: 0;
-          &:last-child {
-            font-size: 14px;
-            line-height: 22px;
-            color: #999999;
-          }
-          &:first-child {
-            font-size: 16px;
-            line-height: 16px;
-            color: #1a1a1a;
-            margin-bottom: 10px;
-          }
-        }
-      }
-    }
-    .image {
-      > img {
-        &:first-child {
-          width: 36px;
-          height: 36px;
-          float: left;
-          margin-right: 10px;
-        }
-        &:last-child {
-          border-radius: 4px;
-          width: 150px;
-          float: left;
-        }
-      }
-    }
-    .mpvideo {
-      background-color: #fff;
-      img {
-        width: 100%;
-        height: 127px;
-        object-fit: cover;
-      }
-      p {
-        padding: 16px;
-        margin-bottom: 0;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;
-      }
-    }
-    .text {
-      display: flex;
-      justify-content: flex-start;
-      > img {
-        width: 36px;
-        height: 36px;
-        margin-right: 10px;
-      }
-      > p {
-        padding: 16px;
-        background-color: #aed581;
-        border-radius: 4px;
-        width: 87%;
-      }
-    }
-    .temCon {
-      background: #fff;
-      padding: 10px;
-      border-radius: 3px;
-      font-size: 12px;
-      .title {
-        font-size: 12px;
-        color: #000;
-      }
-      .rq {
-        font-size: 12px;
-        color: #c7c7cb;
-        margin-bottom: 8px;
-      }
-    }
-    .voice {
-      background: #ffffff;
-      border: 1px solid #e9e9e9;
-      border-radius: 4px;
-      width: 100%;
-      padding: 37px 16px;
-      display: flex;
-      flex-flow: row;
-      justify-content: space-between;
-      p {
-        width: 80%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 3;
-        -webkit-box-orient: vertical;
-      }
-      img {
-        width: 32px;
-        height: 32px;
-        float: right;
-        margin-top: 4px;
-      }
-    }
-  }
-}
-.details_header {
-  display: flex;
-  justify-content: space-between;
-}
-.btn {
-  margin-bottom: 20px;
-}
-.action {
-  position: relative;
-  margin: 0 auto;
-  // text-align: center;
-  color: #4abe84;
-  background-color: #fff;
-  box-shadow: 0px 2px 7px 0px rgba(85, 110, 97, 0.35);
-  border-radius: 5px;
-  border: 1px solid rgba(74, 190, 132, 1);
-  overflow: hidden;
-  &::before {
-    content: '';
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    border: 12px solid #4abe84;
-    border-top-color: transparent;
-    border-left-color: transparent;
-    z-index: 34;
-  }
-  &::after {
-    content: '';
-    width: 5px;
-    height: 10px;
-    position: absolute;
-    right: 5px;
-    bottom: 3px;
-    border: 2px solid #fff;
-    border-top-color: transparent;
-    border-left-color: transparent;
-    transform: rotate(45deg);
-    z-index: 34;
-  }
-}
-.deleted {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  background: rgba(0, 0, 0, 0.5);
-  z-index: 999;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: red;
-}
-.miniprogrampage {
-  display: flex;
-  flex-flow: column;
-  width: 300px;
-  background-color: #ece7e7;
-  border-radius: 8px;
-  padding: 20px 10px 15px;
-  > span:nth-child(1) {
-    margin-bottom: 10px;
-  }
-  > span:nth-child(3) {
-    margin-top: 10px;
-    &::before {
-      content: '';
-      display: inline-block;
-      vertical-align: middle;
-      width: 18px;
-      height: 18px;
-      margin-top: -0.2em;
-      margin-right: 4px;
-      background-size: cover;
-      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E %3Cpath fill='%236467F0' fill-rule='evenodd' d='M12.753 9.743l-.177.003c-.535 0-.846-.393-.645-.845a1.16 1.16 0 0 1 .816-.651c.981-.237 1.648-1.004 1.648-1.897 0-1.081-1.032-1.963-2.322-1.963s-2.322.882-2.322 1.963v5.392c0 1.899-1.698 3.428-3.788 3.428s-3.788-1.53-3.788-3.428c0-1.665 1.314-3.087 3.105-3.357h.144c.405 0 .697.243.697.589a.64.64 0 0 1-.008.122.464.464 0 0 1-.044.134c-.13.301-.46.562-.816.651-.974.236-1.648.998-1.648 1.86 0 1.082 1.032 1.964 2.322 1.964s2.322-.882 2.322-1.963V6.353c0-1.899 1.698-3.428 3.788-3.428s3.788 1.53 3.788 3.428c0 1.674-1.283 3.079-3.072 3.39z'/%3E%3C/svg%3E");
-    }
-  }
-}

src/components/WxDetailsBox/index.tsx

@@ -1,378 +0,0 @@
-import { Button, Checkbox, Input, Popconfirm, Space } from 'antd'
-import React, { useCallback, useEffect, useMemo, useReducer, useState } from 'react'
-import { useModel } from 'umi'
-import moment from 'moment'
-import style from './index.less'
-import filePng from '../../../public/file.png'
-
-/**
- * 模板消息 模板预览
- * 高级群发 新增预览 编辑预览 详情预览
- */
-
-type Props = {
-    data: any,
-    del?: boolean,
-    newsDispatch?: (type: any) => void,
-    isShowEdit?: boolean,
-    showDrawer?: (props?: any) => void,//图文素材弹窗事件
-    isShowEditBtn?: boolean,//是否开启编辑内容按钮
-    actionId?: number,
-    linsFn?: (params: any) => void
-}
-interface State {
-    mediaIds: number[],
-    checked: boolean,
-    indeterminate: boolean,
-    links?: string[],//当前图文中的原文链接数组
-    linksSR?: any
-}
-interface Action {
-    type: 'pushData' | 'checked' | 'delData' | 'returnData' | 'setLinks' | 'setLinksSR',
-    params?: any
-}
-function reducer(state: State, action: Action) {
-    let { type, params } = action
-    switch (type) {
-        case 'pushData':
-            return { ...state, mediaIds: [...state?.mediaIds, ...params?.mediaIds] }
-        case 'delData':
-            let mediaIds = [...state?.mediaIds]
-            mediaIds = mediaIds.filter((mediaId: number) => {
-                if (params?.mediaIds?.every((id: number) => id !== mediaId)) {
-                    return mediaId
-                }
-                return
-            })
-            return { ...state, mediaIds }
-        case 'returnData':
-            return { ...state, mediaIds: params?.mediaIds }
-        case 'checked':
-            return { ...state, checked: params?.checked, indeterminate: params?.indeterminate }
-        case 'setLinks':
-            console.log('setLinks')
-            return { ...state, links: params?.links }
-        case 'setLinksSR':
-            let newlinksSR = { ...state.linksSR }
-            Object.keys(params?.links).forEach(key => {
-                newlinksSR[key] = params?.links[key]
-            })
-            return { ...state, linksSR: newlinksSR }
-        default:
-            return { ...state }
-    }
-}
-const initState = {
-    mediaIds: [],
-    checked: false,
-    indeterminate: false,
-    links: [],
-    linksSR: {}
-}
-const WxDetailsBox = React.memo((props: Props) => {
-    const { data, del = false, newsDispatch, isShowEdit = false, showDrawer, isShowEditBtn = true, actionId, linsFn } = props
-    const [state, dispatch] = useReducer(reducer, initState)
-    const { mediaIds, checked, indeterminate, links, linksSR } = state
-    const [isEdit, setIsEdit] = useState<boolean>(false)
-    const num = useMemo(() => { return data?.content?.news?.length }, [data])
-    const { dispatch: dDispatch } = useModel('useOperating.useMaterialDrawer')//素材内容管理器
-    // const { getWXInfo } = useModel('useOperating.useMaterialContent')//获取微信素材详情
-    // const { get } = useModel('useOperating.useBdMediaPup')//获取本地素材详情
-    const { delMsgGroup, getDetail } = useModel('useOperating.useNews', model => ({ delMsgGroup: model.delMsgGroup, getDetail: model.getDetail }))
-    /**手动点击添加 */
-    const handleAdd = useCallback((mediaId: number) => {
-        dispatch({ type: 'pushData', params: { mediaIds: [mediaId] } })
-    }, [num])
-    /**手动点击删除 */
-    const handleDel = useCallback((mediaId: number) => {
-        dispatch({ type: 'delData', params: { mediaIds: [mediaId] } })
-    }, [num])
-    /**反选 */
-    const handelReturn = useCallback(() => {
-        let articles = data?.content?.news
-        let newMediaIds = articles?.filter((item: { id: number, deleted: boolean }) => {
-            if (mediaIds.every((mediaId: number) => mediaId !== item.id) && !item.deleted) {
-                return item.id
-            }
-            return
-        })
-        let newArr: number[] = []
-        newMediaIds.forEach((item: { id: number }) => {
-            newArr.push(item.id)
-        })
-        dispatch({ type: 'returnData', params: { mediaIds: newArr } })
-    }, [data, mediaIds])
-    /**全选 */
-    const handleAll = useCallback(() => {
-        if (mediaIds?.length === num) {
-            dispatch({ type: 'returnData', params: { mediaIds: [] } })
-        } else {
-            let newArr: number[] = []
-            data?.content?.news?.forEach((item: { id: number, deleted: boolean }) => {
-                if (!item.deleted) {
-                    newArr.push(item.id)
-                }
-            })
-            dispatch({ type: 'returnData', params: { mediaIds: newArr } })
-        }
-
-    }, [data, mediaIds, num])
-    /**删除 */
-    const deleteNews = useCallback(() => {
-        if (mediaIds?.length > 0) {
-            delMsgGroup.run({ id: data.id, list: mediaIds }).then((res) => {
-                if (res) {
-                    getDetail.refresh().then((res: any) => {
-                        let { mediaInfo, msgType, mediaId } = res
-                        let { name, url, title, } = mediaInfo
-                        let theEdit = {
-                            url: url,
-                            title: name || title,
-                            msgType,
-                            mediaId,
-                            content: mediaInfo,//NEWS使用
-                        }
-                        if (res) {
-                            console.log(res)
-                            newsDispatch && newsDispatch({ type: 'setDefaultData', params: { defaultData: { ...res, theEdit } } })
-                            dispatch({ type: 'pushData', params: { mediaIds: [] } })
-                            dispatch({ type: 'checked', params: { checked: false, indeterminate: false } })
-                        }
-                    })
-                }
-            })
-        }
-    }, [mediaIds, data])
-    useEffect(() => {
-        let len = mediaIds?.length
-        if (len < num && len !== 0) {
-            dispatch({ type: 'checked', params: { checked: true, indeterminate: true } })
-        }
-        if (len === num) {
-            dispatch({ type: 'checked', params: { checked: true, indeterminate: false } })
-        }
-        if (len === 0) {
-            dispatch({ type: 'checked', params: { checked: false, indeterminate: false } })
-        }
-    }, [mediaIds, num])
-    //编辑链接
-    const editLinks = useCallback(() => {
-        if (data && data?.msgType === 'mpnews') {
-            let links: string[] = []
-            data?.content?.news?.forEach((item: { contentSourceUrl: string }) => {
-                links.push(item?.contentSourceUrl || '')
-            })
-            dispatch({ type: 'setLinks', params: { links } })
-        }
-    }, [data])
-    //编辑内容
-    const editContent = useCallback(() => {
-        dDispatch({ type: 'actionData', params: { data: { dataArr: data?.content?.news, actionId: 1 } } })//设置编辑器的内容
-        showDrawer && showDrawer({ isEdit: true, editId: data?.id })//开启新建素材弹窗
-    }, [showDrawer, data])
-    //保存链接
-    const saveLink = useCallback(() => {
-        if (!actionId) {
-            //替换文章中的链接
-            let news = data?.content?.news?.map((item: { contentSourceUrl: string }, index: number) => {
-                if (item.contentSourceUrl !== links[index]) {
-                    item.contentSourceUrl = links[index]
-                }
-                return item
-            })
-            setIsEdit(false)
-        }else{
-            setIsEdit(false)
-        }
-    }, [links, data, actionId, linksSR])
-    //默认全选
-    useEffect(() => {
-        handleAll()
-    }, [])
-    const Box = useCallback(() => {
-        switch (data?.msgType) {
-            case 'mpnews':
-                return <>
-                    {
-                        del && <div className={style.details_header}>
-                            <Space className={style.btn}>
-                                <Checkbox indeterminate={indeterminate} onChange={handleAll} checked={checked}>全选</Checkbox>
-                                <Button onClick={handelReturn} type='dashed' size='small'>反选</Button>
-                            </Space>
-                            <Popconfirm
-                                title='确定要删除吗?'
-                                onConfirm={deleteNews}
-                                placement='left'
-                            >
-                                <Button type='primary' size='small'>删除</Button>
-                            </Popconfirm>
-
-                        </div>
-                    }
-                    <div className={style.box_card}>
-                        {
-                            data?.content?.news?.map((list: any, index: number) => {
-                                let isAction = mediaIds?.length > 0 ? mediaIds.some((mediaId: number) => mediaId === list.id) : false
-                                let isOne = data?.content?.news?.length === 1
-                                // if (list.deleted) {
-                                return (
-                                    <div
-                                        className={`${style.img_ScwxBox} ${del && isAction ? style.action : ''} `}
-                                        key={(list.thumbMediaId || list.sysMediaId || list.id) + index + (list.menuId || '')}
-                                        onClick={() => {
-                                            if (!list.deleted) {
-                                                if (isAction) {
-                                                    handleDel(list.id)
-                                                } else {
-                                                    handleAdd(list.id)
-                                                }
-                                            }
-                                        }
-                                        }>
-                                        {!isOne && <span><span>{list.title}</span></span>}
-                                        <img src={list?.thumbMediaUrl || list?.thumbUrl} />
-                                        {isOne && <div className={style.one}>
-                                            <p>{list.title}</p>
-                                            <p>{list.digest}</p>
-                                        </div>}
-                                        {
-                                            list.deleted && <div className={style.deleted}>已删除</div>
-                                        }
-                                    </div>
-                                )
-                                // }
-                                return
-                            })
-                        }
-                    </div>
-                </>
-            case 'news':
-                return <div className={style.box_card}>
-                    {
-                        data?.newsList?.map((list: any, index: number) => {
-                            let isOne = data?.newsList?.length === 1
-                            return <div className={`${style.img_ScwxBox} `} key={index}>
-                                {!isOne && <span>{list?.title}</span>}
-                                <img src={list?.knewsThumbUrl || (list?.knewsThumbId ? filePng : 'https://s.weituibao.com/static/1552098829922/bigfm.png')} />
-                                {isOne && <div className={style.one}>
-                                    <p>{list?.title}</p>
-                                    <p>{list?.description}</p>
-                                </div>}
-                            </div>
-                        })
-                    }
-                </div>
-            case 'mpvideo':
-                return <div className={style.mpvideo}>
-                    <img src={require('../../../public/image/video.png')} />
-                    <p>{data?.name || data?.title}</p>
-                </div>
-            case 'video':
-                return <div className={style.mpvideo}>
-                    <img src={require('../../../public/image/video.png')} />
-                    <p>{data?.name || data?.title}</p>
-                </div>
-            case 'voice':
-                return <div className={style.voice}>
-                    <p>{data?.name || data?.title}</p>
-                    <img src={require('../../../public/image/voice.png')} />
-                </div>
-            case 'image':
-                return <div className={style.image}>
-                    <img src='https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png' />
-                    <img src={data?.url || data?.thumbUrl || data?.imageUrl} />
-                </div>
-            case 'text':
-                let str = ''
-                if (Array.isArray(data?.textContent)) {
-                    data?.textContent?.forEach((key: string, index: number) => {
-                        // if (key) {
-                        str += `${key}${index !== data?.textContent.length - 1 ? '<br/>' : ''}`
-                        // }
-                    })
-                } else {
-                    str = data?.textContent
-                }
-                return <div className={style.text}>
-                    <img src='https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png' />
-                    <p dangerouslySetInnerHTML={{ __html: str }}></p>
-                </div>
-            case 'tem':
-                let { title, dataTem } = data?.data
-                let temStr = dataTem?.replace(/\n/g, '<br>')
-                return <>
-                    {
-                        dataTem ? <div className={style.temCon}>
-                            <div className={style.title}>{title}</div>
-                            <div className={style.rq}>{moment(new Date()).format('MM月DD日')}</div>
-                            <p dangerouslySetInnerHTML={{ __html: temStr }}></p>
-                        </div> :
-                            <div></div>
-                    }
-                </>
-            case 'miniprogrampage':
-                return <div className={style.miniprogrampage}>
-                    <span className={style.miniprogrampage_title}>{data?.title}</span>
-                    <img className={style.miniprogrampage_img} src={data?.imageUrl} />
-                    <span className={style.miniprogrampage_bottom}>小程序</span>
-                </div>
-        }
-        return <></>
-    }, [data, del, mediaIds, indeterminate, checked])
-    return <div className={style.box}>
-        <div className={style.top} />
-        <div className={style.content} >
-            {
-                isEdit ? actionId ? <div>
-                    {//存在actionID表示私人定制多选批量
-                        (linksSR[actionId] || links)?.map((url: string, index: number) => {//存在编辑过的链接使用编辑过的，没有就用默认
-                            return <div key={index} style={{ marginBottom: 15 }}>
-                                <span>第{index + 1}篇：</span>
-                                <Input.TextArea value={url} onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => {
-                                    let newLinks = JSON.parse(JSON.stringify(linksSR[actionId] || links))
-                                    newLinks[index] = event.target.value
-                                    let newlinksSR = { ...state.linksSR }
-                                    newlinksSR[actionId] = newLinks
-                                    console.log()
-                                    linsFn && linsFn(newlinksSR)
-                                    dispatch({ type: 'setLinksSR', params: { links: { [actionId]: newLinks } } })
-                                }} disabled={!isShowEdit}/>
-                            </div>
-                        })
-                    }
-                </div> : <div>
-                    {//常规操作没有批量
-                        links?.map((url: string, index: number) => {
-                            return <div key={index} style={{ marginBottom: 15 }}>
-                                <span>第{index + 1}篇：</span>
-                                <Input.TextArea value={url} onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => {
-                                    let newLinks = JSON.parse(JSON.stringify(links))
-                                    newLinks[index] = event.target.value
-                                    console.log(3333, event.target.value)
-                                    dispatch({ type: 'setLinks', params: { links: newLinks } })
-                                }} disabled={!isShowEdit}/>
-                            </div>
-                        })
-                    }
-                </div> : <Box />
-            }
-            {
-                data?.msgType === 'mpnews'  && <Space style={{ width: '100%', display: 'flex', justifyContent: 'center' }}>
-                    {
-                        isEdit ?
-                            <>
-                                {isShowEdit && <Button onClick={saveLink}>保存</Button>}
-                                <Button onClick={() => { setIsEdit(false) }}>取消</Button>
-                            </>
-                            :
-                            <>
-                                <Button onClick={() => { setIsEdit(true); editLinks() }}>{isShowEdit ? '编辑链接':'查看连接'}</Button>
-                                {isShowEditBtn && <Button onClick={editContent}>编辑内容</Button>}
-                            </>
-                    }
-                </Space>
-            }
-        </div>
-    </div>
-})
-export default WxDetailsBox

src/components/WxSelect/index.tsx

@@ -1,35 +0,0 @@
-import { Select } from 'antd'
-import React from 'react'
-import { useModel } from 'umi'
-//当前账号所有公众号筛选Select
-function WxSelect(props: { mode?: 1 | 2, isAll?: boolean }) {
-    const { mode = 2,isAll = true } = props
-    const { state: { filterWxs, selectWx }, dispatch } = useModel('useOperating.useWxGroupList')
-    const { getList } = useModel(isAll ? 'useOperating.useBdMedia' : 'useOperating.useBdMediaPup')
-    return <Select
-        showSearch
-        style={{ width: '100%', marginTop: 15 }}
-        placeholder="关联公众号"
-        optionFilterProp="children"
-        onChange={(value) => {
-            dispatch({ type: 'selectWx', params: { selectWx: value } });
-            if (mode === 1) {
-                getList({mpId:value})
-            }
-        }}
-        mode={mode === 1 ? undefined : 'multiple'}
-        allowClear
-        filterOption={(input, option) =>
-            option?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
-        }
-        value={selectWx}
-    >
-        {
-            filterWxs?.map((item: any) => {
-                // console.log(item)
-                return <Select.Option value={item?.id} key={item?.id}>{item?.nickName}</Select.Option>
-            })
-        }
-    </Select>
-}
-export default WxSelect

src/models/useOperating/useAdCensus.ts

@@ -1,12 +0,0 @@
-import { useAjax } from '@/Hook/useAjax'
-import { getAdProfitAjax, AdProfit, getxcxAllAjax } from '@/services/operating/adCensus'
-
-export default function useAdCensus() {
-    const getAdProfit = useAjax((params: AdProfit) => getAdProfitAjax(params), { formatResult: true })
-    const getxcxAll = useAjax(() => getxcxAllAjax(), { formatResult: true })
-
-    return {
-        getAdProfit,
-        getxcxAll
-    }
-}

src/models/useOperating/useAservice.ts

@@ -1,263 +0,0 @@
-import { useAjax } from '@/Hook/useAjax';
-import { kefuMsgStrategyAdd, kefuMsgStrategyDel, kefuMsgStrategyDetail, kefuMsgStrategyEdit, kefuMsgStrategyGet, kefuMsgStrategyOn, kefuMsgStrategyRestart, kefuMsgStrategyDays, kefuMsgStrategyHistoryNews, kefuMsgStrategyDels } from '@/services/operating/news';
-import moment from 'moment';
-import { useCallback, useEffect, useReducer } from 'react'
-type State = {
-    visible: boolean,//弹窗开启与否
-    wxVisible: boolean,//微信公众号选择弹窗
-    moreVisible: boolean,//批量弹窗
-    msgVisible: boolean,//图片，视频，音频类型弹窗
-    textVisible: boolean,//文字类型弹窗
-    graphicVisible: boolean,//图文类型弹窗
-    msgContents: any[],//当前出入的数据
-    delId: number[],//上次删除的ID集合
-    fans: 0 | 1,//群发粉丝
-    taskName: string,//任务名称
-    msgType: 'mpnews' | 'text' | 'voice' | 'mpvideo' | 'image',//消息类型
-    mobile?: string,
-    actionWX: any,//当前微信
-    mpIds: any[],//批量选中的微信
-    triggerType: number,//发送方式
-    weekDay: number,//星期几
-    time: string,//时分
-    sendTime: string,//指定时间
-    enabled: 0 | 1,//0暂停1启用
-    msgStrategy: 0 | 1, // 0全部推送 1 随机回复一条
-    mpFansListDto: {
-        sex: 'all' | 0 | 1 | 2,// 'all'全部，0未知，1男，2女
-        tagIds: any[],
-        tagType: 0 | 1 | 2, // 0：并集,1：交集,2：取反
-
-    },
-
-}
-export type Action = {
-    type: 'show' | 'wxShow' | 'moreShow' |
-    'msgType' | 'msgVisible' |
-    'textVisible' | 'graphicVisible' |
-    'setDate' | 'setTime'  | 'setWeekDay' | 'setFans' | 'setSex' |
-    'setMpFansListDto' | 'initData' | 'setActionWX' | 'setActionWXs' | 'setName' | 'triggerType' | 'setEnabled' | 'setMsgStrategy' |
-    'addList' | 'delList' | 'edit' | 'up' | 'down'
-    ,
-    params?: any
-}
-function reducer(state: State, action: Action) {
-    let { type, params } = action
-    let { msgContents } = state
-    let newArr: any[] = []
-    switch (type) {
-        case 'addList':
-            newArr = [...msgContents]
-            let indexId: number
-            let newIds: any[] = []
-            if (state?.delId?.length > 0) {//假如delId存在代表删除过数据，取删除的数据的Id做为新素材的ID避免重复ID
-                indexId = state.delId[0]
-                newIds = state.delId.filter((id) => id !== state.delId[0])
-            } else {//假如不存在那就是第一次新建只要设ID为数组的长度+1就行
-                indexId = msgContents.length + 1
-            }
-            if (params.list.index && !params.list.indexId) {//index存在indexId不存在表示是插入
-                newArr.forEach((item: any, index: number) => {
-                    if (item.indexId === params.list.index) {
-                        newArr.splice(index + 1, 0, { ...params.list, indexId })
-                    }
-                })
-            } else {//最后插入
-                newArr.push({ ...params.list, indexId })
-            }
-            return { ...state, msgContents: newArr, delId: newIds }
-        case 'edit':
-            newArr = [...msgContents]
-            newArr.forEach((item: any, index: number) => {
-                if (item.indexId === params.list.index) {
-                    newArr.splice(index, 1, { ...item, ...params.list })
-                }
-            })
-            return { ...state, msgContents: newArr }
-        case 'delList':
-            let delId = [...state.delId, params.indexId]//存放本次删除的ID以备新增时使用
-            return { ...state, msgContents: msgContents.filter((item: any) => item.indexId !== params.indexId), delId }
-        case 'up':
-            newArr = [...msgContents]
-            msgContents.forEach((item: any, index: number) => {
-                if (item.indexId === params.indexId) {
-                    newArr[index - 1] = item
-                    newArr[index] = msgContents[index - 1]
-                }
-            })
-            return { ...state, msgContents: newArr }
-        case 'down':
-            newArr = [...msgContents]
-            msgContents.forEach((item: any, index: number) => {
-                if (item.indexId === params.indexId) {
-                    newArr[index + 1] = item
-                    newArr[index] = msgContents[index + 1]
-                }
-            })
-            return { ...state, msgContents: newArr }
-        case 'setActionWX':
-            return { ...state, actionWX: params.actionWX }
-        case 'setActionWXs':
-            return { ...state, mpIds: params.mpIds }
-        case 'show':
-            return { ...state, visible: !state.visible }
-        case 'wxShow':
-            return { ...state, wxVisible: !state.wxVisible }
-        case 'moreShow':
-            return { ...state, moreVisible: !state.moreVisible }
-        case 'msgType':
-            return { ...state, msgType: params.msgType }
-        case 'msgVisible':
-            return { ...state, msgVisible: !state.msgVisible }
-        case 'textVisible':
-            return { ...state, textVisible: !state.textVisible }
-        case 'graphicVisible':
-            return { ...state, graphicVisible: !state.graphicVisible }
-        case 'setDate':
-            return { ...state, sendTime: params.sendTime }
-        case 'setWeekDay':
-            return { ...state, weekDay: params.weekDay }
-        case 'triggerType':
-            return { ...state, triggerType: params.triggerType }
-        case 'setTime':
-            return { ...state, time: params.time }
-        case 'setEnabled':
-            return { ...state, enabled: params.enabled }
-        case 'setMsgStrategy':
-            return { ...state, msgStrategy: params.msgStrategy }
-        case 'setFans':
-            return { ...state, fans: params.fans }
-        case 'setSex':
-            return { ...state, sex: params.sex }
-        case 'setName':
-            return { ...state, taskName: params.taskName }
-        case 'setMpFansListDto':
-            return { ...state, mpFansListDto: { ...state.mpFansListDto, ...params } }
-        case 'initData':
-            if (!params) {
-                return {
-                    visible: false,
-                    wxVisible: false,
-                    moreVisible: false,
-                    msgType: 'mpnews',
-                    msgVisible: false,
-                    graphicVisible: false,
-                    textVisible: false,
-                    time: moment(new Date()).format('HH:mm'),
-                    fans: 1,
-                    taskName: '',
-                    sex: 'all',
-                    actionWX: null,
-                    msgContents: [],
-                    delId: [],
-                    mpIds: [],
-                    triggerType: 0,
-                    enabled: 1,
-                    msgStrategy: 0,
-                    weekDay: 2,
-                    sendTime: null,
-                    resDelayHours: 0,//时
-                    resDelayMinutes: 0,//分
-                    resDelaySecond: 0,//秒
-                    mpFansListDto: {
-                        sex: 'all',
-                        tagIds: [],
-                        tagType: 0
-                    }
-                }
-            }
-            return { ...state, ...params }
-        default:
-            return state;
-    }
-}
-export default function useAservice() {
-    const [state, dispatch] = useReducer(reducer, {
-        visible: false,
-        wxVisible: false,
-        moreVisible: false,
-        msgType: 'mpnews',
-        msgVisible: false,
-        msgContents: [],
-        delId: [],
-        graphicVisible: false,
-        textVisible: false,
-        time: moment(new Date()).format('HH:mm'),
-        fans: 1,
-        taskName: '',
-        sex: 'all',
-        actionWX: null,
-        mpIds: [],
-        triggerType: 1,
-        enabled: 1,
-        msgStrategy: 0,
-        weekDay: 1,
-        sendTime: null,
-        resDelayHours: 0,//时
-        resDelayMinutes: 0,//分
-        resDelaySecond: 0,//秒
-        mpFansListDto: {
-            sex: 'all',
-            tagIds: [],
-            tagType: 0
-        }
-    })
-    const addKefuMsgStrategy = useAjax((params?: any) => kefuMsgStrategyAdd(params))
-    const editKefuMsgStrategy = useAjax((params: any) => kefuMsgStrategyEdit(params), { msgNmae: '编辑' })
-    const delKefuMsgStrategy = useAjax((params: any) => kefuMsgStrategyDel(params), { msgNmae: '删除' })
-    const delskefu = useAjax((params) => kefuMsgStrategyDels(params), { msgNmae: '批量删除' })
-    const restartKefuMsgStrategy = useAjax((params: { strategyId: number, belongUserId: number }) => kefuMsgStrategyRestart(params), { msgNmae: '启动' })
-    const onKefuMsgStrategy = useAjax((params: any) => kefuMsgStrategyOn(params), { msgNmae: '操作' })
-    const getKefuMsgStrategy = useAjax((params: any) => kefuMsgStrategyGet(params))
-    const detailKefuMsgStrategy = useAjax((params: any) => kefuMsgStrategyDetail(params))
-    const daysKefuMsgStrategy = useAjax((params: { strategyId: number, pageNum: number, pageSize: number, belongUserId: number, mpId?: string }) => kefuMsgStrategyDays(params))
-    const historyKefuMsgStrategy = useAjax((params: { pageNum: number, pageSize: number }) => kefuMsgStrategyHistoryNews(params))
-
-    /** 初始化数据*/
-    const initData = useCallback((data: any) => {
-        dispatch({ type: 'initData', params: { data } })
-    }, [])
-    /** 添加list*/
-    const addList = useCallback((list: any) => {
-        dispatch({ type: 'addList', params: { list } })
-    }, [])
-    const editList = useCallback((list: any) => {
-        dispatch({ type: 'edit', params: { list } })
-    }, [])
-    /**删除list */
-    const delList = useCallback((indexId: any) => {
-        dispatch({ type: 'delList', params: { indexId } })
-    }, [])
-    /** 向上移动*/
-    const up = useCallback((indexId: any) => {
-        dispatch({ type: 'up', params: { indexId } })
-    }, [])
-    /** 向下移动*/
-    const down = useCallback((indexId: any) => {
-        dispatch({ type: 'down', params: { indexId } })
-    }, [])
-    useEffect(() => {
-        localStorage.setItem('collapsed', state.visible ? '1' : '0')
-    }, [state.visible])
-    console.log('useAservice=>sate.msgContents====>', state?.msgContents)
-    return {
-        state,
-        addKefuMsgStrategy,
-        editKefuMsgStrategy,
-        delKefuMsgStrategy,
-        getKefuMsgStrategy,
-        onKefuMsgStrategy,
-        detailKefuMsgStrategy,
-        restartKefuMsgStrategy,
-        daysKefuMsgStrategy,
-        historyKefuMsgStrategy,
-        delskefu,
-        initData,
-        dispatch,
-        addList,
-        delList,
-        editList,
-        up,
-        down,
-    }
-}

src/models/useOperating/useAtemplate.ts

@@ -1,65 +0,0 @@
-import { useAjax } from '@/Hook/useAjax';
-import { listOfPageApi, templateMsgApi, syncTemplateApi, strategyApi, temDelApi, modifyStrategyApi, temPreviewApi } from '@/services/operating/news';
-
-export default function useAtemplate() {
-    const getKefuMsgStrategy = useAjax((params: {mpId: string}) => templateMsgApi(params)) 
-    const listOfPageAjax = useAjax((params: {mpId?: string, taskName?: string, executionStatus?: number, pageNum: number, pageSize: number}) => listOfPageApi(params))
-    const syncTemplateAjax = useAjax((params: {mpId: string}) => syncTemplateApi(params)) 
-    const strategyAjax = useAjax((params: {mpId: string, 
-        templateId: number, 
-        taskName: string, 
-        fansAll: boolean, 
-        fansFilterTagType?: number,
-        fansFilterTagids?: any[]
-        contentFields: any[],
-        url?: string,
-        miniprogramAppid?: string,
-        miniprogramPagepath?: string,
-        triggerType: number,
-        sendTime?: string,
-        enabled: boolean,
-        isUrl: boolean,
-        fansFilterSex?: number}) => strategyApi(params)) 
-    const modifyStrategyAjax = useAjax((params: {mpId: string, 
-            id: number,
-            templateId: number, 
-            taskName: string, 
-            fansAll: boolean, 
-            fansFilterTagType?: number,
-            fansFilterTagids?: any[]
-            contentFields: any[],
-            url?: string,
-            miniprogramAppid?: string,
-            miniprogramPagepath?: string,
-            triggerType: number,
-            sendTime?: string,
-            enabled: boolean,
-            isUrl: boolean,
-            fansFilterSex?: number}) => modifyStrategyApi(params), { msgNmae: '修改' }) 
-    const temDelAjax = useAjax((params: {id: number}) => temDelApi(params)) 
-    const temPreviewAjax = useAjax((params: {mpId: number, 
-        fansIds: number,
-        templateId: number, 
-        taskName: string, 
-        fansAll: boolean, 
-        fansFilterTagType?: number,
-        fansFilterTagids?: any[]
-        contentFields: any[],
-        url?: string,
-        miniprogramAppid?: string,
-        miniprogramPagepath?: string,
-        triggerType: number,
-        sendTime?: string,
-        enabled: boolean,
-        isUrl: boolean,
-        fansFilterSex?: number}) => temPreviewApi(params), { msgNmae: '预览' }) 
-    return {
-        getKefuMsgStrategy,
-        listOfPageAjax,
-        syncTemplateAjax,
-        strategyAjax,
-        temDelAjax,
-        modifyStrategyAjax,
-        temPreviewAjax
-    }
-}

src/models/useOperating/useDB.tsx

@@ -1,30 +0,0 @@
-import { useReducer } from 'react'
-type State = {
-    data?: any[],
-    total?: number
-}
-export type Action = {
-    type: 'set',
-    params: any
-}
-export function reducer(state: State, action: Action) {
-    let { type, params } = action
-    let newState = JSON.parse(JSON.stringify(state))
-    switch (type) {
-        case 'set':
-            Object.keys(params as State).forEach((key: string) => {
-                newState[key] = (params as State)[key]
-            })
-            return newState
-        default:
-            return state;
-    }
-}
-const defultData = { data: [], total: 0 }
-export default function useDB() {
-    const [state, dispatch] = useReducer(reducer, defultData)
-    return {
-        state,
-        dispatch
-    }
-}

src/models/useOperating/useExamine.ts

@@ -1,77 +0,0 @@
-import { useEffect, useReducer } from 'react'
-import { useAjax } from '@/Hook/useAjax'
-import { getAdvancedList, getAserviceList, getAtemplateList, getInteractList, getUserList, reviewAdvanced, reviewAservice, reviewAtemplate, reviewInteract, seeAdvanced, seeAservice, seeAtemplate, seeInteract } from '@/services/operating/examine'
-type State = {
-    userList?: any[]//公众号列表
-    mpId?: number | string//选中的公众号
-}
-const initData: State = {
-    userList: [],
-    mpId: ''
-}
-export type Action = {
-    type: 'set',
-    params: State
-}
-export function reducer(state: State, action: Action) {
-    let { type, params } = action
-    let newState = JSON.parse(JSON.stringify(state))
-    switch (type) {
-        case 'set':
-            Object.keys(params).forEach((key) => {
-                newState[key] = params[key]
-            })
-            return newState
-        default:
-            return state;
-    }
-}
-
-export default function useWxGroupList() {
-    const [state, dispatch]: [State, React.Dispatch<Action>] = useReducer(reducer, initData)
-    /**获取公众列表*/
-    const ajaxUserList = useAjax(() => getUserList())
-    /**==========================群发============================*/
-    const advancedList = useAjax((params) => getAdvancedList(params))
-    const putReviewAdvanced = useAjax((params) => reviewAdvanced(params))
-    const lookAdvanced = useAjax((params) => seeAdvanced(params))
-    /**==========================客服============================*/
-    const aserviceList = useAjax((params) => getAserviceList(params))
-    const putReviewAservice = useAjax((params) => reviewAservice(params))
-    const lookAservice = useAjax((params) => seeAservice(params))
-    /**==========================模板============================*/
-    const atemplateList = useAjax((params) => getAtemplateList(params))
-    const putReviewAtemplate = useAjax((params) => reviewAtemplate(params))
-    const lookAtemplate = useAjax((params) => seeAtemplate(params))
-    /**==========================立即/延迟============================*/
-    const interactList = useAjax((params) => getInteractList(params))
-    const putReviewInteract = useAjax((params) => reviewInteract(params))
-    const lookInteract = useAjax((params) => seeInteract(params))
-    /**设置公众号列表*/
-    // useEffect(() => {
-    //     if (state?.userList?.length === 0 && sessionStorage.getItem('Admin-Token')) {
-    //         ajaxUserList.run().then((data: any[]) => {
-    //             if (data?.length > 0) {
-    //                 dispatch({ type: 'set', params: { userList: data } })
-    //             }
-    //         })
-    //     }
-    // }, [state.userList])
-    return {
-        state,
-        dispatch,
-        ajaxUserList,
-        advancedList,
-        putReviewAdvanced,
-        putReviewAservice,
-        putReviewAtemplate,
-        putReviewInteract,
-        lookAdvanced,
-        aserviceList,
-        lookAservice,
-        atemplateList,
-        lookAtemplate,
-        interactList,
-        lookInteract
-    }
-}

src/models/useOperating/useFans.ts

@@ -1,124 +0,0 @@
-import { useCallback, useReducer } from 'react';
-import {
-  addFansTag,
-  editFansTag,
-  getFansTagList,
-  selectFansTagList,
-  delFansTag,
-  FansTag,
-  getFansList,
-  getFansDetail,
-  putFansTag,
-  setFansRemark,
-  putFansSync,
-  putFansSyncAll,
-  Fans,
-  fansSearch,
-  syncAllTag,
-  catFansNum,
-  getFansStatOnlineApi,
-  getFansOrderListApi,
-  syncAllBooksApi,
-  isBoundAdAccount,
-  createAdUserPackage,
-} from '@/services/operating/fans';
-import { useAjax } from '@/Hook/useAjax';
-type State = {
-  visible: boolean; //弹窗开启与否
-};
-export type Action = {
-  type: 'show';
-  params?: any;
-};
-export function reducer(state: State, action: Action) {
-  let { type } = action;
-  switch (type) {
-    case 'show':
-      return { ...state, visible: !state.visible };
-    default:
-      return state;
-  }
-}
-
-export default function useWxGroupList() {
-  const [state, dispatch] = useReducer(reducer, { visible: false });
-  /**添加粉丝标签 */
-  const add = useAjax((params: FansTag) => addFansTag(params), { msgNmae: '新建标签' });
-  /**同步粉丝标签 */
-  const tagSyncAll = useAjax((mpId: number) => syncAllTag(mpId), { msgNmae: '同步标签' });
-  /**编辑粉丝标签 */
-  const edit = useAjax((params: FansTag) => editFansTag(params), { msgNmae: '编辑标签' });
-  /**获取粉丝标签全部列表 */
-  const get = useAjax((params: { mpId: string }) => getFansTagList(params));
-  /**查询粉丝标签 */
-  const select = useAjax((params: FansTag) => selectFansTagList(params));
-  /**删除粉丝标签 */
-  const del = useAjax((params: { tagId: string }) => delFansTag(params), { msgNmae: '删除标签' });
-  /**粉丝列表*/
-  const fansList = useAjax((params: Fans) => getFansList(params));
-  /**粉丝统计信息*/
-  const getFansStatOnline = useAjax((mpId: number) => getFansStatOnlineApi(mpId));
-  /**粉丝订单数据*/
-  const getFansOrderList = useAjax(
-    (props: {
-      queryDate: string;
-      platformId: number;
-      mpId: string;
-      openId: string;
-      pageNum: number;
-      pageSize: number;
-      orderStatus?: 0 | 1 | 2 | -1;
-    }) => getFansOrderListApi(props),
-  );
-  /**粉丝详情*/
-  const fansDetail = useAjax((params: { fansId: string }) => getFansDetail(params));
-  /**粉丝name搜索*/
-  const searchFans = useAjax((params: { nickname: string; mpId: number }) => fansSearch(params), {
-    debounceInterval: 100,
-  });
-  /**给粉丝打标签*/
-  const fansTag = useAjax((params: Fans) => putFansTag(params));
-  /**给粉丝设置备注*/
-  const fansRemark = useAjax((params: any) => setFansRemark(params));
-  /**重新同步指定粉丝的信息*/
-  const fansSync = useAjax((params: { fansId: string }) => putFansSync(params));
-  /**重新同步公众号所有粉丝信息*/
-  const fansSyncAll = useAjax((params: { mpId: string }) => putFansSyncAll(params));
-  /** 同步书城信息 */
-  const syncAllBooks = useAjax((params: { mpId: number; platformId: number }) =>
-    syncAllBooksApi(params),
-  );
-  /**显示关闭弹窗 */
-  const visible = useCallback(() => {
-    dispatch({ type: 'show' });
-  }, []);
-  /**条件查找粉丝活跃人数 */
-  const catFans = useAjax((params) => catFansNum(params));
-  /**是否绑定广告账户*/
-  const is_boundAdAccount = useAjax((mpId)=>isBoundAdAccount(mpId))
-  /**创建人群包*/
-  const create_adUserPackage = useAjax((params)=>createAdUserPackage(params),{msgNmae:'创建'})
-  return {
-    state,
-    get,
-    add,
-    del,
-    edit,
-    select,
-    visible,
-    fansList,
-    fansDetail,
-    fansTag,
-    fansRemark,
-    fansSync,
-    fansSyncAll,
-    searchFans,
-    tagSyncAll,
-    catFans,
-    getFansStatOnline,
-    getFansOrderList,
-    syncAllBooks,
-    is_boundAdAccount,
-    create_adUserPackage
-  };
-}

src/models/useOperating/useInteract.ts

@@ -1,309 +0,0 @@
-import { useCallback, useReducer } from 'react';
-import {
-  addMsgResStrategy,
-  editMsgResStrategy,
-  getMsgResStrategy,
-  searchMsgResStrategy,
-  getMpClickMenuList,
-  searchImMsgResStrategy,
-  delMsgResStrategy,
-  searchDetails,
-  Params,
-  editEnabled,
-  editMsgResStrategyIm,
-  replyStrategyPreview,
-  importPushExcle,
-} from '@/services/operating/interact';
-import { useAjax } from '@/Hook/useAjax';
-type State = {
-  msgContents: any[]; //当前出入的数据
-  textKey: string; //关键字
-  resDelayHours: number; //时
-  resDelayMinutes: number; //分
-  resDelaySecond: number; //秒
-  strategyDesc: string; //策略描述
-  textKeyStrategy: number; //全匹配 半匹配
-  msgStrategy: number; //推送方式
-  eventType: number; //触发条件
-  delId: number[]; //上次删除的ID集合
-  menuKeys: string[];
-  fansSelectValue?: any;
-  fansType:0|1
-};
-export type Action = {
-  type:
-    | 'addList'
-    | 'delList'
-    | 'edit'
-    | 'up'
-    | 'down'
-    | 'setTextKey'
-    | 'setMenuKeys'
-    | 'setTime'
-    | 'setStrategyDesc'
-    | 'setMsgStrategy'
-    | 'setTextKeyStrategy'
-    | 'setEventType'
-    | 'initData'
-    | 'setFansSelectValue'
-    | 'setFansType'
-  params: any;
-};
-export function reducer(state: State, action: Action) {
-  let { msgContents } = state;
-  let { type, params } = action;
-  let newArr: any[] = [];
-  let newState = JSON.parse(JSON.stringify(state));
-  switch (type) {
-    case 'addList':
-      newArr = [...msgContents];
-      console.log('ADDLIST', msgContents);
-      let indexId: number;
-      let newIds: any[] = [];
-      if (state?.delId?.length > 0) {
-        //假如delId存在代表删除过数据，取删除的数据的Id做为新素材的ID避免重复ID
-        console.log('从删除的数组里取序号');
-        indexId = state.delId[0];
-        newIds = state.delId.filter((id) => id !== state.delId[0]);
-      } else {
-        //假如不存在那就是第一次新建只要设ID为数组的长度+1就行
-        indexId = msgContents.length + 1;
-        console.log('新增序号');
-      }
-      // console.log(params.list,'params.list')
-      if (params.list.index && !params.list.indexId && newArr?.length > 0) {
-        //index存在indexId不存在表示是插入
-        console.log('按位置插入');
-        newArr.forEach((item: any, index: number) => {
-          if (item.indexId === params.list.index) {
-            newArr.splice(index + 1, 0, { ...params.list, indexId });
-          }
-        });
-      } else {
-        //最后插入
-        console.log('最后插入', params.list, indexId);
-        newArr.push({ ...params.list, indexId });
-      }
-      return { ...state, msgContents: newArr, delId: newIds };
-    case 'edit':
-      console.log(params, 'params');
-      newArr = [...msgContents];
-      newArr.forEach((item: any, index: number) => {
-        if (item.indexId === params.list.index) {
-          newArr.splice(index, 1, { ...item, ...params.list });
-        }
-      });
-      return { ...state, msgContents: newArr };
-    case 'delList':
-      let delId = [...state.delId, params.indexId]; //存放本次删除的ID以备新增时使用
-      return {
-        ...state,
-        msgContents: msgContents.filter((item: any) => item.indexId !== params.indexId),
-        delId,
-      };
-    case 'up':
-      newArr = [...msgContents];
-      msgContents.forEach((item: any, index: number) => {
-        if (item.indexId === params.indexId) {
-          newArr[index - 1] = item;
-          newArr[index] = msgContents[index - 1];
-        }
-      });
-      return { ...state, msgContents: newArr };
-    case 'down':
-      newArr = [...msgContents];
-      msgContents.forEach((item: any, index: number) => {
-        if (item.indexId === params.indexId) {
-          newArr[index + 1] = item;
-          newArr[index] = msgContents[index + 1];
-        }
-      });
-      return { ...state, msgContents: newArr };
-    case 'setTextKey':
-      return { ...state, textKey: params.textKey };
-    case 'setMenuKeys':
-      return { ...state, menuKeys: params.menuKeys };
-    case 'setTime':
-      Object.keys(params).forEach((key) => {
-        newState[key] = params[key];
-      });
-      return { ...newState };
-    case 'setStrategyDesc':
-      return { ...state, strategyDesc: params.strategyDesc };
-    case 'setMsgStrategy':
-      return { ...state, msgStrategy: params.msgStrategy };
-    case 'setTextKeyStrategy':
-      return { ...state, textKeyStrategy: params.textKeyStrategy };
-    case 'setEventType':
-      return { ...state, eventType: params.eventType };
-    case 'setFansSelectValue':
-      return { ...state, fansSelectValue: params.fansSelectValue };
-    case 'setFansType':
-      return { ...state, fansType: params.fansType };
-    case 'initData':
-      return { ...params.data.data };
-    default:
-      return state;
-  }
-}
-const defultData = {
-  msgContents: [],
-  textKey: '',
-  resDelayHours: 0,
-  resDelayMinutes: 0, //分
-  resDelaySecond: 0, //秒
-  strategyDesc: '',
-  msgStrategy: 0,
-  textKeyStrategy: 0,
-  eventType: 0,
-  enabled: true,
-  delId: [],
-  fansType:1,
-  fansSelectValue:{
-    fansFilterOsType: [],//操作系统
-    fansFilterMember: '',//是否是会员
-    fansFilterSex: [],//粉丝性别
-    fansFilterSubscribeTimeType: '',//关注时间
-    fansFilterSubscribeTimeBegin: '',//关注起始时间
-    fansFilterSubscribeTimeEnd: '',//关注截至时间
-    fansFilterRechargeCountMin: '',//充值次数（最少）
-    fansFilterRechargeCountMax: '',//充值次数（最多）
-    fansFilterRechargeTimeMin: '',//上次充值时间（最少 n天内）
-    fansFilterRechargeTimeMax: '',//上次充值时间（最大 n天内）
-    fansFilterRechargeMin: '',//最低充值金额
-    fansFilterRechargeMax: '',//最大充值金额
-    fansFilterCoinCountMin: '',//最低书币余额
-    fansFilterCoinCountMax: '',//最高书币余额
-    fansFilterActiveTimeMin: '',//上次活跃距今时间（最低）
-    fansFilterActiveTimeMax: '',//上次活跃距今时间（最高）
-    rechargeType: '',//充值情况选项
-    dayType: '',//天数选项
-    countType: '',//书币选项
-    timeType: ''//时间选项
-}
-};
-export default function useInteract() {
-  const [state, dispatch] = useReducer(reducer, defultData);
-  const addMsg = useAjax((params: Params) => addMsgResStrategy(params), { msgNmae: '添加' });
-  const editMsg = useAjax((params: Params) => editMsgResStrategy(params), { msgNmae: '编辑' });
-  const editMsgIm = useAjax((params: Params) => editMsgResStrategyIm(params), { msgNmae: '保存' });
-  const delMsg = useAjax((params: { strategyId: string }) => delMsgResStrategy(params), {
-    msgNmae: '删除',
-  });
-  const getMsg = useAjax((params: { strategyId: string }) => getMsgResStrategy(params));
-  const searchMsg = useAjax((params: { mpId: string; eventType?: number; strategyDesc?: string }) =>
-    searchMsgResStrategy(params),
-  );
-  const searchImMsg = useAjax((params: { mpId: string; eventType?: number; textKey?: string }) =>
-    searchImMsgResStrategy(params),
-  );
-  const searchDetail = useAjax((params: { strategyId: string }) => searchDetails(params));
-  const getMenuList = useAjax((params: { mpId: string }) => getMpClickMenuList(params));
-  const postReplyStrategyPreview = useAjax(
-    (params: { fansIds?: string; mpIds: any[] }) => replyStrategyPreview(params),
-    { msgNmae: '预览' },
-  );
-  const upLoad = useAjax((params: any) => importPushExcle(params), { msgNmae: '导入' });
-
-  const setEnabled = useAjax(
-    (params: { strategyId: number; enabled: boolean }) => editEnabled(params),
-    { msgNmae: '设置' },
-  );
-  /** 初始化数据*/
-  const initData = useCallback((data: any) => {
-    console.log('initData====>')
-    dispatch({ type: 'initData', params: { data } });
-  }, []);
-  /** 添加list*/
-  const addList = useCallback((list: any) => {
-    console.log('插入list', list);
-    dispatch({ type: 'addList', params: { list } });
-  }, []);
-  const editList = useCallback((list: any) => {
-    console.log(list);
-    dispatch({ type: 'edit', params: { list } });
-  }, []);
-  /**删除list */
-  const delList = useCallback((indexId: any) => {
-    dispatch({ type: 'delList', params: { indexId } });
-  }, []);
-  /** 向上移动*/
-  const up = useCallback((indexId: any) => {
-    dispatch({ type: 'up', params: { indexId } });
-  }, []);
-  /** 向下移动*/
-  const down = useCallback((indexId: any) => {
-    dispatch({ type: 'down', params: { indexId } });
-  }, []);
-  /** 设置关键字*/
-  const setTextKey = useCallback((textKey: string) => {
-    dispatch({ type: 'setTextKey', params: { textKey } });
-  }, []);
-  /** 设置菜单点击*/
-  const setMenuKeys = useCallback((menuKeys: string[]) => {
-    dispatch({ type: 'setMenuKeys', params: { menuKeys } });
-  }, []);
-  /** 设置时间*/
-  const setTime = useCallback((time: { [name: string]: any }) => {
-    dispatch({ type: 'setTime', params: time });
-  }, []);
-  /** 设置策略描述*/
-  const setStrategyDesc = useCallback((strategyDesc: string) => {
-    dispatch({ type: 'setStrategyDesc', params: { strategyDesc } });
-  }, []);
-  /** 设置推送方式*/
-  const setMsgStrategy = useCallback((msgStrategy: number) => {
-    dispatch({ type: 'setMsgStrategy', params: { msgStrategy } });
-  }, []);
-  /** 设置半匹配 全匹配*/
-  const setTextKeyStrategy = useCallback((textKeyStrategy: number) => {
-    dispatch({ type: 'setTextKeyStrategy', params: { textKeyStrategy } });
-  }, []);
-  /** 设置触发条件*/
-  const setEventType = useCallback((eventType: number) => {
-    dispatch({ type: 'setEventType', params: { eventType } });
-  }, []);
-  const setDeflault = useCallback(() => {
-    dispatch({ type: 'initData', params: { data: { data: { ...defultData } } } }); // id: state?.id
-  }, [state]);
-  const setFans = useCallback((fansSelectValue:any) => {
-    console.log('setFans====>')
-    dispatch({type:'setFansSelectValue',params:{fansSelectValue}})
-  }, []);
-  const setFansType = useCallback((fansType:any) => {
-      console.log('fansType===>',fansType)
-    dispatch({type:'setFansType',params:{fansType}})
-  }, []);
-//   console.log('useInteract=>sate.msgContents====>', state)
-  return {
-    state,
-    addList,
-    delList,
-    editList,
-    up,
-    down,
-    setTextKey,
-    setMenuKeys,
-    setTime,
-    setStrategyDesc,
-    setMsgStrategy,
-    setTextKeyStrategy,
-    setEventType,
-    setFans,
-    setFansType,
-    addMsg,
-    editMsg,
-    delMsg,
-    getMsg,
-    searchMsg,
-    searchImMsg,
-    initData,
-    setEnabled,
-    editMsgIm,
-    setDeflault,
-    searchDetail,
-    getMenuList,
-    postReplyStrategyPreview,
-    upLoad,
-  };
-}

src/models/useOperating/useMaterialContent.ts

@@ -1,209 +0,0 @@
-import { useCallback, useEffect, useReducer } from 'react'
-import { useAjax } from '@/Hook/useAjax'
-import {
-    addMediaList, delMediaList, editMediaList, getMediaList, MediaList, GetMediaList, getTagList,
-    getClass, delClass, editClass, addClass, createGraphic, CreateGraphic, getGraphicList, editGraphic, EditGraphic, GetGraphicList,
-    getWeChatITData, GetWeChatITData, GetWeChatData, getWeChatData, getWxMediaInfo, syncMedias, syncPermanentGraphicMedias, delMediawx,
-    createGraphicMaterial, editGraphicWxMaterial, getFileUrl, getGraphicDetail, exportMediaByUrl, updateMediaCache, syncResult, bantchAdd, delOss
-} from '@/services/operating/material'
-import {  notification } from 'antd'
-import { useModel } from 'umi'
-type State = {
-    mediaType: string,//弹窗开关
-    isPublic: 0 | 1,//个人本地和公共本地
-    allData: any[],
-    syncIds: any[],//同步的素材ID，用于判断是否是当前素材在同步展示login
-}
-type Action = {
-    type: 'setType' | 'isPublic' | 'addData' | 'initData' | 'syncIds',
-    params?: any
-}
-export function reducer(state: State, action: Action) {
-    let { allData } = state
-    let { type, params } = action
-    switch (type) {
-        case 'setType':
-            return { ...state, mediaType: params.mediaType }
-        case 'isPublic':
-            return { ...state, isPublic: params.isPublic }
-        case 'addData':
-            return { ...state, allData: [...allData, ...params.data] }
-        case 'syncIds':
-            let arr: any[] = []
-            if (params.del) {
-                arr = state.syncIds.filter((id: any) => id !== params.del)
-            } else {
-                arr = [...state.syncIds, params.add]
-            }
-            return { ...state, syncIds: arr }
-        case 'initData':
-            return { ...state, allData: params?.data ? params.data : [], }
-        default:
-            return state;
-    }
-}
-
-export default function useMaterialContent() {
-    const { dispatchNews } = useModel('useOperating.useNews', (model: { dispatch: any }) => ({ dispatchNews: model.dispatch }))
-    const getData = useAjax((params: GetMediaList) => getMediaList(params), { cacheKey: 'getModaldata' })
-    const delData = useAjax((params: { id: string }) => delMediaList(params), { msgNmae: '删除' })
-    const delWxData = useAjax((id: number) => delMediawx(id), { msgNmae: '删除' })
-    const addData = useAjax((params: MediaList) => addMediaList(params), { msgNmae: '添加' })
-    const editData = useAjax((params: MediaList) => editMediaList(params), { msgNmae: '编辑' })
-    const tagData = useAjax((params: { type: string }) => getTagList(params), { cacheKey: 'tagData' })
-    const classGet = useAjax((params: any) => getClass(params))
-    const classDel = useAjax((params: { id: string }) => delClass(params), { msgNmae: '删除' })
-    const classAdd = useAjax((params: { groupName: string }) => addClass(params), { msgNmae: '添加' })
-    const classEdit = useAjax((params: { groupName: string, id: string }) => editClass(params), { msgNmae: '编辑' })
-    const addGraphic = useAjax((params: CreateGraphic) => createGraphic(params), { msgNmae: '添加' })
-    const addGraphicMaterial = useAjax((params: CreateGraphic) => createGraphicMaterial(params), { msgNmae: '添加' })
-    const getGraphic = useAjax((params: GetGraphicList) => getGraphicList(params), { cacheKey: 'getGraphicList' })
-    const graphicEdit = useAjax((params: EditGraphic) => editGraphic(params), { msgNmae: '编辑' })
-    const graphicMaterialEdit = useAjax((params: EditGraphic) => editGraphicWxMaterial(params), { msgNmae: '编辑' })
-    const getWeData = useAjax((params: GetWeChatData) => getWeChatData(params), { cacheKey: 'getWeChatData' })
-    const getWeItData = useAjax((params: GetWeChatITData) => getWeChatITData(params), { cacheKey: 'getWeChatITData' })
-    const getWXInfo = useAjax((params: {id: number, isCon?: boolean}) => getWxMediaInfo(params))
-    const getBdGraphicDetail = useAjax((params: { id: string }) => getGraphicDetail(params), { cacheKey: 'getGraphicDetail' })
-    const sync = useAjax((params: { appId: string[], mediaId: string }) => syncMedias(params), { msgNmae: '同步' })
-    const syncWx = useAjax((params: { appId: string[], mediaId: string }) => syncPermanentGraphicMedias(params), { msgNmae: '操作' })
-    const update = useAjax((params: { mpId: number, mediaType: string }) => updateMediaCache(params), { msgNmae: '更新' })
-    const importNews = useAjax((params: { url: string }) => exportMediaByUrl(params))
-    const syncQuery = useAjax((params: any) => syncResult(params))
-    const bantchAdds = useAjax((params: any) => bantchAdd(params))
-    const deloss = useAjax((params: any) => delOss(params))
-
-    //请求上传地址
-    const fileUrl = useAjax((params: { type: string }) => getFileUrl(params), {
-        manual: true,
-    })
-    const [state, dispatch] = useReducer(reducer, { mediaType: 5, isPublic: 0, allData: [], syncIds: [] })
-    let config: any = {
-        '图文素材': '5',
-        '视频': '3',
-        '音频': '2',
-        '图片': '1'
-    }
-    const actionKey = useCallback((key: string) => {
-        dispatch({ type: 'setType', params: { mediaType: config[key] } })
-    }, [])
-
-    //首次获取类型列表
-    useEffect(() => {
-        if (sessionStorage.getItem('Admin-Token')) {
-            // classGet.run()
-        }
-    }, [])
-    //群发轮询查询媒体id
-    let pollNews = useCallback((data, props) => {
-        let time: any = null
-        let tokens: string[] = []
-        data?.forEach((wx: string) => {
-            Object.values(wx).forEach((token: string) => {
-                tokens.push(token)
-            })
-        })
-        time = setInterval(() => syncQuery.run(tokens).then((res: any) => {
-            if (res) {
-                let isOk = res.every((wx: { appId: string, name: string, state: 0 | 1 | 2, mediaId: string }) => {//是否全部同步完成
-                    if (wx.state !== 0) { //是否状态不等同步中
-                        if (wx.state === 1) {//同步完成
-                            notification.success({
-                                message: wx.name + '同步素材成功,可以正常群发！',
-                            });
-                            dispatchNews({ type: 'mediaId', params: { mediaId: wx.mediaId } })
-                        }
-                        if (wx.state === 2) {//同步失败
-                            notification.error({
-                                message: wx.name + '同步素材失败，无法正常群发，请重操作！',
-                            });
-                        }
-                    }
-                    return wx.state !== 0
-                })
-                if (isOk) {
-                    clearInterval(time)
-                    time = null
-                }
-            }
-        }), 3000)
-    }, [])
-    //轮询查询结果
-    let poll = useCallback((data, mediaId) => {
-        let time: any = null
-        let tokens: string[] = []
-        let newArr = [...data]
-        newArr.forEach((wx: string) => {
-            Object.values(wx).forEach((token: string) => {
-                tokens.push(token)
-            })
-        })
-        time = setInterval(() => syncQuery.run(tokens).then((res: any[]) => {
-            if (res) {
-                let isOk = res.every((wx: { appId: string, name: string, state: 0 | 1 | 2, mediaId: string }) => {//是否全部同步完成
-                    if (wx.state !== 0) { //是否状态不等同步中
-                        if (wx.state === 1) {//同步完成
-                            notification.success({
-                                message: wx.name + '同步素材成功！',
-                            });
-                        }
-                        if (wx.state === 2) {//同步失败
-                            notification.error({
-                                message: wx.name + '同步素材失败！',
-                            });
-                        }
-                        newArr.forEach((arr: any) => {//同步成功或失败剔除下次查询
-                            Object.keys(arr).forEach((id: string) => {
-                                if (id === wx.appId) {
-                                    tokens = tokens.filter((token: string) => token !== arr[id])
-                                }
-                            })
-                        })
-                    }
-                    return wx.state !== 0
-                })
-                if (isOk) {
-                    notification.success({
-                        message: '全部公众号同步完成！',
-                    });
-                    dispatch({ type: 'syncIds', params: { del: mediaId || '' } })
-                    clearInterval(time)
-                    time = null
-                }
-            }
-        }), 3000)
-    }, [])
-    return {
-        state,
-        actionKey,
-        dispatch,
-        getData,
-        delData,
-        addData,
-        editData,
-        tagData,
-        classGet,
-        classDel,
-        classAdd,
-        classEdit,
-        addGraphic,
-        getGraphic,
-        graphicEdit,
-        getWeData,
-        getWeItData,
-        getWXInfo,
-        sync,
-        syncWx,
-        delWxData,
-        addGraphicMaterial,
-        graphicMaterialEdit,
-        fileUrl,
-        getBdGraphicDetail,
-        importNews,
-        update,
-        poll,
-        pollNews,
-        syncQuery,
-        bantchAdds,
-        deloss,
-    }
-}

src/models/useOperating/useMaterialDrawer.ts

@@ -1,95 +0,0 @@
-import { useReducer } from 'react'
-
-type State = {
-    dataArr: any[],//数据存储
-    actionId: number,//左侧当前选中
-    actionIdold?: number,//记录上一次的选中
-    mediaTagIds?: number[],//标签
-    groupId?: number,//类型
-    actionData?: any,//当前选中数据
-    tags?: any[],//重写标签
-    ueditorRef?: any,//编辑器实例
-    delIds: any[],
-    sort?: number, // 排序
-}
-export type Action = {
-    type: 'addDataArr' | 'delDataArr' | 'action' | 'mobile' | 'get' | 'setSort' | 'pushData' | 'addTag' | 'addClass' | 'initData' | 'actionData' | 'setRef' | 'importNews',
-    params?: { up: boolean, eq: number } | { menuId: number } | any
-}
-export function reducer(state: State, action: Action) {
-    let { dataArr } = state
-    let { type, params } = action
-    switch (type) {
-        case 'addDataArr':  //左侧添加
-            if (dataArr.length < 8) {
-                let id = dataArr.length + 1
-                let newDelIds = [...state.delIds]
-                if (newDelIds.length > 0) {
-                    id = state.delIds[0]
-                    newDelIds.splice(0, 1)
-                }
-                console.log('state', { ...state, dataArr: [...dataArr, { menuId: id, content: '<p></p>' }], delIds: newDelIds })
-                return { ...state, dataArr: [...dataArr, { menuId: id, content: '<p></p>' }], delIds: newDelIds }
-            }
-            return state
-        case 'delDataArr':   //左侧删除
-            if (dataArr.length > 1) {
-                return { ...state, dataArr: dataArr.filter((item: any) => item.menuId !== params.menuId), delIds: [...state.delIds, params.menuId] }
-            }
-            return { ...state, ... { dataArr: [{ menuId: 1, content: '' }], actionId: 1, mediaTagIds: [], groupId: '', actionData: null } }
-        case 'action':  //左侧选中
-            console.log({ ...state, actionIdold: state.actionId, actionId: params.menuId })
-            return { ...state, actionIdold: state.actionId, actionId: params.menuId }
-        case 'actionData':
-            console.log(params.data)
-            return { ...state, actionData: params.data }
-        case 'mobile'://左侧移动
-            let arr: any[] = []
-            dataArr.forEach((item: any, index: number) => {
-                if (index === (params.up ? params.eq - 1 : params.eq + 1)) {
-                    arr[index] = dataArr[params.eq]
-                    arr[params.eq] = dataArr[index]
-                } else if (index !== params.eq) {
-                    arr[index] = dataArr[index]
-                }
-            })
-            return { ...state, dataArr: arr }
-        case 'pushData'://插入数据
-            dataArr = dataArr.map((item: any, index: number) => {
-                if (item.menuId === params.menuId) {
-                    item = { ...item, ...params }
-                }
-                return item
-            })
-            return { ...state, dataArr }
-        case 'setSort': // 排序
-            return { ...state, sort: params.sort }
-        case 'addTag':
-            return { ...state, mediaTagIds: params.mediaTagIds }
-        case 'addClass':
-            return { ...state, groupId: params.groupId }
-        case 'initData':
-            let data = params?.data || { dataArr: [{ menuId: 1, content: '' }], actionId: 1, mediaTagIds: [], groupId: '', actionData: null, delIds: [], actionIdold: undefined, ueditorRef: null, sort: 0 }
-            console.log('initData', { ...state, ...data })
-            return { ...state, ...data }
-        case 'importNews'://批量导入图文
-            let { actionId, dataArrs } = params.data
-            let newsarr: any[] = [...dataArr]
-            if (newsarr.length > 0) {
-                newsarr.splice(actionId - 1, dataArrs.length)
-            }
-            return { ...state, dataArr: [...newsarr, ...dataArrs] }
-        case 'setRef':
-            return { ...state, ueditorRef: params.ueditorRef }
-        default:
-            return state;
-    }
-}
-
-export default function useMaterialDrawer() {
-    const [state, dispatch] = useReducer(reducer, { dataArr: [{ menuId: 1, content: undefined }], actionId: 1, delIds: [], actionIdold: undefined, sort: 0 })
-    return {
-        state,
-        dispatch
-    }
-}

src/models/useOperating/useMaterialModal.ts

@@ -1,45 +0,0 @@
-import { useCallback, useReducer } from 'react'
-type State = {
-    visible: boolean,//弹窗开关
-    actionUrl?: string,//选中的图片
-    file?: File//上传的文件
-}
-export type Action = {
-    type: 'hide' | 'show' | 'action' | 'file',
-    params?: any
-}
-export function reducer(state: State, action: Action) {
-    let { type, params } = action
-    switch (type) {
-        case 'show':
-            return { ...state, visible: true }
-        case 'hide':
-            return { ...state, visible: false }
-        case 'action':
-            return { ...state, actionUrl: params.url }
-        case 'file':
-            return { ...state, file: params.file }
-        default:
-            return state;
-    }
-}
-
-export default function useMaterialModal() {
-    const [state, dispatch] = useReducer(reducer, { visible: false })
-    const show = useCallback(() => {
-        dispatch({ type: 'show' })
-    }, [])
-    const hide = useCallback(() => {
-        dispatch({ type: 'hide' })
-    }, [])
-    const action = useCallback((url) => {
-        dispatch({ type: 'action', params: { url } })
-    }, [])
-    return {
-        state,
-        show,
-        hide,
-        action,
-        dispatch
-    }
-}

src/models/useOperating/useMsgMaterialDrawer.ts

@@ -1,91 +0,0 @@
-import { useReducer } from 'react'
-
-type State = {
-    dataArr: any[],//数据存储
-    actionId: number,//左侧当前选中
-    actionIdold?: number,//记录上一次的选中
-    mediaTagIds?: number[],//标签
-    groupId?: number,//类型
-    actionData?: any,//当前选中数据
-    tags?: any[],//重写标签
-    ueditorRef?: any//编辑器实例
-    AllData: any,//存放完整的图文数据
-    delIds: any[]
-}
-export type Action = {
-    type: 'addDataArr' | 'delDataArr' | 'action' | 'mobile' | 'get' | 'pushData' | 'addTag' | 'addClass' | 'initData' | 'actionData' | 'setRef' | 'AllData' | 'importNews',
-    params?: { up: boolean, eq: number } | { menuId: number } | any
-}
-export function reducer(state: State, action: Action) {
-    let { dataArr } = state
-    let { type, params } = action
-    switch (type) {
-        case 'addDataArr':  //左侧添加
-            if (dataArr.length < 8) {
-                let id = dataArr.length + 1
-                let newDelIds = [...state.delIds]
-                if (newDelIds.length > 0) {
-                    id = state.delIds[0]
-                    newDelIds.splice(0, 1)
-                }
-                return { ...state, dataArr: [...dataArr, { menuId: id }], delIds: newDelIds }
-            }
-            return state
-        case 'delDataArr':   //左侧删除
-            if (dataArr.length > 1) {
-                return { ...state, dataArr: dataArr.filter((item: any) => item.menuId !== params.menuId), delIds: [...state.delIds, params.menuId] }
-            }
-            return { ...state, ... { dataArr: [{ menuId: 1, content: '' }], actionId: 1, mediaTagIds: [], groupId: '', actionData: null } }
-        case 'action':  //左侧选中
-            return { ...state, actionIdold: state.actionId, actionId: params.menuId }
-        case 'actionData':
-            return { ...state, actionData: params.data }
-        case 'mobile'://左侧移动
-            let arr: any[] = []
-            dataArr.forEach((item: any, index: number) => {
-                if (index === (params.up ? params.eq - 1 : params.eq + 1)) {
-                    arr[index] = dataArr[params.eq]
-                    arr[params.eq] = dataArr[index]
-                } else if (index !== params.eq) {
-                    arr[index] = dataArr[index]
-                }
-            })
-            return { ...state, dataArr: arr }
-        case 'pushData'://插入数据
-            dataArr = dataArr.map((item: any, index: number) => {
-                if (item.menuId === params.menuId) {
-                    item = { ...item, ...params }
-                }
-                return item
-            })
-            return { ...state, dataArr }
-        case 'addTag':
-            return { ...state, mediaTagIds: params.mediaTagIds }
-        case 'addClass':
-            return { ...state, groupId: params.groupId }
-        case 'initData':
-            let data = params?.data || { dataArr: [{ menuId: 1 }], actionId: 1, mediaTagIds: [], groupId: '', actionData: null, delIds: [] }
-            return { ...state, ...data }
-        case 'importNews'://批量导入图文
-            let { actionId, dataArrs } = params.data
-            let newsarr: any[] = [...dataArr]
-            if (newsarr.length > 0) {
-                newsarr.splice(actionId - 1, dataArrs.length)
-            }
-            return { ...state, dataArr: [...newsarr, ...dataArrs] }
-        case 'setRef':
-            return { ...state, ueditorRef: params.ueditorRef }
-        case 'AllData':
-            return { ...state, AllData: params.AllData }
-        default:
-            return state;
-    }
-}
-
-export default function useMaterialDrawer() {
-    const [state, dispatch] = useReducer(reducer, { dataArr: [{ menuId: 1, content: undefined }], actionId: 1, delIds: [] })
-    return {
-        state,
-        dispatch
-    }
-}

src/models/useOperating/useNews.ts

@@ -1,218 +0,0 @@
-import { useAjax } from '@/Hook/useAjax';
-import { getMpMsgGroupSendStrategy, addMpMsgGroupSendStrategy, executionNowApi, editMpMsgGroupSendStrategy, delMpMsgGroupSendStrategy, Props, preview, localPreviewApi, sendPreview, refreshSendResult, catLogs, mpMsgGroupSendStrategy, getDetails, delByLog, getRestart } from '@/services/operating/news';
-import moment from 'moment';
-import { useEffect, useReducer } from 'react'
-type State = {
-    visible: boolean,//弹窗开启与否
-    wxVisible: boolean,//微信公众号选择弹窗
-    msgVisible: boolean,//图片，视频，音频类型弹窗
-    textVisible: boolean,//文字类型弹窗
-    graphicVisible: boolean,//图文类型弹窗
-    theEdit: any,//选中的数据
-    rules: 0 | 1,//微信后台权限 
-    fans: 0 | 1,//群发粉丝
-    name: string,//任务名称
-    msgType: 'mpnews' | 'text' | 'voice' | 'mpvideo' | 'image',//消息类型
-    mobile?: string,
-    sendIgnoreReprint: boolean,
-    actionWX: any,
-    triggerType: number,//发送方式
-    weekDay: number,//星期几
-    time: string,//时分
-    sendTime: string,//指定时间
-    enabled: boolean,//启停开关
-    resDelayHours: number,//时
-    resDelayMinutes: number,//分
-    resDelaySecond: number,//秒
-    mpFansListDto: {
-        sex: 'all' | 0 | 1 | 2,// 'all'全部，0未知，1男，2女
-        tagIds: any[],
-        tagType: 0 | 1 | 2, // 0：并集,1：交集,2：取反
-
-    },
-
-}
-export type Action = {
-    type: 'show' | 'wxShow' |
-    'msgType' | 'msgVisible' |
-    'textVisible' | 'graphicVisible' |
-    'theEdit' | 'setDate' | 'setTime' | 'setTime3' |
-    'setRules' | 'setFans' | 'setSex' |
-    'setPhone' | 'setSendIgnoreReprint' |
-    'setMpFansListDto' | 'initData' | 'setActionWX' | 'setName' | 'mediaId' | 'triggerType' | 'setWeekDay' | 'setEnabled'
-    ,
-    params?: any
-}
-function reducer(state: State, action: Action) {
-    let { type, params } = action
-    switch (type) {
-        case 'setActionWX':
-            return { ...state, actionWX: params.actionWX }
-        case 'show':
-            return { ...state, visible: !state.visible }
-        case 'wxShow':
-            return { ...state, wxVisible: params.show ? params.show : !state.wxVisible }
-        case 'msgType':
-            return { ...state, msgType: params.msgType }
-        case 'msgVisible':
-            return { ...state, msgVisible: !state.msgVisible }
-        case 'textVisible':
-            return { ...state, textVisible: !state.textVisible }
-        case 'graphicVisible':
-            return { ...state, graphicVisible: !state.graphicVisible }
-        case 'theEdit':
-            console.log('params.theEdit ', params.theEdit)
-            return { ...state, theEdit: params.theEdit }
-        case 'mediaId':
-            return { ...state, theEdit: { ...state.theEdit, mediaId: params.mediaId } }
-        case 'setDate':
-            console.log('setDate', params.sendTime)
-            return { ...state, sendTime: params.sendTime }
-        case 'setWeekDay':
-            console.log('setWeekDay', params.weekDay)
-            return { ...state, weekDay: params.weekDay }
-        case 'triggerType':
-            console.log('triggerType', params.triggerType)
-            return { ...state, triggerType: params.triggerType }
-        case 'setTime':
-            return { ...state, time: params.time }
-        case 'setRules':
-            return { ...state, rules: params.rules }
-        case 'setFans':
-            return { ...state, fans: params.fans, rules: params.fans === 0 ? 1 : state.rules }
-        case 'setSex':
-            return { ...state, sex: params.sex }
-        case 'setPhone':
-            return { ...state, mobile: params.mobile }
-        case 'setName':
-            return { ...state, name: params.name }
-        case 'setEnabled':
-            return { ...state, enabled: params.enabled }
-        case 'setSendIgnoreReprint':
-            return { ...state, sendIgnoreReprint: params.sendIgnoreReprint }
-        case 'setMpFansListDto':
-            return { ...state, mpFansListDto: { ...state.mpFansListDto, ...params } }
-        case 'setTime3':
-            Object.keys(params).forEach((key) => {
-                state[key] = params[key]
-            })
-            return { ...state }
-        case 'initData':
-            if (!params) {
-                return {
-                    visible: false,
-                    wxVisible: false,
-                    msgType: 'mpnews',
-                    msgVisible: false,
-                    theEdit: null,
-                    graphicVisible: false,
-                    textVisible: false,
-                    time: moment(new Date()).format('HH:mm'),
-                    rules: 1,
-                    fans: 1,
-                    sex: 'all',
-                    name: '',
-                    triggerType: 1,
-                    weekDay: 1,
-                    sendTime: null,
-                    sendIgnoreReprint: false,
-                    actionWX: null,
-                    enabled: true,
-                    resDelayHours: 0,//时
-                    resDelayMinutes: 0,//分
-                    resDelaySecond: 0,//秒
-                    mpFansListDto: {
-                        sex: 'all',
-                        tagIds: [],
-                        tagType: 0
-                    }
-                }
-            }
-            let { appId, mpId, appName, msgType, content, fansAll, tagIds, sex, tagType, title, items, downUrl, sendTime, ...param } = params
-            let data = {
-                ...param,
-                actionWX: { appId, id: mpId, nickName: appName },
-                // theEdit: msgType === 'text' ? { textContent: content.split('<br/>'), msgType } : {
-                //     thumbUrl: downUrl,
-                //     name: title ,
-                //     msgType
-                // },
-                fans: fansAll ? 1 : 0,
-                msgType,
-                sendTime,
-                mpFansListDto: {
-                    tagIds: tagIds ? tagIds && Array.isArray(tagIds) ? tagIds : [tagIds] : [],
-                    sex: sex !== null ? sex : 'all',
-                    tagType
-                }
-            }
-            return { ...state, ...data }
-        default:
-            return state;
-    }
-}
-export default function useNews() {
-    const [state, dispatch] = useReducer(reducer, {
-        visible: false,
-        wxVisible: false,
-        msgType: 'mpnews',
-        msgVisible: false,
-        theEdit: null,
-        graphicVisible: false,
-        textVisible: false,
-        time: moment(new Date()).format('HH:mm'),
-        rules: 1,
-        fans: 1,
-        name: '',
-        sex: 'all',
-        triggerType: 1,
-        weekDay: 1,
-        sendTime: null,
-        sendIgnoreReprint: false,
-        actionWX: null,
-        enabled: true,
-        resDelayHours: 0,//时
-        resDelayMinutes: 0,//分
-        resDelaySecond: 0,//秒
-        mpFansListDto: {
-            sex: 'all',
-            tagIds: [],
-            tagType: 0
-        }
-    })
-    const getMsgGroup = useAjax((params?: { date?: string, state?: number, appId?: string, pageNum: number, pageSize: number }) => getMpMsgGroupSendStrategy(params))
-    const delMsgGroup = useAjax((params: { id: number }) => delMpMsgGroupSendStrategy(params), { msgNmae: '删除' })
-    const addMsgGroup = useAjax((params: Props) => addMpMsgGroupSendStrategy(params), { msgNmae: '新增' })
-    const editMsgGroup = useAjax((params: Props) => editMpMsgGroupSendStrategy(params), { msgNmae: '编辑' })
-    const postPreview = useAjax((params: { appId: string, content: any, mediaId: string, msgType: string, openId: string, wxName: string }) => preview(params), { msgNmae: '预览' })
-    const localPreview = useAjax((params: { sysMediaId: number, mpId: number, fansId: number }) => localPreviewApi(params), { msgNmae: '预览' })
-    const kfPreview = useAjax((params: { fansIds: string, mpIds: any[] }) => sendPreview(params), { msgNmae: '预览' })
-    const refresh = useAjax((params: { id: string }) => refreshSendResult(params), { msgNmae: '刷新状态' })
-    const catlog = useAjax((id) => catLogs(id))
-    const enabled = useAjax((params) => mpMsgGroupSendStrategy(params))
-    const getDetail = useAjax((id) => getDetails(id))
-    const delLog = useAjax((id) => delByLog(id), { msgNmae: '删除成功' })
-    const restart = useAjax((id) => getRestart(id), { msgNmae: '执行成功' })
-    const executionNow = useAjax((id) => executionNowApi(id), { msgNmae: '重发' })
-    useEffect(() => {
-        localStorage.setItem('collapsed', state.visible ? '1' : '0')
-    }, [state.visible])
-    return {
-        state,
-        getMsgGroup,
-        delMsgGroup,
-        addMsgGroup,
-        editMsgGroup,
-        postPreview,
-        localPreview,
-        dispatch,
-        kfPreview,
-        refresh,
-        catlog,
-        enabled,
-        getDetail,
-        delLog,
-        restart,
-        executionNow
-    }
-}

src/models/useOperating/useSynthetic.ts

@@ -1,122 +0,0 @@
-import { useAjax } from "@/Hook/useAjax"
-import { getGraphicDetail, getMedia, getWxMediaInfo } from "@/services/operating/material"
-import { message } from "antd"
-import { useCallback, useReducer } from "react"
-import { useModel } from "umi"
-
-interface State {
-    isHover: boolean,
-    fx: 'topRight' | 'topLeft' | 'bottomRight' | 'bottomLeft',
-    dataArr: any[],//数据存储
-    actionId: number,//左侧当前选中
-    actionIdold?: number,//记录上一次的选中
-    delIds: any[]
-}
-interface Action {
-    type: 'isHover' | 'fx' | 'addDataArr' | 'delDataArr' | 'action' | 'actionData' | 'mobile' | 'pushData' | 'init',
-    params?: any
-}
-
-function reducer(state: State, action: Action) {
-    let { type, params } = action
-    let { dataArr } = state
-    switch (type) {
-        case 'isHover':
-            return { ...state, isHover: params.isHover }
-        case 'fx':
-            return { ...state, fx: params.fx }
-        case 'addDataArr':  //左侧添加
-            if (dataArr.length < 8) {
-                let id = dataArr.length + 1
-                let newDelIds = [...state.delIds]
-                // if (newDelIds.length > 0) {
-                //     id = state.delIds[0]
-                //     newDelIds.splice(0, 1)
-                // }
-
-                return { ...state, dataArr: [...dataArr, { menuId: id, ...params.data }], delIds: newDelIds }
-            }
-            return state
-        case 'delDataArr':   //左侧删除
-            if (dataArr.length > 0) {
-                let newArr= dataArr.filter((item: any) => item.menuId !== params.menuId).map((item:any,index:number)=>{
-                    item.menuId = index+1
-                    return item
-                })
-                return { ...state, dataArr: newArr, delIds: [...state.delIds, params.menuId] }
-            }
-            return { ...state, ... { dataArr: [], actionId: 1, mediaTagIds: [], groupId: '', actionData: null } }
-        case 'action':  //左侧选中
-            return { ...state, actionIdold: state.actionId, actionId: params.menuId }
-        case 'actionData':
-            return { ...state, actionData: params.data }
-        case 'mobile'://左侧移动
-            let arr: any[] = []
-            dataArr.forEach((item: any, index: number) => {
-                if (index === (params.up ? params.eq - 1 : params.eq + 1)) {
-                    arr[index] = dataArr[params.eq]
-                    arr[params.eq] = dataArr[index]
-                } else if (index !== params.eq) {
-                    arr[index] = dataArr[index]
-                }
-            })
-            return { ...state, dataArr: arr }
-        case 'init':
-            return { ...state, dataArr: [], delIds: [], actionId: 1 }
-        default:
-            return { ...state }
-    }
-}
-let initData = {
-    isHover: false,
-    fx: 'topRight',
-    dataArr: [],
-    actionId: 1,
-    delIds: []
-}
-
-function useSynthetic() {
-    const { actionWX }: any = useModel('useOperating.useWxGroupList', model => ({ actionWX: model.state.actionWX }))
-    const bdDetail = useAjax((params) => getMedia(params))
-    const wxDetail = useAjax((params: {id: number, isCon?: boolean}) => getWxMediaInfo(params))
-    const [state, dispatch] = useReducer(reducer, initData)
-    const addData = useCallback((data: { sysMediaId: number, id: number, mediaId: string, thumbMediaId: string, index: number, smId?: number, smType?: string ,title:string}) => {
-        if (state.dataArr.length === 8) {
-            message.error('不能超过8篇！')
-            return
-        }
-        let { smType = '本地' } = data
-        if (smType === '本地') {//本地
-            bdDetail.run(data?.sysMediaId).then((res) => {
-                let isOk = true
-                if (res) {
-                    res?.news?.forEach((item: { id: number}, index: number) => {
-                        if ((item.id === data.id || data.index === index) && isOk) {
-                            dispatch({ type: 'addDataArr', params: { data: item } })
-                            isOk = false
-                        }
-                    })
-                }else{
-                    message.error('不存在的文章')
-                }
-            })
-        } else {//微信
-            wxDetail.run({id: data.smId}).then((res) => {
-                if (res) {
-                    let isOk = true
-                    res?.news?.forEach((item: { thumbMediaId: string,title:string}, index: number) => {
-                        if (((item.thumbMediaId === data.thumbMediaId && item.title === data.title)|| data.index === index) && isOk) {
-                            dispatch({ type: 'addDataArr', params: { data: item } })
-                            isOk = false
-                        }
-                    })
-                }
-            })
-        }
-
-    }, [state, actionWX])
-
-    console.log('state.dataArr',state.dataArr)
-    return { state, dispatch, addData }
-}
-export default useSynthetic

src/models/useOperating/useWeMenu.ts

@@ -1,237 +0,0 @@
-import { useAjax } from '@/Hook/useAjax'
-import { delMenu, editMenu, getMenu, syncMenu, syncPlatform } from '@/services/operating/weMenu'
-import { useCallback, useReducer } from 'react'
-type State = {
-    defaultMenu: any,//菜单配置
-    resMenu: any,//默认菜单配置 作比较使用
-    conditionalMenus: any[],//个性菜单
-    actionMenuId?: number,//当前选中的菜单ID
-    actionItemId?: number,//当前选中的子菜单ID
-    msgVisible: boolean,//图片，视频，音频类型弹窗
-    textVisible: boolean,//文字类型弹窗
-    graphicVisible: boolean,//图文类型弹窗
-    imgCardVisible: boolean,//小程序卡片弹窗
-    msgType: 'news' | 'text' | 'voice' | 'video' | 'image',//消息类型
-    actionWX: any,//选中微信
-    theEdit: any,//选中的数据
-    type: 'click' | 'view' | 'miniprogram',//菜单按钮类型
-    ref: any,
-    // ruleClientPlatformType: null | '1' | '2'//公众号菜单类型1:IOS 2安卓 NULL默认
-    addMenuType: '0' | '1' | '2',//新增类型菜单
-    isSaver: boolean//是否保存
-    isUserId: any//是否在路径中插入userID  1|0
-}
-export type Action = {
-    type: 'addMenu' | 'moveAddMenu' | 'addMenuItem' | 'moveAddMenuItem' | 'actionMenuId'
-    | 'actionItemId' | 'msgType' | 'msgVisible' |
-    'textVisible' | 'graphicVisible' | 'theEdit' |
-    'setMenuType' | 'initData' | 'delMenu' |
-    'setName' | 'defaultData' | 'setRef' | 'pushData' | 'isSaver' | 'init' |
-    'addConditionalMenus' | 'addMenuType' | 'ruleClientPlatformType' | 'imgCardVisible' | 'isUserId'
-    params?: any
-}
-export function reducer(state: State, action: Action) {
-    let { type, params } = action
-    let { actionMenuId, actionItemId } = state
-    let newMenu: any = {}
-    switch (type) {
-        case 'moveAddMenu':
-            return { ...state, defaultMenu: params.defaultMenu }
-        case 'actionMenuId'://选中的菜单当选中菜单ID把子菜单选中ID设为0，为了配合选中效果逻辑
-            return { ...state, actionMenuId: params.actionMenuId, actionItemId: 0, }
-        case 'actionItemId'://选中的菜单子菜单
-            return { ...state, actionItemId: params.actionItemId, }
-        case 'addMenu'://添加菜单
-            newMenu = JSON.parse(JSON.stringify(state.defaultMenu))
-            if (newMenu?.buttons?.length < 4) {
-                //假如subMenus的长度大于0，那么已存至少一个菜单，那新增的菜单menuId就按第一个菜单的menuId+1 否则就是第一次添加
-                newMenu?.buttons?.push({ menuId: newMenu?.buttons?.length > 0 ? newMenu?.buttons[newMenu?.buttons?.length - 1].menuId + 1 : 1, subButtons: [], type: 'click' })
-                state.actionMenuId = newMenu?.buttons?.length > 0 ? newMenu?.buttons[newMenu?.buttons?.length - 1].menuId : 1
-            }
-            return { ...state, defaultMenu: newMenu, isSaver: false }
-        case 'addMenuItem'://添加子菜单
-            newMenu = JSON.parse(JSON.stringify(state.defaultMenu))
-            let itemArr: any = [];
-            newMenu?.buttons?.map((item: any) => {//遍历菜单查找菜单ID是否等于选中的菜单ID，是就把当前菜单的子菜单数组赋值给变量itemArr
-                if (item.menuId === state.actionMenuId) {
-                    itemArr = item.subButtons
-                }
-            })
-            if (itemArr.length < 6) {//假如itemArr的长度小于6证明不满5个可以添加子菜单，子菜单的ID等于菜单长度+1
-                //假如itemArr的长度大于0，那么已存至少一个子菜单，那新增的子菜单itemId就按第一个菜单的itemId+1 否则就是第一次添加
-                itemArr.push({ itemId: itemArr.length > 0 ? itemArr[itemArr.length - 1].itemId + 1 : 1, type: 'click' })
-                state.actionItemId = itemArr.length > 0 ? itemArr[itemArr.length - 1].itemId : 1
-            }
-            newMenu?.buttons?.forEach((item: any) => {//最后将编辑后的itemArr数组放回当前选中的菜单中，返回整个state页面监听到参数有改动重新渲染
-                if (item.menuId === state.actionMenuId) {
-                    //添加子菜单清空父菜单多余内容
-                    item.subButtons = itemArr
-                    item.url = ''
-                    item.appId = ''
-                    item.pagePath = ''
-                    item.menuType = ''
-                    item.msgContent = {}
-                }
-            })
-            return { ...state, defaultMenu: newMenu, isSaver: false }
-
-        case 'delMenu':
-            let { menuId, itemId } = params
-            newMenu = JSON.parse(JSON.stringify(state.defaultMenu))
-            if (menuId && !itemId) {//menuId存在，itemId不存在删除主菜单 
-                newMenu.buttons = newMenu?.buttons?.filter((item: any) => {
-                    if (item.menuId !== menuId) {
-                        return item
-                    }
-                })
-                //处理menuId不然选中会错乱
-                newMenu.buttons = newMenu?.buttons?.map((item: any, index: number) => {
-                    item.menuId = index + 1
-                    return item
-                })
-                //删除主菜单清除选中的主菜单ID
-                newMenu = { actionMenuId: menuId && !itemId ? 0 : actionMenuId, defaultMenu: newMenu }
-            }
-            if (menuId && itemId) { //menuId, itemId 都存在删除子菜单
-                newMenu.buttons = newMenu?.buttons?.map((item: any) => {
-                    if (item.menuId === menuId) {//遍历菜单数组查找当前选中的主菜单
-                        item.subButtons = item.subButtons.filter((items: any) => {//筛选子菜单
-                            if (items.itemId !== itemId) {
-                                return items
-                            }
-                        })
-                        if (item.subButtons.length === 0) {//假如删完了子菜单给父菜单添加type
-                            item.type = 'click'
-                        }
-                        return item
-                    }
-                    return item
-                })
-                //删除子菜单清除选中的子菜单ID归0选中调回主菜单
-                newMenu = { actionMenuId: actionMenuId, actionItemId: 0, defaultMenu: newMenu }
-            }
-            return { ...state, ...newMenu, isSaver: JSON.stringify(state.resMenu) === JSON.stringify(newMenu.defaultMenu) }
-        case 'msgType':
-            return { ...state, msgType: params.msgType }
-        case 'setMenuType':
-            return { ...state, menuType: params.menuType }
-        case 'msgVisible':
-            return { ...state, msgVisible: !state.msgVisible }
-        case 'textVisible':
-            return { ...state, textVisible: !state.textVisible }
-        case 'graphicVisible':
-            return { ...state, graphicVisible: !state.graphicVisible }
-        case 'imgCardVisible':
-            return { ...state, imgCardVisible: !state.imgCardVisible }
-        case 'theEdit':
-            return { ...state, theEdit: params.theEdit }
-        case 'addConditionalMenus':
-            let conditionalMenus
-            if(params?.ruleClientPlatformType === 0){
-                conditionalMenus = [...state.conditionalMenus, { buttons: [] }]
-            }else{
-                conditionalMenus = state.conditionalMenus.length < 3 ? [...state.conditionalMenus, { buttons: [], ruleClientPlatformType: params.ruleClientPlatformType }] : state.conditionalMenus
-            }
-            return { ...state, conditionalMenus }
-        case 'addMenuType':
-            return { ...state, addMenuType: params.addMenuType }
-        case 'ruleClientPlatformType':
-            return { ...state, defaultMenu: { ...state.defaultMenu, ruleClientPlatformType: params.ruleClientPlatformType }, isSaver: false }
-        case 'isUserId':
-            return { ...state, isUserId: params.isUserId }
-        case 'pushData':
-            newMenu = JSON.parse(JSON.stringify(state.defaultMenu))
-            Object.keys(params).forEach((key: string) => {
-                newMenu?.buttons?.map((item: any) => {
-                    if (actionMenuId && !actionItemId) {
-                        if (item.menuId === actionMenuId) {
-                            if (key === 'msgType') {
-                                item.msgContent[key] = params[key]
-                            } else {
-                                item[key] = params[key]
-                            }
-                        }
-                    }
-                    if (actionMenuId && actionItemId && item?.subButtons?.length > 0) {
-                        if (item.menuId === actionMenuId) {
-                            item.subButtons.map((button: any) => {
-                                if (button.itemId === actionItemId) {
-                                    if (key === 'msgType') {
-                                    } else {
-                                        button[key] = params[key]
-                                    }
-                                }
-                            })
-                        }
-                    }
-                })
-            })
-            return { ...state, defaultMenu: newMenu, isSaver: false }
-        case 'initData'://清空内容
-            return { ...initData, defaultMenu: state.defaultMenu, actionItemId, actionMenuId, conditionalMenus: state.conditionalMenus, resMenu: state.resMenu, addMenuType: state.addMenuType }
-        case 'defaultData'://回填接口获取的菜单
-            return { ...initData, conditionalMenus: params.conditionalMenus, defaultMenu: params.defaultMenu, resMenu: params.resMenu }
-        case 'init':
-            return { ...initData }
-        case 'setRef':
-            return { ...state, ref: params.ref }
-        case 'isSaver':
-            return { ...state, isSaver: true }
-        default:
-            return state;
-    }
-}
-let initData: State = {
-    defaultMenu: { ruleClientPlatformType: null, buttons: [] },
-    resMenu: {},
-    conditionalMenus: [],
-    msgType: 'news',
-    msgVisible: false,
-    textVisible: false,
-    graphicVisible: false,
-    theEdit: null,
-    actionWX: null,
-    type: 'click',
-    ref: null,
-    addMenuType: '0',
-    isSaver: true,
-    imgCardVisible: false,
-    isUserId: 1
-
-}
-export default function useWeMenu() {
-    const [state, dispatch] = useReducer(reducer, initData)
-    const getMenus = useAjax((params: { mpId: string }) => getMenu(params))
-    const delMenus = useAjax((params: { menuId: string }) => delMenu(params), { msgNmae: '删除' })
-    const editMenus = useAjax((params: any) => editMenu(params), { msgNmae: '编辑' })
-    const syncMenus = useAjax((params: { mpId: string }) => syncMenu(params), { msgNmae: '同步' })
-    const syncPlatforms = useAjax((params: { platform: string, menuId: string }) => syncPlatform(params), { msgNmae: '同步' })
-    const addMenu = useCallback(() => {
-        console.log('11111')
-        dispatch({ type: 'initData' })//清空数据初始化只保留已编辑的菜单
-        dispatch({ type: 'addMenu' })
-    }, [])
-    const setMenuId = useCallback((actionMenuId: number) => {
-        dispatch({ type: 'actionMenuId', params: { actionMenuId } })
-    }, [])
-    const setItemId = useCallback((actionItemId: number) => {
-        dispatch({ type: 'actionItemId', params: { actionItemId } })
-    }, [])
-    const addMenuItem = useCallback(() => {
-        dispatch({ type: 'initData' })//清空数据初始化只保留已编辑的数组
-        dispatch({ type: 'addMenuItem' }) //添加一级菜单
-    }, [])
-    return {
-        state,
-        addMenu,
-        setMenuId,
-        setItemId,
-        addMenuItem,
-        getMenus,
-        delMenus,
-        editMenus,
-        syncMenus,
-        dispatch,
-        syncPlatforms
-    }
-}

src/pages/launchSystemNew/components/TableData/indexTab.tsx

@@ -1,610 +0,0 @@
-import DatePickePage from '@/components/DatePicker'
-import GroupWxTabs from '@/components/GroupWxTabs'
-import Tables from '@/components/Tables'
-import { quanpin } from '@/utils/fullScreen'
-import { CloudDownloadOutlined, FullscreenExitOutlined, FullscreenOutlined, QuestionCircleOutlined, SearchOutlined, SettingOutlined } from '@ant-design/icons'
-import { Button, Card, Col, Drawer, Input, InputNumber, Radio, Row, Select, Space, Statistic, Table, Tabs, Tooltip, Transfer } from 'antd'
-import { SelectValue } from 'antd/es/select'
-import { RadioChangeEvent } from 'antd/lib/radio'
-import { ColumnsType } from 'antd/lib/table'
-import { TransferDirection } from 'antd/lib/transfer'
-import { Moment } from 'moment'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useModel, history } from 'umi'
-import style from './index.less'
-import Sortable from 'sortablejs'
-import { useDebounce } from 'ahooks'
-
-interface Prosp {
-    isTableName?: boolean,//是否开启公众号名称搜索
-    sortArr?: { label: string, value: string }[],//排序参数名列表
-    isTableId?: boolean,//是否开公众号ID搜索
-    isTableDate?: boolean,//是否开启单日期搜索
-    isTableDay?: boolean,//是否开启N天搜索
-    isBook?: boolean,//是否开启小说搜索
-    isGroup?: boolean,//是否开启切换
-    isZj?: boolean,//是否查总计
-    isQs?: boolean,//是否开启期数
-    isInputName?: boolean, // 是否开启输入框 输入公众号
-    isPitcher?: boolean,//默认关闭，关闭下使用左侧组员组件选中的名称，开启后使用input输入筛选
-    isAdmin?: boolean, // 是否admin展示 普通员工不展示 与isGroupTab 配合 isGroupTab关闭 isAdmin可打开 
-    isCPitcher?: boolean, //是否传Pitcher
-    isUserId?: boolean, // 是否传入usid
-    isDownload?: boolean,//是否开启下载
-    isPlatform?: boolean,//是否开启书城
-    isTableDateArr?: boolean,//是否开启双日期搜索
-    tableTotal?: { [key: string]: string },//是个开启总计
-    isLocation?: boolean,//是否开启投放位置
-    isType?: boolean,//是否开启投放位置
-    scroll?: { x?: number, y?: number },//开启行滑动并设置容器最大宽度
-    columns: () => ColumnsType<any>,//table列表配置
-    title?: string,//tabel的标题
-    tooltip?: JSX.Element,//是否在标题后加问号展示说明
-    dataSource: any[],//table的数据
-    expandedRowRender?: (data: any) => JSX.Element,
-    ajax: any,//请求
-    isTdColor?: boolean,//是否需要开启背景色
-    isGroupTab?: boolean,//是否开启组员tab
-    className?: string,//自定义class
-    isSelctAcc?: boolean, // 是否用data公众号
-    isdownload?: boolean, // 是否下载
-    isDataSelectPitcher?: boolean,  // 选择数据服务传回来的投手
-    isLoginId?: boolean, // 传登陆ID
-}
-/**
- * 
- * @param  isTableName boolean是否开启公众号名称搜索
- * @param isTableId boolean,//是否开公众号ID搜索
- * @param isTableDate boolean,//是否开启单日期搜索
- * @param isTableDay  boolean,//是否开启N天搜索
- * @param isBook   boolean,//是否开启小说搜索
- * @param isTableDateArr  boolean,//是否开启双日期搜索
- * @param tableTotal  { [key: string]: string },//是个开启总计
- * @param x  number,//开启行滑动并设置容器最大宽度
- * @param dataSource any[],//table的数据
- * @param columns  () => ColumnsType<any>,//table列表配置
- * @param title  string,//tabel的标题
- * @param tooltip  JSX.Element//是否在标题后加问号展示说明
- * @param ajax  (params: Params) => Promise<any>//请求
- */
-function Page(props: Prosp) {
-    const { isInputName, isTableName, isGroup, isTableId, isTableDate, isSelctAcc = false, isLoginId = false, isTableDay, isCPitcher = true, isDataSelectPitcher = false, isLocation, isBook, isTableDateArr, isType, isPitcher = false, isdownload = false, isAdmin = false, isUserId = false, isPlatform, isDownload, isGroupTab = true, tableTotal, isQs, isZj, scroll, columns, title, tooltip, ajax, dataSource, expandedRowRender, sortArr, isTdColor, className } = props
-    const { state, dispatch, getAccAjax, getUserAjax } = useModel('useData.useTableData')
-    const { state: userState } = useModel('useOperating.useUser')
-    const { currentUser }: any = useModel('@@initialState', model => ({ currentUser: model.initialState?.currentUser }))
-    const { state: { groupActionWx } } = useModel('useOperating.useWxGroupList')
-    const [size, setSize] = useState<'small' | 'middle' | 'large'>('small')
-    const [page, setPage] = useState<number>(1)
-    const [pageSize, setPageSize] = useState<number>(100)
-    const [total, setTotal] = useState<number>(0)
-    const { selectdName, isFell } = userState
-    const [visible, setVisible] = useState<boolean>(false)
-    const [selectedKeys, setSelectedKeys] = useState<any[]>([])
-    const [statistical, setStatistical] = useState<any>({})
-    const [fixedNum, setFixedNum] = useState<number | string>(localStorage.getItem(`${title}fixedNum`) || 1)
-    const [targetKeys, setTargetKeys] = useState<any[]>(localStorage?.getItem(`${title}`) ? JSON.parse(localStorage?.getItem(`${title}`) as string) : [])
-    const { channel, tableDate, date_range, start, end, tableId, book, order_by, order, location, stage, type, platform, pitcher, tableValue = '1' } = state
-    const [showZj, setShowZj] = useState<boolean>(false)
-    const [value, setValue] = useState<string>('');
-    const [searchValue, setSearchValue] = useState<any>([])
-    const ref = useRef(null)
-
-    useEffect(() => {
-        return () => {
-            console.log('卸载。。。');
-            dispatch({ type: 'dataSource', params: { dataSource: [] } })
-        }
-    }, [])
-    /**点击书名搜索书名 */
-    useEffect(() => {
-        let bookName = history?.location?.query?.bookName
-        if (bookName) {
-            dispatch({ type: 'book', params: { book: bookName } })
-            tableSubmut({ bookName })
-        }
-    }, [history.location])
-    const handleSearch = useCallback((value: string) => {
-        setValue(value)
-    }, [])
-    const debouncedValue = useDebounce(value, { wait: 300 });
-    useEffect(() => {
-        if (debouncedValue) {
-            getAccAjax.run({ user_id: userState?.selectdUserId, name: debouncedValue })
-        }
-    }, [debouncedValue, isSelctAcc, userState?.selectdUserId])
-    useEffect(() => {
-        if (isDataSelectPitcher) {
-            getUserAjax.run({ user_id: userState?.selectdUserId }).then((res: any) => {
-                setSearchValue(res?.data || [])
-            })
-        }
-    }, [isDataSelectPitcher, userState?.selectdUserId])
-    /**table搜索事件 */
-    const tableSubmut = useCallback(
-        (props: {
-            pagination?: { current?: number, pageSize?: number, gzh?: string },
-            filters?: any,
-            sortData?: {
-                column: { dataIndex: string },
-                order?: "ascend" | "descend"
-            },
-            bookName?: any,
-            download?: boolean,
-        }) => {
-            let { pagination, filters, sortData, bookName, download, } = props
-            let data: any = {}
-            if (isCPitcher) {
-                data = { pitcher: isPitcher ? pitcher : selectdName }//'潘晨虹'||
-            }
-            if (isDataSelectPitcher) {
-                data = { pitcher: pitcher }//'潘晨虹'||
-            }
-            if (isUserId) {
-                if (currentUser.userId === 1) {
-                    data['user_id'] = userState.selectdUserId || 1
-                } else {
-                    data['user_id'] = currentUser.userId || 1
-                }
-            }
-            if (isLoginId) {
-                data['user_id'] = currentUser.userId || 1
-            }
-            !download && (data['page'] = pagination?.current || 1)
-            !download && (data['page_size'] = pagination?.pageSize || 100)
-            // console.log(sortData)
-            setPageSize(pagination?.pageSize || 100)
-            setPage(pagination?.current || 1)
-            let gzh = pagination?.gzh || channel //'寒龙书海'||
-            isBook && (book || bookName) && (data['book'] = bookName || book)
-            isQs && stage && (data['stage'] = stage)
-            isTableName && gzh && (data['channel'] = gzh)
-            isInputName && (data['channel'] = channel)
-            isSelctAcc && (data['channel'] = channel)
-            // data['channel'] = '龙鳞文学'
-            isTableId && tableId && (data['state'] = tableId === '2' ? '在投' : '停投')
-            isTableDate && tableDate && (data['date'] = tableDate)
-            isTableDay && date_range && (data['date_range'] = date_range)
-            isTableDateArr && start && (data['start'] = start)
-            isTableDateArr && end && (data['end'] = end)
-            sortData?.order && (data['order'] = sortData?.order === 'ascend' ? 'asc' : 'desc');
-            sortData?.column?.dataIndex && (data['order_by'] = sortData?.column?.dataIndex)
-            isLocation && location && (data['location'] = location)
-            isType && type && (data['type'] = type)
-            isPlatform && platform && (data['platform'] = platform)
-            isDownload && download && (data['download'] = 1)
-            if (ajax) {
-                ajax.run(data).then((res: any) => {
-                    if (res?.data) {
-                        let dateArr: string[] = []
-                        let arr = []
-                        if (isTdColor) {
-                            arr = res?.data?.map((item: any, index: number) => {
-                                item['id'] = (pagination?.current || 1) + index + + Math.random()*100
-                                if (dateArr.indexOf(item.date) !== -1) {//假如日期在dateArr中存在
-                                    item['color'] = `color${dateArr.indexOf(item.date)}`//那么颜色等于dateArr的位置
-                                } else {//假如不存在dateArr中
-                                    dateArr.push(item.date)//向dateArr添加日期以备相同日期对比
-                                    item['color'] = `color${dateArr.length - 1}`//颜色的值等于dateArr的长度-1
-                                }
-                                return item
-                            })
-                        } else {
-                            arr = res?.data?.map((item: any, index: number) => {
-                                item['id'] = (pagination?.current || 1) + index + Math.random()*100
-                                return item
-                            })
-                        }
-                        setStatistical(res?.total_data)
-                        dispatch({ type: 'dataSource', params: { dataSource: arr } })
-                        setTotal(res?.total)
-                    } else {
-                        setStatistical({})
-                        dispatch({ type: 'dataSource', params: { dataSource: [] } })
-                    }
-                })
-            }
-        }, [tableDate, channel, start, end, tableId, book, date_range, selectdName, ajax, order, order_by, isTdColor, location, stage, platform, type])
-    /**tableName事件 */
-    const tableNameChange = useCallback((value: SelectValue) => {
-        // let value = e.target.value
-        // setChannel(value)
-        dispatch({ type: 'channel', params: { channel: value as string } })
-    }, [])
-    /**tableBook事件 */
-    const tableBookChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let value = e.target.value
-        // setBook(value)
-        dispatch({ type: 'book', params: { book: value } })
-    }, [])
-    /**书城*/
-    const platformChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let value = e.target.value
-        // setPlatform(value)
-        dispatch({ type: 'setState', params: { platform: value } })
-    }, [])
-    const platformChangeInput = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let value = e.target.value
-        console.log(value);
-
-        dispatch({ type: 'setState', params: { platform: value } })
-    }, [])
-    /**投手名称*/
-    const pitcherChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let value = e.target.value
-        // setPitcher(value)
-        dispatch({ type: 'setState', params: { pitcher: value } })
-    }, [])
-    /**tableQs事件 */
-    const tableQsChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let value = e.target.value
-        // setStage(value)
-        dispatch({ type: 'setState', params: { stage: value } })
-    }, [])
-    /**table单日期事件 */
-    const tableDateChange = useCallback((arr: Moment[], formatString: string | string[]) => {
-        // setTableDate(formatString)
-        dispatch({ type: 'tableDate', params: { tableDate: formatString as string } })
-    }, [])
-    /**table双日期事件 */
-    const tableDateArrChange = useCallback((arr: Moment[], formatString: string | string[]) => {
-        // setStart((formatString as string[])[0])
-        // setEnd((formatString as string[])[1])
-        dispatch({ type: 'tableDateArr', params: { start: (formatString as string[])[0], end: (formatString as string[])[1] } })
-    }, [])
-    /**tableDay事件 */
-    const tableDayChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-        let value = e.target.value
-        // setDate_range(value)
-        dispatch({ type: 'date_range', params: { date_range: value } })
-    }, [])
-    /**tableId事件 */
-    const tableIdChange = useCallback((value: string) => {
-        // setTableId(value)
-        dispatch({ type: 'tableId', params: { tableId: value } })
-    }, [])
-    /**排序选择 */
-    const sortChange = useCallback((value: SelectValue) => {
-        // setOrder_by(value)
-        dispatch({ type: 'setState', params: { order_by: value as string } })
-    }, [])
-    /**投放位置1 */
-    const locationChange = useCallback((value: SelectValue) => {
-        // setLocation(value)
-        dispatch({ type: 'setState', params: { location: value as 'MP' | 'GDT' } })
-    }, [])
-    /**投放位置2 */
-    const typeChange = useCallback((value: SelectValue) => {
-        // setType(value)
-        dispatch({ type: 'setState', params: { type: value as 'MP' | 'GDT' } })
-    }, [])
-    const orderChange = useCallback((value: SelectValue) => {
-        // setOrder(value)
-        dispatch({ type: 'setState', params: { order: value as 'asc' | 'desc' } })
-    }, [])
-    /**table字段设置 */
-    const handleChange = useCallback((nextTargetKeys: string[], direction: TransferDirection, moveKeys: string[]) => {
-        setTargetKeys(nextTargetKeys)
-    }, [])
-    const handleSelectChange = useCallback((sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {
-        setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys])
-    }, [])
-    const handleScroll = (direction: TransferDirection, e: React.SyntheticEvent<HTMLUListElement, Event>) => {
-        // console.log('direction:', direction);
-        // console.log('target:', e.target);
-    };
-    /**table切换事件 */
-    const tableChange = useCallback((e: RadioChangeEvent) => {
-        dispatch({ type: 'dataSource', params: { dataSource: [] } })
-        let value = e.target.value
-        dispatch({ type: 'setState', params: { tableValue: value } })
-    }, [])
-    /**卸载组件清空数据 */
-    useEffect(() => {
-        return () => {
-            dispatch({ type: 'dataSource', params: { dataSource: [] } })
-            // setPitcher('')
-            setTargetKeys([])
-            // setOrder_by(undefined)
-            dispatch({ type: 'setState', params: { order_by: undefined, targetKeys: [], pitcher: '' } })
-            // setTargetKeys([])
-        }
-    }, [])
-    /**首次加载请求or投手名称变化 */
-    useEffect(() => {
-        let { channel } = history?.location?.query as any//假如路径中带公众号号名称
-        tableSubmut({ pagination: { current: 1, pageSize: 100, gzh: channel, }, download: isdownload })
-    }, [selectdName])
-    /**重组选中的字段 */
-    const newColumns = useMemo(() => {
-        console.log(123)
-        let arr: any[] = []
-        if (targetKeys && targetKeys.length > 0) {
-            let column: any[] = columns()
-            targetKeys?.forEach((v: string, index: number) => {
-                column?.forEach((item: { dataIndex: string, fixed: any }) => {
-                    if (item.dataIndex === v) {
-                        if (index < Number(fixedNum)) {
-                            item.fixed = true
-                        } else {
-                            item.fixed = false
-                        }
-                        arr.push(item)
-                    }
-                })
-            })
-            localStorage.setItem(`${title}`, JSON.stringify(targetKeys))//保存至本地浏览器
-            return arr
-        }
-        return arr
-    }, [targetKeys, fixedNum])
-    useEffect(() => {
-        if (visible) {
-            let ul: any = document.getElementsByClassName('ant-transfer-list-content-show-remove')[0]
-            if (ul) {
-                new Sortable(ul, {
-                    animation: 150,
-                    dragClass: style.blue,
-                    onEnd: (evt: any) => {
-                        let newTargetKeys: any[] = []
-                        for (let item of ul?.children) {
-                            sortArr?.forEach((arr: any) => {
-                                if (item?.title === arr?.title) {
-                                    newTargetKeys.push(arr?.key)
-                                }
-                            })
-                        }
-                        setTargetKeys(newTargetKeys)
-                    }
-                });
-            }
-        }
-    }, [visible, targetKeys])
-    const header = <Col span={24}>
-        <Row gutter={[0, 10]}>
-            {
-                isGroup && <Col span={24}>
-                    <Radio.Group onChange={tableChange} value={tableValue}>
-                        <Radio.Button value={'1'}>日期汇总</Radio.Button>
-                        <Radio.Button value={'2'}>公众号汇总</Radio.Button>
-                    </Radio.Group>
-                </Col>
-            }
-            <Col span={24}>
-                <Space>
-                    {
-                        isPitcher && <Input placeholder='请输投手名称' onChange={pitcherChange} allowClear style={{ width: 140 }} value={pitcher} />
-                    }
-                    {
-                        isDataSelectPitcher && <Select
-                            style={{ width: 150 }}
-                            placeholder='请输投手名称'
-                            onChange={(value: any) => { dispatch({ type: 'setState', params: { pitcher: value } }) }}
-                            showArrow
-                            showSearch
-                            allowClear
-                            value={pitcher || null}
-                        >
-                            {
-                                searchValue?.map((list: any, eq: number) => {
-                                    return <Select.Option key={list?.user_id} value={list?.nick_name}>
-                                        {list?.nick_name}
-                                    </Select.Option>
-                                })
-                            })
-                    </Select>
-                    }
-                    {
-                        isBook && <Input placeholder='请输入小说名称' onChange={tableBookChange} allowClear style={{ width: 140 }} value={book} />
-                    }
-                    {
-                        isQs && <Input placeholder='请输入期数名称' onChange={tableQsChange} allowClear style={{ width: 140 }} value={stage} />
-                    }
-                    {
-                        isPlatform && <Input placeholder='请输入书城' onChange={platformChange} allowClear style={{ width: 140 }} value={platform} />
-                    }
-                    {
-                        isTableName && <Select
-                            style={{ width: 150 }}
-                            placeholder="输入搜索公众号"
-                            onChange={(value: any) => { tableNameChange(value) }}
-                            showSearch
-                            allowClear
-                            value={channel}
-                        >
-                            {
-                                groupActionWx?.map((list: any, eq: number) => {
-                                    return <Select.Option key={list?.id} value={list?.nickName}>
-                                        <img src={list?.headImg || localStorage?.bookImg} className={style.item_img} /> {list?.nickName}
-                                    </Select.Option>
-                                })
-                            })
-                    </Select>
-                    }
-                    {
-                        isSelctAcc && <Select
-                            style={{ width: 150 }}
-                            placeholder="输入搜索公众号"
-                            onChange={(value: any) => { tableNameChange(value) }}
-                            showSearch
-                            allowClear
-                            defaultActiveFirstOption={false}
-                            showArrow={false}
-                            filterOption={false}
-                            onSearch={handleSearch}
-                            value={channel}
-                            notFoundContent={null}
-                        >
-                            {
-                                getAccAjax?.data?.data?.map((list: any, eq: number) => {
-                                    return <Select.Option key={list?.id} value={list?.nick_name}>
-                                        {list?.nick_name}
-                                    </Select.Option>
-                                })
-                            })
-                    </Select>
-                    }
-                    {
-                        isInputName && <Input onChange={(event: React.ChangeEvent<HTMLInputElement>) => { tableNameChange(event.target.value) }} placeholder='请输入公众号' allowClear />
-                    }
-                    {
-                        isTableId && <Select value={tableId} placeholder='状态' onChange={tableIdChange} allowClear style={{ minWidth: 100 }}>
-                            <Select.Option value='1'>停投</Select.Option>
-                            <Select.Option value='2'>在投</Select.Option>
-                        </Select>
-                    }
-                    {
-                        isLocation && <Select value={location} placeholder='投放位置' onChange={locationChange} allowClear style={{ minWidth: 100 }}>
-                            <Select.Option value='MP'>MP</Select.Option>
-                            <Select.Option value='GDT'>GDT</Select.Option>
-                        </Select>
-                    }
-                    {
-                        isType && <Select value={type} placeholder='投放位置' onChange={typeChange} allowClear style={{ minWidth: 100 }}>
-                            <Select.Option value='MP'>MP</Select.Option>
-                            <Select.Option value='GDT'>GDT</Select.Option>
-                        </Select>
-                    }
-                    {
-                        isTableDate && <DatePickePage model='DatePicker' DatePickerChange={tableDateChange} allowClear date={tableDate} />
-                    }
-                    {
-                        isTableDateArr && <DatePickePage model='RangePicker' DatePickerChange={tableDateArrChange} allowClear date={start ? [start, end] : undefined} />
-                    }
-                    {
-                        isTableDay && <Input
-                            style={{ width: 120 }}
-                            value={date_range}
-                            onChange={tableDayChange}
-                            allowClear
-                            placeholder='过去N天'
-                        >
-                        </Input>
-                    }
-                    <Button type='primary' onClick={() => tableSubmut({})}><SearchOutlined />搜索</Button>
-                    {isDownload && <Button type='primary' onClick={() => tableSubmut({ download: true })}><CloudDownloadOutlined />下载EXCEL</Button>}
-                </Space>
-                {/*紧凑*/}
-                <Space style={{ float: 'right' }}>
-                    <Button
-                        size='small'
-                        type='text'
-                        onClick={() => {
-                            setVisible(true)
-                        }}>
-                        <SettingOutlined />
-                    </Button>
-                    <Button
-                        type='text'
-                        size='small'
-                        onClick={() => {
-                            if (ref?.current) {
-                                quanpin(ref?.current)
-                            }
-                        }}>
-                        {
-                            <Tooltip title={!isFell ? '全屏' : '退出全屏'}>{!isFell ? <FullscreenOutlined /> : <FullscreenExitOutlined />}</Tooltip>
-                        }
-                    </Button>
-                    <Drawer
-                        title="table字段设置"
-                        width={420}
-                        open={visible}
-                        getContainer={ref?.current || false}
-                        onClose={() => {
-                            setVisible(false)
-                        }}
-                    >
-                        <div>
-                            <span>请输入固定列数值：</span>
-                            <InputNumber
-                                size="small"
-                                min={1}
-                                max={100000}
-                                onChange={(v) => {
-                                    setFixedNum(v as number)
-                                    localStorage.setItem(`${title}fixedNum`, `${v}`)
-                                }}
-                                value={fixedNum}
-                                style={{ marginBottom: 10 }}
-                                placeholder='请输入固定列数值'
-                            />
-                        </div>
-                        <Transfer
-                            dataSource={sortArr || []}
-                            titles={['不展示', '展示']}
-                            showSearch
-                            targetKeys={targetKeys || []}
-                            selectedKeys={selectedKeys || []}
-                            onChange={handleChange}
-                            onSelectChange={handleSelectChange}
-                            onScroll={handleScroll}
-                            render={(item: any) => item?.title}
-                            oneWay
-                            style={{ marginBottom: 16 }}
-                            listStyle={{
-                                height: 'calc(100vh - 140px)',
-                            }}
-                        />
-                    </Drawer>
-                </Space>
-            </Col>
-        </Row>
-    </Col>
-    const content = <Row gutter={[0, 20]} ref={ref} style={isFell ? { background: '#fff' } : {}}>
-        {/**table */}
-        <Col span={24}>
-            <Row gutter={[0, 20]}>
-                {header}
-                <Tab {...{ size, className, isZj, newColumns, columns, statistical, scroll, isFell, showZj, page, pageSize, dataSource, tableSubmut, expandedRowRender, total, ajax }} />
-            </Row>
-        </Col>
-    </Row >
-    return <>
-        {
-            content
-        }
-    </>
-}
-/**表格 */
-const Tab = React.memo((props: any) => {
-    const { size, className, isZj, newColumns, columns, statistical, scroll, isFell, showZj, page, pageSize, dataSource, tableSubmut, expandedRowRender, total, ajax } = props
-    return < Col span={24} >
-        <div className={`${style[size]} ${className ? style[className] : ''} `}>
-            {
-                isZj && <Tables
-                    bordered
-                    columns={newColumns?.length > 0 ? newColumns : columns()}
-                    dataSource={[{ ...statistical, id: 1 }]}
-                    scroll={scroll ? isFell ? { ...scroll, y: document.body.clientHeight - 300 } : scroll : {}}
-                    size={size}
-                    pagination={false}
-                    hideOnSinglePage
-                    className='total_table'
-                />
-            }
-            <Tables
-                className={`all_table ${className ? className : ''}`}
-                bordered
-                current={showZj ? 1 : page}
-                pageSize={pageSize}
-                columns={newColumns?.length > 0 ? newColumns : columns()}
-                dataSource={showZj ? [{ ...statistical, id: 1 }] : dataSource}
-                scroll={scroll ? isFell ? { ...scroll, y: document.body.clientHeight - 300 } : scroll : {}}
-                onChange={(pagination: any, filters: any, sorter: any) => tableSubmut({ pagination, filters, sortData: sorter })}
-                rowClassName={(record: { color: string }) => style[record['color']]}
-                expandedRowRender={expandedRowRender ? expandedRowRender : undefined}
-                size={size}
-                total={showZj ? 1 : total}
-                loading={ajax?.loading}
-                defaultPageSize={100}
-            />
-        </div>
-    </Col >
-}, (a, b) => {
-    if (JSON.stringify(a) === JSON.stringify(b)) {
-        return true
-    } else {
-        return false
-    }
-})
-export default Page

src/pages/launchSystemV3/tencenTasset/corpWechat/index.tsx

@@ -117,7 +117,7 @@ export const SelectCorpWechat: React.FC<{ value?: number, onChange?: (value?: nu
         <Select
             showSearch
             allowClear
-            placeholder="请选择小程序"
+            placeholder="请选择企微"
             filterOption={(input: any, option: any) => {
                 return option!.name?.toString().toLowerCase().includes(input.toLowerCase())
             }}
@@ -179,7 +179,7 @@ export const SelectCorpWechatCorpId: React.FC<{ value?: string[], onChange?: (va
         <Select
             showSearch
             allowClear
-            placeholder="请选择小程序"
+            placeholder="请选择企微"
             filterOption={(input: any, option: any) => {
                 return option!.name?.toString().toLowerCase().includes(input.toLowerCase())
             }}

src/services/operating/adAuthorize.ts

@@ -1,331 +0,0 @@
-import { request } from 'umi';
-import { api } from '../api'
-
-
-/**登录授权 */
-export interface LoginProps {
-    scanCode?: 'qq' | 'wx'//扫码
-    user?: string,//账号
-    password?: string,//密码
-}
-export async function loginAdApi(params: LoginProps) {
-  return request(api + '/ads/adsUser/doAuth', {
-    method: 'PUT',
-    data: params,
-  });
-}
-/** 更新账户密码 */
-export async function uploadLoginAdApi(params: LoginProps) {
-    return request(api + '/ads/adsUser/updateAccount', {
-      method: 'PUT',
-      data: params,
-    });
-}
-
-
-// 更新接口
-export interface updateChannelInfoPrpps {
-    updateName: "all" | "channel" | "user" | "crowd_package ",
-    channels?: number[],
-    channelMpAccount?: any,
-    channelAdqAccount?: any
-}
-export async function updateChannelInfoApi(params: updateChannelInfoPrpps) {
-    return request(api + '/ads/adsChannel/updateChannelInfo', {
-        method: 'PUT',
-        data: params,
-    })
-}
-
-/** 轮询接口 */
-export async function loginResultApi(code: string) {
-    return request(api + `/ads/adsUser/loginResult/${code}`, {
-        method: 'GET'
-    })
-}
-
-/** 登录账户的服务商列表 */
-export async function allOfLoginUserApi() {
-    return request(api + `/ads/adsChannel/allOfLoginUser`, {
-        method: 'GET'
-    })
-}
-
-
-/** adq账号列表 */
-export interface adqPrpps {
-    pageSize: number,
-    pageNum: number,
-    channelId: number,
-    uname?: string,
-    withChannel?: boolean
-}
-export async function adsChannelAccountAdqApi(params: adqPrpps) {
-    return request(api + `/ads/adsChannelAccount/list/adq`, {
-        method: 'GET',
-        params
-    })
-}
-export async function adsChannelAccountAdqAllApi(channelId: number) {
-    return request(api + `/ads/adsChannelAccount/allOfChannel/adq/${channelId}`, {
-        method: 'GET'
-    })
-}
-/** mp账号列表 */
-export async function adsChannelAccountMpApi(params: adqPrpps) {
-    return request(api + `/ads/adsChannelAccount/list/mp`, {
-        method: 'GET',
-        params
-    })
-}
-
-export async function adsChannelAccountMpAllApi(channelId: number) {
-    return request(api + `/ads/adsChannelAccount/allOfChannel/mp/${channelId}`, {
-        method: 'GET'
-    })
-}
-
-
-/** 新增落地页 不上传 */
-export async function adsSharePageApi(params: any) {
-    return request(api + `/ads/adsSharePage`, {
-        method: 'POST',
-        data: params
-    })
-}
-
-export interface AddAnd {
-    pageIds?: number[],
-    pageDto?: any,
-    channelMpAccounts?: number[],
-    channelAdqAccounts?: number[],
-    channelMpWechatInfoList?: any[],  // 企微
-}
-
-/** 新增落地页 上传 */
-export async function addAndCreateApi(params: AddAnd) {
-    return request(api + `/ads/adsSharePage/addAndCreate`, {
-        method: 'POST',
-        data: params
-    })
-}
-
-/** 分页查询 */
-export interface getShare {
-    pageNum: number,
-    pageSize: number,
-    title?: string,
-    novelName?: string,
-    activeSync?: boolean,
-    accountId?: number,
-    accountType?: 'mp' | 'adq'
-}
-export async function getSharePageApi(params: getShare) {
-    return request(api + `/ads/adsSharePage/list`, {
-        method: 'GET',
-        params: params
-    })
-}
-
-/** 落地页详情 */
-export async function getSharePageDetailApi(pageId: number) {
-    return request(api + `/ads/adsSharePage/${pageId}`, {
-        method: 'GET'
-    })
-}
-
-/** 删除落地页 */
-export async function delSharePageApi(sharePageIds: string) {
-    return request(api + `/ads/adsSharePage/delBatch/${sharePageIds}`, {
-        method: 'DELETE'
-    })
-}
-
-/** 修改落地页 */
-export async function adsSharePageEditApi(params: any) {
-    let { pageId, ...parm } = params
-    return request(api + `/ads/adsSharePage/${pageId}`, {
-        method: 'PUT',
-        data: parm
-    })
-}
-
-/** 修改落地页 */
-export async function allOfAccountApi(params: any) {
-    let { accountType, channelAccountId } = params
-    return request(api + `/ads/adsChannelAccountPackage/allOfAccount/${accountType}/${channelAccountId}`, {
-        method: 'GET'
-    })
-}
-
-/** 获取客服组 */
-export async function allWechatInfoApi(params: any) {
-    let { accountType, channelAccountId } = params
-    return request(api + `/ads/adsChannelAccount/wechatInfo/allOfAccount/${accountType}/${channelAccountId}`, {
-        method: 'GET'
-    })
-}
-
-/** 获取数据源 */
-export async function allDataSourceApi(params: any) {
-    let { accountType, channelAccountId } = params
-    return request(api + `/ads/adsChannelAccount/dataSource/allOfAccount/${accountType}/${channelAccountId}`, {
-        method: 'GET'
-    })
-}
-
-/** 商品库列表 */
-export async function allOfAccountGodsApi(params: any) {
-    let { accountType, channelAccountId } = params
-    return request(api + `/ads/adsChannelAccountGoods/allOfAccount/${accountType}/${channelAccountId}`, {
-        method: 'GET'
-    })
-}
-
-/** 商品列表 */
-export async function allOfAccountGodsDetailApi(params: any) {
-    let { accountType, channelAccountId, godsId } = params
-    return request(api + `/ads/adsChannelAccountGoods/detail/${accountType}/${channelAccountId}/${godsId}`, {
-        method: 'GET'
-    })
-}
-
-/** 新增计划 */
-export interface adsPlan {
-    channelAdqAccount: any,
-    channelMpAccount: any,
-    channelMpGoods: any,
-    channelMpDataSource: any,
-    planDto: {
-        taskName: string,
-        planName: string,
-        posType: number,
-        putLocation: string,
-        putTarget: string,
-        pageId: number, 
-        firstContext: any, 
-        secondContext: any
-    }
-}
-export async function addPlanApi(params: adsPlan) {
-    return request(api + `/ads/adsPlan/addAndCreate`, {
-        method: 'POST',
-        data: params
-    })
-}
-
-/** 获取任务列表 */
-export interface adsPlanList {
-    createStatus?: number[],
-    createStartTime?: string,
-    createEndTime?: string,
-    taskName?: string,
-    pageNum: number,
-    pageSize: number,
-}
-export async function getAdsPlanApi(params: adsPlanList) {
-    return request(api + `/ads/adsPlanTask/list`, {
-        method: 'POST',
-        data: params
-    })
-}
-
-/** 获取计划列表 */
-export interface adsPlanLogList {
-    pageNum: number,
-    pageSize: number,
-    posType: number,
-    planId?: number,
-    channelId?: number,
-    accountIds?: string | string[], // 公众号
-    createStatus?: number
-    planName?: string, // 计划名称
-    taskName?: string, // 任务名称
-    createStartTime?: string, // 开始时间
-    createEndTime?: string
-}
-export async function getAdsPlanLogApi(params: adsPlanLogList) {
-    return request(api + `/ads/adsPlan/logList`, {
-        method: 'GET',
-        params: params
-    })
-}
-
-/** 详情 */
-export async function getAdsPlanXqApi(planId: number) {
-    return request(api + `/ads/adsPlan/${planId}`, {
-        method: 'GET'
-    })
-}
-
-/** 获取当前用户更新账户 */
-export async function getUserInfoApi() {
-    return request(api + `/ads/adsUser/info`, {
-        method: 'GET'
-    })
-}
-
-
-/** 批量复制计划接口 */
-export interface CopyPlan {
-    taskName: string,
-    planCreateLogId: number,   // 计划ID
-    begin_time: number,        // 开始时间
-    end_time: number,          // 结束时间
-    copy_count: number,        // 复制数量
-    planDtos: {
-        posType: number,
-        imageUrl?: string, // 广告位图片
-        headDescType?: number, // 信息栏类型
-        description?: string, // 信息栏文案
-        title?: string, // 图文标题
-        cardInfoDesc?: string[], // 广告文案
-        content?: string,       // 外层文案
-        planName: string,      // 计划名称
-        putLocation: string,   // 投放渠道
-        putTarget: string,     // 投放位置
-        pageId: number,        // 落地页ID
-        firstContext: string,  // 第一步
-        secondContext: string,  // 第二步
-        shortVideo?: string,  // 视频信息
-    }[]
-}
-export async function setCopyPlanApi(props: CopyPlan) {
-    return request(api + `/ads/adsPlan/copyPlan`, {
-        method: 'POST',
-        data: props
-    })
-}
-
-
-/** 删除 */
-export async function delBatchAjax(parmas: { taskIds: string }) {
-    return request(`${api}/ads/adsPlanTask/delBatch/${parmas.taskIds}`, {
-        method: 'DELETE'
-    })
-}
-export async function delLogBatchAjax(parmas: { logIds: string }) {
-    return request(`${api}/ads/adsPlan/logDelBatch/${parmas.logIds}`, {
-        method: 'DELETE'
-    })
-}
-
-
-// 设置表格参数
-// 获取通用配置
-export async function getAdsTableConfigApi(parmas: { update: boolean }) {
-    return request(`${api}/ads/adsTableConfig/get/system/config`, {
-        method: 'GET',
-        params: parmas
-    })
-}
-
-// 获取个人配置
-export async function getUserConfigApi() {
-    return request(`${api}/ads/adsTableConfig/get/user/config`, { method: 'GET' })
-}
-
-// 用户更新配置
-export async function updateUserConfigApi(data: {idList: string[], tableConfig: string}) {
-    return request(`${api}/ads/adsTableConfig/update/user/config`, { method: 'POST', data })
-}

src/services/operating/adCensus.ts

@@ -1,25 +0,0 @@
-import { request } from 'umi';
-import { api } from '../api'
-
-/** 获取广告收益列表 */
-export interface AdProfit {
-    appId?: string,
-    startTime?: string,
-    endTime?: string,
-    userId?: string,
-    page: number,
-    size: number,
-    type?: number, // 1运营 2投手
-    mpName?: string,  // 公众号名称
-}
-export async function getAdProfitAjax(params?: AdProfit) {
-    return request(api + '/miniapp/wx/banner/mp/income', {
-        method: 'GET',
-        params: params
-    });
-}
-
-/** 获取小程序列表 */
-export async function getxcxAllAjax() {
-    return request(api + '/miniapp/applet/get/all');
-}

src/services/operating/adNewAuthorize.ts

@@ -1,110 +0,0 @@
-import { request } from 'umi';
-import { api } from '../api'
-
-
-/** 新增计划 */
-export interface adsPlan {
-    channelAdqAccount: any,
-    channelMpAccount: any,
-    taskName: string,  // 任务名称
-    channelMpGoods: any,
-    planDto: {
-        content: string,    // 外层文案
-        planName: string,   // 计划名称
-        posType: string,    // 创意样式 311 1707
-        putLocation: string,// 流量位 朋友圈 公众平台
-        putTarget: string,  // 推广目标 公众号 视频号
-        pageId: number,     // 落地页ID
-        campaign: string,   // 计划内容
-        adgroup: string,    // 广告组内容
-        adcreative: string, // 创意内容
-        material: string,   // 素材内容
-    }
-}
-export async function addPlanApi(params: adsPlan) {
-    return request(api + `/ads/adsNewPlan/addAndCreate`, {
-        method: 'POST',
-        data: params
-    })
-}
-
-/** 获取任务列表 */
-export interface adsPlanList {
-    createStatus?: number[],
-    createStartTime?: string,
-    createEndTime?: string,
-    taskName?: string,
-    pageNum: number,
-    pageSize: number,
-}
-export async function getAdsPlanApi(params: adsPlanList) {
-    return request(api + `/ads/adsNewPlanTask/list`, {
-        method: 'POST',
-        data: params
-    })
-}
-
-/** 删除 */
-export async function delBatchAjax(parmas: { taskIds: string }) {
-    return request(`${api}/ads/adsNewPlanTask/delBatch/${parmas.taskIds}`, {
-        method: 'DELETE'
-    })
-}
-export async function delLogBatchAjax(parmas: { logIds: string }) {
-    return request(`${api}/ads/adsNewPlanCreateLog/logDelBatch/${parmas.logIds}`, {
-        method: 'DELETE'
-    })
-}
-
-
-/** 获取计划列表 */
-export interface adsPlanLogList {
-    pageNum: number,
-    pageSize: number,
-    posType: number,
-    planId?: number,
-    channelId?: number,
-    accountIds?: string | string[], // 公众号
-    createStatus?: number
-    planName?: string, // 计划名称
-    taskName?: string, // 任务名称
-    createStartTime?: string, // 开始时间
-    createEndTime?: string
-}
-export async function getAdsPlanLogApi(params: adsPlanLogList) {
-    return request(api + `/ads/adsNewPlanCreateLog/logList`, {
-        method: 'GET',
-        params: params
-    })
-}
-
-/** 批量复制计划接口 */
-export interface CopyPlan {
-    taskName: string,
-    planCreateLogId: number,   // 计划ID
-    begin_time: number,        // 开始时间
-    end_time: number,          // 结束时间
-    copy_count: number,        // 复制数量
-    planDtos: {
-        posType: number,
-        imageUrl?: string, // 广告位图片
-        headDescType?: number, // 信息栏类型
-        description?: string, // 信息栏文案
-        title?: string, // 图文标题
-        cardInfoDesc?: string[], // 广告文案
-        content?: string,       // 外层文案
-        planName: string,      // 计划名称
-        putLocation: string,   // 投放渠道
-        putTarget: string,     // 投放位置
-        pageId: number,        // 落地页ID
-        firstContext: string,  // 第一步
-        secondContext: string,  // 第二步
-        shortVideo?: string,  // 视频信息
-    }[]
-}
-export async function setCopyPlanApi(props: CopyPlan) {
-    return request(api + `/ads/adsNewPlan/copyPlan`, {
-        method: 'POST',
-        data: props
-    })
-}

src/services/operating/adWeChat.ts

@@ -1,149 +0,0 @@
-import useFetch from '@/Hook/useFetch'
-import { launchApi, api } from '../api'
-
-import { request } from 'umi';
-
-/**查询号 */
-export async function getAccApi() {
-    return request(`${api}/adlaunch/wechatInfo/listAllWechatInfo`, {
-        method: 'GET'
-    })
-}
-
-/**获取定向包 */
-export interface OrientProps {
-    pageNum: number,
-    pageSize: number,
-    serviceName: string,       // 服务商
-    wechatName: string,        // 公众号
-    humanPackageName?: string  // 人群包名称
-}
-export async function getOrientApi(params: OrientProps) {
-    return request(`${api}/adlaunch/humanInfo/list`, {
-        method: 'POST',
-        data: params
-    })
-}
-
-/** 推广页 */
-export async function setPromotionPageAjax(params: { userId: string | number, name: string, typesetting: string }) {
-    return request(`${api}/adlaunch/layoutTypesetting`, {
-        method: 'POST',
-        data: params
-    })
-}
-
-/**查询落地页 */
-export async function getLayoutLocalApi(params: { pageNum: number, pageSize: number, name?: string | undefined, updateStartDate?: string | undefined, updateEndDate?: string | undefined }) {
-    return request(`${api}/adlaunch/layoutTypesetting/list`, {
-        method: 'POST',
-        data: params
-    })
-}
-
-/** 删除落地页 */
-export async function delLayoutLocalApi(params: { userId: string | number, name: string }) {
-    return request(`${api}/adlaunch/layoutTypesetting/remove`, {
-        method: 'POST',
-        data: params
-    })
-}
-
-
-/** 删除计划 */
-export async function delAdPlanLocalApi(params: { objectName: string, serviceName: string, wechatName: string }) {
-    return request(`${api}/adlaunch/actionRecord/remove`, {
-        method: 'POST',
-        data: params
-    })
-}
-
-/** 获取计划列表 */
-export interface PlanProps {
-    pageNum: number,
-    pageSize: number,
-    serviceName?: string | undefined, // 服务商
-    status?: string | undefined,      // 状态
-    planName?: string | undefined,    // 计划名称
-    wechatName?: string | undefined,  // 广告主名称
-    taskName?: string | undefined,    // 任务名称
-    startData?: string | undefined,   // 创建开始时间
-    endData?: string | undefined      // 创建截止时间
-}
-export async function getPlanActionRecordApi(params: PlanProps) {
-    return request(`${api}/adlaunch/actionRecord/listPlan`, {
-        method: 'POST',
-        data: params
-    })
-}
-/**创建计划*/
-export async function createAd(params: { planList: any[], userId: string }) {
-    return request(`${api}/adlaunch/actionRecord/createAdPlan`, {
-        method: 'POST',
-        data: params
-    })
-}
-
-/** 获取服务商 */
-export async function getAdWechatServiceNameApi() {
-    return request(`${api}/adlaunch/wechatInfo/getAllServiceName`, {
-        method: 'GET'
-    })
-}
-
-/** 获取广告主名称 */
-export async function getAdWechatWechatNameApi(params: { serviceName: string }) {
-    return request(`${api}/adlaunch/wechatInfo/getAllWechat/${params?.serviceName}`, {
-        method: 'GET'
-    })
-}
-
-/** 获取任务列表 */
-export interface TaskProps {
-    serviceName?: string | undefined,
-    // status?: string | undefined,
-    createTime?: string | undefined,
-    taskName?: string | undefined,
-    wechatName?: string | undefined,
-    objectName?: string | undefined,
-    local?: string | undefined,
-    channel?: string | undefined,
-    pageNum: number,
-    pageSize: number
-}
-export async function getTaskListApi(params: TaskProps) {
-    return request(`${api}/adlaunch/actionRecord/list`, {
-        method: 'POST',
-        data: params
-    })
-}
-/** 刷新 */
-export async function refreshDataApi(params: { userId: number, is_refresh: string }) {
-    return request(`${api}/adlaunch/wechatInfo/refresh/${params?.userId}/${params?.is_refresh}`, {
-        method: 'GET'
-    })
-}
-
-/** 扫码回调 */
-export async function getScanStatusApi() {
-    return request(`${api}/adlaunch/wechatCookie/getScanStatus`, {
-        method: 'GET'
-    })
-}
-
-/**个人概览 */
-// export async function overview(params: Params) {
-//     return useFetch({ url: '/data/pitcher_panel/overview', params, method: 'POST' })
-// }
-/**MP收藏*/
-export async function adqCollect(parmas: { accountId: any, collect: any }) {
-    return request(`${api}/ads/adsChannelAccount/collect/adq/${parmas.accountId}/${parmas.collect}`, {
-        method: 'POST'
-    })
-}
-/**ADQ收藏*/
-export async function mpCollect(parmas: { accountId: any, collect: any }) {
-    return request(`${api}/ads/adsChannelAccount/collect/mp/${parmas.accountId}/${parmas.collect}`, {
-        method: 'POST'
-    })
-}

src/services/operating/examine.ts

@@ -1,108 +0,0 @@
-import { request } from 'umi';
-import { api } from '../api'
-
-/**公众号列表 */
-export async function getUserList() {
-    return request(`${api}/system/mp/allOfCheckUser `);
-}
-/**
- * ================================================高级群发================================================
- */
-// 列表
-export async function getAdvancedList(params: { mpId: any, name: any, executionStatus: any, checkStatus: any }) {
-    return request(`${api}/system/msgCheck/msgGroupStrategyList`, {
-        method: 'POST',
-        data: params
-    });
-}
-// 审查
-export async function reviewAdvanced(params: { strategyId: any, checkRemark: any, checkStatus: any }) {
-    const { strategyId, ...param } = params
-    return request(`${api}/system/msgCheck/msgGroupStrategyCheck/${strategyId}`, {
-        method: 'PUT',
-        data: param
-    });
-}
-// 预览
-export async function seeAdvanced(params: { strategyId: any, mpId: any, fansId: any }) {
-    const { strategyId, mpId, fansId } = params
-    return request(`${api}/system/mpMsgGroupSendStrategy/preview2/${mpId}/${fansId}/${strategyId}`, {
-        method: 'PUT',
-    });
-}
-/**
-* ================================================客服消息================================================
-*/
-// 列表
-export async function getAserviceList(params: { mpId: any, taskName: any, status: any, checkStatus: any }) {
-    return request(`${api}/system/msgCheck/kefuStrategyList`, {
-        method: 'POST',
-        data: params
-    });
-}
-// 审查
-export async function reviewAservice(params: { strategyId: any, checkRemark: any, checkStatus: any }) {
-    const { strategyId, ...param } = params
-    return request(`${api}/system/msgCheck/kefuStrategyCheck/${strategyId}`, {
-        method: 'PUT',
-        data: param
-    });
-}
-// 预览
-export async function seeAservice(params: { strategyId: any, mpId: any, fansId: any }) {
-    const { strategyId, mpId, fansId } = params
-    return request(`${api}/system/mp/kefuMsgStrategy/preview2/${mpId}/${strategyId}/${fansId}`, {
-        method: 'PUT',
-    });
-}
-
-/**
-* ================================================模板消息================================================
-*/
-// 列表
-export async function getAtemplateList(params: { mpId: any, taskName: any, executionStatus: any, checkStatus: any }) {
-    return request(`${api}/system/msgCheck/templateStrategyList`, {
-        method: 'POST',
-        data: params
-    });
-}
-// 审查
-export async function reviewAtemplate(params: { strategyId: any, checkRemark: any, checkStatus: any }) {
-    const { strategyId, ...param } = params
-    return request(`${api}/system/msgCheck/templateStrategyCheck/${strategyId}`, {
-        method: 'PUT',
-        data: param
-    });
-}
-// 预览
-export async function seeAtemplate(params: { strategyId: any, fansId: any }) {
-    const { strategyId, fansId } = params
-    return request(`${api}/system/mp/templateMsg/preview2/${strategyId}/${fansId}`, {
-        method: 'PUT',
-    });
-}
-/**
-* ================================================立即/延迟================================================
-*/
-// 列表
-export async function getInteractList(params: { mpId: any, eventType: any, checkStatus: any }) {
-    return request(`${api}/system/msgCheck/resStrategyList`, {
-        method: 'POST',
-        data: params
-    });
-}
-//审查
-export async function reviewInteract(params: { strategyId: any, checkRemark: any, checkStatus: any }) {
-    const { strategyId, ...param } = params
-    return request(`${api}/system/msgCheck/resStrategyCheck/${strategyId}`, {
-        method: 'PUT',
-        data: param
-    });
-}
-// 预览
-export async function seeInteract(params: { strategyId: any, fansId: any }) {
-    const { strategyId, fansId } = params
-    return request(`${api}/system/mp/replyStrategy/preview2/${strategyId}/${fansId}`, {
-        method: 'PUT',
-    });
-}

src/services/operating/fans.ts

@@ -1,155 +0,0 @@
-import { request } from 'umi';
-import { api } from '../api'
-export interface FansTag {
-    mpId?: string | number,
-    beginDate?: string,
-    endDate?: string,
-    name?: string,
-    params?: any,
-    pageNum?: number,
-    pageSize?: number,
-    tagId?: number | string
-    /**0:并集,1:交集,2:取反, */
-    tagType?: 0 | 1 | 2,
-}
-export interface Fans {
-    mpId?: string | number,
-    tagId?: number | string,
-    tagIds?: number | string,
-    fansId?: number | string,
-    fansIds?: number | string,
-    nickname?: string,
-    openId?: string,
-    pageNum?: number,
-    pageSize?: number,
-    sex?: number
-    subscribe?: boolean
-}
-
-/**新增粉丝标签 */
-export async function addFansTag(params: FansTag) {
-    let { mpId, ...param } = params
-    return request(`${api}/system/mp/fans/tag/add/${mpId}`, {
-        method: 'POST',
-        data: param
-    });
-}
-/**粉丝标签列表 */
-export async function getFansTagList(params: { mpId: string }) {
-    return request(`${api}/system/mp/fans/tag/all/${params.mpId}`);
-}
-/**删除标签*/
-export async function delFansTag(params: { tagId: string }) {
-    return request(`${api}/system/mp/fans/tag/del/${params.tagId}`, {
-        method: 'DELETE',
-    });
-}
-/**分页查询粉丝标签 */
-export async function selectFansTagList(params: FansTag) {
-    let { mpId, ...param } = params
-    return request(`${api}/system/mp/fans/tag/list/${mpId}`, {
-        method: 'POST',
-        data: param,
-    });
-}
-/**同步标签*/
-export async function syncAllTag(mpId: number) {
-    return request(`${api}/system/mp/fans/tag/syncAll/${mpId}`, {
-        method: 'PUT'
-    });
-}
-/**同步书城信息*/
-export async function syncAllBooksApi({ mpId, platformId }: { mpId: number, platformId: number }) {
-    return request(`${api}/system/mp/fans/syncPlatformFansInfo/${mpId}/${platformId}`, {
-        method: 'PUT'
-    });
-}
-/**修改标签*/
-export async function editFansTag(params: FansTag) {
-    let { tagId, ...param } = params
-    return request(`${api}/system/mp/fans/tag/modify/${tagId}`, {
-        method: 'PUT',
-        data: param,
-    });
-}
-
-
-
-/**粉丝列表*/
-export async function getFansList(params: any) {
-    let { mpId, ...param } = params
-    if (param?.tagIds && !Array.isArray(param?.tagIds)) {
-        param['tagIds'] = [param?.tagIds]
-    }
-    return request(`${api}/system/mp/fans/list/${mpId}`, {
-        method: 'PUT',
-        data: param,
-    });
-}
-/** 粉丝统计信息 */
-export async function getFansStatOnlineApi(mpId: number) {
-    return request(`${api}/system/mp/fans/fansStatOnline/${mpId}`);
-}
-/** 获取粉丝订单数据 */
-export async function getFansOrderListApi(props: { queryDate: string, platformId: number, mpId: string, openId: string, pageNum: number, pageSize: number, orderStatus?: 0 | 1 | 2 | -1 }) {
-    return request(`${api}/platform/platformOrder/queryOrder`, { method: 'POST', data: props });
-}
-/**粉丝详情*/
-export async function getFansDetail(params: { fansId: string }) {
-    return request(`${api}/system/mp/fans/detail/${params.fansId}`);
-}
-/**给粉丝打标签*/
-export async function putFansTag(params: Fans) {
-    return request(`${api}/system/mp/fans/fansTag`, {
-        method: 'PUT',
-        data: params
-    });
-}
-/**粉丝name搜索*/
-export async function fansSearch(params: { nickname: string, mpId: number }) {
-    let { mpId, ...param } = params
-    return request(`${api}/system/mp/fans/search/${mpId}`, {
-        method: 'GET',
-        params: param
-    });
-}
-
-/**给粉丝设置备注*/
-export async function setFansRemark(params: any) {
-    let { fansId, mpId, ...param } = params
-    return request(`${api}/system/mp/fans/remark/${mpId}/${fansId}`, {
-        method: 'POST',
-        data: param,
-    });
-}
-/**重新同步指定粉丝的信息*/
-export async function putFansSync(params: { fansId: string }) {
-    return request(`${api}/system/mp/fans/sync/${params.fansId}`, {
-        method: 'PUT',
-    });
-}
-/**重新同步公众号所有粉丝信息*/
-export async function putFansSyncAll(params: { mpId: string }) {
-    return request(`${api}/system/mp/fans/syncAll/${params.mpId}`, {
-        method: 'PUT',
-    });
-}
-/**条件查找粉丝活跃人数 */
-export async function catFansNum(params: any) {
-    return request(`${api}/system/mp/fans/sendCount`, {
-        method: 'POST',
-        data: params
-    })
-}
-/**是否绑定广告账户*/
-export async function isBoundAdAccount(mpId: any) {
-    return request(`${api}/system/mp/isBoundAdAccount/${mpId}`)
-}
-/**创建人群包*/
-export async function createAdUserPackage(params:any) {
-    let {mpId,...param} = params
-    return request(`${api}/system/mp/fans/createAdUserPackage/${mpId}`, {
-        method: 'POST',
-        data: param
-    })
-}

src/services/operating/interact.ts

@@ -1,107 +0,0 @@
-import { queryStr } from "@/utils/query";
-import { request } from "umi";
-import { api } from '../api'
-export interface Params {
-    eventType?: number,
-    medias?: {
-        mediaId?: number,
-        msgType?: string,
-        textContent?: string,
-        type?: number,
-        wxMediaId?: string
-    }[],
-    mpId?: number,
-    msgStrategy?: number,
-    resDelayTime?: number,
-    strategyDesc?: string,
-    textKey?: string,
-    strategyId?: string
-}
-/**新建策略 */
-export async function addMsgResStrategy(params: Params) {
-    let { mpId, ...param } = params
-    return request(`${api}/system/mp/replyStrategy/delay/${mpId}`, {
-        method: 'POST',
-        data: param
-    });
-}
-/**策略详情 */
-export async function getMsgResStrategy(params: { strategyId: string }) {
-    return request(`${api}/system/mp/msgResStrategy/detail/${params.strategyId}`);
-}
-/**删除策略*/
-export async function delMsgResStrategy(params: { strategyId: string }) {
-    return request(`${api}/system/mp/replyStrategy/del/${params.strategyId}`, {
-        method: 'DELETE',
-    });
-}
-
-/**编辑策略*/
-export async function editMsgResStrategy(params: Params) {
-    let { mpId, strategyId, ...param } = params
-    console.log('mpId===>',mpId,params)
-    return request(`${api}/system/mp/replyStrategy/delay/${mpId}/${strategyId}`, {
-        method: 'PUT',
-        data: param,
-    });
-}
-
-/**新建或者编辑立即回复策略*/
-export async function editMsgResStrategyIm(params: Params) {
-    let { mpId, ...param } = params
-    return request(`${api}/system/mp/replyStrategy/immediately/${mpId}`, {
-        method: 'PUT',
-        data: param,
-    });
-}
-/**查询指定公众号的消息回复策略 */
-export async function searchMsgResStrategy(params: { mpId: string, eventType?: number, strategyDesc?: string }) {
-    let { mpId, ...param } = params
-    return request(`${api}/system/mp/replyStrategy/delay/search/${mpId}`, {
-        method: 'POST',
-        data: param
-    });
-}
-/** 开关策略*/
-export async function editEnabled(params: { strategyId: number, enabled: boolean }) {
-    let { strategyId, enabled } = params
-    return request(`${api}/system/mp/replyStrategy/enabled/${strategyId}/${enabled}`, {
-        method: 'PUT',
-    });
-}
-
-/**查询指定公众号立即回复的消息回复策略 */
-export async function searchImMsgResStrategy(params: { mpId: string, eventType?: number, textKey?: string }) {
-    let { mpId, ...param } = params
-    return request(`${api}/system/mp/replyStrategy/immediately/${mpId}${queryStr(param)}`);
-}
-
-/**回复策略获取详情 */
-export async function searchDetails(params: { strategyId: string }) {
-    let { strategyId } = params
-    return request(`${api}/system/mp/replyStrategy/${strategyId}`);
-}
-
-/**回复策略获取详情 */
-export async function getMpClickMenuList(params: { mpId: string }) {
-    let { mpId } = params
-    return request(`${api}/system/mp/replyStrategy/mpClickMenuList/${mpId}`);
-}
-/**延迟消息预览 */
-export async function replyStrategyPreview(params: { fansIds?: string, mpIds: any[] }) {
-    let { fansIds, ...param } = params
-    return request(`${api}/system/mp/replyStrategy/preview/${param?.mpIds[0]}/${fansIds}`, {
-        method: 'POST',
-        data: param
-    });
-}
-
-
-/**延迟消息导入Excel*/
-export async function importPushExcle(props: { data: FormDataEntryValue }) {
-    return request(`${api}/system/mp/replyStrategy/import`, {
-        method: 'POST',
-        body: props.data
-    })
-}
-

src/services/operating/link.ts

@@ -1,72 +0,0 @@
-import useFetch from '@/Hook/useFetch';
-import { request } from 'umi';
-import { api } from '../api'
-
-interface LinkParams {
-    // platformId: number,//平台ID
-    // mpId: number,//公众号ID
-    // linkType: number//链接类型
-    pageNum: number,//
-    pageSize: number,//
-    platformName: string,//平台名称
-}
-interface Page {
-    pageNum: number,
-    pageSize: number
-}
-interface ExportExcleParams extends Page {
-    linkType: number,//创建链接类型：1.推广链接 2.自定义活动 3.赠币活动 4常规活动链接 5 模板充值活动链接 6 模板直赠活动链接  7 模板消耗活动连接
-    platformId: number,
-}
-//分页查询常用链接
-export async function autoLink(params: LinkParams) {
-    return request(`${api}/system/platform/generateLink/autoLink/list`, {
-        method: 'POST',
-        data: params
-    })
-}
-//分页查询活动链接
-export async function normalLink(params: LinkParams) {
-    return request(`${api}/system/platform/generateLink/normalLink/list`, {
-        method: 'POST',
-        data: params
-    })
-}
-//导出常用链接EXCEL
-export async function exportLinkExcle(data: ExportExcleParams) {
-    return request(`${api}/system/platform/generateLink/normalLink/export`, {
-        method: 'POST',
-        data: data,
-        responseType: 'blob',
-    })
-}
-//导出创建链接模板
-export async function exportAutoLinkExcle(props: { platformName: string }) {
-    return request(`${api}/system/static/${props.platformName}自动建链接导入模板.xlsx`, {
-        method: 'GET',
-        responseType: 'blob',
-    })
-    // return request(`${api}/system/static/${props.platformName}自动建链接导入模板.xlsx`)
-    // return useFetch({url:`${api}/system/static/${props.platformName}自动建链接导入模板.xlsx`,params,method:'POST',excelName:'公众号付费趋势表'})
-}
-//导入创建链接EXCEL
-export async function importLinkExcle(props: { data: FormDataEntryValue, platformName: string }) {
-    return request(`${api}/system/platform/generateLink/autoLink/importExcel/${props.platformName}`, {
-        method: 'POST',
-        body: props.data
-    })
-}
-//抓起常用链接
-export async function creatNormalLink(params: { account: string, password: string, linkType: number, mpId: number, platformName: string, vip: boolean }) {
-    return request(`${api}/system/platform/generateLink/normalLink`, {
-        method: 'POST',
-        data: params
-    })
-}
-//导入创建自动化记录
-export async function selectLinks(params: { platformName: number, pageSize: number, pageNum: number, createStatus: number }) {
-    return request(`${api}/system/platform/generateLink/autoLink/importRecord/list`, {
-        method: 'POST',
-        data: params
-    })
-}

src/services/operating/news.ts

@@ -1,280 +0,0 @@
-import { queryStr } from '@/utils/query';
-import { request } from 'umi';
-import { api } from '../api'
-export interface Props {
-
-}
-/**群发策略列表 */
-// export async function getMpMsgGroupSendStrategy(params?: { date?: string, state?: number, appId?: string, pageNum: number, pageSize: number }) {
-//   return request(`${api}/system/mpMsgGroupSendStrategy${queryStr(params)}`);
-// }
-export async function getMpMsgGroupSendStrategy(params?: { date?: string, state?: number, appId?: string, pageNum: number, pageSize: number }) {
-  let { appId, ...param } = params as any
-  return request(`${api}/system/mpMsgGroupSendStrategy/list`, {
-    method: 'POST',
-    data: { ...param, mpId: appId }
-  });
-}
-/** 新增群发策略*/
-export async function addMpMsgGroupSendStrategy(params: Props) {
-  return request(`${api}/system/mpMsgGroupSendStrategy`, {
-    method: 'POST',
-    data: params,
-  });
-}
-/** 启动禁用*/
-export async function mpMsgGroupSendStrategy(params: { strategyId: number, enabled: boolean }) {
-  const { strategyId, enabled } = params
-  return request(`${api}/system/mpMsgGroupSendStrategy/modifyEnable/${strategyId}/${enabled}`, {
-    method: 'PUT',
-  });
-}
-/**编辑群发策略 */
-export async function editMpMsgGroupSendStrategy(params: any) {
-  const { strategyId, ...param } = params
-  return request(`${api}/system/mpMsgGroupSendStrategy/${strategyId}`, {
-    method: 'PUT',
-    data: param,
-  });
-}
-/**预览 */
-export async function preview(params: any) {
-  let { mpId, fansId, msgType, ...param } = params
-  return request(`${api}/system/mpMsgGroupSendStrategy/preview/${mpId}/${fansId}/${msgType}`, {
-    method: 'POST',
-    data: param,
-  });
-}
-/** 本地素材预览 */
-export async function localPreviewApi({ sysMediaId, mpId, fansId }: { sysMediaId: number, mpId: number, fansId: number }) {
-  return request(`${api}/system/SysMedia/preview/${sysMediaId}/${mpId}/${fansId}`, {
-    method: 'PUT'
-  });
-}
-/**刷新状态 */
-export async function refreshSendResult(id: any) {
-  return request(`${api}/system/mpMsgGroupSendStrategy/refreshSendResult/${id}`, {
-    method: 'POST',
-  });
-}
-/** 删除群发策略*/
-export async function delMpMsgGroupSendStrategy(params: { id: number, list?: any }) {
-  return request(`${api}/system/mpMsgGroupSendStrategy/${params.id}`, {
-    method: 'DELETE',
-    data: params?.list
-  });
-}
-/**获取群发策略详情*/
-export async function getDetails(strategyId: number) {
-  return request(`${api}/system/mpMsgGroupSendStrategy/${strategyId}`)
-}
-/**强行执行群发消息*/
-export async function getRestart(strategyId: number) {
-  return request(`${api}/system/mpMsgGroupSendStrategy/restart/${strategyId}`)
-}
-/**一键重发群发消息*/
-export async function executionNowApi(strategyId: number) {
-  return request(`${api}/system/mpMsgGroupSendStrategy/executionNow/${strategyId}`)
-}
-/** 查询策略执行日志*/
-export async function catLogs(strategyId: number) {
-  return request(`${api}/system/mpMsgGroupSendStrategy/executionLog/${strategyId}`);
-}
-/** 删除策略执行日志*/
-export async function delByLog(logid: any) {
-  return request(`${api}/system/mpMsgGroupSendStrategy/delLog/${logid}`, {
-    method: 'GET',
-  });
-}
-
-/**========================================客服消息 */
-/**导出模板 */
-export async function exportKNewsExcle() {
-  return request(`${api}/system/${encodeURIComponent('客服消息导入模板')}.xlsx`, {
-    method: 'GET',
-    responseType: 'blob',
-  })
-}
-
-/**导入模板批量创建 */
-export async function importKnewsExcle(props: { data: FormDataEntryValue }) {
-  return request(`${api}/system/mp/kefuMsgStrategy/import`, {
-    method: 'POST',
-    body: props.data
-  })
-}
-/**编辑消息 */
-export async function kefuMsgStrategyEdit(params: { strategyId: string }) {
-  let { strategyId, ...props } = params
-  return request(`${api}/system/mp/kefuMsgStrategy/${strategyId}`, {
-    method: 'PUT',
-    data: props,
-  });
-}
-/**新建消息 */
-export async function kefuMsgStrategyAdd(params: Props) {
-  return request(`${api}/system/mp/kefuMsgStrategy`, {
-    method: 'POST',
-    data: params,
-  });
-}
-/**删除消息 */
-export async function kefuMsgStrategyDel(params: { strategyId: string, belongUserId: string }) {
-  return request(`${api}/system/mp/kefuMsgStrategy/${params.strategyId}/${params.belongUserId}`, {
-    method: 'DELETE',
-  });
-}
-/**批量删除消息 */
-export async function kefuMsgStrategyDels(params: { strategyId: string, belongUserId: string }) {
-  return request(`${api}/system/mp/kefuMsgStrategy/batch/${params.strategyId}/${params.belongUserId}`, {
-    method: 'DELETE',
-  });
-}
-/**强制重启 */
-export async function kefuMsgStrategyRestart(params: { strategyId: number, belongUserId: number }) {
-  return request(`${api}/system/mp/kefuMsgStrategy/restart/${params.strategyId}/${params.belongUserId}`, {
-    method: 'put',
-  });
-}
-/**启用暂停客服消息 */
-export async function kefuMsgStrategyOn(params: { enabled: number, strategyId?: string, belongUserId: number }) {
-  return request(`${api}/system/mp/kefuMsgStrategy/${params.strategyId}/${params.belongUserId}/${params.enabled ? 'true' : 'false'}`, {
-    method: 'PUT',
-  });
-}
-/**获取消息列表 */
-export async function kefuMsgStrategyGet(params: any) {
-  return request(`${api}/system/mp/kefuMsgStrategy/listOfPage${queryStr(params)}`);
-}
-/**获取消息列表 */
-export async function kefuMsgStrategyDetail(params: { strategyId: string, belongUserId: number }) {
-  return request(`${api}/system/mp/kefuMsgStrategy/detail/${params.strategyId}/${params.belongUserId}`);
-}
-/**获取执行日志 */
-export async function kefuMsgStrategyDays(params: { strategyId: number, pageNum: number, pageSize: number, mpId?: string, belongUserId: number }) {
-  let { strategyId, ...props } = params
-  return request(`${api}/system/mp/kefuMsgStrategy/execution/logs/${strategyId}/${queryStr(props)}`);
-}
-/**客服消息历史图文 */
-export async function kefuMsgStrategyHistoryNews(params: { pageNum: number, pageSize: number }) {
-  return request(`${api}/system/mp/kefuMsgStrategy/historyNews${queryStr(params)}`);
-}
-/**客服消息预览 */
-export async function sendPreview(params: { fansIds?: string, mpIds: any[] }) {
-  let { fansIds, ...param } = params
-  return request(`${api}/system/mp/kefuMsgStrategy/preview/${param?.mpIds[0]}/${fansIds}`, {
-    method: 'POST',
-    data: param
-  });
-}
-/**立即发送 */
-export async function kefuMsgStrategyExecutionNow(params: { strategyId: string, belongUserId: number }) {
-  return request(`${api}/system/mp/kefuMsgStrategy/executionNow/${params.strategyId}/${params.belongUserId}`);
-}
-
-/**
- *  模板消息
- *  */
-
-/** 获取公众号模板列表 */
-export async function templateMsgApi(params: { mpId: string }) {
-  return request(`${api}/system/mp/templateMsg/list/${params.mpId}`);
-}
-
-/** 模板消息任务列表 */
-export async function listOfPageApi(params: { mpId?: string, taskName?: string, executionStatus?: number, pageNum: number, pageSize: number }) {
-  return request(`${api}/system/mp/templateMsg/strategy/listOfPage`, {
-    method: 'POST',
-    data: params
-  });
-}
-
-/** 同步公众号模板列表 */
-export async function syncTemplateApi(params: { mpId: string }) {
-  return request(`${api}/system/mp/templateMsg/syncTemplate/${params.mpId}`, {
-    method: 'PUT'
-  });
-}
-
-/** 新建模板消息 */
-export async function strategyApi(params: {
-  mpId: string,
-  templateId: number,
-  taskName: string,
-  fansAll: boolean,
-  fansFilterTagType?: number,
-  fansFilterTagids?: any[]
-  contentFields: any[],
-  url?: string,
-  miniprogramAppid?: string,
-  miniprogramPagepath?: string,
-  triggerType: number,
-  sendTime?: string,
-  enabled: boolean,
-  isUrl: boolean,
-  fansFilterSex?: number
-}) {
-  return request(`${api}/system/mp/templateMsg/strategy`, {
-    method: 'POST',
-    data: params
-  });
-}
-
-/** 修改模板消息 */
-export async function modifyStrategyApi(params: {
-  id: number,
-  mpId: string,
-  templateId: number,
-  taskName: string,
-  fansAll: boolean,
-  fansFilterTagType?: number,
-  fansFilterTagids?: any[]
-  contentFields: any[],
-  url?: string,
-  miniprogramAppid?: string,
-  miniprogramPagepath?: string,
-  triggerType: number,
-  sendTime?: string,
-  enabled: boolean,
-  isUrl: boolean,
-  fansFilterSex?: number
-}) {
-  let { id, ...param } = params
-  return request(`${api}/system/mp/templateMsg/strategy/${id}`, {
-    method: 'PUT',
-    data: param
-  });
-}
-
-/** 删除模板消息 */
-export async function temDelApi(params: { id: number }) {
-  return request(`${api}/system/mp/templateMsg/strategy/${params.id}`, {
-    method: 'DELETE'
-  });
-}
-
-/** 模板消息预览 */
-export async function temPreviewApi(params: {
-  mpId: number,
-  fansIds: number,
-  templateId: number,
-  taskName: string,
-  fansAll: boolean,
-  fansFilterTagType?: number,
-  fansFilterTagids?: any[]
-  contentFields: any[],
-  url?: string,
-  miniprogramAppid?: string,
-  miniprogramPagepath?: string,
-  triggerType: number,
-  sendTime?: string,
-  enabled: boolean,
-  isUrl: boolean,
-  fansFilterSex?: number
-}) {
-  let { mpId, fansIds, ...param } = params
-  return request(`${api}/system/mp/templateMsg/preview/${mpId}/${fansIds}`, {
-    method: 'post',
-    data: param
-  });
-}

src/services/operating/weMenu.ts

@@ -1,32 +0,0 @@
-import { request } from 'umi';
-import { api } from '../api'
-/**修改微信菜单 */
-export async function editMenu(params: { mpId: string, mpMenuDtos: any, menuId: string }) {
-    let { mpId, mpMenuDtos, menuId } = params
-    return request(`${api}/system/mp/menu/modify${menuId ? '/' + menuId : ''}`, {
-        method: 'PUT',
-        data: { ...mpMenuDtos, mpId }
-    });
-}
-/**同步微信菜单 */
-export async function syncMenu(params: { mpId: string }) {
-    return request(`${api}/system/mp/menu/sync/${params.mpId}`, {
-        method: 'PUT',
-    });
-}
-/**同步IOS安卓菜单 */
-export async function syncPlatform(params: { platform: string, menuId: string }) {
-    return request(`${api}/system/mp/menu/syncPlatform/${params.platform}/${params.menuId}`, {
-        method: 'PUT',
-    });
-}
-/**删除微信菜单 */
-export async function delMenu(params: { menuId: string }) {
-    return request(`${api}/system/mp/menu/del/${params.menuId}`, {
-        method: 'DELETE',
-    });
-}
-/**获取微信菜单 */
-export async function getMenu(params: { mpId: string }) {
-    return request(`${api}/system/mp/menu/all/${params.mpId}`);
-}