|
|
|
@ -37,6 +37,16 @@ |
|
|
|
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> |
|
|
|
<el-option |
|
|
|
@ -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("删除成功"); |
|
|
|
|