From 43f7fd690ed0904717dc21801e274fb849371d79 Mon Sep 17 00:00:00 2001
From: "DESKTOP-GMUNQ1B\\k" <1154079537@qq.com>
Date: Fri, 29 Mar 2024 17:10:22 +0800
Subject: [PATCH] =?UTF-8?q?=E9=93=B6=E8=A1=8C=E5=8D=A1=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=AE=A1=E6=A0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                         |   2 +-
 src/api/accounts.js                      |  16 +
 src/router/modules/accounts.js           |   9 +
 src/views/accounts/auditRecord/index.vue | 426 +++++++++++++++++++++++
 src/views/order/list/index.vue           |  16 +-
 5 files changed, 466 insertions(+), 3 deletions(-)
 create mode 100644 src/views/accounts/auditRecord/index.vue

diff --git a/.env.development b/.env.development
index 558b6c7..74b216c 100644
--- a/.env.development
+++ b/.env.development
@@ -4,7 +4,7 @@ ENV = 'development'
 # http://mer.crmeb.net/admin
 # base api
 # VUE_APP_BASE_API = 'http://192.168.31.106:8324'
-VUE_APP_BASE_API = 'https://crmeb-test.shop.lihaink.cn/'
+VUE_APP_BASE_API = 'https://crmeb-test.shop.lihaink.cn'
 
 # socket 连接地址
 # VUE_APP_WS_URL = 'ws://0.0.0.0:8324'
diff --git a/src/api/accounts.js b/src/api/accounts.js
index c65da2d..b345151 100644
--- a/src/api/accounts.js
+++ b/src/api/accounts.js
@@ -10,6 +10,22 @@
 import request from './request'
 
 
+/**
+ * @description 银行卡审核 -- 列表
+ */
+export function bankListApi(data) {
+  return request.get('merchant/intention/bank_list', data)
+}
+
+
+/**
+ * @description 银行卡审核 -- 审核
+ */
+export function bandAuditApi(data) {
+  return request.post('merchant/intention/deal/' + data.id, data)
+}
+
+
 /**
  * @description 资金管理 -- 列表
  */
diff --git a/src/router/modules/accounts.js b/src/router/modules/accounts.js
index c6054dd..33a49fb 100644
--- a/src/router/modules/accounts.js
+++ b/src/router/modules/accounts.js
@@ -131,6 +131,15 @@ const accountsRouter =
       },
       component: () => import('@/views/accounts/transferRecord/index')
     },
