Prechádzať zdrojové kódy

增加代金券统计

asd123a20 2 rokov pred
rodič
commit
dc32f08c59

+ 18 - 0
src/api/stat/index.js

@@ -70,4 +70,22 @@ export function activityTableb(query) {
       method: 'get',
       params: query
     })
+}
+
+// 统计各类代金券发放情况
+export function issuedCountTyType(query) {
+  return request({
+    url: '/discount/stat/issued-count-by-type',
+    method: 'get',
+    params: query
+  })
+}
+
+// 统计各类代金券兑换情况
+export function redeemCountTyType(query) {
+  return request({
+    url: '/discount/stat/redeem-count-by-type',
+    method: 'get',
+    params: query
+  })
 }

+ 120 - 0
src/views/stat/integral/exchange.vue

@@ -0,0 +1,120 @@
+<template>
+    <div class="app-container">
+      <el-row>
+        <el-col :span="24" class="card-box">
+          <el-card>
+            <div slot="header"><span>搜索信息</span></div>
+            <div class="el-table el-table--enable-row-hover el-table--medium">
+              <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
+                <el-form-item label="开始时间" prop="startTime">
+                  <el-date-picker clearable
+                    v-model="queryParams.startTime"
+                    type="date"
+                    value-format="yyyy-MM-dd"
+                    placeholder="开始时间">
+                  </el-date-picker>
+                </el-form-item>
+                <el-form-item label="结束时间" prop="endTime">
+                  <el-date-picker clearable
+                    v-model="queryParams.endTime"
+                    type="date"
+                    value-format="yyyy-MM-dd"
+                    placeholder="请选择结束时间">
+                  </el-date-picker>
+                </el-form-item>
+                <el-form-item>
+                  <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+                  <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+                </el-form-item>
+              </el-form>
+            </div>
+          </el-card>
+        </el-col>
+  
+        <el-col :span="24" class="card-box">
+            <el-card>
+              <div slot="header">
+                <span>积分类兑换放统计</span>
+              </div>
+              <div ref="usedmemory" style="height: 550px" />
+            </el-card>
+          </el-col>
+      </el-row>
+    </div>
+  </template>
+  
+  <script>
+  import { redeemCountTyType } from "@/api/stat/index";
+  import echarts from "echarts";
+  
+  export default {
+    name: "Cache",
+    dicts: ['user_tags'],
+    data() {
+      return {
+        activities: null,
+        // cache信息
+        cache: [],
+        queryParams: {},
+        dateRange: [],
+        userData: []
+      }
+    },
+    mounted() {
+      this.handleQuery();
+    },
+    methods: {
+      // 搜索
+      handleQuery() {
+        this.$modal.loading("正在加载活动统计数据,请稍候!");
+        this.getUser();
+      },
+      // 重置
+      resetQuery() {
+        this.dateRange = [];
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      async getUser() {
+        const res = await redeemCountTyType(this.queryParams);
+        const data = res?.data;
+        const myChart = echarts.init(this.$refs.usedmemory);
+        const option = {
+          xAxis: {
+            type: 'category',
+            data: (() => {
+              let list = [];
+                data.map((item) => {
+                    list.push(item.name);
+                });
+                return list;
+            })(),
+          },
+          yAxis: {
+            type: 'value'
+          },
+          series: [
+            {
+              data,
+              type: 'bar',
+              label: {
+                show: true,
+                position: 'top'
+              },
+              itemStyle: {
+                normal: {
+                  color: function(params) {
+                      return '#3f48cc'
+                  }
+                }
+              }
+            }
+          ]
+        };
+        myChart.setOption(option);
+  
+        this.$modal.closeLoading();
+      }
+    }
+  };
+  </script>

+ 120 - 0
src/views/stat/integral/index.vue

@@ -0,0 +1,120 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-col :span="24" class="card-box">
+        <el-card>
+          <div slot="header"><span>搜索信息</span></div>
+          <div class="el-table el-table--enable-row-hover el-table--medium">
+            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
+              <el-form-item label="开始时间" prop="startTime">
+                <el-date-picker clearable
+                  v-model="queryParams.startTime"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="开始时间">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="结束时间" prop="endTime">
+                <el-date-picker clearable
+                  v-model="queryParams.endTime"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="请选择结束时间">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+              </el-form-item>
+            </el-form>
+          </div>
+        </el-card>
+      </el-col>
+
+      <el-col :span="24" class="card-box">
+          <el-card>
+            <div slot="header">
+              <span>代金券类别发放统计</span>
+            </div>
+            <div ref="usedmemory" style="height: 550px" />
+          </el-card>
+        </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { issuedCountTyType } from "@/api/stat/index";
+import echarts from "echarts";
+
+export default {
+  name: "Cache",
+  dicts: ['user_tags'],
+  data() {
+    return {
+      activities: null,
+      // cache信息
+      cache: [],
+      queryParams: {},
+      dateRange: [],
+      userData: []
+    }
+  },
+  mounted() {
+    this.handleQuery();
+  },
+  methods: {
+    // 搜索
+    handleQuery() {
+      this.$modal.loading("正在加载活动统计数据,请稍候!");
+      this.getUser();
+    },
+    // 重置
+    resetQuery() {
+      this.dateRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    async getUser() {
+      const res = await issuedCountTyType(this.queryParams);
+      const data = res?.data;
+      const myChart = echarts.init(this.$refs.usedmemory);
+      const option = {
+        xAxis: {
+          type: 'category',
+          data: (() => {
+            let list = [];
+              data.map((item) => {
+                  list.push(item.name);
+              });
+              return list;
+          })(),
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: [
+          {
+            data,
+            type: 'bar',
+            label: {
+              show: true,
+              position: 'top'
+            },
+            itemStyle: {
+              normal: {
+                color: function(params) {
+                    return '#3f48cc'
+                }
+              }
+            }
+          }
+        ]
+      };
+      myChart.setOption(option);
+
+      this.$modal.closeLoading();
+    }
+  }
+};
+</script>

+ 103 - 0
src/views/stat/voucher/index.vue

@@ -0,0 +1,103 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-col :span="24" class="card-box">
+        <el-card>
+          <div slot="header"><span>搜索信息</span></div>
+          <div class="el-table el-table--enable-row-hover el-table--medium">
+            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
+              <el-form-item label="开始时间" prop="startTime">
+                <el-date-picker clearable
+                  v-model="queryParams.startTime"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="开始时间">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="结束时间" prop="endTime">
+                <el-date-picker clearable
+                  v-model="queryParams.endTime"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="请选择结束时间">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+              </el-form-item>
+            </el-form>
+          </div>
+        </el-card>
+      </el-col>
+
+      <el-col :span="24" class="card-box">
+        <el-card>
+          <div slot="header"><span>代金券类别发放统计</span></div>
+          <div class="el-table el-table--enable-row-hover el-table--medium">
+            <div ref="activities" style="height: 550px" />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { issuedCountTyType } from "@/api/stat/index";
+import echarts from "echarts";
+
+export default {
+  name: "Cache",
+  dicts: ['user_tags'],
+  data() {
+    return {
+      activities: null,
+      // cache信息
+      cache: [],
+      queryParams: {},
+      dateRange: [],
+      userData: []
+    }
+  },
+  mounted() {
+    this.handleQuery();
+  },
+  methods: {
+    // 搜索
+    handleQuery() {
+      this.$modal.loading("正在加载活动统计数据,请稍候!");
+      this.getActivity();
+    },
+    // 重置
+    resetQuery() {
+      this.dateRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    async getActivity() {
+      const res = await issuedCountTyType(this.queryParams);
+      const data = res?.data;
+      const myChart = echarts.init(this.$refs.activities, 'macarons');
+      const option = {
+        tooltip: {
+          trigger: 'item',
+          formatter: "{b}: {c} ({d}%)",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: '50%',
+            center: ["50%", "38%"],
+            data,
+            animationEasing: "cubicInOut",
+            animationDuration: 1000,
+          }
+        ]
+      };
+      myChart.setOption(option);
+      this.$modal.closeLoading();
+    },
+  }
+};
+</script>