修复：完善基础资料页异步与提交保护

shierfeng-fastapi-frontend/src/views/master/warehouse/index.vue

@@ -33,7 +33,7 @@
 
     <el-alert v-if="loadError" :title="loadError" type="error" :closable="false" show-icon class="mb8" />
     <el-table v-loading="loading" empty-text="暂无数据" :data="warehouseList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" :selectable="isRowSelectable" width="55" align="center" />
+      <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="仓库ID" prop="warehouseId" align="center" />
       <el-table-column label="仓库编码" prop="warehouseCode" align="center" :show-overflow-tooltip="true" />
       <el-table-column label="仓库名称" prop="warehouseName" align="center" :show-overflow-tooltip="true" />
@@ -49,7 +49,7 @@
           <el-button link type="primary" icon="User" @click="handleAssign(scope.row)" v-hasPermi="['master:warehouse:assign']">分配</el-button>
           <el-button
             v-if="proxy.$auth.hasPermiAnd(['master:warehouse:query', 'master:warehouse:edit'])"
-            link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['master:warehouse:edit']"
+            link type="primary" icon="Edit" :disabled="detailLoading" @click="handleUpdate(scope.row)" v-hasPermi="['master:warehouse:edit']"
           >修改</el-button>
           <el-button
             v-if="scope.row.canRemove === true"
@@ -64,7 +64,16 @@
       v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList"
     />
 
-    <el-dialog v-model="open" :title="title" width="min(560px, 92vw)" append-to-body>
+    <el-dialog
+      v-model="open"
+      :title="title"
+      width="min(560px, 92vw)"
+      append-to-body
+      :close-on-click-modal="!submitLoading"
+      :close-on-press-escape="!submitLoading"
+      :show-close="!submitLoading"
+      :before-close="handleDialogBeforeClose"
+    >
       <el-alert v-if="formError" :title="formError" type="error" :closable="false" show-icon class="mb8" />
       <el-form ref="warehouseRef" :model="form" :rules="rules" label-width="90px">
         <el-form-item label="仓库编码" prop="warehouseCode">
@@ -105,7 +114,8 @@ import { addWarehouse, delWarehouse, getWarehouse, listWarehouse, updateWarehous
 const { proxy } = getCurrentInstance();
 const { sys_normal_disable } = proxy.useDict("sys_normal_disable");
 const warehouseList = ref([]);
-const ids = ref([]);
+const selectedIds = ref([]);
+const removableIds = ref([]);
 const selectedRows = ref([]);
 const assignDialogRef = ref();
 const loading = ref(false);
@@ -118,6 +128,8 @@ const single = ref(true);
 const multiple = ref(true);
 const total = ref(0);
 const title = ref("");
+let listGeneration = 0;
+let detailGeneration = 0;
 
 function validateRequiredText(rule, value, callback) {
   const labels = { warehouseCode: "仓库编码", warehouseName: "仓库名称" };
@@ -139,43 +151,89 @@ const data = reactive({
 });
 const { form, queryParams, rules } = toRefs(data);
 
+function isCurrentListRequest(listContext) {
+  return listContext.generation === listGeneration;
+}
 function getList() {
+  const listContext = {
+    generation: ++listGeneration,
+    query: { ...queryParams.value }
+  };
   loading.value = true;
   loadError.value = "";
-  listWarehouse(queryParams.value).then((response) => {
+  listWarehouse(listContext.query).then((response) => {
+    if (!isCurrentListRequest(listContext)) {
+      return;
+    }
     warehouseList.value = response.rows;
     total.value = response.total;
   }).catch(() => {
+    if (!isCurrentListRequest(listContext)) {
+      return;
+    }
     warehouseList.value = [];
     total.value = 0;
     loadError.value = "仓库列表加载失败，请稍后重试";
-  }).finally(() => { loading.value = false; });
+  }).finally(() => {
+    if (!isCurrentListRequest(listContext)) {
+      return;
+    }
+    loading.value = false;
+  });
 }
 function reset() {
   formError.value = "";
   form.value = { warehouseId: undefined, warehouseCode: "", warehouseName: "", address: "", status: "0", remark: "" };
   proxy.resetForm("warehouseRef");
 }
-function cancel() { open.value = false; reset(); }
+function invalidateDetailRequest() {
+  detailGeneration += 1;
+  detailLoading.value = false;
+}
+function isCurrentDetailRequest(detailContext) {
+  return detailContext.generation === detailGeneration;
+}
+function cancel() {
+  if (submitLoading.value) return;
+  invalidateDetailRequest();
+  open.value = false;
+  reset();
+}
+function handleDialogBeforeClose(done) {
+  if (submitLoading.value) return;
+  invalidateDetailRequest();
+  reset();
+  done();
+}
 function handleQuery() { queryParams.value.pageNum = 1; getList(); }
 function resetQuery() { proxy.resetForm("queryRef"); handleQuery(); }
-function isRowSelectable(row) {
-  return row.canRemove === true;
-}
 function handleSelectionChange(selection) {
-  selectedRows.value = selection.filter((item) => item.canRemove === true);
-  ids.value = selection
+  selectedRows.value = selection;
+  selectedIds.value = selection.map((item) => item.warehouseId);
+  removableIds.value = selection
     .filter((item) => item.canRemove === true)
     .map((item) => item.warehouseId);
-  single.value = ids.value.length !== 1;
-  multiple.value = ids.value.length === 0;
+  single.value = selectedIds.value.length !== 1;
+  multiple.value = removableIds.value.length === 0;
+}
+function handleAdd() {
+  invalidateDetailRequest();
+  reset();
+  title.value = "新增仓库";
+  open.value = true;
 }
-function handleAdd() { reset(); title.value = "新增仓库"; open.value = true; }
 function handleUpdate(row = {}) {
   reset();
-  const warehouseId = row.warehouseId || ids.value[0];
+  const warehouseId = row.warehouseId || selectedIds.value[0];
+  const detailContext = {
+    generation: ++detailGeneration,
+    resourceId: warehouseId
+  };
   detailLoading.value = true;
-  getWarehouse(warehouseId).then((response) => {
+  getWarehouse(detailContext.resourceId).then((response) => {
+    if (!isCurrentDetailRequest(detailContext)) {
+      return;
+    }
     const detail = response.data;
     form.value = {
       warehouseId: detail.warehouseId,
@@ -188,8 +246,16 @@ function handleUpdate(row = {}) {
     title.value = "修改仓库";
     open.value = true;
   }).catch(() => {
+    if (!isCurrentDetailRequest(detailContext)) {
+      return;
+    }
     loadError.value = "仓库详情加载失败，请稍后重试";
-  }).finally(() => { detailLoading.value = false; });
+  }).finally(() => {
+    if (!isCurrentDetailRequest(detailContext)) {
+      return;
+    }
+    detailLoading.value = false;
+  });
 }
 function handleAssign(row = {}) {
   if (!row.warehouseId) row = selectedRows.value[0];
@@ -239,7 +305,7 @@ function submitUpdate() {
   });
 }
 function handleDelete(row) {
-  const targetIds = row?.warehouseId ? (row.canRemove === true ? [row.warehouseId] : []) : ids.value;
+  const targetIds = row?.warehouseId ? (row.canRemove === true ? [row.warehouseId] : []) : removableIds.value;
   if (!targetIds.length) { proxy.$modal.msgWarning("请选择允许删除的仓库"); return; }
   proxy.$modal.confirm(`是否确认删除仓库编号为“${targetIds.join(",")}”的数据项？`).then(() =>
     delWarehouse(targetIds.join(","))