admin2 1.0.0

package/public/txt/example.txt

@@ -0,0 +1,2 @@
+图片url1
+图片url2

package/src/assets/demoImg/index.js

@@ -0,0 +1,17 @@
+/**
+ * 演示账号图片 同一出口
+ */
+
+import HeaderLogo from './headerLogo.png';
+import LeftBanner from './leftBanner.png';
+import LeftLogo from './leftLogo.png';
+import SystemLogo from './systemLogo.png';
+import FengKong from './fengkong.ico';
+
+export {
+    HeaderLogo,
+    LeftBanner,
+    LeftLogo,
+    SystemLogo,
+    FengKong,
+};

package/src/assets/logo.svg

@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.46 141.73"><defs><style>.cls-1{fill:#d3d3d4;}.cls-2{fill:#fff;}</style></defs><title>logo系列最终版</title><path class="cls-1" d="M74.57,60,46.15,29.28c-3-3.19-9.27-1.07-9.28,4.11l0,14.74L55.31,68.19A5.63,5.63,0,0,0,59.52,70l11.31-.19C75.7,69.76,78,63.64,74.57,60Z"/><path class="cls-1" d="M74.79,82.69,46.15,113.76a5.52,5.52,0,0,1-9.28-4.1l.27-14.47L56,74.87A5.6,5.6,0,0,1,60.24,73l11-.1C76.13,73,78.24,79,74.79,82.69Z"/><path class="cls-2" d="M105.31,25.47a5.12,5.12,0,0,0-5.85,1.27L77.75,50.07a6.48,6.48,0,0,0,.07,8.69l5.3,5.61a5.35,5.35,0,0,0,8-.15L102,52.74l16.36-17.42h0l.08-.09a5.21,5.21,0,0,1,5.94-1.31l.13,0Z"/><path class="cls-1" d="M123.21,112.1a4.13,4.13,0,0,0,6-3.53v-.07l.29-65.39c0-5.18-6.33-7.38-9.63-4L112,47.32a5.84,5.84,0,0,0-1.58,4l-.17,49.47c0,3.78.91,5.89,6.31,8Z"/><path class="cls-2" d="M33.43,112.4v-.14l0-25.6,0-15.76,0-15.76,0-24.3a6.83,6.83,0,0,1-.06-.8,5.67,5.67,0,0,1,2.89-4.93L17.7,33.32a5.75,5.75,0,0,0-3.32,5.3v65.52a5.75,5.75,0,0,0,3.32,5.3l19.15,8.48-.07-.12A5.88,5.88,0,0,1,33.43,112.4Z"/><polygon class="cls-2" points="163.99 37.57 163.99 48.6 175.37 48.6 175.37 52.51 163.99 52.51 163.99 64.87 160.08 64.87 160.08 52.51 148.76 52.51 148.76 48.6 160.08 48.6 160.08 37.57 163.99 37.57"/><polygon class="cls-2" points="149.39 63.09 152.84 52.86 156.58 54.12 153.13 64.35 149.39 63.09"/><path class="cls-2" d="M154.65,39.71a11.42,11.42,0,0,0,.87,3.08,11.54,11.54,0,0,0,1.53,2.7l-3.22,2a9.38,9.38,0,0,1-2-3.21,10.76,10.76,0,0,1-.89-3.62Z"/><polygon class="cls-2" points="171 64.35 167.55 54.12 171.23 52.86 174.68 63.09 171 64.35"/><path class="cls-2" d="M198.3,47.22h2.8v-3.9H182.59a2.22,2.22,0,0,1-2.12-2.46V37.51h-3.94l0,2.64c-.22,5.17,2.29,7.07,6.05,7.07h11.78c-.28,4-.66,6.85-1.12,10a46.79,46.79,0,0,1-5.33,15.5c-.19-.34-.4-.67-.58-1-3.84-7.15-4.65-13.12-5.13-21.22l-4.07-.05a48,48,0,0,0,6.37,24.4c.35.59.72,1.17,1.1,1.74a51,51,0,0,1-9.11,10.73L179.34,90a49.31,49.31,0,0,0,8.88-9.89,67.75,67.75,0,0,0,9.9,9.8l2.68-2.71a48.53,48.53,0,0,1-10.36-10.56A51.24,51.24,0,0,0,197.12,58,92.76,92.76,0,0,0,198.3,47.22Z"/><path class="cls-2" d="M172.72,74.19h0a9.58,9.58,0,0,0,.41-1.57c0-.07,0-.14.05-.21h3.11V68.51h-2.73c.07-1.19.07-2.06.07-2.06l-3.72-.23c0,.86-.09,1.61-.15,2.29H155.59c-.11-1.09-.2-2.34-.23-3.75l-3.9.23s.06,1.6.2,3.52H149v3.91h3.11c0,.13.07.26.1.39a7.91,7.91,0,0,0,.36,1.39h0a18.16,18.16,0,0,0,6,8.74l-8.16,3.4,1.44,3.56,10.63-4.43.2,0,.36.11,10.49,4.37,1.44-3.56-8.16-3.4A18.16,18.16,0,0,0,172.72,74.19ZM162.64,81a15.55,15.55,0,0,1-6.18-7.73c-.06-.19-.13-.47-.23-.86h12.88A15.36,15.36,0,0,1,162.64,81Z"/><path class="cls-2" d="M173.15,41a10.66,10.66,0,0,1-.9,3.62,9.59,9.59,0,0,1-2,3.22l-3.23-2a11.12,11.12,0,0,0,1.53-2.7,11.72,11.72,0,0,0,.88-3.08Z"/><path class="cls-2" d="M266,75.57V71.66H241.92a33,33,0,0,0,1.18-5.12h23.67v-3.9H243.61V60.15c0-.4,0-.79,0-1.2h0V57.52h19.94V53.61H243.61V48.55h22.13v-3.9H255.16l3-4.83-3.28-2.13-4.37,7H232.81l-4.43-7-3.28,2.13,3,4.83H217.57v3.9H239.7v5.06H219.76v3.91H239.7V59h0c0,1.26,0,2.47-.1,3.64H216.54v3.9h22.59a28.37,28.37,0,0,1-1.36,5.12H217.29v3.91h18.54C232,81.63,225.34,85,215.67,85.72l.15,4.08c12-.9,20.25-5.77,24.49-14.23Z"/><path class="cls-2" d="M245.07,76l-2.86,2.67C249,87.33,256,88.93,267.61,89.8l.15-4.08C258.08,85,251.34,83.18,245.07,76Z"/><path class="cls-2" d="M160.61,109.26a1,1,0,0,1-1-1v-7.38a2.17,2.17,0,0,0-2.17-2.17h-4.18a2.17,2.17,0,0,0-2.17,2.17v7.38a1,1,0,1,1-2.07,0v-7.38a4.24,4.24,0,0,1,4.24-4.24h4.18a4.24,4.24,0,0,1,4.24,4.24v7.38A1,1,0,0,1,160.61,109.26Z"/><path class="cls-2" d="M216,109.26H210.6a1.68,1.68,0,0,1-1.67-1.68v-7a1,1,0,1,1,2.07,0v5.81a.78.78,0,0,0,.78.79H216a3.51,3.51,0,0,0,3.51-3.51v-1.5A3.51,3.51,0,0,0,216,98.67h-6a1,1,0,0,1,0-2.07h6a5.58,5.58,0,0,1,5.58,5.58v1.5A5.58,5.58,0,0,1,216,109.26Z"/><path class="cls-2" d="M191.54,107.39l-11-10.48A1.08,1.08,0,0,0,179,98.47l4.7,4.47-4.23,4.32a1.07,1.07,0,0,0,0,1.52,1.1,1.1,0,0,0,.75.31,1.06,1.06,0,0,0,.77-.33l4.26-4.34,4.76,4.53a1.08,1.08,0,0,0,1.49-1.56Z"/><path class="cls-2" d="M187.32,102a1.08,1.08,0,0,0,.78-.33l2.89-3a1.09,1.09,0,0,0,0-1.53,1.07,1.07,0,0,0-1.52,0l-2.89,3a1.07,1.07,0,0,0,0,1.52A1.06,1.06,0,0,0,187.32,102Z"/><path class="cls-2" d="M175.59,109.26h-7.38A4.25,4.25,0,0,1,164,105v-4.18a4.24,4.24,0,0,1,4.24-4.24h2.93a1,1,0,1,1,0,2.07h-2.93a2.17,2.17,0,0,0-2.17,2.17V105a2.17,2.17,0,0,0,2.17,2.17h7.38a1,1,0,1,1,0,2.07Z"/><path class="cls-2" d="M175.55,104h-7.39a1,1,0,0,1,0-2.07h7.39a1,1,0,0,1,0,2.07Z"/><path class="cls-2" d="M205.9,98.82H194.64a1,1,0,0,1,0-2.07H205.9a1,1,0,0,1,0,2.07Z"/><path class="cls-2" d="M200.28,109.1a1,1,0,0,1-1-1v-7.21a1,1,0,0,1,2.07,0v7.21A1,1,0,0,1,200.28,109.1Z"/><path class="cls-2" d="M250.86,98.82H239.6a1,1,0,0,1,0-2.07h11.26a1,1,0,0,1,0,2.07Z"/><path class="cls-2" d="M245.24,109.1a1,1,0,0,1-1-1v-7.21a1,1,0,0,1,2.07,0v7.21A1,1,0,0,1,245.24,109.1Z"/><path class="cls-2" d="M236.52,107.9l-3-8.92a3.48,3.48,0,0,0-6.6,0l-3,8.92a1,1,0,0,0,.65,1.31,1,1,0,0,0,.33.06,1,1,0,0,0,1-.71l1-3.14h3.69a1,1,0,0,0,0-2.07h-3l1.25-3.71a1.4,1.4,0,0,1,1.33-1,1.41,1.41,0,0,1,1.34,1l3,8.92a1,1,0,0,0,2-.65Z"/><path class="cls-2" d="M266.49,107.9l-3-8.92a3.48,3.48,0,0,0-6.6,0l-3,8.92a1,1,0,0,0,.65,1.31,1,1,0,0,0,.33.06,1,1,0,0,0,1-.71l1-3.14h3.69a1,1,0,0,0,0-2.07h-3l1.24-3.71a1.41,1.41,0,0,1,2.67,0l3,8.92a1,1,0,0,0,1.31.65A1,1,0,0,0,266.49,107.9Z"/></svg>

