From cd5b7e2326d88a6e4623e93bf6b7e6f3f3973936 Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Wed, 10 May 2023 12:09:40 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E6=94=B9Chrome=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E5=A1=AB=E5=85=85=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/index.scss              |  11 ++
 src/views/setting/cloudManager.vue | 175 +++++++++++++++--------------
 2 files changed, 101 insertions(+), 85 deletions(-)

diff --git a/src/styles/index.scss b/src/styles/index.scss
index 586412c..2454428 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -172,3 +172,14 @@ div:focus {
   visibility: hidden;
 }
 
+input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
+  background-color:transparent;
+  background-image: none;
+  transition: background-color 50000s ease-in-out 0s;
+}
+
+input {
+
+  background-color:transparent;
+
+}
diff --git a/src/views/setting/cloudManager.vue b/src/views/setting/cloudManager.vue
index f2e8fb2..c81d8dc 100644
--- a/src/views/setting/cloudManager.vue
+++ b/src/views/setting/cloudManager.vue
@@ -11,100 +11,104 @@
       <div>
         <el-tabs v-model="activeName" @tab-click="handleClick">
           <el-tab-pane label="基本设置" name="1">
-            <div class="config-itme-label">网盘名称：
-              <el-input placeholder="请输入网盘名称" v-model="netdiskName" minlength="1" maxlength="8" size="medium"
-                        :style="{width: inputNetdiskNameWidth+'px'}"
-                        @keyup.enter.native="updateNetdiskName" @input="inputNetdiskName">
-                <el-button v-if="showAckBtn" slot="append" icon="el-icon-check" @click="updateNetdiskName"></el-button>
-              </el-input>
-            </div>
-            <div class="config-itme-label logo">网盘Logo：
-              <el-upload
-                class="avatar-uploader"
-                :action="uploadUrl"
-                :show-file-list="false"
-                :on-success="handleAvatarSuccess"
-                :before-upload="beforeAvatarUpload">
-                <Logo v-model="logoFileName" width="80" class="avatar"></Logo>
-              </el-upload>
-            </div>
-            <span class="instruction">点击更换Logo</span>
-            <div class="config-itme-label">启用webp：
-              <el-switch
-                v-model="webpEnabled"
-                active-color="#13ce66"
-                inactive-color="#ff4949"
-                @change="webpChange"
-              >
-              </el-switch>
-            </div>
-            <span class="instruction">
+            <div v-if="activeName === '1'">
+              <div class="config-itme-label">网盘名称：
+                <el-input placeholder="请输入网盘名称" v-model="netdiskName" minlength="1" maxlength="8" size="medium"
+                          :style="{width: inputNetdiskNameWidth+'px'}"
+                          @keyup.enter.native="updateNetdiskName" @input="inputNetdiskName">
+                  <el-button v-if="showAckBtn" slot="append" icon="el-icon-check" @click="updateNetdiskName"></el-button>
+                </el-input>
+              </div>
+              <div class="config-itme-label logo">网盘Logo：
+                <el-upload
+                  class="avatar-uploader"
+                  :action="uploadUrl"
+                  :show-file-list="false"
+                  :on-success="handleAvatarSuccess"
+                  :before-upload="beforeAvatarUpload">
+                  <Logo v-model="logoFileName" width="80" class="avatar"></Logo>
+                </el-upload>
+              </div>
+              <span class="instruction">点击更换Logo</span>
+              <div class="config-itme-label">启用webp：
+                <el-switch
+                  v-model="webpEnabled"
+                  active-color="#13ce66"
+                  inactive-color="#ff4949"
+                  @change="webpChange"
+                >
+                </el-switch>
+              </div>
+              <span class="instruction">
           将图片转换为webp格式存储，在不降低图片质量的情况下，极大降低图片文件的体积，建议开启.
           <a href="https://baike.baidu.com/item/webp%E6%A0%BC%E5%BC%8F" target="_blank">什么是webp?</a>
           </span>
-            <div class="config-itme-label">网盘同步：
-              <el-button class="sync-button" size="mini" :loading="syncLoading" type="primary" @click="sync()"><i
-                class="el-icon-refresh"></i>
-              </el-button>
-              <span v-show="syncPercent < 100">{{ syncPercent }}%</span>
+              <div class="config-itme-label">网盘同步：
+                <el-button class="sync-button" size="mini" :loading="syncLoading" type="primary" @click="sync()"><i
+                  class="el-icon-refresh"></i>
+                </el-button>
+                <span v-show="syncPercent < 100">{{ syncPercent }}%</span>
+              </div>
+              <span class="instruction">一般用于初始化操作, 将文件数据同步到数据库</span>
+              <div class="config-itme-label">重置角色、菜单：
+                <el-button class="sync-button" size="mini" :loading="resetLoading" type="danger"
+                           @click="resetMenuAndRole()">
+                  <i class="el-icon-refresh-left"></i></el-button>
+              </div>
+              <span class="instruction">一般用于初始化角色、菜单数据</span>
             </div>
