update: 换绑手机

src/service/UserManagementService/index.ts

@@ -79,7 +79,7 @@ export default class UserService {
     })
   }
 
-  changePhone(data: { phone: string; pwd: string; verify_code: string }) {
+  changePhone(data: { phone: string; code: string; verify_code: string }) {
     return baseAxios({
       method: 'post',
       url: '/change/phone',

src/views/Root/Security/changePhone.vue

@@ -16,6 +16,18 @@
           <span>{{ userPhone }}</span>
         </a-form-model-item>
         <a-form-model-item
+          label="验证码"
+          :wrapper-col="{ span: 3, offset: 0 }"
+          prop="codeToConfirmPhone"
+          ref="changePhoneCode"
+          :autoLink="false"
+        >
+          <code-input
+            :phone="userPhone"
+            @getCode="getOldPhoneCode"
+          />
+        </a-form-model-item>
+        <!-- <a-form-model-item
           label="账号密码"
           :wrapper-col="{ span: 3, offset: 0 }"
           prop="pwd"
@@ -25,7 +37,7 @@
             type="password"
             class="w-200"
           />
-        </a-form-model-item>
+        </a-form-model-item> -->
         <a-form-model-item
           label="新手机号码"
           prop="newPhoneNumber"
@@ -129,7 +141,8 @@ export default Vue.extend({
       wrapperCol: { span: 10 },
       userPhone,
       changeSecurityPhoneForm: {
-        pwd: "",
+        // pwd: "",
+        codeToConfirmPhone:"",
         newPhoneNumber: "",
         codeToConfirmChange: "",
       },
@@ -164,10 +177,11 @@ export default Vue.extend({
         ],
       },
       rules: {
-        pwd: [
+        codeToConfirmPhone: [
           {
             required: true,
-            message: "请输入原密码",
+            len: 6,
+            message: "请输入6位短信验证码",
             trigger: "blur",
           },
         ],
@@ -192,6 +206,10 @@ export default Vue.extend({
     };
   },
   methods: {
+    getOldPhoneCode(code:string){
+      this.changeSecurityPhoneForm.codeToConfirmPhone = code;
+      (this.$refs.changePhoneCode as any).onFieldBlur();
+    },
     getCode(code: string) {
       if (this.userPhone) {
         this.changeSecurityPhoneForm.codeToConfirmChange = code;
@@ -224,7 +242,7 @@ export default Vue.extend({
         if (this.userPhone) {
           const ret = await UserService.getInstance().changePhone({
             phone: this.changeSecurityPhoneForm.newPhoneNumber,
-            pwd: this.changeSecurityPhoneForm.pwd,
+            code: this.changeSecurityPhoneForm.codeToConfirmPhone,
             verify_code: this.changeSecurityPhoneForm.codeToConfirmChange,
           });
           if (ret.code == 200) {