package/src/assets/notFind.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1199 1024" width="117" height="100" style="" filter="none">
+    
+    <g>
+    <path d="M78.848 25.91763c-28.406519 0-51.806815 23.409778-51.806815 51.835259v864.478815c0 28.425481 23.400296 51.835259 51.806815 51.835259h1038.648889c28.406519 0 51.806815-23.409778 51.806815-51.835259V77.752889c0-28.425481-23.400296-51.835259-51.806815-51.835259H78.848z m0-25.91763h1038.648889c43.448889 0 77.710222 35.114667 77.710222 77.752889v864.478815c0 42.638222-35.095704 77.752889-77.710222 77.752889H78.848c-43.448889 0-77.705481-35.114667-77.705481-77.752889V77.752889C1.137778 35.114667 36.233481 0 78.848 0z" fill="#AAB7C4" p-id="2973"></path><path d="M0 212.527407h1175.324444v-25.637926H0v25.637926z m91.908741-85.456592h50.133333v-25.637926H91.908741v25.637926z m100.266666 0h50.133334v-25.637926H192.175407v25.637926z m100.266667 0h50.133333v-25.637926H292.442074v25.637926z" fill="#AAB7C4" p-id="2974"></path><path d="M785.825185 699.06963v-25.386667c0-28.041481-14.672593-42.311111-43.52-42.311111-28.847407 0-43.52 14.26963-43.52 42.311111v25.386667h87.04z m-117.195852 111.217777h147.351704a8.647111 8.647111 0 0 0 8.528593-8.647111V723.294815l-164.408889-0.052148v78.392889a8.594963 8.594963 0 0 0 8.528592 8.647111z m-32.70637-100.432592c0-4.721778 3.877926-8.552296 8.666074-8.552296h25.988741v-25.666371c0-37.797926 31.032889-68.442074 69.309629-68.442074 38.276741 0 69.30963 30.644148 69.30963 68.442074v25.666371h25.993482c4.778667 0 8.661333 3.797333 8.661333 8.552296v102.717629c-0.028444 9.438815-7.798519 17.076148-17.360593 17.057186h-173.207703c-9.562074 0.018963-17.332148-7.61363-17.360593-17.057186v-102.717629z m103.964444 76.254815c-4.882963 0-8.836741-3.740444-8.83674-8.353186v-18.460444h-8.922074c-4.882963 0-8.836741-3.740444-8.836741-8.353185s3.953778-8.353185 8.836741-8.353185h35.517629c4.882963 0 8.836741 3.740444 8.836741 8.353185s-3.953778 8.353185-8.836741 8.353185h-8.922074v18.460444c0 4.612741-3.958519 8.353185-8.836741 8.353186z m-252.861629-377.400889c41.955556-63.886222 128.047407-81.85837 192.303407-40.139852 39.291259 25.509926 62.976 69.020444 62.976 115.678815 0 76.288-62.184296 138.135704-138.908444 138.154666-15.435852 0-37.617778 0.967111-52.096 4.133926-93.473185 20.442074-165.940148 103.99763-165.940148 203.093334H360.296296c0-107.140741 70.063407-197.987556 167.096889-229.712593-64.251259-41.718519-82.322963-127.322074-40.367407-191.208296z m231.101629 75.178666c0-61.425778-50.87763-111.217778-113.635555-111.217777s-113.635556 49.792-113.635556 111.217777 50.87763 111.217778 113.635556 111.217778c62.767407-0.009481 113.635556-49.801481 113.635555-111.217778z" fill="#AAB7C4" p-id="2975"></path>
+    </g>
+  </svg>

