smart-power-ui/node_modules/.cache/vue-loader/3fc2052075ef6f1dbdff3c14a8b29fb4.json

{"remainingRequest":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\project\\smart-power-ui\\src\\views\\personal\\device\\profile\\runStarts.vue?vue&type=script&lang=js&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\personal\\device\\profile\\runStarts.vue","mtime":1618382080787},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1610504270305},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1610504274351}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IGdldERldmljZUZ1bkxpc3QsIGdldERldmljZUNtZExpc3QgfSBmcm9tICJAL2FwaS9pb3QvZGV2aWNlIjsKaW1wb3J0IHsgaW90V2ViU29ja2V0QmFzZVVybCB9IGZyb20gIkAvY29uZmlnL2VudiI7CmltcG9ydCBSdW5TdGF0ZVRhYmxlIGZyb20gIi4vcnVuU3RhdGVUYWJsZSI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiUnVuU3RhcnRzV3JhcCIsCiAgcHJvcHM6IFsicHJvZElkIiwgInNvdXJjZUlkIiwgImRldmljZUluZm8iXSwKICBjb21wb25lbnRzOiB7CiAgICBSdW5TdGF0ZVRhYmxlCiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgY21kTGlzdDogW10sCiAgICAgIGNtZE9iamVjdDoge30sCiAgICAgIHN0b21wQ2xpZW50OiBudWxsLAogICAgICBkZXZpY2VLZXk6ICIiLAogICAgICBzb2NrZXRfZmxhZzogdHJ1ZSwKICAgICAgZGlhbG9nRGF0YToge30sCiAgICAgIGRpYWxvZ1Nob3c6IGZhbHNlLAogICAgICBmaXJzdFdzTWFzc2FnZTogdHJ1ZQogICAgfTsKICB9LAogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmdldENtZExpc3QoKTsKICAgIC8vIHRoaXMuY29ubmVjdGlvbigpOwogIH0sCiAgbWV0aG9kczogewogICAgLy8g5p+l55yL5pWw5o2uCiAgICBoYW5kbGVTaG93RGF0YShyb3cpIHsKICAgICAgcm93LmNoYXJ0RGF0ZSA9IG5ldyBEYXRlKCkKICAgICAgdGhpcy5kaWFsb2dEYXRhID0gcm93CiAgICAgIHRoaXMuZGlhbG9nU2hvdyA9IHRydWUKICAgIH0sCiAgICBkaWFsb2dPcGVuKCkgewogICAgICB0aGlzLiRyZWZzLnNob3dDaGFydC5pbml0RGlhbG9nKHRoaXMuZGlhbG9nRGF0YSkKICAgIH0sCiAgICBkaWFsb2dDbG9zZUNlbGwoKSB7CiAgICAgIHRoaXMuJHJlZnMuc2hvd0NoYXJ0LmNsb3NlKCkKICAgIH0sCiAgICAvLyDliJvlu7p3cwogICAgY29ubmVjdGlvbigpIHsKICAgICAgaWYgKHRoaXMuc3RvbXBDbGllbnQpIHsKICAgICAgICByZXR1cm47CiAgICAgIH0KICAgICAgaWYgKCFpb3RXZWJTb2NrZXRCYXNlVXJsKSB7CiAgICAgICAgcmV0dXJuOwogICAgICB9CiAgICAgIC8vIGxldCBsb2NhaG9zdFVybCA9ICd3czovLzE5Mi4xNjguMTguMTM4L2RldmljZS93cy9kZXYvc2VuZC8nCiAgICAgIGxldCBoZWFkZXJzID0gewogICAgICAgIGNsaWVudGlkOiB0aGlzLmRldmljZUluZm8ud3NDbGllbnRJZCwKICAgICAgICB1c2VybmFtZTogdGhpcy5kZXZpY2VJbmZvLndzVXNlcm5hbWUsCiAgICAgICAgc2lnbjogdGhpcy5kZXZpY2VJbmZvLndzU2lnbgogICAgICB9OwogICAgICB0aGlzLnN0b21wQ2xpZW50ID0gbmV3IFdlYlNvY2tldChgJHtpb3RXZWJTb2NrZXRCYXNlVXJsfSR7aGVhZGVycy5jbGllbnRpZH0vJHtoZWFkZXJzLnVzZXJuYW1lfS8ke2hlYWRlcnMuc2lnbn1gKTsKICAgICAgdGhpcy5zdG9tcENsaWVudC5vbm1lc3NhZ2UgPSB0aGlzLnNvY2tldF9vbm1zZzsKICAgICAgdGhpcy5zdG9tcENsaWVudC5vbmNsb3NlID0gdGhpcy5zb2NrZXRfb25jbG9zZTsKICAgIH0sCiAgICBzb2NrZXRfb25tc2coZXZ0KSB7CiAgICAgIHRoaXMuc2V0TGlzdERhdGEoZXZ0LmRhdGEpOwogICAgfSwKICAgIHNldExpc3REYXRhKGRhdGEpIHsKICAgICAgdGhpcy5yZWN1cnNpb25TZXQodGhpcy5jbWRMaXN0LCBKU09OLnBhcnNlKGRhdGEpKTsKICAgICAgdGhpcy5maXJzdFdzTWFzc2FnZSA9IGZhbHNlCiAgICAgIHRoaXMuJGZvcmNlVXBkYXRlKCkKICAgIH0sCiAgICByZWN1cnNpb25TZXQobGlzdCwgcmVzdWx0KSB7CiAgICAgIGZvcih2YXIgaSA9IDA7IGk8bGlzdC5sZW5ndGg7IGkrKykgewogICAgICAgIGlmICh0aGlzLmZpcnN0V3NNYXNzYWdlKSB7CiAgICAgICAgICAvLyByZXN1bHRbImNtZCJdICYmIGxpc3RbaV1bJ2NtZEtleSddID09PSByZXN1bHRbImNtZCJdCiAgICAgICAgICAvLyBpZiAocmVzdWx0WyJjbWQiXSAmJiBsaXN0W2ldWydjbWRLZXknXSA9PT0gcmVzdWx0WyJjbWQiXSkgewogICAgICAgICAgICBmb3IodmFyIHYgPSAwOyB2PGxpc3RbaV0uY2hpbGRyZW4ubGVuZ3RoOyB2KyspIHsKICAgICAgICAgICAgICBpZiAocmVzdWx0LnBhcmFtc1tsaXN0W2ldLmNoaWxkcmVuW3ZdWydmdW5LZXknXV0gIT09IG51bGwgJiYgcmVzdWx0LnBhcmFtc1tsaXN0W2ldLmNoaWxkcmVuW3ZdWydmdW5LZXknXV0gIT09IHVuZGVmaW5lZCkgewogICAgICAgICAgICAgICAgbGlzdFtpXS5jaGlsZHJlblt2XVsnbGFzdFZhbHVlJ10gPSByZXN1bHQucGFyYW1zW2xpc3RbaV0uY2hpbGRyZW5bdl1bJ2Z1bktleSddXQogICAgICAgICAgICAgICAgbGlzdFtpXS5jaGlsZHJlblt2XVsnbGFzdFRpbWUnXSA9IHJlc3VsdC5wYXJhbXNbJ3RpbWVzdGFtcCddID8gcmVzdWx0LnBhcmFtc1sndGltZXN0YW1wJ10gOiAnJwogICAgICAgICAgICAgIH0KICAgICAgICAgICAgfQogICAgICAgICAgLy8gfQogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICBpZiAocmVzdWx0WyJjbWQiXSAmJiBsaXN0W2ldWydjbWRLZXknXSA9PT0gcmVzdWx0WyJjbWQiXSkgewogICAgICAgICAgICBmb3IodmFyIHYgPSAwOyB2PGxpc3RbaV0uY2hpbGRyZW4ubGVuZ3RoOyB2KyspIHsKICAgICAgICAgICAgICBpZiAocmVzdWx0LnBhcmFtc1tsaXN0W2ldLmNoaWxkcmVuW3ZdWydmdW5LZXknXV0gIT09IG51bGwgJiYgcmVzdWx0LnBhcmFtc1tsaXN0W2ldLmNoaWxkcmVuW3ZdWydmdW5LZXknXV0gIT09IHVuZGVmaW5lZCkgewogICAgICAgICAgICAgICAgbGlzdFtpXS5jaGlsZHJlblt2XVsnbGFzdFZhbHVlJ10gPSByZXN1bHQucGFyYW1zW2xpc3RbaV0uY2hpbGRyZW5bdl1bJ2Z1bktleSddXSwKICAgICAgICAgICAgICAgIGxpc3RbaV0uY2hpbGRyZW5bdl1bJ2xhc3RUaW1lJ10gPSByZXN1bHQucGFyYW1zWyd0aW1lc3RhbXAnXSAgPyByZXN1bHQucGFyYW1zWyd0aW1lc3RhbXAnXSA6ICcnCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICAgIGJyZWFrOwogICAgICAgICAgfQogICAgICAgIH0KCiAgICAgIH0KICAgIH0sCiAgICBzb2NrZXRfb25jbG9zZShlKSB7CiAgICAgIHRoaXMuc3RvbXBDbGllbnQgPSBudWxsOwogICAgICBpZiAodGhpcy5zb2NrZXRfZmxhZykgewogICAgICAgIHRoaXMuc29ja2V0X2ZsYWcgPSBmYWxzZTsKICAgICAgICBsZXQgc2VsZiA9IHRoaXM7CiAgICAgICAgc2V0VGltZW91dChmdW5jdGlvbigpIHsKICAgICAgICAgIHNlbGYuc29ja2V0X2ZsYWcgPSB0cnVlOwogICAgICAgICAgc2VsZi5jb25uZWN0aW9uKCk7CiAgICAgICAgfSwgMTAwMDApOwogICAgICB9CiAgICB9LAogICAgZm9yR2V0UGFybWFzKHJvdywgaW5kZXgpIHsKICAgICAgY29uc3QgcGFyYW0gPSB7CiAgICAgICAgY21kSWQ6IHJvdy5jbWRJZCwKICAgICAgICBkZXZpY2VJZDogdGhpcy5kZXZpY2VJbmZvLmRldmljZUlkLAogICAgICAgIGNtZEtleTogcm93LmNtZEtleSwKICAgICAgICBkZXZpY2VLZXk6IHRoaXMuZGV2aWNlSW5mby5kZXZpY2VLZXkKICAgICAgfTsKICAgICAgZ2V0RGV2aWNlRnVuTGlzdChwYXJhbSkudGhlbihyZXMgPT4gewogICAgICAgIHJvd1siY2hpbGRyZW4iXSA9IHJlcy5kYXRhIHx8IFtdOwogICAgICAgIHRoaXMuJGZvcmNlVXBkYXRlKCk7CiAgICAgIH0pOwogICAgfSwKICAgIGxlbmd0aFJlU2l6ZShzdHIpIHsKICAgICAgaWYgKHN0ci50b1N0cmluZygpLmxlbmd0aCA8IDE4ICYmIHN0ci50b1N0cmluZygpLmxlbmd0aCA+IDEyKSB7CiAgICAgICAgcmV0dXJuICJmb250LXNpemU6IDE4cHg7IjsKICAgICAgfSBlbHNlIGlmIChzdHIudG9TdHJpbmcoKS5sZW5ndGggPiAxOCkgewogICAgICAgIHJldHVybiAiZm9udC1zaXplOiAxOHB4OyB3aGl0ZS1zcGFjZTogbm93cmFwOyBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7d2lkdGg6IDgwJTsgb3ZlcmZsb3c6IGhpZGRlbjsgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7IjsKICAgICAgfSBlbHNlIHsKICAgICAgICByZXR1cm4gIiI7CiAgICAgIH0KICAgIH0sCiAgICBnZXRDbWRMaXN0KCkgewogICAgICBjb25zdCBwYXJhbXMgPSB7CiAgICAgICAgZGV2aWNlSWQ6IHRoaXMuZGV2aWNlSW5mby5kZXZpY2VJZCwKICAgICAgICBjbWRUeXBlOiAiMSIKICAgICAgfQogICAgICBnZXREZXZpY2VDbWRMaXN0KHBhcmFtcykudGhlbihyZXNwb25zZSA9PiB7CiAgICAgICAgdGhpcy5jbWRMaXN0ID0gcmVzcG9uc2UuZGF0YTsKICAgICAgfSk7CiAgICB9LAogICAgY2xvc2VXZWJzY29rZXQoKSB7CiAgICAgIHRoaXMuc3RvbXBDbGllbnQgPSBudWxsOwogICAgfQogIH0sCiAgZGVzdHJveWVkKCkgewogICAgdGhpcy5jbG9zZVdlYnNjb2tldCgpOwogIH0sCiAgd2F0Y2g6IHsKICAgIGNtZExpc3QodmFsKSB7CiAgICAgIGlmICh2YWwpIHsKICAgICAgICB2YWwuZm9yRWFjaCgodiwgaW5kZXgpID0+IHsKICAgICAgICAgIHRoaXMuZm9yR2V0UGFybWFzKHYsIGluZGV4KTsKICAgICAgICB9KTsKICAgICAgICBzZXRUaW1lb3V0KHRoaXMuY29ubmVjdGlvbiwgMzAwMCkKICAgICAgICAvLyB0aGlzLmNvbm5lY3Rpb24oKQogICAgICB9CiAgICB9CiAgfQp9Owo="},{"version":3,"sources":["runStarts.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"runStarts.vue","sourceRoot":"src/views/personal/device/profile","sourcesContent":["<template>\n  <div class=\"device-run-starts-wrap\">\n    <!-- <el-button @click=\"closeDevcieData\" type=\"danger\">清空设备所有数据</el-button> -->\n    <div class=\"cmd-list\" v-for=\"(doct, index) in cmdList\" :key=\"index\">\n      <div class=\"cmd-title-wrap\">\n        <svg-icon icon-class=\"A_product1\" style=\"margin-right: 2px; height: 20px; width: 20px;\" />分组名称：\n        <span class=\"cmd-title\">{{doct.cmdName}}</span>\n      </div>\n      <div class=\"param-item2\" v-for=\"(doctItem, indexs) in doct.children\" :key=\"indexs\">\n        <div class=\"title-top\">\n          <span class=\"name-wr\">{{doctItem.funName}}</span>\n          <span class=\"type-wr\" @click=\"handleShowData(doctItem)\">查看</span>\n        </div>\n        <div class=\"value-info\">\n          <div class=\"value-wrap\">\n            <span class=\"val-span\" v-text=\"doctItem.lastValue === null || doctItem.lastValue === undefined ?  '--' : doctItem.lastValue\"> </span>\n          </div>\n        </div>\n        <div class=\"time-w\">\n          <span class=\"time-warp\">{{doctItem.unitName}}</span>\n          <span class=\"time\" v-text=\"doctItem.lastTime ?  parseTime(doctItem.lastTime) : '--'\"></span>\n        </div>\n      </div>\n    </div>\n\n    <el-dialog append-to-body class=\"device-run-state-dailog\" title=\"查看数据\" :visible.sync=\"dialogShow\" width=\"700px\" :close-on-click-modal=\"false\" @close=\"dialogCloseCell\" @opened=\"dialogOpen\">\n      <run-state-table :dialogData=\"dialogData\" :prodId=\"prodId\" :pro_type=\"dialogData.funDataType\" :dialogShow=\"dialogShow\" :deviceKey=\"deviceInfo.deviceKey\" ref=\"showChart\" />\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button size=\"small\" @click=\"dialogShow = false\">关 闭</el-button>\n      </div>\n    </el-dialog>\n  </div>\n</template>\n<script>\nimport { getDeviceFunList, getDeviceCmdList } from \"@/api/iot/device\";\nimport { iotWebSocketBaseUrl } from \"@/config/env\";\nimport RunStateTable from \"./runStateTable\";\nexport default {\n  name: \"RunStartsWrap\",\n  props: [\"prodId\", \"sourceId\", \"deviceInfo\"],\n  components: {\n    RunStateTable\n  },\n  data() {\n    return {\n      cmdList: [],\n      cmdObject: {},\n      stompClient: null,\n      deviceKey: \"\",\n      socket_flag: true,\n      dialogData: {},\n      dialogShow: false,\n      firstWsMassage: true\n    };\n  },\n  created() {\n    this.getCmdList();\n    // this.connection();\n  },\n  methods: {\n    // 查看数据\n    handleShowData(row) {\n      row.chartDate = new Date()\n      this.dialogData = row\n      this.dialogShow = true\n    },\n    dialogOpen() {\n      this.$refs.showChart.initDialog(this.dialogData)\n    },\n    dialogCloseCell() {\n      this.$refs.showChart.close()\n    },\n    // 创建ws\n    connection() {\n      if (this.stompClient) {\n        return;\n      }\n      if (!iotWebSocketBaseUrl) {\n        return;\n      }\n      // let locahostUrl = 'ws://192.168.18.138/device/ws/dev/send/'\n      let headers = {\n        clientid: this.deviceInfo.wsClientId,\n        username: this.deviceInfo.wsUsername,\n        sign: this.deviceInfo.wsSign\n      };\n      this.stompClient = new WebSocket(`${iotWebSocketBaseUrl}${headers.clientid}/${headers.username}/${headers.sign}`);\n      this.stompClient.onmessage = this.socket_onmsg;\n      this.stompClient.onclose = this.socket_onclose;\n    },\n    socket_onmsg(evt) {\n      this.setListData(evt.data);\n    },\n    setListData(data) {\n      this.recursionSet(this.cmdList, JSON.parse(data));\n      this.firstWsMassage = false\n      this.$forceUpdate()\n    },\n    recursionSet(list, result) {\n      for(var i = 0; i<list.length; i++) {\n        if (this.firstWsMassage) {\n          // result[\"cmd\"] && list[i]['cmdKey'] === result[\"cmd\"]\n          // if (result[\"cmd\"] && list[i]['cmdKey'] === result[\"cmd\"]) {\n            for(var v = 0; v<list[i].children.length; v++) {\n              if (result.params[list[i].children[v]['funKey']] !== null && result.params[list[i].children[v]['funKey']] !== undefined) {\n                list[i].children[v]['lastValue'] = result.params[list[i].children[v]['funKey']]\n                list[i].children[v]['lastTime'] = result.params['timestamp'] ? result.params['timestamp'] : ''\n              }\n            }\n          // }\n        } else {\n          if (result[\"cmd\"] && list[i]['cmdKey'] === result[\"cmd\"]) {\n            for(var v = 0; v<list[i].children.length; v++) {\n              if (result.params[list[i].children[v]['funKey']] !== null && result.params[list[i].children[v]['funKey']] !== undefined) {\n                list[i].children[v]['lastValue'] = result.params[list[i].children[v]['funKey']],\n                list[i].children[v]['lastTime'] = result.params['timestamp']  ? result.params['timestamp'] : ''\n              }\n            }\n            break;\n          }\n        }\n\n      }\n    },\n    socket_onclose(e) {\n      this.stompClient = null;\n      if (this.socket_flag) {\n        this.socket_flag = false;\n        let self = this;\n        setTimeout(function() {\n          self.socket_flag = true;\n          self.connection();\n        }, 10000);\n      }\n    },\n    forGetParmas(row, index) {\n      const param = {\n        cmdId: row.cmdId,\n        deviceId: this.deviceInfo.deviceId,\n        cmdKey: row.cmdKey,\n        deviceKey: this.deviceInfo.deviceKey\n      };\n      getDeviceFunList(param).then(res => {\n        row[\"children\"] = res.data || [];\n        this.$forceUpdate();\n      });\n    },\n    lengthReSize(str) {\n      if (str.toString().length < 18 && str.toString().length > 12) {\n        return \"font-size: 18px;\";\n      } else if (str.toString().length > 18) {\n        return \"font-size: 18px; white-space: nowrap; display: inline-block;width: 80%; overflow: hidden; text-overflow: ellipsis;\";\n      } else {\n        return \"\";\n      }\n    },\n    getCmdList() {\n      const params = {\n        deviceId: this.deviceInfo.deviceId,\n        cmdType: \"1\"\n      }\n      getDeviceCmdList(params).then(response => {\n        this.cmdList = response.data;\n      });\n    },\n    closeWebscoket() {\n      this.stompClient = null;\n    }\n  },\n  destroyed() {\n    this.closeWebscoket();\n  },\n  watch: {\n    cmdList(val) {\n      if (val) {\n        val.forEach((v, index) => {\n          this.forGetParmas(v, index);\n        });\n        setTimeout(this.connection, 3000)\n        // this.connection()\n      }\n    }\n  }\n};\n</script>-\n<style lang=\"scss\">\n.device-run-starts-wrap {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  overflow: auto;\n  padding: 10px;\n  .el-button--medium {\n    position: absolute;\n    right: 30px;\n  }\n  .cmd-list {\n    width: 100%;\n    /* height: auto; */\n    display: flex;\n    flex-wrap: wrap;\n    cursor: default;\n    padding: 10px;\n    .cmd-title-wrap {\n      width: 100%;\n      display: flex;\n      // border-bottom: 1px solid #bdb7b7;\n      height: 35px;\n      font-size: 16px;\n      align-items: center;\n      .cmd-title {\n        font-size: 14px;\n        color: #a9a6a6;\n        font-size: 16px;\n        color: #f35151;\n        letter-spacing: 1px;\n      }\n    }\n    .param-item {\n      height: 130px;\n      // border: 1px solid #777474;\n      width: 250px;\n      display: flex;\n      flex-wrap: wrap;\n      margin-right: 10px;\n      margin-top: 10px;\n      border-radius: 2px;\n      padding: 10px;\n      justify-content: start;\n      align-items: start;\n      margin: 0;\n      margin-left: 15px;\n      margin-top: 15px;\n      box-shadow: 0px 0px 3px 0px #b7b4b4;\n      .title-top {\n        height: 30px;\n        display: flex;\n        align-items: flex-end;\n        width: 100%;\n        border-bottom: 1px dotted #c5c3c3;\n        padding-bottom: 3px;\n        justify-content: space-between;\n        .name-wr {\n          font-size: 18px;\n          color: #1890ff;\n        }\n        .type-wr {\n          font-size: 14px;\n          color: #1890ff;\n        }\n      }\n      .value-info {\n        height: 55px;\n        display: flex;\n        margin-top: 5px;\n        align-items: center;\n        width: 100%;\n        .value-wrap {\n        }\n        .val-span {\n          color: #03a9f4;\n          font-size: 20px;\n          display: inline-block;\n          overflow: hidden;\n        }\n      }\n\n      .time-w {\n        margin-top: 5px;\n        font-size: 14px;\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        color: #908c8c;\n      }\n    }\n    .param-item2 {\n      height: 150px;\n      width: 300px;\n      display: flex;\n      flex-wrap: wrap;\n      border-radius: 0px;\n      padding: 10px;\n      justify-content: start;\n      align-items: start;\n      margin: 0;\n      border: 1px solid #b7b4b4;\n      margin-left: -1px;\n      margin-top: -1px;\n      .title-top {\n        height: 30px;\n        display: flex;\n        align-items: flex-end;\n        width: 100%;\n        border-bottom: 1px dotted #c5c3c3;\n        padding-bottom: 3px;\n        justify-content: space-between;\n        .name-wr {\n          font-size: 18px;\n          // color: #1890ff;\n        }\n        .type-wr {\n          font-size: 14px;\n          // color: #606266;\n          color: #1890ff;\n        }\n        .type-wr:hover {\n          color: #1890ff;\n          cursor: pointer;\n        }\n      }\n      .value-info {\n        height: 55px;\n        display: flex;\n        margin-top: 5px;\n        align-items: center;\n        width: 100%;\n        .value-wrap {\n        }\n        .val-span {\n          color: #03a9f4;\n          font-size: 20px;\n          display: inline-block;\n          width: 100%;\n          overflow: hidden;\n        }\n      }\n\n      .time-w {\n        margin-top: 5px;\n        font-size: 14px;\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        color: #908c8c;\n      }\n    }\n  }\n}\n.device-run-state-dailog {\n  .el-dialog__header {\n    border-bottom: 1px solid #b6b6b6;\n  }\n  .el-dialog__footer {\n    border-top: 1px solid #b6b6b6;\n    padding-bottom: 10px;\n  }\n}\n\n</style>\n"]}]}