first commit

.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not ie <= 8

.env.development

@@ -0,0 +1,14 @@
+NODE_ENV=development
+VUE_APP_API_HOST='http://localhost:8081'
+VUE_APP_PUBLIC_SERVICE='http://localhost:8081'
+VUE_APP_DMMS_SERVICE='http://localhost:8081'
+VUE_APP_DLMS_SERVICE='http://10.238.253.174:6002'
+VUE_APP_DPMS_SERVICE='http://10.238.253.174:6003'
+
+VUE_APP_DNMS_SERVICE='http://localhost:8081'
+VUE_APP_DWDGL_SERVICE='http://localhost:8081'
+VUE_APP_TEXT_SERVICE='http://localhost:8081'
+
+VUE_APP_DWDGLDATA_SERVICE='http://localhost:8081'
+VUE_APP_MAPDATA_SERVICE='http://10.246.145.222:8081'
+VUE_APP_MAPDATA_SERVICE_TEST='http://10.246.145.222:8082'

.env.production

@@ -0,0 +1,14 @@
+NODE_ENV=production
+VUE_APP_API_HOST='http://10.246.145.161:8081/pipeline-xq'
+VUE_APP_PUBLIC_SERVICE='http://10.246.145.161:8081/pipeline-xq'
+VUE_APP_DMMS_SERVICE='http://10.238.253.174:6001'
+VUE_APP_DLMS_SERVICE='http://10.238.253.174:6002'
+VUE_APP_DPMS_SERVICE='http://10.238.253.174:6003'
+
+VUE_APP_DNMS_SERVICE='http://10.246.145.161:8081/pipeline-xq'
+VUE_APP_DWDGL_SERVICE='http://10.246.145.161:8081/pipeline-xq'
+VUE_APP_TEXT_SERVICE='http://10.246.145.161:8081/pipeline-xq'
+
+VUE_APP_DWDGLDATA_SERVICE='http://10.246.145.161:8081/pipeline-xq'
+VUE_APP_MAPDATA_SERVICE='http://10.246.145.222:8081'
+VUE_APP_MAPDATA_SERVICE_TEST='http://10.246.145.222:8082'

.eslintignore

@@ -0,0 +1 @@
+/src/styles

.eslintrc.js

@@ -0,0 +1,48 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  'extends': [
+    'plugin:vue/essential',
+    '@vue/standard'
+  ],
+  rules: {
+    'indent': [0, 2],
+    // allow paren-less arrow functions
+    'arrow-parens': 0,
+    // allow async-await
+    'generator-star-spacing': 0,
+    // no whitespace
+    'space-before-function-paren': ['error', {
+      'anonymous': 'never',
+      'named': 'never',
+      'asyncArrow': 'always'
+    }],
+    // 多行注释允许无空格
+    'spaced-comment': ['error', 'always', { 'exceptions': ['*'] }],
+    // 禁止使用alert confirm prompt
+    'no-alert': process.env.NODE_ENV === 'production' ? 1 : 0,
+    // 使用三元操作符
+    'no-ternary': 0,
+    // 禁止不必要的嵌套 var isYes = answer === 1 ? true : false;
+    'no-unneeded-ternary': 0,
+    // 嵌套块深度
+    'max-depth': [0, 3],
+    // 循环复杂度
+    'complexity': [0, 10],
+    // allow async-await
+    // 'generator-star-spacing': 'off',
+    'no-console': process.env.NODE_ENV === 'production' ? 'off' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  // 全局变量
+  globals: {
+    '$': true,
+    'echarts': true,
+    'vm': true
+  }
+}

.postcssrc.js

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

aliases.config.js

@@ -0,0 +1,26 @@
+const path = require('path')
+
+function resolveSrc(_path) {
+  return path.join(__dirname, _path)
+}
+
+const aliases = {
+  '@src': 'src',
+  '@router': 'src/router',
+  '@views': 'src/views',
+  '@components': 'src/components',
+  '@assets': 'src/assets',
+  '@utils': 'src/utils',
+  '@styles': 'src/styles'
+}
+
+module.exports = {
+  webpack: {},
+  jest: {}
+}
+
+for (const alias in aliases) {
+  module.exports.webpack[alias] = resolveSrc(aliases[alias])
+  module.exports.jest['^' + alias + '/(.*)$'] =
+    '<rootDir>/' + aliases[alias] + '/$1'
+}

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}

element-variables.scss