package/src/assets/pdf.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="28px" viewBox="0 0 24 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 4备份 3</title>
+    <g id="舆情中心" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="舆情中心-舆情管理-发布舆情日报" transform="translate(-292.000000, -571.000000)">
+            <g id="编组-4备份-3" transform="translate(292.000000, 571.000000)">
+                <polygon id="矩形" fill="#637794" points="0 9.15480467 3.25423729 9.15480467 3.25423729 13.1764706 0 13.1764706"></polygon>
+                <path d="M2.34940475,11.5365905 C2.98561255,11.5365905 4.69734198,11.9523535 5.41786771,11.5365905 C6.16684808,11.1044085 6.69580353,6.78019757 6.69580353,6.78019757 C6.69580353,6.78019757 3.64694516,6.78019757 2.34940475,6.78019757 C1.05186433,6.78019757 0,7.8449524 0,9.15839404 C0,10.4718357 1.05186433,11.5365905 2.34940475,11.5365905 Z" id="椭圆形" fill="#C1DBDD"></path>
+                <path d="M4.90129611,0 L18.5036069,0 L18.5036069,0 L18.5036069,5.45810143 L24,5.45810143 L24,26.3529412 C24,27.2625866 23.2625866,28 22.3529412,28 L4.90129611,28 C3.99165064,28 3.25423729,27.2625866 3.25423729,26.3529412 L3.25423729,1.64705882 C3.25423729,0.737413353 3.99165064,1.27732219e-15 4.90129611,0 Z" id="矩形" fill="#C4D9F3"></path>
+                <path d="M0,11.5294118 L16.2512463,11.5294118 C17.1608917,11.5294118 17.8983051,12.2668251 17.8983051,13.1764706 L17.8983051,19.7647059 C17.8983051,20.6743514 17.1608917,21.4117647 16.2512463,21.4117647 L1.64705882,21.4117647 C0.737413353,21.4117647 3.33444046e-16,20.6743514 0,19.7647059 L0,11.5294118 L0,11.5294118 Z" id="矩形" fill="#5F81B3"></path>
+                <g id="PDF" transform="translate(1.627119, 13.176471)" fill="#FFFFFF" fill-rule="nonzero">
+                    <path d="M0,0 L0,5.88 L0.951864407,5.88 L0.951864407,3.62352941 L2.39186441,3.62352941 C3.80745763,3.62352941 4.51525424,3.01411765 4.51525424,1.80352941 C4.51525424,0.601176471 3.80745763,0 2.40813559,0 L0,0 Z M0.951864407,0.823529412 L2.33491525,0.823529412 C2.74983051,0.823529412 3.05898305,0.897647059 3.25423729,1.05411765 C3.44949153,1.20235294 3.55525424,1.44941176 3.55525424,1.80352941 C3.55525424,2.15764706 3.45762712,2.41294118 3.26237288,2.56941176 C3.06711864,2.71764706 2.7579661,2.8 2.33491525,2.8 L0.951864407,2.8 L0.951864407,0.823529412 Z" id="形状"></path>
+                    <path d="M5.32881356,0 L5.32881356,5.88 L7.45220339,5.88 C8.3959322,5.88 9.10372881,5.61647059 9.59186441,5.08941176 C10.0555932,4.58705882 10.2915254,3.87058824 10.2915254,2.94 C10.2915254,2.00117647 10.0555932,1.28470588 9.59186441,0.790588235 C9.10372881,0.263529412 8.3959322,0 7.45220339,0 L5.32881356,0 Z M6.28067797,0.823529412 L7.27322034,0.823529412 C7.99728814,0.823529412 8.52610169,0.988235294 8.85966102,1.32588235 C9.18508475,1.65529412 9.34779661,2.19882353 9.34779661,2.94 C9.34779661,3.66470588 9.18508475,4.2 8.85966102,4.54588235 C8.52610169,4.88352941 7.99728814,5.05647059 7.27322034,5.05647059 L6.28067797,5.05647059 L6.28067797,0.823529412 Z" id="形状"></path>
+                    <polygon id="路径" points="11.1864407 0 11.1864407 5.88 12.1383051 5.88 12.1383051 3.27764706 14.9776271 3.27764706 14.9776271 2.45411765 12.1383051 2.45411765 12.1383051 0.823529412 15.1484746 0.823529412 15.1484746 0"></polygon>
+                </g>
+                <polygon id="路径-6" fill="#86A3C9" points="18.5036069 0 18.5036069 5.45810143 24 5.45810143"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/ssoImg/index.js

