first

.commitlintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["@commitlint/config-conventional"]
+}

.env.development

@@ -0,0 +1,29 @@
+# 只在开发模式中被载入
+VITE_PORT = 8001
+
+# 网站根目录
+VITE_PUBLIC_PATH = /
+
+# 是否开启mock
+VITE_USE_MOCK = false
+
+# 网站前缀
+VITE_BASE_URL = /
+
+# 是否删除console
+VITE_DROP_CONSOLE = true
+
+# 跨域代理，可以配置多个，请注意不要换行
+VITE_PROXY=[["/api","http://47.93.59.251:8311/jeecg-boot"]]
+
+# API 接口地址
+VITE_GLOB_API_URL =
+
+# 图片上传地址
+VITE_GLOB_UPLOAD_URL=
+
+# 图片前缀地址
+VITE_GLOB_IMG_URL="http://47.93.59.251:8311/jeecg-boot"
+
+# 接口前缀
+VITE_GLOB_API_URL_PREFIX = /api

.env.production

@@ -0,0 +1,31 @@
+# 是否开启mock
+VITE_USE_MOCK = false
+
+# 网站根目录
+VITE_PUBLIC_PATH = /
+
+# 网站前缀
+VITE_BASE_URL = /
+
+# 是否删除console
+VITE_DROP_CONSOLE = false
+
+# API
+VITE_GLOB_API_URL =
+
+# 图片上传地址
+VITE_GLOB_UPLOAD_URL=
+
+# 图片前缀地址
+VITE_GLOB_IMG_URL="http://47.103.213.109:8311/jeecg-boot"
+
+# 接口前缀
+VITE_GLOB_API_URL_PREFIX = /api
+
+# 是否启用gzip压缩或brotli压缩
+# 可选: gzip | brotli | none
+# 如果你需要多种形式，你可以用','来分隔
+VITE_BUILD_COMPRESS = 'none'
+
+# 使用压缩时是否删除原始文件，默认为false
+VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false

.gitignore

@@ -0,0 +1,130 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+.temp
+.cache
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+node_modules/.bin/commitlint --edit ${1}

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+# node_modules/.bin/lint-staged
+date

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}

.vscode/settings.json

@@ -0,0 +1,42 @@
+{
+  // Enable the ESlint flat config support
+  "eslint.experimental.useFlatConfig": true,
+
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off" },
+    { "rule": "format/*", "severity": "off" },
+    { "rule": "*-indent", "severity": "off" },
+    { "rule": "*-spacing", "severity": "off" },
+    { "rule": "*-spaces", "severity": "off" },
+    { "rule": "*-order", "severity": "off" },
+    { "rule": "*-dangle", "severity": "off" },
+    { "rule": "*-newline", "severity": "off" },
+    { "rule": "*quotes", "severity": "off" },
+    { "rule": "*semi", "severity": "off" }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml"
+  ]
+}

README.md

@@ -0,0 +1,6 @@
+## dev
+
+1. 安装Node
+2. 全局安装pnpm
+3. pnpm install
+4. pnpm serve

SERVER.md

@@ -0,0 +1,29 @@
+## 接口
+
+1. 图片上传 ok
+2. 过滤收藏 ok
+3. 过滤搜索(高级过滤处的搜索/Modal的搜索)
+4. 过滤编辑
+5. 过滤排序
+
+## 修改
+
+1. 获取用户配置选项：所属项目、可下载图片等，支持排序
+2. 获取筛选，设置筛选（与用户设置一个数据结构？）
+4. 获取自定义过滤条件：收藏字段
+5. 删除过滤失败(操作失败，Required request parameter 'ids' for method parameter type String | {"ids":"1745378987390234625"} )
+
+## TODO
+
+1. 工单与任务包的关系
+2. 任务包和右侧内容的关系
+3. 在工单数据里查相似图片怎么查？
+4. 判真假id如何查询？
+
+
+1. 工单，任务包?所有工单？
+2. 任务包，任务?
+3. 主图，图片列表？
+4. 选中，主图变不变？
+5. 列表图判真假什么效果？
+6. 清除标记只针对主图？

TODO.md

@@ -0,0 +1,5 @@
+## TODO
+
+1. 默认显示配置问题。对客户端来说，个性配置其实是个显示配置，配置在后端更为合理
+2. 操作符的用处
+3. 

build/constant.ts

@@ -0,0 +1,6 @@
+/**
+ * The name of the configuration file entered in the production environment
+ */
+export const GLOB_CONFIG_FILE_NAME = 'app.config.js'
+
+export const OUTPUT_DIR = 'dist'

build/getConfigFileName.ts

@@ -0,0 +1,9 @@
+/**
+ * Get the configuration file variable name
+ * @param env
+ */
+export function getConfigFileName(env: Record<string, any>) {
+  return `__PRODUCTION__${env.VITE_GLOB_APP_SHORT_NAME || '__APP'}__CONF__`
+    .toUpperCase()
+    .replace(/\s/g, '')
+}

build/script/buildConfig.ts

@@ -0,0 +1,38 @@
+/**
+ * Generate additional configuration files when used for packaging. The file can be configured with some global variables, so that it can be changed directly externally without repackaging
+ */
+import fs, { writeFileSync } from 'fs-extra'
+import { GLOB_CONFIG_FILE_NAME, OUTPUT_DIR } from '../constant'
+
+import { getEnvConfig, getRootPath } from '../utils'
+import { getConfigFileName } from '../getConfigFileName'
+
+function createConfig(
+  {
+    configName,
+    config,
+    configFileName = GLOB_CONFIG_FILE_NAME,
+  }: { configName: string, config: any, configFileName?: string } = { configName: '', config: {} },
+) {
+  try {
+    const windowConf = `window.${configName}`
+    // Ensure that the variable will not be modified
+    const configStr = `${windowConf}=${JSON.stringify(config)};
+      Object.freeze(${windowConf});
+      Object.defineProperty(window, "${configName}", {
+        configurable: false,
+        writable: false,
+      });
+    `.replace(/\s/g, '')
+    fs.mkdirp(getRootPath(OUTPUT_DIR))
+    writeFileSync(getRootPath(`${OUTPUT_DIR}/${configFileName}`), configStr)
+  }
+  catch (error) {
+  }
+}
+
+export function runBuildConfig() {
+  const config = getEnvConfig()
+  const configFileName = getConfigFileName(config)
+  createConfig({ config, configName: configFileName })
+}

build/script/postBuild.ts

@@ -0,0 +1,18 @@
+// #!/usr/bin/env node
+
+import process from 'node:process'
+import { runBuildConfig } from './buildConfig'
+
+export async function runBuild() {
+  try {
+    const argvList = process.argv.splice(2)
+
+    // Generate configuration file
+    if (!argvList.includes('disabled-config'))
+      await runBuildConfig()
+  }
+  catch (error) {
+    process.exit(1)
+  }
+}
+runBuild()

build/utils.ts

@@ -0,0 +1,73 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import process from 'node:process'
+import dotenv from 'dotenv'
+
+export function isDevFn(mode: string): boolean {
+  return mode === 'development'
+}
+
+export function isProdFn(mode: string): boolean {
+  return mode === 'production'
+}
+
+/**
+ * Whether to generate package preview
+ */
+export function isReportMode(): boolean {
+  return process.env.REPORT === 'true'
+}
+
+// Read all environment variable configuration files to process.env
+export function wrapperEnv(envConf: Recordable): ViteEnv {
+  const ret: any = {}
+
+  for (const envName of Object.keys(envConf)) {
+    let realName = envConf[envName].replace(/\\n/g, '\n')
+    realName = realName === 'true' ? true : realName === 'false' ? false : realName
+
+    if (envName === 'VITE_PORT')
+      realName = Number(realName)
+
+    if (envName === 'VITE_PROXY') {
+      try {
+        realName = JSON.parse(realName)
+      }
+      catch (error) {}
+    }
+    ret[envName] = realName
+    process.env[envName] = realName
+  }
+  return ret
+}
+
+/**
+ * Get the environment variables starting with the specified prefix
+ * @param match prefix
+ * @param confFiles ext
+ */
+export function getEnvConfig(match = 'VITE_GLOB_', confFiles = ['.env', '.env.production']) {
+  let envConfig = {}
+  confFiles.forEach((item) => {
+    try {
+      const env = dotenv.parse(fs.readFileSync(path.resolve(process.cwd(), item)))
+      envConfig = { ...envConfig, ...env }
+    }
+    catch (error) {}
+  })
+
+  Object.keys(envConfig).forEach((key) => {
+    const reg = new RegExp(`^(${match})`)
+    if (!reg.test(key))
+      Reflect.deleteProperty(envConfig, key)
+  })
+  return envConfig
+}
+
+/**
+ * Get user root directory
+ * @param dir file path
+ */
+export function getRootPath(...dir: string[]) {
+  return path.resolve(process.cwd(), ...dir)
+}

build/vite/plugin/compress.ts

@@ -0,0 +1,35 @@
+/**
+ * Used to package and output gzip. Note that this does not work properly in Vite, the specific reason is still being investigated
+ * https://github.com/anncwb/vite-plugin-compression
+ */
+import type { Plugin } from 'vite'
+
+import compressPlugin from 'vite-plugin-compression'
+
+export function configCompressPlugin(
+  compress: 'gzip' | 'brotli' | 'none',
+  deleteOriginFile = false,
+): Plugin | Plugin[] {
+  const compressList = compress.split(',')
+
+  const plugins: Plugin[] = []
+
+  if (compressList.includes('gzip')) {
+    plugins.push(
+      compressPlugin({
+        ext: '.gz',
+        deleteOriginFile,
+      }),
+    )
+  }
+  if (compressList.includes('brotli')) {
+    plugins.push(
+      compressPlugin({
+        ext: '.br',
+        algorithm: 'brotliCompress',
+        deleteOriginFile,
+      }),
+    )
+  }
+  return plugins
+}

build/vite/plugin/html.ts

@@ -0,0 +1,38 @@
+/**
+ * Plugin to minimize and use ejs template syntax in index.html.
+ * https://github.com/anncwb/vite-plugin-html
+ */
+import type { PluginOption } from 'vite'
+import { createHtmlPlugin } from 'vite-plugin-html'
+import { GLOB_CONFIG_FILE_NAME } from '../../constant'
+import pkg from '../../../package.json'
+
+export function configHtmlPlugin(env: ViteEnv, isBuild: boolean) {
+  const { VITE_GLOB_APP_TITLE, VITE_PUBLIC_PATH } = env
+
+  const path = VITE_PUBLIC_PATH.endsWith('/') ? VITE_PUBLIC_PATH : `${VITE_PUBLIC_PATH}/`
+
+  const getAppConfigSrc = () => {
+    return `${path || '/'}${GLOB_CONFIG_FILE_NAME}?v=${pkg.version}-${new Date().getTime()}`
+  }
+  const htmlPlugin: PluginOption[] = createHtmlPlugin({
+    minify: isBuild,
+    inject: {
+      // Inject data into ejs template
+      data: {
+        title: VITE_GLOB_APP_TITLE,
+      },
+      tags: isBuild
+        ? [
+            {
+              tag: 'script',
+              attrs: {
+                src: getAppConfigSrc(),
+              },
+            },
+          ]
+        : [],
+    },
+  })
+  return htmlPlugin
+}

build/vite/plugin/icon.ts

@@ -0,0 +1,16 @@
+import path from 'node:path'
+import process from 'node:process'
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
+
+export function configIconPlugin() {
+  const iconPlugin = createSvgIconsPlugin({
+    // Specify the icon folder to be cached
+    iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
+    // Specify symbolId format
+    symbolId: 'icon-[dir]-[name]',
+    inject: 'body-last',
+    customDomId: '__svg__icons__dom__',
+  })
+
+  return iconPlugin
+}

build/vite/plugin/index.ts

@@ -0,0 +1,42 @@
+import type { Plugin, PluginOption } from 'vite'
+import Components from 'unplugin-vue-components/vite'
+import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
+
+import vue from '@vitejs/plugin-vue'
+
+import { configHtmlPlugin } from './html'
+import { configMockPlugin } from './mock'
+import { configCompressPlugin } from './compress'
+import { configIconPlugin } from './icon'
+
+export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean, prodMock) {
+  const { VITE_USE_MOCK, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv
+
+  const vitePlugins: (Plugin | Plugin[] | PluginOption[])[] = [
+    // have to
+    vue(),
+
+    // 按需引入NaiveUi且自动创建组件声明
+    Components({
+      dts: true,
+      resolvers: [NaiveUiResolver()],
+    }),
+  ]
+
+  // vite-plugin-html
+  vitePlugins.push(configHtmlPlugin(viteEnv, isBuild))
+
+  // vite-plugin-mock
+  VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild, prodMock))
+
+  vitePlugins.push(configIconPlugin())
+
+  if (isBuild) {
+    // rollup-plugin-gzip
+    vitePlugins.push(
+      configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE),
+    )
+  }
+
+  return vitePlugins
+}

build/vite/plugin/mock.ts

@@ -0,0 +1,19 @@
+/**
+ * Mock plugin for development and production.
+ * https://github.com/anncwb/vite-plugin-mock
+ */
+import { viteMockServe } from 'vite-plugin-mock'
+
+export function configMockPlugin(isBuild: boolean, prodMock: boolean) {
+  return viteMockServe({
+    ignore: /^\_/,
+    mockPath: 'mock',
+    localEnabled: !isBuild,
+    prodEnabled: isBuild && prodMock,
+    injectCode: `
+       import { setupProdMockServer } from '../mock/_createProductionServer';
+ 
+       setupProdMockServer();
+       `,
+  })
+}

build/vite/proxy.ts

@@ -0,0 +1,34 @@
+/**
+ * Used to parse the .env.development proxy configuration
+ */
+import type { ProxyOptions } from 'vite'
+
+type ProxyItem = [string, string]
+
+type ProxyList = ProxyItem[]
+
+type ProxyTargetList = Record<string, ProxyOptions & { rewrite: (path: string) => string }>
+
+const httpsRE = /^https:\/\//
+
+/**
+ * Generate proxy
+ * @param list
+ */
+export function createProxy(list: ProxyList = []) {
+  const ret: ProxyTargetList = {}
+  for (const [prefix, target] of list) {
+    const isHttps = httpsRE.test(target)
+
+    // https://github.com/http-party/node-http-proxy#options
+    ret[prefix] = {
+      target,
+      changeOrigin: true,
+      ws: true,
+      rewrite: path => path.replace(new RegExp(`^${prefix}`), ''),
+      // https is require secure=false
+      ...(isHttps ? { secure: false } : {}),
+    }
+  }
+  return ret
+}

components.d.ts

@@ -0,0 +1,52 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    Application: typeof import('./src/components/Application/Application.vue')['default']
+    BasicModal: typeof import('./src/components/Modal/BasicModal.vue')['default']
+    NAvatar: typeof import('naive-ui')['NAvatar']
+    NButton: typeof import('naive-ui')['NButton']
+    NCard: typeof import('naive-ui')['NCard']
+    NCheckbox: typeof import('naive-ui')['NCheckbox']
+    NCollapse: typeof import('naive-ui')['NCollapse']
+    NCollapseItem: typeof import('naive-ui')['NCollapseItem']
+    NConfigProvider: typeof import('naive-ui')['NConfigProvider']
+    NDatePicker: typeof import('naive-ui')['NDatePicker']
+    NDialogProvider: typeof import('naive-ui')['NDialogProvider']
+    NDivider: typeof import('naive-ui')['NDivider']
+    NDropdown: typeof import('naive-ui')['NDropdown']
+    NForm: typeof import('naive-ui')['NForm']
+    NFormItem: typeof import('naive-ui')['NFormItem']
+    NGi: typeof import('naive-ui')['NGi']
+    NGrid: typeof import('naive-ui')['NGrid']
+    NGridItem: typeof import('naive-ui')['NGridItem']
+    NImage: typeof import('naive-ui')['NImage']
+    NInput: typeof import('naive-ui')['NInput']
+    NMessageProvider: typeof import('naive-ui')['NMessageProvider']
+    NModal: typeof import('naive-ui')['NModal']
+    NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
+    NPopover: typeof import('naive-ui')['NPopover']
+    NPopselect: typeof import('naive-ui')['NPopselect']
+    NScrollbar: typeof import('naive-ui')['NScrollbar']
+    NSelect: typeof import('naive-ui')['NSelect']
+    NSlider: typeof import('naive-ui')['NSlider']
+    NSpace: typeof import('naive-ui')['NSpace']
+    NSpin: typeof import('naive-ui')['NSpin']
+    NSwitch: typeof import('naive-ui')['NSwitch']
+    NTabPane: typeof import('naive-ui')['NTabPane']
+    NTabs: typeof import('naive-ui')['NTabs']
+    NTag: typeof import('naive-ui')['NTag']
+    NTooltip: typeof import('naive-ui')['NTooltip']
+    NUpload: typeof import('naive-ui')['NUpload']
+    NUploadDragger: typeof import('naive-ui')['NUploadDragger']
+    Quill: typeof import('./src/components/RichEditor/Quill.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SvgIcon: typeof import('./src/components/Icon/SvgIcon.vue')['default']
+  }
+}

eslint.config.js

@@ -0,0 +1,28 @@
+// @ts-check
+const antfu = require('@antfu/eslint-config').default
+
+module.exports = antfu(
+  {
+    ignores: [
+      // eslint ignore globs here
+      'node_modules',
+      '.vscode',
+      'dist',
+      '/public',
+      '.husky',
+    ],
+  },
+  {
+    rules: {
+      // 允许使用 debugger
+      'no-debugger': 'off',
+      'unused-imports/no-unused-vars': 'off',
+      'unused-imports/no-unused-imports': 'off',
+      'jsdoc/require-returns-description': 'off',
+      'no-restricted-syntax': [
+        // eslint-disable-next-line node/prefer-global/process
+        process.env.MODE === 'production' ? 2 : 0,
+      ],
+    },
+  },
+)

index.html

@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="zh-cmn-Hans" id="htmlRoot" data-theme="light">
+<head>
+  <meta charset="UTF-8">
+  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
+  <meta content="webkit" name="renderer"/>
+  <meta
+    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
+    name="viewport"
+  />
+  <link href="/favicon.ico" rel="icon"/>
+  <title><%= title %></title>
+</head>
+<body>
+<div id="appProvider" style="display: none"></div>
+<div id="app">
+  <style>
+    .first-loading-wrap {
+      display: flex;
+      width: 100%;
+      height: 100vh;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
+    }
+
+    .first-loading-wrap > h1 {
+      font-size: 128px
+    }
+
+    .first-loading-wrap .loading-wrap {
+      padding: 98px;
+      display: flex;
+      justify-content: center;
+      align-items: center
+    }
+
+    .dot {
+      animation: antRotate 1.2s infinite linear;
+      transform: rotate(45deg);
+      position: relative;
+      display: inline-block;
+      font-size: 32px;
+      width: 32px;
+      height: 32px;
+      box-sizing: border-box
+    }
+
+    .dot i {
+      width: 14px;
+      height: 14px;
+      position: absolute;
+      display: block;
+      background-color: #1890ff;
+      border-radius: 100%;
+      transform: scale(.75);
+      transform-origin: 50% 50%;
+      opacity: .3;
+      animation: antSpinMove 1s infinite linear alternate
+    }
+
+    .dot i:nth-child(1) {
+      top: 0;
+      left: 0
+    }
+
+    .dot i:nth-child(2) {
+      top: 0;
+      right: 0;
+      -webkit-animation-delay: .4s;
+      animation-delay: .4s
+    }
+
+    .dot i:nth-child(3) {
+      right: 0;
+      bottom: 0;
+      -webkit-animation-delay: .8s;
+      animation-delay: .8s
+    }
+
+    .dot i:nth-child(4) {
+      bottom: 0;
+      left: 0;
+      -webkit-animation-delay: 1.2s;
+      animation-delay: 1.2s
+    }
+
+    @keyframes antRotate {
+      to {
+        -webkit-transform: rotate(405deg);
+        transform: rotate(405deg)
+      }
+    }
+
+    @-webkit-keyframes antRotate {
+      to {
+        -webkit-transform: rotate(405deg);
+        transform: rotate(405deg)
+      }
+    }
+
+    @keyframes antSpinMove {
+      to {
+        opacity: 1
+      }
+    }
+
+    @-webkit-keyframes antSpinMove {
+      to {
+        opacity: 1
+      }
+    }</style>
+  <div class="first-loading-wrap">
+    <div class="loading-wrap">
+      <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
+    </div>
+  </div>
+</div>
+<div class="selection-box" style="border: 1px dotted black;position: absolute;display: none;"></div>
+<script>var globalThis = window;</script>
+<script src="/src/main.ts" type="module"></script>
+</body>
+</html>

mock/_createProductionServer.ts

@@ -0,0 +1,22 @@
+import { createProdMockServer } from 'vite-plugin-mock/es/createProdMockServer'
+
+interface IModuleType {
+  default: any[]
+}
+
+const modules = import.meta.glob<IModuleType>('./**/*.ts', { eager: true })
+
+const mockModules: any[] = []
+Object.keys(modules).forEach((key) => {
+  if (key.includes('/_'))
+    return
+
+  mockModules.push(...modules[key].default)
+})
+
+/**
+ * Used in a production environment. Need to manually import all modules
+ */
+export function setupProdMockServer() {
+  createProdMockServer(mockModules)
+}

mock/_util.ts

@@ -0,0 +1,72 @@
+import Mock from 'mockjs'
+
+export function resultSuccess(result, { message = 'ok' } = {}) {
+  return Mock.mock({
+    code: 200,
+    result,
+    message,
+    type: 'success',
+  })
+}
+
+export function resultPageSuccess<T = any>(
+  page: number,
+  pageSize: number,
+  list: T[],
+  { message = 'ok' } = {},
+) {
+  const pageData = pagination(page, pageSize, list)
+
+  return {
+    ...resultSuccess({
+      page,
+      pageSize,
+      pageCount: list.length,
+      list: pageData,
+    }),
+    message,
+  }
+}
+
+export function resultError(message = 'Request failed', { code = -1, result = null } = {}) {
+  return {
+    code,
+    result,
+    message,
+    type: 'error',
+  }
+}
+
+export function pagination<T = any>(pageNo: number, pageSize: number, array: T[]): T[] {
+  const offset = (pageNo - 1) * Number(pageSize)
+  const ret
+    = offset + Number(pageSize) >= array.length
+      ? array.slice(offset, array.length)
+      : array.slice(offset, offset + Number(pageSize))
+  return ret
+}
+
+/**
+ * @param {number} times 回调函数需要执行的次数
+ * @param {Function} callback 回调函数
+ */
+export function doCustomTimes(times: number, callback: any) {
+  let i = -1
+  while (++i < times)
+    callback(i)
+}
+
+export interface requestParams {
+  method: string
+  body: any
+  headers?: { token?: string }
+  query: any
+}
+
+/**
+ * @description 本函数用于从request数据中获取token，请根据项目的实际情况修改
+ *
+ */
+export function getRequestToken({ headers }: requestParams): string | undefined {
+  return headers?.token
+}

mock/user/user.ts

@@ -0,0 +1,51 @@
+import Mock from 'mockjs'
+import { resultSuccess } from '../_util'
+
+const Random = Mock.Random
+
+const token = Random.string('upper', 32, 32)
+
+const adminInfo = {
+  userId: '1',
+  username: 'admin',
+  realName: 'Admin',
+  avatar: Random.image(),
+  desc: 'manager',
+  password: Random.string('upper', 4, 16),
+  token,
+  permissions: [
+    {
+      label: '主控台',
+      value: 'home_main',
+    },
+    {
+      label: '任务审批',
+      value: 'task-main',
+    },
+    {
+      label: 'AI工单',
+      value: 'worksheet-main',
+    },
+  ],
+}
+
+export default [
+  {
+    url: '/api/login',
+    timeout: 1000,
+    method: 'post',
+    response: () => {
+      return resultSuccess({ token })
+    },
+  },
+  {
+    url: '/api/admin_info',
+    timeout: 1000,
+    method: 'get',
+    response: () => {
+      // const token = getRequestToken(request);
+      // if (!token) return resultError('Invalid token');
+      return resultSuccess(adminInfo)
+    },
+  },
+]

package.json

