初始

.babelrc

@@ -0,0 +1,18 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": ["transform-vue-jsx", "transform-runtime"],
+  "env": {
+    "test": {
+      "presets": ["env", "stage-2"],
+      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node", "istanbul"]
+    }
+  }
+}

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.eslintignore

@@ -0,0 +1,9 @@
+/build/
+/config/
+/dist/
+/*.js
+/test/unit/coverage/
+/src/lib/
+/src/components/
+/src/views/
+src/*

.eslintrc.js

@@ -0,0 +1,61 @@
+// https://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  env: {
+    browser: true,
+    node: true,
+    commonjs: true,
+    es6: true,
+    jquery: true // 添加对jquery的支持
+  },
+  extends: [
+    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
+    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
+    'plugin:vue/essential',
+    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
+    'standard'
+  ],
+  // 指定你所要使用的全局变量，true代表允许重写、false代表不允许重写
+  globals: {
+    mini: true,
+    XLSX: true,
+    VCode: true, // 验证码
+    QRCode: true, // 二维码
+    Swiper: true, // Swiper
+    Steer: true // Steer
+  },
+  // required to lint *.vue files
+  plugins: [
+    'vue'
+  ],
+  // add your custom rules here
+  // 系数0为不提示(off)、1为警告(warn)、2为错误抛出(error)
+  rules: {
+    'indent': [0, 4, {
+        'SwitchCase': 4
+    }],  
+    // allow paren-less arrow functions
+    'arrow-parens': 0,
+    // allow async-await
+    'generator-star-spacing': 'off',
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+
+    // allow / 强制 语句结束以分号结束
+    'semi': 0,
+    // allow 连续声明 let a=1,b=2,....;
+    'one-var': 0,
+    // allow new Object()
+    'no-new': 0,
+    // 在创建对象字面量时不允许键重复 {a:1, a:1}
+    'no-dupe-keys': 2,
+    // 函数参数不能重复
+    'no-dupe-args': 2,
+    // 不能有声明后未被使用的变量或参数
+    'no-unused-vars': 0
+  }
+};

.gitignore

@@ -0,0 +1,9 @@
+/package-lock.json
+/node_modules
+# icore-icp 是人传人的
+!node_modules/icore-icp/
+!node_modules/icore-icp/**
+/dist
+/.vscode
+#/nginx.conf
+/cors.js

.npmrc

@@ -0,0 +1,4 @@
+sass_binary_site=https://registry.npmmirror.com/-/binary/node-sass
+fse_binary_host_mirror=https://npm.taobao.org/mirrors/fsevents
+chromedriver_cdnurl=https://npm.taobao.org/mirrors/chromedriver
+phantomjs_cdnurl=https://npm.taobao.org/mirrors//phantomjs

.postcssrc.js

@@ -0,0 +1,10 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    "postcss-import": {},
+    "postcss-url": {},
+    // to edit target browsers: use "browserslist" field in package.json
+    "autoprefixer": {}
+  }
+}

README.md

@@ -0,0 +1,87 @@
+# icore-frame
+
+## **项目使用平台框架示例**
+
+> ### **运行完的项目目录如下**
+
+![icore-frame.jpg](src/assets/img/img/menu.png)
+
+> ### **项目运行模块与转发配置**
+
+**项目自身的代码存于src/views/目录下，可根据需要创建不同模块;**
+
+#### 1、基础配置如下图：
+
+① 找到根目录下的cors.js文件，可以按需在devModules中配置需要引用的模块（如对所需功能菜单模块名不清楚，可参照2中xlsx文件中url--模块名为.html前面的字母部分）;
+
+② 在proxyTable中配置项目本地的转发;线上部署环境转发(与普通项目无异)则需要配置下方的nginx.conf文件。
+
+③如需重写平台nginx配置(例如登录相关转发)，在node_modules中找到icore-icp/config/index.js，复制sso相关配置到cors.js中重写转发的target。会覆盖原有nginx, 因此项目相关转发建议带项目相关编码，避免重复转发配置覆盖。
+
+![icore-frame.jpg](src/assets/img/img/cors.png)
+
+#### 2、引用平台菜单功能模块说明
+
+可访问公司icore平台```icore-pass-test.steerinfo.com```,进入菜单管理-右上角-导出菜单详情按钮，获取可引用的平台功能菜单详情.xlsx。(存在部分其他项目菜单，非平台自身菜单)
+
+或者联系研发部同事下载详情后提供,重点在于菜单的url和功能控件部分，结构说明如下图。
+
+![icore-frame.jpg](src/assets/img/img/menuconfig.png)
+
+> ### **项目自身全局样式引入**
+
+**写入src/assets/目录下，在项目模块app.js中引用。**
+
+![icore-frame.jpg](src/assets/img/img/style.png)
+
+> ### **项目自身store全局变量配置**
+
+**① 若只是单纯需要引用平台定义的全局变量:**
+可直接在项目业务代码模块中app.js中引入(如下图),在vue页面中直接使用'this.$store.state.参数名'形式使用。
+
+![icore-frame.jpg](src/assets/img/img/store.png)
+
+**② 项目需要定义自身的store全局变量:**
+
+1、同样需要在模块的app.js中引入(如上图)，并动态注册到原有store模块中；
+
+2、找到src/store/路径，可在其下index.js文件中直接添加; 如需要多级分类方便管理，可在自行创建文件夹添加(如ioms),创建完只需在src/store/index.js中引入即可。
+
+3、vue页面中直接使用'this.$store.state.参数名'形式使用；
+
+![icore-frame.jpg](src/assets/img/img/storeModule.png)
+
+> ### **页面创建展示**
+
+**在框架中的系统管理模块：在菜单管理处添加页面**
+
+路径URL设置规则为： ./模块名.html#/页面文件名(上面提到的cors.js文件里需要引用这个模块哦，否则不加载此模块会找不到页面哦)
+
+例如： ./demo.html#/myPage
+
+![icore-frame.jpg](src/assets/img/img/pageCreate.png)
+
+**注：菜单下方的功能列表，默认增删改查四个按钮权限（也可根据需要自主添加），再在vue页面上依据按钮对应配置；**
+
+**如不需要使用按钮权限（依据不同角色用户显示按钮），可将之删除**
+
+
+> ### **项目自定义登录页面及登录后框架样式**
+
+在src/views中创建命名为index的模块，结构与普通模块一致，可自定义登录及登录后跳转的页面;并在cors.js文件中引用此模块，将覆盖原有index登录跳转模块.
+
+如需参考平台登录代码：在node_modules找到icore-icp,参考其下src/views/index文件
+
+> ### **整体开发步骤**
+
+1、下载icore-frame框架并运行
+
+2、项目开发新页面：在src/views中仿造demo示例创建新的模块并在cors.js中引用
+
+3、在平台系统管理的菜单管理中创建菜单与页面，创建规则见上
+
+4、其他项目自定义相关配置如上说明
+
+注：1、package.json中的icore-icp版本由研发部根据不同项目需求配置，不可随意更改。
+
+   2、css命名规范化，尽量不要使用scoped,每个页面使用唯一的class名，其内样式都写在此命名下。可参考demo页面示例。

bash.exe.stackdump

@@ -0,0 +1,9 @@
+Stack trace:
+Frame        Function    Args
+000FFFFA358  0018006021E (00180252DED, 001802340A6, 000FFFFA358, 000FFFF9250)
+000FFFFA358  00180048859 (00000000000, 00000000000, 00000000000, 00000000000)
+000FFFFA358  00180048892 (00180252EA9, 000FFFFA208, 000FFFFA358, 00000000000)
+000FFFFA358  001800AF0D8 (00000000000, 00000000000, 00000000000, 00000000000)
+000FFFFA358  001800AF25D (000FFFFA370, 00000000000, 00000000000, 00000000000)
+000FFFFA5E0  001800B0673 (000FFFFA370, 00000000000, 00000000000, 00000000000)
+End of stack trace

conf.js

@@ -0,0 +1,8 @@
+var globalConfig = {
+    showMainPage: false, // 配置false时,隐藏主页图标入口
+    noModifyPwdAuthUserList: [],
+    docTitle:'广西北港新材料检化验系统',
+    login:{
+        areaDesc: '广西北港新材料检化验系统'
+    }
+}

index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>工业互联网平台 iCore-ICP</title>
+    <script>
+      window.location.href='./views/index.html';
+    </script>
+  </head>
+  <body>
+    <div>&nbsp;</div>
+  </body>
+</html>

nginx.conf

@@ -0,0 +1,148 @@
+#user  nobody;
+worker_processes  1;
+
+#error_log  logs/error.log;
+#error_log  logs/error.log  notice;
+#error_log  logs/error.log  info;
+
+#pid        logs/nginx.pid;
+
+
+events {
+    worker_connections  1024;
+}
+
+
+http {
+    include       mime.types;
+    default_type  application/octet-stream;
+    client_max_body_size 50M;
+
+    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+    #                  '$status $body_bytes_sent "$http_referer" '
+    #                  '"$http_user_agent" "$http_x_forwarded_for"';
+
+    #access_log  logs/access.log  main;
+
+    sendfile        on;
+    #tcp_nopush     on;
+
+    #keepalive_timeout  0;
+    keepalive_timeout  65;
+
+    #gzip  on;
+
+    add_header Access-Control-Allow-Origin *;
+    add_header Access-Control-Allow-Headers X-Requested-With;
+    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
+
+   server {
+        root /usr/share/nginx/html/;
+         location /icore.icp.web/pass {
+            rewrite ^/b/(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_pass http://sso; # 转发地址
+        }
+        location /icore.icp.web/pass/v1 {
+            rewrite ^/b/(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_pass http://sso/v1; # 转发地址
+        }
+        location /icore.icp.web/pass/logout {
+            rewrite ^/b/(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_pass http://sso/logout; # 转发地址
+        }
+        location /icore.icp.web/pass/auth {
+            rewrite ^/b/(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_pass http://sso/auth; # 转发地址
+        }
+        location /icore.icp.web/pass/img {
+            rewrite ^/b/(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_pass http://sso/img; # 转发地址
+        }
+        location /icore.icp.web/pass/service {
+            rewrite ^/b/(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_pass http://sso/service; # 转发地址
+        }		
+        location /icore.icp.web/pass/configCenter {
+		    proxy_pass http://paas-config.paas.svc.cluster.local/configCenter; # 转发地址
+			port_in_redirect   on;
+			proxy_redirect     off;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        }
+         
+        location /icore.icp.web/pass/act {
+             rewrite ^/icore.icp.web/pass/act/(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+             proxy_set_header Host $host;
+             proxy_set_header X-Real-IP $remote_addr;
+             proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+             proxy_pass http://act; # 转发地址
+         }
+    
+        location /icore-api {
+            rewrite ^/icore-api/(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_pass http://sso; # 转发地址
+        }
+        
+        location /icore.icp.web/pass/testManagement/v1 {
+            rewrite ^/icore.icp.web/pass/testManagement(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_pass http://lims-test/v1; # 转发地址
+        }
+        
+        location /icore.icp.web/pass/baseManagement/v1 {
+            rewrite ^/icore.icp.web/pass/baseManagement(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_pass http://lims-base/v1; # 转发地址
+        }
+
+
+        location /icore.icp.web/pass/mqtt/v1 {
+            rewrite ^/icore.icp.web/pass/mqtt(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_pass http://172.16.4.162:9410/v1; # 转发地址
+        }
+        
+        location /icore.icp.web/pass/systemBase/v1 {
+            rewrite ^/icore.icp.web/pass/systemBase(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_pass http://ims-business/v1; # 转发地址
+        }
+        
+        location /icore.icp.web/pass/api {
+            rewrite ^/icore.icp.web/pass/api(.*)$ /$1 break; # 去除本地接口/api前缀, 否则会出现404
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_pass http://lims-api; # 转发地址
+        }
+
+     }
+}

package.json

@@ -0,0 +1,124 @@
+{
+  "name": "lims-ui",
+  "version": "1.0.1",
+  "description": "A Vue.js project",
+  "author": "hz",
+  "private": true,
+  "scripts": {
+    "dev": "webpack-dev-server --inline --progress --profile --colors --config node_modules/icore-icp/build/webpack.dev.conf.js --host 0.0.0.0",
+    "start": "npm run dev",
+    "unit": "jest --config node_modules/icore-icp/test/unit/jest.conf.js --coverage",
+    "e2e": "node node_modules/icore-icp/test/e2e/runner.js",
+    "test": "npm run unit && npm run e2e",
+    "lint": "eslint --ext .js,.vue src node_modules/icore-icp/test/unit node_modules/icore-icp/test/e2e/specs",
+    "build": "node node_modules/icore-icp/build/build.js",
+    "testc": "cross-env NODE_ENV=test nyc mocha-webpack --webpack-config node_modules/icore-icp/build/webpack.test.conf.js --require node_modules/icore-icp/test/setup.js node_modules/icore-icp/test/**/*.spec.js"
+  },
+  "dependencies": {
+    "codemirror": "5.65.5",
+    "docx-preview": "^0.1.11",
+    "echarts": "^5.3.2",
+    "icore-icp": "1.0.0-bh.21.1",
+    "icore-sdk": "1.0.1-alpha.66",
+    "jsbarcode": "^3.11.3",
+    "marked": "^5.0.5",
+    "moment-immutable-methods": "^1.0.9",
+    "save": "^2.4.0",
+    "vue-pdf": "^4.3.0",
+    "xlsx": "^0.16.9"
+  },
+  "devDependencies": {
+    "@vue/test-utils": "^1.0.0-beta.24",
+    "autoprefixer": "^7.1.2",
+    "babel-core": "^6.22.1",
+    "babel-eslint": "^8.2.1",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-jest": "^21.0.2",
+    "babel-loader": "^7.1.1",
+    "babel-plugin-dynamic-import-node": "^1.2.0",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-runtime": "^6.22.0",
+    "babel-plugin-transform-vue-jsx": "^3.5.0",
+    "babel-preset-env": "^1.3.2",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-stage-2": "^6.22.0",
+    "babel-register": "^6.22.0",
+    "chalk": "^2.0.1",
+    "copy-webpack-plugin": "^4.0.1",
+    "cross-env": "^5.2.0",
+    "cross-spawn": "^5.0.1",
+    "css-loader": "^0.28.0",
+    "eslint": "^4.15.0",
+    "eslint-config-standard": "^10.2.1",
+    "eslint-friendly-formatter": "^3.0.0",
+    "eslint-loader": "^1.7.1",
+    "eslint-plugin-import": "^2.7.0",
+    "eslint-plugin-node": "^5.2.0",
+    "eslint-plugin-promise": "^3.4.0",
+    "eslint-plugin-standard": "^3.0.1",
+    "eslint-plugin-vue": "^4.0.0",
+    "expect": "^23.5.0",
+    "extract-text-webpack-plugin": "^3.0.0",
+    "file-loader": "^1.1.4",
+    "friendly-errors-webpack-plugin": "^1.6.1",
+    "html-webpack-plugin": "^2.30.1",
+    "jest": "^22.0.4",
+    "jest-serializer-vue": "^0.3.0",
+    "jsdom": "^12.0.0",
+    "jsdom-global": "^3.0.2",
+    "jsplumb": "^2.8.8",
+    "less": "~3.8.1",
+    "less-loader": "~4.1.0",
+    "mocha": "^5.2.0",
+    "mocha-webpack": "^1.1.0",
+    "moment": "^2.22.2",
+    "nightwatch": "^0.9.12",
+    "node-notifier": "^5.1.2",
+    "node-sass": "^4.14.1",
+    "node-uuid": "^1.4.8",
+    "nyc": "^13.0.1",
+    "optimize-css-assets-webpack-plugin": "^3.2.0",
+    "ora": "^1.2.0",
+    "portfinder": "^1.0.13",
+    "postcss-import": "^11.0.0",
+    "postcss-loader": "^2.0.8",
+    "postcss-url": "^7.2.1",
+    "qrcode": "^1.3.2",
+    "rimraf": "^2.6.0",
+    "sass-loader": "^6.0.6",
+    "script-loader": "^0.7.2",
+    "selenium-server": "^3.0.1",
+    "semver": "^5.3.0",
+    "shelljs": "^0.7.6",
+    "uglifyjs-webpack-plugin": "^1.1.1",
+    "url-loader": "^0.5.8",
+    "vue-jest": "^1.0.2",
+    "vue-json-editor": "^1.4.0",
+    "vue-loader": "^13.3.0",
+    "vue-style-loader": "^3.0.1",
+    "vue-svg-icon": "^1.2.9",
+    "vue-template-compiler": "^2.5.2",
+    "webpack": "^3.6.0",
+    "webpack-bundle-analyzer": "^2.9.0",
+    "webpack-dev-server": "^2.9.1",
+    "webpack-merge": "^4.1.0",
+    "webpack-node-externals": "^1.7.2"
+  },
+  "engines": {
+    "node": ">= 6.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ],
+  "nyc": {
+    "include": [
+      "src/**/*.(js|vue)",
+      "node_modules/icore-icp/src/**/*.(js|vue)"
+    ],
+    "instrument": false,
+    "sourceMap": false
+  }
+}

