From 9ea5ff67655241271bdf04bb50ca3a8d60c4e22a Mon Sep 17 00:00:00 2001
From: yuan <123@>
Date: 星期二, 11 八月 2026 15:07:02 +0800
Subject: [PATCH] fix: 用河南鹤壁代码覆盖山西长治

---
 src/views/qualityManagement/finalInspection/index.vue |  860 ++++++++++++++++++++++++++-------------------------------
 1 files changed, 392 insertions(+), 468 deletions(-)

diff --git a/src/views/qualityManagement/finalInspection/index.vue b/src/views/qualityManagement/finalInspection/index.vue
index 4a59fa4..181f8bb 100644
--- a/src/views/qualityManagement/finalInspection/index.vue
+++ b/src/views/qualityManagement/finalInspection/index.vue
@@ -1,111 +1,59 @@
 <template>
   <div class="app-container">
     <div class="search_form mb20">
-      <el-form ref="searchFormRef"
-               :model="searchForm"
-               class="demo-form-inline">
-        <el-row :gutter="20">
-          <el-col :span="4">
-            <el-form-item label="浜у搧鍚嶇О"
-                          prop="productName">
-              <el-input v-model="searchForm.productName"
-                        style="width: 240px"
-                        placeholder="璇疯緭鍏ヤ骇鍝佸悕绉版悳绱�"
-                        clearable />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="妫�娴嬫棩鏈�"
-                          prop="entryDate">
-              <el-date-picker v-model="searchForm.entryDate"
-                              value-format="YYYY-MM-DD"
-                              format="YYYY-MM-DD"
-                              type="daterange"
-                              placeholder="璇烽�夋嫨"
-                              clearable
-                              @change="changeDaterange" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="4">
-            <el-form-item label="閿�鍞崟鍙�"
-                          prop="salesContractNo">
-              <el-input v-model="searchForm.salesContractNo"
-                        style="width: 240px"
-                        placeholder="璇疯緭鍏ラ攢鍞崟鍙锋悳绱�"
-                        clearable />
-            </el-form-item>
-          </el-col>
-          <el-col :span="4">
-            <el-form-item label="鐢熶骇宸ュ崟鍙�"
-                          prop="workOrderNo">
-              <el-input v-model="searchForm.workOrderNo"
-                        style="width: 240px"
-                        placeholder="璇疯緭鍏ョ敓浜у伐鍗曞彿鎼滅储"
-                        clearable />
-            </el-form-item>
-          </el-col>
-          <!-- 鎸夐挳 -->
-          <el-col :span="4">
-            <el-form-item>
-              <el-button type="primary"
-                         @click="getList">
-                鎼滅储
-              </el-button>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div class="actions">
-        <el-button type="primary"
-                   @click="openForm('add')">鏂板</el-button>
+      <div>
+        <span class="search_title">浜у搧鍚嶇О锛�</span>
+        <el-input
+            v-model="searchForm.productName"
+            style="width: 240px"
+            placeholder="璇疯緭鍏ヤ骇鍝佸悕绉版悳绱�"
+            @change="handleQuery"
+            clearable
+            :prefix-icon="Search"
+        />
+        <span style="margin-left: 10px" class="search_title">妫�娴嬫棩鏈燂細</span>
+        <el-date-picker v-model="searchForm.entryDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD" type="daterange"
+                        placeholder="璇烽�夋嫨" clearable @change="changeDaterange"/>
+        <el-button type="primary" @click="handleQuery" style="margin-left: 10px"
+        >鎼滅储
+        </el-button
+        >
+      </div>
+      <div>
+        <el-button type="primary" @click="openForm('add')">鏂板</el-button>
         <el-button @click="handleOut">瀵煎嚭</el-button>
-        <el-button type="danger"
-                   plain
-                   @click="handleDelete">鍒犻櫎</el-button>
+        <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button>
       </div>
     </div>
     <div class="table_list">