@@ -0,0 +1,78 @@
+{
+  "name": "image-ai-deduplication",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "serve": "pnpm run dev",
+    "dev": "vite",
+    "build": "vite build && esno ./build/script/postBuild.ts",
+    "preview": "npm run build && vite preview",
+    "preview:dist": "vite preview",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "cleanup": "rimraf node_modules && rimraf pnpm-lock.yaml",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@vueup/vue-quill": "^1.2.0",
+    "@vueuse/core": "^10.7.0",
+    "axios": "^1.4.0",
+    "date-fns": "^2.30.0",
+    "esno": "^0.16.3",
+    "file-saver": "^2.0.5",
+    "imagesloaded": "^5.0.0",
+    "lodash-es": "^4.17.21",
+    "masonry-layout": "^4.2.2",
+    "mitt": "^3.0.1",
+    "mockjs": "^1.1.0",
+    "naive-ui": "^2.34.4",
+    "pinia": "^2.0.33",
+    "qs": "^6.11.2",
+    "sortablejs": "^1.15.1",
+    "vue": "^3.3.8",
+    "vue-draggable-plus": "^0.3.5",
+    "vue-mousetrap": "^1.0.5",
+    "vue-router": "^4.1.6",
+    "vue-types": "^4.2.1",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^2.3.3",
+    "@commitlint/cli": "^18.4.3",
+    "@commitlint/config-conventional": "^18.4.3",
+    "@types/imagesloaded": "^4.1.6",
+    "@types/lodash": "^4.14.197",
+    "@types/masonry-layout": "^4.2.7",
+    "@types/node": "^18.17.1",
+    "@types/sortablejs": "^1.15.7",
+    "@vitejs/plugin-vue": "^4.5.0",
+    "autoprefixer": "^10.4.13",
+    "core-js": "^3.32.0",
+    "dotenv": "^16.3.1",
+    "eslint": "^8.55.0",
+    "fs-extra": "^11.2.0",
+    "husky": "^8.0.0",
+    "less": "^4.2.0",
+    "less-loader": "^11.1.3",
+    "lint-staged": "^13.1.2",
+    "postcss": "^8.4.27",
+    "rimraf": "^4.2.0",
+    "sass": "^1.69.5",
+    "tailwindcss": "^3.3.3",
+    "typescript": "^4.9.5",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.0.0",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-html": "^3.2.0",
+    "vite-plugin-mock": "^2.9.8",
+    "vite-plugin-style-import": "^2.0.0",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vue-demi": "^0.13.11",
+    "vue-tsc": "^1.8.22"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,vue}": [
+      "pnpm lint:fix"
+    ]
+  }
+}

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

src/App.vue

@@ -0,0 +1,57 @@
+<script lang="ts" setup>
+import { dateZhCN, zhCN } from 'naive-ui'
+import { computed } from 'vue'
+import { AppProvider } from '@/components/Application'
+import { lighten } from '@/utils/index'
+
+const getThemeOverrides = computed(() => {
+  const theme = '#1980FF'
+  const lightenStr = lighten(theme, 6)
+
+  return {
+    common: {
+      primaryColor: theme,
+      primaryColorHover: lightenStr,
+      primaryColorPressed: lightenStr,
+      primaryColorSuppl: theme,
+    },
+    Switch: {
+      railColorActive: '#07C984',
+    },
+    Input: {
+      borderHover: '0px',
+      borderFocus: '0px',
+      boxShadowFocus: '#ff0000',
+    },
+    Tag: {
+      colorCheckedHover: '#507afd',
+      colorCheckedPressed: '#507afd',
+    },
+    Slider: {
+      fillColor: '#1980FF',
+      dotBorderActive: '#1980FF',
+      fillColorHover: '#1980FF',
+    },
+    Card: {
+      padding: '0px',
+    },
+    Dropdown: {
+      optionColorHover: '#e8f2ff',
+    },
+    Upload: {
+      draggerBorder: '1px dashed #1980FF',
+      draggerBorderHover: '1px dashed #1980FF',
+    },
+  }
+})
+</script>
+
+<template>
+  <NConfigProvider :locale="zhCN" :date-locale="dateZhCN" :theme-overrides="getThemeOverrides">
+    <AppProvider>
+      <RouterView />
+    </AppProvider>
+  </NConfigProvider>
+</template>
+
+<style lang="less"></style>

src/api/dictionary/index.ts

@@ -0,0 +1,298 @@
+import { http } from '@/utils/http/axios'
+import type { PageParam } from '/#/api'
+import { ContentTypeEnum } from '@/enums/httpEnum'
+
+/**
+ * 获取地区列表
+ * @param params
+ * @returns
+ */
+export async function getRegionList(params: PageParam = { pageNo: 1, pageSize: 10 }): Promise<any> {
+  const res = await http.request({
+    url: `/ocr/ocrarea/listall`,
+    method: 'get',
+    params,
+  })
+
+  const { data } = res
+  return data
+}
+
+/**
+ * 获取图片类型列表
+ * @returns
+ */
+export async function getPictureTypeList(): Promise<any> {
+  const res = await http.request({
+    url: `/ocr/ocrPicturetype/rootList`,
+    method: 'get',
+    headers: { 'Content-Type': ContentTypeEnum.FORM_DATA },
+  })
+
+  const { data } = res
+  return data
+}
+
+/**
+ * 获取提报人列表
+ * @param params
+ * @returns
+ */
+export async function getPersonList(params: PageParam = { pageNo: 1, pageSize: 10 }) {
+  const res = await http.request({
+    url: `/ocr/ocrUpuser/listall`,
+    method: 'get',
+    params,
+  })
+
+  const { data } = res
+  return data
+}
+
+/**
+ * 获取计划列表
+ * @param params
+ * @returns
+ */
+export async function getPlanList(params: PageParam = { pageNo: 1, pageSize: 10 }) {
+  const res = await http.request({
+    url: `/ocr/ocrPlan/listall`,
+    method: 'get',
+    params,
+  })
+
+  const { data } = res
+  return data
+}
+
+/**
+ * 获取图片真假原因字典
+ * @returns
+ */
+export async function getTFList() {
+  const res = await http.request({
+    url: `/static/admin/web/distionary/bytypecode/imagetrueorfalse`,
+    method: 'get',
+  })
+
+  const list = res.data[0].distionaryList
+  return list
+}
+
+/**
+ * 获取分类列表
+ * @returns
+ */
+export async function getIzShowList(): Promise<any> {
+  const res = await http.request({
+    url: `/ocr/ocrPictureclass/rootList`,
+    method: 'get',
+    headers: { 'Content-Type': ContentTypeEnum.FORM_DATA },
+  })
+
+  const { data } = res
+  return data
+}
+
+/**
+ * 获取izsearch列表
+ * @returns
+ */
+export async function getIzSearchList(): Promise<any> {
+  const res = await http.request({
+    url: `/ocr/ocrPictureclass/todo`,
+    method: 'get',
+  })
+
+  const { data } = res
+  return data
+}
+
+/**
+ * 获取izsearchmanager列表
+ * @returns
+ */
+export async function getIzsSearchManager(): Promise<any> {
+  const res = await http.request({
+    url: `/ocr/ocrPictureclass/todo`,
+    method: 'get',
+  })
+
+  const { data } = res
+  return data
+}
+
+/**
+ * 获取izproject列表
+ * @returns
+ */
+export async function getIzProjectList(): Promise<any> {
+  const res = await http.request({
+    url: `/ocr/ocrPictureclass/todo`,
+    method: 'get',
+  })
+
+  const { data } = res
+  return data
+}
+
+/**
+ * 获取izcustomtype列表
+ * @returns
+ */
+export async function getIzCustomtypeList(): Promise<any> {
+  const res = await http.request({
+    url: `/ocr/ocrPictureclass/todo`,
+    method: 'get',
+  })
+
+  const { data } = res
+  return data
+}
+
+/**
+ * 获取任务来源
+ * @param enabled
+ * @returns
+ */
+export async function getIztaskrromList(enabled: string) {
+  const res = await http.request({
+    url: `/static/admin/web/distionary/bytypecode/IZTASKRROM`,
+    method: 'get',
+    params: { enabled },
+  })
+
+  const list = res.data[0].distionaryList
+  return list
+}
+
+/**
+ * 获取任务状态
+ * @param enabled
+ * @returns
+ */
+export async function getIztaskstatusList(enabled: string) {
+  const res = await http.request({
+    url: `/static/admin/web/distionary/bytypecode/IZTASKSTATUS`,
+    method: 'get',
+    params: { enabled },
+  })
+
+  const list = res.data[0].distionaryList
+  return list
+}
+
+/**
+ * 获取省份
+ * @returns
+ */
+export async function getIzvisitproList(): Promise<any> {
+  const res = await http.request({
+    url: `/ocr/ocrPictureclass/todo`,
+    method: 'get',
+  })
+
+  const { data } = res
+  return data
+}
+
+/**
+ * 获取厂商
+ * @param enabled
+ * @returns
+ */
+export async function getIzfirmList(enabled: string) {
+  const res = await http.request({
+    url: `/static/admin/web/distionary/bytypecode/IZFIRM`,
+    method: 'get',
+    params: { enabled },
+  })
+
+  const list = res.data[0].distionaryList
+  return list
+}
+
+/**
+ * 获取产品名称
+ * @param enabled
+ * @returns
+ */
+export async function getIzproductnameList(enabled: string) {
+  const res = await http.request({
+    url: `/static/admin/web/distionary/bytypecode/IZPRODUCTNAME`,
+    method: 'get',
+    params: { enabled },
+  })
+
+  const list = res.data[0].distionaryList
+  return list
+}
+
+/**
+ * 获取客户类型
+ * @param enabled
+ * @returns
+ */
+export async function getIzfiled2List(enabled: string) {
+  const res = await http.request({
+    url: `/static/admin/web/distionary/bytypecode/IZCUSTOMTYPE`,
+    method: 'get',
+    params: { enabled },
+    headers: { 'Content-Type': ContentTypeEnum.FORM_DATA },
+  })
+
+  debugger
+  const list = res.data[0].distionaryList
+  return list
+}
+
+/**
+ * 获取客户名称
+ * @param enabled
+ * @returns
+ */
+export async function getIzfiled3List(enabled: string) {
+  const res = await http.request({
+    url: `/static/admin/web/distionary/bytypecode/IZCUSTOMNAME`,
+    method: 'get',
+    params: { enabled },
+    headers: { 'Content-Type': ContentTypeEnum.FORM_DATA },
+  })
+
+  const list = res.data[0].distionaryList
+  return list
+}
+
+/**
+ * 获取客户级别
+ * @param enabled
+ * @returns
+ */
+export async function getIzfiled6List(enabled: string) {
+  const res = await http.request({
+    url: `/static/admin/web/distionary/bytypecode/IZCUSTOMLEVEL`,
+    method: 'get',
+    params: { enabled },
+    headers: { 'Content-Type': ContentTypeEnum.FORM_DATA },
+  })
+
+  const list = res.data[0].distionaryList
+  return list
+}
+
+/**
+ * 获取项目类别
+ * @param enabled
+ * @returns
+ */
+export async function getIzfiled17List(enabled: string) {
+  const res = await http.request({
+    url: `/static/admin/web/distionary/bytypecode/IZPROJECTTYPE`,
+    method: 'get',
+    params: { enabled },
+    headers: { 'Content-Type': ContentTypeEnum.FORM_DATA },
+  })
+
+  const list = res.data[0].distionaryList
+  return list
+}

src/api/final/index.ts

@@ -0,0 +1,33 @@
+import type { FinalParam, ResetParam } from '/#/api'
+import { http } from '@/utils/http/axios'
+
+/**
+ * 获取审核列表
+ * @returns
+ */
+export async function getFinalList(params: FinalParam) {
+  const res = await http.request({
+    url: `/flow/task/listfinal`,
+    method: 'get',
+    params,
+  })
+
+  const { data: { list, totalPage } } = res
+  return {
+    pageCount: totalPage,
+    data: list,
+  }
+}
+
+/**
+ * 重置审批
+ * @param params
+ * @returns
+ */
+export async function resetApproval(params: ResetParam) {
+  return http.request({
+    url: `/flow/task/removeTask`,
+    method: 'get',
+    params,
+  })
+}

src/api/home/filter.ts

@@ -0,0 +1,123 @@
+import { http } from '@/utils/http/axios'
+import type { FilterCondition, FilterParam, FilterSearchParam, FilterUpdate, PageParam } from '/#/api'
+
+/**
+ * 获取过滤条件列表
+ * @param params
+ * @returns 1
+ */
+export async function getConditionList(params: PageParam & FilterSearchParam): Promise<any> {
+  const res = await http.request({
+    url: `/ocr/ocrUsersearch/list`,
+    method: 'get',
+    params,
+  })
+
+  const { data: { records, pages } } = res
+  return {
+    pageCount: pages,
+    data: records,
+  }
+}
+
+/**
+ * 添加过滤条件
+ * @param params
+ */
+export async function addCondition(params: FilterCondition) {
+  return http.request({
+    url: `/ocr/ocrUsersearch/add`,
+    method: 'post',
+    params,
+  })
+}
+
+/**
+ * 编辑过滤条件
+ * @param params
+ * @returns
+ */
+export async function updateCondition(params: FilterUpdate) {
+  return http.request({
+    url: `/ocr/ocrUsersearch/edit`,
+    method: 'post',
+    params,
+  })
+}
+
+/**
+ * 删除过滤条件
+ * @param params
+ * @returns
+ */
+export async function deleteCondition(params: { ids: string }) {
+  return http.request({
+    url: `/ocr/ocrUsersearch/deleteBatch`,
+    method: 'delete',
+    params,
+  })
+}
+
+/**
+ * 获取设置为显示的筛选
+ * @returns
+ */
+export async function getFilter(): Promise<any> {
+  return http.request({
+    url: `/ocr/ocrSearchmanager/query`,
+    method: 'get',
+  })
+}
+
+/**
+ * 设置筛选
+ * @param params
+ * @returns
+ */
+export async function setFilter(params: FilterParam): Promise<void> {
+  return http.request({
+    url: `/ocr/ocrSearchmanager/add`,
+    method: 'post',
+    params,
+  })
+}
+
+/**
+ * 收藏
+ * @param params
+ * @returns
+ */
+export async function favorite(searchid: string): Promise<void> {
+  return http.request({
+    url: `/ocr/ocrUsersearch/collect`,
+    method: 'get',
+    params: { searchid },
+  })
+}
+
+/**
+ * 取消收藏
+ * @param params
+ * @returns
+ */
+export async function unfavorite(searchid: string): Promise<void> {
+  return http.request({
+    url: `/ocr/ocrUsersearch/collectreset`,
+    method: 'get',
+    params: { searchid },
+  })
+}
+
+/**
+ *
+ * @param searchid 拖拽的id
+ * @param reorder 拖拽后的排序
+ * @returns
+ */
+export async function sort(searchid: string, reorder: number): Promise<void> {
+  return http.request({
+    url: `/ocr/ocrUsersearch/reorder`,
+    method: 'get',
+    params: { searchid, reorder },
+  })
+}

src/api/home/main.ts

@@ -0,0 +1,98 @@
+import { http } from '@/utils/http/axios'
+import type { CheckParam, PageParam, QueryPictureParam, UploadParam } from '/#/api'
+import { ContentTypeEnum } from '@/enums/httpEnum'
+
+/**
+ * 获取查重列表
+ * @param params
+ * @returns
+ */
+export async function getDeduplicationList(params: PageParam & QueryPictureParam): Promise<any> {
+  const res = await http.request({
+    url: `/ocr/ocrPicture/list`,
+    method: 'get',
+    params,
+  })
+
+  const { data: { records } } = res
+  return {
+    data: records,
+  }
+}
+
+/**
+ * 上传图片
+ * @param params
+ * @returns
+ */
+export async function upload(params: UploadParam): Promise<{ data: string }> {
+  return http.request({
+    url: `/ocr/ocrPackagetask/upload`,
+    method: 'post',
+    params,
+    headers: { 'Content-Type': ContentTypeEnum.FORM_DATA },
+  })
+
+  // return new Promise((r, e) => {
+  //   r({ url: 'https://picx.zhimg.com/70/v2-615f0ca70562a95edff5b10b393c18e4_1440w.avis?source=172ae18b&biz_tag=Post' })
+  // })
+}
+
+/**
+ * 查询个人笔记
+ * @returns
+ */
+export async function queryNote() {
+  return http.request({
+    url: `/ocr/ocrBooknote/query`,
+    method: 'get',
+  })
+}
+
+/**
+ * 保存个人笔记
+ * @param note
+ * @returns
+ */
+export async function saveNote(note: string) {
+  return http.request({
+    url: `/ocr/ocrBooknote/add`,
+    method: 'post',
+    params: { notecontent: note },
+    headers: { 'Content-Type': ContentTypeEnum.FORM_DATA },
+  })
+}
+
+/**
+ * 一键查重
+ * @param note
+ * @returns
+ */
+export async function oneClickCheck(params: Partial<CheckParam> = { search_history: '0' }) {
+  return http.request({
+    url: `/ocr/ocrPicture/createorder`,
+    method: 'get',
+    params,
+    headers: { 'Content-Type': ContentTypeEnum.FORM_DATA },
+  })
+}
+
+/**
+ * 获取图片列表
+ * @param params
+ * @returns
+ */
+export async function getPictureList(params: any): Promise<any> {
+  const res = await http.request({
+    url: `/ocr/ocrPicture/list`,
+    method: 'get',
+    params,
+    headers: { 'Content-Type': ContentTypeEnum.FORM_DATA },
+  })
+
+  const { data: { records, pages } } = res
+  return {
+    pageCount: pages,
+    data: records,
+  }
+}

src/api/system/menu.ts

@@ -0,0 +1,23 @@
+import { http } from '@/utils/http/axios'
+
+/**
+ * @description: 根据用户id获取用户菜单
+ */
+export function adminMenus() {
+  return http.request({
+    url: '/menus',
+    method: 'GET',
+  })
+}
+
+/**
+ * 获取tree菜单列表
+ * @param params
+ */
+export function getMenuList(params?) {
+  return http.request({
+    url: '/menu/list',
+    method: 'GET',
+    params,
+  })
+}

src/api/system/user.ts

@@ -0,0 +1,126 @@
+import { ContentTypeEnum } from '@/enums/httpEnum'
+import { http } from '@/utils/http/axios'
+
+export interface BasicResponseModel<T = any> {
+  code: number
+  message: string
+  result: T
+}
+
+export interface BasicPageParams {
+  pageNumber: number
+  pageSize: number
+  total: number
+}
+
+/**
+ * 获取验证码主键
+ * @param type
+ * @returns
+ */
+export function getCaptchaToken(type: 'math' | 'char') {
+  return http.request({
+    url: `/captcha/captchatoken`,
+    method: 'get',
+    params: { type },
+  })
+}
+
+/**
+ * 获取验证码
+ */
+export function getCaptcha(codeToken: string) {
+  return http.request({
+    url: `/captcha/captchaImage`,
+    method: 'get',
+    params: { codeToken },
+    responseType: 'arraybuffer',
+  })
+}
+
+/**
+ * 登录
+ * @param params
+ * @returns
+ */
+export function login_new(params) {
+  return http.request({
+    url: '/backstage/adminlogin',
+    method: 'POST',
+    params,
+    headers: { 'Content-Type': ContentTypeEnum.FORM_DATA },
+  })
+}
+
+/**
+ * 获取用户信息
+ * @param logintoken
+ * @returns
+ */
+export function getInformation() {
+  return http.request({
+    url: '/static/admin/web/shoInformation',
+    method: 'get',
+  })
+}
+
+/**
+ * 刷新token
+ * @returns
+ */
+export function refreshToken() {
+  return http.request({
+    url: '/oauthweb/token',
+    method: 'POST',
+  })
+}
+
+/**
+ * 获取配置（aside是否显示某个模块）
+ * @returns
+ */
+export async function getConfig() {
+  return await http.request({
+    url: `/ocr/ocrConfiguration/getConfiguration`,
+    method: 'get',
+  })
+}
+
+/** *******************************分割线 */
+
+/**
+ * @description: 获取用户信息
+ */
+export function getUserInfo() {
+  return http.request({
+    url: '/admin_info',
+    method: 'get',
+  })
+}
+
+/**
+ * @description: 用户登录
+ */
+export function login(params) {
+  return http.request<BasicResponseModel>(
+    {
+      url: '/login',
+      method: 'POST',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    },
+  )
+}
+
+/**
+ * @description: 用户登出
+ */
+export function logout(params) {
+  return http.request({
+    url: '/login/logout',
+    method: 'POST',
+    params,
+  })
+}

src/api/task/task.ts

@@ -0,0 +1,32 @@
+import { http } from '@/utils/http/axios'
+import type { ApprovalParam, PageParam } from '/#/api'
+
+/**
+ * 获取审核列表
+ * @returns
+ */
+export async function getApprovalList(params: PageParam, assigneeId: string) {
+  const res = await http.request({
+    url: `/flow/task/listdata`,
+    method: 'get',
+    params,
+  })
+
+  const { data: { list, totalPage } } = res
+  return {
+    pageCount: totalPage,
+    data: list,
+  }
+}
+
+/**
+ * 审核
+ * @param param
+ */
+export async function approval(params: ApprovalParam) {
+  return http.request({
+    url: `/flow/task/completeFlow`,
+    method: 'post',
+    params,
+  })
+}

src/api/work/work.ts

@@ -0,0 +1,115 @@
+import { http } from '@/utils/http/axios'
+import type { PageParam, PictureSortParam, SetTFParam } from '/#/api'
+
+/**
+ * 获取任务包列表
+ * @returns
+ */
+export async function getPackageList(params: PageParam) {
+  const res = await http.request({
+    url: `/ocr/ocrPackagetask/list`,
+    method: 'get',
+    params,
+  })
+
+  const { data: { records, pages } } = res
+  return {
+    pageCount: pages,
+    data: records,
+  }
+}
+
+/**
+ * 获取某个任务包内任务列表
+ * @param id 任务包id
+ * @param params
+ * @returns
+ */
+export async function getPackageTaskList(packageid: string, params: PageParam) {
+  const res = await http.request({
+    url: `/backstage/jifen/ocrtaskchildpicture/listbypackageid/${packageid}`,
+    method: 'get',
+    params,
+  })
+
+  const { data: { records, pages } } = res
+  return {
+    pageCount: pages,
+    data: records,
+  }
+}
+
+/**
+ * 获取某个任务详情(字段信息)
+ * @param id 任务id
+ * @param packageid 任务包id
+ * @returns
+ */
+export async function getTaskDetailInfo(taskId: string, packageid: string) {
+  const res = await http.request({
+    url: `/backstage/jifen/ocrtaskchildpicture/getdata/${taskId}/${packageid}`,
+    method: 'get',
+  })
+
+  return res.data
+}
+
+/**
+ *  获取某个任务详情(相似图片列表)
+ * @param packageid 任务包id
+ * @param taskchildpictureid 任务详情的id
+ * @param params
+ * @returns
+ */
+export async function getTaskDetailPictureList(packageid: string, taskchildpictureid: string, params: PageParam & PictureSortParam) {
+  const res = await http.request({
+    url: `/backstage/jifen/ocrtaskchildpicture/listbypictureid/${packageid}/${taskchildpictureid}`,
+    method: 'get',
+    params,
+  })
+
+  const { data: { records, pages } } = res
+  return {
+    pageCount: pages,
+    data: records,
+  }
+}
+
+/**
+ * 设置真假
+ * @param params
+ * @returns
+ */
+export async function setTF(params: SetTFParam) {
+  return await http.request({
+    url: `/ocr/ocrPackagetask/ordertrueorfalse`,
+    method: 'post',
+    params,
+  })
+}
+
+/**
+ * 清除之前标记的真假
+ * @param id
+ * @returns
+ */
+export async function clearTF(id: string): Promise<any> {
+  return await http.request({
+    url: `/ocr/ocrPackagetask/listorderbytask`,
+    method: 'get',
+    params: { packageid: id },
+  })
+}
+
+/**
+ * 将任务包内的任务按相似度排序
+ * @param id
+ * @returns
+ */
+export async function sort(id: string): Promise<any> {
+  return await http.request({
+    url: `/ocr/ocrPackagetask/listorderbytask`,
+    method: 'get',
+    params: { packageid: id },
+  })
+}

