| | |
| | | <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="检验编号:"> |
| | |
| | | <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> |
| | |
| | | </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> |
| | |
| | | </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> |
| | |
| | | <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> |
| | |
| | | |
| | | <script> |
| | | import { getFactoryVerify, addFactoryVerify } from '@/api/business/unpass.js' |
| | | import { getFileListById } from "@/api/structural/workshop.js" |
| | | import { |
| | | getInsProduct, |
| | | } from "@/api/business/inspectionTask.js"; |
| | |
| | | type: String, |
| | | default: () => null |
| | | }, |
| | | workShopId: { |
| | | type: [String, Number], |
| | | default: () => null |
| | | } |
| | | }, |
| | | data() { |
| | | // 这里存放数据 |
| | |
| | | factoryVerifyItemDia: false, // 添加验证项目弹框 |
| | | handleFactoryVerifyLoading: false, |
| | | inspectionItemDia: false, |
| | | inspectionItem: '' |
| | | inspectionItem: '', |
| | | fileList: [], // 添加文件列表数据 |
| | | } |
| | | }, |
| | | // 方法集合 |
| | |
| | | async getInsOrder(operationType, item) { |
| | | this.operationType = operationType |
| | | this.info = item |
| | | // 获取文件列表 |
| | | await this.getFileList() |
| | | // 查询已提交的数据 |
| | | let factoryVerify = await getFactoryVerify({ insOrderId: this.orderId }) |
| | | this.purchaseForm = factoryVerify.data |
| | |
| | | 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) { |
| | |
| | | } |
| | | |
| | | >>>.el-dialog__body { |
| | | max-height: 700px; |
| | | max-height: 600px; |
| | | overflow-y: auto; |
| | | } |
| | | </style> |