-      <PIMTable rowKey="id"
-                :column="tableColumn"
-                :tableData="tableData"
-                :page="page"
-                :isSelection="true"
-                @selection-change="handleSelectionChange"
-                :tableLoading="tableLoading"
-                @pagination="pagination"
-                :total="page.total"></PIMTable>
+      <PIMTable
+          rowKey="id"
+          :column="tableColumn"
+          :tableData="tableData"
+          :page="page"
+          :isSelection="true"
+          @selection-change="handleSelectionChange"
+          :tableLoading="tableLoading"
+          @pagination="pagination"
+          :total="page.total"
+      ></PIMTable>
     </div>
-    <InspectionFormDia ref="inspectionFormDia"
-                       @close="handleQuery"></InspectionFormDia>
-    <FormDia ref="formDia"
-             @close="handleQuery"></FormDia>
-    <files-dia ref="filesDia"
-               @close="handleQuery"></files-dia>
-    <el-dialog v-model="dialogFormVisible"
-               title="缂栬緫妫�楠屽憳"
-               width="30%"
+    <InspectionFormDia ref="inspectionFormDia" @close="handleQuery"></InspectionFormDia>
+    <FormDia ref="formDia" @close="handleQuery"></FormDia>
+    <files-dia ref="filesDia" ></files-dia>
+    <el-dialog v-model="dialogFormVisible" title="缂栬緫妫�楠屽憳" width="30%"
                @close="closeDia">
-      <el-form :model="form"
-               label-width="140px"
-               label-position="top"
-               :rules="rules"
-               ref="formRef">
-        <el-form-item label="妫�楠屽憳锛�"
-                      prop="checkName">
-          <el-select v-model="form.checkName"
-                     placeholder="璇烽�夋嫨"
-                     clearable>
-            <el-option v-for="item in userList"
-                       :key="item.nickName"
-                       :label="item.nickName"
-                       :value="item.nickName" />
+      <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef">
+        <el-form-item label="妫�楠屽憳锛�" prop="checkName">
+          <el-select v-model="form.checkName" placeholder="璇烽�夋嫨" clearable>
+            <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName"
+                       :value="item.nickName"/>
           </el-select>
         </el-form-item>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
-          <el-button type="primary"
-                     @click="submitForm">纭</el-button>
+          <el-button type="primary" @click="submitForm">纭</el-button>
           <el-button @click="closeDia">鍙栨秷</el-button>
         </div>
       </template>
@@ -114,320 +62,298 @@
 </template>
 
 <script setup>
-  import { Search } from "@element-plus/icons-vue";
-  import {
-    onMounted,
-    ref,
-    reactive,
-    toRefs,
-    getCurrentInstance,
-    nextTick,
-  } from "vue";
-  import InspectionFormDia from "@/views/qualityManagement/finalInspection/components/inspectionFormDia.vue";
-  import FormDia from "@/views/qualityManagement/finalInspection/components/formDia.vue";
-  import { ElMessageBox } from "element-plus";
-  import {
-    downloadQualityInspect,
-    qualityInspectDel,
-    qualityInspectListPage,
-    qualityInspectUpdate,
-    submitQualityInspect,
-  } from "@/api/qualityManagement/rawMaterialInspection.js";
-  import FilesDia from "@/views/qualityManagement/finalInspection/components/filesDia.vue";
-  import dayjs from "dayjs";
-  import { userListNoPage } from "@/api/system/user.js";
-  import useUserStore from "@/store/modules/user";
+import {Search} from "@element-plus/icons-vue";
+import {onMounted, ref, reactive, toRefs, getCurrentInstance, nextTick} from "vue";
+import InspectionFormDia from "@/views/qualityManagement/finalInspection/components/inspectionFormDia.vue";
+import FormDia from "@/views/qualityManagement/finalInspection/components/formDia.vue";
+import {ElMessageBox} from "element-plus";
+import {
+  downloadQualityInspect,
+  qualityInspectDel,
+  qualityInspectListPage, qualityInspectUpdate,
+  submitQualityInspect
+} from "@/api/qualityManagement/rawMaterialInspection.js";
+import FilesDia from "@/views/qualityManagement/finalInspection/components/filesDia.vue";
+import dayjs from "dayjs";
+import {userListNoPage} from "@/api/system/user.js";
+import useUserStore from "@/store/modules/user";
 
