4 年之前 · 34e3152755
--- a/dist/client/index.html
+++ b/dist/client/index.html
@@ -1 +1 @@
 
															-<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title></title><link href="css/about.40acff09.css" rel="prefetch"><link href="js/about.b68feefd.js" rel="prefetch"><link href="css/chunk-vendors.a16c4353.css" rel="preload" as="style"><link href="css/index.69a1ba66.css" rel="preload" as="style"><link href="js/chunk-vendors.bf1c293c.js" rel="preload" as="script"><link href="js/index.457f80e1.js" rel="preload" as="script"><link href="css/chunk-vendors.a16c4353.css" rel="stylesheet"><link href="css/index.69a1ba66.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.bf1c293c.js"></script><script src="js/index.457f80e1.js"></script></body></html>
														
 
															+<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title></title><link href="css/about.40acff09.css" rel="prefetch"><link href="js/about.b68feefd.js" rel="prefetch"><link href="css/chunk-vendors.a16c4353.css" rel="preload" as="style"><link href="css/index.69a1ba66.css" rel="preload" as="style"><link href="js/chunk-vendors.bf1c293c.js" rel="preload" as="script"><link href="js/index.4ff7ef56.js" rel="preload" as="script"><link href="css/chunk-vendors.a16c4353.css" rel="stylesheet"><link href="css/index.69a1ba66.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.bf1c293c.js"></script><script src="js/index.4ff7ef56.js"></script></body></html>
														
