From 9de73b9d4470575e3a89d5f92198ea6ceb280d02 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Fri, 14 Nov 2025 17:17:16 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E9=AA=8C=E8=AF=81=E7=A0=81=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E3=80=91=E7=AD=89=E5=BE=85=E6=97=B6=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E9=9C=80=E8=A6=81=E7=BD=AE=E4=B8=BA=E7=81=B0=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MFA/index.vue               |   4 +-
 src/views/forgetpassword/index.vue         |  11 ++
 src/views/research/login.vue               |   4 +-
 src/views/trials/trials-myinfo/account.vue | 150 +++++++--------------
 4 files changed, 62 insertions(+), 107 deletions(-)

diff --git a/src/components/MFA/index.vue b/src/components/MFA/index.vue
index 0d08585b..2a2c20f1 100644
--- a/src/components/MFA/index.vue
+++ b/src/components/MFA/index.vue
@@ -186,8 +186,8 @@ export default {
 }
 
 .codeBtn.is-disabled,
-.el-button.is-disabled:focus,
-.el-button.is-disabled:hover {
+.codeBtn.is-disabled:focus,
+.codeBtn.is-disabled:hover {
   color: #c0c4cc;
   cursor: not-allowed;
   background-image: none;
diff --git a/src/views/forgetpassword/index.vue b/src/views/forgetpassword/index.vue
index b730ed3c..5a6b3240 100644
--- a/src/views/forgetpassword/index.vue
+++ b/src/views/forgetpassword/index.vue
@@ -391,6 +391,17 @@ export default {
   color: #409EFF;
   border-color: #409EFF;
 }
+
+.codeBtn.is-disabled,
+.codeBtn.is-disabled:focus,
+.codeBtn.is-disabled:hover {
+  color: #c0c4cc;
+  cursor: not-allowed;
+  background-image: none;
+  background-color: #fff;
+  border-color: #ebeef5;
+}
+
 .is-error.my_new_pwd {
   margin-bottom: 45px;
 }
diff --git a/src/views/research/login.vue b/src/views/research/login.vue
index c8724834..10f84628 100644
--- a/src/views/research/login.vue
+++ b/src/views/research/login.vue
@@ -349,8 +349,8 @@ export default {
 }
 
 .codeBtn.is-disabled,
-.el-button.is-disabled:focus,
-.el-button.is-disabled:hover {
+.codeBtn.is-disabled:focus,
+.codeBtn.is-disabled:hover {
   color: #c0c4cc;
   cursor: not-allowed;
   background-image: none;
diff --git a/src/views/trials/trials-myinfo/account.vue b/src/views/trials/trials-myinfo/account.vue
index c982002b..c920064e 100644
--- a/src/views/trials/trials-myinfo/account.vue
+++ b/src/views/trials/trials-myinfo/account.vue
@@ -5,134 +5,61 @@
         <!-- 账号信息 -->
         {{ $t('trials:trials-myinfo:title:accountInfo') }}
       </div>
-      <el-form
-        label-position="right"
-        label-width="100px"
-        :rules="rule"
-        :model="userForm"
-        ref="userFormRef"
-      >
+      <el-form label-position="right" label-width="100px" :rules="rule" :model="userForm" ref="userFormRef">
         <!-- 用户名 -->
-        <el-form-item
-          :label="$t('trials:trials-myinfo:form:userName')"
-          style="margin-bottom: 5px"
-        >
+        <el-form-item :label="$t('trials:trials-myinfo:form:userName')" style="margin-bottom: 5px">
           <span>{{ user.UserName }}</span>
         </el-form-item>
         <el-form-item label="" style="position: relative" prop="UserName">
-          <el-input
-            v-model="userForm.UserName"
-            :placeholder="$t('trials:trials-myinfo:form:userName')"
-          />
+          <el-input v-model="userForm.UserName" :placeholder="$t('trials:trials-myinfo:form:userName')" />
           <!-- 修改 -->
-          <el-button
-            :disabled="!userForm.UserName"
-            class="saveBtn"
-            type="primary"
-            size="small"
-            @click="setNewUserName"
-          >
+          <el-button :disabled="!userForm.UserName" class="saveBtn" type="primary" size="small" @click="setNewUserName">
             {{ $t('trials:trials-myinfo:button:update') }}
           </el-button>
         </el-form-item>
         <!-- 电话 -->
-        <el-form-item
-          :label="$t('trials:trials-myinfo:form:phone')"
-          style="margin-bottom: 5px"
-          prop="Phone"
-        >
+        <el-form-item :label="$t('trials:trials-myinfo:form:phone')" style="margin-bottom: 5px" prop="Phone">
           <span>{{ user.Phone }}</span>
         </el-form-item>
         <el-form-item label="" style="position: relative" prop="Phone">
-          <el-input
-            v-model="userForm.Phone"
-            :placeholder="$t('trials:trials-myinfo:form:phone')"
-          />
+          <el-input v-model="userForm.Phone" :placeholder="$t('trials:trials-myinfo:form:phone')" />
           <!-- 修改 -->
-          <el-button
-            :disabled="!userForm.Phone"
-            class="saveBtn"
-            type="primary"
-            size="small"
-            @click="setNewPhone"
-          >
+          <el-button :disabled="!userForm.Phone" class="saveBtn" type="primary" size="small" @click="setNewPhone">
             {{ $t('trials:trials-myinfo:button:update') }}
           </el-button>
         </el-form-item>
         <!-- 邮箱 -->
-        <el-form-item
-          :label="$t('trials:trials-myinfo:form:email')"
-          style="margin-bottom: 5px"
-          prop="EMail"
-        >
+        <el-form-item :label="$t('trials:trials-myinfo:form:email')" style="margin-bottom: 5px" prop="EMail">
           <span>{{ user.EMail }}</span>
         </el-form-item>
-        <el-form-item
-          label=""
-          style="margin-bottom: 10px; position: relative"
-          prop="EMail"
-          v-if="IsCanConnectInternet"
-        >
-          <el-input
-            v-model="userForm.EMail"
-            @input="handleEmailChange"
-            :placeholder="$t('trials:trials-myinfo:form:email')"
-          />
-          <el-button
-            class="sendCode"
-            :disabled="sendDisabled"
-            size="mini"
-            @click="sendVerificationCode"
-            >{{ sendTitle }}</el-button
-          >
+        <el-form-item label="" style="margin-bottom: 10px; position: relative" prop="EMail" v-if="IsCanConnectInternet">
+          <el-input v-model="userForm.EMail" @input="handleEmailChange"
+            :placeholder="$t('trials:trials-myinfo:form:email')" />
         </el-form-item>
-        <el-form-item
-          label=""
-          style="position: relative"
-          prop="VerificationCode"
-          v-if="IsCanConnectInternet"
-        >
-          <el-input
-            v-model="userForm.VerificationCode"
-            :placeholder="$t('trials:researchForm:form:verifyCode')"
-          />
+        <el-form-item label="" style="position: relative" prop="VerificationCode" v-if="IsCanConnectInternet">
+          <div style="display: flex;justify-content: space-between;width: 100%;">
+            <el-input v-model="userForm.VerificationCode" :placeholder="$t('trials:researchForm:form:verifyCode')" />
+            <el-button class="codeBtn" :disabled="sendDisabled" size="mini" @click="sendVerificationCode">{{
+              sendTitle
+            }}</el-button>
+          </div>
           <!-- 修改 -->
-          <el-button
-            :disabled="!userForm.EMail || !userForm.VerificationCode"
-            class="saveBtn"
-            type="primary"
-            size="small"
-            @click="setNewEmail"
-          >
+          <el-button :disabled="!userForm.EMail || !userForm.VerificationCode" class="saveBtn" type="primary"
+            size="small" @click="setNewEmail">
             {{ $t('trials:trials-myinfo:button:update') }}
           </el-button>
         </el-form-item>
-        <el-form-item
-          :label="$t('trials:trials-myinfo:form:toggleRole')"
-          style="position: relative"
-          prop="VerificationCode"
-          v-if="hasRole"
-        >
+        <el-form-item :label="$t('trials:trials-myinfo:form:toggleRole')" style="position: relative"
+          prop="VerificationCode" v-if="hasRole">
           <el-radio-group v-model="userRoleId" class="roles" v-if="hasRole">
-            <el-radio
-              v-for="item in roles"
-              :key="item.Id"
-              :label="item.Id"
-              :disabled="item.IsUserRoleDisabled"
-              style="margin-bottom: 10px"
-            >
+            <el-radio v-for="item in roles" :key="item.Id" :label="item.Id" :disabled="item.IsUserRoleDisabled"
+              style="margin-bottom: 10px">
               {{ item.UserTypeShortName }}
             </el-radio>
           </el-radio-group>
           <!-- 修改 -->
-          <el-button
-            :disabled="!userRoleId || saveDisabled"
-            class="saveBtn"
-            :loading="toggleRoleLoading"
-            type="primary"
-            size="small"
-            @click="toggleRole"
-          >
+          <el-button :disabled="!userRoleId || saveDisabled" class="saveBtn" :loading="toggleRoleLoading" type="primary"
+            size="small" @click="toggleRole">
             {{ $t('trials:trials-myinfo:button:toggleRole') }}
           </el-button>
         </el-form-item>
@@ -188,11 +115,11 @@ export default {
                 callback(
                   lang === 'zh'
                     ? new Error(
-                        '1）用户名字符长度最小为4个字符，最大为16个字符，只可使用字母、数字、下划线；'
-                      )
+                      '1）用户名字符长度最小为4个字符，最大为16个字符，只可使用字母、数字、下划线；'
+                    )
                     : new Error(
-                        'the username must have:1) At least 4 characters;2) At most 16 characters;3)Only letters, numbers, and underscores are allowed.'
-                      )
+                      'the username must have:1) At least 4 characters;2) At most 16 characters;3)Only letters, numbers, and underscores are allowed.'
+                    )
                 )
               } else {
                 callback()
@@ -344,9 +271,26 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.codeBtn {
+  color: #409EFF;
+  border-color: #409EFF;
+  margin-left: 10px;
+}
+
+.codeBtn.is-disabled,
+.codeBtn.is-disabled:focus,
+.codeBtn.is-disabled:hover {
+  color: #c0c4cc;
+  cursor: not-allowed;
+  background-image: none;
+  background-color: #fff;
+  border-color: #ebeef5;
+}
+
 .el-radio-group {
   margin-top: 12px;
 }
+
 .el-radio {
   width: 60px;
 }