src/assets/css/common.css

@@ -0,0 +1,969 @@
+.resource .zy-head-search {
+  width: 100%;
+  /* height: 60px; */
+  padding-top: 20px;
+  padding-left: 30px;
+  box-shadow: 1px 1px 6px rgb(226, 226, 226);
+  font-size: 14px;
+  /* overflow: hidden; */
+}
+
+.resource .el-table .common-table-header {
+  background-color: rgb(255,255,255) !important;
+  color: rgb(73, 72, 72);
+  border-bottom: 1px solid #DCDFE7;
+  border-top:3px solid #3ac1ea;
+  overflow: hidden;
+}
+
+.resource .zy-title-div {
+  display: flex;
+  height: 50px;
+  padding-top: 10px;
+  padding-left: 30px;
+  overflow: hidden;
+  width: 98%;
+}
+.resource .zy-title-div-foot {
+height: 150px;
+padding-top: 10px;
+padding-left: 30px;
+overflow: hidden;
+width: 98%;
+}
+.resource .zy-title-div-left {
+height: 300px;
+padding-top: 50px;
+padding-left: 10px;
+width: 630px;
+position: relative;
+}
+.resource .zy-title-div-right {
+height: 300px;
+padding-right: 10px;
+width: 630px;
+margin-left: 670px;
+margin-top: -245px;
+}
+.resource .zy-title-div-topleft {
+height: 300px;
+padding-top: 5px;
+padding-left: 10px;
+width: 630px;
+position: relative;
+}
+.resource .zy-title-div-topright {
+height: 300px;
+padding-right: 10px;
+width: 630px;
+margin-left: 670px;
+margin-top: -295px;
+}
+/* .resource .zy-foot-circle {
+display: flex;
+height: 50px;
+padding-top: 10px;
+padding-left: 30px;
+overflow: hidden;
+width: 98%;
+} */
+.resource .zy-title-name {
+  font-size: 25px;
+  font-family: '宋体';
+  margin-right: 80px;
+}
+.resource .zy-button-div {
+ margin-left: auto;
+}
+
+.resource .el-button--goon.is-active,
+.resource .el-button--goon:active {
+background: rgb(94,114,228);
+border-color: rgb(94,114,228);
+color: #fff;
+}
+
+.resource .el-button--goon:focus,
+.resource .el-button--goon:hover {
+background: rgb(52,96,209);
+border-color: rgb(52,96,209);
+color: #fff;
+}
+
+.resource .el-button--goon {
+color: #FFF;
+background-color: rgb(94,114,228);
+border-color: rgb(94,114,228);
+}
+
+.resource .el-button--plus.is-active,
+.resource .el-button--plus:active {
+background:rgb(255,255,255);
+color: rgb(94,114,228);
+}
+
+.resource .el-button--plus:focus ,
+.resource .el-button--plus:hover {
+background: rgb(249,249,249);
+color: rgb(94,114,228);
+}
+
+.resource .el-button--plus {
+color: rgb(18, 52, 243);
+background-color: rgb(255,255,255);
+border: none;
+/* margin-left: 0px;
+margin-right: 0px; */
+font-size: 15px;
+width: 100%;
+height: 25px;
+font-weight: bolder;
+line-height: normal;
+}
+
+.resource .common-table-div {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+.resource .common-table-div-left {
+margin-top: 5px;
+margin-right: 5px;
+width: 650px;
+position: relative;
+}
+.resource .common-table-div-right {
+margin-top: 5px;
+width: 650px;
+}
+.resource .common-table-div-topleft {
+margin-top: 5px;
+margin-right: 5px;
+width: 650px;
+position: relative;
+}
+.resource .common-table-div-topright {
+margin-top: 5px;
+width: 650px;
+}
+.resource .zy-foot-page {
+  float: right;
+  margin-right: 10px;
+  margin-top: 10px;
+}
+.resource .zy-foot-page1 {
+float: left;
+margin-right: 10px;
+margin-top: 10px;
+}
+
+.resource .el-table .error-row {
+background-color: rgb(253, 89, 89);
+/* color: red */
+}
+
+.resource .el-table .error-yellow {
+background-color: rgb(250, 203, 102);
+/* color: red */
+}
+
+.resource .el-table .error-blue {
+background-color: rgb(89, 179, 253);
+/* color: red */
+}
+
+.resource .el-table .error-green {
+background-color: rgb(202,249,130);
+/* color: red */
+}
+
+.resource .common-style-table {
+margin-left: 10px;
+}
+
+.resource.common-style-table td:nth-child(odd){
+width: 100px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+background-color: rgb(244,244,244);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+
+.resource .common-style-table td:nth-child(even){
+width: 120px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+background-color: darkgray;
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.resource .common-table-style tr td:nth-child(odd){
+width: 100px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+background-color: rgb(244,244,244);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.resource .common-table-style tr td:nth-child(even){
+width: 150px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.resource .el-table .sort-caret.ascending {
+top: -2px;
+font-size: 14px;
+border-bottom-color: rgb(117, 116, 116);
+}
+.resource .el-table .sort-caret.descending {
+bottom: 1px;
+font-size: 14px;
+border-top-color: rgb(117, 116, 116);
+}
+.resource .el-dialog .el-dialog__header {
+height: 56px;
+background: rgb(64,158,255);
+border-radius: 4px 4px 0 0;
+color: #fff;
+padding: 14px 24px!important;
+}
+.resource .el-dialog__headerbtn .el-dialog__close {
+color: #fff;
+font-size: 18px;
+}
+.resource .el-dialog__headerbtn:focus,
+.resource .el-dialog__headerbtn:hover > .el-dialog__close{
+color: rgb(255, 255, 255) !important;
+}
+.resource .common-table-style-com tr td:nth-child(odd){
+width: 80px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+background-color: rgb(244,244,244);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.resource .common-table-style-com tr td:nth-child(even){
+width: 120px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.resource .div-button-com {
+width: 85px;
+border: 1px solid rgb(95, 95, 95);
+padding-top: 30px;
+padding-left: 10px;
+margin-left: 5px;
+}
+.resource .div-button-com button {
+/* background-color: rgb(0, 217, 255); */
+background-color: rgb(31, 203, 255);
+border: none;
+width: 30px;
+height: 30px;
+}
+.resource .div-button-com div{
+margin-top: 20px;
+}
+.resource .div-el-button{
+width: 100%;
+margin-top: 10px;
+margin-left: 70%;
+}
+.resource .div-search-com{
+margin-left: 10px;
+}
+
+.resource .div-search-com .el-table{
+margin-top: 10px;
+}
+
+.examination .common-head-search {
+  width: 100%;
+  /* height: 60px; */
+  padding-top: 20px;
+  padding-left: 30px;
+  box-shadow: 1px 1px 6px rgb(226, 226, 226);
+  font-size: 14px;
+  /* overflow: hidden; */
+}
+
+.examination .el-table .common-table-header {
+  background-color: rgb(255,255,255) !important;
+  color: rgb(73, 72, 72);
+  border-bottom: 1px solid #DCDFE7;
+  border-top:3px solid #3ac1ea;
+  overflow: hidden;
+}
+
+.examination .common-title-div {
+  display: flex;
+  height: 50px;
+  padding-top: 10px;
+  padding-left: 30px;
+  overflow: hidden;
+  width: 98%;
+}
+.examination .common-title-left-div {
+display: flex;
+height: 50px;
+padding-top: 10px;
+padding-left: 30px;
+overflow: hidden;
+width: 700px;
+}
+.examination .common-title-left-div2 {
+display: flex;
+height: 50px;
+padding-top: 10px;
+padding-left: 30px;
+overflow: hidden;
+width: 800px;
+}
+.examination .common-title-right-div {
+display: flex;
+height: 50px;
+padding-top: 10px;
+padding-left: 30px;
+overflow: hidden;
+width: 800px;
+}
+
+.examination .common-title-div-left {
+height: 50px;
+padding-top: 20px;
+padding-left: 30px;
+width: 350px;
+}
+.examination .common-title-name {
+  font-size: 18px;
+  font-family: '宋体';
+  margin-right: 80px;
+}
+
+.examination .common-button-div {
+ margin-left: auto;
+}
+
+.examination .el-button--goon.is-active,
+.examination .el-button--goon:active {
+background: rgb(94,114,228);
+border-color: rgb(94,114,228);
+color: #fff;
+}
+
+.examination .el-button--goon:focus,
+.examination .el-button--goon:hover {
+background: rgb(52,96,209);
+border-color: rgb(52,96,209);
+color: #fff;
+}
+
+.examination .el-button--goon {
+color: #FFF;
+background-color: rgb(94,114,228);
+border-color: rgb(94,114,228);
+}
+
+.examination .el-button--plus.is-active,
+.examination .el-button--plus:active {
+background:rgb(255,255,255);
+color: rgb(94,114,228);
+}
+
+.examination .el-button--plus:focus ,
+.examination .el-button--plus:hover {
+background: rgb(249,249,249);
+color: rgb(94,114,228);
+}
+
+.examination .el-button--plus {
+color: rgb(18, 52, 243);
+background-color: rgb(255,255,255);
+border: none;
+/* margin-left: 0px;
+margin-right: 0px; */
+font-size: 15px;
+width: 100%;
+height: 25px;
+font-weight: bolder;
+line-height: normal;
+}
+
+.examination .common-table-div {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+.examination .common-table-div-left {
+margin-top: 5px;
+margin-right: 15px;
+width: 300px;
+}
+.examination .common-table-div-right {
+margin-left: 15px;
+margin-right: 15px;
+width:1350px;
+overflow: hidden;
+}
+.examination .common-foot-style {
+  float: right;
+  margin-right: 10px;
+  margin-top: 10px;
+}
+
+.examination .el-table .error-row {
+background-color: rgb(253, 89, 89);
+/* color: red */
+}
+
+.examination .el-table .error-yellow {
+background-color: rgb(250, 203, 102);
+/* color: red */
+}
+.examination .el-table .error-yellow2 {
+background-color: rgb(252, 221, 153);
+/* color: red */
+}
+.examination .el-table .error-blue {
+background-color: rgb(89, 179, 253);
+/* color: red */
+}
+.examination .el-table .error-blue2 {
+color: rgb(45, 143, 255);
+}
+
+.examination .el-table .error-green {
+background-color: rgb(202,249,130);
+/* color: red */
+}
+.examination .el-table .error-green2 {
+background-color: rgb(232, 255, 198);
+/* color: red */
+}
+.examination .common-style-table {
+margin-left: 10px;
+}
+
+.examination.common-style-table td:nth-child(odd){
+width: 100px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+background-color: rgb(244,244,244);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+
+.examination .common-style-table td:nth-child(even){
+width: 120px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+background-color: rgb(149, 226, 250);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.examination .common-table-style tr td:nth-child(odd){
+width: 80px;
+height: 30px;
+/* border: 1px solid #a8a6a6;
+background-color: rgb(244,244,244); */
+vertical-align: text-top;
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.examination .common-table-style tr td:nth-child(even){
+width: 150px;
+height: 30px;
+/* height: 35px; */
+/* border: 1px solid rgb(168, 166, 166); */
+vertical-align: text-top;
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.examination .common-table-style4 tr td:nth-child(odd){
+width: 300px;
+/* border: 1px solid rgb(168, 166, 166); */
+/* background-color: rgb(204, 51, 51); */
+text-align: right;
+padding-right: 10px;
+color: rgb(36, 36, 36);
+}
+.examination .common-table-style4 tr td:nth-child(even){
+width: 300px;
+/* border: 1px solid rgb(168, 166, 166); */
+/* background-color: rgb(244,244,244); */
+text-align: right;
+padding-right: 10px;
+color: rgb(36, 36, 36);
+}
+.examination .el-table .sort-caret.ascending {
+top: -2px;
+font-size: 14px;
+border-bottom-color: rgb(117, 116, 116);
+}
+.examination .el-table .sort-caret.descending {
+bottom: 1px;
+font-size: 14px;
+border-top-color: rgb(117, 116, 116);
+}
+.examination .el-dialog .el-dialog__header {
+height: 56px;
+background: rgb(64,158,255);
+border-radius: 4px 4px 0 0;
+color: #fff;
+padding: 14px 24px!important;
+}
+.examination .el-dialog__headerbtn .el-dialog__close {
+color: #fff;
+font-size: 18px;
+}
+.examination .el-dialog__headerbtn:focus,
+.examination .el-dialog__headerbtn:hover > .el-dialog__close{
+color: rgb(255, 255, 255) !important;
+}
+.examination .common-table-style-com tr td:nth-child(odd){
+width: 80px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+background-color: rgb(244,244,244);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.examination .common-table-style-com tr td:nth-child(even){
+width: 120px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.examination .div-button-com {
+width: 85px;
+border: 1px solid rgb(95, 95, 95);
+/* padding-top: 10px; */
+padding-left: 10px;
+margin-left: 5px;
+}
+.examination .div-button-com button {
+/* background-color: rgb(0, 217, 255); */
+background-color: rgb(31, 203, 255);
+border: none;
+width: 30px;
+height: 30px;
+}
+.examination .div-button-com div{
+margin-top: 20px;
+}
+.examination .div-button-com div:nth-child(1){
+font-size: 13px;
+width: 60px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+text-align: center;
+padding-top: 5px;
+background-color: rgb(244,244,244);
+color: rgb(36, 36, 36);
+}
+.examination .div-el-button{
+width: 100%;
+margin-top: 10px;
+margin-left: 70%;
+}
+.examination .div-search-com{
+margin-left: 10px;
+}
+
+.examination .div-search-com .el-table{
+margin-top: 10px;
+}
+
+.examination .el-table__expanded-cell[class*=cell] {
+padding-left: 47px !important;
+padding-top: 0px;
+padding-bottom: 0px;
+padding-right: 0px;
+}
+.resource .zy-head-search {
+  width: 100%;
+  height: 60px;
+  padding-top: 20px;
+  padding-left: 30px;
+  box-shadow: 1px 1px 6px rgb(226, 226, 226);
+  font-size: 14px;
+  overflow: hidden;
+}
+
+.resource .el-table .common-table-header {
+  background-color: rgb(255,255,255) !important;
+  color: rgb(73, 72, 72);
+  border-bottom: 1px solid #DCDFE7;
+  border-top:3px solid #3ac1ea;
+  overflow: hidden;
+}
+
+.resource .zy-title-div {
+  display: flex;
+  height: 50px;
+  padding-top: 10px;
+  padding-left: 30px;
+  overflow: hidden;
+  width: 98%;
+}
+
+.resource .zy-title-div-left {
+height: 50px;
+padding-top: 20px;
+padding-left: 30px;
+ width: 350px;
+}
+.resource .zy-title-name {
+  font-size: 25px;
+  font-family: '宋体';
+  margin-right: 80px;
+}
+
+.resource .zy-button-div {
+ margin-left: auto;
+}
+
+.resource .el-button--goon.is-active,
+.resource .el-button--goon:active {
+background: rgb(94,114,228);
+border-color: rgb(94,114,228);
+color: #fff;
+}
+
+.resource .el-button--goon:focus,
+.resource .el-button--goon:hover {
+background: rgb(52,96,209);
+border-color: rgb(52,96,209);
+color: #fff;
+}
+
+.resource .el-button--goon {
+color: #FFF;
+background-color: rgb(94,114,228);
+border-color: rgb(94,114,228);
+}
+
+.resource .el-button--plus.is-active,
+.resource .el-button--plus:active {
+background:rgb(255,255,255);
+color: rgb(94,114,228);
+}
+
+.resource .el-button--plus:focus ,
+.resource .el-button--plus:hover {
+background: rgb(249,249,249);
+color: rgb(94,114,228);
+}
+
+.resource .el-button--plus {
+color: rgb(18, 52, 243);
+background-color: rgb(255,255,255);
+border: none;
+/* margin-left: 0px;
+margin-right: 0px; */
+font-size: 15px;
+width: 100%;
+height: 25px;
+font-weight: bolder;
+line-height: normal;
+}
+
+.resource .common-table-div {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+.resource .common-table-div-left {
+margin-top: 5px;
+margin-right: 15px;
+width: 300px;
+}
+.resource .common-table-div-right {
+margin-left: 15px;
+margin-right: 15px;
+width:1350px
+}
+.resource .zy-foot-page {
+  float: right;
+  margin-right: 10px;
+  margin-top: 10px;
+}
+
+.resource .el-table .error-row {
+background-color: rgb(253, 89, 89);
+/* color: red */
+}
+
+.resource .el-table .error-yellow {
+background-color: rgb(250, 203, 102);
+/* color: red */
+}
+
+.resource .el-table .error-blue {
+background-color: rgb(89, 179, 253);
+/* color: red */
+}
+
+.resource .el-table .error-green {
+background-color: rgb(202,249,130);
+/* color: red */
+}
+
+.resource .common-style-table {
+margin-left: 10px;
+}
+
+.resource.common-style-table td:nth-child(odd){
+width: 100px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+background-color: rgb(244,244,244);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+
+.resource .common-style-table td:nth-child(even){
+width: 120px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+background-color: rgb(149, 226, 250);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.resource .common-table-style tr td:nth-child(odd){
+width: 100px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+background-color: rgb(244,244,244);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.resource .common-table-style tr td:nth-child(even){
+width: 150px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.resource .el-table .sort-caret.ascending {
+top: -2px;
+font-size: 14px;
+border-bottom-color: rgb(117, 116, 116);
+}
+.resource .el-table .sort-caret.descending {
+bottom: 1px;
+font-size: 14px;
+border-top-color: rgb(117, 116, 116);
+}
+.resource .el-dialog .el-dialog__header {
+height: 56px;
+background: rgb(64,158,255);
+border-radius: 4px 4px 0 0;
+color: #fff;
+padding: 14px 24px!important;
+}
+.resource .el-dialog__headerbtn .el-dialog__close {
+color: #fff;
+font-size: 18px;
+}
+.resource .el-dialog__headerbtn:focus,
+.resource .el-dialog__headerbtn:hover > .el-dialog__close{
+color: rgb(255, 255, 255) !important;
+}
+.resource .common-table-style-com tr td:nth-child(odd){
+width: 80px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+background-color: rgb(244,244,244);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.resource .common-table-style-com tr td:nth-child(even){
+width: 120px;
+height: 30px;
+border: 1px solid rgb(168, 166, 166);
+text-align: center;
+color: rgb(36, 36, 36);
+}
+.resource .div-button-com {
+width: 85px;
+border: 1px solid rgb(95, 95, 95);
+padding-top: 30px;
+padding-left: 10px;
+margin-left: 5px;
+}
+.resource .div-button-com button {
+/* background-color: rgb(0, 217, 255); */
+background-color: rgb(31, 203, 255);
+border: none;
+width: 30px;
+height: 30px;
+}
+.resource .div-button-com div{
+margin-top: 20px;
+}
+.resource .div-el-button{
+width: 100%;
+margin-top: 10px;
+margin-left: 70%;
+}
+.resource .div-search-com{
+margin-left: 10px;
+}
+
+.resource .div-search-com .el-table{
+margin-top: 10px;
+}
+.resource .re-produce-search{
+width: 650px;
+max-height: 90%;
+margin-bottom: 10px;
+padding: 25px 20px;
+}
+.resource .dialog-form{
+width: 100%;
+height: 550px;
+/* padding: 25px 20px; */
+margin-top: 15px;
+margin-left: 15px;
+margin-right: 15px;
+}
+.common-title-div {
+  font-size: 14px;
+  padding: 10px 10px;
+  border-bottom: 1px solid #d5d5d5;
+  position: relative;
+}
+.common-container-deriction {
+  display: flex;
+  flex-direction: column;
+  -webkit-flex-direction: column;
+  height: 100%;
+}
+
+.common-operation-button-div {
+  text-align: right;
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+.common-operation-unload-div {
+  position: absolute;
+  display: flex;
+  right: 15px;
+  top: 10px;
+}
+.common-table-div {
+  margin: 15px;
+}
+
+.commom-table-div-flex1 {
+  flex: 1;
+}
+
+.commom-table-div-flex2 {
+  flex: 2;
+}
+
+.common-foot-style {
+  margin: 5px 0 0px;
+  text-align: right;
+  padding-right: 10px;
+}
+
+.commom-edit-div {
+  padding: 15px;
+}
+
+.el-table .error-row2 {
+  color: red;
+}
+
+.el-table .loss-row {
+  color: rgb(224, 188, 24);
+}
+
+.el-table .wait-row {
+  color: rgb(0, 116, 10);
+}
+
+:-webkit-full-screen {
+  background-color: white !important;
+}
+:-moz-full-screen {
+  background-color: white !important;
+}
+
+:-ms-fullscreen {
+  background-color: white !important;
+}
+:fullscreen {
+  background-color: white !important;
+}
+#getBigImage ul {
+  display: flex;
+  flex-wrap: wrap;
+}
+#getBigImage ul li{
+  width:150px;
+  height: 90px;
+  list-style: none;
+  border:2px solid #CCC;
+  border-radius: 3px;
+  padding: 1px;
+  margin: 5px;
+  cursor: pointer;
+}
+#getBigImage ul li img{
+  width:100%;
+  height: 100%;
+}
+#getBigImage2 ul {
+  display: flex;
+  flex-wrap: wrap;
+}
+#getBigImage2 ul li{
+  width:150px;
+  height: 90px;
+  list-style: none;
+  border:2px solid #CCC;
+  border-radius: 3px;
+  padding: 1px;
+  margin: 5px;
+  cursor: pointer;
+}
+#getBigImage2 ul li img{
+  width:100%;
+  height: 100%;
+}
+.isScreen {
+  width: 100px;
+  height: 45px;
+  border: 1px solid #d5d5d5;
+  text-align: center;
+  line-height: 50px;
+  position: fixed;
+  right: 0px;
+  top: 52px;
+  z-index: 999;
+}
+
+.systemBase .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
+.systemBase .el-table__body tr.current-row > td {
+  background-color: rgb(0, 75, 92) !important;
+  color:  rgb(225, 235, 245) !important;
+  /* border-bottom: 1px solid rgb(0, 128, 255) !important; */
+ }
+
+.bgRed.el-input .el-input__inner {
+  background-color: #f00;
+}
+
+.bgOrange.el-input .el-input__inner {
+  background-color: #fa9707;
+}
+

src/assets/css/theme/myelement.css

@@ -0,0 +1,1722 @@
+/* main.vue页面中的tab栏切换时，我要改成什么样子的呢 */
+.mainvue .el-tabs__item {
+  font-size: 12px;
+  color: #999999;
+}
+/* 当前选中的tab有底部线条 */
+.mainvue.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
+  border-bottom: 2px solid #3A70EA!important;
+  color: #3a70ea;
+  height: 40px;
+  box-sizing: border-box;
+  line-height: 40px;
+}
+.el-tabs__header {
+  margin: 0px!important;
+}
+/* 不要底部线条了 */
+.mainvue.el-tabs--card>.el-tabs__header {
+  border-bottom: 0px solid #DFE2EA;
+}
+/* 标签页背景变白色 */
+.mainvue.el-tabs__header .is-top {
+  background-color: #fff;
+}
+.mainvue.el-tabs__nav-scroll {
+  background-color: #fff;
+  height: 40px;
+}
+/* 不要旁边左右两边的线条 */
+.mainvue.el-tabs--card>.el-tabs__header .el-tabs__item {
+  border-left: 0px solid #e4e7ed;
+}
+.icore-menu-lit {
+  font-size: 14px;
+  height: "";
+  line-height: 22px;
+}
+/* ------------------表单----------- */
+.el-input .el-input--suffix {
+  height: 32px;
+}
+.el-form-item__content {
+  line-height: 32px;
+  /* width: 192px; */
+}
+/* ------------------一级表格-------------- */
+.el-table__body tr.current-row>td {
+  background-color: white !important;
+}
+.purchmanager-main .el-table__row--striped.current-row td{
+  background: #f4f8fc !important;
+}
+.el-table .el-button+.el-button {
+  margin-left: 0;
+}
+.el-table .validFlag0 {
+  /* 无效数据 */
+  display: block;
+  float: left;
+  width: 8px;
+  height: 8px;
+  background: #F14444;
+  border-radius: 50%;
+  transform: translateY(79%);
+  margin-right: 8px;
+}
+.el-table .validFlag1 {
+  /* 有效数据 */
+  display: block;
+  float: left;
+  width: 8px;
+  height: 8px;
+  background: #67C33A;
+  border-radius: 50%;
+  transform: translateY(79%);
+  margin-right: 8px;
+}
+.el-table .bizStatus00 {
+  /* 待提报 */
+  display: block;
+  float: left;
+  width: 8px;
+  height: 8px;
+  background: #999999;
+  border-radius: 50%;
+  transform: translateY(79%);
+  margin-right: 8px;
+}
+.el-table .bizStatus01 {
+  /* 待确认 */
+  display: block;
+  float: left;
+  width: 8px;
+  height: 8px;
+  background: #dc8484;
+  border-radius: 50%;
+  transform: translateY(79%);
+  margin-right: 8px;
+}
+.el-table .bizStatus10 {
+  /* 待审核 */
+  display: block;
+  float: left;
+  width: 8px;
+  height: 8px;
+  background: #F3983E;
+  border-radius: 50%;
+  transform: translateY(79%);
+  margin-right: 8px;
+}
+.el-table .bizStatus20 {
+  /* 审批中 */
+  display: block;
+  float: left;
+  width: 8px;
+  height: 8px;
+  background: #bd8cbb;
+  border-radius: 50%;
+  transform: translateY(79%);
+  margin-right: 8px;
+}
+.el-table .bizStatus30 {
+  /* 审批退回 */
+  display: block;
+  float: left;
+  width: 8px;
+  height: 8px;
+  background: #F14444;
+  border-radius: 50%;
+  transform: translateY(79%);
+  margin-right: 8px;
+}
+.el-table .bizStatus40 {
+  /* 审批拒绝 */
+  display: block;
+  float: left;
+  width: 8px;
+  height: 8px;
+  background: #fa9707;
+  border-radius: 50%;
+  transform: translateY(79%);
+  margin-right: 8px;
+}
+.el-table .bizStatus50 {
+  /* 审批通过 */
+  display: block;
+  float: left;
+  width: 8px;
+  height: 8px;
+  background: #67C33A;
+  border-radius: 50%;
+  transform: translateY(79%);
+  margin-right: 8px;
+}
+.el-table::before {
+  height: 0;
+}
+.firstTable .el-table--fit {
+  border-bottom: 1px solid #DCDFE7;
+  box-sizing: border-box;
+}
+.secondTable .el-table--fit {
+  border: 1px solid #DCDFE7;
+  box-sizing: border-box;
+}
+.threeTable .el-table--fit {
+  border: 1px solid #DCDFE7;
+  box-sizing: border-box;
+}
+.firstTable .el-table__body tr.current-row>td {
+  background-color: ""!important;
+  font-size:14px!important;
+  font-weight:400!important;
+  color:rgba(241,68,68,1)!important;
+  line-height:22px!important;
+}
+.secondTable .el-table__body tr.current-row>td {
+  background-color: ""!important;
+  font-size:14px!important;
+  font-weight:400!important;
+  color:rgba(241,68,68,1)!important;
+  line-height:22px!important;
+}
+.threeTable .el-table__body tr.current-row>td {
+  background-color: ""!important;
+  font-size:14px!important;
+  font-weight:400!important;
+  color:rgba(241,68,68,1)!important;
+  line-height:22px!important;
+}
+.el-table__body tr.current-row>td {
+  /* background-color: rgba(211, 221, 245, 0)!important; */
+  /* background: none!important; */
+}
+.el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row>td, .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td {
+  /* background-color: none!important; */
+}
+.el-table .el-input__inner {
+  /* width: 87%; */
+}
+.el-select-dropdown__item {
+  position: relative;
+}
+.el-select-dropdown__item .el-button .el-button--text {
+  position: absolute;
+  height: 100%;
+}
+.el-select-dropdown__item span {
+  line-height: 0px!important;
+}
+.el-table .el-select {
+  width: 93%;
+}
+.table-show {
+  position: relative;
+  width: 16px;
+  height: 16px;
+}
+.table-show .table-showdata {
+  background: url("../../img/purchmanage/table-showdata.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  float: left;
+  height: 16px;
+  width: 16px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-31%);
+  /* padding-left: 16px; */
+}
+/* 查看文件 */
+.table-show .table-icon-sure {
+  background: url("../../img/purchmanage/table-icon-sure.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  float: left;
+  height: 16px;
+  width: 16px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-31%);
+  /* padding-left: 16px; */
+}
+.table-show .table-magin {
+  /* margin-left: 23px; */
+}
+.table-show .table-edit {
+  background: url("../../img/purchmanage/tree-edit.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  float: left;
+  height: 16px;
+  width: 16px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-31%);
+  /* padding-left: 16px; */
+}
+.table-show .table-edit-click {
+  background: url("../../img/purchmanage/table-edit-click.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  float: left;
+  height: 16px;
+  width: 16px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-31%);
+  /* padding-left: 16px; */
+}
+/* 提报 */
+.table-show .submit-table {
+  background: url("../../img/purchmanage/submit-table.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  float: left;
+  height: 16px;
+  width: 16px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-31%);
+  /* padding-left: 16px; */
+}
+/* 通过 */
+.table-show .sure-table {
+  background: url("../../img/purchmanage/sure-table.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  float: left;
+  height: 16px;
+  width: 16px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-31%);
+  /* padding-left: 16px; */
+}
+/* 退回 */
+.table-show .return-table {
+  background: url("../../img/purchmanage/return-table.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  float: left;
+  height: 16px;
+  width: 16px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-31%);
+  /* padding-left: 16px; */
+}
+/* 拒绝 */
+.table-show .nopass-table {
+  background: url("../../img/purchmanage/nopass-table.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  float: left;
+  height: 16px;
+  width: 16px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-31%);
+  /* padding-left: 16px; */
+}
+/* 删除 */
+.table-show .delete-table {
+  background: url("../../img/purchmanage/tree-stop.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  float: left;
+  height: 16px;
+  width: 16px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-31%);
+  /* padding-left: 16px; */
+}
+/* 退货 */
+.table-show .table-icon-tuihuo {
+  background: url("../../img/purchmanage/table-icon-tuihuo.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  float: left;
+  height: 16px;
+  width: 16px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-31%);
+  /* padding-left: 16px; */
+}
+/* 换货 */
+.table-show .table-icon-huanhuo {
+  background: url("../../img/purchmanage/table-icon-huanhuo.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  float: left;
+  height: 16px;
+  width: 16px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-31%);
+  /* padding-left: 16px; */
+}
+/* 报修 */
+.table-show .table-icon-baoxiu {
+  background: url("../../img/purchmanage/table-icon-baoxiu.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  float: left;
+  height: 16px;
+  width: 16px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-31%);
+  /* padding-left: 16px; */
+}
+.el-table td .el-checkbox {
+}
+.el-table td .el-checkbox__input {
+  /* margin-left: 16px; */
+}
+.firstTable {
+  border-bottom: 1px solid #DCDFE7;
+  box-sizing: border-box;
+}
+.firstTable.el-table th{
+  height: 48px!important;
+  background-color: #F0F7FF!important;
+  border-top: 2px solid #6596F7;
+  box-sizing: border-box;
+}
+.firstTable.el-table th>.cell {
+  font-size: 14px;
+  color: #101010;
+  letter-spacing: 0;
+  line-height: 22px;
+  width: calc(100% - 16px);
+  font-weight: bold;
+}
+.firstTable.el-table td .cell {
+  width: calc(100% - 16px)!important;
+}
+.firstTable.el-table td {
+  height: 48px!important;
+  font-size: 14px;
+  color: #333333;
+  letter-spacing: 0;
+  line-height: 22px;
+  width: calc(100% - 16px);
+}
+.el-table td, .el-table th {
+  padding: 0!important;
+}
+/* 。。。。。。。。。。。二级表格。。。。。。。。。。 */
+.secondTable.el-table th{
+  height: 48px!important;
+  background-color: #F0F7FF!important;
+}
+/* 写二级表格 */
+.secondTable.el-table th{
+  height: 48px!important;
+  background-color: #F0F7FF!important;
+  /* border-top: 2px solid #6596F7; */
+  box-sizing: border-box;
+}
+.secondTable.el-table th>.cell {
+  font-size: 14px;
+  color: #101010;
+  letter-spacing: 0;
+  line-height: 22px;
+  width: calc(100% - 16px);
+  font-weight: bold;
+}
+.secondTable.el-table td .cell {
+  width: calc(100% - 16px)!important;
+}
+.secondTable.el-table td {
+  height: 48px!important;
+  font-size: 14px;
+  color: #333333;
+  letter-spacing: 0;
+  line-height: 22px;
+  width: calc(100% - 16px);
+}
+/* 写三级表格 */
+.threeTable {
+  margin-top: 16px;
+  border: 1px solid #DCDFE7;
+  box-sizing: border-box;
+}
+.threeTable.el-table th{
+  height: 48px!important;
+  background-color: #F0F7FF!important;
+  /* border-top: 2px solid #6596F7; */
+  box-sizing: border-box;
+}
+.threeTable.el-table th>.cell {
+  font-size: 14px;
+  color: #101010;
+  letter-spacing: 0;
+  line-height: 22px;
+  width: calc(100% - 16px);
+  font-weight: bold;
+}
+.threeTable.el-table td .cell {
+  width: calc(100% - 16px)!important;
+}
+.threeTable.el-table td {
+  height: 48px!important;
+  font-size: 14px;
+  color: #333333;
+  letter-spacing: 0;
+  line-height: 22px;
+  width: calc(100% - 16px);
+}
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+  background: #F4F8FC;
+}
+.el-table .el-checkbox__inner {
+  width: 16px;
+  height: 16px;
+}
+.el-table .el-checkbox__inner::after {
+  /* display: inline-block;
+  position: relative;
+  border: 0px solid #FFF;
+  height: 7px;
+  left: 4px;
+  border-radius: 50%; */
+}
+.el-table td, .el-table th.is-leaf {
+  /* border-bottom: 1px solid #DCDFE7; */
+}
+.firstTable.el-table th {
+  border-bottom: 1px solid #DCDFE7;
+  box-sizing: border-box;
+}
+.secondTable.el-table th {
+  border-bottom: 1px solid #DCDFE7;
+  box-sizing: border-box;
+}
+.threeTable.el-table th {
+  border-bottom: 1px solid #DCDFE7;
+  box-sizing: border-box;
+}
+.el-table th {
+  border-bottom: 1px solid #DCDFE7;
+  box-sizing: border-box;
+}
+/* ------------标题部分------------ */
+.purchmanager-title {
+  width: 100%;
+  background-color: #fff;
+  float: left;
+}
+.ytg-ps-title {
+  height: 14px;
+  line-height: 14px;
+  border-left: 3px solid red;
+  /* border-left: 3px solid #70baf2; */
+  padding-left: 5px;
+  /* background-color: #fafafa; */
+  /* box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.1); */
+  position: relative;
+  transform: translate(0,38%);
+}
+.ytg-ps-title .title-button-right {
+  float: right;
+  margin-right: 17px;
+  margin-top: -3px;
+}
+.ytg-ps-title .title-button-left {
+  padding-left: 69px;
+  margin-top: -17px;
+}
+.el-button:hover {
+  background: "";
+}
+.el-button--primary.is-active, .el-button--primary:active {
+  background: "";
+}
+.el-button:active {
+  border-color: none;
+}
+/* .purchmanager-button-search {
+  float: left!important;
+  padding-left: 24px;
+} */
+.purchmanager-button-work {
+  float: left!important;
+  /* padding-left: 12px; */
+}
+/* .purchmanager-button-search .el-button {
+  width: 81px!important;
+  height: 32px!important;
+  line-height: 32px!important;
+  padding: 0!important;
+} */
+.purchmanager-button-work .el-button {
+  background-color: #0C2278!important;
+  /* background-color: #5E72E4!important; */
+  width: 81px!important;
+  height: 32px!important;
+  line-height: 32px!important;
+  padding: 0!important;
+}
+.button-query {
+  background: url("../../img/images/materialmanage/u421.svg") no-repeat 7px 9px;
+  /* background: url("../../img/images/warehouseConfig/u1395.svg") no-repeat 5px 5px; */
+}
+.purchmanager-button-add {
+  /* background-color: #fff!important;
+  border-color: #fff!important; */
+  background-color: transparent!important;
+  border-color: transparent!important;
+  padding-left: 6px;
+}
+.purchmanager-button-edit {
+  /* background-color: #fff!important;
+  border-color: #fff!important; */
+  background-color: transparent!important;
+  border-color: transparent!important;
+  padding-left: 6px;
+}
+/* 新增按钮 */
+.purchmanager-button-add {
+  display: block;
+  height: 19px!important;
+  width: 19px!important;
+  float: left;
+  background: url("../../img/purchmanage/tree-add.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-46%);
+}
+/* 上传按钮 */
+.tree-upload {
+  display: block;
+  height: 19px!important;
+  width: 19px!important;
+  float: left;
+  background: url("../../img/purchmanage/tree-upload.svg") no-repeat;
+  background-size: cover;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-46%);
+}
+/* 修改按钮 */
+.el-button.purchmanager-button-edit.el-button--text {
+  margin-left: 40px;
+}
+.purchmanager-button-edit {
+  display: block;
+  height: 19px;
+  width: 19px;
+  float: left;
+  background: url("../../img/purchmanage/tree-edit.svg") no-repeat;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-46%);
+}
+/* 提交 */
+.purchmanager-button-submit {
+  display: block;
+  height: 19px;
+  width: 19px;
+  float: left;
+  background: url("../../img/purchmanage/submit-table.svg") no-repeat;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-46%);
+}
+.purchmanager-button-return {
+  display: block;
+  height: 19px;
+  width: 19px;
+  float: left;
+  background: url("../../img/purchmanage/return-table.svg") no-repeat;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-46%);
+}
+/* 树停用按钮 */
+.el-button.purchmanager-button-stop.el-button--text {
+  margin-left: 72px;
+}
+.inlent {
+  margin-left: 16px!important;
+}
+.purchmanager-button-stop {
+  display: block;
+  height: 19px;
+  width: 19px;
+  float: left;
+  background: url("../../img/purchmanage/tree-stop.svg") no-repeat;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-46%);
+}
+.el-button.purchmanager-button-use.el-button--text {
+  margin-left: 72px;
+}
+/* 树启用按钮 */
+.purchmanager-button-use {
+  display: block;
+  height: 19px;
+  width: 19px;
+  float: left;
+  background: url("../../img/purchmanage/tree-use.svg") no-repeat;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-46%);
+}
+/* -------------------------树形结构数据------------------------- */
+.firstTree {
+  border-top: 2px solid #6596F7;
+  box-sizing: border-box;
+}
+.el-checkbox__label {
+  padding-left: 6px;
+}
+.el-input--mini .el-input__inner {
+  min-height: 32px!important;
+  line-height: 32px!important;
+}
+/* --------------------------标题部分------------- */
+.title-left {
+  border-right: 2px solid #DCDFE7;
+  box-sizing: border-box;
+  float: left;
+}
+.title-right {
+  float: right;
+  /* padding-right: 16px;
+  padding-left: 8px; */
+  padding: 20px 24px;
+}
+.title-main {
+  /* margin: 20px 16px 16px 0px; */
+  position: relative;
+}
+.purchmanager-title .titlebar {
+  height: 32px;
+  margin: 20px 24px;
+  overflow: hidden;
+  position: relative;
+}
+.purchmanager-title .titlebar .titlesvg {
+  background: url(../../img/purchmanage/icore-titlebar.svg);
+  display: block;
+  width: 16px;
+  height: 16px;
+  float: left;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  left: 0;
+}
+.purchmanager-title .titlebar .titletext {
+  font-size: 16px;
+  color: #101010;
+  letter-spacing: 0;
+  line-height: 32px;
+  margin-left: 22px;
+  font-weight: bold;
+}
+/* 分割线 */
+.purchmanager-title .titlebar .titledivider {
+  width: 100%;
+  height: 1px;
+  background-color: #DCDFE7;
+  float: left;
+  position: absolute;
+  top: 50%;
+  margin-left: 16px;
+}
+.purchmanager-title .titlebar .titledivider-right {
+  width: 38%;
+  height: 1px;
+  background-color: #DCDFE7;
+  float: left;
+  position: absolute;
+  top: 50%;
+  /* padding-left: 12px; */
+}
+/* 右边的 */
+.el-button {
+  box-sizing: border-box;
+}
+.titlebar-right {
+  height: 32px;
+  width: 100%;
+  display: flex;
+}
+.titlebar-right .titlesvg {
+  background: url(../../img/purchmanage/icore-titlebar.svg);
+  width: 16px;
+  height: 16px;
+  margin-top: 8px;
+}
+.titlebar-right .titletext {
+  width: auto;
+  height: 28px;
+  font-size: 16px;
+  color: #101010;
+  letter-spacing: 0;
+  line-height: 32px;
+  margin-left: 8px;
+  font-weight: bold;
+}
+/* 分割线 */
+.titlebar-right .titledivider {
+  height: 1px;
+  background-color: #DCDFE7;
+  /* float: left;
+  position: absolute; */
+  /* top: 50%; */
+  margin-left: 16px;
+  flex: 1;
+}
+.titlebar-right .titlebar-search {
+  width: 637px;
+  display: flex;
+}
+.titlebar-search .selects .el-input__inner {
+  padding: 0px 0px 0px 15px;
+  /* width: 155px; */
+}
+.titlebar-right .titledivider-right {
+  height: 1px;
+  background-color: #DCDFE7;
+  margin-left: 16px;
+  margin-right: 16px;
+  flex: 1;
+  margin-top: 16px;
+}
+/* ---------头部按钮区域---------- */
+.purchmanager-title .el-button {
+  padding: 0;
+  cursor: pointer;
+}
+.titlebutton-query .el-checkbox__label {
+  margin-left: 1px!important;
+}
+.titlebutton-query .el-button {
+  /* padding: 0px 16px 0px 12px!important; */
+  /* padding: 5px 16px 5px 12px!important; */
+}
+.titlebutton-query .check-group .el-checkbox.is-bordered.el-checkbox--small {
+  padding: 6px 16px 5px 12px;
+}
+.titlebutton-query .el-checkbox__label {
+  margin-left: 6px;
+}
+.titlebutton-query .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
+  font-size: 14px;
+  color: #333333;
+  letter-spacing: 0;
+  text-align: center;
+  line-height: 15px;
+}
+.purchmanager-title .titlebutton {
+  height: 32px;
+  margin-top: 22px;
+  overflow: hidden;
+  position: relative;
+  margin-left: 24px;
+  margin-right: 24px;
+}
+.purchmanager-title .titlebutton2 {
+  height: 32px;
+  margin-top: 22px;
+  overflow: hidden;
+  position: relative;
+}
+.titlebutton3 {
+  height: 32px;
+  margin-top: 20px;
+  overflow: hidden;
+  position: relative;
+}
+.titlebutton-query {
+  height: 32px;
+  overflow: hidden;
+  position: relative;
+  padding-left: 16px;
+  /* width: 316px; */
+}
+/* 操作按钮 新增、修改、*/
+.purchmanager-title .person-button {
+  height: 32px;
+  background-color: #3A70EA;
+  font-size: 14px;
+  color: #FFFFFF;
+  position: relative;
+  padding: 5px 16px 5px 12px;
+  /* line-height: 20px; */
+}
+/* 作废按钮 */
+.purchmanager-title .person-stop {
+  /* background: #FFF2F0; */
+  /* border: 1px solid #FF7570; */
+  color: #FF7570;
+  border-radius: 3px;
+  border-radius: 3px;
+  box-sizing: border-box;
+  height: 32px;
+  font-size: 12px;
+  position: relative;
+  padding: 2px 16px 1px 12px!important;
+  margin-left: 5px!important;
+  /* line-height: 20px; */
+}
+/* 启用按钮 */
+.purchmanager-title .person-use {
+  /* background: #F7FFF0; */
+  /* border: 1px solid #88CF5F; */
+  color: #88CF5F;
+  border-radius: 3px;
+  border-radius: 3px;
+  box-sizing: border-box;
+  height: 32px;
+  font-size: 12px;
+  position: relative;
+  margin-left: 5px!important;
+  padding: 2px 16px 1px 12px!important;
+  /* line-height: 20px; */
+}
+.el-button+.el-button {
+  margin-left: ""!important;
+}
+/* 查询按钮 */
+.titlebutton-query .person-button {
+  height: 32px;
+  background-color: #3A70EA;
+  font-size: 14px;
+  color: #FFFFFF;
+  position: relative;
+  margin-left: 8px;
+  line-height: 4px;
+  padding: 5px 16px 5px 12px;
+}
+/* 重置按钮 */
+.titlebutton-query .person-resherf {
+  height: 32px;
+  background-color: #fff;
+  font-size: 12px;
+  color: #666666;
+  position: relative;
+  padding: 5px 16px 4px 12px;
+  margin-left: 5px!important;
+  /* line-height: 20px; */
+}
+/* 新增按钮 图标*/
+.purchmanager-title .person-button .button-add {
+  width: 14px;
+  height: 14px;
+  left: 12px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  background: url(../../img/purchmanage/button-add.svg) center center no-repeat;
+  background-size: cover;
+}
+.purchmanager-title .person-button .scondBot-edit {
+  width: 14px;
+  height: 14px;
+  left: 12px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  background: url(../../img/purchmanage/scondBot-edit.svg) center center no-repeat;
+  background-size: cover;
+}
+.purchmanager-title .person-button .goback {
+  width: 14px;
+  height: 14px;
+  left: 12px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  background: url(../../img/purchmanage/goback.svg) center center no-repeat;
+  background-size: cover;
+}
+/* 作废按钮 图标 */
+.purchmanager-title .person-stop .button-stop {
+  width: 14px;
+  height: 14px;
+  left: 12px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  background: url(../../img/purchmanage/button-stop.svg) center center no-repeat;
+  background-size: cover;
+}
+/* 启用按钮 图标 */
+.purchmanager-title .person-use .button-use {
+  width: 14px;
+  height: 14px;
+  left: 12px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  background: url(../../img/purchmanage/button-use.svg) center center no-repeat;
+  background-size: cover;
+}
+/* 查询按钮 图标*/
+.person-button .button-query {
+  width: 14px;
+  height: 14px;
+  left: 12px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  background: url(../../img/purchmanage/button-edit.svg) center center no-repeat;
+  background-size: cover;
+}
+/* 重置按钮 图标*/
+.person-resherf .button-resherf {
+  width: 14px;
+  height: 14px;
+  left: 12px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  background: url(../../img/purchmanage/button-resherf.svg) center center no-repeat;
+  background-size: cover;
+}
+.showbutton {
+  height: 32px;
+  overflow: hidden;
+  position: relative;
+}
+.showbutton .person-button {
+  height: 32px;
+  background-color: #3A70EA;
+  font-size: 14px;
+  color: #FFFFFF;
+  position: relative;
+  /* padding: 12px 16px 5px 5px; */
+  padding: 9px 16px 8px 5px;
+  overflow: hidden;
+  /* line-height: 20px; */
+}
+.showbutton .person-button .button-add {
+  width: 14px;
+  height: 14px;
+  left: 12px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  background: url(../../img/purchmanage/button-add.svg) center center no-repeat;
+  background-size: cover;
+}
+.showbutton .button-text {
+  /* top: 50%;
+  transform: translateY(16%); */
+  /* display: block; */
+  margin-left: 24px;
+  font-size: 14px;
+  line-height: 6px;
+  letter-spacing: 1px;
+}
+.el-icon-loading {
+  float: right;
+  margin-left: 4px;
+}
+.dig-sure-button .el-icon-loading{
+  margin-top: -3px;
+  margin-right: -9px!important;
+}
+.el-button [class*=el-icon-]+span {
+  margin-left: 0px;
+}
+.dig-sure-button.el-button [class*=el-icon-]+span {
+  margin-right: 5px!important;
+}
+.showbutton .el-button [class*=el-icon-]+span {
+  margin-left: 0px!important;
+}
+/* 其他按钮字体颜色 */
+.purchmanager-title .button-text {
+  /* top: 50%;
+  transform: translateY(16%); */
+  display: block;
+  margin-left: 26px;
+  font-size: 14px;
+  line-height: 6px;
+  letter-spacing: 1px;
+}
+.purchmanager-title .button-type {
+  display: block;
+  margin-left: 20px;
+  font-size: 14px;
+  line-height: 6px;
+  letter-spacing: 1px;
+}
+.button-text2 {
+  /* top: 50%;
+  transform: translateY(16%); */
+  display: block;
+  margin-left: 20px;
+  font-size: 14px;
+  line-height: 32px;
+  letter-spacing: 1px;
+}
+/* 作废字体颜色 */
+.purchmanager-title .person-stop .button-text {
+  color: #F14444;
+  top: 50%;
+  display: block;
+  padding-left: 14px;
+  letter-spacing: 1px;
+}
+/* 启用字体颜色 */
+.purchmanager-title .person-use .button-text {
+  color: #67C33A;
+  top: 50%;
+  display: block;
+  padding-left: 14px;
+  letter-spacing: 1px;
+}
+/* 已选择多少条数据字体颜色 */
+.change-text {
+  font-size: 12px;
+  color: #3A70EA;
+  letter-spacing: 0;
+  text-align: center;
+  line-height: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  position: absolute;
+  padding-left: 16px;
+}
+/* .purchmanager-title .person-button .button-text {
+  top: 50%;
+  transform: translateY(16%);
+  display: block;
+  padding-left: 14px;
+} */
+/* .titlebutton-query .person-button .button-text {
+  top: 50%;
+  transform: translateY(16%);
+  display: block;
+  padding-left: 14px;
+} */
+/* -------------------form表单---------------------- */
+.form-paddingRight {
+  padding-right: 50px;
+}
+.query-form {
+  /* width: 360px; */
+  display: flex;
+  float: left;
+  margin-top: -2px;
+}
+.query-form .el-input__inner {
+  font-size: 14px;
+}
+.query-form .el-form-item__content {
+  width: 100%;
+  height: 32px;
+}
+.query-form .el-input__inner {
+  height: 32px;
+}
+.query-form .el-select .el-input .el-select__caret {
+  line-height: 32px;
+}
+.query-form .el-input-group__append, .el-input-group__prepend {
+  background-color: #fff;
+  font-size: 14px;
+  color: #333333;
+  letter-spacing: 0;
+  line-height: 22px;
+}
+/* 上面是页面查询时的，下面这个是表单的 */
+.purchmanager-form {
+  padding-right: 24px!important;
+}
+.purchmanager-form .el-form-item__content {
+  width: 192px;
+}
+.el-tree-node__content>.el-tree-node__expand-icon {
+  padding: 0;
+  padding-right: 6px;
+}
+.el-tree-node:focus .el-tree-node__content, .el-tree-node__content:hover, .el-tree .is-current .el-tree-node__content {
+  background-color: #f0f7ff;
+}
+.check-group {
+  float: left;
+}
+.check-group .el-checkbox.is-bordered.el-checkbox--small {
+  padding: 7px 15px 5px 10px;
+}
+.check-group .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+}
+.check-group .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
+  height: 7px;
+  width: 4px;
+}
+/* 不过滤状态 */
+.search-doFilter1 {
+  width: 30px;
+  height: 30px;
+  display: block;
+  /* left: 12px;
+  position: absolute; */
+  top: 50%;
+  transform: translateY(0%);
+  background: url(../../img/purchmanage/do-filter1.svg) center center no-repeat;
+  background-size: cover;
+  margin-top: 3px;
+  float: left;
+  cursor: pointer;
+}
+/* 过滤状态 */
+.search-doFilter2 {
+  width: 30px;
+  height: 30px;
+  display: block;
+  /* left: 12px;
+  position: absolute; */
+  top: 50%;
+  transform: translateY(0%);
+  background: url(../../img/purchmanage/do-filter2.svg) center center no-repeat;
+  background-size: cover;
+  margin-top: 3px;
+  float: left;
+  cursor: pointer;
+}
+.search-clearFilter {
+  width: 30px;
+  height: 30px;
+  display: block;
+  /* left: 12px;
+  position: absolute; */
+  top: 50%;
+  transform: translateY(0%);
+  background: url(../../img/purchmanage/clear-filter.svg) center center no-repeat;
+  background-size: cover;
+  margin-top: 3px;
+  margin-left: 16px;
+  float: left;
+  cursor: pointer;
+}
+/* ---------------弹出框样式--------------- */
+.el-dialog {
+  border-radius: 4px;
+}
+.el-dialog .el-dialog__header {
+  height: 56px;
+  background: #0C2278;
+  border-radius: 4px 4px 0 0;
+  color: #fff;
+  padding: 14px 24px!important;
+}
+.el-dialog__header {
+  padding: 0!important;
+}
+.dialog-title {
+  /* padding: 14px 24px; */
+  padding-bottom: 0;
+  height: 31px;
+  line-height: 31px;
+}
+.title-text {
+  font-size: 16px;
+  color: #FFFFFF;
+  letter-spacing: 0;
+  line-height: 28px;
+}
+.el-dialog__footer {
+  height: 56px;
+  padding: 12px 24px;
+  background: #FFFFFF;
+  box-shadow: 0 -2px 8px 0 rgba(0,0,0,0.06);
+  border-radius: 0 0 4px 4px;
+  border-radius: 0px 0px 4px 4px;
+}
+.el-dialog__body {
+  /* padding: 16px 24px 23px 24px; */
+  overflow: hidden;
+  padding: 24px;
+}
+.dig-sure-button {
+  margin-left: 14px!important;
+}
+.el-input__inner {
+  background: #FFFFFF;
+  border: 1px solid #DCDFE7;
+  box-sizing: border-box;
+  border-radius: 4px;
+}
+.el-form-item__label {
+  /* color: #333333; */
+  font-size: 14px;
+  color: #333333;
+  letter-spacing: 0;
+  text-align: right;
+  line-height: 22px;
+}
+.button-right {
+  float: right;
+}
+.title-showall {
+  width: 20px;
+  height: 20px;
+  display: block;
+  top: 50%;
+  transform: translateY(24%);
+  background: url(../../img/purchmanage/showall.svg) center center no-repeat;
+  background-size: cover;
+  /* margin-top: 3px; */
+  margin-right: 32px;
+  cursor: pointer;
+  float: left;
+}
+.title-cancelall {
+  width: 20px;
+  height: 20px;
+  display: block;
+  top: 50%;
+  transform: translateY(24%);
+  background: url(../../img/purchmanage/cancelall.svg) center center no-repeat;
+  background-size: cover;
+  /* margin-top: 3px; */
+  margin-right: 32px;
+  cursor: pointer;
+  float: left;
+}
+.title-close {
+  width: 20px;
+  height: 20px;
+  display: block;
+  top: 50%;
+  transform: translateY(24%);
+  background: url(../../img/purchmanage/close.svg) center center no-repeat;
+  background-size: cover;
+  /* margin-top: 3px; */
+  cursor: pointer;
+  float: left;
+}
+@keyframes rotate {
+  0%{
+    transform:rotate(0deg);
+    -ms-transform:rotate(0deg);     /* IE 9 */
+    -moz-transform:rotate(0deg);    /* Firefox */
+    -o-transform:rotate(0deg);
+  }
+  100% {
+    transform:rotate(360deg);
+    -ms-transform:rotate(360deg);   /* IE 9 */
+    -moz-transform:rotate(360deg);  /* Firefox */
+    -o-transform:rotate(360deg);
+  }
+}
+@-webkit-keyframes rotate {
+  0%{
+    -moz-transform:rotate(0deg);
+  }
+  100%{
+    -moz-transform:rotate(360deg);
+  }
+}
+.title-close:hover {
+  width: 20px;
+  height: 20px;
+  -webkit-animation: rotate 1.8s linear infinite;
+}
+.item-text {
+  display: block;
+  float: left;
+  font-size: 14px;
+  color: #333333;
+  letter-spacing: 0;
+  text-align: right;
+  line-height: 22px;
+  padding: 4px 9px 4px 9px;
+  background: #F5F7FA;
+  border: 1px solid #DCDFE7;
+  box-sizing: border-box;
+  border-radius: 0 4px 4px 0;
+  border-radius: 0px 4px 4px 0px;
+}
+.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {
+  /* background-color: none;
+  color: #ffffff; */
+  background-color: #3A70EA;
+  font-size: 14px;
+  color: #FFFFFF;
+}
+/* 新页面新增 */
+.el-container.is-vertical {
+  /* padding-bottom: 28px; */
+}
+.titlebutton2 .person-button {
+  height: 32px;
+  background-color: #3A70EA;
+  font-size: 14px;
+  color: #FFFFFF;
+  position: relative;
+  padding: 5px 16px 5px 12px;
+  /* padding: 12px 16px 5px 5px; */
+  /* line-height: 20px; */
+}
+/* 新增 */
+.titlebutton2 .person-button .button-add {
+  width: 14px;
+  height: 14px;
+  left: 12px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  background: url(../../img/purchmanage/button-add.svg) center center no-repeat;
+  background-size: cover;
+}
+.titlebutton2 .button-text {
+  /* top: 50%;
+  transform: translateY(16%); */
+  display: block;
+  margin-left: 26px;
+  font-size: 14px;
+  line-height: 6px;
+  letter-spacing: 1px;
+}
+.marsk .el-checkbox__label {
+  font-size: 14px;
+  color: #333333;
+}
+.marsk {
+  /* float: right; */
+  margin-left: -16px;
+  margin-right: -16px;
+  margin-top: -12px;
+  margin-bottom: -12px;
+}
+.cover {
+  width: 100%;
+  height: 100%;
+  z-index: 199;
+  background-color: rgba(0, 0, 0, .25);
+  position:absolute;
+}
+.cover2 {
+  width: 100%;
+  height: 100%;
+  z-index: 299;
+  background-color: rgba(0, 0, 0, .25);
+  position:absolute;
+}
+.el-header {
+  height: 56px!important;
+  padding: 0px!important;
+}
+.el-main {
+  padding: 0px!important;
+  overflow-x: hidden;
+}
+.el-footer {
+  height: 56px!important;
+  padding: 0px!important;
+  box-shadow: 0 -2px 8px 0 rgba(0,0,0,0.06);
+  border-radius: 0px 0px 4px 4px;
+}
+.sui-slider-form {
+  overflow-x: hidden;
+}
+/* 头部 */
+.sui-slider-title {
+  height: 56px;
+  background: #0C2278;
+  border-radius: 4px 4px 0 0;
+  width: 100%;
+  z-index: 1;
+}
+.sui-slider-title-text {
+  font-size: 16px;
+  color: #FFFFFF;
+  letter-spacing: 0;
+  line-height: 32px;
+}
+.sui-slider-title > h2 {
+  padding-left: 24px;
+  padding-top: 0px;
+  font-size: 16px;
+  color: #fff;
+  text-align: left;
+}
+.title-close {
+  /* transform: translateY(-50%);
+  top: 50%; */
+}
+.sui-slider-title-x:hover {
+  transform: translateY(-45%);
+  top: 33%;
+}
+.sui-slider-title-x {
+  right: 24px!important;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.el-table .el-button--text {
+  font-size: 14px;
+  /* color: #F14444; */
+  letter-spacing: 0;
+  text-align: center;
+  line-height: 22px;
+}
+.el-input-group__prepend {
+  width: auto;
+}
+.sui-title-padding {
+  height: 56px;
+  padding: 14px 24px;
+}
+.table-show .el-button--text {
+  width: 16px;
+  height: 16px;
+  text-align: left;
+}
+/* 橙色 */
+.F3983E {
+  height: 48px;
+  line-height: 48px;
+  padding: 4px 8px;
+  font-size: 12px;
+  color: #F3983E;
+  letter-spacing: 0;
+  border: 1px solid #F3983E;
+  box-sizing: border-box;
+  border-radius: 3px;
+  background: #FFFFFF;
+}
+/* 蓝色 */
+.F0F7FF {
+  height: 48px;
+  line-height: 48px;
+  padding: 4px 8px;
+  font-size: 12px;
+  color: #3A70EA;
+  letter-spacing: 0;
+  border: 1px solid #3A70EA;
+  box-sizing: border-box;
+  border-radius: 3px;
+  background: #F0F7FF;
+}
+/* 绿色 */
+.f67C33A {
+  height: 48px;
+  line-height: 48px;
+  padding: 4px 8px;
+  font-size: 12px;
+  color: #67C33A;
+  letter-spacing: 0;
+  border: 1px solid #67C33A;
+  box-sizing: border-box;
+  border-radius: 3px;
+  background: #F7FFF0;
+}
+/* 青色 */
+.f01C1B2 {
+  height: 48px;
+  line-height: 48px;
+  padding: 4px 8px;
+  font-size: 12px;
+  color: #01C1B2;
+  letter-spacing: 0;
+  border: 1px solid #01C1B2;
+  box-sizing: border-box;
+  border-radius: 3px;
+  background: #E6FFF9;
+}
+/* 紧急程度 */
+/* 红色 */
+.F14444 {
+  height: 48px;
+  line-height: 48px;
+  padding: 4px 8px;
+  font-size: 12px;
+  color: #F14444;
+  letter-spacing: 0;
+  border: 1px solid #F14444;
+  box-sizing: border-box;
+  border-radius: 3px;
+  background: #FFF2F0;
+}
+/* 详情 */
+.showTop {
+  /* background: #3A70EA; */
+  border-top: 6px solid #3A70EA;
+  border-radius: 4px 4px 0 0;
+  box-sizing: border-box;
+}
+.showTop .showTop-tontent {
+  padding: 24px;
+}
+/* 菜单 */
+.el-submenu__title {
+  font-size: 14px;
+}
+/* 菜单每个列高度为50px */
+.el-menu-item {
+  font-size: 14px !important;
+  height: 50px !important;
+  line-height: 50px !important;
+}
+/* 子tabs栏 */
+.child-tabs .el-tabs__item {
+  height: 40px!important;
+  line-height: 40px!important;
+}
+.child-tabs.el-tabs--border-card {
+  border: 0!important;
+}
+.el-tabs--border-card>.el-tabs__content {
+  padding: 0px;
+}
+.child-tabs.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
+  border-right-color: #DCDFE7!important;
+  border-left-color: #DCDFE7!important;
+  font-size: 14px;
+  color: #3A70EA;
+  letter-spacing: 0;
+  line-height: 22px;
+  font-weight: bold;
+  border-top: 0;
+  border-top: 2px solid #3A70EA!important;
+  box-sizing: content-box;
+}
+.child-tabs.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
+  font-size: 14px;
+  color: #3A70EA;
+  letter-spacing: 0;
+  line-height: 22px;
+  font-weight: bold;
+}
+.el-tabs--border-card>.el-tabs__header {
+  background-color: #F4F8FC;
+  border-bottom: 1px solid #DCDFE7!important;
+  border-top: 1px solid #DCDFE7!important;
+  box-sizing: border-box;
+}
+.child-tabs.el-tabs--border-card>.el-tabs__header .el-tabs__item {
+  font-size: 14px;
+  color: #333333;
+  letter-spacing: 0;
+  text-align: center;
+  line-height: 22px;
+}
+body .el-table th.gutter{
+  display: table-cell!important;
+}
+/* 添加 */
+.icon-jia-copy {
+  margin-right: 6px;
+  font-size: 13px;
+}
+/* 回退、撤销 */
+.icon-huitui1 {
+  margin-right: 6px;
+  font-size: 13px;
+  color: #ffffffe3;
+}
+/* 停用 */
+.icon-tingyong {
+  margin-right: 6px;
+  font-size: 13px;
+}
+/* 启用 */
+.icon-qiyong {
+  margin-right: 6px;
+  font-size: 13px;
+}
+/* 搜索 */
+.icon-sousuo-copy {
+  margin-right: 6px;
+  font-size: 13px;
+}
+/* 重置 */
+.icon-shuaxinzhongzhi {
+  margin-right: 6px;
+  font-size: 13px;
+}
+/* 编辑 */
+.icon-bianji-copy {
+  margin-right: 6px;
+  font-size: 13px;
+}
+/* 返回 */
+.icon-fanhui-copy {
+  margin-right: 6px;
+  font-size: 13px;
+}
+/* 付款 */
+.icon-fukuan-copy {
+  margin-right: 6px;
+  font-size: 13px;
+}
+/* 签收 */
+.icon-qianshou-copy {
+  margin-right: 6px;
+  font-size: 13px;
+}
+/* 提报 */
+.icon-shenpi-copy {
+  margin-right: 6px;
+  font-size: 13px;
+  color: #fff;
+}
+/* 退货 */
+.icon-tuihuo-copy {
+  font-size: 13px;
+  color: #3A70EA!important;
+}
+/* 文件上传 */
+.icon-wenjianshangchuan-copy {
+  font-size: 13px;
+  color: #3A70EA;
+}
+.td-overflow .cell span{
+  white-space: nowrap;
+  text-overflow:ellipsis;
+  overflow: hidden;
+}
+.el-select-dropdown {
+  position: absolute!important;
+}
+.el-picker-panel .el-date-picker .el-popper {
+  position: absolute!important;
+}
+.organizManage-main {
+  position: relative;
+  min-width: 1200px;
+}
+.organizManage-mainLeft {
+  width: 20%;
+  float: left;
+}
+.organizManage-mainRight {
+  width: 80%;
+  float: left;
+}
+.el-select-dropdown__item.selected {
+  position: relative;
+}
+.el-select-dropdown__item .el-button--text {
+  position: absolute;
+  width: 93%;
+  text-align: left;
+  height: 34px;
+}

src/assets/iconfont/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

src/assets/iconfont/demo_index.html

@@ -0,0 +1,260 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>IconFont Demo</title>
+  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe697;</span>
+                <div class="name">启用</div>
+                <div class="code-name">&amp;#xe697;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a3;</span>
+                <div class="name">停用</div>
+                <div class="code-name">&amp;#xe6a3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d0;</span>
+                <div class="name">回退</div>
+                <div class="code-name">&amp;#xe6d0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e0;</span>
+                <div class="name">加1</div>
+                <div class="code-name">&amp;#xe6e0;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="unicode-">Unicode 引用</h2>
+          <hr>
+
+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
+          <ul>
+            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
+          </ul>
+          <blockquote>
+            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
+          </blockquote>
+          <p>Unicode 使用步骤如下：</p>
+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.eot');
+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+      url('iconfont.woff2') format('woff2'),
+      url('iconfont.woff') format('woff'),
+      url('iconfont.ttf') format('truetype'),
+      url('iconfont.svg#iconfont') format('svg');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qiyong"></span>
+            <div class="name">
+              启用
+            </div>
+            <div class="code-name">.icon-qiyong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tingyong"></span>
+            <div class="name">
+              停用
+            </div>
+            <div class="code-name">.icon-tingyong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huitui1"></span>
+            <div class="name">
+              回退
+            </div>
+            <div class="code-name">.icon-huitui1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jia-copy"></span>
+            <div class="name">
+              加1
+            </div>
+            <div class="code-name">.icon-jia-copy
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <h2 id="font-class-">font-class 引用</h2>
+        <hr>
+
+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
+        <ul>
+          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
+          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qiyong"></use>
+                </svg>
+                <div class="name">启用</div>
+                <div class="code-name">#icon-qiyong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tingyong"></use>
+                </svg>
+                <div class="name">停用</div>
+                <div class="code-name">#icon-tingyong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huitui1"></use>
+                </svg>
+                <div class="name">回退</div>
+                <div class="code-name">#icon-huitui1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jia-copy"></use>
+                </svg>
+                <div class="name">加1</div>
+                <div class="code-name">#icon-jia-copy</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>

src/assets/iconfont/iconfont.json

@@ -0,0 +1,37 @@
+{
+  "id": "",
+  "name": "",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "53073309",
+      "name": "启用",
+      "font_class": "qiyong",
+      "unicode": "e697",
+      "unicode_decimal": 59031
+    },
+    {
+      "icon_id": "53073321",
+      "name": "停用",
+      "font_class": "tingyong",
+      "unicode": "e6a3",
+      "unicode_decimal": 59043
+    },
+    {
+      "icon_id": "53419956",
+      "name": "回退",
+      "font_class": "huitui1",
+      "unicode": "e6d0",
+      "unicode_decimal": 59088
+    },
+    {
+      "icon_id": "54317769",
+      "name": "加1",
+      "font_class": "jia-copy",
+      "unicode": "e6e0",
+      "unicode_decimal": 59104
+    }
+  ]
+}

src/assets/iconfont/iconfont.svg

@@ -0,0 +1,38 @@
+<?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" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="qiyong" unicode="&#59031;" d="M512 832a448 448 0 1 0 0-896A448 448 0 0 0 512 832z m0-96a352 352 0 1 1 0-704 352 352 0 0 1 0 704z m232.704-193.536l4.864-4.288a48 48 0 0 0 4.288-62.976l-4.288-4.928-271.488-271.488a48 48 0 0 0-62.976-4.288l-4.928 4.288-135.744 135.744a48 48 0 0 0 62.976 72.192l4.864-4.288 101.76-101.76 237.696 237.504a48 48 0 0 0 62.976 4.288z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="tingyong" unicode="&#59043;" d="M512 832a448 448 0 1 0 0-896A448 448 0 0 0 512 832z m0-96a352 352 0 1 1 0-704 352 352 0 0 1 0 704zM738.304 700.8l90.496-90.496-543.104-543.104-90.496 90.496z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="huitui1" unicode="&#59088;" d="M660.032 638.0799999999999H319.68l54.144 57.6a83.52 83.52 0 0 1 0 112.896A72.704 72.704 0 0 1 320.896 832c-19.2 0-38.464-7.68-52.992-23.424L85.824 614.912c-0.96-1.024-1.92-1.984-2.56-3.008-12.928-15.168-19.264-34.368-19.264-53.312 0-19.2 6.336-38.4 19.2-53.376 0.96-0.96 1.664-1.92 2.56-2.944L267.968 308.48a72 72 0 0 1 106.176 0 83.52 83.52 0 0 1 0 112.96l-54.4 57.088h340.352c83.392 0 151.168-73.088 149.952-162.048-1.152-87.488-69.824-156.992-152.32-156.992H228.928c-41.472 0-75.008-35.648-75.008-79.808 0-44.16 33.536-79.744 75.008-79.744h427.776c165.504 0 302.336 141.056 303.296 317.312 0.96 176.704-134.08 320.768-299.968 320.768z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jia-copy" unicode="&#59104;" d="M512 768a64 64 0 0 0 64-64l-0.064-255.936L832 448a64 64 0 0 0 0-128l-256.064 0.064L576 64a64 64 0 0 0-128 0l-0.064 256.064L192 320a64 64 0 1 0 0 128l255.936 0.064L448 704a64 64 0 0 0 64 64z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>

src/assets/img/images/header/u16.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="6px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -30 -85 )">
+    <path d="M 3.90247618333333 4.93684210526315  L 0.111238100000008 4.93684210526315  L 0.111238100000008 1.11969924342105  C 0.111238100000008 0.544661644736848  0.563504766666654 0.0778947368421115  1.12060951666666 0.0778947368421115  L 2.90285714999999 0.0778947368421115  C 3.45508571666667 0.0778947368421115  3.9024762 0.545864654605268  3.90247618333333 1.11969924342105  L 3.90247618333333 4.93684210526315  Z " fill-rule="nonzero" fill="#7586e6" stroke="none" transform="matrix(1 0 0 1 30 85 )" />
+  </g>
+</svg>

src/assets/img/images/header/u20.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -23 -128 )">
+    <path d="M 17.3935514177453 15.0727889778228  C 17.643210160979 14.6486996554725  17.643210160979 14.1355749986905  17.3911037891269 13.7138286878723  L 12.8654271654507 6.21611681966797  L 11.9230877792422 7.83281094377561  L 15.7805601379148 14.2292963913319  L 12.4003765530713 14.2386685253242  L 13.3427159392798 15.7405539421282  L 13.3427159392798 15.7475830470156  L 16.1648387855966 15.7475830470156  C 16.6739468048953 15.7475830470156  17.1414450458931 15.4945352710683  17.3935514177453 15.0727889778228  Z M 1.79477524123323 14.2574128108816  L 3.5521769767004 11.3403342826004  L 1.64791715697811 11.3731367603599  L 0.235631919510471 13.7091426296625  C -0.0164744523417291 14.130888922908  -0.0164744523417291 14.6440135796899  0.235631919510471 15.0657598729354  C 0.492633566956929 15.4804770612935  0.957684160979053 15.7405539421282  1.46434455165921 15.7405539421282  L 10.5108025417745 15.7405539421282  L 9.57091080254177 14.2433546011067  L 1.79477524123323 14.2574128108816  Z M 8.78766768039539 2.63361635618637  L 10.5108025417745 5.4897759695856  L 11.4531419096258 3.8683957872682  L 10.0335137679454 1.52536081307819  C 9.7814073960932 1.10595754893761  9.31146152647682 0.845880668102904  8.80969639303365 0.845880685675663  C 8.30548363097199 0.845880685675663  7.83798540833137 1.10361453740548  7.58587903647917 1.52536081307819  L 3.06509767004001 9.03010180374266  L 4.95956695693104 8.99729930841043  L 8.78766768039539 2.63361635618637  Z " fill-rule="nonzero" fill="#32325d" stroke="none" transform="matrix(1 0 0 1 23 128 )" />
+  </g>
+</svg>

src/assets/img/images/header/u23.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="12px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -221 -129 )">
+    <path d="M 7.79750032812501 6.4258231484375  C 7.839994625 6.38499753645831  7.86249159374998 6.33503113932292  7.891493078125 6.28829233984376  C 7.89950275000001 6.27407605729169  7.91248487500002 6.26217577604166  7.91950006249999 6.24749137760418  C 8.05700846875001 5.98531560156252  8.01198762499999 5.66450074479167  7.768498859375 5.45364647135418  L 2.24899879687499 0.668205440104174  C 1.94799087499999 0.407409404947913  1.47351162500001 0.419777816406253  1.18849617187502 0.695258250000023  C 0.903991406250015 0.971182178385419  0.917000406250025 1.40612149088543  1.21800832812502 1.66738565624999  L 6.17051471875001 5.96195851953124  L 1.23749495312498 10.3202459322917  C 0.939497375000002 10.5837768138021  0.930493203124996 11.0187407617188  1.21800832812502 11.2923733385417  C 1.36500470312501 11.43261434375  1.56151054687498 11.5027594817708  1.75801639062502 11.5027594817708  C 1.94551807812502 11.5027594817708  2.13301975000002 11.4386014375  2.27851095312499 11.3102607135417  L 7.748017734375 6.47805626171873  C 7.75852707812498 6.46842269661457  7.76250503125002 6.45514267447916  7.773014375 6.44506562890626  C 7.78102404687502 6.43819155989581  7.78951753125 6.43314071223958  7.79750032812501 6.4258231484375  Z " fill-rule="nonzero" fill="#cfd5db" stroke="none" transform="matrix(1 0 0 1 221 129 )" />
+  </g>
+</svg>

src/assets/img/images/header/u30.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="271px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 0 -60 )">
+    <path d="M 0 60.5  L 270 60.5  " stroke-width="1" stroke="#f2f2f2" fill="none" />
+  </g>
+</svg>

src/assets/img/images/header/u62.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="2px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -37 -1238 )">
+    <path d="M 1.99090909090909 1.58409090909091  C 1.99090909090909 1.76590909090909  1.84318181818182 1.91136363636364  1.66363636363636 1.91136363636364  L 0.370454545454547 1.91136363636364  C 0.190909090909093 1.91136363636364  0.0431818181818203 1.76590909090909  0.0431818181818203 1.58409090909091  L 0.0431818181818203 0.427272727272729  C 0.0431818181818203 0.247727272727275  0.188636363636365 0.100000000000002  0.370454545454547 0.100000000000002  C 0.550000000000001 0.100000000000002  0.697727272727274 0.245454545454547  0.697727272727274 0.427272727272729  L 0.697727272727274 1.25681818181818  L 1.66363636363636 1.25681818181818  C 1.84318181818182 1.25681818181818  1.99090909090909 1.40227272727273  1.99090909090909 1.58409090909091  Z " fill-rule="nonzero" fill="#3259ce" stroke="none" transform="matrix(1 0 0 1 37 1238 )" />
+  </g>
+</svg>

src/assets/img/images/header/u63.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="8px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -33 -1236 )">
+    <path d="M 8.85610465116279 3.93953488372093  C 8.85610465116279 6.10232558139535  6.87558139534884 7.86279069767442  4.44244186046511 7.86279069767442  C 2.00930232558139 7.86279069767442  0.0287790697674395 6.10232558139535  0.0287790697674395 3.93953488372093  C 0.0287790697674395 1.77674418604652  2.00930232558139 0.0162790697674429  4.44244186046511 0.0162790697674429  C 6.87558139534884 0.0162790697674429  8.85610465116279 1.77674418604651  8.85610465116279 3.93953488372093  Z M 8.10523255813953 3.93953488372093  C 8.10523255813953 2.14418604651163  6.46220930232558 0.68372093023256  4.44244186046511 0.68372093023256  C 2.42267441860465 0.68372093023256  0.779651162790696 2.14418604651163  0.779651162790696 3.93953488372093  C 0.779651162790696 5.73488372093024  2.42267441860465 7.1953488372093  4.44244186046511 7.1953488372093  C 6.46220930232558 7.1953488372093  8.10523255813953 5.73488372093024  8.10523255813953 3.93953488372093  Z " fill-rule="nonzero" fill="#3259ce" stroke="none" transform="matrix(1 0 0 1 33 1236 )" />
+  </g>
+</svg>

src/assets/img/images/header/u7.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="15px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1165 -23 )">
+    <path d="M 0.123076923076951 7.04081632653062  C 0.121848515586635 4.18941758409014  1.67801980149898 1.56255655912257  4.18599384615391 0.182497959183678  C 4.30289286309153 0.118014669340667  4.4343599928909 0.0841812166699754  4.56802461538473 0.0841812166699754  C 5.00314479385315 0.0841812166699754  5.35587939247534 0.435116148972639  5.35587939247534 0.868016326530608  C 5.35587939247534 1.15291796271052  5.20049947379061 1.41538589489859  4.95005538461533 1.55353469387755  C 2.94295527259123 2.65732441960057  1.69745211012514 4.75919413340138  1.69846153846152 7.04081632653062  C 1.69846153846152 10.5034775510204  4.51958153846158 13.3102040816327  8 13.3102040816327  C 11.4804184615384 13.3102040816327  14.3015384615385 10.5034775510204  14.3015384615385 7.04081632653062  C 14.3015384615385 4.80852244897959  13.1199999999999 2.78076734693877  11.2287507692308 1.65580408163265  C 10.9909327869948 1.5143099670092  10.8453342031112 1.25890153311857  10.8453342031112 0.983216326530609  C 10.8453342031112 0.550401390007977  11.1979993458542 0.199535559217651  11.6330338461539 0.199535559217651  C 11.7754098349017 0.199535559217651  11.9151238686516 0.237927601188716  12.037316923077 0.310628571428566  C 14.4196216666351 1.7243235192015  15.8782643088769 4.28108024281794  15.876923076923 7.04081632653062  C 15.876923076923 11.3690448979592  12.3504246153846 14.8775510204082  8 14.8775510204082  C 3.64957538461545 14.8775510204082  0.123076923076951 11.3690448979592  0.123076923076951 7.04081632653062  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1165 23 )" />
+  </g>
+</svg>

src/assets/img/images/header/u77.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="17px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -24 -625 )">
+    <path d="M 10.8135950616483 7.11404092937375  L 10.8135950616483 8.89975154454531  L 8.32170667748215 8.89975154454531  L 8.32170667748215 11.5783174777658  L 6.66044776119403 11.5783174777658  L 6.66044776119403 8.89975154454531  L 4.1685593770279 8.89975154454531  L 4.1685593770279 7.11404092937375  L 6.3165671641791 7.11404092937375  L 4.20427645035691 4.84350988028928  L 5.37878649578196 3.58101246345592  L 7.5018753990915 5.86225777627327  L 9.61416613238157 3.5926195894753  L 10.7886761778066 4.85422414402216  L 8.68718365347177 7.11404092937375  L 10.8135950616483 7.11404092937375  Z M 13.3054834458144 2  L 1.67667099286178 2  L 1.67667099286178 15.1881315143868  L 7.49107722907203 15.1881315143868  L 7.49107722907203 16.9738421295584  L 0.846041524983776 16.9738421295584  C 0.387297544717369 16.9738421180011  0.0154120765736534 16.574097179301  0 16.0809868115095  L 0 0.902446530235421  C 0.0154120765736534 0.409336162443901  0.387297544717369 0.00959122374376491  0.846041524983776 0  L 14.1361129136924 0  C 14.5948569015615 0.00959121218649049  14.9667423815704 0.409336154271674  14.9667423815704 0.902446530235421  L 14.9667423815704 7.15243371472534  L 13.3054834458144 7.15243371472534  L 13.3054834458144 2  Z " fill-rule="nonzero" fill="#1768e4" stroke="none" transform="matrix(1 0 0 1 24 625 )" />
+  </g>
+</svg>

src/assets/img/images/header/u78.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="10px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -33 -633 )">
+    <path d="M 4.4454045624509 0.0794274312647297  L 6.4564021932443 1.00984900759361  L 6.4564021932443 4.06477785807803  L 4.4454045624509 4.99519943440691  L 2.4344069128044 4.06477785807803  L 2.4344069128044 1.00984900759361  L 4.4454045624509 0.0794274312647297  Z M 0.0212097407698349 8.9805498821681  L 0.0212097407698349 5.92562101073579  L 2.03220739041634 4.99519943440691  L 4.04320502120974 5.92562101073579  L 4.04320502120974 8.9805498821681  L 2.03220739041634 9.91097145849699  L 0.0212097407698349 8.9805498821681  Z M 4.84760408483896 5.92562101073579  L 6.85860173448547 4.99519943440691  L 8.86959936527887 5.92562101073579  L 8.86959936527887 8.9805498821681  L 6.85860173448547 9.91097145849699  L 4.84760408483896 8.9805498821681  L 4.84760408483896 5.92562101073579  Z " fill-rule="nonzero" fill="#8bb3f1" stroke="none" transform="matrix(1 0 0 1 33 633 )" />
+  </g>
+</svg>

src/assets/img/images/header/u8.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="2px" height="10px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1172 -22 )">
+    <path d="M 0.146666666666761 0.939682539682536  C 0.146666666666761 0.397883597883592  0.431111111111022 0.126984126984127  1 0.126984126984127  C 1.56888888888898 0.126984126984127  1.85333333333324 0.397883597883592  1.85333333333324 0.939682539682536  L 1.85333333333324 9.06666666666666  C 1.85333333333324 9.60846560846561  1.56888888888898 9.87936507936509  1 9.87936507936509  C 0.431111111111022 9.87936507936509  0.146666666666761 9.60846560846561  0.146666666666761 9.06666666666666  L 0.146666666666761 0.939682539682536  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1172 22 )" />
+  </g>
+</svg>

src/assets/img/images/header/u97.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g transform="translate(0 0)">
+    <g class="nc-icon-wrapper" stroke="none" fill="#172b4d">
+        <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
+    </g>
+</g></svg>

src/assets/img/images/materialmanage/u113.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="801px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 0 -66 )">
+    <path d="M 0 66.5  L 800 66.5  " stroke-width="1" stroke="#f4f4f4" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u161.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="653px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1 -66 )">
+    <path d="M 1 66.5  L 653 66.5  " stroke-width="1" stroke="#f4f4f4" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u173.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="284px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 0 -66 )">
+    <path d="M 0 66.5  L 283 66.5  " stroke-width="1" stroke="#f4f4f4" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u180.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="11px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -82 -131 )">
+    <path d="M 87 131.5  C 89.52 131.5  91.5 133.7  91.5 136.5  C 91.5 139.3  89.52 141.5  87 141.5  C 84.48 141.5  82.5 139.3  82.5 136.5  C 82.5 133.7  84.48 131.5  87 131.5  Z " fill-rule="nonzero" fill="#2dce89" stroke="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u183.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="801px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 0 -66 )">
+    <path d="M 0 66.5  L 800 66.5  " stroke-width="1" stroke="#f4f4f4" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u184.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="259px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -21 -415 )">
+    <path d="M 21 415.5  L 279 415.5  " stroke-width="1" stroke="#f4f4f4" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u190.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="11px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -82 -467 )">
+    <path d="M 87 467.5  C 89.52 467.5  91.5 469.7  91.5 472.5  C 91.5 475.3  89.52 477.5  87 477.5  C 84.48 477.5  82.5 475.3  82.5 472.5  C 82.5 469.7  84.48 467.5  87 467.5  Z " fill-rule="nonzero" fill="#ff0000" stroke="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u210.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="11px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -82 -549 )">
+    <path d="M 87 549.5  C 89.52 549.5  91.5 551.7  91.5 554.5  C 91.5 557.3  89.52 559.5  87 559.5  C 84.48 559.5  82.5 557.3  82.5 554.5  C 82.5 551.7  84.48 549.5  87 549.5  Z " fill-rule="nonzero" fill="#f5365c" stroke="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u221.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="284px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 0 -66 )">
+    <path d="M 0 66.5  L 283 66.5  " stroke-width="1" stroke="#f4f4f4" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u228.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="11px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -82 -131 )">
+    <path d="M 87 131.5  C 89.52 131.5  91.5 133.7  91.5 136.5  C 91.5 139.3  89.52 141.5  87 141.5  C 84.48 141.5  82.5 139.3  82.5 136.5  C 82.5 133.7  84.48 131.5  87 131.5  Z " fill-rule="nonzero" fill="#2dce89" stroke="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u232.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="259px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -21 -415 )">
+    <path d="M 21 415.5  L 279 415.5  " stroke-width="1" stroke="#f4f4f4" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u238.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="11px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -82 -467 )">
+    <path d="M 87 467.5  C 89.52 467.5  91.5 469.7  91.5 472.5  C 91.5 475.3  89.52 477.5  87 477.5  C 84.48 477.5  82.5 475.3  82.5 472.5  C 82.5 469.7  84.48 467.5  87 467.5  Z " fill-rule="nonzero" fill="#ff0000" stroke="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u256.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="17px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -3 -94 )">
+    <path d="M 5 95  L 5 109  " stroke-width="2" stroke="#ff0000" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u258.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="11px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -82 -549 )">
+    <path d="M 87 549.5  C 89.52 549.5  91.5 551.7  91.5 554.5  C 91.5 557.3  89.52 559.5  87 559.5  C 84.48 559.5  82.5 557.3  82.5 554.5  C 82.5 551.7  84.48 549.5  87 549.5  Z " fill-rule="nonzero" fill="#f5365c" stroke="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u264.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -147 -94 )">
+    <path d="M 17.775 9  C 17.7633778250508 5.63026951744614  15.834081118894 2.56120368026745  12.8025 1.0899  C 12.711234018614 1.04602212433364  12.6112657263409 1.02323940272002  12.51 1.02323940272002  C 12.1371743269106 1.02323940272002  11.83493940272 1.3254743269106  11.83493940272 1.6983  C 11.83493940272 1.95776818943427  11.9836536651852 2.19427387749289  12.2175 2.3067  C 14.7824655436733 3.55196489044625  16.4148398677744 6.14874945693602  16.425 9  C 16.425 13.0941  13.0941 16.425  9 16.425  C 4.9059 16.425  1.575 13.0941  1.575 9  C 1.575 4.9059  4.9059 1.575  9 1.575  C 9.37279220613579 1.575  9.675 1.27279220613579  9.675 0.9  C 9.675 0.527207793864214  9.37279220613579 0.225  9 0.225  C 4.1616 0.225  0.225 4.1616  0.225 9  C 0.225 13.8384  4.1616 17.775  9 17.775  C 13.8384 17.775  17.775 13.8384  17.775 9  Z " fill-rule="nonzero" fill="#2680f0" stroke="none" transform="matrix(1 0 0 1 147 94 )" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u265.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -152 -99 )">
+    <path d="M 7.71748571428571 1.25257142857143  C 7.8466335816972 1.12444348581365  7.91907631792738 0.949922348531863  7.91862857142857 0.768  C 7.91862864220203 0.388978911537698  7.61162389922886 0.0819741685645283  7.23291435648774 0.0819741685645283  C 7.05075122115089 0.0819741685645283  6.87607442352128 0.154457052808785  6.74742857142857 0.283428571428571  L 4 3.03085714285714  L 1.25257142857143 0.282514285714286  C 1.12470499581882 0.158898594918333  0.953812098064768 0.0897984964168279  0.775961982417243 0.0897984964168279  C 0.397252439676128 0.0897984964168279  0.0902476967029569 0.396803239389999  0.0902476967029569 0.775512782131114  C 0.0902476967029569 0.953139220694846  0.159174537950581 1.12383516392386  0.282514285714286 1.25165714285714  L 3.03085714285714 4  L 0.283428571428572 6.74742857142857  C 0.153434626362335 6.87590512802296  0.0802758715632602 7.05106994945487  0.0802758715632602 7.23383934335941  C 0.0802758715632602 7.61153899398655  0.386461935221835 7.91772505764512  0.764161585848974 7.91772505764512  C 0.765441064790257 7.91772505764512  0.766720541211878 7.91772146698737  0.768000000000002 7.91771428571429  C 0.949922348531864 7.9181620322131  1.12444348581365 7.84571929598292  1.25257142857143 7.71657142857143  L 4 4.97005714285714  L 6.74742857142857 7.71748571428571  C 6.87590512802296 7.84747965935195  7.05106994945487 7.92063841415103  7.23383934335941 7.92063841415103  C 7.61153899398655 7.92063841415103  7.91772505764512 7.61445235049245  7.91772505764512 7.23675269986531  C 7.91772505764512 7.23547322092403  7.91772146698737 7.23419374450241  7.91771428571429 7.23291428571429  C 7.9181620322131 7.05099193718242  7.84571929598292 6.87647079990064  7.71657142857143 6.74834285714286  L 4.97005714285714 4  L 7.71748571428571 1.25257142857143  Z " fill-rule="nonzero" fill="#2680f0" stroke="none" transform="matrix(1 0 0 1 152 99 )" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u290.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="2px" height="35px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -75 -268 )">
+    <path d="M 75.5 268  L 75.5 302  " stroke-width="1" stroke-dasharray="3,1" stroke="#d8d8d8" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u291.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="2px" height="59px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -43 -185 )">
+    <path d="M 43.5 185  L 43.5 243  " stroke-width="1" stroke-dasharray="3,1" stroke="#d8d8d8" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u292.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="2px" height="183px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -11 -157 )">
+    <path d="M 11.5 157  L 11.5 339  " stroke-width="1" stroke-dasharray="3,1" stroke="#d8d8d8" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u304.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="17px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -3 -94 )">
+    <path d="M 5 95  L 5 109  " stroke-width="2" stroke="#ff0000" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u312.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -147 -94 )">
+    <path d="M 17.775 9  C 17.7633778250508 5.63026951744614  15.834081118894 2.56120368026745  12.8025 1.0899  C 12.711234018614 1.04602212433364  12.6112657263409 1.02323940272002  12.51 1.02323940272002  C 12.1371743269106 1.02323940272002  11.83493940272 1.3254743269106  11.83493940272 1.6983  C 11.83493940272 1.95776818943427  11.9836536651852 2.19427387749289  12.2175 2.3067  C 14.7824655436733 3.55196489044625  16.4148398677744 6.14874945693602  16.425 9  C 16.425 13.0941  13.0941 16.425  9 16.425  C 4.9059 16.425  1.575 13.0941  1.575 9  C 1.575 4.9059  4.9059 1.575  9 1.575  C 9.37279220613579 1.575  9.675 1.27279220613579  9.675 0.9  C 9.675 0.527207793864214  9.37279220613579 0.225  9 0.225  C 4.1616 0.225  0.225 4.1616  0.225 9  C 0.225 13.8384  4.1616 17.775  9 17.775  C 13.8384 17.775  17.775 13.8384  17.775 9  Z " fill-rule="nonzero" fill="#2680f0" stroke="none" transform="matrix(1 0 0 1 147 94 )" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u313.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -152 -99 )">
+    <path d="M 7.71748571428571 1.25257142857143  C 7.8466335816972 1.12444348581365  7.91907631792738 0.949922348531863  7.91862857142857 0.768  C 7.91862864220203 0.388978911537698  7.61162389922886 0.0819741685645283  7.23291435648774 0.0819741685645283  C 7.05075122115089 0.0819741685645283  6.87607442352128 0.154457052808785  6.74742857142857 0.283428571428571  L 4 3.03085714285714  L 1.25257142857143 0.282514285714286  C 1.12470499581882 0.158898594918333  0.953812098064768 0.0897984964168279  0.775961982417243 0.0897984964168279  C 0.397252439676128 0.0897984964168279  0.0902476967029569 0.396803239389999  0.0902476967029569 0.775512782131114  C 0.0902476967029569 0.953139220694846  0.159174537950581 1.12383516392386  0.282514285714286 1.25165714285714  L 3.03085714285714 4  L 0.283428571428572 6.74742857142857  C 0.153434626362335 6.87590512802296  0.0802758715632602 7.05106994945487  0.0802758715632602 7.23383934335941  C 0.0802758715632602 7.61153899398655  0.386461935221835 7.91772505764512  0.764161585848974 7.91772505764512  C 0.765441064790257 7.91772505764512  0.766720541211878 7.91772146698737  0.768000000000002 7.91771428571429  C 0.949922348531864 7.9181620322131  1.12444348581365 7.84571929598292  1.25257142857143 7.71657142857143  L 4 4.97005714285714  L 6.74742857142857 7.71748571428571  C 6.87590512802296 7.84747965935195  7.05106994945487 7.92063841415103  7.23383934335941 7.92063841415103  C 7.61153899398655 7.92063841415103  7.91772505764512 7.61445235049245  7.91772505764512 7.23675269986531  C 7.91772505764512 7.23547322092403  7.91772146698737 7.23419374450241  7.91771428571429 7.23291428571429  C 7.9181620322131 7.05099193718242  7.84571929598292 6.87647079990064  7.71657142857143 6.74834285714286  L 4.97005714285714 4  L 7.71748571428571 1.25257142857143  Z " fill-rule="nonzero" fill="#2680f0" stroke="none" transform="matrix(1 0 0 1 152 99 )" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u338.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="2px" height="35px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -75 -268 )">
+    <path d="M 75.5 268  L 75.5 302  " stroke-width="1" stroke-dasharray="3,1" stroke="#d8d8d8" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u339.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="2px" height="59px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -43 -185 )">
+    <path d="M 43.5 185  L 43.5 243  " stroke-width="1" stroke-dasharray="3,1" stroke="#d8d8d8" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u340.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="2px" height="183px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -11 -157 )">
+    <path d="M 11.5 157  L 11.5 339  " stroke-width="1" stroke-dasharray="3,1" stroke="#d8d8d8" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u404.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="655px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 0 -66 )">
+    <path d="M 0 66.5  L 654 66.5  " stroke-width="1" stroke="#f4f4f4" fill="none" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u420.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="19px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -520 -45 )">
+    <path d="M 1.20496323529412 9.5  C 1.20496323529412 4.91877769556718  4.91877769556718 1.20496323529412  9.5 1.20496323529412  C 14.0812223044328 1.20496323529412  17.7950367647059 4.91877769556718  17.7950367647059 9.5  C 17.7950367647059 14.0812223044328  14.0812223044328 17.7950367647059  9.5 17.7950367647059  C 4.91877769556718 17.7950367647059  1.20496323529412 14.0812223044328  1.20496323529412 9.5  Z M 16.0696691176471 2.93033088235294  C 14.327236427963 1.18807597002515  11.9640462304922 0.209381039759479  9.5 0.209558823529412  C 4.36929280512174 0.209929009955397  0.210229139545383 4.36929276758501  0.210229139545383 9.49999997581796  C 0.210229139545383 14.6309689567827  4.36970133505121 18.7904411522886  9.50067031601597 18.7904411522886  C 14.6316392969807 18.7904411522886  18.7911114924866 14.6309689567827  18.7911114924866 9.49999997581796  C 18.7911114924866 7.03585753719135  17.8121698356905 4.67265381609933  16.0696691176471 2.93033088235294  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 520 45 )" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u421.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="11px" height="12px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -525 -49 )">
+    <path d="M 10.4893436500963 10.6839048595996  C 10.4893436500963 10.5609933125874  10.4423648034081 10.4426507186013  10.357875 10.3527272727273  L 8.186234375 8.19903409090909  L 8.284203125 8.06625  C 8.87863479607151 7.28455555883727  9.19863962783571 6.33133757601169  9.1953125 5.35227272727273  C 9.1953125 2.84816346383538  7.14841434063266 0.818181818181818  4.6234375 0.818181818181818  C 2.09846065936734 0.818181818181818  0.051562499999999 2.84816346383538  0.051562499999999 5.35227272727273  C 0.051562499999999 7.85638199071007  2.09846065936734 9.88636363636364  4.6234375 9.88636363636364  C 5.61066122247845 9.88966326727509  6.57182268849424 9.57230310354199  7.36003125 8.98278409090909  L 7.493921875 8.885625  L 9.6655625 11.0393181818182  C 9.75623530792295 11.1231097223882  9.87556409019225 11.1697003141451  9.9994999000963 11.1697003141451  C 10.2700331330212 11.1697003141451  10.4893436500963 10.9522022806822  10.4893436500963 10.6839048595996  Z M 7.500453125 7.49948863636364  L 7.19021875 7.89784090909091  L 6.77221875 8.22170454545455  C 6.15143556167398 8.68157263429106  5.39735754927842 8.93004541410505  4.62250933422259 8.93004541410505  C 2.63859895943979 8.93004541410505  1.03032183422259 7.33505983537725  1.03032183422259 5.36754541410505  C 1.03032183422259 3.40003099283285  2.63859895943979 1.80504541410505  4.62250933422259 1.80504541410505  C 6.6064197090054 1.80504541410505  8.21469683422259 3.40003099283285  8.21469683422259 5.36754541410505  C 8.21469683422259 6.13598992490422  7.96415344791015 6.88383588761056  7.500453125 7.49948863636364  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 525 49 )" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u472.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="19px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -520 -45 )">
+    <path d="M 1.20496323529412 9.5  C 1.20496323529412 4.91877769556718  4.91877769556718 1.20496323529412  9.5 1.20496323529412  C 14.0812223044328 1.20496323529412  17.7950367647059 4.91877769556718  17.7950367647059 9.5  C 17.7950367647059 14.0812223044328  14.0812223044328 17.7950367647059  9.5 17.7950367647059  C 4.91877769556718 17.7950367647059  1.20496323529412 14.0812223044328  1.20496323529412 9.5  Z M 16.0696691176471 2.93033088235294  C 14.327236427963 1.18807597002515  11.9640462304922 0.209381039759479  9.5 0.209558823529412  C 4.36929280512174 0.209929009955397  0.210229139545383 4.36929276758501  0.210229139545383 9.49999997581796  C 0.210229139545383 14.6309689567827  4.36970133505121 18.7904411522886  9.50067031601597 18.7904411522886  C 14.6316392969807 18.7904411522886  18.7911114924866 14.6309689567827  18.7911114924866 9.49999997581796  C 18.7911114924866 7.03585753719135  17.8121698356905 4.67265381609933  16.0696691176471 2.93033088235294  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 520 45 )" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/u473.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="11px" height="12px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -525 -49 )">
+    <path d="M 10.4893436500963 10.6839048595996  C 10.4893436500963 10.5609933125874  10.4423648034081 10.4426507186013  10.357875 10.3527272727273  L 8.186234375 8.19903409090909  L 8.284203125 8.06625  C 8.87863479607151 7.28455555883727  9.19863962783571 6.33133757601169  9.1953125 5.35227272727273  C 9.1953125 2.84816346383538  7.14841434063266 0.818181818181818  4.6234375 0.818181818181818  C 2.09846065936734 0.818181818181818  0.051562499999999 2.84816346383538  0.051562499999999 5.35227272727273  C 0.051562499999999 7.85638199071007  2.09846065936734 9.88636363636364  4.6234375 9.88636363636364  C 5.61066122247845 9.88966326727509  6.57182268849424 9.57230310354199  7.36003125 8.98278409090909  L 7.493921875 8.885625  L 9.6655625 11.0393181818182  C 9.75623530792295 11.1231097223882  9.87556409019225 11.1697003141451  9.9994999000963 11.1697003141451  C 10.2700331330212 11.1697003141451  10.4893436500963 10.9522022806822  10.4893436500963 10.6839048595996  Z M 7.500453125 7.49948863636364  L 7.19021875 7.89784090909091  L 6.77221875 8.22170454545455  C 6.15143556167398 8.68157263429106  5.39735754927842 8.93004541410505  4.62250933422259 8.93004541410505  C 2.63859895943979 8.93004541410505  1.03032183422259 7.33505983537725  1.03032183422259 5.36754541410505  C 1.03032183422259 3.40003099283285  2.63859895943979 1.80504541410505  4.62250933422259 1.80504541410505  C 6.6064197090054 1.80504541410505  8.21469683422259 3.40003099283285  8.21469683422259 5.36754541410505  C 8.21469683422259 6.13598992490422  7.96415344791015 6.88383588761056  7.500453125 7.49948863636364  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 525 49 )" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/下拉图标_u163.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="12px" height="7px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <mask fill="white" id="clip2">
+      <path d="M 10.9975292740385 0.878054031250002  C 11.1775299086538 0.681494421874987  11.1761653269231 0.36500470312501  10.9952218990385 0.17048784375001  C 10.8138318894231 -0.0235183437499984  10.5221341153846 -0.0225238437500082  10.3426048990384 0.173498187500002  L 5.61415856250005 5.34299153124999  L 0.819691312500026 0.19551135937499  C 0.638301302884656 0.00102137499999344  0.346603528846117 0.00249967187500033  0.166602908653886 0.19852170312501  C -0.0129263076922825 0.395027546874985  -0.0115617259615419 0.711517265624991  0.169381687500049 0.906034140624996  L 5.26522282211533 6.37653542187499  C 5.27306296153847 6.38502890625  5.28321047596148 6.38704476562501  5.2910754230769 6.39502756249999  C 5.29291140865382 6.39701654687499  5.29338279807689 6.39951620312499  5.29521878365381 6.4015320625  C 5.38520668269234 6.49802446875  5.50290799038464 6.54653945312501  5.62013789423077 6.54653945312501  C 5.73875718750003 6.54653945312501  5.85782306249996 6.49702998437499  5.94783578365389 6.39854859375001  L 10.9975292740385 0.878054031250002  Z " fill-rule="evenodd" />
+    </mask>
+  </defs>
+  <g transform="matrix(1 0 0 1 -137 -13 )">
+    <path d="M 10.9975292740385 0.878054031250002  C 11.1775299086538 0.681494421874987  11.1761653269231 0.36500470312501  10.9952218990385 0.17048784375001  C 10.8138318894231 -0.0235183437499984  10.5221341153846 -0.0225238437500082  10.3426048990384 0.173498187500002  L 5.61415856250005 5.34299153124999  L 0.819691312500026 0.19551135937499  C 0.638301302884656 0.00102137499999344  0.346603528846117 0.00249967187500033  0.166602908653886 0.19852170312501  C -0.0129263076922825 0.395027546874985  -0.0115617259615419 0.711517265624991  0.169381687500049 0.906034140624996  L 5.26522282211533 6.37653542187499  C 5.27306296153847 6.38502890625  5.28321047596148 6.38704476562501  5.2910754230769 6.39502756249999  C 5.29291140865382 6.39701654687499  5.29338279807689 6.39951620312499  5.29521878365381 6.4015320625  C 5.38520668269234 6.49802446875  5.50290799038464 6.54653945312501  5.62013789423077 6.54653945312501  C 5.73875718750003 6.54653945312501  5.85782306249996 6.49702998437499  5.94783578365389 6.39854859375001  L 10.9975292740385 0.878054031250002  Z " fill-rule="nonzero" fill="#666666" stroke="none" transform="matrix(1 0 0 1 137 13 )" />
+    <path d="M 10.9975292740385 0.878054031250002  C 11.1775299086538 0.681494421874987  11.1761653269231 0.36500470312501  10.9952218990385 0.17048784375001  C 10.8138318894231 -0.0235183437499984  10.5221341153846 -0.0225238437500082  10.3426048990384 0.173498187500002  L 5.61415856250005 5.34299153124999  L 0.819691312500026 0.19551135937499  C 0.638301302884656 0.00102137499999344  0.346603528846117 0.00249967187500033  0.166602908653886 0.19852170312501  C -0.0129263076922825 0.395027546874985  -0.0115617259615419 0.711517265624991  0.169381687500049 0.906034140624996  L 5.26522282211533 6.37653542187499  C 5.27306296153847 6.38502890625  5.28321047596148 6.38704476562501  5.2910754230769 6.39502756249999  C 5.29291140865382 6.39701654687499  5.29338279807689 6.39951620312499  5.29521878365381 6.4015320625  C 5.38520668269234 6.49802446875  5.50290799038464 6.54653945312501  5.62013789423077 6.54653945312501  C 5.73875718750003 6.54653945312501  5.85782306249996 6.49702998437499  5.94783578365389 6.39854859375001  L 10.9975292740385 0.878054031250002  Z " stroke-width="2" stroke="#797979" fill="none" transform="matrix(1 0 0 1 137 13 )" mask="url(#clip2)" />
+  </g>
+</svg>

