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

liding

2025-04-09 efdd02d3d80253bf93f1c58e3ae25016db2d6b31

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

@@ -1,10 +1,10 @@
<template>
  <div>
    <el-dialog title="进货验证原始记录" :visible.sync="isShow" width="1000px" :show-close="false" :close-on-click-modal="false"
      style="max-height: 96vh; margin-top: 2vh" :modal-append-to-body="false" :close-on-press-escape="false">
    <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">
      <div class="search">
        <el-form :inline="true" :model="purchaseForm" label-position="right" :rules="purchaseFormRules"
          ref="purchaseForm" class="form-inline" label-width="130px">
          ref="purchaseForm" class="form-inline" label-width="120px">
          <el-row>
            <el-col :span="8">
              <el-form-item label="检验编号:">
@@ -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>
@@ -55,50 +58,49 @@
          </h4>
          <div class="title">一、供方产品检测报告的基本信息确认</div>
          <el-form-item label="材料名称:" prop="basicName">
            <el-radio-group v-model="purchaseForm.basicName" :disabled="operationType === 'view'" v-removeAriaHidden>
            <el-radio-group v-model="purchaseForm.basicName" :disabled="operationType === 'view'">
              <el-radio label="1">符合</el-radio>
              <el-radio label="2">不符合</el-radio>
              <el-radio label="3">不适用</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="规格型号:" prop="basicModel">
            <el-radio-group v-model="purchaseForm.basicModel" :disabled="operationType === 'view'" v-removeAriaHidden>
            <el-radio-group v-model="purchaseForm.basicModel" :disabled="operationType === 'view'">
              <el-radio label="1">符合</el-radio>
              <el-radio label="2">不符合</el-radio>
              <el-radio label="3">不适用</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="材料批号:" prop="basicBatchNo">
            <el-radio-group v-model="purchaseForm.basicBatchNo" :disabled="operationType === 'view'" v-removeAriaHidden>
            <el-radio-group v-model="purchaseForm.basicBatchNo" :disabled="operationType === 'view'">
              <el-radio label="1">符合</el-radio>
              <el-radio label="2">不符合</el-radio>
              <el-radio label="3">不适用</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="执行标准:" prop="basicStandard">
            <el-radio-group v-model="purchaseForm.basicStandard" :disabled="operationType === 'view'"
              v-removeAriaHidden>
            <el-radio-group v-model="purchaseForm.basicStandard" :disabled="operationType === 'view'">
              <el-radio label="1">符合</el-radio>
              <el-radio label="2">不符合</el-radio>
              <el-radio label="3">不适用</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="生产日期:" prop="basicDate">
            <el-radio-group v-model="purchaseForm.basicDate" :disabled="operationType === 'view'" v-removeAriaHidden>
            <el-radio-group v-model="purchaseForm.basicDate" :disabled="operationType === 'view'">
              <el-radio label="1">符合</el-radio>
              <el-radio label="2">不符合</el-radio>
              <el-radio label="3">不适用</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="供货数量:" prop="basicNumber">
            <el-radio-group v-model="purchaseForm.basicNumber" :disabled="operationType === 'view'" v-removeAriaHidden>
            <el-radio-group v-model="purchaseForm.basicNumber" :disabled="operationType === 'view'">
              <el-radio label="1">符合</el-radio>
              <el-radio label="2">不符合</el-radio>
              <el-radio label="3">不适用</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="材料颜色:" prop="basicColor">
            <el-radio-group v-model="purchaseForm.basicColor" :disabled="operationType === 'view'" v-removeAriaHidden>
            <el-radio-group v-model="purchaseForm.basicColor" :disabled="operationType === 'view'">
              <el-radio label="1">符合</el-radio>
              <el-radio label="2">不符合</el-radio>
              <el-radio label="3">不适用</el-radio>
@@ -125,12 +127,13 @@
              </span>
            </div>
            <div>
              <el-table :data="factoryVerifyItemList" style="width: 98%" v-loading="tableLoading">
              <el-table :data="factoryVerifyItemList" style="width: 98%" v-loading="tableLoading"
                :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="验证结果">
                  <template slot-scope="scope">
                    <el-radio-group v-model="scope.row.result" v-removeAriaHidden :disabled="operationType === 'view'">
                    <el-radio-group v-model="scope.row.result" :disabled="operationType === 'view'">
                      <el-radio label="1">符合</el-radio>
                      <el-radio label="2">不符合</el-radio>
                      <el-radio label="3">不适用</el-radio>
@@ -150,14 +153,14 @@
      <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>
          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">
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column type="index" label="序号" width="60" align="center"></el-table-column>
@@ -181,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";
@@ -197,6 +201,10 @@
      type: String,
      default: () => null
    },
    workShopId: {
      type: [String, Number],
      default: () => null
    }
  },
  data() {
    // 这里存放数据
@@ -241,7 +249,8 @@
      factoryVerifyItemDia: false, // 添加验证项目弹框
      handleFactoryVerifyLoading: false,
      inspectionItemDia: false,
      inspectionItem: ''
      inspectionItem: '',
      fileList: [], // 添加文件列表数据
    }
  },
  // 方法集合
@@ -249,6 +258,8 @@
    async getInsOrder(operationType, item) {
      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) {
@@ -370,7 +395,7 @@
}

>>>.el-dialog__body {
  max-height: 700px;
  max-height: 600px;
  overflow-y: auto;
}
</style>