From 3b8eb6c197885faba45faf064e5b034a9cc853bf Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期五, 03 七月 2026 11:58:29 +0800
Subject: [PATCH] 配置调整

---
 src/views/business/unpass/index-manage.vue | 1017 ++++++++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 828 insertions(+), 189 deletions(-)

diff --git a/src/views/business/unpass/index-manage.vue b/src/views/business/unpass/index-manage.vue
index fc5ac30..35f81e2 100644
--- a/src/views/business/unpass/index-manage.vue
+++ b/src/views/business/unpass/index-manage.vue
@@ -3,34 +3,139 @@
     <div class="search">
       <div>
         <el-form :model="entity" ref="entity" size="small" :inline="true">
+          <el-form-item label="IFS鍩�" prop="contract">
+            <el-select
+              @keyup.enter.native="refreshTable"
+              v-model="entity.contract"
+              clearable
+              placeholder="璇烽�夋嫨"
+              size="small"
+            >
+              <el-option label="ZTNS" value="ZTNS" />
+              <el-option label="KJNS" value="KJNS" />
+            </el-select>
+          </el-form-item>
           <el-form-item label="鎵瑰彿" prop="updateBatchNo">
-            <el-input v-model="entity.updateBatchNo" clearable placeholder="璇疯緭鍏�" size="small"
-                      @keyup.enter.native="refreshTable()">
+            <el-input
+              v-model="entity.updateBatchNo"
+              clearable
+              placeholder="璇疯緭鍏�"
+              size="small"
+              @keyup.enter.native="refreshTable()"
+            >
             </el-input>
           </el-form-item>
           <el-form-item label="璁㈠崟缂栧彿" prop="no">
-            <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="entity.no"
-                      @keyup.enter.native="refreshTable()"></el-input>
+            <el-input
+              size="small"
+              placeholder="璇疯緭鍏�"
+              clearable
+              v-model="entity.no"
+              @keyup.enter.native="refreshTable()"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="瑙勬牸鍨嬪彿" prop="model">
-            <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="entity.model"
-                      @keyup.enter.native="refreshTable()"></el-input>
+          <el-form-item label="瑙勬牸鍨嬪彿" prop="specsModels">
+            <el-input
+              size="small"
+              placeholder="璇疯緭鍏�"
+              clearable
+              v-model="entity.specsModels"
+              @keyup.enter.native="refreshTable()"
+            ></el-input>
           </el-form-item>
           <el-form-item label="鏍峰搧鍚嶇О" prop="sample">
-            <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="entity.sample"
-                      @keyup.enter.native="refreshTable()"></el-input>
+            <el-input
+              size="small"
+              placeholder="璇疯緭鍏�"
+              clearable
+              v-model="entity.sample"
+              @keyup.enter.native="refreshTable()"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="鐗╂枡灞炴��" prop="materialProp">
+            <el-select
+              clearable
+              size="small"
+              v-model="entity.materialProp"
+              style="width: 100%"
+              @change="refreshTable()"
+            >
+              <el-option
+                v-for="dict in dict.type.material_prop_type"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="OA瀹℃牳鐘舵��" prop="oaState">
+            <el-select
+              clearable
+              size="small"
+              v-model="entity.oaState"
+              style="width: 100%"
+              @change="refreshTable()"
+            >
+              <el-option
+                v-for="dict in dict.type.oa_workflow_state"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="鍙嶉鏃ユ湡" prop="feedbackDateTime">
+            <el-date-picker
+              type="daterange"
+              size="small"
+              start-placeholder="寮�濮嬫棩鏈�"
+              end-placeholder="缁撴潫鏃ユ湡"
+              clearable
+              value-format="yyyy-MM-dd"
+              v-model="entity.feedbackDateTime"
+              @keyup.enter.native="refreshTable()"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="渚涘簲鍟嗗悕绉�" prop="supplierName">
+            <el-input
+              size="small"
+              placeholder="璇疯緭鍏�"
+              clearable
+              v-model="entity.supplierName"
+              @keyup.enter.native="refreshTable()"
+            ></el-input>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" size="mini" @click="refreshTable">鏌ヨ</el-button>
+            <el-button type="primary" size="mini" @click="refreshTable"
+              >鏌ヨ</el-button
+            >
             <el-button size="mini" @click="refresh">閲嶇疆</el-button>
+            <el-button
+              :loading="exportLoading"
+              type="success"
+              size="mini"
+              @click="exportUnqualifiedHandler"
+              >瀵煎嚭</el-button
+            >
+            <el-button type="primary" size="mini" @click="openInsOrderDialog"
+              >鏂板涓嶅悎鏍煎鐞�</el-button
+            >
           </el-form-item>
         </el-form>
       </div>
     </div>
     <div>
