From fcd071192d6d27eea51ba3bbd8705c3feb2f0b1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=8F?= <1978476055@qq.com>
Date: Thu, 5 Dec 2024 15:29:31 +0800
Subject: [PATCH] =?UTF-8?q?=E9=93=B6=E8=A1=8C=E5=8D=A1=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                  |   6 +
 src/router/modules/promoter.js        |   9 ++
 src/views/promoter/bankCard/index.vue | 225 ++++++++++++++++++++++++++
 3 files changed, 240 insertions(+)
 create mode 100644 src/views/promoter/bankCard/index.vue

diff --git a/src/api/marketing.js b/src/api/marketing.js
index 6e5fdc6..8e694ef 100644
--- a/src/api/marketing.js
+++ b/src/api/marketing.js
@@ -385,6 +385,12 @@ export function brokerageLogLst(data) {
 export function bonusLogLst(data) {
   return request.get(`user/brokerage/bonus/log`, data)
 }
+/**
+ * @description 银行卡 -- 列表
+ */
+export function backListApi(data) {
+  return request.get(`user/extract/back_list`, data)
+}
 /**
  * @description 积分日志 -- 导出
  */
diff --git a/src/router/modules/promoter.js b/src/router/modules/promoter.js
index 27bbc16..4631943 100644
--- a/src/router/modules/promoter.js
+++ b/src/router/modules/promoter.js
@@ -39,6 +39,15 @@ const promoterRouter =
       },
       component: () => import('@/views/promoter/bonusLog/index')
     },
