新增统计相关

src/api/accounts.js

@@ -155,6 +155,41 @@ export function getPointCountApi(data) {
 }
 
 /**
+ * @description 京豆统计
+ */
+export function getJingdouCountApi(data) {
+  return request.get('finance/jingdou_list', data)
+}
+
+/**
+ * @description 贡献值统计
+ */
+export function getContributeCountApi(data) {
+  return request.get('finance/contribute_list', data)
+}
+
+/**
+ * @description 复购金统计
+ */
+export function getFugouCountApi(data) {
+  return request.get('finance/fugou_list', data)
+}
+
+/**
+ * @description 红包统计
+ */
+export function getHongbaoCountApi(data) {
+  return request.get('finance/hongbao_list', data)
+}
+
+/**
+ * @description VR统计
+ */
+export function getVrCountApi(data) {
+  return request.get('finance/vr_list', data)
+}
+
+/**
  * @description 佣金统计
  */
 export function getYongJinCountApi(data) {

src/router/modules/accounts.js

@@ -150,6 +150,51 @@ const accountsRouter =
         component: () => import('@/views/accounts/caiwutongji/pension/index')
       },
       {
+        path: 'count/jingdou',
+        name: 'jingdou',
+        meta: {
+          title: '京豆统计',
+          noCache: true
+        },
+        component: () => import('@/views/accounts/caiwutongji/jingdou/index')
+      },
+      {
+        path: 'count/contribute',
+        name: 'contribute',
+        meta: {
+          title: '贡献值统计',
+          noCache: true
+        },
+        component: () => import('@/views/accounts/caiwutongji/contribute/index')
+      },
+      {
+        path: 'count/hongbao',
+        name: 'hongbao',
+        meta: {
+          title: '红包统计',
+          noCache: true
+        },
+        component: () => import('@/views/accounts/caiwutongji/hongbao/index')
+      },
+      {
+        path: 'count/fugou',
+        name: 'fugou',
+        meta: {
+          title: '复购金统计',
+          noCache: true
+        },
+        component: () => import('@/views/accounts/caiwutongji/fugou/index')
+      },
+      {
+        path: 'count/vr',
+        name: 'vr',
+        meta: {
+          title: 'vr统计',
+          noCache: true
+        },
+        component: () => import('@/views/accounts/caiwutongji/vr/index')
+      },
+      {
         path: 'record/bill',
         name: 'billRecord',
         meta: {

src/views/accounts/caiwutongji/contribute/index.vue

@@ -0,0 +1,447 @@
+<template>
+<div class="divBox">
+    <el-card class="box-card">
+        <div slot="header" class="clearfix">
+            <div class="container">
+                <el-form size="small" label-width="100px">
+                    <el-form-item label="时间选择：" class="width100">
+                        <el-radio-group v-model="tableFrom.date" type="button" class="mr20" size="small" @change="selectChange(tableFrom.date)">
+                            <el-radio-button v-for="(item,i) in fromList.fromTxt" :key="i" :label="item.val">{{ item.text }}</el-radio-button>
+                        </el-radio-group>
+                        <el-date-picker v-model="timeVal" value-format="yyyy/MM/dd" format="yyyy/MM/dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 250px;" @change="onchangeTime" />
+                    </el-form-item>
+                    <el-form-item label="用户手机号：" class="width100">
+                        <el-input v-model="tableFrom.phone" placeholder="请输入" class="selWidth" size="small">
+                        </el-input>
+                    </el-form-item>
+                    <!-- <el-form-item label="贡献值变动：" class="selected-kuang">
+                      <el-select
+                        v-model="tableFrom.pm"
+                        placeholder="全部"
+                        class="filter-item"
+                        @change="getList(1)"
+                      >
+                        <el-option label="全部" value="" />
+                        <el-option label="增加" value="1" />
+                        <el-option label="扣减" value="2" />
+                      </el-select>
+                    </el-form-item> -->
+                    <el-form-item label="贡献值状态：" class="selected-kuang">
+                      <el-select
+                        v-model="tableFrom.status"
+                        placeholder="全部"
+                        class="filter-item"
+                        @change="getList(1)"
+                      >
+                        <el-option label="全部" value="" />
+                        <el-option label="有效" value="1" />
+                        <el-option label="待确认" value="-1" />
+                        <el-option label="已失效" value="0" />
+                      </el-select>
+                    </el-form-item>
+
+                </el-form>
+
+                <div class="bottom-button">
+                  <el-button size="small" @click="reset" style="width: 100px; margin-top: 20px; border: 1px solid; " >重置</el-button>
+                  <!-- <el-button type="primary" size="small" @click="exportSearchResult" style="width: 100px; margin-top: 20px;">导出</el-button> -->
+
+                  <el-button type="primary" size="small" @click="getList(1)" style="width: 100px; margin-top: 20px;">查询</el-button>
+                </div>
+            </div>
+
+
+
+        </div>
+
+        <div style="display: flex">
+          <div class="jiangjintotal" v-for="(v,k) in cardLists" >
+            <span class="jiangjintotal-title">{{ v.name }}</span>
+            <span class="money">{{ v.count }}</span>
+          </div>
+        </div>
+
+        <el-table :data="tableData.data" style="width: 100%" size="mini" class="table" highlight-current-row >
+
+
+            <el-table-column label="ID" prop="id" min-width="100" />
+            <el-table-column label="时间" prop="addtime" min-width="150" />
+            <el-table-column label="用户昵称" prop="nickname"  min-width="130" />
+            <el-table-column label="用户账号(手机号)" prop="phone"  min-width="130" />
+
+            <el-table-column label="贡献值数" prop="number"  min-width="130" />
+            <el-table-column label="贡献值状态" prop="status"  min-width="130">
+              <template slot-scope="scope">
+                <span v-if="scope.row.status == 1">有效</span>  
+                <span v-if="scope.row.status == -1">待确认</span>
+                <span v-if="scope.row.status == 0">已失效</span>
+              </template>
+            </el-table-column>
+            <!-- <el-table-column label="贡献值变动" prop="status"  min-width="130">
+              <template slot-scope="scope">
+                <span v-if="scope.row.pm == 1">增加</span>
+                <span v-if="scope.row.pm == 2">扣减</span>
+              </template>
+            </el-table-column> -->
+            <el-table-column label="关联订单" prop="order_sn"  min-width="130">
+              <template slot-scope="scope">
+                <span style="color: blue; cursor: pointer;" @click="pushToOrderList(scope.row.order_sn)">{{ scope.row.order_sn }}</span>
+              </template>
+            </el-table-column>
+            <!-- <el-table-column label="说明" prop="mark"  min-width="130" /> -->
+        </el-table>
+        <div class="block">
+          <el-pagination :page-sizes="[20, 40, 60, 80]" :page-size="tableFrom.limit" :current-page="tableFrom.page"
+            layout="total, sizes, prev, pager, next, jumper" :total="tableData.total" @size-change="handleSizeChange"
+            @current-change="pageChange" />
+        </div>
+    </el-card>
+
+
+</div>
+</template>
+
+<script>
+import {
+    redPointListApi,
+    exportOrderApi,
+} from "@/api/order";
+
+import { performanceDivvyLstApi } from '@/api/protocol'
+
+import fileList from "@/components/exportFile/fileList";
+import cardsData from "@/components/cards/index";
+import {getZeroPointApi, getContributeCountApi} from "@/api/accounts";
+import {roterPre} from "@/settings";
+export default {
+    components: {
+        cardsData,
+        fileList
+    },
+    data() {
+        return {
+            performanceList:[],
+            merSelect: [],
+            timeVal: '',
+            tableData: {
+                data: [],
+                total: 0,
+            },
+            listLoading: true,
+            tableFrom: {
+                uid: "",
+                date: "",
+                page: 1,
+                limit: 20,
+                type: "",
+                pm: ""
+            },
+            fromList: {
+                title: "选择时间",
+                custom: true,
+                fromTxt: [{
+                        text: "全部",
+                        val: ""
+                    },
+                    {
+                        text: "今天",
+                        val: "today"
+                    },
+                    {
+                        text: "昨天",
+                        val: "yesterday"
+                    },
+                    {
+                        text: "最近7天",
+                        val: "lately7"
+                    },
+                    {
+                        text: "最近30天",
+                        val: "lately30"
+                    },
+                    {
+                        text: "本月",
+                        val: "month"
+                    },
+                    {
+                        text: "本年",
+                        val: "year"
+                    },
+                ],
+            },
+            fileVisible: false,
+            cardLists: [],
+            teamList: [],
+
+        };
+    },
+    mounted() {
+        this.getList(1);
+
+        performanceDivvyLstApi({'page':1,'limit':100,'state':1}).then(res => {
+          this.performanceList = res.data.list
+        }).catch(res => {
+          this.$message.error(res.message)
+        })
+        // 获取隶属团队
+        getZeroPointApi().then(res => {
+            this.teamList = res.data
+            console.log('隶属团队')
+            console.log(this.teamList)
+        }).catch((res) => {
+            this.$message.error(res.message);
+        });
+
+    },
+    methods: {
+
+      pushToOrderList(orderIds) {
+
+
+        // accounts/extract
+
+        this.$router.push({
+          path: roterPre + "/order/list/",
+          query: { order_sn: orderIds },
+        });
+      },
+
+      tanchuang() {
+        this.dialogVisible = true
+      },
+
+      selectData(name) {
+        if (name == '系统奖励红贡献值数') {
+          this.tableFrom.pm = '1'
+        } else if (name == '系统销毁红贡献值数') {
+          this.tableFrom.pm = '2'
+        } else if (name == '人工奖励红贡献值数') {
+          this.tableFrom.pm = '3'
+        } else if (name == '人工销毁红贡献值数') {
+          this.tableFrom.pm = '4'
+        }
+
+        this.getList(1)
+      },
+
+      // 重置
+      reset() {
+        this.tableFrom ={
+            uid: "",
+            date: "",
+            page: 1,
+            limit: 20,
+            type: "",
+            pm: ""
+          }
+        this.getList();
+      },
+      exportSearchResult() {
+        RewardExcelApi(this.paramsData).then(res => {
+          console.log( res.data)
+          console.log( res.data.path)
+          window.open( res.data.path)
+          // window.open(SettingMer.https + `/excel/download/0?token=` + getToken()+`&path=` + res.data.path)
+        }).catch((res) => {
+
+        })
+      },
+
+
+
+        // 表格某一行添加特定的样式
+        addTdClass(val) {
+            if (val.row.status > 0 && val.row.paid == 1) {
+                for (let i = 0; i < val.row.orderProduct.length; i++) {
+                    if (val.row.orderProduct[i].refund_num > 0 && val.row.orderProduct[i].refund_num < val.row.orderProduct[i].product_num) {
+                        return "row-bg";
+                    }
+                }
+            } else {
+                return " ";
+            }
+        },
+
+        // 导出
+        exportOrder() {
+            exportOrderApi(this.tableFrom)
+                .then((res) => {
+                    // this.$message.success(res.message);
+                    // this.fileVisible = true;
+                    // this.$refs.exportList.exportFileList();
+                  const h = this.$createElement;
+                  this.$msgbox({
+                    title: '提示',
+                    message: h('p', null, [
+                      h('span', null, '文件正在生成中，请稍后点击"'),
+                      h('span', { style: 'color: teal' }, '导出已生成列表'),
+                      h('span', null, '"查看~ '),
+                    ]),
+                    confirmButtonText: '我知道了',
+                  }).then(action => {
+
+                  });                })
+                .catch((res) => {
+                    this.$message.error(res.message);
+                });
+        },
+        getExportFileList() {
+            this.fileVisible = true;
+            this.$refs.exportList.exportFileList('order');
+        },
+
+        handleSelectionChange(val) {
+            this.selectionList = val;
+            const data = [];
+            this.selectionList.map((item) => {
+                data.push(item.order_id);
+            });
+            this.ids = data.join(",");
+        },
+        // 选择时间
+        selectChange(tab) {
+            this.timeVal = [];
+            this.tableFrom.date = tab;
+            this.getList(1);
+        },
+        // 具体日期
+        onchangeTime(e) {
+            this.timeVal = e;
+            this.tableFrom.date = e ? this.timeVal.join("-") : "";
+            this.getList(1);
+        },
+
+        // 列表
+        getList(num) {
+            this.tableFrom.page = num ? num : this.tableFrom.page;
+            getContributeCountApi(this.tableFrom).then((res) => {
+                console.log(res,'aaaaa');
+                this.tableData.data = res.data.list;
+                this.tableData.total = res.data.count;
+
+                this.cardLists = [
+                  { info: '', name: '贡献值奖励总数', count: res.data.statistics.all },
+                  { info: '', name: '已结算贡献值', count: res.data.statistics.clear },
+                  { info: '', name: '未结算贡献值', count: res.data.statistics.nclear },
+                  { info: '', name: '已失效贡献值', count: res.data.statistics.lost },
+                  // {info: '', name: '贡献值扣减总数', count: res.data.statistics.deduct},
+                  // {info: '', name: '剩余贡献值总数', count: res.data.statistics.all_mp1}
+                ]
+            }).catch((res) => {
+                this.$message.error(res.message);
+            });
+        },
+        pageChange(page) {
+            this.tableFrom.page = page;
+            this.getList('');
+        },
+        handleSizeChange(val) {
+            this.tableFrom.limit = val;
+            this.getList('');
+        },
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.selWidth {
+    width: 300px;
+}
+
+.el-dropdown-link {
+    cursor: pointer;
+    color: #409eff;
+    font-size: 12px;
+}
+
+.el-icon-arrow-down {
+    font-size: 12px;
+}
+
+.tabBox_tit {
+    width: 53%;
+    font-size: 12px !important;
+    margin: 0 2px 0 10px;
+    letter-spacing: 1px;
+    padding: 5px 0;
+    box-sizing: border-box;
+}
+
+/deep/.row-bg {
+    .cell {
+        color: red !important;
+    }
+}
+
+.filter-item {
+  width:50%;
+}
+
+
+.cancel-order-mark {
+    margin-top: 30px;
+
+    .cancel-order-select-reason {
+        height: 30px;
+    }
+
+    .canel-order-remark-input {
+        width: 75%;
+        margin-left: 35px;
+    }
+
+
+}
+
+.bottom-button {
+    margin-top: 30px;
+    margin-left: 300px;
+    width: 250px;
+    display: flex;
+    justify-content: space-between;
+  }
+
+.cancel-button {
+        display: flex;
+        justify-content: center;
+        margin-top: 20px;
+        gap:50px;
+        height: 30px;
+        // background-color: rebeccapurple;
+
+        .confirm {
+          width: 70px;
+          // height: 30px;
+        }
+        .cacnel-item {
+          width: 70px;
+          // height: 30px;
+        }
+    }
+
+.selected-kuang {
+  width: 500px;
+}
+
+
+.jiangjintotal {
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 10px;
+  border: 1px solid #999;
+  border-radius: 5px;
+  width: 150px;
+  height: 60px;
+  line-height: 25px;
+  margin-right: 10px;
+}
+
+.jiangjintotal .money {
+  font-size: 20px;
+}
+
+
+</style>

src/views/accounts/caiwutongji/fugou/index.vue

@@ -0,0 +1,447 @@
+<template>
+<div class="divBox">
+    <el-card class="box-card">
+        <div slot="header" class="clearfix">
+            <div class="container">
+                <el-form size="small" label-width="100px">
+                    <el-form-item label="时间选择：" class="width100">
+                        <el-radio-group v-model="tableFrom.date" type="button" class="mr20" size="small" @change="selectChange(tableFrom.date)">
+                            <el-radio-button v-for="(item,i) in fromList.fromTxt" :key="i" :label="item.val">{{ item.text }}</el-radio-button>
+                        </el-radio-group>
+                        <el-date-picker v-model="timeVal" value-format="yyyy/MM/dd" format="yyyy/MM/dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 250px;" @change="onchangeTime" />
+                    </el-form-item>
+                    <el-form-item label="用户手机号：" class="width100">
+                        <el-input v-model="tableFrom.phone" placeholder="请输入" class="selWidth" size="small">
+                        </el-input>
+                    </el-form-item>
+                    <!-- <el-form-item label="复购金变动：" class="selected-kuang">
+                      <el-select
+                        v-model="tableFrom.pm"
+                        placeholder="全部"
+                        class="filter-item"
+                        @change="getList(1)"
+                      >
+                        <el-option label="全部" value="" />
+                        <el-option label="增加" value="1" />
+                        <el-option label="扣减" value="2" />
+                      </el-select>
+                    </el-form-item> -->
+                    <el-form-item label="复购金状态：" class="selected-kuang">
+                      <el-select
+                        v-model="tableFrom.status"
+                        placeholder="全部"
+                        class="filter-item"
+                        @change="getList(1)"
+                      >
+                        <el-option label="全部" value="" />
+                        <el-option label="有效" value="1" />
+                        <el-option label="待确认" value="-1" />
+                        <el-option label="已失效" value="0" />
+                      </el-select>
+                    </el-form-item>
+
+                </el-form>
+
+                <div class="bottom-button">
+                  <el-button size="small" @click="reset" style="width: 100px; margin-top: 20px; border: 1px solid; " >重置</el-button>
+                  <!-- <el-button type="primary" size="small" @click="exportSearchResult" style="width: 100px; margin-top: 20px;">导出</el-button> -->
+
+                  <el-button type="primary" size="small" @click="getList(1)" style="width: 100px; margin-top: 20px;">查询</el-button>
+                </div>
+            </div>
+
+
+
+        </div>
+
+        <div style="display: flex">
+          <div class="jiangjintotal" v-for="(v,k) in cardLists" >
+            <span class="jiangjintotal-title">{{ v.name }}</span>
+            <span class="money">{{ v.count }}</span>
+          </div>
+        </div>
+
+        <el-table :data="tableData.data" style="width: 100%" size="mini" class="table" highlight-current-row >
+
+
+            <el-table-column label="ID" prop="id" min-width="100" />
+            <el-table-column label="时间" prop="addtime" min-width="150" />
+            <el-table-column label="用户昵称" prop="nickname"  min-width="130" />
+            <el-table-column label="用户账号(手机号)" prop="phone"  min-width="130" />
+
+            <el-table-column label="复购金数" prop="number"  min-width="130" />
+            <el-table-column label="复购金状态" prop="status"  min-width="130">
+              <template slot-scope="scope">
+                <span v-if="scope.row.status == 1">有效</span>  
+                <span v-if="scope.row.status == -1">待确认</span>
+                <span v-if="scope.row.status == 0">已失效</span>
+              </template>
+            </el-table-column>
+            <!-- <el-table-column label="复购金变动" prop="status"  min-width="130">
+              <template slot-scope="scope">
+                <span v-if="scope.row.pm == 1">增加</span>
+                <span v-if="scope.row.pm == 2">扣减</span>
+              </template>
+            </el-table-column> -->
+            <el-table-column label="关联订单" prop="order_sn"  min-width="130">
+              <template slot-scope="scope">
+                <span style="color: blue; cursor: pointer;" @click="pushToOrderList(scope.row.order_sn)">{{ scope.row.order_sn }}</span>
+              </template>
+            </el-table-column>
+            <!-- <el-table-column label="说明" prop="mark"  min-width="130" /> -->
+        </el-table>
+        <div class="block">
+          <el-pagination :page-sizes="[20, 40, 60, 80]" :page-size="tableFrom.limit" :current-page="tableFrom.page"
+            layout="total, sizes, prev, pager, next, jumper" :total="tableData.total" @size-change="handleSizeChange"
+            @current-change="pageChange" />
+        </div>
+    </el-card>
+
+
+</div>
+</template>
+
+<script>
+import {
+    redPointListApi,
+    exportOrderApi,
+} from "@/api/order";
+
+import { performanceDivvyLstApi } from '@/api/protocol'
+
+import fileList from "@/components/exportFile/fileList";
+import cardsData from "@/components/cards/index";
+import {getZeroPointApi, getFugouCountApi} from "@/api/accounts";
+import {roterPre} from "@/settings";
+export default {
+    components: {
+        cardsData,
+        fileList
+    },
+    data() {
+        return {
+            performanceList:[],
+            merSelect: [],
+            timeVal: '',
+            tableData: {
+                data: [],
+                total: 0,
+            },
+            listLoading: true,
+            tableFrom: {
+                uid: "",
+                date: "",
+                page: 1,
+                limit: 20,
+                type: "",
+                pm: ""
+            },
+            fromList: {
+                title: "选择时间",
+                custom: true,
+                fromTxt: [{
+                        text: "全部",
+                        val: ""
+                    },
+                    {
+                        text: "今天",
+                        val: "today"
+                    },
+                    {
+                        text: "昨天",
+                        val: "yesterday"
+                    },
+                    {
+                        text: "最近7天",
+                        val: "lately7"
+                    },
+                    {
+                        text: "最近30天",
+                        val: "lately30"
+                    },
+                    {
+                        text: "本月",
+                        val: "month"
+                    },
+                    {
+                        text: "本年",
+                        val: "year"
+                    },
+                ],
+            },
+            fileVisible: false,
+            cardLists: [],
+            teamList: [],
+
+        };
+    },
+    mounted() {
+        this.getList(1);
+
+        performanceDivvyLstApi({'page':1,'limit':100,'state':1}).then(res => {
+          this.performanceList = res.data.list
+        }).catch(res => {
+          this.$message.error(res.message)
+        })
+        // 获取隶属团队
+        getZeroPointApi().then(res => {
+            this.teamList = res.data
+            console.log('隶属团队')
+            console.log(this.teamList)
+        }).catch((res) => {
+            this.$message.error(res.message);
+        });
+
+    },
+    methods: {
+
+      pushToOrderList(orderIds) {
+
+
+        // accounts/extract
+
+        this.$router.push({
+          path: roterPre + "/order/list/",
+          query: { order_sn: orderIds },
+        });
+      },
+
+      tanchuang() {
+        this.dialogVisible = true
+      },
+
+      selectData(name) {
+        if (name == '系统奖励红复购金数') {
+          this.tableFrom.pm = '1'
+        } else if (name == '系统销毁红复购金数') {
+          this.tableFrom.pm = '2'
+        } else if (name == '人工奖励红复购金数') {
+          this.tableFrom.pm = '3'
+        } else if (name == '人工销毁红复购金数') {
+          this.tableFrom.pm = '4'
+        }
+
+        this.getList(1)
+      },
+
+      // 重置
+      reset() {
+        this.tableFrom ={
+            uid: "",
+            date: "",
+            page: 1,
+            limit: 20,
+            type: "",
+            pm: ""
+          }
+        this.getList();
+      },
+      exportSearchResult() {
+        RewardExcelApi(this.paramsData).then(res => {
+          console.log( res.data)
+          console.log( res.data.path)
+          window.open( res.data.path)
+          // window.open(SettingMer.https + `/excel/download/0?token=` + getToken()+`&path=` + res.data.path)
+        }).catch((res) => {
+
+        })
+      },
+
+
+
+        // 表格某一行添加特定的样式
+        addTdClass(val) {
+            if (val.row.status > 0 && val.row.paid == 1) {
+                for (let i = 0; i < val.row.orderProduct.length; i++) {
+                    if (val.row.orderProduct[i].refund_num > 0 && val.row.orderProduct[i].refund_num < val.row.orderProduct[i].product_num) {
+                        return "row-bg";
+                    }
+                }
+            } else {
+                return " ";
+            }
+        },
+
+        // 导出
+        exportOrder() {
+            exportOrderApi(this.tableFrom)
+                .then((res) => {
+                    // this.$message.success(res.message);
+                    // this.fileVisible = true;
+                    // this.$refs.exportList.exportFileList();
+                  const h = this.$createElement;
+                  this.$msgbox({
+                    title: '提示',
+                    message: h('p', null, [
+                      h('span', null, '文件正在生成中，请稍后点击"'),
+                      h('span', { style: 'color: teal' }, '导出已生成列表'),
+                      h('span', null, '"查看~ '),
+                    ]),
+                    confirmButtonText: '我知道了',
+                  }).then(action => {
+
+                  });                })
+                .catch((res) => {
+                    this.$message.error(res.message);
+                });
+        },
+        getExportFileList() {
+            this.fileVisible = true;
+            this.$refs.exportList.exportFileList('order');
+        },
+
+        handleSelectionChange(val) {
+            this.selectionList = val;
+            const data = [];
+            this.selectionList.map((item) => {
+                data.push(item.order_id);
+            });
+            this.ids = data.join(",");
+        },
+        // 选择时间
+        selectChange(tab) {
+            this.timeVal = [];
+            this.tableFrom.date = tab;
+            this.getList(1);
+        },
+        // 具体日期
+        onchangeTime(e) {
+            this.timeVal = e;
+            this.tableFrom.date = e ? this.timeVal.join("-") : "";
+            this.getList(1);
+        },
+
+        // 列表
+        getList(num) {
+            this.tableFrom.page = num ? num : this.tableFrom.page;
+            getFugouCountApi(this.tableFrom).then((res) => {
+                console.log(res,'aaaaa');
+                this.tableData.data = res.data.list;
+                this.tableData.total = res.data.count;
+
+                this.cardLists = [
+                  { info: '', name: '复购金奖励总数', count: res.data.statistics.all },
+                  { info: '', name: '已结算复购金', count: res.data.statistics.clear },
+                  { info: '', name: '未结算复购金', count: res.data.statistics.nclear },
+                  { info: '', name: '已失效复购金', count: res.data.statistics.lost },
+                  // {info: '', name: '复购金扣减总数', count: res.data.statistics.deduct},
+                  // {info: '', name: '剩余复购金总数', count: res.data.statistics.all_mp1}
+                ]
+            }).catch((res) => {
+                this.$message.error(res.message);
+            });
+        },
+        pageChange(page) {
+            this.tableFrom.page = page;
+            this.getList('');
+        },
+        handleSizeChange(val) {
+            this.tableFrom.limit = val;
+            this.getList('');
+        },
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.selWidth {
+    width: 300px;
+}
+
+.el-dropdown-link {
+    cursor: pointer;
+    color: #409eff;
+    font-size: 12px;
+}
+
+.el-icon-arrow-down {
+    font-size: 12px;
+}
+
+.tabBox_tit {
+    width: 53%;
+    font-size: 12px !important;
+    margin: 0 2px 0 10px;
+    letter-spacing: 1px;
+    padding: 5px 0;
+    box-sizing: border-box;
+}
+
+/deep/.row-bg {
+    .cell {
+        color: red !important;
+    }
+}
+
+.filter-item {
+  width:50%;
+}
+
+
+.cancel-order-mark {
+    margin-top: 30px;
+
+    .cancel-order-select-reason {
+        height: 30px;
+    }
+
+    .canel-order-remark-input {
+        width: 75%;
+        margin-left: 35px;
+    }
+
+
+}
+
+.bottom-button {
+    margin-top: 30px;
+    margin-left: 300px;
+    width: 250px;
+    display: flex;
+    justify-content: space-between;
+  }
+
+.cancel-button {
+        display: flex;
+        justify-content: center;
+        margin-top: 20px;
+        gap:50px;
+        height: 30px;
+        // background-color: rebeccapurple;
+
+        .confirm {
+          width: 70px;
+          // height: 30px;
+        }
+        .cacnel-item {
+          width: 70px;
+          // height: 30px;
+        }
+    }
+
+.selected-kuang {
+  width: 500px;
+}
+
+
+.jiangjintotal {
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 10px;
+  border: 1px solid #999;
+  border-radius: 5px;
+  width: 150px;
+  height: 60px;
+  line-height: 25px;
+  margin-right: 10px;
+}
+
+.jiangjintotal .money {
+  font-size: 20px;
+}
+
+
+</style>

src/views/accounts/caiwutongji/hongbao/index.vue

@@ -0,0 +1,447 @@
+<template>
+<div class="divBox">
+    <el-card class="box-card">
+        <div slot="header" class="clearfix">
+            <div class="container">
+                <el-form size="small" label-width="100px">
+                    <el-form-item label="时间选择：" class="width100">
+                        <el-radio-group v-model="tableFrom.date" type="button" class="mr20" size="small" @change="selectChange(tableFrom.date)">
+                            <el-radio-button v-for="(item,i) in fromList.fromTxt" :key="i" :label="item.val">{{ item.text }}</el-radio-button>
+                        </el-radio-group>
+                        <el-date-picker v-model="timeVal" value-format="yyyy/MM/dd" format="yyyy/MM/dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 250px;" @change="onchangeTime" />
+                    </el-form-item>
+                    <el-form-item label="用户手机号：" class="width100">
+                        <el-input v-model="tableFrom.phone" placeholder="请输入" class="selWidth" size="small">
+                        </el-input>
+                    </el-form-item>
+                    <!-- <el-form-item label="红包变动：" class="selected-kuang">
+                      <el-select
+                        v-model="tableFrom.pm"
+                        placeholder="全部"
+                        class="filter-item"
+                        @change="getList(1)"
+                      >
+                        <el-option label="全部" value="" />
+                        <el-option label="增加" value="1" />
+                        <el-option label="扣减" value="2" />
+                      </el-select>
+                    </el-form-item> -->
+                    <el-form-item label="红包状态：" class="selected-kuang">
+                      <el-select
+                        v-model="tableFrom.status"
+                        placeholder="全部"
+                        class="filter-item"
+                        @change="getList(1)"
+                      >
+                        <el-option label="全部" value="" />
+                        <el-option label="有效" value="1" />
+                        <el-option label="待确认" value="-1" />
+                        <el-option label="已失效" value="0" />
+                      </el-select>
+                    </el-form-item>
+
+                </el-form>
+
+                <div class="bottom-button">
+                  <el-button size="small" @click="reset" style="width: 100px; margin-top: 20px; border: 1px solid; " >重置</el-button>
+                  <!-- <el-button type="primary" size="small" @click="exportSearchResult" style="width: 100px; margin-top: 20px;">导出</el-button> -->
+
+                  <el-button type="primary" size="small" @click="getList(1)" style="width: 100px; margin-top: 20px;">查询</el-button>
+                </div>
+            </div>
+
+
+
+        </div>
+
+        <div style="display: flex">
+          <div class="jiangjintotal" v-for="(v,k) in cardLists" >
+            <span class="jiangjintotal-title">{{ v.name }}</span>
+            <span class="money">{{ v.count }}</span>
+          </div>
+        </div>
+
+        <el-table :data="tableData.data" style="width: 100%" size="mini" class="table" highlight-current-row >
+
+
+            <el-table-column label="ID" prop="id" min-width="100" />
+            <el-table-column label="时间" prop="addtime" min-width="150" />
+            <el-table-column label="用户昵称" prop="nickname"  min-width="130" />
+            <el-table-column label="用户账号(手机号)" prop="phone"  min-width="130" />
+
+            <el-table-column label="红包数" prop="number"  min-width="130" />
+            <el-table-column label="红包状态" prop="status"  min-width="130">
+              <template slot-scope="scope">
+                <span v-if="scope.row.status == 1">有效</span>  
+                <span v-if="scope.row.status == -1">待确认</span>
+                <span v-if="scope.row.status == 0">已失效</span>
+              </template>
+            </el-table-column>
+            <!-- <el-table-column label="红包变动" prop="status"  min-width="130">
+              <template slot-scope="scope">
+                <span v-if="scope.row.pm == 1">增加</span>
+                <span v-if="scope.row.pm == 2">扣减</span>
+              </template>
+            </el-table-column> -->
+            <el-table-column label="关联订单" prop="order_sn"  min-width="130">
+              <template slot-scope="scope">
+                <span style="color: blue; cursor: pointer;" @click="pushToOrderList(scope.row.order_sn)">{{ scope.row.order_sn }}</span>
+              </template>
+            </el-table-column>
+            <!-- <el-table-column label="说明" prop="mark"  min-width="130" /> -->
+        </el-table>
+        <div class="block">
+          <el-pagination :page-sizes="[20, 40, 60, 80]" :page-size="tableFrom.limit" :current-page="tableFrom.page"
+            layout="total, sizes, prev, pager, next, jumper" :total="tableData.total" @size-change="handleSizeChange"
+            @current-change="pageChange" />
+        </div>
+    </el-card>
+
+
+</div>
+</template>
+
+<script>
+import {
+    redPointListApi,
+    exportOrderApi,
+} from "@/api/order";
+
+import { performanceDivvyLstApi } from '@/api/protocol'
+
+import fileList from "@/components/exportFile/fileList";
+import cardsData from "@/components/cards/index";
+import {getZeroPointApi, getHongbaoCountApi} from "@/api/accounts";
+import {roterPre} from "@/settings";
+export default {
+    components: {
+        cardsData,
+        fileList
+    },
+    data() {
+        return {
+            performanceList:[],
+            merSelect: [],
+            timeVal: '',
+            tableData: {
+                data: [],
+                total: 0,
+            },
+            listLoading: true,
+            tableFrom: {
+                uid: "",
+                date: "",
+                page: 1,
+                limit: 20,
+                type: "",
+                pm: ""
+            },
+            fromList: {
+                title: "选择时间",
+                custom: true,
+                fromTxt: [{
+                        text: "全部",
+                        val: ""
+                    },
+                    {
+                        text: "今天",
+                        val: "today"
+                    },
+                    {
+                        text: "昨天",
+                        val: "yesterday"
+                    },
+                    {
+                        text: "最近7天",
+                        val: "lately7"
+                    },
+                    {
+                        text: "最近30天",
+                        val: "lately30"
+                    },
+                    {
+                        text: "本月",
+                        val: "month"
+                    },
+                    {
+                        text: "本年",
+                        val: "year"
+                    },
+                ],
+            },
+            fileVisible: false,
+            cardLists: [],
+            teamList: [],
+
+        };
+    },
+    mounted() {
+        this.getList(1);
+
+        performanceDivvyLstApi({'page':1,'limit':100,'state':1}).then(res => {
+          this.performanceList = res.data.list
+        }).catch(res => {
+          this.$message.error(res.message)
+        })
+        // 获取隶属团队
+        getZeroPointApi().then(res => {
+            this.teamList = res.data
+            console.log('隶属团队')
+            console.log(this.teamList)
+        }).catch((res) => {
+            this.$message.error(res.message);
+        });
+
+    },
+    methods: {
+
+      pushToOrderList(orderIds) {
+
+
+        // accounts/extract
+
+        this.$router.push({
+          path: roterPre + "/order/list/",
+          query: { order_sn: orderIds },
+        });
+      },
+
+      tanchuang() {
+        this.dialogVisible = true
+      },
+
+      selectData(name) {
+        if (name == '系统奖励红红包数') {
+          this.tableFrom.pm = '1'
+        } else if (name == '系统销毁红红包数') {
+          this.tableFrom.pm = '2'
+        } else if (name == '人工奖励红红包数') {
+          this.tableFrom.pm = '3'
+        } else if (name == '人工销毁红红包数') {
+          this.tableFrom.pm = '4'
+        }
+
+        this.getList(1)
+      },
+
+      // 重置
+      reset() {
+        this.tableFrom ={
+            uid: "",
+            date: "",
+            page: 1,
+            limit: 20,
+            type: "",
+            pm: ""
+          }
+        this.getList();
+      },
+      exportSearchResult() {
+        RewardExcelApi(this.paramsData).then(res => {
+          console.log( res.data)
+          console.log( res.data.path)
+          window.open( res.data.path)
+          // window.open(SettingMer.https + `/excel/download/0?token=` + getToken()+`&path=` + res.data.path)
+        }).catch((res) => {
+
+        })
+      },
+
+
+
+        // 表格某一行添加特定的样式
+        addTdClass(val) {
+            if (val.row.status > 0 && val.row.paid == 1) {
+                for (let i = 0; i < val.row.orderProduct.length; i++) {
+                    if (val.row.orderProduct[i].refund_num > 0 && val.row.orderProduct[i].refund_num < val.row.orderProduct[i].product_num) {
+                        return "row-bg";
+                    }
+                }
+            } else {
+                return " ";
+            }
+        },
+
+        // 导出
+        exportOrder() {
+            exportOrderApi(this.tableFrom)
+                .then((res) => {
+                    // this.$message.success(res.message);
+                    // this.fileVisible = true;
+                    // this.$refs.exportList.exportFileList();
+                  const h = this.$createElement;
+                  this.$msgbox({
+                    title: '提示',
+                    message: h('p', null, [
+                      h('span', null, '文件正在生成中，请稍后点击"'),
+                      h('span', { style: 'color: teal' }, '导出已生成列表'),
+                      h('span', null, '"查看~ '),
+                    ]),
+                    confirmButtonText: '我知道了',
+                  }).then(action => {
+
+                  });                })
+                .catch((res) => {
+                    this.$message.error(res.message);
+                });
+        },
+        getExportFileList() {
+            this.fileVisible = true;
+            this.$refs.exportList.exportFileList('order');
+        },
+
+        handleSelectionChange(val) {
+            this.selectionList = val;
+            const data = [];
+            this.selectionList.map((item) => {
+                data.push(item.order_id);
+            });
+            this.ids = data.join(",");
+        },
+        // 选择时间
+        selectChange(tab) {
+            this.timeVal = [];
+            this.tableFrom.date = tab;
+            this.getList(1);
+        },
+        // 具体日期
+        onchangeTime(e) {
+            this.timeVal = e;
+            this.tableFrom.date = e ? this.timeVal.join("-") : "";
+            this.getList(1);
+        },
+
+        // 列表
+        getList(num) {
+            this.tableFrom.page = num ? num : this.tableFrom.page;
+            getHongbaoCountApi(this.tableFrom).then((res) => {
+                console.log(res,'aaaaa');
+                this.tableData.data = res.data.list;
+                this.tableData.total = res.data.count;
+
+                this.cardLists = [
+                  { info: '', name: '红包奖励总数', count: res.data.statistics.all },
+                  { info: '', name: '已结算红包', count: res.data.statistics.clear },
+                  { info: '', name: '未结算红包', count: res.data.statistics.nclear },
+                  { info: '', name: '已失效红包', count: res.data.statistics.lost },
+                  // {info: '', name: '红包扣减总数', count: res.data.statistics.deduct},
+                  // {info: '', name: '剩余红包总数', count: res.data.statistics.all_mp1}
+                ]
+            }).catch((res) => {
+                this.$message.error(res.message);
+            });
+        },
+        pageChange(page) {
+            this.tableFrom.page = page;
+            this.getList('');
+        },
+        handleSizeChange(val) {
+            this.tableFrom.limit = val;
+            this.getList('');
+        },
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.selWidth {
+    width: 300px;
+}
+
+.el-dropdown-link {
+    cursor: pointer;
+    color: #409eff;
+    font-size: 12px;
+}
+
+.el-icon-arrow-down {
+    font-size: 12px;
+}
+
+.tabBox_tit {
+    width: 53%;
+    font-size: 12px !important;
+    margin: 0 2px 0 10px;
+    letter-spacing: 1px;
+    padding: 5px 0;
+    box-sizing: border-box;
+}
+
+/deep/.row-bg {
+    .cell {
+        color: red !important;
+    }
+}
+
+.filter-item {
+  width:50%;
+}
+
+
+.cancel-order-mark {
+    margin-top: 30px;
+
+    .cancel-order-select-reason {
+        height: 30px;
+    }
+
+    .canel-order-remark-input {
+        width: 75%;
+        margin-left: 35px;
+    }
+
+
+}
+
+.bottom-button {
+    margin-top: 30px;
+    margin-left: 300px;
+    width: 250px;
+    display: flex;
+    justify-content: space-between;
+  }
+
+.cancel-button {
+        display: flex;
+        justify-content: center;
+        margin-top: 20px;
+        gap:50px;
+        height: 30px;
+        // background-color: rebeccapurple;
+
+        .confirm {
+          width: 70px;
+          // height: 30px;
+        }
+        .cacnel-item {
+          width: 70px;
+          // height: 30px;
+        }
+    }
+
+.selected-kuang {
+  width: 500px;
+}
+
+
+.jiangjintotal {
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 10px;
+  border: 1px solid #999;
+  border-radius: 5px;
+  width: 150px;
+  height: 60px;
+  line-height: 25px;
+  margin-right: 10px;
+}
+
+.jiangjintotal .money {
+  font-size: 20px;
+}
+
+
+</style>

src/views/accounts/caiwutongji/jingdou/index.vue

@@ -0,0 +1,447 @@
+<template>
+<div class="divBox">
+    <el-card class="box-card">
+        <div slot="header" class="clearfix">
+            <div class="container">
+                <el-form size="small" label-width="100px">
+                    <el-form-item label="时间选择：" class="width100">
+                        <el-radio-group v-model="tableFrom.date" type="button" class="mr20" size="small" @change="selectChange(tableFrom.date)">
+                            <el-radio-button v-for="(item,i) in fromList.fromTxt" :key="i" :label="item.val">{{ item.text }}</el-radio-button>
+                        </el-radio-group>
+                        <el-date-picker v-model="timeVal" value-format="yyyy/MM/dd" format="yyyy/MM/dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 250px;" @change="onchangeTime" />
+                    </el-form-item>
+                    <el-form-item label="用户手机号：" class="width100">
+                        <el-input v-model="tableFrom.phone" placeholder="请输入" class="selWidth" size="small">
+                        </el-input>
+                    </el-form-item>
+                    <!-- <el-form-item label="京豆变动：" class="selected-kuang">
+                      <el-select
+                        v-model="tableFrom.pm"
+                        placeholder="全部"
+                        class="filter-item"
+                        @change="getList(1)"
+                      >
+                        <el-option label="全部" value="" />
+                        <el-option label="增加" value="1" />
+                        <el-option label="扣减" value="2" />
+                      </el-select>
+                    </el-form-item> -->
+                    <el-form-item label="京豆状态：" class="selected-kuang">
+                      <el-select
+                        v-model="tableFrom.status"
+                        placeholder="全部"
+                        class="filter-item"
+                        @change="getList(1)"
+                      >
+                        <el-option label="全部" value="" />
+                        <el-option label="有效" value="1" />
+                        <el-option label="待确认" value="-1" />
+                        <el-option label="已失效" value="0" />
+                      </el-select>
+                    </el-form-item>
+
+                </el-form>
+
+                <div class="bottom-button">
+                  <el-button size="small" @click="reset" style="width: 100px; margin-top: 20px; border: 1px solid; " >重置</el-button>
+                  <!-- <el-button type="primary" size="small" @click="exportSearchResult" style="width: 100px; margin-top: 20px;">导出</el-button> -->
+
+                  <el-button type="primary" size="small" @click="getList(1)" style="width: 100px; margin-top: 20px;">查询</el-button>
+                </div>
+            </div>
+
+
+
+        </div>
+
+        <div style="display: flex">
+          <div class="jiangjintotal" v-for="(v,k) in cardLists" >
+            <span class="jiangjintotal-title">{{ v.name }}</span>
+            <span class="money">{{ v.count }}</span>
+          </div>
+        </div>
+
+        <el-table :data="tableData.data" style="width: 100%" size="mini" class="table" highlight-current-row >
+
+
+            <el-table-column label="ID" prop="id" min-width="100" />
+            <el-table-column label="时间" prop="addtime" min-width="150" />
+            <el-table-column label="用户昵称" prop="nickname"  min-width="130" />
+            <el-table-column label="用户账号(手机号)" prop="phone"  min-width="130" />
+
+            <el-table-column label="京豆数" prop="number"  min-width="130" />
+            <el-table-column label="京豆状态" prop="status"  min-width="130">
+              <template slot-scope="scope">
+                <span v-if="scope.row.status == 1">有效</span>  
+                <span v-if="scope.row.status == -1">待确认</span>
+                <span v-if="scope.row.status == 0">已失效</span>
+              </template>
+            </el-table-column>
+            <!-- <el-table-column label="京豆变动" prop="status"  min-width="130">
+              <template slot-scope="scope">
+                <span v-if="scope.row.pm == 1">增加</span>
+                <span v-if="scope.row.pm == 2">扣减</span>
+              </template>
+            </el-table-column> -->
+            <el-table-column label="关联订单" prop="order_sn"  min-width="130">
+              <template slot-scope="scope">
+                <span style="color: blue; cursor: pointer;" @click="pushToOrderList(scope.row.order_sn)">{{ scope.row.order_sn }}</span>
+              </template>
+            </el-table-column>
+            <!-- <el-table-column label="说明" prop="mark"  min-width="130" /> -->
+        </el-table>
+        <div class="block">
+          <el-pagination :page-sizes="[20, 40, 60, 80]" :page-size="tableFrom.limit" :current-page="tableFrom.page"
+            layout="total, sizes, prev, pager, next, jumper" :total="tableData.total" @size-change="handleSizeChange"
+            @current-change="pageChange" />
+        </div>
+    </el-card>
+
+
+</div>
+</template>
+
+<script>
+import {
+    redPointListApi,
+    exportOrderApi,
+} from "@/api/order";
+
+import { performanceDivvyLstApi } from '@/api/protocol'
+
+import fileList from "@/components/exportFile/fileList";
+import cardsData from "@/components/cards/index";
+import {getZeroPointApi, getJingdouCountApi} from "@/api/accounts";
+import {roterPre} from "@/settings";
+export default {
+    components: {
+        cardsData,
+        fileList
+    },
+    data() {
+        return {
+            performanceList:[],
+            merSelect: [],
+            timeVal: '',
+            tableData: {
+                data: [],
+                total: 0,
+            },
+            listLoading: true,
+            tableFrom: {
+                uid: "",
+                date: "",
+                page: 1,
+                limit: 20,
+                type: "",
+                pm: ""
+            },
+            fromList: {
+                title: "选择时间",
+                custom: true,
+                fromTxt: [{
+                        text: "全部",
+                        val: ""
+                    },
+                    {
+                        text: "今天",
+                        val: "today"
+                    },
+                    {
+                        text: "昨天",
+                        val: "yesterday"
+                    },
+                    {
+                        text: "最近7天",
+                        val: "lately7"
+                    },
+                    {
+                        text: "最近30天",
+                        val: "lately30"
+                    },
+                    {
+                        text: "本月",
+                        val: "month"
+                    },
+                    {
+                        text: "本年",
+                        val: "year"
+                    },
+                ],
+            },
+            fileVisible: false,
+            cardLists: [],
+            teamList: [],
+
+        };
+    },
+    mounted() {
+        this.getList(1);
+
+        performanceDivvyLstApi({'page':1,'limit':100,'state':1}).then(res => {
+          this.performanceList = res.data.list
+        }).catch(res => {
+          this.$message.error(res.message)
+        })
+        // 获取隶属团队
+        getZeroPointApi().then(res => {
+            this.teamList = res.data
+            console.log('隶属团队')
+            console.log(this.teamList)
+        }).catch((res) => {
+            this.$message.error(res.message);
+        });
+
+    },
+    methods: {
+
+      pushToOrderList(orderIds) {
+
+
+        // accounts/extract
+
+        this.$router.push({
+          path: roterPre + "/order/list/",
+          query: { order_sn: orderIds },
+        });
+      },
+
+      tanchuang() {
+        this.dialogVisible = true
+      },
+
+      selectData(name) {
+        if (name == '系统奖励红京豆数') {
+          this.tableFrom.pm = '1'
+        } else if (name == '系统销毁红京豆数') {
+          this.tableFrom.pm = '2'
+        } else if (name == '人工奖励红京豆数') {
+          this.tableFrom.pm = '3'
+        } else if (name == '人工销毁红京豆数') {
+          this.tableFrom.pm = '4'
+        }
+
+        this.getList(1)
+      },
+
+      // 重置
+      reset() {
+        this.tableFrom ={
+            uid: "",
+            date: "",
+            page: 1,
+            limit: 20,
+            type: "",
+            pm: ""
+          }
+        this.getList();
+      },
+      exportSearchResult() {
+        RewardExcelApi(this.paramsData).then(res => {
+          console.log( res.data)
+          console.log( res.data.path)
+          window.open( res.data.path)
+          // window.open(SettingMer.https + `/excel/download/0?token=` + getToken()+`&path=` + res.data.path)
+        }).catch((res) => {
+
+        })
+      },
+
+
+
+        // 表格某一行添加特定的样式
+        addTdClass(val) {
+            if (val.row.status > 0 && val.row.paid == 1) {
+                for (let i = 0; i < val.row.orderProduct.length; i++) {
+                    if (val.row.orderProduct[i].refund_num > 0 && val.row.orderProduct[i].refund_num < val.row.orderProduct[i].product_num) {
+                        return "row-bg";
+                    }
+                }
+            } else {
+                return " ";
+            }
+        },
+
+        // 导出
+        exportOrder() {
+            exportOrderApi(this.tableFrom)
+                .then((res) => {
+                    // this.$message.success(res.message);
+                    // this.fileVisible = true;
+                    // this.$refs.exportList.exportFileList();
+                  const h = this.$createElement;
+                  this.$msgbox({
+                    title: '提示',
+                    message: h('p', null, [
+                      h('span', null, '文件正在生成中，请稍后点击"'),
+                      h('span', { style: 'color: teal' }, '导出已生成列表'),
+                      h('span', null, '"查看~ '),
+                    ]),
+                    confirmButtonText: '我知道了',
+                  }).then(action => {
+
+                  });                })
+                .catch((res) => {
+                    this.$message.error(res.message);
+                });
+        },
+        getExportFileList() {
+            this.fileVisible = true;
+            this.$refs.exportList.exportFileList('order');
+        },
+
+        handleSelectionChange(val) {
+            this.selectionList = val;
+            const data = [];
+            this.selectionList.map((item) => {
+                data.push(item.order_id);
+            });
+            this.ids = data.join(",");
+        },
+        // 选择时间
+        selectChange(tab) {
+            this.timeVal = [];
+            this.tableFrom.date = tab;
+            this.getList(1);
+        },
+        // 具体日期
+        onchangeTime(e) {
+            this.timeVal = e;
+            this.tableFrom.date = e ? this.timeVal.join("-") : "";
+            this.getList(1);
+        },
+
+        // 列表
+        getList(num) {
+            this.tableFrom.page = num ? num : this.tableFrom.page;
+            getJingdouCountApi(this.tableFrom).then((res) => {
+                console.log(res,'aaaaa');
+                this.tableData.data = res.data.list;
+                this.tableData.total = res.data.count;
+
+                this.cardLists = [
+                  { info: '', name: '京豆奖励总数', count: res.data.statistics.all },
+                  { info: '', name: '已结算京豆', count: res.data.statistics.clear },
+                  { info: '', name: '未结算京豆', count: res.data.statistics.nclear },
+                  { info: '', name: '已失效京豆', count: res.data.statistics.lost },
+                  // {info: '', name: '京豆扣减总数', count: res.data.statistics.deduct},
+                  // {info: '', name: '剩余京豆总数', count: res.data.statistics.all_mp1}
+                ]
+            }).catch((res) => {
+                this.$message.error(res.message);
+            });
+        },
+        pageChange(page) {
+            this.tableFrom.page = page;
+            this.getList('');
+        },
+        handleSizeChange(val) {
+            this.tableFrom.limit = val;
+            this.getList('');
+        },
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.selWidth {
+    width: 300px;
+}
+
+.el-dropdown-link {
+    cursor: pointer;
+    color: #409eff;
+    font-size: 12px;
+}
+
+.el-icon-arrow-down {
+    font-size: 12px;
+}
+
+.tabBox_tit {
+    width: 53%;
+    font-size: 12px !important;
+    margin: 0 2px 0 10px;
+    letter-spacing: 1px;
+    padding: 5px 0;
+    box-sizing: border-box;
+}
+
+/deep/.row-bg {
+    .cell {
+        color: red !important;
+    }
+}
+
+.filter-item {
+  width:50%;
+}
+
+
+.cancel-order-mark {
+    margin-top: 30px;
+
+    .cancel-order-select-reason {
+        height: 30px;
+    }
+
+    .canel-order-remark-input {
+        width: 75%;
+        margin-left: 35px;
+    }
+
+
+}
+
+.bottom-button {
+    margin-top: 30px;
+    margin-left: 300px;
+    width: 250px;
+    display: flex;
+    justify-content: space-between;
+  }
+
+.cancel-button {
+        display: flex;
+        justify-content: center;
+        margin-top: 20px;
+        gap:50px;
+        height: 30px;
+        // background-color: rebeccapurple;
+
+        .confirm {
+          width: 70px;
+          // height: 30px;
+        }
+        .cacnel-item {
+          width: 70px;
+          // height: 30px;
+        }
+    }
+
+.selected-kuang {
+  width: 500px;
+}
+
+
+.jiangjintotal {
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 10px;
+  border: 1px solid #999;
+  border-radius: 5px;
+  width: 150px;
+  height: 60px;
+  line-height: 25px;
+  margin-right: 10px;
+}
+
+.jiangjintotal .money {
+  font-size: 20px;
+}
+
+
+</style>

src/views/accounts/caiwutongji/vr/index.vue

@@ -0,0 +1,445 @@
+<template>
+<div class="divBox">
+    <el-card class="box-card">
+        <div slot="header" class="clearfix">
+            <div class="container">
+                <el-form size="small" label-width="100px">
+                    <el-form-item label="时间选择：" class="width100">
+                        <el-radio-group v-model="tableFrom.date" type="button" class="mr20" size="small" @change="selectChange(tableFrom.date)">
+                            <el-radio-button v-for="(item,i) in fromList.fromTxt" :key="i" :label="item.val">{{ item.text }}</el-radio-button>
+                        </el-radio-group>
+                        <el-date-picker v-model="timeVal" value-format="yyyy/MM/dd" format="yyyy/MM/dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 250px;" @change="onchangeTime" />
+                    </el-form-item>
+                    <el-form-item label="用户手机号：" class="width100">
+                        <el-input v-model="tableFrom.phone" placeholder="请输入" class="selWidth" size="small">
+                        </el-input>
+                    </el-form-item>
+                    <!-- <el-form-item label="VR变动：" class="selected-kuang">
+                      <el-select
+                        v-model="tableFrom.pm"
+                        placeholder="全部"
+                        class="filter-item"
+                        @change="getList(1)"
+                      >
+                        <el-option label="全部" value="" />
+                        <el-option label="增加" value="1" />
+                        <el-option label="扣减" value="2" />
+                      </el-select>
+                    </el-form-item> -->
+                    <el-form-item label="VR类型：" class="selected-kuang">
+                      <el-select
+                        v-model="tableFrom.type"
+                        placeholder="全部"
+                        class="filter-item"
+                        @change="getList(1)"
+                      >
+                        <el-option label="全部" value="" />
+                        <el-option label="兑换" value="1" />
+                        <el-option label="消耗" value="2" />
+                      </el-select>
+                    </el-form-item>
+
+                </el-form>
+
+                <div class="bottom-button">
+                  <el-button size="small" @click="reset" style="width: 100px; margin-top: 20px; border: 1px solid; " >重置</el-button>
+                  <!-- <el-button type="primary" size="small" @click="exportSearchResult" style="width: 100px; margin-top: 20px;">导出</el-button> -->
+
+                  <el-button type="primary" size="small" @click="getList(1)" style="width: 100px; margin-top: 20px;">查询</el-button>
+                </div>
+            </div>
+
+
+
+        </div>
+
+        <div style="display: flex">
+          <div class="jiangjintotal" v-for="(v,k) in cardLists" >
+            <span class="jiangjintotal-title">{{ v.name }}</span>
+            <span class="money">{{ v.count }}</span>
+          </div>
+        </div>
+
+        <el-table :data="tableData.data" style="width: 100%" size="mini" class="table" highlight-current-row >
+
+
+            <el-table-column label="ID" prop="id" min-width="100" />
+            <el-table-column label="时间" prop="addtime" min-width="150" />
+            <el-table-column label="用户昵称" prop="nickname"  min-width="130" />
+            <el-table-column label="用户账号(手机号)" prop="phone"  min-width="130" />
+
+            <el-table-column label="VR数" prop="number"  min-width="130" />
+            <el-table-column label="vr类型" prop="type"  min-width="130">
+              <template slot-scope="scope">
+                <span v-if="scope.row.type == 1">兑换</span>  
+                <span v-if="scope.row.type == 2">消耗</span>
+              </template>
+            </el-table-column>
+            <!-- <el-table-column label="VR变动" prop="status"  min-width="130">
+              <template slot-scope="scope">
+                <span v-if="scope.row.pm == 1">增加</span>
+                <span v-if="scope.row.pm == 2">扣减</span>
+              </template>
+            </el-table-column> -->
+            <el-table-column label="关联订单" prop="order_sn"  min-width="130">
+              <template slot-scope="scope">
+                <span style="color: blue; cursor: pointer;" @click="pushToOrderList(scope.row.order_sn)">{{ scope.row.order_sn }}</span>
+              </template>
+            </el-table-column>
+            <!-- <el-table-column label="说明" prop="mark"  min-width="130" /> -->
+        </el-table>
+        <div class="block">
+          <el-pagination :page-sizes="[20, 40, 60, 80]" :page-size="tableFrom.limit" :current-page="tableFrom.page"
+            layout="total, sizes, prev, pager, next, jumper" :total="tableData.total" @size-change="handleSizeChange"
+            @current-change="pageChange" />
+        </div>
+    </el-card>
+
+
+</div>
+</template>
+
+<script>
+import {
+    redPointListApi,
+    exportOrderApi,
+} from "@/api/order";
+
+import { performanceDivvyLstApi } from '@/api/protocol'
+
+import fileList from "@/components/exportFile/fileList";
+import cardsData from "@/components/cards/index";
+import {getZeroPointApi, getVrCountApi} from "@/api/accounts";
+import {roterPre} from "@/settings";
+export default {
+    components: {
+        cardsData,
+        fileList
+    },
+    data() {
+        return {
+            performanceList:[],
+            merSelect: [],
+            timeVal: '',
+            tableData: {
+                data: [],
+                total: 0,
+            },
+            listLoading: true,
+            tableFrom: {
+                uid: "",
+                date: "",
+                page: 1,
+                limit: 20,
+                type: "",
+                pm: ""
+            },
+            fromList: {
+                title: "选择时间",
+                custom: true,
+                fromTxt: [{
+                        text: "全部",
+                        val: ""
+                    },
+                    {
+                        text: "今天",
+                        val: "today"
+                    },
+                    {
+                        text: "昨天",
+                        val: "yesterday"
+                    },
+                    {
+                        text: "最近7天",
+                        val: "lately7"
+                    },
+                    {
+                        text: "最近30天",
+                        val: "lately30"
+                    },
+                    {
+                        text: "本月",
+                        val: "month"
+                    },
+                    {
+                        text: "本年",
+                        val: "year"
+                    },
+                ],
+            },
+            fileVisible: false,
+            cardLists: [],
+            teamList: [],
+
+        };
+    },
+    mounted() {
+        this.getList(1);
+
+        performanceDivvyLstApi({'page':1,'limit':100,'state':1}).then(res => {
+          this.performanceList = res.data.list
+        }).catch(res => {
+          this.$message.error(res.message)
+        })
+        // 获取隶属团队
+        getZeroPointApi().then(res => {
+            this.teamList = res.data
+            console.log('隶属团队')
+            console.log(this.teamList)
+        }).catch((res) => {
+            this.$message.error(res.message);
+        });
+
+    },
+    methods: {
+
+      pushToOrderList(orderIds) {
+
+
+        // accounts/extract
+
+        this.$router.push({
+          path: roterPre + "/order/list/",
+          query: { order_sn: orderIds },
+        });
+      },
+
+      tanchuang() {
+        this.dialogVisible = true
+      },
+
+      selectData(name) {
+        if (name == '系统奖励红VR数') {
+          this.tableFrom.pm = '1'
+        } else if (name == '系统销毁红VR数') {
+          this.tableFrom.pm = '2'
+        } else if (name == '人工奖励红VR数') {
+          this.tableFrom.pm = '3'
+        } else if (name == '人工销毁红VR数') {
+          this.tableFrom.pm = '4'
+        }
+
+        this.getList(1)
+      },
+
+      // 重置
+      reset() {
+        this.tableFrom ={
+            uid: "",
+            date: "",
+            page: 1,
+            limit: 20,
+            type: "",
+            pm: ""
+          }
+        this.getList();
+      },
+      exportSearchResult() {
+        RewardExcelApi(this.paramsData).then(res => {
+          console.log( res.data)
+          console.log( res.data.path)
+          window.open( res.data.path)
+          // window.open(SettingMer.https + `/excel/download/0?token=` + getToken()+`&path=` + res.data.path)
+        }).catch((res) => {
+
+        })
+      },
+
+
+
+        // 表格某一行添加特定的样式
+        addTdClass(val) {
+            if (val.row.status > 0 && val.row.paid == 1) {
+                for (let i = 0; i < val.row.orderProduct.length; i++) {
+                    if (val.row.orderProduct[i].refund_num > 0 && val.row.orderProduct[i].refund_num < val.row.orderProduct[i].product_num) {
+                        return "row-bg";
+                    }
+                }
+            } else {
+                return " ";
+            }
+        },
+
+        // 导出
+        exportOrder() {
+            exportOrderApi(this.tableFrom)
+                .then((res) => {
+                    // this.$message.success(res.message);
+                    // this.fileVisible = true;
+                    // this.$refs.exportList.exportFileList();
+                  const h = this.$createElement;
+                  this.$msgbox({
+                    title: '提示',
+                    message: h('p', null, [
+                      h('span', null, '文件正在生成中，请稍后点击"'),
+                      h('span', { style: 'color: teal' }, '导出已生成列表'),
+                      h('span', null, '"查看~ '),
+                    ]),
+                    confirmButtonText: '我知道了',
+                  }).then(action => {
+
+                  });                })
+                .catch((res) => {
+                    this.$message.error(res.message);
+                });
+        },
+        getExportFileList() {
+            this.fileVisible = true;
+            this.$refs.exportList.exportFileList('order');
+        },
+
+        handleSelectionChange(val) {
+            this.selectionList = val;
+            const data = [];
+            this.selectionList.map((item) => {
+                data.push(item.order_id);
+            });
+            this.ids = data.join(",");
+        },
+        // 选择时间
+        selectChange(tab) {
+            this.timeVal = [];
+            this.tableFrom.date = tab;
+            this.getList(1);
+        },
+        // 具体日期
+        onchangeTime(e) {
+            this.timeVal = e;
+            this.tableFrom.date = e ? this.timeVal.join("-") : "";
+            this.getList(1);
+        },
+
+        // 列表
+        getList(num) {
+            this.tableFrom.page = num ? num : this.tableFrom.page;
+            getVrCountApi(this.tableFrom).then((res) => {
+                console.log(res,'aaaaa');
+                this.tableData.data = res.data.list;
+                this.tableData.total = res.data.count;
+
+                this.cardLists = [
+                  { info: '', name: 'VR奖励总数', count: res.data.statistics.all },
+                  { info: '', name: '兑换总数', count: res.data.statistics.clear },
+                  { info: '', name: '消耗总数', count: res.data.statistics.nclear },
+                  // { info: '', name: '已失效VR', count: res.data.statistics.lost },
+                  // {info: '', name: 'VR扣减总数', count: res.data.statistics.deduct},
+                  // {info: '', name: '剩余VR总数', count: res.data.statistics.all_mp1}
+                ]
+            }).catch((res) => {
+                this.$message.error(res.message);
+            });
+        },
+        pageChange(page) {
+            this.tableFrom.page = page;
+            this.getList('');
+        },
+        handleSizeChange(val) {
+            this.tableFrom.limit = val;
+            this.getList('');
+        },
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.selWidth {
+    width: 300px;
+}
+
+.el-dropdown-link {
+    cursor: pointer;
+    color: #409eff;
+    font-size: 12px;
+}
+
+.el-icon-arrow-down {
+    font-size: 12px;
+}
+
+.tabBox_tit {
+    width: 53%;
+    font-size: 12px !important;
+    margin: 0 2px 0 10px;
+    letter-spacing: 1px;
+    padding: 5px 0;
+    box-sizing: border-box;
+}
+
+/deep/.row-bg {
+    .cell {
+        color: red !important;
+    }
+}
+
+.filter-item {
+  width:50%;
+}
+
+
+.cancel-order-mark {
+    margin-top: 30px;
+
+    .cancel-order-select-reason {
+        height: 30px;
+    }
+
+    .canel-order-remark-input {
+        width: 75%;
+        margin-left: 35px;
+    }
+
+
+}
+
+.bottom-button {
+    margin-top: 30px;
+    margin-left: 300px;
+    width: 250px;
+    display: flex;
+    justify-content: space-between;
+  }
+
+.cancel-button {
+        display: flex;
+        justify-content: center;
+        margin-top: 20px;
+        gap:50px;
+        height: 30px;
+        // background-color: rebeccapurple;
+
+        .confirm {
+          width: 70px;
+          // height: 30px;
+        }
+        .cacnel-item {
+          width: 70px;
+          // height: 30px;
+        }
+    }
+
+.selected-kuang {
+  width: 500px;
+}
+
+
+.jiangjintotal {
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 10px;
+  border: 1px solid #999;
+  border-radius: 5px;
+  width: 150px;
+  height: 60px;
+  line-height: 25px;
+  margin-right: 10px;
+}
+
+.jiangjintotal .money {
+  font-size: 20px;
+}
+
+
+</style>