-      <lims-table :tableData="tableData" :column="column"
-                  :height="'calc(100vh - 250px)'" @pagination="pagination"
-                  :page="page" :tableLoading="tableLoading"></lims-table>
+      <lims-table
+        :tableData="tableData"
+        :column="column"
+        :more="true"
+        @pagination="pagination"
+        :page="page"
+        :tableLoading="tableLoading"
+      ></lims-table>
     </div>
     <el-dialog
       title="鎻愪氦"
@@ -38,89 +143,454 @@
       :close-on-press-escape="false"
       :close-on-click-modal="false"
       :visible.sync="dialogVisible"
-      width="30%">
+      width="30%"
+    >
       <span>鏄惁纭鎻愪氦OA锛�</span>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
-        <el-button type="primary" @click="submitOA" :loading="submitOALoading">纭� 瀹�</el-button>
+        <el-button type="primary" @click="submitOA" :loading="submitOALoading"
+          >纭� 瀹�</el-button
+        >
       </span>
     </el-dialog>
     <el-dialog
-      title="鍒犻櫎"
-      :show-close="false"
+      title="閫夋嫨涓嶅悎鏍艰鍗�"
       :close-on-press-escape="false"
       :close-on-click-modal="false"
-      :visible.sync="deleteVisible"
-      width="30%">
-      <span>鏄惁纭<span style="color: #FF4902">鍒犻櫎</span>OA锛�</span>
+      :visible.sync="insOrderVisible"
+      @closed="resetInsOrderForm"
+      width="50%"
+    >
+      <el-row :gutter="20" style="margin-bottom: 10px">
+        <el-col :span="12">
+          <el-input
+            clearable
+            size="small"
+            v-model="lotBatchNo"
+            placeholder="璇疯緭鍏ユ壒娆″彿"
+          ></el-input>
+        </el-col>
+        <el-col :span="12">
+          <el-button size="small" type="primary" @click="searchInsOrderList"
+            >鎼滅储</el-button
+          >
+        </el-col>
+      </el-row>
+      <el-tabs v-model="activeName" @tab-click="searchInsOrderList">
+        <el-tab-pane label="鍘熸潗鏂欎笅鍗�" name="raw">
+          <lims-table
+            ref="rawInsOrderTable"
+            v-if="activeName === 'raw'"
+            :tableData="insOrderDataList"
+            :column="insOrderTableDataColumn"
+            :isSelection="true"
+            :handleSelectionChange="handlerSelection"
+            @pagination="insOrderPageination"
+            :height="500"
+            :page="insOrderPage"
+            :tableLoading="insOrderTableLoading"
+          >
+          </lims-table>
+        </el-tab-pane>
+        <el-tab-pane label="澶栬喘涓嬪崟" name="wg">
+          <lims-table
+            ref="wgInsOrderTable"
+            v-if="activeName === 'wg'"
+            :tableData="wgInsOrderDataList"
+            :column="wgInsOrderTableDataColumn"
+            :isSelection="true"
+            :handleSelectionChange="handlerSelection"
+            @pagination="wgInsOrderPageination"
+            :height="500"
+            :page="wgInsOrderPage"
+            :tableLoading="insOrderTableLoading"
+          >
+          </lims-table>
+        </el-tab-pane>
+      </el-tabs>
+
       <span slot="footer" class="dialog-footer">
-        <el-button @click="deleteVisible = false">鍙� 娑�</el-button>
-        <el-button type="primary" @click="cancelOA" :loading="cancelOALoading">纭� 瀹�</el-button>
+        <el-button @click="resetInsOrderForm">鍙� 娑�</el-button>
+        <el-button type="primary" @click="openAddUnqualifiedHandlerView"
+          >纭� 瀹�</el-button
+        >
       </span>
     </el-dialog>
-    <UnPassDialog ref="unPassDialog" v-if="unPassDialog"
-                  :orderId="orderId"
-                  @resetForm="resetForm1"
-                  :unPassDialog="unPassDialog"></UnPassDialog>
-    <OAProcess ref="OAProcess"
-               :OAProcess="OAProcess"
-               @closeOAProcess="closeOAProcess"
-               v-if="OAProcess"></OAProcess>
+    <UnPassDialog
+      ref="unPassDialog"
+      v-if="unPassDialog"
+      :selectOrderIds="selectOrderIds"
+      @resetForm="resetForm1"
+      :unPassDialog="unPassDialog"
+    ></UnPassDialog>
+    <OAProcess
+      ref="OAProcess"
+      :OAProcess="OAProcess"
+      :isOldData="isOldData"
+      @closeOAProcess="closeOAProcess"
+      v-if="OAProcess"
+    ></OAProcess>
   </div>
 </template>
 
 <script>
+import { getIfsByAll } from "@/api/business/rawMaterialOrder";
+import { getIfsByAll as getIfsByWgAll } from "@/api/business/outsourcingFinishProductInspection";
 import UnPassDialog from "./components/unPassDialog.vue";
 import OAProcess from "./components/OAProcess.vue";
 import limsTable from "@/components/Table/lims-table.vue";
