|
@@ -2,7 +2,7 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div id="body">
|
|
<div id="body">
|
|
|
<!-- 模板内容 -->
|
|
<!-- 模板内容 -->
|
|
|
- <el-radio-group v-model="bankType" style="margin: 0 40px 30px;" >
|
|
|
|
|
|
|
+ <el-radio-group v-model="bankType" style="margin: 0 40px 30px;">
|
|
|
<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>
|
|
|
<el-radio-button label="2">审核驳回</el-radio-button>
|
|
<el-radio-button label="2">审核驳回</el-radio-button>
|
|
@@ -28,14 +28,16 @@
|
|
|
<span>储蓄卡</span>
|
|
<span>储蓄卡</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+
|
|
|
<img src="../../../../static/bankdel.png" mode="" style="width: 24px;height: 24px;" @click="bankdel(item)"
|
|
<img src="../../../../static/bankdel.png" mode="" style="width: 24px;height: 24px;" @click="bankdel(item)"
|
|
|
v-loading.fullscreen.lock="Loading">
|
|
v-loading.fullscreen.lock="Loading">
|
|
|
</div>
|
|
</div>
|
|
|
<div class="bank flex j-s a-c">
|
|
<div class="bank flex j-s a-c">
|
|
|
- <div>****</div>
|
|
|
|
|
- <div>****</div>
|
|
|
|
|
- <div>****</div>
|
|
|
|
|
- <span>{{ item.bankNumber.slice(-4) }}</span>
|
|
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(0, 4) }}</div>
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(4, 8) }}</div>
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(8, 12) }}</div>
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(12, 16) }}</div>
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(-3) }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -53,14 +55,19 @@
|
|
|
<span>储蓄卡</span>
|
|
<span>储蓄卡</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <img src="../../../../static/bankdel.png" mode="" style="width: 24px;height: 24px;" @click="bankdel(item)"
|
|
|
|
|
- v-loading.fullscreen.lock="Loading">
|
|
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <img src="../../../../static/bankupdate.png" mode="" style="width: 24px;height: 24px;"
|
|
|
|
|
+ @click="bankupdate(item)" v-loading.fullscreen.lock="Loading">
|
|
|
|
|
+ <img src="../../../../static/bankdel.png" mode="" style="width: 24px;height: 24px;" @click="bankdel(item)"
|
|
|
|
|
+ v-loading.fullscreen.lock="Loading">
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="bank flex j-s a-c">
|
|
<div class="bank flex j-s a-c">
|
|
|
- <div>****</div>
|
|
|
|
|
- <div>****</div>
|
|
|
|
|
- <div>****</div>
|
|
|
|
|
- <span>{{ item.bankNumber.slice(-4) }}</span>
|
|
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(0, 4) }}</div>
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(4, 8) }}</div>
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(8, 12) }}</div>
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(12, 16) }}</div>
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(-3) }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -82,22 +89,26 @@
|
|
|
v-loading.fullscreen.lock="Loading"> -->
|
|
v-loading.fullscreen.lock="Loading"> -->
|
|
|
</div>
|
|
</div>
|
|
|
<div class="bank flex j-s a-c">
|
|
<div class="bank flex j-s a-c">
|
|
|
- <div>****</div>
|
|
|
|
|
- <div>****</div>
|
|
|
|
|
- <div>****</div>
|
|
|
|
|
- <span>{{ item.bankNumber.slice(-4) }}</span>
|
|
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(0, 4) }}</div>
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(4, 8) }}</div>
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(8, 12) }}</div>
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(12, 16) }}</div>
|
|
|
|
|
+ <div>{{ item.bankNumber.slice(-3) }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</div>
|
|
</div>
|
|
|
- <el-dialog title="添加银行卡" :visible.sync="bankAddVisible" width="28%">
|
|
|
|
|
|
|
+ <el-dialog :title="banktitle + '银行卡'" :visible.sync="bankAddVisible" width="28%" @close="bankopen">
|
|
|
<div class="dialogCentent">
|
|
<div class="dialogCentent">
|
|
|
<el-form ref="form" :model="bankAddform" label-width="80px">
|
|
<el-form ref="form" :model="bankAddform" label-width="80px">
|
|
|
<el-form-item label="选择银行">
|
|
<el-form-item label="选择银行">
|
|
|
- <el-select v-model="bankAddform.bankAccount" placeholder="点击选择银行卡" filterable clearable >
|
|
|
|
|
|
|
+ <el-select v-model="bankAddform.bankAccount" placeholder="点击选择银行卡" filterable clearable>
|
|
|
<el-option :label="item.label" :value="item.label" v-for="(item, index) in list " :key="index"></el-option>
|
|
<el-option :label="item.label" :value="item.label" v-for="(item, index) in list " :key="index"></el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
+ <el-form-item label="真实姓名">
|
|
|
|
|
+ <el-input v-model="bankAddform.realUserName" placeholder="请输入真实姓名"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="银行卡">
|
|
<el-form-item label="银行卡">
|
|
|
<el-input v-model="bankAddform.bankNumber" placeholder="请输入银行卡号"></el-input>
|
|
<el-input v-model="bankAddform.bankNumber" placeholder="请输入银行卡号"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -120,11 +131,13 @@ export default {
|
|
|
// 数据存放区域
|
|
// 数据存放区域
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ banktitle: "添加",
|
|
|
bankType: "1",
|
|
bankType: "1",
|
|
|
bankAddform: {
|
|
bankAddform: {
|
|
|
"bankNumber": "",
|
|
"bankNumber": "",
|
|
|
"bankAccount": "",
|
|
"bankAccount": "",
|
|
|
"bankAddress": "",
|
|
"bankAddress": "",
|
|
|
|
|
+ "realUserName": "",
|
|
|
"isDefault": 0,
|
|
"isDefault": 0,
|
|
|
},
|
|
},
|
|
|
bankAddVisible: false,
|
|
bankAddVisible: false,
|
|
@@ -305,21 +318,40 @@ export default {
|
|
|
// 方法函数
|
|
// 方法函数
|
|
|
methods: {
|
|
methods: {
|
|
|
bankAdd() {
|
|
bankAdd() {
|
|
|
- this.$api.letter.insertByBankNumber(this.bankAddform).then((res) => {
|
|
|
|
|
- if (res.code == '200') {
|
|
|
|
|
- this.bankAddVisible = false;
|
|
|
|
|
- this.banklist();
|
|
|
|
|
- this.$message({
|
|
|
|
|
- type: 'success',
|
|
|
|
|
- message: "添加成功",
|
|
|
|
|
- });
|
|
|
|
|
- } else {
|
|
|
|
|
- this.$message({
|
|
|
|
|
- type: 'error',
|
|
|
|
|
- message: res.msg,
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ if (this.banktitle == '添加') {
|
|
|
|
|
+ this.$api.letter.insertByBankNumber(this.bankAddform).then((res) => {
|
|
|
|
|
+ if (res.code == '200') {
|
|
|
|
|
+ this.bankAddVisible = false;
|
|
|
|
|
+ this.banklist();
|
|
|
|
|
+ this.$message({
|
|
|
|
|
+ type: 'success',
|
|
|
|
|
+ message: "添加成功",
|
|
|
|
|
+ });
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.$message({
|
|
|
|
|
+ type: 'error',
|
|
|
|
|
+ message: res.msg,
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.$api.dept.bankupdate(this.bankAddform).then((res) => {
|
|
|
|
|
+ if (res.code == '200') {
|
|
|
|
|
+ this.bankAddVisible = false;
|
|
|
|
|
+ this.banklist();
|
|
|
|
|
+ this.$message({
|
|
|
|
|
+ type: 'success',
|
|
|
|
|
+ message: "修改成功",
|
|
|
|
|
+ });
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.$message({
|
|
|
|
|
+ type: 'error',
|
|
|
|
|
+ message: res.msg,
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
bankdel(item) {
|
|
bankdel(item) {
|
|
|
this.$confirm('是否解绑银行卡?', '提示', {
|
|
this.$confirm('是否解绑银行卡?', '提示', {
|
|
@@ -329,11 +361,11 @@ export default {
|
|
|
}).then(() => {
|
|
}).then(() => {
|
|
|
this.loading = true;
|
|
this.loading = true;
|
|
|
// this.$api.letter.Bankdelete(id).then((res) => {
|
|
// this.$api.letter.Bankdelete(id).then((res) => {
|
|
|
- this.$api.dept.unbind({
|
|
|
|
|
- id: item.id,
|
|
|
|
|
- delFlag: '1',
|
|
|
|
|
- bankNumber: item.bankNumber
|
|
|
|
|
- }).then((res) => {
|
|
|
|
|
|
|
+ this.$api.dept.unbind({
|
|
|
|
|
+ id: item.id,
|
|
|
|
|
+ delFlag: '1',
|
|
|
|
|
+ bankNumber: item.bankNumber
|
|
|
|
|
+ }).then((res) => {
|
|
|
if (res.code == '200') {
|
|
if (res.code == '200') {
|
|
|
this.banklist();
|
|
this.banklist();
|
|
|
this.$message({
|
|
this.$message({
|
|
@@ -356,6 +388,23 @@ export default {
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
},
|
|
},
|
|
|
|
|
+ bankopen(){
|
|
|
|
|
+ this.banktitle = '添加';
|
|
|
|
|
+ },
|
|
|
|
|
+ bankupdate(item) {
|
|
|
|
|
+ this.$api.dept.bankgetByBankId(item.id).then((res) => {
|
|
|
|
|
+ if (res.code == '200') {
|
|
|
|
|
+ this.bankAddform = res.data;
|
|
|
|
|
+ this.banktitle = '编辑';
|
|
|
|
|
+ this.bankAddVisible = true;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.$message({
|
|
|
|
|
+ type: 'error',
|
|
|
|
|
+ message: res.msg,
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
banklist(type) {
|
|
banklist(type) {
|
|
|
const loading = this.$loading({
|
|
const loading = this.$loading({
|
|
|
lock: true,
|
|
lock: true,
|
|
@@ -480,7 +529,7 @@ export default {
|
|
|
.bank {
|
|
.bank {
|
|
|
font-size: 20px;
|
|
font-size: 20px;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
- margin-bottom: 30px;
|
|
|
|
|
|
|
+ margin-bottom: 15px;
|
|
|
|
|
|
|
|
span {
|
|
span {
|
|
|
font-size: 20px;
|
|
font-size: 20px;
|