This commit is contained in:
DESKTOP-GMUNQ1B\k 2024-03-08 18:00:35 +08:00
parent 673a5de0bd
commit a3acf01c6d
3 changed files with 202 additions and 310 deletions

View File

@ -103,6 +103,14 @@ export function capitalFlowExportApi(data) {
export function transferRecordsExportApi(data) {
return request.get(`financial/export`, data)
}
/**
* @description 转账记录 -- 导出
*/
export function transferBill(data) {
return request.get(`financial/bill`, data)
}
/**
* @description 资金记录 -- 导出
*/

View File

@ -4,43 +4,18 @@
<div slot="header" class="clearfix">
<div class="container">
<el-form size="small" inline label-width="100px">
<el-form-item
label="时间选择:"
class="width100"
style="display: block"
>
<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-form-item label="时间选择:" class="width100" style="display: block">
<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-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="审核状态:">
<el-radio-group
v-model="tableFrom.status"
type="button"
@change="getList(1)"
>
<el-radio-group v-model="tableFrom.status" type="button" @change="getList(1)">
<el-radio-button label="">全部 </el-radio-button>
<el-radio-button label="0">待审核</el-radio-button>
<el-radio-button label="1">已审核</el-radio-button>
@ -48,41 +23,21 @@
</el-radio-group>
</el-form-item>
<el-form-item label="商户名称:">
<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 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="商户类别:">
<el-select
v-model="tableFrom.is_trader"
clearable
placeholder="请选择"
class="selWidth"
@change="getList(1)"
>
<el-select v-model="tableFrom.is_trader" 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 label="收款方式:">
<el-radio-group
v-model="tableFrom.financial_type"
type="button"
@change="getList(1)"
>
<el-radio-group v-model="tableFrom.financial_type" type="button" @change="getList(1)">
<el-radio-button label="">全部 </el-radio-button>
<el-radio-button label="1">银行卡</el-radio-button>
<el-radio-button label="3">支付宝</el-radio-button>
@ -90,110 +45,73 @@
</el-radio-group>
</el-form-item>
<el-form-item label="转账状态:">
<el-select
v-model="tableFrom.financial_status"
placeholder="请选择"
class="filter-item selWidth mr20"
clearable
@change="getList"
>
<el-option
v-for="item in arrivalStatusList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
<el-select v-model="tableFrom.financial_status" placeholder="请选择" class="filter-item selWidth mr20"
clearable @change="getList">
<el-option v-for="item in arrivalStatusList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="关键字:" class="width100">
<el-input
v-model="tableFrom.keyword"
@keyup.enter.native="getList(1)"
placeholder="请输入管理员姓名"
class="selWidth"
size="small"
>
<el-button
slot="append"
icon="el-icon-search"
size="small"
class="el-button-solt"
@click="getList(1)"
/>
<el-input v-model="tableFrom.keyword" @keyup.enter.native="getList(1)" placeholder="请输入管理员姓名"
class="selWidth" size="small">
<el-button slot="append" icon="el-icon-search" size="small" class="el-button-solt"
@click="getList(1)" />
</el-input>
<el-button
size="small"
type="primary"
icon="el-icon-top"
@click="exports"
>列表导出</el-button
>
<el-button size="small" type="primary" icon="el-icon-top" @click="exports">列表导出</el-button>
<el-button size="small" type="primary" icon="el-icon-refresh" @click="exportBill">转账单</el-button>
<!-- <el-button size="small" type="primary" @click="getExportFileList">导出记录</el-button> -->
</el-form-item>
</el-form>
</div>
<cards-data :card-lists="cardLists" />
</div>
<el-table
v-loading="listLoading"
tooltip-effect="dark"
:data="tableData.data"
style="width: 100%"
class="table"
>
<el-table v-loading="listLoading" tooltip-effect="dark" :data="tableData.data" style="width: 100%" class="table">
<el-table-column label="序号" min-width="60">
<template scope="scope">
<span>{{
scope.$index + (tableFrom.page - 1) * tableFrom.limit + 1
}}</span>
scope.$index + (tableFrom.page - 1) * tableFrom.limit + 1
}}</span>
</template>
</el-table-column>
<el-table-column prop="mer_name" label="商户类别" min-width="80">
<template slot-scope="scope">
<span v-if="scope.row.merchant" class="spBlock">{{
scope.row.merchant.is_trader ? "自营" : "非自营"
}}</span>
scope.row.merchant.is_trader ? "自营" : "非自营"
}}</span>
</template>
</el-table-column>
<el-table-column label="商户名称" min-width="150">
<template slot-scope="scope">
<span>{{
scope.row.merchant ? scope.row.merchant.mer_name : ""
}}</span>
scope.row.merchant ? scope.row.merchant.mer_name : ""
}}</span>
</template>
</el-table-column>
<el-table-column prop="create_time" label="申请时间" min-width="150" />
<el-table-column
prop="extract_money"
label="转账金额(元)"
min-width="120"
/>
<el-table-column
prop="admin_id"
label="平台管理员姓名"
min-width="120"
/>
<el-table-column prop="extract_money" label="转账金额(元)" min-width="120" />
<el-table-column prop="admin_id" label="平台管理员姓名" min-width="120" />
<el-table-column label="收款方式" min-width="100">
<template slot-scope="scope">
<span v-if="scope.row.financial_type">{{
scope.row.financial_type == 1
? "银行"
: scope.row.financial_type == 2
? "微信"
: "支付宝"
}}</span>
scope.row.financial_type == 1
? "银行"
: scope.row.financial_type == 2
? "微信"
: "支付宝"
}}</span>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column label="审核状态" min-width="120">
<template slot-scope="scope">
<span>{{
scope.row.status == 0
? "待审核"
: scope.row.status == 1
? "审核通过"
: "审核未通过"
}}</span>
scope.row.status == 0
? "待审核"
: scope.row.status == 1
? "审核通过"
: "审核未通过"
}}</span>
<span v-if="scope.row.status === -1" style="font-size: 12px">
<br />
原因{{ scope.row.refusal }}
@ -203,199 +121,119 @@
<el-table-column label="到账状态" min-width="120">
<template slot-scope="scope">
<span>{{
scope.row.financial_status == 1 ? "已转账" : "未转账"
}}</span>
scope.row.financial_status == 1 ? "已转账" : "未转账"
}}</span>
</template>
</el-table-column>
<el-table-column
prop="mer_money"
label="商户余额(元)"
min-width="120"
/>
<el-table-column
label="操作"
min-width="180"
fixed="right"
align="center"
>
<el-table-column prop="mer_money" label="商户余额(元)" min-width="120" />
<el-table-column label="操作" min-width="180" fixed="right" align="center">
<template slot-scope="scope">
<el-button
v-if="scope.row.status == 0"
type="text"
size="small"
@click="transferDetail(scope.row.financial_id)"
>审核</el-button
>
<el-button
v-if="scope.row.status == 1 && scope.row.financial_status != 1"
type="text"
size="small"
@click="transferDetail(scope.row.financial_id, 1)"
>转账</el-button
>
<el-button
v-if="scope.row.status == 1 && scope.row.financial_status == 1"
type="text"
size="small"
@click="transferDetail(scope.row.financial_id, 0)"
>转账信息</el-button
>
<el-button
type="text"
size="small"
@click="transferMark(scope.row.financial_id)"
>备注</el-button
>
<el-button v-if="scope.row.status == 0" type="text" size="small"
@click="transferDetail(scope.row.financial_id)">审核</el-button>
<el-button v-if="scope.row.status == 1 && scope.row.financial_status != 1" type="text" size="small"
@click="transferDetail(scope.row.financial_id, 1)">转账</el-button>
<el-button v-if="scope.row.status == 1 && scope.row.financial_status == 1" type="text" size="small"
@click="transferDetail(scope.row.financial_id, 0)">转账信息</el-button>
<el-button type="text" size="small" @click="transferMark(scope.row.financial_id)">备注</el-button>
</template>
</el-table-column>
</el-table>
<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"
@size-change="handleSizeChange"
@current-change="pageChange"
/>
<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" @size-change="handleSizeChange"
@current-change="pageChange" />
</div>
</el-card>
<!--转账信息-->
<el-dialog
:title="transferData.status == 0 ? '审核' : '转账信息'"
:visible.sync="dialogVisible"
width="700px"
v-if="dialogVisible"
>
<el-dialog :title="transferData.status == 0 ? '审核' : '转账信息'" :visible.sync="dialogVisible" width="700px"
v-if="dialogVisible">
<div class="box-container">
<div class="acea-row">
<div class="list sp100">
<label class="name">商户名称</label
>{{ transferData.merchant && transferData.merchant.mer_name }}
<label class="name">商户名称</label>{{ transferData.merchant && transferData.merchant.mer_name }}
</div>
<div class="list sp100">
<label class="name">商户ID</label
>{{ transferData.merchant && transferData.merchant.mer_id }}
<label class="name">商户ID</label>{{ transferData.merchant && transferData.merchant.mer_id }}
</div>
<div class="list sp100">
<label class="name">商户余额</label>{{ transferData.mer_money }}
</div>
<div class="list sp100">
<label class="name">商户收款方式</label
>{{
transferData.financial_type == 1
? "银行卡"
: transferData.financial_type == 2
? "微信"
: "支付宝"
}}
<label class="name">商户收款方式</label>{{
transferData.financial_type == 1
? "银行卡"
: transferData.financial_type == 2
? "微信"
: "支付宝"
}}
</div>
<div class="list sp100" v-if="transferData.financial_type == 1">
<label class="name">持卡人</label
>{{ transferData.financial_account.name }}
<label class="name">持卡人</label>{{ transferData.financial_account.name }}
</div>
<div class="list sp100" v-if="transferData.financial_type == 1">
<label class="name">卡号</label
>{{ transferData.financial_account.bank_code }}
<label class="name">卡号</label>{{ transferData.financial_account.bank_code }}
</div>
<div class="list sp100" v-if="transferData.financial_type != 1">
<label class="name">真实姓名</label
>{{ transferData.financial_account.name }}
<label class="name">真实姓名</label>{{ transferData.financial_account.name }}
</div>
<div class="list sp100" v-if="transferData.financial_type == 1">
<label class="name">银行</label
>{{ transferData.financial_account.bank }}
<label class="name">银行</label>{{ transferData.financial_account.bank }}
</div>
<div class="list sp100" v-if="transferData.financial_type == 1">
<label class="name">支行信息</label
>{{ transferData.financial_account.bank_branch }}
<label class="name">支行信息</label>{{ transferData.financial_account.bank_branch }}
</div>
<div class="list sp100" v-if="transferData.financial_type == 2">
<label class="name">微信号</label
>{{ transferData.financial_account.wechat }}
<label class="name">微信号</label>{{ transferData.financial_account.wechat }}
</div>
<div class="list sp100 image" v-if="transferData.financial_type == 2">
<label class="name">微信收款二维码</label
><img
style="max-width: 150px; height: 80px"
@click="
<label class="name">微信收款二维码</label><img style="max-width: 150px; height: 80px" @click="
getPicture(transferData.financial_account.wechat_code);
return false;
"
:src="transferData.financial_account.wechat_code"
/>
return false;
" :src="transferData.financial_account.wechat_code" />
</div>
<div class="list sp100" v-if="transferData.financial_type == 3">
<label class="name">支付宝账号</label
>{{ transferData.financial_account.alipay }}
<label class="name">支付宝账号</label>{{ transferData.financial_account.alipay }}
</div>
<div class="list sp100 image" v-if="transferData.financial_type == 3">
<label class="name">支付宝收款二维码</label
><img
style="max-width: 150px; height: 80px"
@click="
<label class="name">支付宝收款二维码</label><img style="max-width: 150px; height: 80px" @click="
getPicture(transferData.financial_account.alipay_code);
return false;
"
:src="transferData.financial_account.alipay_code"
/>
return false;
" :src="transferData.financial_account.alipay_code" />
</div>
<div class="list sp100">
<label class="name">本次申请转账金额</label
><span class="font-red">{{ transferData.extract_money }}</span>
<label class="name">本次申请转账金额</label><span class="font-red">{{ transferData.extract_money }}</span>
</div>
<div class="list sp100" v-if="transferData.status != 0">
<label class="name">审核状态</label
>{{
transferData.status == 0
? "待审核"
: transferData.status == 1
? "已审核"
: "审核失败"
}}
<label class="name">审核状态</label>{{
transferData.status == 0
? "待审核"
: transferData.status == 1
? "已审核"
: "审核失败"
}}
</div>
<div class="list sp100" v-if="transferData.status == 1">
<label class="name">审核时间</label>{{ transferData.status_time }}
</div>
<div class="list sp100" v-if="transferData.status == -1">
<label class="name">审核未通过原因</label
>{{ transferData.refusal }}
<label class="name">审核未通过原因</label>{{ transferData.refusal }}
</div>
<el-form ref="ruleForm" class="demo-ruleForm" label-width="90px">
<el-form-item
label="审核状态:"
required
v-if="transferData.status == 0"
>
<el-form-item label="审核状态:" required v-if="transferData.status == 0">
<el-radio-group v-model="formValidate.status">
<el-radio :label="1" class="radio">通过</el-radio>
<el-radio :label="-1">拒绝</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
label="原因:"
required
v-if="formValidate.status == -1"
>
<el-input
type="textarea"
v-model="formValidate.refusal"
></el-input>
<el-form-item label="原因:" required v-if="formValidate.status == -1">
<el-input type="textarea" v-model="formValidate.refusal"></el-input>
</el-form-item>
<el-form-item label="转账凭证:" v-if="transferData.status == 1">
<div class="acea-row">
<div
v-if="voucher_image.length > 0"
v-for="(item, index) in voucher_image"
:key="index"
class="pictrue"
>
<div v-if="voucher_image.length > 0" v-for="(item, index) in voucher_image" :key="index"
class="pictrue">
<img :src="item" @click="getPicture(item)" />
<i
class="el-icon-error btndel"
@click="handleRemove(index)"
/>
<i class="el-icon-error btndel" @click="handleRemove(index)" />
</div>
<div class="upLoadPicBox" @click="modalPicTap('2')">
<div class="upLoad">
@ -405,29 +243,17 @@
</div>
</el-form-item>
<el-form-item>
<el-button
v-if="transferData.status == 0"
type="primary"
@click="transferReview(transferData.financial_id)"
>提交</el-button
>
<el-button
v-if="transferData.status == 1"
type="primary"
@click="onSubmit(transferData.financial_id)"
>提交</el-button
>
<el-button v-if="transferData.status == 0" type="primary"
@click="transferReview(transferData.financial_id)">提交</el-button>
<el-button v-if="transferData.status == 1" type="primary"
@click="onSubmit(transferData.financial_id)">提交</el-button>
</el-form-item>
</el-form>
</div>
</div>
</el-dialog>
<!--查看二维码-->
<el-dialog
:visible.sync="pictureVisible"
width="700px"
v-if="pictureVisible"
>
<el-dialog :visible.sync="pictureVisible" width="700px" v-if="pictureVisible">
<img :src="pictureUrl" class="pictures" />
</el-dialog>
<!--导出订单列表-->
@ -445,14 +271,14 @@
// | Author: CRMEB Team <admin@crmeb.com>
// +----------------------------------------------------------------------
import { merSelectApi } from '@/api/product'
import { transferRecordApi, transferDetailApi, transferReviewApi, transferEditApi, transferMarkApi, transferHeaderDataApi, transferRecordsExportApi } from '@/api/accounts'
import { transferRecordApi, transferDetailApi, transferReviewApi, transferEditApi, transferMarkApi, transferHeaderDataApi, transferRecordsExportApi, transferBill } from '@/api/accounts'
import cardsData from "@/components/cards/index";
import createWorkBook from '@/utils/newToExcel.js';
import fileList from '@/components/exportFile/fileList'
export default {
components: { cardsData, fileList },
name: 'transferRecord',
data () {
data() {
return {
type: '',
tableData: {
@ -514,7 +340,7 @@ export default {
},
}
},
mounted () {
mounted() {
this.getList(1);
this.getMerSelect();
this.getHeaderData();
@ -522,7 +348,7 @@ export default {
methods: {
//
getMerSelect () {
getMerSelect() {
merSelectApi()
.then((res) => {
this.merSelect = res.data;
@ -532,7 +358,7 @@ export default {
});
},
//
getHeaderData () {
getHeaderData() {
transferHeaderDataApi().then((res) => {
this.cardLists = res.data
})
@ -541,7 +367,7 @@ export default {
});
},
//
transferDetail (id, num) {
transferDetail(id, num) {
if (num) this.voucher_image = []
transferDetailApi(id).then(res => {
this.listLoading = false;
@ -560,12 +386,12 @@ export default {
})
},
//
getPicture (url) {
getPicture(url) {
this.pictureVisible = true;
this.pictureUrl = url;
},
//
transferReview (id) {
transferReview(id) {
let parmas = {
status: this.formValidate.status,
refusal: this.formValidate.refusal
@ -582,11 +408,11 @@ export default {
},
//
transferMark (id) {
transferMark(id) {
this.$modalForm(transferMarkApi(id)).then(() => this.getList('1'))
},
//
onSubmit (id) {
onSubmit(id) {
if (this.voucher_image == 0) {
return this.$message.error('请上传转账凭证!')
} else {
@ -601,7 +427,7 @@ export default {
},
//
modalPicTap (tit, num, i) {
modalPicTap(tit, num, i) {
const _this = this;
const attr = [];
this.$modalUpload(function (img) {
@ -616,23 +442,42 @@ export default {
}
}, tit);
},
handleRemove (i) {
handleRemove(i) {
this.voucher_image.splice(i, 1);
},
//
selectChange (tab) {
selectChange(tab) {
this.tableFrom.date = tab
this.timeVal = []
this.getList(1)
},
//
onchangeTime (e) {
onchangeTime(e) {
this.timeVal = e
this.tableFrom.date = e ? this.timeVal.join('-') : ''
this.getList(1)
},
async exports () {
//
async exportBill() {
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, 1)
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
},
async exports() {
let excelData = JSON.parse(JSON.stringify(this.tableFrom)), data = []
excelData.page = 1
let pageCount = 1
@ -648,16 +493,24 @@ export default {
createWorkBook(lebData.header, lebData.title, data, lebData.foot, lebData.filename);
return
},
/**订单列表 */
downData (excelData) {
downData(excelData, type) {
return new Promise((resolve, reject) => {
transferRecordsExportApi(excelData).then((res) => {
return resolve(res.data)
})
if (type == 1) {
transferBill(excelData).then((res) => {
return resolve(res.data)
})
} else {
transferRecordsExportApi(excelData).then((res) => {
return resolve(res.data)
})
}
})
},
//
exportRecord () {
exportRecord() {
transferRecordsExportApi(this.tableFrom)
.then((res) => {
/*this.$message.success(res.message)
@ -680,11 +533,11 @@ export default {
})
},
//
getExportFileList () {
getExportFileList() {
this.$refs.exportList.exportFileList()
},
//
getList (num) {
getList(num) {
this.listLoading = true
this.tableFrom.page = num ? num : this.tableFrom.page;
transferRecordApi(this.tableFrom)
@ -698,16 +551,16 @@ export default {
this.listLoading = false
})
},
pageChange (page) {
pageChange(page) {
this.tableFrom.page = page
this.getList()
},
handleSizeChange (val) {
handleSizeChange(val) {
this.tableFrom.limit = val
this.getList()
},
handleClose () {
handleClose() {
this.dialogLogistics = false
},
}
@ -718,14 +571,17 @@ export default {
/deep/ .el-dialog__title {
font-weight: bold;
}
.selWidth {
width: 300px;
}
.el-dropdown-link {
cursor: pointer;
color: #409eff;
font-size: 12px;
}
.el-icon-arrow-down {
font-size: 12px;
}
@ -738,6 +594,7 @@ export default {
padding: 5px 0;
box-sizing: border-box;
}
.pictrue {
width: 60px;
height: 60px;
@ -745,11 +602,13 @@ export default {
margin-right: 10px;
position: relative;
cursor: pointer;
img {
width: 100%;
height: 100%;
}
}
.btndel {
position: absolute;
z-index: 1;
@ -758,10 +617,12 @@ export default {
left: 46px;
top: -4px;
}
.box-container {
overflow: hidden;
padding: 0 10px;
}
.box-container .title {
margin: 15px 0 10px;
color: #333;
@ -773,29 +634,37 @@ export default {
float: left;
line-height: 40px;
}
.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 .sp {
width: 50%;
}
.box-container .sp3 {
width: 33.3333%;
}
.box-container .sp100 {
width: 100%;
}
.box-container .list .name {
align-items: center;
display: inline-block;
@ -803,9 +672,11 @@ export default {
color: #606266;
text-align: right;
}
.acea-row {
margin-bottom: 25px;
}
.pictures {
width: 100%;
max-width: 100%;

View File

@ -178,6 +178,17 @@
<el-input readony :value="statusAuditForm.is_company == 1 ? '对公户' : '个体户'" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开户凭证:">
<div class="demo-image__preview">
<el-image style="width: 80px;height: 60px;margin-right: 10px;"
v-for="(ii, index) in statusAuditForm.images" :key="index" :src="ii" class="preview"
:preview-src-list="[ii]" />
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="对公账号:">
<el-input readony :value="statusAuditForm.bank_code" />
@ -196,12 +207,12 @@
</el-form-item>
</el-col>
<el-col :span="24" v-if="item.image && item.image.length > 0">
<el-form-item label="开户凭证">
<el-col :span="24" v-if="statusAuditForm.image && statusAuditForm.image.length > 0">
<el-form-item label="银行卡照片">
<div class="demo-image__preview">
<el-image style="width: 80px;height: 60px;margin-right: 10px;"
v-for="(item, index) in statusAuditForm.image" :key="index" :src="item" class="preview"
:preview-src-list="[item]" />
v-for="(ii, index) in statusAuditForm.image" :key="index" :src="ii" class="preview"
:preview-src-list="[ii]" />
</div>
</el-form-item>
</el-col>
@ -351,14 +362,16 @@ export default {
//
onchangeIsShow(item) {
this.statusAuditVisible = true;
this.statusAuditForm = item;
if (item.financial_bank) {
let bi = JSON.parse(item.financial_bank);
item.bank_username = bi.bank;
item.bank_code = bi.bank_code;
item.bank_opening = bi.bank_branch;
this.$set(item, 'image', [bi.bank_front])
if (bi.bank_front[0]) {
this.$set(item, 'image', bi.bank_front);
}
}
this.statusAuditForm = item;
this.$set(this.statusAuditForm, 'state', 1);
this.$set(this.statusAuditForm, 'create_mer', 1);
},