合伙人分红记录-增加导出

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

@@ -4,7 +4,7 @@
       <div slot="header" class="clearfix">
         <div class="container">
           <el-form size="small" label-width="100px">
-            <el-row gutter={20}> <!-- 使用el-row来包裹所有表单项，并设置间距 -->
+            <el-row :gutter="20"> <!-- 使用el-row来包裹所有表单项，并设置间距 -->
               <!-- 用户手机号 -->
               <el-col :span="8">
                 <el-form-item label="用户手机号：" class="width100">
@@ -32,16 +32,17 @@
                       value-format="yyyy-MM-dd"
                       placeholder="请选择时间范围"
                       class="small"
-                      @change="onchangeTime" />
+                      @change="onchangeTime"/>
                 </el-form-item>
               </el-col>
             </el-row>
 
-            <el-row gutter={20}> <!-- 第二行 -->
+            <el-row :gutter="20"> <!-- 第二行 -->
               <!-- 身份筛选 -->
               <el-col :span="8">
                 <el-form-item label="身份筛选：" class="width100">
-                  <el-select v-model="tableFrom.user_group" placeholder="请选择身份" size="small" clearable class="small">
+                  <el-select v-model="tableFrom.user_group" placeholder="请选择身份" size="small" clearable
+                             class="small">
                     <el-option label="初级合伙人" value="4"></el-option>
                     <el-option label="中级合伙人" value="5"></el-option>
                     <el-option label="高级合伙人" value="6"></el-option>
@@ -56,10 +57,12 @@
             </el-button>
             <el-button type="primary" size="small" @click="getList(1)" style="width: 100px; margin-top: 20px;">查询
             </el-button>
+            <el-button size="mini" type="primary" style="width: 100px; margin-top: 20px;" @click="exportSearchResult">
+              导出
+            </el-button>
           </div>
         </div>
       </div>
-
       <div style="display: flex">
         <div
             class="jiangjintotal"
@@ -78,9 +81,6 @@
           <el-table-column label="ID" prop="id" min-width="30"/>
           <el-table-column label="用户昵称" prop="nickname" min-width="60"/>
           <el-table-column label="用户账号" prop="account" min-width="80"/>
-          <!-- <el-table-column label="用户昵称" prop="nickname"  min-width="130" />
-          <el-table-column label="用户账号(手机号)" prop="phone"  min-width="130" /> -->
-          <!--        <el-table-column label="用户姓名" prop="real_name" min-width="50"/>-->
           <el-table-column label="合伙人等级" prop="user_group_name" min-width="80"/>
           <el-table-column label="账期开始时间" prop="start_time" min-width="50"/>
           <el-table-column label="账期结束时间" prop="end_time" min-width="50"/>
@@ -98,17 +98,7 @@
           <el-table-column label="分红佣金" prop="brokerage" min-width="80"/>
           <el-table-column label="分红复购金" prop="fugou" min-width="80"/>
           <el-table-column label="分红状态" prop="radio" min-width="80"/>
-          <el-table-column
-              prop="create_time"
-              label="创建时间"
-              min-width="100"
-          />
-          <!-- <el-table-column label="PV变动" 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="create_time" min-width="100"/>
         </el-table>
       </div>
       <div class="block">
@@ -130,7 +120,10 @@
 
 // import fileList from "@/components/exportFile/fileList";
 // import cardsData from "@/components/cards/index";
-import {getPvCountApi, getWeekAwardListApi} from "@/api/accounts";
+import {
+  // getPvCountApi,
+  getWeekAwardListApi
+} from "@/api/accounts";
 import {roterPre} from "@/settings";
 
 export default {
@@ -154,7 +147,8 @@ export default {
         page: 1,
         limit: 20,
         type: "",
-        pm: ""
+        pm: "",
+        is_excel: 0
       },
       fromList: {
         title: "选择时间",
@@ -220,13 +214,13 @@ export default {
     },
 
     selectData(name) {
-      if (name == '系统奖励红PV数') {
+      if (name === '系统奖励红PV数') {
         this.tableFrom.pm = '1'
-      } else if (name == '系统销毁红PV数') {
+      } else if (name === '系统销毁红PV数') {
         this.tableFrom.pm = '2'
-      } else if (name == '人工奖励红PV数') {
+      } else if (name === '人工奖励红PV数') {
         this.tableFrom.pm = '3'
-      } else if (name == '人工销毁红PV数') {
+      } else if (name === '人工销毁红PV数') {
         this.tableFrom.pm = '4'
       }
 
@@ -247,21 +241,11 @@ export default {
     },
     exportSearchResult() {
       this.tableFrom.is_excel = 1;
-      getPvCountApi(this.tableFrom).then(res => {
-        // console.log(res.data)
-        // console.log(res.data.path)
-        this.tableFrom.is_excel = 0;
-        this.$message.success('导出成功')
-        window.open(res.data.path)
-      }).catch(() => {
-        this.$message.error('导出失败');
-      })
+      this.getList(this.tableFrom.page)
     },
-
-
     // 表格某一行添加特定的样式
     addTdClass(val) {
-      if (val.row.status > 0 && val.row.paid == 1) {
+      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";
@@ -324,16 +308,26 @@ export default {
 
     // 列表
     getList(num) {
-      this.tableFrom.page = num ? num : this.tableFrom.page;
+      if (this.tableFrom.is_excel !== 1) {
+        this.listLoading = true
+        this.tableFrom.page = num || this.tableFrom.page
+      }
+
       getWeekAwardListApi(this.tableFrom).then((res) => {
-        this.tableData.data = res.data.list;
-        this.tableData.total = res.data.count;
-
-        this.cardLists = [
-          {info: '', name: '初级合伙人分红总额', count: res.data.partner_profit_primary},
-          {info: '', name: '中级合伙人分红总额', count: res.data.partner_profit_intermediate},
-          {info: '', name: '高级合伙人分红总额', count: res.data.partner_profit_advanced}
-        ];
+        if (this.tableFrom.is_excel === 1) {
+          this.tableFrom.is_excel = 0;
+          this.$message.success('导出成功')
+          window.open(res.data.path)
+        } else {
+          this.tableData.data = res.data.list;
+          this.tableData.total = res.data.count;
+
+          this.cardLists = [
+            {info: '', name: '初级合伙人分红总额', count: res.data.partner_profit_primary},
+            {info: '', name: '中级合伙人分红总额', count: res.data.partner_profit_intermediate},
+            {info: '', name: '高级合伙人分红总额', count: res.data.partner_profit_advanced}
+          ];
+        }
       }).catch((res) => {
         this.$message.error(res.message);
       });