检验任务，进货检验车间文件选择

liding

2025-04-09 efdd02d3d80253bf93f1c58e3ae25016db2d6b31

 src/views/business/unpass/components/PurchaseVerification.vue

@@ -1,7 +1,7 @@
<template>
  <div>
    <el-dialog title="进货验证原始记录" :visible.sync="isShow" width="70%" :show-close="false" :close-on-click-modal="false"
               :modal-append-to-body="false" :close-on-press-escape="false">
      :modal-append-to-body="false" :close-on-press-escape="false">
      <div class="search">
        <el-form :inline="true" :model="purchaseForm" label-position="right" :rules="purchaseFormRules"
          ref="purchaseForm" class="form-inline" label-width="120px">
@@ -44,8 +44,11 @@
          <div>
            <el-form-item class="headLine" label="验证依据文件编号:" label-width="160px" style="width: 100%"
              prop="verifyFileCode">
              <el-input clearable v-model="purchaseForm.verifyFileCode" size="small"
                :disabled="operationType === 'view'" placeholder="请输入"></el-input>
              <el-select v-model="purchaseForm.verifyFileCode" clearable filterable size="small"
                :disabled="operationType === 'view'" placeholder="请选择">
                <el-option v-for="item in fileList" :key="item.id" :label="item.fileName" :value="item.fileName">
                </el-option>
              </el-select>
            </el-form-item>
          </div>
          <h4>
@@ -125,7 +128,7 @@
            </div>
            <div>
              <el-table :data="factoryVerifyItemList" style="width: 98%" v-loading="tableLoading"
                        :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border>
                :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border>
                <el-table-column type="index" label="序号" width="180" align="center"></el-table-column>
                <el-table-column prop="inspectionItem" label="验证项目" width="300"></el-table-column>
                <el-table-column prop="result" label="验证结果">
@@ -149,15 +152,16 @@
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="$emit('resetPurchaseDialog')">取 消</el-button>
        <el-button type="primary" @click="handlePurchase" :loading="handlePurchaseLoading" v-if="operationType === 'add'">确定</el-button>
        <el-button type="primary" @click="handlePurchase" :loading="handlePurchaseLoading"
          v-if="operationType === 'add'">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="待验证项目" :visible.sync="factoryVerifyItemDia" width="1000px"
      style="max-height: 96vh; margin-top: 2vh" :show-close="false" :close-on-click-modal="false"
      :close-on-press-escape="false">
      <el-table :data="tableList" style="width: 100%" v-loading="tableLoading"
                :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border
                @selection-change="handleSelectionChange">
        :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border
        @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column type="index" label="序号" width="60" align="center"></el-table-column>
        <el-table-column prop="inspectionItem" label="验证项目"></el-table-column>
@@ -180,6 +184,7 @@

<script>
import { getFactoryVerify, addFactoryVerify } from '@/api/business/unpass.js'
import { getFileListById } from "@/api/structural/workshop.js"
import {
  getInsProduct,
} from "@/api/business/inspectionTask.js";
@@ -196,6 +201,10 @@
      type: String,
      default: () => null
    },
    workShopId: {
      type: [String, Number],
      default: () => null
    }
  },
  data() {
    // 这里存放数据
@@ -240,15 +249,17 @@
      factoryVerifyItemDia: false, // 添加验证项目弹框
      handleFactoryVerifyLoading: false,
      inspectionItemDia: false,
      inspectionItem: ''
      inspectionItem: '',
      fileList: [], // 添加文件列表数据
    }
  },
  // 方法集合
  methods: {
    async getInsOrder(operationType, item) {
      console.log('operationType----', operationType)
      this.operationType = operationType
      this.info = item
      // 获取文件列表
      await this.getFileList()
      // 查询已提交的数据
      let factoryVerify = await getFactoryVerify({ insOrderId: this.orderId })
      this.purchaseForm = factoryVerify.data
@@ -277,6 +288,20 @@
          this.tableList.push(obj)
        })
        this.tableLoading = false;
      }
    },

    // 获取文件列表
    async getFileList() {
      try {
        const res = await getFileListById({
          workShopId: this.workShopId
        })
        if (res.code === 200) {
          this.fileList = res.data
        }
      } catch (error) {
        console.error('获取文件列表失败:', error)
      }
    },
    handleSelectionChange(val) {
@@ -346,6 +371,7 @@
.headLine>>>.el-form-item__content {
  width: 68%;
}

>>>.el-form-item__content {
  display: inline-block;
}