Browse Source

feature-img-1.0:优化提现界面

master
chengkun 4 years ago
parent
commit
75aac89e7c
  1. 40
      src/views/img/withdraw/index.vue

40
src/views/img/withdraw/index.vue

@ -10,6 +10,9 @@
<el-form-item label="银行卡" prop="bankNo"> <el-form-item label="银行卡" prop="bankNo">
<el-input v-model="queryParams.bankNo" placeholder="请输入银行卡" clearable style="width: 240px" /> <el-input v-model="queryParams.bankNo" placeholder="请输入银行卡" clearable style="width: 240px" />
</el-form-item> </el-form-item>
<el-form-item label="支付宝手机号" prop="phone">
<el-input v-model="queryParams.phone" placeholder="请输入支付宝手机号" clearable style="width: 260px" />
</el-form-item>
<el-form-item label="渠道" prop="channel"> <el-form-item label="渠道" prop="channel">
<el-select v-model="queryParams.channel" placeholder="渠道" clearable> <el-select v-model="queryParams.channel" placeholder="渠道" clearable>
<el-option <el-option
@ -58,24 +61,25 @@
<el-table-column label="艺术家id" align="center" key="creatorId" prop="creatorId" v-if="columns[2].visible" width="100"/> <el-table-column label="艺术家id" align="center" key="creatorId" prop="creatorId" v-if="columns[2].visible" width="100"/>
<el-table-column label="提现金额" align="center" key="amt" prop="amt" v-if="columns[3].visible" /> <el-table-column label="提现金额" align="center" key="amt" prop="amt" v-if="columns[3].visible" />
<el-table-column label="银行卡" align="center" key="bankNo" prop="bankNo" v-if="columns[4].visible" width="170"/> <el-table-column label="银行卡" align="center" key="bankNo" prop="bankNo" v-if="columns[4].visible" width="170"/>
<el-table-column label="审核理由" align="center" key="reason" prop="reason" v-if="columns[5].visible" width="120"/> <el-table-column label="支付宝手机号" align="center" key="phone" prop="phone" v-if="columns[5].visible" width="140"/>
<el-table-column label="渠道" align="center" key="channel" prop="channel" v-if="columns[6].visible"> <el-table-column label="审核理由" align="center" key="reason" prop="reason" v-if="columns[6].visible" width="120"/>
<el-table-column label="渠道" align="center" key="channel" prop="channel" v-if="columns[7].visible">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.channel == '0' ? "微信" : scope.row.channel == '1' ? "银行卡": ''}} {{scope.row.channel == '0' ? "微信" : scope.row.channel == '1' ? "银行卡": scope.row.channel == '2' ? "支付宝" : ''}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="状态" align="center" key="status" prop="status" v-if="columns[7].visible"> <el-table-column label="状态" align="center" key="status" prop="status" v-if="columns[8].visible">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.status == '0' ? "待审核" : scope.row.status == '1' ? "提现中": scope.row.status == '2' ? "提现成功": scope.row.status == '3' ? "提现失败": scope.row.status == '4' ? "审核拒绝": ''}} {{scope.row.status == '0' ? "待审核" : scope.row.status == '1' ? "提现中": scope.row.status == '2' ? "提现成功": scope.row.status == '3' ? "提现失败": scope.row.status == '4' ? "审核拒绝": ''}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="排序" align="center" key="sort" prop="sort" v-if="columns[8].visible"/> <el-table-column label="排序" align="center" key="sort" prop="sort" v-if="columns[9].visible"/>
<el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[9].visible" width="160"> <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[10].visible" width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span> <span>{{ parseTime(scope.row.createTime) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="更新时间" align="center" prop="updateTime" v-if="columns[10].visible" width="160"> <el-table-column label="更新时间" align="center" prop="updateTime" v-if="columns[11].visible" width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime) }}</span> <span>{{ parseTime(scope.row.updateTime) }}</span>
</template> </template>
@ -149,6 +153,11 @@
<el-input v-model="verifyForm.bankNo" disabled/> <el-input v-model="verifyForm.bankNo" disabled/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12">
<el-form-item label="支付宝手机号" prop="phone" label-width="120px">
<el-input v-model="verifyForm.phone" disabled/>
</el-form-item>
</el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
@ -214,7 +223,8 @@ export default {
// //
channel: [ channel: [
{ value: '0', label: '微信'}, { value: '0', label: '微信'},
{ value: '1', label: '银行卡'} { value: '1', label: '银行卡'},
{ value: '2', label: '支付宝'}
], ],
// //
status: [ status: [
@ -231,6 +241,7 @@ export default {
channel: undefined, channel: undefined,
orderId: undefined, orderId: undefined,
bankNo: undefined, bankNo: undefined,
phone: undefined
}, },
// //
columns: [ columns: [
@ -239,12 +250,13 @@ export default {
{ key: 2, label: `艺术家id`, visible: true }, { key: 2, label: `艺术家id`, visible: true },
{ key: 3, label: `提现金额`, visible: true }, { key: 3, label: `提现金额`, visible: true },
{ key: 4, label: `银行卡`, visible: true }, { key: 4, label: `银行卡`, visible: true },
{ key: 5, label: `审核理由`, visible: true }, { key: 5, label: `支付宝手机号`, visible: true },
{ key: 6, label: `渠道`, visible: true }, { key: 6, label: `审核理由`, visible: true },
{ key: 7, label: `状态`, visible: true }, { key: 7, label: `渠道`, visible: true },
{ key: 8, label: `排序`, visible: true }, { key: 8, label: `状态`, visible: true },
{ key: 9, label: `创建时间`, visible: true }, { key: 9, label: `排序`, visible: true },
{ key: 10, label: `更新时间`, visible: true } { key: 10, label: `创建时间`, visible: true },
{ key: 11, label: `更新时间`, visible: true }
], ],
// //
rules: { rules: {

Loading…
Cancel
Save