From ab21ec6c633d4c2809b569655c08831ece59c266 Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Thu, 11 Jul 2024 16:46:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=EF=BC=9A=E8=BF=90=E8=90=A5?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E5=A2=9E=E5=8A=A0=E7=BC=B4=E8=B4=B9=E9=80=80?=
 =?UTF-8?q?=E6=AC=BE=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/marketing.js                          |   8 +
 src/router/modules/marketing.js               |   9 +
 .../marketing/agent/record/pay_record.vue     |   7 -
 .../agent/record/pay_record_refund.vue        | 174 ++++++++++++++++++
 4 files changed, 191 insertions(+), 7 deletions(-)
 create mode 100644 src/views/marketing/agent/record/pay_record_refund.vue

diff --git a/src/api/marketing.js b/src/api/marketing.js
index c0fc78c..686e170 100644
--- a/src/api/marketing.js
+++ b/src/api/marketing.js
@@ -821,6 +821,14 @@ export function deliveryOrderAllocation(data) {
 export function agentPayRecord(data) {
   return request.get(`marketing/agent/pay_record`,data)
 }
+// 代理中心 - 缴费退款记录
+export function agentPayRecordRefund(data) {
+  return request.get(`marketing/agent/pay_record_refund`,data)
+}
+// 代理中心 - 缴费退款审核
+export function agentPayRecordRefundExamine(data) {
+  return request.get(`marketing/agent/pay_record_refund_examine`,data)
+}
 
 
 // 活动分类 - 列表获取
diff --git a/src/router/modules/marketing.js b/src/router/modules/marketing.js
index a1623fa..1de54bb 100644
--- a/src/router/modules/marketing.js
+++ b/src/router/modules/marketing.js
@@ -612,6 +612,15 @@ const marketingRouter =
             },
             component: () => import('@/views/marketing/agent/record/pay_record')
           },
+          {
+            path: 'pay_record_refund',
+            name: `agentPayRecordRefund`,
+            meta: {
+              title: '退款申请',
+              noCache: true
+            },
+            component: () => import('@/views/marketing/agent/record/pay_record_refund')
+          },
         ]
       },
       {
diff --git a/src/views/marketing/agent/record/pay_record.vue b/src/views/marketing/agent/record/pay_record.vue
index 1c78167..1e1203b 100644
--- a/src/views/marketing/agent/record/pay_record.vue
+++ b/src/views/marketing/agent/record/pay_record.vue
@@ -96,10 +96,6 @@ export default {
         pay_status: '',
         pay_type: '',
       },
-
-
-
-
     };
   },
   watch: {},
@@ -125,9 +121,6 @@ export default {
       this.tableFrom.page = page;
       this.getList('');
     },
-
-
-
   },
 };
 </script>
diff --git a/src/views/marketing/agent/record/pay_record_refund.vue b/src/views/marketing/agent/record/pay_record_refund.vue
new file mode 100644
index 0000000..af18f14
--- /dev/null
+++ b/src/views/marketing/agent/record/pay_record_refund.vue
@@ -0,0 +1,174 @@
+<template>
+  <div class="divBox">
+    <el-card class="box-card">
+      <!--表格信息-->
+      <el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="mini">
+        <el-table-column prop="id" label="ID" min-width="50" align="center"/>
+        <el-table-column label="申请用户" min-width="200" align="center">
+          <template slot-scope="scope">
+            <div class="user-content">
+              <div class="user-avatar">
+                <img :src="scope.row.user.avatar || moren" />
+              </div>
+              <div class="user-info">
+                <div class="nickname">{{ scope.row.user.nickname }}</div>
+                <div class="user-id">ID：{{ scope.row.user.uid }}</div>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="运营中心身份" min-width="200" align="center">
+          <template slot-scope="scope">
+            <div class="user-content" v-if="scope.row.payRecord.agent">
+              {{ scope.row.payRecord.agent.agent_type_text || '' }}<br />
+              {{ scope.row.payRecord.agent.id ? 'ID：' + scope.row.payRecord.agent.id : '' }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="缴费类型" min-width="100" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.payRecord.pay_type == 1">定金</el-tag>
+            <el-tag v-else-if="scope.row.payRecord.pay_type == 2">尾款</el-tag>
+            <el-tag v-else-if="scope.row.payRecord.pay_type == 3">保证金</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="缴费金额" prop="payRecord.money" min-width="100" align="center"/>
+        <el-table-column label="状态" min-width="100" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.status == 0" type="info">待审核</el-tag>
+            <el-tag v-else-if="scope.row.status == 1" type="success">已退款</el-tag>
+            <el-tag v-else-if="scope.row.status == 2" type="warning">已驳回</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="申请时间" prop="apply_time" min-width="150" align="center"/>
+        <el-table-column label="操作" min-width="150" fixed="right" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="Number(scope.row.status) === 0" type="text" size="small" class="mr10" @click="examinePass(scope.row)">通过</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页-->
+      <div class="block">
+        <el-pagination :page-size="tableFrom.limit" :current-page="tableFrom.page" :total="tableData.total" @current-change="pageChange" />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {agentPayRecordRefund, agentPayRecordRefundExamine} from '@/api/marketing'
+export default {
+  name: "preSaleProductList",
+  components: { },
+  data() {
+    return {
+      moren: require("@/assets/images/f.png"),
+      listLoading: true,
+      tableData: {
+        data: [],
+        total: 0,
+      },
+      tableFrom: {
+        page: 1,
+        limit: 20
+      },
+    };
+  },
+  watch: {},
+  mounted() {
+    this.getList(1);
+  },
+  methods: {
+    // 获取列表
+    getList(num) {
+      let _this = this;
+      _this.listLoading = true;
+      _this.tableFrom.page = num ? num : this.tableFrom.page;
+      agentPayRecordRefund(this.tableFrom).then((res) => {
+        _this.tableData.data = res.data.list;
+        _this.tableData.total = res.data.count;
+        _this.listLoading = false;
+      }).catch((res) => {
+        _this.listLoading = false;
+        _this.$message.error(res.message);
+      });
+    },
+    pageChange(page) {
+      this.tableFrom.page = page;
+      this.getList('');
+    },
+    // 审核
+    examinePass(row, status = 1){
+      let _this = this;
+      let params = {
+        id: row.id,
+        status: status,
+      };
+      agentPayRecordRefundExamine(params).then((res) => {
+        if(Number(res.status) === 200){
+          _this.getList('');
+        }else{
+          _this.$message.error(res.message);
+        }
+      }).catch((res) => {
+        _this.$message.error(res.message);
+      });
+    }
+
+
+
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+/deep/ .el-table .cell{
+  padding: 0!important;
+}
+.selWidth{
+  margin-bottom: 10px!important;
+}
+.user-content{
+  --user-content-height-: 80px;
+
+  height: var(--user-content-height-);
+  width: 100%;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  .user-avatar{
+    height: var(--user-content-height-);
+    width: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    img{
+      height: 80%!important;
+      width: 80%!important;
+      border-radius: 50% !important;
+    }
+  }
+  .user-info{
+    height: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: flex-start;
+    .nickname{
+      font-size: 15px;
+      font-weight: bold;
+      line-height: calc(var(--user-content-height- * 65%));
+    }
+    .user-id{
+      font-size: 13px;
+      line-height: calc(var(--user-content-height- * 35%));
+    }
+  }
+}
+</style>