admin2 1.0.0

package/src/hooks/object/useMdList.js

@@ -0,0 +1,251 @@
+import { useState, useCallback } from 'react';
+import { message } from 'antd';
+import { useDispatch } from 'react-redux';
+import _ from 'lodash';
+import { SMModal } from 'sm-antd';
+import SensitivewordHintModal from '@/pages/pageComponents/mdPage/components/SensitivewordHintModal';
+import { formatSearchParams, formatDataSource, formatContents, arryRepetition, Storage } from '@/utils/utils';
+import { HTTP_CODE, SM_ACCOUNT, LOCAL_STORAGE } from '@/contants';
+import { createFromIconfontCN } from '@ant-design/icons';
+
+import defaultSettings from '@/configure/defaultSettings';
+const { iconfontUrl } = defaultSettings;
+
+import useLanguage from '../biz/useLanguage';
+
+const { ModalType } = SMModal;
+
+const useMdList = (props = {}) => {
+    const { formatTableData, organization = SM_ACCOUNT, product, route, selectedOrganization } = props;
+
+    const dispatch = useDispatch();
+    const { t } = useLanguage();
+
+    const [listTotalCount, setListTotalCount] = useState(0);
+    const [listLoading, setListLoading] = useState(false);
+    const [mdList, setMdList] = useState([]);
+    const isAudit = selectedOrganization === SM_ACCOUNT && organization === 'GLOBAL';
+    const successMessage =  isAudit ? '提交审批成功' : '创建名单成功，预计5分钟内生效';
+
+    // 获取名单列表
+    const getMdList = useCallback(async payload => {
+        setListLoading(true);
+        const { code, listData, totalCount } = await dispatch({
+            type: 'mingdan/getMdList',
+            payload: {
+                count: 20,
+                offset: 0,
+                ...formatSearchParams(payload),
+            },
+        });
+        if (code === HTTP_CODE.SUCCESS) {
+            setListTotalCount(totalCount);
+            const newListData = formatTableData ? formatTableData(listData, route) : formatDataSource(listData);
+            setMdList(newListData);
+        } else {
+            message.error(`${t('操作失败')}!`);
+        }
+        setListLoading(false);
+    }, [dispatch, t, formatTableData, route]);
+
+    const inspectData = useCallback(async (payload, setLoading, cb) => {
+        setLoading?.(true);
+        const contents = payload.contents ? formatContents(payload.contents) : [];
+        const result = await dispatch({
+            type: 'mingdan/inspectData',
+            payload,
+        });
+        setLoading?.(false);
+        if (result) {
+            if (_.size(result.text)) {
+                Storage.set(LOCAL_STORAGE.MD_CONTENT, {
+                    organization,
+                    product: product,
+                    action: result.action,
+                });
+                global.modal.show(ModalType.MODAL_ALERT, {
+                    width: 576,
+                    modalTitle: t('提示'),
+                    renderChildren: () => {
+                        return (
+                            <SensitivewordHintModal
+                                textList={result.text}
+                                action={result.action}
+                                onOk={() => {
+                                    global.modal.pop();
+                                    cb?.(payload);
+                                }}
+                                onCancel={() => {
+                                    global.modal.pop();
+                                }}
+                                onGo={() => {
+                                    global.modal.pop();
+                                    const valueList = arryRepetition(contents, result.text);
+                                    const newValues = _.cloneDeep(payload);
+                                    newValues.contents = valueList.join('\n');
+                                    cb?.(newValues);
+                                }}
+                            />
+                        );
+                    },
+                });
+            } else {
+                cb?.(payload);
+            }
+        }
+    }, [dispatch, organization, product, t]);
+
+    // 置顶
+    const clickTop = useCallback(async (payload, cb) => {
+        const { code, Message } = await dispatch({
+            type: 'mingdan/updateTopLevel',
+            payload,
+        });
+        if (code === HTTP_CODE.SUCCESS) {
+            cb?.();
+        } else {
+            message.error(t(Message) || `${t('操作失败')}!`);
+        }
+    }, [dispatch, t]);
+
+    // 删除名单
+    const deleteMd = useCallback(async (payload, cb) => {
+        const { code, Message } = await dispatch({
+            type: 'mingdan/deleteMd',
+            payload,
+        });
+        if (code === HTTP_CODE.SUCCESS) {
+            message.success(t('删除成功'));
+            cb?.();
+        } else {
+            message.error(Message);
+        }
+    }, [dispatch, t]);
+
+    const SMIcon = props => {
+        const { type, onClick } = props;
+        const IconFont = createFromIconfontCN({
+            scriptUrl: iconfontUrl,
+        });
+        return (
+            <IconFont
+                type={type}
+                onClick={
+                    () => onClick && onClick()
+                }
+                {...props}
+            />
+        );
+    };
+
+    const CustomMessageContent = ({ Message, key }) => {
+        const handleClick = () => {
+            message.destroy(key);
+        };
+        return (
+            <div style={{ display: 'inline-block' }}>
+                <span>{Message || t('操作失败！')}</span>
+                <span className="message-error-icon">
+                    <SMIcon
+                        type="icon-shanchu1"
+                        onClick={handleClick}
+                    />
+                </span>
+            </div>
+        );
+    };
+
+    const createErrorMessage = (content, type) => {
+        const messageKey = `message-${Date.now()}`;
+        const Message = (
+            <span>
+                {type === 'success'
+                    ? t('操作成功，部分图片添加失败')
+                    : t('上传的图片url全部无效')}，
+                <a href={content?.errUrl}>{t('点此下载')}</a>
+                {t('图片失败原因')}
+            </span>
+        );
+        return {
+            content: <CustomMessageContent Message={Message} key={messageKey} />,
+            duration: 5,
+            key: messageKey,
+        };
+    };
+
+    const createMd = useCallback(async (payload, cb) => {
+        const { code, Message, content } = await dispatch({
+            type: 'mingdan/addMd',
+            payload,
+        });
+        if (code === HTTP_CODE.SUCCESS) {
+            if (content?.errUrl) {
+                message.warning(createErrorMessage(content, 'success'));
+            }
+            else {
+                message.success(t(successMessage));
+            }
+            cb?.();
+        } else {
+            if (content?.errUrl) {
+                message.warning(createErrorMessage(content));
+                cb?.();
+            }
+            else {
+                message.error(Message || t('提交审批失败'));
+            }
+        }
+    }, [dispatch, t, successMessage]);
+
+    const updateMd = useCallback(async (payload, cb) => {
+        const { code, Message } = await dispatch({
+            type: 'mingdan/updateMd',
+            payload,
+        });
+        if (code === HTTP_CODE.SUCCESS) {
+            message.success(t('修改成功'));
+            cb?.();
+        } else {
+            message.error(Message);
+        }
+    }, [dispatch, t]);
+
+    const clickMdSwitch = useCallback(async (payload, cb) => {
+        const { code, Message } = await dispatch({
+            type: 'mingdan/updateMd',
+            payload,
+        });
+        if (code === HTTP_CODE.SUCCESS) {
+            message.success(Message);
+            cb?.();
+        } else {
+            message.error(Message);
+        }
+    }, [dispatch]);
+
+    return {
+        // 数据量总数
+        listTotalCount,
+        // 页面loading
+        listLoading,
+        // 列表数据
+        listDataSource: mdList,
+
+        // 获取名单方法
+        getMdList,
+        // 点击置顶
+        clickTop,
+        // 删除名单
+        deleteMd,
+        // 新建名单
+        createMd,
+        // 更新名单
+        updateMd,
+        // 点击名单开关
+        clickMdSwitch,
+        // 名单查重
+        inspectData,
+    };
+};
+
+export default useMdList;