-  const data = reactive({
-    searchForm: {
-      productName: "",
-      salesContractNo: "",
-      workOrderNo: "",
-      entryDate: undefined, // 褰曞叆鏃ユ湡
-      entryDateStart: undefined,
-      entryDateEnd: undefined,
+const data = reactive({
+  searchForm: {
+    productName: "",
+    entryDate: undefined, // 褰曞叆鏃ユ湡
+    entryDateStart: undefined,
+    entryDateEnd: undefined,
+  },
+  rules: {
+    checkName: [{required: true, message: "璇烽�夋嫨", trigger: "change"}],
+  },
+});
+const {searchForm} = toRefs(data);
+const tableColumn = ref([
+  {
+    label: "妫�娴嬫棩鏈�",
+    prop: "checkTime",
+    width: 120
+  },
+  {
+    label: "閿�鍞崟鍙�",
+    prop: "salesContractNo",
+    width: 120
+  },
+  {
+    label: "鐢熶骇宸ュ崟鍙�",
+    prop: "workOrderNo",
+    width: 120
+  },
+  {
+    label: "妫�楠屽憳",
+    prop: "checkName",
+  },
+  {
+    label: "浜у搧鍚嶇О",
+    prop: "productName",
+  },
+  {
+    label: "瑙勬牸鍨嬪彿",
+    prop: "model",
+  },
+  {
+    label: "鍗曚綅",
+    prop: "unit",
+  },
+  {
+    label: "鎬绘暟閲�",
+    prop: "quantity",
+    width: 100
+  },
+  {
+    label: "鍚堟牸鏁伴噺",
+    prop: "qualifiedQuantity",
+    width: 100
+  },
+  {
+    label: "涓嶅悎鏍兼暟閲�",
+    prop: "unqualifiedQuantity",
+    width: 100
+  },
+  {
+    label: "妫�娴嬪崟浣�",
+    prop: "checkCompany",
+    width: 120
+  },
+  {
+    label: "鍚堟牸鐜�",
+    prop: "passRate",
+    width: 100,
+    dataType: "tag",
+    formatData: (params) => {
+      if (params == null || params === '') return '鈥�';
+      const n = Number(params);
+      if (Number.isNaN(n)) return '鈥�';
+      return `${n.toFixed(2)}%`;
     },
-    rules: {
-      checkName: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
+    formatType: (params) => {
+      if (params == null || params === '') return 'info';
+      const n = Number(params);
+      if (Number.isNaN(n)) return 'info';
+      if (n === 100) return 'success';
+      if (n >= 75) return 'primary';
+      if (n >= 50) return 'warning';
+      if (n >= 25) return 'danger';
+      return 'danger';
     },
-  });
-  const { searchForm } = toRefs(data);
-  const tableColumn = ref([
-    {
-      label: "妫�娴嬫棩鏈�",
-      prop: "checkTime",
-      width: 120,
+  },
+  {
+    label: "鎻愪氦鐘舵��",
+    prop: "inspectState",
+    dataType: "tag",
+    formatData: (params) => {
+      if (params) {
+        return "宸叉彁浜�";
+      } else {
+        return "鏈彁浜�";
+      }
     },
-    {
-      label: "閿�鍞崟鍙�",
-      prop: "salesContractNo",
-      width: 120,
+    formatType: (params) => {
+      if (params) {
+        return "success";
+      } else {
+        return "info";
+      }
     },
-    {
-      label: "鐢熶骇宸ュ崟鍙�",
-      prop: "workOrderNo",
-      width: 120,
-    },
-    {
-      label: "妫�楠屽憳",
-      prop: "checkName",
-    },
-    {
-      label: "浜у搧鍚嶇О",
-      prop: "productName",
-    },
-    {
-      label: "瑙勬牸鍨嬪彿",
-      prop: "model",
-    },
-    {
-      label: "鍗曚綅",
-      prop: "unit",
-    },
-    {
-      label: "鎬绘暟閲�",
-      prop: "quantity",
-      width: 100,
-    },
-    {
-      label: "鍚堟牸鏁伴噺",
-      prop: "qualifiedQuantity",
-      width: 100,
-    },
-    {
-      label: "涓嶅悎鏍兼暟閲�",
-      prop: "unqualifiedQuantity",
-      width: 100,
-    },
-    {
-      label: "鍚堟牸鐜�",
-      prop: "passRate",
-      width: 100,
-      dataType: "tag",
-      formatType: params => {
-        if (!params) return "";
-        const rate = parseFloat(params);
-        if (rate < 90) {
-          return "danger";
-        } else if (rate === 100) {
-          return "success";
-        } else {
-          return "warning";
-        }
-      },
-    },
-    {
-      label: "妫�娴嬪崟浣�",
-      prop: "checkCompany",
-      width: 120,
-    },
-    {
-      label: "妫�娴嬬粨鏋�",
-      prop: "checkResult",
-      dataType: "tag",
-      formatType: params => {
-        if (params == "涓嶅悎鏍�") {
-          return "danger";
-        } else if (params == "鍚堟牸") {
-          return "success";
-        } else {
-          return "danger";
-        }
-      },
-    },
-    {
-      label: "鎻愪氦鐘舵��",
-      prop: "inspectState",
-      formatData: params => {
-        if (params) {
-          return "宸叉彁浜�";
-        } else {
-          return "鏈彁浜�";
-        }
-      },
-    },
-    {
-      dataType: "action",
-      label: "鎿嶄綔",
-      align: "center",
-      fixed: "right",
-      width: 280,
-      operation: [
-        {
-          name: "缂栬緫",
-          type: "text",
-          clickFun: row => {
-            openForm("edit", row);
-          },
-          disabled: row => {
-            // 宸叉彁浜ゅ垯绂佺敤
-            if (row.inspectState == 1) return true;
-            // 濡傛灉妫�楠屽憳鏈夊�硷紝鍙湁褰撳墠鐧诲綍鐢ㄦ埛鑳界紪杈�
-            if (row.checkName) {
-              return row.checkName !== userStore.nickName;
-            }
-            return false;
-          },
+  },
+  {
+    dataType: "action",
+    label: "鎿嶄綔",
+    align: "center",
+    fixed: "right",
+    width: 280,
+    operation: [
+      {
+        name: "缂栬緫",
+        type: "text",
+        clickFun: (row) => {
+          openForm("edit", row);
         },
-        {
-          name: "鏌ョ湅",
-          type: "text",
-          clickFun: row => {
-            openForm("view", row);
-          },
-        },
-        {
-          name: "闄勪欢",
-          type: "text",
-          clickFun: row => {
-            openFilesFormDia(row);
-          },
-        },
-        {
-          name: "鎻愪氦",
-          type: "text",
-          clickFun: row => {
-            submit(row.id);
-          },
-          disabled: row => {
-            // 宸叉彁浜ゅ垯绂佺敤
-            if (row.inspectState == 1) return true;
-            // 濡傛灉妫�楠屽憳鏈夊�硷紝鍙湁褰撳墠鐧诲綍鐢ㄦ埛鑳芥彁浜�
-            if (row.checkName) {
-              return row.checkName !== userStore.nickName;
-            }
-            return false;
-          },
-        },
-        {
-          name: "鍒嗛厤妫�楠屽憳",
-          type: "text",
-          clickFun: row => {
-            if (!row.checkName) {
-              open(row);
-            } else {
-              proxy.$modal.msgError("妫�楠屽憳宸插瓨鍦�");
-            }
-          },
-          disabled: row => {
-            return row.inspectState == 1 || row.checkName;
-          },
-        },
-        {
-          name: "涓嬭浇",
-          type: "text",
-          clickFun: row => {
-            downLoadFile(row);
-          },
-        },
-      ],
-    },
-  ]);
-  const tableData = ref([]);
-  const selectedRows = ref([]);
-  const tableLoading = ref(false);
-  const currentRow = ref(null);
-  const page = reactive({
-    current: 1,
-    size: 100,
-    total: 0,
-  });
-  const formDia = ref();
-  const filesDia = ref();
-  const inspectionFormDia = ref();
-  const { proxy } = getCurrentInstance();
-  const userStore = useUserStore();
-  const userList = ref([]);
-  const form = ref({
-    checkName: "",
-  });
-  const dialogFormVisible = ref(false);
-
-  const changeDaterange = value => {
-    searchForm.value.entryDateStart = undefined;
-    searchForm.value.entryDateEnd = undefined;
-    if (value) {
-      searchForm.value.entryDateStart = dayjs(value[0]).format("YYYY-MM-DD");
-      searchForm.value.entryDateEnd = dayjs(value[1]).format("YYYY-MM-DD");
-    }
-    getList();
-  };
-  // 鏌ヨ鍒楄〃
-  /** 鎼滅储鎸夐挳鎿嶄綔 */
-  const handleQuery = () => {
-    page.current = 1;
-    getList();
-  };
-  const pagination = obj => {
-    page.current = obj.page;
-    page.size = obj.limit;
-    getList();
-  };
-  const getList = () => {
-    tableLoading.value = true;
-    const params = { ...searchForm.value, ...page };
-    params.entryDate = undefined;
-    qualityInspectListPage({ ...params, inspectType: 2 })
-      .then(res => {
-        tableLoading.value = false;
-        tableData.value = res.data.records.map(item => {
-          const quantity = parseFloat(item.quantity);
-          const qualifiedQuantity = parseFloat(item.qualifiedQuantity);
-          let passRate = null;
-          if (!isNaN(quantity) && !isNaN(qualifiedQuantity) && quantity > 0) {
-            passRate = ((qualifiedQuantity / quantity) * 100).toFixed(2) + "%";
+        disabled: (row) => {
+          // 宸叉彁浜ゅ垯绂佺敤
+          if (row.inspectState == 1) return true;
+          // 濡傛灉妫�楠屽憳鏈夊�硷紝鍙湁褰撳墠鐧诲綍鐢ㄦ埛鑳界紪杈�
+          if (row.checkName) {
+            return row.checkName !== userStore.nickName;
           }
-          return {
-            ...item,
-            passRate: passRate,
-          };
-        });
-        page.total = res.data.total;
-      })
-      .catch(err => {
-        tableLoading.value = false;
-      });
-  };
-  // 琛ㄦ牸閫夋嫨鏁版嵁
-  const handleSelectionChange = selection => {
-    selectedRows.value = selection;
-  };
+          return false;
+        }
+      },
+      {
+        name: "鏌ョ湅",
+        type: "text",
+        clickFun: (row) => {
+          openForm("view", row);
+        },
+      },
+      {
+        name: "闄勪欢",
+        type: "text",
+        clickFun: (row) => {
+          openFilesFormDia(row);
+        },
+      },
+      {
+        name: "鎻愪氦",
+        type: "text",
+        clickFun: (row) => {
+          submit(row.id);
+        },
+        loading: (row) => submitLoadingId.value === row.id,
+        disabled: (row) => {
+          // 宸叉彁浜ゅ垯绂佺敤
+          if (row.inspectState == 1) return true;
+          // 濡傛灉妫�楠屽憳鏈夊�硷紝鍙湁褰撳墠鐧诲綍鐢ㄦ埛鑳芥彁浜�
+          if (row.checkName) {
+            return row.checkName !== userStore.nickName;
+          }
+          return false;
+        }
+      },
+      {
+        name: "鍒嗛厤妫�楠屽憳",
+        type: "text",
+        clickFun: (row) => {
+          if (!row.checkName) {
+            open(row)
+          } else {
+            proxy.$modal.msgError("妫�楠屽憳宸插瓨鍦�");
+          }
+        },
+        disabled: (row) => {
+          return row.inspectState == 1 || row.checkName;
+        }
+      },
+      {
+        name: "涓嬭浇",
+        type: "text",
+        clickFun: (row) => {
+          downLoadFile(row);
+        },
+      },
+    ],
+  },
+]);
+const tableData = ref([]);
+const selectedRows = ref([]);
+const tableLoading = ref(false);
+const submitLoadingId = ref(null);
+const currentRow = ref(null)
+const page = reactive({
+  current: 1,
+  size: 100,
+  total: 0
+});
+const formDia = ref()
+const filesDia = ref()
+const inspectionFormDia = ref()
+const {proxy} = getCurrentInstance()
+const userStore = useUserStore()
+const userList = ref([]);
+const form = ref({
+  checkName: ""
+});
+const dialogFormVisible = ref(false);
 
-  // 鎵撳紑寮规
-  const openForm = (type, row) => {
-    nextTick(() => {
-      formDia.value?.openDialog(type, row);
-    });
-  };
-  // 鎵撳紑鏂板妫�楠屽脊妗�
-  const openInspectionForm = (type, row) => {
-    nextTick(() => {
-      inspectionFormDia.value?.openDialog(type, row);
-    });
-  };
-  // 鎵撳紑闄勪欢寮规
-  const openFilesFormDia = (type, row) => {
-    nextTick(() => {
-      filesDia.value?.openDialog(type, row);
-    });
-  };
+const changeDaterange = (value) => {
+  searchForm.value.entryDateStart = undefined;
+  searchForm.value.entryDateEnd = undefined;
+  if (value) {
+    searchForm.value.entryDateStart = dayjs(value[0]).format("YYYY-MM-DD");
+    searchForm.value.entryDateEnd = dayjs(value[1]).format("YYYY-MM-DD");
+  }
+  getList();
+};
+// 鏌ヨ鍒楄〃
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+const handleQuery = () => {
+  page.current = 1;
+  getList();
+};
+const pagination = (obj) => {
+  page.current = obj.page;
+  page.size = obj.limit;
+  getList();
+};
+const getList = () => {
+  tableLoading.value = true;
+  const params = {...searchForm.value, ...page};
+  params.entryDate = undefined
+  qualityInspectListPage({...params, inspectType: 2}).then(res => {
+    tableLoading.value = false;
+    tableData.value = res.data.records
+    page.total = res.data.total;
+  }).catch(err => {
+    tableLoading.value = false;
+  })
+};
+// 琛ㄦ牸閫夋嫨鏁版嵁
+const handleSelectionChange = (selection) => {
+  selectedRows.value = selection;
+};
 
-  // 鍒犻櫎
-  const handleDelete = () => {
-    let ids = [];
-    if (selectedRows.value.length > 0) {
-      ids = selectedRows.value.map(item => item.id);
-    } else {
-      proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
-      return;
-    }
-    ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "瀵煎嚭", {
-      confirmButtonText: "纭",
-      cancelButtonText: "鍙栨秷",
-      type: "warning",
-    })
+// 鎵撳紑寮规
+const openForm = (type, row) => {
+  nextTick(() => {
+    formDia.value?.openDialog(type, row)
+  })
+};
+// 鎵撳紑鏂板妫�楠屽脊妗�
+const openInspectionForm = (type, row) => {
+  nextTick(() => {
+    inspectionFormDia.value?.openDialog(type, row)
+  })
+};
+// 鎵撳紑闄勪欢寮规
+const openFilesFormDia = (type, row) => {
+  nextTick(() => {
+    filesDia.value?.openDialog(type, row)
+  })
+};
+
+// 鍒犻櫎
+const handleDelete = () => {
+  let ids = [];
+  if (selectedRows.value.length > 0) {
+    ids = selectedRows.value.map((item) => item.id);
+  } else {
+    proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
+    return;
+  }
+  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "瀵煎嚭", {
+    confirmButtonText: "纭",
+    cancelButtonText: "鍙栨秷",
+    type: "warning",
+  })
       .then(() => {
-        qualityInspectDel(ids).then(res => {
+        qualityInspectDel(ids).then((res) => {
           proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
           getList();
         });
@@ -435,88 +361,86 @@
       .catch(() => {
         proxy.$modal.msg("宸插彇娑�");
       });
-  };
-  // 瀵煎嚭
-  const handleOut = () => {
-    ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
-      confirmButtonText: "纭",
-      cancelButtonText: "鍙栨秷",
-      type: "warning",
-    })
+};
+// 瀵煎嚭
+const handleOut = () => {
+  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
+    confirmButtonText: "纭",
+    cancelButtonText: "鍙栨秷",
+    type: "warning",
+  })
       .then(() => {
-        proxy.download(
-          "/quality/qualityInspect/export",
-          { inspectType: 2 },
-          "鍑哄巶妫�楠�.xlsx"
-        );
+        proxy.download("/quality/qualityInspect/export", {inspectType: 2}, "鍑哄巶妫�楠�.xlsx");
       })
       .catch(() => {
         proxy.$modal.msg("宸插彇娑�");
       });
-  };
+};
 
-  // 鎻愪环
-  const submit = async id => {
-    const res = await submitQualityInspect({ id: id });
+// 鎻愪氦
+const submit = async (id) => {
+  submitLoadingId.value = id;
+  try {
+    const res = await submitQualityInspect({ id });
     if (res.code === 200) {
       proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+      const row = tableData.value.find(item => item.id === id);
+      if (row) {
+        row.inspectState = 1;
+      }
+    }
+  } finally {
+    submitLoadingId.value = null;
+  }
+}
+
+// 鍏抽棴寮规
+const closeDia = () => {
+  proxy.resetForm("formRef");
+  dialogFormVisible.value = false;
+};
+
+const submitForm = () => {
+  if (currentRow.value) {
+    const data = {
+      ...form.value,
+      id: currentRow.value.id
+    }
+    qualityInspectUpdate(data).then(res => {
+      proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+      closeDia();
       getList();
-    }
-  };
+    })
+  }
+};
 
-  // 鍏抽棴寮规
-  const closeDia = () => {
-    proxy.resetForm("formRef");
-    dialogFormVisible.value = false;
-  };
+const open = async (row) => {
+  let userLists = await userListNoPage();
+  userList.value = userLists.data;
+  currentRow.value = row
+  dialogFormVisible.value = true
+}
 
-  const submitForm = () => {
-    if (currentRow.value) {
-      const data = {
-        ...form.value,
-        id: currentRow.value.id,
-      };
-      qualityInspectUpdate(data).then(res => {
-        proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
-        closeDia();
-        getList();
-      });
-    }
-  };
+const downLoadFile = (row) => {
+  downloadQualityInspect({id: row.id}).then((blobData) => {
+    const blob = new Blob([blobData], {
+      type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    })
+    const downloadUrl = window.URL.createObjectURL(blob)
 
-  const open = async row => {
-    let userLists = await userListNoPage();
-    userList.value = userLists.data;
-    currentRow.value = row;
-    dialogFormVisible.value = true;
-  };
+    const link = document.createElement('a')
+    link.href = downloadUrl
+    link.download = '鍘熸潗鏂欐楠屾姤鍛�.docx'
+    document.body.appendChild(link)
+    link.click()
 
-  const downLoadFile = row => {
-    downloadQualityInspect({ id: row.id }).then(blobData => {
-      const blob = new Blob([blobData], {
-        type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-      });
-      const downloadUrl = window.URL.createObjectURL(blob);
-
-      const link = document.createElement("a");
-      link.href = downloadUrl;
-      link.download = "鍘熸潗鏂欐楠屾姤鍛�.docx";
-      document.body.appendChild(link);
-      link.click();
-
-      document.body.removeChild(link);
-      window.URL.revokeObjectURL(downloadUrl);
-    });
-  };
-  onMounted(() => {
-    getList();
-  });
+    document.body.removeChild(link)
+    window.URL.revokeObjectURL(downloadUrl)
+  })
+};
+onMounted(() => {
+  getList();
+});
 </script>
 
-<style scoped lang="scss">
-  .actions {
-    display: flex;
-    justify-content: flex-end;
-    margin-bottom: 10px;
-  }
-</style>
+<style scoped></style>

--
Gitblit v1.9.3