@@ -0,0 +1,5 @@
+import LeftLogo from './leftLogo.png';
+
+export {
+    LeftLogo,
+};

package/src/components/ApprovalUploader/constants.js

@@ -0,0 +1,6 @@
+// 文件上传状态
+export const FILE_STATUS = {
+    DONE: 'done',
+    ERROR: 'error',
+    UPLOADING: 'uploading',
+};

package/src/components/ApprovalUploader/img/index.js

@@ -0,0 +1,15 @@
+/*
+*  审核上传，icon图标
+*  zoujiazhi
+*/
+import previewImg from './previewIcon.png';
+import downloadImg from './downloadIcon.png';
+import removeImg from './remove.png';
+import defaultIcon from './default.png';
+
+export {
+    previewImg,
+    downloadImg,
+    removeImg,
+    defaultIcon,
+};

package/src/components/ApprovalUploader/index.js

@@ -0,0 +1,181 @@
+/*
+*  名单审批上传
+*  zoujiazhi
+   主要用于名单审批上传
+  不限场景。需要进度条上传，且需要展示图片大小。等均可使用
+*/
+
+import {useState, useCallback} from 'react';
+import {Upload, Button, message, Progress, Popover, Modal} from 'antd';
+import _ from 'lodash';
+
+import {HTTP_CODE, LOCAL_STORAGE} from '@/contants';
+import {Cookie, splitName, getBase64, handleFileSize, setUrlHttps} from '@/utils/utils';
+import {MAX_SIZE} from '@/pages/tj/components/MediaUpload/help';
+import {API} from '@/configure';
+import {useLanguage} from '@/hooks';
+
+import {FILE_STATUS} from './constants';
+import {removeImg, previewImg, downloadImg, defaultIcon} from './img';
+import styles from './index.less';
+
+const ApprovalUploader = props => {
+    const {onChange} = props;
+
+    const {t, currentLang} = useLanguage();
+
+    const [fileList, setFileList] = useState([]);
+    const [previewOpen, setPreviewOpen] = useState(false);
+    const [previewImage, setPreviewImage] = useState('');
+
+    const getOption = useCallback((item, option) => ({
+        isOk: _.get(item, option) === HTTP_CODE.SUCCESS,
+        item: _.get(item, option),
+    }), []);
+
+    const handleUploadChange = useCallback(({fileList, file}) => {
+        const {status} = file;
+        const submitFileList = [];
+        const msg = getOption(file, 'response.message').item;
+        const uploadSuccess = getOption(file, 'response.code').isOk;
+        if (status === FILE_STATUS.DONE && uploadSuccess) {
+            message.success(`${file.name} ${t('上传成功')}`);
+        }
+        else if (status === FILE_STATUS.ERROR) {
+            message.error(`${file.name} ${t('上传失败')}`);
+        }
+        else if (status === FILE_STATUS.DONE && !uploadSuccess) {
+            message.error(msg || t('上传失败'));
+            file.status = FILE_STATUS.ERROR;
+        }
+        if (fileList.length) {
+            _.map(fileList, item => {
+                const {status: itemStatus} = item;
+                const isSucess = getOption(item, 'response.code').isOk;
+                if (itemStatus === FILE_STATUS.DONE && isSucess) {
+                    const fileUrl = _.get(item, 'response.content.fileUrl');
+                    submitFileList.push(setUrlHttps(fileUrl));
+                }
+            });
+        }
+        onChange?.(submitFileList);
+        setFileList([...fileList]);
+    }, [onChange, getOption]);
+
+    // 点击图片预览
+    const handlePreview = useCallback(async file => {
+        if (!file.url && !file.preview) {
+            file.preview = await getBase64(file.originFileObj);
+        }
+        setPreviewImage(file.url || file.preview);
+        setPreviewOpen(true);
+    }, []);
+
+    // 自定义渲染文件列表
+    const renderFileItem = useCallback((originNode, file, fileList, actions) => {
+        const {percent, name, size, status, thumbUrl} = file;
+        const isUploading = status === FILE_STATUS.UPLOADING;
+
+        if (status === FILE_STATUS.DONE) {
+            const fileUrl = _.get(file, 'response.content.fileUrl');
+            file.url = setUrlHttps(fileUrl);
+        }
+        const isError = status === FILE_STATUS.ERROR;
+        const titleIcon = isUploading ? defaultIcon : thumbUrl && thumbUrl.length > 0 ? thumbUrl : defaultIcon;
+        const isImg = thumbUrl && thumbUrl.length > 0;
+
+        return !isError && (
+            <div className={styles['file-item']}>
+                <img
+                    className={styles['file-item-left-icon']}
+                    src={titleIcon}
+                    width={28}
+                    height={28}
+                />
+                {isUploading ? (
+                    <div className={styles['file-item-progress']}>
+                        <span>上传中...</span>
+                        <div>
+                            <Progress
+                                percent={parseInt(percent, 10)}
+                                trailColor="#D1D8E2"
+                                strokeColor="#13CBB9"
+                                size="small"
+                            />
+                        </div>
+                    </div>
+                ) : (
+                    <div className={styles['file-item-done']}>
+                        <Popover
+                            content={name}
+                            trigger="hover"
+                            placement="right"
+                        >
+                            {splitName(name, isImg ? 12 : 15)}
+                        </Popover>
+                        {size && <div>{handleFileSize(size, MAX_SIZE)}</div>}
+                    </div>
+                )}
+                {!isUploading && isImg && (
+                    <img
+                        src={previewImg}
+                        width={22}
+                        height={16}
+                        className={styles['file-item-preview']}
+                        onClick={actions?.preview}
+                    />
+                )}
+                {!isUploading && (
+                    <img
+                        src={downloadImg}
+                        width={22}
+                        height={16}
+                        className={styles['file-item-download']}
+                        onClick={actions?.download}
+                    />
+                )}
+                <img
+                    src={removeImg}
+                    width={16}
+                    height={16}
+                    className={styles['file-item-remove']}
+                    onClick={actions?.remove}
+                />
+            </div>
+        );
+    }, []);
+
+    return (
+        <div className={styles['admin-upload-wrapper']}>
+            <Upload
+                action={API.PAGE_SETUP.UPLOAD}
+                name="file"
+                listType="picture"
+                multiple
+                data={{
+                    bucket: 'webfile',
+                }}
+                headers={{
+                    'Token-Id': Cookie.get(LOCAL_STORAGE.SM_SAAS_TOKENID),
+                    lang: currentLang === 'en-US' ? 'en' : 'zh',
+                }}
+                fileList={fileList}
+                itemRender={renderFileItem}
+                showUploadList={{
+                    showDownloadIcon: true,
+                    showPreviewIcon: true,
+                    removeIcon: <img src={removeImg} width={16} height={16} />,
+                }}
+                onPreview={handlePreview}
+                onChange={handleUploadChange}
+            >
+                <Button>{t('点击上传')}</Button>
+            </Upload>
+            <Modal open={previewOpen} footer={null} onCancel={() => setPreviewOpen(false)}>
+                <img alt="preview" style={{width: '100%'}} src={previewImage} />
+            </Modal>
+        </div>
+    );
+};
+
+export default ApprovalUploader;