package/src/hooks/object/useOpenOrganization.js

@@ -0,0 +1,34 @@
+/**
+ * 开通时间公司，对象hooks
+ * zoujiazhi
+ * 2023-06-26
+ */
+
+import {useState, useCallback} from 'react';
+
+import {getDisabledDate} from '@/utils/utils';
+import {getOpenOrganization} from '@/services/history';
+import {REQUEST_CODE} from '@/contants';
+
+const useOpenOrganization = () => {
+    const [openDate, setOpenDate] = useState([]);
+
+    // 获取应用列表
+    const getOpenDate = useCallback(async params => {
+        const {content = {}, code} =  await getOpenOrganization(params);
+        const {storageTime} = content;
+        if (REQUEST_CODE.SUCCESS === code) {
+            setOpenDate(storageTime);
+        }
+        return storageTime;
+    }, []);
+
+    return {
+        openDate, // 开通的时间
+        disabledDate: getDisabledDate(openDate), // 禁用时间
+
+        getOpenDate, // 获取公司开通时间
+    };
+};
+
+export default useOpenOrganization;

package/src/hooks/object/useOpinion.js

@@ -0,0 +1,27 @@
+/**
+ * @file hooks/object/useOpinion.js 舆情hook
+ * @author caimingyu
+ */
+
+import { useCallback, useState } from 'react';
+
+import * as actions from '@/services/opinion';
+import { HTTP_CODE } from '@/contants';
+
+export default () => {
+    const [opinionList, setOpinionList] = useState([]);
+
+    const getOpinionList = useCallback(async params => {
+        const { code, contents } = await actions.getServiceOpinionList(params);
+        if (code === HTTP_CODE.SUCCESS) {
+            setOpinionList(contents || []);
+            return contents;
+        }
+    }, []);
+
+    return {
+        opinionList, // 舆情列表
+
+        getOpinionList, // 获取舆情列表
+    };
+};

