refactor(user.ts): 调整获取用户表单详情的API路径

src/api/system/user.ts

@@ -20,7 +20,7 @@ export function listUsersWithPage(queryParams: any) {
  */
 export function getUserFormDetail(userId: any) {
     return request({
-        url: '/youlai-admin/api/v1/users/' + userId + '/form',
+        url: '/youlai-admin/api/v1/users/' + userId + '/form_detail',
         method: 'get'
     })
 }

src/views/system/user/index.vue

@@ -78,7 +78,6 @@
                   size="small"
                   style="width: 200px"
                   @keyup.enter="handleQuery"
-
               />
             </el-form-item>
 
@@ -95,7 +94,6 @@
               </el-select>
             </el-form-item>
 
-
             <el-form-item>
               <el-button
                   type="primary"
@@ -244,8 +242,18 @@
           :rules="rules"
           label-width="80px"
       >
-        <el-row>
+
-          <el-col :span="12">
+        <el-form-item
+            label="用户名"
+            prop="username"
+        >
+          <el-input
+              :readonly="!formData.id"
+              v-model="formData.username"
+              placeholder="请输入用户名"
+          />
+        </el-form-item>
+
         <el-form-item
             label="用户昵称"
             prop="nickname"
@@ -255,8 +263,7 @@
               placeholder="请输入用户昵称"
           />
         </el-form-item>
-          </el-col>
+
-          <el-col :span="12">
         <el-form-item
             label="归属部门"
             prop="deptId"
@@ -265,13 +272,9 @@
               v-model="formData.deptId"
               :options="deptOptions"
               placeholder="请选择归属部门"
-
           />
         </el-form-item>
-          </el-col>
+
-        </el-row>
-        <el-row>
-          <el-col :span="12">
         <el-form-item
             label="手机号码"
             prop="mobile"
@@ -282,8 +285,7 @@
               maxlength="11"
           />
         </el-form-item>
-          </el-col>
+
-          <el-col :span="12">
         <el-form-item
             label="邮箱"
             prop="email"
@@ -294,33 +296,14 @@
               maxlength="50"
           />
         </el-form-item>
-          </el-col>
+
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item
-                v-if="formData.id === undefined"
-                label="用户名称"
-                prop="userName"
-            >
-              <el-input
-                  v-model="formData.username"
-                  placeholder="请输入用户名称"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
         <el-form-item label="状态">
           <el-radio-group v-model="formData.status">
             <el-radio :label="1">正常</el-radio>
             <el-radio :label="0">禁用</el-radio>
           </el-radio-group>
         </el-form-item>
-          </el-col>
 
-        </el-row>
-        <el-row>
-          <el-col :span="12">
         <el-form-item label="用户性别">
           <el-select
               v-model="formData.gender"
@@ -331,8 +314,7 @@
             <el-option label="女" :value="2"/>
           </el-select>
         </el-form-item>
-          </el-col>
+
-          <el-col :span="12">
         <el-form-item label="角色">
           <el-select
               v-model="formData.roleIds"
@@ -347,10 +329,7 @@
             />
           </el-select>
         </el-form-item>
-          </el-col>
+
-        </el-row>
-        <el-row>
-          <el-col :span="12">
         <el-form-item
             v-if="formData.id === undefined"
             label="用户密码"
@@ -362,13 +341,10 @@
               type="password"
           />
         </el-form-item>
-          </el-col>
+
-        </el-row>
       </el-form>
       <template #footer>
-        <div
+        <div class="dialog-footer">
-            class="dialog-footer"
-        >
           <el-button
               type="primary"
               @click="submitForm"
@@ -381,8 +357,6 @@
         </div>
       </template>
     </el-dialog>
-
-
   </div>
 </template>