| | |
| | | clearable |
| | | :prefix-icon="Search" /> |
| | | </el-form-item> |
| | | <el-form-item label="销售合同号:"> |
| | | <el-input v-model="searchForm.salesContractNo" |
| | | placeholder="请输入" |
| | | clearable |
| | | prefix-icon="Search" |
| | | @change="handleQuery" /> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="订单号:">--> |
| | | <!-- <el-input v-model="searchForm.salesContractNo"--> |
| | | <!-- placeholder="请输入"--> |
| | | <!-- clearable--> |
| | | <!-- prefix-icon="Search"--> |
| | | <!-- @change="handleQuery" />--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="项目名称:"> |
| | | <el-input v-model="searchForm.projectName" |
| | | placeholder="请输入" |
| | |
| | | prop="purchaseContractNumber" |
| | | width="160" |
| | | show-overflow-tooltip /> |
| | | <el-table-column label="销售合同号" |
| | | prop="salesContractNo" |
| | | width="160" |
| | | show-overflow-tooltip /> |
| | | <!-- <el-table-column label="订单号"--> |
| | | <!-- prop="salesContractNo"--> |
| | | <!-- width="160"--> |
| | | <!-- show-overflow-tooltip />--> |
| | | <el-table-column label="供应商名称" |
| | | prop="supplierName" |
| | | width="160" |
| | |
| | | show-overflow-tooltip /> |
| | | <el-table-column fixed="right" |
| | | label="操作" |
| | | width="120" |
| | | width="200" |
| | | align="center"> |
| | | <template #default="scope"> |
| | | <el-button link |
| | |
| | | <el-button link |
| | | type="primary" |
| | | @click="openFileDialog(scope.row)">附件</el-button> |
| | | <el-button link |
| | | type="primary" |
| | | v-if="scope.row.masterContractNo" |
| | | @click="openContractFileDialog(scope.row)">总合同附件 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | ref="formRef"> |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="总合同号:"> |
| | | <el-input v-model="form.masterContractNo" |
| | | placeholder="请输入" |
| | | clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="采购合同号:" |
| | | prop="purchaseContractNumber"> |
| | | <el-input v-model="form.purchaseContractNumber" |
| | |
| | | clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="销售合同号:" |
| | | prop="salesLedgerId"> |
| | | <el-select v-model="form.salesLedgerId" |
| | | placeholder="请选择" |
| | | filterable |
| | | clearable |
| | | @change="salesLedgerChange"> |
| | | <el-option v-for="item in salesContractList" |
| | | :key="item.id" |
| | | :label="item.salesContractNo" |
| | | :value="item.id" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-form-item label="订单号:"--> |
| | | <!-- prop="salesLedgerId">--> |
| | | <!-- <el-select v-model="form.salesLedgerId"--> |
| | | <!-- placeholder="请选择"--> |
| | | <!-- filterable--> |
| | | <!-- clearable--> |
| | | <!-- @change="salesLedgerChange">--> |
| | | <!-- <el-option v-for="item in salesContractList"--> |
| | | <!-- :key="item.id"--> |
| | | <!-- :label="item.salesContractNo"--> |
| | | <!-- :value="item.id" />--> |
| | | <!-- </el-select>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- </el-col>--> |
| | | </el-row> |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | |
| | | <el-select v-model="form.supplierId" |
| | | placeholder="请选择" |
| | | filterable |
| | | clearable> |
| | | clearable |
| | | @change="handleSupplierChange"> |
| | | <el-option v-for="item in supplierList" |
| | | :key="item.id" |
| | | :label="item.supplierName" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="总合同号:"> |
| | | <el-select v-model="form.masterContractNo" |
| | | placeholder="请先选择供应商" |
| | | filterable |
| | | clearable |
| | | :disabled="!form.supplierId"> |
| | | <el-option v-for="item in contractList" |
| | | :key="item.id" |
| | | :label="item.masterContractNo" |
| | | :value="item.masterContractNo" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="项目名称" |
| | | prop="projectName"> |
| | |
| | | <el-tag v-else :type="scope.row.isChecked ? 'success' : 'info'"> |
| | | {{ scope.row.isChecked ? '是' : '否' }} |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="选择设备" |
| | | prop="deviceId" |
| | | width="150"> |
| | | <template #default="scope"> |
| | | <span v-if="scope.row.productType === 2">--</span> |
| | | <el-select v-else |
| | | v-model="scope.row.deviceId" |
| | | placeholder="请选择设备" |
| | | filterable |
| | | clearable |
| | | @change="handleDeviceChange(scope.row, scope.$index)"> |
| | | <el-option v-for="device in iotDeviceList" |
| | | :key="device.id" |
| | | :label="device.deviceName" |
| | | :value="device.id" /> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="库位" |
| | | prop="storageLocation" |
| | | width="120"> |
| | | <template #default="scope"> |
| | | <span v-if="scope.row.productType === 2">--</span> |
| | | <el-input v-else |
| | | v-model="scope.row.storageLocation" |
| | | placeholder="自动获取" |
| | | disabled /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="入库审核状态" |
| | |
| | | </el-row> |
| | | <el-row :gutter="30" v-if="productForm.productType !== 2"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="选择设备:" |
| | | prop="deviceId"> |
| | | <el-select v-model="productForm.deviceId" |
| | | placeholder="请选择设备" |
| | | filterable |
| | | clearable |
| | | style="width: 100%" |
| | | @change="handleProductDeviceChange"> |
| | | <el-option v-for="device in iotDeviceList" |
| | | :key="device.id" |
| | | :label="device.deviceName" |
| | | :value="device.id" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="库位:" |
| | | prop="storageLocation"> |
| | | <el-input v-model="productForm.storageLocation" |
| | | placeholder="选择设备后自动获取" |
| | | disabled /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="30" v-if="productForm.productType !== 2"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="是否质检:" |
| | | prop="isChecked"> |
| | | <el-radio-group v-model="productForm.isChecked"> |
| | |
| | | v-model:visible="fileListDialogVisible" |
| | | record-type="purchase_ledger" |
| | | :record-id="recordId" /> |
| | | <!-- 总合同附件弹窗 --> |
| | | <el-dialog |
| | | v-model="contractFileDialogVisible" |
| | | title="总合同附件" |
| | | width="700px" |
| | | :close-on-click-modal="false"> |
| | | <el-table :data="contractFileList" border v-if="contractFileList.length"> |
| | | <el-table-column prop="name" label="文件名称" show-overflow-tooltip /> |
| | | <el-table-column prop="byteSize" label="文件大小" width="120"> |
| | | <template #default="{ row }"> |
| | | {{ formatFileSize(row.byteSize) }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="150"> |
| | | <template #default="{ row }"> |
| | | <el-link type="primary" :href="row.previewURL" target="_blank">预览</el-link> |
| | | <el-link type="primary" :href="row.downloadURL" style="margin-left: 10px">下载</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-empty v-else description="暂无附件" /> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | const sparePartsOptions = ref([]); |
| | | const salesContractList = ref([]); |
| | | const supplierList = ref([]); |
| | | const contractList = ref([]); // 供应商合同列表 |
| | | const iotDeviceList = ref([]); // IoT设备列表 |
| | | const contractFileDialogVisible = ref(false); |
| | | const contractFileList = ref([]); |
| | | const tableLoading = ref(false); |
| | | const recordId = ref(); |
| | | const fileListDialogVisible = ref(false); |
| | |
| | | import useUserStore from "@/store/modules/user"; |
| | | import { modelList, productTreeList } from "@/api/basicData/product.js"; |
| | | import { getSparePartsList } from "@/api/equipmentManagement/spareParts.js"; |
| | | import { getSupplierContractList, getSupplierContractFilesByNo } from "@/api/basicData/supplierContract.js"; |
| | | import { getIotDeviceList as getIotDeviceListApi } from "@/api/equipmentManagement/ledger.js"; |
| | | import dayjs from "dayjs"; |
| | | import FileUpload from "@/components/AttachmentUpload/file/index.vue"; |
| | | |
| | |
| | | 待入库: "info", // 待入库 - 灰色 |
| | | 入库中: "warning", // 入库中 - 橙色 |
| | | 完全入库: "success", // 完全入库 - 绿色 |
| | | 已驳回: "danger", // 已驳回 - 红色 |
| | | }; |
| | | return typeMap[status] || ""; |
| | | }; |
| | |
| | | invoiceType: "", |
| | | warnNum: "", |
| | | isChecked: false, |
| | | deviceId: "", |
| | | storageLocation: "", |
| | | }, |
| | | productRules: { |
| | | productId: [{ required: true, message: "请选择", trigger: "change" }], |
| | |
| | | type: 2, |
| | | }); |
| | | productData.value = productRes.data || []; |
| | | // 编辑时加载供应商的合同列表以便回显总合同号 |
| | | if (purchaseRes.supplierId) { |
| | | try { |
| | | const contractRes = await getSupplierContractList(purchaseRes.supplierId); |
| | | if (contractRes.code === 200) { |
| | | contractList.value = contractRes.data || []; |
| | | } |
| | | } catch (error) { |
| | | console.error('获取供应商合同列表失败:', error); |
| | | } |
| | | } |
| | | } catch (error) { |
| | | console.error("加载采购台账数据失败:", error); |
| | | proxy.$modal.msgError("加载数据失败"); |
| | |
| | | } |
| | | }; |
| | | |
| | | // 供应商选择变化时,加载该供应商的合同列表 |
| | | const handleSupplierChange = async (supplierId) => { |
| | | form.value.masterContractNo = ''; |
| | | contractList.value = []; |
| | | if (!supplierId) return; |
| | | |
| | | try { |
| | | const res = await getSupplierContractList(supplierId); |
| | | if (res.code === 200) { |
| | | contractList.value = res.data || []; |
| | | } |
| | | } catch (error) { |
| | | console.error('获取供应商合同列表失败:', error); |
| | | } |
| | | }; |
| | | |
| | | // 查看总合同附件 |
| | | const openContractFileDialog = async (row) => { |
| | | if (!row.masterContractNo) { |
| | | proxy.$modal.msgWarning('该记录没有总合同号'); |
| | | return; |
| | | } |
| | | try { |
| | | const res = await getSupplierContractFilesByNo(row.masterContractNo); |
| | | if (res.code === 200) { |
| | | contractFileList.value = res.data || []; |
| | | contractFileDialogVisible.value = true; |
| | | } |
| | | } catch (error) { |
| | | console.error('获取合同附件失败:', error); |
| | | } |
| | | }; |
| | | |
| | | // 获取IoT设备列表 |
| | | // 获取IoT设备列表 |
| | | const getIotDeviceList = async () => { |
| | | try { |
| | | const res = await getIotDeviceListApi(); |
| | | if (res.data) { |
| | | iotDeviceList.value = res.data; |
| | | } |
| | | } catch (error) { |
| | | console.error("获取IoT设备列表失败:", error); |
| | | } |
| | | }; |
| | | |
| | | // 设备选择变更时,自动填充库位 |
| | | const handleDeviceChange = (row, index) => { |
| | | const device = iotDeviceList.value.find(d => d.id === row.deviceId); |
| | | if (device) { |
| | | row.storageLocation = device.storageLocation || ''; |
| | | } else { |
| | | row.storageLocation = ''; |
| | | } |
| | | }; |
| | | |
| | | // 产品弹窗中设备选择变更时,自动填充库位 |
| | | const handleProductDeviceChange = (deviceId) => { |
| | | const device = iotDeviceList.value.find(d => d.id === deviceId); |
| | | if (device) { |
| | | productForm.value.storageLocation = device.storageLocation || ''; |
| | | } else { |
| | | productForm.value.storageLocation = ''; |
| | | } |
| | | }; |
| | | |
| | | // 格式化文件大小 |
| | | const formatFileSize = (bytes) => { |
| | | if (!bytes) return '0 B'; |
| | | const k = 1024; |
| | | const sizes = ['B', 'KB', 'MB', 'GB']; |
| | | const i = Math.floor(Math.log(bytes) / Math.log(k)); |
| | | return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]; |
| | | }; |
| | | |
| | | onMounted(() => { |
| | | getList(); |
| | | getTemplateList(); |
| | | getIotDeviceList(); |
| | | }); |
| | | </script> |
| | | |