feat: [用户管理] 对接域控

src/api/system/user.js

@@ -164,3 +164,12 @@ export function roleChangeList(query) {
     params: query
   })
 }
+
+// 查询用户
+export function checkExist(query) {
+  return request({
+    url: '/system/user/checkExist',
+    method: 'get',
+    params: query
+  })
+}

src/views/system/user/index.vue

@@ -142,11 +142,16 @@
         <el-row>
           <el-col :span="24">
             <el-form-item :label="$t('page.system.user.userName')+'：'" prop="userName">
-              <el-input v-model="form.userName" :placeholder="$t('form.placeholderInput')" maxlength="30" />
+              <el-input v-model="form.userName" :placeholder="$t('form.placeholderInput')" maxlength="30">
+                <template slot="append">
+                  <el-button @click="getUserByUserName">{{ $t('form.search') }}</el-button>
+                </template>
+              </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="24">
             <el-form-item v-if="form.userId == undefined" label="用户密码：" prop="password">
+              <div class="sbzdtcma"> <input type="text"></div>
               <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password />
             </el-form-item>
           </el-col>
@@ -285,7 +290,7 @@
 </template>
 
 <script>
-import { listUser, getUser, delUser, addUser, updateUser, resetUserPwd, changeUserStatus, deptTreeSelect,roleChangeList } from "@/api/system/user"
+import { listUser, getUser, delUser, addUser, updateUser, resetUserPwd, changeUserStatus, deptTreeSelect,roleChangeList,checkExist } from "@/api/system/user"
 import { getToken } from "@/utils/auth"
 import Treeselect from "@riophae/vue-treeselect"
 import "@riophae/vue-treeselect/dist/vue-treeselect.css"
@@ -759,6 +764,16 @@ export default {
         this.doGh(val)
       }
     },
+
+    /** 查询用户信息 */
+    getUserByUserName() {
+      if(this.form.userName){
+        checkExist({username:this.form.userName}).then(response => {
+          this.form.nickName = response.data.displayName
+          this.form.email = response.data.mail
+        })
+      }
+    },
   }
 }
 </script>