-            <span class="instruction">一般用于初始化操作, 将文件数据同步到数据库</span>
-            <div class="config-itme-label">重置角色、菜单：
-              <el-button class="sync-button" size="mini" :loading="resetLoading" type="danger"
-                         @click="resetMenuAndRole()">
-                <i class="el-icon-refresh-left"></i></el-button>
-            </div>
-            <span class="instruction">一般用于初始化角色、菜单数据</span>
           </el-tab-pane>
           <el-tab-pane label="LDAP认证" name="2" class="setting-tab-panel">
-            <el-form :rules="rules" ref="form" :model="ldapFormData" label-width="120px" size="small"
-                     style="width: 450px">
-              <el-form-item label="功能状态" prop="enable">
-                <el-select v-model="ldapFormData.enable">
-                  <el-option
-                    v-for="item in ldapStatusOptions"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item label="LDAP 服务器" prop="ldapServer">
-                <el-input placeholder="例如: ldap.test.com:389" v-model="ldapFormData.ldapServer"></el-input>
-              </el-form-item>
-              <el-form-item label="Base DN" prop="baseDN">
-                <el-input placeholder="例如: cn=admin,dc=test,dc=com" v-model="ldapFormData.baseDN"></el-input>
-              </el-form-item>
+            <div v-if="activeName === '2'">
+              <el-form :rules="rules" ref="form" :model="ldapFormData" label-width="120px" size="small"
+                       style="width: 450px" autocomplete="off">
+                <el-form-item label="功能状态" prop="enable">
+                  <el-select v-model="ldapFormData.enable">
+                    <el-option
+                      v-for="item in ldapStatusOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="LDAP 服务器" prop="ldapServer">
+                  <el-input placeholder="例如: ldap.test.com:389" v-model="ldapFormData.ldapServer"></el-input>
+                </el-form-item>
+                <el-form-item label="Base DN" prop="baseDN">
+                  <el-input placeholder="例如: cn=admin,dc=test,dc=com" v-model="ldapFormData.baseDN" autocomplete="off"></el-input>
+                </el-form-item>
 
-              <el-form-item label="密码" prop="password">
-                <el-input type="password" placeholder="管理员密码" v-model="ldapFormData.password"></el-input>
-              </el-form-item>
+                <el-form-item label="密码" prop="password">
+                  <el-input type="password" placeholder="管理员密码" v-model="ldapFormData.password" autocomplete="off"></el-input>
+                </el-form-item>
 
-              <el-form-item>
-                <el-button type="primary" :disabled="ldapTestBtn" v-loading="testLdapConfigLoading" @click="doTestLdapConfig">测试链接</el-button>
-                <span v-if="testLdapConfigResult === 0" class="el-icon-check" style="color: #67C23A"></span>
-                <span v-if="testLdapConfigResult > 0" class="el-icon-close" style="color: #F56C6C"></span>
-              </el-form-item>
+                <el-form-item>
+                  <el-button type="primary" :disabled="ldapTestBtn" v-loading="testLdapConfigLoading" @click="doTestLdapConfig">测试链接</el-button>
+                  <span v-if="testLdapConfigResult === 0" class="el-icon-check" style="color: #67C23A"></span>
+                  <span v-if="testLdapConfigResult > 0" class="el-icon-close" style="color: #F56C6C"></span>
+                </el-form-item>
 
-              <el-form-item label="登录名" prop="loginName">
-                <el-input placeholder="LDAP服务器中对应个人用户名的字段, 例如: uid" v-model="ldapFormData.loginName"></el-input>
-              </el-form-item>
+                <el-form-item label="登录名" prop="loginName">
+                  <el-input placeholder="LDAP服务器中对应个人用户名的字段, 例如: uid" v-model="ldapFormData.loginName"></el-input>
+                </el-form-item>
 
-              <el-form-item label="默认角色" prop="defaultRoleList">
-                <el-select ref="selectRole" v-model="ldapFormData.defaultRoleList" multiple placeholder="请选择角色">
-                  <el-option
-                    v-for="item in roleList"
-                    :key="item.id"
-                    :label="item.name"
-                    :value="item.id">
-                  </el-option>
-                </el-select>
-              </el-form-item>
+                <el-form-item label="默认角色" prop="defaultRoleList">
+                  <el-select ref="selectRole" v-model="ldapFormData.defaultRoleList" multiple placeholder="请选择角色">
+                    <el-option
+                      v-for="item in roleList"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.id">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
 
-              <el-form-item>
-                <el-button type="primary" :disabled="ldapSaveBtn" v-loading="saveLdapConfigLoading" @click="saveLdapConfig">保存配置</el-button>
-              </el-form-item>
-            </el-form>
+                <el-form-item>
+                  <el-button type="primary" :disabled="ldapSaveBtn" v-loading="saveLdapConfigLoading" @click="saveLdapConfig">保存配置</el-button>
+                </el-form-item>
+              </el-form>
+            </div>
           </el-tab-pane>
         </el-tabs>
       </div>
@@ -274,7 +278,9 @@ export default {
     },
     getLdapConfig() {
       loadLdapConfig().then(res => {
-        this.ldapFormData = res.data;
+        if (res.data) {
+          this.ldapFormData = res.data;
+        }
       })
     },
     inputNetdiskName(input) {
@@ -430,7 +436,6 @@ export default {
   >>> .el-loading-spinner .circular {
     width: 25px !important;
   }
-
 }
 
 </style>