package/src/hooks/object/useOrganization.js

@@ -0,0 +1,47 @@
+/**
+ * organization对象hooks
+ * zoujiazhi
+ *
+ */
+
+import {useState, useCallback, useMemo} from 'react';
+import {useSelector} from 'react-redux';
+import _ from 'lodash';
+
+import {getOrgList as serviceGetOrgList} from '@/services/manage';
+import {REQUEST_CODE, SM_ACCOUNT} from '@/contants';
+
+const useOrganization = () => {
+    const [orgList, setOrgList] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [orgTotalCount, setOrgTotalCount] = useState(0);
+
+    const currentUserOrganization = useSelector(state => _.get(state, 'user.currentUser.orgInfo.organization', ''));
+
+    const isSMAccount = currentUserOrganization === SM_ACCOUNT;
+
+    // 获取公司列表
+    const getOrgList = useCallback(async params => {
+        setLoading(true);
+        const {contents = [], totalCount = 0, code} =  await serviceGetOrgList(params);
+        if (REQUEST_CODE.SUCCESS === code) {
+            setOrgList(contents);
+            setOrgTotalCount(totalCount);
+        }
+        setLoading(false);
+
+        return contents;
+    }, []);
+
+    return {
+        orgList, // 公司列表
+        orgLoading: loading, // 请求列表loading
+        orgTotalCount, // 列表总数
+        isSMAccount, // 登录人是否是数美员工
+        currentUserOrganization, // 当前登录的公司
+
+        getOrgList, // 获取公司下拉列表方法
+    };
+};
+
+export default useOrganization;

package/src/hooks/object/useQueryMethod.js

@@ -0,0 +1,32 @@
+/**
+ * 获取查询方式对象hooks
+ * tangjian
+ * 2022/11/25
+ */
+
+import {useCallback, useState} from 'react';
+
+import {serviceQueryMethodSelectList} from '@/services/manage';
+import {REQUEST_CODE} from '@/contants';
+
+const useQueryMethod = () => {
+    const [allQueryMethodList, setAllQueryMethodList] = useState([]);
+
+    // 获取查询方式列表
+    const getQueryMethodSelectList = useCallback(async () => {
+        const {contents = [], code} = await serviceQueryMethodSelectList();
+        if (REQUEST_CODE.SUCCESS === code) {
+            setAllQueryMethodList(contents);
+        }
+
+        return contents;
+    }, []);
+
+    return {
+        allQueryMethodList, // 查询方式列表
+
+        getQueryMethodSelectList, // 获取查询方式函数
+    };
+};
+
+export default useQueryMethod;

package/src/hooks/object/useRiskType.js

@@ -0,0 +1,41 @@
+/**
+ * 风险类型对象hooks
+ * zoujiazhi
+ */
+
+import {useState, useCallback} from 'react';
+import _ from 'lodash';
+
+import {queryRiskTypeList} from '@/services/base';
+import {REQUEST_CODE} from '@/contants';
+
+const useRiskType = () => {
+    const [riskTypeList, setRiskTypeList] = useState([]);
+
+    // 获取新风险类型列表
+    const getRiskType = useCallback(async params => {
+        const {contents = [], code} = await queryRiskTypeList(params);
+        if (code === REQUEST_CODE.SUCCESS) {
+            const newOptionData = [];
+            if (contents) {
+                _.map(contents, item => {
+                    newOptionData.push({
+                        value: item.riskType,
+                        name: item.riskTypeName,
+                    });
+                });
+            }
+            setRiskTypeList(newOptionData);
+            return newOptionData;
+        }
+        return [];
+    }, []);
+
+    return {
+        riskTypeList, // 风险类型
+
+        getRiskType, // 获取风险类型
+    };
+};
+
+export default useRiskType;

