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

1

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/api/accounts.js
View File

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

405
src/views/accounts/transferRecord/index.vue
View File

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

25
src/views/merchant/application/index.vue
View File

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