Commit 9601ad7b authored by caimeng's avatar caimeng

黑名单的需求

parent e479c14c
<template> <template>
<div class="tabs-content"> <div class="tabs-content">
<block-header title="基本信息"> </block-header> <block-header title="基本信息"></block-header>
<div class="block-box"> <div class="block-box">
<table class="table"> <table class="table">
<tr> <tr>
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
<td>手机号:</td> <td>手机号:</td>
<td> <td>
{{ basicInfo.phone }} {{ basicInfo.phone }}
<el-button v-if="mobilePermission" type="primary" size="small" @click="updateTell(basicInfo.phone)">变更</el-button> <el-button v-if="mobilePermission" type="primary" size="small" @click="updateTell(basicInfo.phone)">变更
</el-button>
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -22,10 +23,12 @@ ...@@ -22,10 +23,12 @@
type="danger" type="danger"
v-if="basicInfo.isIdentity === '未认证'" v-if="basicInfo.isIdentity === '未认证'"
> >
{{ basicInfo.isIdentity }}</el-tag {{ basicInfo.isIdentity }}
</el-tag
> >
<el-tag size="mini" type="success" v-else> <el-tag size="mini" type="success" v-else>
{{ basicInfo.isIdentity }}</el-tag {{ basicInfo.isIdentity }}
</el-tag
> >
</td> </td>
<td>基础信息认证:</td> <td>基础信息认证:</td>
...@@ -35,10 +38,12 @@ ...@@ -35,10 +38,12 @@
type="danger" type="danger"
v-if="basicInfo.isIdentity === '未认证'" v-if="basicInfo.isIdentity === '未认证'"
> >
{{ basicInfo.isBasicInfo }}</el-tag {{ basicInfo.isBasicInfo }}
</el-tag
> >
<el-tag size="mini" type="success" v-else> <el-tag size="mini" type="success" v-else>
{{ basicInfo.isBasicInfo }}</el-tag {{ basicInfo.isBasicInfo }}
</el-tag
> >
</td> </td>
<td>活体认证:</td> <td>活体认证:</td>
...@@ -48,10 +53,12 @@ ...@@ -48,10 +53,12 @@
type="danger" type="danger"
v-if="basicInfo.isIdentity === '未认证'" v-if="basicInfo.isIdentity === '未认证'"
> >
{{ basicInfo.isFace }}</el-tag {{ basicInfo.isFace }}
</el-tag
> >
<el-tag size="mini" type="success" v-else> <el-tag size="mini" type="success" v-else>
{{ basicInfo.isFace }}</el-tag {{ basicInfo.isFace }}
</el-tag
> >
</td> </td>
</tr> </tr>
...@@ -69,9 +76,19 @@ ...@@ -69,9 +76,19 @@
<td>第一联系人电话:</td> <td>第一联系人电话:</td>
<td colspan="3">{{ basicInfo.firstPhone }}</td> <td colspan="3">{{ basicInfo.firstPhone }}</td>
</tr> </tr>
<tr>
<td>是否黑名单</td>
<td colspan="5">
<span>{{ basicInfo.isBlacklist ? '是' : '否' }}</span>
<span v-if="basicInfo.isBlacklist">({{basicInfo.blackCause}})</span>
<el-button v-if="!basicInfo.isBlacklist" size="small" style="margin-left: 10px" @click="handleAddBlack"
type="primary">添加
</el-button>
</td>
</tr>
</table> </table>
</div> </div>
<block-header title="银行卡列表" /> <block-header title="银行卡列表"/>
<div class="block-box"> <div class="block-box">
<el-table <el-table
:header-row-class-name="headerStyle" :header-row-class-name="headerStyle"
...@@ -114,10 +131,12 @@ ...@@ -114,10 +131,12 @@
type="text" type="text"
size="small" size="small"
@click="ownerBankBind(scope.row, 'BindCardRecord', '绑卡记录')" @click="ownerBankBind(scope.row, 'BindCardRecord', '绑卡记录')"
>绑卡记录</el-button >绑卡记录
</el-button
> >
<el-button type="text" size="small" @click="unSign(scope.row)" <el-button type="text" size="small" @click="unSign(scope.row)"
>解绑</el-button >解绑
</el-button
> >
</template> </template>
</el-table-column> </el-table-column>
...@@ -163,7 +182,7 @@ ...@@ -163,7 +182,7 @@
<el-input v-model="tellUpdate.oldTell" readonly></el-input> <el-input v-model="tellUpdate.oldTell" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item label="*新手机号" label-width="80"> <el-form-item label="*新手机号" label-width="80">
<el-input v-model="tellUpdate.newTell" ></el-input> <el-input v-model="tellUpdate.newTell"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div> <div>
...@@ -175,10 +194,24 @@ ...@@ -175,10 +194,24 @@
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="tellDialog = false">取 消</el-button> <el-button @click="tellDialog = false">取 消</el-button>
<el-button type="primary" @click="tellDetermine" <el-button type="primary" @click="tellDetermine"
>确 定</el-button >确 定
</el-button
> >
</div> </div>
</el-dialog> </el-dialog>
<!--添加黑名单-->
<el-dialog title="上黑说明" :visible.sync="blackDialog" width="30%" center>
<el-form ref="blackForm" :model="form" label-width="110px" label-suffix=":" :show-message="false">
<el-form-item label="上黑说明" required>
<el-input v-model="form.cause" type="textarea" :rows="3"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button size="small" @click="blackDialog = false">取 消</el-button>
<el-button size="small" type="primary" @click="handleConfirmBlack">确 定</el-button>
</div>
</el-dialog>
handleAddBlack
</div> </div>
</template> </template>
...@@ -209,12 +242,12 @@ export default { ...@@ -209,12 +242,12 @@ export default {
}, },
data() { data() {
return { return {
mobilePermission:'', mobilePermission: '',
tellUpdate:{ tellUpdate: {
newTell:"", newTell: "",
oldTell:"" oldTell: ""
}, },
tellDialog:false, tellDialog: false,
visible: false, visible: false,
activeComponents: "", activeComponents: "",
dTitle: "", dTitle: "",
...@@ -228,13 +261,22 @@ export default { ...@@ -228,13 +261,22 @@ export default {
newOwnerMobile: "", newOwnerMobile: "",
ownerMobile: "", ownerMobile: "",
}, },
creator:'', creator: '',
dataInfo: { dataInfo: {
bankAccount: "", bankAccount: "",
bizType: "", bizType: "",
clientNo: "", clientNo: "",
productName: "", productName: "",
}, },
// 上黑
blackDialog: false,
form: {
cause: '',
certNo: '',
channel: '',
realName: ''
}
}; };
}, },
filters: { filters: {
...@@ -247,47 +289,47 @@ export default { ...@@ -247,47 +289,47 @@ export default {
}, },
}, },
async created() { async created() {
const updateMobile=localStorage.getItem('updateMobile'); const updateMobile = localStorage.getItem('updateMobile');
if(updateMobile){ if (updateMobile) {
this.mobilePermission=updateMobile this.mobilePermission = updateMobile
}else{ } else {
this.mobilePermission=null this.mobilePermission = null
} }
if (this.params) { if (this.params) {
const params = this.params; const params = this.params;
console.log(params, "是什么"); console.log(params, "是什么");
const { basicInfo } = params; const {basicInfo} = params;
this.basicInfo = basicInfo; this.basicInfo = basicInfo;
if (basicInfo.cardList) this.ownerBank = basicInfo.cardList; if (basicInfo.cardList) this.ownerBank = basicInfo.cardList;
} }
// console.log(this.$route.query.clientProductName) // console.log(this.$route.query.clientProductName)
this.dataInfo.productName = this.$route.query.clientProductName; this.dataInfo.productName = this.$route.query.clientProductName;
this.dataInfo.clientNo = this.$route.query.clientNo; this.dataInfo.clientNo = this.$route.query.clientNo;
this.creator=localStorage.getItem('userName'); this.creator = localStorage.getItem('userName');
}, },
methods: { methods: {
// 变更手机号 // 变更手机号
updateTell(n){ updateTell(n) {
this.tellDialog=true; this.tellDialog = true;
// console.log(n,'手机号'); // console.log(n,'手机号');
this.tellUpdate.oldTell=n; this.tellUpdate.oldTell = n;
this.tellUpdate.newTell=""; this.tellUpdate.newTell = "";
}, },
//变更手机号确认按钮 //变更手机号确认按钮
tellDetermine(){ tellDetermine() {
this.tellDialog=false; this.tellDialog = false;
const tellParams={ const tellParams = {
clientNo:this.dataInfo.clientNo, clientNo: this.dataInfo.clientNo,
productName:this.dataInfo.productName, productName: this.dataInfo.productName,
creator:this.creator, creator: this.creator,
oldMobile:this.tellUpdate.oldTell, oldMobile: this.tellUpdate.oldTell,
newMobile:this.tellUpdate.newTell, newMobile: this.tellUpdate.newTell,
certNo:this.basicInfo.idCard certNo: this.basicInfo.idCard
} }
console.log(tellParams,'参数'); console.log(tellParams, '参数');
this.$$post(`/detail/updateMobile`,tellParams).then(res=>{ this.$$post(`/detail/updateMobile`, tellParams).then(res => {
console.log(res,'resres'); console.log(res, 'resres');
if (res.data.code==200) { if (res.data.code == 200) {
this.$message({ this.$message({
type: "success", type: "success",
message: "更改成功!", message: "更改成功!",
...@@ -362,7 +404,7 @@ export default { ...@@ -362,7 +404,7 @@ export default {
}); });
this.tellphone.ownerMobile = ""; this.tellphone.ownerMobile = "";
} else { } else {
let postData = { ...this.dataInfo, ...this.tellphone }; let postData = {...this.dataInfo, ...this.tellphone};
console.log(postData); console.log(postData);
//调接口 //调接口
this.$$post(`/detail/unSign`, postData).then((res) => { this.$$post(`/detail/unSign`, postData).then((res) => {
...@@ -382,12 +424,50 @@ export default { ...@@ -382,12 +424,50 @@ export default {
}); });
} }
}, },
// 上黑
handleAddBlack() {
const {name, idCard} = this.basicInfo;
this.blackDialog = true;
console.log(this.basicInfo, '沃日')
this.form.certNo = idCard;
this.form.realName = name;
},
// 上黑提交
async handleConfirmBlack() {
this.$refs["blackForm"].validate((valid) => {
if (valid) {
const data = this.form;
const that = this;
this.$$post(`/detail/operateBlackListInfo`, data).then(res => {
if (res.data.code === '200') {
this.$message({
type: "success",
message: "更改成功!",
});
that.blackDialog=false;
}
}).catch(err => {
this.$message({
type: "error",
message: "操作失败!",
});
that.blackDialog=false;
})
}
});
}
}, },
}; };
</script> </script>
<style> <style>
.el-dialog__title{ .el-dialog__title {
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment