From d67505a5276be8bc70f85cb195856758ad492e6d Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Fri, 20 May 2022 17:15:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/yxk-admin.scss             |  2 +-
 src/views/system/user/center.vue             | 10 +++++
 src/views/system/user/center/updateEmail.vue | 47 +++++++++++++-------
 src/views/system/user/center/updatePass.vue  | 35 ++++++++-------
 4 files changed, 60 insertions(+), 34 deletions(-)

diff --git a/src/assets/styles/yxk-admin.scss b/src/assets/styles/yxk-admin.scss
index 675d703..77efe08 100644
--- a/src/assets/styles/yxk-admin.scss
+++ b/src/assets/styles/yxk-admin.scss
@@ -531,7 +531,7 @@
       line-height: 36px;
       color: #fff;
       border: 1px solid $subMenuActiveText;
-      background-color: transparent;
+      background-color: transparent !important;
     }
     .vue-treeselect__control, 
     .vue-treeselect__placeholder,
diff --git a/src/views/system/user/center.vue b/src/views/system/user/center.vue
index 708a620..b6f8a79 100644
--- a/src/views/system/user/center.vue
+++ b/src/views/system/user/center.vue
@@ -258,4 +258,14 @@ export default {
       }
     }
   }
+  input:-webkit-autofill,
+  textarea:-webkit-autofill,
+  select:-webkit-autofill {
+    -webkit-text-fill-color: #fff !important;
+    background-color: transparent;
+    transition: background-color 50000s ease-in-out 0s;
+  }
+  input {
+    background-color: transparent;
+  }
 </style>
diff --git a/src/views/system/user/center/updateEmail.vue b/src/views/system/user/center/updateEmail.vue
index b246684..72f5268 100644
--- a/src/views/system/user/center/updateEmail.vue
+++ b/src/views/system/user/center/updateEmail.vue
@@ -1,21 +1,25 @@
 <template>
   <div style="display: inline-block;">
-    <el-dialog :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body width="475px" @close="cancel">
-      <el-form ref="form" :model="form" :rules="rules" size="small" label-width="88px">
-        <el-form-item label="新邮箱" prop="email">
-          <el-input v-model="form.email" auto-complete="on" style="width: 200px;" />
-          <el-button :loading="codeLoading" :disabled="isDisabled" size="small" @click="sendCode">{{ buttonName }}</el-button>
-        </el-form-item>
-        <el-form-item label="验证码" prop="code">
-          <el-input v-model="form.code" style="width: 320px;" />
-        </el-form-item>
-        <el-form-item label="当前密码" prop="pass">
-          <el-input v-model="form.pass" type="password" style="width: 320px;" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="text" @click="cancel">取消</el-button>
-        <el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
+    <el-dialog :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body @close="cancel">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <el-form ref="form" :model="form" :rules="rules" size="small" label-width="88px">
+          <el-form-item label="新邮箱" prop="email">
+            <el-input v-model="form.email" auto-complete="on" style="width: 200px;" />
+            <el-button :loading="codeLoading" :disabled="isDisabled" size="small" @click="sendCode">{{ buttonName }}</el-button>
+          </el-form-item>
+          <el-form-item label="验证码" prop="code">
+            <el-input v-model="form.code" style="width: 320px;" />
+          </el-form-item>
+          <el-form-item label="当前密码" prop="pass">
+            <el-input v-model="form.pass" type="password" style="width: 320px;" />
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="text" @click="cancel">取消</el-button>
+          <el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
+        </div>
       </div>
     </el-dialog>
   </div>
@@ -133,5 +137,14 @@ export default {
 </script>
 
 <style scoped>
-
+input:-webkit-autofill,
+textarea:-webkit-autofill,
+select:-webkit-autofill {
+  -webkit-text-fill-color: red !important;
+  background-color: red;
+  transition: background-color 50000s ease-in-out 0s;
+}
+input {
+  background-color: transparent;
+}
 </style>
diff --git a/src/views/system/user/center/updatePass.vue b/src/views/system/user/center/updatePass.vue
index 078ed17..d791b4e 100644
--- a/src/views/system/user/center/updatePass.vue
+++ b/src/views/system/user/center/updatePass.vue
@@ -1,20 +1,24 @@
 <template>
   <div style="display: inline-block">
-    <el-dialog :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body width="500px" @close="cancel">
-      <el-form ref="form" :model="form" :rules="rules" size="small" label-width="88px">
-        <el-form-item label="旧密码" prop="oldPass">
-          <el-input v-model="form.oldPass" type="password" auto-complete="on" style="width: 370px;" />
-        </el-form-item>
-        <el-form-item label="新密码" prop="newPass">
-          <el-input v-model="form.newPass" type="password" auto-complete="on" style="width: 370px;" />
-        </el-form-item>
-        <el-form-item label="确认密码" prop="confirmPass">
-          <el-input v-model="form.confirmPass" type="password" auto-complete="on" style="width: 370px;" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="text" @click="cancel">取消</el-button>
-        <el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
+    <el-dialog :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body @close="cancel">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <el-form ref="form" :model="form" :rules="rules" size="small" label-width="88px">
+          <el-form-item label="旧密码" prop="oldPass">
+            <el-input v-model="form.oldPass" type="password" auto-complete="on" style="width: 370px;" />
+          </el-form-item>
+          <el-form-item label="新密码" prop="newPass">
+            <el-input v-model="form.newPass" type="password" auto-complete="on" style="width: 370px;" />
+          </el-form-item>
+          <el-form-item label="确认密码" prop="confirmPass">
+            <el-input v-model="form.confirmPass" type="password" auto-complete="on" style="width: 370px;" />
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="text" @click="cancel">取消</el-button>
+          <el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
+        </div>
       </div>
     </el-dialog>
   </div>
@@ -91,5 +95,4 @@ export default {
 </script>
 
 <style scoped>
-
 </style>