@@ -0,0 +1,712 @@
+/* Element Chalk Variables */
+
+/* Transition
+-------------------------- */
+$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default;
+$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
+$--fade-linear-transition: opacity 200ms linear !default;
+$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
+$--border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1) !default;
+$--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default;
+
+/* Colors
+-------------------------- */
+$--color-white: #fff !default;
+$--color-black: #000 !default;
+
+$--color-primary: #409EFF !default;
+$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
+$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
+$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
+$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */
+$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */
+$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */
+$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */
+$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
+$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
+
+$--color-success: #67c23a !default;
+$--color-warning: #e6a23c !default;
+$--color-danger: #f56c6c !default;
+$--color-info: #909399 !default;
+
+$--color-success-light: mix($--color-white, $--color-success, 80%) !default;
+$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
+$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default;
+$--color-info-light: mix($--color-white, $--color-info, 80%) !default;
+
+$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default;
+$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;
+$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;
+$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;
+
+$--color-text-primary: #303133 !default;
+$--color-text-regular: #606266 !default;
+$--color-text-secondary: #909399 !default;
+$--color-text-placeholder: #b0c4cc !default;// tj
+
+/* Link
+-------------------------- */
+$--link-color: $--color-primary-light-2 !default;
+$--link-hover-color: $--color-primary !default;
+
+/* Background
+-------------------------- */
+$--background-color-base: #f5f7fa !default;
+
+/* Border
+-------------------------- */
+$--border-width-base: 1px !default;
+$--border-style-base: solid !default;
+$--border-color-base: #bfcbd9 !default;// tj
+$--border-color-light: #e4e7ed !default;
+$--border-color-lighter: #dcdee2 !default;
+$--border-color-extra-light: #f2f6fc !default;
+$--border-color-hover: $--color-text-placeholder !default;
+$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
+$--border-radius-base: 4px !default;
+$--border-radius-small: 2px !default;
+$--border-radius-circle: 100% !default;
+
+/* Box-shadow
+-------------------------- */
+$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default;
+$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default;
+$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
+
+/* Fill
+-------------------------- */
+$--fill-base: $--color-white !default;
+
+/* Font
+-------------------------- */
+$--font-path: 'fonts' !default;
+$--font-size-base: 14px !default;
+$--font-size-small: 13px !default;
+$--font-size-large: 18px !default;
+$--font-color-disabled-base: #bbb !default;
+$--font-weight-primary: 500 !default;
+$--font-line-height-primary: 24px !default;
+
+/* Size
+-------------------------- */
+$--size-base: 14px !default;
+
+/* z-index
+-------------------------- */
+$--index-normal: 1 !default;
+$--index-top: 1000 !default;
+$--index-popper: 2000 !default;
+
+/* Disable base
+-------------------------- */
+$--disabled-fill-base: $--background-color-base !default;
+$--disabled-color-base: $--color-text-placeholder !default;
+$--disabled-border-base: $--border-color-light !default;
+
+/* Icon
+-------------------------- */
+$--icon-color: #666 !default;
+$--icon-color-base: $--color-info !default;
+
+/* Checkbox
+-------------------------- */
+$--checkbox-font-size: 14px !default;
+$--checkbox-font-weight: $--font-weight-primary !default;
+$--checkbox-color: $--color-text-regular !default;
+$--checkbox-input-height: 14px !default;
+$--checkbox-input-width: 14px !default;
+$--checkbox-input-border-radius: $--border-radius-small !default;
+$--checkbox-input-fill: $--color-white !default;
+$--checkbox-input-border: $--border-base !default;
+$--checkbox-input-border-color: $--border-color-base !default;
+$--checkbox-icon-color: $--color-white !default;
+
+$--checkbox-disabled-input-border-color: $--border-color-base !default;
+$--checkbox-disabled-input-fill: #edf2fc !default;
+$--checkbox-disabled-icon-color: $--color-text-placeholder !default;
+
+$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default;
+$--checkbox-disabled-checked-input-border-color: $--border-color-base !default;
+$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default;
+
+$--checkbox-checked-text-color: $--color-primary !default;
+$--checkbox-checked-input-border-color: $--color-primary !default;
+$--checkbox-checked-input-fill: $--color-primary !default;
+$--checkbox-checked-icon-color: $--fill-base !default;
+
+$--checkbox-input-border-color-hover: $--color-primary !default;
+
+$--checkbox-bordered-height: 40px !default;
+$--checkbox-bordered-padding: 9px 20px 9px 10px !default;
+$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default;
+$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default;
+$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default;
+$--checkbox-bordered-medium-input-height: 14px !default;
+$--checkbox-bordered-medium-input-width: 14px !default;
+$--checkbox-bordered-medium-height: 36px !default;
+$--checkbox-bordered-small-input-height: 12px !default;
+$--checkbox-bordered-small-input-width: 12px !default;
+$--checkbox-bordered-small-height: 32px !default;
+$--checkbox-bordered-mini-input-height: 12px !default;
+$--checkbox-bordered-mini-input-width: 12px !default;
+$--checkbox-bordered-mini-height: 28px !default;
+
+$--checkbox-button-font-size: $--font-size-base !default;
+$--checkbox-button-checked-fill: $--color-primary !default;
+$--checkbox-button-checked-color: $--color-white !default;
+$--checkbox-button-checked-border-color: $--color-primary !default;
+
+
+
+/* Radio
+-------------------------- */
+$--radio-font-size: 14px !default;
+$--radio-font-weight: $--font-weight-primary !default;
+$--radio-color: $--color-text-regular !default;
+$--radio-input-height: 14px !default;
+$--radio-input-width: 14px !default;
+$--radio-input-border-radius: $--border-radius-circle !default;
+$--radio-input-fill: $--color-white !default;
+$--radio-input-border: $--border-base !default;
+$--radio-input-border-color: $--border-color-base !default;
+$--radio-icon-color: $--color-white !default;
+
+$--radio-disabled-input-border-color: $--disabled-border-base !default;
+$--radio-disabled-input-fill: $--disabled-fill-base !default;
+$--radio-disabled-icon-color: $--disabled-fill-base !default;
+
+$--radio-disabled-checked-input-border-color: $--disabled-border-base !default;
+$--radio-disabled-checked-input-fill: $--disabled-fill-base !default;
+$--radio-disabled-checked-icon-color: $--color-text-placeholder !default;
+
+$--radio-checked-text-color: $--color-primary !default;
+$--radio-checked-input-border-color: $--color-primary !default;
+$--radio-checked-input-fill: $--color-white !default;
+$--radio-checked-icon-color: $--color-primary !default;
+
+$--radio-input-border-color-hover: $--color-primary !default;
+
+$--radio-bordered-height: 40px !default;
+$--radio-bordered-padding: 12px 20px 0 10px !default;
+$--radio-bordered-medium-padding: 10px 20px 0 10px !default;
+$--radio-bordered-small-padding: 8px 15px 0 10px !default;
+$--radio-bordered-mini-padding: 6px 15px 0 10px !default;
+$--radio-bordered-medium-input-height: 14px !default;
+$--radio-bordered-medium-input-width: 14px !default;
+$--radio-bordered-medium-height: 36px !default;
+$--radio-bordered-small-input-height: 12px !default;
+$--radio-bordered-small-input-width: 12px !default;
+$--radio-bordered-small-height: 32px !default;
+$--radio-bordered-mini-input-height: 12px !default;
+$--radio-bordered-mini-input-width: 12px !default;
+$--radio-bordered-mini-height: 28px !default;
+
+$--radio-button-font-size: $--font-size-base !default;
+$--radio-button-checked-fill: $--color-primary !default;
+$--radio-button-checked-color: $--color-white !default;
+$--radio-button-checked-border-color: $--color-primary !default;
+$--radio-button-disabled-checked-fill: $--border-color-extra-light !default;
+
+/* Select
+-------------------------- */
+$--select-border-color-hover: $--border-color-hover !default;
+$--select-disabled-border: $--disabled-border-base !default;
+$--select-font-size: $--font-size-base !default;
+$--select-close-hover-color: $--color-text-secondary !default;
+
+$--select-input-color: $--color-text-placeholder !default;
+$--select-multiple-input-color: #666 !default;
+$--select-input-focus-background: $--color-primary !default;
+$--select-input-font-size: 14px !default;
+
+$--select-option-color: $--color-text-regular !default;
+$--select-option-disabled-color: $--color-text-placeholder !default;
+$--select-option-disabled-background: $--color-white !default;
+$--select-option-height: 34px !default;
+$--select-option-hover-background: $--background-color-base !default;
+$--select-option-selected: $--color-primary !default;
+$--select-option-selected-hover: $--background-color-base !default;
+
+$--select-group-color: $--color-info !default;
+$--select-group-height: 30px !default;
+$--select-group-font-size: 12px !default;
+
+$--select-dropdown-background: $--color-white !default;
+$--select-dropdown-shadow: $--box-shadow-light !default;
+$--select-dropdown-empty-color: #999 !default;
+$--select-dropdown-max-height: 274px !default;
+$--select-dropdown-padding: 6px 0 !default;
+$--select-dropdown-empty-padding: 10px 0 !default;
+$--select-dropdown-border: solid 1px $--border-color-light !default;
+
+/* Alert
+-------------------------- */
+$--alert-padding: 8px 16px !default;
+$--alert-border-radius: $--border-radius-base !default;
+$--alert-title-font-size: 13px !default;
+$--alert-description-font-size: 12px !default;
+$--alert-close-font-size: 12px !default;
+$--alert-close-customed-font-size: 13px !default;
+
+$--alert-success-color: $--color-success-lighter !default;
+$--alert-info-color: $--color-info-lighter !default;
+$--alert-warning-color: $--color-warning-lighter !default;
+$--alert-danger-color: $--color-danger-lighter !default;
+
+$--alert-icon-size: 16px !default;
+$--alert-icon-large-size: 28px !default;
+
+/* Message Box
+-------------------------- */
+$--msgbox-width: 420px !default;
+$--msgbox-border-radius: 4px !default;
+$--msgbox-font-size: $--font-size-large !default;
+$--msgbox-content-font-size: $--font-size-base !default;
+$--msgbox-content-color: $--color-text-regular !default;
+$--msgbox-error-font-size: 12px !default;
+$--msgbox-padding-primary: 15px !default;
+
+$--msgbox-success-color: $--color-success !default;
+$--msgbox-info-color: $--color-info !default;
+$--msgbox-warning-color: $--color-warning !default;
+$--msgbox-danger-color: $--color-danger !default;
+
+/* Message
+-------------------------- */
+$--message-shadow: $--box-shadow-base !default;
+$--message-min-width: 380px !default;
+$--message-background-color: #edf2fc !default;
+$--message-padding: 15px 15px 15px 20px !default;
+$--message-content-color: $--color-text-regular !default;
+$--message-close-color: $--color-text-placeholder !default;
+$--message-close-size: 16px !default;
+$--message-close-hover-color: $--color-text-secondary !default;
+
+$--message-success-color: $--color-success !default;
+$--message-info-color: $--color-info !default;
+$--message-warning-color: $--color-warning !default;
+$--message-danger-color: $--color-danger !default;
+
+/* Notification
+-------------------------- */
+$--notification-width: 330px !default;
+$--notification-padding: 14px 26px 14px 13px !default;
+$--notification-radius: 8px !default;
+$--notification-shadow: $--box-shadow-light !default;
+$--notification-border-color: $--border-color-lighter !default;
+$--notification-icon-size: 24px !default;
+$--notification-close-font-size: $--message-close-size !default;
+$--notification-group-margin: 13px !default;
+$--notification-font-size: $--font-size-base !default;
+$--notification-color: $--color-text-regular !default;
+$--notification-title-font-size: 16px !default;
+$--notification-title-color: $--color-text-primary !default;
+
+$--notification-close-color: $--color-text-secondary !default;
+$--notification-close-hover-color: $--color-text-regular !default;
+
+$--notification-success-color: $--color-success !default;
+$--notification-info-color: $--color-info !default;
+$--notification-warning-color: $--color-warning !default;
+$--notification-danger-color: $--color-danger !default;
+
+/* Input
+-------------------------- */
+$--input-font-size: $--font-size-base !default;
+$--input-color: $--color-text-regular !default;
+$--input-width: 140px !default;
+$--input-height: 40px !default;
+$--input-border: $--border-base !default;
+$--input-border-color: $--border-color-base !default;
+$--input-border-radius: $--border-radius-base !default;
+$--input-border-color-hover: $--border-color-hover !default;
+$--input-fill: $--color-white !default;
+$--input-fill-disabled: $--disabled-fill-base !default;
+$--input-color-disabled: $--font-color-disabled-base !default;
+$--input-icon-color: $--color-text-placeholder !default;
+$--input-placeholder-color: $--color-text-placeholder !default;
+$--input-max-width: 314px !default;
+
+$--input-hover-border: $--border-color-hover !default;
+$--input-clear-hover-color: $--color-text-secondary !default;
+
+$--input-focus-border: $--color-primary !default;
+$--input-focus-fill: $--color-white !default;
+
+$--input-disabled-fill: $--disabled-fill-base !default;
+$--input-disabled-border: $--disabled-border-base !default;
+$--input-disabled-color: $--disabled-color-base !default;
+$--input-disabled-placeholder-color: $--color-text-placeholder !default;
+
+$--input-medium-font-size: 14px !default;
+$--input-medium-height: 36px !default;
+
+$--input-small-font-size: 13px !default;
+$--input-small-height: 32px !default;
+
+$--input-mini-font-size: 12px !default;
+$--input-mini-height: 28px !default;
+
+/* Cascader
+-------------------------- */
+$--cascader-menu-fill: $--fill-base !default;
+$--cascader-menu-font-size: $--font-size-base !default;
+$--cascader-menu-radius: $--border-radius-base !default;
+$--cascader-menu-border: $--border-base !default;
+$--cascader-menu-border-color: $--border-color-base !default;
+$--cascader-menu-border-width: $--border-width-base !default;
+$--cascader-menu-color: $--color-text-regular !default;
+$--cascader-menu-option-color-active: $--color-text-secondary !default;
+$--cascader-menu-option-fill-active: rgba($--color-text-secondary, 0.12) !default;
+$--cascader-menu-option-color-hover: $--color-text-regular !default;
+$--cascader-menu-option-fill-hover: rgba($--color-text-primary, 0.06) !default;
+$--cascader-menu-option-color-disabled: #999 !default;
+$--cascader-menu-option-fill-disabled: rgba($--color-black, 0.06) !default;
+$--cascader-menu-option-empty-color: #666 !default;
+$--cascader-menu-group-color: #999 !default;
+$--cascader-menu-shadow: 0 1px 2px rgba($--color-black, 0.14), 0 0 3px rgba($--color-black, 0.14) !default;
+$--cascader-menu-option-pinyin-color: #999 !default;
+$--cascader-menu-submenu-shadow: 1px 1px 2px rgba($--color-black, 0.14), 1px 0 2px rgba($--color-black, 0.14) !default;
+
+/* Group
+-------------------------- */
+$--group-option-flex: 0 0 (1/5) * 100% !default;
+$--group-option-offset-bottom: 12px !default;
+$--group-option-fill-hover: rgba($--color-black, 0.06) !default;
+$--group-title-color: $--color-black !default;
+$--group-title-font-size: $--font-size-base !default;
+$--group-title-width: 66px !default;
+
+/* Tab
+-------------------------- */
+$--tab-font-size: $--font-size-base !default;
+$--tab-border-line: 1px solid #e4e4e4 !default;
+$--tab-header-color-active: $--color-text-secondary !default;
+$--tab-header-color-hover: $--color-text-regular !default;
+$--tab-header-color: $--color-text-regular !default;
+$--tab-header-fill-active: rgba($--color-black, 0.06) !default;
+$--tab-header-fill-hover: rgba($--color-black, 0.06) !default;
+$--tab-vertical-header-width: 90px !default;
+$--tab-vertical-header-count-color: $--color-white !default;
+$--tab-vertical-header-count-fill: $--color-text-secondary !default;
+
+/* Button
+-------------------------- */
+$--button-font-size: 14px !default;
+$--button-font-weight: $--font-weight-primary !default;
+$--button-border-radius: $--border-radius-base !default;
+$--button-padding-vertical: 12px !default;
+$--button-padding-horizontal: 20px !default;
+
+$--button-medium-font-size: 14px !default;
+$--button-medium-border-radius: $--border-radius-base !default;
+$--button-medium-padding-vertical: 10px !default;
+$--button-medium-padding-horizontal: 20px !default;
+
+$--button-small-font-size: 12px !default;
+$--button-small-border-radius: #{$--border-radius-base - 1} !default;
+$--button-small-padding-vertical: 9px !default;
+$--button-small-padding-horizontal: 15px !default;
+
+$--button-mini-font-size: 12px !default;
+$--button-mini-border-radius: #{$--border-radius-base - 1} !default;
+$--button-mini-padding-vertical: 7px !default;
+$--button-mini-padding-horizontal: 15px !default;
+
+$--button-default-color: $--color-text-regular !default;
+$--button-default-fill: $--color-white !default;
+$--button-default-border: $--border-color-base !default;
+
+$--button-disabled-color: $--color-text-placeholder !default;
+$--button-disabled-fill: $--color-white !default;
+$--button-disabled-border: $--border-color-lighter !default;
+
+$--button-primary-border: $--color-primary !default;
+$--button-primary-color: $--color-white !default;
+$--button-primary-fill: $--color-primary !default;
+
+$--button-success-border: $--color-success !default;
+$--button-success-color: $--color-white !default;
+$--button-success-fill: $--color-success !default;
+
+$--button-warning-border: $--color-warning !default;
+$--button-warning-color: $--color-white !default;
+$--button-warning-fill: $--color-warning !default;
+
+$--button-danger-border: $--color-danger !default;
+$--button-danger-color: $--color-white !default;
+$--button-danger-fill: $--color-danger !default;
+
+$--button-info-border: $--color-info !default;
+$--button-info-color: $--color-white !default;
+$--button-info-fill: $--color-info !default;
+
+$--button-hover-tint-percent: 20% !default;
+$--button-active-shade-percent: 10% !default;
+
+
+/* cascader
+-------------------------- */
+$--cascader-height: 200px !default;
+
+/* Switch
+-------------------------- */
+$--switch-on-color: $--color-primary !default;
+$--switch-off-color: $--border-color-base !default;
+$--switch-disabled-color: $--border-color-lighter !default;
+$--switch-disabled-text-color: $--color-text-placeholder !default;
+
+$--switch-font-size: $--font-size-base !default;
+$--switch-core-border-radius: 10px !default;
+$--switch-width: 40px !default;
+$--switch-height: 20px !default;
+$--switch-button-size: 16px !default;
+
+/* Dialog
+-------------------------- */
+$--dialog-background-color: $--color-primary-light-4 !default;
+$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
+$--dialog-close-hover-color: $--color-primary !default;
+$--dialog-title-font-size: $--font-size-large !default;
+$--dialog-font-size: 14px !default;
+$--dialog-line-height: $--font-line-height-primary !default;
+$--dialog-padding-primary: 20px !default;
+
+/* Table
+-------------------------- */
+$--table-border-color: $--border-color-lighter !default;
+$--table-border: 1px solid $--table-border-color !default;
+$--table-text-color: $--color-text-regular !default;
+$--table-header-color: $--color-text-secondary !default;
+$--table-row-hover-background: $--background-color-base !default;
+$--table-current-row-background: $--color-primary-light-9 !default;
+$--table-header-background: $--color-white !default;
+$--table-footer-background: $--color-text-placeholder !default;
+$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default;
+
+/* Pagination
+-------------------------- */
+$--pagination-font-size: 13px !default;
+$--pagination-fill: $--color-white !default;
+$--pagination-color: $--color-text-primary !default;
+$--pagination-border-radius: 3px !default;
+$--pagination-button-color: $--color-text-primary !default;
+$--pagination-button-width: 35.5px !default;
+$--pagination-button-height: 28px !default;
+$--pagination-button-disabled-color: $--color-text-placeholder !default;
+$--pagination-button-disabled-fill: $--color-white !default;
+$--pagination-hover-fill: $--color-primary !default;
+$--pagination-hover-color: $--color-white !default;
+
+/* Popover
+-------------------------- */
+$--popover-fill: $--color-white !default;
+$--popover-font-size: $--font-size-base !default;
+$--popover-border-color: $--border-color-lighter !default;
+$--popover-arrow-size: 6px !default;
+$--popover-padding: 12px !default;
+$--popover-padding-large: 18px 20px !default;
+$--popover-title-font-size: 16px !default;
+$--popover-title-color: $--color-text-primary !default;
+
+/* Tooltip
+-------------------------- */
+$--tooltip-fill: $--color-text-primary !default;
+$--tooltip-color: $--color-white !default;
+$--tooltip-font-size: 12px !default;
+$--tooltip-border-color: $--color-text-primary !default;
+$--tooltip-arrow-size: 6px !default;
+$--tooltip-padding: 10px !default;
+
+/* Tag
+-------------------------- */
+$--tag-padding: 0 10px !default;
+$--tag-fill: rgba($--color-primary, 0.10) !default;
+$--tag-color: $--color-primary !default;
+$--tag-border: rgba($--color-primary, 0.20) !default;
+$--tag-font-size: 12px !default;
+$--tag-border-radius: 4px !default;
+
+$--tag-info-fill: rgba($--color-info, 0.10) !default;
+$--tag-info-border: rgba($--color-info, 0.20) !default;
+$--tag-info-color: $--color-info !default;
+
+$--tag-primary-fill: rgba($--color-primary, 0.10) !default;
+$--tag-primary-border: rgba($--color-primary, 0.20) !default;
+$--tag-primary-color: $--color-primary !default;
+
+$--tag-success-fill: rgba($--color-success, 0.10) !default;
+$--tag-success-border: rgba($--color-success, 0.20) !default;
+$--tag-success-color: $--color-success !default;
+
+$--tag-warning-fill: rgba($--color-warning, 0.10) !default;
+$--tag-warning-border: rgba($--color-warning, 0.20) !default;
+$--tag-warning-color: $--color-warning !default;
+
+$--tag-danger-fill: rgba($--color-danger, 0.10) !default;
+$--tag-danger-border: rgba($--color-danger, 0.20) !default;
+$--tag-danger-color: $--color-danger !default;
+
+/* Tree
+-------------------------- */
+$--tree-node-hover-color: $--background-color-base !default;
+$--tree-text-color: $--color-text-regular !default;
+$--tree-expand-icon-color: $--color-text-placeholder !default;
+
+/* Dropdown
+-------------------------- */
+$--dropdown-menu-box-shadow: $--box-shadow-light !default;
+$--dropdown-menuItem-hover-fill: $--color-primary-light-9 !default;
+$--dropdown-menuItem-hover-color: $--link-color !default;
+
+/* Badge
+-------------------------- */
+$--badge-fill: $--color-danger !default;
+$--badge-radius: 10px !default;
+$--badge-font-size: 12px !default;
+$--badge-padding: 6px !default;
+$--badge-size: 18px !default;
+
+/* Card
+--------------------------*/
+$--card-border-color: $--border-color-lighter !default;
+$--card-border-radius: 4px !default;
+$--card-padding: 20px !default;
+
+/* Slider
+--------------------------*/
+$--slider-main-background-color: $--color-primary !default;
+$--slider-runway-background-color: $--border-color-light !default;
+$--slider-button-hover-color: mix($--color-primary, black, 97%) !default;
+$--slider-stop-background-color: $--color-white !default;
+$--slider-disable-color: $--color-text-placeholder !default;
+
+$--slider-margin: 16px 0 !default;
+$--slider-border-radius: 3px !default;
+$--slider-height: 6px !default;
+$--slider-button-size: 16px !default;
+$--slider-button-wrapper-size: 36px !default;
+$--slider-button-wrapper-offset: -15px !default;
+
+/* Steps
+--------------------------*/
+$--steps-border-color: $--disabled-border-base !default;
+$--steps-border-radius: 4px !default;
+$--steps-padding: 20px !default;
+
+/* Menu
+--------------------------*/
+$--menu-item-color: $--color-text-primary !default;
+$--menu-item-fill: $--color-white !default;
+$--menu-item-hover-fill: $--color-primary-light-9 !default;
+
+/* Rate
+--------------------------*/
+$--rate-height: 20px !default;
+$--rate-font-size: $--font-size-base !default;
+$--rate-icon-size: 18px !default;
+$--rate-icon-margin: 6px !default;
+$--rate-icon-color: $--color-text-placeholder !default;
+
+/* DatePicker
+--------------------------*/
+$--datepicker-color: $--color-text-regular !default;
+$--datepicker-off-color: $--color-text-placeholder !default;
+$--datepicker-header-color: $--color-text-regular !default;
+$--datepicker-icon-color: $--color-text-primary !default;
+$--datepicker-border-color: $--disabled-border-base !default;
+$--datepicker-inner-border-color: #e4e4e4 !default;
+$--datepicker-inrange-color: $--border-color-extra-light !default;
+$--datepicker-inrange-hover-color: $--border-color-extra-light !default;
+$--datepicker-active-color: $--color-primary !default;
+$--datepicker-text-hover-color: $--color-primary !default;
+$--datepicker-cell-hover-color: #fff !default;
+
+/* Loading
+--------------------------*/
+$--loading-spinner-size: 42px !default;
+$--loading-fullscreen-spinner-size: 50px !default;
+
+/* Scrollbar
+--------------------------*/
+$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default;
+$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default;
+
+/* Carousel
+--------------------------*/
+$--carousel-arrow-font-size: 12px !default;
+$--carousel-arrow-size: 36px !default;
+$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default;
+$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default;
+$--carousel-indicator-width: 30px !default;
+$--carousel-indicator-height: 2px !default;
+$--carousel-indicator-padding-horizontal: 4px !default;
+$--carousel-indicator-padding-vertical: 12px !default;
+$--carousel-indicator-out-color: $--border-color-hover !default;
+
+/* Collapse
+--------------------------*/
+$--collapse-border-color: $--border-color-lighter !default;
+$--collapse-header-height: 48px !default;
+$--collapse-header-padding: 20px !default;
+$--collapse-header-fill: $--color-white !default;
+$--collapse-header-color: $--color-text-primary !default;
+$--collapse-header-size: 13px !default;
+$--collapse-content-fill: $--color-white !default;
+$--collapse-content-size: 13px !default;
+$--collapse-content-color: $--color-text-primary !default;
+
+/* Transfer
+--------------------------*/
+$--transfer-border-color: $--border-color-lighter !default;
+$--transfer-border-radius: $--border-radius-base !default;
+$--transfer-panel-width: 200px !default;
+$--transfer-panel-header-height: 40px !default;
+$--transfer-panel-header-background: $--background-color-base !default;
+$--transfer-panel-footer-height: 40px !default;
+$--transfer-panel-body-height: 246px !default;
+$--transfer-item-height: 30px !default;
+$--transfer-item-hover-background: $--color-text-secondary !default;
+$--transfer-filter-height: 32px !default;
+
+/* Header
+  --------------------------*/
+$--header-padding: 0 20px !default;
+
+/* Footer
+--------------------------*/
+$--footer-padding: 0 20px !default;
+
+/* Main
+--------------------------*/
+$--main-padding: 20px !default;
+
+/* Break-point
+--------------------------*/
+$--sm: 768px !default;
+$--md: 992px !default;
+$--lg: 1200px !default;
+$--xl: 1920px !default;
+
+$--breakpoints: (
+  'xs' : (max-width: $--sm),
+  'sm' : (min-width: $--sm),
+  'md' : (min-width: $--md),
+  'lg' : (min-width: $--lg),
+  'xl' : (min-width: $--xl)
+);
+
+$--breakpoints-spec: (
+  'xs-only' : (max-width: $--sm - 1),
+  'sm-and-up' : (min-width: $--sm),
+  'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md} - 1)",
+  'sm-and-down': (max-width: $--md - 1),
+  'md-and-up' : (min-width: $--md),
+  'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg } - 1)",
+  'md-and-down': (max-width: $--lg - 1),
+  'lg-and-up' : (min-width: $--lg),
+  'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl } - 1)",
+  'lg-and-down': (max-width: $--xl - 1),
+  'xl-only' : (min-width: $--xl),
+);

mock/aaa.js

@@ -0,0 +1,113 @@
+import * as API from '@/api'
+// 引入mockjs
+const Mock = require('mockjs')
+
+Mock.mock(API.PUBLIC_GET_USER_INFO, () => {
+  return 'huiqing.wang'
+})
+//
+Mock.mock(RegExp(API.PUBLIC_GET_PAGES_RESOURCE + '.*'), () => {
+  return {
+    code: 200,
+    msg: 'Succeed!',
+    body: {
+      // data: 'add,delete,edit,query,import,export,start,stop'
+    data:[{"resourceName":"查询","resourceId":"search"},{"resourceName":"修改","resourceId":"edit"},{"resourceName":"新增","resourceId":"add"},{"resourceName":"删除","resourceId":"delete"}]
+    }
+  }
+})
+
+
+Mock.mock(API.BASE_ALL_DEMO_ORGDATA, () => {
+        return {
+            body: {
+                "pageIndex": 0,
+                "pageSize": 0,
+                "pages": 0,
+                "total": null,
+                "data": [
+                    {
+                        "id": "31300000",
+                        "label": "1原油田",
+                        "children": [
+                            {
+                                "id": "31301845",
+                                "label": "光气田",
+                                "children": [
+                                    {
+                                        "id": "31300JQZZ",
+                                        "label": "集气总站",
+                                        "children": []
+                                    },
+                                    {
+                                        "id": "31300D404",
+                                        "label": "大弯404集气站",
+                                        "children": []
+                                    },
+                                    {
+                                        "id": "31300D405",
+                                        "label": "大弯405集气站",
+                                        "children": []
+                                    },
+                                    {
+                                        "id": "31300P305",
+                                        "label": "普光305集气站",
+                                        "children": []
+                                    },
+                                    {
+                                        "id": "31300D401",
+                                        "label": "大弯401集气站",
+                                        "children": []
+                                    },
+                                    {
+                                        "id": "31300D402",
+                                        "label": "大弯402集气站",
+                                        "children": []
+                                    },
+                                    {
+                                        "id": "31300D403",
+                                        "label": "大弯403集气站",
+                                        "children": []
+                                    }
+                                ]
+                            }
+                        ]
+                    }
+                ]
+            },
+            code: "200",
+            msg: "OrgmOrg-查询成功！"
+        }
+    }
+)
+Mock.mock(API.BASEE_ALL_DEMO_ORGDATA, () => {
+        return {
+            body: {
+                "pageIndex": 0,
+                "pageSize": 0,
+                "pages": 0,
+                "total": null,
+                'tableData': [{
+                    'date': '2016-05-02',
+                    'name': '王小虎',
+                    'address': '上海市普陀区金沙江路 1518 弄'
+                }, {
+                    'date': '2016-05-04',
+                    'name': '王小虎',
+                    'address': '上海市普陀区金沙江路 1517 弄'
+                }, {
+                    'date': '2016-05-01',
+                    'name': '王小虎',
+                    'address': '上海市普陀区金沙江路 1519 弄'
+                }, {
+                    'date': '2016-05-03',
+                    'name': '王小虎',
+                    'address': '上海市普陀区金沙江路 1516 弄'
+                }],
+
+            },
+            code: "200",
+            msg: "OrgmOrg-查询成功！"
+        }
+    }
+)

