财务-分红统计-合伙人分红记录-修改

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

@@ -4,22 +4,51 @@
       <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.account" placeholder="请输入" class="selWidth" size="small">
-              </el-input>
-            </el-form-item>
-            <el-form-item label="用户姓名：" class="width100">
-              <el-input v-model="tableFrom.nickname" placeholder="请输入" class="selWidth" size="small">
-              </el-input>
-            </el-form-item>
-
-
+            <el-row gutter={20}> <!-- 使用el-row来包裹所有表单项，并设置间距 -->
+              <!-- 用户手机号 -->
+              <el-col :span="8">
+                <el-form-item label="用户手机号：" class="width100">
+                  <el-input v-model="tableFrom.account" placeholder="请输入" class="selWidth" size="small">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+
+              <!-- 用户姓名 -->
+              <el-col :span="8">
+                <el-form-item label="用户姓名：" class="width100">
+                  <el-input v-model="tableFrom.nickname" placeholder="请输入" class="selWidth" size="small">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+
+              <!-- 时间范围 -->
+              <el-col :span="8">
+                <el-form-item label="时间范围：" class="width100">
+                  <el-date-picker
+                      v-model="tableFrom.dateRange"
+                      type="daterange"
+                      size="small"
+                      format="yyyy-MM-dd"
+                      value-format="yyyy-MM-dd"
+                      placeholder="请选择时间范围"
+                      class="small"
+                      @change="onchangeTime" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <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-option label="初级合伙人" value="4"></el-option>
+                    <el-option label="中级合伙人" value="5"></el-option>
+                    <el-option label="高级合伙人" value="6"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
           </el-form>
 
           <div class="bottom-button">
@@ -31,44 +60,57 @@
         </div>
       </div>
 
+      <div style="display: flex">
+        <div
+            class="jiangjintotal"
+            v-for="(v, k) in cardLists"
+            :key="k"
+        >
+          <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="30"/>
-        <el-table-column label="用户昵称" prop="nickname" min-width="50"/>
-        <!-- <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="50"/>
-        <el-table-column label="账期开始时间" prop="start_time" min-width="50"/>
-        <el-table-column label="账期结束时间" prop="end_time" min-width="50"/>
-        <el-table-column label="账期平台业绩" prop="performance" min-width="50"/>
-        <el-table-column label="账期内发放红包" prop="red_envelope" min-width="50"/>
-        <el-table-column label="实际分红业绩" prop="reality_performance" min-width="50"/>
-        <el-table-column label="分红比例（%）" prop="dividend_ratio" min-width="70"/>
-        <el-table-column label="分红金额" prop="dividend" min-width="80"/>
-        <el-table-column label="个人小区业绩" prop="performance_part" min-width="80"/>
-        <el-table-column label="等级内小区业绩和" prop="performance_part_all" min-width="80"/>
-        <el-table-column label="小区业绩占比分红金额" prop="part_money" min-width="80"/>
-        <el-table-column label="个人总业绩" prop="performance_total" min-width="80"/>
-        <el-table-column label="等级内总业绩和" prop="performance_total_all" min-width="80"/>
-        <el-table-column label="总业绩占比分红金额" prop="total_money" min-width="80"/>
-        <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>
+      <div style="overflow-x: auto;">
+        <el-table :data="tableData.data" size="mini" class="table" highlight-current-row>
+          <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"/>
+          <el-table-column label="账期平台业绩" prop="performance" min-width="50"/>
+          <el-table-column label="账期内发放红包" prop="red_envelope" min-width="50"/>
+          <el-table-column label="实际分红业绩" prop="reality_performance" min-width="50"/>
+          <el-table-column label="分红比例（%）" prop="dividend_ratio" min-width="70"/>
+          <el-table-column label="分红金额" prop="dividend" min-width="80"/>
+          <el-table-column label="个人小区业绩" prop="performance_part" min-width="80"/>
+          <el-table-column label="等级内小区业绩和" prop="performance_part_all" min-width="80"/>
+          <el-table-column label="小区业绩占比分红金额" prop="part_money" min-width="80"/>
+          <el-table-column label="个人总业绩" prop="performance_total" min-width="80"/>
+          <el-table-column label="等级内总业绩和" prop="performance_total_all" min-width="80"/>
+          <el-table-column label="总业绩占比分红金额" prop="total_money" min-width="80"/>
+          <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>
+      </div>
       <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"
@@ -82,19 +124,19 @@
 </template>
 
 <script>
-import {
-  exportOrderApi,
-} from "@/api/order";
+// import {
+//   exportOrderApi,
+// } from "@/api/order";
 
-import fileList from "@/components/exportFile/fileList";
-import cardsData from "@/components/cards/index";
-import {getWeekAwardListApi} from "@/api/accounts";
+// import fileList from "@/components/exportFile/fileList";
+// import cardsData from "@/components/cards/index";
+import {getPvCountApi, getWeekAwardListApi} from "@/api/accounts";
 import {roterPre} from "@/settings";
 
 export default {
   components: {
-    cardsData,
-    fileList
+    // cardsData,
+    // fileList
   },
   data() {
     return {
@@ -206,12 +248,12 @@ export default {
     exportSearchResult() {
       this.tableFrom.is_excel = 1;
       getPvCountApi(this.tableFrom).then(res => {
-        console.log(res.data)
-        console.log(res.data.path)
+        // console.log(res.data)
+        // console.log(res.data.path)
         this.tableFrom.is_excel = 0;
         this.$message.success('导出成功')
         window.open(res.data.path)
-      }).catch((res) => {
+      }).catch(() => {
         this.$message.error('导出失败');
       })
     },
@@ -231,29 +273,29 @@ export default {
     },
 
     // 导出
-    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);
-          });
-    },
+    // 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');
@@ -286,6 +328,12 @@ export default {
       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}
+        ];
       }).catch((res) => {
         this.$message.error(res.message);
       });