--- a/dist/client/js/index.4ff7ef56.js
+++ b/dist/client/js/index.4ff7ef56.js
--- a/dist/client/js/subpage.1e45d3d6.js
+++ b/dist/client/js/subpage.1e45d3d6.js
--- a/dist/client/subpage.html
+++ b/dist/client/subpage.html
@@ -1 +1 @@
 
															-<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>zynfcreader</title><link href="css/about.40acff09.css" rel="prefetch"><link href="js/about.b68feefd.js" rel="prefetch"><link href="css/chunk-vendors.a16c4353.css" rel="preload" as="style"><link href="css/subpage.69a1ba66.css" rel="preload" as="style"><link href="js/chunk-vendors.bf1c293c.js" rel="preload" as="script"><link href="js/subpage.dfad6591.js" rel="preload" as="script"><link href="css/chunk-vendors.a16c4353.css" rel="stylesheet"><link href="css/subpage.69a1ba66.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but zynfcreader doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.bf1c293c.js"></script><script src="js/subpage.dfad6591.js"></script></body></html>
														
 
															+<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>zynfcreader</title><link href="css/about.40acff09.css" rel="prefetch"><link href="js/about.b68feefd.js" rel="prefetch"><link href="css/chunk-vendors.a16c4353.css" rel="preload" as="style"><link href="css/subpage.69a1ba66.css" rel="preload" as="style"><link href="js/chunk-vendors.bf1c293c.js" rel="preload" as="script"><link href="js/subpage.1e45d3d6.js" rel="preload" as="script"><link href="css/chunk-vendors.a16c4353.css" rel="stylesheet"><link href="css/subpage.69a1ba66.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but zynfcreader doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.bf1c293c.js"></script><script src="js/subpage.1e45d3d6.js"></script></body></html>
														
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -10,25 +10,36 @@
 
															   "dependencies": {
														
 
															     "axios": "^0.24.0",
														
 
															     "core-js": "^3.6.5",
														
 
															+    "echarts": "4.9.0",
														
 
															     "element-ui": "^2.15.6",
														
 
															+    "highcharts": "^9.2.2",
														
 
															+    "highcharts-vue": "^1.4.0",
														
 
															+    "highlight.js": "9.18.5",
														
 
															+    "js-beautify": "1.13.0",
														
 
															     "js-cookie": "^3.0.1",
														
 
															     "js-md5": "^0.7.3",
														
 
															     "jsencrypt": "^3.2.1",
														
 
															     "less": "^4.1.2",
														
 
															-    "less-loader": "^5.0.0",
														
 
															+    "less-loader": "^6.0.0",
														
 
															+    "sass": "1.32.0",
														
 
															+    "sass-loader": "10.1.0",
														
 
															+    "v-charts": "^1.19.0",
														
 
															     "vue": "^2.6.11",
														
 
															+    "vue-amap": "^0.5.10",
														
 
															     "vue-cookies": "^1.7.4",
														
 
															     "vue-pdf": "^4.3.0",
														
 
															     "vue-router": "^3.5.3",
														
 
															     "vuex": "^3.6.2"
														
 
															   },
														
 
															   "devDependencies": {
														
 
															-    "@vue/cli-plugin-babel": "^4.5.0",
														
 
															-    "@vue/cli-plugin-eslint": "^4.5.0",
														
 
															-    "@vue/cli-service": "^4.5.0",
														
 
															+    "@vue/cli-plugin-babel": "4.4.6",
														
 
															+    "@vue/cli-plugin-eslint": "4.4.6",
														
 
															+    "@vue/cli-service": "4.4.6",
														
 
															     "babel-eslint": "^10.1.0",
														
 
															     "eslint": "^6.7.2",
														
 
															     "eslint-plugin-vue": "^6.2.2",
														
 
															+    "sass": "1.32.0",
														
 
															+    "sass-loader": "10.1.0",
														
 
															     "vue-template-compiler": "^2.6.11"
														
 
															   },
														
 
															   "eslintConfig": {
														
@@ -45,6 +56,10 @@
 
															     },
														
 
															     "rules": {}
														
 
															   },
														
 
															+  "engines": {
														
 
															+    "node": ">=8.9",
														
 
															+    "npm": ">= 3.0.0"
														
 
															+  },
														
 
															   "browserslist": [
														
 
															     "> 1%",
														
 
															     "last 2 versions",
														
--- a/src/api/screen.js
+++ b/src/api/screen.js
@@ -0,0 +1,66 @@
 
															+import request from '@/utils/request'
														
 
															+
														
 
															+//放芯查登录
														
 
															+export function loginByPwd(data) {
														
 
															+  return request({
														
 
															+    url: '/fxc/login/username',
														
 
															+    method: 'post',
														
 
															+    headers:{isToken:false},
														
 
															+    data: data
														
 
															+  })
														
 
															+}
														
 
															+export function getFxcToken() {
														
 
															+  return request({
														
 
															+    url: '/fxc/login/username',
														
 
															+    method: 'post',
														
 
															+    headers:{isToken:false},
														
 
															+    data: {
														
 
															+      "username": "13153864796",//"admin",
														
 
															+      "password": "123456",//"t8D!CyUCGlKD",
														
 
															+    }
														
 
															+  })
														
 
															+}
														
 
															+//放芯查冷链位置查询
														
 
															+export function getFxclistChainLocal(token) {
														
 
															+  return request({
														
 
															+    url: '/fxc/index/listChainLocal',
														
 
															+    method: 'post',
														
 
															+    headers:{
														
 
															+      isToken:false,
														
 
															+      Authorization:'Bearer '+token
														
 
															+    },
														
 
															+  })
														
 
															+}
														
 
															+//标签在不同产品中用量统计
														
 
															+export function getFxcProductChipState(token) {
														
 
															+  return request({
														
 
															+    url: '/fxc/index/productChipState',
														
 
															+    method: 'post',
														
 
															+    headers:{
														
 
															+      isToken:false,
														
 
															+      Authorization:'Bearer '+token
														
 
															+    },
														
 
															+  })
														
 
															+}
														
 
															+//产品标签使用量总和统计
														
 
															+export function getFxcProductTypeChipCount(token) {
														
 
															+  return request({
														
 
															+    url: '/fxc/index/productTypeChipCount',
														
 
															+    method: 'post',
														
 
															+    headers:{
														
 
															+      isToken:false,
														
 
															+      Authorization:'Bearer '+token
														
 
															+    },
														
 
															+  })
														
 
															+}
														
 
															+//冷链运输状态查询,以及预警状态数量
														
 
															+export function getFxcChainStatus(token) {
														
 
															+  return request({
														
 
															+    url: '/fxc/index/getChainStatus',
														
 
															+    method: 'post',
														
 
															+    headers:{
														
 
															+      isToken:false,
														
 
															+      Authorization:'Bearer '+token
														
 
															+    },
														
 
															+  })
														
 
															+}
														
--- a/src/assets/images/cardTit.png
+++ b/src/assets/images/cardTit.png
--- a/src/assets/images/fxc_bg.jpg
+++ b/src/assets/images/fxc_bg.jpg
--- a/src/assets/images/fxc_bg.png
+++ b/src/assets/images/fxc_bg.png
--- a/src/assets/images/fxc_bg1.png
+++ b/src/assets/images/fxc_bg1.png
--- a/src/assets/images/fxc_img1.png
+++ b/src/assets/images/fxc_img1.png
--- a/src/assets/images/fxc_img10.png
+++ b/src/assets/images/fxc_img10.png
--- a/src/assets/images/fxc_img11.png
+++ b/src/assets/images/fxc_img11.png
--- a/src/assets/images/fxc_img12.png
+++ b/src/assets/images/fxc_img12.png
--- a/src/assets/images/fxc_img2.png
+++ b/src/assets/images/fxc_img2.png
--- a/src/assets/images/fxc_img3.png
+++ b/src/assets/images/fxc_img3.png
--- a/src/assets/images/fxc_img4.png
+++ b/src/assets/images/fxc_img4.png
--- a/src/assets/images/fxc_img5.png
+++ b/src/assets/images/fxc_img5.png
--- a/src/assets/images/fxc_img6.png
+++ b/src/assets/images/fxc_img6.png
--- a/src/assets/images/fxc_img7.png
+++ b/src/assets/images/fxc_img7.png
--- a/src/assets/images/fxc_img8.png
+++ b/src/assets/images/fxc_img8.png
--- a/src/assets/images/fxc_img9.png
+++ b/src/assets/images/fxc_img9.png
--- a/src/assets/images/fxc_map.png
+++ b/src/assets/images/fxc_map.png
--- a/src/assets/images/fxc_tit.png
+++ b/src/assets/images/fxc_tit.png
--- a/src/assets/images/logo_fxc.png
+++ b/src/assets/images/logo_fxc.png
--- a/src/assets/images/opt_bg.png
+++ b/src/assets/images/opt_bg.png
--- a/src/assets/styles/btn.scss
+++ b/src/assets/styles/btn.scss
@@ -0,0 +1,99 @@
 
															+@import './variables.scss';
														
 
															+
														
 
															+@mixin colorBtn($color) {
														
 
															+  background: $color;
														
 
															+
														
 
															+  &:hover {
														
 
															+    color: $color;
														
 
															+
														
 
															+    &:before,
														
 
															+    &:after {
														
 
															+      background: $color;
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.blue-btn {
														
 
															+  @include colorBtn($blue)
														
 
															+}
														
 
															+
														
 
															+.light-blue-btn {
														
 
															+  @include colorBtn($light-blue)
														
 
															+}
														
 
															+
														
 
															+.red-btn {
														
 
															+  @include colorBtn($red)
														
 
															+}
														
 
															+
														
 
															+.pink-btn {
														
 
															+  @include colorBtn($pink)
														
 
															+}
														
 
															+
														
 
															+.green-btn {
														
 
															+  @include colorBtn($green)
														
 
															+}
														
 
															+
														
 
															+.tiffany-btn {
														
 
															+  @include colorBtn($tiffany)
														
 
															+}
														
 
															+
														
 
															+.yellow-btn {
														
 
															+  @include colorBtn($yellow)
														
 
															+}
														
 
															+
														
 
															+.pan-btn {
														
 
															+  font-size: 14px;
														
 
															+  color: #fff;
														
 
															+  padding: 14px 36px;
														
 
															+  border-radius: 8px;
														
 
															+  border: none;
														
 
															+  outline: none;
														
 
															+  transition: 600ms ease all;
														
 
															+  position: relative;
														
 
															+  display: inline-block;
														
 
															+
														
 
															+  &:hover {
														
 
															+    background: #fff;
														
 
															+
														
 
															+    &:before,
														
 
															+    &:after {
														
 
															+      width: 100%;
														
 
															+      transition: 600ms ease all;
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  &:before,
														
 
															+  &:after {
														
 
															+    content: '';
														
 
															+    position: absolute;
														
 
															+    top: 0;
														
 
															+    right: 0;
														
 
															+    height: 2px;
														
 
															+    width: 0;
														
 
															+    transition: 400ms ease all;
														
 
															+  }
														
 
															+
														
 
															+  &::after {
														
 
															+    right: inherit;
														
 
															+    top: inherit;
														
 
															+    left: 0;
														
 
															+    bottom: 0;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.custom-button {
														
 
															+  display: inline-block;
														
 
															+  line-height: 1;
														
 
															+  white-space: nowrap;
														
 
															+  cursor: pointer;
														
 
															+  background: #fff;
														
 
															+  color: #fff;
														
 
															+  -webkit-appearance: none;
														
 
															+  text-align: center;
														
 
															+  box-sizing: border-box;
														
 
															+  outline: 0;
														
 
															+  margin: 0;
														
 
															+  padding: 10px 15px;
														
 
															+  font-size: 14px;
														
 
															+  border-radius: 4px;
														
 
															+}
														
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -0,0 +1,84 @@
 
															+// cover some element-ui styles
														
 
															+
														
 
															+.el-breadcrumb__inner,
														
 
															+.el-breadcrumb__inner a {
														
 
															+  font-weight: 400 !important;
														
 
															+}
														
 
															+
														
 
															+.el-upload {
														
 
															+  input[type="file"] {
														
 
															+    display: none !important;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.el-upload__input {
														
 
															+  display: none;
														
 
															+}
														
 
															+
														
 
															+.cell {
														
 
															+  .el-tag {
														
 
															+    margin-right: 0px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.small-padding {
														
 
															+  .cell {
														
 
															+    padding-left: 5px;
														
 
															+    padding-right: 5px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.fixed-width {
														
 
															+  .el-button--mini {
														
 
															+    padding: 7px 10px;
														
 
															+    width: 60px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.status-col {
														
 
															+  .cell {
														
 
															+    padding: 0 10px;
														
 
															+    text-align: center;
														
 
															+
														
 
															+    .el-tag {
														
 
															+      margin-right: 0px;
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+// to fixed https://github.com/ElemeFE/element/issues/2461
														
 
															+.el-dialog {
														
 
															+  transform: none;
														
 
															+  left: 0;
														
 
															+  position: relative;
														
 
															+  margin: 0 auto;
														
 
															+}
														
 
															+
														
 
															+// refine element ui upload
														
 
															+.upload-container {
														
 
															+  .el-upload {
														
 
															+    width: 100%;
														
 
															+
														
 
															+    .el-upload-dragger {
														
 
															+      width: 100%;
														
 
															+      height: 200px;
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+// dropdown
														
 
															+.el-dropdown-menu {
														
 
															+  a {
														
 
															+    display: block
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+// fix date-picker ui bug in filter-item
														
 
															+.el-range-editor.el-input__inner {
														
 
															+  display: inline-flex !important;
														
 
															+}
														
 
															+
														
 
															+// to fix el-date-picker css style
														
 
															+.el-range-separator {
														
 
															+  box-sizing: content-box;
														
 
															+}
														
--- a/src/assets/styles/element-variables.scss
+++ b/src/assets/styles/element-variables.scss
@@ -0,0 +1,31 @@
 
															+/**
														
 
															+* I think element-ui's default theme color is too light for long-term use.
														
 
															+* So I modified the default color and you can modify it to your liking.
														
 
															+**/
														
 
															+
														
 
															+/* theme color */
														
 
															+$--color-primary: #1890ff;
														
 
															+$--color-success: #13ce66;
														
 
															+$--color-warning: #ffba00;
														
 
															+$--color-danger: #ff4949;
														
 
															+// $--color-info: #1E1E1E;
														
 
															+
														
 
															+$--button-font-weight: 400;
														
 
															+
														
 
															+// $--color-text-regular: #1f2d3d;
														
 
															+
														
 
															+$--border-color-light: #dfe4ed;
														
 
															+$--border-color-lighter: #e6ebf5;
														
 
															+
														
 
															+$--table-border:1px solid#dfe6ec;
														
 
															+
														
 
															+/* icon font path, required */
														
 
															+$--font-path: '~element-ui/lib/theme-chalk/fonts';
														
 
															+
														
 
															+@import "~element-ui/packages/theme-chalk/src/index";
														
 
															+
														
 
															+// the :export directive is the magic sauce for webpack
														
 
															+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
														
 
															+:export {
														
 
															+  theme: $--color-primary;
														
 
															+}
														
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -0,0 +1,191 @@
 
															+@import './variables.scss';
														
 
															+@import './mixin.scss';
														
 
															+@import './transition.scss';
														
 
															+@import './element-ui.scss';
														
 
															+@import './sidebar.scss';
														
 
															+@import './btn.scss';
														
 
															+
														
 
															+body {
														
 
															+  height: 100%;
														
 
															+  -moz-osx-font-smoothing: grayscale;
														
 
															+  -webkit-font-smoothing: antialiased;
														
 
															+  text-rendering: optimizeLegibility;
														
 
															+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
														
 
															+}
														
 
															+
														
 
															+label {
														
 
															+  font-weight: 700;
														
 
															+}
														
 
															+
														
 
															+html {
														
 
															+  height: 100%;
														
 
															+  box-sizing: border-box;
														
 
															+}
														
 
															+
														
 
															+#app {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+
														
 
															+*,
														
 
															+*:before,
														
 
															+*:after {
														
 
															+  box-sizing: inherit;
														
 
															+}
														
 
															+
														
 
															+.no-padding {
														
 
															+  padding: 0px !important;
														
 
															+}
														
 
															+
														
 
															+.padding-content {
														
 
															+  padding: 4px 0;
														
 
															+}
														
 
															+
														
 
															+a:focus,
														
 
															+a:active {
														
 
															+  outline: none;
														
 
															+}
														
 
															+
														
 
															+a,
														
 
															+a:focus,
														
 
															+a:hover {
														
 
															+  cursor: pointer;
														
 
															+  color: inherit;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+
														
 
															+div:focus {
														
 
															+  outline: none;
														
 
															+}
														
 
															+
														
 
															+.fr {
														
 
															+  float: right;
														
 
															+}
														
 
															+
														
 
															+.fl {
														
 
															+  float: left;
														
 
															+}
														
 
															+
														
 
															+.pr-5 {
														
 
															+  padding-right: 5px;
														
 
															+}
														
 
															+
														
 
															+.pl-5 {
														
 
															+  padding-left: 5px;
														
 
															+}
														
 
															+
														
 
															+.block {
														
 
															+  display: block;
														
 
															+}
														
 
															+
														
 
															+.pointer {
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+
														
 
															+.inlineBlock {
														
 
															+  display: block;
														
 
															+}
														
 
															+
														
 
															+.clearfix {
														
 
															+  &:after {
														
 
															+    visibility: hidden;
														
 
															+    display: block;
														
 
															+    font-size: 0;
														
 
															+    content: " ";
														
 
															+    clear: both;
														
 
															+    height: 0;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+aside {
														
 
															+  background: #eef1f6;
														
 
															+  padding: 8px 24px;
														
 
															+  margin-bottom: 20px;
														
 
															+  border-radius: 2px;
														
 
															+  display: block;
														
 
															+  line-height: 32px;
														
 
															+  font-size: 16px;
														
 
															+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
														
 
															+  color: #2c3e50;
														
 
															+  -webkit-font-smoothing: antialiased;
														
 
															+  -moz-osx-font-smoothing: grayscale;
														
 
															+
														
 
															+  a {
														
 
															+    color: #337ab7;
														
 
															+    cursor: pointer;
														
 
															+
														
 
															+    &:hover {
														
 
															+      color: rgb(32, 160, 255);
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+//main-container全局样式
														
 
															+.app-container {
														
 
															+  padding: 20px;
														
 
															+}
														
 
															+
														
 
															+.components-container {
														
 
															+  margin: 30px 50px;
														
 
															+  position: relative;
														
 
															+}
														
 
															+
														
 
															+.pagination-container {
														
 
															+  margin-top: 30px;
														
 
															+}
														
 
															+
														
 
															+.text-center {
														
 
															+  text-align: center
														
 
															+}
														
 
															+
														
 
															+.sub-navbar {
														
 
															+  height: 50px;
														
 
															+  line-height: 50px;
														
 
															+  position: relative;
														
 
															+  width: 100%;
														
 
															+  text-align: right;
														
 
															+  padding-right: 20px;
														
 
															+  transition: 600ms ease position;
														
 
															+  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
														
 
															+
														
 
															+  .subtitle {
														
 
															+    font-size: 20px;
														
 
															+    color: #fff;
														
 
															+  }
														
 
															+
														
 
															+  &.draft {
														
 
															+    background: #d0d0d0;
														
 
															+  }
														
 
															+
														
 
															+  &.deleted {
														
 
															+    background: #d0d0d0;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.link-type,
														
 
															+.link-type:focus {
														
 
															+  color: #337ab7;
														
 
															+  cursor: pointer;
														
 
															+
														
 
															+  &:hover {
														
 
															+    color: rgb(32, 160, 255);
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.filter-container {
														
 
															+  padding-bottom: 10px;
														
 
															+
														
 
															+  .filter-item {
														
 
															+    display: inline-block;
														
 
															+    vertical-align: middle;
														
 
															+    margin-bottom: 10px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+//refine vue-multiselect plugin
														
 
															+.multiselect {
														
 
															+  line-height: 16px;
														
 
															+}
														
 
															+
														
 
															+.multiselect--active {
														
 
															+  z-index: 1000 !important;
														
 
															+}
														
--- a/src/assets/styles/mixin.scss
+++ b/src/assets/styles/mixin.scss
@@ -0,0 +1,66 @@
 
															+@mixin clearfix {
														
 
															+  &:after {
														
 
															+    content: "";
														
 
															+    display: table;
														
 
															+    clear: both;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+@mixin scrollBar {
														
 
															+  &::-webkit-scrollbar-track-piece {
														
 
															+    background: #d3dce6;
														
 
															+  }
														
 
															+
														
 
															+  &::-webkit-scrollbar {
														
 
															+    width: 6px;
														
 
															+  }
														
 
															+
														
 
															+  &::-webkit-scrollbar-thumb {
														
 
															+    background: #99a9bf;
														
 
															+    border-radius: 20px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+@mixin relative {
														
 
															+  position: relative;
														
 
															+  width: 100%;
														
 
															+  height: 100%;
														
 
															+}
														
 
															+
														
 
															+@mixin pct($pct) {
														
 
															+  width: #{$pct};
														
 
															+  position: relative;
														
 
															+  margin: 0 auto;
														
 
															+}
														
 
															+
														
 
															+@mixin triangle($width, $height, $color, $direction) {
														
 
															+  $width: $width/2;
														
 
															+  $color-border-style: $height solid $color;
														
 
															+  $transparent-border-style: $width solid transparent;
														
 
															+  height: 0;
														
 
															+  width: 0;
														
 
															+
														
 
															+  @if $direction==up {
														
 
															+    border-bottom: $color-border-style;
														
 
															+    border-left: $transparent-border-style;
														
 
															+    border-right: $transparent-border-style;
														
 
															+  }
														
 
															+
														
 
															+  @else if $direction==right {
														
 
															+    border-left: $color-border-style;
														
 
															+    border-top: $transparent-border-style;
														
 
															+    border-bottom: $transparent-border-style;
														
 
															+  }
														
 
															+
														
 
															+  @else if $direction==down {
														
 
															+    border-top: $color-border-style;
														
 
															+    border-left: $transparent-border-style;
														
 
															+    border-right: $transparent-border-style;
														
 
															+  }
														
 
															+
														
 
															+  @else if $direction==left {
														
 
															+    border-right: $color-border-style;
														
 
															+    border-top: $transparent-border-style;
														
 
															+    border-bottom: $transparent-border-style;
														
 
															+  }
														
 
															+}
														
--- a/src/assets/styles/ruoyi.scss
+++ b/src/assets/styles/ruoyi.scss
@@ -0,0 +1,245 @@
 
															+ /**
														
 
															+ * 通用css样式布局处理
														
 
															+ * Copyright (c) 2019 ruoyi
														
 
															+ */
														
 
															+
														
 
															+ /** 基础通用 **/
														
 
															+.pt5 {
														
 
															+	padding-top: 5px;
														
 
															+}
														
 
															+.pr5 {
														
 
															+	padding-right: 5px;
														
 
															+}
														
 
															+.pb5 {
														
 
															+	padding-bottom: 5px;
														
 
															+}
														
 
															+.mt5 {
														
 
															+	margin-top: 5px;
														
 
															+}
														
 
															+.mr5 {
														
 
															+	margin-right: 5px;
														
 
															+}
														
 
															+.mb5 {
														
 
															+	margin-bottom: 5px;
														
 
															+}
														
 
															+.mb8 {
														
 
															+	margin-bottom: 8px;
														
 
															+}
														
 
															+.ml5 {
														
 
															+	margin-left: 5px;
														
 
															+}
														
 
															+.mt10 {
														
 
															+	margin-top: 10px;
														
 
															+}
														
 
															+.mr10 {
														
 
															+	margin-right: 10px;
														
 
															+}
														
 
															+.mb10 {
														
 
															+	margin-bottom: 10px;
														
 
															+}
														
 
															+.ml0 {
														
 
															+	margin-left: 10px;
														
 
															+}
														
 
															+.mt20 {
														
 
															+	margin-top: 20px;
														
 
															+}
														
 
															+.mr20 {
														
 
															+	margin-right: 20px;
														
 
															+}
														
 
															+.mb20 {
														
 
															+	margin-bottom: 20px;
														
 
															+}
														
 
															+.m20 {
														
 
															+	margin-left: 20px;
														
 
															+}
														
 
															+
														
 
															+.el-dialog:not(.is-fullscreen){
														
 
															+	margin-top: 6vh !important;
														
 
															+}
														
 
															+
														
 
															+.el-table {
														
 
															+	.el-table__header-wrapper, .el-table__fixed-header-wrapper {
														
 
															+		th {
														
 
															+			word-break: break-word;
														
 
															+			background-color: #f8f8f9;
														
 
															+			color: #515a6e;
														
 
															+			height: 40px;
														
 
															+			font-size: 13px;
														
 
															+		}
														
 
															+	}
														
 
															+	.el-table__body-wrapper {
														
 
															+		.el-button [class*="el-icon-"] + span {
														
 
															+			margin-left: 1px;
														
 
															+		}
														
 
															+	}
														
 
															+}
														
 
															+
														
 
															+/** 表单布局 **/
														
 
															+.form-header {
														
 
															+    font-size:15px;
														
 
															+	color:#6379bb;
														
 
															+	border-bottom:1px solid #ddd;
														
 
															+	margin:8px 10px 25px 10px;
														
 
															+	padding-bottom:5px
														
 
															+}
														
 
															+
														
 
															+/** 表格布局 **/
														
 
															+.pagination-container {
														
 
															+	position: relative;
														
 
															+	height: 25px;
														
 
															+	margin-bottom: 10px;
														
 
															+	margin-top: 15px;
														
 
															+	padding: 10px 20px !important;
														
 
															+}
														
 
															+
														
 
															+/* tree border */
														
 
															+.tree-border {
														
 
															+    margin-top: 5px;
														
 
															+    border: 1px solid #e5e6e7;
														
 
															+    background: #FFFFFF none;
														
 
															+    border-radius:4px;
														
 
															+}
														
 
															+
														
 
															+.pagination-container .el-pagination {
														
 
															+	right: 0;
														
 
															+	position: absolute;
														
 
															+}
														
 
															+
														
 
															+.el-table .fixed-width .el-button--mini {
														
 
															+	padding-left: 0;
														
 
															+	padding-right: 0;
														
 
															+	width: inherit;
														
 
															+}
														
 
															+
														
 
															+.el-tree-node__content > .el-checkbox {
														
 
															+	margin-right: 8px;
														
 
															+}
														
 
															+
														
 
															+.list-group-striped > .list-group-item {
														
 
															+	border-left: 0;
														
 
															+	border-right: 0;
														
 
															+	border-radius: 0;
														
 
															+	padding-left: 0;
														
 
															+	padding-right: 0;
														
 
															+}
														
 
															+
														
 
															+.list-group {
														
 
															+	padding-left: 0px;
														
 
															+	list-style: none;
														
 
															+}
														
 
															+
														
 
															+.list-group-item {
														
 
															+	border-bottom: 1px solid #e7eaec;
														
 
															+	border-top: 1px solid #e7eaec;
														
 
															+	margin-bottom: -1px;
														
 
															+	padding: 11px 0px;
														
 
															+	font-size: 13px;
														
 
															+}
														
 
															+
														
 
															+.pull-right {
														
 
															+	float: right !important;
														
 
															+}
														
 
															+
														
 
															+.el-card__header {
														
 
															+	padding: 14px 15px 7px;
														
 
															+	min-height: 40px;
														
 
															+}
														
 
															+
														
 
															+.el-card__body {
														
 
															+	padding: 15px 20px 20px 20px;
														
 
															+}
														
 
															+
														
 
															+.card-box {
														
 
															+	padding-right: 15px;
														
 
															+	padding-left: 15px;
														
 
															+	margin-bottom: 10px;
														
 
															+}
														
 
															+
														
 
															+/* button color */
														
 
															+.el-button--cyan.is-active,
														
 
															+.el-button--cyan:active {
														
 
															+  background: #20B2AA;
														
 
															+  border-color: #20B2AA;
														
 
															+  color: #FFFFFF;
														
 
															+}
														
 
															+
														
 
															+.el-button--cyan:focus,
														
 
															+.el-button--cyan:hover {
														
 
															+  background: #48D1CC;
														
 
															+  border-color: #48D1CC;
														
 
															+  color: #FFFFFF;
														
 
															+}
														
 
															+
														
 
															+.el-button--cyan {
														
 
															+  background-color: #20B2AA;
														
 
															+  border-color: #20B2AA;
														
 
															+  color: #FFFFFF;
														
 
															+}
														
 
															+
														
 
															+/* submenu item */
														
 
															+.el-menu--horizontal > .el-submenu .el-submenu__title {
														
 
															+	height: 50px !important;
														
 
															+	line-height: 50px !important;
														
 
															+}
														
 
															+
														
 
															+/* text color */
														
 
															+.text-navy {
														
 
															+	color: #1ab394;
														
 
															+}
														
 
															+
														
 
															+.text-primary {
														
 
															+	color: inherit;
														
 
															+}
														
 
															+
														
 
															+.text-success {
														
 
															+	color: #1c84c6;
														
 
															+}
														
 
															+
														
 
															+.text-info {
														
 
															+	color: #23c6c8;
														
 
															+}
														
 
															+
														
 
															+.text-warning {
														
 
															+	color: #f8ac59;
														
 
															+}
														
 
															+
														
 
															+.text-danger {
														
 
															+	color: #ed5565;
														
 
															+}
														
 
															+
														
 
															+.text-muted {
														
 
															+	color: #888888;
														
 
															+}
														
 
															+
														
 
															+/* image */
														
 
															+.img-circle {
														
 
															+	border-radius: 50%;
														
 
															+}
														
 
															+
														
 
															+.img-lg {
														
 
															+	width: 120px;
														
 
															+	height: 120px;
														
 
															+}
														
 
															+
														
 
															+.avatar-upload-preview {
														
 
															+	position: absolute;
														
 
															+	top: 50%;
														
 
															+	transform: translate(50%, -50%);
														
 
															+	width: 200px;
														
 
															+	height: 200px;
														
 
															+	border-radius: 50%;
														
 
															+	box-shadow: 0 0 4px #ccc;
														
 
															+	overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+/* 拖拽列样式 */
														
 
															+.sortable-ghost{
														
 
															+	opacity: .8;
														
 
															+	color: #fff!important;
														
 
															+	background: #42b983!important;
														
 
															+}
														
 
															+
														
 
															+.top-right-btn {
														
 
															+	position: relative;
														
 
															+	float: right;
														
 
															+}
														
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -0,0 +1,223 @@
 
															+#app {
														
 
															+
														
 
															+  .main-container {
														
 
															+    min-height: 100%;
														
 
															+    transition: margin-left .28s;
														
 
															+    margin-left: $sideBarWidth;
														
 
															+    position: relative;
														
 
															+  }
														
 
															+
														
 
															+  .sidebar-container {
														
 
															+    -webkit-transition: width .28s;
														
 
															+    transition: width 0.28s;
														
 
															+    width: $sideBarWidth !important;
														
 
															+    background-color: $menuBg;
														
 
															+    height: 100%;
														
 
															+    position: fixed;
														
 
															+    font-size: 0px;
														
 
															+    top: 0;
														
 
															+    bottom: 0;
														
 
															+    left: 0;
														
 
															+    z-index: 1001;
														
 
															+    overflow: hidden;
														
 
															+    -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
														
 
															+    box-shadow: 2px 0 6px rgba(0,21,41,.35);
														
 
															+
														
 
															+    // reset element-ui css
														
 
															+    .horizontal-collapse-transition {
														
 
															+      transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
														
 
															+    }
														
 
															+
														
 
															+    .scrollbar-wrapper {
														
 
															+      overflow-x: hidden !important;
														
 
															+    }
														
 
															+
														
 
															+    .el-scrollbar__bar.is-vertical {
														
 
															+      right: 0px;
														
 
															+    }
														
 
															+
														
 
															+    .el-scrollbar {
														
 
															+      height: 100%;
														
 
															+    }
														
 
															+
														
 
															+    &.has-logo {
														
 
															+      .el-scrollbar {
														
 
															+        height: calc(100% - 50px);
														
 
															+      }
														
 
															+    }
														
 
															+
														
 
															+    .is-horizontal {
														
 
															+      display: none;
														
 
															+    }
														
 
															+
														
 
															+    a {
														
 
															+      display: inline-block;
														
 
															+      width: 100%;
														
 
															+      overflow: hidden;
														
 
															+    }
														
 
															+
														
 
															+    .svg-icon {
														
 
															+      margin-right: 16px;
														
 
															+    }
														
 
															+
														
 
															+    .el-menu {
														
 
															+      border: none;
														
 
															+      height: 100%;
														
 
															+      width: 100% !important;
														
 
															+    }
														
 
															+
														
 
															+    .el-menu-item, .el-submenu__title {
														
 
															+      overflow: hidden !important;
														
 
															+      text-overflow: ellipsis !important;
														
 
															+      white-space: nowrap !important;
														
 
															+    }
														
 
															+
														
 
															+    // menu hover
														
 
															+    .submenu-title-noDropdown,
														
 
															+    .el-submenu__title {
														
 
															+      &:hover {
														
 
															+        background-color: rgba(0, 0, 0, 0.06) !important;
														
 
															+      }
														
 
															+    }
														
 
															+
														
 
															+    & .theme-dark .is-active > .el-submenu__title {
														
 
															+      color: $subMenuActiveText !important;
														
 
															+    }
														
 
															+
														
 
															+    & .nest-menu .el-submenu>.el-submenu__title,
														
 
															+    & .el-submenu .el-menu-item {
														
 
															+      min-width: $sideBarWidth !important;
														
 
															+
														
 
															+      &:hover {
														
 
															+        background-color: rgba(0, 0, 0, 0.06) !important;
														
 
															+      }
														
 
															+    }
														
 
															+
														
 
															+    & .theme-dark .nest-menu .el-submenu>.el-submenu__title,
														
 
															+    & .theme-dark .el-submenu .el-menu-item {
														
 
															+      background-color: $subMenuBg !important;
														
 
															+
														
 
															+      &:hover {
														
 
															+        background-color: $subMenuHover !important;
														
 
															+      }
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  .hideSidebar {
														
 
															+    .sidebar-container {
														
 
															+      width: 54px !important;
														
 
															+    }
														
 
															+
														
 
															+    .main-container {
														
 
															+      margin-left: 54px;
														
 
															+    }
														
 
															+
														
 
															+    .submenu-title-noDropdown {
														
 
															+      padding: 0 !important;
														
 
															+      position: relative;
														
 
															+
														
 
															+      .el-tooltip {
														
 
															+        padding: 0 !important;
														
 
															+
														
 
															+        .svg-icon {
														
 
															+          margin-left: 20px;
														
 
															+        }
														
 
															+      }
														
 
															+    }
														
 
															+
														
 
															+    .el-submenu {
														
 
															+      overflow: hidden;
														
 
															+
														
 
															+      &>.el-submenu__title {
														
 
															+        padding: 0 !important;
														
 
															+
														
 
															+        .svg-icon {
														
 
															+          margin-left: 20px;
														
 
															+        }
														
 
															+
														
 
															+      }
														
 
															+    }
														
 
															+
														
 
															+    .el-menu--collapse {
														
 
															+      .el-submenu {
														
 
															+        &>.el-submenu__title {
														
 
															+          &>span {
														
 
															+            height: 0;
														
 
															+            width: 0;
														
 
															+            overflow: hidden;
														
 
															+            visibility: hidden;
														
 
															+            display: inline-block;
														
 
															+          }
														
 
															+        }
														
 
															+      }
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  .el-menu--collapse .el-menu .el-submenu {
														
 
															+    min-width: $sideBarWidth !important;
														
 
															+  }
														
 
															+
														
 
															+  // mobile responsive
														
 
															+  .mobile {
														
 
															+    .main-container {
														
 
															+      margin-left: 0px;
														
 
															+    }
														
 
															+
														
 
															+    .sidebar-container {
														
 
															+      transition: transform .28s;
														
 
															+      width: $sideBarWidth !important;
														
 
															+    }
														
 
															+
														
 
															+    &.hideSidebar {
														
 
															+      .sidebar-container {
														
 
															+        pointer-events: none;
														
 
															+        transition-duration: 0.3s;
														
 
															+        transform: translate3d(-$sideBarWidth, 0, 0);
														
 
															+      }
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  .withoutAnimation {
														
 
															+
														
 
															+    .main-container,
														
 
															+    .sidebar-container {
														
 
															+      transition: none;
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+// when menu collapsed
														
 
															+.el-menu--vertical {
														
 
															+  &>.el-menu {
														
 
															+    .svg-icon {
														
 
															+      margin-right: 16px;
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  .nest-menu .el-submenu>.el-submenu__title,
														
 
															+  .el-menu-item {
														
 
															+    &:hover {
														
 
															+      // you can use $subMenuHover
														
 
															+      background-color: rgba(0, 0, 0, 0.06) !important;
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  // the scroll bar appears when the subMenu is too long
														
 
															+  >.el-menu--popup {
														
 
															+    max-height: 100vh;
														
 
															+    overflow-y: auto;
														
 
															+
														
 
															+    &::-webkit-scrollbar-track-piece {
														
 
															+      background: #d3dce6;
														
 
															+    }
														
 
															+
														
 
															+    &::-webkit-scrollbar {
														
 
															+      width: 6px;
														
 
															+    }
														
 
															+
														
 
															+    &::-webkit-scrollbar-thumb {
														
 
															+      background: #99a9bf;
														
 
															+      border-radius: 20px;
														
 
															+    }
														
 
															+  }
														
 
															+}
														
--- a/src/assets/styles/transition.scss
+++ b/src/assets/styles/transition.scss
@@ -0,0 +1,48 @@
 
															+// global transition css
														
 
															+
														
 
															+/* fade */
														
 
															+.fade-enter-active,
														
 
															+.fade-leave-active {
														
 
															+  transition: opacity 0.28s;
														
 
															+}
														
 
															+
														
 
															+.fade-enter,
														
 
															+.fade-leave-active {
														
 
															+  opacity: 0;
														
 
															+}
														
 
															+
														
 
															+/* fade-transform */
														
 
															+.fade-transform-leave-active,
														
 
															+.fade-transform-enter-active {
														
 
															+  transition: all .5s;
														
 
															+}
														
 
															+
														
 
															+.fade-transform-enter {
														
 
															+  opacity: 0;
														
 
															+  transform: translateX(-30px);
														
 
															+}
														
 
															+
														
 
															+.fade-transform-leave-to {
														
 
															+  opacity: 0;
														
 
															+  transform: translateX(30px);
														
 
															+}
														
 
															+
														
 
															+/* breadcrumb transition */
														
 
															+.breadcrumb-enter-active,
														
 
															+.breadcrumb-leave-active {
														
 
															+  transition: all .5s;
														
 
															+}
														
 
															+
														
 
															+.breadcrumb-enter,
														
 
															+.breadcrumb-leave-active {
														
 
															+  opacity: 0;
														
 
															+  transform: translateX(20px);
														
 
															+}
														
 
															+
														
 
															+.breadcrumb-move {
														
 
															+  transition: all .5s;
														
 
															+}
														
 
															+
														
 
															+.breadcrumb-leave-active {
														
 
															+  position: absolute;
														
 
															+}
														
--- a/src/assets/styles/variables.scss
+++ b/src/assets/styles/variables.scss
@@ -0,0 +1,44 @@
 
															+// base color
														
 
															+$blue:#324157;
														
 
															+$light-blue:#3A71A8;
														
 
															+$red:#C03639;
														
 
															+$pink: #E65D6E;
														
 
															+$green: #30B08F;
														
 
															+$tiffany: #4AB7BD;
														
 
															+$yellow:#FEC171;
														
 
															+$panGreen: #30B08F;
														
 
															+
														
 
															+// sidebar
														
 
															+$menuText:#bfcbd9;
														
 
															+$menuActiveText:#409EFF;
														
 
															+$subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
														
 
															+
														
 
															+$menuBg:#304156;
														
 
															+$menuHover:#263445;
														
 
															+$sidebarTitle: #ffffff;
														
 
															+
														
 
															+$menuLightBg:#ffffff;
														
 
															+$menuLightHover:#f0f1f5;
														
 
															+$sidebarLightTitle: #001529;
														
 
															+
														
 
															+$subMenuBg:#1f2d3d;
														
 
															+$subMenuHover:#001528;
														
 
															+
														
 
															+$sideBarWidth: 200px;
														
 
															+
														
 
															+// the :export directive is the magic sauce for webpack
														
 
															+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
														
 
															+:export {
														
 
															+  menuText: $menuText;
														
 
															+  menuActiveText: $menuActiveText;
														
 
															+  subMenuActiveText: $subMenuActiveText;
														
 
															+  menuBg: $menuBg;
														
 
															+  menuHover: $menuHover;
														
 
															+  menuLightBg: $menuLightBg;
														
 
															+  menuLightHover: $menuLightHover;
														
 
															+  subMenuBg: $subMenuBg;
														
 
															+  subMenuHover: $subMenuHover;
														
 
															+  sideBarWidth: $sideBarWidth;
														
 
															+  sidebarTitle: $sidebarTitle;
														
 
															+  sidebarLightTitle: $sidebarLightTitle
														
 
															+}
														
--- a/src/components/bigData/index.vue
+++ b/src/components/bigData/index.vue
@@ -1,3 +1,291 @@
 
															 <template>
														
 
															-    <div>大屏</div>
														
 
															-</template>
														
 
															+  <div class="mot_page">
														
 
															+    <div class="mot_head">放芯查数据展示平台</div>
														
 
															+    <div class="fxc_top">
														
 
															+      <div class="fxc_top_item">
														
 
															+        <img src="../../assets/images/fxc_img2.png">
														
 
															+        <div class="fxc_top_txt">
														
 
															+          <div class="fxc_top_num">
														
 
															+            <numCard v-for="(item,index) in ''+produced" :key="index" :num="item || 0" :color="'#3AB46D'"></numCard>
														
 
															+          </div>
														
 
															+          <div class="fxc_top_type">已生产(个)</div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+      <div class="fxc_top_item">
														
 
															+        <img src="../../assets/images/fxc_img3.png">
														
 
															+        <div class="fxc_top_txt">
														
 
															+          <div class="fxc_top_num">
														
 
															+            <numCard v-for="(item,index) in ''+finished" :key="index" :num="item || 0" :color="'#EF4598'"></numCard>
														
 
															+          </div>
														
 
															+          <div class="fxc_top_type">已结束(个)</div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+      <div class="fxc_top_item">
														
 
															+        <img src="../../assets/images/fxc_img4.png">
														
 
															+        <div class="fxc_top_txt">
														
 
															+          <div class="fxc_top_num">
														
 
															+            <numCard v-for="(item,index) in ''+transit" :key="index" :num="item || 0" :color="'#F8B30E'"></numCard>
														
 
															+          </div>
														
 
															+          <div class="fxc_top_type">运输中(个)</div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+      <div class="fxc_top_item">
														
 
															+        <img src="../../assets/images/fxc_img5.png">
														
 
															+        <div class="fxc_top_txt">
														
 
															+          <div class="fxc_top_num">
														
 
															+            <numCard v-for="(item,index) in ''+used" :key="index" :num="item || 0" :color="'#3E9DFF'"></numCard>
														
 
															+          </div>
														
 
															+          <div class="fxc_top_type">已使用(个)</div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+    <div class="fxc_left">
														
 
															+      <div class="fxc_tit">温度监测</div>
														
 
															+      <div class="fxc_left_top">
														
 
															+        <div class="fxc_lt_item">
														
 
															+          <div class="fxc_lt_num">
														
 
															+            <numCard v-for="(item,index) in ''+normal" :key="index" :num="item || 0"></numCard>
														
 
															+          </div>
														
 
															+          <div class="fxc_lt_type">正常</div>
														
 
															+        </div>
														
 
															+        <div class="fxc_lt_item">
														
 
															+          <div class="fxc_lt_num">
														
 
															+            <numCard v-for="(item,index) in ''+warning" :key="index" :num="item || 0" :color="'#3AB46D'"></numCard>
														
 
															+          </div>
														
 
															+          <div class="fxc_lt_type">预警</div>
														
 
															+        </div>
														
 
															+        <div class="fxc_lt_item">
														
 
															+          <div class="fxc_lt_num">
														
 
															+            <numCard v-for="(item,index) in ''+error" :key="index" :num="item || 0" :color="'#3AB46D'"></numCard>
														
 
															+          </div>
														
 
															+          <div class="fxc_lt_type">报警</div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+      <div class="fxc_left_btm">
														
 
															+        <img class="fxc_left_btm_img" src="../../assets/images/fxc_img11.png">
														
 
															+        <pie3d :id="'pie3d1'" :value1="1220" :value2="1000" :value3="1200"></pie3d>
														
 
															+        <div class="fxc_left_btm_txt">预警</div>
														
 
															+        <div class="fxc_lb_con">
														
 
															+          <div class="fxc_lb_item">
														
 
															+            <i></i>全程温度<span>{{1220}}</span>
														
 
															+          </div>
														
 
															+          <div class="fxc_lb_item">
														
 
															+            <i></i>实时温控<span>{{1000}}</span>
														
 
															+          </div>
														
 
															+          <div class="fxc_lb_item">
														
 
															+            <i></i>追溯标签<span>{{1200}}</span>
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+      <div class="fxc_left_btm">
														
 
															+        <img class="fxc_left_btm_img" src="../../assets/images/fxc_img11.png">
														
 
															+        <pie3d :id="'pie3d2'" :value1="1230" :value2="1100" :value3="1200"></pie3d>
														
 
															+        <div class="fxc_left_btm_txt">报警</div>
														
 
															+        <div class="fxc_lb_con">
														
 
															+          <div class="fxc_lb_item">
														
 
															+            <i></i>全程温度<span>{{1220}}</span>
														
 
															+          </div>
														
 
															+          <div class="fxc_lb_item">
														
 
															+            <i></i>实时温控<span>{{1000}}</span>
														
 
															+          </div>
														
 
															+          <div class="fxc_lb_item">
														
 
															+            <i></i>追溯标签<span>{{1200}}</span>
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+    <div class="fxc_mid">
														
 
															+      <div class="fxc_map">
														
 
															+        <mapPage></mapPage>
														
 
															+      </div>
														
 
															+      <div class="fxc_mid_con1">
														
 
															+        <div class="fxc_win_icon1"></div>
														
 
															+        <div class="fxc_win_icon2"></div>
														
 
															+        <div class="fxc_win_icon3"></div>
														
 
															+        <div class="fxc_win_icon4"></div>
														
 
															+        <div class="fxc_mc1_txt">
														
 
															+          检测对象：货物<br>
														
 
															+          当前温度：42℃<br>
														
 
															+          最低温度：12℃<br>
														
 
															+          检测状态：正常<br>
														
 
															+          更新时间：2021-09-09 12:00
														
 
															+        </div>
														
 
															+      </div>
														
 
															+      <div class="fxc_mid_con2">
														
 
															+        <div class="fxc_win_icon1"></div>
														
 
															+        <div class="fxc_win_icon2"></div>
														
 
															+        <div class="fxc_win_icon3"></div>
														
 
															+        <div class="fxc_win_icon4"></div>
														
 
															+        <div class="fxc_mc2_con">
														
 
															+          <lineChart></lineChart>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+    <div class="fxc_right1">
														
 
															+      <div class="fxc_tit">储运状态</div>
														
 
															+      <div class="fxc_right1_con">
														
 
															+        <barChart></barChart>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+    <div class="fxc_right2">
														
 
															+      <div class="fxc_tit">监测数量</div>
														
 
															+      <div class="fxc_right2_con">
														
 
															+        <huan2d :id="'huan2d1'" :value1="1220" :value2="1000" :value3="1200"></huan2d>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+    <div class="no_login" @click="goLogin">
														
 
															+        <div>去登录</div>
														
 
															+    </div>
														
 
															+  </div>
														
 
															+</template>
														
 
															+<script>
														
 
															+import NumCard from "../../components/fangxincha/numberCard"//
														
 
															+import Pie3d from "../../components/fangxincha/pie3d2"//
														
 
															+import Huan3d from "../../components/fangxincha/huan3d"//
														
 
															+import Huan2d from "../../components/fangxincha/huan2d"//
														
 
															+import MapPage from "../../components/fangxincha/map"//高德地图
														
 
															+import LineChart from "../../components/fangxincha/lineChart"//
														
 
															+import BarChart from "../../components/fangxincha/barChart"//
														
 
															+import { getFxcToken,getFxclistChainLocal,getFxcProductTypeChipCount,getFxcProductChipState,getFxcChainStatus } from '@/api/screen'
														
 
															+export default({
														
 
															+  name:"Shop",
														
 
															+  components: {
														
 
															+    NumCard,
														
 
															+    Pie3d,
														
 
															+    MapPage,
														
 
															+    LineChart,
														
 
															+    BarChart,
														
 
															+    Huan3d,
														
 
															+    Huan2d,
														
 
															+  },
														
 
															+  data () {
														
 
															+    return {
														
 
															+      attrs:["produced","finished","transit","used","normal","warning","error"],
														
 
															+      produced:6780,
														
 
															+      finished:6780,
														
 
															+      transit:6780,
														
 
															+      used:6780,
														
 
															+      normal:6780,
														
 
															+      warning:6780,
														
 
															+      error:6780,
														
 
															+    }
														
 
															+  },
														
 
															+  created () {
														
 
															+    this.changeNum()
														
 
															+    // this.randomNum()
														
 
															+    this.getLoginToken()
														
 
															+    // this.$store.dispatch("FxcLogin").then((res)=>{
														
 
															+    //   var fxcToken = this.$store.getters.fxcToken
														
 
															+    //   this.getListChainLocal(fxcToken)
														
 
															+    //   this.getProductTypeChipCount(fxcToken)
														
 
															+    //   this.getProductChipState(fxcToken)
														
 
															+    // })
														
 
															+  },
														
 
															+  methods: {
														
 
															+    getLoginToken(){
														
 
															+      getFxcToken().then(response => {
														
 
															+        var fxcToken = response.token
														
 
															+        this.getListChainLocal(fxcToken)
														
 
															+        this.getProductTypeChipCount(fxcToken)
														
 
															+        this.getProductChipState(fxcToken)
														
 
															+        this.getChainStatus(fxcToken)
														
 
															+      });
														
 
															+    },
														
 
															+    getListChainLocal(token){
														
 
															+      getFxclistChainLocal(token).then(response => {
														
 
															+        
														
 
															+      });
														
 
															+    },
														
 
															+    getProductChipState(token){
														
 
															+      getFxcProductChipState(token).then(response => {
														
 
															+        
														
 
															+      });
														
 
															+    },
														
 
															+    getProductTypeChipCount(token){
														
 
															+      getFxcProductTypeChipCount(token).then(response => {
														
 
															+        
														
 
															+      });
														
 
															+    },
														
 
															+    getChainStatus(token){
														
 
															+      getFxcChainStatus(token).then(response => {
														
 
															+        
														
 
															+      });
														
 
															+    },
														
 
															+    changeNum(){
														
 
															+      const that = this
														
 
															+      var list = that.attrs
														
 
															+      for(var i in list){
														
 
															+        that.randomNum(list[i])
														
 
															+      }
														
 
															+    },
														
 
															+    randomNum(key){
														
 
															+      const that = this
														
 
															+        that[key+"Timer"] = window.setInterval(()=>{
														
 
															+          //数字每次变化1-10之间
														
 
															+          var rdNum = Math.floor(1+Math.random()*9)
														
 
															+          that[key]=that[key]+rdNum
														
 
															+        },2000)
														
 
															+    },
														
 
															+    goLogin(){
														
 
															+      this.$router.push({
														
 
															+        name: 'SignIn',
														
 
															+      })
														
 
															+    },
														
 
															+  }
														
 
															+})
														
 
															+</script>
														
 
															+<style>
														
 
															+html{ font-size:calc(100vw / 19.2);}
														
 
															+body{ font-size:14px; background: #031934;}
														
 
															+.mot_page{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: url(../../assets/images/opt_bg.png); background-size: 100% 100%; }
														
 
															+.fxc_page{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: url(../../assets/images/fxc_bg1.png); background-size: 100% 100%; }
														
 
															+.mot_head{ position: absolute; top: 0; left: 0; width: 100%; height: 11vh; line-height: 11vh; color: #53A0FF; font-size:2vw; text-align: center;font-weight: bold;
														
 
															+background-image:-webkit-linear-gradient(bottom,#53A0FF,#ffffff);-webkit-background-clip:text;background-clip: text;-webkit-text-fill-color:transparent;
														
 
															+/*-webkit-text-stroke:1px #ffffff; font-style: italic;*/letter-spacing:1vw;}
														
 
															+.fxc_head{ position: absolute; top: 0; left: 0; width: 100%; height: 11vh; display: flex; align-items: center; justify-content: center;}
														
 
															+.fxc_head img{ width: 27vw;}
														
 
															+.fxc_top{ position: absolute; top: 0; left: 0; right: 0;}
														
 
															+.fxc_top_item{ position: absolute; left: 2.4vw; top: 3.7vh; width: 12.6vw; height: 11.1vh; background:url(../../assets/images/fxc_img9.png); background-size: 100% 100%;  display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 0 0 0.6vw;}
														
 
															+.fxc_top_item img{ width: 2.6vw; height: 2.6vw; margin: 0 0.5vw 0 0;}
														
 
															+.fxc_top_num{ font-size:1.25vw; line-height: 1em; font-weight: bold; display: flex;}
														
 
															+.fxc_top_type{ font-size: 1vw; color: #65A3F7;}
														
 
															+.fxc_top_item:nth-child(2){ left: 16.3vw;}
														
 
															+.fxc_top_item:nth-child(3){ left: 71.1vw;}
														
 
															+.fxc_top_item:nth-child(4){ left: 85.1vw;}
														
 
															+.fxc_left{position: absolute; padding: 2vh 0 0 0; top: 23.1vh; left: 2.7vw; width: 25.8vw; height: 73.4vh; background: rgba(14, 97, 182, 0.14);border: 2px solid;border-image: linear-gradient(90deg, #093B77, #3E8EFF, #0C4480) 2 2;}
														
 
															+.fxc_tit{ position: absolute; height: 4.4vh; width: 22vw; top: -4.3vh; background: url(../../assets/images/fxc_img1.png); background-size: 100% 100%; left: 50%; font-size: 0.9vw; font-weight: bold; color: #C6DFFF; margin: 0 -11vw; text-align: center; line-height: 4.4vh;}
														
 
															+.fxc_left_top{ width: 21.7vw; margin: auto; height: 16.5vh; display: flex; justify-content: space-between; align-items: center;background: url(../../assets/images/fxc_img12.png); background-size: 100% 100%;}
														
 
															+.fxc_left_btm{ width: 90%; height: 26vh; position: relative; margin:0 0;}
														
 
															+.fxc_lt_item{ flex: auto; width: 100%; text-align: center; border-left: 1px solid #3089F3;}
														
 
															+.fxc_lt_item:nth-child(1){ border: none;}
														
 
															+.fxc_lt_num{ display: flex; justify-content: center; align-items: center; font-size: 1.8vw;}
														
 
															+.fxc_lt_type{ font-size: 1.2vw; color: #75AFFE;}
														
 
															+.fxc_mid{ position: absolute; top: 17.8vh; left: 29.6vw; width: 44.5vw; height: 78.3vh;background: url(../../assets/images/fxc_map.png) center center no-repeat; background-size:7.5rem 5.21rem;}
														
 
															+.fxc_mid_con1{ position: absolute; bottom: 0; left: 1.5vw; width: 11.4vw; height: 23.4vh; height: 1.5rem; background: rgba(2,43,145, 0.5); box-sizing: border-box;}
														
 
															+.fxc_win_icon1::before{ content: ""; position: absolute; top:-4px; left:-4px; width: 2px; height: 1vw; background: #2DC1FF;}
														
 
															+.fxc_win_icon1::after{ content: ""; position: absolute; top:-4px; left:-4px; height: 2px; width: 1vw; background: #2DC1FF;}
														
 
															+.fxc_win_icon2::before{ content: ""; position: absolute; bottom:-4px; left:-4px; width: 2px; height: 1vw; background: #2DC1FF;}
														
 
															+.fxc_win_icon2::after{ content: ""; position: absolute; bottom:-4px; left:-4px; height: 2px; width: 1vw; background: #2DC1FF;}
														
 
															+.fxc_win_icon3::before{ content: ""; position: absolute; top:-4px; right:-4px; width: 2px; height: 1vw; background: #2DC1FF;}
														
 
															+.fxc_win_icon3::after{ content: ""; position: absolute; top:-4px; right:-4px; height: 2px; width: 1vw; background: #2DC1FF;}
														
 
															+.fxc_win_icon4::before{ content: ""; position: absolute; bottom:-4px; right:-4px; width: 2px; height: 1vw; background: #2DC1FF;}
														
 
															+.fxc_win_icon4::after{ content: ""; position: absolute; bottom:-4px; right:-4px; height: 2px; width: 1vw; background: #2DC1FF;}
														
 
															+.fxc_mc1_txt{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; padding: 0 0 0 1vw; line-height: 3.7vh;line-height: 0.24rem; font-size: 0.6vw; color: #65A3F7;}
														
 
															+.fxc_mid_con2{ position: absolute; bottom: 0; right: 1.5vw; width: 13.8vw; height: 26.8vh; background: rgba(4,57,217, 0.5); box-sizing: border-box;}
														
 
															+.fxc_right1{ position: absolute; top: 22vh; right: 2.4vw; width: 22.8vw; height: 34.3vh;background: rgba(14, 97, 182, 0.14);border: 2px solid;border-image: linear-gradient(90deg, #093B77, #3E8EFF, #0C4480) 2 2;}
														
 
															+.fxc_left_btm_txt{ position: absolute; bottom: 0; left:30%; width: 2rem; margin: 0 0 0 -0.93rem; font-size: 0.16rem; color: #ffffff; text-align: center;}
														
 
															+
														
 
															+.fxc_right2{ position: absolute; top:62.1vh; right: 2.4vw; width: 22.8vw; height: 34.3vh;background: rgba(14, 97, 182, 0.14);border: 2px solid;border-image: linear-gradient(90deg, #093B77, #3E8EFF, #0C4480) 2 2;}
														
 
															+.fxc_lb_con{position: absolute; top: 10px; bottom:20px; right: 10px; display: flex; flex-direction: column; align-items: center; justify-content:center;}
														
 
															+.fxc_lb_item{ margin: 6px auto; color: #ffffff; font-size: 0.18rem; line-height: 0.18rem;}
														
 
															+.fxc_lb_item i{ display: inline-block; width:0.2rem; height: 0.12rem; margin-right:0.08rem;}
														
 
															+.fxc_lb_item span{ margin-left: 0.08rem;}
														
 
															+.fxc_lb_item:nth-child(1) i{background: #23D9E9;}
														
 
															+.fxc_lb_item:nth-child(2) i{background: #89D44B;}
														
 
															+.fxc_lb_item:nth-child(3) i{background: #E82A30;}
														
 
															+.fxc_lb_item:nth-child(1) span{color: #23D9E9;}
														
 
															+.fxc_lb_item:nth-child(2) span{color: #89D44B;}
														
 
															+
														
 
															+.no_login{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 1; display: flex; justify-content: center; align-items: center;}
														
 
															+.no_login>div{ width: auto; padding: 20px; background: #ffffff; font-size: 20px; line-height: 36px; border-radius: 5px; color: #2DC1FF;}
														
 
															+</style>
														
--- a/src/components/fangxincha/barChart.vue
+++ b/src/components/fangxincha/barChart.vue
@@ -0,0 +1,122 @@
 
															+<template>
														
 
															+  <div class="chart_con" id="barchartCon"></div>
														
 
															+</template>
														
 
															+<script>
														
 
															+import { getEvvmChipStatus2 } from '@/api/screen'
														
 
															+export default {
														
 
															+  name: 'barChart',
														
 
															+  methods:{
														
 
															+    getData(){
														
 
															+      getEvvmChipStatus2().then(response => {
														
 
															+        var data = response.data
														
 
															+        var option = this.option
														
 
															+        option.series[0].data[0].value = data.used
														
 
															+        option.series[0].data[1].value = data.act
														
 
															+        option.series[0].data[2].value = data.noAct
														
 
															+        this.myChart.setOption(option);
														
 
															+      });
														
 
															+    },
														
 
															+	  myEcharts(){
														
 
															+		  this.myChart = this.echarts.init(document.getElementById('barchartCon'));
														
 
															+		  this.option = {
														
 
															+        color:["#3E9DFF","#EE9C17","#E82A30"],
														
 
															+			  title: {
														
 
															+				  show:false
														
 
															+			  },
														
 
															+        grid:{
														
 
															+          top:"12%",
														
 
															+          left:"12%",
														
 
															+          right:"5%",
														
 
															+          bottom:"12%",
														
 
															+        },
														
 
															+			  tooltip: {
														
 
															+				  show:true
														
 
															+        },
														
 
															+			  legend: {
														
 
															+          data:['全程温控', '实时温控', '追溯标签'],
														
 
															+				  top:5,
														
 
															+          icon:"rect",
														
 
															+          itemWidth:12,
														
 
															+          itemHeight:8,
														
 
															+          textStyle:{
														
 
															+            fontSize:8,
														
 
															+            color:"#ffffff",
														
 
															+          },
														
 
															+			  },
														
 
															+        xAxis: {
														
 
															+            type: 'category',
														
 
															+            data: [ '2016', '2017', '2018', '2019', '2020', '2021'],
														
 
															+            axisLine:{
														
 
															+              lineStyle:{
														
 
															+                color:"#0E61B6",
														
 
															+              }
														
 
															+            },
														
 
															+            axisTick:{
														
 
															+              show:false
														
 
															+            },
														
 
															+            axisLabel:{
														
 
															+              color:"#ffffff",
														
 
															+              fontSize:8,
														
 
															+            },
														
 
															+            splitLine:{
														
 
															+              show:true,
														
 
															+              lineStyle:{
														
 
															+                color:"#0E61B6",
														
 
															+                opacity:0.2,
														
 
															+              }
														
 
															+            },
														
 
															+        },
														
 
															+        yAxis: {
														
 
															+            type: 'value',
														
 
															+            axisLine:{
														
 
															+              lineStyle:{
														
 
															+                color:"#0E61B6",
														
 
															+              }
														
 
															+            },
														
 
															+            axisTick:{
														
 
															+              show:false
														
 
															+            },
														
 
															+            axisLabel:{
														
 
															+              color:"#ffffff",
														
 
															+              fontSize:8,
														
 
															+            },
														
 
															+            splitLine:{
														
 
															+              show:true,
														
 
															+              lineStyle:{
														
 
															+                color:"#0E61B6",
														
 
															+                opacity:0.2,
														
 
															+              }
														
 
															+            },
														
 
															+            animationDuration: 300,
														
 
															+            animationDurationUpdate: 300,
														
 
															+        },
														
 
															+			  series: [
														
 
															+          {
														
 
															+            name: '全程温控',
														
 
															+            type: 'bar',
														
 
															+            data: [120, 132, 101, 134, 90, 230, 210]
														
 
															+          },
														
 
															+          {
														
 
															+            name: '实时温控',
														
 
															+            type: 'bar',
														
 
															+            data: [120, 132, 101, 134, 90, 230, 210]
														
 
															+          },
														
 
															+          {
														
 
															+            name: '追溯标签',
														
 
															+            type: 'bar',
														
 
															+            data: [120, 132, 101, 134, 90, 230, 210]
														
 
															+          },
														
 
															+        ]
														
 
															+		  };
														
 
															+      //this.getData();
														
 
															+		  this.myChart.setOption(this.option);
														
 
															+    }
														
 
															+  },
														
 
															+  mounted() {
														
 
															+  	this.myEcharts();
														
 
															+  }
														
 
															+}
														
 
															+</script>
														
 
															+<style>
														
 
															+  .chart_con{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: transparent;}
														
 
															+</style>
														
--- a/src/components/fangxincha/huan2d.vue
+++ b/src/components/fangxincha/huan2d.vue
@@ -0,0 +1,125 @@
 
															+<template>
														
 
															+  <div class="pie3d_con" :id="id"></div>
														
 
															+</template>
														
 
															+<script>
														
 
															+  import Highcharts from "highcharts/highstock";
														
 
															+  import Highcharts3D from "highcharts/highcharts-3d";
														
 
															+  Highcharts3D(Highcharts);
														
 
															+  export default({
														
 
															+    name: "pie3d",
														
 
															+    props:{
														
 
															+      id:{
														
 
															+        type:String,
														
 
															+        required:true
														
 
															+      },
														
 
															+      value1:{
														
 
															+        default:1,
														
 
															+      },
														
 
															+      value2:{
														
 
															+        default:1,
														
 
															+      },
														
 
															+      value3:{
														
 
															+        default:1,
														
 
															+      },
														
 
															+    },
														
 
															+    data() {
														
 
															+      return {
														
 
															+          
														
 
															+      }
														
 
															+    },
														
 
															+    mounted() {
														
 
															+      this.moreChart();
														
 
															+    },
														
 
															+    watch: {
														
 
															+      value1(){
														
 
															+        this.updataChart()
														
 
															+      },
														
 
															+      value2(){
														
 
															+        this.updataChart()
														
 
															+      },
														
 
															+      value3(){
														
 
															+        this.updataChart()
														
 
															+      },
														
 
															+    },
														
 
															+    methods: {
														
 
															+      updataChart(){
														
 
															+        const that = this
														
 
															+        this.chart.series[0].update({
														
 
															+          data:[
														
 
															+            ['科兴',that.value1],
														
 
															+            ['康希诺',that.value2],
														
 
															+            ['生物',that.value3],
														
 
															+          ]
														
 
															+        })
														
 
															+      },
														
 
															+      moreChart() {
														
 
															+        const that = this
														
 
															+        if (this.chart) {
														
 
															+          this.chart.destroy();
														
 
															+        }
														
 
															+        // 初始化 Highcharts 图表
														
 
															+        this.chart = new Highcharts.Chart(that.id, {
														
 
															+          chart: {
														
 
															+            type: 'pie',
														
 
															+            backgroundColor:"transparent",
														
 
															+            options3d: {
														
 
															+              enabled: true,
														
 
															+              alpha: 45,
														
 
															+              beta: 0
														
 
															+            },
														
 
															+            spacing:[5,5,5,5]
														
 
															+          },
														
 
															+          credits:{enabled:false},
														
 
															+          colors:["#1D3BFF","#29DDB0","#81D2FF","#FFD157","#FF741F"],
														
 
															+          title: false,
														
 
															+          tooltip: {
														
 
															+            pointFormat: '{name}: <b>{point.percentage:.1f}%</b>'
														
 
															+          },
														
 
															+          legend:{
														
 
															+            layout:"horizontal",
														
 
															+            align: 'center',
														
 
															+            verticalAlign: 'top', 
														
 
															+            // layout:"vertical",
														
 
															+            // align: 'right',
														
 
															+            // verticalAlign: 'middle', 
														
 
															+            labelFormat:"{name} {y}",
														
 
															+            itemStyle:{
														
 
															+              "color": "#ffffff"
														
 
															+            },
														
 
															+            itemHoverStyle:false
														
 
															+          },
														
 
															+          plotOptions: {
														
 
															+            pie: {
														
 
															+              cursor: 'pointer',
														
 
															+              depth: 35,
														
 
															+              showInLegend: true,
														
 
															+              dataLabels: {
														
 
															+                // enabled: false,
														
 
															+                // distance: -20,
														
 
															+                color:"#ffffff",
														
 
															+                format: '{point.percentage:.1f}%',
														
 
															+              },
														
 
															+              events:{
														
 
															+                hide:true
														
 
															+              },    
														
 
															+            }
														
 
															+          },
														
 
															+          series: [{
														
 
															+            type: 'pie',
														
 
															+            innerSize: '60%',
														
 
															+            center:["50%","50%"],
														
 
															+            // center:["40%","50%"],
														
 
															+            data: [
														
 
															+              ['科兴',that.value1],
														
 
															+              ['康希诺',that.value2],
														
 
															+              ['生物',that.value3],
														
 
															+            ]
														
 
															+          }]
														
 
															+        });
														
 
															+      }
														
 
															+    }
														
 
															+  })
														
 
															+</script>
														
 
															+<style>
														
 
															+.pie3d_con{position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: transparent;}
														
 
															+</style>
														
--- a/src/components/fangxincha/huan3d.vue
+++ b/src/components/fangxincha/huan3d.vue
@@ -0,0 +1,119 @@
 
															+<template>
														
 
															+  <div class="pie3d_con" :id="id"></div>
														
 
															+</template>
														
 
															+<script>
														
 
															+  import Highcharts from "highcharts/highstock";
														
 
															+  import Highcharts3D from "highcharts/highcharts-3d";
														
 
															+  Highcharts3D(Highcharts);
														
 
															+  export default({
														
 
															+    name: "pie3d",
														
 
															+    props:{
														
 
															+      id:{
														
 
															+        type:String,
														
 
															+        required:true
														
 
															+      },
														
 
															+      value1:{
														
 
															+        default:1,
														
 
															+      },
														
 
															+      value2:{
														
 
															+        default:1,
														
 
															+      },
														
 
															+      value3:{
														
 
															+        default:1,
														
 
															+      },
														
 
															+    },
														
 
															+    data() {
														
 
															+      return {
														
 
															+          
														
 
															+      }
														
 
															+    },
														
 
															+    mounted() {
														
 
															+      this.moreChart();
														
 
															+    },
														
 
															+    watch: {
														
 
															+      value1(){
														
 
															+        this.updataChart()
														
 
															+      },
														
 
															+      value2(){
														
 
															+        this.updataChart()
														
 
															+      },
														
 
															+      value3(){
														
 
															+        this.updataChart()
														
 
															+      },
														
 
															+    },
														
 
															+    methods: {
														
 
															+      updataChart(){
														
 
															+        const that = this
														
 
															+        this.chart.series[0].update({
														
 
															+          data:[
														
 
															+            ['科兴',that.value1],
														
 
															+            ['康希诺',that.value2],
														
 
															+            ['生物',that.value3],
														
 
															+          ]
														
 
															+        })
														
 
															+      },
														
 
															+      moreChart() {
														
 
															+        const that = this
														
 
															+        if (this.chart) {
														
 
															+          this.chart.destroy();
														
 
															+        }
														
 
															+        // 初始化 Highcharts 图表
														
 
															+        this.chart = new Highcharts.Chart(that.id, {
														
 
															+          chart: {
														
 
															+            type: 'pie',
														
 
															+            backgroundColor:"transparent",
														
 
															+            options3d: {
														
 
															+              enabled: true,
														
 
															+              alpha: 45,
														
 
															+              beta: 0
														
 
															+            },
														
 
															+            spacing:[5,5,5,5]
														
 
															+          },
														
 
															+          credits:{enabled:false},
														
 
															+          colors:["#D8585C","#89D44B","#23D9E9"],
														
 
															+          title: false,
														
 
															+          tooltip: {
														
 
															+            pointFormat: '{name}: <b>{point.percentage:.1f}%</b>'
														
 
															+          },
														
 
															+          legend:{
														
 
															+            layout:"vertical",
														
 
															+            align: 'right',
														
 
															+            verticalAlign: 'middle', 
														
 
															+            labelFormat:"{name} {y}",
														
 
															+            itemStyle:{
														
 
															+              "color": "#ffffff"
														
 
															+            },
														
 
															+            itemHoverStyle:false
														
 
															+          },
														
 
															+          plotOptions: {
														
 
															+            pie: {
														
 
															+              cursor: 'pointer',
														
 
															+              depth: 35,
														
 
															+              showInLegend: true,
														
 
															+              dataLabels: {
														
 
															+                // enabled: false,
														
 
															+                distance: -20,
														
 
															+                format: '{point.percentage:.1f}%',
														
 
															+              },
														
 
															+              events:{
														
 
															+                hide:true
														
 
															+              },    
														
 
															+            }
														
 
															+          },
														
 
															+          series: [{
														
 
															+            type: 'pie',
														
 
															+            center:["40%","50%"],
														
 
															+            data: [
														
 
															+              ['科兴',that.value1],
														
 
															+              ['康希诺',that.value2],
														
 
															+              ['生物',that.value3],
														
 
															+            ]
														
 
															+          }]
														
 
															+        });
														
 
															+      }
														
 
															+    }
														
 
															+  })
														
 
															+</script>
														
 
															+<style>
														
 
															+.pie3d_con{position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: transparent;}
														
 
															+</style>
														
--- a/src/components/fangxincha/lineChart.vue
+++ b/src/components/fangxincha/lineChart.vue
@@ -0,0 +1,159 @@
 
															+<template>
														
 
															+  <div class="chart_con" id="lineChartCon"></div>
														
 
															+</template>
														
 
															+<script>
														
 
															+import { getEvvmChipStatus2 } from '@/api/screen'
														
 
															+export default {
														
 
															+  name: 'lineChart',
														
 
															+  methods:{
														
 
															+    getData(){
														
 
															+      getEvvmChipStatus2().then(response => {
														
 
															+        var data = response.data
														
 
															+        var option = this.option
														
 
															+        option.series[0].data[0].value = data.used
														
 
															+        option.series[0].data[1].value = data.act
														
 
															+        option.series[0].data[2].value = data.noAct
														
 
															+        this.myChart.setOption(option);
														
 
															+      });
														
 
															+    },
														
 
															+	  myEcharts(){
														
 
															+		  this.myChart = this.echarts.init(document.getElementById('lineChartCon'));
														
 
															+		  this.option = {
														
 
															+        color:["#23D9E9","#EE9C17","#E82A30"],
														
 
															+			  title: {
														
 
															+				  show:false
														
 
															+			  },
														
 
															+        grid:{
														
 
															+          top:"12%",
														
 
															+          left:"12%",
														
 
															+          right:"5%",
														
 
															+          bottom:"12%",
														
 
															+        },
														
 
															+			  tooltip: {
														
 
															+				  show:true
														
 
															+        },
														
 
															+			  legend: {
														
 
															+          data:['正常', '预警', '报警'],
														
 
															+				  top:5,
														
 
															+          icon:"rect",
														
 
															+          itemWidth:12,
														
 
															+          itemHeight:8,
														
 
															+          textStyle:{
														
 
															+            fontSize:8,
														
 
															+            color:"#ffffff",
														
 
															+          },
														
 
															+			  },
														
 
															+        xAxis: {
														
 
															+            type: 'category',
														
 
															+            boundaryGap: false,
														
 
															+            data: ['2015', '2016', '2017', '2018', '2019', '2020', '2021'],
														
 
															+            axisLine:{
														
 
															+              lineStyle:{
														
 
															+                color:"#0E61B6",
														
 
															+              }
														
 
															+            },
														
 
															+            axisTick:{
														
 
															+              show:false
														
 
															+            },
														
 
															+            axisLabel:{
														
 
															+              color:"#ffffff",
														
 
															+              fontSize:8,
														
 
															+            },
														
 
															+            splitLine:{
														
 
															+              show:true,
														
 
															+              lineStyle:{
														
 
															+                color:"#0E61B6",
														
 
															+                opacity:0.2,
														
 
															+              }
														
 
															+            },
														
 
															+        },
														
 
															+        yAxis: {
														
 
															+            type: 'value',
														
 
															+            axisLine:{
														
 
															+              lineStyle:{
														
 
															+                color:"#0E61B6",
														
 
															+              }
														
 
															+            },
														
 
															+            axisTick:{
														
 
															+              show:false
														
 
															+            },
														
 
															+            axisLabel:{
														
 
															+              color:"#ffffff",
														
 
															+              fontSize:8,
														
 
															+            },
														
 
															+            splitLine:{
														
 
															+              show:true,
														
 
															+              lineStyle:{
														
 
															+                color:"#0E61B6",
														
 
															+                opacity:0.2,
														
 
															+              }
														
 
															+            },
														
 
															+            animationDuration: 300,
														
 
															+            animationDurationUpdate: 300,
														
 
															+        },
														
 
															+			  series: [
														
 
															+          {
														
 
															+            name: '正常',
														
 
															+            type: 'line',
														
 
															+            stack: '总量',
														
 
															+            smooth: true,
														
 
															+            areaStyle: {
														
 
															+              opacity:0.3,
														
 
															+            },
														
 
															+            lineStyle : {
														
 
															+              width:1,
														
 
															+            },
														
 
															+            emphasis: {
														
 
															+                focus: 'series'
														
 
															+            },
														
 
															+            data: [120, 132, 101, 134, 90, 230, 210],
														
 
															+            animationDuration: 5000,
														
 
															+          },
														
 
															+          {
														
 
															+            name: '预警',
														
 
															+            type: 'line',
														
 
															+            stack: '总量',
														
 
															+            smooth: true,
														
 
															+            areaStyle: {
														
 
															+              opacity:0.3,
														
 
															+            },
														
 
															+            lineStyle : {
														
 
															+              width:1,
														
 
															+            },
														
 
															+            emphasis: {
														
 
															+                focus: 'series'
														
 
															+            },
														
 
															+            data: [120, 132, 101, 134, 90, 230, 210],
														
 
															+            animationDuration: 5000,
														
 
															+          },
														
 
															+          {
														
 
															+            name: '报警',
														
 
															+            type: 'line',
														
 
															+            smooth: true,
														
 
															+            stack: '总量',
														
 
															+            areaStyle: {
														
 
															+              opacity:0.3,
														
 
															+            },
														
 
															+            lineStyle : {
														
 
															+              width:1,
														
 
															+            },
														
 
															+            emphasis: {
														
 
															+                focus: 'series'
														
 
															+            },
														
 
															+            data: [120, 132, 101, 134, 90, 230, 210],
														
 
															+            animationDuration: 5000,
														
 
															+          },
														
 
															+        ]
														
 
															+		  };
														
 
															+      //this.getData();
														
 
															+		  this.myChart.setOption(this.option);
														
 
															+    }
														
 
															+  },
														
 
															+  mounted() {
														
 
															+  	this.myEcharts();
														
 
															+  }
														
 
															+}
														
 
															+</script>
														
 
															+<style>
														
 
															+  .chart_con{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: transparent;}
														
 
															+</style>
														
--- a/src/components/fangxincha/map.vue
+++ b/src/components/fangxincha/map.vue
@@ -0,0 +1,97 @@
 
															+<template>
														
 
															+  <div class="mappage_con" id="mapCon"></div>
														
 
															+</template>
														
 
															+<script>
														
 
															+  import remoteLoad from '@/utils/remoteLoad.js'
														
 
															+  import icon1 from '@/assets/images/fxc_img6.png'
														
 
															+  import icon2 from '@/assets/images/fxc_img7.png'
														
 
															+  import icon3 from '@/assets/images/fxc_img8.png'
														
 
															+  import { getEvvmListOffice } from '@/api/screen'
														
 
															+  export default({
														
 
															+    name:"MapPage",
														
 
															+    data () {
														
 
															+      return {
														
 
															+        
														
 
															+      }
														
 
															+    },
														
 
															+    async mounted () {
														
 
															+      var MapKey = this.MapKey
														
 
															+      // 已载入高德地图API，则直接初始化地图
														
 
															+      if (window.AMap && window.AMapUI) {
														
 
															+        this.initMap()
														
 
															+      // 未载入高德地图API，则先载入API再初始化
														
 
															+      } else {
														
 
															+        await remoteLoad(`http://webapi.amap.com/maps?v=1.4.15&key=${MapKey}`)
														
 
															+        await remoteLoad(`https://webapi.amap.com/ui/1.1/main.js`)
														
 
															+        // await remoteLoad(`https://a.amap.com/Loca/static/loca-v2/demos/mock_data/events.js`)
														
 
															+        this.initMap()
														
 
															+      }
														
 
															+    },
														
 
															+    methods: {
														
 
															+      getList(){
														
 
															+        getEvvmListOffice().then(response => {
														
 
															+          var list = response.data
														
 
															+          this.setMarkers(list)
														
 
															+        });
														
 
															+      },
														
 
															+      initMap () {
														
 
															+        let AMap = this.AMap = window.AMap
														
 
															+        let mapConfig = {
														
 
															+          zoom: 5,
														
 
															+          mapStyle: 'amap://styles/darkblue',
														
 
															+          viewMode:'3D',
														
 
															+          pitch:45,
														
 
															+          rotation:10,
														
 
															+          center:[109.591091,33.096726],
														
 
															+          // showLabel: false //不显示地图文字标记
														
 
															+        }
														
 
															+        let map = this.map = new AMap.Map('mapCon', mapConfig)
														
 
															+        // 添加 3D 罗盘控制
														
 
															+        AMap.plugin([
														
 
															+          'AMap.ControlBar',
														
 
															+        ], function(){
														
 
															+          map.addControl(new AMap.ControlBar());
														
 
															+        })
														
 
															+        this.getList()
														
 
															+      },
														
 
															+      setMarkers(list){
														
 
															+        this.map.clearMap()// 清除地图上所有添加的覆盖物
														
 
															+        var markers = []
														
 
															+        for(var i in list){
														
 
															+          if(list[i].longitude && list[i].latitude){
														
 
															+            let marker = new AMap.Marker({
														
 
															+              position: new AMap.LngLat(list[i].longitude,list[i].latitude),  
														
 
															+              //title: list[i].NAME + '<br>' + list[i].address,
														
 
															+              //offset: new AMap.Pixel(-20,43),//偏移量，默认以marker左上角位置为基准点
														
 
															+              icon:new AMap.Icon({
														
 
															+                  size: new AMap.Size(25,25),    // 图标尺寸
														
 
															+                  image: [icon1,icon2,icon3][list[i].type],  // Icon的图像
														
 
															+                  // imageOffset: new AMap.Pixel(0, -60),  // 图像相对展示区域的偏移量，适于雪碧图等
														
 
															+                  imageSize: new AMap.Size(25, 25)   // 根据所设置的大小拉伸或压缩图片
														
 
															+              }),
														
 
															+              clickable:true,
														
 
															+              extData:list[i],
														
 
															+            });
														
 
															+            marker.on("mouseover",function(e){
														
 
															+              var extData = this.Ce.extData
														
 
															+              this.setLabel({
														
 
															+                content:extData.NAME + '<br>' + extData.address,
														
 
															+                direction:'top'
														
 
															+              })
														
 
															+            })
														
 
															+            marker.on("mouseout",function(e){
														
 
															+              this.setLabel(null)
														
 
															+            })
														
 
															+            markers.push(marker)
														
 
															+          }
														
 
															+        }
														
 
															+        this.map.add(markers)
														
 
															+      },
														
 
															+    }
														
 
															+  })
														
 
															+</script>
														
 
															+<style>
														
 
															+  .mappage_con{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
														
 
															+  .mappage_con .amap-marker-label{background: rgba(35,4,194,0.6);font-size: 0.8vw; border: 1px solid #51FFFF; color: #ffffff; border-radius: 5px;}
														
 
															+  .amap-logo{ display: none!important;;}
														
 
															+</style>
														
--- a/src/components/fangxincha/numberCard.vue
+++ b/src/components/fangxincha/numberCard.vue
@@ -0,0 +1,32 @@
 
															+<template>
														
 
															+  <div class="nc_con">
														
 
															+    <div class="nc_wrap" :style="'margin-top:-'+num+'em;color:'+color">
														
 
															+      <div v-for="i in 10" :key="i">{{i-1}}</div>
														
 
															+    </div>
														
 
															+  </div>
														
 
															+</template>
														
 
															+<script>
														
 
															+  export default({
														
 
															+    name:"NumCard",
														
 
															+    props:{
														
 
															+      num:{
														
 
															+        // type:String,
														
 
															+        default:0,
														
 
															+        required:true
														
 
															+      },
														
 
															+      color:{
														
 
															+        type:String,
														
 
															+        default:"#00EAFF",
														
 
															+      }
														
 
															+    },
														
 
															+    data () {
														
 
															+      return {
														
 
															+      }
														
 
															+    }
														
 
															+  })
														
 
															+</script>
														
 
															+<style>
														
 
															+.nc_con{ width:0.6em; height:1em; flex: none; overflow: hidden;}
														
 
															+.nc_wrap{ transition: all 1s ease 0s;}
														
 
															+.nc_wrap>div{width:0.6em; height:1em; line-height:1em; text-align: center;}
														
 
															+</style>
														
--- a/src/components/fangxincha/pie3d.vue
+++ b/src/components/fangxincha/pie3d.vue
@@ -0,0 +1,112 @@
 
															+<template>
														
 
															+  <div class="pie3d_con" :id="id"></div>
														
 
															+</template>
														
 
															+<script>
														
 
															+  import Highcharts from "highcharts/highstock";
														
 
															+  import Highcharts3D from "highcharts/highcharts-3d";
														
 
															+  Highcharts3D(Highcharts);
														
 
															+  export default({
														
 
															+    name: "pie3d",
														
 
															+    props:{
														
 
															+      id:{
														
 
															+        type:String,
														
 
															+        required:true
														
 
															+      },
														
 
															+      value1:{
														
 
															+        default:1,
														
 
															+      },
														
 
															+      value2:{
														
 
															+        default:1,
														
 
															+      },
														
 
															+      value3:{
														
 
															+        default:1,
														
 
															+      },
														
 
															+    },
														
 
															+    data() {
														
 
															+      return {
														
 
															+          
														
 
															+      }
														
 
															+    },
														
 
															+    mounted() {
														
 
															+      this.moreChart();
														
 
															+    },
														
 
															+    watch: {
														
 
															+      value1(){
														
 
															+        this.updataChart()
														
 
															+      },
														
 
															+      value2(){
														
 
															+        this.updataChart()
														
 
															+      },
														
 
															+      value3(){
														
 
															+        this.updataChart()
														
 
															+      },
														
 
															+    },
														
 
															+    methods: {
														
 
															+      updataChart(){
														
 
															+        const that = this
														
 
															+        this.chart.series[0].update({
														
 
															+          data:[
														
 
															+            ['全程温控',that.value1],
														
 
															+            ['实时温控',that.value2],
														
 
															+            ['追溯标签',that.value3],
														
 
															+          ]
														
 
															+        })
														
 
															+      },
														
 
															+      moreChart() {
														
 
															+        const that = this
														
 
															+        if (this.chart) {
														
 
															+          this.chart.destroy();
														
 
															+        }
														
 
															+        // 初始化 Highcharts 图表
														
 
															+        this.chart = new Highcharts.Chart(that.id, {
														
 
															+          chart: {
														
 
															+            type: 'pie',
														
 
															+            backgroundColor:"transparent",
														
 
															+            options3d: {
														
 
															+              enabled: true,
														
 
															+              alpha:50,
														
 
															+              beta: 0,
														
 
															+            },
														
 
															+            margin:[0,0,0,0],
														
 
															+          },
														
 
															+          credits:{enabled:false},
														
 
															+          colors:["#D8585C","#89D44B","#23D9E9"],
														
 
															+          title: false,
														
 
															+          tooltip: {
														
 
															+            pointFormat: '{name}: <b>{point.percentage:.1f}%</b>'
														
 
															+          },
														
 
															+          legend:false,
														
 
															+          plotOptions: {
														
 
															+            pie: {
														
 
															+              cursor: 'pointer',
														
 
															+              depth: 35,
														
 
															+              dataLabels: {
														
 
															+                // enabled: false,
														
 
															+                distance: -20,
														
 
															+                format: '{point.percentage:.1f}%',
														
 
															+                shadow:false,
														
 
															+                verticalAlign:"middle",
														
 
															+              },
														
 
															+              events:{
														
 
															+                hide:true
														
 
															+              },    
														
 
															+            }
														
 
															+          },
														
 
															+          series: [{
														
 
															+            type: 'pie',
														
 
															+            center:["30%","40%"],
														
 
															+            data: [89
														
 
															+              ['全程温控',that.value1],
														
 
															+              ['实时温控',that.value2],
														
 
															+              ['追溯标签',that.value3],
														
 
															+            ]
														
 
															+          }]
														
 
															+        });
														
 
															+      }
														
 
															+    }
														
 
															+  })
														
 
															+</script>
														
 
															+<style>
														
 
															+.pie3d_con{position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: transparent;}
														
 
															+.highcharts-text-outline{ display: none;}
														
 
															+</style>
														
--- a/src/components/fangxincha/pie3d2.vue
+++ b/src/components/fangxincha/pie3d2.vue
@@ -0,0 +1,112 @@
 
															+<template>
														
 
															+  <div class="pie3d_con" :id="id"></div>
														
 
															+</template>
														
 
															+<script>
														
 
															+  import Highcharts from "highcharts/highstock";
														
 
															+  import Highcharts3D from "highcharts/highcharts-3d";
														
 
															+  Highcharts3D(Highcharts);
														
 
															+  export default({
														
 
															+    name: "pie3d",
														
 
															+    props:{
														
 
															+      id:{
														
 
															+        type:String,
														
 
															+        required:true
														
 
															+      },
														
 
															+      value1:{
														
 
															+        default:1,
														
 
															+      },
														
 
															+      value2:{
														
 
															+        default:1,
														
 
															+      },
														
 
															+      value3:{
														
 
															+        default:1,
														
 
															+      },
														
 
															+    },
														
 
															+    data() {
														
 
															+      return {
														
 
															+          
														
 
															+      }
														
 
															+    },
														
 
															+    mounted() {
														
 
															+      this.moreChart();
														
 
															+    },
														
 
															+    watch: {
														
 
															+      value1(){
														
 
															+        this.updataChart()
														
 
															+      },
														
 
															+      value2(){
														
 
															+        this.updataChart()
														
 
															+      },
														
 
															+      value3(){
														
 
															+        this.updataChart()
														
 
															+      },
														
 
															+    },
														
 
															+    methods: {
														
 
															+      updataChart(){
														
 
															+        const that = this
														
 
															+        this.chart.series[0].update({
														
 
															+          data:[
														
 
															+            ['全程温控',that.value1],
														
 
															+            ['实时温控',that.value2],
														
 
															+            ['追溯标签',that.value3],
														
 
															+          ]
														
 
															+        })
														
 
															+      },
														
 
															+      moreChart() {
														
 
															+        const that = this
														
 
															+        if (this.chart) {
														
 
															+          this.chart.destroy();
														
 
															+        }
														
 
															+        // 初始化 Highcharts 图表
														
 
															+        this.chart = new Highcharts.Chart(that.id, {
														
 
															+          chart: {
														
 
															+            type: 'pie',
														
 
															+            backgroundColor:"transparent",
														
 
															+            options3d: {
														
 
															+              enabled: true,
														
 
															+              alpha:50,
														
 
															+              beta: 0,
														
 
															+            },
														
 
															+            margin:[0,0,0,0],
														
 
															+          },
														
 
															+          credits:{enabled:false},
														
 
															+          colors:["#D8585C","#89D44B","#23D9E9"],
														
 
															+          title: false,
														
 
															+          tooltip: {
														
 
															+            pointFormat: '{name}: <b>{point.percentage:.1f}%</b>'
														
 
															+          },
														
 
															+          legend:false,
														
 
															+          plotOptions: {
														
 
															+            pie: {
														
 
															+              cursor: 'pointer',
														
 
															+              depth: 35,
														
 
															+              dataLabels: {
														
 
															+                // enabled: false,
														
 
															+                distance: -20,
														
 
															+                format: '{point.percentage:.1f}%',
														
 
															+                shadow:false,
														
 
															+                verticalAlign:"middle",
														
 
															+              },
														
 
															+              events:{
														
 
															+                hide:true
														
 
															+              },    
														
 
															+            }
														
 
															+          },
														
 
															+          series: [{
														
 
															+            type: 'pie',
														
 
															+            center:["30%","40%"],
														
 
															+            data: [
														
 
															+              ['全程温控',that.value1],
														
 
															+              ['实时温控',that.value2],
														
 
															+              ['追溯标签',that.value3],
														
 
															+            ]
														
 
															+          }]
														
 
															+        });
														
 
															+      }
														
 
															+    }
														
 
															+  })
														
 
															+</script>
														
 
															+<style>
														
 
															+.pie3d_con{position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: transparent;}
														
 
															+.highcharts-text-outline{ display: none;}
														
 
															+</style>
														
--- a/src/components/signIn/SignIn.vue
+++ b/src/components/signIn/SignIn.vue
@@ -5,7 +5,8 @@
 
															       <el-row
														
 
															         ><el-col :span="24">
														
 
															           <h1 class="title">
														
 
															-            <img :src="imgSrc" />
														
 
															+            <!-- <img :src="imgSrc" /> -->
														
 
															+            放芯查平台
														
 
															           </h1>
														
 
															         </el-col>
														
 
															       </el-row>
														
@@ -62,11 +63,6 @@
 
															                     >登录</el-button
														
 
															                   >
														
 
															                 </el-form-item>
														
 
															-                <!-- <el-form-item class="textLeft">
														
 
															-                  <el-checkbox v-model="ruleForm.checked"
														
 
															-                    >下次自动登录</el-checkbox
														
 
															-                  >
														
 
															-                </el-form-item> -->
														
 
															               </el-form>
														
 
															             </el-col>
														
 
															           </el-row>
														
@@ -77,11 +73,9 @@
 
															 </template>
														
 
															 <script>
														
 
															-import md5 from "js-md5";
														
 
															-import { JSEncrypt } from "jsencrypt";
														
 
															-import { login } from "../../api/api";
														
 
															-import axios from 'axios'
														
 
															-import qs from "qs";
														
 
															+// import md5 from "js-md5";
														
 
															+// import { JSEncrypt } from "jsencrypt";
														
 
															+import { loginByPwd } from '@/api/screen'
														
 
															 export default {
														
 
															   name: "SignIn",
														
 
															   data() {
														
@@ -101,12 +95,11 @@ export default {
 
															       }
														
 
															     };
														
 
															     return {
														
 
															-      imgSrc: require("../../assets/logo.png"), // logo
														
 
															+      imgSrc: require("../../assets/images/logo_fxc.png"), // logo
														
 
															       ruleForm: {
														
 
															-        telephone: '13000000002', // 手机号
														
 
															+        telephone: '13153864796', // 手机号
														
 
															         password: '123456', // 密码
														
 
															         randYZM: "", // 验证码
														
 
															-        // checked: false, // 下次自动登录
														
 
															         imageCode: "", // 图片验证码
														
 
															       },
														
 
															       secretKey: "6w3lacP9gmjbMgor",
														
@@ -125,120 +118,20 @@ export default {
 
															     };
														
 
															   },
														
 
															   methods: {
														
 
															-    //  加密
														
 
															-    encryptedData(publicKey, data) {
														
 
															-      // 新建JSEncrypt对象+
														
 
															-      var val = "";
														
 
															-      data = encodeURIComponent(data);
														
 
															-      let arr = Array.apply(null, { length: data.length }).map(
														
 
															-        (item, index) => {
														
 
															-          return index;
														
 
															-        }
														
 
															-      );
														
 
															-      for (var i = 0, j = 0; i < data.length, j < data.length; i++, j++) {
														
 
															-        if (j == publicKey.length) {
														
 
															-          j = 0;
														
 
															-        }
														
 
															-        arr[i] = data.charCodeAt(i) ^ publicKey.charCodeAt(j);
														
 
															-        var strCipher = arr[i].toString(16);
														
 
															-        if (strCipher.length == 1) {
														
 
															-          val += "0" + strCipher;
														
 
															-        } else {
														
 
															-          val += strCipher;
														
 
															-        }
														
 
															-      }
														
 
															-      return val;
														
 
															-    },
														
 
															-    // 解密
														
 
															-    decryptData(privateKey, data) {
														
 
															-      // 新建JSEncrypt对象
														
 
															-      let decrypt = new JSEncrypt();
														
 
															-      // 设置私钥
														
 
															-      decrypt.setPrivateKey(privateKey);
														
 
															-      // 解密数据
														
 
															-      return decrypt.decrypt(secretWord);
														
 
															-    },
														
 
															-    //登录
														
 
															     submitForm(formName) {
														
 
															-      // var a = this.encryptedData("6w3lacP9gmjbMgor", "13312341234");
														
 
															-      // console.log(a);
														
 
															-      // 验证
														
 
															       var _this = this;
														
 
															       _this.$refs[formName].validate((valid) => {
														
 
															         if (valid) {
														
 
															           var newsForm = {
														
 
															-            telephone: _this.encryptedData(
														
 
															-              _this.secretKey,
														
 
															-              _this.ruleForm.telephone
														
 
															-            ),
														
 
															-            // telephone: _this.ruleForm.telephone,
														
 
															-            password: md5(_this.ruleForm.password),
														
 
															-            // password: _this.ruleForm.password,
														
 
															-            // pushToken:"6e1c1be58ab4c75f4322963b4b40b7f73bb6c56eea2f0a9fcfdc406e78efbbeb",
														
 
															-            pushToken: _this.encryptedData(
														
 
															-              _this.secretKey,
														
 
															-              _this.ruleForm.telephon
														
 
															-            ),
														
 
															-            phoneType: "1",
														
 
															-            phonemodel: "iPhone12,1",
														
 
															-            code:_this.ruleForm.randYZM
														
 
															+            username: _this.ruleForm.telephone,
														
 
															+            password: _this.ruleForm.password,
														
 
															           };
														
 
															-          login(qs.stringify(newsForm)).then(
														
 
															-            function (data) {
														
 
															-              if (data.code == 200) {
														
 
															-                sessionStorage.setItem("token", data.data.token);
														
 
															-                // 记住密码/不记住密码
														
 
															-                // _this.$cookies.set("id", data.data.id);
														
 
															-                // _this.$cookies.set("telephone", _this.ruleForm.telephone);
														
 
															-                // _this.$cookies.set("password", _this.ruleForm.password);
														
 
															-                // _this.$cookies.set("userName", data.data.userName);
														
 
															-                // if (_this.ruleForm.checked) {
														
 
															-                //   //_this.$cookies.set('remPassword',true,{expires:7});
														
 
															-                //   _this.$cookies.set("remPassword", true);
														
 
															-                // } else {
														
 
															-                //   _this.$cookies.set("remPassword", false, { expires: -1 });
														
 
															-                // }
														
 
															-                // 提示信息
														
 
															-                _this.$message({
														
 
															-                  message: "登录成功！",
														
 
															-                  type: "success",
														
 
															-                });
														
 
															-                if (_this.id != null || _this.id != undefined) {
														
 
															-                  let token = data.data.token;
														
 
															-                  sessionStorage.setItem("token", token);
														
 
															-                  sessionStorage.setItem("userinfo", JSON.stringify(data.data));
														
 
															-                  // _this.$cookies.set("factoryList", data.data);
														
 
															-                  // localStorage.setItem("factoryId", data.data.factoryId);
														
 
															-                  // roleId 1:超级管理员 19:厂家管理员
														
 
															-                  if (
														
 
															-                    data.data.roleId == 3 ||
														
 
															-                    data.data.roleId == 4 ||
														
 
															-                    data.data.roleId == 2
														
 
															-                  ) {
														
 
															-                    _this.$router.push({
														
 
															-                      path: "/cardHome",
														
 
															-                      // query: { roleId: data.data.roleId },
														
 
															-                    });
														
 
															-                  } else {
														
 
															-                    _this.$message({
														
 
															-                      message: "请确定该用户是否有登录系统权限！",
														
 
															-                      type: "error",
														
 
															-                    });
														
 
															-                  }
														
 
															-                }
														
 
															-              } else {
														
 
															-                _this.$message({
														
 
															-                  message: data.body.msg,
														
 
															-                  type: "error",
														
 
															-                });
														
 
															-              }
														
 
															-            },
														
 
															-            function () {
														
 
															-              _this.$alert("请求失败，请稍后再试", "提示", {
														
 
															-                confirmButtonText: "确定",
														
 
															+          loginByPwd(newsForm).then((res)=>{
														
 
															+              localStorage.setItem("token", res.token);
														
 
															+              _this.$router.push({
														
 
															+                path: "/",
														
 
															               });
														
 
															-            }
														
 
															-          );
														
 
															+            });
														
 
															         } else {
														
 
															           return false;
														
 
															         }
														
@@ -248,9 +141,9 @@ export default {
 
															       let code = "";
														
 
															       let codeLength = 4;
														
 
															       let random = new Array(
														
 
															-        0,
														
 
															-        1,
														
 
															-        2,
														
 
															+        // 0,
														
 
															+        // 1,
														
 
															+        // 2,
														
 
															         3,
														
 
															         4,
														
 
															         5,
														
@@ -266,13 +159,13 @@ export default {
 
															         "F",
														
 
															         "G",
														
 
															         "H",
														
 
															-        "I",
														
 
															+        // "I",
														
 
															         "J",
														
 
															         "K",
														
 
															         "L",
														
 
															         "M",
														
 
															         "N",
														
 
															-        "O",
														
 
															+        // "O",
														
 
															         "P",
														
 
															         "Q",
														
 
															         "R",
														
@@ -282,36 +175,39 @@ export default {
 
															         "V",
														
 
															         "W",
														
 
															         "X",
														
 
															-        "Y",
														
 
															-        "Z"
														
 
															+        "Y"
														
 
															+        // "Z"
														
 
															       ); //随机数
														
 
															       for (let i = 0; i < codeLength; i++) {
														
 
															-        let index = Math.floor(Math.random() * 36);
														
 
															+        let index = Math.floor(Math.random() * random.length);
														
 
															+        if(index == random.length)index = 0
														
 
															         code += random[index];
														
 
															       }
														
 
															       this.ruleForm.imageCode = code;
														
 
															     },
														
 
															   },
														
 
															   mounted() {
														
 
															+    console.log(6)
														
 
															+    this.$message('这是一条消息提示');
														
 
															     // 获取图片验证码
														
 
															     this.createCode();
														
 
															     // 判断初始化时cookies时有效的
														
 
															-    let telephone = this.$cookies.get("telephone");
														
 
															-    let password = this.$cookies.get("password");
														
 
															-    if (telephone != "" && this.$cookies.get("remPassword") == "true") {
														
 
															-      this.ruleForm.telephone = telephone;
														
 
															-      this.ruleForm.password = password;
														
 
															-      this.ruleForm.checked = true;
														
 
															-      this.ruleForm.randYZM = this.ruleForm.imageCode;
														
 
															-      this.submitForm("ruleForm"); // 执行登录
														
 
															-    } else {
														
 
															-      this.ruleForm.telephone = "";
														
 
															-      this.ruleForm.password = "";
														
 
															-      this.ruleForm.randYZM = "";
														
 
															-      //this.ruleForm.telephone = '13682152685';
														
 
															-      //this.ruleForm.password = '123456';
														
 
															-      this.ruleForm.checked = false;
														
 
															-    }
														
 
															+    // let telephone = this.$cookies.get("telephone");
														
 
															+    // let password = this.$cookies.get("password");
														
 
															+    // if (telephone != "" && this.$cookies.get("remPassword") == "true") {
														
 
															+    //   this.ruleForm.telephone = telephone;
														
 
															+    //   this.ruleForm.password = password;
														
 
															+    //   this.ruleForm.checked = true;
														
 
															+    //   this.ruleForm.randYZM = this.ruleForm.imageCode;
														
 
															+    //   this.submitForm("ruleForm"); // 执行登录
														
 
															+    // } else {
														
 
															+    //   this.ruleForm.telephone = "";
														
 
															+    //   this.ruleForm.password = "";
														
 
															+    //   this.ruleForm.randYZM = "";
														
 
															+    //   //this.ruleForm.telephone = '13682152685';
														
 
															+    //   //this.ruleForm.password = '123456';
														
 
															+    //   this.ruleForm.checked = false;
														
 
															+    // }
														
 
															     // window.addEventListener('pywebviewready',function(){
														
 
															     // },)
														
@@ -320,31 +216,23 @@ export default {
 
															 </script>
														
 
															 <!-- Add "scoped" attribute to limit CSS to this component only -->
														
 
															-<style scoped>
														
 
															-.bgStyle {
														
 
															-  background: #3b3b3b;
														
 
															-  position: fixed;
														
 
															-  width: 100%;
														
 
															-  height: 100%;
														
 
															-}
														
 
															-.title {
														
 
															-  color: #ffffff;
														
 
															-  font-size: 40px;
														
 
															-  margin: 90px 0 60px 0;
														
 
															-  text-align:center;
														
 
															-}
														
 
															-.title img {
														
 
															-  display: inline-block;
														
 
															-  vertical-align: middle;
														
 
															-  height: 70px;
														
 
															-}
														
 
															+<style>
														
 
															+.bgStyle{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: url(../../assets/images/opt_bg.png); background-size: 100% 100%; }
														
 
															+.title{ position: absolute; top: 0; left: 0; width: 100%; height: 11vh; line-height: 11vh; color: #53A0FF; font-size:2vw; text-align: center;font-weight: bold;
														
 
															+background-image:-webkit-linear-gradient(bottom,#53A0FF,#ffffff);-webkit-background-clip:text;background-clip: text;-webkit-text-fill-color:transparent;
														
 
															+/*-webkit-text-stroke:1px #ffffff; font-style: italic;*/letter-spacing:1vw;}
														
 
															 .contentChild {
														
 
															-  background: #e6e6e6;
														
 
															-  border-radius: 3px;
														
 
															-  padding: 60px 50px;
														
 
															+  background: #0B133B;
														
 
															+  border-radius: 10px;
														
 
															+  border: 1px solid #3591FF;
														
 
															+  box-shadow: 0px 0px 38px 2px rgba(48, 137, 243, 0.7) inset;
														
 
															+  width: 50vw; height:60vh;
														
 
															+  position: absolute; top:50%; left: 50%; margin: -25vh -25vw;
														
 
															 }
														
 
															 .contentChild h2{
														
 
															-  padding: 10px 0;
														
 
															+   background: url(../../assets/images/cardTit.png); background-size: 100% 100%;
														
 
															+   width: 18vw; height: 50px; font-size: 20px; color: #ffffff; line-height: 50px; text-align: center;
														
 
															+   position: absolute; left: 50%; top: -25px; margin: 0 -9vw;
														
 
															 }
														
 
															 .btnSty {
														
 
															   width: 100%;
														
--- a/src/main.js
+++ b/src/main.js
@@ -7,6 +7,9 @@ Vue.config.productionTip = false
 
															 import router from "./router";
														
 
															 import store from "./store";
														
 
															 import VueCookies from 'vue-cookies';
														
 
															+import Echarts from 'echarts';
														
 
															+import VCharts from 'v-charts';
														
 
															+import VueAMap from 'vue-amap';
														
 
															 window.addEventListener('pywebviewready', function () {
														
 
															   Vue.prototype.isStatus = true;
														
 
															   alert('读写器已就绪')
														
@@ -17,8 +20,14 @@ Vue.prototype.removeEvent = function () {
 
															     alert('读写器已解除')
														
 
															   });
														
 
															 }
														
 
															+Vue.prototype.echarts = Echarts
														
 
															+Vue.prototype.ossPath = "http://oss.zhongyihz.cn/"
														
 
															+Vue.prototype.MapKey = "cf8df3568bedd799c309027ff2b9d222"
														
 
															 Vue.use(Element);
														
 
															 Vue.use(VueCookies);
														
 
															+Vue.use(VCharts)
														
 
															+Vue.use(Echarts)
														
 
															+Vue.use(VueAMap);
														
 
															 new Vue({
														
 
															   store,
														
 
															   router,
														
--- a/src/utils/remoteLoad.js
+++ b/src/utils/remoteLoad.js
@@ -0,0 +1,42 @@
 
															+export default function remoteLoad (url, hasCallback) {
														
 
															+  return createScript(url)
														
 
															+
														
 
															+  function createScript (url) {
														
 
															+    var scriptElement = document.createElement('script')
														
 
															+    document.head.appendChild(scriptElement)
														
 
															+    var promise = new Promise((resolve, reject) => {
														
 
															+      scriptElement.addEventListener('load', e => {
														
 
															+        var has = document.body.contains(scriptElement)
														
 
															+        if(has) removeScript(scriptElement)
														
 
															+        if (!hasCallback) {
														
 
															+          resolve(e)
														
 
															+        }
														
 
															+      }, false)
														
 
															+
														
 
															+      scriptElement.addEventListener('error', e => {
														
 
															+        removeScript(scriptElement)
														
 
															+        reject(e)
														
 
															+      }, false)
														
 
															+
														
 
															+      if (hasCallback) {
														
 
															+        window.____callback____ = function () {
														
 
															+          resolve()
														
 
															+          window.____callback____ = null
														
 
															+        }
														
 
															+      }
														
 
															+    })
														
 
															+
														
 
															+    if (hasCallback) {
														
 
															+      url += '&callback=____callback____'
														
 
															+    }
														
 
															+
														
 
															+    scriptElement.src = url
														
 
															+
														
 
															+    return promise
														
 
															+  }
														
 
															+
														
 
															+  function removeScript (scriptElement) {
														
 
															+    document.body.removeChild(scriptElement)
														
 
															+  }
														
 
															+
														
 
															+}
														
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -13,7 +13,7 @@ axios.defaults.withCredentials = true;
 
															 // 创建axios实例
														
 
															 const service = axios.create({
														
 
															   // axios中请求配置有baseURL选项，表示请求URL公共部分
														
 
															-  baseURL: process.env.NODE_ENV == 'development' ? "/api" : "https://bdw.vandh.cn/api/",
														
 
															+  //baseURL: process.env.NODE_ENV == 'development' ? "/api" : "https://bdw.vandh.cn/api/",
														
 
															   //  baseURL:'/api',
														
 
															   // 超时
														
 
															   timeout: 10000
														
@@ -21,10 +21,11 @@ const service = axios.create({
 
															 // request拦截器
														
 
															 service.interceptors.request.use(config => {
														
 
															   // 是否需要设置 token
														
 
															-  // const isToken = (config.headers || {}).isToken === false
														
 
															-  // if (getToken() && !isToken) {
														
 
															-  //   config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
														
 
															-  // }
														
 
															+  const isToken = (config.headers || {}).isToken === false
														
 
															+  var myToken = localStorage.getItem("myToken")
														
 
															+  if (!isToken && myToken) {
														
 
															+    config.headers['Authorization'] = 'Bearer ' + myToken// 让每个请求携带自定义token 请根据实际情况自行修改
														
 
															+  }
														
 
															   // get请求映射params参数
														
 
															   // if (config.method === 'get' && config.params) {
														
 
															   //   let url = config.url + '?';
														
@@ -83,7 +84,7 @@ service.interceptors.response.use(res => {
 
															     })
														
 
															     if(code == 102 || code == 401){
														
 
															       router.push({
														
 
															-        path: "/",
														
 
															+        name: 'SignIn',
														
 
															       });
														
 
															       localStorage.removeItem("token");
														
 
															     }
														
--- a/vue.config.js
+++ b/vue.config.js
@@ -21,21 +21,19 @@ module.exports = {
 
															     extract: true,// 是否使用css分离插件 ExtractTextPlugin
														
 
															     sourceMap: false,// 开启 CSS source maps
														
 
															     loaderOptions: {},// css预设器配置项
														
 
															-    modules: false// 启用 CSS modules for all css / pre-processor files.
														
 
															+    requireModuleExtension: false// 启用 CSS modules for all css / pre-processor files.
														
 
															   },
														
 
															   devServer: {// 环境配置
														
 
															     host: '0.0.0.0',
														
 
															     port: 8081,
														
 
															-    hotOnly: false,
														
 
															+    hot:true,//自动保存
														
 
															     open: true, //配置自动启动浏览器
														
 
															     proxy: {// 配置多个代理(配置一个 proxy: 'http://localhost:4000' )
														
 
															-      '/api': {
														
 
															-        // target: `http://monitor.vandh.org:88`,
														
 
															-        // target: `https://fxc.vandh.cn/prod-api/`,
														
 
															-        target: `https://bdw.vandh.cn/api/`,
														
 
															+      '/fxc': {
														
 
															+        target: `https://fxc.vandh.cn/prod-api/`,
														
 
															         changeOrigin: true,
														
 
															         pathRewrite: {
														
 
															-          '^/api': ""
														
 
															+          '^/fxc': ""
														
 
															         }
														
 
															       }
														
 
															     }