1

xuxueyang

2024-08-17 109953835761f91d075f161ca7660053ee4ddef9

 pages/user/user-pwd/user-pwd.vue

@@ -4,18 +4,35 @@
         <!--       <u-form-item :label-position="labelPosition" label="原始密码" label-width="150" prop="oldpassword">
            <u-input :border="border" type="password" v-model="model.oldpassword" placeholder="请确认密码"></u-input>
         </u-form-item> -->
<!--          <u-form-item :label-position="labelPosition" label="旧密码" prop="oldpassword" label-width="150">
         <!--          <u-form-item :label-position="labelPosition" label="旧密码" prop="oldpassword" label-width="150">
            <u-input :password-icon="true" :border="border" type="password" v-model="model.oldpassword"
               placeholder="请输入旧密码"></u-input>
         </u-form-item>
         <u-divider></u-divider> -->
         <u-form-item :label-position="labelPosition" label="新密码" prop="password" label-width="150">
            <u-input :password-icon="true" :border="border" type="password" v-model="model.password"
               placeholder="请输入新密码"></u-input>
            <u-input :password-icon="false" :border="border" :type="showPassword1?'text':'password'"
               v-model="model.password" placeholder="请输入新密码">
               <template slot="suffix">
                  <uni-icons color="#20613D" :type="showPassword1 ? 'eye-filled' : 'eye-slash-filled'" size="24"
                     @click="()=>{
                        showPassword1=!showPassword1;
                        $forceUpdate()
                     }"></uni-icons>
               </template>
            </u-input>
         </u-form-item>
         <u-divider></u-divider>
         <u-form-item :label-position="labelPosition" label="确认密码" label-width="150" prop="rePassword">
            <u-input :border="border" type="password" v-model="model.rePassword" placeholder="请确认密码"></u-input>
            <u-input :password-icon="false" :border="border" :type="showPassword2?'text':'password'"
               v-model="model.rePassword" placeholder="请确认密码">
               <template slot="suffix">
                  <uni-icons color="#20613D" :type="showPassword2 ? 'eye-filled' : 'eye-slash-filled'" size="24"
                     @click="()=>{
                        showPassword2=!showPassword2;
                        $forceUpdate()
                     }"></uni-icons>
               </template>
            </u-input>
         </u-form-item>
      </u-form>
      <!-- <u-button @click="submit">提交</u-button> -->
@@ -36,7 +53,8 @@
               password: '',
               rePassword: ''
            },

            showPassword1: false,
            showPassword2: false,
            rules: {
               // oldpassword: [
               //    {
@@ -52,17 +70,15 @@
               //    // }
               // ],
               oldpassword: [{
                     required: true,
                     message: '请输入旧密码',
                     trigger: ['change', 'blur']
                  } 
               ],
                  required: true,
                  message: '请输入旧密码',
                  trigger: ['change', 'blur']
               }],
               password: [{
                     required: true,
                     message: '请输入密码',
                     trigger: ['change', 'blur']
                  } 
               ],
                  required: true,
                  message: '请输入密码',
                  trigger: ['change', 'blur']
               }],
               rePassword: [{
                     required: true,
                     message: '请重新输入密码',
@@ -136,6 +152,13 @@
               this.model.rePassword = ''
               this.model.oldPassword = ''
               this.$message.showToast('修改成功');
               let tmp = this
               setTimeout(() => {
                  tmp.$store.commit('updateLogin', false)
                  uni.reLaunch({
                     url: '/pages/login/supplier-login'
                  })
               }, 1500)
            }
         },
         // 点击actionSheet回调