smart-power-ui/node_modules/.cache/vue-loader/62596ebe80e9ba433a5f73602d5e0a28.json

{"remainingRequest":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\project\\smart-power-ui\\src\\views\\systemIndex.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\systemIndex.vue","mtime":1615879861212},{"path":"G:\\project\\smart-power-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1592876569350},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1610504274351},{"path":"G:\\project\\smart-power-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1591751774425},{"path":"G:\\project\\smart-power-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1612140853844},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLnN5c3RlbS1ob21lIHsKICBkaXNwbGF5OiBmbGV4OwogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogY2FsYygxMDB2aCAtIDg1cHgpOwogIG92ZXJmbG93OiBhdXRvOwogIGZsZXgtd3JhcDogd3JhcDsKICAudG9wLXdyYXAgewogICAgd2lkdGg6IGNhbGMoMTAwJSk7CiAgICBkaXNwbGF5OiBmbGV4OwogICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogICAgPiBkaXYgewogICAgICB3aWR0aDogY2FsYygoMTAwJSAtIDYwcHgpIC8gNCk7CiAgICAgIGhlaWdodDogMTIwcHg7CiAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgIHBhZGRpbmc6IDEwcHggMTBweDsKICAgICAgY29sb3I6ICNmN2Y3Zjc7CiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kOwogICAgICBib3gtc2hhZG93OiAwcHggMHB4IDVweCAjYTVhNGE0OwogICAgICAuaWNvbi13cmFwIHsKICAgICAgICB3aWR0aDogMzUlOwogICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7CiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAgICAudG9wLWltZyB7CiAgICAgICAgICB3aWR0aDogNTUlOwogICAgICAgICAgaGVpZ2h0OiA2MCU7CiAgICAgICAgfQogICAgICAgIC5qZy1zcGFuIHsKICAgICAgICAgIGRpc3BsYXk6IGJsb2NrOwogICAgICAgICAgd2lkdGg6IDNweDsKICAgICAgICAgIGJhY2tncm91bmQ6ICNjN2MzYzM7CiAgICAgICAgICBoZWlnaHQ6IDcwcHg7CiAgICAgICAgICBtYXJnaW46IDAgMTBweDsKICAgICAgICAgIGJhY2tncm91bmQ6IC13ZWJraXQtbGluZWFyLWdyYWRpZW50KAogICAgICAgICAgICBib3R0b20sCiAgICAgICAgICAgICMyMTk2ZjM2ZSwKICAgICAgICAgICAgI2IxNzZlOSA1MCUsCiAgICAgICAgICAgICMyMTk2ZjM2ZQogICAgICAgICAgKTsKICAgICAgICB9CiAgICAgICAgLnNwYW4tYmcxIHsKICAgICAgICAgIGJhY2tncm91bmQ6IC13ZWJraXQtbGluZWFyLWdyYWRpZW50KAogICAgICAgICAgICBib3R0b20sCiAgICAgICAgICAgICMyMTk2ZjM2ZSwKICAgICAgICAgICAgI2IxNzZlOSA1MCUsCiAgICAgICAgICAgICMyMTk2ZjM2ZQogICAgICAgICAgKTsKICAgICAgICB9CiAgICAgIH0KICAgICAgLmluZm8tYmxvY2sgewogICAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAzNSUpOwogICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgLW1zLWZsZXgtd3JhcDogd3JhcDsKICAgICAgICBmbGV4LXdyYXA6IHdyYXA7CiAgICAgICAgaGVpZ2h0OiA3NSU7CiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7CiAgICAgICAgLmluZm8td3JhcCB7CiAgICAgICAgICBjb2xvcjogI2IxNzZlOTsKICAgICAgICAgIGZvbnQtc2l6ZTogMS41dnc7CiAgICAgICAgICB3aWR0aDogMTAwJTsKICAgICAgICAgIGhlaWdodDogNzAlOwogICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgfQogICAgICAgID4gc3BhbiB7CiAgICAgICAgICBjb2xvcjogIzljOWM5YzsKICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDsKICAgICAgICAgIGRpc3BsYXk6IGJsb2NrOwogICAgICAgICAgaGVpZ2h0OiAyMHB4OwogICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDsKICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDEwcHg7CiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgICB0b3A6IDBweDsKICAgICAgICAgIGxlZnQ6IC02cHg7CiAgICAgICAgfQogICAgICB9CiAgICB9CiAgfQogIC5jbmV0ZXItd3JhcCB7CiAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDE1MHB4KTsKICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAzMjBweCk7CiAgICBtYXJnaW4tdG9wOiAzMHB4OwogICAgZGlzcGxheTogZmxleDsKICAgIGZsZXgtd3JhcDogd3JhcDsKICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICAgIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjsKICAgID4gZGl2IHsKICAgICAgd2lkdGg6IGNhbGMoKDEwMCUgLSAyMHB4KSAvIDIpOwogICAgICBoZWlnaHQ6IGNhbGMoKDEwMCUgLSAyMHB4KSAvIDIpOwogICAgICAvKiBib3JkZXI6IDFweCBzb2xpZCAjMzMzOyAqLwogICAgICBtYXJnaW4tYm90dG9tOiAyMHB4OwogICAgICBib3gtc2hhZG93OiAwcHggMHB4IDNweCAjYTVhNGE0OwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgZmxleC13cmFwOiB3cmFwOwogICAgICA+IGRpdiB7CiAgICAgICAgaGVpZ2h0OiA0NXB4OwogICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjOWM5YzljOwogICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgIHBhZGRpbmc6IDEwcHg7CiAgICAgICAgZm9udC1zaXplOiAxNnB4OwogICAgICB9CiAgICB9CiAgICA+IGRpdjpob3ZlciB7CiAgICAgIGJveC1zaGFkb3c6IDBweCAwcHggNXB4ICNhNWE0YTQ7CiAgICB9CiAgfQogIC5yaWdodC10aWdzIHsKICAgIHdpZHRoOiAzMDBweDsKICAgIGhlaWdodDogY2FsYygxMDAlIC0gMTUwcHgpOwogICAgYm94LXNoYWRvdzogMHB4IDBweCA1cHggI2E1YTRhNDsKICAgIG1hcmdpbi1sZWZ0OiAyMHB4OwogICAgbWFyZ2luLXRvcDogMjBweDsKICB9Cn0K"},{"version":3,"sources":["systemIndex.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"systemIndex.vue","sourceRoot":"src/views","sourcesContent":["<template>\n  <div class=\"app-container system-home\">\n    <div class=\"top-wrap\">\n      <div v-for=\"(doctTop, index) in topOption\" :Key=\"index\">\n        <div class=\"icon-wrap\">\n          <img :src=\"doctTop.leftImg\" class=\"top-img\" alt=\"dark\" />\n          <span :class=\"'jg-span ' +  doctTop.spanClass\"></span>\n        </div>\n        <div class=\"info-block\">\n          <span>{{doctTop.title}}</span>\n          <div class=\"info-wrap\" :style=\"{'color': doctTop.valueColor}\">{{topValue[doctTop.value]}}</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"cneter-wrap\">\n      <div>\n        <div>项目</div>info\n      </div>\n      <div>\n        <div>设备</div>\n      </div>\n      <div>\n        <div>告警</div>\n      </div>\n      <div>\n        <div>工单</div>\n      </div>\n    </div>\n    <div class=\"right-tigs\">日志公告等信息</div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"index\",\n  data() {\n    return {\n      // 版本号\n      version: \"3.3.0\",\n      topValue: {\n        farstValue: 53,\n        twoValue: 124,\n        threeValue: 666,\n        lastVlaue: 89\n      },\n      topOption: [\n        {\n          leftImg: \"/images/quickStart_icon_subuserCounts.992898a.png\",\n          spanClass: \"span-bg1\",\n          valueColor: \"#b176e9\",\n          value: \"farstValue\",\n          title: \"系统用户 (单位: 人)\"\n        },\n        {\n          leftImg: \"/images/quickStart_icon_subuserCounts.992898a.png\",\n          spanClass: \"span-bg1\",\n          valueColor: \"#b176e9\",\n          value: \"twoValue\",\n          title: \"租户用户 (单位: 人)\"\n        },\n        {\n          leftImg: \"/images/quickStart_icon_subuserCounts.992898a.png\",\n          spanClass: \"span-bg1\",\n          valueColor: \"#b176e9\",\n          value: \"threeValue\",\n          title: \"个人用户 (单位: 人)\"\n        },\n        {\n          leftImg: \"/images/quickStart_icon_subuserCounts.992898a.png\",\n          spanClass: \"span-bg1\",\n          valueColor: \"#b176e9\",\n          value: \"lastVlaue\",\n          title: \"在线人数 (单位: 人)\"\n        },\n        // {\n        //   leftImg: \"/images/quickStart_icon_subuserCounts.992898a.png\",\n        //   spanClass: \"span-bg1\",\n        //   valueColor: \"#b176e9\",\n        //   value: \"lastVlaue\",\n        //   title: \"注册用户 (单位: 人)\"\n        // }\n      ]\n    };\n  },\n  methods: {\n    goTarget(href) {\n      window.open(href, \"_blank\");\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.system-home {\n  display: flex;\n  width: 100%;\n  height: calc(100vh - 85px);\n  overflow: auto;\n  flex-wrap: wrap;\n  .top-wrap {\n    width: calc(100%);\n    display: flex;\n    justify-content: space-between;\n    > div {\n      width: calc((100% - 60px) / 4);\n      height: 120px;\n      display: flex;\n      padding: 10px 10px;\n      color: #f7f7f7;\n      align-items: center;\n      justify-content: space-around;\n      box-shadow: 0px 0px 5px #a5a4a4;\n      .icon-wrap {\n        width: 35%;\n        display: flex;\n        justify-content: space-around;\n        align-items: center;\n        .top-img {\n          width: 55%;\n          height: 60%;\n        }\n        .jg-span {\n          display: block;\n          width: 3px;\n          background: #c7c3c3;\n          height: 70px;\n          margin: 0 10px;\n          background: -webkit-linear-gradient(\n            bottom,\n            #2196f36e,\n            #b176e9 50%,\n            #2196f36e\n          );\n        }\n        .span-bg1 {\n          background: -webkit-linear-gradient(\n            bottom,\n            #2196f36e,\n            #b176e9 50%,\n            #2196f36e\n          );\n        }\n      }\n      .info-block {\n        width: calc(100% - 35%);\n        display: flex;\n        -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n        height: 75%;\n        align-items: center;\n        justify-content: left;\n        .info-wrap {\n          color: #b176e9;\n          font-size: 1.5vw;\n          width: 100%;\n          height: 70%;\n          align-items: center;\n          display: flex;\n        }\n        > span {\n          color: #9c9c9c;\n          font-size: 14px;\n          display: block;\n          height: 20px;\n          text-align: left;\n          padding-right: 10px;\n          position: relative;\n          top: 0px;\n          left: -6px;\n        }\n      }\n    }\n  }\n  .cneter-wrap {\n    height: calc(100% - 150px);\n    width: calc(100% - 320px);\n    margin-top: 30px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-content: center;\n    > div {\n      width: calc((100% - 20px) / 2);\n      height: calc((100% - 20px) / 2);\n      /* border: 1px solid #333; */\n      margin-bottom: 20px;\n      box-shadow: 0px 0px 3px #a5a4a4;\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      > div {\n        height: 45px;\n        border-bottom: 1px solid #9c9c9c;\n        width: 100%;\n        padding: 10px;\n        font-size: 16px;\n      }\n    }\n    > div:hover {\n      box-shadow: 0px 0px 5px #a5a4a4;\n    }\n  }\n  .right-tigs {\n    width: 300px;\n    height: calc(100% - 150px);\n    box-shadow: 0px 0px 5px #a5a4a4;\n    margin-left: 20px;\n    margin-top: 20px;\n  }\n}\n</style>\n\n"]}]}