{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\index\\components\\visitChart.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\index\\components\\visitChart.vue","mtime":1761614939019},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBvcmRlckFwaSB9IGZyb20gJ0AvYXBpL2luZGV4JzsNCmltcG9ydCBlY2hhcnRzRnJvbSBmcm9tICdAL2NvbXBvbmVudHMvZWNoYXJ0cy9pbmRleCc7DQpleHBvcnQgZGVmYXVsdCB7DQogIGNvbXBvbmVudHM6IHsgZWNoYXJ0c0Zyb20gfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgaW5mb0xpc3Q6IG51bGwsDQogICAgICB2aXNpdERhdGU6ICd0aGlydHlkYXknLA0KICAgICAgc2VyaWVzOiBbXSwNCiAgICAgIHlBeGlzRGF0YTogW10sDQogICAgfTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIC8vIOe7n+iuoQ0KICAgIGdldFN0YXRpc3RpY3MoKSB7DQogICAgICBsZXQgZGF0YSA9IHsNCiAgICAgICAgY3ljbGU6IHRoaXMudmlzaXREYXRlLA0KICAgICAgfTsNCiAgICAgIG9yZGVyQXBpKGRhdGEpDQogICAgICAgIC50aGVuKGFzeW5jIChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLmluZm9MaXN0ID0gcmVzLmRhdGEgfHwge307DQogICAgICAgICAgKHRoaXMuc2VyaWVzID0gdGhpcy5pbmZvTGlzdC5zZXJpZXMgfHwgW10pLA0KICAgICAgICAgICAgKHRoaXMueUF4aXNEYXRhID0gWw0KICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgdHlwZTogJ3ZhbHVlJywNCiAgICAgICAgICAgICAgICBuYW1lOiAn6YeR6aKdJywNCiAgICAgICAgICAgICAgICBheGlzTGluZTogew0KICAgICAgICAgICAgICAgICAgc2hvdzogZmFsc2UsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICBheGlzVGljazogew0KICAgICAgICAgICAgICAgICAgc2hvdzogZmFsc2UsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICBheGlzTGFiZWw6IHsNCiAgICAgICAgICAgICAgICAgIHRleHRTdHlsZTogew0KICAgICAgICAgICAgICAgICAgICBjb2xvcjogJyM3RjhCOUMnLA0KICAgICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgIHNwbGl0TGluZTogew0KICAgICAgICAgICAgICAgICAgc2hvdzogdHJ1ZSwNCiAgICAgICAgICAgICAgICAgIGxpbmVTdHlsZTogew0KICAgICAgICAgICAgICAgICAgICBjb2xvcjogJyNGNUY3RjknLA0KICAgICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgdHlwZTogJ3ZhbHVlJywNCiAgICAgICAgICAgICAgICBuYW1lOiAn5pWw6YePJywNCiAgICAgICAgICAgICAgICBheGlzTGluZTogew0KICAgICAgICAgICAgICAgICAgc2hvdzogZmFsc2UsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICBheGlzVGljazogew0KICAgICAgICAgICAgICAgICAgc2hvdzogZmFsc2UsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICBheGlzTGFiZWw6IHsNCiAgICAgICAgICAgICAgICAgIHRleHRTdHlsZTogew0KICAgICAgICAgICAgICAgICAgICBjb2xvcjogJyM3RjhCOUMnLA0KICAgICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgIHNwbGl0TGluZTogew0KICAgICAgICAgICAgICAgICAgc2hvdzogdHJ1ZSwNCiAgICAgICAgICAgICAgICAgIGxpbmVTdHlsZTogew0KICAgICAgICAgICAgICAgICAgICBjb2xvcjogJyNGNUY3RjknLA0KICAgICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgIC8vIGF4aXNMYWJlbDogew0KICAgICAgICAgICAgICAgIC8vICAgICBmb3JtYXR0ZXI6ICd7dmFsdWV9IMKwQycNCiAgICAgICAgICAgICAgICAvLyB9DQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICBdKTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOaXtumXtOaUueWPmA0KICAgIGhhbmRsZUNoYW5nZVZpc2l0VHlwZSgpIHsNCiAgICAgIHRoaXMuZ2V0U3RhdGlzdGljcygpOw0KICAgIH0sDQogICAgLy8g55uR5ZCs6aG16Z2i5a695bqm5Y+Y5YyW77yM5Yi35paw6KGo5qC8DQogICAgaGFuZGxlUmVzaXplKCkgew0KICAgICAgaWYgKHRoaXMuaW5mb0xpc3QpIHRoaXMuJHJlZnMudmlzaXRDaGFydC5oYW5kbGVSZXNpemUoKTsNCiAgICB9LA0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuZ2V0U3RhdGlzdGljcygpOw0KICB9LA0KfTsNCg=="},{"version":3,"sources":["visitChart.vue"],"names":[],"mappings":";AAsCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"visitChart.vue","sourceRoot":"src/pages/index/components","sourcesContent":["<template>\r\n  <div @resize=\"handleResize\">\r\n    <el-row :gutter=\"24\">\r\n      <el-col san=\"24\" class=\"ivu-mb\">\r\n        <el-card :bordered=\"false\" shadow=\"never\" class=\"dashboard-console-visit\">\r\n          <div>\r\n            <el-row justify=\"center\" align=\"middle\">\r\n              <el-col :span=\"8\" class=\"card-title\">\r\n                <el-avatar\r\n                  icon=\"el-icon-s-marketing\"\r\n                  size=\"small\"\r\n                  style=\"color: var(--prev-color-primary); background-color: #e6f7ff\"\r\n                ></el-avatar>\r\n                <h4 class=\"ivu-pl-8\">订单</h4>\r\n              </el-col>\r\n              <el-col :span=\"16\" class=\"ivu-text-right\">\r\n                <el-radio-group v-model=\"visitDate\" type=\"button\" class=\"ivu-mr-8\" @input=\"handleChangeVisitType\">\r\n                  <el-radio-button label=\"thirtyday\">30天</el-radio-button>\r\n                  <el-radio-button label=\"week\">周</el-radio-button>\r\n                  <el-radio-button label=\"month\">月</el-radio-button>\r\n                  <el-radio-button label=\"year\">年</el-radio-button>\r\n                </el-radio-group>\r\n              </el-col>\r\n            </el-row>\r\n          </div>\r\n          <echarts-from\r\n            ref=\"visitChart\"\r\n            :series=\"series\"\r\n            :infoList=\"infoList\"\r\n            v-if=\"infoList\"\r\n            :yAxisData=\"yAxisData\"\r\n          ></echarts-from>\r\n        </el-card>\r\n      </el-col>\r\n    </el-row>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { orderApi } from '@/api/index';\r\nimport echartsFrom from '@/components/echarts/index';\r\nexport default {\r\n  components: { echartsFrom },\r\n  data() {\r\n    return {\r\n      infoList: null,\r\n      visitDate: 'thirtyday',\r\n      series: [],\r\n      yAxisData: [],\r\n    };\r\n  },\r\n  methods: {\r\n    // 统计\r\n    getStatistics() {\r\n      let data = {\r\n        cycle: this.visitDate,\r\n      };\r\n      orderApi(data)\r\n        .then(async (res) => {\r\n          this.infoList = res.data || {};\r\n          (this.series = this.infoList.series || []),\r\n            (this.yAxisData = [\r\n              {\r\n                type: 'value',\r\n                name: '金额',\r\n                axisLine: {\r\n                  show: false,\r\n                },\r\n                axisTick: {\r\n                  show: false,\r\n                },\r\n                axisLabel: {\r\n                  textStyle: {\r\n                    color: '#7F8B9C',\r\n                  },\r\n                },\r\n                splitLine: {\r\n                  show: true,\r\n                  lineStyle: {\r\n                    color: '#F5F7F9',\r\n                  },\r\n                },\r\n              },\r\n              {\r\n                type: 'value',\r\n                name: '数量',\r\n                axisLine: {\r\n                  show: false,\r\n                },\r\n                axisTick: {\r\n                  show: false,\r\n                },\r\n                axisLabel: {\r\n                  textStyle: {\r\n                    color: '#7F8B9C',\r\n                  },\r\n                },\r\n                splitLine: {\r\n                  show: true,\r\n                  lineStyle: {\r\n                    color: '#F5F7F9',\r\n                  },\r\n                },\r\n                // axisLabel: {\r\n                //     formatter: '{value} °C'\r\n                // }\r\n              },\r\n            ]);\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 时间改变\r\n    handleChangeVisitType() {\r\n      this.getStatistics();\r\n    },\r\n    // 监听页面宽度变化，刷新表格\r\n    handleResize() {\r\n      if (this.infoList) this.$refs.visitChart.handleResize();\r\n    },\r\n  },\r\n  created() {\r\n    this.getStatistics();\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.dashboard-console-visit {\r\n  ul {\r\n    li {\r\n      list-style-type: none;\r\n      margin-top: 12px;\r\n    }\r\n  }\r\n}\r\n.ivu-text-right {\r\n  text-align: right;\r\n}\r\n.ivu-pl-8 {\r\n  padding-left: 8px !important;\r\n}\r\n.card-title {\r\n  display: flex;\r\n  align-items: center;\r\n  ::v-deep .el-avatar--small {\r\n    background-color: var(--prev-color-primary-light-9) !important;\r\n  }\r\n}\r\n</style>\r\n"]}]}