src/assets/icons/.svg

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="162px" height="54px" viewBox="0 0 162 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>按钮-1</title>
+    <defs>
+        <linearGradient x1="-1.73798096%" y1="47.027807%" x2="100%" y2="52.598577%" id="linearGradient-1">
+            <stop stop-color="#FF4E4F" offset="0%"></stop>
+            <stop stop-color="#F47A82" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="101.404674%" y1="51.6956089%" x2="0%" y2="47.3731723%" id="linearGradient-2">
+            <stop stop-color="#FFCCCC" offset="0%"></stop>
+            <stop stop-color="#FFA1A2" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-3" x="0" y="0" width="148" height="40" rx="20"></rect>
+        <filter x="-7.1%" y="-21.2%" width="114.2%" height="152.5%" filterUnits="objectBoundingBox" id="filter-4">
+            <feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.505882353   0 0 0 0 0.509803922  0 0 0 0.3 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <rect id="path-5" x="0" y="0" width="32" height="32"></rect>
+        <linearGradient x1="-22.3619338%" y1="76.1321669%" x2="117.972308%" y2="50%" id="linearGradient-7">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <filter x="-122.7%" y="-69.2%" width="345.5%" height="238.5%" filterUnits="objectBoundingBox" id="filter-8">
+            <feGaussianBlur stdDeviation="3.18367347" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="14.9908397%" y1="-71.2671%" x2="47.6080819%" y2="303.1339%" id="linearGradient-9">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F1FFF6" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="无法上传iconfont" transform="translate(-964.000000, -1707.000000)">
+            <g id="按钮-1" transform="translate(971.000000, 1711.666667)">
+                <g id="矩形">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                    <use stroke="url(#linearGradient-2)" stroke-width="1" fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                </g>
+                <g id="Frame-148" transform="translate(24.000000, 4.000000)">
+                    <mask id="mask-6" fill="white">
+                        <use xlink:href="#path-5"></use>
+                    </mask>
+                    <g id="路径"></g>
+                    <g id="Group-1822" mask="url(#mask-6)">
+                        <g transform="translate(2.122731, 6.367347)">
+                            <path d="M16.487685,16.5338398 L16.487685,8.10771735 C16.487685,6.7953364 15.4229231,5.73057449 14.1105421,5.73057449 L13.1943517,5.73057449 L13.1943517,6.19043844 L13.1908142,6.21520034 C13.180202,6.72812551 12.7592496,7.14200306 12.242787,7.14200306 L6.6112224,7.14200306 L6.58999791,7.14200306 C6.07353533,7.13139082 5.65965778,6.71043844 5.65965778,6.19043844 L5.65965778,5.73057449 L4.7434673,5.73057449 C3.43108635,5.73057449 2.36632444,6.7953364 2.36632444,8.10771735 L2.36632444,16.5338398 C2.36632444,17.8462208 3.43108635,18.9109827 4.7434673,18.9109827 L14.1105421,18.9109827 C15.4229231,18.9109827 16.487685,17.8462208 16.487685,16.5338398 Z" id="Union" stroke="none" fill-opacity="0.600000024" fill="#F4FFF8" transform="translate(9.427005, 12.320779) rotate(-30.460000) translate(-9.427005, -12.320779) "></path>
+                            <path d="M11.9447399,2.44012032 L11.9447399,3.42764456 C11.9447399,3.66009885 12.0309561,3.87226606 12.1733853,4.03382421 C12.3131938,4.1924096 12.5069954,4.3024135 12.7263488,4.3349432 L12.7263488,4.3349432 L20.4529403,4.34455241 C20.6853946,4.34455241 20.8975618,4.25833625 21.0591199,4.115907 C21.2181472,3.97570898 21.3283218,3.78121655 21.360509,3.56110944 L21.360509,3.56110944 L21.3742991,2.44142316 L22.9715797,2.44142316 C23.9196422,2.44142316 24.7819282,2.81196396 25.4213101,3.41604592 C26.0667467,4.02584826 26.4848373,4.87364735 26.5350318,5.81822947 L26.5350318,5.81822947 L26.5401141,17.3685969 C26.5401141,18.3166594 26.1695733,19.1789454 25.5654913,19.8183273 C24.9556872,20.4637658 24.107885,20.8818569 23.1632996,20.9320494 L23.1632996,20.9320494 L10.3430083,20.9371313 C9.39494581,20.9371313 8.53265983,20.5665905 7.89327792,19.9625085 C7.24784135,19.3527062 6.82975074,18.5049071 6.77955625,17.560325 L6.77955625,17.560325 L6.77447399,6.00995748 C6.77447399,5.06189498 7.14501479,4.199609 7.74909675,3.56022709 C8.3587732,2.91492377 9.20634816,2.49687254 10.1506953,2.44653655 L10.1506953,2.44653655 L11.9447399,2.44012032 Z M19.1831465,-0.363636364 C19.6944065,-0.363636364 20.0765917,-0.227719299 20.3454159,0.00947853207 C20.6235656,0.254904777 20.7948107,0.617354205 20.8257716,1.11571185 L20.8257716,1.11571185 L20.8308645,1.88897959 C20.8308645,2.40023964 20.6949474,2.78242476 20.4577496,3.05124897 C20.2121492,3.32959607 19.8493595,3.50088672 19.3504552,3.53167042 L19.3504552,3.53167042 L14.1352553,3.53669759 C13.6239953,3.53669759 13.2418102,3.40078052 12.972986,3.16358269 C12.6948362,2.91815645 12.5235912,2.55570702 12.4926302,2.05734937 L12.4926302,2.05734937 L12.4875373,1.28408163 C12.4875373,0.772821589 12.6234544,0.390636468 12.8606522,0.121812259 C13.1062526,-0.156534847 13.4690423,-0.327825495 13.9679466,-0.3586092 L13.9679466,-0.3586092 Z" id="Union" stroke="url(#linearGradient-7)" stroke-width="0.727272727" fill-opacity="0.35" fill="#FCFCFC"></path>
+                            <path d="M7.80679233,12.3031293 C7.97305083,16.204898 7.97305083,19.5972789 8.63808484,20.1031293 C9.30311886,20.612517 13.958357,17.7295238 15.288425,14.8465306 C16.3531869,12.5401361 14.0715542,8.23156463 12.7945474,6.36734694 L8.30556784,7.38612245 C8.08624811,7.72571429 7.67590797,9.18312925 7.80679233,12.3031293 Z" id="路径" stroke="none" fill="#FFA1A2" filter="url(#filter-8)"></path>
+                            <path d="M15.7443815,13.2336809 L15.7443815,12.1304853 C14.9383479,11.7777341 14.375028,10.9724952 14.375028,10.0385228 C14.375028,8.7780757 15.3993941,7.75626699 16.6572838,7.75626699 C17.9177309,7.75626699 18.9395396,8.78068399 18.9395396,10.0385228 C18.9395396,10.9739828 18.3753028,11.7779787 17.5701862,12.1303834 L17.5701862,13.2336809 L19.6229122,13.2336809 C20.2538439,13.2336809 20.7653443,13.7402194 20.7653443,14.3748394 L20.7653443,15.5159367 L12.5492438,15.5159367 L12.5492438,14.3747884 C12.5492438,13.74457 13.0631996,13.2336809 13.6916555,13.2336809 L15.7443815,13.2336809 L15.7443815,13.2336809 Z M13.0056848,15.9723878 L20.3088422,15.9723878 L20.3088422,16.8852902 L13.0056848,16.8852902 L13.0056848,15.9723878 L13.0056848,15.9723878 Z" id="形状" stroke="none" fill="url(#linearGradient-9)"></path>
+                        </g>
+                    </g>
+                </g>
+                <text id="不通过" font-family="YouSheBiaoTiHei" font-size="22" font-weight="normal" fill="#FFFFFF">
+                    <tspan x="62" y="28">不通过</tspan>
+                </text>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/Icon_Warning.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Icon/Warning</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-2248.000000, -5089.000000)">
+            <g id="Icon/Warning" transform="translate(2248.000000, 5089.000000)">
+                <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="64" height="64"></rect>
+                <path d="M32,4 C16.5375,4 4,16.5375 4,32 C4,47.4625 16.5375,60 32,60 C47.4625,60 60,47.4625 60,32 C60,16.5375 47.4625,4 32,4 Z M30,18.5 C30,18.225 30.225,18 30.5,18 L33.5,18 C33.775,18 34,18.225 34,18.5 L34,35.5 C34,35.775 33.775,36 33.5,36 L30.5,36 C30.225,36 30,35.775 30,35.5 L30,18.5 Z M32,46 C30.34375,46 29,44.65625 29,43 C29,41.34375 30.34375,40 32,40 C33.65625,40 35,41.34375 35,43 C35,44.65625 33.65625,46 32,46 Z" id="形状" fill="#FFBF00"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/JPG.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>JPG</title>
+    <defs>
+        <path d="M20.536,47.372 C21.864,47.372 22.824,47.036 23.432,46.364 C23.976,45.724 24.248,44.764 24.248,43.452 L24.248,35.724 L22.376,35.724 L22.376,43.388 C22.376,44.204 22.232,44.796 21.944,45.164 C21.656,45.532 21.192,45.724 20.568,45.724 C19.432,45.724 18.872,45.068 18.872,43.756 L18.872,43.404 L17,43.404 L17,43.772 C17,44.892 17.304,45.772 17.912,46.412 C18.504,47.052 19.384,47.372 20.536,47.372 Z M28.36,47.148 L28.36,42.764 L31.192,42.764 C33.976,42.764 35.368,41.58 35.368,39.228 C35.368,36.892 33.976,35.724 31.224,35.724 L26.488,35.724 L26.488,47.148 L28.36,47.148 Z M31.08,41.164 L28.36,41.164 L28.36,37.324 L31.08,37.324 C31.896,37.324 32.504,37.468 32.888,37.772 C33.272,38.06 33.48,38.54 33.48,39.228 C33.48,39.916 33.288,40.412 32.904,40.716 C32.52,41.004 31.912,41.164 31.08,41.164 Z M42.136,47.372 C43.16,47.372 44.072,47.244 44.904,46.988 C45.688,46.732 46.376,46.38 46.984,45.9 L46.984,41.068 L42.088,41.068 L42.088,42.668 L45.112,42.668 L45.112,45.02 C44.728,45.244 44.328,45.42 43.88,45.548 C43.4,45.676 42.888,45.74 42.344,45.74 C40.952,45.74 39.928,45.356 39.272,44.588 C38.664,43.868 38.36,42.828 38.36,41.484 C38.36,40.076 38.696,39.004 39.384,38.236 C40.008,37.5 40.856,37.148 41.928,37.148 C42.792,37.148 43.496,37.324 44.024,37.692 C44.536,38.06 44.888,38.604 45.048,39.34 L46.936,39.34 C46.728,38.06 46.216,37.116 45.4,36.476 C44.552,35.82 43.4,35.5 41.928,35.5 C40.232,35.5 38.888,36.076 37.896,37.26 C36.952,38.364 36.488,39.772 36.488,41.484 C36.488,43.18 36.952,44.572 37.896,45.644 C38.904,46.796 40.312,47.372 42.136,47.372 Z" id="path-1"></path>
+        <filter x="-15.0%" y="-37.9%" width="130.0%" height="175.8%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.00784313725   0 0 0 0 0.533333333   0 0 0 0 0.533333333  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-2513.000000, -6747.000000)">
+            <g id="JPG" transform="translate(2513.000000, 6747.000000)">
+                <path d="M34.1239995,6.66666667 L52,24.1066671 L52,53.3333333 C52,54.4379028 51.5522847,55.4379028 50.8284271,56.1617605 C50.1045695,56.8856181 49.1045695,57.3333333 48,57.3333333 L48,57.3333333 L16,57.3333333 C14.8954305,57.3333333 13.8954305,56.8856181 13.1715729,56.1617605 C12.4477153,55.4379028 12,54.4379028 12,53.3333333 L12,53.3333333 L12,10.6666667 C12,9.56209717 12.4477153,8.56209717 13.1715729,7.83823954 C13.8954305,7.11438192 14.8954305,6.66666667 16,6.66666667 L16,6.66666667 L34.1239995,6.66666667 Z" id="形状结合" stroke="#07C984" stroke-width="2.66666667"></path>
+                <path d="M36,8.55228475 L50.1143819,22.6666667 L40,22.6666667 C38.8954305,22.6666667 37.8954305,22.2189514 37.1715729,21.4950938 C36.4477153,20.7712362 36,19.7712362 36,18.6666667 L36,18.6666667 L36,8.55228475 Z" id="矩形备份" stroke="#07C984" stroke-width="2.66666667"></path>
+                <path d="M5.33333333,32 L58.6666667,32 L58.6666667,48 C58.6666667,49.4727593 57.4727593,50.6666667 56,50.6666667 L8,50.6666667 C6.52724067,50.6666667 5.33333333,49.4727593 5.33333333,48 L5.33333333,32 L5.33333333,32 Z" id="矩形备份" fill="#07C984"></path>
+                <g fill-rule="nonzero">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                    <use fill="#FFFFFF" xlink:href="#path-1"></use>
+                </g>
+                <path d="M10.6666667,32 L10.6666667,26.6666667 L5.33333333,32 L10.6666667,32 Z M53.3333333,32 L53.3864013,26.6666667 L58.6666667,32 L53.3333333,32 Z" id="形状备份-2" fill="#05A069" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/ZIP.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ZIP</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-2513.000000, -7060.000000)">
+            <g id="编组-2备份-2" transform="translate(2513.000000, 7060.000000)">
+                <g id="编组" transform="translate(5.333333, 5.333333)">
+                    <path d="M12.6666667,1.83333333 L28.8144563,1.83333333 L28.8144563,1.83333333 L47.6666667,19.8071871 L47.6666667,47.8333333 C47.6666667,50.594757 45.4280904,52.8333333 42.6666667,52.8333333 L10.6666667,52.8333333 C7.90524297,52.8333333 5.66666667,50.594757 5.66666667,47.8333333 L5.66666667,8.83333333 C5.66666667,4.96734013 8.80067347,1.83333333 12.6666667,1.83333333 Z" id="矩形" fill="#FFFFFF" fill-rule="nonzero"></path>
+                    <path d="M29.3333333,0 L48,18.6666667 L48,49.3333333 C48,52.278852 45.6121853,54.6666667 42.6666667,54.6666667 L10.6666667,54.6666667 C7.721148,54.6666667 5.33333333,52.278852 5.33333333,49.3333333 L5.33333333,5.33333333 C5.33333333,2.38781467 7.721148,0 10.6666667,0 L29.3333333,0 Z M28.2296667,2.66666667 L10.6666667,2.66666667 C9.25055192,2.66666667 8.09225153,3.77050111 8.00524634,5.16468914 L8,5.33333333 L8,49.3333333 C8,50.7494481 9.10383444,51.9077485 10.4980225,51.9947537 L10.6666667,52 L42.6666667,52 C44.0827814,52 45.2410818,50.8961656 45.328087,49.5019775 L45.3333333,49.3333333 L45.3326667,19.7706667 L28.2296667,2.66666667 Z" id="形状结合" fill="#9254DE" fill-rule="nonzero"></path>
+                    <path d="M29.3333333,0 L48,18.6666667 L34.6666667,18.6666667 C31.721148,18.6666667 29.3333333,16.278852 29.3333333,13.3333333 L29.3333333,0 Z M41.5616667,15.9996667 L31.9996667,6.43666667 L32,13.3333333 C32,14.7494481 33.1038344,15.9077485 34.4980225,15.9947537 L34.6666667,16 L41.5616667,15.9996667 Z" id="矩形备份" fill="#9254DE" fill-rule="nonzero"></path>
+                    <path d="M25.1650667,19.96215 L27.6682667,19.96215 C27.9433667,19.96215 28.1666667,19.73885 28.1666667,19.46375 L28.1666667,16.96055 C28.1666667,16.6851 27.9433667,16.46215 27.6682667,16.46215 L25.1650667,16.46215 C24.8899667,16.46215 24.6666667,16.68545 24.6666667,16.96055 L24.6666667,19.46375 C24.6666667,19.73885 24.8899667,19.96215 25.1650667,19.96215 Z M31.1682667,19.96215 L28.6650667,19.96215 C28.3899667,19.96215 28.1666667,20.18545 28.1666667,20.46055 L28.1666667,22.96375 C28.1666667,23.2392 28.3899667,23.46215 28.6650667,23.46215 L31.1682667,23.46215 C31.4433667,23.46215 31.6666667,23.23885 31.6666667,22.96375 L31.6666667,20.46055 C31.6666667,20.18545 31.4433667,19.96215 31.1682667,19.96215 Z M25.1650667,26.96215 L27.6682667,26.96215 C27.9433667,26.96215 28.1666667,26.73885 28.1666667,26.46375 L28.1666667,23.96055 C28.1666667,23.6851 27.9433667,23.46215 27.6682667,23.46215 L25.1650667,23.46215 C24.8899667,23.46215 24.6666667,23.68545 24.6666667,23.96055 L24.6666667,26.46375 C24.6666667,26.73885 24.8899667,26.96215 25.1650667,26.96215 Z M31.1682667,26.96215 L28.6650667,26.96215 C28.3899667,26.96215 28.1666667,27.18545 28.1666667,27.46055 L28.1666667,29.96375 C28.1666667,30.2392 28.3899667,30.46215 28.6650667,30.46215 L31.1682667,30.46215 C31.4433667,30.46215 31.6666667,30.23885 31.6666667,29.96375 L31.6666667,27.46055 C31.6666667,27.18545 31.4433667,26.96215 31.1682667,26.96215 Z M30.4430667,32.3945 L25.7485167,32.3945 C25.1510667,32.3945 24.6666667,32.8789 24.6666667,33.47635 L24.6666667,38.91815 C24.6666667,39.5156 25.1510667,40 25.7485167,40 L30.4430667,40 C31.0405167,40 31.5249167,39.5156 31.5249167,38.91815 L31.5249167,33.47635 C31.5249167,32.8789 31.0405167,32.3945 30.4430667,32.3945 Z M30.2705167,38.15515 C30.2705167,38.63535 29.8813167,39.02455 29.4011167,39.02455 L26.7901167,39.02455 C26.3099167,39.02455 25.9207167,38.63535 25.9207167,38.15515 L25.9207167,37.19755 C25.9207167,36.71735 26.3099167,36.32815 26.7901167,36.32815 L29.4011167,36.32815 C29.8813167,36.32815 30.2705167,36.71735 30.2705167,37.19755 L30.2705167,38.15515 Z" id="形状备份" fill="#EBEDF0" fill-rule="nonzero"></path>
+                    <rect id="矩形" fill="#9254DE" x="0" y="13.3333333" width="26.6666667" height="26.6666667" rx="2.66666667"></rect>
+                    <path d="M11.1893333,20.7602917 L12.9773333,20.7602917 C13.1738333,20.7602917 13.3333333,20.6007917 13.3333333,20.4042917 L13.3333333,18.6162917 C13.3333333,18.4195417 13.1738333,18.2602917 12.9773333,18.2602917 L11.1893333,18.2602917 C10.9928333,18.2602917 10.8333333,18.4197917 10.8333333,18.6162917 L10.8333333,20.4042917 C10.8333333,20.6007917 10.9928333,20.7602917 11.1893333,20.7602917 Z M15.4773333,20.7602917 L13.6893333,20.7602917 C13.4928333,20.7602917 13.3333333,20.9197917 13.3333333,21.1162917 L13.3333333,22.9042917 C13.3333333,23.1010417 13.4928333,23.2602917 13.6893333,23.2602917 L15.4773333,23.2602917 C15.6738333,23.2602917 15.8333333,23.1007917 15.8333333,22.9042917 L15.8333333,21.1162917 C15.8333333,20.9197917 15.6738333,20.7602917 15.4773333,20.7602917 Z M11.1893333,25.7602917 L12.9773333,25.7602917 C13.1738333,25.7602917 13.3333333,25.6007917 13.3333333,25.4042917 L13.3333333,23.6162917 C13.3333333,23.4195417 13.1738333,23.2602917 12.9773333,23.2602917 L11.1893333,23.2602917 C10.9928333,23.2602917 10.8333333,23.4197917 10.8333333,23.6162917 L10.8333333,25.4042917 C10.8333333,25.6007917 10.9928333,25.7602917 11.1893333,25.7602917 Z M15.4773333,25.7602917 L13.6893333,25.7602917 C13.4928333,25.7602917 13.3333333,25.9197917 13.3333333,26.1162917 L13.3333333,27.9042917 C13.3333333,28.1010417 13.4928333,28.2602917 13.6893333,28.2602917 L15.4773333,28.2602917 C15.6738333,28.2602917 15.8333333,28.1007917 15.8333333,27.9042917 L15.8333333,26.1162917 C15.8333333,25.9197917 15.6738333,25.7602917 15.4773333,25.7602917 Z M14.9593333,29.6405417 L11.6060833,29.6405417 C11.1793333,29.6405417 10.8333333,29.9865417 10.8333333,30.4132917 L10.8333333,34.3002917 C10.8333333,34.7270417 11.1793333,35.0730417 11.6060833,35.0730417 L14.9593333,35.0730417 C15.3860833,35.0730417 15.7320833,34.7270417 15.7320833,34.3002917 L15.7320833,30.4132917 C15.7320833,29.9865417 15.3860833,29.6405417 14.9593333,29.6405417 Z M14.8360833,33.7552917 C14.8360833,34.0982917 14.5580833,34.3762917 14.2150833,34.3762917 L12.3500833,34.3762917 C12.0070833,34.3762917 11.7290833,34.0982917 11.7290833,33.7552917 L11.7290833,33.0712917 C11.7290833,32.7282917 12.0070833,32.4502917 12.3500833,32.4502917 L14.2150833,32.4502917 C14.5580833,32.4502917 14.8360833,32.7282917 14.8360833,33.0712917 L14.8360833,33.7552917 Z" id="形状" fill="#FFFFFF" fill-rule="nonzero"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/ZIP_1.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ZIP</title>
+    <defs>
+        <path d="M29.324,46.9347314 L29.324,45.3347314 L22.348,45.3347314 L28.94,36.9987314 L28.94,35.5107314 L20.38,35.5107314 L20.38,37.1107314 L26.508,37.1107314 L19.9,45.4627314 L19.9,46.9347314 L29.324,46.9347314 Z M32.716,46.9347314 L32.716,35.5107314 L30.844,35.5107314 L30.844,46.9347314 L32.716,46.9347314 Z M36.828,46.9347314 L36.828,42.5507314 L39.66,42.5507314 C42.444,42.5507314 43.836,41.3667314 43.836,39.0147314 C43.836,36.6787314 42.444,35.5107314 39.692,35.5107314 L34.956,35.5107314 L34.956,46.9347314 L36.828,46.9347314 Z M39.548,40.9507314 L36.828,40.9507314 L36.828,37.1107314 L39.548,37.1107314 C40.364,37.1107314 40.972,37.2547314 41.356,37.5587314 C41.74,37.8467314 41.948,38.3267314 41.948,39.0147314 C41.948,39.7027314 41.756,40.1987314 41.372,40.5027314 C40.988,40.7907314 40.38,40.9507314 39.548,40.9507314 Z" id="path-1"></path>
+        <filter x="-18.8%" y="-39.4%" width="137.6%" height="178.8%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.454901961   0 0 0 0 0.262745098   0 0 0 0 0.694117647  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-929.000000, -6747.000000)">
+            <g id="ZIP" transform="translate(929.000000, 6747.000000)">
+                <path d="M34.1239995,6.66666667 L52,24.1066671 L52,53.3333333 C52,54.4379028 51.5522847,55.4379028 50.8284271,56.1617605 C50.1045695,56.8856181 49.1045695,57.3333333 48,57.3333333 L48,57.3333333 L16,57.3333333 C14.8954305,57.3333333 13.8954305,56.8856181 13.1715729,56.1617605 C12.4477153,55.4379028 12,54.4379028 12,53.3333333 L12,53.3333333 L12,10.6666667 C12,9.56209717 12.4477153,8.56209717 13.1715729,7.83823954 C13.8954305,7.11438192 14.8954305,6.66666667 16,6.66666667 L16,6.66666667 L34.1239995,6.66666667 Z" id="形状结合" stroke="#9254DE" stroke-width="2.66666667"></path>
+                <path d="M36,8.55228475 L50.1143819,22.6666667 L40,22.6666667 C38.8954305,22.6666667 37.8954305,22.2189514 37.1715729,21.4950938 C36.4477153,20.7712362 36,19.7712362 36,18.6666667 L36,18.6666667 L36,8.55228475 Z" id="矩形备份" stroke="#9254DE" stroke-width="2.66666667"></path>
+                <path d="M5.33333333,32 L58.6666667,32 L58.6666667,48 C58.6666667,49.4727593 57.4727593,50.6666667 56,50.6666667 L8,50.6666667 C6.52724067,50.6666667 5.33333333,49.4727593 5.33333333,48 L5.33333333,32 L5.33333333,32 Z" id="矩形备份" fill="#9254DE"></path>
+                <g fill-rule="nonzero">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                    <use fill="#FFFFFF" xlink:href="#path-1"></use>
+                </g>
+                <path d="M10.6666667,32 L10.6666667,26.6666667 L5.33333333,32 L10.6666667,32 Z M53.3333333,32 L53.3864013,26.6666667 L58.6666667,32 L53.3333333,32 Z" id="形状备份-2" fill="#7443B1" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/a1.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="69px" height="29px" viewBox="0 0 69 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>合格/不合格</title>
+    <defs>
+        <linearGradient x1="113.880844%" y1="60.6847122%" x2="-3.98357137%" y2="46.281936%" id="linearGradient-1">
+            <stop stop-color="#FF827E" offset="0%"></stop>
+            <stop stop-color="#FA635E" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="无法上传iconfont" transform="translate(-696.000000, -548.000000)">
+            <g id="不合格" transform="translate(696.500000, 548.500000)">
+                <path d="M14,0 L65.9149749,0 C66.8453128,8.31420465e-15 67.5995007,0.754187872 67.5995007,1.68452576 C67.5995007,1.8035069 67.586895,1.92215322 67.5618947,2.03847817 L62.7448714,24.4518044 C62.3000134,26.5217023 60.4702475,28 58.3530853,28 L14,28 C6.2680135,28 9.46895252e-16,21.7319865 0,14 C-9.46895252e-16,6.2680135 6.2680135,1.42034288e-15 14,0 Z" id="矩形" fill="url(#linearGradient-1)"></path>
+                <text id="不通过" font-family="YouSheBiaoTiHei" font-size="16" font-weight="normal" fill="#FFFFFF">
+                    <tspan x="12.42" y="19">不通过</tspan>
+                </text>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/a2.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="69px" height="29px" viewBox="0 0 69 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>合格/不合格备份</title>
+    <defs>
+        <linearGradient x1="132.103923%" y1="32.4701963%" x2="-98.2542826%" y2="64.5494296%" id="linearGradient-1">
+            <stop stop-color="#449FF0" offset="0%"></stop>
+            <stop stop-color="#3F5DEF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="无法上传iconfont" transform="translate(-796.000000, -548.000000)">
+            <g id="合格/不合格-2" transform="translate(696.500000, 548.500000)">
+                <g id="编组-38" transform="translate(100.000000, 0.000000)">
+                    <path d="M14,0 L65.9149749,0 C66.8453128,8.31420465e-15 67.5995007,0.754187872 67.5995007,1.68452576 C67.5995007,1.8035069 67.586895,1.92215322 67.5618947,2.03847817 L62.7448714,24.4518044 C62.3000134,26.5217023 60.4702475,28 58.3530853,28 L14,28 C6.2680135,28 9.46895252e-16,21.7319865 0,14 C-9.46895252e-16,6.2680135 6.2680135,1.42034288e-15 14,0 Z" id="矩形备份-3" fill="url(#linearGradient-1)" transform="translate(34.000000, 14.000000) scale(-1, -1) translate(-34.000000, -14.000000) "></path>
+                    <text id="通过" font-family="YouSheBiaoTiHei" font-size="16" font-weight="normal" fill="#FFFFFF">
+                        <tspan x="19.28" y="20">通过</tspan>
+                    </text>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/account.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>账号</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="20" height="20"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="登录1.1" transform="translate(-549.000000, -414.000000)">
+            <g id="编组-2" transform="translate(510.000000, 232.000000)">
+                <g id="编组" transform="translate(27.000000, 170.000000)">
+                    <g id="账号" transform="translate(12.000000, 12.000000)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <g id="蒙版"></g>
+                        <path d="M9.84375,2.1875 C12.5188793,2.1875 14.6875,4.35612074 14.6875,7.03125 C14.6875,8.58730853 13.9537537,9.97199143 12.8133786,10.8581812 C15.4699047,11.9336798 17.3699873,14.4875222 17.4935921,17.4996219 C17.4936076,17.6483896 17.3908181,17.772434 17.2527636,17.8048391 L17.1811102,17.8130953 L16.2423296,17.8130953 C16.0943962,17.8130953 15.9704711,17.7103035 15.938083,17.5722487 L15.9298296,17.5005953 L15.9298296,17.5002828 C15.766825,14.3659885 13.1743133,11.875 10,11.875 C6.82568675,11.875 4.23317504,14.3659885 4.07059086,17.4998396 L4.07017037,17.5002828 C4.07017037,17.6484841 3.96737861,17.7724474 3.82932376,17.804841 L3.75767037,17.8130953 L2.81888977,17.8130953 C2.67095636,17.8130953 2.54703124,17.7103035 2.51464312,17.5722487 L2.50638977,17.5005953 L2.50638977,17.5002828 C2.62689374,14.5635859 4.43547845,12.0627027 6.98744564,10.9420767 C5.78250573,10.0623443 5,8.63817916 5,7.03125 C5,4.35612074 7.16862074,2.1875 9.84375,2.1875 Z M9.84375,3.75 C8.03156566,3.75 6.5625,5.21906566 6.5625,7.03125 C6.5625,8.84343434 8.03156566,10.3125 9.84375,10.3125 C11.6559343,10.3125 13.125,8.84343434 13.125,7.03125 C13.125,5.21906566 11.6559343,3.75 9.84375,3.75 Z" id="形状结合" fill="#999999" mask="url(#mask-2)"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/approval-status.svg