src/assets/img/images/materialmanage/下拉图标_u211.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="12px" height="7px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <mask fill="white" id="clip2">
+      <path d="M 10.9975292740385 0.878054031250002  C 11.1775299086538 0.681494421874987  11.1761653269231 0.36500470312501  10.9952218990385 0.17048784375001  C 10.8138318894231 -0.0235183437499984  10.5221341153846 -0.0225238437500082  10.3426048990384 0.173498187500002  L 5.61415856250005 5.34299153124999  L 0.819691312500026 0.19551135937499  C 0.638301302884656 0.00102137499999344  0.346603528846117 0.00249967187500033  0.166602908653886 0.19852170312501  C -0.0129263076922825 0.395027546874985  -0.0115617259615419 0.711517265624991  0.169381687500049 0.906034140624996  L 5.26522282211533 6.37653542187499  C 5.27306296153847 6.38502890625  5.28321047596148 6.38704476562501  5.2910754230769 6.39502756249999  C 5.29291140865382 6.39701654687499  5.29338279807689 6.39951620312499  5.29521878365381 6.4015320625  C 5.38520668269234 6.49802446875  5.50290799038464 6.54653945312501  5.62013789423077 6.54653945312501  C 5.73875718750003 6.54653945312501  5.85782306249996 6.49702998437499  5.94783578365389 6.39854859375001  L 10.9975292740385 0.878054031250002  Z " fill-rule="evenodd" />
+    </mask>
+  </defs>
+  <g transform="matrix(1 0 0 1 -137 -13 )">
+    <path d="M 10.9975292740385 0.878054031250002  C 11.1775299086538 0.681494421874987  11.1761653269231 0.36500470312501  10.9952218990385 0.17048784375001  C 10.8138318894231 -0.0235183437499984  10.5221341153846 -0.0225238437500082  10.3426048990384 0.173498187500002  L 5.61415856250005 5.34299153124999  L 0.819691312500026 0.19551135937499  C 0.638301302884656 0.00102137499999344  0.346603528846117 0.00249967187500033  0.166602908653886 0.19852170312501  C -0.0129263076922825 0.395027546874985  -0.0115617259615419 0.711517265624991  0.169381687500049 0.906034140624996  L 5.26522282211533 6.37653542187499  C 5.27306296153847 6.38502890625  5.28321047596148 6.38704476562501  5.2910754230769 6.39502756249999  C 5.29291140865382 6.39701654687499  5.29338279807689 6.39951620312499  5.29521878365381 6.4015320625  C 5.38520668269234 6.49802446875  5.50290799038464 6.54653945312501  5.62013789423077 6.54653945312501  C 5.73875718750003 6.54653945312501  5.85782306249996 6.49702998437499  5.94783578365389 6.39854859375001  L 10.9975292740385 0.878054031250002  Z " fill-rule="nonzero" fill="#666666" stroke="none" transform="matrix(1 0 0 1 137 13 )" />
+    <path d="M 10.9975292740385 0.878054031250002  C 11.1775299086538 0.681494421874987  11.1761653269231 0.36500470312501  10.9952218990385 0.17048784375001  C 10.8138318894231 -0.0235183437499984  10.5221341153846 -0.0225238437500082  10.3426048990384 0.173498187500002  L 5.61415856250005 5.34299153124999  L 0.819691312500026 0.19551135937499  C 0.638301302884656 0.00102137499999344  0.346603528846117 0.00249967187500033  0.166602908653886 0.19852170312501  C -0.0129263076922825 0.395027546874985  -0.0115617259615419 0.711517265624991  0.169381687500049 0.906034140624996  L 5.26522282211533 6.37653542187499  C 5.27306296153847 6.38502890625  5.28321047596148 6.38704476562501  5.2910754230769 6.39502756249999  C 5.29291140865382 6.39701654687499  5.29338279807689 6.39951620312499  5.29521878365381 6.4015320625  C 5.38520668269234 6.49802446875  5.50290799038464 6.54653945312501  5.62013789423077 6.54653945312501  C 5.73875718750003 6.54653945312501  5.85782306249996 6.49702998437499  5.94783578365389 6.39854859375001  L 10.9975292740385 0.878054031250002  Z " stroke-width="2" stroke="#797979" fill="none" transform="matrix(1 0 0 1 137 13 )" mask="url(#clip2)" />
+  </g>
+</svg>