mock/demo.js

@@ -0,0 +1,465 @@
+import * as API from '@/api'
+// 引入mockjs
+const Mock = require('mockjs')
+
+Mock.mock(API.BASE_GET_DEMO_COUNTRY, () => {
+    return {
+      code: 200,
+      msg: 'Succeed!',
+      body: {
+        data: [
+          {
+            countryName: '中国',
+            countryCode: '1'
+          },
+          {
+            countryName: '美国',
+            countryCode: '2'
+          },
+          {
+            countryName: '法国',
+            countryCode: '3'
+          }
+        ]
+      }
+    }
+  }
+)
+
+Mock.mock(API.BASE_GET_DEMO_CITY + '?countryValue=1', () => {
+    return {
+      code: 200,
+      msg: 'Succeed!',
+      body: {
+        data: [
+          {
+            cityName: '北京',
+            cityCode: '11'
+          },
+          {
+            cityName: '上海',
+            cityCode: '22'
+          },
+          {
+            cityName: '广州',
+            cityCode: '33'
+          }
+        ]
+      }
+    }
+  }
+)
+
+Mock.mock(API.BASE_GET_DEMO_CITY + '?country=1', () => {
+    return {
+      code: 200,
+      msg: 'Succeed!',
+      body: {
+        data: [
+          {
+            cityName: '北京',
+            cityCode: '11'
+          },
+          {
+            cityName: '上海',
+            cityCode: '22'
+          },
+          {
+            cityName: '广州',
+            cityCode: '33'
+          }
+        ]
+      }
+    }
+  }
+)
+
+Mock.mock(API.BASE_GET_DEMO_DISTRICT + '?city=11', () => {
+    return {
+      code: 200,
+      msg: 'Succeed!',
+      body: {
+        data: [
+          {
+            districtName: '朝阳',
+            districtCode: '111'
+          },
+          {
+            districtName: '海淀',
+            districtCode: '222'
+          },
+          {
+            districtName: '昌平',
+            districtCode: '333'
+          }
+        ]
+      }
+    }
+  }
+)
+
+Mock.mock(API.BASE_GET_DEMO_LIST + '?pageIndex=1&pageSize=10', () => {
+    return {
+      code: 200,
+      msg: 'Succeed!',
+      body: {
+        data: [
+          {
+            id: '1',
+            countryName: '中国',
+            cityName: '北京',
+            districtName: '朝阳区',
+            country: '1',
+            city: '11',
+            district: '111',
+            sexName: '男',
+            sex: '1'
+          },
+          {
+            id: '2',
+            countryName: '中国',
+            cityName: '北京',
+            districtName: '朝阳区',
+            country: '2',
+            city: '22',
+            district: '222'
+          },
+          {
+            id: '3',
+            countryName: '中国',
+            cityName: '北京',
+            districtName: '朝阳区',
+            country: '3',
+            city: '33',
+            district: '333'
+          }
+        ]
+      }
+    }
+  }
+)
+
+Mock.mock(API.BASE_ALL_DEMO + '?id=1', () => {
+    return {
+      code: 200,
+      msg: 'Succeed!',
+      body: {
+        data:
+          {
+            id: '1',
+            countryName: '中国',
+            cityName: '北京',
+            districtName: '朝阳区',
+            country: '1',
+            city: '11',
+            district: '111',
+            sexName: '男',
+            sex: '1'
+          }
+      }
+    }
+  }
+)
+//根据userId获取orgcode
+Mock.mock(API.BASE_ALL_DEMO_ORG, () => {
+        return {
+            code: 200,
+            msg: 'Succeed!',
+            body: {
+                data:
+                    {
+                        orgcode:'31300000'
+                        // orgcode:'12'
+                        // orgcode:'10010000'
+                    }
+            }
+        }
+    }
+)
+
+// 根据orgcode获取组织树信息
+// Mock.mock(API.BASE_ALL_DEMO_ORGDATA, () => {
+//         return {
+//             body: {
+//                 "pageIndex": 0,
+//                 "pageSize": 0,
+//                 "pages": 0,
+//                 "total": null,
+//                 "data": [
+//                     {
+//                         "id": "31300000",
+//                         "label": "1原油田",
+//                         "children": [
+//                             {
+//                                 "id": "31301845",
+//                                 "label": "光气田",
+//                                 "children": [
+//                                     {
+//                                         "id": "31300JQZZ",
+//                                         "label": "集气总站",
+//                                         "children": []
+//                                     },
+//                                     {
+//                                         "id": "31300D404",
+//                                         "label": "大弯404集气站",
+//                                         "children": []
+//                                     },
+//                                     {
+//                                         "id": "31300D405",
+//                                         "label": "大弯405集气站",
+//                                         "children": []
+//                                     },
+//                                     {
+//                                         "id": "31300P305",
+//                                         "label": "普光305集气站",
+//                                         "children": []
+//                                     },
+//                                     {
+//                                         "id": "31300D401",
+//                                         "label": "大弯401集气站",
+//                                         "children": []
+//                                     },
+//                                     {
+//                                         "id": "31300D402",
+//                                         "label": "大弯402集气站",
+//                                         "children": []
+//                                     },
+//                                     {
+//                                         "id": "31300D403",
+//                                         "label": "大弯403集气站",
+//                                         "children": []
+//                                     }
+//                                 ]
+//                             }
+//                         ]
+//                     }
+//                 ]
+//             },
+//             code: "200",
+//             msg: "OrgmOrg-查询成功！"
+//         }
+//     }
+// )
+// 根据orgcode获取初始化列表信息
+Mock.mock(API.BASE_ALL_DEMO_ORGLIST, () => {
+        return {
+            code: 200,
+            msg: 'Succeed!',
+            body: {
+                pageIndex: 1,
+                pageSize: 2,
+                pages: 1,
+                total: 2,
+                data: [
+                    {
+                        configid: "1",
+                        businessname: "test",
+                        businesscode: "test",
+                        configinfo: "http://10.246.145.159",
+                        creator: "admin",
+                        createtime: null,
+                        updatetime: null,
+                        isincrypt: "0",
+                        isenable: "1"
+                    },
+                    {
+                        configid: "2b073b9c2cc341d696b2871c3f961cf0",
+                        businessname: "test1",
+                        businesscode: "test2",
+                        configinfo: "orcl",
+                        creator: "admin",
+                        createtime: null,
+                        updatetime: null,
+                        isincrypt: "0",
+                        isenable: "1"
+                    }
+                ]
+            },
+        }
+    }
+)
+//类型下拉框
+Mock.mock(API.DEMO_TEXT_DOWNLIST, () => {
+        return {
+            code: 200,
+            msg: 'Succeed!',
+            body: {
+                data: [
+                    {   "COLUMNTYPE":1,
+                        "CAPTION":"名称1",
+                        "FOREIGNTABLE":null,
+                        "NAME":"PIPENUM1",
+                    },
+                    {   "COLUMNTYPE":2,
+                        "CAPTION":"名称2",
+                        "FOREIGNTABLE":null,
+                        "NAME":"PIPENUM2",
+                    },
+                    {   "COLUMNTYPE":3,
+                        "CAPTION":"管号1",
+                        "FOREIGNTABLE":115,
+                        "NAME":"PIPENUM3",
+                        "DOWNDATA":[{"id":1,"NAME":"企业1"},{"id":2,"NAME":"场站1"}]
+                    },
+                    {   "COLUMNTYPE":4,
+                        "CAPTION":"管号2",
+                        "FOREIGNTABLE":115,
+                        "NAME":"PIPENUM4",
+                        "DOWNDATA":[{"id":3,"NAME":"企业3"},{"id":4,"NAME":"场站3"}]
+                    }
+                    ]
+            }
+        }
+    }
+)
+//动态表头
+Mock.mock(API.DEMO_TEXT_HEADTABLE, () => {
+        return {
+            code: 200,
+            msg: 'Succeed!',
+            body: {
+                header: [
+                    {label: '编码', width: '', prop: 'id'},
+                    {label: '日期', width: '', prop: 'date'},
+                    {label: '销售量', width: '', prop: 'sales'},
+                    {label: '销售额', width: '', prop: 'sale'},
+                    {label: '成本', width: '', prop: 'const'},
+                    {label: '利润', width: '', prop: 'profit'}
+                ],
+                tablist:{
+                    pageIndex: 1,
+                    pageSize: 10,
+                    pages: 2,
+                    total: 11,
+                    data: [
+                        {
+                            id: "1",
+                            date: "test",
+                            sales: "test",
+                            sale: "http://10.246.145.159",
+                            const: "admin",
+                            profit: "0"
+                        },
+                        {
+                            id: "2",
+                            date: "test22",
+                            sales: "test22",
+                            sale: "http://10.246.145.159",
+                            const: "admin2",
+                            profit: "2"
+                        },
+                        {
+                            id: "2",
+                            date: "test22",
+                            sales: "test22",
+                            sale: "http://10.246.145.159",
+                            const: "admin2",
+                            profit: "2"
+                        },
+                        {
+                            id: "2",
+                            date: "test22",
+                            sales: "test22",
+                            sale: "http://10.246.145.159",
+                            const: "admin2",
+                            profit: "2"
+                        },
+                        {
+                            id: "2",
+                            date: "test22",
+                            sales: "test22",
+                            sale: "http://10.246.145.159",
+                            const: "admin2",
+                            profit: "2"
+                        },
+                        {
+                            id: "2",
+                            date: "test22",
+                            sales: "test22",
+                            sale: "http://10.246.145.159",
+                            const: "admin2",
+                            profit: "2"
+                        },
+                        {
+                            id: "2",
+                            date: "test22",
+                            sales: "test22",
+                            sale: "http://10.246.145.159",
+                            const: "admin2",
+                            profit: "2"
+                        },
+                        {
+                            id: "2",
+                            date: "test22",
+                            sales: "test22",
+                            sale: "http://10.246.145.159",
+                            const: "admin2",
+                            profit: "2"
+                        },
+                        {
+                            id: "2",
+                            date: "test22",
+                            sales: "test22",
+                            sale: "http://10.246.145.159",
+                            const: "admin2",
+                            profit: "2"
+                        },
+                        {
+                            id: "2",
+                            date: "test22",
+                            sales: "test22",
+                            sale: "http://10.246.145.159",
+                            const: "admin2",
+                            profit: "2"
+                        },
+                        {
+                            id: "2",
+                            date: "test22",
+                            sales: "test22",
+                            sale: "http://10.246.145.159",
+                            const: "admin2",
+                            profit: "2"
+                        }
+                    ]
+                }
+            }
+        }
+    }
+)
+//    动态表单
+  Mock.mock(API.DEMO_EDIT_FORM, () => {
+      return {
+          code: 200,
+          msg: 'Succeed!',
+          body:{
+              data:{
+                  editForm:{
+                      username:"",
+                      password:"",
+                      date:"2019-4-3",
+                      desc:""
+                  },
+                  rules:{
+                      username:[
+                          {required:true,message:"请输入",trigger:"blur"},
+                          { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
+                      ],
+                      password:[
+                          {required:true,message:"请输入",trigger:"blur"}
+                      ],
+                      state: [
+                          { required: true, message: '请选择', trigger: 'change' }
+                      ],
+                      date:[
+                          { type: 'date', required: true, message: '请选择日期', trigger: 'change' }
+                      ],
+                      desc: [
+                          { required: true, message: '请填写', trigger: 'blur' }
+                      ]
+                  }
+              }
+          }
+      }
+  }
+)
+

mock/dictionary.js

@@ -0,0 +1,24 @@
+import * as API from '@/api'
+// 引入mockjs
+const Mock = require('mockjs')
+
+// 获取字典数据
+Mock.mock(API.PUBLIC_GET_DICTIONARIES_YES_NO, () => {
+    return {
+      code: 200,
+      msg: 'Succeed!',
+      body: {
+        data: [
+          {
+            dictionaryName: '启动',
+            dictionaryCode: 1
+          },
+          {
+            dictionaryName: '停用',
+            dictionaryCode: 0
+          }
+        ]
+      }
+    }
+  }
+)

mock/dmms/operationTemplate.js

@@ -0,0 +1,105 @@
+import * as API from '@/api'
+
+// 引入mockjs
+const Mock = require('mockjs')
+
+/**
+ * 作业流程模板信息
+ */
+
+// 列表
+Mock.mock(API.DMMS_GET_OPERATION_TEMPLATE_LIST + '?pageIndex=1&pageSize=10', () => {
+    return {
+      code: 200,
+      msg: 'Succeed!',
+      body: {
+        data: [
+          {
+            operatingTemplId: '1',
+            operationTemplateCode: '1',
+            operationTemplateName: '测试模板',
+            status: '1',
+            statusName: '启用',
+            createUser: '田军',
+            createTime: '2018-08-20',
+            createDept: '研发部门'
+          },
+          {
+            operatingTemplId: '2',
+            operationTemplateCode: 'xxxx',
+            operationTemplateName: 'xxxx',
+            status: '2',
+            statusName: 'xxxx',
+            createUser: 'xxxx',
+            createTime: 'xxxx',
+            createDept: 'xxxx'
+          },
+          {
+            operatingTemplId: '3',
+            operationTemplateCode: 'xxxx',
+            operationTemplateName: 'xxxx',
+            status: '3',
+            statusName: 'xxxx',
+            createUser: 'xxxx',
+            createTime: 'xxxx',
+            createDept: 'xxxx'
+          }
+        ]
+      }
+    }
+  }
+)
+
+// 获取一条数据
+Mock.mock(API.DMMS_ALL_OPERATION_TEMPLATE + '?operatingTemplId=1', () => {
+    return {
+      code: 200,
+      msg: 'Succeed!',
+      body: {
+        data: {
+          'operatingTemplId': '1',
+          operationTemplateCode: '1',
+          operationTemplateName: '测试模板',
+          status: 1,
+          statusName: '启用',
+          createUser: '田军',
+          createTime: '2018-08-20',
+          createDept: '研发部门',
+          tickets: [
+            {
+              'content': '作业内容1',
+              'order': 1
+            },
+            {
+              'content': '作业内容2',
+              'order': 2
+            }
+          ]
+        }
+      }
+    }
+  }
+)
+
+// 编辑
+const data = {
+  operating_id: '1'
+}
+Mock.mock(API.DMMS_ALL_OPERATION_TEMPLATE, 'put', data, () => {
+    return {
+      code: 200,
+      msg: 'Succeed!',
+      body: {
+        data: {
+          operating_id: '1',
+          operating_content: 'xxxx',
+          operating_type_code: '装船',
+          create_time: '2008',
+          create_id: 'tj'
+        }
+      }
+    }
+  }
+)
+
+// 删除

mock/menu.js

@@ -0,0 +1,60 @@
+import * as API from '@/api'
+// 引入mockjs
+const Mock = require('mockjs')
+
+// 获取菜单数据
+
+/**
+ *  菜单属性都必须存在，字符类型可以填空字符串，数组类型填写[]空数组
+ *  src是iframe的地址，path是单页面路由地址，注意两者不能同时填写
+ *  name 属性是一个唯一的标识
+ *  主页的name 默认是home。如要更改 需更改代码（尽量不要修改）
+ *
+ */
+Mock.mock(API.BASE_GET_MENU, () => {
+    return {
+        code: 200,
+        msg: 'Succeed!',
+        body: {
+            data: [
+                {
+                    path: '',
+                    title: '专家库管理',
+                    icon: 'iconfont iconxitongguanli',
+                    children: [
+                        {
+                            path: '',
+                            title: '专家信息管理',
+                            icon: 'el-icon-document',
+                            children: [
+                                // { path: '/platform/SystemManagerLog', name: 'systemmanagerlog', title: '登录统计' },
+                                // { path: '/platform/SystemLog', name: 'systemlog', title: '系统日志' },
+                                // { path: '/dxnms/dailyRecordNew', name: 'dailyRecordNew', title: '系统操作日志' },
+                                // { path: '/ConfigManage/configManage', name: 'ConfigManage', title: '配置信息管理' },
+                                {path: '/ConfigManage/qyzjk', name: 'qyzjk', title: '专家库'},
+                                {path: '/ConfigManage/zjktz', name: 'zjktz', title: '专家库台账'},
+                                {path: '/ConfigManage/zjkps', name: 'zjkps', title: '专家评审'},
+                                {path: '/ConfigManage/todolist', name: 'todolist', title: '待办列表'},
+                                {path: '/ConfigManage/allowDlg', name: 'allow', title: '准入审批'},
+                                {path: '/ConfigManage/quitDlg', name: 'quit', title: '退出审批'},
+                                {path: '/ConfigManage/reviewDlg', name: 'review', title: '评审审批'},
+                                {path: '/ConfigManage/partView', name: 'partViewlist', title: '评审参与情况表'},
+                                {path: '/ConfigManage/lackView', name: 'lackViewlist', title: '评审缺评情况表'},
+                                {path: '/ConfigManage/expertPartView', name: 'expertPartViewlist', title: '专家参与项目情况表'}
+                            ]
+                        },
+                        {
+                            path: '',
+                            title: '专家库维护',
+                            icon: 'el-icon-document',
+                            children: [
+                                { path: '/dams/sjzd', name: 'zyk', title: '专业库' }
+                            ]
+                        }
+                    ]
+                }
+
+            ]
+        }
+    }
+})

package.json

@@ -0,0 +1,50 @@
+{
+  "name": "experts",
+  "version": "1.0.0",
+  "private": false,
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "@riophae/vue-treeselect": "^0.0.38",
+    "axios": "^0.18.1",
+    "core-js": "^2.6.5",
+    "e-icon-picker": "^1.0.4",
+    "echarts": "^4.7.0",
+    "element-ui": "^2.9.2",
+    "js-base64": "^2.5.2",
+    "js-cookie": "^2.2.0",
+    "js-md5": "^0.7.3",
+    "lib-flexible": "^0.3.2",
+    "lodash": "^4.17.15",
+    "moment": "^2.24.0",
+    "nprogress": "^0.2.0",
+    "screenfull": "^3.3.2",
+    "v-contextmenu": "^2.8.0",
+    "vue": "^2.5.16",
+    "vue-quill-editor": "^3.0.6",
+    "vue-router": "^3.0.1",
+    "vue-runtime-helpers": "^1.1.2",
+    "vuex": "^3.0.1"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^3.0.0-rc.5",
+    "@vue/cli-plugin-eslint": "^3.0.0-rc.5",
+    "@vue/cli-service": "^3.0.0-rc.5",
+    "@vue/eslint-config-standard": "^3.0.0-rc.5",
+    "element-theme-chalk": "^2.4.5",
+    "esri-loader": "^2.9.2",
+    "jquery": "^3.3.1",
+    "karma": "^4.1.0",
+    "less": "^3.0.4",
+    "less-loader": "^4.1.0",
+    "mockjs": "^1.0.1-beta3",
+    "node-sass": "^4.14.1",
+    "px2rem-loader": "^0.1.9",
+    "sass-resources-loader": "^2.0.3",
+    "sinon": "^2.1.0",
+    "vue-template-compiler": "^2.5.21"
+  }
+}

