update

user_web/src/view/admin/ManageSchool.vue

@@ -105,10 +105,15 @@ let addRules = ref({
 
 
 /**
- * 详情数据
+ * 详情数据,同时用于更新使用
  */
 let detailsDb = ref({
-    name: '',
+    "id": null,
+    "name": null,
+    "type": null,
+    "remark": null,
+    "parentId": null,
+    "schoolId": null
 });
 
 /**
@@ -117,7 +122,6 @@ let detailsDb = ref({
  */
 let pageDb = [];
 
-
 /**
  * 查找分页数据
  */
@@ -347,14 +351,36 @@ const btnBatchDel = () => {
  * @param res 
  */
 const btnDetail = (res) => {
-    console.log('弹出指定分页详情', res);
+    // console.log('弹出指定分页详情', res);
+    
+    let submit = {
+        // 选校全部结构返回里面的id值
+        "id" : "" + res.id,
+    };
 
-    detailsDb.value = {
-        name: res.name,
-    }
+    schoolItem(submit)
+    .then(response => {
 
-    state.value.showDetails = true;
+        let data = response?.data?.data;
+        // console.log(
+        //     "schoolItemEvent response", response, data
+        // );
 
+        detailsDb.value = {
+            "id": data.id,
+            "name": data.name,
+            "type": data.type,
+            "remark": data.remark,
+            "parentId": data.parentId,
+            "schoolId": data.schoolId
+        };
+        
+        state.value.showDetails = true;
+
+    }).catch(error => {
+        
+    });
+    
 }
 
 /**
@@ -471,17 +497,26 @@ onMounted(function() {
             </div>
         </el-dialog>
 
-        <!-- 详情模态框 -->
+        <!-- 详情和更新模态框 -->
         <el-dialog v-model="state.showDetails" class="dialog">
             <template #header>
                 <div class="dialog-title">学校详情</div>
             </template>
             <div class="dialogBody">
-                <el-form :model="detailsDb">
+                 <el-form ref="ruleFormRef" :model="detailsDb" :rules="addRules">
                     <el-form-item label="学校" prop="name">
-                        <el-input v-model="detailsDb.name" clearable disabled ></el-input>
+                        <el-input v-model="detailsDb.name" clearable placeholder="请填写学校"></el-input>
                     </el-form-item>
                 </el-form>
+                <el-form ref="ruleFormRef" :model="detailsDb" :rules="addRules">
+                    <el-form-item label="备注" prop="remark">
+                        <el-input v-model="detailsDb.remark" clearable placeholder="请填写备注"></el-input>
+                    </el-form-item>
+                </el-form>
+                <div class="dialogFoot">
+                    <el-button color="#EAEAEA" @click="state.showDetails = false" style="margin-right: 0.6rem">取消</el-button>
+                    <el-button color="#2C68FF" @click="submitForm(ruleFormRef)">更新</el-button>
+                </div>
             </div>
         </el-dialog>