Skip to content

L
loan-manager-customer
Commit 9601ad7b authored by caimeng's avatar caimeng
Browse files
Options

黑名单的需求

parent e479c14c
Hide whitespace changes
Inline Side-by-side
Showing with 189 additions and 109 deletions
src/components/byh/componments/BaseInfo.vue
View file @ 9601ad7b
<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,47 +11,54 @@ ...@@ -11,47 +11,54 @@
<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>
<td>实名认证:</td> <td>实名认证:</td>
<td> <td>
<el-tag <el-tag
size="mini" size="mini"
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>
<td> <td>
<el-tag <el-tag
size="mini" size="mini"
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>
<td> <td>
<el-tag <el-tag
size="mini" size="mini"
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,55 +76,67 @@ ...@@ -69,55 +76,67 @@
<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"
:highlight-current-row="true" :highlight-current-row="true"
border border
size="small" size="small"
:data="ownerBank" :data="ownerBank"
stripe stripe
style="width: 100%" style="width: 100%"
> >
<el-table-column <el-table-column
align="center" align="center"
prop="bankAccount" prop="bankAccount"
label="银行卡号" label="银行卡号"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="openBankName" prop="openBankName"
label="银行名称" label="银行名称"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="ownerName" prop="ownerName"
label="姓名" label="姓名"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="payChannelApi" prop="payChannelApi"
label="渠道名称" label="渠道名称"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="gmtCreated" prop="gmtCreated"
label="绑定时间" label="绑定时间"
:formatter="dateFormat" :formatter="dateFormat"
></el-table-column> ></el-table-column>
<el-table-column align="center" label="操作"> <el-table-column align="center" label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
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>
...@@ -127,20 +146,20 @@ ...@@ -127,20 +146,20 @@
<!--绑卡记录--> <!--绑卡记录-->
<template v-if="visible"> <template v-if="visible">
<component <component
@handleClose="visible = false" @handleClose="visible = false"
:is="activeComponents" :is="activeComponents"
:dialogVisible="visible" :dialogVisible="visible"
:params="dParams" :params="dParams"
:title="dTitle" :title="dTitle"
/> />
</template> </template>
<!-- 解绑 --> <!-- 解绑 -->
<template v-if="dialogTableVisible"> <template v-if="dialogTableVisible">
<el-dialog <el-dialog
title="请输入手机号" title="请输入手机号"
center center
width="30%" width="30%"
:visible.sync="dialogTableVisible" :visible.sync="dialogTableVisible"
> >
<el-form :model="tellphone"> <el-form :model="tellphone">
<el-form-item label="旧手机号：" label-width="100"> <el-form-item label="旧手机号：" label-width="100">
...@@ -159,26 +178,40 @@ ...@@ -159,26 +178,40 @@
<!-- 变更手机号弹框 --> <!-- 变更手机号弹框 -->
<el-dialog title="变更客户手机号" :visible.sync="tellDialog" width="30%" center> <el-dialog title="变更客户手机号" :visible.sync="tellDialog" width="30%" center>
<el-form :model="tellUpdate"> <el-form :model="tellUpdate">
<el-form-item label="*原手机号" label-width="80"> <el-form-item label="*原手机号" label-width="80">
<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>
注：变更手机号后，客户的相关信息以及短信信息等均以变更后的新手机号为准。 注：变更手机号后，客户的相关信息以及短信信息等均以变更后的新手机号为准。
</div> </div>
<div> <div>
请谨慎操作！！！ 请谨慎操作！！！
</div> </div>
<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,53 +289,53 @@ export default { ...@@ -247,53 +289,53 @@ 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: "更改成功！",
}); });
} }
}) })
}, },
headerStyle() { headerStyle() {
return "tableHeaderStyle"; return "tableHeaderStyle";
...@@ -322,19 +364,19 @@ export default { ...@@ -322,19 +364,19 @@ export default {
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning",
}) })
.then(() => { .then(() => {
this.dialogTableVisible = true; this.dialogTableVisible = true;
// this.dataInfo.clientNo = n.clientNo; // this.dataInfo.clientNo = n.clientNo;
this.dataInfo.bizType = n.bizType; this.dataInfo.bizType = n.bizType;
this.dataInfo.bankAccount = n.bankAccount; this.dataInfo.bankAccount = n.bankAccount;
this.dataInfo.loanSign = n.loanSign; this.dataInfo.loanSign = n.loanSign;
}) })
.catch(() => { .catch(() => {
this.$message({ this.$message({
type: "info", type: "info",
message: "已取消解绑", message: "已取消解绑",
});
}); });
});
}, },
//点击取消 //点击取消
cancel() { cancel() {
...@@ -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