public/WEB-INF/web.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd">
+<web-app id="WebApp_ID">
+      <error-page>
+        <error-code>404</error-code>
+        <location>/</location>
+      </error-page>
+</web-app>

public/config.js

@@ -0,0 +1,11 @@
+window.g = {
+    isProMACE: true,//是否是promise平台。开发环境false;线上环境false;promise线上环境true;
+    isPipeMACE: false,//是否是旧管线平台。开发环境true;线上环境true;旧管线系统true;promise环境false
+    isMENU: false,//本地菜单是否显示。开发环境true;线上环境false
+    isStaticKey: true,//是否使用静态key。开发环境true;线上环境false
+    isAddMathRandom: true,//请求是否加随机数。开发环境false;线上环境true
+    VUE_APP_API_HOST: 'http://10.246.145.161:8081/pipeline-xq', //开发环境"http://localhost:8081/" 线上环境"http://10.246.145.161:8081/pipeline-xq"
+    VUE_APP_API_DEV: 'http://localhost:8081/' ,//开发环境"http://localhost:8081/" 线上环境"http://10.246.145.161:8081/pipeline-xq"
+    changefrom :"E:\\serverWGD\\IPMSAPIWGD\\",
+    changeto:"http://10.238.232.210:8086/IPMSAPIWGD/",
+}

public/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= webpackConfig.name %></title>
+    <script src="<%= BASE_URL %>config.js"></script>
+  </head>
+  <body class="blue">
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

src/App.vue

@@ -0,0 +1,11 @@
+<template>
+  <div id="app" class="pcitc-app-container">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'App'
+  }
+</script>

src/api/index.js

@@ -0,0 +1,78 @@
+/**
+ * 框架用api,不用care,打包生产环境的场景自动去除
+ *
+ */
+
+const $HOST = window.g.VUE_APP_API_HOST
+const $HOSTTEXT=window.g.VUE_APP_API_HOST
+const $HOSTDEV=window.g.VUE_APP_API_DEV
+
+// 菜单
+export const BASE_GET_MENU = $HOST + '/v1/permissions/menu'
+// demo页面
+export const BASE_GET_DEMO_COUNTRY = $HOST + '/v1/demo/country'
+export const BASE_GET_DEMO_CITY = $HOST + '/v1/demo/city'
+export const BASE_GET_DEMO_DISTRICT = $HOST + '/v1/demo/district'
+export const BASE_GET_DEMO_LIST = $HOST + '/v1/demo/list'
+export const BASE_ALL_DEMO = $HOST + '/v1/demo'
+export const BASE_ALL_DEMO_ORGDATA = $HOST + '/v1/demo'
+export const BASEE_ALL_DEMO_ORGDATA = $HOST + '/v1/demoS'//文档管理mock接口
+export const DEMO_TEXT_DOWNLIST = $HOST + '/v1/demo/downlist'//下拉列表
+export const DEMO_TEXT_HEADTABLE = $HOST + '/v1/demo/headtable'//动态表头
+export const DEMO_EDIT_FORM = $HOST + '/v1/demo/form'//动态表单
+/**
+ * 服务模块定义
+ *
+ */
+// 公共服务
+const $HOST_PUBLIC_SERVICE = window.g.VUE_APP_API_DEV
+/**
+ * AAA权限相关
+ *
+ */
+
+// 获取用户信息
+export const PUBLIC_GET_PROUSER_INFO =  $HOST_PUBLIC_SERVICE+'/PlatformAuth/promaceUserInfo'
+export const PUBLIC_GET_PROMENUFUNC_INFO =  $HOST_PUBLIC_SERVICE+'/system/auth/getAuthButtonByPageCode'
+// export const PUBLIC_GET_USER_INFO =  $HOST_PUBLIC_SERVICE+'/authority/getUserCode'
+export const PUBLIC_GET_USER_TOKEN =  $HOST_PUBLIC_SERVICE+'/apiToken'
+export const PUBLIC_GET_PIPUSER_INFO =  $HOST_PUBLIC_SERVICE+'/code/Base64Decode'
+
+/**
+ * 公共服务
+ *
+ */
+
+/**
+ * 文件服务
+ *
+ */
+
+// dpms服务文件上传
+export const PUBLIC_POST_DPMS_FILE_UPLOAD = $HOST_PUBLIC_SERVICE + '/api/public/v1/file/dpms/upload'
+// dlms服务文件上传
+export const PUBLIC_POST_DLMS_FILE_UPLOAD = $HOST_PUBLIC_SERVICE + '/api/public/v1/file/dlms/upload'
+// dmms服务文件上传
+export const PUBLIC_POST_DMMS_FILE_UPLOAD = $HOST_PUBLIC_SERVICE + '/api/public/v1/file/dmms/upload'
+// 文件下载
+export const PUBLIC_GET_FILE_DOWN = $HOST_PUBLIC_SERVICE + '/api/public/v1/file/down/$filename'
+
+/************************************************************************************************************
+ * 业务api区域
+ *
+ ************************************************************************************************************/
+
+/**
+ * 主数据管理
+ *
+ */
+
+export const USER_GET_CURRENTUSER = $HOSTDEV + '/system/user/getLoginUserInfo'
+
+// 系统查询机构信息
+export const GXYX_GET_ORG_ORGTREEFORUSER = $HOSTDEV + '/system/orgUnit/getOrgUnits'
+
+
+
+
+

src/app.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  title: '专家库管理',
+  description: '快速开发框架'
+}

src/assets/icon/icon1/iconfont.css

@@ -0,0 +1,21 @@
+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1569396405557'); /* IE9 */
+  src: url('iconfont.eot?t=1569396405557#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAUYAAsAAAAACewAAATLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqHdIV7ATYCJAMICwYABCAFhG0HMRsiCBFVpGOQ/TiMnSchpGGEKxavf//RqBrdeTw8f7869/83vdEUkRip0UCLq00DtimyQiu8IC0ww7+nvbTNxKA4pLN4MILJ/DsJW9MxtlERqkv2fIue/kf+vzO9NKzzOI1SCAnC8ccxX5fnA8sHNJfIsgqqpN0ARwk0wIoQ3kDxi/xhevka0mAsJlDVTwe05+YTAsQknB8w4CozPRGIJRRSBS6UxcWCgQnEE4CVs5OsFcCj9/v4B8shBmQKOeAhR2muKcDhmYXwYx/4XxfjIABzOB3YMHLMAhJxVmg4AOyAN+sJqkUGjuHqxCT4svjfcBiL/cMjiCLggiaI7WUcE1OxDlWQ4eYJZWIfgHgA2PTp8oKxUBDgLtW0+9q1MLqmAEHIEl6hKsmjCtHafnVGEryRSEHF2sJWtLF1UBWlTuMMjhdfD6GbMKyoiW/Kh8qKcaZYABUXYbTaKRWopoamsSIGYjAaOUVrWl0pU6wmvHozoQ5rGpI4NaPREFrailIUUlKKuhM3qkrWl+Pl3drN10MarhAIjWF02friJnKzIn5Zs2l9LUqNlmgkHcTVGZxCCxtVa4cFDFOvXj++DitqcztVg9Snzcivvp1PN/XFr0uewuoGEASjhyToAZuGDi4JKq+i1NVQSlLyNIMzTVhTEaRHFoAC3tDY0sK6lNqv41QjulVZMz6EtLZe12YkyQISIWsKCtHG3vhFTlM8QJEqJFIzwCVJCYjEitTqelSirzwJufo09Prz8GvPdkhemE9D1Jx/B8uPN/GcE9XZBrM756xjb1YEpGjIZuj++c7ttzjEhsTzzboD3pyYuuvsde9MkJPENskHzqI3xinXA9RAQuTxqERQqXfG4xgBgdfg44QUDO6cnCK1HWRjV3TOA1gIWAm0XV+y0hhM8UA0PNY1s5zV+XzFMkmn7Z11my2ltFfbVHOaCdj1sfi5IZaCIDDAU0XoTPNcPUwzLqhISd3Y8sVz774PF6LuNR9Sy5H+goSWZACUHDcDB80Uq7oe96YUQzZ8x4A7lmYkbHQNeDTLazPTc5B3DRbCQcf0zmeYjNvzA9k17jcagdOVHQq8XR3DtAw5bLFv+3iJm7AZlvj1LjGVqWY2bEw8SLCy8Lt5UTlz8plq/dkzbkZw0GGjg+IiVb2Vk81lvxpPGPwNmZPirSiw1VpHrk5CrBa1BhgM9mRbiNh43x26ARMEfEPICEJzohDpy6uzHFFRDuTOUuksLKiQB1Mq5LyCfoL3jiuL8bJrX8VqHFLw2Wne6zURNupJXkf5jRiDP4vZMCuZbK7O0qdJDmSxP9m8MV5VWGnAlg6/rupuw/hCWffLNJX0RZArG0Um7CwU1KxCUdkmVM0oh9d0YnORKpj2AhDavCHT4gNybT7IhP1CQY8/FLXFHKouonPCmvGodruMStCCfkJlqHdSLTs/8ID+2iqOsz38BXmsrJBGSdpbYo88RJfx5jMRB46pgwIsh21LMDDVaCQKIkMex67oTpGhbrKziyFFIAtoT6BikJ5z8otd5vsHyLtqKVyR0aC8QGxUVQ9SkaQBshT0jTIu5ZjRjZcRwgEOIx1QAB1qhYuAobheDRkiEjo4BrkY5XJNBdH0ou7uVkAVl2YhauZKl4qC6v1kAgA=') format('woff2'),
+  url('iconfont.woff?t=1569396405557') format('woff'),
+  url('iconfont.ttf?t=1569396405557') format('truetype') /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+
+}
+
+[class^="dh-icon"], [class*="dh-icon"] {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.el-icon-dhdaohang:before {
+  content: "\e638";
+}
+

src/assets/icon/icon1/iconfont.json

@@ -0,0 +1,16 @@
+{
+  "id": "1434263",
+  "name": "elementui",
+  "font_family": "iconfont",
+  "css_prefix_text": "el-icon-dh",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "6582347",
+      "name": "地图",
+      "font_class": "daohang",
+      "unicode": "e638",
+      "unicode_decimal": 58936
+    }
+  ]
+}

src/assets/icon/icon1/iconfont.svg

@@ -0,0 +1,29 @@
+<?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="daohang" unicode="&#58936;" d="M926.6 473.1C895 618.1 802 729.5 657.9 795.2c-8.4 3.8-17.5 4.1-25.6 0.7-16-6.6-22.5-24.2-28.3-39.6-1.7-4.5-4.4-11.8-6.2-14.8-18.2-12-26.4-37.1-19.1-59.9 4.4-13.7 13.9-23.9 26.2-29.4-0.3-10.7 1.2-24.2 5.9-41.4 5-18.2 13.6-40.4 34.8-50.9 24.5-12.1 55.6-2.7 82.9 8.1 5.4 1.9 9.3 2.7 11.8 2.9v-0.6c-1.9-14.3-6.7-23.2-12.3-33.5-15.1-28.2-24.2-52.8-2.9-113.5 11.9-34.2 33.2-55.7 52-74.7 13.7-13.8 25.5-25.7 32.2-40.7 11.9-29 48.4-48.5 80.5-65.7l6.1-3.3c3.3-1.8 6.9-2.7 10.6-2.7 3.2 0 6.5 0.7 9.5 2.1 6.4 3 11 8.9 12.4 15.8l0.1 0.7c5.5 25.2 20.7 114.7-1.9 218.3z m-36.5-179.9c-17.7 10.2-35.4 21.9-39.4 31.9-0.1 0.3-0.2 0.5-0.3 0.8-10 22.5-26 38.7-41.4 54.2-17 17.1-33 33.3-41.6 58v0.1c-16.5 46.8-9.9 59.1 0.1 77.7 6.4 11.9 14.3 26.6 17.3 49.3 0 0.3 0.1 0.6 0.1 0.9 2.1 22.6-7.2 34.8-15.3 41-5.8 4.5-14.6 8.6-27.4 8.6-8 0-17.6-1.6-28.9-5.7-0.2-0.1-0.4-0.2-0.7-0.3-32.1-12.8-43.2-11.6-47-9.7-2.8 1.4-7.1 6.5-11.7 22.9-6.3 22.7-4.1 32.3-3.5 34.4 4.8 6.6 5.7 15.3 2 22.8-4.1 8.5-13.2 13.5-22.6 12.4-7.1-0.8-8 1.3-8.4 2.2-1.6 3.5-0.3 8.7 0.9 9.7l1.5 0.9c11.6 7.7 16.9 21.9 21.9 35.5 1 2.6 2.3 6.1 3.6 9.3C906.8 626.6 902.8 387 890.1 293.2zM610.8 298.9c-12.2 10.5-20.8 19.3-28.4 27.1-24.7 25.4-40 38.7-93.1 38.7-33.9 0-71.6-3.6-93.9-30.3-18-21.6-22.5-52.8-14.1-98.3 10-54.4 32.3-70.2 47.1-80.6 10-7.1 12.1-8.6 10.8-27.7-4.3-59.6 7.3-83.7 20.7-105.1 1.1-1.8 2.2-3.5 3.2-5.2 9.4-16.4 28.1-42.6 52.4-42.6 1.9 0 3.9 0.2 5.8 0.5 28.2 4.9 34.4 40 36.5 51.5 11.5 64.4 32.6 98.2 53.7 125 18.8 24 68.7 87.5-0.7 147z m-34.3-119.4C553 149.6 527.2 109 514 34.8c-0.7-4-1.5-7.2-2.2-9.7-3.1 3.6-6.7 8.6-10.1 14.5-1.2 2.2-2.6 4.4-4 6.7-8.3 13.3-17.6 28.3-14 78.4 2.9 40.8-11.6 54.6-29.4 67.2-11.5 8.1-22.3 15.8-29 52.4-5.6 30.6-4.1 51.4 4.5 61.7 8.2 9.9 26.6 14.3 59.6 14.3 36.7 0 41.4-4.8 61.1-25.2 7.8-8.1 17.6-18.1 31.3-29.9 28-24.1 26.7-44.9-5.3-85.7zM306.5 410.8c0.4 0.5 1.6 1.5 3.8 2.7l0.9 0.5c11.1 5.9 27.5 14.7 34.5 15.6 0.6-1.1 1.4-3.1 2.2-6.5 5.9-23.4 23.5-38.5 46-39.4 26.8-1 54.3 19 63.5 46.6 5.1 15.3 9 16.2 27.5 20.2 9.9 2.2 22.2 4.9 36 10.9 34.1 14.9 69.9 34.8 62 81.9l-0.5 3.2c-4.5 27.4-11.2 68.8-83.8 68.8-31.5 0-48.4-13.7-58.6-21.9-1.2-0.9-2.6-2.1-3.8-3-2.2 1.4-6.6 4.5-13.8 11.7-2.2 2.2-4 4.1-5.5 5.8 2.2 0.5 4.5 1 6.3 1.4 9.3 2 18.9 4.1 27.4 8.3 23.8 11.9 47.7 51.4 41.7 80.6-3.9 19.2-19 31.4-40.3 32.6-24.3 1.4-36.7-4.6-44.9-8.5-5.2-2.5-5.6-2.7-14 0.3-34.1 12.2-56.2-20.3-69.5-39.8-1.9-2.7-4.2-6.1-6.4-9.1-1.5 1.8-3 3.7-4.3 5.3-15.7 19.6-39.5 49.2-74.3 48.2-7.9-0.2-26.5-0.8-71.4-62.3-24.3-33.2-47.3-72.5-60-102.5-1.4-3.4-2-7-1.7-10.6 6.6-74.7 41.9-118.1 52.7-129.7 8.6-15.6 43.3-64.6 162.3-121 2.4-1.1 4.9-1.8 7.5-2.1 1.1-0.1 2.2-0.1 3.3-0.1 10.2 0 22.8 4.2 28.5 16.5 9.8 21-10.2 41-18.7 49.5-31 31.3-34.7 42.4-34.6 45.9z m-17.1 42c-19.5-10.4-25.4-24.8-26.9-35.1-2-13.4 2.4-26.8 10.1-39.8-58.7 36.8-73.9 63.4-75.5 66.3-1.1 3.1-2.7 5-5.1 7.4-1.4 1.4-34.1 33.9-41.5 99 24.4 54.6 74.6 121.9 91.8 132.3 12.2-1.7 26.4-19.4 36-31.4 9.4-11.7 16.9-21.1 27.3-25.1 25.9-10.8 43.3 14.7 54.9 31.6 4.8 7.1 13.6 20 18.5 22.6 23.6-8.2 36-3.8 47.7 1.9 5.5 2.7 9.9 4.8 22.2 4.2-1-8.5-10.4-25.2-18-29-3.4-1.7-10.6-3.2-16.9-4.6-16.7-3.6-39.6-8.6-45.8-29.6-6-20.3 9.1-38.8 22.9-52.6 34.1-34.1 54.8-29.9 77-11.9 8.3 6.7 14.8 12 30.6 12 34.7 0 35.8-6.7 39.8-31.5l0.6-3.4c1.6-9.4 2.8-16.9-35.9-33.8-9.8-4.3-18.9-6.3-27.7-8.2-21-4.6-47.1-10.3-60.2-49.6-3.5-10.6-13.5-16.2-19.3-16.2h-0.3c-1.4 0.1-3.1 0.1-4.5 5.7-4.6 18.5-13.6 30.9-26.8 36.7-22.7 10.1-46.5-2.6-74.1-17.4l-0.9-0.5zM512 896C229.7 896 0 666.3 0 384s229.7-512 512-512 512 229.7 512 512S794.3 896 512 896z m0-979.5C254.2-83.5 44.5 126.2 44.5 384S254.2 851.5 512 851.5 979.5 641.8 979.5 384 769.8-83.5 512-83.5z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>

src/assets/icon/icon2/iconfont.css

