{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\statistic\\integral\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\statistic\\integral\\index.vue","mtime":1761614939064},{"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:DQppbXBvcnQgY2FyZHNEYXRhIGZyb20gJ0AvY29tcG9uZW50cy9jYXJkcy9jYXJkcyc7DQppbXBvcnQgZWNoYXJ0c05ldyBmcm9tICdAL2NvbXBvbmVudHMvZWNoYXJ0c05ldy9pbmRleCc7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2luZGV4JywNCiAgY29tcG9uZW50czogeyBjYXJkc0RhdGEsIGVjaGFydHNOZXcgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgdGltZVZhbDogW10sDQogICAgICBzdHlsZTogeyBoZWlnaHQ6ICc0MDBweCcgfSwNCg0KICAgICAgZnJvbUxpc3Q6IHsNCiAgICAgICAgdGl0bGU6ICfpgInmi6nml7bpl7QnLA0KICAgICAgICBjdXN0b206IHRydWUsDQogICAgICAgIGZyb21UeHQ6IFsNCiAgICAgICAgICB7IHRleHQ6ICflhajpg6gnLCB2YWw6ICcnIH0sDQogICAgICAgICAgeyB0ZXh0OiAn5LuK5aSpJywgdmFsOiAndG9kYXknIH0sDQogICAgICAgICAgeyB0ZXh0OiAn5pys5ZGoJywgdmFsOiAnd2VlaycgfSwNCiAgICAgICAgICB7IHRleHQ6ICfmnKzmnIgnLCB2YWw6ICdtb250aCcgfSwNCiAgICAgICAgICB7IHRleHQ6ICfmnKzlraPluqYnLCB2YWw6ICdxdWFydGVyJyB9LA0KICAgICAgICAgIHsgdGV4dDogJ+acrOW5tCcsIHZhbDogJ3llYXInIH0sDQogICAgICAgIF0sDQogICAgICB9LA0KICAgICAgZm9ybVZhbGlkYXRlOiB7DQogICAgICAgIHN0YXR1czogJycsDQogICAgICAgIGRhdGU6ICcnLA0KICAgICAgfSwNCiAgICAgIGNhcmRMaXN0czogWw0KICAgICAgICB7DQogICAgICAgICAgY29sOiA2LA0KICAgICAgICAgIGNvdW50OiAwLA0KICAgICAgICAgIG5hbWU6ICflj4LkuI7kurrmlbAo5Lq6KScsDQogICAgICAgICAgY2xhc3NOYW1lOiAnaW9zLXNwZWVkb21ldGVyLW91dGxpbmUnLA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgY29sOiA2LA0KICAgICAgICAgIGNvdW50OiAwLA0KICAgICAgICAgIG5hbWU6ICfmiJDlm6LmlbDph48o5LiqKScsDQogICAgICAgICAgY2xhc3NOYW1lOiAnbWQtcm9zZScsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICBjb2w6IDYsDQogICAgICAgICAgY291bnQ6IDAsDQogICAgICAgICAgbmFtZTogJ+WPguS4juS6uuaVsCjkuropJywNCiAgICAgICAgICBjbGFzc05hbWU6ICdpb3Mtc3BlZWRvbWV0ZXItb3V0bGluZScsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICBjb2w6IDYsDQogICAgICAgICAgY291bnQ6IDAsDQogICAgICAgICAgbmFtZTogJ+aIkOWbouaVsOmHjyjkuKopJywNCiAgICAgICAgICBjbGFzc05hbWU6ICdtZC1yb3NlJywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIGNvbDogNiwNCiAgICAgICAgICBjb3VudDogMCwNCiAgICAgICAgICBuYW1lOiAn5Y+C5LiO5Lq65pWwKOS6uiknLA0KICAgICAgICAgIGNsYXNzTmFtZTogJ2lvcy1zcGVlZG9tZXRlci1vdXRsaW5lJywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIGNvbDogNiwNCiAgICAgICAgICBjb3VudDogMCwNCiAgICAgICAgICBuYW1lOiAn5oiQ5Zui5pWw6YePKOS4qiknLA0KICAgICAgICAgIGNsYXNzTmFtZTogJ21kLXJvc2UnLA0KICAgICAgICB9LA0KICAgICAgXSwNCiAgICAgIG9wdGlvbkRhdGE6IHt9LA0KICAgICAgc3BpblNob3c6IGZhbHNlLA0KICAgIH07DQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgLy8gdGhpcy5nZXRUcmVuZCgpOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgLy8g5YW35L2T5pel5pyfDQogICAgb25jaGFuZ2VUaW1lKGUpIHsNCiAgICAgIHRoaXMudGltZVZhbCA9IGU7DQogICAgICB0aGlzLmRhdGFUaW1lID0gdGhpcy50aW1lVmFsID8gdGhpcy50aW1lVmFsLmpvaW4oJy0nKSA6ICcnOw0KICAgICAgdGhpcy5uYW1lID0gdGhpcy5kYXRhVGltZTsNCiAgICB9LA0KICAgIC8vIOe7n+iuoeWbvg0KICAgIGdldFRyZW5kKCkgew0KICAgICAgdGhpcy5zcGluU2hvdyA9IHRydWU7DQogICAgICBzdGF0aXN0aWNVc2VyVHJlbmRBcGkodGhpcy5mb3JtSW5saW5lKQ0KICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgbGV0IGxlZ2VuZCA9IHJlcy5kYXRhLnNlcmllcy5tYXAoKGl0ZW0pID0+IHsNCiAgICAgICAgICAgIHJldHVybiBpdGVtLm5hbWU7DQogICAgICAgICAgfSk7DQogICAgICAgICAgbGV0IHhBeGlzID0gcmVzLmRhdGEueEF4aXM7DQogICAgICAgICAgbGV0IGNvbCA9IFsnIzVCOEZGOScsICcjNUFEOEE2JywgJyNGRkFCMkInLCAnIzVENzA5MiddOw0KICAgICAgICAgIGxldCBzZXJpZXMgPSBbXTsNCiAgICAgICAgICByZXMuZGF0YS5zZXJpZXMubWFwKChpdGVtLCBpbmRleCkgPT4gew0KICAgICAgICAgICAgc2VyaWVzLnB1c2goew0KICAgICAgICAgICAgICBuYW1lOiBpdGVtLm5hbWUsDQogICAgICAgICAgICAgIHR5cGU6ICdsaW5lJywNCiAgICAgICAgICAgICAgZGF0YTogaXRlbS52YWx1ZSwNCiAgICAgICAgICAgICAgaXRlbVN0eWxlOiB7DQogICAgICAgICAgICAgICAgbm9ybWFsOiB7DQogICAgICAgICAgICAgICAgICBjb2xvcjogY29sW2luZGV4XSwNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICBzbW9vdGg6IDAsDQogICAgICAgICAgICB9KTsNCiAgICAgICAgICB9KTsNCiAgICAgICAgICB0aGlzLm9wdGlvbkRhdGEgPSB7DQogICAgICAgICAgICB0b29sdGlwOiB7DQogICAgICAgICAgICAgIHRyaWdnZXI6ICdheGlzJywNCiAgICAgICAgICAgICAgYXhpc1BvaW50ZXI6IHsNCiAgICAgICAgICAgICAgICB0eXBlOiAnY3Jvc3MnLA0KICAgICAgICAgICAgICAgIGxhYmVsOiB7DQogICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjNmE3OTg1JywNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIGxlZ2VuZDogew0KICAgICAgICAgICAgICB4OiAnY2VudGVyJywNCiAgICAgICAgICAgICAgZGF0YTogbGVnZW5kLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIGdyaWQ6IHsNCiAgICAgICAgICAgICAgbGVmdDogJzMlJywNCiAgICAgICAgICAgICAgcmlnaHQ6ICc0JScsDQogICAgICAgICAgICAgIGJvdHRvbTogJzMlJywNCiAgICAgICAgICAgICAgY29udGFpbkxhYmVsOiB0cnVlLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHRvb2xib3g6IHsNCiAgICAgICAgICAgICAgZmVhdHVyZTogew0KICAgICAgICAgICAgICAgIHNhdmVBc0ltYWdlOiB7fSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB4QXhpczogew0KICAgICAgICAgICAgICB0eXBlOiAnY2F0ZWdvcnknLA0KICAgICAgICAgICAgICBib3VuZGFyeUdhcDogdHJ1ZSwNCiAgICAgICAgICAgICAgLy8gYXhpc1RpY2s6ew0KICAgICAgICAgICAgICAvLyAgICAgc2hvdzpmYWxzZQ0KICAgICAgICAgICAgICAvLyB9LA0KICAgICAgICAgICAgICAvLyBheGlzTGluZTp7DQogICAgICAgICAgICAgIC8vICAgICBzaG93OmZhbHNlDQogICAgICAgICAgICAgIC8vIH0sDQogICAgICAgICAgICAgIC8vIHNwbGl0TGluZTogew0KICAgICAgICAgICAgICAvLyAgICAgc2hvdzogZmFsc2UNCiAgICAgICAgICAgICAgLy8gfSwNCiAgICAgICAgICAgICAgYXhpc0xhYmVsOiB7DQogICAgICAgICAgICAgICAgaW50ZXJ2YWw6IDAsDQogICAgICAgICAgICAgICAgcm90YXRlOiA0MCwNCiAgICAgICAgICAgICAgICB0ZXh0U3R5bGU6IHsNCiAgICAgICAgICAgICAgICAgIGNvbG9yOiAnIzAwMDAwMCcsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgZGF0YTogeEF4aXMsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgeUF4aXM6IHsNCiAgICAgICAgICAgICAgdHlwZTogJ3ZhbHVlJywNCiAgICAgICAgICAgICAgYXhpc0xpbmU6IHsNCiAgICAgICAgICAgICAgICBzaG93OiBmYWxzZSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgYXhpc1RpY2s6IHsNCiAgICAgICAgICAgICAgICBzaG93OiBmYWxzZSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgYXhpc0xhYmVsOiB7DQogICAgICAgICAgICAgICAgdGV4dFN0eWxlOiB7DQogICAgICAgICAgICAgICAgICBjb2xvcjogJyM3RjhCOUMnLA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIHNwbGl0TGluZTogew0KICAgICAgICAgICAgICAgIHNob3c6IHRydWUsDQogICAgICAgICAgICAgICAgbGluZVN0eWxlOiB7DQogICAgICAgICAgICAgICAgICBjb2xvcjogJyNGNUY3RjknLA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgc2VyaWVzOiBzZXJpZXMsDQogICAgICAgICAgfTsNCiAgICAgICAgICB0aGlzLnNwaW5TaG93ID0gZmFsc2U7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgICB0aGlzLnNwaW5TaG93ID0gZmFsc2U7DQogICAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAmEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;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":"index.vue","sourceRoot":"src/pages/statistic/integral","sourcesContent":["<template>\r\n  <div v-loading=\"spinShow\">\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n      <el-form ref=\"formValidate\" :model=\"formValidate\" class=\"tabform\" @submit.native.prevent>\r\n        <el-row :gutter=\"24\">\r\n          <el-col :span=\"24\">\r\n            <el-form-item label=\"订单时间：\">\r\n              <el-radio-group\r\n                v-model=\"formValidate.data\"\r\n                type=\"button\"\r\n                @change=\"selectChange(formValidate.data)\"\r\n                class=\"mr\"\r\n              >\r\n                <el-radio-button :label=\"item.val\" v-for=\"(item, i) in fromList.fromTxt\" :key=\"i\">{{\r\n                  item.text\r\n                }}</el-radio-button>\r\n              </el-radio-group>\r\n              <el-date-picker\r\n                :editable=\"false\"\r\n                clearable\r\n                @change=\"onchangeTime\"\r\n                v-model=\"timeVal\"\r\n                format=\"yyyy/MM/dd\"\r\n                type=\"daterange\"\r\n                value-format=\"yyyy/MM/dd\"\r\n                range-separator=\"-\"\r\n                start-placeholder=\"开始日期\"\r\n                end-placeholder=\"结束日期\"\r\n              ></el-date-picker>\r\n            </el-form-item> </el-col\r\n        ></el-row>\r\n      </el-form>\r\n    </el-card>\r\n    <cards-data :cardLists=\"cardLists\" v-if=\"cardLists.length >= 0\"></cards-data>\r\n    <echarts-new :option-data=\"optionData\" :styles=\"style\" height=\"100%\" width=\"100%\" v-if=\"optionData\"></echarts-new>\r\n    <div class=\"code-row-bg\">\r\n      <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n        <div class=\"acea-row row-between-wrapper\">\r\n          <div class=\"statics-header-title\">积分来源</div>\r\n          <div>切换样式</div>\r\n        </div>\r\n        <echarts-new\r\n          :option-data=\"optionData\"\r\n          :styles=\"style\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          v-if=\"optionData\"\r\n        ></echarts-new>\r\n      </el-card>\r\n      <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n        <div class=\"acea-row row-between-wrapper\">\r\n          <div class=\"statics-header-title\">积分消耗</div>\r\n          <div>切换样式</div>\r\n        </div>\r\n        <echarts-new\r\n          :option-data=\"optionData\"\r\n          :styles=\"style\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          v-if=\"optionData\"\r\n        ></echarts-new>\r\n      </el-card>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport cardsData from '@/components/cards/cards';\r\nimport echartsNew from '@/components/echartsNew/index';\r\n\r\nexport default {\r\n  name: 'index',\r\n  components: { cardsData, echartsNew },\r\n  data() {\r\n    return {\r\n      timeVal: [],\r\n      style: { height: '400px' },\r\n\r\n      fromList: {\r\n        title: '选择时间',\r\n        custom: true,\r\n        fromTxt: [\r\n          { text: '全部', val: '' },\r\n          { text: '今天', val: 'today' },\r\n          { text: '本周', val: 'week' },\r\n          { text: '本月', val: 'month' },\r\n          { text: '本季度', val: 'quarter' },\r\n          { text: '本年', val: 'year' },\r\n        ],\r\n      },\r\n      formValidate: {\r\n        status: '',\r\n        date: '',\r\n      },\r\n      cardLists: [\r\n        {\r\n          col: 6,\r\n          count: 0,\r\n          name: '参与人数(人)',\r\n          className: 'ios-speedometer-outline',\r\n        },\r\n        {\r\n          col: 6,\r\n          count: 0,\r\n          name: '成团数量(个)',\r\n          className: 'md-rose',\r\n        },\r\n        {\r\n          col: 6,\r\n          count: 0,\r\n          name: '参与人数(人)',\r\n          className: 'ios-speedometer-outline',\r\n        },\r\n        {\r\n          col: 6,\r\n          count: 0,\r\n          name: '成团数量(个)',\r\n          className: 'md-rose',\r\n        },\r\n        {\r\n          col: 6,\r\n          count: 0,\r\n          name: '参与人数(人)',\r\n          className: 'ios-speedometer-outline',\r\n        },\r\n        {\r\n          col: 6,\r\n          count: 0,\r\n          name: '成团数量(个)',\r\n          className: 'md-rose',\r\n        },\r\n      ],\r\n      optionData: {},\r\n      spinShow: false,\r\n    };\r\n  },\r\n  created() {\r\n    // this.getTrend();\r\n  },\r\n  methods: {\r\n    // 具体日期\r\n    onchangeTime(e) {\r\n      this.timeVal = e;\r\n      this.dataTime = this.timeVal ? this.timeVal.join('-') : '';\r\n      this.name = this.dataTime;\r\n    },\r\n    // 统计图\r\n    getTrend() {\r\n      this.spinShow = true;\r\n      statisticUserTrendApi(this.formInline)\r\n        .then(async (res) => {\r\n          let legend = res.data.series.map((item) => {\r\n            return item.name;\r\n          });\r\n          let xAxis = res.data.xAxis;\r\n          let col = ['#5B8FF9', '#5AD8A6', '#FFAB2B', '#5D7092'];\r\n          let series = [];\r\n          res.data.series.map((item, index) => {\r\n            series.push({\r\n              name: item.name,\r\n              type: 'line',\r\n              data: item.value,\r\n              itemStyle: {\r\n                normal: {\r\n                  color: col[index],\r\n                },\r\n              },\r\n              smooth: 0,\r\n            });\r\n          });\r\n          this.optionData = {\r\n            tooltip: {\r\n              trigger: 'axis',\r\n              axisPointer: {\r\n                type: 'cross',\r\n                label: {\r\n                  backgroundColor: '#6a7985',\r\n                },\r\n              },\r\n            },\r\n            legend: {\r\n              x: 'center',\r\n              data: legend,\r\n            },\r\n            grid: {\r\n              left: '3%',\r\n              right: '4%',\r\n              bottom: '3%',\r\n              containLabel: true,\r\n            },\r\n            toolbox: {\r\n              feature: {\r\n                saveAsImage: {},\r\n              },\r\n            },\r\n            xAxis: {\r\n              type: 'category',\r\n              boundaryGap: true,\r\n              // axisTick:{\r\n              //     show:false\r\n              // },\r\n              // axisLine:{\r\n              //     show:false\r\n              // },\r\n              // splitLine: {\r\n              //     show: false\r\n              // },\r\n              axisLabel: {\r\n                interval: 0,\r\n                rotate: 40,\r\n                textStyle: {\r\n                  color: '#000000',\r\n                },\r\n              },\r\n              data: xAxis,\r\n            },\r\n            yAxis: {\r\n              type: 'value',\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            series: series,\r\n          };\r\n          this.spinShow = false;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n          this.spinShow = false;\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.cl {\r\n  margin-right: 20px;\r\n}\r\n.code-row-bg {\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n}\r\n.code-row-bg .ivu-mt {\r\n  width: 100%;\r\n  margin: 0 5px;\r\n}\r\n</style>\r\n"]}]}