用户管理增加修改登录账号

src/views/system/user.vue

@@ -146,7 +146,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="归属部门" prop="deptId">
+            <el-form-item label="归属部门" prop="deptId" class="mini-treeselect">
               <treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" :show-count="true"
                           placeholder="请选择归属部门"/>
             </el-form-item>
@@ -154,7 +154,7 @@
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item v-if="form.id == undefined" label="登录账户" prop="account">
+            <el-form-item label="登录账户" prop="account">
               <el-input v-model="form.account" placeholder="请输入登录账户" maxlength="30"/>
             </el-form-item>
           </el-col>
@@ -163,25 +163,30 @@
               <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password/>
             </el-form-item>
           </el-col>
+          <el-col :span="12">
+            <el-form-item v-if="form.id" label="岗位" prop="post">
+              <el-input v-model="form.post" placeholder="请输入岗位" maxlength="32"/>
+            </el-form-item>
+          </el-col>
         </el-row>
-        <el-row>
+        <el-row v-if="form.id == undefined">
           <el-col :span="12">
             <el-form-item label="岗位" prop="post">
               <el-input v-model="form.post" placeholder="请输入岗位" maxlength="32"/>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-<!--            <el-form-item label="角色" prop="roleIds">-->
-<!--              <el-select v-model="form.roleIds" multiple placeholder="请选择角色">-->
-<!--                <el-option-->
-<!--                  v-for="item in roleOptions"-->
-<!--                  :key="item.id"-->
-<!--                  :label="item.roleName"-->
-<!--                  :value="item.id"-->
-<!--                  :disabled="item.status == 1"-->
-<!--                ></el-option>-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
+            <!--            <el-form-item label="角色" prop="roleIds">-->
+            <!--              <el-select v-model="form.roleIds" multiple placeholder="请选择角色">-->
+            <!--                <el-option-->
+            <!--                  v-for="item in roleOptions"-->
+            <!--                  :key="item.id"-->
+            <!--                  :label="item.roleName"-->
+            <!--                  :value="item.id"-->
+            <!--                  :disabled="item.status == 1"-->
+            <!--                ></el-option>-->
+            <!--              </el-select>-->
+            <!--            </el-form-item>-->
           </el-col>
         </el-row>
         <el-row>
@@ -545,7 +550,7 @@ export default {
     handlePermission(row) {
       menuTreeselect().then(res => {
         this.menuOptions = res.data;
-        this.permissionUserId=row.id
+        this.permissionUserId = row.id
         this.permissionOpen = true
         getPermissionByUserId(row.id).then(res => {
           res.data.forEach((v) => {
@@ -585,4 +590,15 @@ export default {
 .custom-dialog::v-deep .el-dialog__body {
   padding: 0 20px 10px 20px;
 }
+
+.mini-treeselect {
+  ::v-deep.vue-treeselect__control {
+    height: 28px;
+  }
+
+  ::v-deep.vue-treeselect__placeholder, .vue-treeselect__single-value {
+    padding-left: 10px;
+    line-height: 28px;
+  }
+}
 </style>