src/assets/img/images/warehouseConfig/u1234.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="999px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 0 -66 )">
+    <path d="M 0 66.5  L 998 66.5  " stroke-width="1" stroke="#f4f4f4" fill="none" />
+  </g>
+</svg>

src/assets/img/images/warehouseConfig/u1387.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -830 -53 )">
+    <path d="M 1.37 0.0440000000000005  C 1.066 0.0629999999999988  0.819 0.310000000000001  0.819 0.595000000000001  C 0.819 0.899000000000001  1.066 1.146  1.37 1.146  L 11.459 1.146  C 11.763 1.146  12.01 0.899000000000001  12.01 0.595000000000001  C 12.01 0.291  11.763 0.0440000000000005  11.459 0.0440000000000005  L 1.37 0.0440000000000005  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 830 53 )" />
+  </g>
+</svg>

src/assets/img/images/warehouseConfig/u1388.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="19px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -827 -44 )">
+    <path d="M 18.354 9.595  C 18.354 9.443  18.335 9.291  18.335 9.139  C 18.316 8.835  18.069 8.607  17.765 8.626  C 17.461 8.645  17.233 8.892  17.252 9.196  C 17.252 9.329  17.271 9.462  17.271 9.595  C 17.271 13.87  13.794 17.347  9.519 17.347  C 5.244 17.347  1.767 13.87  1.767 9.595  C 1.748 5.32  5.225 1.843  9.5 1.843  C 10.64 1.843  11.723 2.09  12.749 2.546  L 13.091 2.717  C 13.357 2.85  13.68 2.755  13.832 2.489  C 13.965 2.223  13.87 1.9  13.604 1.748  C 13.471 1.672  13.338 1.615  13.205 1.558  C 12.046 1.026  10.792 0.76  9.5 0.76  C 4.617 0.76  0.646 4.731  0.646 9.595  C 0.646 14.478  4.617 18.449  9.5 18.449  C 14.383 18.449  18.354 14.478  18.354 9.595  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 827 44 )" />
+  </g>
+</svg>

src/assets/img/images/warehouseConfig/u1389.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="3px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -843 -50 )">
+    <path d="M 0.834 1.04900003510714  C 0.834 1.37429575275747  1.09770428234966 1.63800003510714  1.423 1.63800003510714  C 1.74829571765034 1.63800003510714  2.012 1.37429575275747  2.012 1.04900003510714  C 2.012 0.723704282349663  1.74829571765034 0.460000000000001  1.423 0.460000000000001  C 1.09770428234966 0.460000000000001  0.834 0.723704282349663  0.834 1.049  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 843 50 )" />
+  </g>
+</svg>

src/assets/img/images/warehouseConfig/u1390.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="3px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -842 -48 )">
+    <path d="M 0.959999999999999 1.149  C 0.959999999999999 1.47429571765034  1.22370428234966 1.738  1.549 1.738  C 1.87429571765034 1.738  2.138 1.47429571765034  2.138 1.149  C 2.138 0.823704282349664  1.87429571765034 0.56  1.549 0.56  C 1.22370428234966 0.56  0.959999999999999 0.823704282349663  0.959999999999999 1.149  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 842 48 )" />
+  </g>
+</svg>