单日消费统计

src/router/index.js

@@ -8,6 +8,7 @@ const micro = r => require.ensure([], () => r(require('../view/common/Micro.vue'
 // const adList = r => require.ensure([], () => r(require('../view/operation/AdList.vue')), 'adList');
 const newAdList = r => require.ensure([], () => r(require('../view/operation/newAdList.vue')), 'newAdList');
 const userManage = r => require.ensure([], () => r(require('../view/userManage/index.vue')), 'userManage');
+const dayConsumeAnalysis = r => require.ensure([], () => r(require('../view/statementManage/dayConsumeAnalysis.vue')), 'dayConsumeAnalysis');
 
 // const loanHomePage = r => require.ensure([], () => r(require('../view/operation/LoanHomePage.vue')), 'loanHomePage');
 const templateManage = r => require.ensure([], () => r(require('../view/sendManagement/templateManage.vue')), 'templateManage');
@@ -74,6 +75,10 @@ const routes = [
       requireAuth: true,
     },
     children: [
+      {
+        path: 'dayConsumeAnalysis',
+        component: dayConsumeAnalysis,
+      },
       {
         path: 'userManage',
         component: userManage,

src/view/statementManage/constData.js

+export const dayColumns = [
+  {
+    key: 'date',
+    title: '日期',
+    align: 'center',
+  },
+  {
+    key: 'count',
+    title: '主订单数量',
+    align: 'center',
+  },
+  {
+    key: 'GMV',
+    title: 'GMV金额',
+    align: 'center',
+  },
+  {
+    key: 'price',
+    title: '当日有效成交额',
+    align: 'center',
+  },
+  {
+    key: 'balance',
+    title: '余额支付总金额',
+    align: 'center',
+  },
+  {
+    key: 'totalPrice',
+    title: '微信支付总金额',
+    align: 'center',
+  },
+  {
+    key: 'meanPrice',
+    title: '当日订单平均金额',
+    align: 'center',
+  },
+  {
+    key: 'dayPerson',
+    title: '当日支付订单人数',
+    align: 'center',
+  },
+  {
+    key: 'status',
+    title: '订单付款取消率',
+    align: 'center',
+  },
+];

src/view/statementManage/dayConsumeAnalysis.vue

+<template>
+  <div>
+    <Form ref="form" :label-width="90" inline :model="form" style="margin-top:20px;">
+      <FormItem label="日期选择">
+        <DatePicker v-model="form.date" placeholder="请选择" style="width: 200px" />
+      </FormItem>
+      <FormItem>
+        <Button type="primary" @click="getList()">查询</Button>
+        <Button type="" @click="reset()">重置</Button>
+      </FormItem>
+    </Form>
+    <Table ref="currentRowTable" border :columns="dayColumns" :data="dataList" />
+    <Page style="margin:20px" :total="count" :current="form.pageNo" :page-size="form.pageSize" size="small" show-total show-elevator @on-change="changePage" />
+  </div>
+</template>
+<script>
+// import sendMessageApi from '../../services/apis/appUrl.service';
+import { dayColumns } from './constData.js';
+export default {
+  data() {
+    return {
+      form: {
+        pageNo: 1,
+        pageSize: 10,
+        date: '',
+      },
+      count: 0,
+      dayColumns,
+      dataList: [],
+    };
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    reset() {
+      this.$refs['form'].resetFields();
+      this.getList(); // 接口好了以后调用
+    },
+    getList(page = 1) {
+      //   const reg = /^[0-9]+.?[0-9]*$/;
+      //   if (this.form.inviterId !== '' && !reg.test(this.form.inviterId)) {
+      //     this.$Notice.error({
+      //       title: '请输入数字类型的userId',
+      //     });
+      //     return;
+      //   }
+      this.form.pageNo = page;
+      this.dataList = [
+        {
+          date: 123,
+          GMV: 'GMV',
+          meanPrice: 987,
+          price: 1,
+          count: 1000,
+          balance: 100,
+          totalPrice: 10000,
+          status: 1,
+          dayPerson: 345,
+        },
+        {
+          date: 321,
+          GMV: 'GMV',
+          meanPrice: 987,
+          price: 1,
+          count: 1000,
+          balance: 100,
+          totalPrice: 10000,
+          status: 1,
+          dayPerson: 345,
+        },
+      ];
+      //   sendMessageApi.inviteList(this.form).then(res => {
+      //     this.dataList = res.dataList || [];
+      //     this.count = res.totalCount;
+      //   });
+    },
+    changePage(page) {
+      this.getList(page);
+    },
+  },
+};
+</script>