From a291cac6a036cec9f2e619f3a241be06d84b446b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=99=E8=90=8C?= <525441437@qq.com> Date: Wed, 17 Apr 2024 09:02:45 +0800 Subject: [PATCH 1/2] 1 --- src/views/index.vue | 48 ++++++++++++++++++++++++++++-- src/views/manage/index.vue | 34 +++++++++++---------- src/views/page/videoMonitoring.vue | 20 +++++++++++++ 3 files changed, 84 insertions(+), 18 deletions(-) diff --git a/src/views/index.vue b/src/views/index.vue index 7983740..acc9088 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -50,8 +50,28 @@ +
- 管理 + + + +
@@ -79,7 +99,8 @@ export default { { name: '数据分析', router: 'dataAnalysis', index: 1, routerList: ['dataAnalysis'], img: require('../assets/image/header-img4.png') }, // { name: '设备菜单', router: '', routerList: [], img: require('../assets/image/header-img5.png') }, //systemManage systemManage - { name: '管理', router: 'manage', routerList: ['manage'], img: require('../assets/image/header-img6.png') }, + // manage + { name: '管理', router: '', routerList: ['manage'], img: require('../assets/image/header-img6.png') }, { name: '大数据', router: 'largeScreen', routerList: ['largeScreen'], img: require('../assets/image/header-img8.png') } ], @@ -92,7 +113,23 @@ export default { { name: '施肥机', routerList: ['formula', 'dataAnalysis', 'historyData', 'irrigateSet', 'videoMonitoring','imageData', 'PIDSet', 'systemSet', 'upload', 'sensorSet', 'realTime', 'history', 'dataAnalysis'], img: require('../assets/image/left-img2.png'), list: [] }, { name: '生态气象站', routerList: ['realTime', 'historyData', 'exitSettings', 'skylight', 'control', 'systemSet-con','imageData', 'fan', 'upload-con', 'sensorSet-con', 'synthesis-con', 'alarmSettings', 'waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval', "targetTemperature", "targetHumidity", "targetCo2", "sunroofControl", "outsizeSunshade", "insizeSunshade", "wetFan", "LED", 'electromagneticControl', "coercionMist", "circulationCan", "internalInsulation", "forceOutput", "intrinsicParameter", "parameterSet"], img: require('../assets/image/left-img3.png'), list: [] }, ], - + leftList1: [ + { name: '管理', img: require('../assets/image/index-icon.png'), list: [], router: 'manage', isRouter: true, }, + { name: '用户管理', routerList: [''], img: require('../assets/image/left-img0.png'), list: [ + {deviceTypeName:'控制器设备状态值设置',router:'',index:0}, + {deviceTypeName:'控制器设备设定值设置',router:'',index:1}, + {deviceTypeName:'设备信息管理',router:'',index:2}, + {deviceTypeName:'设备绑定气象站数据',router:'',index:3}, + {deviceTypeName:'大数据设备信息',router:'',index:4}, + {deviceTypeName:'手机控制模块信息',router:'',index:5}, + ] }, + { name: '管理员管理', routerList: [''], img: require('../assets/image/left-img0.png'), list: [ + {deviceTypeName:'用户信息管理',router:'',index:6}, + {deviceTypeName:'设备管理',router:'',index:7}, + {deviceTypeName:'摄像头信息管理',router:'',index:8}, + ] }, + ], + activeNames: [], routerNow: 'realTime', deviceName: 1, routerIndex: 1, @@ -443,6 +480,11 @@ export default { this.$message('当前页面正在努力开发中'); } }, + toRouter2(item){ + if (item.router != this.routerNow && !item.http) { + this.$router.push({ name: item.router }) + } + }, getTime() { this.time = getnowtime() const that = this diff --git a/src/views/manage/index.vue b/src/views/manage/index.vue index 1badf8b..0f51ef4 100644 --- a/src/views/manage/index.vue +++ b/src/views/manage/index.vue @@ -1,19 +1,23 @@ +
+ +
+ +export default { + // 当控制器整体页面关闭时 清楚控制器数据 + beforeDestroy() { + var store = this.$store.state; + // store.ControlData = null; + }, + data() { + return {}; + }, + mounted() {}, + methods: {}, +}; + + - - \ No newline at end of file diff --git a/src/views/page/videoMonitoring.vue b/src/views/page/videoMonitoring.vue index f8e5cb9..b7b0ae5 100644 --- a/src/views/page/videoMonitoring.vue +++ b/src/views/page/videoMonitoring.vue @@ -98,6 +98,26 @@ export default { that.dataInit(); + }, 0); + }, + '$store.state.equipmentIndex'(newVal, oldVal) { + const that = this; + const store = this.$store.state + this.indexs = newVal; + this.deviceTypeName = store.equipmentList[this.indexs - 1].deviceTypeName + this.deviceName = store.equipmentList[this.indexs - 1].deviceName + this.deviceState = store.equipmentList[this.indexs - 1].deviceState + clearInterval(this.statusInterval) && this.statusInterval + setTimeout(() => { + + if (this.player) { + this.player.stop() + that.player.destroy() + that.player = null + } + that.dataInit(); + + }, 0); }, }, -- 2.40.1 From 4221314e3924d3ce2a962621ee0c2da19d6cfa93 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=99=E8=90=8C?= <525441437@qq.com> Date: Mon, 22 Apr 2024 17:04:12 +0800 Subject: [PATCH 2/2] 1 --- src/api/index.js | 178 ++++++- src/assets/css/main.css | 420 +++++++++++++-- src/assets/css/main.min.css | 2 +- src/assets/css/main.scss | 608 +++++++++++++++++----- src/assets/manageImg/add-btn.png | Bin 0 -> 119 bytes src/assets/manageImg/dataDevice.png | Bin 0 -> 2795 bytes src/assets/manageImg/deviceInfoManage.png | Bin 0 -> 2161 bytes src/assets/manageImg/deviceManage.png | Bin 0 -> 2726 bytes src/assets/manageImg/deviceSet.png | Bin 0 -> 2575 bytes src/assets/manageImg/deviceStatusSet.png | Bin 0 -> 2451 bytes src/assets/manageImg/manage-btn-icon0.png | Bin 0 -> 204 bytes src/assets/manageImg/manage-btn-icon1.png | Bin 0 -> 160 bytes src/assets/manageImg/manage-btn-icon2.png | Bin 0 -> 491 bytes src/assets/manageImg/table-delete.png | Bin 0 -> 352 bytes src/assets/manageImg/table-edit.png | Bin 0 -> 386 bytes src/assets/manageImg/table-edit1.png | Bin 0 -> 401 bytes src/assets/manageImg/userInfoControl.png | Bin 0 -> 1963 bytes src/assets/manageImg/videoManage.png | Bin 0 -> 2855 bytes src/assets/manageImg/weatherData.png | Bin 0 -> 3057 bytes src/router/index.js | 40 +- src/views/index.vue | 35 +- src/views/manage/dataDevice.vue | 204 ++++++++ src/views/manage/deviceInfoManage.vue | 444 ++++++++++++++++ src/views/manage/deviceManage.vue | 401 ++++++++++++++ src/views/manage/deviceSet.vue | 147 ++++++ src/views/manage/deviceStatusSet.vue | 140 +++++ src/views/manage/index.vue | 11 +- src/views/manage/mobileControl.vue | 157 ++++++ src/views/manage/userInfoControl.vue | 471 +++++++++++++++++ src/views/manage/videoManage.vue | 83 +++ src/views/manage/weatherData.vue | 187 +++++++ src/views/page/realTime.vue | 4 +- 32 files changed, 3358 insertions(+), 174 deletions(-) create mode 100644 src/assets/manageImg/add-btn.png create mode 100644 src/assets/manageImg/dataDevice.png create mode 100644 src/assets/manageImg/deviceInfoManage.png create mode 100644 src/assets/manageImg/deviceManage.png create mode 100644 src/assets/manageImg/deviceSet.png create mode 100644 src/assets/manageImg/deviceStatusSet.png create mode 100644 src/assets/manageImg/manage-btn-icon0.png create mode 100644 src/assets/manageImg/manage-btn-icon1.png create mode 100644 src/assets/manageImg/manage-btn-icon2.png create mode 100644 src/assets/manageImg/table-delete.png create mode 100644 src/assets/manageImg/table-edit.png create mode 100644 src/assets/manageImg/table-edit1.png create mode 100644 src/assets/manageImg/userInfoControl.png create mode 100644 src/assets/manageImg/videoManage.png create mode 100644 src/assets/manageImg/weatherData.png create mode 100644 src/views/manage/dataDevice.vue create mode 100644 src/views/manage/deviceInfoManage.vue create mode 100644 src/views/manage/deviceManage.vue create mode 100644 src/views/manage/deviceSet.vue create mode 100644 src/views/manage/deviceStatusSet.vue create mode 100644 src/views/manage/mobileControl.vue create mode 100644 src/views/manage/userInfoControl.vue create mode 100644 src/views/manage/videoManage.vue create mode 100644 src/views/manage/weatherData.vue diff --git a/src/api/index.js b/src/api/index.js index e81cb84..a3bf7ea 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -28,6 +28,33 @@ function sendGetRequest(url, data) { }) }); } +function sendUploadRequest(url, data) { + // 一个状态为resolve（包裹的是数据） + // 或者状态为reject （包裹的是错误信息） + // 的promise对象 + return new Promise(function (resolve, reject) { + axios.post(url, data, { + headers: { + 'Content-Type': 'multipart/form-data', + // 'Content-Type': 'application/json; charset=utf-8', + 'token': (localStorage.getItem('token') ? localStorage.getItem('token') : '') + } + }).then( + (res) => { + if (res.data.code == 401) { + localStorage.removeItem('token') + router.push({ + name: 'login' + }) + } + resolve(res); + }, + (err) => { + reject(err); + } + ); + }); +} function sendPostRequest(url, data) { // 一个状态为resolve（包裹的是数据） @@ -85,7 +112,32 @@ function sendDelRequest(url, data) { ); }); } - +function sendPutRequest(url, data) { + // 一个状态为resolve（包裹的是数据） + // 或者状态为reject （包裹的是错误信息） + // 的promise对象 + return new Promise(function (resolve, reject) { + axios.put(url, data, { + headers: { + // 'Content-Type': 'application/json; charset=utf-8', + 'token': (localStorage.getItem('token') ? localStorage.getItem('token') : '') + } + }).then( + (res) => { + if (res.data.code == 401) { + localStorage.removeItem('token') + router.push({ + name: 'login' + }) + } + resolve(res); + }, + (err) => { + reject(err); + } + ); + }); +} //总接口域名 axios.defaults.baseURL = "/api"; axios.defaults.timeout = 30000; // 设置全局默认请求超时时间为10秒 @@ -101,6 +153,14 @@ export default { post(data) { return sendPostRequest("", data); }, + delete(data) { + return sendDelRequest("", data); + }, + + put(data) { + return sendPutRequest("", data); + }, + //接口开始() //登录 @@ -401,6 +461,116 @@ cameraStop(cameraSerialNumber,cameraChannelNumber,num) { }, +//管理模块 +//根据用户ID获取账户设备 +selUserbyid(data){ + return sendGetRequest(`/sel/userbyid/`+data, '') +}, +//根据设备ID获取设备状态值 +selControlPermissions(data){ + return sendGetRequest(`/getcontrol/selControlPermissions`, data) +}, +//根据设备ID修改设备状态值 +putpermission(data){ + return sendPutRequest(`/getcontrol/putpermission`, data) +}, +//根据设备ID获取设备控制值 +selpermission(data){ + return sendGetRequest(`/getcontrol/selpermission`, data) +}, +//根据设备ID修改设备控制值 +putControlpermission(data){ + return sendPutRequest(`/getcontrol/putControlpermission`, data) +}, +//根据ID修改施肥机数据 +updatedevice(data){ + return sendPutRequest(`/device/updatedevice`, data) +}, + +//根据ID修改施肥机名字 +updateFsname(data){ + return sendPutRequest(`/update/fsname`, data) +}, +//根据用户ID添加小程序气象站 +addphoneeqData(data) { + return sendPostRequest(`/getcontrol/addphoneeqData`, data) + }, +//根据用户ID删除小程序气象站 +delphoneeqData(data) { + return sendDelRequest(`/getcontrol/delphoneeqData`, data) +}, + +//根据用户ID修改小程序气象站 +updatephoneeqData(data) { + return sendPutRequest(`/getcontrol/updatephoneeqData`, data) +}, +//修改大数据信息 +updateDataDevice(data) { + return sendPutRequest(`/getcontrol/updateBigData`, data) +}, + +//小程序手机控制权限模块查询 +wxgetpermission(data) { + return sendGetRequest(`/getcontrol/wxgetpermission`, data) +}, +//查询所有用户 +adminAll(data){ + return sendGetRequest(`/admin/all`, data) +}, +//更新用户信息 +updateUser(data){ + return sendPutRequest(`/admin/add/userEquipment`, data) +}, +//添加用户信息 +addUser(data){ + return sendPostRequest(`/admin/user`, data) +}, + +//修改密码 +updatePwd(data){ + return sendPutRequest(`/user/update/pwd`, data) +}, +//设备查询 +seldevice(data){ + return sendGetRequest(`/admin/seldevice`, data) +}, +//删除设备信息 +deldevice(data){ + return sendDelRequest(`/admin/deldevice`, data) +}, +//修改手机控制名称 +updatewxgetpermission(data){ + return sendPutRequest(`/getcontrol/updatewxgetpermission`, data) +}, +//管理员/用户页面删除关联设备信息 +delUserByid(data){ + return sendDelRequest(`/admin/delUserByid`, data) +}, +//管理员/用户页面添加关联设备信息 +addUserByid(data){ + return sendPostRequest(`/admin/addUserByid`, data) +}, +//查询控制器权限 +selectallPermissions(data){ + return sendGetRequest(`/getcontrol/selectallPermissions`, data) +}, +//新增标准控制器权限 +addpermissionall(equipmentId, data) { + return sendPostRequest(`/getcontrol/addpermissionall?deviceId=${equipmentId}`, data) + }, + //管理控制器权限删除 + delpermission(id1, id2) { + return sendDelRequest(`/getcontrol/delpermission?deviceId=${id1}&permissionid=${id2}`, '') + }, + //管理控制器权限添加 + addpermission(id1, id2) { + return sendPostRequest(`/getcontrol/addpermission?deviceId=${id1}&permissionid=${id2}`, '') + }, +//管理 设备管理添加设备 +addDevice(data){ + return sendPostRequest(`/admin/addDevice`, data) +}, + //二维码溯源 //查看农事作物信息 getAgriculturalInformation(data) { @@ -419,5 +589,9 @@ cameraStop(cameraSerialNumber,cameraChannelNumber,num) { uploadImage(data) { return sendPostRequest(`/code/uploadImage`, data) }, - + //管理页面上传图片 + manageUploadImage(data) { + return sendUploadRequest(`/user/upload`, data) + }, + }; diff --git a/src/assets/css/main.css b/src/assets/css/main.css index b9e607b..1a0f1d5 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -1,20 +1,21 @@ @charset "UTF-8"; -.scroll, .el-dropdown-menu, .index .index-content > .left, .index .index-content > .right.right-page .page-content, .formula .page-content, .realTime, .realTime .page-content .realTime-bottom.weather .left-view-new, .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 { +.scroll, .el-dropdown-menu, .index .index-content > .left, .index .index-content > .right.right-page .page-content, .formula .page-content, .realTime, .realTime .page-content .realTime-bottom.weather .left-view-new, .history .page-content .el-table--scrollable-x .el-table__body-wrapper, .vrcode-model .el-dialog, .el-table .el-table__body-wrapper { overflow-y: auto; + flex-wrap: nowrap !important; } -.scroll::-webkit-scrollbar, .el-dropdown-menu::-webkit-scrollbar, .index .index-content > .left::-webkit-scrollbar, .index .index-content > .right.right-page .page-content::-webkit-scrollbar, .formula .page-content::-webkit-scrollbar, .realTime::-webkit-scrollbar, .realTime .page-content .realTime-bottom.weather .left-view-new::-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 { +.scroll::-webkit-scrollbar, .el-dropdown-menu::-webkit-scrollbar, .index .index-content > .left::-webkit-scrollbar, .index .index-content > .right.right-page .page-content::-webkit-scrollbar, .formula .page-content::-webkit-scrollbar, .realTime::-webkit-scrollbar, .realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar, .vrcode-model .el-dialog::-webkit-scrollbar, .el-table .el-table__body-wrapper::-webkit-scrollbar { /*滚动条整体*/ width: 10px; cursor: pointer; } -.scroll::-webkit-scrollbar-track, .el-dropdown-menu::-webkit-scrollbar-track, .index .index-content > .left::-webkit-scrollbar-track, .index .index-content > .right.right-page .page-content::-webkit-scrollbar-track, .formula .page-content::-webkit-scrollbar-track, .realTime::-webkit-scrollbar-track, .realTime .page-content .realTime-bottom.weather .left-view-new::-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 { +.scroll::-webkit-scrollbar-track, .el-dropdown-menu::-webkit-scrollbar-track, .index .index-content > .left::-webkit-scrollbar-track, .index .index-content > .right.right-page .page-content::-webkit-scrollbar-track, .formula .page-content::-webkit-scrollbar-track, .realTime::-webkit-scrollbar-track, .realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar-track, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track, .vrcode-model .el-dialog::-webkit-scrollbar-track, .el-table .el-table__body-wrapper::-webkit-scrollbar-track { /*滚动条轨道*/ background: #013769; } -.scroll::-webkit-scrollbar-thumb, .el-dropdown-menu::-webkit-scrollbar-thumb, .index .index-content > .left::-webkit-scrollbar-thumb, .index .index-content > .right.right-page .page-content::-webkit-scrollbar-thumb, .formula .page-content::-webkit-scrollbar-thumb, .realTime::-webkit-scrollbar-thumb, .realTime .page-content .realTime-bottom.weather .left-view-new::-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 { +.scroll::-webkit-scrollbar-thumb, .el-dropdown-menu::-webkit-scrollbar-thumb, .index .index-content > .left::-webkit-scrollbar-thumb, .index .index-content > .right.right-page .page-content::-webkit-scrollbar-thumb, .formula .page-content::-webkit-scrollbar-thumb, .realTime::-webkit-scrollbar-thumb, .realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar-thumb, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb, .vrcode-model .el-dialog::-webkit-scrollbar-thumb, .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb { /*滚动条里面的滑块*/ width: 4px; cursor: pointer; @@ -22,11 +23,11 @@ border: 3px solid #013769; } -.scroll::-webkit-scrollbar-thumb:hover, .el-dropdown-menu::-webkit-scrollbar-thumb:hover, .index .index-content > .left::-webkit-scrollbar-thumb:hover, .index .index-content > .right.right-page .page-content::-webkit-scrollbar-thumb:hover, .formula .page-content::-webkit-scrollbar-thumb:hover, .realTime::-webkit-scrollbar-thumb:hover, .realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar-thumb:hover, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb:hover, .vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-thumb:hover, .vrcode-model .el-dialog::-webkit-scrollbar-thumb:hover { +.scroll::-webkit-scrollbar-thumb:hover, .el-dropdown-menu::-webkit-scrollbar-thumb:hover, .index .index-content > .left::-webkit-scrollbar-thumb:hover, .index .index-content > .right.right-page .page-content::-webkit-scrollbar-thumb:hover, .formula .page-content::-webkit-scrollbar-thumb:hover, .realTime::-webkit-scrollbar-thumb:hover, .realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar-thumb:hover, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb:hover, .vrcode-model .el-dialog::-webkit-scrollbar-thumb:hover, .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb:hover { /*滚动条鼠标事件，鼠标放上去出现的事件*/ } -.scroll::-webkit-scrollbar-corner, .el-dropdown-menu::-webkit-scrollbar-corner, .index .index-content > .left::-webkit-scrollbar-corner, .index .index-content > .right.right-page .page-content::-webkit-scrollbar-corner, .formula .page-content::-webkit-scrollbar-corner, .realTime::-webkit-scrollbar-corner, .realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar-corner, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-corner, .vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-corner, .vrcode-model .el-dialog::-webkit-scrollbar-corner { +.scroll::-webkit-scrollbar-corner, .el-dropdown-menu::-webkit-scrollbar-corner, .index .index-content > .left::-webkit-scrollbar-corner, .index .index-content > .right.right-page .page-content::-webkit-scrollbar-corner, .formula .page-content::-webkit-scrollbar-corner, .realTime::-webkit-scrollbar-corner, .realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar-corner, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-corner, .vrcode-model .el-dialog::-webkit-scrollbar-corner, .el-table .el-table__body-wrapper::-webkit-scrollbar-corner { /*滚动条边角*/ } @@ -274,6 +275,7 @@ font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; + margin: 0 !important; } .table-title > img { @@ -812,48 +814,107 @@ padding: 20px 30px 0; } -.formula .page-content .table-view { +.table-view { background: transparent; margin-top: 30px; } -.formula .page-content .table-view .cell { +.table-view .cell { text-align: center; } -.formula .page-content .table-view .el-table .warning-row { +.table-view .el-table .warning-row { background: rgba(0, 180, 255, 0.2); } -.formula .page-content .table-view .el-table .success-row { +.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 { +.table-view .el-table::before, +.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 { +.table-view .el-table, +.table-view .el-table tr, +.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 { +.table-view .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { + border: none; + background-color: transparent; +} + +.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 { +.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 { +.table-view .table-flex { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.table-view .table-operate { + height: 30px; + white-space: nowrap; + border-radius: 4px; + display: flex; + align-items: center; + justify-content: center; + font-family: Microsoft YaHei; + font-weight: 400; + font-size: 14px; + cursor: pointer; + min-width: 66px; + margin: 0 5px; + color: #FFFFFF; + padding: 0 7px; +} + +.table-view .table-operate.blue { + background: #0294E2; +} + +.table-view .table-operate.red { + background: #FF9191; +} + +.table-view .table-operate > img { + width: 16px; + height: auto; + margin-right: 5px; +} + +.table-view .table-type { + padding: 0 15px; + height: 30px; + background: rgba(0, 186, 255, 0.15); + border-radius: 3px; + border: 1px solid rgba(0, 186, 255, 0.4); + display: flex; + align-items: center; + justify-content: center; + font-family: Microsoft YaHei; + font-weight: 400; + font-size: 16px; + color: #00FFB9; +} + +.table-view .status { width: 100px; height: 34px; background: #0294E2; @@ -869,22 +930,22 @@ cursor: pointer; } -.formula .page-content .table-view .status.status1 { +.table-view .status.status1 { background: #00BB88; } -.formula .page-content .table-view .status.noSel { +.table-view .status.noSel { opacity: 0.5; } -.formula .page-content .table-view .type0 { +.table-view .type0 { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #FF9191; } -.formula .page-content .table-view .type1 { +.table-view .type1 { display: flex; align-items: center; justify-content: center; @@ -895,11 +956,11 @@ white-space: nowrap; } -.formula .page-content .table-view .type1 > div { +.table-view .type1 > div { justify-content: center; } -.formula .page-content .table-view .type2 { +.table-view .type2 { width: 140px; height: 34px; background: #0294E2; @@ -915,13 +976,13 @@ justify-content: center; } -.formula .page-content .table-view .type2 img { +.table-view .type2 img { width: 14px; height: 14px; margin-right: 10px; } -.formula .page-content .table-view .type2.noSel { +.table-view .type2.noSel { opacity: 0.5; } @@ -2889,10 +2950,6 @@ 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; @@ -2936,6 +2993,10 @@ margin-right: 5px; } +.vrcode-btn.w-100 { + width: 100px; +} + .vrcode-btn.blue-btn { background: #00A6FF; } @@ -2964,7 +3025,6 @@ } .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; @@ -2977,6 +3037,134 @@ border: 2px solid rgba(0, 186, 255, 0.6); } +.manage-input { + margin-bottom: 15px; +} + +.manage-input.w-400 input { + width: 400px; +} + +.manage-input.w-350 input { + width: 350px; +} + +.manage-input.w-160 input { + width: 160px; +} + +.manage-input.w-180 input { + width: 180px; +} + +.manage-input .search-input { + margin: 0 10px; + height: 40px; +} + +.manage-input .input-title { + font-family: Microsoft YaHei; + font-weight: 400; + font-size: 16px; + color: #FFFFFF; + margin-bottom: 10px; +} + +.manage-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-family: Microsoft YaHei; + font-weight: 400; + color: #FFFFFF; +} + +.manage-input input::placeholder { + color: #92B1D0; +} + +.vrcode-model.manage-model .el-dialog { + background: rgba(0, 59, 114, 0.8); + border: 2px solid rgba(0, 186, 255, 0.35); +} + +.vrcode-model.manage-model .el-dialog__body .vrcode-content { + padding: 10px 22px 0 !important; + display: flex; + justify-content: space-between; +} + +.vrcode-model.manage-model .el-dialog__footer { + padding: 15px 22px; + border-top: 1px solid rgba(0, 180, 255, 0.35); +} + +.vrcode-model.manage-model .dialog-footer { + justify-content: flex-start; +} + +.vrcode-model.manage-model .manage-right .manage-img { + width: 380px; + position: relative; + background: rgba(0, 132, 255, 0.15); + border: 2px solid rgba(0, 132, 255, 0.35); + padding: 10px; +} + +.vrcode-model.manage-model .manage-right .manage-img img { + width: 360px; + height: auto; + min-height: 200px; +} + +.vrcode-model.manage-model .manage-right .manage-img #sel-img { + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; +} + +.vrcode-model.manage-model .manage-text { + width: 240px; + height: 160px; + text-align: left; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + font-family: Microsoft YaHei; + line-height: 28px; + font-weight: 400; + font-size: 14px; + color: #00C0F7; +} + +.vrcode-model.manage-model .manage-img-small { + width: 240px; + height: 160px; + background: rgba(0, 132, 255, 0.15); + border: 2px solid rgba(0, 132, 255, 0.35); + padding: 10px; + margin-top: 25px; + position: relative; +} + +.vrcode-model.manage-model .manage-img-small #sel-img { + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; +} + +.vrcode-model.manage-model .manage-img-small img { + width: 100%; + height: 100%; +} + .vrcode-model .model-return-btn { position: absolute; right: 30px; @@ -3445,7 +3633,7 @@ .model-sel { display: flex; - flex-wrap: wrap; + flex-wrap: wrap !important; align-items: center; min-height: 200px; max-height: 700px; @@ -3731,3 +3919,171 @@ cursor: pointer; min-height: 200px; } + +.manage-btn { + min-width: 140px; + height: 40px; + border-radius: 3px; + font-family: Microsoft YaHei; + font-weight: 400; + font-size: 16px; + color: #FFFFFF; + background: rgba(0, 186, 255, 0.15); + border-radius: 3px; + border: 2px solid rgba(0, 186, 255, 0.4); + padding: 0 15px; + margin: 7.5px 20px 7.5px 0 !important; + display: flex; + cursor: pointer; + align-items: center; + justify-content: center; +} + +.manage-btn.active { + background: #0294E2; + border: 2px solid transparent; +} + +.manage-btn img { + margin-right: 5px; + width: 14px; + height: auto; +} + +.manage-page { + width: 100%; + height: 100%; + background: rgba(0, 92, 178, 0.15); + padding: 20px 30px; + border: 2px solid rgba(0, 186, 255, 0.2); +} + +.table-title-btn { + min-width: 100px; + height: 40px; + padding: 0 15px; + display: flex; + align-items: center; + justify-content: center; + font-family: Microsoft YaHei; + font-weight: bold; + font-size: 16px; + color: #FFFFFF; + cursor: pointer; + border-radius: 3px; +} + +.table-title-btn > img { + width: 14px; + height: auto; + margin-right: 9px; +} + +.table-title-btn.blue { + background: #0294E2; +} + +.table-title-btn.red { + background: #FF9191; +} + +.videoManage .table-view { + margin-top: 0; +} + +.videoManage .flex-title { + padding-top: 0; + justify-content: space-between; + border-bottom: 1px solid transparent; +} + +.el-table .el-table__body-wrapper::-webkit-scrollbar { + /*滚动条整体*/ + width: 17px; +} + +.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb { + /*滚动条里面的滑块*/ + width: 4px; + cursor: pointer; + background: #0294E2; + border: 5px solid #013769; +} + +.el-table .el-table__cell.gutter { + display: none; +} + +.manage-dropdown { + width: 240px !important; +} + +.manage-dropdown.w-400 { + width: 400px !important; +} + +.manage-dropdown.w-350 { + width: 350px !important; +} + +.manage-input-sel { + margin-right: 30px; + margin-bottom: 15px; +} + +.manage-input-sel .input-title { + font-family: Microsoft YaHei; + font-weight: 400; + font-size: 16px; + color: #FFFFFF; + margin-bottom: 10px; +} + +.manage-input-sel.w-400 .el-dropdown-link { + width: 400px; +} + +.manage-input-sel.w-350 .el-dropdown-link { + width: 350px; +} + +.manage-input-sel .el-dropdown-link { + width: 240px; + height: 44px; + cursor: pointer; + position: relative; +} + +.manage-input-sel .el-dropdown-link input { + width: 100%; + height: 100%; + background: rgba(0, 186, 255, 0.15); + border: 2px solid rgba(0, 186, 255, 0.4); + font-size: 16px; + padding-left: 15px; + font-family: Microsoft YaHei; + font-weight: 400; + color: #FFFFFF; +} + +.manage-input-sel .el-dropdown-link input::placeholder { + color: #92B1D0; +} + +.manage-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%); +} + +.manage-input-sel .el-dropdown-link .arrow > img { + width: 6px; + height: 4px; +} diff --git a/src/assets/css/main.min.css b/src/assets/css/main.min.css index 9314d3b..c92833b 100644 --- a/src/assets/css/main.min.css +++ b/src/assets/css/main.min.css @@ -1 +1 @@ -.scroll,.el-dropdown-menu,.index .index-content>.left,.index .index-content>.right.right-page .page-content,.formula .page-content,.realTime,.realTime .page-content .realTime-bottom.weather .left-view-new,.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>.left::-webkit-scrollbar,.index .index-content>.right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.realTime .page-content .realTime-bottom.weather .left-view-new::-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>.left::-webkit-scrollbar-track,.index .index-content>.right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.realTime .page-content .realTime-bottom.weather .left-view-new::-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>.left::-webkit-scrollbar-thumb,.index .index-content>.right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.realTime .page-content .realTime-bottom.weather .left-view-new::-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;white-space:nowrap}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.warning-btn{justify-content:flex-end;margin-top:-70px}.warning-btn .btn.green{opacity:1}.warning-model{padding:0 30px 25px}.warning-model .input-main{margin:0}.warning-model .input-main input{width:300px}.warning-model .input-sel{margin-right:30px}.warning-model .input-sel>span{margin-right:10px}.warning-model .input-sel .el-dropdown-link{width:200px}.warning-model .vrcode-btn.red-btn{margin:0 !important}.warning-sel{width:200px !important}.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;display:flex;align-items:center}.table-title .title-text img{margin-right:5px}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:cover;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-warning{width:75px;height:100%;display:flex;align-items:center;justify-content:center}.index .header .header-right{width:260px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px;flex-shrink:0}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 5px 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;flex-shrink:0}.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)}.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>span{padding:0 10px}.input-sel>.title{margin-bottom:11px}.input-sel.input-sel-w180 .el-dropdown-link{width:180px}.input-sel.input-sel-w140 .el-dropdown-link{width:140px}.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.input-main-w120 input{width:120px}.input-main.input-disabled input{background:transparent;border:2px solid transparent;padding-left:0}.input-main.input-main-w260 input{width:260px}.input-main.input-main-w80 input{width:80px}.input-main.input-main-w100 input{width:100px}.number-view{height:100%;display:flex;align-items:center;margin:0 15px 0 0 !important}.number-view>div{width:30px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.p-t-31{padding-top:31px}.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}.outline{color:red;font-weight:bold;font-size:24px}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu.input-menu-180{width:180px}.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;display:flex;align-items:center}.text-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-top:20px}.title-tips-bold{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#8BEAFF;margin-top:20px}.shrink-none>div{flex-shrink:unset !important;width:auto !important}.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-sel-time{display:flex;align-items:center}.input-sel-time .el-range-separator{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding:0 8px;width:40px}.input-sel-time span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding:0 8px}.input-sel-time .el-input__inner{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel-time .el-input__inner .el-range-input{background:transparent;color:#fff}.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}.m-b-20{margin:10px 8px !important}.flex-warp{width:100%;flex-wrap:wrap}.btn{margin:0 8px;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.btn-w80{min-width:80px}.btn.btn-tips{min-width:70px;width:70px;height:35px}.btn.btn-w74{width:74px;min-width:unset}.btn.btn-w66{width:66px;min-width:unset}.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}.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}.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>span{padding:0 10px}.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-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}.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}.dataModel .view-new{width:100%;display:flex;align-items:center;flex-wrap:wrap;padding:50px 30px 0}.dataModel .view-new .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px;margin-bottom:20px}.dataModel .view-new .list-view img{width:60px;height:60px}.dataModel .view-new .list-view .text{text-align:center;margin:5px 0;font-size:14px}.dataModel .view-new .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}.dataModel .view-new .list-view .number.red{color:#fc7d6a}.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 .realTime-list .seamless-warp .list-view .number.red{color:#fc7d6a}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:350px;margin-top:30px}.realTime .page-content .realTime-bottom.videoMonitoring-monitor{justify-content:space-between;height:calc(100% - 90px)}.realTime .page-content .realTime-bottom.videoMonitoring-monitor .left-view{width:100%}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom.weather{height:400px}.realTime .page-content .realTime-bottom.weather .left-view-new{width:50%;height:100%;display:flex;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);padding:10px;flex-wrap:wrap;align-content:flex-start}.realTime .page-content .realTime-bottom.weather .left-view-new>div{height:60px;min-width:105px;flex-shrink:0;margin-right:10px;display:flex;align-items:center;margin-bottom:20px}.realTime .page-content .realTime-bottom.weather .left-view-new>div>img{width:60px;height:60px}.realTime .page-content .realTime-bottom.weather .left-view-new>div .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-bottom.weather .left-view-new>div .number{width:80px;height:30px;background:url(data:image/png;base64,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) 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 .realTime-bottom.weather .right{width:50%}.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%;display:flex;align-items:center}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:calc(100% - 400px);height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-control{width:400px;display:flex;height:100%;padding:60px 0;flex-direction:column;align-items:center}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big{width:230px;height:230px;background:url(../img/video-control.png) no-repeat center;background-size:100% 100%;position:relative;overflow:hidden}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big>div{width:230px;height:230px;position:relative}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big>div:active .arrow{background:url(../img/control-arrow-active.png) no-repeat center;background-size:100% 100%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big>div .arrow{width:43px;height:26px;transform:rotate(135deg);background:url(../img/control-arrow.png) no-repeat center;background-size:100% 100%;position:absolute;top:16px;left:7px}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .top{transform:rotate(-135deg);position:absolute;bottom:70.5%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .bottom{transform:rotate(45deg);position:absolute;top:71%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .left{transform:rotate(135deg);position:absolute;right:70.5%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .right{transform:rotate(-45deg);position:absolute;left:70.5%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn{display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:30px;grid-column-gap:30px;margin-top:41px;width:310px}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div{width:140px;height:40px;background:#0294E2;font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div:active{background:#22B2FF}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div>img{margin-right:12px;width:22px;height:auto}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div>div{white-space:nowrap;width:40px}.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.status-btn>div{width:150px;height:40px}.realTime .page-content .status-view .status-view-content .status-true .status-fan.status-btn>div>img{width:20px;height:20px}.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}.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}.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 .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-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 .header .header-right{width:500px}.vrcode .header .header-center{width:calc(100% - 500px - 373px)}.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 .model-return-btn{position:absolute;right:30px;top:30px;z-index:999}.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.vrcode-model-title-282{background:url(../img/vrcode-title-282.png) no-repeat;background-size:282px 43px}.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>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.confirm-psw .el-dialog__body{min-height:unset}.vrcode-model.confirm-psw .el-dialog{min-height:unset}.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;margin-bottom:10px;display:flex;align-items:center}.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}.systemSet-con{width:100%;height:100%}.el-button span{color:#606266}.el-button--primary.el-button span,.el-button--success.el-button span{color:#fff}.return-btn{margin:0 8px;min-width:120px;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;background:#00BB88}.el-pagination{margin-top:20px}.el-pagination .btn-prev .el-icon,.el-pagination .btn-next .el-icon{color:#333}.el-pager li{color:#333}.el-pager li.active{color:#409EFF}.el-select-dropdown__item.selected span{color:#409EFF;font-weight:700}.el-pagination__total,.el-pagination__jump{color:#fff}.el-select-dropdown__item span{color:#606266}.historyData .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px !important}.historyData .table-view .table-title{width:100%;display:flex;align-items:center;padding-bottom:5px;justify-content:space-between;border-bottom:2px solid rgba(0,180,255,0.5)}.historyData .table-view .image-list{width:100%;display:flex;flex-wrap:wrap;align-items:center}.historyData .table-view .image-list>div{width:380px;height:auto;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px;padding:10px;flex-shrink:0}.historyData .table-view .image-list>div .el-image{cursor:pointer;min-height:200px} +.scroll,.el-dropdown-menu,.index .index-content>.left,.index .index-content>.right.right-page .page-content,.formula .page-content,.realTime,.realTime .page-content .realTime-bottom.weather .left-view-new,.history .page-content .el-table--scrollable-x .el-table__body-wrapper,.vrcode-model .el-dialog,.el-table .el-table__body-wrapper{overflow-y:auto;flex-wrap:nowrap !important}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content>.left::-webkit-scrollbar,.index .index-content>.right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar,.vrcode-model .el-dialog::-webkit-scrollbar,.el-table .el-table__body-wrapper::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content>.left::-webkit-scrollbar-track,.index .index-content>.right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-model .el-dialog::-webkit-scrollbar-track,.el-table .el-table__body-wrapper::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content>.left::-webkit-scrollbar-thumb,.index .index-content>.right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-model .el-dialog::-webkit-scrollbar-thumb,.el-table .el-table__body-wrapper::-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;white-space:nowrap}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.warning-btn{justify-content:flex-end;margin-top:-70px}.warning-btn .btn.green{opacity:1}.warning-model{padding:0 30px 25px}.warning-model .input-main{margin:0}.warning-model .input-main input{width:300px}.warning-model .input-sel{margin-right:30px}.warning-model .input-sel>span{margin-right:10px}.warning-model .input-sel .el-dropdown-link{width:200px}.warning-model .vrcode-btn.red-btn{margin:0 !important}.warning-sel{width:200px !important}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;margin:0 !important}.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;display:flex;align-items:center}.table-title .title-text img{margin-right:5px}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:cover;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-warning{width:75px;height:100%;display:flex;align-items:center;justify-content:center}.index .header .header-right{width:260px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px;flex-shrink:0}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 5px 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;flex-shrink:0}.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)}.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>span{padding:0 10px}.input-sel>.title{margin-bottom:11px}.input-sel.input-sel-w180 .el-dropdown-link{width:180px}.input-sel.input-sel-w140 .el-dropdown-link{width:140px}.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.input-main-w120 input{width:120px}.input-main.input-disabled input{background:transparent;border:2px solid transparent;padding-left:0}.input-main.input-main-w260 input{width:260px}.input-main.input-main-w80 input{width:80px}.input-main.input-main-w100 input{width:100px}.number-view{height:100%;display:flex;align-items:center;margin:0 15px 0 0 !important}.number-view>div{width:30px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.p-t-31{padding-top:31px}.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}.outline{color:red;font-weight:bold;font-size:24px}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu.input-menu-180{width:180px}.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}.table-view{background:transparent;margin-top:30px}.table-view .cell{text-align:center}.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.table-view .el-table::before,.table-view .el-table--border::after{height:0}.table-view .el-table,.table-view .el-table tr,.table-view .el-table td.el-table__cell{border:none;background:transparent}.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.table-view .table-operate{height:30px;white-space:nowrap;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:Microsoft YaHei;font-weight:400;font-size:14px;cursor:pointer;min-width:66px;margin:0 5px;color:#FFFFFF;padding:0 7px}.table-view .table-operate.blue{background:#0294E2}.table-view .table-operate.red{background:#FF9191}.table-view .table-operate>img{width:16px;height:auto;margin-right:5px}.table-view .table-type{padding:0 15px;height:30px;background:rgba(0,186,255,0.15);border-radius:3px;border:1px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#00FFB9}.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}.table-view .status.status1{background:#00BB88}.table-view .status.noSel{opacity:0.5}.table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.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}.table-view .type1>div{justify-content:center}.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}.table-view .type2 img{width:14px;height:14px;margin-right:10px}.table-view .type2.noSel{opacity:0.5}.title-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;margin-top:20px;display:flex;align-items:center}.text-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-top:20px}.title-tips-bold{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#8BEAFF;margin-top:20px}.shrink-none>div{flex-shrink:unset !important;width:auto !important}.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-sel-time{display:flex;align-items:center}.input-sel-time .el-range-separator{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding:0 8px;width:40px}.input-sel-time span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding:0 8px}.input-sel-time .el-input__inner{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel-time .el-input__inner .el-range-input{background:transparent;color:#fff}.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}.m-b-20{margin:10px 8px !important}.flex-warp{width:100%;flex-wrap:wrap}.btn{margin:0 8px;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.btn-w80{min-width:80px}.btn.btn-tips{min-width:70px;width:70px;height:35px}.btn.btn-w74{width:74px;min-width:unset}.btn.btn-w66{width:66px;min-width:unset}.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}.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}.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>span{padding:0 10px}.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-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}.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}.dataModel .view-new{width:100%;display:flex;align-items:center;flex-wrap:wrap;padding:50px 30px 0}.dataModel .view-new .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px;margin-bottom:20px}.dataModel .view-new .list-view img{width:60px;height:60px}.dataModel .view-new .list-view .text{text-align:center;margin:5px 0;font-size:14px}.dataModel .view-new .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}.dataModel .view-new .list-view .number.red{color:#fc7d6a}.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 .realTime-list .seamless-warp .list-view .number.red{color:#fc7d6a}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:350px;margin-top:30px}.realTime .page-content .realTime-bottom.videoMonitoring-monitor{justify-content:space-between;height:calc(100% - 90px)}.realTime .page-content .realTime-bottom.videoMonitoring-monitor .left-view{width:100%}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom.weather{height:400px}.realTime .page-content .realTime-bottom.weather .left-view-new{width:50%;height:100%;display:flex;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);padding:10px;flex-wrap:wrap;align-content:flex-start}.realTime .page-content .realTime-bottom.weather .left-view-new>div{height:60px;min-width:105px;flex-shrink:0;margin-right:10px;display:flex;align-items:center;margin-bottom:20px}.realTime .page-content .realTime-bottom.weather .left-view-new>div>img{width:60px;height:60px}.realTime .page-content .realTime-bottom.weather .left-view-new>div .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-bottom.weather .left-view-new>div .number{width:80px;height:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAAAoCAYAAAAWsW/wAAAAAXNSR0IArs4c6QAAFL9JREFUeF7tW1uPZOdVXfu7nUtVdU/3uMeeGd+YwATsKIkSKyiKIAbBGy8gOTzyFkvwIzB/gEek5J0nPyAkyANKxABSeIgdIMKOb3jG9thz7Ut116lzznfbaJ+qY3eci9szHk0suVulU1NdU111Vu+9115rHcJnX5+KM0Cfinf52ZvEiYB6jlnhEtQTZ6CubkAXh9CmhNYOeqOD7i2MiTDQ0NrAmASrtDekyFCCUZosEQxlGKNgiMhC/s2wmmDk/ni0IGMIWp7voLSR1wS0VVCKhvtKIavVEaTU8Blo+AagGBzlTgZnDLcc5L5SckyJkQOQQs45M2JkpJiR5AjmCIWYGYkZYTgqhMRIKnOIjMgZkTUiMg/3e4WoEgefXTIGMUXEZBE5IoWAmEuk5JFih7SzgXS9Q967ioSnkf8aYCLik/wd/gxQ336BLQC7hX1b9bYI0RfWmiKFtgJzCeiScqwVocoUKzDVyLlGijUh12CuMRxTnTnXBFQMrgipBrhUzBWICwUqCCw3pwjOANYopa1WcEahMBqFMaujNSjlvpV/r47OaDitYbWG0QpaKSgiEBHAQGZG5oyUV7eQ5JaGm48JfjzGiD4mhJhSH1PyOYUQUgg5BR9ziMw+Ju5TZp+APgM9M/UM7hnUgdBl1h2ADkwdFHXMZjiCuCNlWrDqmNBreZ42XSLqYW2nlerRJh8r1bM1nnPhXU5hmX0I6oHYOMTvPkVhBPHngPrOV1EAWBJRPo40M8vjAuQn8zNmeuEaqtMV3KUDdP92BdgqQP0m9JkjqPNnUO0UcC/tNT7ImTekQlAaGuqMVmVlyd1YsE8ZHKWqIpSU6mZFZaVhDjz3TUZO60qTz7JjyTkNfdBx20YkGM5GKpDBZydkCgV9a8nLA8+RrSDNQ91c3FJmU1XqDY9m3iByh5xnyKlB/uPPwz6soV95F823nkDAsQq5m3P27IvIHwVUuucgAXiHuYoHKASkH/8UbE5B6QmUKqB+y6EWkF6/jX6/baRJShNVAtJZo6rSkru5YL9kMJQ0K1KGQHVJZc2wtz16KSn5IAKQgLVtYUtNZt5x22lOmsFJQMrgB2uYIpG+HfMyEcIAUEKOmfnhGemNmtStw6K5sUTkCrlcImGG/NQUdmKhr/RYvHUF8aVb4OefQRaw7gYkKYhnX0T/K4E6/kP5kHf7C39RBV5mLvM+in/eRbfnwbgJhRnUcgr9BYPKAsXVBv0NLDBdV5KJpHcmVI4geXlzkQSmAcApUSE/m3vuOwEhgvS6mjYsubqAvtVwlxTeB0lb5qkhWymoocrAARkZCRmW844ls11CvXeUm7nKgQPnopgmeOQnprDbG1Cv3kbzylsI/Rnk/TeRn3wG/BeAexwwd9N9nn0R+sRA3SuQNgD3g5fRfb8F+yNoaXmbm9CPOlSbFYpXb6Lf0wuinpRzq3YnlWRBxU3PvheUFCnSA0xqU1FZGHLzwH3vwQKQIlAm0NSSKxTM3HMXGVmqaKymjRKmVqQPMi+byNEJQPJtOE8tmVMEdS3k5kgATJyN5+TMJJ2tYc/NoN7zWFzbR5h78OYm0nst+NvnYB87C/2vwPJbROlOx4fwhRMBdS9Akte8Dbi3gO6fLoFxBkqqabEN/ZUdVLOE4tUl+t1mQWRJxUDaWtJju7vWcBhBygbaKaiNNUj7Lfu8boUDGySiqYVzCmYR0fuE4aRl5oFllYZMSVB7PbdBJtwaIDmeMmRmDnR7mZdL4hACkjGcZF6dP0XmlCL1Vl8u/Bzh5gy5mCNt9uA/+gLseQP9L/+H5tljROBOOtOJgLpXIEnvvQR0f3MJuDgDSTU9PoP64kOodEbxToP+3UOgKBfaB6WdJb1lVTVxVAwzKYCkkgQknUhvFCgLkDuIPHRCQyQUfqimmUHhNEwjxE5AGBi7cEJAKswq6AOPtks8gOQzstPI0xJaWuE8crP0UknIRnMKhtPjlkxdEcm8OlAIBx7ZVUi5R/7GBuzFbagf3ETzH/+FOM6qOwFJ/s9HAvWdr0J9ouzu2Jx7HmhflpN1CWqspid+E/VGQvFyg/6dOVCWCx0jaWl559YgvddwECRiIv1hkA4jDxTWKFJGdi2ATlkUVsF0EX4EZ6g2AUkPe5teRHRdQhQQI/PQ8iaF7B+kdhM32XPoM7LWnIxGesDCbBagYV61OfRmkqxDYo/8uw/BPKChfvoumheBILPqbknFSYC6d/Qc4Geeh9q6AFVsQv2hQTWrUbx2A/5tAMFDz+xCLZMyD1tdTUsq3l1w6AWIRDpJJWnoiaJKKklAkhYnABnCANSGQVEosn7YdcAky/D6q2CyiqAOI3c+I/oVNc8CllPQjkAHiZfLiKgTpyjEQ3M6Y0hvONC1RW4WxMH7PLRCIRbnK9hzU9D1PTTvXEPAGWTcRJaF9m5Ixf2l58+xeu6bq2r6RokqT1BcadC/uQ94Dz1W06MbuiqVKvd79ksPigZ6BGpLU2VAxXGQ5CQXtALJObI+cxDCoA1AaQWUU4MaotvEXTcqFHGg6JlWSgjt9Vi2iWNKSHoN0kyTlnl1o8lNx+xFm2DF0dmcHimm5tQU6jUBSSMMs+pDpOIBoLmTdee+0vNRivraF1GfsXA/vAF/NYHrFrr30DKbHnSmnhZUXF1gqKQ+w8g8MgZ6qqmqLBXzjkMGyGkSQrECqUQxUeQEJKfBikhJa5CKMhZWZ+g2o++ZU4hgzxAJKUeC5gw195BKCjmzSEpZaPxmATXMq4YbLyqFYZGFhmo668icLUtcDmhuHSFUFdJ8jhR3kP/8FNxZDfX2Fpo/IBoUrfHrpPP//tFzZpK295dPo6pLFC+8g/4lAKJCdDV06aHPbnW1AxXXD1ftrstkTIY2mnRlqa5HkAjk1AqkSkELSKWmQmUEEQNLAccMpEJaorUE3WeIDJRiXCkRHpyHmUcgWYIXoiQxsrBDnznNHFRBRPOYm9DDx/WsCpHT+SnpmYK61sfFEhP/YVLxuS3QoFQ8j4jnPlB4TgqSVOBHzqiRu3+cFz3RXwwz/c8N1FTC/ecb6F8EcK6CalvoqoI+79raQhW7XfY3e5EqyUgVScura6prouIgcugjSKQeodcC1CmDcsORY0YsNGAJyhqoQg/PcyL2itY2KA0rwZa7BI4JK5B67pYZofVIbRaQkOR1hTk2gRcdcYgRSWaWCFUPTaBHUtEi+b6bpsIh7fbIv3ce5oKG+veE5vANBJlTz62luI97Pk8E1Md90ZOUtUhGk324f5yjf+sKMCoR0vY+tyXibVfePmB/nUA2kbaGtKyem1bVolTMI0IXQdbAjNW07SDU3YkiVxqiiqBKs7oVBq4k2MzaK05ZligBKa5B8gRaeHRt5nAUkTsBipE0rZjjrZ6bLiA44pj0UIlpp4LedoCQip6z957TyP6+UsEcVypOVyuF/DkRdwD3cZn0RwJ1L+i5SEaiRvz9G+j/d4587ghallzR9b7sUBtGcaWDP2iXRJlMsgISmfM1VZaouN4KMwfJnDEaRmbTKVExHLnInCYaqIl0VUKVBF0PIGkR4r3W4JSSGCQDSCElHTNUE9A1GWERkZeBUyeWRoKSKtvt0SyjPBVDFSXN6bQmPbHAfsxN167m1cj+Lm5N9XkN9eOA5sYN+HiALECJ9ve3z8A9DOiPKyedBKh7Qs+/+yL6a0c/q0Y8UaMWyejNXfgGCwgtFyVCwDpjVKWIyr3IIQeQZzKlHuaV2XKoakMFiENFIBFGK0O6MpCTWUzEOlEQUjHYIWlF0TmGZAKgllG3i5hiF5EXAUkIRp9JxwTMPTeHEUHmVJ+QLCFONbSU9UHgxoO9zKmgOXGf46is325wdFMjjISinyP/1cNw5x6EuhPmd1/o+YcX3fkc+uuPoBIS8MZt+MsNqIiNjk5AUuaxKVWK1ABSK2pEJgOGkR1qu6BqYlDkhGjtCqQJkZ7J0aKcGrhC6eB0Iqc1OUAkdEoZA0gdo136lBpGanpkaXchQ7UJdBS4WfQIS5lVskclRFmCKwCiVARhflHMRI4C1MUZ6QmVdHkfzTzDf5LM777R85Gayw71pRq1LLo/ugE/Xy+6ApRzpHc2dD1hKm4sOR6EwQse6LkAtVlSNTUoZFkVSl4KOAPrI10rlDMrICFOnZahoCstFB6KAJsA5RO6ZUppmXRaxpS7OBAI1SXQfs/LJiFIhYliIUDJX4uzoN2Wm57ZF4rjCNQHzK9YLAHftkjiU9Ul0je2YB88DXU3HtV9o+fHd6ipR/HfC/Sv7wKTGloUiaJo9Fmr63HRPRQjMJH2a6A2DNWlRdFnRBn2Ew0jQG0KUBWVGxbOMGKtQXWhVaWhC0AJZgpDNXVtgrSzvExYAZUH8GjfS5WxX2QkAUqY36B0ANiLQio4MCGOQAnzE2lkfpgXt3LliwJpBOr3H4HZ2YJ6eRfN936EcKea30fOqHtFzwWob95CfaaA+94V8ZqAaQstO5QAdbHqapGM3j7k0IhjK6QikZaK2l4vuvsdR5GMSg1Rt2WPMluGyqlF4RTCxEB+JmRCVU6rgobHjRqED2lnEE9dgMpdSiok0G5AuwgcmoDUHGN+wmT3O256IGBdSQLUTk1a5uJNnxeHbQ6s6ihAyS71tRrm9CbUlatY3K3mdyKg7gU9f+E9rsV2/4cF+sM3wCPrUx7msaKtTxeVuzxvw6HCwPxEmJVd6oGKqkJRKTtUjiAhE2KnTxTM6RKlLLpOIRYGNNUDNV8BRVrUc6sURM8ViiwgicyeO590kB2qRdswwqLjLDNLWmrKA0PD7Q6NF8FXWN9a93toxSrp0OfFLXCoTY59P0kC1IUC5vQG1JVbWLziEIRMjOLsp5Kej46uANW30F8/g0ro+ev9MjRLiNs3MD9RJYSeK0XlrSWCT1BCJsZld7tEWYkawbJDgYSeT1c7lLA/JzettBSShKOE+XESeo6khTw0Ae1RRGylkpjTMiDLDiXM7/YgJ3EIkihSsgBz3NYkqSs6DHmx6HmospGeP15OzW9MQe/T8x3kEahPJT3//pvIopzLHiUL78VzqMUsvNzBv71ckFt7UALSI5MVPb+x5DDsUGtCIdW0WVBdabicEa0BCaGoDYkFrKeEohJtTyFIaYjcPn7FlEwmqCajbXskoedL5tQGZHk8JWB3rfnFxDErJNmlZiV0DaBZub1e9L5K5dhEzl/YVHpzWqmf7mIxCrPjHvWnv4PiU0fPvwXk0eIQoJ66gIrEdr8FP/pQRSS9LJQ5b1VVEpW7AUGGy0goRuY30XBCKsSWEEJRiqRE0DNHRW1hiRGtBouMNKjnEgIUKSlDNxmdjyuQWkZuRQ0nEpBoz/OyTVK9K2ou1SQ71KYF9pa8XGbuRxPRBk6PbtRS4eqtHosDghcDcbqHtNuC/+wp2C/uQG2v1POPbcnfN3qOtSgrFfXMFuqihvvhEn5/X2RwKBFlm9yYixu6glLl7aOVMCsWh8yq0YeqiIpFQhQtblTOKwc901ROHSykyjRYND/Zn0T/g4JVCSZkdC2Q+rV67iVCSaSFVOyFEaSVKCuVJG7vBCDZoRYDPUeUZddqTg86MpMKdHWvXHhCWK6dXgHqk7Dk7xs9F6CeA0iYn6jnr15G9xOxMVro0wXUUYJ58lRbiTD7lucQe5Co2yLM9pnM6YqqClTsisUxqud6YH5iyRcTvdL8RovDioJOoELaIMF0Gb0kXkU9D2AWq0NAErtE1PMjqaQhr8myW+UNBzWR3ETLTetFlReBiaOIu7JD1QPzi821+cQ7cXo/wR3q/qrnAEbmJ1k+EWYH5ncEVU8+EGbfPmDfDgGHFT0XoIT5ieZ3IMJsWGl+kk0ScVY0v4mG7ROC7D3aQglIQjCcJmcIxovFwcIlADEKU4TI4zoCatFx24jbO6oRjCwWx2DJtysfStqdLLpy3HFk6hJ00KfF1WUdxI4/nvP7JHaoE2UmZI+6F/RcXnNvD8UPrq9iYmLF93NosTouFKg3KhQv7Ynm18AF0iGuEkjbTtWS17u+XFWSgCdtUGXoU45KZ+C6hCE3IWqFLKqDtKRJEkg2iCInBuGKow+5dMtifZBaBG4byU2s7XipJqH/Ews6bLl53+JYe1FbBvpUAXrnKDcHlIL9FRbH3YYxP3KPuhfq+Qi8JJD+7nnwkzsgkZJE8/vyo6gfjHA/buGPDoFQLrSwv2hJC6mQBNIQEzuem0ikZ+sEkgioq3DLB7mJmYZzmmwA9zkIBVnxPqkkK3F1gjoI6ISQiJsrwReZS5KkHUBK3EjOT0UkUc51RBI1YqJI3ezSYgxjdt00Sdv70gxWFt2f3EDzeoB/7Qj89NqLutM/+pMAdU/U81HmF4Xi0iWopyU3cRZV9j+fm5BMn8hJU1LF9Z594wfmpsZWuFlQKfNqP7IfjESJiCkazL5Ni1JiYssIT2K3r9OygpWR6woI6ihAwi2D5Q7mLCGXSUHCHNVxkCQWbRTSmYlcTUJq9zA3XZX8InKWapJ484d9qDExK9LRnSy6Y7zsvqjnP+PF/AJL/nIEj6RCshMXtlHNir54Y579UU9UaVlEV/NqNmTP4XYDvMwrJCgJYgpIUzdcIGCPIqTdsTwmH1yO8rhk+Q4FpIQkQcwxObuhyZRuBVKIK+F1IPMZ+cGa9CaB3o55edjlIGlZMQtnFfKoRowJpJfOID/5CSSQfj2y5x+6imN0e7G25X/7NKoN7opXuuxFqZAWWAVSyUKLRyXz6vaCZb3CIPeoVf78lJPIHrnDMMykASQRbwUoiTULSHOPbszwyXOSAW/oday542WjVu1uBOm0IbNZgt4LuYldDrLgGjORiZgv7MA8oqBeC2gu30KQJXespjtVI463yftHz9fywOD27sG9TypuQo1XcvyyWHOtSQ2J2XX2XK7ikDYoy6ZAVSkqJ4bsXmDfrbPn8uskgz6T7PnqMpxuSBetYmTDlRxTCysM73aPVipJqPdwYZVZVdJEQd1Y5KVk+azNaWh5bpoulrDbErgMaN7cRzh3hDxW0598Hk6y53diFh636z9yRn12Idun4EK242mi4/c/uzT01+zS0F8G1GeP3/8zcKKLre//2/zsHfw/QrAkN/qmxw8AAAAASUVORK5CYII=) 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 .realTime-bottom.weather .right{width:50%}.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%;display:flex;align-items:center}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:calc(100% - 400px);height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-control{width:400px;display:flex;height:100%;padding:60px 0;flex-direction:column;align-items:center}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big{width:230px;height:230px;background:url(../img/video-control.png) no-repeat center;background-size:100% 100%;position:relative;overflow:hidden}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big>div{width:230px;height:230px;position:relative}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big>div:active .arrow{background:url(../img/control-arrow-active.png) no-repeat center;background-size:100% 100%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big>div .arrow{width:43px;height:26px;transform:rotate(135deg);background:url(../img/control-arrow.png) no-repeat center;background-size:100% 100%;position:absolute;top:16px;left:7px}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .top{transform:rotate(-135deg);position:absolute;bottom:70.5%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .bottom{transform:rotate(45deg);position:absolute;top:71%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .left{transform:rotate(135deg);position:absolute;right:70.5%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .right{transform:rotate(-45deg);position:absolute;left:70.5%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn{display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:30px;grid-column-gap:30px;margin-top:41px;width:310px}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div{width:140px;height:40px;background:#0294E2;font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div:active{background:#22B2FF}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div>img{margin-right:12px;width:22px;height:auto}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div>div{white-space:nowrap;width:40px}.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.status-btn>div{width:150px;height:40px}.realTime .page-content .status-view .status-view-content .status-true .status-fan.status-btn>div>img{width:20px;height:20px}.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}.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}.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 .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-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 .header .header-right{width:500px}.vrcode .header .header-center{width:calc(100% - 500px - 373px)}.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 .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.w-100{width:100px}.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{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)}.manage-input{margin-bottom:15px}.manage-input.w-400 input{width:400px}.manage-input.w-350 input{width:350px}.manage-input.w-160 input{width:160px}.manage-input.w-180 input{width:180px}.manage-input .search-input{margin:0 10px;height:40px}.manage-input .input-title{font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;margin-bottom:10px}.manage-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-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.manage-input input::placeholder{color:#92B1D0}.vrcode-model.manage-model .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.vrcode-model.manage-model .el-dialog__body .vrcode-content{padding:10px 22px 0 !important;display:flex;justify-content:space-between}.vrcode-model.manage-model .el-dialog__footer{padding:15px 22px;border-top:1px solid rgba(0,180,255,0.35)}.vrcode-model.manage-model .dialog-footer{justify-content:flex-start}.vrcode-model.manage-model .manage-right .manage-img{width:380px;position:relative;background:rgba(0,132,255,0.15);border:2px solid rgba(0,132,255,0.35);padding:10px}.vrcode-model.manage-model .manage-right .manage-img img{width:360px;height:auto;min-height:200px}.vrcode-model.manage-model .manage-right .manage-img #sel-img{width:0;height:0;position:absolute;left:0;top:0}.vrcode-model.manage-model .manage-text{width:240px;height:160px;text-align:left;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Microsoft YaHei;line-height:28px;font-weight:400;font-size:14px;color:#00C0F7}.vrcode-model.manage-model .manage-img-small{width:240px;height:160px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,132,255,0.35);padding:10px;margin-top:25px;position:relative}.vrcode-model.manage-model .manage-img-small #sel-img{width:0;height:0;position:absolute;left:0;top:0}.vrcode-model.manage-model .manage-img-small img{width:100%;height:100%}.vrcode-model .model-return-btn{position:absolute;right:30px;top:30px;z-index:999}.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.vrcode-model-title-282{background:url(../img/vrcode-title-282.png) no-repeat;background-size:282px 43px}.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>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.confirm-psw .el-dialog__body{min-height:unset}.vrcode-model.confirm-psw .el-dialog{min-height:unset}.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 !important;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;margin-bottom:10px;display:flex;align-items:center}.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}.systemSet-con{width:100%;height:100%}.el-button span{color:#606266}.el-button--primary.el-button span,.el-button--success.el-button span{color:#fff}.return-btn{margin:0 8px;min-width:120px;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;background:#00BB88}.el-pagination{margin-top:20px}.el-pagination .btn-prev .el-icon,.el-pagination .btn-next .el-icon{color:#333}.el-pager li{color:#333}.el-pager li.active{color:#409EFF}.el-select-dropdown__item.selected span{color:#409EFF;font-weight:700}.el-pagination__total,.el-pagination__jump{color:#fff}.el-select-dropdown__item span{color:#606266}.historyData .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px !important}.historyData .table-view .table-title{width:100%;display:flex;align-items:center;padding-bottom:5px;justify-content:space-between;border-bottom:2px solid rgba(0,180,255,0.5)}.historyData .table-view .image-list{width:100%;display:flex;flex-wrap:wrap;align-items:center}.historyData .table-view .image-list>div{width:380px;height:auto;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px;padding:10px;flex-shrink:0}.historyData .table-view .image-list>div .el-image{cursor:pointer;min-height:200px}.manage-btn{min-width:140px;height:40px;border-radius:3px;font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;background:rgba(0,186,255,0.15);border-radius:3px;border:2px solid rgba(0,186,255,0.4);padding:0 15px;margin:7.5px 20px 7.5px 0 !important;display:flex;cursor:pointer;align-items:center;justify-content:center}.manage-btn.active{background:#0294E2;border:2px solid transparent}.manage-btn img{margin-right:5px;width:14px;height:auto}.manage-page{width:100%;height:100%;background:rgba(0,92,178,0.15);padding:20px 30px;border:2px solid rgba(0,186,255,0.2)}.table-title-btn{min-width:100px;height:40px;padding:0 15px;display:flex;align-items:center;justify-content:center;font-family:Microsoft YaHei;font-weight:bold;font-size:16px;color:#FFFFFF;cursor:pointer;border-radius:3px}.table-title-btn>img{width:14px;height:auto;margin-right:9px}.table-title-btn.blue{background:#0294E2}.table-title-btn.red{background:#FF9191}.videoManage .table-view{margin-top:0}.videoManage .flex-title{padding-top:0;justify-content:space-between;border-bottom:1px solid transparent}.el-table .el-table__body-wrapper::-webkit-scrollbar{width:17px}.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:5px solid #013769}.el-table .el-table__cell.gutter{display:none}.manage-dropdown{width:240px !important}.manage-dropdown.w-400{width:400px !important}.manage-dropdown.w-350{width:350px !important}.manage-input-sel{margin-right:30px;margin-bottom:15px}.manage-input-sel .input-title{font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;margin-bottom:10px}.manage-input-sel.w-400 .el-dropdown-link{width:400px}.manage-input-sel.w-350 .el-dropdown-link{width:350px}.manage-input-sel .el-dropdown-link{width:240px;height:44px;cursor:pointer;position:relative}.manage-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.manage-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.manage-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%)}.manage-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px} diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss index 9439adb..204e855 100644 --- a/src/assets/css/main.scss +++ b/src/assets/css/main.scss @@ -1,6 +1,6 @@ .scroll { overflow-y: auto; - + flex-wrap: nowrap!important; &::-webkit-scrollbar { /*滚动条整体*/ width: 10px; @@ -302,7 +302,7 @@ font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; - + margin: 0!important; >img { width: 60px; height: 60px; @@ -501,6 +501,7 @@ background-size: 100% 100%; cursor: pointer; flex-shrink: 0; + &:hover { background: url(../image/login-out-hover.png) no-repeat center; background-size: 100% 100%; @@ -583,11 +584,13 @@ width: 180px; } } + &.input-sel-w140 { .el-dropdown-link { width: 140px; } } + .el-dropdown-link { width: 300px; height: 44px; @@ -865,119 +868,180 @@ padding: 20px 30px 0; @extend .scroll; - .table-view { - background: transparent; - margin-top: 30px; - .cell { - text-align: center; - } + } +} - .el-table .warning-row { - background: rgba(0, 180, 255, 0.2); - } +.table-view { + background: transparent; + margin-top: 30px; - .el-table .success-row { - background: rgba(0, 47, 94, 0.35); + .cell { + text-align: center; + } - } + .el-table .warning-row { + background: rgba(0, 180, 255, 0.2); + } - .el-table::before, - .el-table--border::after { - height: 0; - } + .el-table .success-row { + background: rgba(0, 47, 94, 0.35); - .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); + .el-table::before, + .el-table--border::after { + height: 0; + } - .cell { - font-size: 18px; - font-family: Microsoft YaHei; - font-weight: bold; - color: #FFFFFF; - } - } + .el-table, + .el-table tr, + .el-table td.el-table__cell { + border: none; + background: transparent; + } - .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; + .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell { + border: none; + background-color: transparent; + } - &.status1 { + .el-table th.el-table__cell.is-leaf { + border: none; + background: rgba(0, 180, 255, 0.2); - background: #00BB88; - } + .cell { + font-size: 18px; + font-family: Microsoft YaHei; + font-weight: bold; + color: #FFFFFF; + } + } - &.noSel { - opacity: 0.5; - } - } + .table-flex { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + } - .type0 { - font-size: 16px; - font-family: Microsoft YaHei; - font-weight: 400; - color: #FF9191; - } + .table-operate { + height: 30px; + white-space: nowrap; + border-radius: 4px; + display: flex; + align-items: center; + justify-content: center; + font-family: Microsoft YaHei; + font-weight: 400; + font-size: 14px; + cursor: pointer; + min-width: 66px; + margin: 0 5px; + color: #FFFFFF; + padding: 0 7px; - .type1 { - display: flex; - align-items: center; - justify-content: center; - font-size: 16px; - font-family: Microsoft YaHei; - font-weight: 400; - color: #FFFFFF; - white-space: nowrap; + &.blue { + background: #0294E2; + } - >div { - justify-content: center - } - } + &.red { + background: #FF9191; + } - .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; + >img { + width: 16px; + height: auto; + margin-right: 5px; + } + } - img { - width: 14px; - height: 14px; - margin-right: 10px; - } + .table-type { + padding: 0 15px; + height: 30px; + background: rgba(0, 186, 255, 0.15); + border-radius: 3px; + border: 1px solid rgba(0, 186, 255, 0.4); + display: flex; + align-items: center; + justify-content: center; + font-family: Microsoft YaHei; + font-weight: 400; + font-size: 16px; + color: #00FFB9; + } - &.noSel { - opacity: 0.5; - } - } + .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; + + &.status1 { + + background: #00BB88; + } + + &.noSel { + opacity: 0.5; + } + } + + .type0 { + font-size: 16px; + font-family: Microsoft YaHei; + font-weight: 400; + color: #FF9191; + } + + .type1 { + display: flex; + align-items: center; + justify-content: center; + font-size: 16px; + font-family: Microsoft YaHei; + font-weight: 400; + color: #FFFFFF; + white-space: nowrap; + + >div { + justify-content: center + } + } + + .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; + + img { + width: 14px; + height: 14px; + margin-right: 10px; + } + + &.noSel { + opacity: 0.5; } } } @@ -2213,15 +2277,18 @@ align-items: center; justify-content: center; cursor: pointer; - &:active{ + + &:active { background: #22B2FF; } + >img { margin-right: 12px; width: 22px; height: auto; } - >div{ + + >div { white-space: nowrap; width: 40px; } @@ -2621,7 +2688,7 @@ >div { margin-bottom: 10px; } - + >input { width: 500px; height: 44px; @@ -3096,13 +3163,7 @@ justify-content: center; } - .el-table__body-wrapper { - @extend .scroll; - } - - .el-table__cell.gutter { - display: none; - } + .isOpen { width: 80px; @@ -3149,7 +3210,9 @@ } border-radius: 3px; - + &.w-100{ + width: 100px; + } &.blue-btn { background: #00A6FF; @@ -3179,7 +3242,7 @@ } &.cancle-btn { - width: 100px; + // width: 100px; background: rgba(0, 186, 255, 0.15); border: 2px solid rgba(0, 186, 255, 0.4); font-size: 16px; @@ -3192,8 +3255,133 @@ } } } +.manage-input{ + margin-bottom: 15px; + &.w-400{ + input{ + width: 400px; + } + } + &.w-350{ + input{ + width: 350px; + } + } + &.w-160{ + input{ + width: 160px; + } + } + &.w-180{ + input{ + width:180px; + } + } + .search-input{ + margin: 0 10px; + height: 40px; + } + .input-title{ + font-family: Microsoft YaHei; + font-weight: 400; + font-size: 16px; + color: #FFFFFF; + margin-bottom: 10px; + } + 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-family: Microsoft YaHei; +font-weight: 400; +color: #FFFFFF; +&::placeholder { +color: #92B1D0; +} + } + } .vrcode-model { + &.manage-model{ + .el-dialog{ + background: rgba(0,59,114,0.8); + border: 2px solid rgba(0, 186, 255,0.35); + } + .el-dialog__body{ + .vrcode-content{ + padding: 10px 22px 0!important; + display: flex; + // align-items: center; + justify-content: space-between; + } + } + .el-dialog__footer{ + padding: 15px 22px; + border-top: 1px solid rgba(0, 180, 255, 0.35); + } + .dialog-footer{ + justify-content: flex-start; + } + .manage-right{ + .manage-img{ + width: 380px; + position: relative; +// height: 290px; +background: rgba(0,132,255,0.15); +border: 2px solid rgba(0,132,255,0.35); +img{ +width:360px; +height:auto; +min-height: 200px; +} +padding: 10px; +#sel-img{ +width: 0; +height: 0; +position: absolute; +left: 0; +top: 0; +} + } + } + .manage-text{ + width: 240px; + height: 160px; + text-align: left; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + font-family: Microsoft YaHei; + line-height: 28px; +font-weight: 400; +font-size: 14px; +color: #00C0F7; + } + .manage-img-small{ + width: 240px; +height: 160px; +background: rgba(0,132,255,0.15); +border: 2px solid rgba(0,132,255,0.35); +padding: 10px; +margin-top: 25px; +position: relative; +#sel-img{ + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + } +img{ + width: 100%; + height: 100%; +} + } + + } .model-return-btn { position: absolute; right: 30px; @@ -3677,7 +3865,7 @@ .model-sel { display: flex; - flex-wrap: wrap; + flex-wrap: wrap!important; align-items: center; min-height: 200px; max-height: 700px; @@ -3949,21 +4137,23 @@ .el-table th.el-table__cell.is-leaf .cell { font-size: 14px !important; } - .table-title{ + + .table-title { width: 100%; display: flex; align-items: center; padding-bottom: 5px; justify-content: space-between; - border-bottom:2px solid rgba(0, 180, 255, 0.5); + border-bottom: 2px solid rgba(0, 180, 255, 0.5); } - .image-list{ + + .image-list { width: 100%; display: flex; - flex-wrap: wrap; - align-items: center; - - >div{ + flex-wrap: wrap; + align-items: center; + + >div { width: 380px; height: auto; background: rgba(0, 132, 255, 0.15); @@ -3971,11 +4161,193 @@ margin: 7.5px; padding: 10px; flex-shrink: 0; - .el-image{ + + .el-image { cursor: pointer; min-height: 200px; } } } } +} + +.manage-btn { + min-width: 140px; + height: 40px; + + border-radius: 3px; + font-family: Microsoft YaHei; + font-weight: 400; + font-size: 16px; + color: #FFFFFF; + background: rgba(0, 186, 255, 0.15); + border-radius: 3px; + border: 2px solid rgba(0, 186, 255, 0.4); + padding: 0 15px; + margin:7.5px 20px 7.5px 0!important; + display: flex; + cursor: pointer; + align-items: center; + justify-content: center; + + &.active { + background: #0294E2; + border: 2px solid transparent; + } + + img { + margin-right: 5px; + width: 14px; + height: auto; + } +} + +.manage-page { + width: 100%; + height: 100%; + background: rgba(0, 92, 178, 0.15); + padding: 20px 30px; + border: 2px solid rgba(0, 186, 255, 0.2); +} + +.table-title-btn { + min-width: 100px; + height: 40px; + padding: 0 15px; + + >img { + width: 14px; + height: auto; + margin-right: 9px; + } + + display: flex; + align-items: center; + justify-content: center; + font-family: Microsoft YaHei; + font-weight: bold; + font-size: 16px; + color: #FFFFFF; + cursor: pointer; + + &.blue { + background: #0294E2; + } + + &.red { + background: #FF9191; + } + + border-radius: 3px; +} + +.videoManage { + .table-view { + margin-top: 0; + } + + .flex-title { + padding-top: 0; + justify-content: space-between; + border-bottom: 1px solid transparent; + } + + // >.flex-view { + // justify-content: space-between; + // } +} + +.el-table{ + .el-table__body-wrapper { + @extend .scroll; + &::-webkit-scrollbar { + /*滚动条整体*/ + width: 17px; + } + &::-webkit-scrollbar-thumb { + /*滚动条里面的滑块*/ + width: 4px; + cursor: pointer; + background: #0294E2; + border: 5px solid #013769; + } + + } + + .el-table__cell.gutter { + display: none; + } +} +.manage-dropdown{ + width: 240px!important; + &.w-400{ + width: 400px!important; + } + &.w-350{ + width: 350px!important; + } +} + +.manage-input-sel { + margin-right: 30px; + margin-bottom: 15px; + + .input-title{ + font-family: Microsoft YaHei; + font-weight: 400; + font-size: 16px; + color: #FFFFFF; + margin-bottom: 10px; + } + &.w-400{ + .el-dropdown-link{ + width: 400px; + } + } + &.w-350{ + .el-dropdown-link{ + width: 350px; + } + } + .el-dropdown-link { + width: 240px; + height: 44px; + cursor: pointer; + position: relative; + + input { + width: 100%; + height: 100%; + + background: rgba(0,186,255,0.15); + border: 2px solid rgba(0,186,255,0.4); + font-size: 16px; + padding-left: 15px; + font-family: Microsoft YaHei; + font-weight: 400; + color: #FFFFFF; + + &::placeholder { + color: #92B1D0; + } + } + + .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%); + + >img { + width: 6px; + height: 4px; + } + } + } } \ No newline at end of file diff --git a/src/assets/manageImg/add-btn.png b/src/assets/manageImg/add-btn.png new file mode 100644 index 0000000000000000000000000000000000000000..7e7fddd4b8c33056bc2607191a8c867a27d0202e GIT binary patch literal 119 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xa#^NA%Cx&(BWL^R}hMq2tAr}70 zDF>MT{r~@8K61vyi4z55CEFN04i;SQcqgCJ*y`I;$dM`I%P>LUz_b&Lx0adzPdc}v Q0jQb5)78&qol`;+04p6Op#T5? literal 0 HcmV?d00001 diff --git a/src/assets/manageImg/dataDevice.png b/src/assets/manageImg/dataDevice.png new file mode 100644 index 0000000000000000000000000000000000000000..9980463f1754cd05c75915f04dbdb9e0c55de9e1 GIT binary patch literal 2795 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 literal 0 HcmV?d00001 diff --git a/src/assets/manageImg/deviceManage.png b/src/assets/manageImg/deviceManage.png new file mode 100644 index 0000000000000000000000000000000000000000..c75eccaf060d3ec7ebaca294c3ade8a8c12c8e0b GIT binary patch literal 2726 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 Rfo1>z002ovPDHLkV1ioLk5>Qy literal 0 HcmV?d00001 diff --git a/src/assets/manageImg/manage-btn-icon0.png b/src/assets/manageImg/manage-btn-icon0.png new file mode 100644 index 0000000000000000000000000000000000000000..4d1674b5aadecaede72d6adbb7c4310f0ec91e88 GIT binary patch literal 204 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xa#^NA%Cx&(BWL^R}ZJsWUAr}5` zCmC`b3J`F)Z;~|mFw5m98gUBOEc@aP-!fV`MMh02$@rl+$HU*vOEwkGYMopAX4CFX zcNr{SUpcu=HIw&y+P{RVRQs57hj_mqkhNI;r{FkufZH>%6^-l#Eb}JbudC^K%X@)Y zk!^2-Pf*9?pa*Y1}{;F?hQAxvXPx$rAb6VR5(wSls`xpaTvxw4>eel4n>4RVBjDInGg-~YtS)VY-$sXCWE#Fm6lMX z8pNUDM@uw_gF}f!q!lVeQ&WXQ;Ly;Y(ZNu7x;O6RJWjkj_`%(e_xbQX-{<|lBKO!n z3k*wY=KrtyuB^~@JMa#;3JgkGs|v~L{=;ma0p0_Bz!>mb(qe5`3R(rOrQ**(FEAzP zQ5~RcPXHmB1?~Z-bAacP?ocF~yCE#*Fv@B_;vdz?LB=-t<0L19T+=azW;H9LkwC)n{OVUnU#ZsFE%PqilNgr%q z1h&Jzqz&8Ofu^LH1U7#xtZ2!01QQ_*08fF|=#MTgXdodBY%H$Vpv-#;Y9+0}#PcHcNKoh*k_lKvjrXH~a??UTS0 h;8`*Px$8c9S!R5(w)lf6nqK@f$%qlI>+Rq+SywN>!}0=AYG`U>ex5N{yp3)ontu=EMk zN*fWZ?CcT?OG6OLIPSnDTsFDftsK~9=j=DLb9Tj)FtaV-AWA(*dX42O0bBs5QSMSw za{^#yvw*K+%mJIgZ@xJL^nss9H3Jf zByYVmVqFpN3@l1oH?sv`19;2lunl}j`ZBYz&a0FGIzS8913rNs(2;bO3OEn+4A{*9 z?m#A~{cixT?p+kG(3X^?c5nnVfJ0yyK=;6vq;3+R!p2e;Uff1tzv3a?0!xxsVjH`` yuH%H~>ykT3^%yW8KFkSFtAKomk9H%;XTu+%v6h-F+%aeX00005r00001b5ch_0Itp) z=>Px$JV``BR5(wKlS?Z_Q5c4wSBhjH%1F#j5dXkP$wYDqrCjFx2vROn6Zru~Zppn2 z{R9eSA`wPPyv}#pTPK~fw>A9M_defcy-NVL+krix6?l(WnKLhGE6MLDNviZ0QY+U1D+T+H18qt++5_wZ^~u(=8VSdK0>hGyi+}{u0Q3Xl$lrJw g(i^ZV={fFx05Bb%3?+t?V*mgE07*qoM6N<$g4K1J6951J literal 0 HcmV?d00001 diff --git a/src/assets/manageImg/table-edit1.png b/src/assets/manageImg/table-edit1.png new file mode 100644 index 0000000000000000000000000000000000000000..ac1830294ed6137a9a0aff1939ae6efe01a8d653 GIT binary patch literal 401 zcmV;C0dD?@P)Px$OG!jQR5(wKlf5fOVHn1LmlTuoMrI`jqq2y|V)C)rC?%s&%Ew?aDu03!LfK3f znGC#xO$O!T&B9>uc{#VvDe0V-r_S&^=lZ~}AzS3lvBq{lpE z+Y3qX1TY}!-u6Y}(e3<9^nW_SY(1KowN?Kxm3RlKns ziuJ&#qz~JDxv=dpW(#PG+JFt91dK^~N!wcpZvziN4{!-I14EMDGDCBfZHE~ZU=5fB z&XaE>Q!IkNhs1UhumhX|`-wScl0JX8&~|TD^E1#c>8{#@{rqQpAcOaS$R48?b$y=~ vtQh5nPx+Wl2OqRA@uxo5znFMHt0j85`T=oIxasAOr#~+_)ei_)|FWk05bC1d%xq4{+nc z1qq20Le^Sfj0i@6jR+XS(XudtdD8qy-;2=k1bC zmb6pSnUc; zIRMZgIRo0}!I|S1Nnc9(Hl@Tky^r32bIwc#+q^QEWl(I832-)0SS@8-0`=>1d|sEb zwygse+h>6}bHMax*m_E-s+iVA=mj`fMY@1xa6sa0%&MgepsMZ8%SH*B*Oq$e3<1yL z0{T!Nw&w<%b3Rql)sij@FgO*!!l+qolI^@;tKX~2-7?2-*eQN3>C==Fj;-^U3vkYv z&~lxmvtnflAC_>NeRfV@&M#DfTjE3oUK7SXOet|5C+VCsAg>R{^k;+%OW00nbhzl6 zX#C%HZl?xVnC9H0Y!VV1Wu zyl6Z>4!$ZA?2GQgF?m*KT~_-zKSTlx1~+q zKt}dnDeZMhM7Waa5-?J@C2Rn82|+ljCMmNB zNPTJtR#sAVJ_%{VGNB5VA#Nq5glYbltOvUnOCk&bvdV7t!hj^X$KE+lbug|?t*oW1 zW?Hfg_*O#qX;!!z`HCos#a0=D`rK{D%2G5o5Ih z=DUu|-~%+~umWKEQMU#=B;C%c+PrTG7;|_?(z9{VI>21(j#*3S5lI&fMcWgwiwm+Z zl*PRE02nz_*aO1exhtzG0psYN4tcYRb%43vZL=`(fTRm11PsegH<9%x0LD9?7gBa+ zbxi(QGr-(a9|kZ|>tnxFr$yHiP&m3a zGjJ1rt}aW%iu47%!HxlpGvOZ&M^ zU>LqU!VzA2ssq3;6iH4~rd7_T1iW*oq>(*2D(1j>9y1uTC~o5bc!hY{lE#+f*lEEq z$;XbNPRr#XNe3%9Rkg%8I9G?jt`JxC(%XiHB?^C%mHXpf@H}=uhG8cWBt~yYdOJXO z6(Y4^X-wjQJy92T#qF_R`8|`zSw25&A3qjMciC`l;xQ(*WN-jab>J*%06ZL9Bf0?B zrj|pB2PDn52Fg98Jx_Kvc2Sr-w)@ts)O@ocZ?8J6+TvkId3d6n7UPm$BJHN0mO(d` zheH|wgdyDgy>afUuEw&MV_G~U9`u){Ogvzg?2h^yru(;e zSh}3^&?X)ZWJ^IB6oxcgR10OkVpnAy)koc({_Oe<`8Yuqk%pe$~P zBOM3%&2~ea#yhz|`wj768KA`2&9vnKbEGTUf6GH5Z8o*gH1|H{W!=2ao*&XMIDq*fkx3rK`xnKnTce&omjwU-002ovPDHLkV1moos_Fm$ literal 0 HcmV?d00001 diff --git a/src/assets/manageImg/videoManage.png b/src/assets/manageImg/videoManage.png new file mode 100644 index 0000000000000000000000000000000000000000..9e1a44a9757fcf1075f5586b184ab069199db238 GIT binary patch literal 2855 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 FV1k?8PJjRa literal 0 HcmV?d00001 diff --git a/src/assets/manageImg/weatherData.png b/src/assets/manageImg/weatherData.png new file mode 100644 index 0000000000000000000000000000000000000000..1649bdf3329e3d6f62fa1fc249f77d69ac6d180c GIT binary patch literal 3057 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 import('../views/manage/index.vue') + component: () => import('../views/manage/index.vue'), + redirect: '/deviceStatusSet', + children:[{ + path: '/deviceStatusSet', + name: 'deviceStatusSet', + component: () => import('../views/manage/deviceStatusSet.vue') + },{ + path: '/deviceSet', + name: 'deviceSet', + component: () => import('../views/manage/deviceSet.vue') + },{ + path: '/deviceInfoManage', + name: 'deviceInfoManage', + component: () => import('../views/manage/deviceInfoManage.vue') + },{ + path: '/weatherData', + name: 'weatherData', + component: () => import('../views/manage/weatherData.vue') + },{ + path: '/dataDevice', + name: 'dataDevice', + component: () => import('../views/manage/dataDevice.vue') + },{ + path: '/mobileControl', + name: 'mobileControl', + component: () => import('../views/manage/mobileControl.vue') + },{ + path: '/userInfoControl', + name: 'userInfoControl', + component: () => import('../views/manage/userInfoControl.vue') + },{ + path: '/deviceManage', + name: 'deviceManage', + component: () => import('../views/manage/deviceManage.vue') + },{ + path: '/videoManage', + name: 'videoManage', + component: () => import('../views/manage/videoManage.vue') + },] }, { path: '/control', name: 'control', diff --git a/src/views/index.vue b/src/views/index.vue index acc9088..eb68326 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -25,7 +25,7 @@
-
+