人员管理-人员新增密码框弹出记住密码问题

src/views/PeopleManage/Agent/AgentManage.vue

@@ -79,10 +79,10 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="密码" prop="word">
-                  <!-- <el-input type="text"  v-model="formData.word" @input="replacePwd" oncopy="return false" oncut="return false" @select="selectText" @keyup.delete="deleteText"/> -->
-
-                  <el-input style="width:200px"  v-model="formData.password" autocomplete="new-password"
-                    show-password></el-input>
+                  <el-input  v-model="formData.password" :class="isShow==true?'disc':'none'" ></el-input>
+                  <i class="el-icon-view icon" @click="isShowFun()"></i>
+                  <!-- <el-input style="width:200px"  v-model="formData.password" autocomplete="new-password"
+                    show-password></el-input> -->
                     
                 </el-form-item>
               </el-col>
@@ -290,6 +290,7 @@ export default {
   data() {
     return {
       activeName: '1',
+      isShow:true,
       //56个民族
       nationalList: [
         "汉族",
@@ -404,9 +405,6 @@ export default {
         loading: true,
         isPaginationShow: true,
         isShowIndex: true,
-        loading: true,
-        isPaginationShow: true,
-        isShowIndex: true,
         optBtns: [
           {
             type: 'primary',
@@ -632,6 +630,9 @@ export default {
           this.pageData.totalSize = res.data.totalSize;
         })
     },
+    isShowFun(){
+      this.isShow=!this.isShow
+    },
     handleSearchList(data) {
       this.findPage(data)
     },
@@ -822,4 +823,19 @@ export default {
 .queryFrom .queryButton .el-form-item__content {
   margin-left: 0px !important;
 }
+.disc{
+  -webkit-text-security:disc;
+  position: relative;
+}
+.none{
+  -webkit-text-security:none;
+  position: relative;
+}
+.icon{
+  color: #ccc;
+  position: absolute;
+  right: 0;
+  top:10px;
+  text-align: center
+}
 </style>

src/views/PeopleManage/Seo/StaffSeo.vue

@@ -81,119 +81,224 @@
       </Split>
     </el-main>
 
-    <el-dialog
-      :title="dialogTitle"
-      width="60%"
-      :visible.sync="dialogVisible"
-      :close-on-click-modal="false"
-      :before-close="handleDialogBefore"
-      @close="closeDialog"
-      v-dialogDrag
-    >
-      <el-form
-        :model="formData"
-        :rules="formDataRules"
-        ref="formData"
-        :inline="true"
-        :disabled="isDisabled"
-        label-width="130px"
-        size="small"
-      >
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="机构名称" prop="deptId">
-              <el-cascader
-                style="width:200px"
-                :options="option"
-                v-model="formData.deptId"
-                clearable
-                :show-all-levels="false"
-                :props="{
-                value: 'id',
-                label: 'name',
-                checkStrictly: true,
-              }"
-              @change="handleChange"
-              ></el-cascader>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="员工工号" prop="id">
-              <el-input v-model="formData.id" disabled></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8"></el-col>
-          <el-form-item label="手机号" prop="mobile">
-            <el-input v-model="formData.mobile"></el-input>
-          </el-form-item>
-          <el-col :span="8">
-            <el-form-item label="邮箱" prop="email">
-              <el-input v-model="formData.email"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="名称" prop="name">
-              <el-input v-model="formData.name"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="密码" prop="password">
-              <el-input
-                style="width:200px"
-                v-model="formData.password"
-                autocomplete="new-password"
-                show-password
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="性别" prop="sex">
-              <el-select style="width:200px" v-model="formData.sex" placeholder="请选择">
-                <el-option
-                  v-for="val in sexoptions"
-                  :label="val.label"
-                  :value="val.value"
-                  :key="val.id"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="状态" prop="status">
-              <el-select style="width:200px" v-model="formData.status" placeholder="请选择">
-                <el-option
-                  v-for="val in user_statusoptions"
-                  :label="val.label"
-                  :value="val.value"
-                  :key="val.id"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="角色" prop="roleId">
-              <el-select style="width:200px" v-model="formData.roleId" placeholder="请选择">
-                <el-option v-for="val in roles" :label="val.name" :value="val.id+''" :key="val.id"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button
-          size="small"
-          type="primary"
-          style="background-color: #ffc000; border: 1px solid #ffc000"
-          @click="closeDialog"
-          >取消</el-button
-        >
-        <el-button
-          size="small"
-          type="primary"
-          @click="submitForm"
-          >提交</el-button
-        >
-      </span>
+    <el-dialog :title="dialogTitle" width="60%" :visible.sync="dialogVisible" :close-on-click-modal="false"
+      :before-close="handleDialogBefore" @close="closeDialog" v-dialogDrag>
+      <el-tabs v-model="activeName"   >
+        <el-tab-pane label="基本信息" name="1">
+          <el-form :disabled="isDisabled" :model="formData" :rules="formDataRules" ref="formData" :inline="true" @keyup.enter.native="nextStep()"
+            label-width="130px" size="small">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="机构名称" prop="deptId">
+                  <el-cascader style="width:200px" :options="ztreeNodes" v-model="formData.deptId" clearable
+                    :show-all-levels="false" :props="{
+                      value: 'id',
+                      label: 'name',
+                      checkStrictly: true,
+                    }" @change="handleChange">
+                  </el-cascader>
+                </el-form-item></el-col>
+              <el-col :span="8">
+                <el-form-item label="员工工号" prop="id">
+                  <el-input v-model="formData.id" disabled></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="手机号" prop="mobile">
+                  <el-input v-model="formData.mobile"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="身份证号" prop="identity">
+                  <el-input v-model="formData.identity" :maxlength="18" @change="identityChange"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="名称" prop="name">
+                  <el-input v-model="formData.name"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="密码" prop="word">
+                  <!-- <el-input type="text"  v-model="formData.word" @input="replacePwd" oncopy="return false" oncut="return false" @select="selectText" @keyup.delete="deleteText"/> -->
+
+                  <el-input style="width:200px"  v-model="formData.password" autocomplete="new-password"
+                    show-password></el-input>
+                    
+                </el-form-item>
+              </el-col>
+             
+              <el-col :span="8">
+                <el-form-item label="状态" prop="status">
+                  <el-select style="width:200px" v-model="formData.status" placeholder="请选择">
+                    <el-option v-for="val in user_statusoptions" :label="val.label" :value="val.value"
+                      :key="val.id"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="角色" prop="roleId">
+                  <el-select style="width:200px" v-model="formData.roleId" placeholder="请选择" disabled>
+                    <el-option v-for="val in roles" :label="val.name" :value="val.id + ''" :key="val.id"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <div style="text-align: right;">
+            <el-button size="small" type="primary" @click="nextStep">下一步</el-button>
+          </div>
+        </el-tab-pane>
+        <el-tab-pane label="详细信息" name="2">
+          <el-form :disabled="isDisabled" :model="formDataDetail" :rules="formDataRulesDetail" ref="formDataDetail" :inline="true"
+           label-width="130px" size="small">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="开户账号" prop="accountno">
+                  <el-input v-model="formDataDetail.accountno"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="开户行" prop="bankName">
+                  <el-input v-model="formDataDetail.bankName"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="性别" prop="sex">
+                  <el-select style="width:200px" v-model="formDataDetail.sex" placeholder="请选择">
+                    <el-option v-for="val in sexoptions" :label="val.label" :value="val.value" :key="val.id"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="出生日期" prop="birthday">
+                  <el-date-picker style="width:200px" v-model="formDataDetail.birthday" type="date" placeholder="选择日期">
+                  </el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="户籍" prop="koseki">
+                  <el-input v-model="formDataDetail.koseki"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="婚姻状况" prop="maritalStatus">
+                  <el-select v-model="formDataDetail.maritalStatus" placeholder="请选择婚姻状况" style="width:200px">
+                    <el-option label="未婚" value="未婚"></el-option>
+                    <el-option label="已婚" value="已婚"></el-option>
+                    <el-option label="离异" value="离异"></el-option>
+                    <el-option label="再婚" value="再婚"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="民族" prop="nations">
+                  <el-select style="width:200px" v-model="formDataDetail.nations" placeholder="请选择民族">
+                    <el-option :label="national" :value="national" v-for="national in nationalList"
+                      :key="national"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="政治面貌" prop="politicsStatus">
+                  <el-select style="width:200px" v-model="formDataDetail.politicsStatus" placeholder="请选择">
+                    <el-option label="群众" value="群众"></el-option>
+                    <el-option label="共青团员" value="共青团员"></el-option>
+                    <el-option label="中共党员" value="中共党员"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="健康状况" prop="health">
+                  <el-select style="width:200px" v-model="formDataDetail.health" placeholder="请选择">
+                    <el-option label="健康" value="健康"></el-option>
+                    <el-option label="亚健康" value="亚健康"></el-option>
+                    <el-option label="疾病" value="疾病"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="邮政编码" prop="postalCode">
+                  <el-input v-model="formDataDetail.postalCode"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                 <el-form-item label="居住地址" prop="address">
+                   <el-input v-model="formDataDetail.address"></el-input>
+                 </el-form-item>
+               </el-col>
+             
+              <el-col :span="8">
+                <el-form-item label="血型" prop="bloodType">
+                  <el-select style="width:200px" v-model="formDataDetail.bloodType" placeholder="请选择">
+                    <el-option label="A型" value="A型"></el-option>
+                    <el-option label="B型" value="B型"></el-option>
+                    <el-option label="O型" value="O型"></el-option>
+                    <el-option label="AB型" value="AB型"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="学历" prop="education">
+                  <el-select style="width:200px" v-model="formDataDetail.education" placeholder="请选择">
+                    <el-option label="小学" value="小学"></el-option>
+                    <el-option label="初中" value="初中"></el-option>
+                    <el-option label="高中" value="高中"></el-option>
+                    <el-option label="专科" value="专科"></el-option>
+                    <el-option label="本科" value="本科"></el-option>
+                    <el-option label="硕士" value="硕士"></el-option>
+                    <el-option label="博士" value="博士"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                  <el-form-item label="毕业院校" prop="school">
+                    <el-input v-model="formDataDetail.school"></el-input>
+                  </el-form-item>
+                </el-col>
+              <el-col :span="8">
+                <el-form-item label="毕业时间" prop="graduationTime">
+                  <el-date-picker  style="width:200px" v-model="formDataDetail.graduationTime" type="date" placeholder="选择日期">
+                  </el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="原工作单位" prop="formerEmployer">
+                  <el-input v-model="formDataDetail.formerEmployer"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                  <el-form-item label="入司时间" prop="entryTime">
+                    <el-date-picker style="width:200px" v-model="formDataDetail.entryTime" type="date" placeholder="选择日期">
+                    </el-date-picker>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                <el-form-item label="代理人资格证号" prop="agentQualificationCode">
+                  <el-input v-model="formDataDetail.agentQualificationCode"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="紧急联系人电话" prop="emergencyContactTel">
+                  <el-input v-model="formDataDetail.emergencyContactTel"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="紧急联系人姓名" prop="emergencyContactName">
+                  <el-input v-model="formDataDetail.emergencyContactName"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <div style="text-align: right;">
+            <el-button size="small" type="primary" style="background-color: #ffc000; border: 1px solid #ffc000"
+              @click="closeDialog">取消</el-button>
+            <el-button size="small" type="primary" @click="activeName = '1'">上一步</el-button>
+            <el-button size="small" v-if="!isDisabled" type="primary" @click="submitForm">提交</el-button>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+
     </el-dialog>
   </div>
 </template>
@@ -201,7 +306,7 @@
 <script>
 import tree from "@/components/ztree.vue"; // 机构树组件
 import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
-import Cookies from "js-cookie";
+import { validateSfz } from "../../../utils/validate.js";
 
 export default {
   components: {
@@ -210,6 +315,66 @@ export default {
   },
   data() {
     return {
+      activeName: '1',
+      //56个民族
+      nationalList: [
+        "汉族",
+        "壮族",
+        "满族",
+        "回族",
+        "苗族",
+        "维吾尔族",
+        "土家族",
+        "彝族",
+        "蒙古族",
+        "藏族",
+        "布依族",
+        "侗族",
+        "瑶族",
+        "朝鲜族",
+        "白族",
+        "哈尼族",
+        "哈萨克族",
+        "黎族",
+        "傣族",
+        "畲族",
+        "傈僳族",
+        "仡佬族",
+        "东乡族",
+        "高山族",
+        "拉祜族",
+        "水族",
+        "佤族",
+        "纳西族",
+        "羌族",
+        "土族",
+        "仫佬族",
+        "锡伯族",
+        "柯尔克孜族",
+        "达斡尔族",
+        "景颇族",
+        "毛南族",
+        "撒拉族",
+        "布朗族",
+        "塔吉克族",
+        "阿昌族",
+        "普米族",
+        "鄂温克族",
+        "怒族",
+        "京族",
+        "基诺族",
+        "德昂族",
+        "保安族",
+        "俄罗斯族",
+        "裕固族",
+        "乌兹别克族",
+        "门巴族",
+        "鄂伦春族",
+        "独龙族",
+        "塔塔尔族",
+        "赫哲族",
+        "珞巴族",
+      ],
       pageData: {
         pageNum: 1,
         pageSize: 20,
@@ -246,6 +411,8 @@ export default {
       currentTreeNode: null,
       queryFrom: {},
       pageResult: {},
+      formDataDetail: {},
+      formDataRulesDetail: {},
       dialogVisible: false, // 新增编辑界面是否显示
       columns: [
         // 数据列
@@ -293,6 +460,9 @@ export default {
         // password: [{ required: true, message: "请填写密码", trigger: "blur" }],
         status: [{ required: true, message: "请选择状态", trigger: "change" }],
         roleId: [{ required: true, message: "请填写角色", trigger: "blur" }],
+        identity:
+        [{ required: true, message: "请填写身份证号" },
+        { validator: validateSfz }], 
         },
     };
   },
@@ -328,8 +498,8 @@ export default {
       this.pageData.deptId = this.currentTreeNode.id;
       this.pageData.pageNum =1;
       this.findPage();
-      this.formData.deptId = [];
-      this.platform(treeId);
+      // this.formData.deptId = [];
+      // this.platform(treeId);
     },
     platform(array) {
       if (!array.parent) {
@@ -396,7 +566,7 @@ export default {
     },
      //联级选择器触发事件
      handleChange(val) {
-      if (val.length !== 0) {
+      if (val && val.length !== 0) {
         this.formData.deptId = val.at(-1);
       }
     },
@@ -412,17 +582,15 @@ export default {
     closeDialog() {
       this.dialogVisible = false;
     },
-    detail(params){
-      this.$api.dept.findDeptTree().then(res => {
-        this.option = res.data;
-      });
-      this.$api.user.getUserDatail(params.row.userId).then(res => {
+    async detail(params){
+      this.activeName = '1'
+      let res = await this.$api.user.getUserDatail(params.row.userId)
         if (res.code == 200) {
           res.data.sysUser.status += ''
-          this.formData = res.data.sysUser
+        this.formData = res.data.sysUser
+        this.formDataDetail = res.data.sysUserInfo?res.data.sysUserInfo:{}
           this.formData.password = "";
         }
-      });
     },
     handleTableEdit(params){
      this.detail(params)
@@ -436,38 +604,103 @@ export default {
       this.isDisabled=true
       this.dialogVisible = true;
     },
-    // 提交
-  submitForm() {
+    identityChange(iden){
+        let sex = null;
+        let birth = null;
+        let myDate = new Date();
+        let month = myDate.getMonth() + 1;
+        let day = myDate.getDate();
+          sex = iden.substring(16,17);
+          birth = iden.substring(6,10)+"-"+iden.substring(10,12)+"-"+iden.substring(12,14);
+          if (iden.substring(10, 12) < month || iden.substring(10, 12) == month && iden.substring(12, 14) <= day) age++;
+        if(sex%2 === 0)
+          sex = '女';
+        else
+          sex = '男';
+          this.formDataDetail.birthday=birth
+          this.formDataDetail.sex=this.sexoptions.find(val=>sex==val.label).value
+    },
+    beforeTabLeave(){
+      let p = new Promise((resolve, reject) => {
+        this.$refs.formData.validate(async (valid) => {
+          valid ? resolve() : reject();
+          if (valid !== resolve()) {
+            // this.$message.error("请完善基本信息！");
+          }
+        
+        });
+      });
+      return p;
+    },
+    // 下一步
+     nextStep() {
       this.$refs.formData.validate((valid) => {
         if (valid) {
-          this.$confirm("确认提交审核吗？", "提示", {})
+          this.activeName = '2'
+        }
+      });
+  },
+    // 提交
+    submitForm() {
+      this.$refs.formDataDetail.validate((valid) => {
+        if (valid) {
+          this.$confirm("确认提交吗？", "提示", {})
             .then(() => {
-              this.$api.user.saveOrUpdate(this.formData).then((res) => {
-                if (res.code == 200) {
-                  this.$message({
-                    message: "操作成功",
-                    type: "success",
-                  });
-                  this.dialogVisible = false;
-                  this.$refs["formData"].resetFields();
-                  this.findPage();
-                } else {
-                  this.$message({
-                    message: `操作失败，请重新添加,(${res.msg})`,
-                    type: "error",
-                  });
+              // if(!this.basicInformation.id && this.dialogTitle =="新增代理人"){
+              //   this.$message({
+              //     message: '请先填写基本信息！！！',
+              //     type: 'warning'
+              //   });
+              //   return false
+              // }
+              if (this.dialogTitle == '新增代理人') {
+                if(!this.formDataDetail.password){
+                  this.formDataDetail.password=this.formDataDetail.mobile+'@2023'
                 }
-              });
+                this.$api.user.saveUserInfo({ sysUser: this.formData, sysUserInfo: this.formDataDetail }).then((res) => {
+                  if (res.code == 200) {
+                    this.$message({
+                      message: "保存成功",
+                      type: "success",
+                    });
+                    this.activeName = '1'
+                    this.dialogVisible = false;
+                    this.$refs["formData"].resetFields();
+                    this.$refs["formDataDetail"].resetFields();
+                    this.findPage();
+                  } else {
+                    this.$message({
+                      message: `保存失败，请重新添加,(${res.msg})`,
+                      type: "error",
+                    });
+                  }
+                });
+              }
+              else{
+                this.$api.user.updateUserInfo(this.formData.id,{ sysUser: this.formData, sysUserInfo: this.formDataDetail }).then((res) => {
+                  if (res.code == 200) {
+                    this.$message({
+                      message: "编辑成功",
+                      type: "success",
+                    });
+                    this.activeName = '1'
+                    this.dialogVisible = false;
+                    this.$refs["formData"].resetFields();
+                    this.$refs["formDataDetail"].resetFields();
+                    this.findPage();
+                  } else {
+                    this.$message({
+                      message: `编辑失败，请重新添加,(${res.msg})`,
+                      type: "error",
+                    });
+                  }
+                });
+              }
+
             })
-            .catch(() => {
-              this.$message({
-                type: "info",
-                message: "已取消提交",
-              });
-            });
-        } 
+        }
       });
-  }
+    },
   }
 };
 </script>

src/views/PeopleManage/Seo/TeamSeo.vue

@@ -1019,7 +1019,7 @@ export default {
           //     });
           // }
           if(result.code==200){
-            this.dataForm=result.data.sysUser
+            this.dataForm= {...result.data.sysUser,...result.data.sysUserInfo} 
           }
           this.dialogVisible = true;
         });

src/views/PeopleManage/Staff/StaffManage.vue

@@ -156,8 +156,10 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="密码" prop="password">
-                  <el-input style="width:200px" v-model="formData.password" autocomplete="new-password"
-                    show-password></el-input>
+                  <el-input  v-model="formData.password" :class="isShow==true?'disc':'none'" ></el-input>
+                  <i class="el-icon-view icon" @click="isShowFun()"></i>
+                  <!-- <el-input style="width:200px" v-model="formData.password" autocomplete="new-password"
+                    show-password></el-input> -->
                 </el-form-item>
               </el-col>
               <el-col :span="8">
@@ -351,6 +353,7 @@ export default {
   data() {
     return {
       activeName: '1',
+      isShow:true,
       //56个民族
       nationalList: [
         "汉族",
@@ -553,6 +556,9 @@ export default {
     },
   },
   methods: {
+    isShowFun(){
+      this.isShow=!this.isShow
+    },
     identityChange(iden){
         let sex = null;
         let birth = null;
@@ -852,5 +858,19 @@ export default {
 .queryFrom .queryButton .el-form-item__content {
   margin-left: 0px !important;
 }
-
+.disc{
+  -webkit-text-security:disc;
+  position: relative;
+}
+.none{
+  -webkit-text-security:none;
+  position: relative;
+}
+.icon{
+  color: #ccc;
+  position: absolute;
+  right: 0;
+  top:10px;
+  text-align: center
+}
 </style>

src/views/PeopleManage/TeamLeader/TeamLeaderManage.vue

@@ -156,8 +156,10 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="密码" prop="password">
-                  <el-input style="width:200px" v-model="formData.password" autocomplete="new-password"
-                    show-password></el-input>
+                  <el-input  v-model="formData.password" :class="isShow==true?'disc':'none'" ></el-input>
+                  <i class="el-icon-view icon" @click="isShowFun()"></i>
+                  <!-- <el-input style="width:200px" v-model="formData.password" autocomplete="new-password" -->
+                    <!-- show-password></el-input> -->
                 </el-form-item>
               </el-col>
               <el-col :span="8">
@@ -352,6 +354,7 @@ export default {
 
     return {
       activeName: '1',
+      isShow:true,
       //56个民族
       nationalList: [
         "汉族",
@@ -593,6 +596,9 @@ export default {
         this.formData.deptId = val.at(-1);
       }
     },
+    isShowFun(){
+      this.isShow=!this.isShow
+    },
     identityChange(iden){
         let sex = null;
         let birth = null;
@@ -848,5 +854,19 @@ export default {
 .queryFrom .queryButton .el-form-item__content {
   margin-left: 0px !important;
 }
-
+.disc{
+  -webkit-text-security:disc;
+  position: relative;
+}
+.none{
+  -webkit-text-security:none;
+  position: relative;
+}
+.icon{
+  color: #ccc;
+  position: absolute;
+  right: 0;
+  top:10px;
+  text-align: center
+}
 </style>