package/src/hooks/object/useRoleList.js

@@ -0,0 +1,39 @@
+/**
+ * roleList对象hooks
+ * zoujiazhi
+ */
+
+import {useState, useCallback} from 'react';
+
+import {getRoleList as serviceGetRoleList} from '@/services/manage';
+import {REQUEST_CODE} from '@/contants';
+
+const useRoleList = () => {
+    const [roleList, setRoleList] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [roleListTotalCount, setRoleListTotalCount] = useState(0);
+
+    // 获取角色列表
+    const getRoleList = useCallback(async params => {
+        setLoading(true);
+        const {contents = [], totalCount = 0, code} =  await serviceGetRoleList(params);
+        if (REQUEST_CODE.SUCCESS === code) {
+            setRoleList(contents);
+            setRoleListTotalCount(totalCount);
+        }
+        setLoading(false);
+
+        return contents;
+    }, []);
+
+    return {
+        roleList, // 角色列表
+        roleLoading: loading, // 请求列表loading
+        roleListTotalCount, // 列表总数
+        setRoleList,
+
+        getRoleList, // 获取角色下拉列表方法
+    };
+};
+
+export default useRoleList;

package/src/hooks/object/useService.js

@@ -0,0 +1,37 @@
+/**
+ * 服务列表
+ * tangjian
+ * 2022-10-17
+ */
+
+import {useState, useCallback} from 'react';
+
+import {getServiceList as serviceGetList} from '@/services/manage';
+import {REQUEST_CODE} from '@/contants';
+
+const useService = () => {
+    const [serviceList, setServiceList] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [firstServiceId, setFirstServiceId] = useState();
+
+    // 获取列表
+    const getServiceList = useCallback(async params => {
+        setLoading(true);
+        const {contents, totalCount, code} = await serviceGetList(params);
+        if (REQUEST_CODE.SUCCESS === code) {
+            setFirstServiceId(contents[0]?.serviceId);
+            setServiceList(contents);
+        }
+        setLoading(false);
+    }, []);
+
+    return {
+        getServiceList, // 获取服务列表
+
+        serviceList, // 服务列表
+        serviceLoading: loading, // 访问接口loading
+        firstServiceId, // 服务列表中第一个值
+    };
+};
+
+export default useService;

package/src/hooks/object/useTokenTrend.js