package/src/components/ApprovalUploader/index.less

@@ -0,0 +1,80 @@
+.admin-upload-wrapper {
+    :global {
+        .ant-upload-list.ant-upload-list-picture {
+            max-height: 650px;
+            width: 300px;
+            overflow-x: hidden;
+        }
+        .ant-upload-list-item {
+            width: 289px;
+            height: 56px;
+            background: #F5F7FA;
+            border-radius: 4px;
+            margin-top: 15px;
+            border: none;
+            &:hover {
+                background: #F5F7FA;
+            }
+        }
+    }
+    Button {
+        border-radius: 2px;
+        background: #fff;
+        border: 1px solid #15CBB9;
+        font-size: 14px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #13CBB9;
+        line-height: 20px;
+        &:hover,
+        &:active,
+        &:visited,
+        &:focus {
+            border: 1px solid #15CBB9;
+            background: #fff;
+        }
+    }
+}
+
+.file-item {
+    width: 289px;
+    height: 56px;
+    background: #F5F7FA;
+    border-radius: 4px;
+    font-size: 14px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #394B66;
+    display: flex;
+    margin-top: 15px;
+    align-items: center;
+    :global {
+        .image-detail-wrapper.ant-image {
+            min-width: none !important;
+        }
+    }
+    &-left-icon {
+        margin: 0 15px;
+    }
+    &-progress {
+        width: 176px;
+    }
+    &-done {
+        width: 140px;
+    }
+    &-preview {
+        cursor: pointer;
+        position: absolute;
+        left: 208px;
+    }
+    &-download {
+        cursor: pointer;
+        position: absolute;
+        left: 235px;
+    }
+    &-remove {
+        cursor: pointer;
+        position: absolute;
+        left: 265px;
+    }
+}

