admin2 1.0.0

package/src/pages/pageComponents/mdPage/list/CommonType/index.jsx

@@ -0,0 +1,2177 @@
+/* eslint-disable max-len */
+/* eslint-disable react/no-children-prop */
+/**
+ * 天网-黑白名单服务
+ * 天净-文本-文本名单-(全局名单、公司名单、敏感词名单) 天净-文本-权限名单-全局名单
+ * 天净-图片-图片名单-(全局名单、公司名单、图片自定义名单) 天净-图片-OCR名单-(全局名单、公司名单、OCR自定义名单)
+ * 天净-音频文件-音频ASR名单-(全局名单、公司名单、ASR自定义名单)
+ * 天净-音频流-音频ASR名单-(全局名单、公司名单、ASR自定义名单)
+ * 天净-音视频文件-音频ASR名单-(全局名单、公司名单)
+ * 天净-视频文件-截帧图片名单-(全局名单、公司名单) 天净-视频文件-截帧OCR名单-(全局名单、公司名单、OCR自定义名单) 天净-视频文件-音频ACR名单-(全局名单、公司名单、ACR自定义名单)
+ * 天净-视频流-截帧图片名单-(全局名单、公司名单、图片自定义名单) 天净-视频流-截帧OCR名单-(全局名单、公司名单、OCR自定义名单)
+ * 天净-视频流-音频ASR名单-(全局名单、公司名单、ASR自定义名单)
+ * 天净-黑白名单服务
+ * 天网-黑白名单服务-(全局名单、公司名单)
+ * 名单页面
+ */
+
+import React, { Component } from 'react';
+import { connect, Link, history } from 'umi';
+import _ from 'lodash';
+import { Tooltip, message, Space, Switch, Modal } from 'antd';
+import { SMTable, SMModal } from 'sm-antd';
+
+import TotalCount from '@/components/TotalCount';
+import { formatSearchParams, formatContents, Storage, arryRepetition, formatLang, formatMdParams } from '@/utils/utils';
+import SMSearchForm from '@/components/SMSearchForm';
+import GlobalFilterListener from '@/components/GlobalFilterListener';
+import SMIcon from '@/components/SMIcon';
+import SMNoteTip from '@/components/SMNoteTip';
+import SMRiskLevel from '@/components/SMRiskLevel';
+import SensitiveWordSpin from '@/components/SensitiveWordSpin';
+import md5 from '@/utils/md5';
+import { PAGE_SIZE } from '@/contants/pageSize';
+import withIntlComponents from '@/hoc/withIntlComponents';
+import { getAuthFunction } from '@/utils/AuthorityManage';
+import {AUTH_FUNCTION, ACCOUNT_ROLE, SM_ACCOUNT, tableText, HTTP_CODE} from '@/contants';
+import {SERVICEID_MAP} from '@/contants/serviceId';
+import {getIntlTableColums, formatUs} from '@/utils/helpers';
+import {TIME_TYPE, REPETITION} from '../../constants';
+import { getLabelConfig } from '@/pages/pageComponents/historyPage/help';
+
+import {
+    statusData,
+    riskLevelData,
+    handleLanguage,
+    PRODUCT_TO_LANGUAGE,
+    getLangProduct,
+    SECOND_VERIFY,
+    getRealProduct,
+} from '../../constants';
+import CreateMdForm from '../../components/CreateMdForm';
+import UpdateMdModal from '../../components/UpdateMdModal';
+import SensitivewordHintModal from '../../components/SensitivewordHintModal/index';
+import SMPopConfirm from '../../components/SMPopConfirm';
+import getUpdateOperationSegmentStatus from '@/pages/pageComponents/newMdPage/NewList/getUpdateOperationSegmentStatus';
+import getSubmitOperationSegmentStatus from '@/pages/pageComponents/newMdPage/NewList/getSubmitOperationSegmentStatus';
+import {
+    blackListCheckItems,
+    PRODUCT_TEXT_AUDIO,
+    EN,
+    AR,
+    RISKTYPE,
+    ASR_OCR,
+    GLOBAL,
+    getVideoStreamState,
+    RISKTYPE_VALUE,
+    LANG_TYPE,
+    formatNewMdData,
+    LIST_TYPE,
+} from './contants';
+import {getIllegalWordList} from '../../components/getIllegalWordList';
+
+import styles from './index.less';
+
+const { ModalType } = SMModal;
+
+const REVIEW = 'REVIEW';
+
+class List extends Component {
+    constructor(props) {
+        super(props);
+        const {t} = props;
+        this.state = {
+            serviceId: props.route.routeData.serviceId,
+            tableDataSource: [],
+            tableColumns: [],
+            listTotalCount: 0, // 列表总数
+            currentPage: 1, // 当前列表页码
+            pageSize: 20, // 当前列表分页
+            pageSizeOptions: PAGE_SIZE,
+            queryParams: {}, // 列表搜索参数
+            listType: 4, // 当前名单列表类型
+            noteInfo: '黑白名单，用户可添加内容到对应类型的名单中。',
+            firstRoute: '', // 页面第一次加载的路由
+            isFirstLoading: true,
+            isSMShow: false, // 当前名单sm公司是否可操作
+            appData: [],
+            channelEventData: [],
+            realChannelEventData: [],
+            channelTWEventData: [],
+            realChannelTWEventData: [],
+            riskTypeData: [],
+            riskLabelData: [],
+            mdRiskType: [],
+            createMdType: '', // 当前创建名单的类型
+            createMdVisible: false, // 是否创建名单
+            createMdTitle: '', // 创建名单名称
+            isSubmit: false,
+            mdFormDataConfig: {},
+            mdFormDataList: [],
+            mdUpdateFormDataList: [],
+            secondVerifySelectList: [],
+            mdUpdateFormDataConfig: {},
+            mdUpdateFormType: 'modify',
+            mdUpdateVisible: false,
+            initialValues: {},
+            //   listId:  md5(this.getUid()).toString(),
+            currentList: {}, // 当前名单
+            sensitiveWordSpin: false, // 敏感词查重
+            startTime: '',
+            endTime: '',
+            resetLangCount: 0,
+            resetRiskType: true,
+            // 为小语种包括B类外语
+            isEngOrAlb: location.pathname.includes(EN) || location.pathname.includes(AR)
+                || props.route.routeData.serviceId === SERVICEID_MAP.ASR_B
+                || props.route.routeData.serviceId === SERVICEID_MAP.ASR_STREAM_B,
+            isTw: props.route.path.includes('tianwang'),
+            isVideoStreamEngOrAlb: getVideoStreamState(location.pathname),
+            authConfig: {
+                // 账号角色权限
+                canCreate: false,
+                canDelete: false,
+                canEdit: false,
+                canSwitch: false,
+                canTop: false,
+            },
+            buttonGroupConfig: {
+                isLast: false,
+                buttonGroupStyle: {
+                    float: 'unset',
+                    display: 'block',
+                },
+            },
+            currentGlobalFilter: {
+                organization: '',
+                appId: '',
+                clusterId: '',
+            },
+            defaultCreateWhiteButtonData: {
+                type: 'button',
+                name: 'createWhite',
+                data: {
+                    title: '创建白名单',
+                    icon: 'icon-add',
+                },
+            },
+            defaultCreateBlackButtonData: {
+                type: 'button',
+                name: 'createBlack',
+                data: {
+                    title: '创建黑名单',
+                    icon: 'icon-add',
+                },
+            },
+            defaultCreateSensitiveButtonData: {
+                type: 'button',
+                name: 'createSensitive',
+                data: {
+                    title: '创建敏感词名单',
+                    icon: 'icon-add',
+                },
+            },
+            defaultCreateIgnoreButtonData: {
+                type: 'button',
+                name: 'createIgnore',
+                data: {
+                    title: '创建忽略词名单',
+                    icon: 'icon-add',
+                },
+            },
+            defaultOpLogButtonData: {
+                type: 'button',
+                name: 'opLog',
+                data: {
+                    title: '操作日志',
+                    antdProps: {
+                        type: 'link',
+                        style: {
+                            padding: '0',
+                        },
+                    },
+                },
+            },
+            defaultChannelEventData: {
+                type: 'select',
+                name: 'channelEvent',
+                data: {
+                    selectData: {
+                        optionData: [],
+                        title: '渠道',
+                        labelId: 'channelEvent',
+                        defaultValue: '',
+                    },
+                },
+            },
+            defaultChannelTWEventData: {
+                type: 'select',
+                name: 'channelTWEvent',
+                data: {
+                    selectData: {
+                        optionData: [],
+                        title: '事件',
+                        labelId: 'channelTWEvent',
+                        defaultValue: '',
+                    },
+                },
+            },
+            defaultRiskLevelData: {
+                type: 'select',
+                name: 'riskLevel',
+                data: {
+                    selectData: {
+                        optionData: riskLevelData,
+                        title: '处置建议',
+                        labelId: 'riskLevel',
+                        isAddAll: true,
+                        defaultValue: 'all',
+                        isLang: true,
+                    },
+                },
+            },
+            defaultRiskTypeData: {
+                type: 'select',
+                name: 'riskType',
+                data: {
+                    selectData: {
+                        optionData: [],
+                        title: '风险类型',
+                        labelId: 'riskType',
+                        isAddAll: true,
+                        defaultValue: 'all',
+                    },
+                },
+            },
+            defaultLanguageData: {
+                type: 'select',
+                name: 'language',
+                data: {
+                    selectData: {
+                        optionData: formatUs(handleLanguage(props.stateConfig.lang), ['name'], t),
+                        title: '识别语种',
+                        labelId: 'language',
+                        defaultValue: props.stateConfig.lang && handleLanguage(props.stateConfig.lang)?.[0]?.value,
+                    },
+                },
+            },
+            defaultStatusData: {
+                type: 'select',
+                name: 'status',
+                data: {
+                    selectData: {
+                        optionData: statusData,
+                        title: '状态',
+                        labelId: 'status',
+                        isAddAll: true,
+                        defaultValue: 'all',
+                        isLang: true,
+                    },
+                },
+            },
+            defaultLabelSearchData: {
+                type: 'labelSearch',
+                name: 'labelSearch',
+                data: {
+                    placeholder: '请输入名单名称',
+                    addonBefore: false,
+                    optionData: [
+                        {
+                            value: 'name',
+                            name: '名单名称',
+                        },
+                    ],
+                },
+            },
+            defaultDescriptionData: {
+                type: 'cascader',
+                name: 'labelId',
+                data: {
+                    selectData: {
+                        optionData: [],
+                        title: '风险标签',
+                        labelName: 'label_name',
+                        valueName: 'label',
+                        childrenName: 'son',
+                        isAddAll: true,
+                        defaultValue: '全部',
+                    },
+                },
+            },
+        };
+    }
+
+    UNSAFE_componentWillMount() {
+        const { stateConfig } = this.props;
+        if (stateConfig) {
+            let {tableColumns, defaultRiskLevelData} = stateConfig;
+            try {
+                if (defaultRiskLevelData) {
+                    defaultRiskLevelData.data.selectData.isLang = true;
+                }
+            } catch (error) {}
+            if (tableColumns) {
+                tableColumns.forEach(item => {
+                    switch (item.type) {
+                        case 'text':
+                            item.render = this.textRender;
+                            break;
+                        case 'routeJump':
+                            item.render = this.routeJumpRender;
+                            break;
+                        case 'riskLevel':
+                            item.render = this.riskLevelRender;
+                            break;
+                        case 'switch':
+                            item.render = this.switchRender;
+                            break;
+                        case 'operation':
+                            item.render = this.operationRender;
+                    }
+                });
+            }
+            this.setState({
+                firstRoute: location.pathname,
+                ...stateConfig,
+            });
+        }
+    }
+
+    UNSAFE_componentWillReceiveProps(nextProps) {
+        const {t} = this.props;
+        if (this.state.firstRoute !== location.pathname) {
+            this.setState({
+                queryParams: {},
+            });
+        }
+        const newApps = nextProps.apps;
+        const { apps, currentUser } = this.props;
+        if (!_.isEqual(newApps, apps)) {
+            let appData = newApps.map(item => {
+                return {
+                    name: item.appName,
+                    value: item.appId,
+                };
+            });
+            if (currentUser && currentUser.apps && currentUser.apps.isAll === 1) {
+                appData.unshift({
+                    name: t('全部'),
+                    value: '',
+                });
+            }
+            this.setState({
+                appData,
+            });
+        }
+    }
+    /**
+     * 列表文本类型 展示
+     * @param {*} text
+     * @param {*} record
+     * @param {*} index
+     */
+    textRender = text => {
+        const toolTipTitle = <span className={styles.tooltip}>{text}</span>;
+        return (
+            <Tooltip title={toolTipTitle} placement="left">
+                <span className={styles.text}>{text}</span>
+            </Tooltip>
+        );
+    };
+
+    // 处置建议 展示
+    riskLevelRender = text => {
+        const riskLevelStr = text.split('|')[0];
+        const riskLevel = text.split('|')[1];
+        return <SMRiskLevel riskLevel={riskLevel} riskLevelStr={riskLevelStr} />;
+    };
+
+    /**
+     * 路由跳转
+     * @param {*} text
+     * @param {*} record
+     * @param {*} index
+     */
+    routeJumpRender = text => {
+        const { name, path } = text;
+        return <Link to={path}>{name}</Link>;
+    };
+
+    /**
+     * 名单启用禁用开关
+     * @param {*} text
+     * @param {*} record
+     * @param {*} index
+     */
+    switchRender = (text, record) => {
+        const {t} = this.props;
+        const { checked = true, disabled = false} = text;
+        const { listId = '', name = {} } = record;
+        const { authConfig } = this.state;
+        const { canSwitch } = authConfig;
+        return disabled || !canSwitch ? (
+            <Switch
+                size="small"
+                checked={checked}
+                defaultChecked={checked}
+                disabled
+                checkedChildren={t('启用')}
+                unCheckedChildren={t('禁用')}
+            />
+        ) : (
+            <SMPopConfirm
+                title={t(`请确认是否${checked ? '禁用' : '启用'}名单`)}
+                placeholder={t(`请输入${checked ? '禁用' : '启用'}名单原因（必填）`)}
+                hasTextArea
+                onConfirm={(remark, cb) => this.clickMdSwitch(listId, name, !checked, remark, cb)}
+                isRequired
+                children={
+                    <Switch
+                        size="small"
+                        checked={checked}
+                        defaultChecked={checked}
+                        checkedChildren={t('启用')}
+                        unCheckedChildren={t('禁用')}
+                    />
+                }
+            />
+        );
+    };
+
+    getCommonParams = () => {
+        const {route} = this.props;
+        const {subType} = this.state;
+        const serviceId = route.routeData.serviceId;
+        return {
+            subType,
+            realServiceId: serviceId,
+            realProduct: getRealProduct(subType, serviceId),
+        };
+    };
+
+    /**
+     * 操作类型 渲染（置顶，编辑，删除）
+     * @param {*} text
+     * @param {*} record
+     * @param {*} index
+     */
+    operationRender = (text, record) => {
+        const {stateConfig} = this.props;
+
+        const { isGlobalProduct } = stateConfig;
+        const { hasTop = true, hasEdit = true, hasDelete = true, hasView = false, isTop = false } = text;
+        const { listId = '', list = {}, name } = record;
+        const { authConfig } = this.state;
+        const { canEdit, canDelete, canTop, canView } = authConfig;
+
+        return (
+            <Space size={16}>
+                {hasTop && canTop && !isGlobalProduct ? (
+                    <SMIcon
+                        type={isTop ? 'icon-quxiaozhiding' : 'icon-zhiding'}
+                        onClick={() => {
+                            this.clickTop(listId, name, !isTop);
+                        }}
+                    />
+                ) : null}
+                {hasEdit && canEdit ? (
+                    <SMIcon
+                        type="icon-xiugai"
+                        onClick={() => {
+                            this.showMdModal(list, 'modify');
+                        }}
+                    />
+                ) : null}
+                {hasDelete && canDelete ? (
+                    <SMPopConfirm
+                        title="请确认是否删除名单"
+                        placeholder="请输入删除名单原因（必填）"
+                        hasTextArea
+                        onConfirm={(remark, cb) => this.deleteMd(listId, name, remark, cb)}
+                        isRequired
+                        children={<SMIcon type="icon-shanchuxuanzhong" />}
+                    />
+                ) : null}
+                {hasView && canView ? (
+                    <SMIcon
+                        type="icon-chakan2"
+                        onClick={() => {
+                            this.showMdModal(list, 'view');
+                        }}
+                    />
+                ) : null}
+            </Space>
+        );
+    };
+
+    /**
+     * 是否为黑白名单
+     * @param checkItem
+     * @returns {boolean}
+     */
+    isBlackListMd = checkItem => {
+        return blackListCheckItems.indexOf(checkItem) !== -1;
+    };
+
+    /**
+     * 点击名单启用禁用开关
+     * @param {*} listId 名单id
+     * @param {*} name 名单名称
+     * @param {*} checked 当前开关状态
+     * @param {*} remark  备注
+     * @param {*} cb  回调函数
+     */
+
+    getProduct = () => {
+        const { route, stateConfig } = this.props;
+
+        const { isVideoStreamEngOrAlb, currentGlobalFilter, queryParams } = this.state;
+        const { isGlobalProduct, isOrganizationProduct } = stateConfig;
+        const { organization } = currentGlobalFilter;
+        if (this.handleLang()) {
+            return queryParams.product || handleLanguage(stateConfig.lang)[0].value;
+        }
+        if (isVideoStreamEngOrAlb || isGlobalProduct || (organization === GLOBAL && isOrganizationProduct)) {
+            return ASR_OCR[route.routeData.serviceId];
+        }
+
+        return route.routeData.serviceId;
+    };
+
+    clickMdSwitch = async (listId, name, checked, remark, cb) => {
+        const { dispatch } = this.props;
+        const { reuseGlobal = '', listType } = this.state;
+        let searchParams = {
+            organization: this.state.currentGlobalFilter.organization,
+            listId: listId,
+            name: name,
+            remarks: remark,
+            product: this.getProduct(),
+            action: checked ? 'ENABLE' : 'DISABLE',
+            status: checked ? 1 : 0,
+            ...this.getCommonParams(),
+        };
+        // 全局名单 区分全局和公司
+        if (reuseGlobal === '1' && listType === '0') {
+            searchParams.reuseGlobal = reuseGlobal;
+        }
+        const { code, Message } = await dispatch({
+            type: 'mingdan/updateMd',
+            payload: searchParams,
+        });
+        if (code === 1100) {
+            message.success(Message);
+            cb && cb();
+            this.doSearch();
+        } else {
+            message.error(Message);
+        }
+    };
+
+    /**
+     * 点击置顶/取消置顶
+     * @param {*} listId 名单id
+     * @param {*} name 名单名称
+     * @param {*} status 要修改为的置顶状态 true/false
+     */
+    clickTop = async (listId, name, status) => {
+        const {dispatch, t} = this.props;
+        const { reuseGlobal = '', listType } = this.state;
+        let searchParams = {
+            organization: this.state.currentGlobalFilter.organization,
+            listId: listId,
+            name: name,
+            product: this.getProduct(),
+            topLevel: status ? 1 : 0,
+        };
+        // 全局名单 区分全局和公司
+        if (reuseGlobal === '1' && listType === '0') {
+            searchParams.reuseGlobal = reuseGlobal;
+        }
+        const { code, Message } = await dispatch({
+            type: 'mingdan/updateTopLevel',
+            payload: searchParams,
+        });
+        if (code === 1100) {
+            message.success(t(`${status ? '置顶' : '取消置顶'}成功`));
+            this.doSearch();
+        } else {
+            message.error(Message || '操作失败！');
+        }
+    };
+
+    /**
+     * 删除名单
+     * @param {String} listId 名单id
+     * @param {String} name 名单名称
+     * @param {String} remark 删除名单原因
+     * @param {Function} cb 回调函数
+     */
+    async deleteMd(listId, name, remark, cb) {
+        const {dispatch, t} = this.props;
+        const { code, Message } = await dispatch({
+            type: 'mingdan/deleteMd',
+            payload: {
+                product: this.getProduct(),
+                name: name,
+                organization: this.state.currentGlobalFilter.organization,
+                ids: [listId],
+                remarks: remark,
+                ...this.getCommonParams(),
+            },
+        });
+        if (code === 1100) {
+            message.success(t('删除成功'));
+            cb && cb();
+            this.doSearch();
+        } else {
+            message.error(Message);
+        }
+    }
+    handleLang = () => {
+        const { lang, listType, currentGlobalFilter, hideLang }  = this.state;
+        const { organization } = currentGlobalFilter;
+        if (lang && listType === '0') {
+            if (organization === GLOBAL || !hideLang) {
+                return true;
+            }
+        }
+        return false;
+    };
+    /**
+     * 修改 || 查看名单
+     * @param {*} listId 名单
+     * @param {*} type 类型，modify || view
+     */
+    showMdModal(list, type) {
+        const { getMdFormDataList, route } = this.props;
+
+        const { organization } = this.state.currentGlobalFilter;
+        const isGlobal = this.state.listType === '0' && organization === GLOBAL;
+        const isTw = route.path.includes('tianwang');
+        const channel = (list.config && list.config.filter && list.config.filter.channel) || '';
+        const eventId = isTw ? (list.config && list.config.eventId) || '' : (list.config && list.config.eventId) || '';
+        let channelData = [];
+        let eventIdData = [];
+        let channelTWData = [];
+        let eventIdTWData = [];
+        if (channel !== '' && !isTw) {
+            channelData = channel.split('|');
+            channelData = channelData.map(item => {
+                return `SMCN${item}`;
+            });
+        }
+        if (eventId !== '' && !isTw) {
+            eventIdData = eventId.split('|');
+            eventIdData = eventIdData.map(item => {
+                return `SMED${item}`;
+            });
+        }
+        if (eventId !== '' && isTw) {
+            eventIdTWData = eventId.split('|');
+            eventIdTWData = eventIdTWData.map(item => {
+                return item;
+            });
+        }
+        // 渠道事件 当前名单的默认值
+        const getChannelEventList = () => {
+            if (channel === '' && eventId === '') {
+                return [''];
+            } else if (isTw) {
+                return channelTWData.concat(eventIdTWData);
+            }
+            return channelData.concat(eventIdData);
+        };
+        const channelEventData = getChannelEventList();
+        // 渠道事件 下拉列表
+        const newChannelEventData = this.decorateChannelEventDara(channelEventData);
+        const listType = list.config.action || 'IGNORE';
+        const formDataList = this.formatFormDataList(list, getMdFormDataList(type, listType, list.riskTypeCN));
+        this.setState({
+            currentList: list,
+            mdUpdateVisible: true,
+            mdUpdateFormType: type,
+            mdUpdateFormDataList: formDataList,
+            channelEventData: !isTw ? newChannelEventData : undefined,
+            channelTWEventData: isTw ? newChannelEventData : undefined,
+            initialValues: {
+                name: list.name,
+                priority: list.priority,
+                checkItem: list.config.checkItems.join('|'),
+                distance: list.config.distance,
+                riskLevel: list.config.action,
+                riskType: list.config.riskType + '',
+                channelEvent: !isTw ? channelEventData : undefined,
+                channelTWEvent: isTw ? channelEventData : undefined,
+                startTime: list.config.startTime,
+                endTime: list.config.endTime,
+                verifyType: list.config.verifyType,
+                riskLabel: [list.config.risklabel1 || '', list.config.risklabel2 || '', list.config.risklabel3 || ''],
+                operation: list.config.operation,
+                appId: (list.config.appId && list.config.appId.split('|')) || [''],
+                remark: list.remarks,
+                segmentStatus: list.config.segmentStatus || '0',
+                tempList: list.config.tempList || 0,
+                timeBased: list.config.timeBased,
+                timeBased2: +list.config.timeSpan ? +list.config.timeSpan : list.config.timeSpan,
+                language: isGlobal ? PRODUCT_TO_LANGUAGE[this.getProduct()] : list.config.__lang__ || 'all',
+                circleTime: list.config.circleTime,
+                ignoreCase: list.config.ignoreCase, // 归一化
+                ...getUpdateOperationSegmentStatus(list), // 处理切词方式回写
+                useNormalization: list.config.useNormalization !== '0',
+            },
+        });
+    }
+
+    /**
+     * x格式化修改 里面的处置建议
+     * @param {h} item
+     * @param {*} list
+     */
+    formatFormDataList = (item, list) => {
+        const { isBlackWhite, isWhiteList, listType } = this.state;
+        const loseList = ['PASS', 'EXCLUDE', 'IGNORE'];
+        const { action } = item.config;
+        let newList = [];
+        if (list.includes('riskLevel')) {
+            if (loseList.includes(action)) {
+                let number = 0;
+                newList = list.map((item, index) => {
+                    if (item === 'riskLevel') {
+                        number = index;
+                        return 'specialRiskLevel';
+                    }
+                    return item;
+                }).filter(item => item !== SECOND_VERIFY);
+                if (isBlackWhite || isWhiteList || listType === LIST_TYPE.CUSTOM) {// 黑白名单 白名单不需要 处置建议
+                    newList.splice(number, 1);
+                }
+            } else {
+                newList = list;
+            }
+        } else {
+            newList = list;
+        }
+
+        return newList;
+    };
+
+    /**
+     * 修改/查看名单时 根据当前名单的渠道 动态增加渠道事件下拉菜单项
+     * @param {*} channelEventList 当前修改/查看名单的 渠道事件
+     * @returns {Array}
+     */
+    decorateChannelEventDara(channelEventList) {
+        const { realChannelEventData, realChannelTWEventData } = this.state;
+        const isTw = location.pathname.includes('tianwang');
+        let newChannelEventData = isTw
+            ? _.cloneDeep(realChannelTWEventData)
+            : _.cloneDeep(realChannelEventData);
+        let newChannelEventArry = newChannelEventData.map(item => {
+            return item.value;
+        });
+        for (let index = 0; index < channelEventList.length; index++) {
+            const element = channelEventList[index];
+            if (!newChannelEventArry.includes(element)) {
+                newChannelEventData.push({
+                    name: isTw ? element : element.slice(4),
+                    value: element,
+                });
+            }
+        }
+        return newChannelEventData;
+    }
+
+    /**
+     * 创建名单
+     * @param {*} values
+     * @param {*} type
+     */
+    createMd = async (values, type) => {
+        // 通过 getCreateMdConfig 这个方法，获取各个名单下创建名单
+        const { dispatch, currentUser } = this.props;
+        const { organization } = this.state.currentGlobalFilter;
+        const isAudit = currentUser.organization === GLOBAL && organization === SM_ACCOUNT;
+        const { code, Message } = await dispatch({
+            type: 'mingdan/addMd',
+            payload: this.getListConf(values, type),
+        });
+        const successMessage = isAudit ? '提交审批成功' : '创建名单成功，预计5分钟内生效';
+        if (code === 1100) {
+            message.success(successMessage);
+            this.setState(
+                {
+                    createMdVisible: false,
+                    isSubmit: false,
+                },
+                () => {
+                    this.doSearch();
+                }
+            );
+        } else {
+            this.setState({
+                isSubmit: false,
+            });
+            message.error(Message || (isAudit ? '提交审批失败' : '创建名单失败！'));
+        }
+    };
+
+    /**
+     *
+     * @returns 获得提交参数
+     */
+    getListConf = (values, type) => {
+        const { getCreateMdConfig, route } = this.props;
+        const { subType } = this.state;
+        const isTw = route.path.includes('tianwang');
+        let listId = md5(this.getUid()).toString();
+        let appId = values.appId.join('|');
+        for (let index = 0; index < values.appId.length; index++) {
+            if (values.appId[index] === '') {
+                appId = '';
+            }
+        }
+        let isAllChannelEvent = true;
+        let channelData = [];
+        let eventIdData = [];
+        let channelTWData = [];
+        let eventIdTWData = [];
+        if (values.channelEvent && values.channelEvent.length > 0) {
+            for (let index = 0; index < values.channelEvent.length; index++) {
+                const item = values.channelEvent[index];
+                if (item === '') {
+                    isAllChannelEvent = true;
+                    break;
+                }
+                isAllChannelEvent = false;
+                if (item.indexOf('SMCN') > -1) {
+                    channelData.push(item.slice(4));
+                } else if (item.indexOf('SMED') > -1) {
+                    eventIdData.push(item.slice(4));
+                }
+            }
+        }
+        if (values.channelTWEvent && values.channelTWEvent.length > 0) {
+            for (let index = 0; index < values.channelTWEvent.length; index++) {
+                const item = values.channelTWEvent[index];
+                if (item === '') {
+                    isAllChannelEvent = true;
+                    break;
+                }
+                isAllChannelEvent = false;
+                eventIdTWData.push(item);
+            }
+        }
+        let config = getCreateMdConfig(values, type);
+        // 增加对应的 渠道事件参数
+        if (!isAllChannelEvent) {
+            config.eventId = !isTw ? eventIdData.join('|') : eventIdTWData.join('|');
+            config.filter = !isTw ? { channel: channelData.join('|') } : { channel: channelTWData.join('|') };
+        }
+        if (!config.risklabel1) {
+            delete config.risklabel1;
+        }
+        if (!config.risklabel2) {
+            delete config.risklabel2;
+        }
+        if (!config.risklabel3) {
+            delete config.risklabel3;
+        }
+        const operationSegment = getSubmitOperationSegmentStatus(config);
+        config = {
+            ...config,
+            ...operationSegment,
+        };
+        let listConf = {
+            organization: this.state.currentGlobalFilter.organization,
+            product: !isTw ? this.getProduct() : 'P_TIAN_WANG',
+            name: values.name,
+            type: this.state.createMdListType || Number(this.state.listType),
+            status: 1,
+            listId: listId,
+            priority: 0,
+            ...(subType ? {subType} : {}),
+            config: {
+                appId: appId,
+                timeBased: values.timeBased,
+                timeSpan: +values.timeSpan ? +values.timeSpan : values.timeSpan,
+                __lang__: formatLang(values.lang),
+                verifyType: config.action === REVIEW ? values.verifyType : undefined,
+                ...config,
+            },
+            contents: values.contents ? formatContents(values.contents) : [],
+            contentRemarks: values.remark ? [values.remark.trim()] : [],
+            ...(values.applyReason ? {
+                auditInfo: {
+                    applyReason: values.applyReason,
+                    attachment: values.attachment || [],
+                },
+            } : {}),
+            ...this.getCommonParams(),
+        };
+        if (values.product) {
+            listConf.product = values.product;
+            listConf.serviceId = route.routeData.serviceId;
+        }
+        if ([TIME_TYPE.DAY_TIME_RANGE, TIME_TYPE.CIRCLE_TIME].includes(values.termList)) {
+            listConf.config.circleTime = values.termList === TIME_TYPE.DAY_TIME_RANGE ? REPETITION.DAY_TIME_RANGE : REPETITION.CIRCLE_TIME;
+            listConf.config.timeBased = '3';
+        }
+        // 归一化
+        if (values.ignoreCase) {
+            listConf.config.ignoreCase = values.ignoreCase;
+        }
+        return listConf;
+    };
+
+    /**
+     * 更新名单
+     * @param {*} values
+     */
+    updateMd = async values => {
+        const { currentList, reuseGlobal = '', listType, currentGlobalFilter } = this.state;
+        const { organization } =  currentGlobalFilter;
+        const isGlobal = listType === '0' && organization === GLOBAL;
+        const newList = {
+            listId: currentList.listId,
+            name: currentList.name && currentList.name.trim(),
+            type: currentList.type,
+            status: currentList.status,
+            config: {...currentList.config}, // ...避免污染原始config中的内容
+            remarks: currentList.remarks || '',
+            action: 'PATCH',
+            ...this.getCommonParams(),
+        };
+        const { config: listConfig } = currentList;
+        const { checkItems = [], action: listRiskLevel } = listConfig;
+        const checkItem = values.checkItem || (listConfig ? checkItems.join('') : '');
+        const blackListStatus = this.isBlackListMd(checkItem);
+        if (listConfig.riskType === null || listConfig.riskType === undefined) {
+            delete listConfig.riskType;
+        }
+        // 全局名单 区分全局和公司
+        if (reuseGlobal === '1' && listType === '0') {
+            newList.reuseGlobal = reuseGlobal;
+        }
+        // 黑白名单的黑名单
+        if (blackListStatus && listRiskLevel === 'REJECT') {
+            newList.config.risklabel1 = 'blacklist';
+            newList.config.risklabel2 = 'heimingdan';
+            newList.config.risklabel3 = 'heimingdan';
+        }
+
+        if (values.startTime && values.endTime) {
+            newList.config.startTime = values.startTime;
+            newList.config.endTime = values.endTime;
+            newList.config.timeBased = '1';
+        } else {
+            newList.config.startTime = undefined;
+            newList.config.endTime = undefined;
+            newList.config.timeBased = undefined;
+        }
+        if (values.timeSpan) {
+            newList.config.timeBased = '2';
+            newList.config.timeSpan = +values.timeSpan ? +values.timeSpan : values.timeSpan;
+        }
+        // 有效期重复类型 新增circleTime 1每天 2每年
+        if ([TIME_TYPE.DAY_TIME_RANGE, TIME_TYPE.CIRCLE_TIME].includes(values.termList)) {
+            newList.config.circleTime = values.termList === TIME_TYPE.DAY_TIME_RANGE ? REPETITION.DAY_TIME_RANGE : REPETITION.CIRCLE_TIME;
+            newList.config.timeBased = '3';
+        } else {
+            // 有效期非重复类型 清除circleTime 字段
+            delete newList.config.circleTime;
+        }
+        // 归一化
+        if (values.ignoreCase) {
+            newList.config.ignoreCase = values.ignoreCase;
+        }
+        if (values.operation !== 'contain' || values.riskLevel === 'IGNORE' || typeof values.useNormalization !== 'boolean') {
+            newList.config.useNormalization = undefined;
+        }
+        // eslint-disable-next-line guard-for-in
+        for (let i in values) {
+            switch (i) {
+                case 'name':
+                    newList.name = values.name && values.name.trim();
+                    break;
+                case 'appId':
+                    let appId = values.appId.join('|');
+                    for (let index = 0; index < values.appId.length; index++) {
+                        if (values.appId[index] === '') {
+                            appId = '';
+                        }
+                    }
+                    newList.config.appId = appId;
+                    break;
+                case 'channelEvent':
+                    if (values.channelEvent && values.channelEvent.length > 0) {
+                        let isAllChannelEvent = true;
+                        let channelData = [];
+                        let eventIdData = [];
+                        for (let index = 0; index < values.channelEvent.length; index++) {
+                            const item = values.channelEvent[index];
+                            if (item === '') {
+                                isAllChannelEvent = true;
+                                break;
+                            }
+                            isAllChannelEvent = false;
+                            if (item.indexOf('SMCN') > -1) {
+                                channelData.push(item.slice(4));
+                            } else if (item.indexOf('SMED') > -1) {
+                                eventIdData.push(item.slice(4));
+                            }
+                        }
+                        if (isAllChannelEvent) {
+                            newList.config.eventId = '';
+                            newList.config.filter = {};
+                        } else {
+                            newList.config.eventId = eventIdData.join('|');
+                            if (channelData.length > 0) {
+                                newList.config.filter = {
+                                    channel: channelData.join('|'),
+                                };
+                            } else {
+                                newList.config.filter = {};
+                            }
+                        }
+                    }
+                    break;
+                case 'channelTWEvent':
+                    if (values.channelTWEvent && values.channelTWEvent.length > 0) {
+                        let isAllChannelEvent = true;
+                        let channelTWData = [];
+                        let eventIdTWData = [];
+                        for (let index = 0; index < values.channelTWEvent.length; index++) {
+                            const item = values.channelTWEvent[index];
+                            if (item === '') {
+                                isAllChannelEvent = true;
+                                break;
+                            }
+                            isAllChannelEvent = false;
+                            // if (item.indexOf('SMCN') > -1) {
+                            //     channelTWData.push(item.slice(4));
+                            // } else if (item.indexOf('SMED') > -1) {
+                            //     eventIdTWData.push(item.slice(4));
+                            // }
+                            if (item) {
+                                eventIdTWData.push(item);
+                            }
+                        }
+                        if (isAllChannelEvent) {
+                            newList.config.eventId = '';
+                            newList.config.filter = {};
+                        } else {
+                            newList.config.eventId = eventIdTWData.join('|');
+                            if (channelTWData.length > 0) {
+                                newList.config.filter = {
+                                    channel: channelTWData.join('|'),
+                                };
+                            } else {
+                                newList.config.filter = {};
+                            }
+                        }
+                    }
+                    break;
+                case 'riskLabel':
+                    const riskLabel1 = (values.riskLabel && values.riskLabel[0]) || '';
+                    const riskLabel2 = (values.riskLabel && values.riskLabel[1]) || '';
+                    const riskLabel3 = (values.riskLabel && values.riskLabel[2]) || '';
+                    // 如果没有选择2、3级 则删掉改字段
+                    if (riskLabel1) {
+                        newList.config.risklabel1 = riskLabel1;
+                    }
+                    else {
+                        newList.config.risklabel1 = riskLabel1;
+                    }
+                    if (riskLabel2) {
+                        newList.config.risklabel2 = riskLabel2;
+                    }
+                    else {
+                        delete newList.config.risklabel2;
+                    }
+                    if (riskLabel3) {
+                        newList.config.risklabel3 = riskLabel3;
+                    }
+                    else {
+                        delete newList.config.risklabel3;
+                    }
+                    break;
+                case 'remark':
+                    newList.remarks = values.remark;
+                    break;
+                case 'priority':
+                    newList.priority = Number(values.priority);
+                    break;
+                case 'distance':
+                    if (values.distance !== undefined && values.distance !== '') {
+                        newList.config.distance = `${Number(values.distance)}`;
+                    } else {
+                        delete newList.config.distance;
+                    }
+                    break;
+                case 'riskType':
+                    newList.config.riskType = values.riskType;
+                    break;
+                case 'operation':
+                    newList.config.operation = values.operation;
+                    break;
+                case 'checkItem':
+                    let checkItems = values.checkItem.split('|');
+                    newList.config.checkItems = checkItems;
+                    break;
+                case 'segmentStatus':
+                    newList.config.segmentStatus = values.segmentStatus;
+                    break;
+                case 'useNormalization':
+                    if (values.operation === 'contain' && values.riskLevel !== 'IGNORE'
+                        && typeof values.useNormalization === 'boolean') {
+                        newList.config.useNormalization = values.useNormalization ? '1' : '0';
+                    }
+                    break;
+                case 'riskLevel':
+                    newList.config.action = values.riskLevel;
+                    if (newList.config.verifyType && values.riskLevel !== REVIEW) {
+                        delete newList.config.verifyType;
+                    }
+                    break;
+                case 'language':
+                    newList.config.__lang__ = formatLang(values.language);
+                    break;
+                case 'verifyType':
+                    newList.config.verifyType = values.riskLevel === REVIEW ? values.verifyType : undefined;
+                    break;
+            }
+        }
+        const operationSegment = getSubmitOperationSegmentStatus(values);
+        newList.config = {
+            ...newList.config,
+            ...operationSegment,
+        };
+        let newProduct = this.getProduct();
+        if (values.language && isGlobal) {
+            newProduct = getLangProduct()[values.language];
+        }
+        const { dispatch } = this.props;
+        const { code, Message } = await dispatch({
+            type: 'mingdan/updateMd',
+            payload: {
+                organization: this.state.currentGlobalFilter.organization,
+                product: newProduct,
+                ...newList,
+                ...this.getCommonParams(),
+            },
+        });
+        if (code === 1100) {
+            message.success('修改成功');
+            this.setState(
+                {
+                    mdUpdateVisible: false,
+                },
+                () => {
+                    this.doSearch();
+                }
+            );
+        } else {
+            message.error(Message);
+        }
+    };
+
+    /**
+     * 获取GUID 随机ID
+     * @returns {string}
+     */
+    getUid = () => {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+            let r = (Math.random() * 16) | 0;
+            let v = c === 'x' ? r : (r & 0x3) | 0x8;
+            return v.toString(16);
+        });
+    };
+    handleChannelEvent = () => {
+        const { route } = this.props;
+        const isTw = route.path.includes('tianwang');
+        if (isTw) {
+            this.updateOperationAuth();
+            this.getAppList();
+            this.getChannelTWEventList();
+            this.getSecondVerifySelect();
+        } else {
+            this.updateOperationAuth();
+            this.getAppList();
+            this.getRiskTypeList();
+            this.getNewRiskLabelList();
+            this.getChannelEventList();
+        }
+    };
+
+    globalFilterChange = obj => {
+        const {
+            orgChange,
+
+            currentGlobalFilter,
+        } = obj;
+        this.setState(
+            {
+                currentGlobalFilter,
+                listLoading: true,
+            },
+            async () => {
+                if (orgChange) {
+                    // this.updateOperationAuth();
+                    // this.getAppList();
+                    // this.getRiskTypeList();
+                    // this.getRiskLabelList();
+                    this.handleChannelEvent();
+                    this.resetLang();
+                    this.setState({
+                        resetLangCount: this.state.resetLangCount + 1,
+                    });
+                }
+                this.setState(
+                    {
+                        currentPage: 1,
+                        createMdVisible: false,
+                    },
+                    () => {
+                        this.doSearch();
+                    }
+                );
+            }
+        );
+    };
+
+    // 请求搜索
+    doSearch() {
+        this.getMdList();
+    }
+    //  获取名单列表
+    async getMdList() {
+        const { dispatch, formatData, route } = this.props;
+        const {subType} = this.state;
+        const newParams = this.getSearchParams();
+        if (this.handleLang()) {
+            newParams.serviceId = route.routeData.serviceId;
+        }
+        if (route?.routeData?.channelType) {
+            newParams.channelType = route?.routeData?.channelType;
+        }
+        const { listData, totalCount } = await dispatch({
+            type: 'mingdan/getMdList',
+            payload: newParams,
+        });
+        this.setState(
+            {
+                listData,
+                listTotalCount: totalCount,
+            },
+            () => {
+                if (listData.length) {
+                    let data = formatData && formatData(listData);
+                    const newData = formatNewMdData(data);
+                    const dataSource = newData;
+                    this.setState({
+                        tableDataSource: dataSource,
+                        listLoading: false,
+                    });
+                } else {
+                    this.setState({
+                        tableDataSource: [],
+                        listLoading: false,
+                    });
+                }
+            }
+        );
+    }
+    // 公司改变时重置列表
+    resetLang = () => {
+        const newQueryParams = _.cloneDeep(this.state.queryParams);
+        delete newQueryParams.product;
+        this.setState({ queryParams: newQueryParams});
+    };
+    getMdRiskType = async newProduct => {
+        const { dispatch } = this.props;
+        const mdOcrData = [];
+        if (dispatch) {
+            const riskTypeList = await dispatch({
+                type: 'base/fetchRiskTypeList',
+                payload: {
+                    organization: this.state.currentGlobalFilter.organization,
+                    product: this.handleProduct(newProduct),
+                },
+            });
+            if (riskTypeList) {
+                riskTypeList.forEach(item => {
+                    // 筛选掉正常和白名单选项
+                    if (item.riskType !== RISKTYPE_VALUE.pass && item.riskType !== RISKTYPE_VALUE.white) {
+                        mdOcrData.push({
+                            value: item.riskType,
+                            name: item.riskTypeName,
+                        });
+                    }
+                });
+            }
+            this.setState({
+                mdRiskType: mdOcrData,
+            });
+        }
+    };
+    handleProduct = (value = 'P_TIANJING_IMG') => {
+        const { route } = this.props;
+        const { serviceId } = route.routeData;
+        const { product, lang } = this.state;
+        let newProduct = product;
+        if (lang === 'ocr') {
+            return RISKTYPE[value];
+        }
+        if (location.pathname.includes(EN)) {
+            newProduct = RISKTYPE.PRODUCT_TEXT_EN;
+        }
+        if (location.pathname.includes(AR)) {
+            newProduct = RISKTYPE.PRODUCT_TEXT_AR;
+        }
+        if (serviceId === SERVICEID_MAP.ASR_B || serviceId === SERVICEID_MAP.ASR_STREAM_B) {
+            newProduct = RISKTYPE.PRODUCT_TEXT_EN;
+        }
+        return newProduct;
+    };
+    // 获取风险类型列表
+    getRiskTypeList = async newProduct => {
+        const { dispatch, route } = this.props;
+        if (dispatch) {
+            const newParams = {
+                organization: this.state.currentGlobalFilter.organization,
+                product: this.handleProduct(newProduct),
+            };
+            if (!newParams.product) {
+                newParams.serviceId = route.routeData.serviceId;
+            }
+            let riskTypeList = await dispatch({
+                type: 'base/fetchRiskTypeList',
+                payload: newParams,
+            });
+            let newRiskTypeData = _.cloneDeep(this.state.defaultRiskTypeData);
+            let newOptionData = [];
+            let unNormalData = [];
+            if (riskTypeList) {
+                riskTypeList.forEach(item => {
+                    newOptionData.push({
+                        value: item.riskType,
+                        name: item.riskTypeName,
+                    });
+                    // 筛选掉正常和白名单选项
+                    if (item.riskType !== '0' && item.riskType !== '710') {
+                        unNormalData.push({
+                            value: item.riskType,
+                            name: item.riskTypeName,
+                        });
+                    }
+                });
+            }
+            newRiskTypeData.data.selectData.optionData = newOptionData;
+            this.setState({
+                defaultRiskTypeData: newRiskTypeData,
+                riskTypeData: newOptionData,
+                unNormalRiskTypeData: unNormalData,
+            });
+        }
+    };
+    // 获取小语种风险标签
+    getNewRiskLabelList = async () => {
+        const { dispatch, route } = this.props;
+        const {defaultDescriptionData} = this.state;
+        if (dispatch) {
+            const labelConfig = getLabelConfig(route.routeData.serviceId);
+            const riskLabelList = await dispatch({
+                type: labelConfig.action,
+                payload: {
+                    product: labelConfig.product,
+                    category: 'rule',
+                },
+            });
+            defaultDescriptionData.data.selectData.optionData = riskLabelList;
+            this.setState({ riskLabelData: _.cloneDeep(riskLabelList), defaultDescriptionData });
+        }
+    };
+    // 获取风险标签你列表
+    getRiskLabelList = async () => {
+        const { dispatch } = this.props;
+        if (dispatch) {
+            let riskLabelList = await dispatch({
+                type: 'base/fetchOldRiskLabelList',
+                payload: {
+                    serviceId: this.state.product === 'PRODUCT_TEXT' ? 'POST_TEXT' : 'POST_IMG',
+                },
+            });
+            this.setState({
+                riskLabelData: riskLabelList,
+            });
+        }
+    };
+
+    // 获取渠道事件列表
+    getChannelEventList = async () => {
+        const {dispatch, route, t} = this.props;
+        if (dispatch) {
+            let channelEventList = await dispatch({
+                type: 'base/fetchChannelEventList',
+                payload: {
+                    organization: this.state.currentGlobalFilter.organization,
+                    serviceId: route.routeData.serviceId,
+                },
+            });
+            if (channelEventList && channelEventList.length > 0) {
+                let newOptionData = [{ value: '', name: t('全部渠道') }];
+                let newChannelEventData = _.cloneDeep(this.state.defaultChannelEventData);
+                channelEventList.forEach(item => {
+                    newOptionData.push({
+                        value: item.channel || !item.eventId ? 'SMCN' + item.channel : 'SMED' + item.eventId,
+                        name: item.displayName,
+                    });
+                });
+                newChannelEventData.data.selectData.optionData = newOptionData;
+                this.setState({
+                    channelEventData: newOptionData,
+                    realChannelEventData: newOptionData,
+                    defaultChannelEventData: newChannelEventData,
+                });
+            }
+        }
+    };
+
+    // 获取天网事件列表
+    getChannelTWEventList = async () => {
+        const { dispatch } = this.props;
+        if (dispatch) {
+            let channelTWEventList = await dispatch({
+                type: 'base/fetchOpenEvent',
+                payload: {
+                    organization: this.state.currentGlobalFilter.organization,
+                    serviceId:
+                        'POST_EVENT,ACCOUNT_REGISTER,ACCOUNT_LOGIN,ANTI_ROBOT_MARKETING,ANTI_ROBOT_SMS,SVERIFY_CAPTCHA,VERIFY_CAPTCHA',
+                    isGlobalEvent: 0,
+                },
+            });
+            if (channelTWEventList) {
+                let newOptionData = [{ value: '', name: '全部事件' }];
+                let newChannelTWEventData = _.cloneDeep(this.state.defaultChannelTWEventData);
+                if (channelTWEventList.length > 0) {
+                    channelTWEventList.forEach(item => {
+                        if (item.events.length) {
+                            item.events.forEach(itemm => {
+                                newOptionData.push({
+                                    value: itemm.eventId,
+                                    name: itemm.eventName,
+                                });
+                            });
+                        }
+                    });
+                }
+
+                newChannelTWEventData.data.selectData.optionData = newOptionData;
+                this.setState({
+                    channelTWEventData: newOptionData,
+                    realChannelTWEventData: newOptionData,
+                    defaultChannelTWEventData: newChannelTWEventData,
+                });
+            }
+        }
+    };
+    // 获取应用列表
+    getAppList = () => {
+        const {apps, currentUser, t} = this.props;
+        let appData = apps.map(item => {
+            return {
+                name: item.appName,
+                value: item.appId,
+            };
+        });
+        if (currentUser && currentUser.apps && currentUser.apps.isAll === 1) {
+            appData.unshift({
+                name: t('全部'),
+                value: '',
+            });
+        }
+        this.setState({
+            appData,
+        });
+    };
+
+    getSecondVerifySelect = async () => {
+        const { dispatch } = this.props;
+
+        if (dispatch) {
+            const { code, content } = await dispatch({
+                type: 'mingdan/getSecondVerifySelect',
+            });
+            let newOption = [];
+            if (code === HTTP_CODE.SUCCESS) {
+                newOption = _.map(content, item => ({
+                    name: item.riskName,
+                    value: item.riskLevel,
+                }));
+            };
+            this.setState({
+                secondVerifySelectList: newOption,
+            });
+        };
+    };
+
+    // 获取创建名单的数据列表
+    getCreateMdFormDataList = type => {
+        const { getMdFormDataList } = this.props;
+        const mdFormDataList = getMdFormDataList('create', type);
+        return mdFormDataList;
+    };
+
+    // 获取查询接口参数
+    getSearchParams = () => {
+        const { route } = this.props;
+        const {
+            currentGlobalFilter,
+            queryParams,
+            currentPage,
+            pageSize,
+            listType,
+            subType = '',
+            reuseGlobal = '',
+        } = this.state;
+        const isTw = route.path.includes('tianwang');
+        const { organization, appId } = currentGlobalFilter;
+        const serviceId = !isTw ? this.getProduct() : 'P_TIAN_WANG';
+        let searchParams = {
+            organization: organization,
+            product: serviceId,
+            type: listType,
+            appId: appId,
+            count: pageSize,
+            offset: (currentPage - 1) * pageSize,
+            ...queryParams,
+        };
+
+        // 区分 图片 ocr 黑白
+        if (subType && !isTw) {
+            searchParams.subType = subType;
+        }
+        if (isTw || serviceId === 'POST_NEXUS_MULTIMODAL') {
+            searchParams.subType = '';
+        }
+        // 全局名单 区分全局和公司
+        if (reuseGlobal === '1' && listType === '0') {
+            searchParams.reuseGlobal = reuseGlobal;
+        }
+        // 处理一下searchParams，如果为'' || 'all', 则删除该项
+        let newSearchParams = formatSearchParams(formatMdParams(searchParams));
+        return newSearchParams;
+    };
+
+    // 更新操作权限
+    updateOperationAuth = () => {
+        const { currentUser, stateConfig, route } = this.props;
+        const serviceId = route.routeData.serviceId;
+
+        const { isSMShow, currentGlobalFilter } = this.state;
+        const currentUserOrg = currentUser.organization; // 当前用户公司的org
+        const roleIds = currentUser.roleIds;
+        const organization = currentGlobalFilter.organization;
+        const { isGlobalProduct } = stateConfig;
+        let canCreate = getAuthFunction(AUTH_FUNCTION.CREATE);
+        let canDelete = getAuthFunction(AUTH_FUNCTION.DELETE);
+        let canEdit = getAuthFunction(AUTH_FUNCTION.UPDATE);
+        let canSwitch = getAuthFunction(AUTH_FUNCTION.ENABLE_OR_DISABLE);
+        const canTop = getAuthFunction(AUTH_FUNCTION.TOP);
+        const canView = getAuthFunction(AUTH_FUNCTION.DETAIL);
+        if (currentUserOrg === SM_ACCOUNT && organization === SM_ACCOUNT) {
+            if (!isSMShow || !roleIds.includes(ACCOUNT_ROLE.SM_ROLE)) {
+                canCreate = false;
+                canDelete = false;
+                canEdit = false;
+                canSwitch = false;
+            }
+        }
+        if (currentUserOrg === SM_ACCOUNT && organization === SM_ACCOUNT && !isSMShow) {
+            canSwitch = false;
+            canEdit = false;
+        }
+        if (isGlobalProduct) {
+            canCreate = false;
+            canEdit = false;
+            canDelete = false;
+            canSwitch = false;
+        }
+        if (serviceId === 'POST_ARTICLE') {
+            canCreate = false;
+            canEdit = false;
+            canSwitch = false;
+        }
+        this.setState({
+            authConfig: {
+                // 账号角色权限
+                canCreate,
+                canDelete,
+                canEdit,
+                canSwitch,
+                canTop,
+                canView,
+            },
+        });
+    };
+
+    // 获取搜索菜单
+    getFormData() {
+        const {
+            defaultCreateBlackButtonData,
+            defaultCreateWhiteButtonData,
+            defaultCreateSensitiveButtonData,
+            defaultCreateIgnoreButtonData,
+            defaultOpLogButtonData,
+            defaultRiskLevelData,
+            defaultRiskTypeData,
+            defaultChannelEventData,
+            defaultStatusData,
+            defaultLabelSearchData,
+            defaultChannelTWEventData,
+            authConfig,
+            defaultLanguageData,
+            reuseGlobal,
+            isBlackWhite,
+            defaultDescriptionData,
+        } = this.state;
+        let formData = [];
+        const { route } = this.props;
+        const serviceId = route.routeData.serviceId;
+
+        // const canCreate
+        switch (serviceId) {
+            case 'TIANJING_GLOBAL':
+                if (authConfig.canCreate) {
+                    formData.push(defaultCreateBlackButtonData, defaultCreateWhiteButtonData);
+                }
+                formData.push(defaultOpLogButtonData, defaultRiskLevelData, defaultStatusData, defaultLabelSearchData);
+                break;
+            case 'P_TIAN_WANG':
+                if (authConfig.canCreate && reuseGlobal !== '1') {
+                    if (isBlackWhite) {
+                        formData.push(defaultCreateBlackButtonData, defaultCreateWhiteButtonData);
+                    } else {
+                        formData.push(defaultCreateSensitiveButtonData, defaultCreateIgnoreButtonData);
+                    }
+                }
+                if (isBlackWhite) {
+                    formData.push(
+                        defaultOpLogButtonData,
+                        defaultRiskLevelData,
+                        defaultChannelTWEventData,
+                        defaultStatusData,
+                        defaultLabelSearchData
+                    );
+                } else {
+                    formData.push(
+                        defaultOpLogButtonData,
+                        defaultRiskLevelData,
+                        defaultRiskTypeData,
+                        defaultChannelTWEventData,
+                        defaultStatusData,
+                        defaultLabelSearchData
+                    );
+                }
+                break;
+
+            default:
+                if (authConfig.canCreate && reuseGlobal !== '1') {
+                    if (isBlackWhite) {
+                        formData.push(defaultCreateBlackButtonData, defaultCreateWhiteButtonData);
+                    } else {
+                        formData.push(defaultCreateSensitiveButtonData, defaultCreateIgnoreButtonData);
+                    }
+                }
+                if (isBlackWhite) {
+                    formData.push(
+                        defaultOpLogButtonData,
+                        defaultRiskLevelData,
+                        defaultChannelEventData,
+                        defaultStatusData,
+                        defaultLabelSearchData
+                    );
+                } else {
+                    formData.push(
+                        defaultOpLogButtonData,
+                        defaultRiskLevelData,
+                        defaultRiskTypeData,
+                        defaultChannelEventData,
+                        defaultStatusData,
+                        defaultLabelSearchData
+                    );
+                    if (reuseGlobal !== '1') {
+                        const index = formData.indexOf(defaultChannelEventData);
+                        if (index !== -1) {
+                            formData.splice(index + 1, 0, defaultDescriptionData); //  风险原因筛选项保持在渠道筛选项后面
+                        }
+                    }
+                }
+                break;
+        }
+        if (this.handleLang()) {
+            formData.splice(-1, 0, defaultLanguageData);
+        }
+        if (!getAuthFunction(AUTH_FUNCTION.OPLOG)) {
+            return _.filter(formData, item => item.name !== 'opLog');
+        }
+        if (serviceId === 'POST_ARTICLE') {
+            return _.filter(formData, item => !(['createSensitive', 'createIgnore', 'opLog'].includes(item.name)));
+        }
+        return formData;
+    }
+
+    // 获取新建/查看/修改的 数据配置
+    /**
+     *
+     * @returns 不清楚之前为什么要用 两个数据源，一个去除正常、白名单，
+     *  jira OFFICIAL-1264 提出需要解决这个问题，21/06/01修改
+     */
+    getFormDataConfig() {
+        const {
+            mdFormDataConfig,
+            appData,
+            unNormalRiskTypeData,
+            riskLabelData,
+            channelEventData,
+            channelTWEventData,
+            secondVerifySelectList,
+        } = this.state;
+
+        const { route } = this.props;
+        const isTw = route.path.includes('tianwang');
+        const newMdFormDataConfig = _.cloneDeep(mdFormDataConfig);
+        if (isTw) {
+            newMdFormDataConfig.app = appData;
+            newMdFormDataConfig.riskType = unNormalRiskTypeData;
+            newMdFormDataConfig.riskLabel = riskLabelData;
+            newMdFormDataConfig.channelTWEvent = channelTWEventData;
+            newMdFormDataConfig.secondVerify = secondVerifySelectList;
+        } else {
+            newMdFormDataConfig.app = appData;
+            newMdFormDataConfig.riskType = unNormalRiskTypeData;
+            newMdFormDataConfig.riskLabel = riskLabelData;
+            newMdFormDataConfig.channelEvent = channelEventData;
+        }
+
+        return {
+            formDataConfig: newMdFormDataConfig,
+        };
+    }
+
+    /**
+     * 列表排序更改，切换页码/翻页
+     * @param {*} pagination
+     * @param {*} filters
+     * @param {*} sorter
+     */
+    listOnSearch = pagination => {
+        const { current, pageSize } = pagination;
+        const { queryParams } = this.state;
+        let newQueryParams = _.cloneDeep(queryParams);
+        this.setState(
+            {
+                currentPage: current,
+                pageSize: pageSize,
+                queryParams: newQueryParams,
+            },
+            () => {
+                this.doSearch();
+            }
+        );
+    };
+
+    /**
+     * 搜索筛选项更改
+     * @param {*} name   更改筛选项类型名称
+     * @param {*} value  更改后的值
+     */
+    changeQueryParams(name, value) {
+        const { queryParams, lang } = this.state;
+        let newQueryParams = _.cloneDeep(queryParams);
+        switch (name) {
+            case 'channelEvent':
+                if (value.indexOf('SMCN') > -1) {
+                    newQueryParams.channel = value.slice(4);
+                    newQueryParams.eventId = '';
+                } else if (value.indexOf('SMED') > -1) {
+                    newQueryParams.eventId = value.slice(4);
+                    newQueryParams.channel = '';
+                } else if (value === '') {
+                    newQueryParams.eventId = '';
+                    newQueryParams.channel = '';
+                }
+                break;
+            case 'channelTWEvent':
+                if (value === '') {
+                    newQueryParams.eventId = '';
+                    newQueryParams.channel = '';
+                } else {
+                    newQueryParams.eventId = value;
+                    newQueryParams.channel = '';
+                }
+                break;
+            case 'labelSearch':
+                const { searchId, searchText } = value;
+                newQueryParams[searchId] = searchText;
+                break;
+            case 'language':
+                if (lang === LANG_TYPE.OCR) {
+                    this.getRiskTypeList(value);
+                    this.setState({
+                        resetRiskType: !this.state.resetRiskType,
+                    });
+                    newQueryParams.riskType = '';
+                }
+                newQueryParams.product = value;
+                break;
+            default:
+                newQueryParams[name] = value;
+        }
+        this.setState(
+            {
+                queryParams: newQueryParams,
+                listLoading: true,
+                currentPage: 1,
+            },
+            () => {
+                this.doSearch();
+            }
+        );
+    }
+
+    /**
+     * 按钮点击事件
+     * @param {*} val
+     */
+    onButtonClick(name) {
+        const { subType } = this.state;
+        const {isVideo} = this.props;
+
+        switch (name) {
+            case 'createWhite':
+                this.setState({
+                    createMdType: 'white',
+                    createMdTitle: '创建白名单',
+                    createMdVisible: true,
+                    mdFormDataList: this.getCreateMdFormDataList(name),
+                });
+                break;
+            case 'createBlack':
+                this.setState({
+                    createMdType: 'black',
+                    createMdTitle: '创建黑名单',
+                    createMdVisible: true,
+                    mdFormDataList: this.getCreateMdFormDataList(name),
+                });
+                break;
+            case 'createSensitive':
+                this.setState({
+                    createMdType: 'sensitive',
+                    createMdTitle: isVideo ? '创建敏感视频文件名单' : subType === 'img' ? '创建敏感图片名单' : '创建敏感词名单',
+                    createMdVisible: true,
+                    mdFormDataList: this.getCreateMdFormDataList(name),
+                });
+                break;
+            case 'createIgnore':
+                this.setState({
+                    createMdType: 'ignore',
+                    createMdTitle: isVideo ? '创建视频文件白名单' : subType === 'img' ? '创建图片白名单' : '创建忽略词名单',
+                    createMdVisible: true,
+                    mdFormDataList: this.getCreateMdFormDataList(name),
+                });
+                break;
+            case 'opLog':
+                history.push(`${location.pathname}/opLog`);
+                break;
+        }
+    }
+
+    /**
+     * 名单查重
+     */
+    inspectData = async (values, type) => {
+        const {t} = this.props;
+
+        this.setState({
+            sensitiveWordSpin: true,
+        });
+
+        let contents = values.contents ? formatContents(values.contents) : [];
+
+        let result = await this.props.dispatch({
+            type: 'mingdan/inspectData',
+            payload: {
+                organization: this.state.currentGlobalFilter.organization,
+                product: this.getProduct(),
+                contents,
+                ...this.getListConf(values, type),
+            },
+        });
+
+        this.setState({
+            sensitiveWordSpin: false,
+        });
+        if (result) {
+            if (result.text.length) {
+                Storage.set('sm-tj-mingdan-parameter', {
+                    organization: this.state.currentGlobalFilter.organization,
+                    product: this.getProduct(),
+                    action: result.action,
+                });
+                global.modal.show(ModalType.MODAL_ALERT, {
+                    width: 576,
+                    modalTitle: t('提示'),
+
+                    renderChildren: () => {
+                        return (
+                            <SensitivewordHintModal
+                                closeVisible={() => {
+                                    this.setState({
+                                        contentModalVisible: false,
+                                    });
+                                }}
+                                textList={result.text}
+                                action={result.action}
+                                onOk={() => {
+                                    global.modal.pop();
+                                    this.createMd(values, type);
+                                }}
+                                onCancel={() => {
+                                    global.modal.pop();
+                                }}
+                                onGo={() => {
+                                    global.modal.pop();
+                                    let valueList = arryRepetition(contents, result.text);
+                                    let newValues = JSON.parse(JSON.stringify(values));
+                                    newValues.contents = valueList.join('\n');
+                                    this.createMd(newValues, type);
+                                }}
+                            />
+                        );
+                    },
+                });
+            } else {
+                this.createMd(values, type);
+            }
+        }
+    };
+
+    // 创建名单提交
+    createSubmit = async (values, type) => {
+        const {t} =  this.props;
+        if (values.contents) {
+            const rawInputText = values.contents;
+            const illegalList = getIllegalWordList(rawInputText);
+            // 存在违规词条弹出二次确认
+            if (illegalList.length > 0) {
+                const pass = await new Promise(resolve => {
+                    Modal.confirm({
+                        title: t('输入存在不推荐词条'),
+                        content: `${t('检测到')}${illegalList.length}${t('个违规词条（单字/纯数字/纯符号）：')}\n${illegalList.join('、')}\n${t('是否确认继续提交？')}`,
+                        okText: t('确认提交'),
+                        cancelText: t('取消修改'),
+                        onOk: () => resolve(true),
+                        onCancel: () => resolve(false),
+                    });
+                });
+                if (!pass) {
+                    return;
+                }
+            }
+            this.inspectData(values, type);
+        } else {
+            this.setState(
+                {
+                    isSubmit: true,
+                },
+                () => {
+                    this.createMd(values, type);
+                }
+            );
+        }
+    };
+
+    // 渲染主页面
+    renderIndex() {
+        const {
+            tableColumns,
+            tableDataSource,
+            listLoading,
+            listTotalCount,
+            pageSize,
+            pageSizeOptions,
+            currentPage,
+            buttonGroupConfig,
+            noteInfo,
+            createMdVisible,
+            createMdTitle,
+            createMdType,
+            mdFormDataList,
+            mdUpdateFormDataList,
+            mdUpdateFormType,
+            mdUpdateVisible,
+            initialValues,
+            isSubmit,
+            listType,
+            reuseGlobal,
+            realChannelEventData,
+            currentList,
+            realChannelTWEventData,
+            lang,
+            hideLang,
+            currentGlobalFilter,
+            resetLangCount,
+            resetRiskType,
+            mdRiskType,
+            isTw,
+            subType,
+        } = this.state;
+        const formData = this.getFormData();
+        const {currentUser, route, dispatch, t, isVideo, isText, stateConfig} = this.props;
+        const { formDataConfig } = this.getFormDataConfig();
+        const isGlobalMd = listType === 0 && reuseGlobal === 1;
+        const isOcr = lang === 'ocr';
+        const newTableColumns = getIntlTableColums(tableColumns.filter(item => {
+            if (isText) {
+                return true;
+            }
+            if (!lang) {
+                return item.key !== 'lang';
+            }
+            return true;
+        }), t);
+        const {riskLevel} = initialValues;
+        const {showSegmentStatusForIgnore, autoSegmentStatusByLang} = stateConfig;
+        // 文本类型-公司名单-创建忽略词名单按钮
+        const isTextTypeWhiteList = subType === 'text' && createMdType === 'ignore' && !showSegmentStatusForIgnore;
+        // 文本类型-公司名单-修改处置建议不为拒绝和审核的名单（通过，忽略，放行）
+        const isTextTypeUpdateWhiteList = subType === 'text' && riskLevel !== 'REVIEW' && riskLevel !== 'REJECT'
+            && !showSegmentStatusForIgnore;
+
+        return (
+            <div className={styles['page-content']} style={{ minHeight: createMdVisible ? '1100px' : '' }}>
+                {createMdVisible ? (
+                    <CreateMdForm
+                        title={createMdTitle}
+                        type={createMdType}
+                        formDataList={mdFormDataList}
+                        isEngOrAlb={this.state.isEngOrAlb}
+                        formDataConfig={formDataConfig}
+                        serviceId={route.routeData.serviceId}
+                        isSubmit={isSubmit}
+                        listType={listType}
+                        hideLang={hideLang}
+                        dispatch={dispatch}
+                        isVideoAsrOcr={lang === 'videoAsr' || lang === 'videoOcr'}
+                        isOcr={isOcr}
+                        isTw={isTw}
+                        isVideo={isVideo}
+                        mdRiskType={mdRiskType}
+                        currentGlobalFilter={currentGlobalFilter}
+                        getRiskTypeList={this.getMdRiskType}
+                        isTextTypeWhiteList={isTextTypeWhiteList}
+                        autoSegmentStatusByLang={autoSegmentStatusByLang}
+                        onConfirm={this.createSubmit}
+                        onCancel={() => {
+                            this.setState({
+                                createMdVisible: false,
+                                isSubmit: false,
+                            });
+                        }}
+                    />
+                ) : null}
+                <GlobalFilterListener onChange={this.globalFilterChange} />
+                <div className={styles['note-tip']}>
+                    <SMNoteTip noteInfo={noteInfo} />
+                </div>
+                <SMSearchForm
+                    buttonGroupConfig={buttonGroupConfig}
+                    formData={formData}
+                    onChange={(name, value) => {
+                        this.changeQueryParams(name, value);
+                    }}
+                    resetLangCount={resetLangCount}
+                    resetRiskType={resetRiskType}
+                    exportData={callback => this.exportData(callback)}
+                    onButtonClick={name => this.onButtonClick(name)}
+                />
+                <div className={styles['table-list']}>
+                    <SMTable
+                        columns={newTableColumns}
+                        dataSource={tableDataSource}
+                        loading={listLoading}
+                        totalCount={listTotalCount}
+                        showTotal={() => `${t('共')}${listTotalCount}${t('条')}`}
+                        i18nText={tableText(t)}
+                        wrapperStyle={{
+                            margin: 0,
+                        }}
+                        customLoadingUrl={this.props.customLoadingIcon}
+                        antdProps={{
+                            pagination: {
+                                showQuickJumper: true,
+                                defaultPageSize: pageSize,
+                                pageSizeOptions: pageSizeOptions,
+                                total: listTotalCount,
+                                current: currentPage,
+                                showSizeChanger: true,
+                            },
+                            onChange: this.listOnSearch,
+                        }}
+                    />
+                    {tableDataSource.length ? <TotalCount count={listTotalCount} /> : null}
+                </div>
+                <UpdateMdModal
+                    isGlobalMd={isGlobalMd}
+                    visible={mdUpdateVisible}
+                    currentUser={currentUser}
+                    type={mdUpdateFormType}
+                    formDataList={mdUpdateFormDataList}
+                    formDataConfig={formDataConfig}
+                    initialValues={initialValues}
+                    isEngOrAlb={this.state.isEngOrAlb}
+                    currentList={currentList}
+                    serviceId={route.routeData.serviceId}
+                    hideLang={hideLang}
+                    listType={listType}
+                    isTw={isTw}
+                    organization={currentGlobalFilter.organization}
+                    isTextTypeUpdateWhiteList={isTextTypeUpdateWhiteList}
+                    autoSegmentStatusByLang={autoSegmentStatusByLang}
+                    onConfirm={(values, type) => {
+                        if (type === 'view') {
+                            this.setState({
+                                mdUpdateVisible: false,
+                                channelEventData: realChannelEventData,
+                                channelTWEventData: realChannelTWEventData,
+                            });
+                            return;
+                        }
+                        this.updateMd(values);
+                    }}
+                    onCancel={() => {
+                        this.setState({
+                            mdUpdateVisible: false,
+                            channelEventData: realChannelEventData,
+                            channelTWEventData: realChannelTWEventData,
+                        });
+                    }}
+                />
+                <SensitiveWordSpin visible={this.state.sensitiveWordSpin} />
+            </div>
+        );
+    }
+
+    render() {
+        const { route, children } = this.props;
+        const pathname = location.pathname;
+        return <div>{pathname === route.path ? this.renderIndex() : children}</div>;
+    }
+}
+
+export default connect(({ user }) => ({
+    apps: user.apps,
+    currentUser: user.currentUser,
+}))(withIntlComponents(List));