-import {deleteUnqualifiedHandler, page, pushOA} from "@/api/business/unqualifiedHandler";
-
+import {
+  deleteUnqualifiedHandler,
+  page,
+  pushOA,
+  exportUnqualifiedHandler
+} from "@/api/business/unqualifiedHandler";
+import { transformExcel } from "@/utils/file";
 export default {
   components: {
     limsTable,
     OAProcess,
     UnPassDialog,
   },
+  dicts: [
+    "material_prop_type",
+    "oa_workflow_state",
+    "categories_no_conformities",
+    "attribution_no_conformities",
+  ],
   data() {
     return {
+      activeName: "raw",
+      lotBatchNo: null,
+      insOrderVisible: false,
+      insOrderTableLoading: false,
+      insOrderDataList: [],
+      insOrderTableDataColumn: [
+        {
+          label: "IFS鍩�",
+          prop: "contract",
+          width: "120px",
+          dataType: "tag",
+          formatData: (params) => {
+            return params;
+          },
+          formatType: (params) => {
+            if (params === "ZTNS") {
+              return "";
+            } else if (params === "KJNS") {
+              return "success";
+            } else {
+              return null;
+            }
+          },
+        },
+        { label: "濮旀墭缂栧彿", prop: "entrustCode", width: "160px" },
+        {
+          dataType: "tag",
+          label: "妫�楠岀姸鎬�",
+          prop: "inspectStatus",
+          formatData: (params) => {
+            if (params == 0) {
+              return "妫�楠屼腑";
+            } else if (params == 1) {
+              return "鍚堟牸";
+            } else if (params == 2) {
+              return "涓嶅悎鏍�";
+            } else if (params == 3) {
+              return "鏈笅鍗�";
+            } else if (params == 4) {
+              return "璁╂鏀捐";
+            } else {
+              return null;
+            }
+          },
+          formatType: (params) => {
+            if (params == 0) {
+              return "warning";
+            } else if (params == 1) {
+              return "success";
+            } else if (params == 2) {
+              return "danger";
+            } else if (params == 3) {
+              return "info";
+            } else if (params == 4) {
+              return "";
+            } else {
+              return null;
+            }
+          },
+        },
+        { label: "璁㈠崟鍙�", prop: "orderNo" },
+        { label: "鎶佃揪鐨勯噰璐暟閲�", prop: "purQtyInStore", width: "160" },
+        { label: "涓嬪彂鏃堕棿", prop: "sendTime", width: "160" },
+        { label: "鎵瑰彿", prop: "updateBatchNo", width: "160" },
+        { label: "闆朵欢鍙�", prop: "partNo", width: "140" },
+        { label: "闆朵欢鎻忚堪", prop: "partDesc" },
+        { label: "渚涘簲鍟嗙紪鐮�", prop: "supplierId", width: "140" },
+        { label: "渚涘簲鍟嗗悕绉�", prop: "supplierName", width: "140" },
+        {
+          dataType: "tag",
+          label: "鍏嶆",
+          prop: "isExemption",
+          formatData: (params) => {
+            if (params == 1) {
+              return "鍏嶆";
+            } else {
+              return null;
+            }
+          },
+          formatType: (params) => {
+            if (params == 1) {
+              return "success";
+            } else {
+              return null;
+            }
+          },
+        },
+        {
+          label: "鏍峰搧鍚嶇О",
+          prop: "sampleName",
+          width: "160px",
+        },
+        { label: "鏍峰搧鍨嬪彿", prop: "sampleModel" },
+        { label: "妫�楠屼汉", prop: "userName" },
+        {
+          label: "鐗╂枡灞炴��",
+          prop: "materialProp",
+          formatData: (params) => {
+            if (!params) return null;
+
+            for (let i = 0; i < this.dict.type.material_prop_type.length; i++) {
+              const item = this.dict.type.material_prop_type[i];
+              if (item.value == params) {
+                return item.label;
+              }
+            }
+            return null;
+          },
+        },
+        {
+          dataType: "tag",
+          label: "鐗╂枡绫诲瀷",
+          prop: "isExpire",
+          formatData: (params) => {
+            if (params == 1) {
+              return "杩囨湡鐗╂枡";
+            } else {
+              return null;
+            }
+          },
+          formatType: (params) => {
+            if (params == 1) {
+              return "info";
+            } else {
+              return null;
+            }
+          },
+        },
+        { label: "鍗曚綅", prop: "buyUnitMeas" },
+        { label: "鎺ユ敹鏃堕棿", prop: "receiverDate", width: "160" },
+        { label: "鎶ユ鏃堕棿", prop: "declareDate", width: "160" },
+      ],
+      insOrderPage: {
+        total: 0,
+        size: 20,
+        current: 1,
+      },
+      wgInsOrderTableDataColumn: [
+        {
+          label: "IFS鍩�",
+          prop: "contract",
+          width: "120px",
+          dataType: "tag",
+          formatData: (params) => {
+            return params;
+          },
+          formatType: (params) => {
+            if (params === "ZTNS") {
+              return "";
+            } else if (params === "KJNS") {
+              return "success";
+            } else {
+              return null;
+            }
+          },
+        },
+        { label: "濮旀墭缂栧彿", prop: "entrustCode", width: "160px" },
+        {
+          dataType: "tag",
+          label: "妫�楠岀姸鎬�",
+          prop: "inspectStatus",
+          formatData: (params) => {
+            if (params == 0) {
+              return "妫�楠屼腑";
+            } else if (params == 1) {
+              return "鍚堟牸";
+            } else if (params == 2) {
+              return "涓嶅悎鏍�";
+            } else if (params == 3) {
+              return "鏈笅鍗�";
+            } else if (params == 4) {
+              return "璁╂鏀捐";
+            } else {
+              return null;
+            }
+          },
+          formatType: (params) => {
+            if (params == 0) {
+              return "warning";
+            } else if (params == 1) {
+              return "success";
+            } else if (params == 2) {
+              return "danger";
+            } else if (params == 3) {
+              return "info";
+            } else if (params == 4) {
+              return "";
+            } else {
+              return null;
+            }
+          },
+        },
+        { label: "璁㈠崟鍙�", prop: "orderNo" },
+        { label: "鎶佃揪鐨勯噰璐暟閲�", prop: "purQtyInStore", width: "130px" },
+        { label: "涓嬪彂鏃堕棿", prop: "sendTime", width: "130px" },
+        { label: "鎵瑰彿", prop: "updateBatchNo", width: "130px" },
+        { label: "闆朵欢鍙�", prop: "partNo", width: "140px" },
+        { label: "闆朵欢鎻忚堪", prop: "partDesc" },
+        { label: "渚涘簲鍟嗗悕绉�", prop: "supplierName" },
+        {
+          dataType: "tag",
+          label: "鍏嶆",
+          prop: "isExemption",
+          formatData: (params) => {
+            if (params == 1) {
+              return "鍏嶆";
+            } else {
+              return null;
+            }
+          },
+          formatType: (params) => {
+            if (params == 1) {
+              return "success";
+            } else {
+              return null;
+            }
+          },
+        },
+        {
+          label: "鏍峰搧鍚嶇О",
+          prop: "sampleName",
+          width: "160px",
+        },
+        { label: "鏍峰搧鍨嬪彿", prop: "sampleModel" },
+        { label: "妫�楠屼汉", prop: "userName" },
+        {
+          label: "鐗╂枡灞炴��",
+          prop: "materialProp",
+          formatData: (params) => {
+            if (!params) return null;
+
+            for (let i = 0; i < this.dict.type.material_prop_type.length; i++) {
+              const item = this.dict.type.material_prop_type[i];
+              if (item.value == params) {
+                return item.label;
+              }
+            }
+            return null;
+          },
+        },
+        {
+          dataType: "tag",
+          label: "鐗╂枡绫诲瀷",
+          prop: "isExpire",
+          formatData: (params) => {
+            if (params == 1) {
+              return "杩囨湡鐗╂枡";
+            } else {
+              return null;
+            }
+          },
+          formatType: (params) => {
+            if (params == 1) {
+              return "info";
+            } else {
+              return null;
+            }
+          },
+        },
+        { label: "鍗曚綅", prop: "buyUnitMeas" },
+        { label: "鎺ユ敹鏃堕棿", prop: "receiverDate" },
+        { label: "鎶ユ鏃堕棿", prop: "declareDate" },
+      ],
+      wgInsOrderPage: {
+        total: 0,
+        size: 20,
+        current: 1,
+      },
+      wgInsOrderTableLoading: false,
+      wgInsOrderDataList: [],
       handlerId: null,
+      contract: null,
+      groupId: null,
       entity: {
+        contract: null,
         sample: null,
-        model: null,
+        specsModels: null,
+        supplierName: null,
+        feedbackDateTime: [],
+        materialProp: null,
+        oaState: null,
       },
       tableData: [],
       tableLoading: false,
       column: [
-        { label: '缂栧彿', prop: 'no', width: "160px", },
-        // {
-        //   label: "OA瀹℃牳鐘舵��",
-        //   prop: "oaState",
-        //   width: "100px",
-        //   dataType: "tag",
-        //   formatData: (params) => {
-        //     if (params == 1) {
-        //       return "寰呭鏍�";
-        //     } else if(params == 2) {
-        //       return "瀹℃牳涓�";
-        //     }  else if(params == 3) {
-        //       return "閫氳繃";
-        //     } else {
-        //       return "椹冲洖";
-        //     }
-        //   },
-        //   formatType: (params) => {
-        //     if (params == 1) {
-        //       return "warning";
-        //     } else if(params == 2) {
-        //       return "info";
-        //     }  else if(params == 3) {
-        //       return "success";
-        //     } else {
-        //       return "danger";
-        //     }
-        //   },
-        // },
-        { label: '璁㈠崟鍙�', prop: 'orderNo' },
+        {
+          label: "IFS鍩�",
+          prop: "contract",
+          width: "80px",
+          dataType: "tag",
+          formatData: (params) => {
+            return params;
+          },
+          formatType: (params) => {
+            if (params === "ZTNS") {
+              return "";
+            } else if (params === "KJNS") {
+              return "success";
+            } else {
+              return null;
+            }
+          },
+        },
+        { label: "缂栧彿", prop: "no", width: "160px" },
+        {
+          label: "OA瀹℃牳鐘舵��",
+          prop: "oaState",
+          width: "100px",
+          dataType: "tag",
+          formatData: (params) => {
+            if (params) {
+              this.dict.type.oa_workflow_state.forEach((item) => {
+                if (item.value == params) {
+                  params = item.raw.dictLabel;
+                }
+              });
+            }
+            return params;
+          },
+          formatType: (params) => {
+            if (params) {
+              this.dict.type.oa_workflow_state.forEach((item) => {
+                if (item.value == params) {
+                  params = item.raw.listClass;
+                }
+              });
+            }
+            return params;
+          },
+        },
+        { label: "璁㈠崟鍙�", prop: "orderNo" },
         {
           label: "闆朵欢鍙�",
           prop: "partNo",
@@ -128,205 +598,374 @@
           dataType: "link",
           linkMethod: "openUnPassDialog",
         },
-        { label: '闆朵欢鎻忚堪', prop: 'partDesc' },
-        { label: '鐗╂枡鍚嶇О', prop: 'materialName' },
-        { label: '鐢熶骇鎵规', prop: 'productionBatch' },
-        { label: '鍒拌揣鏁伴噺', prop: 'cargoQuantity' },
-        { label: '瑙勬牸鍨嬪彿', prop: 'specsModels' },
-        { label: '鎶ユ鏃ユ湡', prop: 'inspectTime' },
-        { label: '鐘舵��', prop: 'statusDB' },
-        { label: '鍙嶉浜�', prop: 'feedbackUser' },
-        { label: '瑕佹楠岀殑閲囪喘鏁伴噺', prop: 'qtyToInspect' },
-        { label: '鍙嶉鏃ユ湡', prop: 'feedbackTime' },
+        { label: "闆朵欢鎻忚堪", prop: "partDesc", width: "160px" },
+        {
+          label: "鐗╂枡灞炴��",
+          prop: "materialProp",
+          formatData: (params) => {
+            if (!params) return null;
+
+            for (let i = 0; i < this.dict.type.material_prop_type.length; i++) {
+              const item = this.dict.type.material_prop_type[i];
+              if (item.value == params) {
+                return item.label;
+              }
+            }
+            return null;
+          },
+        },
+        { label: "鐗╂枡鍚嶇О", prop: "materialName", width: "160px" },
+        { label: "鐢熶骇鎵规", prop: "productionBatch", width: "160px" },
+        { label: "鍒拌揣鏁伴噺",prop: "cargoQuantity"},
+        { label: "閲囪喘鍗曚綅",prop: "buyUnitMeas"},
+        { label: "瑙勬牸鍨嬪彿", prop: "specsModels", width: "140" },
+        { label: "鎶ユ鏃ユ湡", prop: "inspectTime", width: "120" },
+        { label: "鐘舵��", prop: "statusDB" },
+        { label: "鍙嶉浜�", prop: "feedbackUser" },
+        { label: "瑕佹楠岀殑閲囪喘鏁伴噺", prop: "qtyToInspect", width: "140px" },
+        { label: "鍙嶉鏃ユ湡", prop: "feedbackTime", width: "100px" },
         {
           label: "鍒嗙被",
           prop: "classification",
           width: "100px",
           dataType: "tag",
           formatData: (params) => {
-            if (params == 0) {
-              return "涓�绫讳笉鍚堟牸";
-            } else if(params == 1) {
-              return "浜岀被涓嶅悎鏍�";
-            } else {
-              return null
-            }
+            let label = null;
+            this.dict.type.categories_no_conformities.forEach((item) => {
+              if (item.raw.dictValue == params) {
+                label = item.raw.dictLabel;
+              }
+            });
+            return label;
           },
           formatType: (params) => {
-            if (params == 0) {
-              return "warning";
-            } else if(params == 1) {
-              return "info";
-            } else {
-              return "null";
-            }
+            let type = null;
+            this.dict.type.categories_no_conformities.forEach((item) => {
+              if (item.raw.dictValue == params) {
+                type = item.raw.listClass;
+              }
+            });
+            return type;
           },
         },
-        { label: '渚涘簲鍟嗗悕绉�', prop: 'supplierName' },
+        { label: "渚涘簲鍟嗙紪鐮�", prop: "supplierId", width: "140" },
+        { label: "渚涘簲鍟嗗悕绉�", prop: "supplierName", width: "140" },
         {
           label: "涓嶅悎鏍煎綊灞�",
           prop: "offGradeAscription",
-          width: "100px",
+          width: "120px",
           dataType: "tag",
           formatData: (params) => {
-            if (params == 0) {
-              return "鐢熶骇鍙嶉涓嶅悎鏍�";
-            } else if(params == 1) {
-              return "妫�娴嬩笉鍚堟牸";
-            } else {
-              return null
-            }
+            let label = params;
+            this.dict.type.attribution_no_conformities.forEach((item) => {
+              if (item.raw.dictValue == params) {
+                label = item.raw.dictLabel;
+              }
+            });
+            return label;
           },
           formatType: (params) => {
-            if (params == 0) {
-              return "warning";
-            } else if(params == 1) {
-              return "info";
-            } else {
-              return "null";
-            }
+            let type = null;
+            this.dict.type.attribution_no_conformities.forEach((item) => {
+              if (item.raw.dictValue == params) {
+                type = item.raw.listClass;
+              }
+            });
+            return type;
           },
         },
-        { label: '涓嶅悎鏍兼弿杩�', prop: 'unqualifiedDesc' },
+        { label: "涓嶅悎鏍兼弿杩�", prop: "unqualifiedDesc", width: "160px" },
         {
-          dataType: 'action',
-          fixed: 'right',
-          label: '鎿嶄綔',
-          width: '180px',
+          dataType: "action",
+          fixed: "right",
+          label: "鎿嶄綔",
+          prop:'groupId',
+          mergeCol:true,
+          width: "220px",
           operation: [
             {
-              name: '鎻愪氦OA',
-              type: 'text',
+              name: (row) => {
+                return row.requestId !== null && row.oaState === 4
+                  ? "閲嶆柊鎻愪氦"
+                  : "鎻愪氦OA";
+              },
+              type: "text",
               clickFun: (row) => {
                 this.openOA(row);
               },
               disabled: (row, index) => {
-                return row.requestId !== null  // 鏈塺equestId璇存槑宸茬粡鎻愪氦杩嘜A锛屼笉鍙啀娆℃彁浜�
-              }
+                return row.requestId !== null && row.oaState !== 4; // 鏈塺equestId璇存槑宸茬粡鎻愪氦杩嘜A锛屼笉鍙啀娆℃彁浜�
+              },
             },
             {
-              name: '鏌ョ湅OA娴佺▼',
-              type: 'text',
+              name: "鏌ョ湅OA娴佺▼",
+              type: "text",
               clickFun: (row) => {
                 this.OAView(row);
               },
             },
             {
-              name: '鍒犻櫎',
-              type: 'text',
+              name: "鍒犻櫎",
+              type: "text",
               clickFun: (row) => {
                 this.deleteOA(row);
               },
               disabled: (row, index) => {
-                return row.requestId !== null  // 鏈塺equestId璇存槑宸茬粡鎻愪氦杩嘜A锛屼笉鍙啀娆℃彁浜�
-              }
+                return row.requestId !== null && row.oaState !== 4; // 鏈塺equestId璇存槑宸茬粡鎻愪氦杩嘜A锛屼笉鍙啀娆℃彁浜�
+              },
             },
-          ]
-        }
+          ],
+        },
       ],
       page: {
         total: 0,
-        size: 10,
-        current: 1
+        size: 20,
+        current: 1,
       },
       statusList: [],
       dialogVisible: false, // 纭鎻愪氦OA寮规
       unPassDialog: false, // 涓嶅悎鏍煎鐞嗗脊妗�
