smart-power-ui/node_modules/.cache/vue-loader/4dc7dd7e18ddd664f304bb60f81f9324.json

{"remainingRequest":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\project\\smart-power-ui\\src\\views\\profile\\DeviceRunStarts\\table.vue?vue&type=script&lang=js&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\profile\\DeviceRunStarts\\table.vue","mtime":1620961647566},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCAqIGFzIGVjaGFydHMgZnJvbSAnZWNoYXJ0cyc7CmltcG9ydCB7IGdldERhdGFVcGxvYWRMaXN0QXQgfSBmcm9tICJAL2FwaS9pb3QvZGV2aWNlIjsKaW1wb3J0IHsgZ2V0SW90RmlsZVVybCB9IGZyb20gIkAvdXRpbHMvaGNpb3QiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlJ1blN0YXRlVGFibGUiLAogIHByb3BzOiBbImRldmljZUtleSIsJ2RldmljZUlkJywgImRpYWxvZ1Nob3ciLCAicHJvX3R5cGUiLCAicHJvZElkIl0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHRpbWVWYWx1ZTogIjEiLAogICAgICBwaWNrZXJWYWx1ZTE6ICIiLAogICAgICB0YWJsZURhdGE6IFtdLAogICAgICBsb2FkTW9yZVRleHQ6ICLlt7Lnu4/lhajpg6jliqDovb0iLAogICAgICBsb2FkTW9yZWRpc2FibGU6IHRydWUsCiAgICAgIHNob3dUeXBlOiAi5Zu+6KGoIiwKICAgICAgc2hvd2NoYXJ0RGlzYWJsZTogZmFsc2UsCiAgICAgIHNob3dsaXN0RGlzYWJsZTogZmFsc2UsCiAgICAgIHNob3dEaWFsb2c6IHRydWUsCiAgICAgIGNoYXJ0OiBudWxsLAogICAgICByb3c6IHt9LAogICAgICBwYWdlOiB7CiAgICAgICAgcGFnZTogMSwKICAgICAgICBwYWdlU2l6ZTogMTAwLAogICAgICAgIHRvdGFsOiAwCiAgICAgIH0sCiAgICAgIHRpbWVPcHRpb25zOiBbCiAgICAgICAgewogICAgICAgICAgbGFiZWw6ICIx5bCP5pe2IiwKICAgICAgICAgIHZhbHVlOiAiMSIKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIGxhYmVsOiAiMjTlsI/ml7YiLAogICAgICAgICAgdmFsdWU6ICIyIgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgbGFiZWw6ICI35aSpIiwKICAgICAgICAgIHZhbHVlOiAiMyIKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIGxhYmVsOiAi6Ieq5a6a5LmJIiwKICAgICAgICAgIHZhbHVlOiAiNCIKICAgICAgICB9CiAgICAgIF0KICAgIH07CiAgfSwKICBjcmVhdGVkKCkgewogICAgdGhpcy50aW1lVmFsdWUgPSAiMSI7CiAgfSwKICBtb3VudGVkKCkgewogICAgLyp0aGlzLiRuZXh0VGljayhmdW5jdGlvbigpIHsKICAgICAgdGhpcy5pbml0RGlhbG9nKCkKICAgIH0pKi8KICB9LAogIHdhdGNoOiB7CiAgICAvKmRpYWxvZ0RhdGEob2JqKSB7CiAgICAgIHRoaXMuaW5pdERpYWxvZygpCiAgICB9Ki8KICB9LAogIG1ldGhvZHM6IHsKICAgIGdldElvdEZpbGVVcmwsCiAgICBjb3B5T25DbGljayh2YWwpIHsKICAgICAgbGV0IHNlbGYgPSB0aGlzOwogICAgICB0aGlzLiRjb3B5VGV4dCh2YWwpLnRoZW4oCiAgICAgICAgZnVuY3Rpb24oKSB7CiAgICAgICAgICBzZWxmLiRtZXNzYWdlKHsKICAgICAgICAgICAgbWVzc2FnZTogIuWkjeWItuaIkOWKnyIsCiAgICAgICAgICAgIHR5cGU6ICJzdWNjZXNzIgogICAgICAgICAgfSk7CiAgICAgICAgfSwKICAgICAgICBmdW5jdGlvbigpIHsKICAgICAgICAgIHNlbGYuJG1lc3NhZ2UuZXJyb3IoIuWkjeWItuWksei0pSIpOwogICAgICAgIH0KICAgICAgKTsKICAgIH0sCiAgICByZXR1cm5TdHIodmFsKSB7CiAgICAgIGlmICh2YWwubGVuZ3RoID4gNDcpIHsKICAgICAgICByZXR1cm4gdmFsLnN1YnN0cmluZygwLCA0NykgKyAiLi4uICI7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgcmV0dXJuIHZhbDsKICAgICAgfQogICAgfSwKICAgIGRyYXdMaW5lKCkgewogICAgICBsZXQgcGFyYW0gPSB7fTsKICAgICAgbGV0IHRpbWUgPSB7fTsKICAgICAgc3dpdGNoICh0aGlzLnRpbWVWYWx1ZSkgewogICAgICAgIGNhc2UgIjEiOgogICAgICAgICAgdGltZS5zdGFydFRpbWUgPSBEYXRlLnBhcnNlKAogICAgICAgICAgICBuZXcgRGF0ZShuZXcgRGF0ZSgpLmdldFRpbWUoKSAtIDEgKiA2MCAqIDYwICogMTAwMCkKICAgICAgICAgICk7CiAgICAgICAgICB0aW1lLmVuZFRpbWUgPSBEYXRlLnBhcnNlKG5ldyBEYXRlKCkpOwogICAgICAgICAgYnJlYWs7CiAgICAgICAgY2FzZSAiMiI6CiAgICAgICAgICB0aW1lLnN0YXJ0VGltZSA9IERhdGUucGFyc2UoCiAgICAgICAgICAgIG5ldyBEYXRlKG5ldyBEYXRlKCkuZ2V0VGltZSgpIC0gMjQgKiA2MCAqIDYwICogMTAwMCkKICAgICAgICAgICk7CiAgICAgICAgICB0aW1lLmVuZFRpbWUgPSBEYXRlLnBhcnNlKG5ldyBEYXRlKCkpOwogICAgICAgICAgYnJlYWs7CiAgICAgICAgY2FzZSAiMyI6CiAgICAgICAgICB0aW1lLnN0YXJ0VGltZSA9IERhdGUucGFyc2UoCiAgICAgICAgICAgIG5ldyBEYXRlKG5ldyBEYXRlKCkuZ2V0VGltZSgpIC0gNyAqIDI0ICogNjAgKiA2MCAqIDEwMDApCiAgICAgICAgICApOwogICAgICAgICAgdGltZS5lbmRUaW1lID0gRGF0ZS5wYXJzZShuZXcgRGF0ZSgpKTsKICAgICAgICAgIGJyZWFrOwogICAgICAgIGRlZmF1bHQ6CiAgICAgICAgICB0aW1lLnN0YXJ0VGltZSA9IERhdGUucGFyc2UodGhpcy5waWNrZXJWYWx1ZTFbMF0pOwogICAgICAgICAgdGltZS5lbmRUaW1lID0gRGF0ZS5wYXJzZSh0aGlzLnBpY2tlclZhbHVlMVsxXSk7CiAgICAgIH0KICAgICAgbGV0IGxpc3RXaGVyZSA9IFtdOwogICAgICBsaXN0V2hlcmUucHVzaCgKICAgICAgICB7CiAgICAgICAgICBmaWVsZDogInRpbWUiLAogICAgICAgICAgb3BlcmF0b3I6ICJndCIsCiAgICAgICAgICB2YWw6IHRpbWUuc3RhcnRUaW1lLAogICAgICAgICAgdmFsVHlwZTogInRpbWUiCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBmaWVsZDogInRpbWUiLAogICAgICAgICAgb3BlcmF0b3I6ICJsdCIsCiAgICAgICAgICB2YWw6IHRpbWUuZW5kVGltZSwKICAgICAgICAgIHZhbFR5cGU6ICJ0aW1lIgogICAgICAgIH0KICAgICAgKTsKICAgICAgcGFyYW0uZGV2aWNlS2V5ID0gdGhpcy5kZXZpY2VLZXk7CiAgICAgIHBhcmFtLmRldmljZUlkID0gdGhpcy5kZXZpY2VJZDsKICAgICAgcGFyYW0ucHJvZFBrID0gdGhpcy5wcm9kSWQ7CiAgICAgIHBhcmFtLmZpZWxkcyA9IHRoaXMuZGlhbG9nRGF0YS5mdW5LZXk7CiAgICAgIHBhcmFtLm9yZGVyVHlwZSA9IDE7CiAgICAgIHBhcmFtLmN1cnJlbnQgPSB0aGlzLnBhZ2UucGFnZTsKICAgICAgcGFyYW0uc2l6ZSA9IHRoaXMucGFnZS5wYWdlU2l6ZTsKICAgICAgcGFyYW0ubGlzdFdoZXJlID0gbGlzdFdoZXJlOwogICAgICBnZXREYXRhVXBsb2FkTGlzdEF0KHBhcmFtKS50aGVuKHJlcyA9PiB7CiAgICAgICAgbGV0IHRpbWVEYXRhID0gcmVzLmRhdGEucmVjb3JkczsKICAgICAgICB0aGlzLnBhZ2UudG90YWwgPSByZXMuZGF0YS50b3RhbDsKICAgICAgICB0aGlzLnNldFNob3dDaGFydCh0aW1lRGF0YSk7CiAgICAgIH0pOwogICAgfSwKICAgIHNldFNob3dDaGFydCh0aW1lRGF0YSkgewogICAgICBmb3IgKGxldCBpdGVtIG9mIHRpbWVEYXRhKSB7CiAgICAgICAgbGV0IGRhdGFJdGVtID0gewogICAgICAgICAgdGltZTogdGhpcy5wYXJzZVRpbWUobmV3IERhdGUoaXRlbS50aW1lKSksCiAgICAgICAgICB2YWx1ZTogaXRlbS52YWx1ZQogICAgICAgIH07CiAgICAgICAgdGhpcy50YWJsZURhdGEucHVzaChkYXRhSXRlbSk7CiAgICAgIH0KICAgICAgbGV0IGNoYXJ0RGF0YSA9IFsuLi50aGlzLnRhYmxlRGF0YV07CiAgICAgIC8vIGNoYXJ0RGF0YS5yZXZlcnNlKCkKICAgICAgbGV0IHZhbHVlRGF0YSA9IFtdOwogICAgICBsZXQgeERhdGEgPSBbXTsKICAgICAgZm9yIChsZXQgcG9pbnQgb2YgY2hhcnREYXRhKSB7CiAgICAgICAgeERhdGEucHVzaChwb2ludC50aW1lKTsKICAgICAgICB2YWx1ZURhdGEucHVzaChwb2ludC52YWx1ZSk7CiAgICAgIH0KICAgICAgaWYgKCF0aGlzLmNoYXJ0KSB7CiAgICAgICAgdmFyIG8gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgic2hvd0NoYXJ0Iik7CiAgICAgICAgdmFyIHcgPSBvLmNsaWVudFdpZHRoIHx8IG8ub2Zmc2V0V2lkdGg7CiAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImNoYXJ0Iikuc3R5bGUud2lkdGggPSB3ICsgInB4IjsKICAgICAgICB0aGlzLmNoYXJ0ID0gZWNoYXJ0cy5pbml0KGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJjaGFydCIpKTsKICAgICAgfQogICAgICB0aGlzLmNoYXJ0LnNldE9wdGlvbih7CiAgICAgICAgdG9vbHRpcDogewogICAgICAgICAgdHJpZ2dlcjogImF4aXMiCiAgICAgICAgfSwKICAgICAgICB4QXhpczogewogICAgICAgICAgdHlwZTogImNhdGVnb3J5IiwKICAgICAgICAgIGRhdGE6IHhEYXRhCiAgICAgICAgfSwKICAgICAgICB5QXhpczogewogICAgICAgICAgdHlwZTogInZhbHVlIgogICAgICAgIH0sCiAgICAgICAgc2VyaWVzOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGRhdGE6IHZhbHVlRGF0YSwKICAgICAgICAgICAgdHlwZTogImxpbmUiCiAgICAgICAgICB9CiAgICAgICAgXQogICAgICB9KTsKICAgIH0sCiAgICBsb2FkTW9yZURhdGEoKSB7fSwKICAgIGdldE1vcmVUaW1lRGF0YShwYXJhbSkgewogICAgICBpZiAoIXRoaXMuc2hvd0RpYWxvZykgewogICAgICAgIHJldHVybjsKICAgICAgfQogICAgICB0aGlzLnBhZ2UucGFnZSArPSAxOwogICAgICBwYXJhbS5wYWdlID0gdGhpcy5wYWdlLnBhZ2U7CiAgICAgIGdldERhdGFVcGxvYWRMaXN0QXQocGFyYW0pLnRoZW4ocmVzID0+IHsKICAgICAgICBsZXQgdGltZURhdGEgPSByZXMuZGF0YS5kYXRhLnJlY29yZHM7CiAgICAgICAgdGhpcy5wYWdlLnRvdGFsID0gcmVzLmRhdGEuZGF0YS50b3RhbDsKICAgICAgICB0aGlzLnNldFNob3dDaGFydCh0aW1lRGF0YSk7CiAgICAgICAgaWYgKHRoaXMucGFnZS50b3RhbCA+IHRoaXMucGFnZS5wYWdlU2l6ZSAqIHRoaXMucGFnZS5wYWdlKSB7CiAgICAgICAgICB0aGlzLmdldE1vcmVUaW1lRGF0YShwYXJhbSk7CiAgICAgICAgfQogICAgICB9KTsKICAgIH0sCiAgICBpbml0RGlhbG9nKGRpYWxvZ0RhdGEpIHsKICAgICAgaWYgKGRpYWxvZ0RhdGEpIHsKICAgICAgICB0aGlzLmRpYWxvZ0RhdGEgPSBkaWFsb2dEYXRhOwogICAgICB9IGVsc2UgewogICAgICAgIHJldHVybjsKICAgICAgfQogICAgICBpZiAoIXRoaXMuZGlhbG9nRGF0YS5mdW5EYXRhVHlwZSB8fCAhZG9jdW1lbnQucXVlcnlTZWxlY3RvcigiI2NoYXJ0IikpIHsKICAgICAgICByZXR1cm47CiAgICAgIH0KICAgICAgdGhpcy50aW1lVmFsdWUgPSAiMSI7CiAgICAgIHRoaXMuc2hvd0RpYWxvZyA9IHRydWU7CiAgICAgIHRoaXMudGFibGVEYXRhID0gW107CiAgICAgIHRoaXMucGFnZSA9IHsKICAgICAgICBwYWdlOiAxLAogICAgICAgIHBhZ2VTaXplOiAxMDAsCiAgICAgICAgdG90YWw6IDAKICAgICAgfTsKICAgICAgaWYgKAogICAgICAgIHRoaXMuZGlhbG9nRGF0YS5mdW5EYXRhVHlwZSA9PT0gIlRFWFQiIHx8CiAgICAgICAgdGhpcy5kaWFsb2dEYXRhLmZ1bkRhdGFUeXBlID09PSAiREFURSIgfHwKICAgICAgICB0aGlzLmRpYWxvZ0RhdGEuZnVuRGF0YVR5cGUgPT09ICJJTUFHRSIKICAgICAgKSB7CiAgICAgICAgdGhpcy5zaG93Y2hhcnREaXNhYmxlID0gdHJ1ZTsKICAgICAgICB0aGlzLnNob3dUeXBlID0gIuihqOagvCI7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy5zaG93Y2hhcnREaXNhYmxlID0gZmFsc2U7CiAgICAgICAgdGhpcy5zaG93VHlwZSA9ICLlm77ooagiOwogICAgICB9CiAgICAgIHRoaXMuZHJhd0xpbmUoKTsKICAgIH0sCiAgICBoYW5kbGVTaG93RGlhbG9nKCkge30sCiAgICBjbG9zZSgpIHsKICAgICAgdGhpcy50aW1lVmFsdWUgPSAiMSI7CiAgICAgIHRoaXMuc2hvd0RpYWxvZyA9IGZhbHNlOwogICAgfSwKICAgIHNlbGVjdENoYW5nZSh2YWwpIHsKICAgICAgaWYgKHZhbCAhPT0gIjQiKSB7CiAgICAgICAgdGhpcy5zaG93RGlhbG9nID0gdHJ1ZTsKICAgICAgICB0aGlzLnRhYmxlRGF0YSA9IFtdOwogICAgICAgIHRoaXMucGFnZSA9IHsKICAgICAgICAgIHBhZ2U6IDEsCiAgICAgICAgICBwYWdlU2l6ZTogMTAwLAogICAgICAgICAgdG90YWw6IDAKICAgICAgICB9OwogICAgICAgIHRoaXMuZHJhd0xpbmUoKTsKICAgICAgfQogICAgfSwKICAgIHBpY2tlckNoYW5nZSgpIHsKICAgICAgdGhpcy5zaG93RGlhbG9nID0gdHJ1ZTsKICAgICAgdGhpcy50YWJsZURhdGEgPSBbXTsKICAgICAgdGhpcy5wYWdlID0gewogICAgICAgIHBhZ2U6IDEsCiAgICAgICAgcGFnZVNpemU6IDEwMCwKICAgICAgICB0b3RhbDogMAogICAgICB9OwogICAgICB0aGlzLmRyYXdMaW5lKCk7CiAgICB9LAogICAgaGFuZGxlU2l6ZUNoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5wYWdlLnBhZ2VTaXplID0gdmFsOwogICAgICB0aGlzLnRhYmxlRGF0YSA9IFtdOwogICAgICB0aGlzLmRyYXdMaW5lKCk7CiAgICB9LAogICAgaGFuZGxlQ3VycmVudENoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5wYWdlLnBhZ2UgPSB2YWw7CiAgICAgIHRoaXMudGFibGVEYXRhID0gW107CiAgICAgIHRoaXMuZHJhd0xpbmUoKTsKICAgIH0KICB9Cn07Cg=="},{"version":3,"sources":["table.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA;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;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;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;AACA;AACA","file":"table.vue","sourceRoot":"src/views/profile/DeviceRunStarts","sourcesContent":["<template>\n  <div class=\"public-custom-dialog show-chart\" id=\"showChart\">\n    <div class=\"show-data-header\">\n      <div class=\"header-time\">\n        <div class=\"time-select\">\n          <el-select v-model=\"timeValue\" placeholder=\"请选择\" size=\"small\" @change=\"selectChange\">\n            <el-option\n              v-for=\"item in timeOptions\"\n              :key=\"item.value\"\n              :label=\"item.label\"\n              :value=\"item.value\"\n            ></el-option>\n          </el-select>\n        </div>\n        <div class=\"time-picker\">\n          <el-date-picker\n            @change=\"pickerChange\"\n            v-if=\"timeValue === '4'\"\n            size=\"small\"\n            v-model=\"pickerValue1\"\n            type=\"datetimerange\"\n            range-separator=\"至\"\n            start-placeholder=\"开始日期\"\n            end-placeholder=\"结束日期\"\n          ></el-date-picker>\n        </div>\n      </div>\n      <div class=\"eader-radio\">\n        <el-radio-group v-model=\"showType\" size=\"small\">\n          <el-radio-button label=\"表格\" :disabled=\"showlistDisable\"></el-radio-button>\n          <el-radio-button label=\"图表\" :disabled=\"showchartDisable\"></el-radio-button>\n        </el-radio-group>\n      </div>\n    </div>\n    <div class=\"show-data-body\">\n      <div id=\"chart\" style=\"width:100%;height:400px;\" v-show=\"showType === '图表'\"></div>\n      <div class=\"list-container\" v-show=\"showType === '表格'\">\n        <el-table :data=\"tableData\" class=\"device-topic-list\" style=\"width: 100%\">\n          <el-table-column prop=\"time\" label=\"时间\" width=\"250\"></el-table-column>\n          <el-table-column prop=\"value\" label=\"原始值\">\n            <template slot-scope=\"scope\">\n              <div class style=\"text-align: center;\" v-if=\"dialogData.funDataType === 'IMAGE'\">\n                <el-image\n                  :title=\"dialogData.fileName\"\n                  style=\"width: 40px; height: 30px; margin: 5px;cursor: default;\"\n                  :src=\"getIotFileUrl(scope.row.value)\"\n                  :preview-src-list=\"[getIotFileUrl(scope.row.value)]\"\n                ></el-image>\n              </div>\n              <div v-else>\n                <span>{{returnStr(scope.row.value)}}</span>\n                <span\n                  style=\" cursor: default; position: relative; right: -10px; color: #3a8ee6;\"\n                  @click=\"copyOnClick(scope.row.value)\"\n                >复制</span>\n              </div>\n            </template>\n          </el-table-column>\n        </el-table>\n        <el-button\n          @click=\"loadMoreData\"\n          v-show=\"tableData.length > 0\"\n          style=\"margin-top: 10px; margin-left: 44%;\"\n          class=\"load-more\"\n          size=\"small\"\n          v-text=\"loadMoreText\"\n          :disabled=\"loadMoredisable\"\n        ></el-button>\n      </div>\n    </div>\n    <div class=\"show-data-footer\">\n      <el-pagination\n        :small=\"true\"\n        @size-change=\"handleSizeChange\"\n        @current-change=\"handleCurrentChange\"\n        :current-page=\"page.page\"\n        :page-sizes=\"[100, 500, 1000]\"\n        :page-size=\"page.pageSize\"\n        layout=\"total, sizes, prev, pager, next, jumper\"\n        :total=\"page.total\"\n      ></el-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nimport * as echarts from 'echarts';\nimport { getDataUploadListAt } from \"@/api/iot/device\";\nimport { getIotFileUrl } from \"@/utils/hciot\";\nexport default {\n  name: \"RunStateTable\",\n  props: [\"deviceKey\",'deviceId', \"dialogShow\", \"pro_type\", \"prodId\"],\n  data() {\n    return {\n      timeValue: \"1\",\n      pickerValue1: \"\",\n      tableData: [],\n      loadMoreText: \"已经全部加载\",\n      loadMoredisable: true,\n      showType: \"图表\",\n      showchartDisable: false,\n      showlistDisable: false,\n      showDialog: true,\n      chart: null,\n      row: {},\n      page: {\n        page: 1,\n        pageSize: 100,\n        total: 0\n      },\n      timeOptions: [\n        {\n          label: \"1小时\",\n          value: \"1\"\n        },\n        {\n          label: \"24小时\",\n          value: \"2\"\n        },\n        {\n          label: \"7天\",\n          value: \"3\"\n        },\n        {\n          label: \"自定义\",\n          value: \"4\"\n        }\n      ]\n    };\n  },\n  created() {\n    this.timeValue = \"1\";\n  },\n  mounted() {\n    /*this.$nextTick(function() {\n      this.initDialog()\n    })*/\n  },\n  watch: {\n    /*dialogData(obj) {\n      this.initDialog()\n    }*/\n  },\n  methods: {\n    getIotFileUrl,\n    copyOnClick(val) {\n      let self = this;\n      this.$copyText(val).then(\n        function() {\n          self.$message({\n            message: \"复制成功\",\n            type: \"success\"\n          });\n        },\n        function() {\n          self.$message.error(\"复制失败\");\n        }\n      );\n    },\n    returnStr(val) {\n      if (val.length > 47) {\n        return val.substring(0, 47) + \"... \";\n      } else {\n        return val;\n      }\n    },\n    drawLine() {\n      let param = {};\n      let time = {};\n      switch (this.timeValue) {\n        case \"1\":\n          time.startTime = Date.parse(\n            new Date(new Date().getTime() - 1 * 60 * 60 * 1000)\n          );\n          time.endTime = Date.parse(new Date());\n          break;\n        case \"2\":\n          time.startTime = Date.parse(\n            new Date(new Date().getTime() - 24 * 60 * 60 * 1000)\n          );\n          time.endTime = Date.parse(new Date());\n          break;\n        case \"3\":\n          time.startTime = Date.parse(\n            new Date(new Date().getTime() - 7 * 24 * 60 * 60 * 1000)\n          );\n          time.endTime = Date.parse(new Date());\n          break;\n        default:\n          time.startTime = Date.parse(this.pickerValue1[0]);\n          time.endTime = Date.parse(this.pickerValue1[1]);\n      }\n      let listWhere = [];\n      listWhere.push(\n        {\n          field: \"time\",\n          operator: \"gt\",\n          val: time.startTime,\n          valType: \"time\"\n        },\n        {\n          field: \"time\",\n          operator: \"lt\",\n          val: time.endTime,\n          valType: \"time\"\n        }\n      );\n      param.deviceKey = this.deviceKey;\n      param.deviceId = this.deviceId;\n      param.prodPk = this.prodId;\n      param.fields = this.dialogData.funKey;\n      param.orderType = 1;\n      param.current = this.page.page;\n      param.size = this.page.pageSize;\n      param.listWhere = listWhere;\n      getDataUploadListAt(param).then(res => {\n        let timeData = res.data.records;\n        this.page.total = res.data.total;\n        this.setShowChart(timeData);\n      });\n    },\n    setShowChart(timeData) {\n      for (let item of timeData) {\n        let dataItem = {\n          time: this.parseTime(new Date(item.time)),\n          value: item.value\n        };\n        this.tableData.push(dataItem);\n      }\n      let chartData = [...this.tableData];\n      // chartData.reverse()\n      let valueData = [];\n      let xData = [];\n      for (let point of chartData) {\n        xData.push(point.time);\n        valueData.push(point.value);\n      }\n      if (!this.chart) {\n        var o = document.getElementById(\"showChart\");\n        var w = o.clientWidth || o.offsetWidth;\n        document.getElementById(\"chart\").style.width = w + \"px\";\n        this.chart = echarts.init(document.getElementById(\"chart\"));\n      }\n      this.chart.setOption({\n        tooltip: {\n          trigger: \"axis\"\n        },\n        xAxis: {\n          type: \"category\",\n          data: xData\n        },\n        yAxis: {\n          type: \"value\"\n        },\n        series: [\n          {\n            data: valueData,\n            type: \"line\"\n          }\n        ]\n      });\n    },\n    loadMoreData() {},\n    getMoreTimeData(param) {\n      if (!this.showDialog) {\n        return;\n      }\n      this.page.page += 1;\n      param.page = this.page.page;\n      getDataUploadListAt(param).then(res => {\n        let timeData = res.data.data.records;\n        this.page.total = res.data.data.total;\n        this.setShowChart(timeData);\n        if (this.page.total > this.page.pageSize * this.page.page) {\n          this.getMoreTimeData(param);\n        }\n      });\n    },\n    initDialog(dialogData) {\n      if (dialogData) {\n        this.dialogData = dialogData;\n      } else {\n        return;\n      }\n      if (!this.dialogData.funDataType || !document.querySelector(\"#chart\")) {\n        return;\n      }\n      this.timeValue = \"1\";\n      this.showDialog = true;\n      this.tableData = [];\n      this.page = {\n        page: 1,\n        pageSize: 100,\n        total: 0\n      };\n      if (\n        this.dialogData.funDataType === \"TEXT\" ||\n        this.dialogData.funDataType === \"DATE\" ||\n        this.dialogData.funDataType === \"IMAGE\"\n      ) {\n        this.showchartDisable = true;\n        this.showType = \"表格\";\n      } else {\n        this.showchartDisable = false;\n        this.showType = \"图表\";\n      }\n      this.drawLine();\n    },\n    handleShowDialog() {},\n    close() {\n      this.timeValue = \"1\";\n      this.showDialog = false;\n    },\n    selectChange(val) {\n      if (val !== \"4\") {\n        this.showDialog = true;\n        this.tableData = [];\n        this.page = {\n          page: 1,\n          pageSize: 100,\n          total: 0\n        };\n        this.drawLine();\n      }\n    },\n    pickerChange() {\n      this.showDialog = true;\n      this.tableData = [];\n      this.page = {\n        page: 1,\n        pageSize: 100,\n        total: 0\n      };\n      this.drawLine();\n    },\n    handleSizeChange(val) {\n      this.page.pageSize = val;\n      this.tableData = [];\n      this.drawLine();\n    },\n    handleCurrentChange(val) {\n      this.page.page = val;\n      this.tableData = [];\n      this.drawLine();\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n.list-container {\n  overflow: auto;\n  height: 50vh;\n  padding-bottom: 10px;\n}\n.show-data-footer {\n  text-align: center;\n  padding-top: 10px;\n}\n.show-data-header {\n  margin-bottom: 15px;\n  overflow: hidden;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 34px;\n  line-height: 32px;\n  .header-time {\n    display: flex;\n    align-items: center;\n    .time-select {\n      width: 100px;\n      margin-right: 8px;\n    }\n    .time-picker {\n      width: 350px;\n    }\n  }\n}\n</style>\n<style lang=\"scss\">\n.public-custom-dialog.show-chart {\n  .el-dialog__body {\n    padding: 15px 20px;\n  }\n  .el-dialog__footer {\n    padding-top: 0;\n  }\n}\n</style>\n"]}]}