update

user_web/src/view/admin/ManageUser.vue

@@ -171,7 +171,10 @@ let state = ref({
     "showDialog": false,
     // 当前分页列表，多选的数据
     "ids": [],
-    "showDel": false
+    // 批量删除模态框
+    "showDel": false,
+    // 详情模态框
+    "showDetails": false,
 });
 
 // 用于表单验证规则必须要的对象
@@ -360,6 +363,9 @@ const btnBatchDel = () => {
  */
 const btnDetail = (res) => {
     console.log('弹出指定分页详情', res);
+
+    state.value.showDetails = true;
+
 }
 
 </script>
@@ -483,6 +489,33 @@ const btnDetail = (res) => {
             </div>
         </el-dialog>
 
+        <!-- 账号详情模态框 -->
+        <el-dialog v-model="state.showDetails" class="dialog">
+            <template #header>
+                <div class="dialog-title">账号详情</div>
+            </template>
+            <div class="dialogBody">
+                <el-form ref="ruleFormRef" :model="userAddParams" :rules="userAddRules">
+                    <el-form-item label="姓名" prop="name">
+                        <el-input v-model="userAddParams.name" clearable placeholder="请填写姓名"></el-input>
+                    </el-form-item>
+                    <el-form-item label="学号" prop="username">
+                        <el-input v-model="userAddParams.username" type="number" clearable placeholder="请填写学号"></el-input>
+                    </el-form-item>
+                    <el-form-item label="学校" prop="orgId">
+                        <el-select v-model="userAddParams.orgId" clearable placeholder="请选择学校" @change="selectClass">
+                            <el-option v-for="item in state.organizationList" :key="item.id" :label="item.name" :value="item.id" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="班级" prop="orgId">
+                        <el-select v-model="userAddParams.orgId" clearable placeholder="请选择班级" @change="selectClass">
+                            <el-option v-for="item in state.organizationList" :key="item.id" :label="item.name" :value="item.id" />
+                        </el-select>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </el-dialog>
+
         <!-- 用于批量删除模态框 -->
         <el-dialog v-model="state.showDel" width="600" class="del">
             <template #header>