@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="96px" height="96px" viewBox="0 0 96 96" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>审批状态</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="96" height="96"></rect>
+        <filter x="-21.4%" y="-21.4%" width="142.9%" height="142.9%" filterUnits="objectBoundingBox" id="filter-3">
+            <feGaussianBlur stdDeviation="4.8" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="80.921%" y1="13.935%" x2="8.40499214%" y2="108.92891%" id="linearGradient-4">
+            <stop stop-color="#94B3FF" offset="0%"></stop>
+            <stop stop-color="#3955FF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M37.4400001,5.11999987 C18.8832001,5.11999987 3.84000013,20.1631999 3.84000013,38.7199999 C3.84000013,57.2767999 18.8832001,72.3199999 37.4400001,72.3199999 C55.9968001,72.3199999 71.0400001,57.2767999 71.0400001,38.7199999 C71.0400001,20.1631999 55.9968001,5.11999987 37.4400001,5.11999987 Z" id="path-5"></path>
+        <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-6">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0.328065454   0 0 0 0 0.41948512   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="39.928%" y1="17.244%" x2="88.179%" y2="85.071%" id="linearGradient-7">
+            <stop stop-color="#BACFFA" stop-opacity="0.18" offset="0%"></stop>
+            <stop stop-color="#DBEDF7" stop-opacity="0.2" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="13.9030991%" y1="12.1433261%" x2="93.3488115%" y2="77.2722619%" id="linearGradient-8">
+            <stop stop-color="#EAF3FF" offset="0%"></stop>
+            <stop stop-color="#91A6BF" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-9" x="24" y="12.8" width="67.2" height="67.2" rx="33.6"></rect>
+        <linearGradient x1="32.6770459%" y1="29.135%" x2="78.1426452%" y2="72.343%" id="linearGradient-10">
+            <stop stop-color="#E9F2FC" stop-opacity="0.9" offset="0%"></stop>
+            <stop stop-color="#CDDEFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M57,29.9428571 C62.0624999,29.9428571 66.1665037,33.9985447 66.1665037,39.0008488 C66.1697652,41.4422412 65.1722243,43.7808586 63.4013671,45.4833873 C62.5049479,46.2689777 62.1849955,47.5158412 62.5942961,48.6285662 C63.0035967,49.7412912 64.0591244,50.4941639 65.2568358,50.5276668 L69.5,50.5276668 C70.1632103,50.5276668 70.7992431,50.7880594 71.2681121,51.2515343 C71.7369812,51.7150092 72,52.3435809 72,52.9989054 L72,60.4097264 C72,61.7740208 70.8807117,62.88 69.5,62.88 L44.5,62.88 C43.1192881,62.88 42,61.7740208 42,60.4097264 L42,52.9989054 C42,51.6346109 43.1192881,50.5286317 44.5,50.5286317 L48.840332,50.5286317 C50.0324924,50.4639542 51.0644066,49.687928 51.44513,48.5697563 C51.8258534,47.4515846 51.4785128,46.2170411 50.5683593,45.4534738 L50.6000976,45.4872471 L50.4047851,45.294257 C48.7525468,43.6074873 47.8300984,41.351198 47.8330078,39.0037437 C47.8330078,33.9985447 51.9374999,29.9428571 57,29.9428571 Z M65.7499999,55.469179 L48.25,55.469179 C47.559644,55.469179 47,56.0221686 47,56.7043159 C47,57.3864631 47.559644,57.9394527 48.25,57.9394527 L65.7499999,57.9394527 C66.4403558,57.9394527 67,57.3864631 67,56.7043159 C67,56.0221686 66.4403558,55.469179 65.7499999,55.469179 Z" id="path-11"></path>
+        <filter x="-23.3%" y="-21.3%" width="163.3%" height="157.7%" filterUnits="objectBoundingBox" id="filter-12">
+            <feOffset dx="3" dy="3" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.341176471   0 0 0 0 0.474509804   0 0 0 0 1  0 0 0 0.280509895 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter2"></feOffset>
+            <feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter2" result="shadowBlurOuter2"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.25 0" type="matrix" in="shadowBlurOuter2" result="shadowMatrixOuter2"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
+            </feMerge>
+        </filter>
+        <filter x="-15.0%" y="-13.7%" width="146.7%" height="142.5%" filterUnits="objectBoundingBox" id="filter-13">
+            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="毛玻璃icon" transform="translate(-352.000000, -326.000000)">
+            <g id="审批状态" transform="translate(352.000000, 326.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="矩形-1"></g>
+                <path d="M47.9519922,22.36 C66.5087598,22.36 81.5519922,37.4032324 81.5519922,55.96 C81.5519922,74.5167676 66.5087598,89.56 47.9519922,89.56 C29.3952246,89.56 14.3519922,74.5167676 14.3519922,55.96 C14.3519922,37.4032324 29.3952246,22.36 47.9519922,22.36 Z" id="shadow" filter="url(#filter-3)" mask="url(#mask-2)"></path>
+                <g id="路径" mask="url(#mask-2)" transform="translate(37.440000, 38.720000) rotate(-0.000000) translate(-37.440000, -38.720000) ">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                    <use fill="url(#linearGradient-4)" fill-rule="evenodd" xlink:href="#path-5"></use>
+                </g>
+                <path id="glass" d="M57.6,12.12 C76.5323212,12.12 91.88,27.4676788 91.88,46.4 C91.88,65.3323212 76.5323212,80.68 57.6,80.68 C38.6676788,80.68 23.32,65.3323212 23.32,46.4 C23.32,27.4676788 38.6676788,12.12 57.6,12.12 Z M57.6,13.48 C39.418786,13.48 24.68,28.218786 24.68,46.4 C24.68,64.581214 39.418786,79.32 57.6,79.32 C75.781214,79.32 90.52,64.581214 90.52,46.4 C90.52,28.218786 75.781214,13.48 57.6,13.48 Z" fill-rule="nonzero"></path>
+                <g id="形状" mask="url(#mask-2)">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
+                    <use fill="url(#linearGradient-10)" fill-rule="evenodd" xlink:href="#path-11"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-11"></use>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/arrow-botton.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>下 拉</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-2248.000000, -3431.000000)" fill-rule="nonzero">
+            <g id="下-拉" transform="translate(2248.000000, 3431.000000)">
+                <rect id="矩形" fill="#F7F8FA" x="0" y="0" width="64" height="64" rx="8"></rect>
+                <path d="M47.3120949,28.7538064 L33.6239597,40.7447838 C33.2149697,41.1175845 32.6254093,41.33125 32.0058614,41.33125 C31.3864038,41.33125 30.7969806,41.1177162 30.3877631,40.7447838 L16.6996279,28.7538064 C16.0313646,28.1883929 15.8248788,27.3643327 16.1702733,26.6365132 C16.5156678,25.9086936 17.3491198,25.4004229 18.3177262,25.33125 L45.6827337,25.33125 C46.6550944,25.3974154 47.4923007,25.9026786 47.8376952,26.6335056 C48.186844,27.3643327 47.9803582,28.1853853 47.3120949,28.7538064 Z" id="路径" fill="#646566"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/arrow-left.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切换_左</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="37.3333333" height="37.3333333"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-664.000000, -4463.000000)">
+            <g id="切换_左" transform="translate(664.000000, 4463.000000)">
+                <rect id="矩形备份-2" stroke="#CFE4FF" stroke-width="2.66666667" x="1.33333333" y="1.33333333" width="61.3333333" height="61.3333333" rx="5.33333333"></rect>
+                <g id="箭头备份" transform="translate(32.000000, 32.000000) scale(-1, 1) rotate(-270.000000) translate(-32.000000, -32.000000) translate(13.333333, 13.333333)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="蒙版"></g>
+                    <g id="编组" mask="url(#mask-2)" fill="#1980FF">
+                        <g transform="translate(4.360436, 8.660698)" id="形状结合">
+                            <path d="M6.52026692,8.34350016 C6.53646644,8.02535456 6.66606265,7.711906 6.90905555,7.46891311 L6.90905555,7.46891311 L7.46891311,6.90905555 C7.51559647,6.86237218 7.56488031,6.81987422 7.61629834,6.78156167 L20.7250613,-6.32500477 C20.9854108,-6.5853543 21.4075208,-6.5853543 21.6678703,-6.32500477 L23.1705369,-4.82233817 C23.4308865,-4.56198864 23.4308865,-4.13987866 23.1705369,-3.87952913 L10.8682669,8.42273308 L23.1705369,20.7250613 C23.4048515,20.9593759 23.428283,21.3247164 23.2408313,21.5852362 L23.1705369,21.6678703 L21.6678703,23.1705369 C21.4075208,23.4308865 20.9854108,23.4308865 20.7250613,23.1705369 L20.7250613,23.1705369 L7.61629834,10.0639705 C7.56488031,10.0256579 7.51559647,9.98315998 7.46891311,9.93647662 L6.90905555,9.37661906 C6.66606265,9.13362617 6.53646644,8.82017761 6.52026692,8.50203201 Z" transform="translate(14.943033, 8.422766) scale(-1, -1) rotate(-90.000000) translate(-14.943033, -8.422766) "></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/arrow-right.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切换_右</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="37.3333333" height="37.3333333"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-928.000000, -4463.000000)">
+            <g id="切换_右" transform="translate(928.000000, 4463.000000)">
+                <g id="箭头" transform="translate(32.000000, 32.000000) rotate(-270.000000) translate(-32.000000, -32.000000) translate(13.333333, 13.333333)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="蒙版"></g>
+                    <g id="编组" mask="url(#mask-2)" fill="#1880FF">
+                        <g transform="translate(4.291360, 9.809710)" id="形状结合">
+                            <path d="M6.52026692,8.34350016 C6.53646644,8.02535456 6.66606265,7.711906 6.90905555,7.46891311 L6.90905555,7.46891311 L7.46891311,6.90905555 C7.51559647,6.86237218 7.56488031,6.81987422 7.61629834,6.78156167 L20.7250613,-6.32500477 C20.9854108,-6.5853543 21.4075208,-6.5853543 21.6678703,-6.32500477 L23.1705369,-4.82233817 C23.4308865,-4.56198864 23.4308865,-4.13987866 23.1705369,-3.87952913 L10.8682669,8.42273308 L23.1705369,20.7250613 C23.4048515,20.9593759 23.428283,21.3247164 23.2408313,21.5852362 L23.1705369,21.6678703 L21.6678703,23.1705369 C21.4075208,23.4308865 20.9854108,23.4308865 20.7250613,23.1705369 L20.7250613,23.1705369 L7.61629834,10.0639705 C7.56488031,10.0256579 7.51559647,9.98315998 7.46891311,9.93647662 L6.90905555,9.37661906 C6.66606265,9.13362617 6.53646644,8.82017761 6.52026692,8.50203201 Z" transform="translate(14.943033, 8.422766) scale(-1, -1) rotate(-90.000000) translate(-14.943033, -8.422766) "></path>
+                        </g>
+                    </g>
+                </g>
+                <rect id="矩形" stroke="#CFE4FF" stroke-width="2.66666667" x="1.33333333" y="1.33333333" width="61.3333333" height="61.3333333" rx="5.33333333"></rect>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/audio-select.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>语音播放</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-2512.000000, -4776.000000)">
+            <g id="语音播放" transform="translate(2512.000000, 4776.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="蒙版"></g>
+                <g id="编组" mask="url(#mask-2)">
+                    <g transform="translate(7.000000, 14.500000)">
+                        <path d="M0,22.5 C0,21.11925 1.1192875,20 2.5,20 L7.5,20 L7.5,35 L2.5,35 C1.1192875,35 0,33.88075 0,32.5 L0,22.5 Z" id="路径" stroke="none"></path>
+                        <path d="M42.5,20 L47.5,20 C48.88075,20 50,21.11925 50,22.5 L50,32.5 C50,33.88075 48.88075,35 47.5,35 L42.5,35 L42.5,20 Z" id="路径" stroke="none"></path>
+                        <path d="M7.5,32.5 L7.5,17.5 C7.5,7.835 15.335,0 25,0 C34.665,0 42.5,7.835 42.5,17.5 L42.5,32.5 M7.5,20 L2.5,20 C1.1192875,20 0,21.11925 0,22.5 L0,32.5 C0,33.88075 1.1192875,35 2.5,35 L7.5,35 L7.5,20 Z M42.5,20 L47.5,20 C48.88075,20 50,21.11925 50,22.5 L50,32.5 C50,33.88075 48.88075,35 47.5,35 L42.5,35 L42.5,20 Z" id="形状" stroke="#507AFD" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path>
+                        <polygon id="路径" stroke="#507AFD" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" points="15 27.5 20 27.5 22.5 20 27.5 35 30 27.5 35 27.5"></polygon>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/audio.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="66px" viewBox="0 0 64 66" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>audio</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-929.000000, -7059.000000)">
+            <g id="audio" transform="translate(929.000000, 7060.000000)">
+                <path d="M18,7.16666667 L34.1477896,7.16666667 L34.1477896,7.16666667 L53,25.1405205 L53,53.1666667 C53,55.9280904 50.7614237,58.1666667 48,58.1666667 L16,58.1666667 C13.2385763,58.1666667 11,55.9280904 11,53.1666667 L11,14.1666667 C11,10.3006735 14.1340068,7.16666667 18,7.16666667 Z" id="矩形" fill="#FFFFFF" fill-rule="nonzero"></path>
+                <path d="M34.6666667,5.33333333 L53.3333333,24 L53.3333333,54.6666667 C53.3333333,57.6121853 50.9455187,60 48,60 L16,60 C13.0544813,60 10.6666667,57.6121853 10.6666667,54.6666667 L10.6666667,10.6666667 C10.6666667,7.721148 13.0544813,5.33333333 16,5.33333333 L34.6666667,5.33333333 Z M33.563,8 L16,8 C14.5838853,8 13.4255849,9.10383444 13.3385797,10.4980225 L13.3333333,10.6666667 L13.3333333,54.6666667 C13.3333333,56.0827814 14.4371678,57.2410818 15.8313558,57.328087 L16,57.3333333 L48,57.3333333 C49.4161147,57.3333333 50.5744151,56.2294989 50.6614203,54.8353109 L50.6666667,54.6666667 L50.666,25.104 L33.563,8 Z" id="形状结合" fill="#FF9607" fill-rule="nonzero"></path>
+                <path d="M34.6666667,5.33333333 L53.3333333,24 L40,24 C37.0544813,24 34.6666667,21.6121853 34.6666667,18.6666667 L34.6666667,5.33333333 Z M46.895,21.333 L37.333,11.77 L37.3333333,18.6666667 C37.3333333,20.0827814 38.4371678,21.2410818 39.8313558,21.328087 L40,21.3333333 L46.895,21.333 Z" id="矩形备份" fill="#FF9607" fill-rule="nonzero"></path>
+                <g id="编组-15" transform="translate(28.937635, 23.897943)" fill="#EBEDF0" fill-rule="nonzero">
+                    <path d="M8.41796085,0.158379124 C8.1584193,0.532935193 6.7431833,1.17217755 5.54341576,1.43686384 C4.02534254,1.75648502 3.24182088,2.02117131 2.45829921,2.45066227 C1.415236,3.08990462 0.837388776,3.88895757 0.940225994,4.63806971 C0.994093108,4.7978803 2.24772777,6.66566656 3.71193387,8.79314503 C5.23000709,10.9256176 6.48364175,12.738469 6.53261185,12.7884098 C6.58647897,12.8932855 6.37590752,12.8932855 5.64625297,12.8433447 C3.34465809,12.6835341 1.25853167,13.9070839 0.313408665,15.829805 C0.0538671142,16.4141125 0,16.7337337 0,17.4279109 C0,19.0260168 0.837388776,20.3045015 2.4044321,21.0536137 C3.03124943,21.3183 3.24182088,21.3732349 4.54932265,21.3732349 C5.95966164,21.3732349 6.01352875,21.3732349 6.95375475,20.8938031 C9.46102407,19.6702533 10.5089843,17.2681004 9.46102407,15.085687 C9.25045262,14.6062552 7.94295085,12.3139721 6.53261185,9.96675405 L3.97637243,5.64687405 L4.39261832,5.64687405 C6.06739587,5.54199835 7.2132963,5.0076317 7.99681796,4.09870897 C8.6775024,3.29965602 8.88317684,2.50060308 8.83420674,1.22211836 C8.78523663,0.0485093443 8.6775024,-0.216176944 8.41796085,0.158379124 Z" id="路径"></path>
+                </g>
+                <rect id="矩形" fill="#FF9607" x="5.33333333" y="18.6666667" width="26.6666667" height="26.6666667" rx="2.66666667"></rect>
+                <path d="M21.3569524,24.0201817 C21.1566351,24.3092685 20.0643393,24.8026433 19.1383446,25.0069313 C17.9666778,25.2536187 17.3619466,25.4579067 16.7572153,25.7893928 C15.9521669,26.2827676 15.5061776,26.8994861 15.5855486,27.4776597 C15.6271238,27.6010034 16.5946938,29.0425828 17.7247853,30.6845957 C18.8964521,32.3304631 19.8640221,33.7296432 19.9018178,33.7681881 C19.9433931,33.8491324 19.7808715,33.8491324 19.2177156,33.8105875 C17.4413176,33.6872438 15.8312206,34.6315939 15.1017636,36.1155727 C14.9014463,36.5665481 14.8598711,36.8132355 14.8598711,37.3490097 C14.8598711,38.5824466 15.5061776,39.5691962 16.7156401,40.1473698 C17.1994251,40.3516578 17.3619466,40.3940571 18.3710918,40.3940571 C19.4596081,40.3940571 19.5011833,40.3940571 20.2268608,40.0240261 C22.1620008,39.0796759 22.9708289,37.225666 22.1620008,35.5412537 C21.9994793,35.1712226 20.990334,33.4020115 19.9018178,31.590401 L17.9288821,28.2562667 L18.2501456,28.2562667 C19.5427586,28.1753224 20.4271781,27.762892 21.0319093,27.0613747 C21.5572696,26.4446562 21.7160115,25.8279377 21.6782158,24.8411882 C21.6404201,23.9353829 21.5572696,23.7310949 21.3569524,24.0201817 Z" id="路径" fill="#FFFFFF" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/avi.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>AVI</title>
+    <defs>
+        <path d="M22,46.9347314 L23.04,44.0707314 L27.824,44.0707314 L28.864,46.9347314 L30.864,46.9347314 L26.496,35.5107314 L24.368,35.5107314 L20,46.9347314 L22,46.9347314 Z M27.264,42.5347314 L23.6,42.5347314 L25.408,37.5267314 L25.472,37.5267314 L27.264,42.5347314 Z M37.264,46.9347314 L41.328,35.5107314 L39.296,35.5107314 L36.16,44.8227314 L36.112,44.8227314 L32.976,35.5107314 L30.944,35.5107314 L35.008,46.9347314 L37.264,46.9347314 Z M44.4,46.9347314 L44.4,35.5107314 L42.528,35.5107314 L42.528,46.9347314 L44.4,46.9347314 Z" id="path-1"></path>
+        <filter x="-18.4%" y="-39.4%" width="136.9%" height="178.8%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.8   0 0 0 0 0.470588235   0 0 0 0 0.0196078431  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-1721.000000, -6747.000000)">
+            <g id="AVI" transform="translate(1721.000000, 6747.000000)">
+                <path d="M34.1239995,6.66666667 L52,24.1066671 L52,53.3333333 C52,54.4379028 51.5522847,55.4379028 50.8284271,56.1617605 C50.1045695,56.8856181 49.1045695,57.3333333 48,57.3333333 L48,57.3333333 L16,57.3333333 C14.8954305,57.3333333 13.8954305,56.8856181 13.1715729,56.1617605 C12.4477153,55.4379028 12,54.4379028 12,53.3333333 L12,53.3333333 L12,10.6666667 C12,9.56209717 12.4477153,8.56209717 13.1715729,7.83823954 C13.8954305,7.11438192 14.8954305,6.66666667 16,6.66666667 L16,6.66666667 L34.1239995,6.66666667 Z" id="形状结合" stroke="#FF9607" stroke-width="2.66666667"></path>
+                <path d="M36,8.55228475 L50.1143819,22.6666667 L40,22.6666667 C38.8954305,22.6666667 37.8954305,22.2189514 37.1715729,21.4950938 C36.4477153,20.7712362 36,19.7712362 36,18.6666667 L36,18.6666667 L36,8.55228475 Z" id="矩形备份" stroke="#FF9607" stroke-width="2.66666667"></path>
+                <path d="M5.33333333,32 L58.6666667,32 L58.6666667,48 C58.6666667,49.4727593 57.4727593,50.6666667 56,50.6666667 L8,50.6666667 C6.52724067,50.6666667 5.33333333,49.4727593 5.33333333,48 L5.33333333,32 L5.33333333,32 Z" id="矩形备份" fill="#FF9607"></path>
+                <g fill-rule="nonzero">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                    <use fill="#FFFFFF" xlink:href="#path-1"></use>
+                </g>
+                <path d="M10.6666667,32 L10.6666667,26.6666667 L5.33333333,32 L10.6666667,32 Z M53.3333333,32 L53.3864013,26.6666667 L58.6666667,32 L53.3333333,32 Z" id="形状备份-2" fill="#CC7805" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/bmp.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>BMP</title>
+    <defs>
+        <path d="M20.368,47 C21.584,47 22.544,46.776 23.216,46.328 C24,45.784 24.4,44.936 24.4,43.784 C24.4,43.016 24.208,42.392 23.84,41.944 C23.456,41.48 22.896,41.176 22.144,41.032 C22.72,40.808 23.152,40.504 23.456,40.088 C23.76,39.64 23.92,39.096 23.92,38.456 C23.92,37.592 23.616,36.904 23.024,36.392 C22.384,35.848 21.488,35.576 20.352,35.576 L15.12,35.576 L15.12,47 L20.368,47 Z M19.856,40.376 L16.992,40.376 L16.992,37.112 L19.888,37.112 C20.656,37.112 21.2,37.24 21.552,37.496 C21.872,37.736 22.048,38.136 22.048,38.68 C22.048,39.272 21.872,39.704 21.552,39.976 C21.216,40.232 20.656,40.376 19.856,40.376 Z M20.096,45.464 L16.992,45.464 L16.992,41.912 L20.144,41.912 C20.976,41.912 21.584,42.056 21.968,42.344 C22.336,42.632 22.528,43.096 22.528,43.752 C22.528,44.392 22.272,44.84 21.76,45.128 C21.36,45.352 20.8,45.464 20.096,45.464 Z M28.032,47 L28.032,39.128 L28.096,39.128 L31.456,47 L33.072,47 L36.432,39.128 L36.496,39.128 L36.496,47 L38.368,47 L38.368,35.576 L36.176,35.576 L32.304,44.536 L32.24,44.536 L28.352,35.576 L26.16,35.576 L26.16,47 L28.032,47 Z M42.48,47 L42.48,42.616 L45.312,42.616 C48.096,42.616 49.488,41.432 49.488,39.08 C49.488,36.744 48.096,35.576 45.344,35.576 L40.608,35.576 L40.608,47 L42.48,47 Z M45.2,41.016 L42.48,41.016 L42.48,37.176 L45.2,37.176 C46.016,37.176 46.624,37.32 47.008,37.624 C47.392,37.912 47.6,38.392 47.6,39.08 C47.6,39.768 47.408,40.264 47.024,40.568 C46.64,40.856 46.032,41.016 45.2,41.016 Z" id="path-1"></path>
+        <filter x="-13.1%" y="-39.4%" width="126.2%" height="178.8%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.37254902   0 0 0 0 0.329411765   0 0 0 0 0.721568627  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-3041.000000, -6747.000000)">
+            <g id="BMP" transform="translate(3041.000000, 6747.000000)">
+                <path d="M34.1239995,6.66666667 L52,24.1066671 L52,53.3333333 C52,54.4379028 51.5522847,55.4379028 50.8284271,56.1617605 C50.1045695,56.8856181 49.1045695,57.3333333 48,57.3333333 L48,57.3333333 L16,57.3333333 C14.8954305,57.3333333 13.8954305,56.8856181 13.1715729,56.1617605 C12.4477153,55.4379028 12,54.4379028 12,53.3333333 L12,53.3333333 L12,10.6666667 C12,9.56209717 12.4477153,8.56209717 13.1715729,7.83823954 C13.8954305,7.11438192 14.8954305,6.66666667 16,6.66666667 L16,6.66666667 L34.1239995,6.66666667 Z" id="形状结合" stroke="#776AE6" stroke-width="2.66666667"></path>
+                <path d="M36,8.55228475 L50.1143819,22.6666667 L40,22.6666667 C38.8954305,22.6666667 37.8954305,22.2189514 37.1715729,21.4950938 C36.4477153,20.7712362 36,19.7712362 36,18.6666667 L36,18.6666667 L36,8.55228475 Z" id="矩形备份" stroke="#776AE6" stroke-width="2.66666667"></path>
+                <path d="M5.33333333,32 L58.6666667,32 L58.6666667,48 C58.6666667,49.4727593 57.4727593,50.6666667 56,50.6666667 L8,50.6666667 C6.52724067,50.6666667 5.33333333,49.4727593 5.33333333,48 L5.33333333,32 L5.33333333,32 Z" id="矩形备份" fill="#776AE6"></path>
+                <g fill-rule="nonzero">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                    <use fill="#FFFFFF" xlink:href="#path-1"></use>
+                </g>
+                <path d="M10.6666667,32 L10.6666667,26.6666667 L5.33333333,32 L10.6666667,32 Z M53.3333333,32 L53.3864013,26.6666667 L58.6666667,32 L53.3333333,32 Z" id="形状备份-2" fill="#5F54B8" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/bold.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>加粗</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-664.000000, -2492.000000)">
+            <g id="加粗" transform="translate(664.000000, 2492.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="蒙版"></g>
+                <g id="Edit-/-Bold" mask="url(#mask-2)" fill="#666666" fill-rule="nonzero">
+                    <g transform="translate(17.333333, 10.666667)" id="Vector">
+                        <path d="M2.66666667,18.6666667 C1.1939067,18.6666667 0,19.8605734 0,21.3333333 C0,22.8060932 1.1939067,24 2.66666667,24 C2.66666667,24 2.66666667,18.6666667 2.66666667,18.6666667 C2.66666667,18.6666667 2.66666667,18.6666667 2.66666667,18.6666667 Z M2.66666667,37.3333333 C1.1939067,37.3333333 0,38.5272535 0,40 C0,41.4727478 1.1939067,42.6666667 2.66666667,42.6666667 C2.66666667,42.6666667 2.66666667,37.3333333 2.66666667,37.3333333 C2.66666667,37.3333333 2.66666667,37.3333333 2.66666667,37.3333333 Z M2.66666667,24 C2.66666667,24 17.3333333,24 17.3333333,24 C17.3333333,24 17.3333333,18.6666667 17.3333333,18.6666667 C17.3333333,18.6666667 2.66666667,18.6666667 2.66666667,18.6666667 C2.66666667,18.6666667 2.66666667,24 2.66666667,24 C2.66666667,24 2.66666667,24 2.66666667,24 Z M17.3333333,37.3333333 C17.3333333,37.3333333 2.66666667,37.3333333 2.66666667,37.3333333 C2.66666667,37.3333333 2.66666667,42.6666667 2.66666667,42.6666667 C2.66666667,42.6666667 17.3333333,42.6666667 17.3333333,42.6666667 C17.3333333,42.6666667 17.3333333,37.3333333 17.3333333,37.3333333 C17.3333333,37.3333333 17.3333333,37.3333333 17.3333333,37.3333333 Z M24,30.6666667 C24,34.3485603 21.015227,37.3333333 17.3333333,37.3333333 C17.3333333,37.3333333 17.3333333,42.6666667 17.3333333,42.6666667 C23.9607468,42.6666667 29.3333333,37.2940801 29.3333333,30.6666667 C29.3333333,30.6666667 24,30.6666667 24,30.6666667 C24,30.6666667 24,30.6666667 24,30.6666667 Z M17.3333333,24 C21.015227,24 24,26.9847736 24,30.6666667 C24,30.6666667 29.3333333,30.6666667 29.3333333,30.6666667 C29.3333333,24.0392532 23.9607468,18.6666667 17.3333333,18.6666667 C17.3333333,18.6666667 17.3333333,24 17.3333333,24 C17.3333333,24 17.3333333,24 17.3333333,24 Z"></path>
+                        <path d="M5.33333333,2.66666667 C5.33333333,1.1939067 4.13942655,2.27373675e-13 2.66666667,2.27373675e-13 C1.1939067,2.27373675e-13 0,1.1939067 0,2.66666667 C0,2.66666667 5.33333333,2.66666667 5.33333333,2.66666667 C5.33333333,2.66666667 5.33333333,2.66666667 5.33333333,2.66666667 Z M0,40 C0,41.4728012 1.1939067,42.6666667 2.66666667,42.6666667 C4.13942655,42.6666667 5.33333333,41.4728012 5.33333333,40 C5.33333333,40 0,40 0,40 C0,40 0,40 0,40 Z M0,2.66666667 C0,2.66666667 0,40 0,40 C0,40 5.33333333,40 5.33333333,40 C5.33333333,40 5.33333333,2.66666667 5.33333333,2.66666667 C5.33333333,2.66666667 0,2.66666667 0,2.66666667 C0,2.66666667 0,2.66666667 0,2.66666667 Z"></path>
+                        <path d="M2.66666667,2.27373675e-13 C1.1939067,2.27373675e-13 0,1.1939067 0,2.66666667 C0,4.13942655 1.1939067,5.33333333 2.66666667,5.33333333 C2.66666667,5.33333333 2.66666667,2.27373675e-13 2.66666667,2.27373675e-13 C2.66666667,2.27373675e-13 2.66666667,2.27373675e-13 2.66666667,2.27373675e-13 Z M2.66666667,18.6666667 C1.1939067,18.6666667 0,19.8605868 0,21.3333333 C0,22.8060811 1.1939067,24 2.66666667,24 C2.66666667,24 2.66666667,18.6666667 2.66666667,18.6666667 C2.66666667,18.6666667 2.66666667,18.6666667 2.66666667,18.6666667 Z M2.66666667,5.33333333 C2.66666667,5.33333333 14.6666667,5.33333333 14.6666667,5.33333333 C14.6666667,5.33333333 14.6666667,2.27373675e-13 14.6666667,2.27373675e-13 C14.6666667,2.27373675e-13 2.66666667,2.27373675e-13 2.66666667,2.27373675e-13 C2.66666667,2.27373675e-13 2.66666667,5.33333333 2.66666667,5.33333333 C2.66666667,5.33333333 2.66666667,5.33333333 2.66666667,5.33333333 Z M14.6666667,18.6666667 C14.6666667,18.6666667 2.66666667,18.6666667 2.66666667,18.6666667 C2.66666667,18.6666667 2.66666667,24 2.66666667,24 C2.66666667,24 14.6666667,24 14.6666667,24 C14.6666667,24 14.6666667,18.6666667 14.6666667,18.6666667 C14.6666667,18.6666667 14.6666667,18.6666667 14.6666667,18.6666667 Z M21.3333333,12 C21.3333333,15.6818937 18.3485603,18.6666667 14.6666667,18.6666667 C14.6666667,18.6666667 14.6666667,24 14.6666667,24 C21.2940801,24 26.6666667,18.6274134 26.6666667,12 C26.6666667,12 21.3333333,12 21.3333333,12 C21.3333333,12 21.3333333,12 21.3333333,12 Z M14.6666667,5.33333333 C18.3485603,5.33333333 21.3333333,8.31810697 21.3333333,12 C21.3333333,12 26.6666667,12 26.6666667,12 C26.6666667,5.37258657 21.2940801,2.27373675e-13 14.6666667,2.27373675e-13 C14.6666667,2.27373675e-13 14.6666667,5.33333333 14.6666667,5.33333333 C14.6666667,5.33333333 14.6666667,5.33333333 14.6666667,5.33333333 Z"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/buhege-tag.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="46px" height="22px" viewBox="0 0 46 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>不合格标签</title>
+    <defs>
+        <linearGradient x1="-4.97303838%" y1="41.5988857%" x2="45.6925102%" y2="55.4227602%" id="linearGradient-1">
+            <stop stop-color="#FF8686" offset="0%"></stop>
+            <stop stop-color="#FF4E4F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-928.000000, -6459.000000)">
+            <g id="不合格标签" transform="translate(928.000000, 6459.000000)">
+                <polygon id="路径-5" fill="#FF4F4F" points="3 18 0 18 2.90917969 21.0521851"></polygon>
+                <g id="编组-5备份">
+                    <path d="M4,0 L42,0 C44.209139,-4.05812251e-16 46,1.790861 46,4 L46,14 C46,16.209139 44.209139,18 42,18 L0,18 L0,18 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 Z" id="矩形" fill="url(#linearGradient-1)"></path>
+                    <text id="不合格" font-family="PingFangSC-Medium, PingFang SC" font-size="12" font-weight="400" line-spacing="18" fill="#FFFFFF">
+                        <tspan x="5" y="13">不合格</tspan>
+                    </text>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/button-false.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="96px" height="96px" viewBox="0 0 96 96" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>按钮_假</title>
+    <defs>
+        <radialGradient cx="49.9999974%" cy="50.0000039%" fx="49.9999974%" fy="50.0000039%" r="110.414469%" gradientTransform="translate(0.500000,0.500000),rotate(75.075110),scale(1.000000,1.409640),translate(-0.500000,-0.500000)" id="radialGradient-1">
+            <stop stop-color="#FFFCFC" stop-opacity="0.1" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0.41" offset="100%"></stop>
+        </radialGradient>
+        <linearGradient x1="-0.00164029895%" y1="20.3389764%" x2="49.9999972%" y2="99.9999913%" id="linearGradient-2">
+            <stop stop-color="#D93333" stop-opacity="0.18" offset="0%"></stop>
+            <stop stop-color="#A37D7D" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-3" x="0" y="0" width="96" height="96" rx="15.8391715"></rect>
+        <rect id="path-4" x="0" y="0" width="96" height="96" rx="15.8391715"></rect>
+        <filter x="-1.0%" y="-1.0%" width="102.1%" height="102.1%" filterUnits="objectBoundingBox" id="filter-5">
+            <feOffset dx="2" dy="0" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.976470588   0 0 0 0 0.709803922   0 0 0 0 0.709803922  0 0 0 0.37 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#FD7644" offset="0%"></stop>
+            <stop stop-color="#F44128" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="毛玻璃icon" transform="translate(-352.000000, -81.000000)">
+            <g id="Frame-18" transform="translate(352.000000, 81.000000)">
+                <g id="路径">
+                    <use fill="url(#radialGradient-1)" xlink:href="#path-3"></use>
+                    <use fill="url(#linearGradient-2)" xlink:href="#path-3"></use>
+                </g>
+                <g id="路径" fill="black" fill-opacity="1">
+                    <use filter="url(#filter-5)" xlink:href="#path-4"></use>
+                </g>
+                <g id="编组" transform="translate(24.489796, 24.489796)" fill-rule="nonzero">
+                    <path d="M23.7587572,0 C10.6914408,0 0,10.6914408 0,23.7587572 C0,36.8260737 10.6914408,47.5175145 23.7587572,47.5175145 C36.8260737,47.5175145 47.5175145,36.8260737 47.5175145,23.7587572 C47.5175145,10.6914408 36.8260737,0 23.7587572,0 Z" id="形状" fill="url(#linearGradient-6)"></path>
+                    <path d="M33.7576354,27.9359597 C35.493482,29.6718063 35.493482,32.2755762 33.7576354,34.0114229 C32.0217888,35.7472695 29.4180189,35.7472695 27.6821722,34.0114229 L23.3425557,29.6718064 L19.0029392,34.0114229 C17.2670926,35.7472695 14.6633227,35.7472695 12.9274761,34.0114229 C11.1916294,32.2755763 11.770245,29.3824986 13.5060916,27.9359597 L17.5564003,23.5963432 L13.5060916,19.2567267 C11.770245,17.5208801 11.770245,14.9171102 13.5060916,13.1812636 C15.2419382,11.445417 17.8457081,11.445417 19.5815547,13.1812636 L23.9211713,17.5208801 L28.2607878,13.1812636 C29.9966344,11.445417 32.6004043,11.445417 34.3362509,13.1812636 C36.0720975,14.9171102 36.0720975,17.5208801 34.3362509,19.2567267 L29.7073266,23.5963432 L33.7576354,27.9359597 L33.7576354,27.9359597 Z" id="路径" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/button-true.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="96px" height="96px" viewBox="0 0 96 96" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>按钮_真</title>
+    <defs>
+        <radialGradient cx="49.9999974%" cy="50.0000039%" fx="49.9999974%" fy="50.0000039%" r="110.414469%" gradientTransform="translate(0.500000,0.500000),rotate(75.075110),scale(1.000000,1.409640),translate(-0.500000,-0.500000)" id="radialGradient-1">
+            <stop stop-color="#FCFCFF" stop-opacity="0.1" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0.41" offset="100%"></stop>
+        </radialGradient>
+        <linearGradient x1="-0.00164029895%" y1="20.3389764%" x2="49.9999972%" y2="99.9999913%" id="linearGradient-2">
+            <stop stop-color="#9BE9CE" stop-opacity="0.444383741" offset="0%"></stop>
+            <stop stop-color="#837DA3" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-3" x="0" y="0" width="96" height="96" rx="15.8391715"></rect>
+        <rect id="path-4" x="0" y="0" width="96" height="96" rx="15.8391715"></rect>
+        <filter x="-1.0%" y="-1.0%" width="102.1%" height="102.1%" filterUnits="objectBoundingBox" id="filter-5">
+            <feOffset dx="2" dy="0" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.459565549   0 0 0 0 1   0 0 0 0 0.812502333  0 0 0 0.336265297 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="-28.8209135%" y1="-21.6990757%" x2="74.1835337%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#A3F3D7" offset="0%"></stop>
+            <stop stop-color="#02C984" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="毛玻璃icon" transform="translate(-114.000000, -81.000000)">
+            <g id="按钮_真" transform="translate(114.000000, 81.000000)">
+                <g id="Frame-18">
+                    <g id="路径">
+                        <use fill="url(#radialGradient-1)" xlink:href="#path-3"></use>
+                        <use fill="url(#linearGradient-2)" xlink:href="#path-3"></use>
+                    </g>
+                    <g id="路径" fill="black" fill-opacity="1">
+                        <use filter="url(#filter-5)" xlink:href="#path-4"></use>
+                    </g>
+                </g>
+                <g id="编组" transform="translate(23.758757, 23.573142)" fill-rule="nonzero">
+                    <path d="M0,23.7587572 C0,36.8803565 10.6371579,47.5175145 23.7587572,47.5175145 C36.8803565,47.5175145 47.5175145,36.8803565 47.5175145,23.7587572 C47.5175145,10.6371579 36.8803565,0 23.7587572,0 C10.6371579,0 0,10.6371579 0,23.7587572 Z" id="路径" fill="url(#linearGradient-6)"></path>
+                    <path d="M21.0229003,22.8666527 L29.0864786,14.486626 C30.5264032,12.9901926 33.1182677,12.9901926 34.5581923,14.486626 C35.998117,15.9830593 35.998117,18.6766393 34.5581923,20.1730727 L23.6147648,31.5459662 C22.1748401,33.0423995 19.5829757,33.0423995 18.143051,31.5459662 L17.855066,31.2466795 L17.5670811,30.9473928 L12.9593221,25.8595194 C11.5193974,24.0637994 11.5193974,21.6695061 12.9593221,20.1730727 C14.3992468,18.6766393 16.9911112,18.3773527 18.4310359,20.1730727 L21.0229003,22.8666527 Z" id="路径" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/calendar.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>日历</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-3041.000000, -2179.000000)">
+            <g id="日历" transform="translate(3041.000000, 2179.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <use id="蒙版" fill="#000000" fill-rule="nonzero" opacity="0" xlink:href="#path-1"></use>
+                <path d="M23.5427983,7 C24.0950831,7 24.5427983,7.44771525 24.5427983,8 L24.5426515,12 L39.4496515,12 L39.449946,8 C39.449946,7.44771525 39.8976613,7 40.449946,7 L43.449946,7 C44.0022308,7 44.449946,7.44771525 44.449946,8 L44.4496515,12 L54.8670928,12 C55.9716623,12 56.8670928,12.8954305 56.8670928,14 L56.8670928,55 C56.8670928,56.0543618 56.051215,56.9181651 55.0163552,56.9945143 L54.8670928,57 L54.8670928,57 L9.12565151,57 C8.02108201,57 7.12565151,56.1045695 7.12565151,55 L7.12565151,14 C7.12565151,12.8954305 8.02108201,12 9.12565151,12 L19.5426515,12 L19.5427983,8 C19.5427983,7.44771525 19.9905136,7 20.5427983,7 L23.5427983,7 Z M51.8666515,32 L12.1256515,32 L12.1246515,52 L51.8666515,52 L51.8666515,32 Z M19.5426515,17 L12.1256515,17 L12.1256515,27 L51.8666515,27 L51.8666515,17 L44.4496515,17 L44.449946,21 C44.449946,21.5522847 44.0022308,22 43.449946,22 L40.449946,22 C39.8976613,22 39.449946,21.5522847 39.449946,21 L39.4496515,17 L24.5426515,17 L24.5427983,21 C24.5427983,21.5522847 24.0950831,22 23.5427983,22 L20.5427983,22 C19.9905136,22 19.5427983,21.5522847 19.5427983,21 L19.5426515,17 Z" id="形状结合" fill="#999999" mask="url(#mask-2)"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/clear.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>清除</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-3040.000000, -3118.000000)" fill-rule="nonzero">
+            <g id="清除" transform="translate(3040.000000, 3118.000000)">
+                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="64" height="64"></rect>
+                <path d="M32,4 C16.5619675,4 4,16.5600322 4,32 C4,47.4399678 16.5600322,60 32,60 C47.4380325,60 60,47.4399678 60,32 C60,16.5600322 47.4399678,4 32,4 Z M43.4220132,40.6240021 C44.2020159,41.4079827 44.1999731,42.6720064 43.4180353,43.4520091 C43.0280877,43.8400215 42.5180487,44.0360166 42.0060745,44.0360166 C41.4920576,44.0360166 40.9800834,43.8400214 40.5900283,43.4480311 L31.9900014,34.8219862 L23.3620213,43.3580432 C22.9720737,43.7420776 22.4639699,43.9360301 21.9559737,43.9360301 C21.4400215,43.9360301 20.9260046,43.7379922 20.5340143,43.3420239 C19.7579895,42.5560005 19.7640102,41.2919768 20.5500336,40.5140169 L29.1680151,31.9900013 L20.5819648,23.3759978 C19.8019621,22.5939524 19.8040049,21.3279935 20.5859428,20.5479908 C21.3679882,19.7659454 22.6319043,19.7700309 23.4139498,20.5519687 L32.0119339,29.1759709 L40.639914,20.6400214 C41.4238946,19.8620614 42.6918962,19.8700173 43.467921,20.6560407 C44.2458809,21.4420641 44.2379251,22.708023 43.4519016,23.4840477 L34.8340277,32.0079559 L43.4220132,40.6240021 Z" id="形状" fill="#DDDDDD"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/close.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>关闭</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="29.0909091" height="29.0909091"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-664.000000, -3431.000000)">
+            <g id="关闭" transform="translate(664.000000, 3431.000000)">
+                <circle id="椭圆形" fill-opacity="0.5" fill="#000000" cx="32" cy="32" r="32"></circle>
+                <g transform="translate(17.454545, 17.454545)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="蒙版"></g>
+                    <rect id="矩形" mask="url(#mask-2)" x="1.55844156" y="1.55844156" width="25.974026" height="25.974026"></rect>
+                    <path d="M5.1706389,3.26041462 L14.5452623,12.6352623 L23.9202702,3.26041462 C24.1005989,3.08008594 24.3805203,3.06004942 24.5829807,3.20030506 L24.6549266,3.26041462 L25.8304945,4.43598251 C26.0333642,4.63885227 26.0333642,4.96776914 25.8304945,5.1706389 L25.8304945,5.1706389 L16.4552623,14.5452623 L25.8304945,23.9202702 C26.0333642,24.12314 26.0333642,24.4520568 25.8304945,24.6549266 L24.6549266,25.8304945 C24.4520568,26.0333642 24.12314,26.0333642 23.9202702,25.8304945 L14.5452623,16.4552623 L5.1706389,25.8304945 C4.99031022,26.0108231 4.71038877,26.0308597 4.50792836,25.890604 L4.43598251,25.8304945 L3.26041462,24.6549266 C3.05754486,24.4520568 3.05754486,24.12314 3.26041462,23.9202702 L3.26041462,23.9202702 L12.6352623,14.5452623 L3.26041462,5.1706389 C3.05754486,4.96776914 3.05754486,4.63885227 3.26041462,4.43598251 L4.43598251,3.26041462 C4.63885227,3.05754486 4.96776914,3.05754486 5.1706389,3.26041462 Z" id="形状结合" fill="#FFFFFF" mask="url(#mask-2)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/collapse-cir.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="86px" height="86px" viewBox="0 0 86 86" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>收起</title>
+    <defs>
+        <circle id="path-1" cx="32" cy="32" r="32"></circle>
+        <filter x="-29.7%" y="-21.9%" width="159.4%" height="159.4%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.896286232   0 0 0 0 0.896286232   0 0 0 0 0.896286232  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-1181.000000, -3425.000000)">
+            <g id="收起-2" transform="translate(1181.000000, 3425.000000)">
+                <g id="收起" transform="translate(11.000000, 6.000000)">
+                    <g id="椭圆形">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                        <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+                    </g>
+                    <g id="箭头-下" transform="translate(32.000000, 32.000000) rotate(-270.000000) translate(-32.000000, -32.000000) translate(13.333333, 13.333333)" fill="#507AFD" fill-rule="nonzero">
+                        <rect id="矩形" opacity="0" x="0" y="0" width="37.3333333" height="37.3333333"></rect>
+                        <path d="M18.8740741,29.037037 C17.2148148,29.037037 15.762963,28.4148148 14.5185185,27.1703704 L2.69629631,13.8962963 C1.86666667,13.0666667 2.07407408,11.8222222 2.90370369,10.9925926 C3.73333333,10.1629629 4.97777777,10.3703704 5.80740741,11.2 L17.837037,24.4740741 C18.0444444,24.6814815 18.4592593,24.8888889 18.8740741,24.8888889 C19.2888889,24.8888889 19.7037037,24.6814815 20.1185185,24.2666667 L31.5259259,10.9925926 C32.3555556,10.1629629 33.6,9.95555557 34.4296296,10.7851852 C35.2592593,11.6148148 35.4666667,12.8592593 34.637037,13.6888889 L23.2296296,26.962963 C22.1925926,28.4148148 20.7407407,29.037037 18.8740741,29.037037 C19.0814815,29.037037 18.8740741,29.037037 18.8740741,29.037037 Z" id="路径"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/collapse.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>展开</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-2512.000000, -2179.000000)">
+            <g id="展开-2" transform="translate(2512.000000, 2179.000000)">
+                <g id="路径-+-矩形-蒙版" transform="translate(32.000000, 32.000000) scale(-1, 1) rotate(-270.000000) translate(-32.000000, -32.000000) ">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="蒙版"></g>
+                    <g id="编组" mask="url(#mask-2)">
+                        <g transform="translate(32.000000, 32.000000) scale(-1, 1) translate(-32.000000, -32.000000) translate(17.142857, 6.857143)">
+                            <rect id="矩形" fill="none" transform="translate(14.857143, 25.142857) rotate(-180.000000) translate(-14.857143, -25.142857) " x="0" y="0" width="29.7142857" height="50.2857143"></rect>
+                            <path d="M0.842159003,25.397057 C0.863040399,24.7678655 1.11361715,24.144879 1.59388926,23.6646069 L1.59388926,23.6646069 L1.9463783,23.3121178 C2.0337005,23.2247956 2.12574053,23.1450667 2.2216779,23.0729309 L23.7098761,1.58464954 C24.2119788,1.08254688 25.026048,1.08254688 25.5281507,1.58464954 L27.6989143,3.75541315 C28.201017,4.25751581 28.201017,5.07158507 27.6989143,5.57368773 L7.771159,25.5010725 L27.6989143,45.4281047 C28.1675435,45.8967339 28.1987854,46.6371206 27.7926402,47.1419841 L27.6989143,47.2463793 L25.5281507,49.4171429 C25.026048,49.9192456 24.2119788,49.9192456 23.7098761,49.4171429 L23.7098761,49.4171429 L2.21657853,27.9250173 C2.12247818,27.8538961 2.03215223,27.7754485 1.9463783,27.6896746 L1.59388926,27.3371856 C1.11361715,26.8569135 0.863040399,26.2339269 0.842159003,25.6047355 Z" id="形状结合" fill="#999999" fill-rule="evenodd" transform="translate(14.458825, 25.500896) scale(1, -1) translate(-14.458825, -25.500896) "></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/copy-select.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>复制</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-2248.000000, -4776.000000)">
+            <g id="复制" transform="translate(2248.000000, 4776.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="蒙版"></g>
+                <path d="M10.0007447,57.023761 L9.00074473,57.023761 C7.89617523,57.023761 7.00074473,56.1283305 7.00074473,55.023761 L7.00074473,22.023761 C7.00074473,20.9191915 7.89617523,20.023761 9.00074473,20.023761 L17.2010404,20.023761 C17.7533252,20.023761 18.2010404,20.4714762 18.2010404,21.023761 L18.2010404,24.023761 C18.2010404,24.5760457 17.7533252,25.023761 17.2010404,25.023761 L12.0007447,25.023 L12.0007447,51.991 L38.9997447,51.991 L39.0007447,46.7783812 C39.0007447,46.2260965 39.44846,45.7783812 40.0007447,45.7783812 L43.0007447,45.7783812 C43.5530295,45.7783812 44.0007447,46.2260965 44.0007447,46.7783812 L44.0005888,53.9664597 C44.0006926,53.9748591 44.0007447,53.9832711 44.0007447,53.9916952 L44.0007447,54.9916952 L43.9997447,55.016 L44.0007447,55.023761 C44.0007447,56.1283305 43.1053142,57.023761 42.0007447,57.023761 L41.0007447,57.023761 C40.8799654,57.023761 40.7616865,57.0130549 40.6468055,56.9925399 L10.354684,56.9925399 C10.2398029,57.0130549 10.1215241,57.023761 10.0007447,57.023761 Z M55,7 C56.1045695,7 57,7.8954305 57,9 L57,42 C57,43.1045695 56.1045695,44 55,44 L54,44 C53.8792206,44 53.7609418,43.9892939 53.6460608,43.9687789 L23.3539392,43.9687789 C23.2390582,43.9892939 23.1207794,44 23,44 L22,44 C20.8954305,44 20,43.1045695 20,42 L20,9 C20,7.8954305 20.8954305,7 22,7 L55,7 Z M51.9997447,12 L24.9997447,12 L24.9997447,38.967 L51.9997447,38.967 L51.9997447,12 Z" id="形状结合" fill="#507AFD" mask="url(#mask-2)"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/copy.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>复制</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-928.000000, -4776.000000)">
+            <g id="复制" transform="translate(928.000000, 4776.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="蒙版"></g>
+                <path d="M10.0007447,57.023761 L9.00074473,57.023761 C7.89617523,57.023761 7.00074473,56.1283305 7.00074473,55.023761 L7.00074473,22.023761 C7.00074473,20.9191915 7.89617523,20.023761 9.00074473,20.023761 L17.2010404,20.023761 C17.7533252,20.023761 18.2010404,20.4714762 18.2010404,21.023761 L18.2010404,24.023761 C18.2010404,24.5760457 17.7533252,25.023761 17.2010404,25.023761 L12.0007447,25.023 L12.0007447,51.991 L38.9997447,51.991 L39.0007447,46.7783812 C39.0007447,46.2260965 39.44846,45.7783812 40.0007447,45.7783812 L43.0007447,45.7783812 C43.5530295,45.7783812 44.0007447,46.2260965 44.0007447,46.7783812 L44.0005888,53.9664597 C44.0006926,53.9748591 44.0007447,53.9832711 44.0007447,53.9916952 L44.0007447,54.9916952 L43.9997447,55.016 L44.0007447,55.023761 C44.0007447,56.1283305 43.1053142,57.023761 42.0007447,57.023761 L41.0007447,57.023761 C40.8799654,57.023761 40.7616865,57.0130549 40.6468055,56.9925399 L10.354684,56.9925399 C10.2398029,57.0130549 10.1215241,57.023761 10.0007447,57.023761 Z M55,7 C56.1045695,7 57,7.8954305 57,9 L57,42 C57,43.1045695 56.1045695,44 55,44 L54,44 C53.8792206,44 53.7609418,43.9892939 53.6460608,43.9687789 L23.3539392,43.9687789 C23.2390582,43.9892939 23.1207794,44 23,44 L22,44 C20.8954305,44 20,43.1045695 20,42 L20,9 C20,7.8954305 20.8954305,7 22,7 L55,7 Z M51.9997447,12 L24.9997447,12 L24.9997447,38.967 L51.9997447,38.967 L51.9997447,12 Z" id="形状结合" fill="#666666" mask="url(#mask-2)"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/delete-1.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>删除</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-2512.000000, -3118.000000)">
+            <g id="删除" transform="translate(2512.000000, 3118.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <use id="蒙版" fill="#000000" fill-rule="nonzero" opacity="0" xlink:href="#path-1"></use>
+                <path d="M52.9231991,16 C53.4754839,16 53.9231991,16.4477153 53.9231991,17 L53.9231991,20 C53.9231991,20.5522847 53.4754839,21 52.9231991,21 L49.862,21 L46.8906837,54.9640327 C46.8414748,55.5264927 46.5639593,56.0141255 46.1574353,56.3436103 C45.7935798,56.7212522 45.2824394,56.9564221 44.7163722,56.9564221 L19.2763722,56.9564221 C18.8012585,56.9564221 18.3648389,56.7907533 18.0217296,56.5140319 C17.5531495,56.1861769 17.2269494,55.6610416 17.1731938,55.0466129 L14.194,21 L11,21 C10.4477153,21 10,20.5522847 10,20 L10,17 C10,16.4477153 10.4477153,16 11,16 L52.9231991,16 Z M42.134,51.956 L44.843,21 L19.213,21 L21.922,51.956 L42.134,51.956 Z M39,7 C39.5522847,7 40,7.44771525 40,8 L40,11 C40,11.5522847 39.5522847,12 39,12 L25,12 C24.4477153,12 24,11.5522847 24,11 L24,8 C24,7.44771525 24.4477153,7 25,7 L39,7 Z" id="形状结合" fill="#666666" mask="url(#mask-2)"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/delete-2.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>删除</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-1984.000000, -4463.000000)">
+            <g id="删除" transform="translate(1984.000000, 4463.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <use id="蒙版" fill="#666666" fill-rule="nonzero" opacity="0" xlink:href="#path-1"></use>
+                <path d="M52.9231991,16 C53.4754839,16 53.9231991,16.4477153 53.9231991,17 L53.9231991,20 C53.9231991,20.5522847 53.4754839,21 52.9231991,21 L49.862,21 L46.8906837,54.9640327 C46.8414748,55.5264927 46.5639593,56.0141255 46.1574353,56.3436103 C45.7935798,56.7212522 45.2824394,56.9564221 44.7163722,56.9564221 L19.2763722,56.9564221 C18.8012585,56.9564221 18.3648389,56.7907533 18.0217296,56.5140319 C17.5531495,56.1861769 17.2269494,55.6610416 17.1731938,55.0466129 L14.194,21 L11,21 C10.4477153,21 10,20.5522847 10,20 L10,17 C10,16.4477153 10.4477153,16 11,16 L52.9231991,16 Z M42.134,51.956 L44.843,21 L19.213,21 L21.922,51.956 L42.134,51.956 Z M39,7 C39.5522847,7 40,7.44771525 40,8 L40,11 C40,11.5522847 39.5522847,12 39,12 L25,12 C24.4477153,12 24,11.5522847 24,11 L24,8 C24,7.44771525 24.4477153,7 25,7 L39,7 Z" id="形状结合" fill="#666666" mask="url(#mask-2)"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/delete.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>删除</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="16" height="16"></rect>
+    </defs>
+    <g id="AI工单管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="最大化1.7备份-2" transform="translate(-1122.000000, -89.000000)">
+            <g id="编组-28备份" transform="translate(1122.000000, 85.000000)">
+                <g id="删除" transform="translate(0.000000, 4.000000)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <use id="蒙版" fill="#666666" fill-rule="nonzero" opacity="0" xlink:href="#path-1"></use>
+                    <path d="M13.2307998,4 C13.368871,4 13.4807998,4.11192881 13.4807998,4.25 L13.4807998,5 C13.4807998,5.13807119 13.368871,5.25 13.2307998,5.25 L12.465,5.25 L11.7226709,13.7410082 C11.7104109,13.8811403 11.6414657,14.0026939 11.5404047,14.0850526 C11.4495602,14.1797756 11.3212552,14.2391055 11.179093,14.2391055 L4.81909304,14.2391055 C4.70337624,14.2391055 4.59684068,14.1997959 4.51211159,14.1338019 C4.39143287,14.0515597 4.30699447,13.9181993 4.29329846,13.7616532 L3.548,5.25 L2.75,5.25 C2.61192881,5.25 2.5,5.13807119 2.5,5 L2.5,4.25 C2.5,4.11192881 2.61192881,4 2.75,4 L13.2307998,4 Z M10.533,12.989 L11.21,5.25 L4.803,5.25 L5.48,12.989 L10.533,12.989 Z M9.75,1.75 C9.88807119,1.75 10,1.86192881 10,2 L10,2.75 C10,2.88807119 9.88807119,3 9.75,3 L6.25,3 C6.11192881,3 6,2.88807119 6,2.75 L6,2 C6,1.86192881 6.11192881,1.75 6.25,1.75 L9.75,1.75 Z" id="形状结合" fill="#666666" mask="url(#mask-2)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/dev.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><defs><style/></defs><path d="M318.578 819.2L17.067 512l301.51-307.2 45.512 45.511L96.71 512 364.09 773.689zm386.844 0l-45.51-45.511L927.288 512 659.91 250.311l45.511-45.511L1006.933 512zM540.786 221.867l55.75 11.15-113.379 569.116-55.75-11.093z"/></svg>