@@ -0,0 +1,49 @@
+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1569467595255'); /* IE9 */
+  src: url('iconfont.eot?t=1569467595255#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAWUAAsAAAAACogAAAVFAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqIbIZVATYCJAMMCwgABCAFhG0HOhufCMgekqTLpiigHAAHAAAUD//t9799ZubKN23qydPHVieZJJJpJJuHRMmEQihEk0RIbyjPmqjgIigO6co4isHK/B3An3T92m+/KESm70fEkojHN3d7IlYpgUT30ClZQ+KPe6fN88DmA8rl/90Yw/bSqAswGlsDHGPgEolLQELvAbtr2acJdJtkAzoWdnQFTYUmD8i6sl5k0IwZlBJeaNV1zsoC4gXAtOk8/AmA5+734x+YDRGQVBloM49f3uZh7afHmz/Isf/HLLIZgOjPBmYdGeuAQlzIdZxS8WXrrqI7T1Etl9WsPaS+vP//4+KyrNb/8EiCqIGm6EXusjztFGHiofIPkHtNnJyjRuq9ASA+9PA2JG2rtXfWaRPCu2UHFQIlpBAqVykXcLy0hyXmp6vmMZLuCxy1UHGhBIrjpQfv3JnDFaXhOJOlTjdl1Gw6Udxqzku9YfC0vJnp1UR5dbspwV6keIrKvJvCVZBkRoV2qwbKyaT4TC2UmUFyZhdMoKIijiMzeOg9yeEXOAutquUzzR1v319WQlZ0SB4NWZSlZlcTLItnZRPOzuWm0tJcKrfRuvJuStktGudIksuZnVlBPS1Dk1PpWlpMsN1ZFiuOU+Y8xRLp5abFnVqeLzUv7Z1FZtSEXSjCq6MTiiut1XAVLdHHMhfIkjYcJ7kOybs2n7I6FQPybxPs7VRW2nORp/gKsiID2mTSQJq6o2duBQ1GtXcptpxYq66S6kNbXGoN5qVv0hicKUpLJ8qbo3d5zKoBy5gweFGbimEkwZAZZiVNJgtvvUq5/Tr17tu5d97sM2RzPBSRjF+OpfGya43XIsM74XHq2aMBMV/g/GxTtdWybc9mm5TOgnmmGYYJMqXUQKYA+//vU5vOFW50GN4/4r34fl7CqmHlOts/31WtHieQEG91a0z4dG7gcXDU16WkoHYgowHBzR7nVXcTzMCy0w8LlsOT3aWIMzQEXiefpWUYeHBk434sQAkdWKj9YDoAFzB494aXRfuqiB6LiFmV8FFzjcYwR3pk70fJTk+Z9XSN6aZKGgt9Kb7SAQ9rExP2+3XBnDo0YmHdNROZ7N6uL5GHi/9rC55UnjDbJH8D6TyZBAgN3AlrK6u8SprCK1Y5ItgjB1XPGiddeWjC37C6xs0uQD80uYMlnbG7us6l11+TiEhV3zgcW2sckBYdun4z6ogiom8RS9t75nzC4rsNovmBSqRypp8t8/KIu3/deH3/G9PSy5fCnLCkk07HxXVBc35/Zc6v8nMOf1NGZOopA8Ssuut2PwRXmZVhpsc3egh8oh933MNoGrun62jaosM8+c3pYVQoREE6TGuHMR0BGUYjMB4cAuhUFfnSNzrKypevJkuVPl9F0t+26nND7KS7onOsyA8B0ErUJr5IomZJkSnNmIuIm7gazRELms8bBZR16wDNM+xJe/OYviKhNRZC0piArDXPLNx1qPTYglrrALqtCV/fY8QOFVHEgFWnCQiDaiHp9xGyQdPMwn0MlXGfoTYYCHQ7EYY79liM9ZLgHcQ84nHFfly/0jQEw+y1vewLEn2NOVHK5d+Q48pedLRzSEZ3ySCnjzk794izu3YJuGaHqWMYcR5pmonbdpgKcd7kul2etWpvvybvRZMrt+rQdpSDMB7CQyvE0Hock0GwK3vaqc9fICKfhnFKikqSN4jDJfePHNlxqMHcVRi1is6lcKeAaNYuDAjQGibTpENhaCOaHjKhbfnDFITjmbSuRcCyyh7LramrmBxfpV/fJuimHZ4DhhAIBfWd3TIn+Y1Vy02JGSIAAAAA') format('woff2'),
+  url('iconfont.woff?t=1569467595255') format('woff'),
+  url('iconfont.ttf?t=1569467595255') format('truetype') /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+}
+
+[class^="iconfont"], [class*="iconfont"] {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.el-icon-dhtuichu:before {
+  content: "\e6fc";
+}
+
+.el-icon-dhdaohang:before {
+  content: "\e638";
+}
+
+
+.iconguanxianyunhang:before {
+  content: "\e614";
+}
+
+.iconwanzhengxingguanli:before {
+  content: "\e615";
+}
+
+.iconshuzihuaguanli:before {
+  content: "\e616";
+}
+
+.iconyinhuanzhili:before {
+  content: "\e617";
+}
+
+.iconxitongguanli:before {
+  content: "\e618";
+}
+
+.iconyingjiguanli:before {
+  content: "\e619";
+}
+

src/assets/icon/icon2/iconfont.svg

@@ -0,0 +1,44 @@
+<?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="guanxianyunhang" unicode="&#58900;" d="M230.4 489.6h-9.6c-52.8 0-97.6-44.8-97.6-97.6v-291.2h233.6V256H448V489.6H230.4zM808 257.6h8c52.8 0 97.6 44.8 97.6 97.6V644.8H680v-155.2h-91.2V256h219.2zM680 788.8h233.6v-78.4H680zM123.2 36.8h233.6v-78.4H123.2zM480 489.6h78.4V256H480z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="wanzhengxingguanli" unicode="&#58901;" d="M550.4 169.6c0 121.6 97.6 220.8 219.2 222.4 0 155.2-126.4 281.6-281.6 283.2v-281.6l-262.4-112c43.2-102.4 144-172.8 260.8-172.8 24 0 48 3.2 70.4 9.6-3.2 14.4-6.4 32-6.4 51.2zM593.6 40c-33.6-9.6-68.8-16-105.6-16-49.6 0-97.6 9.6-142.4 28.8-43.2 19.2-83.2 44.8-116.8 78.4-33.6 33.6-60.8 73.6-78.4 116.8-19.2 44.8-28.8 92.8-28.8 142.4 0 49.6 9.6 97.6 28.8 142.4 19.2 43.2 44.8 83.2 78.4 116.8 33.6 33.6 73.6 60.8 116.8 78.4 44.8 19.2 92.8 28.8 142.4 28.8 49.6 0 97.6-9.6 142.4-28.8 43.2-19.2 83.2-44.8 116.8-78.4 33.6-33.6 60.8-73.6 78.4-116.8 19.2-44.8 28.8-92.8 28.8-142.4v-14.4c14.4-6.4 28.8-12.8 43.2-22.4 1.6 11.2 1.6 24 1.6 35.2 0 227.2-184 409.6-409.6 409.6C260.8 801.6 76.8 617.6 76.8 390.4s184-409.6 409.6-409.6c48 0 94.4 8 137.6 24-11.2 9.6-22.4 22.4-30.4 35.2zM819.2 8c-6.4 0-11.2 3.2-16 6.4-4.8 6.4-20.8 20.8-33.6 20.8s-28.8-16-33.6-20.8c-3.2-4.8-9.6-6.4-16-6.4-3.2 0-4.8 0-8 1.6L672 33.6c-8 4.8-9.6 16-6.4 24 0 0 3.2 9.6 3.2 17.6 0 24-19.2 44.8-41.6 44.8h-1.6c-6.4 0-12.8 6.4-14.4 16 0 0-3.2 19.2-3.2 33.6 0 14.4 3.2 33.6 3.2 33.6 1.6 9.6 8 16 14.4 16h1.6c24 0 41.6 20.8 41.6 44.8 0 8-3.2 17.6-3.2 17.6-3.2 8-1.6 19.2 6.4 24l41.6 24c1.6 1.6 4.8 1.6 8 1.6 6.4 0 11.2-3.2 16-6.4 4.8-4.8 20.8-19.2 33.6-19.2s28.8 14.4 33.6 19.2c3.2 4.8 9.6 6.4 14.4 6.4 3.2 0 4.8 0 8-1.6l40-24c8-4.8 9.6-16 6.4-24 0 0-3.2-9.6-3.2-17.6 0-24 19.2-44.8 41.6-44.8h1.6c6.4 0 12.8-6.4 14.4-16 0 0 3.2-19.2 3.2-33.6 0-14.4-3.2-33.6-3.2-33.6-1.6-9.6-8-16-14.4-16H912c-24 0-41.6-20.8-41.6-44.8 0-8 3.2-17.6 3.2-17.6 3.2-8 1.6-19.2-6.4-24l-41.6-24c0-1.6-3.2-1.6-6.4-1.6z m-48 102.4c30.4 0 56 27.2 56 59.2s-25.6 59.2-56 59.2-56-27.2-56-59.2c-1.6-32 24-59.2 56-59.2z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shuzihuaguanli" unicode="&#58902;" d="M427.2 387.2v43.2h-46.4v-43.2c-24-9.6-40-32-40-59.2 0-4.8 1.6-9.6 1.6-16L304 286.4l28.8-36.8 36.8 27.2c9.6-6.4 20.8-9.6 33.6-9.6 20.8 0 40 11.2 51.2 25.6l46.4-12.8 11.2 44.8-46.4 11.2c-3.2 24-17.6 43.2-38.4 51.2zM223.6 228.032l59.648 43.12 27.2-37.6-59.664-43.12zM380.8 643.2h48v-78.4h-48zM625.6 59.2l-24-17.6c-3.2 1.6-8 4.8-11.2 6.4V254.4l25.6-6.4 12.8 46.4-38.4 9.6v80c24 9.6 41.6 33.6 41.6 60.8 0 4.8-1.6 11.2-1.6 16l195.2 140.8c3.2-1.6 6.4-4.8 11.2-4.8v-216c16 0 32-1.6 48-4.8V593.6c24 9.6 41.6 33.6 41.6 60.8 0 35.2-28.8 64-65.6 65.6-20.8 0-38.4-9.6-51.2-24L468.8 790.4c-3.2 32-30.4 57.6-64 57.6-35.2 0-64-28.8-65.6-65.6 0-4.8 1.6-11.2 1.6-16L147.2 627.2c-9.6 6.4-22.4 9.6-35.2 9.6-35.2 0-64-28.8-65.6-65.6C48 544 64 521.6 88 512v-334.4c-24-9.6-40-32-40-59.2 0-35.2 28.8-64 65.6-65.6 20.8 0 38.4 9.6 51.2 24l339.2-97.6c3.2-32 30.4-57.6 64-57.6 35.2 0 64 28.8 65.6 65.6 0 4.8 0 9.6-1.6 14.4l20.8 14.4c-12.8 14.4-20.8 28.8-27.2 43.2z m-256 668.8c3.2-1.6 6.4-4.8 11.2-6.4v-60.8h48v60.8c11.2 4.8 20.8 11.2 27.2 20.8l339.2-96c0-3.2 1.6-6.4 1.6-9.6L601.6 496c-9.6 6.4-22.4 11.2-35.2 11.2-20.8 0-38.4-9.6-51.2-25.6l-88 25.6v40h-48v-27.2L176 579.2c0 3.2 0 6.4-1.6 8l195.2 140.8zM542.4 48c-11.2-4.8-19.2-11.2-27.2-20.8l-339.2 96c0 3.2 0 6.4-1.6 8l56 40-28.8 38.4-54.4-38.4c-3.2 3.2-6.4 4.8-11.2 6.4V512c8 3.2 16 8 20.8 14.4l4.8 4.8 217.6-62.4v-19.2h48v4.8l73.6-20.8c3.2-24 19.2-44.8 40-52.8v-67.2l-12.8 3.2-12.8-46.4 24-6.4V48zM969.6 200c-1.6 9.6-8 16-14.4 16h-1.6c-24 0-43.2 20.8-43.2 46.4 0 8 3.2 17.6 3.2 17.6 3.2 8 1.6 19.2-6.4 25.6l-41.6 24c-3.2 1.6-4.8 1.6-8 1.6-6.4 0-11.2-3.2-16-6.4-4.8-4.8-20.8-19.2-33.6-19.2s-28.8 14.4-33.6 20.8c-3.2 4.8-9.6 6.4-16 6.4-3.2 0-4.8 0-8-1.6l-43.2-25.6c-8-4.8-9.6-16-6.4-25.6 0 0 3.2-9.6 3.2-17.6 0-25.6-19.2-46.4-43.2-46.4h-1.6c-6.4 0-12.8-6.4-14.4-16 0 0-3.2-19.2-3.2-35.2s3.2-33.6 3.2-35.2c1.6-9.6 8-16 14.4-16h1.6c24 0 43.2-20.8 43.2-46.4 0-8-3.2-17.6-3.2-17.6-3.2-8-1.6-19.2 6.4-25.6l40-24c3.2-1.6 4.8-1.6 8-1.6 6.4 0 11.2 3.2 16 6.4 4.8 4.8 20.8 20.8 35.2 20.8 12.8 0 30.4-16 35.2-22.4 3.2-4.8 9.6-6.4 16-6.4 3.2 0 4.8 0 8 1.6l41.6 24c8 4.8 9.6 16 6.4 25.6 0 0-3.2 9.6-3.2 17.6 0 25.6 19.2 46.4 43.2 46.4h1.6c6.4 0 12.8 6.4 14.4 16 0 0 3.2 19.2 3.2 35.2s-1.6 36.8-3.2 36.8z m-163.2-94.4c-32 0-57.6 27.2-57.6 60.8 0 33.6 25.6 60.8 57.6 60.8s57.6-27.2 57.6-60.8c0-33.6-25.6-60.8-57.6-60.8z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yinhuanzhili" unicode="&#58903;" d="M584 811.2c-30.4 32-78.4 32-107.2 0L120 161.6c-28.8-32-22.4-128 20.8-128h318.4L817.6 384 584 811.2zM496 577.6c0 25.6 19.2 44.8 43.2 44.8s43.2-20.8 43.2-44.8v-212.8c0-25.6-19.2-44.8-43.2-44.8-24 0-43.2 20.8-43.2 44.8V577.6z m43.2-408c-24 0-43.2 20.8-43.2 44.8 0 25.6 19.2 44.8 43.2 44.8 24 0 43.2-20.8 43.2-44.8 0-25.6-19.2-44.8-43.2-44.8z m382.4 88c-3.2 3.2-8 3.2-11.2 0l-43.2-43.2-48 14.4c0 1.6 0 3.2-1.6 3.2-4.8 14.4-8 27.2-12.8 41.6v1.6l38.4 38.4c1.6 1.6 4.8 4.8 4.8 6.4 1.6 4.8-1.6 9.6-6.4 9.6-6.4 1.6-14.4 1.6-20.8 0-33.6-4.8-60.8-28.8-72-60.8-4.8-17.6-4.8-35.2 0-51.2-16-17.6-33.6-35.2-49.6-52.8l-67.2-64c-6.4 1.6-11.2 3.2-17.6 3.2h-16c-6.4 0-12.8-1.6-19.2-4.8-22.4-8-41.6-25.6-51.2-46.4-4.8-11.2-8-24-8-36.8 0-3.2 0-8 1.6-9.6 3.2-3.2 8-3.2 11.2 0l43.2 43.2 48-14.4c0-1.6 0-3.2 1.6-3.2 4.8-14.4 8-27.2 12.8-41.6v-1.6l-38.4-38.4c-1.6-1.6-4.8-4.8-4.8-6.4-1.6-4.8 1.6-9.6 6.4-9.6 6.4-1.6 14.4 0 20.8 0 33.6 4.8 60.8 28.8 72 60.8 4.8 17.6 4.8 35.2 0 51.2 16 17.6 33.6 35.2 49.6 52.8l67.2 64c6.4-1.6 11.2-3.2 17.6-3.2h16c6.4 0 12.8 1.6 19.2 4.8 22.4 8 41.6 25.6 51.2 46.4 4.8 11.2 8 24 8 36.8 0 1.6 0 6.4-1.6 9.6z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xitongguanli" unicode="&#58904;" d="M680 318.4c-33.6 0-60.8-27.2-62.4-62.4 0-33.6 27.2-60.8 62.4-62.4 33.6 0 60.8 27.2 62.4 62.4 0 35.2-28.8 62.4-62.4 62.4m0-182.4c-67.2 0-121.6 54.4-121.6 121.6 0 67.2 54.4 121.6 121.6 121.6 67.2 0 121.6-54.4 121.6-121.6 0-67.2-54.4-121.6-121.6-121.6m73.6-83.2h1.6l59.2 32c-1.6 3.2-8 19.2-8 35.2 0 49.6 38.4 91.2 88 92.8 0 3.2 4.8 25.6 4.8 41.6s-3.2 38.4-4.8 41.6c-49.6 3.2-88 43.2-88 92.8 0 16 6.4 32 8 35.2l-57.6 32h-1.6c-6.4-6.4-14.4-12.8-20.8-17.6-17.6-12.8-35.2-19.2-49.6-19.2-16 0-32 6.4-49.6 19.2-8 4.8-14.4 11.2-20.8 17.6h-1.6l-59.2-33.6c1.6-3.2 8-19.2 8-35.2 0-49.6-38.4-91.2-88-92.8 0-3.2-4.8-25.6-4.8-41.6s3.2-38.4 4.8-43.2c49.6-3.2 88-43.2 88-92.8 0-16-6.4-32-8-35.2l56-32h1.6c6.4 6.4 14.4 12.8 22.4 19.2 17.6 12.8 35.2 20.8 51.2 20.8s33.6-6.4 51.2-20.8c8-6.4 16-16 17.6-16m19.2-89.6c-11.2 0-22.4 4.8-28.8 12.8-9.6 11.2-40 38.4-65.6 38.4-25.6 0-56-27.2-65.6-36.8-6.4-8-17.6-12.8-28.8-12.8-4.8 0-9.6 1.6-14.4 3.2h-1.6l-76.8 43.2c-14.4 9.6-19.2 28.8-12.8 44.8 0 0 6.4 16 6.4 30.4 0 44.8-36.8 80-80 80h-3.2c-12.8 0-22.4 11.2-27.2 28.8 0 1.6-6.4 35.2-6.4 60.8 0 25.6 6.4 59.2 6.4 60.8 3.2 17.6 14.4 28.8 27.2 28.8h3.2c44.8 0 80 36.8 80 80 0 14.4-6.4 30.4-6.4 30.4-6.4 16-1.6 33.6 12.8 44.8l80 44.8h1.6c4.8 1.6 9.6 3.2 14.4 3.2 11.2 0 22.4-4.8 28.8-12.8 9.6-9.6 40-35.2 64-35.2s54.4 25.6 64 35.2c6.4 8 17.6 11.2 28.8 11.2 4.8 0 9.6-1.6 14.4-3.2h1.6l76.8-43.2c14.4-9.6 19.2-28.8 12.8-44.8 0 0-6.4-16-6.4-30.4 0-44.8 36.8-80 80-80h3.2c12.8 0 24-11.2 27.2-28.8 0-1.6 6.4-35.2 6.4-60.8 0-25.6-6.4-59.2-6.4-60.8-3.2-17.6-14.4-28.8-27.2-28.8h-3.2c-44.8 0-80-36.8-80-80 0-14.4 6.4-30.4 6.4-30.4 6.4-16 1.6-33.6-12.8-44.8L787.2-32h-1.6c-3.2-3.2-8-4.8-12.8-4.8z m182.4 579.2c0-22.4-17.6-40-40-40s-40 17.6-40 40v160c0 11.2-9.6 20.8-19.2 20.8h-720c-11.2 0-19.2-9.6-19.2-20.8v-480c0-11.2 9.6-20.8 19.2-20.8h180.8c22.4 0 40-17.6 40-40s-17.6-40-40-40h-240c-22.4 0-40 17.6-40 40V763.2c0 22.4 17.6 40 40 40h840c22.4 0 40-17.6 40-40l-1.6-220.8zM214.4 1.6c0 22.4 17.6 40 40 40h160c22.4 0 40-17.6 40-40s-17.6-40-40-40h-160c-22.4 0-40 17.6-40 40z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yingjiguanli" unicode="&#58905;" d="M750.4 22.4H265.6c-33.6 0-32-24-32-24v-36.8h553.6v36.8c0 24-17.6 24-36.8 24z m108.8 772.8H164.8c-57.6 0-104-48-104-108.8v-489.6c0-59.2 46.4-108.8 104-108.8h256v-11.2c0-19.2 11.2-30.4 30.4-30.4h120c19.2 0 30.4 12.8 30.4 30.4v11.2h256c57.6 0 104 48 104 108.8V686.4c0 59.2-46.4 108.8-102.4 108.8zM152 224c-19.2 0-30.4 9.6-30.4 30.4V675.2c0 19.2 41.6 60.8 60.8 60.8h660.8c19.2 0 56-16 60.8-60.8v-420.8c0-19.2-11.2-30.4-30.4-30.4H152z m705.6-100.8c-19.2 0-35.2 16-35.2 36.8s16 36.8 35.2 36.8c19.2 0 35.2-16 35.2-36.8 1.6-20.8-14.4-36.8-35.2-36.8zM713.6 320l-176 305.6c-4.8 9.6-14.4 14.4-25.6 14.4-11.2 0-20.8-6.4-25.6-14.4L308.8 320c-4.8-9.6-4.8-20.8 0-30.4 4.8-9.6 11.2-20.8 22.4-20.8h360c11.2 0 17.6 11.2 22.4 20.8 6.4 9.6 6.4 20.8 0 30.4zM512 299.2c-16 0-30.4 12.8-30.4 30.4 0 16 12.8 30.4 30.4 30.4 16 0 30.4-12.8 30.4-30.4 0-16-14.4-30.4-30.4-30.4z m30.4 120c0-16-12.8-30.4-30.4-30.4-16 0-30.4 12.8-30.4 30.4v89.6c0 16 12.8 30.4 30.4 30.4 16 0 30.4-12.8 30.4-30.4v-89.6z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>

src/assets/icon/icon3/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/icon/icon3/demo_index.html

@@ -0,0 +1,308 @@
+<!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>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1437122" target="_blank" class="nav-more">查看项目</a>
+      
+    </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">&#xe614;</span>
+                <div class="name">管线运行</div>
+                <div class="code-name">&amp;#xe614;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe615;</span>
+                <div class="name">完整性管理</div>
+                <div class="code-name">&amp;#xe615;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe616;</span>
+                <div class="name">数字化管理</div>
+                <div class="code-name">&amp;#xe616;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe617;</span>
+                <div class="name">隐患治理</div>
+                <div class="code-name">&amp;#xe617;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe618;</span>
+                <div class="name">系统管理</div>
+                <div class="code-name">&amp;#xe618;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe619;</span>
+                <div class="name">应急管理</div>
+                <div class="code-name">&amp;#xe619;</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 iconguanxianyunhang"></span>
+            <div class="name">
+              管线运行
+            </div>
+            <div class="code-name">.iconguanxianyunhang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconwanzhengxingguanli"></span>
+            <div class="name">
+              完整性管理
+            </div>
+            <div class="code-name">.iconwanzhengxingguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconshuzihuaguanli"></span>
+            <div class="name">
+              数字化管理
+            </div>
+            <div class="code-name">.iconshuzihuaguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconyinhuanzhili"></span>
+            <div class="name">
+              隐患治理
+            </div>
+            <div class="code-name">.iconyinhuanzhili
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconxitongguanli"></span>
+            <div class="name">
+              系统管理
+            </div>
+            <div class="code-name">.iconxitongguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconyingjiguanli"></span>
+            <div class="name">
+              应急管理
+            </div>
+            <div class="code-name">.iconyingjiguanli
+            </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 iconxxx"&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="#iconguanxianyunhang"></use>
+                </svg>
+                <div class="name">管线运行</div>
+                <div class="code-name">#iconguanxianyunhang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconwanzhengxingguanli"></use>
+                </svg>
+                <div class="name">完整性管理</div>
+                <div class="code-name">#iconwanzhengxingguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconshuzihuaguanli"></use>
+                </svg>
+                <div class="name">数字化管理</div>
+                <div class="code-name">#iconshuzihuaguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconyinhuanzhili"></use>
+                </svg>
+                <div class="name">隐患治理</div>
+                <div class="code-name">#iconyinhuanzhili</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconxitongguanli"></use>
+                </svg>
+                <div class="name">系统管理</div>
+                <div class="code-name">#iconxitongguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconyingjiguanli"></use>
+                </svg>
+                <div class="name">应急管理</div>
+                <div class="code-name">#iconyingjiguanli</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/icon/icon3/iconfont.css

@@ -0,0 +1,47 @@
+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1572503509473'); /* IE9 */
+  src: url('iconfont.eot?t=1572503509473#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAk4AAsAAAAAEHQAAAjrAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDNgqTQI50ATYCJAMcCxAABCAFhG0HgQwbUA0RFazTI/tZGDvWFmoqqEaObQmWskynm0z6kbjfD8Fjv/b+yU0WultAkojjqwAlg+LxrSIHbFSNrjD0Qeg3PJ36793lirsiOASFkkJJNQhRB/uyOdl8KNfs/6jQLC6uWWcfSKgIdSRnnzz6rEvTHCQ9QPUBcLDm6uaIJ0ZzKYkY//1m5qiGSCJkQhKTNEj7kGkQSqQV/kb33etLYaWuaQE8DQEiSkkBjrTuaAIhBhYL5K2OGDYAhC4NJmgUQrnPudKAXAKM0C1DTuO40H9f/lJJAMDhKcBnjs63GgwGvsinKpT9909vlQXw5FB0vQco0AzAQOa4lgnUhGZdEvFkJhYbuL5U/xIqh8QKi0K6QzG8zx9PfIAlycCfiPrwRTKs8aQUDMDBF428rXwxMACDL6Uar7FxkNKo3GByKlAJ0BGQvQG/xeJhQyzJJ4gICS5NaFxuICWRNKbDLIF4UGDzoKB6A+KCcVVIoDQwqBe++XwYQkAyYgCx7VIkioOUeI4A0S5jr9xn49o169WrFqT/lStmR50C8+GWdqfqqi1Idc1x730FuGdtodp8+bJJ/E6rxyzQgsflIjncTtcXBIYRYUGZDhdoWrA5ejGEt1xjSxKZBiLFkx5uh5cRqQvr8TxJcmR+qZbgKYpnoQV3+ZTv4Mi6nMVbbauyVzgrh0EcPPkA1ZHagCdC3iE7MqegzNQltWMvAkSTCTTUet4KveWQtvIUcGihtxra9upcCQMLdtp3KymTgLs0JA1AYkjK36P1Jg9QVY59xTHFl42UDhHiZQZIILCXBeJg7JQewZED1fd1Seso0KjIMGYQizm/lAJ0sRYMuqJxT5k6SCUKZUWKm8q57B4Bt1+BK3QKYH1xOFcNYB1hgnCXglIBX9F9CJERvQ43z/C1AGJthOnC8ngilvfYCkz2vbZ9jkq2YlaZPWG470p28LCBtnJHKYgrbWsZNNvLXPuyvkEC2TBHxCNgk7eJFshSmfJUXSuHZH2ey1cEWIpnmmSzRDhomCvEkerdpylUG62FmORgvOUlUJxUH2Z2j7bqD9xrOno15v9rbY5ciXZeNhMdhAK65FKdvEyit16MEAuZ9qUw+exJlU3uyOdTReezYB82n9pyIZzLI9sV+vDyY4k8b/bQwk6da3vXu3CLUHDZn1m/F8c9anWBTaMRL6Jt+yIFUyFjjXCum+J3aL27GFHroAgzn/9rBsV7iEk8pcpnlUruZt68O6zpHpdHmnCuH+uzl6mhTcBD7BxAThpUxfrKe1AZxGzlhMxRqppcjyTnwHFBrjwKhIrNMyukrx9cfCE7GNxqCVGEMHjAP2L9xcl2iBbuY0IdO8KRvDiTULeT8n2WnsJmMrfJXDwR7PjJTU0utmavgbA9HvDkRaBtakDsy8JeL4c9C2CHKmOsSbfmkS+7vExxKkwNVnR+2RnUvCO9Z87ugyJTS0qmoipsXFSnZX1yQU2+OWlQWv8OC+sOGaxppmnB1104eGgzdfMwwdcwRNP0CR1CcntLIVr57GkFWg2ff6FVNqPtmjIRlwl2cHaavnGWGZcYphlTdBLKDxkuhc7GuJpR442dMCoX8aMwbapRlHVlB2elko2yLOP1cqVKpSgMQ6YDd9lYjTO4uvFqRDocwTCSTjEugdlDxn8oP6R/AOQfKJufnJZM96VCexxqf0MhrZr5uuJmdP2beWWuctthfWf95x9py1n+zIiu8eOoyEPLM/tfV06+SfcnNS1r3+tMfRLSs1uERR6wvyCdLTWKfnRnpi+FZx64n9N9QHxUdkuNP9NJ61+bMbCRvhFW3L2f8uDyH/r7dazKBL3mZH1MPk79tZLzIUw+bevQrAGdD09veb2RQi9pp5D3+vJ68OyU61ViCVkzyi+hqDTTEoN+tSmrEdnYQUgMPmOaDiP9FcukiDNNg6sCNekEIl1G+lESXappmkHCDslsQjcpcuoNS4xpNLj8kBlR9fbphFpFu3orkUzE8DHzI4g7T57WcNjgpb0D+0gaD+3T7IBiqXaG/Ao5velSRdJB+TKd81266aOsRmP5X8SdEEsGwkzYsGZd12kjh5HNm8xfYidxmPc+6adoIWxC3Q6R/4TVqyfMnJaMgtdG6hicglMt1mSotuhbtFTIGej1Crni21JGWI0YCUzSLT1MlSjvjmKEEVmF5Hv/S1vrzYcboDEIQ7una9SJCiOCBRnhPJh3Yh1wmQrIHtLyGT31+vbTKuT+A5GOSd7cBvWUOHK7AjXM1MYkxGhT3q5GpachrqzXwOrrkoIM6C8tn9YuKqrdtHKpdB9xeIfEBGLm6rdh2fIEeXbYhQEiIbHDsLzOSdBU1Vw2JMYM7gLLA84nFQbeD3f5bwHmKrPsvWyIvIdsqKytzAK+vrv/QRr0NXKnzAz+U4/Hc7K4xDi5BXtkW2sqQl6kVNYAImX/4f1/D7fAU56S4jf1IiLc0vwP/NOspu6g/WmD72dGZYZnRmaWHKo2zNHPrjGMHRtfETA8sKjOyotYkFQNVcwllU0N0jXBPVUzOAKnJK7qWpRCra/VhUa21uoZ7dq6R4vQlu039I7G2Q5q2KHsKHruZ1zsF9rwS0C8e9vxed95BbkTtQaihwlxYKvAgQuX3GAf8qQN7LU8wyQtAf+OhRKSg4j4IQGwI5O7SJYjjR8bZTl2pyOgBJTHrwYDfnOnR0wL+MDv74xoos31MVlMRBELBNDIIugU0qnudKTyAQr8M2DAv9Ppkcsb2odaQTsjxkRxx5haAcnN60A40RUuO4g3DVQ/3Rj5X8RziwMizyf90TCKKZRZ8Yt/ktKQxDnjwtU0BQiDdfDxdwa1rUEarCY/ZRFi6Zzn4X5u5q1zN+51IJzU3le47OPFm4btpxvfz38Rzy0OgiXf4/9oGGX3UGaFBPtTolJLFmXyuHA1IVMANnuwDj6QiVoSMUj8w2ryUxYjhNI5R1sFWUmWvazrzxJ637L4jODkRMXEE18CgY898oy6Ceo+a0TllxX1iKS8iTK/qJWHMc6HMCk6XXe76BWRAAH/JpP9UK6Va0Fq5wA=') format('woff2'),
+  url('iconfont.woff?t=1572503509473') format('woff'),
+  url('iconfont.ttf?t=1572503509473') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1572503509473#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  vertical-align: middle;
+  margin-right: 8px;
+  width: 24px;
+  text-align: center;
+  font-size: 18px;
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconguanxianyunhang:before {
+  content: "\e614";
+}
+
+.iconwanzhengxingguanli:before {
+  content: "\e615";
+}
+
+.iconshuzihuaguanli:before {
+  content: "\e616";
+}
+
+.iconyinhuanzhili:before {
+  content: "\e617";
+}
+
+.iconxitongguanli:before {
+  content: "\e618";
+}
+
+.iconyingjiguanli:before {
+  content: "\e619";
+}
+

src/assets/icon/icon3/iconfont.json

@@ -0,0 +1,51 @@
+{
+  "id": "1437122",
+  "name": "框架一级icon",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "11084944",
+      "name": "管线运行",
+      "font_class": "guanxianyunhang",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "11084945",
+      "name": "完整性管理",
+      "font_class": "wanzhengxingguanli",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "11084946",
+      "name": "数字化管理",
+      "font_class": "shuzihuaguanli",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "11084947",
+      "name": "隐患治理",
+      "font_class": "yinhuanzhili",
+      "unicode": "e617",
+      "unicode_decimal": 58903
+    },
+    {
+      "icon_id": "11084948",
+      "name": "系统管理",
+      "font_class": "xitongguanli",
+      "unicode": "e618",
+      "unicode_decimal": 58904
+    },
+    {
+      "icon_id": "11084949",
+      "name": "应急管理",
+      "font_class": "yingjiguanli",
+      "unicode": "e619",
+      "unicode_decimal": 58905
+    }
+  ]
+}

