用户中心 密码取消明文展示

src/pages/user/user_info.vue

 <template>
   <div>
     <el-breadcrumb separator="/" class="bread_crumb1 bread_left">
-      <el-breadcrumb-item :to="{ path: '/user' }">{{ $t("lang.personal_center") }}</el-breadcrumb-item>
+      <el-breadcrumb-item :to="{ path: '/user' }">{{
+        $t("lang.personal_center")
+      }}</el-breadcrumb-item>
       <el-breadcrumb-item>{{ $t("lang.profile") }}</el-breadcrumb-item>
     </el-breadcrumb>
     <block-radius class="info_block">
-      <el-tabs v-if="is_admin == 3 || is_admin == 4" v-model="activeName" @tab-click="changeTab">
+      <el-tabs
+        v-if="is_admin == 3 || is_admin == 4"
+        v-model="activeName"
+        @tab-click="changeTab"
+      >
         <el-tab-pane label="个人信息详情" name="0"></el-tab-pane>
         <el-tab-pane label="业务系统详情" name="1"></el-tab-pane>
       </el-tabs>
@@ -17,8 +23,14 @@
           </el-form-item>
           <el-form-item class="info_item info_item_right_btn">
             <p>密码：</p>
-            <el-input type="password" v-model="user_data.password" :disabled="true"></el-input>
-            <el-button class="option_btn" @click="changePassword">修改密码</el-button>
+            <el-input
+              type="password"
+              v-model="user_data.password"
+              :disabled="true"
+            ></el-input>
+            <el-button class="option_btn" @click="changePassword"
+              >修改密码</el-button
+            >
           </el-form-item>
           <el-form-item class="info_item" prop="nickname">
             <p>昵称：</p>
@@ -49,29 +61,45 @@
           </el-form-item>
           <el-form-item class="info_item">
             <p>组织机构：</p>
-            <el-input v-model="user_data.organization" :disabled="true"></el-input>
+            <el-input
+              v-model="user_data.organization"
+              :disabled="true"
+            ></el-input>
           </el-form-item>
           <el-form-item
-            :class="user_data.userType == 3 ? 'info_item info_item_right_btn' : 'info_item'"
+            :class="
+              user_data.userType == 3
+                ? 'info_item info_item_right_btn'
+                : 'info_item'
+            "
           >
             <p>当前用户类型：</p>
-            <el-input v-model="user_data.userTypeName" :disabled="true"></el-input>
+            <el-input
+              v-model="user_data.userTypeName"
+              :disabled="true"
+            ></el-input>
             <el-button
               v-if="user_data.userType == 3 && user_data.is_apply == 0"
               class="option_btn"
               @click="showUpLevel"
-            >升级为开发者</el-button>
+              >升级为开发者</el-button
+            >
             <el-button
               v-else-if="user_data.userType == 3 && user_data.is_apply == 1"
               type="info"
               class="option_btn_gray_dis"
               disabled
-            >升级为开发者</el-button>
+              >升级为开发者</el-button
+            >
           </el-form-item>
         </el-form>
       </div>
       <div v-show="activeName == '1'">
-        <el-form ref="formBusiness" :model="formBusiness" :rules="rules_bussiness">
+        <el-form
+          ref="formBusiness"
+          :model="formBusiness"
+          :rules="rules_bussiness"
+        >
           <el-form-item class="info_item" prop="businessSystemName">
             <p>业务系统名：</p>
             <el-input v-model="formBusiness.businessSystemName"></el-input>
@@ -83,9 +111,16 @@
           <el-form-item class="info_item">
             <p>IP（白名单）：</p>
             <div class="ip_block">
-              <div v-for="(item, index) in formBusiness.ip_white" :key="item" class="ip_item">
+              <div
+                v-for="(item, index) in formBusiness.ip_white"
+                :key="item"
+                class="ip_item"
+              >
                 {{ item }}
-                <i class="el-icon-close ip_del" @click="delIp(index, 'white')"></i>
+                <i
+                  class="el-icon-close ip_del"
+                  @click="delIp(index, 'white')"
+                ></i>
               </div>
               <el-input
                 v-if="whiteAddShow"
@@ -93,15 +128,27 @@
                 v-model="newIpWhite"
                 @keyup.enter.native="watchKeyboardWhite"
               ></el-input>