src/assets/icons/dir-select.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>图片文件夹</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-2248.000000, -1460.000000)">
+            <g id="图片模式" transform="translate(2248.000000, 1460.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <use id="蒙版" fill="#507AFD" fill-rule="nonzero" opacity="0" xlink:href="#path-1"></use>
+                <g id="图片" mask="url(#mask-2)" fill="#507AFD">
+                    <g transform="translate(7.000000, 7.000000)" id="形状结合">
+                        <path d="M48,0 C49.1045695,-2.02906125e-16 50,0.8954305 50,2 L50,3 L49.999,3.024 L50,22 C50,22.5522847 49.5522847,23 49,23 L46,23 C45.4477153,23 45,22.5522847 45,22 L44.999,5 L5,5 L5,45 L44.999,45 L44.999,37.446 L32.6471899,27.0819446 L18.9243514,40.8054519 C18.1433028,41.5865005 16.8769728,41.5865005 16.0959242,40.8054519 L16.0839206,40.7941593 L7.17759165,33.3206188 C6.75451699,32.965617 6.69933302,32.3348614 7.05433482,31.9117868 L8.98269765,29.6136534 C9.33769944,29.1905788 9.96845504,29.1353948 10.3915297,29.4903966 L17.3383281,35.3197386 L31.0583235,21.600412 C31.7396159,20.9191196 32.7901447,20.8321044 33.5657555,21.3393663 C33.5910324,21.3540688 33.6154652,21.3707176 33.6393271,21.3885868 C33.70365,21.436176 33.7659775,21.4868885 33.8257669,21.5419067 L49.1468972,34.3989548 C49.1970925,34.4410737 49.2446985,34.4851334 49.2896976,34.530932 C49.7241394,34.8978537 50,35.4465098 50,36.0595965 L49.9998461,46.9749325 C49.9999486,46.9832761 50,46.991632 50,47 L50,48 C50,49.1045695 49.1045695,50 48,50 L2,50 C0.8954305,50 2.3557168e-15,49.1045695 0,48 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.42335217e-15 2,0 L48,0 Z"></path>
+                        <path d="M17.5,10 C21.6421356,10 25,13.3578644 25,17.5 C25,21.6421356 21.6421356,25 17.5,25 C13.3578644,25 10,21.6421356 10,17.5 C10,13.3578644 13.3578644,10 17.5,10 Z M17.5,14 C15.5670034,14 14,15.5670034 14,17.5 C14,19.4329966 15.5670034,21 17.5,21 C19.4329966,21 21,19.4329966 21,17.5 C21,15.5670034 19.4329966,14 17.5,14 Z"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/dir.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>图片文件夹</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-1456.000000, -1461.000000)">
+            <g id="图片模式" transform="translate(1456.000000, 1461.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <use id="蒙版" fill="#666666" fill-rule="nonzero" opacity="0" xlink:href="#path-1"></use>
+                <g id="图片" mask="url(#mask-2)" fill="#666666">
+                    <g transform="translate(7.000000, 7.000000)" id="形状结合">
+                        <path d="M48,0 C49.1045695,-2.02906125e-16 50,0.8954305 50,2 L50,3 L49.999,3.024 L50,22 C50,22.5522847 49.5522847,23 49,23 L46,23 C45.4477153,23 45,22.5522847 45,22 L44.999,5 L5,5 L5,45 L44.999,45 L44.999,37.446 L32.6471899,27.0819446 L18.9243514,40.8054519 C18.1433028,41.5865005 16.8769728,41.5865005 16.0959242,40.8054519 L16.0839206,40.7941593 L7.17759165,33.3206188 C6.75451699,32.965617 6.69933302,32.3348614 7.05433482,31.9117868 L8.98269765,29.6136534 C9.33769944,29.1905788 9.96845504,29.1353948 10.3915297,29.4903966 L17.3383281,35.3197386 L31.0583235,21.600412 C31.7396159,20.9191196 32.7901447,20.8321044 33.5657555,21.3393663 C33.5910324,21.3540688 33.6154652,21.3707176 33.6393271,21.3885868 C33.70365,21.436176 33.7659775,21.4868885 33.8257669,21.5419067 L49.1468972,34.3989548 C49.1970925,34.4410737 49.2446985,34.4851334 49.2896976,34.530932 C49.7241394,34.8978537 50,35.4465098 50,36.0595965 L49.9998461,46.9749325 C49.9999486,46.9832761 50,46.991632 50,47 L50,48 C50,49.1045695 49.1045695,50 48,50 L2,50 C0.8954305,50 2.3557168e-15,49.1045695 0,48 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.42335217e-15 2,0 L48,0 Z"></path>
+                        <path d="M17.5,10 C21.6421356,10 25,13.3578644 25,17.5 C25,21.6421356 21.6421356,25 17.5,25 C13.3578644,25 10,21.6421356 10,17.5 C10,13.3578644 13.3578644,10 17.5,10 Z M17.5,14 C15.5670034,14 14,15.5670034 14,17.5 C14,19.4329966 15.5670034,21 17.5,21 C19.4329966,21 21,19.4329966 21,17.5 C21,15.5670034 19.4329966,14 17.5,14 Z"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/dislike-select.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>不满意</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-3040.000000, -4776.000000)">
+            <g id="不满意-2备份" transform="translate(3040.000000, 4776.000000)">
+                <g id="不满意" transform="translate(32.000000, 32.000000) scale(1, -1) translate(-32.000000, -32.000000) ">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="蒙版"></g>
+                    <g id="编组备份-2" mask="url(#mask-2)" fill="#507AFD" fill-rule="nonzero">
+                        <g transform="translate(7.000000, 7.000000)" id="形状结合">
+                            <path d="M24.2272189,0 C29.3323099,0 33.4695419,4.14195705 33.4695419,9.24998309 L33.4695419,9.24998309 L33.469,15.749 L44.4257541,15.7500722 C46.3852307,15.7277845 48.2594212,16.5288612 49.5971014,17.9501953 L49.5971014,17.9501953 L49.7845001,18.1574405 C51.1303842,19.7070543 51.7285498,21.7698243 51.4202535,23.8033557 L51.4202535,23.8033557 L48.3194167,44.0490446 C47.7968153,47.4998579 44.8132773,50.0388507 41.3527194,50.0004072 L41.3527194,50.0004072 L15.2374548,50.0004072 C13.8567429,50.0004072 12.7374548,48.8806785 12.7374548,47.4999666 L12.7374548,47.4999666 L12.7374548,22.7498743 C12.7374548,22.4004321 12.810712,22.0548712 12.9524998,21.7354874 L12.9524998,21.7354874 L21.9422639,1.48561314 C22.3432926,0.58227681 23.2388664,0 24.2272189,0 Z M10,22.2867824 C10.5522847,22.2867824 11,22.7344977 11,23.2867824 L11,26.2867824 C11,26.8390672 10.5522847,27.2867824 10,27.2867824 L5,27.2867824 L5,44.9997824 L10,45 C10.5522847,45 11,45.4477153 11,46 L11,49 C11,49.5522847 10.5522847,50 10,50 L2,50 C0.8954305,50 1.3527075e-16,49.1045695 0,48 L0,24.2867824 C-1.3527075e-16,23.1822129 0.8954305,22.2867824 2,22.2867824 L10,22.2867824 Z M25.73,5.275 L17.737,23.28 L17.737,44.999 L41.3806955,45.0002496 C42.3226107,45.0106642 43.1363973,44.360874 43.3469865,43.4503231 L43.3469865,43.4503231 L43.376418,43.2962187 L46.4773142,23.0501385 C46.5653796,22.4692508 46.3942254,21.8790265 46.0096529,21.4362404 C45.6254401,20.9939321 45.0671899,20.7430998 44.4541881,20.7499105 L44.4541881,20.7499105 L30.9695419,20.7499105 C29.5888301,20.7499105 28.4695419,19.6306224 28.4695419,18.2499105 L28.4695419,18.2499105 L28.4695419,9.24998309 C28.4695419,7.47128682 27.3791298,5.94843023 25.832001,5.31460864 L25.832001,5.31460864 L25.73,5.275 Z"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/dislike.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>不满意</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-1720.000000, -4776.000000)">
+            <g id="不满意-2" transform="translate(1720.000000, 4776.000000)">
+                <g id="不满意" transform="translate(32.000000, 32.000000) scale(1, -1) translate(-32.000000, -32.000000) ">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="蒙版"></g>
+                    <g id="编组备份-2" mask="url(#mask-2)" fill="#666666">
+                        <g transform="translate(7.000000, 7.000000)">
+                            <path d="M24.2272189,0 C23.2388664,0 22.3432926,0.58227681 21.9422639,1.48561314 L12.9524998,21.7354874 C12.810712,22.0548712 12.7374548,22.4004321 12.7374548,22.7498743 L12.7374548,47.4999666 C12.7374548,48.8806785 13.8567429,50.0004072 15.2374548,50.0004072 L41.3527194,50.0004072 C44.8132773,50.0388507 47.7968153,47.4998579 48.3194167,44.0490446 L51.4202535,23.8033557 C51.7285498,21.7698243 51.1303842,19.7070543 49.7845001,18.1574405 L49.5971014,17.9501953 C48.2594212,16.5288612 46.3852307,15.7277845 44.4257541,15.7500722 L33.469,15.749 L33.4695419,9.24998309 C33.4695419,4.14195705 29.3323099,0 24.2272189,0 Z M25.73,5.275 L25.832001,5.31460864 C27.3791298,5.94843023 28.4695419,7.47128682 28.4695419,9.24998309 L28.4695419,18.2499105 C28.4695419,19.6306224 29.5888301,20.7499105 30.9695419,20.7499105 L44.4541881,20.7499105 C45.0671899,20.7430998 45.6254401,20.9939321 46.0096529,21.4362404 C46.3942254,21.8790265 46.5653796,22.4692508 46.4773142,23.0501385 L43.376418,43.2962187 L43.3469865,43.4503231 C43.1363973,44.360874 42.3226107,45.0106642 41.3806955,45.0002496 L17.737,44.999 L17.737,23.28 L25.73,5.275 Z" id="路径" fill-rule="nonzero"></path>
+                            <path d="M10,22.2867824 C10.5522847,22.2867824 11,22.7344977 11,23.2867824 L11,26.2867824 C11,26.8390672 10.5522847,27.2867824 10,27.2867824 L5,27.2867824 L5,44.9997824 L10,45 C10.5522847,45 11,45.4477153 11,46 L11,49 C11,49.5522847 10.5522847,50 10,50 L2,50 C0.8954305,50 1.3527075e-16,49.1045695 0,48 L0,24.2867824 C-1.3527075e-16,23.1822129 0.8954305,22.2867824 2,22.2867824 L10,22.2867824 Z" id="形状结合" fill-rule="evenodd"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/down.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="65px" height="65px" viewBox="0 0 65 65" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>down</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-2247.000000, -2179.000000)">
+            <g id="蒙版" transform="translate(2247.666667, 2179.333333)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g></g>
+                <path d="M15.5660807,21.0046726 C13.044304,21.0049819 12.2953777,22.5869677 13.9014853,24.5481229 L29.4478521,43.5311838 C31.0502981,45.4878681 33.6507421,45.4822741 35.2464725,43.5304727 L50.7695315,24.5436014 C52.3695751,22.5865244 51.6231389,21.0002506 49.1005859,21.00056 L15.5660807,21.0046726 Z" fill="#CCD2DB" mask="url(#mask-2)"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/download.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>下载</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-1456.000000, -2805.000000)">
+            <g id="下载" transform="translate(1456.000000, 2805.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <use id="蒙版" fill="#000000" fill-rule="nonzero" opacity="0" xlink:href="#path-1"></use>
+                <path d="M11.1256515,37 C11.6779363,37 12.1256515,37.4477153 12.1256515,38 L12.1246515,51.9995927 L51.8666515,51.9995927 L51.8670928,38 C51.8670928,37.4477153 52.3148081,37 52.8670928,37 L55.8670928,37 C56.4193776,37 56.8670928,37.4477153 56.8670928,38 L56.8670928,55 C56.8670928,56.0543618 56.051215,56.9181651 55.0163552,56.9945143 L54.8670928,57 L54.8670928,57 L9.12565151,57 C8.02108201,57 7.12565151,56.1045695 7.12565151,55 L7.12565151,38 C7.12565151,37.4477153 7.57336676,37 8.12565151,37 L11.1256515,37 Z M31.7733905,41.8163968 C31.2888034,41.7969247 30.8099472,41.6022034 30.4399768,41.232233 L30.4399768,41.232233 L17.8944194,28.6866756 C17.5038951,28.2961513 17.5038951,27.6629863 17.8944194,27.2724621 L17.8944194,27.2724621 L20.0157397,25.1511417 C20.406264,24.7606174 21.039429,24.7606174 21.4299533,25.1511417 L21.4299533,25.1511417 L29.4956515,33.2175927 L29.4963722,7.66559268 C29.4963722,7.11330793 29.9440874,6.66559268 30.4963722,6.66559268 L33.4963722,6.66559268 C34.0486569,6.66559268 34.4963722,7.11330793 34.4963722,7.66559268 L34.4956515,33.0755927 L42.4206093,25.1511417 C42.8111335,24.7606174 43.4442985,24.7606174 43.8348228,25.1511417 L45.9561432,27.2724621 C46.3466675,27.6629863 46.3466675,28.2961513 45.9561432,28.6866756 L33.4105857,41.232233 C33.0406153,41.6022034 32.5617591,41.7969247 32.0771721,41.8163968 Z" id="形状结合" fill="#666666" mask="url(#mask-2)"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/drag.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>拖拽</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-928.000000, -2805.000000)" fill-rule="nonzero">
+            <g id="拖拽" transform="translate(928.000000, 2805.000000)">
+                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="64" height="64"></rect>
+                <path d="M39.6444444,0 C37.5111111,0 35.9111111,1.6 35.9111111,3.73333331 C35.9111111,5.86666662 37.6888889,7.46666669 39.6444444,7.46666669 C41.7777777,7.46666669 43.3777777,5.86666669 43.3777777,3.73333331 C43.5555555,1.6 41.7777777,0 39.6444444,0 Z M39.6444444,18.8444444 C37.5111111,18.8444444 35.9111111,20.4444444 35.9111111,22.5777778 C35.9111111,24.7111111 37.6888889,26.3111111 39.6444444,26.3111111 C41.7777777,26.3111111 43.3777777,24.7111111 43.3777777,22.5777778 C43.5555555,20.4444444 41.7777777,18.8444444 39.6444444,18.8444444 Z M39.6444444,37.6888889 C37.5111111,37.6888889 35.9111111,39.2888889 35.9111111,41.4222223 C35.9111111,43.5555556 37.6888889,45.1555556 39.6444444,45.1555556 C41.7777777,45.1555556 43.3777777,43.5555556 43.3777777,41.4222223 C43.5555555,39.2888889 41.7777777,37.6888889 39.6444444,37.6888889 C37.6888889,37.6888889 39.6444444,37.6888889 39.6444444,37.6888889 Z M39.6444444,56.5333333 C37.5111111,56.5333333 35.9111111,58.1333333 35.9111111,60.2666667 C35.9111111,62.4 37.6888889,64 39.6444444,64 C41.7777777,64 43.3777777,62.4 43.3777777,60.2666667 C43.5555555,58.1333334 41.7777777,56.5333333 39.6444444,56.5333333 C37.6888889,56.5333333 39.6444444,56.5333333 39.6444444,56.5333333 L39.6444444,56.5333333 Z M23.2888889,0 C21.3333333,0 19.5555556,1.6 19.5555556,3.73333331 C19.5555556,5.86666662 21.3333333,7.46666669 23.2888889,7.46666669 C25.4222222,7.46666669 27.0222222,5.86666669 27.0222222,3.73333331 C27.2,1.6 25.4222222,0 23.2888889,0 Z M23.2888889,18.8444444 C21.1555556,18.8444444 19.5555556,20.4444444 19.5555556,22.5777778 C19.5555556,24.7111111 21.3333333,26.3111111 23.2888889,26.3111111 C25.4222222,26.3111111 27.0222222,24.7111111 27.0222222,22.5777778 C27.2,20.4444444 25.4222222,18.8444444 23.2888889,18.8444444 Z M23.2888889,37.6888889 C21.1555556,37.6888889 19.5555556,39.2888889 19.5555556,41.4222223 C19.5555556,43.5555556 21.3333333,45.1555556 23.2888889,45.1555556 C25.4222222,45.1555556 27.0222222,43.5555556 27.0222222,41.4222223 C27.2,39.2888889 25.4222222,37.6888889 23.2888889,37.6888889 Z M23.2888889,56.5333333 C21.1555556,56.5333333 19.5555556,58.1333333 19.5555556,60.2666667 C19.5555556,62.4 21.3333333,64 23.2888889,64 C25.4222222,64 27.0222222,62.4 27.0222222,60.2666667 C27.2,58.1333334 25.4222222,56.5333333 23.2888889,56.5333333 L23.2888889,56.5333333 Z" id="形状" fill="#666666"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/enterprise.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>公司管理</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="20" height="20"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="登录" transform="translate(-549.000000, -373.000000)">
+            <g id="编组-2备份" transform="translate(510.000000, 251.000000)">
+                <g id="编组备份-2" transform="translate(27.000000, 110.000000)">
+                    <g id="公司管理" transform="translate(12.000000, 12.000000)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <use id="蒙版" fill="#999999" fill-rule="nonzero" opacity="0" xlink:href="#path-1"></use>
+                        <path d="M11.9612711,4.1227023 C12.1338601,4.1227023 12.2737711,4.26261332 12.2737711,4.4352023 L12.2737711,17.1875 C12.2737711,17.532678 11.9939491,17.8125 11.6487711,17.8125 L3.79637082,17.8125 L3.78324304,17.8111945 L3.7686385,17.8113947 C3.42346053,17.8113947 3.1436385,17.5315727 3.1436385,17.1863947 L3.1436385,4.43578397 C3.1436385,4.26319499 3.28354952,4.12328397 3.4561385,4.12328397 L4.3936385,4.12328397 C4.56622749,4.12328397 4.7061385,4.26319499 4.7061385,4.43578397 L4.70524304,16.2491945 L10.711243,16.2491945 L10.7112711,4.4352023 C10.7112711,4.26261332 10.8511821,4.1227023 11.0237711,4.1227023 L11.9612711,4.1227023 Z M17.3617381,14.7180771 C17.3617381,15.0632551 17.0819161,15.3430771 16.7367381,15.3430771 L12.9002762,15.3430771 C12.7276872,15.3430771 12.5877762,15.2031661 12.5877762,15.0305771 L12.5877762,14.0930771 C12.5877762,13.9204881 12.7276872,13.7805771 12.9002762,13.7805771 L15.798243,13.7801945 L15.7992381,4.43578397 C15.7992381,4.26319499 15.9391491,4.12328397 16.1117381,4.12328397 L17.0492381,4.12328397 C17.2218271,4.12328397 17.3617381,4.26319499 17.3617381,4.43578397 L17.3617381,14.7180771 Z M18.3759713,2.16119446 C18.5485603,2.16119446 18.6884713,2.30110547 18.6884713,2.47369446 L18.6884713,3.41119446 C18.6884713,3.58378344 18.5485603,3.72369446 18.3759713,3.72369446 L1.59374304,3.72369446 C1.42115405,3.72369446 1.28124304,3.58378344 1.28124304,3.41119446 L1.28124304,2.47369446 C1.28124304,2.30110547 1.42115405,2.16119446 1.59374304,2.16119446 L18.3759713,2.16119446 Z" id="形状结合" fill="#999999" mask="url(#mask-2)" transform="translate(9.984857, 9.986847) scale(1, -1) translate(-9.984857, -9.986847) "></path>
+                        <path d="M9.66346777,11.3012615 C9.83605676,11.3012615 9.97596777,11.4411726 9.97596777,11.6137615 L9.97596777,12.5512615 C9.97596777,12.7238505 9.83605676,12.8637615 9.66346777,12.8637615 L5.9375,12.8637615 C5.76491102,12.8637615 5.625,12.7238505 5.625,12.5512615 L5.625,11.6137615 C5.625,11.4411726 5.76491102,11.3012615 5.9375,11.3012615 L9.66346777,11.3012615 Z M9.6875,8.73630676 C9.86008898,8.73630676 10,8.87621778 10,9.04880676 L10,9.98630676 C10,10.1588957 9.86008898,10.2988068 9.6875,10.2988068 L5.9375,10.2988068 C5.76491102,10.2988068 5.625,10.1588957 5.625,9.98630676 L5.625,9.04880676 C5.625,8.87621778 5.76491102,8.73630676 5.9375,8.73630676 L9.6875,8.73630676 Z M9.6875,6.2357435 C9.86008898,6.2357435 10,6.37565451 10,6.5482435 L10,7.4857435 C10,7.65833248 9.86008898,7.7982435 9.6875,7.7982435 L5.9375,7.7982435 C5.76491102,7.7982435 5.625,7.65833248 5.625,7.4857435 L5.625,6.5482435 C5.625,6.37565451 5.76491102,6.2357435 5.9375,6.2357435 L9.6875,6.2357435 Z" id="形状结合" fill="#999999" mask="url(#mask-2)" transform="translate(7.812500, 9.549753) rotate(-180.000000) translate(-7.812500, -9.549753) "></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/excel.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>excel</title>
+    <defs>
+        <polygon id="path-1" points="14.6302222 40 18.5555556 34.112 22.4808889 40 25.5315556 40 20.0488889 32.128 25.1902222 24.768 22.1395556 24.768 18.5555556 30.144 14.9715556 24.768 11.9208889 24.768 17.0195556 32.128 11.5795556 40"></polygon>
+        <filter x="-53.8%" y="-49.2%" width="207.5%" height="198.5%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0.282976676   0 0 0 0 0.125210918  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-1457.000000, -7060.000000)">
+            <g id="excel" transform="translate(1457.000000, 7060.000000)">
+                <path d="M34.1239995,6.66666667 L52,24.1066671 L52,53.3333333 C52,54.4379028 51.5522847,55.4379028 50.8284271,56.1617605 C50.1045695,56.8856181 49.1045695,57.3333333 48,57.3333333 L48,57.3333333 L16,57.3333333 C14.8954305,57.3333333 13.8954305,56.8856181 13.1715729,56.1617605 C12.4477153,55.4379028 12,54.4379028 12,53.3333333 L12,53.3333333 L12,10.6666667 C12,9.56209717 12.4477153,8.56209717 13.1715729,7.83823954 C13.8954305,7.11438192 14.8954305,6.66666667 16,6.66666667 L16,6.66666667 L34.1239995,6.66666667 Z" id="形状结合" stroke="#269758" stroke-width="2.66666667" fill="#FFFFFF"></path>
+                <path d="M36,8.55228475 L50.1143819,22.6666667 L40,22.6666667 C38.8954305,22.6666667 37.8954305,22.2189514 37.1715729,21.4950938 C36.4477153,20.7712362 36,19.7712362 36,18.6666667 L36,18.6666667 L36,8.55228475 Z" id="矩形备份" stroke="#269758" stroke-width="2.66666667" fill="#FFFFFF"></path>
+                <g id="编组" transform="translate(32.000000, 24.000000)" fill="#EBEDF0">
+                    <rect id="矩形" x="0" y="0" width="5.33333333" height="2.66666667"></rect>
+                    <rect id="矩形备份-2" x="0" y="5.33333333" width="5.33333333" height="2.66666667"></rect>
+                    <rect id="矩形备份-3" x="0" y="10.6666667" width="5.33333333" height="2.66666667"></rect>
+                    <rect id="矩形备份-4" x="0" y="16" width="5.33333333" height="2.66666667"></rect>
+                </g>
+                <g id="编组备份" transform="translate(40.000000, 24.000000)" fill="#EBEDF0">
+                    <rect id="矩形" x="0" y="0" width="5.33333333" height="2.66666667"></rect>
+                    <rect id="矩形备份-2" x="0" y="5.33333333" width="5.33333333" height="2.66666667"></rect>
+                    <rect id="矩形备份-3" x="0" y="10.6666667" width="5.33333333" height="2.66666667"></rect>
+                    <rect id="矩形备份-4" x="0" y="16" width="5.33333333" height="2.66666667"></rect>
+                </g>
+                <rect id="矩形" fill="#269758" x="5.33333333" y="18.6666667" width="26.6666667" height="26.6666667" rx="2.66666667"></rect>
+                <g id="X" fill-rule="nonzero">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                    <use fill="#FFFFFF" xlink:href="#path-1"></use>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/expand-cir.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="86px" height="86px" viewBox="0 0 86 86" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>展开</title>
+    <defs>
+        <circle id="path-1" cx="32" cy="32" r="32"></circle>
+        <filter x="-29.7%" y="-21.9%" width="159.4%" height="159.4%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.896286232   0 0 0 0 0.896286232   0 0 0 0 0.896286232  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-1445.000000, -3425.000000)">
+            <g id="展开" transform="translate(1456.000000, 3431.000000)">
+                <g id="椭圆形">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+                </g>
+                <g id="箭头-下" transform="translate(32.000000, 32.000000) rotate(-270.000000) translate(-32.000000, -32.000000) translate(13.333333, 13.333333)" fill="#507AFD" fill-rule="nonzero">
+                    <rect id="矩形" opacity="0" x="0" y="0" width="37.3333333" height="37.3333333"></rect>
+                    <path d="M18.8740741,29.037037 C17.2148148,29.037037 15.762963,28.4148148 14.5185185,27.1703704 L2.69629631,13.8962963 C1.86666667,13.0666667 2.07407408,11.8222222 2.90370369,10.9925926 C3.73333333,10.1629629 4.97777777,10.3703704 5.80740741,11.2 L17.837037,24.4740741 C18.0444444,24.6814815 18.4592593,24.8888889 18.8740741,24.8888889 C19.2888889,24.8888889 19.7037037,24.6814815 20.1185185,24.2666667 L31.5259259,10.9925926 C32.3555556,10.1629629 33.6,9.95555557 34.4296296,10.7851852 C35.2592593,11.6148148 35.4666667,12.8592593 34.637037,13.6888889 L23.2296296,26.962963 C22.1925926,28.4148148 20.7407407,29.037037 18.8740741,29.037037 C19.0814815,29.037037 18.8740741,29.037037 18.8740741,29.037037 Z" id="路径" transform="translate(18.666667, 19.647040) rotate(-180.000000) translate(-18.666667, -19.647040) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/expand.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>收起</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-2776.000000, -2179.000000)">
+            <g id="收起" transform="translate(2776.000000, 2179.000000)">
+                <g transform="translate(32.000000, 32.000000) scale(-1, 1) rotate(-270.000000) translate(-32.000000, -32.000000) " id="路径-+-矩形-蒙版">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="蒙版"></g>
+                    <g id="编组" mask="url(#mask-2)">
+                        <g transform="translate(32.000000, 32.000000) scale(-1, 1) translate(-32.000000, -32.000000) translate(17.142857, 6.857143)">
+                            <rect id="矩形" fill="none" transform="translate(14.857143, 25.142857) scale(-1, -1) rotate(-180.000000) translate(-14.857143, -25.142857) " x="0" y="0" width="29.7142857" height="50.2857143"></rect>
+                            <path d="M0.842159003,25.397057 C0.863040399,24.7678655 1.11361715,24.144879 1.59388926,23.6646069 L1.59388926,23.6646069 L1.9463783,23.3121178 C2.0337005,23.2247956 2.12574053,23.1450667 2.2216779,23.0729309 L23.7098761,1.58464954 C24.2119788,1.08254688 25.026048,1.08254688 25.5281507,1.58464954 L27.6989143,3.75541315 C28.201017,4.25751581 28.201017,5.07158507 27.6989143,5.57368773 L7.771159,25.5010725 L27.6989143,45.4281047 C28.1675435,45.8967339 28.1987854,46.6371206 27.7926402,47.1419841 L27.6989143,47.2463793 L25.5281507,49.4171429 C25.026048,49.9192456 24.2119788,49.9192456 23.7098761,49.4171429 L23.7098761,49.4171429 L2.21657853,27.9250173 C2.12247818,27.8538961 2.03215223,27.7754485 1.9463783,27.6896746 L1.59388926,27.3371856 C1.11361715,26.8569135 0.863040399,26.2339269 0.842159003,25.6047355 Z" id="形状结合" fill="#999999" fill-rule="evenodd" transform="translate(14.458825, 25.500896) rotate(-180.000000) translate(-14.458825, -25.500896) "></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/false-seal.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>假</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="64" height="64"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-928.000000, -5402.000000)">
+            <g id="假" transform="translate(928.000000, 5402.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="蒙版"></g>
+                <path d="M37.6322905,14.984487 L38.7393781,15.7671543 L38.9111675,14.4945245 L39.9673545,13.7373098 L38.7584658,13.100995 L38.3003606,11.8283652 L37.3841502,12.7446586 L36.0416475,12.7446586 L36.6779047,13.915478 L36.3088755,15.156292 L37.6322905,14.984487 Z M26.5932278,15.7353386 L26.4596138,14.4627088 L25.4097894,13.6291363 L26.6823038,13.1264476 L27.1722219,11.9301756 L28.0757071,12.9101005 L29.430935,12.9991846 L28.7437772,14.1127356 L29.0873561,15.3853654 L27.7639411,15.0926605 L26.5932278,15.7353386 Z M18.589112,21.1058362 L17.7365273,20.1322744 L16.4003872,20.0559166 L17.1193578,18.9296393 L16.8330421,17.6570095 L18.1373694,17.9369881 L19.2953575,17.2306785 L19.378071,18.5033083 L20.3833574,19.3814228 L19.1108429,19.9095642 L18.589112,21.1058362 Z M13.3654403,29.2633929 L12.1247387,29.7724449 L12.2901655,28.4425467 L11.4884815,27.424443 L12.7609959,27.1126486 L13.5054169,25.9800082 L14.1416741,27.1190118 L15.4141885,27.4308061 L14.5107033,28.4489099 L14.5488787,29.778808 L13.3654403,29.2633929 Z M49.1485461,35.1811213 L50.4210606,35.6519944 L51.6299493,35.1302162 L51.5917739,36.4028459 L52.5143469,37.3700446 L51.2418324,37.7009283 L50.6055752,38.8144793 L49.8484291,37.7263809 L48.5313767,37.4527655 L49.3521484,36.447388 L49.1485461,35.1811213 Z M44.8856228,43.6250198 L44.4147925,44.8340181 L43.2059037,45.470333 L44.243003,46.2466372 L44.3957048,47.5192669 L45.5091549,46.7429627 L46.7816693,46.9593098 L46.4253653,45.68668 L47.0616225,44.528587 L45.7254823,44.528587 L44.8856228,43.6250198 Z M36.2325246,49.2882223 L34.9600102,48.9509754 L35.2590511,50.2236052 L34.546443,51.3053404 L35.8825832,51.4453297 L36.7160801,52.4697967 L37.2441737,51.2989773 L38.516688,50.8408306 L37.4795888,49.9563529 L37.3905128,48.6837232 L36.2325246,49.2882223 Z M25.9124326,48.7791704 L25.6324794,50.0518001 L24.5190293,50.688115 L25.6642923,51.3944246 L26.0078711,52.6670543 L26.9813447,51.8907502 L28.3047597,52.0243763 L27.7703037,50.8026517 L28.2538591,49.6000166 L26.9368067,49.6700112 L25.9124326,48.7791704 Z M27.1213213,4.42802313 C11.8990931,7.12223613 1.74157104,21.6457508 4.43190188,36.8700021 C7.12223271,52.0942534 21.6420033,62.2561667 36.8655174,59.5692305 C52.0890316,56.8822943 62.2534937,42.3636368 59.5704394,27.1381012 C56.8695479,11.9124888 42.3497315,1.75054342 27.1213213,4.42802313 Z M36.525203,57.7639365 C26.1142305,59.6004364 15.6222161,54.9840716 9.94162608,46.0674705 C4.26103605,37.1508694 4.5105813,25.6900291 10.5738979,17.0291831 C16.6372146,8.368337 27.3202191,4.2131149 37.6413859,6.50111265 C47.9625527,8.7891104 55.8892755,17.0697396 57.7252934,27.4817113 C60.2137431,41.6945273 50.7305662,55.2403043 36.525203,57.7639365 L36.525203,57.7639365 Z M27.9102802,8.90131673 C18.5577823,10.5488373 11.1187133,17.6687527 9.06224204,26.9407297 C7.00577079,36.2127067 10.7369337,45.8105645 18.5157235,51.2583951 C26.2945133,56.7062257 36.5888429,56.9310407 44.5980086,51.827999 C52.6071743,46.7249572 56.7537147,37.2991384 55.1039137,27.9462212 C52.8420869,15.184222 40.6753602,6.66332507 27.9102802,8.90131673 Z M52.4952591,41.0161288 C48.0172284,51.177241 36.7727048,56.5249368 26.0654898,53.5856581 C15.3582748,50.6463793 8.4192751,40.3070546 9.75566929,29.2835197 C11.0920635,18.2599848 20.300594,9.87859619 31.3999245,9.58342599 C42.499255,9.2882558 52.1401577,17.1683717 54.0604519,28.1052999 C54.8274005,32.4689969 54.2826901,36.9621579 52.4952591,41.0161288 L52.4952591,41.0161288 Z M39.1338576,19.3050651 C34.6554251,16.7886428 29.1826556,16.8178072 24.7312918,19.3818162 C20.279928,21.9458253 17.508386,26.6654278 17.4374864,31.8022893 L18.366422,31.8022893 C18.4484757,27.0044487 21.0460383,22.6028621 25.2062521,20.2121526 C29.366466,17.8214432 34.476946,17.7935243 38.6630272,20.1386375 L39.1338576,19.3050651 Z M34.3619285,45.3939752 C31.2608066,45.9396236 28.0664258,45.3955629 25.3207134,43.8540932 L24.8626082,44.6622131 C29.3371087,47.1765976 34.8046351,47.1499504 39.2544194,44.5920714 C43.7042036,42.0341924 46.4792451,37.3227465 46.5589793,32.1904414 L45.6300437,32.1904414 C45.5544744,38.7549571 40.8146097,44.3347621 34.3492033,45.470333 L34.3619285,45.3939752 Z" id="形状" fill="#FF7E7E" fill-rule="nonzero" mask="url(#mask-2)"></path>
+                <path d="M26.7439299,40.1322318 L26.7439299,28.2342318 C26.9839299,27.5622318 27.2539299,26.6862318 27.5539299,25.6062318 L27.5539299,25.6062318 L27.5539299,40.1322318 L29.8939299,40.1322318 L29.8939299,37.3962318 L32.9899299,37.3962318 L32.9899299,35.1102318 L29.8939299,35.1102318 L29.8939299,34.1382318 L32.5039299,34.1382318 L32.5039299,31.8522318 L29.8939299,31.8522318 L29.8939299,30.7902318 L32.9899299,30.7902318 L32.9899299,24.9942318 L27.7159299,24.9942318 L27.7519299,24.8682318 L25.4839299,24.2922318 C25.0999299,25.7922318 24.6709299,27.1692318 24.1969299,28.4232318 C23.7229299,29.6772318 23.1619299,30.8742318 22.5139299,32.0142318 L22.5139299,32.0142318 L23.8459299,34.3362318 C24.1339299,33.8922318 24.3679299,33.5082318 24.5479299,33.1842318 L24.5479299,33.1842318 L24.5479299,40.1322318 L26.7439299,40.1322318 Z M38.9299299,30.7902318 L38.9299299,24.9942318 L33.4939299,24.9942318 L33.4939299,27.2802318 L37.0399299,27.2802318 L37.0399299,28.5042318 L33.4939299,28.5042318 L33.4939299,30.7902318 L38.9299299,30.7902318 Z M31.0999299,28.5042318 L29.8939299,28.5042318 L29.8939299,27.2802318 L31.0999299,27.2802318 L31.0999299,28.5042318 Z M38.5159299,40.3482318 L39.3619299,38.1702318 C38.7019299,37.8942318 38.0659299,37.4982318 37.4539299,36.9822318 C38.1259299,36.0102318 38.6179299,34.9182318 38.9299299,33.7062318 L38.9299299,33.7062318 L38.9299299,31.4202318 L32.9719299,31.4202318 L32.9719299,33.7062318 L36.7339299,33.7062318 C36.5299299,34.2822318 36.2719299,34.8042318 35.9599299,35.2722318 C35.6839299,34.8522318 35.4379299,34.3542318 35.2219299,33.7782318 L35.2219299,33.7782318 L33.1879299,34.3182318 C33.4759299,35.2542318 33.8839299,36.1242318 34.4119299,36.9282318 C33.5239299,37.5882318 32.5459299,37.9782318 31.4779299,38.0982318 L31.4779299,38.0982318 L32.8459299,40.2222318 C33.9739299,39.9222318 34.9879299,39.4062318 35.8879299,38.6742318 C36.6439299,39.3702318 37.5199299,39.9282318 38.5159299,40.3482318 L38.5159299,40.3482318 Z" fill="#FF7E7E" fill-rule="nonzero" mask="url(#mask-2)" transform="translate(30.937930, 32.320232) rotate(-25.000000) translate(-30.937930, -32.320232) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/favorite-fill.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1709018717101" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4851" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M483.712 139.52a56 56 0 0 0-21.76 23.36L368.064 351.808l-213.376 30.528a56 56 0 0 0-47.552 63.36l0.64 3.648c2.368 10.944 7.872 20.928 15.936 28.736l154.24 148.8-36.672 205.888a56 56 0 0 0 45.312 64.96l3.648 0.576a56 56 0 0 0 32.192-6.144L512 792.512l189.568 99.712a56 56 0 0 0 75.648-23.488l1.6-3.392a56 56 0 0 0 3.968-32.448l-36.48-206.016 154.048-148.864a56 56 0 0 0 1.408-79.168l-2.688-2.56a56 56 0 0 0-29.632-13.952l-212.16-30.592-95.104-189.12a56 56 0 0 0-75.2-24.832l-3.2 1.728z" p-id="4852"></path></svg>

