{"remainingRequest":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\babel-loader\\lib\\index.js!F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\webstorm\\SafetyScreen-ui\\src\\components\\home\\leftOne.vue?vue&type=script&lang=js","dependencies":[{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\src\\components\\home\\leftOne.vue","mtime":1740032704202},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\babel.config.js","mtime":1740032703932},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1740032833520},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1740032833997}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJGOi93b3Jrc3BhY2Uvd2Vic3Rvcm0vU2FmZXR5U2NyZWVuLXVpL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2ludGVyb3BSZXF1aXJlRGVmYXVsdC5qcyIpLmRlZmF1bHQ7Ck9iamVjdC5kZWZpbmVQcm9wZXJ0eShleHBvcnRzLCAiX19lc01vZHVsZSIsIHsKICB2YWx1ZTogdHJ1ZQp9KTsKZXhwb3J0cy5kZWZhdWx0ID0gdm9pZCAwOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMucmVnZXhwLmV4ZWMuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLnN0cmluZy5yZXBlYXQuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLnN0cmluZy5yZXBsYWNlLmpzIik7CnZhciBfcmVnZW5lcmF0b3JSdW50aW1lMiA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQocmVxdWlyZSgiRjovd29ya3NwYWNlL3dlYnN0b3JtL1NhZmV0eVNjcmVlbi11aS9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9yZWdlbmVyYXRvclJ1bnRpbWUuanMiKSk7CnZhciBfYXN5bmNUb0dlbmVyYXRvcjIgPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoIkY6L3dvcmtzcGFjZS93ZWJzdG9ybS9TYWZldHlTY3JlZW4tdWkvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvYXN5bmNUb0dlbmVyYXRvci5qcyIpKTsKdmFyIF9ob21lID0gcmVxdWlyZSgiQC9hcGkvaG9tZS9ob21lIik7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCnZhciBfZGVmYXVsdCA9IGV4cG9ydHMuZGVmYXVsdCA9IHsKICBuYW1lOiAnZWRnZURldmljZScsCiAgY29tcG9uZW50czoge30sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGRldmljZURhdGE6IHsKICAgICAgICBkZXZpY2VPbmxpbmVUb3RhbDogMCwKICAgICAgICBkZXZpY2VUb3RhbDogMAogICAgICB9CiAgICB9OwogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gY3JlYXRlZCgpIHsKICAgIHRoaXMuZ2V0RGV2aWNlSW5mbygpOwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHt9LAogIG1ldGhvZHM6IHsKICAgIGdldERldmljZUluZm86IGZ1bmN0aW9uIGdldERldmljZUluZm8oKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIHJldHVybiAoMCwgX2FzeW5jVG9HZW5lcmF0b3IyLmRlZmF1bHQpKC8qI19fUFVSRV9fKi8oMCwgX3JlZ2VuZXJhdG9yUnVudGltZTIuZGVmYXVsdCkoKS5tYXJrKGZ1bmN0aW9uIF9jYWxsZWUoKSB7CiAgICAgICAgdmFyIHJlczsKICAgICAgICByZXR1cm4gKDAsIF9yZWdlbmVyYXRvclJ1bnRpbWUyLmRlZmF1bHQpKCkud3JhcChmdW5jdGlvbiBfY2FsbGVlJChfY29udGV4dCkgewogICAgICAgICAgd2hpbGUgKDEpIHN3aXRjaCAoX2NvbnRleHQucHJldiA9IF9jb250ZXh0Lm5leHQpIHsKICAgICAgICAgICAgY2FzZSAwOgogICAgICAgICAgICAgIF9jb250ZXh0Lm5leHQgPSAyOwogICAgICAgICAgICAgIHJldHVybiAoMCwgX2hvbWUucXVlcnlEZXZpY2VJbmZvQXBpKSgpOwogICAgICAgICAgICBjYXNlIDI6CiAgICAgICAgICAgICAgcmVzID0gX2NvbnRleHQuc2VudDsKICAgICAgICAgICAgICBfdGhpcy5kZXZpY2VEYXRhID0gcmVzLmRhdGE7CiAgICAgICAgICAgIGNhc2UgNDoKICAgICAgICAgICAgY2FzZSAiZW5kIjoKICAgICAgICAgICAgICByZXR1cm4gX2NvbnRleHQuc3RvcCgpOwogICAgICAgICAgfQogICAgICAgIH0sIF9jYWxsZWUpOwogICAgICB9KSkoKTsKICAgIH0sCiAgICB0b2dnbGVEaWFsb2c6IGZ1bmN0aW9uIHRvZ2dsZURpYWxvZyh2KSB7CiAgICAgIHRoaXMuJGVtaXQoJ29wZW5EaWFsb2cnLCB7CiAgICAgICAgb3JkZXI6IHYKICAgICAgfSk7CiAgICB9LAogICAgZm9ybWF0TnVtYmVyOiBmdW5jdGlvbiBmb3JtYXROdW1iZXIobnVtKSB7CiAgICAgIHZhciBzdHIgPSBTdHJpbmcobnVtKTsgLy8g5bCG5pWw5a2X6L2s5o2i5oiQ5a2X56ym5LiyCiAgICAgIGlmIChzdHIubGVuZ3RoIDwgNikgewogICAgICAgIHZhciBwcmVmaXggPSAnMCcucmVwZWF0KDYgLSBzdHIubGVuZ3RoKTsgLy8g5Zyo5YmN6Z2i6KGl6Zu2CiAgICAgICAgdmFyIGZvcm1hdHRlZFN0ciA9IHByZWZpeCArIHN0cjsgLy8g57uE5ZCI6KGl6Zu25ZCO55qE5a2X56ym5LiyCiAgICAgICAgdmFyIHJlc3VsdCA9IGZvcm1hdHRlZFN0ci5yZXBsYWNlKC8oXGR7M30pKD89XGQpL2csICckMSwnKTsgLy8g5Zyo5Lit6Ze055So6YCX5Y+35YiG5YmyCiAgICAgICAgcmV0dXJuIHJlc3VsdDsKICAgICAgfSBlbHNlIHsKICAgICAgICByZXR1cm4gc3RyLnJlcGxhY2UoLyhcZHszfSkoPz1cZCkvZywgJyQxLCcpOyAvLyDnm7TmjqXlnKjkuK3pl7TnlKjpgJflj7fliIblibIKICAgICAgfQogICAgfQogIH0KfTs="},{"version":3,"names":["_home","require","name","components","data","deviceData","deviceOnlineTotal","deviceTotal","created","getDeviceInfo","mounted","methods","_this","_asyncToGenerator2","default","_regeneratorRuntime2","mark","_callee","res","wrap","_callee$","_context","prev","next","queryDeviceInfoApi","sent","stop","toggleDialog","v","$emit","order","formatNumber","num","str","String","length","prefix","repeat","formattedStr","result","replace"],"sources":["src/components/home/leftOne.vue"],"sourcesContent":["<template>\r\n  <div class=\"edge-device-page\">\r\n    <div class=\"inner-tit\">\r\n      <img src=\"../../assets/img/lef-badge.png\" alt=\"\">\r\n      边缘物联代理设备\r\n    </div>\r\n    <div class=\"inner-cont\">\r\n      <div\r\n        class=\"device-total\"\r\n        @click=\"toggleDialog(1)\"\r\n      >\r\n        <div class=\"lef\">\r\n          <img src=\"../../assets/img/device-total.png\" alt=\"\">\r\n        </div>\r\n        <div class=\"rig\">\r\n          <h4 style=\"font-size: 18px\">设备总数</h4>\r\n          <h4 style=\"font-size: 24px; color: #0983FE; font-weight: bold\">{{ deviceData.deviceTotal }}</h4>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"device-online\"\r\n        @click=\"toggleDialog(2)\"\r\n      >\r\n        <div class=\"lef\">\r\n          <img src=\"../../assets/img/device-online.png\" alt=\"\">\r\n        </div>\r\n        <div class=\"rig\">\r\n          <h4 style=\"font-size: 18px\">在线设备数</h4>\r\n          <h4 style=\"font-size: 24px; color: #3EC076; font-weight: bold\">{{ deviceData.deviceOnlineTotal }}</h4>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  queryDeviceInfoApi\r\n} from '@/api/home/home'\r\nexport default {\r\n  name: 'edgeDevice',\r\n  components: {\r\n\r\n  },\r\n  data() {\r\n    return {\r\n      deviceData: {\r\n        deviceOnlineTotal: 0,\r\n        deviceTotal: 0\r\n      },\r\n    }\r\n  },\r\n  created() {\r\n    this.getDeviceInfo()\r\n  },\r\n  mounted() {\r\n\r\n  },\r\n  methods: {\r\n    async getDeviceInfo() {\r\n      let res = await queryDeviceInfoApi()\r\n      this.deviceData = res.data\r\n    },\r\n    toggleDialog(v) {\r\n      this.$emit('openDialog', { order: v })\r\n    },\r\n    formatNumber(num) {\r\n      const str = String(num); // 将数字转换成字符串\r\n      if (str.length < 6) {\r\n        const prefix = '0'.repeat(6 - str.length); // 在前面补零\r\n        const formattedStr = prefix + str; // 组合补零后的字符串\r\n        const result = formattedStr.replace(/(\\d{3})(?=\\d)/g, '$1,'); // 在中间用逗号分割\r\n        return result;\r\n      } else {\r\n        return str.replace(/(\\d{3})(?=\\d)/g, '$1,'); // 直接在中间用逗号分割\r\n      }\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n@font-face {\r\n  font-family: 'YouShe';\r\n  src: url(\"../../assets/iconfont/YouSheBiaoTiHei.ttf\");\r\n}\r\n\r\n.edge-device-page {\r\n\r\n  height: 100%;\r\n  background-color: #F3F7FF;\r\n  box-sizing: border-box;\r\n  padding: 15px 20px;\r\n  margin-bottom: 20px;\r\n  border-radius: 5px;\r\n  border: 1px solid #EFF2FC;\r\n  box-shadow: 2px 2px 2px #D9E0F3;\r\n\r\n  .inner-tit{\r\n\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 10px 20px;\r\n    background-color: #EFF4FE;\r\n    display: flex;\r\n    align-items: center;\r\n    color: #000;\r\n    font-size: 20px;\r\n    font-family: 'YouShe', sans-serif;\r\n    box-shadow: -3px -3px 2px #CBDCF6,\r\n    2px 2px 2px #F8F9FE,\r\n    -2px -2px 2px #CBDCF6,\r\n    2px 2px 2px #F8F9FE;\r\n    margin-bottom: 15px;\r\n\r\n    img{\r\n\r\n      margin-right: 10px;\r\n\r\n    }\r\n\r\n  }\r\n\r\n  .inner-cont{\r\n\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    .device-total, .device-online{\r\n\r\n      width: 47%;\r\n      height: 100px;\r\n      box-sizing: border-box;\r\n      padding: 8px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      cursor: pointer;\r\n\r\n      .lef{\r\n\r\n        width: 40%;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        img{\r\n\r\n          width: 100%;\r\n          height: 80%;\r\n\r\n        }\r\n\r\n      }\r\n\r\n      .rig{\r\n\r\n        width: 55%;\r\n        height: 80%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-around;\r\n\r\n        h4{\r\n\r\n          color: #000;\r\n\r\n        }\r\n\r\n      }\r\n\r\n    }\r\n\r\n    .device-total{\r\n\r\n      background: linear-gradient(90deg, #B7D7FE, #D8E6F8);\r\n      border: 1px solid #D1E0F2;\r\n\r\n    }\r\n\r\n    .device-online{\r\n\r\n      background: linear-gradient(90deg, #C1EBDE, #E7F7FA);\r\n      border: 1px solid #D7E7EA;\r\n\r\n\r\n    }\r\n\r\n  }\r\n\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;;;;;;AAoCA,IAAAA,KAAA,GAAAC,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAGA;EACAC,IAAA;EACAC,UAAA,GAEA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,UAAA;QACAC,iBAAA;QACAC,WAAA;MACA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IACA,KAAAC,aAAA;EACA;EACAC,OAAA,WAAAA,QAAA,GAEA;EACAC,OAAA;IACAF,aAAA,WAAAA,cAAA;MAAA,IAAAG,KAAA;MAAA,WAAAC,kBAAA,CAAAC,OAAA,mBAAAC,oBAAA,CAAAD,OAAA,IAAAE,IAAA,UAAAC,QAAA;QAAA,IAAAC,GAAA;QAAA,WAAAH,oBAAA,CAAAD,OAAA,IAAAK,IAAA,UAAAC,SAAAC,QAAA;UAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;YAAA;cAAAF,QAAA,CAAAE,IAAA;cAAA,OACA,IAAAC,wBAAA;YAAA;cAAAN,GAAA,GAAAG,QAAA,CAAAI,IAAA;cACAb,KAAA,CAAAP,UAAA,GAAAa,GAAA,CAAAd,IAAA;YAAA;YAAA;cAAA,OAAAiB,QAAA,CAAAK,IAAA;UAAA;QAAA,GAAAT,OAAA;MAAA;IACA;IACAU,YAAA,WAAAA,aAAAC,CAAA;MACA,KAAAC,KAAA;QAAAC,KAAA,EAAAF;MAAA;IACA;IACAG,YAAA,WAAAA,aAAAC,GAAA;MACA,IAAAC,GAAA,GAAAC,MAAA,CAAAF,GAAA;MACA,IAAAC,GAAA,CAAAE,MAAA;QACA,IAAAC,MAAA,OAAAC,MAAA,KAAAJ,GAAA,CAAAE,MAAA;QACA,IAAAG,YAAA,GAAAF,MAAA,GAAAH,GAAA;QACA,IAAAM,MAAA,GAAAD,YAAA,CAAAE,OAAA;QACA,OAAAD,MAAA;MACA;QACA,OAAAN,GAAA,CAAAO,OAAA;MACA;IACA;EACA;AACA","ignoreList":[]}]}