package/src/components/Authorized/Authorized.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Result } from 'antd';
+import check from './CheckPermissions';
+
+const Authorized = ({
+    children,
+    authority,
+    noMatch = (
+        <Result
+            status="403"
+            title="403"
+            subTitle="Sorry, you are not authorized to access this page."
+        />
+    ),
+}) => {
+    const childrenRender = typeof children === 'undefined' ? null : children;
+    const dom = check(authority, childrenRender, noMatch);
+    return <>{dom}</>;
+};
+
+export default Authorized;

package/src/components/Authorized/AuthorizedRoute.jsx

@@ -0,0 +1,25 @@
+import { Redirect, Route } from 'umi';
+import React from 'react';
+import Authorized from './Authorized';
+
+const AuthorizedRoute = ({ component: Component, render, authority, redirectPath, ...rest }) => (
+    <Authorized
+        authority={authority}
+        noMatch={
+            <Route
+                {...rest}
+                render={() => (
+                    <Redirect
+                        to={{
+                            pathname: redirectPath,
+                        }}
+                    />
+                )}
+            />
+        }
+    >
+        <Route {...rest} render={props => (Component ? <Component {...props} /> : render(props))} />
+    </Authorized>
+);
+
+export default AuthorizedRoute;

package/src/components/Authorized/CheckPermissions.jsx