src/assets/icon/icon3/iconfont.svg

@@ -0,0 +1,44 @@
+<?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="guanxianyunhang" unicode="&#58900;" d="M230.4 489.6h-9.6c-52.8 0-97.6-44.8-97.6-97.6v-291.2h233.6V256H448V489.6H230.4zM808 257.6h8c52.8 0 97.6 44.8 97.6 97.6V644.8H680v-155.2h-91.2V256h219.2zM680 788.8h233.6v-78.4H680zM123.2 36.8h233.6v-78.4H123.2zM480 489.6h78.4V256H480z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="wanzhengxingguanli" unicode="&#58901;" d="M550.4 169.6c0 121.6 97.6 220.8 219.2 222.4 0 155.2-126.4 281.6-281.6 283.2v-281.6l-262.4-112c43.2-102.4 144-172.8 260.8-172.8 24 0 48 3.2 70.4 9.6-3.2 14.4-6.4 32-6.4 51.2zM593.6 40c-33.6-9.6-68.8-16-105.6-16-49.6 0-97.6 9.6-142.4 28.8-43.2 19.2-83.2 44.8-116.8 78.4-33.6 33.6-60.8 73.6-78.4 116.8-19.2 44.8-28.8 92.8-28.8 142.4 0 49.6 9.6 97.6 28.8 142.4 19.2 43.2 44.8 83.2 78.4 116.8 33.6 33.6 73.6 60.8 116.8 78.4 44.8 19.2 92.8 28.8 142.4 28.8 49.6 0 97.6-9.6 142.4-28.8 43.2-19.2 83.2-44.8 116.8-78.4 33.6-33.6 60.8-73.6 78.4-116.8 19.2-44.8 28.8-92.8 28.8-142.4v-14.4c14.4-6.4 28.8-12.8 43.2-22.4 1.6 11.2 1.6 24 1.6 35.2 0 227.2-184 409.6-409.6 409.6C260.8 801.6 76.8 617.6 76.8 390.4s184-409.6 409.6-409.6c48 0 94.4 8 137.6 24-11.2 9.6-22.4 22.4-30.4 35.2zM819.2 8c-6.4 0-11.2 3.2-16 6.4-4.8 6.4-20.8 20.8-33.6 20.8s-28.8-16-33.6-20.8c-3.2-4.8-9.6-6.4-16-6.4-3.2 0-4.8 0-8 1.6L672 33.6c-8 4.8-9.6 16-6.4 24 0 0 3.2 9.6 3.2 17.6 0 24-19.2 44.8-41.6 44.8h-1.6c-6.4 0-12.8 6.4-14.4 16 0 0-3.2 19.2-3.2 33.6 0 14.4 3.2 33.6 3.2 33.6 1.6 9.6 8 16 14.4 16h1.6c24 0 41.6 20.8 41.6 44.8 0 8-3.2 17.6-3.2 17.6-3.2 8-1.6 19.2 6.4 24l41.6 24c1.6 1.6 4.8 1.6 8 1.6 6.4 0 11.2-3.2 16-6.4 4.8-4.8 20.8-19.2 33.6-19.2s28.8 14.4 33.6 19.2c3.2 4.8 9.6 6.4 14.4 6.4 3.2 0 4.8 0 8-1.6l40-24c8-4.8 9.6-16 6.4-24 0 0-3.2-9.6-3.2-17.6 0-24 19.2-44.8 41.6-44.8h1.6c6.4 0 12.8-6.4 14.4-16 0 0 3.2-19.2 3.2-33.6 0-14.4-3.2-33.6-3.2-33.6-1.6-9.6-8-16-14.4-16H912c-24 0-41.6-20.8-41.6-44.8 0-8 3.2-17.6 3.2-17.6 3.2-8 1.6-19.2-6.4-24l-41.6-24c0-1.6-3.2-1.6-6.4-1.6z m-48 102.4c30.4 0 56 27.2 56 59.2s-25.6 59.2-56 59.2-56-27.2-56-59.2c-1.6-32 24-59.2 56-59.2z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shuzihuaguanli" unicode="&#58902;" d="M427.2 387.2v43.2h-46.4v-43.2c-24-9.6-40-32-40-59.2 0-4.8 1.6-9.6 1.6-16L304 286.4l28.8-36.8 36.8 27.2c9.6-6.4 20.8-9.6 33.6-9.6 20.8 0 40 11.2 51.2 25.6l46.4-12.8 11.2 44.8-46.4 11.2c-3.2 24-17.6 43.2-38.4 51.2zM223.6 228.032l59.648 43.12 27.2-37.6-59.664-43.12zM380.8 643.2h48v-78.4h-48zM625.6 59.2l-24-17.6c-3.2 1.6-8 4.8-11.2 6.4V254.4l25.6-6.4 12.8 46.4-38.4 9.6v80c24 9.6 41.6 33.6 41.6 60.8 0 4.8-1.6 11.2-1.6 16l195.2 140.8c3.2-1.6 6.4-4.8 11.2-4.8v-216c16 0 32-1.6 48-4.8V593.6c24 9.6 41.6 33.6 41.6 60.8 0 35.2-28.8 64-65.6 65.6-20.8 0-38.4-9.6-51.2-24L468.8 790.4c-3.2 32-30.4 57.6-64 57.6-35.2 0-64-28.8-65.6-65.6 0-4.8 1.6-11.2 1.6-16L147.2 627.2c-9.6 6.4-22.4 9.6-35.2 9.6-35.2 0-64-28.8-65.6-65.6C48 544 64 521.6 88 512v-334.4c-24-9.6-40-32-40-59.2 0-35.2 28.8-64 65.6-65.6 20.8 0 38.4 9.6 51.2 24l339.2-97.6c3.2-32 30.4-57.6 64-57.6 35.2 0 64 28.8 65.6 65.6 0 4.8 0 9.6-1.6 14.4l20.8 14.4c-12.8 14.4-20.8 28.8-27.2 43.2z m-256 668.8c3.2-1.6 6.4-4.8 11.2-6.4v-60.8h48v60.8c11.2 4.8 20.8 11.2 27.2 20.8l339.2-96c0-3.2 1.6-6.4 1.6-9.6L601.6 496c-9.6 6.4-22.4 11.2-35.2 11.2-20.8 0-38.4-9.6-51.2-25.6l-88 25.6v40h-48v-27.2L176 579.2c0 3.2 0 6.4-1.6 8l195.2 140.8zM542.4 48c-11.2-4.8-19.2-11.2-27.2-20.8l-339.2 96c0 3.2 0 6.4-1.6 8l56 40-28.8 38.4-54.4-38.4c-3.2 3.2-6.4 4.8-11.2 6.4V512c8 3.2 16 8 20.8 14.4l4.8 4.8 217.6-62.4v-19.2h48v4.8l73.6-20.8c3.2-24 19.2-44.8 40-52.8v-67.2l-12.8 3.2-12.8-46.4 24-6.4V48zM969.6 200c-1.6 9.6-8 16-14.4 16h-1.6c-24 0-43.2 20.8-43.2 46.4 0 8 3.2 17.6 3.2 17.6 3.2 8 1.6 19.2-6.4 25.6l-41.6 24c-3.2 1.6-4.8 1.6-8 1.6-6.4 0-11.2-3.2-16-6.4-4.8-4.8-20.8-19.2-33.6-19.2s-28.8 14.4-33.6 20.8c-3.2 4.8-9.6 6.4-16 6.4-3.2 0-4.8 0-8-1.6l-43.2-25.6c-8-4.8-9.6-16-6.4-25.6 0 0 3.2-9.6 3.2-17.6 0-25.6-19.2-46.4-43.2-46.4h-1.6c-6.4 0-12.8-6.4-14.4-16 0 0-3.2-19.2-3.2-35.2s3.2-33.6 3.2-35.2c1.6-9.6 8-16 14.4-16h1.6c24 0 43.2-20.8 43.2-46.4 0-8-3.2-17.6-3.2-17.6-3.2-8-1.6-19.2 6.4-25.6l40-24c3.2-1.6 4.8-1.6 8-1.6 6.4 0 11.2 3.2 16 6.4 4.8 4.8 20.8 20.8 35.2 20.8 12.8 0 30.4-16 35.2-22.4 3.2-4.8 9.6-6.4 16-6.4 3.2 0 4.8 0 8 1.6l41.6 24c8 4.8 9.6 16 6.4 25.6 0 0-3.2 9.6-3.2 17.6 0 25.6 19.2 46.4 43.2 46.4h1.6c6.4 0 12.8 6.4 14.4 16 0 0 3.2 19.2 3.2 35.2s-1.6 36.8-3.2 36.8z m-163.2-94.4c-32 0-57.6 27.2-57.6 60.8 0 33.6 25.6 60.8 57.6 60.8s57.6-27.2 57.6-60.8c0-33.6-25.6-60.8-57.6-60.8z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yinhuanzhili" unicode="&#58903;" d="M584 811.2c-30.4 32-78.4 32-107.2 0L120 161.6c-28.8-32-22.4-128 20.8-128h318.4L817.6 384 584 811.2zM496 577.6c0 25.6 19.2 44.8 43.2 44.8s43.2-20.8 43.2-44.8v-212.8c0-25.6-19.2-44.8-43.2-44.8-24 0-43.2 20.8-43.2 44.8V577.6z m43.2-408c-24 0-43.2 20.8-43.2 44.8 0 25.6 19.2 44.8 43.2 44.8 24 0 43.2-20.8 43.2-44.8 0-25.6-19.2-44.8-43.2-44.8z m382.4 88c-3.2 3.2-8 3.2-11.2 0l-43.2-43.2-48 14.4c0 1.6 0 3.2-1.6 3.2-4.8 14.4-8 27.2-12.8 41.6v1.6l38.4 38.4c1.6 1.6 4.8 4.8 4.8 6.4 1.6 4.8-1.6 9.6-6.4 9.6-6.4 1.6-14.4 1.6-20.8 0-33.6-4.8-60.8-28.8-72-60.8-4.8-17.6-4.8-35.2 0-51.2-16-17.6-33.6-35.2-49.6-52.8l-67.2-64c-6.4 1.6-11.2 3.2-17.6 3.2h-16c-6.4 0-12.8-1.6-19.2-4.8-22.4-8-41.6-25.6-51.2-46.4-4.8-11.2-8-24-8-36.8 0-3.2 0-8 1.6-9.6 3.2-3.2 8-3.2 11.2 0l43.2 43.2 48-14.4c0-1.6 0-3.2 1.6-3.2 4.8-14.4 8-27.2 12.8-41.6v-1.6l-38.4-38.4c-1.6-1.6-4.8-4.8-4.8-6.4-1.6-4.8 1.6-9.6 6.4-9.6 6.4-1.6 14.4 0 20.8 0 33.6 4.8 60.8 28.8 72 60.8 4.8 17.6 4.8 35.2 0 51.2 16 17.6 33.6 35.2 49.6 52.8l67.2 64c6.4-1.6 11.2-3.2 17.6-3.2h16c6.4 0 12.8 1.6 19.2 4.8 22.4 8 41.6 25.6 51.2 46.4 4.8 11.2 8 24 8 36.8 0 1.6 0 6.4-1.6 9.6z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xitongguanli" unicode="&#58904;" d="M680 318.4c-33.6 0-60.8-27.2-62.4-62.4 0-33.6 27.2-60.8 62.4-62.4 33.6 0 60.8 27.2 62.4 62.4 0 35.2-28.8 62.4-62.4 62.4m0-182.4c-67.2 0-121.6 54.4-121.6 121.6 0 67.2 54.4 121.6 121.6 121.6 67.2 0 121.6-54.4 121.6-121.6 0-67.2-54.4-121.6-121.6-121.6m73.6-83.2h1.6l59.2 32c-1.6 3.2-8 19.2-8 35.2 0 49.6 38.4 91.2 88 92.8 0 3.2 4.8 25.6 4.8 41.6s-3.2 38.4-4.8 41.6c-49.6 3.2-88 43.2-88 92.8 0 16 6.4 32 8 35.2l-57.6 32h-1.6c-6.4-6.4-14.4-12.8-20.8-17.6-17.6-12.8-35.2-19.2-49.6-19.2-16 0-32 6.4-49.6 19.2-8 4.8-14.4 11.2-20.8 17.6h-1.6l-59.2-33.6c1.6-3.2 8-19.2 8-35.2 0-49.6-38.4-91.2-88-92.8 0-3.2-4.8-25.6-4.8-41.6s3.2-38.4 4.8-43.2c49.6-3.2 88-43.2 88-92.8 0-16-6.4-32-8-35.2l56-32h1.6c6.4 6.4 14.4 12.8 22.4 19.2 17.6 12.8 35.2 20.8 51.2 20.8s33.6-6.4 51.2-20.8c8-6.4 16-16 17.6-16m19.2-89.6c-11.2 0-22.4 4.8-28.8 12.8-9.6 11.2-40 38.4-65.6 38.4-25.6 0-56-27.2-65.6-36.8-6.4-8-17.6-12.8-28.8-12.8-4.8 0-9.6 1.6-14.4 3.2h-1.6l-76.8 43.2c-14.4 9.6-19.2 28.8-12.8 44.8 0 0 6.4 16 6.4 30.4 0 44.8-36.8 80-80 80h-3.2c-12.8 0-22.4 11.2-27.2 28.8 0 1.6-6.4 35.2-6.4 60.8 0 25.6 6.4 59.2 6.4 60.8 3.2 17.6 14.4 28.8 27.2 28.8h3.2c44.8 0 80 36.8 80 80 0 14.4-6.4 30.4-6.4 30.4-6.4 16-1.6 33.6 12.8 44.8l80 44.8h1.6c4.8 1.6 9.6 3.2 14.4 3.2 11.2 0 22.4-4.8 28.8-12.8 9.6-9.6 40-35.2 64-35.2s54.4 25.6 64 35.2c6.4 8 17.6 11.2 28.8 11.2 4.8 0 9.6-1.6 14.4-3.2h1.6l76.8-43.2c14.4-9.6 19.2-28.8 12.8-44.8 0 0-6.4-16-6.4-30.4 0-44.8 36.8-80 80-80h3.2c12.8 0 24-11.2 27.2-28.8 0-1.6 6.4-35.2 6.4-60.8 0-25.6-6.4-59.2-6.4-60.8-3.2-17.6-14.4-28.8-27.2-28.8h-3.2c-44.8 0-80-36.8-80-80 0-14.4 6.4-30.4 6.4-30.4 6.4-16 1.6-33.6-12.8-44.8L787.2-32h-1.6c-3.2-3.2-8-4.8-12.8-4.8z m182.4 579.2c0-22.4-17.6-40-40-40s-40 17.6-40 40v160c0 11.2-9.6 20.8-19.2 20.8h-720c-11.2 0-19.2-9.6-19.2-20.8v-480c0-11.2 9.6-20.8 19.2-20.8h180.8c22.4 0 40-17.6 40-40s-17.6-40-40-40h-240c-22.4 0-40 17.6-40 40V763.2c0 22.4 17.6 40 40 40h840c22.4 0 40-17.6 40-40l-1.6-220.8zM214.4 1.6c0 22.4 17.6 40 40 40h160c22.4 0 40-17.6 40-40s-17.6-40-40-40h-160c-22.4 0-40 17.6-40 40z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yingjiguanli" unicode="&#58905;" d="M750.4 22.4H265.6c-33.6 0-32-24-32-24v-36.8h553.6v36.8c0 24-17.6 24-36.8 24z m108.8 772.8H164.8c-57.6 0-104-48-104-108.8v-489.6c0-59.2 46.4-108.8 104-108.8h256v-11.2c0-19.2 11.2-30.4 30.4-30.4h120c19.2 0 30.4 12.8 30.4 30.4v11.2h256c57.6 0 104 48 104 108.8V686.4c0 59.2-46.4 108.8-102.4 108.8zM152 224c-19.2 0-30.4 9.6-30.4 30.4V675.2c0 19.2 41.6 60.8 60.8 60.8h660.8c19.2 0 56-16 60.8-60.8v-420.8c0-19.2-11.2-30.4-30.4-30.4H152z m705.6-100.8c-19.2 0-35.2 16-35.2 36.8s16 36.8 35.2 36.8c19.2 0 35.2-16 35.2-36.8 1.6-20.8-14.4-36.8-35.2-36.8zM713.6 320l-176 305.6c-4.8 9.6-14.4 14.4-25.6 14.4-11.2 0-20.8-6.4-25.6-14.4L308.8 320c-4.8-9.6-4.8-20.8 0-30.4 4.8-9.6 11.2-20.8 22.4-20.8h360c11.2 0 17.6 11.2 22.4 20.8 6.4 9.6 6.4 20.8 0 30.4zM512 299.2c-16 0-30.4 12.8-30.4 30.4 0 16 12.8 30.4 30.4 30.4 16 0 30.4-12.8 30.4-30.4 0-16-14.4-30.4-30.4-30.4z m30.4 120c0-16-12.8-30.4-30.4-30.4-16 0-30.4 12.8-30.4 30.4v89.6c0 16 12.8 30.4 30.4 30.4 16 0 30.4-12.8 30.4-30.4v-89.6z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>

