Browse Source

feature-img-1.0:补充艺术家账户,提现页面

master
penny 4 years ago
parent
commit
1362825101
  1. 73
      src/views/img/creatorAccount/index.vue
  2. 4
      src/views/img/withdraw/index.vue

73
src/views/img/creatorAccount/index.vue

@ -36,6 +36,16 @@
clearable
style="width: 240px"
/>
</el-form-item>
<el-form-item label="类型" prop="type">
<el-select v-model="queryParams.type" placeholder="类型" clearable>
<el-option
v-for="item in type"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="是否显示" prop="isShow">
<el-select v-model="queryParams.isShow" placeholder="是否显示" clearable>
@ -85,8 +95,14 @@
<el-table-column label="姓名" align="center" key="name" prop="name" v-if="columns[2].visible" />
<el-table-column label="身份证" align="center" key="idNo" prop="idNo" v-if="columns[3].visible" width="130"/>
<el-table-column label="银行卡" align="center" key="bankNo" prop="bankNo" v-if="columns[4].visible" width="140"/>
<el-table-column label="联系方式" align="center" key="phone" prop="phone" v-if="columns[5].visible" width="100"/>
<el-table-column label="是否显示" align="center" key="isShow" v-if="columns[6].visible">
<el-table-column label="支付宝账号" align="center" key="aliPayNo" prop="aliPayNo" v-if="columns[5].visible" width="140"/>
<el-table-column label="联系方式" align="center" key="phone" prop="phone" v-if="columns[6].visible" width="100"/>
<el-table-column label="类型" align="center" key="type" v-if="columns[7].visible">
<template slot-scope="scope">
{{scope.row.type == '0' ? "银行卡" : scope.row.type == '1' ? "支付宝" : ''}}
</template>
</el-table-column>
<el-table-column label="是否显示" align="center" key="isShow" v-if="columns[8].visible">
<template slot-scope="scope">
<el-switch
v-model="scope.row.isShow"
@ -96,13 +112,13 @@
></el-switch>
</template>
</el-table-column>
<el-table-column label="排序" align="center" key="sort" prop="sort" v-if="columns[7].visible"/>
<el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[8].visible" width="160">
<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[10].visible" width="160">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="更新时间" align="center" prop="updateTime" v-if="columns[9].visible" width="160">
<el-table-column label="更新时间" align="center" prop="updateTime" v-if="columns[11].visible" width="160">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime) }}</span>
</template>
@ -142,7 +158,7 @@
</el-col>
</el-row>
<!-- 添加或修改图片类型对话框 -->
<!-- 添加或修改艺术家账户对话框 -->
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-row>
@ -173,6 +189,23 @@
<el-input v-model="form.phone" placeholder="请输入联系方式" maxlength="11" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="支付宝账号" prop="aliPayNo">
<el-input v-model="form.aliPayNo" placeholder="请输入支付宝账号" maxlength="30" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="类型">
<el-select v-model="form.type">
<el-option
v-for="item in type"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
@ -215,6 +248,11 @@ export default {
{ value: '0', label: '否'},
{ value: '1', label: '是'}
],
//
type: [
{ value: '0', label: '银行卡'},
{ value: '1', label: '支付宝'}
],
//
queryParams: {
pageNum: 1,
@ -223,7 +261,8 @@ export default {
bankNo: undefined,
phone: undefined,
name: undefined,
isShow: undefined
isShow: undefined,
type: undefined
},
//
columns: [
@ -232,11 +271,13 @@ export default {
{ key: 2, label: `姓名`, visible: true },
{ key: 3, label: `身份证`, visible: true },
{ key: 4, label: `银行卡`, visible: true },
{ key: 5, label: `联系方式`, visible: true },
{ key: 6, label: `是否显示`, visible: true },
{ key: 7, label: `排序`, visible: true },
{ key: 8, label: `创建时间`, visible: true },
{ key: 9, label: `更新时间`, visible: true }
{ key: 5, label: `支付宝账号`, visible: true },
{ key: 6, label: `联系方式`, visible: true },
{ key: 7, label: `类型`, visible: true },
{ key: 8, label: `是否显示`, visible: true },
{ key: 9, label: `排序`, visible: true },
{ key: 10, label: `创建时间`, visible: true },
{ key: 11, label: `更新时间`, visible: true }
],
//
rules: {
@ -250,10 +291,6 @@ export default {
{ required: true, message: "身份证号不能为空", trigger: "blur" },
{ min: 15, max: 18, message: '身份证号长度必须介于 15 和 18 之间', trigger: 'blur' }
],
bankNo: [
{ required: true, message: "银行卡号不能为空", trigger: "blur" },
{ min: 16, max: 19, message: '银行卡号长度必须介于 16 和 19 之间', trigger: 'blur' }
],
phone: [
{ required: true, message: "联系方式不能为空", trigger: "blur" },
{ min: 11, max: 11, message: '联系方式长度必须为11位手机号', trigger: 'blur' }
@ -368,8 +405,8 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除类型编号为"' + ids + '"的数据项?').then(function() {
return delType(ids);
this.$modal.confirm('是否确认删除编号为"' + ids + '"的数据项?').then(function() {
return delCreatorAccount(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");

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

@ -10,8 +10,8 @@
<el-form-item label="银行卡" prop="bankNo">
<el-input v-model="queryParams.bankNo" placeholder="请输入银行卡" clearable style="width: 240px" />
</el-form-item>
<el-form-item label="支付宝手机号" prop="phone">
<el-input v-model="queryParams.phone" placeholder="请输入支付宝手机号" clearable style="width: 260px" />
<el-form-item label="支付宝手机号" prop="phone" label-width="100px">
<el-input v-model="queryParams.phone" placeholder="请输入支付宝手机号" clearable />
</el-form-item>
<el-form-item label="渠道" prop="channel">
<el-select v-model="queryParams.channel" placeholder="渠道" clearable>

Loading…
Cancel
Save