admin2 1.0.0

package/src/pages/tj/components/hooks/useTrialItem.js

@@ -0,0 +1,611 @@
+/* eslint-disable max-len */
+/*
+*  在线审核 表单业务hook
+*  zoujiazhi
+*/
+
+import {useState, useEffect, useRef, useCallback, useMemo} from 'react';
+import _ from 'lodash';
+import {Input, Switch, Tooltip} from 'antd';
+import {SMIcon} from '@/components';
+
+import ImgUpload from '@/pages/tj/components/ImgUpload';
+import CheckUpload from '@/pages/tj/components/CheckUpload';
+import Custom from '@/pages/tj/components/Custom';
+import MediaUpload from '@/pages/tj/components/MediaUpload';
+import {useLanguage} from '@/hooks';
+import {STORAGE_LIST_NAME} from '@/contants';
+import {Storage} from '@/utils/utils';
+import {formatUs} from '@/utils/helpers';
+
+import {TRIAL_SERVICE, ALL, NONE, AUDIO_TYPE} from '../../text/check/constants';
+
+import {useAppChannel} from '../hooks';
+import {imgClose, imgOpen} from '../img';
+import IconOther from '../IconOther';
+import {HELP_TYPE, POST_ARTICLE, HELP} from '../CheckTaskPage/constants';
+
+const { TextArea } = Input;
+
+const useTrialItem = params => {
+    const {
+        formData,
+        currentGlobalFilter,
+        dispatch,
+        serviceId,
+        nickname = '',
+        currentData = {},
+        visible,
+        detailSource,
+        detailLoading,
+        submitText,
+        multiple,
+        switchChecked,
+        setSwitchChecked,
+    } = params;
+    const {t, currentLang} = useLanguage();
+    const infoList = Storage.get(STORAGE_LIST_NAME.SM_SAAS_INFO);
+
+    const {organization, orgChange} = currentGlobalFilter;
+    const [newFormData, setNewFormData] = useState(formData);
+    const [imgUrl, setImgUrl] = useState({});
+    const [fileUrl, setFileUrl] = useState({});
+    const [batchData, setBatchData] = useState({});
+    const [itemData, setItemData] = useState({});
+    const [isHide, setIsHide] = useState(true);
+    const [fileType, setFileType] = useState(1);
+    const [clearFileList, setClearFileList] = useState(false);
+    // taskType: 0 单应用渠道, 1 多应用渠道
+    const [taskType, setTaskType] = useState(0);
+    const [appId, setAppId] = useState(currentData.appId);
+    const [channel, setChannel] = useState(currentData.channel);
+    // 用于触发清空业务标签类型字段的状态
+    const [clearBusinessType, setClearBusinessType] = useState(false);
+
+    const fileUrlRef = useRef(fileUrl);
+
+    const {
+        appIdOption,
+        channelOption,
+        riskTypeOption,
+        allRiskType,
+        txtTypeOption,
+        bussinessOption,
+        audioTypeOption,
+        videoTypeOption,
+        audioBusinessType,
+        videoBusinessType,
+        allRiskTypeNext,
+        allBussinessNext,
+        fieldConfig,
+        allBussiness,
+    } = useAppChannel({
+        organization,
+        orgChange,
+        dispatch,
+        serviceId,
+        appId,
+        channel,
+    });
+
+    const allType = useMemo(() => (
+        {
+            imgType: allRiskTypeNext,
+            audioType: allRiskType,
+            imgBusinessType: allBussinessNext,
+            audioBusinessType: allBussiness,
+        }
+    ), [allRiskType, allBussiness, allRiskTypeNext, allBussinessNext]);
+
+    const checkMethodChange = useCallback(e => setFileType(e.target.value), []);
+
+    // 清空业务标签类型字段的函数
+    const clearBusinessTypeFields = useCallback(() => {
+        if (serviceId === 'POST_AUDIO' || serviceId === 'POST_AUDIO_B') {
+            setClearBusinessType(prev => !prev);
+        }
+    }, [serviceId]);
+
+    const handleType = useCallback(newValue => {
+        switch (serviceId) {
+            case TRIAL_SERVICE.TEXT:
+            case TRIAL_SERVICE.EN:
+            case TRIAL_SERVICE.AR:
+            case TRIAL_SERVICE.AUDIO:
+            case TRIAL_SERVICE.AUDIO_B:
+                if (newValue.type && newValue.type.includes(ALL)) {
+                    newValue.type = allRiskType;
+                }
+                // 表单存在openAnswer字段才重新给openAnswer赋值，为了解决知识库代答 开、关按钮后新增一个icon。导致表单提交函数获取不到正确的值；
+                if (!(_.isUndefined(newValue.openAnswer))) {
+                    newValue.openAnswer = switchChecked;
+                }
+                break;
+            case TRIAL_SERVICE.IMG:
+                if (newValue.type && newValue.type.includes(ALL)) {
+                    newValue.type = allRiskType;
+                }
+                if (newValue.businessType && newValue.businessType.includes(ALL)) {
+                    newValue.businessType = allBussiness;
+                }
+                break;
+            case TRIAL_SERVICE.VIDEO:
+                // 此处代码理论上无用  暂时注释
+                // const videoType = ['imgType', 'imgBusinessType', 'audioBusinessType'];
+                // _.map(videoType, item => {
+                //     if (newValue[item]) {
+                //         if (newValue[item].includes(NONE)) {
+                //             if (item === AUDIO_TYPE) {
+                //                 newValue[item] = [NONE];
+                //             }
+                //         } else if (newValue[item].includes(ALL)) {
+                //             if (item === 'audioType') {
+                //                 newValue[item] = allType[item].filter(item => item !== NONE);
+                //             } else {
+                //                 newValue[item] = allType[item];
+                //             }
+                //         }
+                //     }
+                // });
+
+                // 当audioType不存在或是空数组则视为不识别
+                if (!newValue.audioType || _.size(newValue.audioType) === 0) {
+                    newValue.audioType = [NONE];
+                }
+                if (newValue.imgType && _.size(newValue.imgType) === 0) {
+                    delete newValue.imgType;
+                }
+                break;
+            case TRIAL_SERVICE.WEB:
+                //  网页支持这风险原因只支持这几类；后续产品提个jira解决这个交互问题
+                newValue.type = ['NOVEL'];
+                newValue.imgType = ['POLITICS', 'PORN', 'AD', 'LOGO', 'BEHAVIOR', 'OCR', 'VIOLENCE'];
+                newValue.txtType = ['DEFAULT'];
+                break;
+            default:
+                break;
+        }
+        return newValue;
+    }, [allBussiness, allRiskType, serviceId, allType, switchChecked]);
+
+    const getName = useCallback(() => {
+        switch (serviceId) {
+            case TRIAL_SERVICE.IMG:
+                return t('批量上传本地图片');
+            case TRIAL_SERVICE.AUDIO:
+            case TRIAL_SERVICE.AUDIO_B:
+                return t('批量上传本地音频');
+            case TRIAL_SERVICE.VIDEO:
+                return t('批量上传本地视频');
+            default:
+        }
+    }, [serviceId, t]);
+
+    useEffect(() => {
+        fileUrlRef.current = fileUrl;
+    }, [fileUrl]);
+
+    useEffect(() => {
+        const newList = _.map(formData, item => {
+            switch (item.key) {
+                case 'taskType':
+                    item.condiates = [
+                        {name: t('单应用渠道'), value: 0},
+                        {name: t('多应用渠道'), value: 1},
+                    ];
+                    item.onChange = e => {
+                        const value = e.target ? e.target.value : e;
+                        setTaskType(value);
+                    };
+
+                    break;
+                case 'checkMethod':
+                    item.onChange = checkMethodChange;
+                    const linkObj = {
+                        name: t('批量上传审核链接'),
+                        value: 1,
+                    };
+                    const localObj = {
+                        name: getName(),
+                        value: 2,
+                    };
+                    // 多应用渠道时隐藏"批量上传本地图片"选项
+                    if (taskType === 1) {
+                        item.condiates = [linkObj];
+                    }
+                    else {
+                        item.condiates = [linkObj, localObj];
+                    }
+                    break;
+                case 'imgUpload':
+                    item.custom = (
+                        <ImgUpload
+                            setImgUrl={setImgUrl}
+                            detailSource={detailSource}
+                            detailLoading={detailLoading}
+                            imgUrl={imgUrl}
+                            clearFileList={clearFileList}
+                            serviceId={serviceId}
+                            submitText={submitText.id}
+                            multiple={multiple}
+                        />
+                    );
+                    item.definition = {
+                        var: item.key,
+                        validator: (rule, value, callback) => {
+                            if (value) {
+                                if (value.fileList && value.fileList.length === 0) {
+                                    return Promise.reject(t('请选择图片'));
+                                }
+                            }
+                            return Promise.resolve();
+                        },
+                    };
+                    break;
+                case 'openAnswer':
+                    item.custom = (
+                        <>
+                            <Switch
+                                style={{width: 80}}
+                                checkedChildren={t('启用')}
+                                unCheckedChildren={t('禁用')}
+                                checked={switchChecked}
+                                onChange={value => setSwitchChecked(value)}
+                            />
+                            <Tooltip title={t(item.prompt)}>
+                                <span style={{marginLeft: 10}}>
+                                    <SMIcon type="icon-caidantishihover-copy" />
+                                </span>
+                            </Tooltip>
+
+                        </>
+                    );
+                    break;
+                case 'tokenId':
+                    item.defaultValue = nickname;
+                    item.definition = {
+                        var: item.key,
+                        validator: (rule, value, callback) => {
+                            if (!value) {
+                                return Promise.reject();
+                            }
+                            if (value) {
+                                const reg = /^[^ ]+$/;
+                                if (value.trim() !== value || !reg.test(value)) {
+                                    return Promise.reject(t('不能有空格'));
+                                }
+                            }
+                            return Promise.resolve();
+                        },
+                    };
+                    break;
+                case 'taskName':
+                    item.definition = {
+                        var: item.key,
+                        validator: (rule, value, callback) => {
+                            if (!value) {
+                                return Promise.reject();
+                            }
+                            if (value && value.length > 64) {
+                                return Promise.reject(t('最多64个字符'));
+                            }
+                            return Promise.resolve();
+                        },
+                    };
+                    break;
+                case 'text':
+                    item.custom = (
+                        <TextArea autoSize={{ minRows: 4, maxRows: 20 }} />
+                    );
+                    item.definition = {
+                        var: item.key,
+                        validator: serviceId === TRIAL_SERVICE.MULTIMODAL ? undefined : (rule, value, callback) => {
+                            if (!value) {
+                                return Promise.reject();
+                            }
+                            const max = (serviceId === POST_ARTICLE ? 500000 : 10000);
+                            if (value) {
+                                if (value.length > max) {
+                                    return Promise.reject(`${'最多'}${max}${'个字符'}`);
+                                }
+                            }
+                            return Promise.resolve();
+                        },
+                    };
+                    break;
+                case 'iconOther':
+                    item.definition = {
+                        var: item.key,
+                        formItemProps: {
+                            colon: false,
+                        },
+                    };
+                    item.custom = (
+                        <IconOther
+                            isHide={isHide}
+                            setIsHide={setIsHide}
+                            imgClose={imgClose}
+                            imgOpen={imgOpen}
+                        />
+                    );
+                    break;
+                case 'custom':
+                    item.definition = {
+                        var: item.key,
+                        validator: (rule, value, callback) => {
+                            if (visible) {
+                                return Promise.resolve();
+                            }
+                            if (value) {
+                                if (value.fileList && value.fileList.length === 0) {
+                                    return Promise.reject(t('请选择文件'));
+                                }
+                            }
+                            return Promise.resolve();
+                        },
+                    };
+                    item.custom = (
+                        <CheckUpload
+                            serviceId={serviceId}
+                            setFileUrl={setFileUrl}
+                            currentData={currentData}
+                            disabled={visible}
+                            imgClose={imgClose}
+                            imgOpen={imgOpen}
+                            isHide={isHide}
+                            setIsHide={setIsHide}
+                            fileType={fileType}
+                            setFileType={setFileType}
+                            taskType={taskType}
+                        />
+                    );
+                    break;
+                case 'batchTip':
+                    item.custom = (
+                        <div style={{fontSize: 10}}>
+                            <p
+                                style={{
+                                    fontSize: 14,
+                                    color: '#60718C',
+                                    fontWeight: 500,
+                                    marginBottom: 14,
+                                }}
+                            >
+                                {t('温馨提示')}：
+                            </p>
+                            <p>1、{t('文件内容格式请参照模版，一行一条测试数据')}。</p>
+                            <p>2、{t('仅支持csv数据文件格式，每份任务最多1万条')}。</p>
+                            {!__PRIVATE__ && (
+                                <p style={{whiteSpace: 'nowrap'}}>3、{t('如需增加更多传入参数，可在模版空白列增加参数信息，并点击高级设置传入参数相关信息。更多传入参数请查')}。
+                                    {
+                                        infoList?.isDemonstration ? t('帮助文档') : (
+                                            <a
+                                                href={_.get(HELP_TYPE[serviceId], currentLang, HELP)}
+                                                target="_blank"
+                                                rel="noreferrer"
+                                            >
+                                                {t('帮助文档')}
+                                            </a>)
+                                    }
+                                </p>
+                            )}
+                            <p>3、{t('上传后，可在立即纪录查看测试结果')}</p>
+                        </div>
+                    );
+                    break;
+                case 'itemData':
+                    item.definition = {
+                        var: item.key,
+                        validator: () => {
+                            const validatorMap = _.map(itemData, item => {
+                                return !!(item.pathInput && typeof item.value !== 'undefined');
+                            });
+                            if (validatorMap.includes(false)) {
+                                return Promise.reject(t('请填写完整'));
+                            }
+                            return Promise.resolve();
+                        },
+                    };
+                    item.custom = (
+                        <Custom
+                            list={[{id: 1, key: 'fasdf', value: ''}]}
+                            setData={setItemData}
+                            itemData={itemData}
+                            fieldConfig={fieldConfig}
+                            serviceId={serviceId}
+                            setIsHide={setIsHide}
+                            isBatch={false}
+                            fileType={fileType}
+                        />
+                    );
+                    break;
+                case 'batchData':
+                    item.definition = {
+                        var: item.key,
+                        validator: () => {
+                            const validatorMap = _.map(batchData, item => {
+                                return !!(item.pathInput && item.value);
+                            });
+                            if (validatorMap.includes(false)) {
+                                return Promise.reject(t('请填写完整'));
+                            }
+                            return Promise.resolve();
+                        },
+                    };
+                    item.custom = (
+                        <Custom
+                            list={[{id: 1, key: 'fasdf', value: '', ...(fileType === 2 ? {zipType: 'random'} : {})}]}
+                            setData={setBatchData}
+                            batchData={batchData}
+                            fieldConfig={fieldConfig}
+                            serviceId={serviceId}
+                            setIsHide={setIsHide}
+                            fileType={fileType}
+                            isBatch
+                            taskType={taskType}
+                        />
+                    );
+                    break;
+                case 'media':
+                    item.definition = {
+                        var: item.key,
+                        validator: (rule, value, callback) => {
+                            if (visible) {
+                                return Promise.resolve();
+                            }
+                            if (value) {
+                                if (value.fileUrl && value.fileUrl.length === 0) {
+                                    return Promise.reject(t('请选择文件'));
+                                }
+                            }
+                            return Promise.resolve();
+                        },
+                    };
+                    item.custom = (
+                        <MediaUpload
+                            serviceId={serviceId}
+                            currentData={currentData}
+                            imgClose={imgClose}
+                            imgOpen={imgOpen}
+                            isHide={isHide}
+                            setIsHide={setIsHide}
+                        />
+                    );
+                    break;
+                case 'appId':
+                    item.onChange = value => {
+                        setAppId(value);
+                        // 清空业务标签类型选择
+                        clearBusinessTypeFields();
+                    };
+                    break;
+                case 'channel':
+                    item.onChange = value => {
+                        setChannel(value);
+                        // 清空业务标签类型选择
+                        clearBusinessTypeFields();
+                    };
+                    break;
+                default:
+                    break;
+            }
+            return item;
+        });
+        // 根据 isMultiple 值动态隐藏 appId、channel 字段
+        const filteredList = taskType === 1
+            ? newList.filter(i => !['appId', 'channel'].includes(i.key))
+            : newList;
+        setNewFormData(filteredList);
+    }, [
+        formData,
+        batchData,
+        fileUrl,
+        imgUrl,
+        itemData,
+        visible,
+        currentData,
+        fieldConfig,
+        nickname,
+        serviceId,
+        isHide,
+        fileType,
+        checkMethodChange,
+        getName,
+        t,
+        currentLang,
+        detailSource,
+        detailLoading,
+        clearFileList,
+        submitText,
+        switchChecked,
+        taskType,
+    ]);
+
+    useEffect(() => {
+        const newList = newFormData.map(item => {
+            switch (item.key) {
+                case 'appId':
+                    item.condiates = appIdOption;
+                    break;
+                case 'channel':
+                    item.condiates = channelOption;
+                    break;
+                case 'type':
+                    item.condiates = [{name: t('全部'), value: 'all'}].concat(riskTypeOption);
+                    break;
+                case 'businessType':
+                    item.condiates = bussinessOption;
+                    item.condiates = [{name: t('全部'), value: 'all'}].concat(bussinessOption);
+                    item.isAddAll = false;
+                    break;
+                case 'imgType':
+                    item.condiates = [{name: t('全部'), value: 'all'}].concat(videoTypeOption);
+                    item.isAddAll = false;
+                    break;
+                case 'audioType':
+                    item.condiates = audioTypeOption;
+                    break;
+                case 'imgBusinessType':
+                    item.condiates = videoBusinessType;
+                    break;
+                case 'audioBusinessType':
+                    item.condiates = audioBusinessType;
+                    break;
+                case 'txtType':
+                    item.condiates = txtTypeOption;
+                    break;
+                default:
+                    break;
+            }
+            return item;
+        });
+        setNewFormData(newList);
+    }, [
+        appIdOption,
+        channelOption,
+        riskTypeOption,
+        bussinessOption,
+        formData,
+        videoBusinessType,
+        audioBusinessType,
+        audioTypeOption,
+        videoTypeOption,
+        txtTypeOption,
+        checkMethodChange,
+        t,
+    ]);
+
+
+    return {
+        allRiskType,
+        allBussiness,
+        allRiskTypeNext,
+        allBussinessNext,
+        newFormData,
+        imgUrl,
+        fileUrl,
+        fileType,
+        batchData,
+        itemData,
+        isHide,
+        allType,
+        appIdOption,
+        channelOption,
+        riskTypeOption,
+        videoTypeOption,
+        audioTypeOption,
+        clearFileList,
+        taskType,
+        clearBusinessType, // 新增：用于触发清空业务标签类型字段的状态
+
+        handleType,
+        setIsHide,
+        setBatchData,
+        setItemData,
+        setImgUrl,
+        setClearFileList,
+        setTaskType,
+    };
+};
+
+export default useTrialItem;

package/src/pages/tj/components/img/index.js

@@ -0,0 +1,7 @@
+import imgClose from './img-close.png';
+import imgOpen from './img-open.png';
+
+export {
+    imgClose,
+    imgOpen,
+};