|
@ -1,14 +1,6 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="app-container"> |
|
|
<div class="app-container"> |
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
|
<el-form-item label="用户ID" prop="userId"> |
|
|
|
|
|
<el-input |
|
|
|
|
|
v-model="queryParams.userId" |
|
|
|
|
|
placeholder="请输入用户ID" |
|
|
|
|
|
clearable |
|
|
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="银行卡号" prop="cardNum"> |
|
|
<el-form-item label="银行卡号" prop="cardNum"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="queryParams.cardNum" |
|
|
v-model="queryParams.cardNum" |
|
@ -17,14 +9,6 @@ |
|
|
@keyup.enter.native="handleQuery" |
|
|
@keyup.enter.native="handleQuery" |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="银行卡余额" prop="cardAmount"> |
|
|
|
|
|
<el-input |
|
|
|
|
|
v-model="queryParams.cardAmount" |
|
|
|
|
|
placeholder="请输入银行卡余额" |
|
|
|
|
|
clearable |
|
|
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="银行名称" prop="bankName"> |
|
|
<el-form-item label="银行名称" prop="bankName"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="queryParams.bankName" |
|
|
v-model="queryParams.bankName" |
|
@ -41,14 +25,6 @@ |
|
|
@keyup.enter.native="handleQuery" |
|
|
@keyup.enter.native="handleQuery" |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="账单唯一编号" prop="billCode"> |
|
|
|
|
|
<el-input |
|
|
|
|
|
v-model="queryParams.billCode" |
|
|
|
|
|
placeholder="请输入账单唯一编号" |
|
|
|
|
|
clearable |
|
|
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|
@ -103,14 +79,9 @@ |
|
|
|
|
|
|
|
|
<el-table v-loading="loading" :data="userCardList" @selection-change="handleSelectionChange"> |
|
|
<el-table v-loading="loading" :data="userCardList" @selection-change="handleSelectionChange"> |
|
|
<el-table-column type="selection" width="55" align="center" /> |
|
|
<el-table-column type="selection" width="55" align="center" /> |
|
|
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> |
|
|
|
|
|
<el-table-column label="用户ID" align="center" prop="userId" /> |
|
|
|
|
|
<el-table-column label="银行卡号" align="center" prop="cardNum" /> |
|
|
<el-table-column label="银行卡号" align="center" prop="cardNum" /> |
|
|
<el-table-column label="银行卡余额" align="center" prop="cardAmount" /> |
|
|
|
|
|
<el-table-column label="银行名称" align="center" prop="bankName" /> |
|
|
<el-table-column label="银行名称" align="center" prop="bankName" /> |
|
|
<el-table-column label="具体分行" align="center" prop="deptName" /> |
|
|
<el-table-column label="具体分行" align="center" prop="deptName" /> |
|
|
<el-table-column label="账单唯一编号" align="center" prop="billCode" /> |
|
|
|
|
|
<el-table-column label="卡状态" align="center" prop="status" /> |
|
|
|
|
|
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|
|
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button |
|
|
<el-button |
|
@ -148,24 +119,15 @@ |
|
|
<!-- 添加或修改用户银行卡对话框 --> |
|
|
<!-- 添加或修改用户银行卡对话框 --> |
|
|
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|
|
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|
|
<el-form-item label="用户ID" prop="userId"> |
|
|
|
|
|
<el-input v-model="form.userId" placeholder="请输入用户ID" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="银行卡号" prop="cardNum"> |
|
|
<el-form-item label="银行卡号" prop="cardNum"> |
|
|
<el-input v-model="form.cardNum" placeholder="请输入银行卡号" /> |
|
|
<el-input v-model="form.cardNum" placeholder="请输入银行卡号" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="银行卡余额" prop="cardAmount"> |
|
|
|
|
|
<el-input v-model="form.cardAmount" placeholder="请输入银行卡余额" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="银行名称" prop="bankName"> |
|
|
<el-form-item label="银行名称" prop="bankName"> |
|
|
<el-input v-model="form.bankName" placeholder="请输入银行名称" /> |
|
|
<el-input v-model="form.bankName" placeholder="请输入银行名称" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="具体分行" prop="deptName"> |
|
|
<el-form-item label="具体分行" prop="deptName"> |
|
|
<el-input v-model="form.deptName" placeholder="请输入具体分行" /> |
|
|
<el-input v-model="form.deptName" placeholder="请输入具体分行" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="账单唯一编号" prop="billCode"> |
|
|
|
|
|
<el-input v-model="form.billCode" placeholder="请输入账单唯一编号" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-form> |
|
|
</el-form> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|
|
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|
@ -176,24 +138,15 @@ |
|
|
<!-- 用户银行卡详情 --> |
|
|
<!-- 用户银行卡详情 --> |
|
|
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|
|
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> |
|
|
<el-form ref="form" :model="form" label-width="auto"> |
|
|
<el-form ref="form" :model="form" label-width="auto"> |
|
|
<el-form-item label="用户ID:"> |
|
|
|
|
|
{{form.userId}} |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="银行卡号:"> |
|
|
<el-form-item label="银行卡号:"> |
|
|
{{form.cardNum}} |
|
|
{{form.cardNum}} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="银行卡余额:"> |
|
|
|
|
|
{{form.cardAmount}} |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="银行名称:"> |
|
|
<el-form-item label="银行名称:"> |
|
|
{{form.bankName}} |
|
|
{{form.bankName}} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="具体分行:"> |
|
|
<el-form-item label="具体分行:"> |
|
|
{{form.deptName}} |
|
|
{{form.deptName}} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="账单唯一编号:"> |
|
|
|
|
|
{{form.billCode}} |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-form> |
|
|
</el-form> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<el-button @click="cancel">关 闭</el-button> |
|
|
<el-button @click="cancel">关 闭</el-button> |
|
@ -247,18 +200,9 @@ export default { |
|
|
form: {}, |
|
|
form: {}, |
|
|
// 表单校验 |
|
|
// 表单校验 |
|
|
rules: { |
|
|
rules: { |
|
|
id: [ |
|
|
|
|
|
{ required: true, message: "唯一ID不能为空", trigger: "blur" } |
|
|
|
|
|
], |
|
|
|
|
|
userId: [ |
|
|
|
|
|
{ required: true, message: "用户ID不能为空", trigger: "blur" } |
|
|
|
|
|
], |
|
|
|
|
|
cardNum: [ |
|
|
cardNum: [ |
|
|
{ required: true, message: "银行卡号不能为空", trigger: "blur" } |
|
|
{ required: true, message: "银行卡号不能为空", trigger: "blur" } |
|
|
], |
|
|
], |
|
|
billCode: [ |
|
|
|
|
|
{ required: true, message: "账单唯一编号不能为空", trigger: "blur" } |
|
|
|
|
|
], |
|
|
|
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|