@@ -0,0 +1,108 @@
+/**
+ * 天网-账号趋势数据
+ * zoujiazhi
+ */
+
+import {useState, useCallback} from 'react';
+import _ from 'lodash';
+
+import {getPercent, unitConverter} from '@/utils/utils';
+import {getRejectRatio} from '@/utils/getRejectRatio';
+import {HTTP_CODE, EMPTY_OBJ} from '@/contants';
+import {getActiveTokenData, getNewActiveTokenData} from '@/services/trend';
+
+const defaultTokenTrend = {
+    title: '趋势统计',
+    xAxisData: [],
+    configData: [
+        {
+            'name': '活跃账号数',
+            'data': [],
+            'color': 'blue',
+            'selected': false,
+            'type': 'active',
+        },
+        {
+            'name': '正常账号数',
+            'data': [],
+            'color': 'green',
+            'selected': false,
+            'type': 'normal',
+        },
+        {
+            'name': '风险账号数',
+            'data': [],
+            'color': 'red',
+            'selected': true,
+            'type': 'risk',
+        },
+    ],
+    xname: '',
+    yname: '数量（个）',
+};
+
+const defaultTokenCardData = [
+    {title: '活跃账号数', total: 0, percent: '', type: 'total', key: 'active'},
+    {title: '正常账号数', total: 0, percent: '0.00%', type: 'pass', key: 'normal'},
+    {title: '风险账号数', total: 0, percent: '0.00%', type: 'reject', key: 'risk'},
+];
+
+const useTokenTrend = props => {
+    const [tokenCardData, setTokenCardData] = useState(defaultTokenCardData);
+    const [tokenTrendLineData, setTokenTrendLineData] = useState(defaultTokenTrend);
+
+    const getActiveToken = useCallback(async (params, setLoading) => {
+        setLoading?.(true);
+        let result = {};
+        if (_.get(props, 'isNew')) {
+            result = await getNewActiveTokenData(params);
+        }
+        else {
+            result = await getActiveTokenData(params);
+        }
+        const {code, content} = result;
+        const newTokenCardData = _.cloneDeep(tokenCardData);
+        const newTokenTrendLineData = _.cloneDeep(tokenTrendLineData);
+        if (code === HTTP_CODE.SUCCESS) {
+            const {total = EMPTY_OBJ, tendency = EMPTY_OBJ} = content;
+            let riskRatio = [];
+            try {
+                riskRatio = getRejectRatio(tendency.active, tendency.risk);
+            } catch (error) {}
+            tendency.riskRatio = riskRatio;
+            // 卡片数据
+            _.forEach(newTokenCardData, (item, index) => {
+                newTokenCardData[index].total = unitConverter(total[item.key]).num;
+                newTokenCardData[index].unit = unitConverter(total[item.key]).unit;
+                if (item.key !== 'active') {
+                    newTokenCardData[index].percent = getPercent(total[item.key], total.active);
+                }
+            });
+
+            // 趋势数据
+            _.forEach(newTokenTrendLineData.configData, (item, index) => {
+                newTokenTrendLineData.configData[index].data = tendency[item.type];
+            });
+            newTokenTrendLineData.xAxisData = tendency.x_axis;
+            // 更新到state
+            setTokenCardData(newTokenCardData);
+            setTokenTrendLineData(newTokenTrendLineData);
+        } else {
+            setTokenCardData(defaultTokenCardData);
+            setTokenTrendLineData(defaultTokenTrend);
+        }
+        setLoading?.(false);
+    }, [tokenCardData, tokenTrendLineData]);
+
+    return {
+        // 账号卡片数据
+        tokenCardData,
+        // 账号的折线图数据
+        tokenTrendLineData,
+
+        // 获取账号的趋势数据
+        getActiveToken,
+    };
+};
+
+export default useTokenTrend;

package/src/hooks/object/useTwHistory.js

@@ -0,0 +1,69 @@
+/**
+ * 天网-账号设备历史记录数据
+ * zoujiazhi
+ */
+
+import {useState, useCallback} from 'react';
+import _ from 'lodash';
+
+import {API} from '@/configure';
+import {exportFile} from '@/utils/utils';
+import {getTokenHistory as getTwHistoryData, getNewTokenHistory} from '@/services/trend';
+import {HTTP_CODE} from '@/contants';
+
+const useTwHistory = props => {
+    const [twHistory, setTwHistory] = useState([]);
+    const [totalCount, setTotalCount] = useState();
+    const [exportLoading, setExportLoading] = useState(false);
+    const getTwHistory = useCallback(async (params, setLoading) => {
+        setLoading?.(true);
+        let result = {};
+        if (_.get(props, 'isNew')) {
+            result = await getNewTokenHistory(params);
+        }
+        else {
+            result = await getTwHistoryData(params);
+        }
+        const {code, contents, totalCount} = result;
+        if (code === HTTP_CODE.SUCCESS) {
+            setTwHistory(contents);
+            setTotalCount(totalCount);
+        } else {
+            setTwHistory([]);
+            setTotalCount();
+        }
+        setLoading?.(false);
+    }, []);
+
+    const exportData = useCallback(params => {
+        const {searchParams, t} = params;
+        const {serviceId} = searchParams;
+        setExportLoading(true);
+        delete searchParams.count;
+        delete searchParams.offset;
+        delete searchParams.pageSize;
+        delete searchParams.serviceId;
+        delete searchParams.from;
+        const downloadUrl = API.HISTORY.TOKENID_EXPORT;
+        const titleMap = {
+            ACCOUNT_FRAUD: '账号风险趋势',
+            DEVICE_PROFILE: '设备风险趋势',
+        };
+        const title = `${t('天网')}-${t(titleMap[serviceId])}-${t('历史记录表')}.csv`;
+        exportFile(downloadUrl, title, searchParams).then(() => setExportLoading(false));
+    }, []);
+
+    return {
+        // 账号设备详情列表数据
+        twHistory,
+        totalCount,
+        exportLoading,
+
+        // 获取账号,设备详情列表
+        getTwHistory,
+        // 导出账号，设备
+        exportData,
+    };
+};
+
+export default useTwHistory;