diff --git a/package-lock.json b/package-lock.json
index 9f14a51..f6a7673 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5062,8 +5062,7 @@
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
     "node_modules/emojis-list": {
       "version": "3.0.0",
diff --git a/package.json b/package.json
index 9334510..66e168d 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,8 @@
     "element-ui": "^2.15.14",
     "ezuikit-js": "^7.7.7",
     "flv.js": "^1.6.2",
+    "html2canvas": "^1.4.1",
+    "qrcode": "^1.5.3",
     "video.js": "^7.21.5",
     "videojs-contrib-hls": "^5.15.0",
     "videojs-contrib-hls.js": "^3.2.0",
diff --git a/src/api/index.js b/src/api/index.js
index ea24d82..445f869 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -235,7 +235,27 @@ export default {
      //根据id添加status设备
      addPermissionStatus(id1,id2){
       return sendPostRequest(`/getcontrol/addStatepermission?deviceId=${id1}&Permissionid=${id2}`, '')
-    }
+    },
     
     
+
+    //二维码溯源
+    //查看农事作物信息
+    getAgriculturalInformation(data){
+      return sendGetRequest(`/code/getAgriculturalInformation`, data)
+    },
+    //查看种植计划
+    getplant(data){
+      return sendGetRequest(`/code/getplant`, data)
+    },
+     //查看农场信息管理
+     getcodeFarmInformationManagement(data){
+      return sendGetRequest(`/code/getcodeFarmInformationManagement`, data)
+    },
+
+    //上传图片
+    uploadImage(data){
+      return sendPostRequest(`/code/uploadImage`, data)
+    },
+    
 };
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 1230289..8bda6fd 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -30,6 +30,37 @@
   /*滚动条边角*/
 }
 
+.mobile-scroll {
+  overflow-y: auto;
+}
+
+.mobile-scroll::-webkit-scrollbar {
+  /*滚动条整体*/
+  width: 0px;
+  cursor: pointer;
+}
+
+.mobile-scroll::-webkit-scrollbar-track {
+  /*滚动条轨道*/
+  background: rgba(0, 0, 0, 0.1);
+}
+
+.mobile-scroll::-webkit-scrollbar-thumb {
+  /*滚动条里面的滑块*/
+  width: 0px;
+  cursor: pointer;
+  background: #ccc;
+  border: 0px solid rgba(0, 0, 0, 0.1);
+}
+
+.mobile-scroll::-webkit-scrollbar-thumb:hover {
+  /*滚动条鼠标事件，鼠标放上去出现的事件*/
+}
+
+.mobile-scroll::-webkit-scrollbar-corner {
+  /*滚动条边角*/
+}
+
 .el-popconfirm__main,
 .el-date-table td span,
 .el-date-range-picker__header div {
@@ -2332,7 +2363,10 @@
   align-items: center;
 }
 
-.vrcode .el-menu, .el-submenu__title:hover, .el-menu-item:hover, .el-menu-item:focus {
+.vrcode .el-menu,
+.el-submenu__title:hover,
+.el-menu-item:hover,
+.el-menu-item:focus {
   background: transparent;
 }
 
@@ -2371,12 +2405,14 @@
   left: 10px;
 }
 