+    {
+      path: 'auditRecord',
+      name: 'bankAuditRecord',
+      meta: {
+        title: '银行卡审核',
+        noCache: true
+      },
+      component: () => import('@/views/accounts/auditRecord/index')
+    },
     {
       path: 'setting',
       name: 'AccountsTransferSetting',
diff --git a/src/views/accounts/auditRecord/index.vue b/src/views/accounts/auditRecord/index.vue
new file mode 100644
index 0000000..de0e973
--- /dev/null
+++ b/src/views/accounts/auditRecord/index.vue
@@ -0,0 +1,426 @@
+<template>
+  <div class="divBox">
+    <div class="selCard mb14">
+      <el-form :model="tableFrom" ref="searchForm" size="small" inline label-width="85px">
+        <el-form-item label="审核状态：" prop="is_check">
+          <el-select v-model="tableFrom.is_check" clearable placeholder="请选择" class="selWidth" @change="getList(1)">
+            <el-option label="全部" value="" />
+            <el-option label="待审核" value="0" />
+            <el-option label="审核通过" value="1" />
+            <el-option label="审核未通过" value="2" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="商户名称：" prop="mer_id">
+          <el-select v-model="tableFrom.mer_id" clearable filterable placeholder="请选择" class="selWidth"
+            @change="getList(1)">
+            <el-option v-for="item in merSelect" :key="item.mer_id" :label="item.mer_name" :value="item.mer_id" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="提现类型：" prop="is_own">
+          <el-select v-model="tableFrom.is_own" clearable placeholder="请选择" class="selWidth" @change="getList(1)">
+            <el-option label="对公账户" value="1" />
+            <el-option label="法人账户" value="0" />
+          </el-select>
+        </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>
+
+    <el-card>
+      <div class="mb20">
+        <el-button size="small" type="primary" @click="exports">导出列表</el-button>
+      </div>
+      <el-table v-loading="listLoading" tooltip-effect="dark" :data="tableData.data" size="small" class="table">
+        <el-table-column label="序号" min-width="60">
+          <template scope="scope">
+            <span>{{ scope.$index + (tableFrom.page - 1) * tableFrom.limit + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="商户名称" min-width="150" prop="merchantInfo.mer_name" />
+        <el-table-column label="提现类型" min-width="150">
+          <template slot-scope="scope">
+            <span class="spBlock" v-if="scope.row.is_own === 0">法人账户</span>
+            <span class="spBlock" v-else-if="scope.row.is_own == 1">对公账户</span>
+            <span class="spBlock" v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="账户名称" min-width="150" prop="financial_account.name" />
+        <el-table-column label="开户银行" min-width="150" prop="financial_account.bank" />
+        <el-table-column label="支行名称" min-width="150" prop="financial_account.bank_branch" />
+        <el-table-column label="银行账号" min-width="150" prop="financial_account.bank_code" />
+        <el-table-column label="手机号码" min-width="150" prop="merchantInfo.mer_phone" />
+        <el-table-column label="身份证号码" min-width="160" prop="financial_account.id_card" />
+        <el-table-column label="凭证">
+          <template slot-scope="scope">
+            <div v-if="scope.row.financial_account.financial_img" class="demo-image__preview">
+              <el-image :src="srcParse(scope.row)[0]" :preview-src-list="srcParse(scope.row)" />
+            </div>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="状态" min-width="80">
+          <template slot-scope="scope">
+            <span class="spBlock">{{ scope.row.is_check === 0 ? '待审核' : scope.row.is_check == 1 ? '审核通过' : '审核未通过'
+              }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="create_time" label="申请时间" min-width="150" />
+        <el-table-column label="操作" min-width="180" fixed="right">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.is_check === 0" type="text" size="small"
+              @click="transferMark(scope.row, 1)">审核</el-button>
+            <el-button type="text" size="small" @click="transferMark(scope.row, 2)">查看</el-button>
+          </template>
+        </el-table-column>
+      </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>
+
+    <!--审核 查看-->
+    <el-dialog :title="type == 1 ? '审核' : '查看'" :visible.sync="dialogVisible" width="700px" v-if="dialogVisible">
+      <div class="box-container">
+        <el-form ref="ruleForm" size="small" :model="auditForm">
+          <div class="section" style="padding-top:10px;">
+            <div class="title">商户信息</div>
+            <div class="list">
+              <div class="item"><label class="name">商户名称：</label>{{ transferData.merchantInfo.mer_name }}</div>
+              <div class="item"><label class="name">商户ID：</label>{{ transferData.merchantInfo.mer_id }} </div>
+              <div class="item"><label class="name">开户银行：</label>{{ transferData.financial_account.bank }}</div>
+              <div class="item"><label class="name">银行账号：</label>{{ transferData.financial_account.bank_code }}</div>
+              <div class="item"><label class="name">开户户名：</label>{{ transferData.financial_account.name }}</div>
+              <div class="item"><label class="name">开户网点：</label>{{ transferData.financial_account.bank_branch }}</div>
+              <div class="item"><label class="name">真实姓名：</label>{{ transferData.merchantInfo.real_name }}</div>
+              <div class="item"><label class="name">备注：</label>{{ transferData.fail_msg ? transferData.fail_msg : '-' }}
+              </div>
+              <div class="item" v-if="srcParse(transferData).length > 0"><label class="name">凭证：</label>
+                <el-image style="width:100px;height:100px;" :src="srcParse(transferData)[0]"
+                  :preview-src-list="srcParse(transferData)" />
+              </div>
+            </div>
+          </div>
+          <div class="section" v-if="type == 1">
+            <div class="title">审核信息</div>
+            <div class="list">
+              <el-form-item label="审核状态：" class="item" prop="status" :rules="{ required: true, message:'审核状态不能为空',trigger:'change'}">
+                <el-radio-group v-model=" auditForm.status ">
+                  <el-radio :label=" 1 " class="radio">通过</el-radio>
+                  <el-radio :label=" 2 ">拒绝</el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="原因：" prop="fail_msg" class="item"
+                :rules=" { required: auditForm.status == 2 ? true : false, message: '拒绝原因不能为空', trigger: 'change' } ">
+                <el-input type="textarea" v-model=" auditForm.fail_msg "></el-input>
+              </el-form-item>
+            </div>
+          </div>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="dialogVisible = false">取消</el-button>
+        <el-button v-if=" type == 1 " type="primary" size="small" @click=" transferReview ">提交</el-button>
+      </span>
+    </el-dialog>
+
+    <!--导出订单列表-->
+    <file-list ref="exportList" />
+  </div>
+</template>
+<script>
+// +----------------------------------------------------------------------
+// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2016~2024 https://www.crmeb.com All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
+// +----------------------------------------------------------------------
+// | Author: CRMEB Team <admin@crmeb.com>
+// +----------------------------------------------------------------------
+import { merSelectApi } from '@/api/product'
+import { bankListApi, bandAuditApi } from "@/api/accounts";
+import { transferRecordApi, transferDetailApi, transferReviewApi, transferEditApi, transferMarkApi, transferHeaderDataApi, transferRecordsExportApi } from '@/api/accounts'
+import createWorkBook from '@/utils/newToExcel.js';
+import timeOptions from '@/utils/timeOptions';
+export default {
+  data() {
+    return {
+      type: '',
+      pickerOptions: timeOptions,
+      tableData: {
+        data: [],
+        total: 0
+      },
+
+      listLoading: true,
+      voucher_image: [],
+      tableFrom: {
+        date: '',
+        page: 1,
+        limit: 20,
+        mer_id: '',
+        is_check: '',
+        is_own: '',
+      },
+      timeVal: [],
+      merSelect: [],
+      loading: false,
+      dialogVisible: false,
+      pictureUrl: '',
+      transferData: undefined,
+      auditForm: {
+        id: '',
+        status: '',
+        fail_msg: ''
+      },
+      type: '',//类型 是审核还是查看
+    }
+  },
+  mounted() {
+    this.getList(1);
+    this.getMerSelect();
+  },
+  methods: {
+
+    // 图片格式
+    srcParse(item) {
+      if (item.financial_account.financial_img && item.financial_account.financial_img.indexOf(',') > -1) {
+        return item.financial_account.financial_img.split(",");
+      } else {
+        return item.financial_account.financial_img ? [item.financial_account.financial_img] : []
+      }
+    },
+
+    /**重置 */
+    searchReset() {
+      this.timeVal = []
+      this.tableFrom.date = ""
+      this.$refs.searchForm.resetFields()
+      this.getList(1)
+    },
+
+    // 商户列表
+    getMerSelect() {
+      merSelectApi()
+        .then((res) => {
+          this.merSelect = res.data;
+        })
+        .catch((res) => {
+          this.$message.error(res.message);
+        });
+    },
+
+    // 审核
+    transferReview(id) {
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          this.auditForm.id = this.transferData.id
+          bandAuditApi(this.auditForm).then(res => {
+            this.$message.success(res.message);
+            this.dialogVisible = false;
+            this.getList(1);
+          }).catch(res => {
+            this.listLoading = false;
+            this.$message.error(res.message)
+          })
+        }
+      })
+    },
+
+    // 审核 查看
+    transferMark(item, type) {
+      this.transferData = item;
+      this.dialogVisible = true;
+      this.type = type;
+    },
+
+    // 具体日期
+    onchangeTime(e) {
+      this.timeVal = e
+      this.tableFrom.date = e ? this.timeVal.join('-') : ''
+      this.getList(1)
+    },
+
+    async exports() {
+      let excelData = JSON.parse(JSON.stringify(this.tableFrom)), data = []
+      excelData.page = 1
+      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) => {
+        transferRecordsExportApi(excelData).then((res) => {
+          return resolve(res.data)
+        })
+      })
+    },
+
+    // 导出
+    exportRecord() {
+      transferRecordsExportApi(this.tableFrom)
+        .then((res) => {
+          /*this.$message.success(res.message)
+          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.$refs.exportList.exportFileList()
+    },
+
+    // 列表
+    getList(num) {
+      this.listLoading = true
+      this.tableFrom.page = num ? num : this.tableFrom.page;
+      bankListApi(this.tableFrom)
+        .then(res => {
+          this.tableData.data = res.data.list
+          this.tableData.total = res.data.count
+          this.listLoading = false
+        })
+        .catch(res => {
+          this.$message.error(res.message)
+          this.listLoading = false
+        })
+    },
+    pageChange(page) {
+      this.tableFrom.page = page
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.tableFrom.limit = val
+      this.getList()
+    },
+
+    handleClose() {
+      this.dialogLogistics = false
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.pictrue {
+  width: 60px;
+  height: 60px;
+  border: 1px dotted rgba(0, 0, 0, 0.1);
+  margin-right: 10px;
+  position: relative;
+  cursor: pointer;
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.btndel {
+  position: absolute;
+  z-index: 1;
+  width: 20px !important;
+  height: 20px !important;
+  left: 46px;
+  top: -4px;
+}
+
+.box-container {
+  overflow: hidden;
+  padding: 0 10px;
+}
+
+
+.section {
+  padding: 10px 0 30px;
+  border-bottom: 1px dashed #eeeeee;
+
+  &:last-child {
+    padding: 30px 0 0;
+    border-bottom: none;
+  }
+
+  .title {
+    padding-left: 10px;
+    border-left: 3px solid var(--prev-color-primary);
+    font-size: 14px;
+    line-height: 15px;
+    color: #303133;
+    font-weight: bold;
+  }
+}
+
+.box-container .list {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.box-container .item {
+  margin-top: 16px;
+  font-size: 13px;
+  display: flex;
+  flex: 0 0 calc(100% / 2);
+  color: #606266;
+}
+
+.box-container .list .info {
+  display: block;
+
+  .el-textarea {
+    margin-top: 10px;
+  }
+}
+
+.box-container .list.image {
+  margin: 20px 0;
+  position: relative;
+}
+
+.box-container .list.image img {
+  position: absolute;
+  top: -20px;
+}
+
+.box-container .list .name {
+  align-items: center;
+  display: inline-block;
+  color: #909399;
+}
+
+.pictures {
+  width: 100%;
+  max-width: 100%;
+}
+</style>
diff --git a/src/views/order/list/index.vue b/src/views/order/list/index.vue
index db60d75..701f733 100644
--- a/src/views/order/list/index.vue
+++ b/src/views/order/list/index.vue
@@ -122,10 +122,22 @@
         <el-table-column label="用户信息" min-width="130">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.native="onUserDetails(scope.row.uid)">{{ scope.row.user &&
-        scope.row.user.nickname + '/' +
-        scope.row.uid }}</el-button>
+        scope.row.user.nickname + '/' + scope.row.uid }}</el-button>
           </template>
         </el-table-column>
+
+        <el-table-column label="关联商户" min-width="80">
+          <template slot-scope="scope">
+            <span>{{ scope.row.user.merchant.mer_name ? scope.row.user.merchant.mer_name : '-' }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="订单来源" min-width="80">
+          <template slot-scope="scope">
+            <span>{{ scope.row.order_type == 2 ? '扫码付款':'平台下单' }}</span>
+          </template>
+        </el-table-column>
+
         <el-table-column label="订单类型" min-width="80">
           <template slot-scope="scope">
             <span>{{ scope.row.is_virtual == 1 ? "虚拟订单" : scope.row.order_type == 0 ? "普通订单" : "核销订单" }}</span>