src/assets/icons/favorite-unfill.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1709020069805" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4985" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M483.712 139.52a56 56 0 0 0-21.76 23.36L368.064 351.808l-213.376 30.528a56 56 0 0 0-47.552 63.36l0.64 3.648c2.368 10.944 7.872 20.928 15.936 28.736l154.24 148.8-36.672 205.888a56 56 0 0 0 45.312 64.96l3.648 0.576a56 56 0 0 0 32.192-6.144L512 792.512l189.568 99.712a56 56 0 0 0 75.648-23.488l1.6-3.392a56 56 0 0 0 3.968-32.448l-36.48-206.016 154.048-148.864a56 56 0 0 0 1.408-79.168l-2.688-2.56a56 56 0 0 0-29.632-13.952l-212.16-30.592-95.104-189.12a56 56 0 0 0-75.2-24.832l-3.2 1.728z m28.48 101.952l79.168 157.44 1.664 3.008c8.576 14.72 23.424 24.832 40.384 27.264l176.128 25.344-128 123.712-2.432 2.496a56 56 0 0 0-13.824 47.488l30.144 170.368-157.44-82.752-3.2-1.6a56 56 0 0 0-48.896 1.6l-157.184 82.688 30.336-170.24 0.448-3.456a56 56 0 0 0-16.704-46.656L214.656 454.592l177.28-25.408a56 56 0 0 0 42.24-30.528l78.016-157.184z" p-id="4986"></path></svg>