src/assets/icon/iconfont.css

@@ -0,0 +1,24 @@
+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1569467595255'); /* IE9 */
+  src: url('iconfont.eot?t=1569467595255#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAWUAAsAAAAACogAAAVFAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqIbIZVATYCJAMMCwgABCAFhG0HOhufCMgekqTLpiigHAAHAAAUD//t9799ZubKN23qydPHVieZJJJpJJuHRMmEQihEk0RIbyjPmqjgIigO6co4isHK/B3An3T92m+/KESm70fEkojHN3d7IlYpgUT30ClZQ+KPe6fN88DmA8rl/90Yw/bSqAswGlsDHGPgEolLQELvAbtr2acJdJtkAzoWdnQFTYUmD8i6sl5k0IwZlBJeaNV1zsoC4gXAtOk8/AmA5+734x+YDRGQVBloM49f3uZh7afHmz/Isf/HLLIZgOjPBmYdGeuAQlzIdZxS8WXrrqI7T1Etl9WsPaS+vP//4+KyrNb/8EiCqIGm6EXusjztFGHiofIPkHtNnJyjRuq9ASA+9PA2JG2rtXfWaRPCu2UHFQIlpBAqVykXcLy0hyXmp6vmMZLuCxy1UHGhBIrjpQfv3JnDFaXhOJOlTjdl1Gw6Udxqzku9YfC0vJnp1UR5dbspwV6keIrKvJvCVZBkRoV2qwbKyaT4TC2UmUFyZhdMoKIijiMzeOg9yeEXOAutquUzzR1v319WQlZ0SB4NWZSlZlcTLItnZRPOzuWm0tJcKrfRuvJuStktGudIksuZnVlBPS1Dk1PpWlpMsN1ZFiuOU+Y8xRLp5abFnVqeLzUv7Z1FZtSEXSjCq6MTiiut1XAVLdHHMhfIkjYcJ7kOybs2n7I6FQPybxPs7VRW2nORp/gKsiID2mTSQJq6o2duBQ1GtXcptpxYq66S6kNbXGoN5qVv0hicKUpLJ8qbo3d5zKoBy5gweFGbimEkwZAZZiVNJgtvvUq5/Tr17tu5d97sM2RzPBSRjF+OpfGya43XIsM74XHq2aMBMV/g/GxTtdWybc9mm5TOgnmmGYYJMqXUQKYA+//vU5vOFW50GN4/4r34fl7CqmHlOts/31WtHieQEG91a0z4dG7gcXDU16WkoHYgowHBzR7nVXcTzMCy0w8LlsOT3aWIMzQEXiefpWUYeHBk434sQAkdWKj9YDoAFzB494aXRfuqiB6LiFmV8FFzjcYwR3pk70fJTk+Z9XSN6aZKGgt9Kb7SAQ9rExP2+3XBnDo0YmHdNROZ7N6uL5GHi/9rC55UnjDbJH8D6TyZBAgN3AlrK6u8SprCK1Y5ItgjB1XPGiddeWjC37C6xs0uQD80uYMlnbG7us6l11+TiEhV3zgcW2sckBYdun4z6ogiom8RS9t75nzC4rsNovmBSqRypp8t8/KIu3/deH3/G9PSy5fCnLCkk07HxXVBc35/Zc6v8nMOf1NGZOopA8Ssuut2PwRXmZVhpsc3egh8oh933MNoGrun62jaosM8+c3pYVQoREE6TGuHMR0BGUYjMB4cAuhUFfnSNzrKypevJkuVPl9F0t+26nND7KS7onOsyA8B0ErUJr5IomZJkSnNmIuIm7gazRELms8bBZR16wDNM+xJe/OYviKhNRZC0piArDXPLNx1qPTYglrrALqtCV/fY8QOFVHEgFWnCQiDaiHp9xGyQdPMwn0MlXGfoTYYCHQ7EYY79liM9ZLgHcQ84nHFfly/0jQEw+y1vewLEn2NOVHK5d+Q48pedLRzSEZ3ySCnjzk794izu3YJuGaHqWMYcR5pmonbdpgKcd7kul2etWpvvybvRZMrt+rQdpSDMB7CQyvE0Hock0GwK3vaqc9fICKfhnFKikqSN4jDJfePHNlxqMHcVRi1is6lcKeAaNYuDAjQGibTpENhaCOaHjKhbfnDFITjmbSuRcCyyh7LramrmBxfpV/fJuimHZ4DhhAIBfWd3TIn+Y1Vy02JGSIAAAAA') format('woff2'),
+  url('iconfont.woff?t=1569467595255') format('woff'),
+  url('iconfont.ttf?t=1569467595255') format('truetype') /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+}
+
+[class^="dh-icon"], [class*="dh-icon"] {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.el-icon-dhtuichu:before {
+  content: "\e6fc";
+}
+
+.el-icon-dhdaohang:before {
+  content: "\e638";
+}
+

src/assets/icon/iconfont.json

@@ -0,0 +1,23 @@
+{
+  "id": "1434263",
+  "name": "elementui",
+  "font_family": "iconfont",
+  "css_prefix_text": "el-icon-dh",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "588730",
+      "name": "退出",
+      "font_class": "tuichu",
+      "unicode": "e6fc",
+      "unicode_decimal": 59132
+    },
+    {
+      "icon_id": "6582347",
+      "name": "地图",
+      "font_class": "daohang",
+      "unicode": "e638",
+      "unicode_decimal": 58936
+    }
+  ]
+}

src/assets/icon/iconfont.svg

@@ -0,0 +1,32 @@
+<?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="tuichu" unicode="&#59132;" d="M657.635 863.573h-655.36v-946.631h655.36v72.818h-582.542v800.995h582.542zM323.038 426.666h591.645l-155.248 275.689c-3.568 7.136 1.675 15.583 9.684 15.583h50.682c9.467 0 18.131-5.389 22.283-13.908l173.524-299.427c5.243-10.631 5.17-23.156-0.219-33.714l-172.942-294.402c-4.369-8.519-13.107-13.908-22.719-13.908h-50.608c-7.865 0-13.035 8.301-9.467 15.364l155.102 275.906h-591.717c-15.073 0-29.491 12.234-29.491 27.307v18.205c0 15.073 14.418 27.307 29.491 27.307z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="daohang" unicode="&#58936;" d="M926.6 473.1C895 618.1 802 729.5 657.9 795.2c-8.4 3.8-17.5 4.1-25.6 0.7-16-6.6-22.5-24.2-28.3-39.6-1.7-4.5-4.4-11.8-6.2-14.8-18.2-12-26.4-37.1-19.1-59.9 4.4-13.7 13.9-23.9 26.2-29.4-0.3-10.7 1.2-24.2 5.9-41.4 5-18.2 13.6-40.4 34.8-50.9 24.5-12.1 55.6-2.7 82.9 8.1 5.4 1.9 9.3 2.7 11.8 2.9v-0.6c-1.9-14.3-6.7-23.2-12.3-33.5-15.1-28.2-24.2-52.8-2.9-113.5 11.9-34.2 33.2-55.7 52-74.7 13.7-13.8 25.5-25.7 32.2-40.7 11.9-29 48.4-48.5 80.5-65.7l6.1-3.3c3.3-1.8 6.9-2.7 10.6-2.7 3.2 0 6.5 0.7 9.5 2.1 6.4 3 11 8.9 12.4 15.8l0.1 0.7c5.5 25.2 20.7 114.7-1.9 218.3z m-36.5-179.9c-17.7 10.2-35.4 21.9-39.4 31.9-0.1 0.3-0.2 0.5-0.3 0.8-10 22.5-26 38.7-41.4 54.2-17 17.1-33 33.3-41.6 58v0.1c-16.5 46.8-9.9 59.1 0.1 77.7 6.4 11.9 14.3 26.6 17.3 49.3 0 0.3 0.1 0.6 0.1 0.9 2.1 22.6-7.2 34.8-15.3 41-5.8 4.5-14.6 8.6-27.4 8.6-8 0-17.6-1.6-28.9-5.7-0.2-0.1-0.4-0.2-0.7-0.3-32.1-12.8-43.2-11.6-47-9.7-2.8 1.4-7.1 6.5-11.7 22.9-6.3 22.7-4.1 32.3-3.5 34.4 4.8 6.6 5.7 15.3 2 22.8-4.1 8.5-13.2 13.5-22.6 12.4-7.1-0.8-8 1.3-8.4 2.2-1.6 3.5-0.3 8.7 0.9 9.7l1.5 0.9c11.6 7.7 16.9 21.9 21.9 35.5 1 2.6 2.3 6.1 3.6 9.3C906.8 626.6 902.8 387 890.1 293.2zM610.8 298.9c-12.2 10.5-20.8 19.3-28.4 27.1-24.7 25.4-40 38.7-93.1 38.7-33.9 0-71.6-3.6-93.9-30.3-18-21.6-22.5-52.8-14.1-98.3 10-54.4 32.3-70.2 47.1-80.6 10-7.1 12.1-8.6 10.8-27.7-4.3-59.6 7.3-83.7 20.7-105.1 1.1-1.8 2.2-3.5 3.2-5.2 9.4-16.4 28.1-42.6 52.4-42.6 1.9 0 3.9 0.2 5.8 0.5 28.2 4.9 34.4 40 36.5 51.5 11.5 64.4 32.6 98.2 53.7 125 18.8 24 68.7 87.5-0.7 147z m-34.3-119.4C553 149.6 527.2 109 514 34.8c-0.7-4-1.5-7.2-2.2-9.7-3.1 3.6-6.7 8.6-10.1 14.5-1.2 2.2-2.6 4.4-4 6.7-8.3 13.3-17.6 28.3-14 78.4 2.9 40.8-11.6 54.6-29.4 67.2-11.5 8.1-22.3 15.8-29 52.4-5.6 30.6-4.1 51.4 4.5 61.7 8.2 9.9 26.6 14.3 59.6 14.3 36.7 0 41.4-4.8 61.1-25.2 7.8-8.1 17.6-18.1 31.3-29.9 28-24.1 26.7-44.9-5.3-85.7zM306.5 410.8c0.4 0.5 1.6 1.5 3.8 2.7l0.9 0.5c11.1 5.9 27.5 14.7 34.5 15.6 0.6-1.1 1.4-3.1 2.2-6.5 5.9-23.4 23.5-38.5 46-39.4 26.8-1 54.3 19 63.5 46.6 5.1 15.3 9 16.2 27.5 20.2 9.9 2.2 22.2 4.9 36 10.9 34.1 14.9 69.9 34.8 62 81.9l-0.5 3.2c-4.5 27.4-11.2 68.8-83.8 68.8-31.5 0-48.4-13.7-58.6-21.9-1.2-0.9-2.6-2.1-3.8-3-2.2 1.4-6.6 4.5-13.8 11.7-2.2 2.2-4 4.1-5.5 5.8 2.2 0.5 4.5 1 6.3 1.4 9.3 2 18.9 4.1 27.4 8.3 23.8 11.9 47.7 51.4 41.7 80.6-3.9 19.2-19 31.4-40.3 32.6-24.3 1.4-36.7-4.6-44.9-8.5-5.2-2.5-5.6-2.7-14 0.3-34.1 12.2-56.2-20.3-69.5-39.8-1.9-2.7-4.2-6.1-6.4-9.1-1.5 1.8-3 3.7-4.3 5.3-15.7 19.6-39.5 49.2-74.3 48.2-7.9-0.2-26.5-0.8-71.4-62.3-24.3-33.2-47.3-72.5-60-102.5-1.4-3.4-2-7-1.7-10.6 6.6-74.7 41.9-118.1 52.7-129.7 8.6-15.6 43.3-64.6 162.3-121 2.4-1.1 4.9-1.8 7.5-2.1 1.1-0.1 2.2-0.1 3.3-0.1 10.2 0 22.8 4.2 28.5 16.5 9.8 21-10.2 41-18.7 49.5-31 31.3-34.7 42.4-34.6 45.9z m-17.1 42c-19.5-10.4-25.4-24.8-26.9-35.1-2-13.4 2.4-26.8 10.1-39.8-58.7 36.8-73.9 63.4-75.5 66.3-1.1 3.1-2.7 5-5.1 7.4-1.4 1.4-34.1 33.9-41.5 99 24.4 54.6 74.6 121.9 91.8 132.3 12.2-1.7 26.4-19.4 36-31.4 9.4-11.7 16.9-21.1 27.3-25.1 25.9-10.8 43.3 14.7 54.9 31.6 4.8 7.1 13.6 20 18.5 22.6 23.6-8.2 36-3.8 47.7 1.9 5.5 2.7 9.9 4.8 22.2 4.2-1-8.5-10.4-25.2-18-29-3.4-1.7-10.6-3.2-16.9-4.6-16.7-3.6-39.6-8.6-45.8-29.6-6-20.3 9.1-38.8 22.9-52.6 34.1-34.1 54.8-29.9 77-11.9 8.3 6.7 14.8 12 30.6 12 34.7 0 35.8-6.7 39.8-31.5l0.6-3.4c1.6-9.4 2.8-16.9-35.9-33.8-9.8-4.3-18.9-6.3-27.7-8.2-21-4.6-47.1-10.3-60.2-49.6-3.5-10.6-13.5-16.2-19.3-16.2h-0.3c-1.4 0.1-3.1 0.1-4.5 5.7-4.6 18.5-13.6 30.9-26.8 36.7-22.7 10.1-46.5-2.6-74.1-17.4l-0.9-0.5zM512 896C229.7 896 0 666.3 0 384s229.7-512 512-512 512 229.7 512 512S794.3 896 512 896z m0-979.5C254.2-83.5 44.5 126.2 44.5 384S254.2 851.5 512 851.5 979.5 641.8 979.5 384 769.8-83.5 512-83.5z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>