个人档案

src/pages/user/user_info.vue

@@ -51,17 +51,12 @@
             <p>组织机构：</p>
             <el-input v-model="user_data.organization" :disabled="true"></el-input>
           </el-form-item>
-          <el-form-item class="info_item info_item_right_btn">
+          <el-form-item
+            :class="user_data.userType == 3 ? 'info_item info_item_right_btn' : 'info_item'"
+          >
             <p>当前用户类型：</p>
-            <el-select v-model="user_data.userType" :disabled="true">
-              <el-option
-                v-for="item in userTypeOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
-            </el-select>
-            <el-button class="option_btn" @click="upLevel">升级为开发者</el-button>
+            <el-input v-model="user_data.userTypeName" :disabled="true"></el-input>
+            <el-button v-if="user_data.userType == 3" class="option_btn" @click="upLevel">升级为开发者</el-button>
           </el-form-item>
         </el-form>
       </div>
@@ -111,7 +106,7 @@
             <p>密钥：</p>
             <el-input ref="keys" v-model="formBusiness.key"></el-input>
             <el-button class="option_btn" @click="copyKey">复制</el-button>
-            <el-button class="option_btn_gray" @click="upLevel">重置</el-button>
+            <el-button class="option_btn_gray" @click="resetKey">重置</el-button>
           </el-form-item>
           <el-form-item class="info_item">
             <p>描述：</p>
@@ -137,11 +132,27 @@
             </el-form-item>
             <el-form-item class="dia_item">
               <p>新密码：</p>
-              <el-input v-model="form.passwordNew"></el-input>
+              <el-input v-model="form.passwordNew" :type="visible1 ? 'password':'text'">
+                <span
+                  slot="suffix"
+                  :title="visible1 ? '显示密码':'隐藏密码'"
+                  @click="changePass1()"
+                  style="cursor:pointer;"
+                  :class="visible1 ? 'eye_dis':'eye'"
+                ></span>
+              </el-input>
             </el-form-item>
             <el-form-item class="dia_item">
               <p>请再次输入密码：</p>
-              <el-input v-model="form.nextname"></el-input>
+              <el-input v-model="form.nextname" :type="visible2 ? 'password':'text'">
+                <span
+                  slot="suffix"
+                  :title="visible2 ? '显示密码':'隐藏密码'"
+                  @click="changePass2()"
+                  style="cursor:pointer;"
+                  :class="visible2 ? 'eye_dis':'eye'"
+                ></span>
+              </el-input>
             </el-form-item>
           </el-form>
         </div>
@@ -173,8 +184,11 @@ export default {
       phone: "",
       email: "",
       organization: "",
-      userType: ""
+      userType: "",
+      userTypeName: ""
     },
+    visible1: true,
+    visible2: true,
     form: {
       passwordOld: "",
       passwordNew: "",
@@ -207,13 +221,7 @@ export default {
     blackAddShow: false,
     newIpWhite: "",
     newIpBlack: "",
-    diaPassWord: false,
-    userTypeOptions: [
-      { value: 1, label: "超级管理员" },
-      { value: 2, label: "组织管理员" },
-      { value: 3, label: "普通用户" },
-      { value: 4, label: "普通用户开发者" }
-    ]
+    diaPassWord: false
   }),
   mounted() {
     this.getCurrentUser();
@@ -240,6 +248,14 @@ export default {
           this.user_data.email = data.email;
           this.user_data.organization = data.department;
           this.user_data.userType = data.is_admin;
+          this.user_data.userTypeName =
+            this.user_data.userType == 1
+              ? "超级管理员"
+              : this.user_data.userType == 2
+              ? "组织管理员"
+              : this.user_data.userType == 3
+              ? "普通用户"
+              : "普通用户开发者";
           this.imgList.push(data.picture_path);
           this.formBusiness.businessSystemName = data.system_name;
           this.formBusiness.domainName = data.domain_name;
@@ -296,10 +312,23 @@ export default {
     changePassword() {
       this.diaPassWord = true;
     },
+    changePass1() {
+      this.visible1 = !this.visible1;
+    },
+    changePass2() {
+      this.visible2 = !this.visible2;
+    },
     cancelChangePwd() {
       this.diaPassWord = false;
     },
     submitChangePwd() {
+      let query = {
+        id: this.user_data.accountNo,
+        form: {
+          origin_password: this.form.passwordOld,
+          new_password: this.form.passwordNew
+        }
+      }
       this.$api.user.editUserPassword(query).then(response => {
         if (response.data.success == 1) {
           this.$message({
@@ -315,7 +344,38 @@ export default {
         }
       });
     },
-    upLevel() {},
+    resetKey() {
+      this.$api.authority
+        .resetUserKey({ user_id: this.user_data.accountNo })
+        .then(response => {
+          if (response.data.success == 1) {
+            this.$message({
+              message: "重置密钥成功",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: "重置密钥失败",
+              type: "error"
+            });
+          }
+        });
+    },
+    upLevel() {
+      this.$api.authority.updateLevel().then(response => {
+        if (response.data.success == 1) {
+          this.$message({
+            message: "重置密钥成功",
+            type: "success"
+          });
+        } else {
+          this.$message({
+            message: "重置密钥失败",
+            type: "error"
+          });
+        }
+      });
+    },
     copyKey() {
       this.$refs.keys.select();
       document.execCommand("Copy");
@@ -465,6 +525,24 @@ export default {
   margin-right: 10px;
   margin-bottom: 10px;
 }
+.eye {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  position: relative;
+  top: 4px;
+  cursor: pointer;
+  background: url("~@/assets/imgs/login_eye.png") no-repeat center center;
+}
+.eye_dis {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  position: relative;
+  top: 6px;
+  cursor: pointer;
+  background: url("~@/assets/imgs/login_eye_dis.png") no-repeat center center;
+}
 </style>
 <style>
 .info_item_right_btn .el-input {

src/request/api/authority.js

@@ -26,11 +26,17 @@ const authority = {
     getOrganizationList() {
         return axios.get(`/apaas/backmgt/department/list`);
     },
-
+    
     // User
     setUserInfo(params) {
         return axios.put(`/apaas/backmgt/user/put?pageType=${params.pageType}`, params);
     },
+    resetUserKey(params) {
+        return axios.put(`/apaas/backmgt/user/reset?user_id=${params.user_id}`);
+    },
+    updateLevel() {
+        return axios.post(`/apaas/backmgt/user/upgrade`);
+    },
 }
 
 export default authority;