mkm/new_shop_admin_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

银行卡添加审核

Browse Source
This commit is contained in:
DESKTOP-GMUNQ1B\k 2024-03-29 17:10:22 +08:00
parent b002300ef9
commit 43f7fd690e
5 changed files with 466 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -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'

16
src/api/accounts.js
View File

@ -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 资金管理 -- 列表
*/

9
src/router/modules/accounts.js
View File

@ -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',

426
src/views/accounts/auditRecord/index.vue Normal file
View File

@ -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>

16
src/views/order/list/index.vue
View File

@ -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>