@@ -0,0 +1,72 @@
+import React from 'react';
+import { CURRENT } from './renderAuthorize';
+
+import PromiseRender from './PromiseRender';
+
+/**
+ * 通用权限检查方法
+ * Common check permissions method
+ * @param { 权限判定 | Permission judgment } authority
+ * @param { 你的权限 | Your permission description } currentAuthority
+ * @param { 通过的组件 | Passing components } target
+ * @param { 未通过的组件 | no pass components } Exception
+ */
+const checkPermissions = (authority, currentAuthority, target, Exception) => {
+    // 没有判定权限.默认查看所有
+    // Retirement authority, return target;
+    if (!authority) {
+        return target;
+    } // 数组处理
+
+    if (Array.isArray(authority)) {
+        if (Array.isArray(currentAuthority)) {
+            if (currentAuthority.some(item => authority.includes(item))) {
+                return target;
+            }
+        } else if (authority.includes(currentAuthority)) {
+            return target;
+        }
+
+        return Exception;
+    } // string 处理
+
+    if (typeof authority === 'string') {
+        if (Array.isArray(currentAuthority)) {
+            if (currentAuthority.some(item => authority === item)) {
+                return target;
+            }
+        } else if (authority === currentAuthority) {
+            return target;
+        }
+
+        return Exception;
+    } // Promise 处理
+
+    if (authority instanceof Promise) {
+        return <PromiseRender ok={target} error={Exception} promise={authority} />;
+    } // Function 处理
+
+    if (typeof authority === 'function') {
+        const bool = authority(currentAuthority); // 函数执行后返回值是 Promise
+
+        if (bool instanceof Promise) {
+            return <PromiseRender ok={target} error={Exception} promise={bool} />;
+        }
+
+        if (bool) {
+            return target;
+        }
+
+        return Exception;
+    }
+
+    throw new Error('unsupported parameters');
+};
+
+export { checkPermissions };
+
+function check(authority, target, Exception) {
+    return checkPermissions(authority, CURRENT, target, Exception);
+}
+
+export default check;

