增加 更换手机号功能

src/components/byh/componments/BaseInfo.vue

@@ -9,7 +9,10 @@
           <td>身份证号:</td>
           <td>{{ basicInfo.idCard }}</td>
           <td>手机号:</td>
-          <td>{{ basicInfo.phone }}</td>
+          <td>
+            {{ basicInfo.phone }}
+            <el-button type="primary" size="small" @click="updateTell(basicInfo.phone)">变更</el-button>
+          </td>
         </tr>
         <tr>
           <td>实名认证:</td>
@@ -153,6 +156,29 @@
         </div>
       </el-dialog>
     </template>
+    <!-- 变更手机号弹框 -->
+    <el-dialog title="变更客户手机号" :visible.sync="tellDialog" width="30%" center>
+      <el-form :model="tellUpdate">
+        <el-form-item label="*原手机号"  label-width="80">
+          <el-input v-model="tellUpdate.oldTell" readonly></el-input>
+        </el-form-item>
+        <el-form-item label="*新手机号" label-width="80">
+          <el-input v-model="tellUpdate.newTell" ></el-input>
+        </el-form-item>
+      </el-form>
+      <div>
+          注：变更手机号后，客户的相关信息以及短信信息等均以变更后的新手机号为准。
+      </div>
+      <div>
+          请谨慎操作！！！
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="tellDialog = false">取 消</el-button>
+        <el-button type="primary" @click="tellDetermine"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -183,6 +209,11 @@ export default {
   },
   data() {
     return {
+      tellUpdate:{
+          newTell:"",
+          oldTell:""
+      },
+      tellDialog:false,
       visible: false,
       activeComponents: "",
       dTitle: "",
@@ -196,6 +227,7 @@ export default {
         newOwnerMobile: "",
         ownerMobile: "",
       },
+      creator:'',
       dataInfo: {
         bankAccount: "",
         bizType: "",
@@ -216,16 +248,46 @@ export default {
   async created() {
     if (this.params) {
       const params = this.params;
-      // console.log(params, "是什么");
+      console.log(params, "是什么");
       const { basicInfo } = params;
       this.basicInfo = basicInfo;
       if (basicInfo.cardList) this.ownerBank = basicInfo.cardList;
     }
     // console.log(this.$route.query.clientProductName)
-      this.dataInfo.productName=this.$route.query.clientProductName
-      this.dataInfo.clientNo=this.$route.query.clientNo
+    this.dataInfo.productName = this.$route.query.clientProductName;
+    this.dataInfo.clientNo = this.$route.query.clientNo;
+    this.creator=localStorage.getItem('userName');
   },
   methods: {
+    // 变更手机号
+    updateTell(n){
+        this.tellDialog=true;
+        // console.log(n,'手机号');
+        this.tellUpdate.oldTell=n;
+         this.tellUpdate.newTell="";
+    },
+    //变更手机号确认按钮
+    tellDetermine(){
+        this.tellDialog=false;
+        const tellParams={
+            clientNo:this.dataInfo.clientNo,  
+            productName:this.dataInfo.productName, 
+            creator:this.creator,
+            oldMobile:this.tellUpdate.oldTell,
+            newMobile:this.tellUpdate.newTell,
+            certNo:this.basicInfo.idCard
+        }
+        console.log(tellParams,'参数');
+        this.$$post(`/detail/updateMobile`,tellParams).then(res=>{
+          console.log(res,'resres');
+          if (res.data.code==200) {
+               this.$message({
+            type: "success",
+            message: "更改成功！",
+          });
+          }
+        })
+    },
     headerStyle() {
       return "tableHeaderStyle";
     },
@@ -246,7 +308,7 @@ export default {
     },
     //解绑
     unSign(n) {
-      console.log(n,'88888');
+      console.log(n, "88888");
       // console.log(this.params);
       this.$confirm("确定要解绑吗?", "提示", {
         confirmButtonText: "确定",
@@ -285,8 +347,8 @@ export default {
           type: "error",
         });
         this.tellphone.newOwnerMobile = "";
-      } 
-       if (!/^1[3-9][0-9]\d{8}$/.test(this.tellphone.ownerMobile)) {
+      }
+      if (!/^1[3-9][0-9]\d{8}$/.test(this.tellphone.ownerMobile)) {
         this.$message({
           message: "旧号码填写有误",
           type: "error",
@@ -296,21 +358,21 @@ export default {
         let postData = { ...this.dataInfo, ...this.tellphone };
         console.log(postData);
         //调接口
-        this.$$post(`/detail/unSign`,postData).then((res)=>{
-           if (res.data.code != 200) {
+        this.$$post(`/detail/unSign`, postData).then((res) => {
+          if (res.data.code != 200) {
             this.dialogTableVisible = false;
             this.$message.error(res.data.message);
-            this.tellphone={};
-            return
+            this.tellphone = {};
+            return;
           }
           this.$message({
-            type: 'success',
-            message: '解绑成功!'
+            type: "success",
+            message: "解绑成功!",
           });
-            this.dialogTableVisible = false;
-            this.tellphone={};
-            window.location.reload();
-        })
+          this.dialogTableVisible = false;
+          this.tellphone = {};
+          window.location.reload();
+        });
       }
     },
   },
@@ -318,4 +380,8 @@ export default {
 </script>
 
 <style>
+.el-dialog__title{
+  font-size: 20px;
+  font-weight: 700;
+}
 </style>

修改日志.md

 ## 客服后台更新需求日志
 - 2022-10-28  新增页面水印（姓名+手机号后4位），发布到线上（金钱和鼎荣）
 - 2022-11-02  修改水印（登录用户名+手机号后4位），发布到线上（金钱和鼎荣） 
-- 2022-11-07  修改水印（登录用户名+手机号后4位+当天日期），发布到线上（金钱和鼎荣） 
\ No newline at end of file
+- 2022-11-07  修改水印（登录用户名+手机号后4位+当天日期），发布到线上（金钱和鼎荣） 
+- 2022-12-30  代扣 支持自定义扣款金额
\ No newline at end of file