-.vrcode .el-submenu__title, .vrcode .el-menu-item {
+.vrcode .el-submenu__title,
+.vrcode .el-menu-item {
   display: flex;
   align-items: center;
 }
 
-.vrcode .el-submenu__title .img, .vrcode .el-menu-item .img {
+.vrcode .el-submenu__title .img,
+.vrcode .el-menu-item .img {
   width: 16px;
   height: 16px;
   display: flex;
@@ -2446,7 +2482,8 @@
   background: rgba(0, 47, 94, 0.35);
 }
 
-.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell, .vrcode-table .vrcode-table-view.table-view .el-table__row {
+.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell,
+.vrcode-table .vrcode-table-view.table-view .el-table__row {
   height: 60px;
 }
 
@@ -2588,6 +2625,7 @@
   font-family: Microsoft YaHei;
   position: relative;
   font-weight: bold;
+  text-align: left;
 }
 
 .vrcode-model .vrcode-model-title::after {
@@ -2601,36 +2639,6 @@
   top: 4px;
 }
 
-.vrcode-model .vrcode-input {
-  width: 300px;
-  margin-right: 30px;
-  margin-bottom: 15px;
-}
-
-.vrcode-model .vrcode-input .input-title {
-  font-size: 16px;
-  font-family: Microsoft YaHei;
-  font-weight: 400;
-  color: #FFFFFF;
-  margin-bottom: 7px;
-}
-
-.vrcode-model .vrcode-input input {
-  width: 300px;
-  height: 44px;
-  background: rgba(90, 210, 255, 0.25);
-  border: 2px solid rgba(86, 209, 255, 0.5);
-  font-size: 16px;
-  padding-left: 15px;
-  font-family: Microsoft YaHei;
-  font-weight: 400;
-  color: #FFFFFF;
-}
-
-.vrcode-model .vrcode-input input::placeholder {
-  color: #92B1D0;
-}
-
 .vrcode-model .vrcode-input-sel {
   margin-right: 30px;
   margin-bottom: 15px;
@@ -2772,77 +2780,6 @@
   margin-left: 8px;
 }
 
-.vrcode-model .vrcode-selimage {
-  width: 100%;
-}
-
-.vrcode-model .vrcode-selimage > .title {
-  margin-bottom: 7px;
-}
-
-.vrcode-model .vrcode-selimage .sel-image-view {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-}
-
-.vrcode-model .vrcode-selimage .sel-image-view #sel-img {
-  display: none;
-}
-
-.vrcode-model .vrcode-selimage .sel-image-view .sel-div {
-  width: 130px;
-  height: 130px;
-  margin-right: 30px;
-  background: rgba(86, 209, 255, 0.25);
-  border: 1px dashed #56D1FF;
-  cursor: pointer;
-  margin-bottom: 15px;
-  flex-shrink: 0;
-}
-
-.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img {
-  position: relative;
-  padding: 10px;
-}
-
-.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img {
-  display: flex;
-}
-
-.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .el-image {
-  width: 100%;
-  height: 100%;
-}
-
-.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img {
-  width: 110px;
-  height: 110px;
-  background: rgba(0, 0, 0, 0.3);
-  display: none;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  top: 10px;
-  left: 10px;
-}
-
-.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img {
-  width: 44px;
-  height: 44px;
-}
-
-.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-image-sel {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-image-sel > img {
-  width: 30px;
-  height: 30px;
-}
-
 .vrcode-model .vrcode-title {
   width: 100%;
   margin-bottom: 15px;
@@ -2897,6 +2834,107 @@
   min-height: 30vh;
 }
 
+.vrcode-input {
+  width: 300px;
+  margin-right: 30px;
+  margin-bottom: 15px;
+}
+
+.vrcode-input .input-title {
+  font-size: 16px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  color: #FFFFFF;
+  margin-bottom: 7px;
+}
+
+.vrcode-input input {
+  width: 300px;
+  height: 44px;
+  background: rgba(90, 210, 255, 0.25);
+  border: 2px solid rgba(86, 209, 255, 0.5);
+  font-size: 16px;
+  padding-left: 15px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  color: #FFFFFF;
+}
+
+.vrcode-input input::placeholder {
+  color: #92B1D0;
+}
+
+.vrcode-selimage {
+  width: 100%;
+}
+
+.vrcode-selimage > .title {
+  margin-bottom: 7px;
+}
+
+.vrcode-selimage .sel-image-view {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.vrcode-selimage .sel-image-view #sel-img {
+  display: none;
+}
+
+.vrcode-selimage .sel-image-view .sel-div {
+  width: 130px;
+  height: 130px;
+  margin-right: 30px;
+  background: rgba(86, 209, 255, 0.25);
+  border: 1px dashed #56D1FF;
+  cursor: pointer;
+  margin-bottom: 15px;
+  flex-shrink: 0;
+}
+
+.vrcode-selimage .sel-image-view .sel-div.sel-img {
+  position: relative;
+  padding: 10px;
+}
+
+.vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img {
+  display: flex;
+}
+
+.vrcode-selimage .sel-image-view .sel-div.sel-img .el-image {
+  width: 100%;
+  height: 100%;
+}
+
+.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img {
+  width: 110px;
+  height: 110px;
+  background: rgba(0, 0, 0, 0.3);
+  display: none;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+}
+
+.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img {
+  width: 44px;
+  height: 44px;
+}
+
+.vrcode-selimage .sel-image-view .sel-div.sel-image-sel {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.vrcode-selimage .sel-image-view .sel-div.sel-image-sel > img {
+  width: 30px;
+  height: 30px;
+}
+
 .dialog-footer {
   display: flex;
   align-items: center;
@@ -2982,6 +3020,54 @@
   -webkit-text-fill-color: transparent;
 }
 
+.productTraceability .productTraceability-content {
+  margin-top: 135px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.productTraceability .productTraceability-content > div {
+  margin: 0 45px;
+  cursor: pointer;
+}
+
+.productTraceability .productTraceability-content .content-1 {
+  width: 200px;
+  height: 316px;
+  background: url(../img/productTraceability-1.png) no-repeat center;
+  background-size: 100% 100%;
+}
+
+.productTraceability .productTraceability-content .content-1:hover {
+  background: url(../img/productTraceability-1hover.png) no-repeat center;
+  background-size: 100% 100%;
+}
+
+.productTraceability .productTraceability-content .content-2 {
+  width: 240px;
+  height: 316px;
+  background: url(../img/productTraceability-2.png) no-repeat center;
+  background-size: 100% 100%;
+}
+
+.productTraceability .productTraceability-content .content-2:hover {
+  background: url(../img/productTraceability-2hover.png) no-repeat center;
+  background-size: 100% 100%;
+}
+
+.productTraceability .productTraceability-content .content-3 {
+  width: 200px;
+  height: 316px;
+  background: url(../img/productTraceability-3.png) no-repeat center;
+  background-size: 100% 100%;
+}
+
+.productTraceability .productTraceability-content .content-3:hover {
+  background: url(../img/productTraceability-3hover.png) no-repeat center;
+  background-size: 100% 100%;
+}
+
 .model-title {
   width: 100%;
   text-align: center;
@@ -3026,3 +3112,197 @@
   background-size: 100% 100%;
   cursor: pointer;
 }
+
+.setsuyuan {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.setsuyuan .setsuyuan-page {
+  width: 375px;
+  height: 736px;
+  background: url(../img/setsuyuan-page.png) no-repeat center;
+  background-size: 100% 100%;
+  padding: 22px 23px 21px 24px;
+}
+
+.setsuyuan .setsuyuan-page .mobile-page {
+  width: 100%;
+  border-radius: 30px;
+  height: 100%;
+  overflow: auto;
+}
+
+.setsuyuan .setsuyuan-page .mobile-page > div {
+  min-height: 100%;
+}
+
+.setsuyuan .setsuyuan-page .mobile-page .mobile-img {
+  width: 100%;
+  height: auto;
+}
+
+.setsuyuan .setsuyuan-page .mobile-page .mobile-top {
+  width: 100%;
+  height: 240px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background-size: 100% 100% !important;
+}
+
+.setsuyuan .setsuyuan-page .mobile-page .mobile-top > div {
+  font-family: Microsoft Yahei;
+  font-size: 30px;
+  white-space: nowrap;
+}
+
+.setsuyuan .setsuyuan-page .mobile-page .mobile-content {
+  width: 100%;
+  min-height: 453px;
+  text-align: center;
+  padding: 35px 10px 20px;
+}
+
+.setsuyuan .setsuyuan-page .mobile-page .mobile-view {
+  position: relative;
+  margin-bottom: 30px;
+}
+
+.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-view-content {
+  width: 100%;
+  box-sizing: border-box;
+  background: #fff;
+  border-radius: 8px;
+  padding: 20px 10px 10px 10px;
+  position: relative;
+}
+
+.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-text {
+  font-size: 14px;
+  text-align: left;
+  color: #000;
+}
+
+.setsuyuan .setsuyuan-page .mobile-page .mobile-content-title {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAfCAYAAAA4LFWUAAACiElEQVR4Xu2bvU8UURTFz51Ag6wFauOfIWurnUtoiI2JEEuFkIBKokRpaDYIFmiIBpeSBI2VdkAHLR9/Bo26haPbwL5LZmZn3I+ZjUvyHnOTO+XOzrvnnfvLm5PdXEK3a3t+jLz+52C+DWCg63f1plQHaiA6YHO6ipHl71mboKwb3u6rZWbvpdTdq+7eHSAyK+be0nzak+mgbC+MEeFb76X0CekOcN3cx+hSR+9TQaGdhT0Ad6RvWvVfyIF9LpXvtj/ZCcrms1t0Y+AIlPlWulB1fUiIA8zgH7VhPHp33Ky4gwZva2adr12dFLItlWnBAfr1+5MZX5vKBuXr9CCd9p3geqFgob4uKcWBn77P/Wc38eDjn1hy64nyeeYxgSoYUk6k9NSKzqoPBj/Bw7WNVFBo6+kBiIsKihX75Sxa9QGmQx5/H/x+Fl7/TpQgxPaZo/BTPVHkNNWG0gAUAHzmJaE2ASUMsURRiFVQbNgvZ80GKMSchNoIlDjEeojCiYIip6k2lDZAgUESaiNQ4hAbF1VQbNgvZ80YlOD1Y+qTmPhQCUFJQqyCIqeZNpU2gRKHWkJziFVQbNovZ+1mUMJTBUVqCbEKipxm2lTaBkoQaglfZuc8boTYRnEeKiza1KFr59sBqvot/TcEP+vfY873VlSdTQe4VO7gQkGx6bjQtRUUoY1zLVtBce240HoKitDGuZatoLh2XGg9BUVo41zLVlBcOy60noIitHGuZfcCyl+dDHTdntzUq3GpfKVdjc715KY/uRHyn3M9gV6dFMxN11wL6WlSMBDn7bxeYdAL10K13uU5QKi/NaU3qfPm3ccBo5NlDkBRM8vlNdBy5RqAQ66b1bSZ47j2Odyz15vs+mViAAAAAElFTkSuQmCC) no-repeat center;
+  width: 138px;
+  height: 31px;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 700;
+  color: #fff;
+  z-index: 2;
+  font-size: 15px;
+  position: absolute;
+  top: -16px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.setsuyuan .page-content {
+  width: calc(100% - 400px) !important;
+}
+
+.setsuyuan .vrcode-selimage {
+  margin-top: 30px;
+}
+
+.setsuyuan .vrcode-selimage .sel-image-view .sel-div {
+  width: 200px;
+  height: 160px;
+}
+
+.setsuyuan .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img {
+  width: 178px;
+  height: 138px;
+}
+
+.setsuyuan .setsuyuan-tips {
+  font-size: 16px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  color: #FF9999;
+  margin: 0px 0 30px;
+}
+
+.setsuyuan .vrcode-input {
+  width: 100%;
+  margin-right: 0;
+}
+
+.setsuyuan .vrcode-input input {
+  width: 100%;
+  max-width: 800px;
+}
+
+.setsuyuan .setsuyuan-input {
+  display: flex;
+  margin-bottom: 15px;
+}
+
+.setsuyuan .setsuyuan-input .setsuyuan-input-name {
+  width: 120px;
+  padding-right: 20px;
+  text-align: right;
+  line-height: 40px;
+  white-space: nowrap;
+}
+
+.setsuyuan .setsuyuan-input .el-color-picker__trigger {
+  background: rgba(90, 210, 255, 0.25);
+  border: 2px solid rgba(86, 209, 255, 0.5);
+}
+
+.setsuyuan .save-btn {
+  width: 100px;
+  height: 40px;
+  background: #19ABFF;
+  border-radius: 3px;
+  font-size: 16px;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  color: #FFFFFF;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 20px;
+  cursor: pointer;
+}
+
+.setsuyuan .setsuyuan-input-select {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  flex-shrink: 0;
+  white-space: nowrap;
+  max-height: 50px;
+  margin-right: 20px;
+}
+
+.setsuyuan .setsuyuan-input-select .no-sel {
+  margin-right: 10px;
+  width: 35px;
+  height: 35px;
+  box-shadow: 0 0 15px rgba(53, 187, 247, 0.5) inset;
+  border: 1px solid rgba(0, 204, 255, 0.7);
+  border-radius: 50%;
+}
+
+.setsuyuan .setsuyuan-input-select .sel {
+  margin-right: 10px;
+  width: 35px;
+  height: 35px;
+  background: url(../image/radio.png) no-repeat center;
+  background-size: 100% 100%;
+}
+
+.el-button span {
+  color: #606266;
+}
diff --git a/src/assets/css/main.min.css b/src/assets/css/main.min.css
index 9e59669..daa0773 100644
--- a/src/assets/css/main.min.css
+++ b/src/assets/css/main.min.css
@@ -1 +1 @@
-.scroll,.el-dropdown-menu,.index .index-content .right.right-page .page-content,.formula .page-content,.realTime,.history .page-content .el-table--scrollable-x .el-table__body-wrapper,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper,.vrcode-model .el-dialog{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content .right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar,.vrcode-model .el-dialog::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content .right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-model .el-dialog::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-model .el-dialog::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.el-popconfirm__main,.el-date-table td span,.el-date-range-picker__header div{color:#606266 !important}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !important}.el-button--text span{color:#409EFF !important}.el-dropdown-menu{max-height:300px}.border-none{border:none !important}.collapse .el-collapse{border:none}.collapse .el-collapse-item__header,.collapse .el-collapse-item__wrap{background:transparent;border-bottom:1px solid rgba(168,182,200,0.2)}.collapse .el-collapse-item__header{font-size:16px;padding-left:25px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;align-items:center}.collapse .el-collapse-item__header>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.collapse .el-collapse-item__content{padding:0}.collapse .no-list{width:100%;height:76px;line-height:76px;padding-left:25px;border-bottom:1px solid rgba(168,182,200,0.2);cursor:pointer;color:#A8B6C8}.collapse .no-list:hover{color:#fff}.collapse .table-ul{display:flex;flex-direction:column;align-items:center;padding:10px 0}.collapse .table-ul .table-li{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer}.collapse .table-ul .table-li:hover{color:#fff}.collapse .table-ul .table-li:hover::before{background:#fff}.collapse .table-ul .table-li.active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.collapse .table-ul .table-li.active::before{background:#fff}.collapse .table-ul .table-li .status{width:50px;height:22px;background:rgba(168,182,200,0.15);border:1px solid rgba(168,182,200,0.5);border-radius:11px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;display:flex;align-items:center;justify-content:center;color:#A8B6C8;margin-left:10px}.collapse .table-ul .table-li .status.online{background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);color:#00FFBA}.collapse .table-ul .table-li::before{content:' ';width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.collapse.set-params .el-collapse-item.active .el-collapse-item__header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.collapse.set-params .el-collapse-item.active .el-collapse-item__header .name{color:#fff !important}.collapse.set-params .el-collapse-item__header .name{color:#A8B6C8}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-title>img{width:60px;height:60px;margin-right:15px}.table-title .tips{margin-left:15px;display:flex;align-items:center;justify-content:center;width:120px;height:34px;background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);border-radius:17px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.table-title .title-text{font-size:16px;margin-left:15px}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:1920px 1080px;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;white-space:nowrap}.index .header .header-right{width:335px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 10px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.2)}.index .header .header-right .user-data .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right .user-data .time{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.index .header .header-right .login-out{width:40px;height:40px;background:url(../image/login-out.png) no-repeat center;background-size:100% 100%;cursor:pointer}.index .header .header-right .login-out:hover{background:url(../image/login-out-hover.png) no-repeat center;background-size:100% 100%}.index .index-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100% - 78px);position:relative;z-index:2}.index .index-content .left{width:240px;height:100%;background:rgba(0,29,68,0.25);border-right:2px solid rgba(0,180,255,0.25);overflow:auto}.index .index-content .right{width:calc(100% - 240px);height:100%;overflow:auto}.index .index-content .right.right-page{padding:20px}.index .index-content .right.right-page .page-content{position:relative;width:100%;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 30px 20px}.input-view{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px}.input-view>div{flex-shrink:0;margin-right:20px;display:flex;align-items:center;margin:7.5px 0}.input-view>div>span{padding:0 8px}.input-sel>.title{margin-bottom:11px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.margin-none{margin:0 !important}.padding-none{padding:0 !important}.border-right{border-right:1px solid rgba(2,148,226,0.5)}.input-main span{padding:0 10px}.input-main div{margin-bottom:10px}.input-main input{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.input-main input::placeholder{color:#859BB6}.input-main-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.title-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;margin-top:20px}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.btn{margin:0 8px !important;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.upload .upload-content>div .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.upload .upload-content>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-top .right-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-view .right .right-top .right-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px;flex-direction:column;justify-content:unset}.realTime .new-data{margin-bottom:20px}.realTime .page-content{position:relative;width:100%;height:100%;flex-shrink:0;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 20px 20px}.realTime .page-content.control-page{height:auto}.realTime .page-content .control-view{display:flex;align-items:center;position:absolute;right:30px;top:10px}.realTime .page-content .control-view .title{margin-right:10px}.realTime .page-content .control-view .control-list{display:flex;align-items:center;overflow:hidden;max-width:806px}.realTime .page-content .control-view .control-list>div{display:flex;overflow:unset !important}.realTime .page-content .control-view .control-list>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .control-view .control-list .list-view{display:flex;align-items:center;margin-right:10px}.realTime .page-content .control-view .control-list .list-view .icon{width:30px;height:30px}.realTime .page-content .timeNow{text-align:center;padding-left:75px;display:flex;align-items:center;font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF}.realTime .page-content .timeNow>span{font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF;margin-left:10px}.realTime .page-content .realTime-list{width:100%;overflow:hidden}.realTime .page-content .realTime-list .seamless-warp{display:flex;align-items:center}.realTime .page-content .realTime-list .seamless-warp>div{display:flex;overflow:unset !important}.realTime .page-content .realTime-list .seamless-warp>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .realTime-list .seamless-warp .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:60px;height:60px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:80px;height:30px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:16px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:300px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left-view{width:35%;height:100%;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);display:flex;align-items:center;justify-content:center;padding:10px}.realTime .page-content .realTime-bottom .left-view>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 35%);min-width:230px;height:100%}.realTime .page-content .status-view{width:300px;height:300px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px}.realTime .page-content .status-view .status-view-top{padding:0 10px 0 10px;display:flex;align-items:center;justify-content:space-between;height:50px;border-bottom:1px solid rgba(0,180,255,0.35)}.realTime .page-content .status-view .status-view-top .status-view-top-left{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;white-space:nowrap}.realTime .page-content .status-view .status-view-top .status-view-top-right{cursor:pointer;padding:0 10px}.realTime .page-content .status-view .status-view-content{width:100%;height:calc(100% - 51px)}.realTime .page-content .status-view .status-view-content .status-true{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-true .status-fan{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div{min-width:unset;flex-shrink:0;font-size:14px;height:30px;margin:10px 8px 0 !important}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div.off span{color:#00C0F7}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>span{margin-left:5px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img{width:16px;height:16px;margin-right:0px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img.fan-img{animation:rotate 5s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 50px}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div{display:flex;align-items:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div>img{width:20px;height:20px;margin-right:10px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts{width:100%;height:153px;position:relative;background:url(../img/status-true-charts.png) no-repeat;background-size:227px 114px;background-position:center 20px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>img{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:28px;height:27px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>div{width:100%;height:100%}.realTime .page-content .status-view .status-view-content .status-true .status-true-text{width:227px;height:35px;padding:0 16px;background:url(../img/status-true-text.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-left{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-right{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-noTrue{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add{cursor:pointer}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add>img{width:40px;height:40px}.realTime .page-content .status-view .status-view-content .status-noTrue>img{width:40px;height:35px;margin-bottom:20px}.realTime .page-content .status-view .status-view-content .status-noTrue>div{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.history .page-content{width:100%}.history .page-content .el-table--scrollable-x .el-table__body-wrapper .el-table__row{height:60px}.history .page-content .search-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:20px}.history .page-content .search-flex .search-left{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-left>div{display:flex;align-items:center}.history .page-content .search-flex .search-left>div>div{margin-left:10px;width:80px;height:34px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.history .page-content .search-flex .search-left>div>div.active{border:2px solid #0294E2;background:#0294E2}.history .page-content .search-flex .search-right{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-right span{margin-right:10px}.history .page-content .search-flex .search-right .el-input__inner{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.history .page-content .search-flex .search-right .el-date-editor .el-range-separator{color:#fff}.history .page-content .search-flex .search-right .el-date-editor .el-range-input{background-color:transparent;color:#fff}.wufang .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.wufang .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.wufang .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.skylight .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.skylight .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .border-bottom{border-bottom:1px solid rgba(2,148,226,0.5)}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-tr .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.synthesis-con .synthesis-content .table-tr .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{background:transparent}.vrcode .el-menu{border-right:none}.vrcode .el-submenu__icon-arrow{font-size:16px;color:#fff}.vrcode .el-submenu .el-menu-item{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer;margin:0 auto}.vrcode .el-submenu .el-menu-item::before{content:" ";width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.vrcode .el-submenu__title,.vrcode .el-menu-item{display:flex;align-items:center}.vrcode .el-submenu__title .img,.vrcode .el-menu-item .img{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:15px}.vrcode .el-submenu .el-menu-item.is-active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.vrcode-textarea{width:100%;margin-bottom:15px}.vrcode-textarea .title{font-size:16px;font-family:Microsoft YaHei;margin-bottom:7px}.vrcode-textarea textarea{width:680px;height:160px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);padding:15px;color:#fff}.vrcode-textarea textarea::placeholder{color:#92B1D0}.vrcode-table .vrcode-btn{margin-bottom:20px}.vrcode-table .vrcode-table-view.table-view{background:transparent;margin-top:10px}.vrcode-table .vrcode-table-view.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.vrcode-table .vrcode-table-view.table-view .cell{text-align:center}.vrcode-table .vrcode-table-view.table-view :empty::before{content:'--';color:#fff}.vrcode-table .vrcode-table-view.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell,.vrcode-table .vrcode-table-view.table-view .el-table__row{height:60px}.vrcode-table .vrcode-table-view.table-view .el-table::before,.vrcode-table .vrcode-table-view.table-view .el-table--border::after{height:0}.vrcode-table .vrcode-table-view.table-view .el-table,.vrcode-table .vrcode-table-view.table-view .el-table tr,.vrcode-table .vrcode-table-view.table-view .el-table td.el-table__cell{border:none;background:transparent}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.vrcode-table .vrcode-table-view.table-view .vrcode-table-btn{display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .el-table__cell.gutter{display:none}.vrcode-table .vrcode-table-view.table-view .isOpen{width:80px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:14px;font-family:Microsoft YaHei;font-weight:400}.vrcode-table .vrcode-table-view.table-view .isOpen.open-green{background:rgba(0,255,186,0.1);color:#00FFBA;border:1px solid rgba(0,255,186,0.4)}.vrcode-table .vrcode-table-view.table-view .isOpen.open-red{background:rgba(245,108,108,0.6);border:1px solid #F56C6C;color:#FFFFFF}.vrcode-btn{min-width:80px;padding:0 15px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;cursor:pointer;margin:7.5px 10px 7.5px 0 !important;border-radius:3px}.vrcode-btn>img{margin-right:5px}.vrcode-btn.blue-btn{background:#00A6FF}.vrcode-btn.blue-btn:hover{background:#0089F2}.vrcode-btn.red-btn{background:#F56C6C}.vrcode-btn.red-btn:hover{background:#FF5E5E}.vrcode-btn.save-btn{background:#00BB88;font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.save-btn:hover{background:#009E73}.vrcode-btn.cancle-btn{width:100px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.cancle-btn:hover{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.6)}.vrcode-model .vrcode-model-title{width:100%;height:43px;background:url(../img/vrcode-title.png) no-repeat;background-size:222px 43px;background-position:left center;padding-left:46px;line-height:43px;font-size:20px;font-family:Microsoft YaHei;position:relative;font-weight:bold}.vrcode-model .vrcode-model-title::after{content:' ';width:32px;height:33px;background:url(../img/vrcode-title-icon.png) no-repeat;background-size:100% 100%;position:absolute;left:7px;top:4px}.vrcode-model .vrcode-input{width:300px;margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input .input-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:7px}.vrcode-model .vrcode-input input{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.vrcode-model .vrcode-radio .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-selimage{width:100%}.vrcode-model .vrcode-selimage>.title{margin-bottom:7px}.vrcode-model .vrcode-selimage .sel-image-view{display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .vrcode-selimage .sel-image-view #sel-img{display:none}.vrcode-model .vrcode-selimage .sel-image-view .sel-div{width:130px;height:130px;margin-right:30px;background:rgba(86,209,255,0.25);border:1px dashed #56D1FF;cursor:pointer;margin-bottom:15px;flex-shrink:0}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img{position:relative;padding:10px}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img{display:flex}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .el-image{width:100%;height:100%}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:110px;height:110px;background:rgba(0,0,0,0.3);display:none;align-items:center;justify-content:center;position:absolute;top:10px;left:10px}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img{width:44px;height:44px}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-image-sel{display:flex;align-items:center;justify-content:center}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-image-sel>img{width:30px;height:30px}.vrcode-model .vrcode-title{width:100%;margin-bottom:15px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;padding-left:13px}.vrcode-model .vrcode-title::after{content:' ';width:3px;height:21px;background:#0294E2;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.vrcode-model .el-dialog__body{width:100%;min-height:calc(30vh - 70px)}.vrcode-model .el-dialog__body .vrcode-content{width:100%;height:calc(100% - 43px);padding:0 30px}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view{width:100%;padding:20px 0 15px 0;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view>div{flex-shrink:0}.vrcode-model .el-dialog{background:rgba(0,76,147,0.9);border:2px solid rgba(0,186,255,0.6);max-height:90vh;min-height:30vh}.dialog-footer{display:flex;align-items:center;justify-content:flex-end}.plantingPlan{width:100%;height:100%}.plantingPlan .btn{opacity:1}.plantingPlan .btn .img{height:20px;width:20px}.plantingPlan .plan-view{width:440px;height:200px;background:url(../img/plan-bg.png) no-repeat center;background-size:100% 100%;margin:7.5px 15px;padding:20px;display:flex;align-items:center;justify-content:space-between}.plantingPlan .plan-view .plan-view-left{width:180px;height:100%}.plantingPlan .plan-view .plan-view-right{width:calc(100% - 200px);height:100%;display:flex;justify-content:space-around;flex-direction:column}.plantingPlan .plan-view .plan-view-right .name{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.productTraceability{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.productTraceability .productTraceability-title{width:100%;max-width:1182px;height:110px;background:url(../img/vrcode-title1.png) no-repeat;background-size:1182px 110px;background-position:center center;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-title>span{padding:0 20px;font-size:60px;font-family:Alimama ShuHeiTi;font-weight:bold;font-style:italic;color:#DDF1FF;background:linear-gradient(0deg, #fff 0%, #7dabff 76.7334%, #f3f7ff 88.08594%, #f3f7ff 92.62695%, #d2e2ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.model-title{width:100%;text-align:center;font-size:20px;font-weight:bold;padding:15px 0}.model-sel{display:flex;flex-wrap:wrap;align-items:center;min-height:200px;max-height:700px;overflow:auto;padding:0 30px}.model-sel>div{width:33%;white-space:nowrap;flex-shrink:0;display:flex;align-items:center}.model-sel .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.model-sel .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}
+.scroll,.el-dropdown-menu,.index .index-content .right.right-page .page-content,.formula .page-content,.realTime,.history .page-content .el-table--scrollable-x .el-table__body-wrapper,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper,.vrcode-model .el-dialog{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content .right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar,.vrcode-model .el-dialog::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content .right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-model .el-dialog::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-model .el-dialog::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.mobile-scroll{overflow-y:auto}.mobile-scroll::-webkit-scrollbar{width:0px;cursor:pointer}.mobile-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.mobile-scroll::-webkit-scrollbar-thumb{width:0px;cursor:pointer;background:#ccc;border:0px solid rgba(0,0,0,0.1)}.el-popconfirm__main,.el-date-table td span,.el-date-range-picker__header div{color:#606266 !important}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !important}.el-button--text span{color:#409EFF !important}.el-dropdown-menu{max-height:300px}.border-none{border:none !important}.collapse .el-collapse{border:none}.collapse .el-collapse-item__header,.collapse .el-collapse-item__wrap{background:transparent;border-bottom:1px solid rgba(168,182,200,0.2)}.collapse .el-collapse-item__header{font-size:16px;padding-left:25px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;align-items:center}.collapse .el-collapse-item__header>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.collapse .el-collapse-item__content{padding:0}.collapse .no-list{width:100%;height:76px;line-height:76px;padding-left:25px;border-bottom:1px solid rgba(168,182,200,0.2);cursor:pointer;color:#A8B6C8}.collapse .no-list:hover{color:#fff}.collapse .table-ul{display:flex;flex-direction:column;align-items:center;padding:10px 0}.collapse .table-ul .table-li{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer}.collapse .table-ul .table-li:hover{color:#fff}.collapse .table-ul .table-li:hover::before{background:#fff}.collapse .table-ul .table-li.active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.collapse .table-ul .table-li.active::before{background:#fff}.collapse .table-ul .table-li .status{width:50px;height:22px;background:rgba(168,182,200,0.15);border:1px solid rgba(168,182,200,0.5);border-radius:11px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;display:flex;align-items:center;justify-content:center;color:#A8B6C8;margin-left:10px}.collapse .table-ul .table-li .status.online{background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);color:#00FFBA}.collapse .table-ul .table-li::before{content:' ';width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.collapse.set-params .el-collapse-item.active .el-collapse-item__header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.collapse.set-params .el-collapse-item.active .el-collapse-item__header .name{color:#fff !important}.collapse.set-params .el-collapse-item__header .name{color:#A8B6C8}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-title>img{width:60px;height:60px;margin-right:15px}.table-title .tips{margin-left:15px;display:flex;align-items:center;justify-content:center;width:120px;height:34px;background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);border-radius:17px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.table-title .title-text{font-size:16px;margin-left:15px}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:1920px 1080px;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;white-space:nowrap}.index .header .header-right{width:335px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 10px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.2)}.index .header .header-right .user-data .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right .user-data .time{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.index .header .header-right .login-out{width:40px;height:40px;background:url(../image/login-out.png) no-repeat center;background-size:100% 100%;cursor:pointer}.index .header .header-right .login-out:hover{background:url(../image/login-out-hover.png) no-repeat center;background-size:100% 100%}.index .index-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100% - 78px);position:relative;z-index:2}.index .index-content .left{width:240px;height:100%;background:rgba(0,29,68,0.25);border-right:2px solid rgba(0,180,255,0.25);overflow:auto}.index .index-content .right{width:calc(100% - 240px);height:100%;overflow:auto}.index .index-content .right.right-page{padding:20px}.index .index-content .right.right-page .page-content{position:relative;width:100%;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 30px 20px}.input-view{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px}.input-view>div{flex-shrink:0;margin-right:20px;display:flex;align-items:center;margin:7.5px 0}.input-view>div>span{padding:0 8px}.input-sel>.title{margin-bottom:11px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.margin-none{margin:0 !important}.padding-none{padding:0 !important}.border-right{border-right:1px solid rgba(2,148,226,0.5)}.input-main span{padding:0 10px}.input-main div{margin-bottom:10px}.input-main input{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.input-main input::placeholder{color:#859BB6}.input-main-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.title-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;margin-top:20px}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.btn{margin:0 8px !important;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.upload .upload-content>div .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.upload .upload-content>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-top .right-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-view .right .right-top .right-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px;flex-direction:column;justify-content:unset}.realTime .new-data{margin-bottom:20px}.realTime .page-content{position:relative;width:100%;height:100%;flex-shrink:0;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 20px 20px}.realTime .page-content.control-page{height:auto}.realTime .page-content .control-view{display:flex;align-items:center;position:absolute;right:30px;top:10px}.realTime .page-content .control-view .title{margin-right:10px}.realTime .page-content .control-view .control-list{display:flex;align-items:center;overflow:hidden;max-width:806px}.realTime .page-content .control-view .control-list>div{display:flex;overflow:unset !important}.realTime .page-content .control-view .control-list>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .control-view .control-list .list-view{display:flex;align-items:center;margin-right:10px}.realTime .page-content .control-view .control-list .list-view .icon{width:30px;height:30px}.realTime .page-content .timeNow{text-align:center;padding-left:75px;display:flex;align-items:center;font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF}.realTime .page-content .timeNow>span{font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF;margin-left:10px}.realTime .page-content .realTime-list{width:100%;overflow:hidden}.realTime .page-content .realTime-list .seamless-warp{display:flex;align-items:center}.realTime .page-content .realTime-list .seamless-warp>div{display:flex;overflow:unset !important}.realTime .page-content .realTime-list .seamless-warp>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .realTime-list .seamless-warp .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:60px;height:60px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:80px;height:30px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:16px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:300px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left-view{width:35%;height:100%;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);display:flex;align-items:center;justify-content:center;padding:10px}.realTime .page-content .realTime-bottom .left-view>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 35%);min-width:230px;height:100%}.realTime .page-content .status-view{width:300px;height:300px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px}.realTime .page-content .status-view .status-view-top{padding:0 10px 0 10px;display:flex;align-items:center;justify-content:space-between;height:50px;border-bottom:1px solid rgba(0,180,255,0.35)}.realTime .page-content .status-view .status-view-top .status-view-top-left{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;white-space:nowrap}.realTime .page-content .status-view .status-view-top .status-view-top-right{cursor:pointer;padding:0 10px}.realTime .page-content .status-view .status-view-content{width:100%;height:calc(100% - 51px)}.realTime .page-content .status-view .status-view-content .status-true{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-true .status-fan{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div{min-width:unset;flex-shrink:0;font-size:14px;height:30px;margin:10px 8px 0 !important}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div.off span{color:#00C0F7}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>span{margin-left:5px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img{width:16px;height:16px;margin-right:0px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img.fan-img{animation:rotate 5s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 50px}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div{display:flex;align-items:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div>img{width:20px;height:20px;margin-right:10px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts{width:100%;height:153px;position:relative;background:url(../img/status-true-charts.png) no-repeat;background-size:227px 114px;background-position:center 20px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>img{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:28px;height:27px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>div{width:100%;height:100%}.realTime .page-content .status-view .status-view-content .status-true .status-true-text{width:227px;height:35px;padding:0 16px;background:url(../img/status-true-text.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-left{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-right{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-noTrue{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add{cursor:pointer}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add>img{width:40px;height:40px}.realTime .page-content .status-view .status-view-content .status-noTrue>img{width:40px;height:35px;margin-bottom:20px}.realTime .page-content .status-view .status-view-content .status-noTrue>div{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.history .page-content{width:100%}.history .page-content .el-table--scrollable-x .el-table__body-wrapper .el-table__row{height:60px}.history .page-content .search-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:20px}.history .page-content .search-flex .search-left{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-left>div{display:flex;align-items:center}.history .page-content .search-flex .search-left>div>div{margin-left:10px;width:80px;height:34px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.history .page-content .search-flex .search-left>div>div.active{border:2px solid #0294E2;background:#0294E2}.history .page-content .search-flex .search-right{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-right span{margin-right:10px}.history .page-content .search-flex .search-right .el-input__inner{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.history .page-content .search-flex .search-right .el-date-editor .el-range-separator{color:#fff}.history .page-content .search-flex .search-right .el-date-editor .el-range-input{background-color:transparent;color:#fff}.wufang .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.wufang .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.wufang .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.skylight .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.skylight .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .border-bottom{border-bottom:1px solid rgba(2,148,226,0.5)}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-tr .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.synthesis-con .synthesis-content .table-tr .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{background:transparent}.vrcode .el-menu{border-right:none}.vrcode .el-submenu__icon-arrow{font-size:16px;color:#fff}.vrcode .el-submenu .el-menu-item{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer;margin:0 auto}.vrcode .el-submenu .el-menu-item::before{content:" ";width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.vrcode .el-submenu__title,.vrcode .el-menu-item{display:flex;align-items:center}.vrcode .el-submenu__title .img,.vrcode .el-menu-item .img{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:15px}.vrcode .el-submenu .el-menu-item.is-active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.vrcode-textarea{width:100%;margin-bottom:15px}.vrcode-textarea .title{font-size:16px;font-family:Microsoft YaHei;margin-bottom:7px}.vrcode-textarea textarea{width:680px;height:160px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);padding:15px;color:#fff}.vrcode-textarea textarea::placeholder{color:#92B1D0}.vrcode-table .vrcode-btn{margin-bottom:20px}.vrcode-table .vrcode-table-view.table-view{background:transparent;margin-top:10px}.vrcode-table .vrcode-table-view.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.vrcode-table .vrcode-table-view.table-view .cell{text-align:center}.vrcode-table .vrcode-table-view.table-view :empty::before{content:'--';color:#fff}.vrcode-table .vrcode-table-view.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell,.vrcode-table .vrcode-table-view.table-view .el-table__row{height:60px}.vrcode-table .vrcode-table-view.table-view .el-table::before,.vrcode-table .vrcode-table-view.table-view .el-table--border::after{height:0}.vrcode-table .vrcode-table-view.table-view .el-table,.vrcode-table .vrcode-table-view.table-view .el-table tr,.vrcode-table .vrcode-table-view.table-view .el-table td.el-table__cell{border:none;background:transparent}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.vrcode-table .vrcode-table-view.table-view .vrcode-table-btn{display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .el-table__cell.gutter{display:none}.vrcode-table .vrcode-table-view.table-view .isOpen{width:80px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:14px;font-family:Microsoft YaHei;font-weight:400}.vrcode-table .vrcode-table-view.table-view .isOpen.open-green{background:rgba(0,255,186,0.1);color:#00FFBA;border:1px solid rgba(0,255,186,0.4)}.vrcode-table .vrcode-table-view.table-view .isOpen.open-red{background:rgba(245,108,108,0.6);border:1px solid #F56C6C;color:#FFFFFF}.vrcode-btn{min-width:80px;padding:0 15px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;cursor:pointer;margin:7.5px 10px 7.5px 0 !important;border-radius:3px}.vrcode-btn>img{margin-right:5px}.vrcode-btn.blue-btn{background:#00A6FF}.vrcode-btn.blue-btn:hover{background:#0089F2}.vrcode-btn.red-btn{background:#F56C6C}.vrcode-btn.red-btn:hover{background:#FF5E5E}.vrcode-btn.save-btn{background:#00BB88;font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.save-btn:hover{background:#009E73}.vrcode-btn.cancle-btn{width:100px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.cancle-btn:hover{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.6)}.vrcode-model .vrcode-model-title{width:100%;height:43px;background:url(../img/vrcode-title.png) no-repeat;background-size:222px 43px;background-position:left center;padding-left:46px;line-height:43px;font-size:20px;font-family:Microsoft YaHei;position:relative;font-weight:bold;text-align:left}.vrcode-model .vrcode-model-title::after{content:' ';width:32px;height:33px;background:url(../img/vrcode-title-icon.png) no-repeat;background-size:100% 100%;position:absolute;left:7px;top:4px}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.vrcode-model .vrcode-radio .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-title{width:100%;margin-bottom:15px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;padding-left:13px}.vrcode-model .vrcode-title::after{content:' ';width:3px;height:21px;background:#0294E2;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.vrcode-model .el-dialog__body{width:100%;min-height:calc(30vh - 70px)}.vrcode-model .el-dialog__body .vrcode-content{width:100%;height:calc(100% - 43px);padding:0 30px}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view{width:100%;padding:20px 0 15px 0;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view>div{flex-shrink:0}.vrcode-model .el-dialog{background:rgba(0,76,147,0.9);border:2px solid rgba(0,186,255,0.6);max-height:90vh;min-height:30vh}.vrcode-input{width:300px;margin-right:30px;margin-bottom:15px}.vrcode-input .input-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:7px}.vrcode-input input{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-input input::placeholder{color:#92B1D0}.vrcode-selimage{width:100%}.vrcode-selimage>.title{margin-bottom:7px}.vrcode-selimage .sel-image-view{display:flex;align-items:center;flex-wrap:wrap}.vrcode-selimage .sel-image-view #sel-img{display:none}.vrcode-selimage .sel-image-view .sel-div{width:130px;height:130px;margin-right:30px;background:rgba(86,209,255,0.25);border:1px dashed #56D1FF;cursor:pointer;margin-bottom:15px;flex-shrink:0}.vrcode-selimage .sel-image-view .sel-div.sel-img{position:relative;padding:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img{display:flex}.vrcode-selimage .sel-image-view .sel-div.sel-img .el-image{width:100%;height:100%}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:110px;height:110px;background:rgba(0,0,0,0.3);display:none;align-items:center;justify-content:center;position:absolute;top:10px;left:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img{width:44px;height:44px}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel{display:flex;align-items:center;justify-content:center}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel>img{width:30px;height:30px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end}.plantingPlan{width:100%;height:100%}.plantingPlan .btn{opacity:1}.plantingPlan .btn .img{height:20px;width:20px}.plantingPlan .plan-view{width:440px;height:200px;background:url(../img/plan-bg.png) no-repeat center;background-size:100% 100%;margin:7.5px 15px;padding:20px;display:flex;align-items:center;justify-content:space-between}.plantingPlan .plan-view .plan-view-left{width:180px;height:100%}.plantingPlan .plan-view .plan-view-right{width:calc(100% - 200px);height:100%;display:flex;justify-content:space-around;flex-direction:column}.plantingPlan .plan-view .plan-view-right .name{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.productTraceability{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.productTraceability .productTraceability-title{width:100%;max-width:1182px;height:110px;background:url(../img/vrcode-title1.png) no-repeat;background-size:1182px 110px;background-position:center center;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-title>span{padding:0 20px;font-size:60px;font-family:Alimama ShuHeiTi;font-weight:bold;font-style:italic;color:#DDF1FF;background:linear-gradient(0deg, #fff 0%, #7dabff 76.7334%, #f3f7ff 88.08594%, #f3f7ff 92.62695%, #d2e2ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.productTraceability .productTraceability-content{margin-top:135px;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-content>div{margin:0 45px;cursor:pointer}.productTraceability .productTraceability-content .content-1{width:200px;height:316px;background:url(../img/productTraceability-1.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-1:hover{background:url(../img/productTraceability-1hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2{width:240px;height:316px;background:url(../img/productTraceability-2.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2:hover{background:url(../img/productTraceability-2hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3{width:200px;height:316px;background:url(../img/productTraceability-3.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3:hover{background:url(../img/productTraceability-3hover.png) no-repeat center;background-size:100% 100%}.model-title{width:100%;text-align:center;font-size:20px;font-weight:bold;padding:15px 0}.model-sel{display:flex;flex-wrap:wrap;align-items:center;min-height:200px;max-height:700px;overflow:auto;padding:0 30px}.model-sel>div{width:33%;white-space:nowrap;flex-shrink:0;display:flex;align-items:center}.model-sel .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.model-sel .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.setsuyuan{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.setsuyuan .setsuyuan-page{width:375px;height:736px;background:url(../img/setsuyuan-page.png) no-repeat center;background-size:100% 100%;padding:22px 23px 21px 24px}.setsuyuan .setsuyuan-page .mobile-page{width:100%;border-radius:30px;height:100%;overflow:auto}.setsuyuan .setsuyuan-page .mobile-page>div{min-height:100%}.setsuyuan .setsuyuan-page .mobile-page .mobile-img{width:100%;height:auto}.setsuyuan .setsuyuan-page .mobile-page .mobile-top{width:100%;height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size:100% 100% !important}.setsuyuan .setsuyuan-page .mobile-page .mobile-top>div{font-family:Microsoft Yahei;font-size:30px;white-space:nowrap}.setsuyuan .setsuyuan-page .mobile-page .mobile-content{width:100%;min-height:453px;text-align:center;padding:35px 10px 20px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view{position:relative;margin-bottom:30px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-view-content{width:100%;box-sizing:border-box;background:#fff;border-radius:8px;padding:20px 10px 10px 10px;position:relative}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-text{font-size:14px;text-align:left;color:#000}.setsuyuan .setsuyuan-page .mobile-page .mobile-content-title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAfCAYAAAA4LFWUAAACiElEQVR4Xu2bvU8UURTFz51Ag6wFauOfIWurnUtoiI2JEEuFkIBKokRpaDYIFmiIBpeSBI2VdkAHLR9/Bo26haPbwL5LZmZn3I+ZjUvyHnOTO+XOzrvnnfvLm5PdXEK3a3t+jLz+52C+DWCg63f1plQHaiA6YHO6ipHl71mboKwb3u6rZWbvpdTdq+7eHSAyK+be0nzak+mgbC+MEeFb76X0CekOcN3cx+hSR+9TQaGdhT0Ad6RvWvVfyIF9LpXvtj/ZCcrms1t0Y+AIlPlWulB1fUiIA8zgH7VhPHp33Ky4gwZva2adr12dFLItlWnBAfr1+5MZX5vKBuXr9CCd9p3geqFgob4uKcWBn77P/Wc38eDjn1hy64nyeeYxgSoYUk6k9NSKzqoPBj/Bw7WNVFBo6+kBiIsKihX75Sxa9QGmQx5/H/x+Fl7/TpQgxPaZo/BTPVHkNNWG0gAUAHzmJaE2ASUMsURRiFVQbNgvZ80GKMSchNoIlDjEeojCiYIip6k2lDZAgUESaiNQ4hAbF1VQbNgvZ80YlOD1Y+qTmPhQCUFJQqyCIqeZNpU2gRKHWkJziFVQbNovZ+1mUMJTBUVqCbEKipxm2lTaBkoQaglfZuc8boTYRnEeKiza1KFr59sBqvot/TcEP+vfY873VlSdTQe4VO7gQkGx6bjQtRUUoY1zLVtBce240HoKitDGuZatoLh2XGg9BUVo41zLVlBcOy60noIitHGuZfcCyl+dDHTdntzUq3GpfKVdjc715KY/uRHyn3M9gV6dFMxN11wL6WlSMBDn7bxeYdAL10K13uU5QKi/NaU3qfPm3ccBo5NlDkBRM8vlNdBy5RqAQ66b1bSZ47j2Odyz15vs+mViAAAAAElFTkSuQmCC) no-repeat center;width:138px;height:31px;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;z-index:2;font-size:15px;position:absolute;top:-16px;left:50%;transform:translateX(-50%)}.setsuyuan .page-content{width:calc(100% - 400px) !important}.setsuyuan .vrcode-selimage{margin-top:30px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div{width:200px;height:160px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:178px;height:138px}.setsuyuan .setsuyuan-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9999;margin:0px 0 30px}.setsuyuan .vrcode-input{width:100%;margin-right:0}.setsuyuan .vrcode-input input{width:100%;max-width:800px}.setsuyuan .setsuyuan-input{display:flex;margin-bottom:15px}.setsuyuan .setsuyuan-input .setsuyuan-input-name{width:120px;padding-right:20px;text-align:right;line-height:40px;white-space:nowrap}.setsuyuan .setsuyuan-input .el-color-picker__trigger{background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5)}.setsuyuan .save-btn{width:100px;height:40px;background:#19ABFF;border-radius:3px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-top:20px;cursor:pointer}.setsuyuan .setsuyuan-input-select{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;margin-right:20px}.setsuyuan .setsuyuan-input-select .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.setsuyuan .setsuyuan-input-select .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-button span{color:#606266}
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index ebcddcb..5802535 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -32,21 +32,59 @@
     }
 
 }
+
+.mobile-scroll {
+    overflow-y: auto;
+
+    &::-webkit-scrollbar {
+        /*滚动条整体*/
+        width: 0px;
+        cursor: pointer;
+
+    }
+
+    &::-webkit-scrollbar-track {
+        /*滚动条轨道*/
+
+
+        background: rgba(0, 0, 0, 0.1);
+    }
+
+    &::-webkit-scrollbar-thumb {
+        /*滚动条里面的滑块*/
+        width: 0px;
+        cursor: pointer;
+        background: #ccc;
+        border: 0px solid rgba(0, 0, 0, 0.1);
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+        /*滚动条鼠标事件，鼠标放上去出现的事件*/
+    }
+
+    &::-webkit-scrollbar-corner {
+        /*滚动条边角*/
+    }
+
+}
+
 .el-popconfirm__main,
 .el-date-table td span,
 .el-date-range-picker__header div {
-    color: #606266!important;
+    color: #606266 !important;
 }
 
 .el-date-table td.end-date div span,
 .el-date-table td.start-date div span {
     color: #fff !important;
 }
-.el-button--text{
-   span{
-    color:#409EFF!important;
-   }
+
+.el-button--text {
+    span {
+        color: #409EFF !important;
+    }
 }
+
 .el-dropdown-menu {
     max-height: 300px;
     @extend .scroll;
@@ -245,7 +283,8 @@
         font-weight: 400;
         color: #00FFBA;
     }
-    .title-text{
+
+    .title-text {
         font-size: 16px;
         margin-left: 15px;
     }
@@ -522,15 +561,19 @@
         }
     }
 }
-.margin-none{
-    margin: 0!important;
+
+.margin-none {
+    margin: 0 !important;
 }
-.padding-none{
-    padding: 0!important;
+
+.padding-none {
+    padding: 0 !important;
 }
-.border-right{
+
+.border-right {
     border-right: 1px solid rgba(2, 148, 226, 0.5);
 }
+
 .input-main {
     span {
         padding: 0 10px;
@@ -799,13 +842,15 @@
         }
     }
 }
-.title-tips{
+
+.title-tips {
     font-size: 16px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-color: #8BEAFF;
-margin-top: 20px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #8BEAFF;
+    margin-top: 20px;
 }
+
 .flex-view {
     display: flex;
     align-items: center;
@@ -1956,13 +2001,16 @@ margin-top: 20px;
                     align-items: center;
                     justify-content: center;
                     flex-direction: column;
-                    &.status-add{
+
+                    &.status-add {
                         cursor: pointer;
-                        >img{
+
+                        >img {
                             width: 40px;
                             height: 40px;
                         }
                     }
+
                     >img {
                         width: 40px;
                         height: 35px;
@@ -2061,13 +2109,15 @@ margin-top: 20px;
         }
     }
 }
-.wufang{
-    .flex-sel{
+
+.wufang {
+    .flex-sel {
         display: flex;
         align-items: center;
         padding-right: 10px;
         margin-right: 10px;
     }
+
     .no-sel {
         width: 35px;
         height: 35px;
@@ -2077,7 +2127,7 @@ margin-top: 20px;
         cursor: pointer;
         margin-right: 9px;
     }
-    
+
     .sel {
         width: 35px;
         height: 35px;
@@ -2087,6 +2137,7 @@ margin-top: 20px;
         cursor: pointer;
     }
 }
+
 .dataAnalysis {
     .page-content {
         .search-flex {
@@ -2300,12 +2351,13 @@ margin-top: 20px;
 }
 
 .skylight {
-    .flex-sel{
+    .flex-sel {
         display: flex;
         align-items: center;
         padding-right: 10px;
         margin-right: 10px;
     }
+
     .no-sel {
         width: 35px;
         height: 35px;
@@ -2315,7 +2367,7 @@ margin-top: 20px;
         cursor: pointer;
         margin-right: 9px;
     }
-    
+
     .sel {
         width: 35px;
         height: 35px;
@@ -2324,6 +2376,7 @@ margin-top: 20px;
         background-size: 100% 100%;
         cursor: pointer;
     }
+
     .input-sel {
         margin-right: 20px;
 
@@ -2335,9 +2388,11 @@ margin-top: 20px;
     .flex-view {
         border: none;
     }
-    .border-bottom{
+
+    .border-bottom {
         border-bottom: 1px solid rgba(2, 148, 226, 0.5);
     }
+
     .input-main {
 
         >input {
@@ -2466,52 +2521,64 @@ margin-top: 20px;
         }
     }
 }
+
 //二维码部分css
-.flex-end{
+.flex-end {
     display: flex;
     justify-content: flex-end;
     align-items: center;
-    
+
 }
-.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{
+
+.vrcode .el-menu,
+.el-submenu__title:hover,
+.el-menu-item:hover,
+.el-menu-item:focus {
     background: transparent;
 }
-.vrcode{
-    .el-menu{
-      border-right: none; 
+
+.vrcode {
+    .el-menu {
+        border-right: none;
     }
-    .el-submenu__icon-arrow{
+
+    .el-submenu__icon-arrow {
         font-size: 16px;
         color: #fff;
     }
-    .el-submenu .el-menu-item{
-        display: flex;
-    align-items: center;
-    padding-left: 31px;
-    position: relative;
-    font-size: 14px;
-    font-family: Microsoft YaHei;
-    font-weight: 400;
-    color: #A8B6C8;
-    width: 200px;
-    height: 40px;
-    cursor: pointer;
-    margin: 0 auto;
-    &::before{
-        content: " ";
-    width: 4px;
-    height: 4px;
-    background: #A8B6C8;
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    left: 10px;
-    }
-    }
-     .el-submenu__title,.el-menu-item{
+
+    .el-submenu .el-menu-item {
         display: flex;
         align-items: center;
-        .img{
+        padding-left: 31px;
+        position: relative;
+        font-size: 14px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #A8B6C8;
+        width: 200px;
+        height: 40px;
+        cursor: pointer;
+        margin: 0 auto;
+
+        &::before {
+            content: " ";
+            width: 4px;
+            height: 4px;
+            background: #A8B6C8;
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            left: 10px;
+        }
+    }
+
+    .el-submenu__title,
+    .el-menu-item {
+        display: flex;
+        align-items: center;
+
+        .img {
             width: 16px;
             height: 16px;
             display: flex;
@@ -2520,128 +2587,147 @@ margin-top: 20px;
             margin-right: 15px;
         }
     }
-    .el-submenu .el-menu-item.is-active{
+
+    .el-submenu .el-menu-item.is-active {
         background: rgba(255, 255, 255, 0.1);
         border: 1px solid rgba(255, 255, 255, 0.3);
         color: #fff;
     }
 }
 
-.vrcode-textarea{
+.vrcode-textarea {
     width: 100%;
     margin-bottom: 15px;
-    .title{
+
+    .title {
         font-size: 16px;
-font-family: Microsoft YaHei;
-margin-bottom:7px;
+        font-family: Microsoft YaHei;
+        margin-bottom: 7px;
     }
-    textarea{
+
+    textarea {
         width: 680px;
-height: 160px;
-background: rgba(90,210,255,0.25);
-border: 2px solid rgba(86,209,255,0.5);
-padding: 15px;
-color: #fff;
-&::placeholder{
-    
-color: #92B1D0;
-}
+        height: 160px;
+        background: rgba(90, 210, 255, 0.25);
+        border: 2px solid rgba(86, 209, 255, 0.5);
+        padding: 15px;
+        color: #fff;
+
+        &::placeholder {
+
+            color: #92B1D0;
+        }
     }
 }
-.vrcode-table{
-    .vrcode-btn{
+
+.vrcode-table {
+    .vrcode-btn {
         margin-bottom: 20px;
     }
-    .vrcode-table-view{
+
+    .vrcode-table-view {
         &.table-view {
             background: transparent;
-            margin-top:10px;
-            .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
+            margin-top: 10px;
+
+            .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
                 border: none;
                 background-color: transparent;
             }
+
             .cell {
                 text-align: center;
-          
+
             }
-            :empty::before{
-                content:'--';
-                color:#fff;
+
+            :empty::before {
+                content: '--';
+                color: #fff;
             }
+
             .el-table .warning-row {
                 background: rgba(0, 180, 255, 0.2);
             }
-    
+
             .el-table .success-row {
                 background: rgba(0, 47, 94, 0.35);
-    
+
             }
-            .el-table .el-table__cell,.el-table__row{
+
+            .el-table .el-table__cell,
+            .el-table__row {
                 height: 60px;
             }
+
             .el-table::before,
             .el-table--border::after {
                 height: 0;
             }
-    
+
             .el-table,
             .el-table tr,
             .el-table td.el-table__cell {
                 border: none;
                 background: transparent;
             }
-    
+
             .el-table th.el-table__cell.is-leaf {
                 border: none;
                 background: rgba(0, 180, 255, 0.2);
-    
+
                 .cell {
                     font-size: 14px;
                     font-family: Microsoft YaHei;
                     font-weight: bold;
                     color: #FFFFFF;
-              
+
                 }
             }
-    
-            .vrcode-table-btn{
+
+            .vrcode-table-btn {
                 display: flex;
                 align-items: center;
                 justify-content: center
             }
-            .table-flex{
+
+            .table-flex {
                 width: 100%;
                 height: 100%;
                 display: flex;
                 align-items: center;
                 justify-content: center;
             }
-            .el-table__body-wrapper{
+
+            .el-table__body-wrapper {
                 @extend .scroll;
             }
-            .el-table__cell.gutter{
+
+            .el-table__cell.gutter {
                 display: none;
             }
-            .isOpen{
+
+            .isOpen {
                 width: 80px;
-height: 30px;
-display: flex;
-align-items: center;
-justify-content: center;
-border-radius: 15px;
-font-size: 14px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-&.open-green{
-    background: rgba(0,255,186,0.1);
-    color: #00FFBA;
-border: 1px solid rgba(0,255,186,0.4);
-}
-&.open-red{
-    background: rgba(245,108,108,0.6);
-border: 1px solid #F56C6C;
-color: #FFFFFF;
-}
+                height: 30px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                border-radius: 15px;
+                font-size: 14px;
+                font-family: Microsoft YaHei;
+                font-weight: 400;
+
+                &.open-green {
+                    background: rgba(0, 255, 186, 0.1);
+                    color: #00FFBA;
+                    border: 1px solid rgba(0, 255, 186, 0.4);
+                }
+
+                &.open-red {
+                    background: rgba(245, 108, 108, 0.6);
+                    border: 1px solid #F56C6C;
+                    color: #FFFFFF;
+                }
             }
         }
     }
@@ -2658,7 +2744,7 @@ color: #FFFFFF;
     font-family: Microsoft YaHei;
     font-weight: 400;
     cursor: pointer;
-    margin: 7.5px  10px 7.5px 0!important;
+    margin: 7.5px 10px 7.5px 0 !important;
 
     >img {
         margin-right: 5px;
@@ -2722,6 +2808,7 @@ color: #FFFFFF;
         font-family: Microsoft YaHei;
         position: relative;
         font-weight: bold;
+        text-align: left;
 
         &::after {
             content: ' ';
@@ -2736,35 +2823,7 @@ color: #FFFFFF;
         }
     }
 
-    .vrcode-input {
-        width: 300px;
-        margin-right: 30px;
-        margin-bottom: 15px;
 
-        .input-title {
-            font-size: 16px;
-            font-family: Microsoft YaHei;
-            font-weight: 400;
-            color: #FFFFFF;
-            margin-bottom: 7px;
-        }
-
-        input {
-            width: 300px;
-            height: 44px;
-            background: rgba(90, 210, 255, 0.25);
-            border: 2px solid rgba(86, 209, 255, 0.5);
-            font-size: 16px;
-            padding-left: 15px;
-            font-family: Microsoft YaHei;
-            font-weight: 400;
-            color: #FFFFFF;
-
-            &::placeholder {
-                color: #92B1D0;
-            }
-        }
-    }
 
     .vrcode-input-sel {
         margin-right: 30px;
@@ -2873,11 +2932,13 @@ color: #FFFFFF;
             }
         }
     }
-    .vrcode-radio{
+
+    .vrcode-radio {
         width: 100%;
         display: flex;
         align-items: center;
         margin-bottom: 15px;
+
         .no-sel {
             width: 35px;
             height: 35px;
@@ -2886,7 +2947,7 @@ color: #FFFFFF;
             border-radius: 50%;
             cursor: pointer;
         }
-        
+
         .sel {
             width: 35px;
             height: 35px;
@@ -2894,81 +2955,17 @@ color: #FFFFFF;
             background-size: 100% 100%;
             cursor: pointer;
         }
-        >div{
+
+        >div {
             margin-right: 30px;
             display: flex;
             align-items: center;
-            span{
+
+            span {
                 margin-left: 8px;
             }
         }
     }
-    .vrcode-selimage {
-        width: 100%;
-
-        >.title {
-            margin-bottom: 7px;
-        }
-        
-        .sel-image-view {
-            display: flex;
-            align-items: center;
-            flex-wrap: wrap;
-            #sel-img{
-                display: none;
-            }
-            .sel-div {
-                width: 130px;
-                height: 130px;
-                margin-right: 30px;
-                background: rgba(86, 209, 255, 0.25);
-                border: 1px dashed #56D1FF;
-                cursor: pointer;
-                margin-bottom: 15px;
-                flex-shrink: 0;
-                &.sel-img{
-                    position: relative;
-                    padding: 10px;
-                    &:hover{
-                        .del-img{
-                            display: flex;
-                        }
-                    }
-                    .el-image{
-                        width: 100%;
-                        height: 100%;
-                    }
-                    .del-img{
-                    
-                        width: 110px;
-                        height: 110px;
-                        background: rgba(0,0,0,0.3);
-                        display: none;
-                        align-items: center;
-                        justify-content: center;
-                        position: absolute;
-                        top: 10px;
-                        left:  10px;
-                        img{
-                            width: 44px;
-                            height: 44px;
-                        }
-                    }
-                }
-                &.sel-image-sel {
-                 
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-
-                    >img {
-                        width: 30px;
-                        height: 30px;
-                    }
-                }
-            }
-        }
-    }
 
     .vrcode-title {
         width: 100%;
@@ -3027,6 +3024,111 @@ color: #FFFFFF;
 
 }
 
+.vrcode-input {
+    width: 300px;
+    margin-right: 30px;
+    margin-bottom: 15px;
+
+    .input-title {
+        font-size: 16px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #FFFFFF;
+        margin-bottom: 7px;
+    }
+
+    input {
+        width: 300px;
+        height: 44px;
+        background: rgba(90, 210, 255, 0.25);
+        border: 2px solid rgba(86, 209, 255, 0.5);
+        font-size: 16px;
+        padding-left: 15px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #FFFFFF;
+
+        &::placeholder {
+            color: #92B1D0;
+        }
+    }
+}
+
+.vrcode-selimage {
+    width: 100%;
+
+    >.title {
+        margin-bottom: 7px;
+    }
+
+    .sel-image-view {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+
+        #sel-img {
+            display: none;
+        }
+
+        .sel-div {
+            width: 130px;
+            height: 130px;
+            margin-right: 30px;
+            background: rgba(86, 209, 255, 0.25);
+            border: 1px dashed #56D1FF;
+            cursor: pointer;
+            margin-bottom: 15px;
+            flex-shrink: 0;
+
+            &.sel-img {
+                position: relative;
+                padding: 10px;
+
+                &:hover {
+                    .del-img {
+                        display: flex;
+                    }
+                }
+
+                .el-image {
+                    width: 100%;
+                    height: 100%;
+                }
+
+                .del-img {
+
+                    width: 110px;
+                    height: 110px;
+                    background: rgba(0, 0, 0, 0.3);
+                    display: none;
+                    align-items: center;
+                    justify-content: center;
+                    position: absolute;
+                    top: 10px;
+                    left: 10px;
+
+                    img {
+                        width: 44px;
+                        height: 44px;
+                    }
+                }
+            }
+
+            &.sel-image-sel {
+
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                >img {
+                    width: 30px;
+                    height: 30px;
+                }
+            }
+        }
+    }
+}
+
 .dialog-footer {
     display: flex;
     align-items: center;
@@ -3078,61 +3180,114 @@ color: #FFFFFF;
         }
     }
 }
-.productTraceability{
+
+.productTraceability {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     width: 100%;
     height: 100%;
-    .productTraceability-title{
-        width:100%;
+
+    .productTraceability-title {
+        width: 100%;
         max-width: 1182px;
         height: 110px;
-        background: url(../img/vrcode-title1.png) no-repeat ;
+        background: url(../img/vrcode-title1.png) no-repeat;
         background-size: 1182px 110px;
         background-position: center center;
         display: flex;
         align-items: center;
         justify-content: center;
-       >span{
-        padding: 0 20px;
-        font-size: 60px;
-        font-family: Alimama ShuHeiTi;
-        font-weight: bold;
-        font-style: italic;
-        color: #DDF1FF;
-        
-        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(125,171,255,1) 76.7333984375%, rgba(243,247,255,1) 88.0859375%, rgba(243,247,255,1) 92.626953125%, rgba(210,226,255,1) 100%);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-       }
-    }
-} 
 
-.model-title{
+        >span {
+            padding: 0 20px;
+            font-size: 60px;
+            font-family: Alimama ShuHeiTi;
+            font-weight: bold;
+            font-style: italic;
+            color: #DDF1FF;
+
+            background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(125, 171, 255, 1) 76.7333984375%, rgba(243, 247, 255, 1) 88.0859375%, rgba(243, 247, 255, 1) 92.626953125%, rgba(210, 226, 255, 1) 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+    }
+
+    .productTraceability-content {
+        margin-top: 135px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        >div {
+            margin: 0 45px;
+            cursor: pointer;
+        }
+
+        .content-1 {
+            width: 200px;
+            height: 316px;
+            background: url(../img/productTraceability-1.png) no-repeat center;
+            background-size: 100% 100%;
+
+            &:hover {
+                background: url(../img/productTraceability-1hover.png) no-repeat center;
+                background-size: 100% 100%;
+            }
+        }
+
+        .content-2 {
+            width: 240px;
+            height: 316px;
+            background: url(../img/productTraceability-2.png) no-repeat center;
+            background-size: 100% 100%;
+
+            &:hover {
+                background: url(../img/productTraceability-2hover.png) no-repeat center;
+                background-size: 100% 100%;
+            }
+        }
+
+        .content-3 {
+            width: 200px;
+            height: 316px;
+            background: url(../img/productTraceability-3.png) no-repeat center;
+            background-size: 100% 100%;
+
+            &:hover {
+                background: url(../img/productTraceability-3hover.png) no-repeat center;
+                background-size: 100% 100%;
+            }
+        }
+    }
+}
+
+.model-title {
     width: 100%;
     text-align: center;
     font-size: 20px;
     font-weight: bold;
     padding: 15px 0;
 }
-.model-sel{
+
+.model-sel {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
-    min-height:200px ;
+    min-height: 200px;
     max-height: 700px;
     overflow: auto;
     padding: 0 30px;
-    >div{
+
+    >div {
         width: 33%;
         white-space: nowrap;
         flex-shrink: 0;
         display: flex;
         align-items: center;
     }
-    
+
     .no-sel {
         margin-right: 10px;
         width: 35px;
@@ -3151,4 +3306,196 @@ color: #FFFFFF;
         background-size: 100% 100%;
         cursor: pointer;
     }
+}
+
+.setsuyuan {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .setsuyuan-page {
+        width: 375px;
+        height: 736px;
+        background: url(../img/setsuyuan-page.png) no-repeat center;
+        background-size: 100% 100%;
+        padding: 22px 23px 21px 24px;
+
+        .mobile-page {
+            width: 100%;
+            border-radius: 30px;
+            height: 100%;
+            overflow: auto;
+            >div{
+                min-height: 100%;
+            }
+            .mobile-img {
+                width: 100%;
+                height: auto;
+            }
+
+            .mobile-top {
+                width: 100%;
+                height: 240px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-direction: column;
+                background-size: 100% 100% !important;
+
+                >div {
+                    font-family: Microsoft Yahei;
+                    font-size: 30px;
+                    white-space: nowrap;
+                }
+            }
+
+            .mobile-content {
+                width: 100%;
+                min-height:453px;
+                text-align: center;
+                padding: 35px 10px 20px;
+            }
+
+            .mobile-view {
+                position: relative;
+    margin-bottom: 30px;
+                .mobile-view-content {
+                    width: 100%;
+                    box-sizing: border-box;
+                    background: #fff;
+                    border-radius: 8px;
+                    padding: 20px 10px 10px 10px;
+                    position: relative;
+                }
+                .mobile-text{
+                font-size: 14px;
+                text-align: left;
+                color: #000;
+                }
+            }
+
+            .mobile-content-title {
+                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAfCAYAAAA4LFWUAAACiElEQVR4Xu2bvU8UURTFz51Ag6wFauOfIWurnUtoiI2JEEuFkIBKokRpaDYIFmiIBpeSBI2VdkAHLR9/Bo26haPbwL5LZmZn3I+ZjUvyHnOTO+XOzrvnnfvLm5PdXEK3a3t+jLz+52C+DWCg63f1plQHaiA6YHO6ipHl71mboKwb3u6rZWbvpdTdq+7eHSAyK+be0nzak+mgbC+MEeFb76X0CekOcN3cx+hSR+9TQaGdhT0Ad6RvWvVfyIF9LpXvtj/ZCcrms1t0Y+AIlPlWulB1fUiIA8zgH7VhPHp33Ky4gwZva2adr12dFLItlWnBAfr1+5MZX5vKBuXr9CCd9p3geqFgob4uKcWBn77P/Wc38eDjn1hy64nyeeYxgSoYUk6k9NSKzqoPBj/Bw7WNVFBo6+kBiIsKihX75Sxa9QGmQx5/H/x+Fl7/TpQgxPaZo/BTPVHkNNWG0gAUAHzmJaE2ASUMsURRiFVQbNgvZ80GKMSchNoIlDjEeojCiYIip6k2lDZAgUESaiNQ4hAbF1VQbNgvZ80YlOD1Y+qTmPhQCUFJQqyCIqeZNpU2gRKHWkJziFVQbNovZ+1mUMJTBUVqCbEKipxm2lTaBkoQaglfZuc8boTYRnEeKiza1KFr59sBqvot/TcEP+vfY873VlSdTQe4VO7gQkGx6bjQtRUUoY1zLVtBce240HoKitDGuZatoLh2XGg9BUVo41zLVlBcOy60noIitHGuZfcCyl+dDHTdntzUq3GpfKVdjc715KY/uRHyn3M9gV6dFMxN11wL6WlSMBDn7bxeYdAL10K13uU5QKi/NaU3qfPm3ccBo5NlDkBRM8vlNdBy5RqAQ66b1bSZ47j2Odyz15vs+mViAAAAAElFTkSuQmCC)no-repeat center;
+                width: 138px;
+                height: 31px;
+                background-size: 100% 100%;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                font-weight: 700;
+                color: #fff;
+                z-index: 2;
+                font-size: 15px;
+                position: absolute;
+                top: -16px;
+                left: 50%;
+                transform: translateX(-50%);
+            }
+        }
+    }
+
+    .page-content {
+        width: calc(100% - 400px) !important;
+    }
+
+    .vrcode-selimage {
+        margin-top: 30px;
+
+        .sel-image-view .sel-div {
+            width: 200px;
+            height: 160px;
+        }
+
+        .sel-image-view .sel-div.sel-img .del-img {
+            width: 178px;
+            height: 138px;
+        }
+    }
+
+    .setsuyuan-tips {
+        font-size: 16px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #FF9999;
+        margin: 0px 0 30px;
+    }
+
+    .vrcode-input {
+        width: 100%;
+        margin-right: 0;
+
+        input {
+            width: 100%;
+            max-width: 800px;
+        }
+    }
+
+    .setsuyuan-input {
+        display: flex;
+        margin-bottom: 15px;
+
+        .setsuyuan-input-name {
+            width: 120px;
+            padding-right: 20px;
+            text-align: right;
+            line-height: 40px;
+            white-space: nowrap;
+        }
+
+        .el-color-picker__trigger {
+            background: rgba(90, 210, 255, 0.25);
+            border: 2px solid rgba(86, 209, 255, 0.5);
+        }
+
+    }
+
+    .save-btn {
+        width: 100px;
+        height: 40px;
+        background: #19ABFF;
+        border-radius: 3px;
+        font-size: 16px;
+        font-family: Microsoft YaHei;
+        font-weight: bold;
+        color: #FFFFFF;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-top: 20px;
+        cursor: pointer;
+    }
+
+    .setsuyuan-input-select {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        flex-shrink: 0;
+        white-space: nowrap;
+        max-height: 50px;
+        margin-right: 20px;
+
+        .no-sel {
+            margin-right: 10px;
+            width: 35px;
+            height: 35px;
+            box-shadow: 0 0 15px rgba(53, 187, 247, 0.50) inset;
+            border: 1px solid rgba(0, 204, 255, 0.70);
+            border-radius: 50%;
+        }
+
+        .sel {
+            margin-right: 10px;
+            width: 35px;
+            height: 35px;
+            background: url(../image/radio.png) no-repeat center;
+            background-size: 100% 100%;
+        }
+    }
+}
+
+.el-button span {
+
+    color: #606266;
 }
\ No newline at end of file
diff --git a/src/assets/img/01(1).png b/src/assets/img/01(1).png
deleted file mode 100644
index 032c4b1..0000000
Binary files a/src/assets/img/01(1).png and /dev/null differ
diff --git a/src/assets/img/03(1).png b/src/assets/img/03(1).png
deleted file mode 100644
index e7624c8..0000000
Binary files a/src/assets/img/03(1).png and /dev/null differ
diff --git a/src/assets/img/image.jpeg b/src/assets/img/image.jpeg
new file mode 100644
index 0000000..7a55586
Binary files /dev/null and b/src/assets/img/image.jpeg differ
diff --git a/src/assets/img/01.png b/src/assets/img/productTraceability-1.png
similarity index 100%
rename from src/assets/img/01.png
rename to src/assets/img/productTraceability-1.png
diff --git a/src/assets/img/productTraceability-1hover.png b/src/assets/img/productTraceability-1hover.png
new file mode 100644
index 0000000..92383a4
Binary files /dev/null and b/src/assets/img/productTraceability-1hover.png differ
diff --git a/src/assets/img/productTraceability.png b/src/assets/img/productTraceability-2.png
similarity index 100%
rename from src/assets/img/productTraceability.png
rename to src/assets/img/productTraceability-2.png
diff --git a/src/assets/img/productTraceability-2hover.png b/src/assets/img/productTraceability-2hover.png
new file mode 100644
index 0000000..daf7639
Binary files /dev/null and b/src/assets/img/productTraceability-2hover.png differ
diff --git a/src/assets/img/03.png b/src/assets/img/productTraceability-3.png
similarity index 100%
rename from src/assets/img/03.png
rename to src/assets/img/productTraceability-3.png
diff --git a/src/assets/img/productTraceability-3hover.png b/src/assets/img/productTraceability-3hover.png
new file mode 100644
index 0000000..1755bf3
Binary files /dev/null and b/src/assets/img/productTraceability-3hover.png differ
diff --git a/src/assets/img/productTraceability-hover.png b/src/assets/img/productTraceability-hover.png
deleted file mode 100644
index d84ad89..0000000
Binary files a/src/assets/img/productTraceability-hover.png and /dev/null differ
diff --git a/src/assets/img/setsuyuan-page.png b/src/assets/img/setsuyuan-page.png
new file mode 100644
index 0000000..8209bc8
Binary files /dev/null and b/src/assets/img/setsuyuan-page.png differ
diff --git a/src/assets/img/setsuyuan.png b/src/assets/img/setsuyuan.png
new file mode 100644
index 0000000..73cf141
Binary files /dev/null and b/src/assets/img/setsuyuan.png differ
diff --git a/src/router/index.js b/src/router/index.js
index c0660cf..2b475ba 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -165,6 +165,11 @@ const routes = [
       path: '/productTraceability',
       name: 'productTraceability',
       component: () => import('../views/vrcode/productTraceability.vue')
+    },
+    {
+      path: '/setsuyuan',
+      name: 'setsuyuan',
+      component: () => import('../views/vrcode/setsuyuan.vue')
     }]
   },
 ]
diff --git a/src/views/index.vue b/src/views/index.vue
index 1b2eb3d..0f81960 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -72,6 +72,7 @@ export default {
                 { name: '设备菜单', router: '', routerList: [], img: require('../assets/image/header-img5.png') },
                 //systemManage systemManage
                 { name: '管理', router: '', routerList: [''], img: require('../assets/image/header-img6.png') },
+                { name: '生成二维码', router: 'setsuyuan', index: 1, routerList: ['setsuyuan'], img: require('../assets/image/header-img4.png') },
                 { name: '大数据', router: 'largeScreen', routerList: ['largeScreen'], img: require('../assets/image/header-img8.png') }
             ],
                 
diff --git a/src/views/page/largeScreen1.vue b/src/views/page/largeScreen1.vue
index edd28f3..6b18094 100644
--- a/src/views/page/largeScreen1.vue
+++ b/src/views/page/largeScreen1.vue
@@ -119,7 +119,7 @@
                     <div class="p_video">
                       <img :src="item.greenhouseImage" alt="" />
                     </div>
-                    <div class="text">温室{{ item.greenhouseName }}#</div>
+                    <div class="text">{{ item.greenhouseName }}</div>
                     <div class="line"></div>
                     <div class="detail">
                       <div class="d_item">
@@ -175,7 +175,7 @@
                     <div class="p_video">
                       <img :src="item.greenhouseImage" alt="" />
                     </div>
-                    <div class="text">温室{{ item.greenhouseName }}#</div>
+                    <div class="text">{{ item.greenhouseName }}</div>
                     <div class="line"></div>
                     <div class="detail">
                       <div class="d_item">
@@ -699,7 +699,7 @@ export default {
     getTopOrLeft1(id) {
       for(let i = 0; i < 26;i++){
         if(id == (i + 1)){
-          return `top:34%;left:${(74 - i * 3) < 15 ? 15 : (74 - i * 3)}%;transform: translate(-50%,-50%);`;
+          return `top:40%;left:${(74 - i * 3) < 15 ? 15 : (74 - i * 3)}%;transform: translate(-50%,-50%);`;
         }
       }
       // if (id == 1) {
@@ -792,11 +792,12 @@ export default {
 
       // })
       let userInfo = JSON.parse(localStorage.getItem("userInfo"));
-      this.dataInit(userInfo.userid);
 
       // 获取用户id权限
       this.get_user_getjurisdiction(userInfo.userid)
 
+      this.dataInit(userInfo.userid);
+
       let that = this;
       this.autoPlay = JSON.parse(localStorage.getItem("autoPlay"));
       if (this.autoPlay == false) {
@@ -1244,8 +1245,8 @@ export default {
             }
 
             .pop_content1 {
-              width: 2.5rem;
-              height: 3rem;
+              width: 3.5rem;
+              height: 4.55rem;
               background: url("../../assets/img/pop_bg.png") center no-repeat;
               background-size: 100% 100%;
               overflow: hidden;
@@ -1264,7 +1265,7 @@ export default {
 
               .p_video {
                 width: 90%;
-                height: 1.2rem;
+                height: 1.82rem;
                 margin: 0.1rem auto 0;
 
                 >img {
@@ -1275,18 +1276,18 @@ export default {
 
               .text {
                 width: 100%;
-                height: 0.3rem;
-                font-size: 0.15rem;
+                height: 0.4rem;
+                font-size: 0.2rem;
                 font-family: AlimamaShuHeiTi-Bold;
                 font-weight: bold;
                 color: #f3fdff;
-                line-height: 0.3rem;
+                line-height: 0.4rem;
                 box-sizing: border-box;
-                padding-left: 0.15rem;
+                padding-left: 0.2rem;
               }
 
               .line {
-                width: 2.2rem;
+                width: 90%;
                 height: 0.01rem;
                 background: #51d4fa;
                 opacity: 0.5;
@@ -1295,31 +1296,31 @@ export default {
 
               .detail {
                 width: 100%;
-                height: 0.3rem;
+                height: 0.45rem;
                 display: flex;
                 align-items: center;
                 justify-content: space-evenly;
                 padding: 0 0.15rem;
 
                 .d_item {
-                  height: 0.2rem;
+                  height: 0.3rem;
                   background: rgba(81, 212, 250, 0.15);
                   border: 0.01rem solid rgba(106, 222, 255, 0.4);
                   border-radius: 0.02rem;
                   display: flex;
                   justify-content: center;
-                  align-items: center;
+                  // align-items: center;
                   box-sizing: border-box;
-                  padding: 0 0.05rem;
+                  padding: 0.05rem 0.05rem;
 
                   >img {
-                    width: 0.1rem;
-                    height: 0.1rem;
+                    width: 0.2rem;
+                    height: 0.2rem;
                     margin-right: 0.05rem;
                   }
 
                   >span {
-                    font-size: 0.12rem;
+                    font-size: 0.13rem;
                     font-family: MicrosoftYaHei;
                     font-weight: 400;
                     color: #d9effd;
@@ -1329,7 +1330,7 @@ export default {
 
               .grow {
                 width: 2.5rem;
-                height: 0.2rem;
+                height: 0.3rem;
                 background: url("../../assets/img/grow_bg.png") center no-repeat;
                 background-size: 100% 100%;
                 margin: 0 auto;
@@ -1338,20 +1339,20 @@ export default {
                 align-items: center;
 
                 >img {
-                  width: 0.15rem;
-                  height: 0.15rem;
+                  width: 0.18rem;
+                  height: 0.18rem;
                   margin-right: 0.05rem;
                 }
 
                 >span:nth-child(2) {
-                  font-size: 0.12rem;
+                  font-size: 0.13rem;
                   font-family: MicrosoftYaHei;
                   font-weight: 400;
                   color: #ffffff;
                 }
 
                 >span:nth-child(3) {
-                  font-size: 0.12rem;
+                  font-size: 0.13rem;
                   font-family: MicrosoftYaHei;
                   font-weight: 400;
                   color: #36ffd2;
@@ -1359,8 +1360,8 @@ export default {
               }
 
               .icon_item {
-                width: 95%;
-                height: calc(100% - 2.22rem);
+                width: 100%;
+                height: calc(100% - 3.22rem);
                 box-sizing: border-box;
                 padding: 0.1rem 0.15rem;
                 display: flex;
@@ -1369,14 +1370,14 @@ export default {
                 overflow: auto;
 
                 .icon_item_child {
-                  width: 50%;
-                  height: 45%;
+                  width: 33.33%;
+                  height: 33.33%;
                   display: flex;
                   margin-bottom: 0.05rem;
 
                   > img {
-                    width: 0.28rem;
-                    height: 0.28rem;
+                    width: 0.4rem;
+                    height: 0.4rem;
                     margin-right: 0.05rem;
                   }
 
@@ -1385,14 +1386,14 @@ export default {
                     flex-direction: column;
 
                     > span:nth-child(1) {
-                      font-size: 0.1rem;
+                      font-size: 0.12rem;
                       font-family: MicrosoftYaHei;
                       font-weight: bold;
                       color: #86d9ff;
                     }
 
                     > span:nth-child(2) {
-                      font-size: 0.11rem;
+                      font-size: 0.15rem;
                       font-family: AlibabaPuHuiTiB;
                       font-weight: bold;
                       color: #ffffff;
diff --git a/src/views/vrcode.vue b/src/views/vrcode.vue
index 0ffc7a9..be69d1b 100644
--- a/src/views/vrcode.vue
+++ b/src/views/vrcode.vue
@@ -19,25 +19,25 @@
         <div class="index-content">
             <div class="left collapse scroll">
                 <el-menu :default-active="routerNow" class="el-menu-vertical-demo" @open="clickmenu" @close="clickmenu">
-                    <template v-for="item, index in leftList" >
+                    <template v-for="item, index in leftList">
                         <el-submenu @click="toRouter1(item)" :index="item.router" v-if="item.list.length">
                             <template slot="title">
                                 <div class="img"><img :src="item.img" alt=""></div>
                                 <span>{{ item.name }}</span>
                             </template>
                             <el-menu-item-group>
-                                <el-menu-item :disabled="item1.router?false:true" @click="toRouter1(item1)" :index="item1.router"
-                                    v-for="item1, index1 in item.list">{{ item1.name }}</el-menu-item>
+                                <el-menu-item :disabled="item1.router ? false : true" @click="toRouter1(item1)"
+                                    :index="item1.router" v-for="item1, index1 in item.list">{{ item1.name }}</el-menu-item>
                             </el-menu-item-group>
                         </el-submenu>
-                        <el-menu-item @click="toRouter1(item)"  :index="item.router" v-else>
+                        <el-menu-item @click="toRouter1(item)" :index="item.router" v-else>
                             <div class="img"><img :src="item.img" alt=""></div>
                             <span>{{ item.name }}</span>
                         </el-menu-item>
                     </template>
 
                 </el-menu>
-      
+
             </div>
             <div class="right right-page">
                 <router-view></router-view>
@@ -55,10 +55,44 @@ export default {
 
             activeNames: [3],
             leftList: [
-                { name: '种植计划', router: 'plantingPlan', img: require('../assets/image/vrcode-icon0.png'), list: [], isRouter: true, },
-                { name: '生产环节',router:'productionProcess', routerList: ['agricultural', 'sprayInsecticide', 'spreadManure', 'pickingRecords'], img: require('../assets/image/vrcode-icon1.png'), list: [{ name: '农事管理', router: 'agricultural' }, { name: '施肥记录', router: 'spreadManure' }, { name: '打药记录', router: 'sprayInsecticide' }, { name: '采摘记录', router: 'pickingRecords' }, { name: '清洁记录',router:'' }, { name: '病虫害管理',router:''  },] },
-                { name: '产品追溯',router:'productTraceability', routerList: [], img: require('../assets/image/vrcode-icon2.png'), list: [{ name: '溯源批次',router:''  }, { name: '配置溯源版面',router:''  }, { name: '各种报告库',router:''  }] },
-                { name: '基础信息设置',router:'setting', routerList: [], img: require('../assets/image/vrcode-icon3.png'), list: [{ name: '作物品种',router:''  }, { name: '种植栽培模式',router:''  }, { name: '农事作业工序',router:''  }, { name: '人员管理',router:''  }, { name: '农场信息管理',router:''  }, { name: '供应商管理',router:''  }, { name: '生产资料管理',router:''  }, { name: '农机工具管理',router:''  }, { name: '作物外观图片库',router:''  },] },],
+                {
+                    name: '种植计划', router: 'plantingPlan',
+                    img: require('../assets/image/vrcode-icon0.png'),
+                    list: [],
+                    isRouter: true,
+                },
+                {
+                    name: '生产环节', router: 'productionProcess',
+                    routerList: ['agricultural', 'sprayInsecticide', 'spreadManure', 'pickingRecords'],
+                    img: require('../assets/image/vrcode-icon1.png'),
+                    list: [{ name: '农事管理', router: '' },//agricultural
+                    { name: '施肥记录', router: '' },//spreadManure
+                    { name: '打药记录', router: '' },//sprayInsecticide
+                    { name: '采摘记录', router: '' },//pickingRecords
+                    { name: '清洁记录', router: '' },
+                    { name: '病虫害管理', router: '' },]
+                },
+                {
+                    name: '产品追溯', router: 'productTraceability',
+                    routerList: ['setsuyuan'],
+                    img: require('../assets/image/vrcode-icon2.png'),
+                    list: [{ name: '溯源批次', router: '' },
+                    { name: '配置溯源版面', router: 'setsuyuan' },
+                    { name: '各种报告库', router: '' }]
+                },
+                {
+                    name: '基础信息设置', router: 'setting', routerList: [],
+                    img: require('../assets/image/vrcode-icon3.png'),
+                    list: [{ name: '作物品种', router: '' },
+                    { name: '种植栽培模式', router: '' },
+                    { name: '农事作业工序', router: '' },
+                    { name: '人员管理', router: '' },
+                    { name: '农场信息管理', router: '' },
+                    { name: '供应商管理', router: '' },
+                    { name: '生产资料管理', router: '' },
+                    { name: '农机工具管理', router: '' },
+                    { name: '作物外观图片库', router: '' },]
+                },],
             routerNow: 'plantingPlan',
             deviceName: 1,
             routerIndex: 1,
@@ -106,8 +140,8 @@ export default {
         this.IDTimer && clearInterval(this.IDTimer)
     },
     methods: {
-        clickmenu(key, keyPath){
-            if(key=='productTraceability'&&key!=this.routerNow){
+        clickmenu(key, keyPath) {
+            if (key == 'productTraceability' && key != this.routerNow) {
                 this.$router.push({ name: key })
             }
         },
diff --git a/src/views/vrcode/productTraceability.vue b/src/views/vrcode/productTraceability.vue
index 6d72751..20eeb1d 100644
--- a/src/views/vrcode/productTraceability.vue
+++ b/src/views/vrcode/productTraceability.vue
@@ -3,6 +3,11 @@
         <div class="productTraceability-title">
             <span>产品追溯</span>
         </div>
+        <div class="productTraceability-content">
+            <div class="content-1" @click="toRouter()"></div>
+            <div class="content-2" @click="toRouter('setsuyuan')"></div>
+            <div class="content-3" @click="toRouter()"></div>
+        </div>
     </div>
 </template>
 <script>
@@ -12,6 +17,11 @@ export default {
     },
     mounted() { },
     methods: {
+        toRouter(router){
+            if(router){
+                this.$router.push({ name: router })
+            }
+        },
     },
 
 }
diff --git a/src/views/vrcode/setsuyuan.vue b/src/views/vrcode/setsuyuan.vue
new file mode 100644
index 0000000..dc8166c
--- /dev/null
+++ b/src/views/vrcode/setsuyuan.vue
@@ -0,0 +1,265 @@
+<template>
+    <div class="setsuyuan" v-loading="loading"   element-loading-text="正在生成二维码"  element-loading-background="rgba(0, 0, 0, 0.5)">
+        <div class="page-content scroll">
+            <div class="table-title">
+                <img src="../../assets/img/setsuyuan.png" alt="" />
+                追溯内容设置
+            </div>
+            <div class="flex-view"></div>
+            <div class="vrcode-selimage">
+                <div class="title">顶部图片</div>
+                <div class="sel-image-view">
+                    <div class="sel-img sel-div" v-for="item, index in imgList" :key="index">
+                        <el-image :src="item"></el-image>
+                        <div class="del-img" @click="delImage(index)">
+                            <img src="../../assets/img/del-image.png" alt="">
+                        </div>
+                    </div>
+                    <label for="sel-img">
+                        <div class="sel-image-sel sel-div" v-if="imgList.length < 1">
+                            <img src="../../assets/img/add-image.png" alt="">
+                        </div>
+                    </label>
+                    <input ref="fileInput" type="file" multiple id="sel-img" accept="image/*" @change="handleImageChange" />
+                </div>
+            </div>
+
+            <div class="setsuyuan-tips">*上传图片大小应小于2M,建议尺寸为388x280</div>
+            <div class="vrcode-input">
+                <div class="input-title">第一行标题</div>
+                <input type="text" placeholder="请输入标题" v-model="title1">
+            </div>
+            <div class="vrcode-input">
+                <div class="input-title">第二行标题</div>
+                <input type="text" placeholder="请输入标题" v-model="title2">
+            </div>
+            <div class="setsuyuan-input">
+                <div class="setsuyuan-input-name">
+                    文字颜色
+                </div>
+                <el-color-picker v-model="color" show-alpha></el-color-picker>
+            </div>
+            <div class="setsuyuan-input">
+                <div class="setsuyuan-input-name">
+                    文字样式
+                </div>
+                <div class="setsuyuan-input-select">
+                    <div @click="select1 = !select1" :class="select1 ? 'sel' : 'no-sel'"></div>
+                    加粗
+                </div>
+                <div class="setsuyuan-input-select">
+                    <div @click="select2 = !select2" :class="select2 ? 'sel' : 'no-sel'"></div>
+                    斜体
+                </div>
+            </div>
+            <div class="setsuyuan-input">
+                <div class="setsuyuan-input-name"></div>
+                <div class="setsuyuan-input-select">
+                    <div @click="select3 = !select3" :class="select3 ? 'sel' : 'no-sel'"></div>
+                    显示阴影
+                </div>
+            </div>
+            <div class="setsuyuan-input">
+                <div class="setsuyuan-input-name">
+                    阴影颜色
+                </div>
+                <el-color-picker v-model="color1" show-alpha></el-color-picker>
+            </div>
+            <div class="setsuyuan-input">
+                <div class="setsuyuan-input-name">
+                    主体背景颜色
+                </div>
+                <el-color-picker v-model="color2" show-alpha></el-color-picker>
+            </div>
+            <div class="flex-view"></div>
+            <div class="save-btn" @click="captureScreenshot">保存</div>
+        </div>
+        <div class="setsuyuan-page">
+            <div class="mobile-page mobile-scroll">
+                <div ref="targetElement">
+                    <div class="mobile-top" :style="`background: url(${imgList[0]}) no-repeat center;`">
+                        <div class="title1"
+                            :style="`color: ${color};${select3 ? 'text-shadow:' + color1 + '3px -2px 0px;' : ''}font-style: ${select2 ? 'italic' : 'normal'};font-weight: ${select1 ? 'bold' : 'normal'};`">
+                            {{ title1 }}</div>
+                        <div class="title2"
+                            :style="`color: ${color};${select3 ? 'text-shadow:' + color1 + '3px -2px 0px;' : ''}font-style: ${select2 ? 'italic' : 'normal'};font-weight: ${select1 ? 'bold' : 'normal'};`">
+                            {{ title2 }}</div>
+                    </div>
+                    <div class="mobile-content" :style="`background-color: ${color2};`">
+                        <div class="mobile-view">
+                            <div class="mobile-content-title">农场信息</div>
+                            <div class="mobile-view-content">
+                                <template v-if="userDetail">
+                                    <div class="mobile-text">
+                                        联系人:{{ userDetail.linkman }}
+                                    </div>
+                                    <div class="mobile-text">
+                                        联系方式:{{ userDetail.contactInformation }}
+                                    </div>
+                                    <div class="mobile-text">
+                                        邮箱地址:{{ userDetail.email }}
+                                    </div>
+                                    <div class="mobile-text">
+                                        农场名称:{{ userDetail.organizationName }}
+                                    </div>
+                                    <div class="mobile-text">
+                                        农场地址:{{ userDetail.organizationAddress }}
+                                    </div>
+                                    <div class="mobile-text">
+                                        农场网址:{{ userDetail.organizationWebsite }}
+                                    </div>
+                                </template>
+                            </div>
+                        </div>
+                        <div class="mobile-view" v-for="item, index in plant">
+                            <div class="mobile-content-title">种植计划</div>
+                            <div class="mobile-view-content">
+                                <template v-if="item">
+                                    <div class="mobile-text">
+                                        名称:{{ item.plantingPlanShort }}
+                                    </div>
+                                    <div class="mobile-text">
+                                        价格:{{ item.numberOfSeeds }}
+                                    </div>
+                                </template>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <el-dialog class="vrcode-model" title="提示" :append-to-body="true" :visible.sync="qrModel" width="30%" :before-close="handleClose">
+            <div class="vrcode-image" style="text-align: center;">
+                <div class="vrcode-model-title" >
+                生成的二维码
+            </div>
+            <img :src="qrCodeUrl" alt="" style="width: 200px;height: 200px;margin-top: 20px;">
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="qrModel = false">关 闭</el-button>
+            </span>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import html2canvas from 'html2canvas';
+import QRCode from 'qrcode';
+
+export default {
+    data() {
+        return {
+            imgList: [require('../../assets/img/image.jpeg')],
+            title1: '智慧云温室',
+            title2: '追溯系统',
+            color: 'rgba(255,255,255,1)',
+            color1: 'rgba(19, 206, 102, 0.8)',
+            color2: 'rgba(19, 206, 102, 0.8)',
+            select1: false,
+            select2: true,
+            select3: false,
+            userDetail: null,//农场信息
+            plant: [],//计划
+            qrCodeUrl: '',//生成的二维码
+            qrModel: false,
+            loading: false,
+        }
+    },
+    mounted() {
+        this.dataInit()
+    },
+    methods: {
+        handleClose() {
+            this.qrCodeUrl = ''
+        },
+        dataInit() {
+            var userid = JSON.parse(localStorage.getItem('userInfo')).userid
+            var data = {
+                userId: userid
+            }
+            this.api.getAgriculturalInformation(data).then(res => {
+            })
+
+            this.api.getplant(data).then(res => {
+                if (res.data.code == 200) {
+                    this.plant = res.data.data
+                }
+            })
+
+            this.api.getcodeFarmInformationManagement(data).then(res => {
+                if (res.data.code == 200) {
+                    this.userDetail = res.data.data
+                }
+            })
+
+        },
+        async captureScreenshot() {
+            // 获取目标元素
+            this.loading = true
+            const targetElement = this.$refs.targetElement;
+
+            // 使用html2canvas生成截图
+            const canvas = await html2canvas(targetElement);
+
+            // 将canvas转为图片
+            const imageData = canvas.toDataURL('image/png')
+            var userid = JSON.parse(localStorage.getItem('userInfo')).userid
+            var data = {
+                userId: userid,
+                base64Data:imageData
+            }
+            setTimeout(() => {
+                this.loading = false
+            }, 5000);
+            // 创建一个新的窗口显示图片（可以根据需要进行其他操作，比如保存图片）
+            this.api.uploadImage(data).then(res=>{
+                if(res.data){
+                    this.generateQRCode(res.data)
+                }
+            })
+           
+            // const imageWindow = window.open();
+            // imageWindow.document.write(`<img src="${imageData}" alt="Screenshot"/>`);
+        },
+        async generateQRCode(imageData) {
+            const that = this
+            // 生成二维码的数据，这里假设是一个 base64 图片的数据
+
+            // 使用 qrcode 库生成二维码
+            QRCode.toDataURL(imageData)
+                .then(url => {
+                    this.qrCodeUrl = url;
+                    this.qrModel = true
+                        that.loading = false
+                })
+                .catch(error => {
+                    console.error(error);
+                });
+
+        },
+        delImage(index) {
+            console.log('删除图片', index);
+            this.imgList.splice(index, 1);
+        },
+        handleImageChange(event) {
+            const files = event.target.files;
+            if (files.length > 0) {
+                for (let i = 0; i < files.length; i++) {
+                    const reader = new FileReader();
+
+                    reader.onload = (e) => {
+                        this.imgList.push(e.target.result);
+                    };
+
+                    reader.readAsDataURL(files[i]);
+                }
+                this.$refs.fileInput.value = '';
+            } else {
+                console.log(null);
+            }
+
+        }
+    },
+
+}
+</script>
+<style lang="scss"></style>
\ No newline at end of file