package/src/components/Authorized/PromiseRender.jsx

@@ -0,0 +1,80 @@
+import React from 'react';
+import { Spin } from 'antd';
+import isEqual from 'lodash/isEqual';
+import { isComponentClass } from './Secured';
+
+export default class PromiseRender extends React.Component {
+    state = {
+        component: () => null,
+    };
+
+    componentDidMount() {
+        this.setRenderComponent(this.props);
+    }
+
+    shouldComponentUpdate = (nextProps, nextState) => {
+        const { component } = this.state;
+
+        if (!isEqual(nextProps, this.props)) {
+            this.setRenderComponent(nextProps);
+        }
+
+        if (nextState.component !== component) {
+            return true;
+        }
+        return false;
+    }; // set render Component : ok or error
+
+    setRenderComponent(props) {
+        const ok = this.checkIsInstantiation(props.ok);
+        const error = this.checkIsInstantiation(props.error);
+        props.promise
+            .then(() => {
+                this.setState({
+                    component: ok,
+                });
+                return true;
+            })
+            .catch(() => {
+                this.setState({
+                    component: error,
+                });
+            });
+    } // Determine whether the incoming component has been instantiated
+    // AuthorizedRoute is already instantiated
+    // Authorized  render is already instantiated, children is no instantiated
+    // Secured is not instantiated
+
+    checkIsInstantiation = target => {
+        if (isComponentClass(target)) {
+            const Target = target;
+            return props => <Target {...props} />;
+        }
+
+        if (React.isValidElement(target)) {
+            return props => React.cloneElement(target, props);
+        }
+
+        return () => target;
+    };
+
+    render() {
+        const { component: Component } = this.state;
+        const { ok, error, promise, ...rest } = this.props;
+        return Component ? (
+            <Component {...rest} />
+        ) : (
+            <div
+                style={{
+                    width: '100%',
+                    height: '100%',
+                    margin: 'auto',
+                    paddingTop: 50,
+                    textAlign: 'center',
+                }}
+            >
+                <Spin size="large" />
+            </div>
+        );
+    }
+}