src/assets/icons/filter.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="19px" viewBox="0 0 18 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>筛选</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="18" height="17.9504132"></rect>
+    </defs>
+    <g id="AI工单管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AI工单1.0备份" transform="translate(-336.000000, -81.000000)">
+            <g id="编组-49" transform="translate(86.000000, 62.000000)">
+                <g id="筛选" transform="translate(250.000000, 19.944904)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <use id="蒙版" fill="#666666" fill-rule="nonzero" opacity="0" xlink:href="#path-1"></use>
+                    <path d="M11.5064452,15.9408084 L10.6626952,15.9408084 C10.5073651,15.9408084 10.3814452,15.8148885 10.3814452,15.6595584 L10.3814452,9.49015909 L10.3814452,9.49015909 C10.3814452,8.84843182 10.6466639,8.22409401 11.1090389,7.77785795 L14.3754764,4.62307283 C14.5954139,4.4107531 14.6744452,4.09830372 14.5821952,3.8077314 C14.5068202,3.57101033 14.2891327,3.41198089 14.0399452,3.41198089 L4.26172644,3.41198089 C3.99988269,3.41198089 3.77207019,3.57942459 3.69528894,3.82904752 C3.59966394,4.13897262 3.68516394,4.47189669 3.91860144,4.69824019 L7.09813269,7.77869938 C7.55853894,8.22521591 7.82263269,8.84843182 7.82263269,9.48875671 L7.82263269,12.9468022 C7.82263269,13.1021323 7.69671278,13.2280522 7.54138269,13.2280522 L6.69763269,13.2280522 C6.54230261,13.2280522 6.41638269,13.1021323 6.41638269,12.9468022 L6.41638269,9.48875671 L6.41638269,9.48875671 C6.41638269,9.22511002 6.30782019,8.96847521 6.11797644,8.78448347 L2.93844519,5.7037438 C2.32475769,5.10885589 2.09975769,4.23265134 2.35119519,3.41730992 C2.61050769,2.57532335 3.37832019,2.00960486 4.26172644,2.00960486 L14.0399452,2.00960486 C14.9047889,2.00960486 15.6610702,2.56186054 15.9226327,3.38393337 C16.1771639,4.18497056 15.9591952,5.04602944 15.3536639,5.63053977 L12.0872264,8.78504442 C11.8968202,8.96903616 11.7876952,9.22595145 11.7876952,9.49015909 L11.7876952,15.6595584 C11.7876952,15.8148885 11.6617753,15.9408084 11.5064452,15.9408084 Z" id="Fill-1" fill="#666666" mask="url(#mask-2)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/final-select.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="#507AFD" t="1709038184571" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5121" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M831.301818 110.638545c17.687273 0 32.023273 14.336 32.023273 32.023273v304.081455c0 8.843636-7.168 16.011636-16.011636 16.011636h-47.988364a16.011636 16.011636 0 0 1-16.011636-16.011636l-0.046546-256.046546H240.919273v641.349818l223.418182-0.046545c8.843636 0 15.965091 7.168 15.96509 16.011636v47.988364c0 8.843636-7.168 16.011636-16.011636 16.011636H192.279273a31.976727 31.976727 0 0 1-31.976728-32.023272v-15.965091a32.116364 32.116364 0 0 1 0.605091-6.237091l0.046546-715.077818c0-17.687273 14.336-31.976727 32.023273-31.976728h0.791272l0.605091-0.093091z m-117.666909 737.233455c8.843636 0 16.011636 7.168 16.011636 16.011636v31.976728c0 8.843636-7.168 16.011636-16.011636 16.011636h-178.129454a16.011636 16.011636 0 0 1-15.965091-16.011636v-31.976728c0-8.843636 7.168-16.011636 15.965091-16.011636h178.129454z m47.709091-368.64l98.350545 98.304a32.023273 32.023273 0 0 1 3.118546 41.704727l-3.118546 3.584-68.096 68.096 117.620364 117.620364a16.011636 16.011636 0 0 1 0 22.621091l-22.621091 22.621091a16.011636 16.011636 0 0 1-22.667636 0l-117.573818-117.620364-68.142546 68.096a32.023273 32.023273 0 0 1-45.242182 0l-98.350545-98.304a31.976727 31.976727 0 0 1 0-45.288727l181.480727-181.434182a32.023273 32.023273 0 0 1 45.242182 0z m-22.621091 67.863273l-136.238545 136.238545 53.061818 53.061818 136.238545-136.192-53.061818-53.061818z m-192.744727-147.083637c8.843636 0 16.011636 7.168 16.011636 16.011637v47.941818c0 8.843636-7.168 16.058182-16.011636 16.058182H303.941818a16.011636 16.011636 0 0 1-15.965091-16.011637V416.023273c0-8.843636 7.121455-16.011636 15.965091-16.011637h241.989818z m117.387636-143.639272c8.843636 0 16.011636 7.168 16.011637 16.011636v47.988364c0 8.843636-7.168 16.011636-16.011637 16.011636H305.245091a16.011636 16.011636 0 0 1-16.011636-16.011636v-47.941819c0-8.843636 7.168-16.058182 16.011636-16.058181h358.120727z" p-id="5122"></path></svg>