-              <el-button class="add_ip" @click="addIp('white')" icon="el-icon-plus">增加</el-button>
+              <el-button
+                class="add_ip"
+                @click="addIp('white')"
+                icon="el-icon-plus"
+                >增加</el-button
+              >
             </div>
           </el-form-item>
           <el-form-item class="info_item">
             <p>IP（黑名单）：</p>
             <div class="ip_block">
-              <div v-for="(item, index) in formBusiness.ip_black" :key="item" class="ip_item">
+              <div
+                v-for="(item, index) in formBusiness.ip_black"
+                :key="item"
+                class="ip_item"
+              >
                 {{ item }}
-                <i class="el-icon-close ip_del" @click="delIp(index, 'black')"></i>
+                <i
+                  class="el-icon-close ip_del"
+                  @click="delIp(index, 'black')"
+                ></i>
               </div>
               <el-input
                 v-if="blackAddShow"
@@ -109,18 +156,33 @@
                 v-model="newIpBlack"
                 @keyup.enter.native="watchKeyboardBlack"
               ></el-input>
-              <el-button class="add_ip" @click="addIp('black')" icon="el-icon-plus">增加</el-button>
+              <el-button
+                class="add_ip"
+                @click="addIp('black')"
+                icon="el-icon-plus"
+                >增加</el-button
+              >
             </div>
           </el-form-item>
           <el-form-item class="info_item info_item_right_btn_2">
             <p>密钥：</p>
-            <el-input id="keys" v-model="formBusiness.private_token" :disabled="true"></el-input>
+            <el-input
+              id="keys"
+              v-model="formBusiness.private_token"
+              :disabled="true"
+            ></el-input>
             <el-button class="option_btn" @click="copyKey">复制</el-button>
-            <el-button class="option_btn_gray" @click="resetKey">重置</el-button>
+            <el-button class="option_btn_gray" @click="resetKey"
+              >重置</el-button
+            >
           </el-form-item>
           <el-form-item class="info_item" prop="description">
             <p>描述：</p>
-            <el-input type="textarea" :rows="2" v-model="formBusiness.description"></el-input>
+            <el-input
+              type="textarea"
+              :rows="2"
+              v-model="formBusiness.description"
+            ></el-input>
           </el-form-item>
         </el-form>
       </div>
@@ -137,22 +199,25 @@
           <el-form ref="form1" :model="form" :rules="passRules">
             <el-form-item class="dia_item">
               <p>旧密码：</p>
-              <el-input v-model="form.passwordOld" autocomplete="new-password"></el-input>
+              <el-input
+                v-model="form.passwordOld"
+                autocomplete="new-password"
+              ></el-input>
             </el-form-item>
             <el-form-item prop="passwordNew" class="dia_item">
               <p>新密码：</p>
               <el-input
                 v-model="form.passwordNew"
                 autocomplete="new-password"
-                :type="visible1 ? 'password':'text'"
+                type="password"
               >
-                <span
+                <!-- <span
                   slot="suffix"
-                  :title="visible1 ? '显示密码':'隐藏密码'"
+                  :title="visible1 ? '显示密码' : '隐藏密码'"
                   @click="changePass1()"
-                  style="cursor:pointer;"
-                  :class="visible1 ? 'eye_dis':'eye'"
-                ></span>
+                  style="cursor: pointer"
+                  :class="visible1 ? 'eye_dis' : 'eye'"
+                ></span> -->
               </el-input>
             </el-form-item>
             <el-form-item prop="nextname" class="dia_item">
@@ -160,15 +225,15 @@
               <el-input
                 v-model="form.nextname"
                 autocomplete="new-password"
-                :type="visible2 ? 'password':'text'"
+                type="password"
               >
-                <span
+                <!-- <span
                   slot="suffix"
-                  :title="visible2 ? '显示密码':'隐藏密码'"
+                  :title="visible2 ? '显示密码' : '隐藏密码'"
                   @click="changePass2()"
-                  style="cursor:pointer;"
-                  :class="visible2 ? 'eye_dis':'eye'"
-                ></span>
+                  style="cursor: pointer"
+                  :class="visible2 ? 'eye_dis' : 'eye'"
+                ></span> -->
               </el-input>
             </el-form-item>
           </el-form>
@@ -303,7 +368,8 @@ export default {
         ],
         email: [
           {
-            pattern: /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[-|_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/,
+            pattern:
+              /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[-|_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/,
             message: "请输入正确的邮箱",
           },
         ],