admin2 1.0.0

package/src/pages/pageComponents/mdPage/components/UpdateMdModal/index.jsx

@@ -0,0 +1,929 @@
+/* eslint-disable max-len */
+import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
+import { Modal, Tooltip, Input, Switch } from 'antd';
+import { SMForm } from 'sm-antd';
+import moment from 'moment';
+import _ from 'lodash';
+
+import {getIntlFormData, getIntlOptions} from '@/utils/helpers';
+import {SM_ACCOUNT, ORG_LIST} from '@/contants';
+import SMInputSelect from '@/components/SMInputSelect';
+import {useLanguage} from '@/hooks';
+import {SMMonthPicker, SMElementPicker} from '@/components';
+import {OPERATION_MAP, getSegmentStatusByLanguage, resolveSegmentLang} from '@/pages/pageComponents/newMdPage/NewList/configure';
+import SegmentStatusTag from '../SegmentStatusTag';
+import { MD_TIP, getLangProduct, TIME_TYPE, INIT_TYPE, RISK_LEVEL_TYPE, TIP_TYPE, REPETITION } from '../../constants';
+import SMSimpleDatePicker from '../SMDatePicker';
+
+import './index.less';
+
+// 特殊的匹配方式只有contain(原文匹配)，word(语义匹配)，equal（相等匹配）才能相互修改 http://cf.ishumei.com/pages/viewpage.action?pageId=831389956
+const specialCheck = ['contain', 'word', 'equal'];
+const SPECIAL_RISK_LEVEL = ['PASS', 'REJECT', 'REVIEW'];
+
+const UpdateMdModal = props => {
+    const {
+        visible,
+        onCancel,
+        onConfirm,
+        type = 'modify',
+        formDataList,
+        formDataConfig,
+        initialValues = {},
+        isGlobalMd = false,
+        currentUser,
+        organization,
+        hideLang,
+        isEngOrAlb,
+        currentList = {},
+        listType,
+        serviceId = 'default',
+        isTw,
+        isTextTypeUpdateWhiteList,
+        autoSegmentStatusByLang,
+    } = props;
+
+    const {t} = useLanguage();
+
+    const [product, setProduct] = useState();
+    const [riskLevel, setRiskLevel] = useState(initialValues.riskLevel);
+    const [operationState, setOperationState] = useState(initialValues?.operation); // 匹配方式
+    const [form, setForm] = useState();
+
+    const applySegmentStatusByLang = useCallback((lang, op) => {
+        const currentOp = op ?? operationState;
+        if (!autoSegmentStatusByLang || currentOp !== OPERATION_MAP.WORD) {
+            return;
+        }
+        const status = getSegmentStatusByLanguage(resolveSegmentLang(lang, serviceId));
+        form?.setFieldsValue({segmentStatus: status});
+    }, [autoSegmentStatusByLang, operationState, form, serviceId]);
+
+    useEffect(() => {
+        if (visible) {
+            setOperationState(initialValues?.operation);
+        }
+    }, [initialValues?.operation, visible]);
+
+    const action = currentList.config && currentList.config.action;
+    const isShow = !!(initialValues.startTime && initialValues.endTime && initialValues.timeBased === '1');
+    const isAddTermItem =  ['dayTimeRange', 'circleTime'].every(item => formDataList.includes(item)); // 是否追加有效期选项
+
+    // 新增有效期选项
+    const addTermList = [
+        {
+            name: t('每天重复生效'),
+            value: '3',
+        },
+        {
+            name: t('每年重复生效'),
+            value: 'circleTime',
+        },
+    ];
+
+    const handleInitialValues = useCallback(() => {
+        if (!initialValues) {
+            return {};
+        }
+        if (isShow) {
+            return {
+                termList: 0,
+                ...initialValues,
+            };
+        }
+        if (initialValues.timeBased === INIT_TYPE.CYCLE) {
+            return {
+                termList: 2,
+                ...initialValues,
+            };
+        }
+        // 每天重复、每年重复
+        switch (initialValues.circleTime) {
+            case REPETITION.DAY_TIME_RANGE:
+                return {
+                    termList: TIME_TYPE.DAY_TIME_RANGE,
+                    ...initialValues,
+                };
+            case REPETITION.CIRCLE_TIME:
+                return {
+                    termList: TIME_TYPE.CIRCLE_TIME,
+                    yearTimeRange: [new Date(initialValues.startTime * 1000), new Date(initialValues.endTime * 1000)],
+                    ...initialValues,
+                };
+        }
+
+        return {
+            termList: 1,
+            ...initialValues,
+        };
+    }, [initialValues, isShow]);
+    const defaultStart = moment().format('YYYY-MM-DD HH:mm:ss');
+    const defaultEnd = moment().add(7, 'day').format('YYYY-MM-DD HH:mm:ss');
+    const initialValue = handleInitialValues();
+    const [isShowDate, setIsShowDate] = useState();
+
+    const initStart = initialValues.startTime && initialValues.timeBased === '1'
+        ? moment.unix(initialValues.startTime)
+        : undefined;
+    const initEnd = initialValues.endTime && initialValues.timeBased === '1'
+        ? moment.unix(initialValues.endTime)
+        : undefined;
+    const initStartRef
+        = visible && initialValues.startTime && initialValues.timeBased === '1'
+            ? initialValues.startTime
+            : defaultStart;
+    const initEndRef
+        = visible && initialValues.endTime && initialValues.timeBased === '1' ? initialValues.endTime : defaultEnd;
+    const startRef = useRef(initStartRef);
+    const endRef = useRef(initEndRef);
+    const setValue
+        = initialValue.termList === 1
+            ? [defaultStart, defaultEnd]
+            : [initStart, initEnd];
+    useEffect(() => {
+        if (!visible) {
+            setIsShowDate();
+        } else {
+            startRef.current = initialValues.startTime;
+            endRef.current = initialValues.endTime;
+        }
+    }, [
+        initialValues,
+        visible,
+        initialValues.startTime,
+        initialValues.endTime,
+    ]);
+    const handleLangChange = useCallback((value, label) => {
+        const langProduct = getLangProduct(serviceId);
+        if (listType === '0' && (organization === SM_ACCOUNT || !hideLang)) {
+            setProduct(langProduct[value]);
+        }
+    }, [listType, hideLang, organization, serviceId]);
+
+    const toUnixTime = time => {
+        let new_str = time.replace(/:/g, '-');
+        new_str = new_str.replace(/ /g, '-');
+        let arr = new_str.split('-');
+        let datum = new Date(
+            Date.UTC(arr[0], arr[1] - 1, arr[2], arr[3] - 8, arr[4], arr[5])
+        );
+        return datum.getTime() / 1000;
+    };
+    const handleDatePicker = (start, end) => {
+        const startTime = toUnixTime(start);
+        const endTime = toUnixTime(end);
+        startRef.current = startTime;
+        endRef.current = endTime;
+        return startTime, endTime;
+    };
+    const termListChange = e => {
+        setIsShowDate(e.target.value);
+        if (e.target.value === 1) {
+            startRef.current = undefined;
+            endRef.current = undefined;
+        } else if (e.target.value === 0) {
+            startRef.current = initialValues.startTime
+                ? initialValues.startTime
+                : toUnixTime(defaultStart);
+            endRef.current = initialValues.endTime
+                ? initialValues.endTime
+                : toUnixTime(defaultEnd);
+        }
+    };
+    let currentUserOrg = 'defaultOrg';
+    try {
+        currentUserOrg = currentUser.organization;
+    } catch (err) {}
+    const DatePicker = (
+        <SMSimpleDatePicker
+            dateType="day"
+            formatStr="YYYY-MM-DD HH:mm:ss"
+            customStyle={{ width: 400 }}
+            setValue={setValue}
+            onChange={handleDatePicker}
+            componentProps={{disabled: type === 'view', showTime: true, showNow: false}}
+        />
+    );
+    const onFinish = values => {
+        const timeData = {
+            startTime: `${startRef.current}`,
+            endTime: `${endRef.current}`,
+        };
+        const isExistAll  = _.some(formDataConfig.app, item => item.value === '');
+        const isExistChannel = _.some(formDataConfig.channelEvent, item => item.value === '');
+        if (_.isArray(values.appId)
+                && isExistAll
+                && _.isArray(formDataConfig.app)
+                && _.size(values.appId) === _.size(formDataConfig.app) - 1) {
+            values.appId = [''];
+        }
+        if (_.isArray(values.channelEvent)
+                && isExistChannel
+                && _.isArray(formDataConfig.channelEvent)
+                && _.size(values.channelEvent) === _.size(formDataConfig.channelEvent) - 1) {
+            values.channelEvent = [''];
+        }
+
+        if (
+            isShowDate === 0
+            || (isShowDate === undefined
+                && initialValues.startTime
+                && initialValues.endTime
+                && initialValues.timeBased === '1')
+        ) {
+            return onConfirm && onConfirm({ ...values, timeBased: '1', ...timeData }, type);
+        }
+        if (isShowDate === TIME_TYPE.FIRST && initialValues.timeBased === INIT_TYPE.CYCLE) {
+            return onConfirm && onConfirm({ ...values, timeBased: '2', timeSpan: values.timeBased2 }, type);
+        }
+        // 每天、每年重复格式化传参
+        if ([TIME_TYPE.CIRCLE_TIME, TIME_TYPE.DAY_TIME_RANGE].includes(isShowDate || initialValues.timeBased)) {
+            const timeObj = {};
+            if (values.dayTimeRange) {
+                timeObj.startTime = moment(values.dayTimeRange[0]).unix().toString();
+                timeObj.endTime = moment(values.dayTimeRange[1]).unix().toString();
+            }
+            if (values.yearTimeRange) {
+                timeObj.startTime = moment(values.yearTimeRange[0]).unix().toString();
+                timeObj.endTime = moment(values.yearTimeRange[1]).unix().toString();
+            }
+            return onConfirm && onConfirm({ ...values, timeBased: isShowDate || initialValues.timeBased, ...timeObj}, type);
+        }
+        onConfirm && onConfirm({ ...values }, type);
+    };
+    const newFormDataConfig = _.cloneDeep(formDataConfig.operation);
+    let newOperation = newFormDataConfig ? _.cloneDeep(initialValues.operation) !== 'regex'
+        ? newFormDataConfig.filter(item => item.value !== 'regex')
+        : _.cloneDeep(formDataConfig.operation)
+        : [];
+
+    if (initialValues.operation) {
+        newOperation = _.map(newOperation, item => {
+            const newItem = _.cloneDeep(item);
+            if (specialCheck.includes(_.cloneDeep(initialValues.operation))) {
+                newItem.disabled = !(specialCheck.includes(item.value));
+            }
+            else {
+                newItem.disabled = true;
+            }
+
+            return newItem;
+        });
+    }
+    let newSpecialRiskLevel = _.cloneDeep(formDataConfig.specialRiskLevel);
+    if (initialValues.riskLevel) {
+        newSpecialRiskLevel = _.map(newSpecialRiskLevel, item => {
+            if (SPECIAL_RISK_LEVEL.includes(initialValues.riskLevel)) {
+                item.disabled = !(SPECIAL_RISK_LEVEL.includes(item.value));
+            }
+            else {
+                item.disabled = true;
+            }
+            return item;
+        });
+    }
+
+    const getTermList = useMemo(() => {
+        let rawData = [
+            {
+                name: '永久',
+                value: 1,
+            },
+            {
+                name: '时间段',
+                value: 0,
+            },
+        ];
+        if (isAddTermItem) {
+            rawData = [...rawData, ...addTermList];
+        }
+        return rawData;
+    }, [isAddTermItem]);
+
+    const formData = formDataList
+        .filter(item => {
+            if (currentUserOrg !== SM_ACCOUNT && item === 'distance') {
+                return false;
+            }
+            if (item === TIME_TYPE.DATE_PICKER) {
+                if (
+                    // 内容周期、永久、每天重复、每年重复都不显示时间选项
+                    ([TIME_TYPE.CYCLE, TIME_TYPE.FOREVER, TIME_TYPE.CIRCLE_TIME, TIME_TYPE.DAY_TIME_RANGE].includes(isShowDate))
+                    || (isShowDate === undefined
+                        && (initialValues.timeBased !== '1'
+                        || initialValues.startTime === null || initialValues.startTime === ''
+                        || initialValues.endTime === null || initialValues.endTime === ''
+                        || initialValues.startTime === undefined || !initialValues.endTime === undefined))
+                ) {
+                    return false;
+                }
+            }
+            if (item === TIME_TYPE.TIMEBASED_TWO) {
+                if ((!initialValues.timeBased2 && isShowDate === TIME_TYPE.FIRST)
+                    || ([TIME_TYPE.TIME_QUANTUM, TIME_TYPE.FOREVER, TIME_TYPE.CIRCLE_TIME, TIME_TYPE.DAY_TIME_RANGE].includes(isShowDate))) {
+                    return false;
+                }
+            }
+            if (item === INIT_TYPE.TERM_LIST && initialValues.timeBased === INIT_TYPE.CYCLE) {
+                return false;
+            }
+            /**
+             * 如果手动选择了生效期，并生效期不等于每年重复生效，或者如果没有手动选择生效期，并且默认生效期不等于
+            每年重复生效的则不展示改选项
+            */
+            if (
+                item === 'circleTime'
+                && ((isShowDate !== undefined && isShowDate !== TIME_TYPE.CIRCLE_TIME)
+                || (!isShowDate && initialValues.circleTime !== REPETITION.CIRCLE_TIME))
+            ) {
+                return false;
+            }
+            // 同上面一样逻辑
+            if (
+                item === 'dayTimeRange'
+                && ((isShowDate !== undefined && isShowDate !== TIME_TYPE.DAY_TIME_RANGE)
+                || (!isShowDate && initialValues.circleTime !== REPETITION.DAY_TIME_RANGE))
+            ) {
+                return false;
+            }
+            return true;
+        });
+    const formDataItem = [];
+
+    formData.map(item => {
+        switch (item) {
+            case 'name':
+                formDataItem.push({
+                    label: '名单名称',
+                    type: 'input',
+                    placeholder: '请输入名单名称',
+                    required: true,
+                    disabled: type === 'view',
+                    definition: {
+                        var: 'name',
+                        validator: (rule, value) => {
+                            if (value && !value.trim()) {
+                                return Promise.reject('请输入名单名称');
+                            }
+                            return Promise.resolve();
+                        },
+                    },
+                });
+                break;
+            case 'checkItem':
+                formDataItem.push({
+                    label: '匹配字段',
+                    type: 'select',
+                    placeholder: '请选择匹配字段',
+                    disabled: !isGlobalMd,
+                    required: true,
+                    definition: {
+                        var: 'checkItem',
+                        condiates: formDataConfig.checkItem || [],
+                        labelName: 'name',
+                        valueName: 'value',
+                    },
+                });
+                break;
+            case 'inputCheckItem':
+                formDataItem.push({
+                    label: '匹配字段',
+                    type: 'custom',
+                    placeholder: '请选择匹配字段',
+                    required: true,
+                    customDom: (
+                        <SMInputSelect
+                            disabled={type === 'view'}
+                            defaultValue={initialValues.checkItem}
+                            placeholder="请选择匹配字段"
+                            selectData={formDataConfig.checkItem || []}
+                            style={{ width: '70%' }}
+                        />
+                    ),
+                    definition: {
+                        var: 'checkItem',
+                    },
+                });
+                break;
+            case 'timeBased2':
+                formDataItem.push({
+                    label: '名单内容生效周期',
+                    type: 'input',
+                    placeholder: '请输入名单内容生效时长',
+                    required: true,
+                    disabled: type === 'view',
+                    definition: {
+                        var: 'timeBased2',
+                        validator: (rule, value, callback) => {
+                            const reg = /[0-9]/;
+
+                            if (value) {
+                                if (reg.test(value) && value > 0 && value <= 10000) {
+                                    callback();
+                                } else {
+                                    callback('请输入大于0,小于等于10000的整数');
+                                }
+                            } else {
+                                callback();
+                            }
+                        },
+                    },
+                });
+                break;
+            case 'circleTime':
+                formDataItem.push({
+                    label: '每年重复生效时间',
+                    type: 'custom',
+                    placeholder: '请选择每年重复生效时间',
+                    required: true,
+                    customDom: (
+                        <SMMonthPicker
+                            defaultValue={
+                                initialValue.startTime && initialValue.endTime
+                                    ? [new Date(initialValue.startTime * 1000), new Date(initialValue.endTime * 1000)]
+                                    : [new Date(2023, new Date().getMonth(), 1, 0, 0), new Date(2023, new Date().getMonth(), +moment().endOf('month').date(), 23, 59, 59)]
+                            }
+                            isDisabled={type === 'view'}
+                        />
+                    ),
+                    definition: {
+                        var: 'yearTimeRange',
+                        validator: (rule, value, callback) => {
+                            if (value) {
+                                const startTime = moment(value[0]);
+                                const endTime = moment(value[1]);
+                                if (startTime.isAfter(endTime) || startTime.isSame(endTime)) {
+                                    callback(t('结束时间必须大于开始时间'));
+                                } else {
+                                    callback();
+                                }
+                            } else {
+                                callback(t('请选择时间'));
+                            }
+                        },
+                        formItemProps: {
+                            style: {
+                                paddingBottom: 24,
+                                marginBottom: 0,
+                            },
+                            wrapperCol: {
+                                sm: {span: 20},
+                            },
+                        },
+                    },
+                });
+                break;
+            case 'dayTimeRange':
+                formDataItem.push({
+                    label: '每天重复生效时间',
+                    type: 'custom',
+                    placeholder: '请选择每天重复生效时间',
+                    required: true,
+                    customDom: (
+                        <SMElementPicker
+                            defaultValue={
+                                initialValue.startTime && initialValue.endTime && initialValue.circleTime === REPETITION.DAY_TIME_RANGE
+                                    ? [new Date(initialValue.startTime * 1000), new Date(initialValue.endTime * 1000)]
+                                    : [moment().startOf('day').toDate(), moment().endOf('day').toDate()]
+                            }
+                            isDisabled={type === 'view'}
+                        />
+                    ),
+                    definition: {
+                        var: 'dayTimeRange',
+                        validator: (rule, value, callback) => {
+                            if (value) {
+                                const startTime = moment(value[0]);
+                                const endTime = moment(value[1]);
+                                if (startTime.isAfter(endTime) || startTime.isSame(endTime, 'second')) {
+                                    callback(t('结束时间必须大于开始时间'));
+                                } else {
+                                    callback();
+                                }
+                            } else {
+                                callback(t('请选择时间'));
+                            }
+                        },
+                        formItemProps: {
+                            style: {
+                                paddingBottom: 24,
+                                marginBottom: 0,
+                            },
+                            wrapperCol: {
+                                sm: {span: 20},
+                            },
+                        },
+                    },
+                });
+                break;
+            case 'tempList':
+                formDataItem.push({
+                    label: '是否临时忽略名单',
+                    type: 'radio',
+                    placeholder: '请选择是否临时忽略名单',
+                    required: true,
+                    disabled: true,
+                    definition: {
+                        var: 'tempList',
+                        condiates: [
+                            {
+                                name: '是',
+                                value: 1,
+                            },
+                            {
+                                name: '否',
+                                value: 0,
+                            },
+                        ],
+                        labelName: 'name',
+                        valueName: 'value',
+                    },
+                });
+                break;
+            case 'termList':
+                formDataItem.push({
+                    label: '有效期',
+                    type: 'radio',
+                    placeholder: '请选择有效期',
+                    required: true,
+                    disabled: type === 'view',
+                    onChange: termListChange,
+                    definition: {
+                        var: 'termList',
+                        condiates: getIntlOptions(getTermList, t),
+                        labelName: 'name',
+                        valueName: 'value',
+                    },
+                });
+                break;
+            case 'language':
+                if (listType === '0' && organization === SM_ACCOUNT) {
+                    return;
+                }
+                formDataItem.push({
+                    label: '识别语种',
+                    type: 'select',
+                    placeholder: '请选择识别语种',
+                    required: true,
+                    disabled: type === 'view',
+                    onChange: handleLangChange,
+                    definition: {
+                        var: 'language',
+                        isAddAll: !(listType === '0' && organization === SM_ACCOUNT),
+                        condiates: formDataConfig.language || [],
+                        labelName: 'name',
+                        valueName: 'value',
+                    },
+                });
+                break;
+            case 'secondVerify':
+                if (riskLevel !== RISK_LEVEL_TYPE.REVIEW || organization !== ORG_LIST.QZD) {
+                    return;
+                }
+                formDataItem.push({
+                    label: '二次验证',
+                    type: 'select',
+                    placeholder: '请选择二次验证',
+                    disabled: type === 'view',
+                    definition: {
+                        var: 'verifyType',
+                        isAddAll: false,
+                        condiates: formDataConfig.secondVerify || [],
+                        labelName: 'name',
+                        valueName: 'value',
+                    },
+                });
+                break;
+            case 'DatePicker':
+                formDataItem.push({
+                    label: ' ',
+                    type: 'custom',
+                    customDom: DatePicker,
+                    definition: {
+                        var: undefined,
+                        formItemProps: {
+                            colon: false,
+                        },
+                    },
+                });
+                break;
+            case 'enList':
+                formDataItem.push({
+                    label: '切词方式',
+                    type: 'custom',
+                    hidden: operationState !== OPERATION_MAP.WORD || isTextTypeUpdateWhiteList, // 语义匹配且非白名单展示
+                    placeholder: '请选择切词方式',
+                    required: true,
+                    customDom: (
+                        <SegmentStatusTag disabled={type === 'view'} />
+                    ),
+                    definition: {
+                        var: 'segmentStatus',
+                    },
+                });
+                break;
+            case 'riskLevel':
+                formDataItem.push({
+                    label: '处置建议',
+                    type: 'select',
+                    placeholder: '请选择处置建议',
+                    disabled: type === 'view',
+                    required: true,
+                    onChange: setRiskLevel,
+                    definition: {
+                        var: 'riskLevel',
+                        condiates: formDataConfig.riskLevel || [],
+                        labelName: 'name',
+                        valueName: 'value',
+                    },
+                });
+                break;
+            case 'specialRiskLevel':
+                formDataItem.push({
+                    label: '处置建议',
+                    type: 'select',
+                    disabled: type === 'view',
+                    placeholder: '请选择处置建议',
+                    required: true,
+                    definition: {
+                        var: 'riskLevel',
+                        condiates: newSpecialRiskLevel || [],
+                        labelName: 'name',
+                        valueName: 'value',
+                    },
+                });
+                break;
+            case 'app':
+                formDataItem.push({
+                    label: '生效应用',
+                    type: 'multipleSelect',
+                    placeholder: '请选择生效应用',
+                    disabled: type === 'view',
+                    required: true,
+                    definition: {
+                        var: 'appId',
+                        condiates: formDataConfig.app || [],
+                        labelName: 'name',
+                        defaultValue: initialValue.appId,
+                        allObj: {name: '全部', value: ''},
+                        componentProps: {
+                            optionFilterProp: 'children',
+                        },
+                    },
+                });
+                break;
+            case 'channelEvent':
+                formDataItem.push({
+                    label: '生效渠道',
+                    type: 'multipleSelect',
+                    placeholder: '请选择生效渠道',
+                    disabled: type === 'view',
+                    required: true,
+                    definition: {
+                        var: 'channelEvent',
+                        condiates: formDataConfig.channelEvent || [],
+                        labelName: 'name',
+                        valueName: 'value',
+                        defaultValue: initialValue.channelEvent,
+                        allObj: {name: '全部渠道', value: ''},
+                        componentProps: {
+                            optionFilterProp: 'children',
+                        },
+                    },
+                });
+                break;
+            case 'channelTWEvent':
+                formDataItem.push({
+                    label: '生效事件',
+                    type: 'select',
+                    placeholder: '请选择生效事件',
+                    disabled: type === 'view',
+                    required: true,
+                    definition: {
+                        var: 'channelTWEvent',
+                        condiates: formDataConfig.channelTWEvent || [],
+                        labelName: 'name',
+                        valueName: 'value',
+                        componentProps: {
+                            mode: 'multiple',
+                        },
+                    },
+                });
+                break;
+            case 'riskType':
+                if (['IGNORE', 'PASS', 'EXCLUDE'].includes(action)) { // 忽略词修改不显示风险类型
+                    return;
+                }
+                formDataItem.push({
+                    label: '风险类型',
+                    type: 'select',
+                    placeholder: '请选择风险类型',
+                    disabled: type === 'view',
+                    required: true,
+                    definition: {
+                        var: 'riskType',
+                        condiates: formDataConfig.riskType || [],
+                        labelName: 'name',
+                        valueName: 'value',
+                    },
+                });
+                break;
+            case 'operation':
+                formDataItem.push({
+                    label: '匹配方式',
+                    type: 'select',
+                    placeholder: '请选择匹配方式',
+                    onChange: value => {
+                        setOperationState(value);
+                        if (autoSegmentStatusByLang && value === OPERATION_MAP.WORD) {
+                            applySegmentStatusByLang(
+                                form?.getFieldValue?.('language') ?? initialValues?.language,
+                                value
+                            );
+                        }
+                    },
+                    disabled: type === 'view' || initialValues.operation === 'regex',
+                    required: true,
+                    definition: {
+                        var: 'operation',
+                        condiates: newOperation || [],
+                        labelName: 'name',
+                        valueName: 'value',
+                    },
+                });
+                break;
+            case 'useNormalization':
+                formDataItem.push({
+                    label: '归一化处理',
+                    type: 'custom',
+                    placeholder: '请选择归一化处理',
+                    disabled: true,
+                    required: true,
+                    hidden: operationState !== 'contain' || riskLevel === 'IGNORE',
+                    customDom: (
+                        <Switch disabled />
+                    ),
+                    definition: {
+                        var: 'useNormalization',
+                        formItemProps: {
+                            valuePropName: 'checked',
+                            tooltip: (
+                                <span style={{whiteSpace: 'pre-wrap'}}>
+                                    {t('开启归一化处理后会对敏感词和请求内容进行相似字转换、全角半角转换与字母大写转换。')}
+                                </span>
+                            ),
+                        },
+                    },
+                });
+                break;
+            case 'riskLabel':
+                formDataItem.push({
+                    label: '风险标签',
+                    type: 'cascader',
+                    placeholder: '请选择风险标签',
+                    disabled: type === 'view',
+                    required: true,
+                    definition: {
+                        var: 'riskLabel',
+                        condiates: formDataConfig.riskLabel || [],
+                        labelName: !isTw ? 'label_name' : 'label',
+                        valueName: !isTw ? 'label' : 'cardId',
+                        childrenName: !isTw ? 'children' : 'son', // 后端返回字段是son 产品确定 二级三级暂时不让选
+                        componentProps: {
+                            changeOnSelect: true,
+                        },
+                    },
+                });
+                break;
+            case 'priority':
+                formDataItem.push({
+                    label: '优先级',
+                    type: 'inputNumber',
+                    placeholder: '请输入优先级',
+                    disabled: type === 'view',
+                    required: true,
+                    definition: {
+                        var: 'priority',
+                    },
+                });
+                break;
+            case 'distance':
+                const tip = _.get(MD_TIP, `${serviceId}.TIP`, TIP_TYPE.TEXT);
+                const MAX = _.get(MD_TIP, `${serviceId}.MAX`, 200);
+                formDataItem.push({
+                    label: '组合词间距',
+                    type: 'input',
+                    placeholder: tip,
+                    disabled: type === 'view',
+                    required: false,
+                    definition: {
+                        var: 'distance',
+                        validator: (rule, value, callback) => {
+                            const reg = /^[1-9]\d*$/;
+
+                            if (value) {
+                                if (reg.test(value) && value >= 0 && value <= MAX) {
+                                    callback();
+                                } else {
+                                    callback(`组合词间距应为正数字且0~${MD_TIP[serviceId].MAX}`);
+                                }
+                            } else {
+                                callback();
+                            }
+                        },
+                    },
+                });
+                break;
+            case 'remark':
+                formDataItem.push({
+                    label: '备注',
+                    type: 'textarea',
+                    placeholder: type === 'view' ? '' : '请输入修改名单原因',
+                    disabled: type === 'view',
+                    definition: {
+                        var: 'remark',
+                        componentProps: {
+                            rows: 3,
+                            maxLength: 100,
+                        },
+                    },
+                });
+                break;
+            case 'ignoreCase':
+                formDataItem.push({
+                    label: '归一化',
+                    type: 'select',
+                    placeholder: '请选择归一化',
+                    required: true,
+                    disabled: type === 'view',
+                    hidden: initialValues.riskLevel !== 'IGNORE', // 忽略词，处置建议不能修改；所以直接用初始处置建议判断归一化是否展示
+                    definition: {
+                        var: 'ignoreCase',
+                        condiates: [
+                            {
+                                name: '默认不归一化',
+                                value: '0',
+                            },
+                            {
+                                name: '英文大小写归一化',
+                                value: '1',
+                            },
+                        ],
+                        labelName: 'name',
+                        valueName: 'value',
+                    },
+                });
+                break;
+
+        }
+    });
+
+    useEffect(() => {
+        if (visible) {
+            setRiskLevel(initialValue.riskLevel);
+        }
+    }, [visible, initialValue.riskLevel]);
+
+    return (
+        <Modal
+            title={type === 'modify' ? t('修改名单') : t('查看名单')}
+            width={860}
+            visible={visible}
+            centered
+            footer={null}
+            maskClosable={false}
+            onCancel={() => {
+                onCancel && onCancel();
+            }}
+            mask
+            destroyOnClose
+        >
+            <div className="SMForm-box">
+                <SMForm
+                    initialValues={initialValue}
+                    setForm={setForm}
+                    isShowSubmitBtn
+                    formData={getIntlFormData(formDataItem, t)}
+                    submitText={t('确定')}
+                    formProps={{
+                        labelCol: {span: 4},
+                        wrapperCol: {span: 17},
+                    }}
+                    onCancel={
+                        type === 'modify'
+                            ? () => {
+                                onCancel && onCancel();
+                            }
+                            : null
+                    }
+                    onSubmit={values => {
+                        // onConfirm && onConfirm(values, type);
+                        onFinish({...values, product});
+                    }}
+                />
+            </div>
+        </Modal>
+    );
+};
+
+export default UpdateMdModal;