-      orderId: '',
+      selectOrderIds: [],
+      multipleSelection: [],
       OAProcess: false, // OA娴佺▼寮规
       submitOALoading: false, // OA娴佺▼寮规鎻愪氦鎸夐挳loading
-      deleteVisible: false, // OA娴佺▼鍒犻櫎寮规
-      cancelOALoading: false, // OA娴佺▼鍒犻櫎寮规鎻愪氦鎸夐挳loading
+      exportLoading: false,
+      isOldData: true, //鏄惁鏄棫鏁版嵁
+      insOrderIds: [],
+      rowColSplitNodes: [],
     };
   },
   mounted() {
-    this.refreshTable()
+    this.refreshTable();
   },
   methods: {
+    resetInsOrderForm() {
+      this.activeName = "raw";
+      this.insOrderDataList = [];
+      this.wgInsOrderDataList = [];
+      this.lotBatchNo = null;
+      this.multipleSelection = [];
+      this.insOrderPage = {
+        total: 0,
+        size: 20,
+        current: 1,
+      };
+      this.wgInsOrderPage = {
+        total: 0,
+        size: 20,
+        current: 1,
+      };
+      this.$nextTick(() => {
+        this.insOrderVisible = false;
+      });
+    },
+    openInsOrderDialog() {
+      this.insOrderVisible = true;
+    },
+    searchInsOrderList() {
+      this.multipleSelection = [];
+      this.insOrderTableLoading = true;
+      const params = {
+        updateBatchNo: this.lotBatchNo,
+        isInspect: 1,
+      };
+      if (this.activeName === "raw") {
+        getIfsByAll({ ...params, ...this.insOrderPage })
+          .then((res) => {
+            this.insOrderTableLoading = false;
+            if (res.code === 200) {
+              this.insOrderDataList = res.data.records;
+              this.insOrderPage.total = res.data.total;
+            }
+          })
+          .catch((err) => {
+            this.insOrderTableLoading = false;
+          });
+      } else if (this.activeName === "wg") {
+        getIfsByWgAll({ ...params, ...this.wgInsOrderPage })
+          .then((res) => {
+            this.insOrderTableLoading = false;
+            if (res.code === 200) {
+              this.wgInsOrderDataList = res.data.records;
+              this.wgInsOrderPage.total = res.data.total;
+            }
+          })
+          .catch((err) => {
+            this.insOrderTableLoading = false;
+          });
+      }
+    },
+    insOrderPageination(page) {
+      this.insOrderPage.size = page.limit;
+      this.searchInsOrderList();
+    },
+    wgInsOrderPageination(page) {
+      this.wgInsOrderPage.size = page.limit;
+      this.searchInsOrderList();
+    },
+    handlerSelection(val) {
+      if (!val || val.length === 0) {
+        this.multipleSelection = [];
+        return;
+      }
+      this.multipleSelection = val
+    },
+    //鎵撳紑鏂板涓嶅悎鏍煎鐞嗗脊妗�
+    openAddUnqualifiedHandlerView() {
+      if (!this.multipleSelection || this.multipleSelection.length === 0) {
+        this.$message.warning("璇疯嚦灏戦�夋嫨涓�鏉¤鍗曡褰�");
+        return;
+      }
+      const contracts = [...new Set(this.multipleSelection.map(item=>{return item.contract}))]
+      if(contracts && contracts.length>1){
+        this.$message.warning("璇烽�夋嫨鐩稿悓IFS鍩熺殑璁㈠崟");
+        return;
+      }
+      const partNos = [...new Set(this.multipleSelection.map(item=>{return item.partNo}))]
+      if(partNos && partNos.length>1){
+        this.$message.warning("璇烽�夋嫨鐩稿悓闆朵欢鐨勮鍗�");
+        return;
+      }
+      this.selectOrderIds = this.multipleSelection.map(item=>{return item.enterOrderId})
+      this.insOrderVisible = false
+      this.unPassDialog = true;
+      this.$nextTick(() => {
+        this.$refs.unPassDialog.getInsOrder("add");
+      });
+    },
+    exportUnqualifiedHandler() {
+      this.exportLoading = true;
+      const newEntity = { ...this.entity };
+      if (newEntity.feedbackDateTime && newEntity.feedbackDateTime.length > 0) {
+        newEntity.feedbackStartTime = newEntity.feedbackDateTime[0];
+        newEntity.feedbackEndTime = newEntity.feedbackDateTime[1];
+      }
+      exportUnqualifiedHandler({ ...newEntity })
+        .then((res) => {
+          transformExcel(res, "涓嶅悎鏍煎鐞嗚褰�.xlsx");
+          this.exportLoading = false;
+        })
+        .catch((error) => {
+          console.error(error);
+        });
+    },
     refreshTable() {
-      this.tableLoading = true
-      page({ ...this.page, ...this.entity }).then(res => {
-        this.tableLoading = false
-        this.tableData = res.data.records
-        this.page.total = res.data.total
-      }).catch(err => {
-        this.tableLoading = false
-      })
+      this.tableLoading = true;
+      const newEntity = { ...this.entity };
+      if (newEntity.feedbackDateTime && newEntity.feedbackDateTime.length > 0) {
+        newEntity.feedbackStartTime = newEntity.feedbackDateTime[0];
+        newEntity.feedbackEndTime = newEntity.feedbackDateTime[1];
+      }
+      page({ ...this.page, ...newEntity })
+        .then((res) => {
+          this.tableLoading = false;
+          this.tableData = res.data.records;
+          this.page.total = res.data.total;
+        })
+        .catch((err) => {
+          this.tableLoading = false;
+        });
     },
     // 閲嶇疆
     refresh() {
-      this.resetForm('entity')
-      this.refreshTable()
+      this.resetForm("entity");
+      this.refreshTable();
     },
     // 鍒嗛〉鍒囨崲
     pagination(page) {
-      this.page.size = page.limit
-      this.refreshTable()
+      this.page.size = page.limit;
+      this.refreshTable();
     },
     // 鎵撳紑涓嶅悎鏍煎鐞嗗脊妗�
-    openUnPassDialog (row) {
-      this.unPassDialog = true
+    openUnPassDialog(row) {
+      this.unPassDialog = true;
       this.$nextTick(() => {
-        this.$refs.unPassDialog.getInsOrder('view', row)
-      })
-    },
-    // 鍏抽棴涓嶅悎鏍煎鐞嗗脊妗�
-    resetForm1 () {
-      this.$refs.unPassDialog.$refs['unPassForm'].resetFields();
-      this.unPassDialog = false
-    },
-    // 鎵撳紑鍒犻櫎OA纭寮规
-    deleteOA (row) {
-      this.handlerId = row.handlerId
-      this.deleteVisible = true
-    },
-    // 鎻愪氦鍒犻櫎鐢宠
-    cancelOA () {
-      this.de = true
-      deleteUnqualifiedHandler({id: this.handlerId,}).then(res => {
-        this.cancelOALoading = false
-        if (res.code === 200) {
-          this.deleteVisible = false
-          this.$message.success('鍒犻櫎鎴愬姛')
-          this.refreshTable('page')
-        }
-      }).catch(error => {
-        this.cancelOALoading = false
-        console.error(error);
+        this.$refs.unPassDialog.getInsOrder("view", row);
       });
     },
+    // 鍏抽棴涓嶅悎鏍煎鐞嗗脊妗�
+    resetForm1() {
+      this.$refs.unPassDialog.$refs["unPassForm"].resetFields();
+      this.unPassDialog = false;
+      this.$nextTick(() => {
+        this.refreshTable("page");
+      });
+    },
+    // 鍒犻櫎OA纭寮规
+    deleteOA(row) {
+      this.$confirm('鏄惁纭鍒犻櫎褰撳墠OA娴佺▼?', '鎻愮ず', {
+        confirmButtonText: '纭畾',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning'
+      }).then(() => {
+        deleteUnqualifiedHandler({ groupId: row.groupId })
+          .then((res) => {
+            if (res.code === 200) {
+              this.$message.success("鍒犻櫎鎴愬姛");
+              this.refreshTable("page");
+            }
+          })
+          .catch((error) => {
+            console.error(error);
+          });
+      }).catch(() => { });
+    },
     // 鏌ョ湅鎻愪氦OA鐨勬暟鎹�
-    openOA (row) {
-      this.handlerId = row.handlerId
-      this.dialogVisible = true
+    openOA(row) {
+      this.handlerId = row.handlerId;
+      this.contract = row.contract;
+      this.groupId = row.groupId;
+      if (row && row.requestId !== null) {
+        // 閲嶆柊鎻愪氦OA,鎵撳紑缂栬緫寮规
+        this.unPassDialog = true;
+        this.$nextTick(() => {
+          this.$refs.unPassDialog.getInsOrder("resubmit", row);
+        });
+      } else {
+        this.dialogVisible = true;
+      }
     },
     // 鏌ョ湅OA娴佺▼
-    OAView (row) {
-      this.OAProcess = true
+    OAView(row) {
+      this.OAProcess = true;
+      this.isOldData = row.isOldData;
       this.$nextTick(() => {
-        this.$refs.OAProcess.getInfo(row.handlerId)
-      })
+        this.$refs.OAProcess.getInfo(
+          row.handlerId,
+          row ? row.unqualifiedDesc : "",
+          row.classification
+        );
+      });
     },
     // 鍏抽棴鏌ョ湅OA娴佺▼鐨勫脊妗�
-    closeOAProcess () {
-      this.OAProcess = false
+    closeOAProcess() {
+      this.OAProcess = false;
     },
     //鎻愪氦OA
     submitOA(row) {
       // 鎻愪氦OA
-      this.submitOALoading = true
-      pushOA({handlerId: this.handlerId,}).then(res => {
-        this.submitOALoading = false
-        if (res.code === 200) {
-          this.dialogVisible = false
-          this.$message.success('鎻愪氦鎴愬姛')
-          this.refreshTable('page')
-        }
-      }).catch(error => {
-        this.submitOALoading = false
-        console.error(error);
-      });
-    }
-  }
+      this.submitOALoading = true;
+      pushOA({ handlerId: this.handlerId, contract: this.contract,groupId: this.groupId })
+        .then((res) => {
+          this.submitOALoading = false;
+          if (res.code === 200) {
+            this.dialogVisible = false;
+            this.$message.success("鎻愪氦鎴愬姛");
+            this.refreshTable("page");
+          }
+        })
+        .catch((error) => {
+          this.submitOALoading = false;
+          console.error(error);
+        });
+    },
+  },
 };
 </script>
+
+<style scoped>
+.capacity-scope >>> .disabled-selection-row td {
+  background-color: #f5f7fa !important;
+  color: #c0c4cc;
+}
+</style>

--
Gitblit v1.9.3