+    {
+      path: 'bankCard',
+      name: 'bankCard',
+      meta: {
+        title: '银行卡记录',
+        noCache: true
+      },
+      component: () => import('@/views/promoter/bankCard/index')
+    },
     {
       path: 'user',
       name: 'AccountsUser',
diff --git a/src/views/promoter/bankCard/index.vue b/src/views/promoter/bankCard/index.vue
new file mode 100644
index 0000000..c20d11a
--- /dev/null
+++ b/src/views/promoter/bankCard/index.vue
@@ -0,0 +1,225 @@
+<template>
+  <div class="divBox">
+    <div class="selCard mb14">
+      <el-form
+        :model="tableFrom"
+        ref="searchForm"
+        inline
+        size="small"
+        label-width="85px"
+      >
+        <!-- <el-form-item label="选择时间：">
+            <el-date-picker
+              v-model="timeVal"
+              value-format="yyyy/MM/dd"
+              format="yyyy/MM/dd"
+              :picker-options="pickerOptions"
+              type="daterange"
+              placement="bottom-end"
+              placeholder="自定义时间"
+              style="width: 280px"
+              @change="onchangeTime"
+            />
+          </el-form-item> -->
+        <el-form-item label="账号：" prop="keyword">
+          <el-input
+            v-model="tableFrom.keyword"
+            @keyup.enter.native="getList(1)"
+            placeholder="请输入账号"
+            class="selWidth"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item label="身份证号：" prop="id_card">
+          <el-input
+            v-model="tableFrom.id_card"
+            @keyup.enter.native="getList(1)"
+            placeholder="请输入身份证号"
+            class="selWidth"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item label="银行卡号：" prop="keyword">
+          <el-input
+            v-model="tableFrom.bank_code"
+            @keyup.enter.native="getList(1)"
+            placeholder="请输入银行卡号"
+            class="selWidth"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" size="small" @click="getList(1)"
+            >搜索</el-button
+          >
+          <el-button size="small" @click="searchReset()">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <!-- <cards-data v-if="cardLists.length > 0" :card-lists="cardLists" /> -->
+    <el-card>
+      <!-- <div class="mb20">
+        <el-button size="small" type="primary" @click="exports">导出</el-button>
+      </div> -->
+      <el-table v-loading="listLoading" :data="tableData.data" size="small">
+        <!-- <el-table-column prop="bill_id" label="ID" min-width="50" /> -->
+        <!-- <el-table-column label="用户昵称" prop="real_name" min-width="150" /> -->
+        <el-table-column prop="phone" label="手机号" min-width="120" />
+        <el-table-column prop="real_name" label="真实姓名" min-width="120" />
+        <el-table-column prop="id_card" label="身份证号码" min-width="120" />
+        <el-table-column label="银行名称" prop="bank_name" min-width="120" />
+        <el-table-column label="支行名称" prop="bank_address" min-width="120" />
+        <el-table-column label="银行卡号" prop="bank_code" min-width="90" />
+        <!-- <el-table-column prop="mark" label="备注" min-width="150" /> -->
+        <el-table-column prop="create_time" label="添加时间" min-width="90" />
+      </el-table>
+      <div class="block">
+        <el-pagination
+          background
+          :page-size="tableFrom.limit"
+          :current-page="tableFrom.page"
+          layout="total, prev, pager, next, jumper"
+          :total="tableData.total"
+          @size-change="handleSizeChange"
+          @current-change="pageChange"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+<script>
+import { backListApi, bonusExport } from "@/api/marketing";
+import fileList from "@/components/exportFile/fileList";
+import cardsData from "@/components/cards/index";
+import createWorkBook from "@/utils/newToExcel.js";
+import { roterPre } from "@/settings";
+import timeOptions from "@/utils/timeOptions";
+export default {
+  name: "IntergralLog",
+  components: { fileList, cardsData },
+  data() {
+    return {
+      pickerOptions: timeOptions,
+      timeVal: [],
+      listLoading: true,
+      roterPre: roterPre,
+      tableData: {
+        data: [],
+        total: 0,
+      },
+      tableFrom: {
+        page: 1,
+        limit: 20,
+        keyword: "",
+        date: "",
+      },
+      loading: false,
+      cardLists: [],
+      categoryList: {},
+    };
+  },
+  watch: {},
+  mounted() {
+    this.getList("");
+  },
+  methods: {
+    /**重置 */
+    searchReset() {
+      this.timeVal = [];
+      this.tableFrom.date = "";
+      this.$refs.searchForm.resetFields();
+      this.getList(1);
+    },
+    // 具体日期
+    onchangeTime(e) {
+      this.timeVal = e;
+      this.tableFrom.date = e ? this.timeVal.join("-") : "";
+      this.tableFrom.page = 1;
+      this.getList("");
+    },
+    async exports() {
+      let excelData = JSON.parse(JSON.stringify(this.tableFrom)),
+        data = [];
+      excelData.page = 1;
+      excelData.limit = 100;
+      let pageCount = 1;
+      let lebData = {};
+      for (let i = 0; i < pageCount; i++) {
+        lebData = await this.downData(excelData);
+        pageCount = Math.ceil(lebData.count / excelData.limit);
+        if (lebData.export.length) {
+          data = data.concat(lebData.export);
+          excelData.page++;
+        }
+      }
+      createWorkBook(
+        lebData.header,
+        lebData.title,
+        data,
+        lebData.foot,
+        lebData.filename
+      );
+      return;
+    },
+    /**列表 */
+    downData(excelData) {
+      return new Promise((resolve, reject) => {
+        bonusExport(excelData).then((res) => {
+          return resolve(res.data);
+        });
+      });
+    },
+    // 导出
+    exportRecord() {
+      bonusExport(this.tableFrom)
+        .then((res) => {
+          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) => {
+            this.$router.push({ path: this.roterPre + "/group/exportList" });
+          });
+        })
+        .catch((res) => {
+          this.$message.error(res.message);
+        });
+    },
+    // 列表
+    getList(num) {
+      this.listLoading = true;
+      this.tableFrom.page = num ? num : this.tableFrom.page;
+      backListApi(this.tableFrom)
+        .then((res) => {
+          this.tableData.data = res.data.list;
+          this.tableData.total = res.data.count;
+          this.categoryList = res.data.category_list;
+
+          this.listLoading = false;
+        })
+        .catch((res) => {
+          this.listLoading = false;
+          this.$message.error(res.message);
+        });
+    },
+    pageChange(page) {
+      this.tableFrom.page = page;
+      this.getList("");
+    },
+    handleSizeChange(val) {
+      this.tableFrom.limit = val;
+      this.getList("");
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.scollhide::-webkit-scrollbar {
+  display: none; /* Chrome Safari */
+}
+</style>