src/assets/icons/final.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1709038184571" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5121" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M831.301818 110.638545c17.687273 0 32.023273 14.336 32.023273 32.023273v304.081455c0 8.843636-7.168 16.011636-16.011636 16.011636h-47.988364a16.011636 16.011636 0 0 1-16.011636-16.011636l-0.046546-256.046546H240.919273v641.349818l223.418182-0.046545c8.843636 0 15.965091 7.168 15.96509 16.011636v47.988364c0 8.843636-7.168 16.011636-16.011636 16.011636H192.279273a31.976727 31.976727 0 0 1-31.976728-32.023272v-15.965091a32.116364 32.116364 0 0 1 0.605091-6.237091l0.046546-715.077818c0-17.687273 14.336-31.976727 32.023273-31.976728h0.791272l0.605091-0.093091z m-117.666909 737.233455c8.843636 0 16.011636 7.168 16.011636 16.011636v31.976728c0 8.843636-7.168 16.011636-16.011636 16.011636h-178.129454a16.011636 16.011636 0 0 1-15.965091-16.011636v-31.976728c0-8.843636 7.168-16.011636 15.965091-16.011636h178.129454z m47.709091-368.64l98.350545 98.304a32.023273 32.023273 0 0 1 3.118546 41.704727l-3.118546 3.584-68.096 68.096 117.620364 117.620364a16.011636 16.011636 0 0 1 0 22.621091l-22.621091 22.621091a16.011636 16.011636 0 0 1-22.667636 0l-117.573818-117.620364-68.142546 68.096a32.023273 32.023273 0 0 1-45.242182 0l-98.350545-98.304a31.976727 31.976727 0 0 1 0-45.288727l181.480727-181.434182a32.023273 32.023273 0 0 1 45.242182 0z m-22.621091 67.863273l-136.238545 136.238545 53.061818 53.061818 136.238545-136.192-53.061818-53.061818z m-192.744727-147.083637c8.843636 0 16.011636 7.168 16.011636 16.011637v47.941818c0 8.843636-7.168 16.058182-16.011636 16.058182H303.941818a16.011636 16.011636 0 0 1-15.965091-16.011637V416.023273c0-8.843636 7.121455-16.011636 15.965091-16.011637h241.989818z m117.387636-143.639272c8.843636 0 16.011636 7.168 16.011637 16.011636v47.988364c0 8.843636-7.168 16.011636-16.011637 16.011636H305.245091a16.011636 16.011636 0 0 1-16.011636-16.011636v-47.941819c0-8.843636 7.168-16.058182 16.011636-16.058181h358.120727z" p-id="5122"></path></svg>

src/assets/icons/floder.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>可疑收藏夹</title>
+    <defs>
+        <linearGradient x1="8.11848958%" y1="-14.8404948%" x2="89.1601562%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#73A7F9" offset="0%"></stop>
+            <stop stop-color="#3E6EF1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0%" y1="-21.0125372%" x2="50%" y2="98.8412107%" id="linearGradient-2">
+            <stop stop-color="#CBD9FF" offset="0%"></stop>
+            <stop stop-color="#3F6FF1" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-930.000000, -6121.000000)">
+            <g id="可疑收藏夹" transform="translate(930.000000, 6121.000000)">
+                <rect id="矩形" fill="url(#linearGradient-1)" opacity="0.1" x="0" y="0" width="64" height="64" rx="17.0666667"></rect>
+                <g id="文件夹" transform="translate(14.933333, 14.933333)" fill-rule="nonzero">
+                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="34.1333333" height="34.1333333"></rect>
+                    <path d="M28.5013333,12.8341333 C28.9336889,12.8796444 29.3660444,12.9934222 29.7984,13.1754667 C30.2307556,13.3575111 30.6062222,13.6135111 30.9248,13.9434667 C31.2433778,14.2734222 31.4823111,14.6887111 31.6416,15.1893333 C31.8008889,15.6899556 31.8236444,16.2929778 31.7098667,16.9984 C31.6643556,17.1804444 31.5733333,17.6298667 31.4368,18.3466667 C31.3002667,19.0634667 31.1409778,19.8883556 30.9589333,20.8213333 C30.7768889,21.7543111 30.5720889,22.7157333 30.3445333,23.7056 C30.1169778,24.6954667 29.9008,25.5431111 29.696,26.2485333 C29.5822222,26.6581333 29.4172444,27.0791111 29.2010667,27.5114667 C28.9848889,27.9438222 28.7061333,28.3363556 28.3648,28.6890667 C28.0234667,29.0417778 27.6138667,29.3319111 27.136,29.5594667 C26.6581333,29.7870222 26.0892444,29.9008 25.4293333,29.9008 L6.51946667,29.9008 C6.0416,29.9008 5.54666667,29.7984 5.03466667,29.5936 C4.52266667,29.3888 4.05048889,29.0986667 3.61813333,28.7232 C3.18577778,28.3477333 2.83306667,27.8926222 2.56,27.3578667 C2.28693333,26.8231111 2.1504,26.2257778 2.1504,25.5658667 L2.1504,10.9226667 C2.1504,9.53457778 2.52586667,8.448 3.2768,7.66293333 C4.02773333,6.87786667 5.08586667,6.48533333 6.4512,6.48533333 L23.2448,6.48533333 C23.7454222,6.48533333 24.2631111,6.58204444 24.7978667,6.77546667 C25.3326222,6.96888889 25.8161778,7.23626667 26.2485333,7.5776 C26.6808889,7.91893333 27.0336,8.31715556 27.3066667,8.77226667 C27.5797333,9.22737778 27.7162667,9.71662222 27.7162667,10.24 L27.7162667,10.6154667 L25.9413333,10.6154667 C25.0311111,10.6154667 23.9672889,10.6097778 22.7498667,10.5984 C21.5324444,10.5870222 20.2353778,10.5813333 18.8586667,10.5813333 C17.4819556,10.5813333 16.1962667,10.5756444 15.0016,10.5642667 C13.8069333,10.5528889 12.7772444,10.5472 11.9125333,10.5472 L10.3424,10.5472 C9.75075556,10.5472 9.28995556,10.7349333 8.96,11.1104 C8.63004444,11.4858667 8.37404444,11.9808 8.192,12.5952 C8.00995556,13.2551111 7.80515556,13.9548444 7.5776,14.6944 C7.35004444,15.4339556 7.14524444,16.1223111 6.9632,16.7594667 C6.73564444,17.5104 6.50808889,18.2385778 6.28053333,18.944 C6.23502222,19.1260444 6.21226667,19.2739556 6.21226667,19.3877333 C6.21226667,19.7745778 6.34311111,20.0988444 6.6048,20.3605333 C6.86648889,20.6222222 7.19075556,20.7530667 7.5776,20.7530667 C8.28302222,20.7530667 8.76088889,20.3093333 9.0112,19.4218667 L10.8202667,12.8 C13.7784889,12.8227556 16.4864,12.8341333 18.944,12.8341333 L28.5013333,12.8341333 L28.5013333,12.8341333 Z" id="路径" fill="url(#linearGradient-2)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/goup-1.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 2备份 2</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-2513.000000, -7060.000000)">
+            <g id="编组-2备份-2" transform="translate(2513.000000, 7060.000000)">
+                <g id="编组" transform="translate(5.333333, 5.333333)">
+                    <path d="M12.6666667,1.83333333 L28.8144563,1.83333333 L28.8144563,1.83333333 L47.6666667,19.8071871 L47.6666667,47.8333333 C47.6666667,50.594757 45.4280904,52.8333333 42.6666667,52.8333333 L10.6666667,52.8333333 C7.90524297,52.8333333 5.66666667,50.594757 5.66666667,47.8333333 L5.66666667,8.83333333 C5.66666667,4.96734013 8.80067347,1.83333333 12.6666667,1.83333333 Z" id="矩形" fill="#FFFFFF" fill-rule="nonzero"></path>
+                    <path d="M29.3333333,0 L48,18.6666667 L48,49.3333333 C48,52.278852 45.6121853,54.6666667 42.6666667,54.6666667 L10.6666667,54.6666667 C7.721148,54.6666667 5.33333333,52.278852 5.33333333,49.3333333 L5.33333333,5.33333333 C5.33333333,2.38781467 7.721148,0 10.6666667,0 L29.3333333,0 Z M28.2296667,2.66666667 L10.6666667,2.66666667 C9.25055192,2.66666667 8.09225153,3.77050111 8.00524634,5.16468914 L8,5.33333333 L8,49.3333333 C8,50.7494481 9.10383444,51.9077485 10.4980225,51.9947537 L10.6666667,52 L42.6666667,52 C44.0827814,52 45.2410818,50.8961656 45.328087,49.5019775 L45.3333333,49.3333333 L45.3326667,19.7706667 L28.2296667,2.66666667 Z" id="形状结合" fill="#9254DE" fill-rule="nonzero"></path>
+                    <path d="M29.3333333,0 L48,18.6666667 L34.6666667,18.6666667 C31.721148,18.6666667 29.3333333,16.278852 29.3333333,13.3333333 L29.3333333,0 Z M41.5616667,15.9996667 L31.9996667,6.43666667 L32,13.3333333 C32,14.7494481 33.1038344,15.9077485 34.4980225,15.9947537 L34.6666667,16 L41.5616667,15.9996667 Z" id="矩形备份" fill="#9254DE" fill-rule="nonzero"></path>
+                    <path d="M25.1650667,19.96215 L27.6682667,19.96215 C27.9433667,19.96215 28.1666667,19.73885 28.1666667,19.46375 L28.1666667,16.96055 C28.1666667,16.6851 27.9433667,16.46215 27.6682667,16.46215 L25.1650667,16.46215 C24.8899667,16.46215 24.6666667,16.68545 24.6666667,16.96055 L24.6666667,19.46375 C24.6666667,19.73885 24.8899667,19.96215 25.1650667,19.96215 Z M31.1682667,19.96215 L28.6650667,19.96215 C28.3899667,19.96215 28.1666667,20.18545 28.1666667,20.46055 L28.1666667,22.96375 C28.1666667,23.2392 28.3899667,23.46215 28.6650667,23.46215 L31.1682667,23.46215 C31.4433667,23.46215 31.6666667,23.23885 31.6666667,22.96375 L31.6666667,20.46055 C31.6666667,20.18545 31.4433667,19.96215 31.1682667,19.96215 Z M25.1650667,26.96215 L27.6682667,26.96215 C27.9433667,26.96215 28.1666667,26.73885 28.1666667,26.46375 L28.1666667,23.96055 C28.1666667,23.6851 27.9433667,23.46215 27.6682667,23.46215 L25.1650667,23.46215 C24.8899667,23.46215 24.6666667,23.68545 24.6666667,23.96055 L24.6666667,26.46375 C24.6666667,26.73885 24.8899667,26.96215 25.1650667,26.96215 Z M31.1682667,26.96215 L28.6650667,26.96215 C28.3899667,26.96215 28.1666667,27.18545 28.1666667,27.46055 L28.1666667,29.96375 C28.1666667,30.2392 28.3899667,30.46215 28.6650667,30.46215 L31.1682667,30.46215 C31.4433667,30.46215 31.6666667,30.23885 31.6666667,29.96375 L31.6666667,27.46055 C31.6666667,27.18545 31.4433667,26.96215 31.1682667,26.96215 Z M30.4430667,32.3945 L25.7485167,32.3945 C25.1510667,32.3945 24.6666667,32.8789 24.6666667,33.47635 L24.6666667,38.91815 C24.6666667,39.5156 25.1510667,40 25.7485167,40 L30.4430667,40 C31.0405167,40 31.5249167,39.5156 31.5249167,38.91815 L31.5249167,33.47635 C31.5249167,32.8789 31.0405167,32.3945 30.4430667,32.3945 Z M30.2705167,38.15515 C30.2705167,38.63535 29.8813167,39.02455 29.4011167,39.02455 L26.7901167,39.02455 C26.3099167,39.02455 25.9207167,38.63535 25.9207167,38.15515 L25.9207167,37.19755 C25.9207167,36.71735 26.3099167,36.32815 26.7901167,36.32815 L29.4011167,36.32815 C29.8813167,36.32815 30.2705167,36.71735 30.2705167,37.19755 L30.2705167,38.15515 Z" id="形状备份" fill="#EBEDF0" fill-rule="nonzero"></path>
+                    <rect id="矩形" fill="#9254DE" x="0" y="13.3333333" width="26.6666667" height="26.6666667" rx="2.66666667"></rect>
+                    <path d="M11.1893333,20.7602917 L12.9773333,20.7602917 C13.1738333,20.7602917 13.3333333,20.6007917 13.3333333,20.4042917 L13.3333333,18.6162917 C13.3333333,18.4195417 13.1738333,18.2602917 12.9773333,18.2602917 L11.1893333,18.2602917 C10.9928333,18.2602917 10.8333333,18.4197917 10.8333333,18.6162917 L10.8333333,20.4042917 C10.8333333,20.6007917 10.9928333,20.7602917 11.1893333,20.7602917 Z M15.4773333,20.7602917 L13.6893333,20.7602917 C13.4928333,20.7602917 13.3333333,20.9197917 13.3333333,21.1162917 L13.3333333,22.9042917 C13.3333333,23.1010417 13.4928333,23.2602917 13.6893333,23.2602917 L15.4773333,23.2602917 C15.6738333,23.2602917 15.8333333,23.1007917 15.8333333,22.9042917 L15.8333333,21.1162917 C15.8333333,20.9197917 15.6738333,20.7602917 15.4773333,20.7602917 Z M11.1893333,25.7602917 L12.9773333,25.7602917 C13.1738333,25.7602917 13.3333333,25.6007917 13.3333333,25.4042917 L13.3333333,23.6162917 C13.3333333,23.4195417 13.1738333,23.2602917 12.9773333,23.2602917 L11.1893333,23.2602917 C10.9928333,23.2602917 10.8333333,23.4197917 10.8333333,23.6162917 L10.8333333,25.4042917 C10.8333333,25.6007917 10.9928333,25.7602917 11.1893333,25.7602917 Z M15.4773333,25.7602917 L13.6893333,25.7602917 C13.4928333,25.7602917 13.3333333,25.9197917 13.3333333,26.1162917 L13.3333333,27.9042917 C13.3333333,28.1010417 13.4928333,28.2602917 13.6893333,28.2602917 L15.4773333,28.2602917 C15.6738333,28.2602917 15.8333333,28.1007917 15.8333333,27.9042917 L15.8333333,26.1162917 C15.8333333,25.9197917 15.6738333,25.7602917 15.4773333,25.7602917 Z M14.9593333,29.6405417 L11.6060833,29.6405417 C11.1793333,29.6405417 10.8333333,29.9865417 10.8333333,30.4132917 L10.8333333,34.3002917 C10.8333333,34.7270417 11.1793333,35.0730417 11.6060833,35.0730417 L14.9593333,35.0730417 C15.3860833,35.0730417 15.7320833,34.7270417 15.7320833,34.3002917 L15.7320833,30.4132917 C15.7320833,29.9865417 15.3860833,29.6405417 14.9593333,29.6405417 Z M14.8360833,33.7552917 C14.8360833,34.0982917 14.5580833,34.3762917 14.2150833,34.3762917 L12.3500833,34.3762917 C12.0070833,34.3762917 11.7290833,34.0982917 11.7290833,33.7552917 L11.7290833,33.0712917 C11.7290833,32.7282917 12.0070833,32.4502917 12.3500833,32.4502917 L14.2150833,32.4502917 C14.5580833,32.4502917 14.8360833,32.7282917 14.8360833,33.0712917 L14.8360833,33.7552917 Z" id="形状" fill="#FFFFFF" fill-rule="nonzero"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icons/group-2.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 2备份</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PrevailCloud-Design-图标集" transform="translate(-1985.000000, -7060.000000)">
+            <g id="编组-2备份" transform="translate(1985.000000, 7060.000000)">
+                <g id="编组" transform="translate(5.333333, 5.333333)">
+                    <path d="M12.6666667,1.83333333 L28.8144563,1.83333333 L28.8144563,1.83333333 L47.6666667,19.8071871 L47.6666667,47.8333333 C47.6666667,50.594757 45.4280904,52.8333333 42.6666667,52.8333333 L10.6666667,52.8333333 C7.90524297,52.8333333 5.66666667,50.594757 5.66666667,47.8333333 L5.66666667,8.83333333 C5.66666667,4.96734013 8.80067347,1.83333333 12.6666667,1.83333333 Z" id="矩形" fill="#FFFFFF" fill-rule="nonzero"></path>
+                    <path d="M29.3333333,0 L48,18.6666667 L48,49.3333333 C48,52.278852 45.6121853,54.6666667 42.6666667,54.6666667 L10.6666667,54.6666667 C7.721148,54.6666667 5.33333333,52.278852 5.33333333,49.3333333 L5.33333333,5.33333333 C5.33333333,2.38781467 7.721148,0 10.6666667,0 L29.3333333,0 Z M28.2296667,2.66666667 L10.6666667,2.66666667 C9.25055192,2.66666667 8.09225153,3.77050111 8.00524634,5.16468914 L8,5.33333333 L8,49.3333333 C8,50.7494481 9.10383444,51.9077485 10.4980225,51.9947537 L10.6666667,52 L42.6666667,52 C44.0827814,52 45.2410818,50.8961656 45.328087,49.5019775 L45.3333333,49.3333333 L45.3326667,19.7706667 L28.2296667,2.66666667 Z" id="形状结合" fill="#356FC5" fill-rule="nonzero"></path>
+                    <g id="编组-3备份" transform="translate(15.666667, 25.260779)" fill="#EBEDF0">
+                        <rect id="矩形" x="0" y="0" width="24" height="4.66709062" rx="0.852211093"></rect>
+                        <rect id="矩形备份-2" x="1.42108547e-14" y="10.0721301" width="15.3676696" height="4.66709062" rx="0.852211093"></rect>
+                    </g>
+                    <path d="M29.3333333,0 L48,18.6666667 L34.6666667,18.6666667 C31.721148,18.6666667 29.3333333,16.278852 29.3333333,13.3333333 L29.3333333,0 Z M41.5616667,15.9996667 L31.9996667,6.43666667 L32,13.3333333 C32,14.7494481 33.1038344,15.9077485 34.4980225,15.9947537 L34.6666667,16 L41.5616667,15.9996667 Z" id="矩形备份" fill="#356FC5" fill-rule="nonzero"></path>
+                    <rect id="矩形" fill="#356FC5" x="0" y="13.3333333" width="26.6666667" height="26.6666667" rx="2.66666667"></rect>
+                    <g id="编组-3" transform="translate(4.187973, 19.756889)" fill="#FFFFFF">
+                        <rect id="矩形" x="0" y="0" width="14.0810183" height="2.73822452" rx="0.5"></rect>
+                        <rect id="矩形备份-2" x="7.10542736e-15" y="5.90941033" width="9.01635156" height="2.73822452" rx="0.5"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>