{"remainingRequest":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\artfess-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\artfess-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--1-0!D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\artfess-ui\\src\\views\\main\\HomePage\\Home.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-ui\\src\\views\\main\\HomePage\\Home.vue","mtime":1675233415816},{"path":"D:\\jenkins\\workspace\\artfess-ui\\babel.config.js","mtime":1675233415269},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0ICogYXMgZWNoYXJ0cyBmcm9tICJlY2hhcnRzIjsKZXhwb3J0IGRlZmF1bHQgewogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBVc2VydG90YWw6IDAsCiAgICAgIFByb2R1Y3R0b3RhbDogMCwKICAgICAgQ3VzdG9tZXJ0b3RhbDogMCwKICAgICAgU2hvcHRvdGFsOiAwCiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHZhciBfdGhpcyA9IHRoaXM7CgogICAgdGhpcy4kYXBpLnVzZXJ0b3RhbCgpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICBpZiAocmVzLmRhdGEuc3RhdHVzID09IDIwMCkgewogICAgICAgIF90aGlzLlVzZXJ0b3RhbCA9IHJlcy5kYXRhLnJlc3VsdFswXVsiY291bnQoKikiXTsKICAgICAgfQogICAgfSk7CiAgICB0aGlzLiRhcGkudG90YWwoKS50aGVuKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgaWYgKHJlcy5kYXRhLnN0YXR1cyA9PT0gMjAwKSB7CiAgICAgICAgX3RoaXMuUHJvZHVjdHRvdGFsID0gcmVzLmRhdGEucmVzdWx0WzBdWyJjb3VudCgqKSJdOwogICAgICB9CiAgICB9KTsKICAgIHRoaXMuJGFwaS5jdXN0b21lcnRvdGFsKCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgIGlmIChyZXMuZGF0YS5zdGF0dXMgPT0gMjAwKSB7CiAgICAgICAgX3RoaXMuQ3VzdG9tZXJ0b3RhbCA9IHJlcy5kYXRhLnJlc3VsdFswXVsiY291bnQoKikiXTsKICAgICAgfQogICAgfSk7CiAgICB0aGlzLiRhcGkuc2hvcHRvdGFsKCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgIGlmIChyZXMuZGF0YS5zdGF0dXMgPT09IDIwMCkgewogICAgICAgIF90aGlzLlNob3B0b3RhbCA9IHJlcy5kYXRhLnJlc3VsdFswXVsiY291bnQoKikiXTsKICAgICAgfQogICAgfSk7CiAgICB2YXIgdGhhdCA9IHRoaXM7CiAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uICgpIHsKICAgICAgdGhhdC5zZXRUZXN0KCk7CiAgICB9LCA1MDApOwogIH0sCiAgbWV0aG9kczogewogICAgc2V0VGVzdDogZnVuY3Rpb24gc2V0VGVzdCgpIHsKICAgICAgdmFyIG15Q2hhcnQgPSBlY2hhcnRzLmluaXQodGhpcy4kcmVmcy5lY2hhcnRlc3RPbmUpOwogICAgICB2YXIgb3B0aW9uID0gewogICAgICAgIHhBeGlzOiB7CiAgICAgICAgICB0eXBlOiAiY2F0ZWdvcnkiLAogICAgICAgICAgZGF0YTogWyLms6jlhoznlKjmiLciLCAi5rOo5YaM5ZWG6ZO6IiwgIuWVhuWTgSIsICLnrqHnkIblkZgiXQogICAgICAgIH0sCiAgICAgICAgeUF4aXM6IHsKICAgICAgICAgIHR5cGU6ICJ2YWx1ZSIKICAgICAgICB9LAogICAgICAgIHNlcmllczogW3sKICAgICAgICAgIGRhdGE6IFt0aGlzLkN1c3RvbWVydG90YWwsIHRoaXMuU2hvcHRvdGFsLCB0aGlzLlByb2R1Y3R0b3RhbCwgdGhpcy5Vc2VydG90YWxdLAogICAgICAgICAgdHlwZTogImJhciIsCiAgICAgICAgICBzaG93QmFja2dyb3VuZDogdHJ1ZSwKICAgICAgICAgIGJhY2tncm91bmRTdHlsZTogewogICAgICAgICAgICBjb2xvcjogInJnYmEoMjIwLCAyMjAsIDIyMCwgMC44KSIKICAgICAgICAgIH0KICAgICAgICB9XQogICAgICB9OwogICAgICBteUNoYXJ0LnNldE9wdGlvbihvcHRpb24pOwogICAgfQogIH0KfTs="},{"version":3,"sources":["Home.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,OAAA,KAAA,OAAA,MAAA,SAAA;AACA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CADA;AAEA,MAAA,YAAA,EAAA,CAFA;AAGA,MAAA,aAAA,EAAA,CAHA;AAIA,MAAA,SAAA,EAAA;AAJA,KAAA;AAMA,GARA;AAUA,EAAA,OAVA,qBAUA;AAAA;;AACA,SAAA,IAAA,CAAA,SAAA,GAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,UAAA,GAAA,CAAA,IAAA,CAAA,MAAA,IAAA,GAAA,EAAA;AACA,QAAA,KAAA,CAAA,SAAA,GAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,UAAA,CAAA;AACA;AACA,KAJA;AAKA,SAAA,IAAA,CAAA,KAAA,GAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,UAAA,GAAA,CAAA,IAAA,CAAA,MAAA,KAAA,GAAA,EAAA;AACA,QAAA,KAAA,CAAA,YAAA,GAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,UAAA,CAAA;AACA;AACA,KAJA;AAKA,SAAA,IAAA,CAAA,aAAA,GAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,UAAA,GAAA,CAAA,IAAA,CAAA,MAAA,IAAA,GAAA,EAAA;AACA,QAAA,KAAA,CAAA,aAAA,GAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,UAAA,CAAA;AACA;AACA,KAJA;AAKA,SAAA,IAAA,CAAA,SAAA,GAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,UAAA,GAAA,CAAA,IAAA,CAAA,MAAA,KAAA,GAAA,EAAA;AACA,QAAA,KAAA,CAAA,SAAA,GAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,UAAA,CAAA;AACA;AACA,KAJA;AAMA,QAAA,IAAA,GAAA,IAAA;AACA,IAAA,UAAA,CAAA,YAAA;AACA,MAAA,IAAA,CAAA,OAAA;AACA,KAFA,EAEA,GAFA,CAAA;AAGA,GApCA;AAqCA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AACA,UAAA,OAAA,GAAA,OAAA,CAAA,IAAA,CAAA,KAAA,KAAA,CAAA,YAAA,CAAA;AACA,UAAA,MAAA,GAAA;AACA,QAAA,KAAA,EAAA;AACA,UAAA,IAAA,EAAA,UADA;AAEA,UAAA,IAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,IAAA,EAAA,KAAA;AAFA,SADA;AAKA,QAAA,KAAA,EAAA;AACA,UAAA,IAAA,EAAA;AADA,SALA;AAQA,QAAA,MAAA,EAAA,CACA;AACA,UAAA,IAAA,EAAA,CAAA,KAAA,aAAA,EAAA,KAAA,SAAA,EAAA,KAAA,YAAA,EAAA,KAAA,SAAA,CADA;AAEA,UAAA,IAAA,EAAA,KAFA;AAGA,UAAA,cAAA,EAAA,IAHA;AAIA,UAAA,eAAA,EAAA;AACA,YAAA,KAAA,EAAA;AADA;AAJA,SADA;AARA,OAAA;AAmBA,MAAA,OAAA,CAAA,SAAA,CAAA,MAAA;AACA;AAvBA;AArCA,CAAA","sourcesContent":["<template>\r\n  <div>\r\n    <section class=\"data_section\">\r\n      <header class=\"section_title\">数据统计</header>\r\n      <!-- <el-row :gutter=\"20\" style=\"margin-bottom: 10px;\">\r\n                <el-col :span=\"4\"><div class=\"data_list today_head\"><span class=\"data_num head\">当日数据：</span></div></el-col>\r\n\t\t\t\t<el-col :span=\"4\"><div class=\"data_list\"><span class=\"data_num\">{{}}</span> 新增用户</div></el-col>\r\n\t\t\t\t<el-col :span=\"4\"><div class=\"data_list\"><span class=\"data_num\">{{}}</span> 新增订单</div></el-col>\r\n                <el-col :span=\"4\"><div class=\"data_list\"><span class=\"data_num\">{{}}</span> 新增管理员</div></el-col>\r\n\t\t\t</el-row> -->\r\n      <el-row :gutter=\"20\">\r\n        <el-col :span=\"4\"\r\n          ><div class=\"data_list all_head\">\r\n            <span class=\"data_num head\">总数据：</span>\r\n          </div></el-col\r\n        >\r\n        <el-col :span=\"4\"\r\n          ><div class=\"data_list\">\r\n            <span class=\"data_num\">{{ Customertotal }}</span> 注册用户\r\n          </div></el-col\r\n        >\r\n        <el-col :span=\"4\"\r\n          ><div class=\"data_list\">\r\n            <span class=\"data_num\">{{ Shoptotal }}</span> 注册商铺\r\n          </div></el-col\r\n        >\r\n        <el-col :span=\"4\"\r\n          ><div class=\"data_list\">\r\n            <span class=\"data_num\">{{ Producttotal }}</span> 注册商品\r\n          </div></el-col\r\n        >\r\n        <el-col :span=\"4\"\r\n          ><div class=\"data_list\">\r\n            <span class=\"data_num\">{{ Usertotal }}</span> 管理员\r\n          </div></el-col\r\n        >\r\n      </el-row>\r\n    </section>\r\n    <div >     \r\n      <div ref=\"echartestOne\" style=\"width: 500px; height: 400px; margin-left:250px\"></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as echarts from \"echarts\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      Usertotal: 0,\r\n      Producttotal: 0,\r\n      Customertotal: 0,\r\n      Shoptotal: 0,\r\n    };\r\n  },\r\n\r\n  mounted() {\r\n    this.$api.usertotal().then((res) => {\r\n      if (res.data.status == 200) {\r\n        this.Usertotal = res.data.result[0][\"count(*)\"];\r\n      }\r\n    });\r\n    this.$api.total().then((res) => {\r\n      if (res.data.status === 200) {\r\n        this.Producttotal = res.data.result[0][\"count(*)\"];\r\n      }\r\n    });\r\n    this.$api.customertotal().then((res) => {\r\n      if (res.data.status == 200) {\r\n        this.Customertotal = res.data.result[0][\"count(*)\"];\r\n      }\r\n    });\r\n    this.$api.shoptotal().then((res) => {\r\n      if (res.data.status === 200) {\r\n        this.Shoptotal = res.data.result[0][\"count(*)\"];\r\n      }\r\n    });\r\n\r\n    var that = this;\r\n    setTimeout(function () {\r\n      that.setTest();\r\n    }, 500);\r\n  },\r\n  methods: {\r\n    setTest() {\r\n      let myChart = echarts.init(this.$refs.echartestOne);\r\n      let option = {\r\n        xAxis: {\r\n          type: \"category\",\r\n          data: [\"注册用户\", \"注册商铺\", \"商品\", \"管理员\"],\r\n        },\r\n        yAxis: {\r\n          type: \"value\",\r\n        },\r\n        series: [\r\n          {\r\n            data: [this.Customertotal, this.Shoptotal, this.Producttotal,this.Usertotal],\r\n            type: \"bar\",\r\n            showBackground: true,\r\n            backgroundStyle: {\r\n              color: \"rgba(220, 220, 220, 0.8)\",\r\n            },\r\n          },\r\n        ],\r\n      };\r\n      myChart.setOption(option);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\">\r\n@import \"../../../style//mixin.less\";\r\n.data_section {\r\n  padding: 20px;\r\n  margin-bottom: 40px;\r\n  .section_title {\r\n    text-align: center;\r\n    font-size: 30px;\r\n    margin-bottom: 10px;\r\n  \r\n }\r\n  .data_list {\r\n    text-align: center;\r\n    font-size: 14px;\r\n    color: #666;\r\n    border-radius: 6px;\r\n    background: #e5e9f2;\r\n    .data_num {\r\n      color: #333;\r\n      font-size: 26px;\r\n\r\n    }\r\n    .head {\r\n      border-radius: 6px;\r\n      font-size: 22px;\r\n      padding: 4px 0;\r\n      color: #fff;\r\n      display: inline-block;\r\n    }\r\n  }\r\n  .today_head {\r\n    background: #ff9800;\r\n  }\r\n  .all_head {\r\n    background: #20a0ff;\r\n  }\r\n}\r\n.wan {\r\n  .sc(16px, #333);\r\n}\r\n\r\n</style>\r\n"],"sourceRoot":"src/views/main/HomePage"}]}