From 08cde2f22e19be7b75cad327f074fa0e89ad10ad Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Mon, 25 Aug 2025 14:28:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96=E8=B4=A6=E5=8F=B7?=
 =?UTF-8?q?=E6=97=B6=EF=BC=8C=E5=AF=B9=E4=BA=8E=E6=A0=A1=E9=AA=8C=E7=A0=81?=
 =?UTF-8?q?=EF=BC=8C=E9=9C=80=E8=A6=81=E5=A2=9E=E5=8A=A0=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E5=92=8C=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/recompose/index.vue | 82 +++++++++++++----------------------
 1 file changed, 31 insertions(+), 51 deletions(-)

diff --git a/src/views/recompose/index.vue b/src/views/recompose/index.vue
index 69103cf..56e3fae 100644
--- a/src/views/recompose/index.vue
+++ b/src/views/recompose/index.vue
@@ -1,75 +1,36 @@
 <template>
   <div style="display: flex; justify-content: center">
-    <div
-      style="
+    <div style="
         width: 600px;
         text-align: center;
         border: 1px solid #e6e6e6;
         margin-top: 40px;
         padding: 10px;
-      "
-    >
-      <div
-        class="trial-myinfo-head"
-        style="font-size: 30px; line-height: 120px"
-      >
+      ">
+      <div class="trial-myinfo-head" style="font-size: 30px; line-height: 120px">
         <!-- 首次登录修改密码 -->
         {{ $t("recompose:title:init") }}
       </div>
-      <el-form
-        ref="passwordForm"
-        v-loading="loading"
-        label-position="right"
-        :model="password"
-        :rules="passwordFormRules"
-        label-width="120px"
-      >
+      <el-form ref="passwordForm" v-loading="loading" label-position="right" :model="password"
+        :rules="passwordFormRules" label-width="120px">
         <!-- 用户名 -->
         <el-form-item :label="$t('recompose:form:userName')" prop="NewUserName">
           <el-input v-model="password.NewUserName" />
         </el-form-item>
         <!-- 旧密码 -->
-        <el-form-item
-          :label="$t('recompose:form:oldPassword')"
-          prop="OldPassWord"
-        >
-          <el-input
-            v-model="password.OldPassWord"
-            type="password"
-            show-password
-            auto-complete="new-password"
-          />
+        <el-form-item :label="$t('recompose:form:oldPassword')" prop="OldPassWord">
+          <el-input v-model="password.OldPassWord" type="password" show-password auto-complete="new-password" />
         </el-form-item>
         <!-- 新密码 -->
-        <el-form-item
-          :label="$t('recompose:form:newPassword')"
-          prop="NewPassWord"
-        >
-          <el-input
-            v-model="password.NewPassWord"
-            type="password"
-            show-password
-            auto-complete="new-password"
-          />
+        <el-form-item :label="$t('recompose:form:newPassword')" prop="NewPassWord">
+          <el-input v-model="password.NewPassWord" type="password" show-password auto-complete="new-password" />
         </el-form-item>
         <!-- 确认密码 -->
-        <el-form-item
-          :label="$t('recompose:form:confirmPassword')"
-          prop="ConfirmPassWord"
-        >
-          <el-input
-            v-model="password.ConfirmPassWord"
-            type="password"
-            show-password
-            auto-complete="new-password"
-          />
+        <el-form-item :label="$t('recompose:form:confirmPassword')" prop="ConfirmPassWord">
+          <el-input v-model="password.ConfirmPassWord" type="password" show-password auto-complete="new-password" />
         </el-form-item>
         <!-- 检验码 -->
-        <el-form-item
-          :label="$t('trials:researchForm:form:checkCode')"
-          prop="CheckCode"
-          :maxlength="6"
-        >
+        <el-form-item :label="$t('trials:researchForm:form:checkCode')" prop="CheckCode" :maxlength="6">
           <el-input v-model="password.CheckCode" type="number" />
         </el-form-item>
         <el-form-item style="text-align: right">
@@ -136,6 +97,21 @@ export default {
             message: this.$t("recompose:tip:inputCheckCode"),
             trigger: "blur",
           },
+          {
+            validator: (rule, value, callback) => {
+              const regex = /^[1-9]\d{5}$/;
+              if (
+                value &&
+                (String(value).includes('.') ||
+                  !regex.test(String(value)))
+              ) {
+                callback(new Error(this.$t('recompose:tip:inputCheckCode')))
+              } else {
+                callback()
+              }
+            },
+            trigger: 'blur',
+          },
         ],
       },
       userId: null,
@@ -207,12 +183,14 @@ export default {
 .reset-wrapper {
   padding: 20px;
 }
+
 .reset-wrapper .el-page-header {
   line-height: 50px;
   border: 1px solid #ebeef5;
   border-radius: 4px;
   background-color: #fff;
 }
+
 .reset-wrapper .box-wrapper {
   width: 60%;
   margin: 20px auto;
@@ -224,6 +202,7 @@ export default {
 .is-error {
   margin-bottom: 40px;
 }
+
 input:-webkit-autofill {
   -webkit-text-fill-color: #ededed !important;
   box-shadow: 0 0 0px 1000px transparent inset !important;
@@ -231,6 +210,7 @@ input:-webkit-autofill {
   background-image: none;
   transition: background-color 50000s ease-in-out 0s;
 }
+
 input {
   background-color: transparent;
   caret-color: #fff;