| 1 |
- {"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=style&index=0&id=682b4a1b&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\index\\components\\visitChart.vue","mtime":1761614939019},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"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:DQouZGFzaGJvYXJkLWNvbnNvbGUtdmlzaXQgew0KICB1bCB7DQogICAgbGkgew0KICAgICAgbGlzdC1zdHlsZS10eXBlOiBub25lOw0KICAgICAgbWFyZ2luLXRvcDogMTJweDsNCiAgICB9DQogIH0NCn0NCi5pdnUtdGV4dC1yaWdodCB7DQogIHRleHQtYWxpZ246IHJpZ2h0Ow0KfQ0KLml2dS1wbC04IHsNCiAgcGFkZGluZy1sZWZ0OiA4cHggIWltcG9ydGFudDsNCn0NCi5jYXJkLXRpdGxlIHsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgOjp2LWRlZXAgLmVsLWF2YXRhci0tc21hbGwgew0KICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeS1saWdodC05KSAhaW1wb3J0YW50Ow0KICB9DQp9DQo="},{"version":3,"sources":["visitChart.vue"],"names":[],"mappings":";AA+HA;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"]}]}
|
