| | |
| | | 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> |
| | |
| | | label-position="top" |
| | | :rules="rules" |
| | | 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="采购合同号:" |
| | |
| | | <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"> |
| | |
| | | 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 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 dayjs from "dayjs"; |
| | | import FileUpload from "@/components/AttachmentUpload/file/index.vue"; |
| | | |
| | |
| | | 待入库: "info", // 待入库 - 灰色 |
| | | 入库中: "warning", // 入库中 - 橙色 |
| | | 完全入库: "success", // 完全入库 - 绿色 |
| | | 已驳回: "danger", // 已驳回 - 红色 |
| | | }; |
| | | return typeMap[status] || ""; |
| | | }; |
| | |
| | | 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); |
| | | } |
| | | }; |
| | | |
| | | // 格式化文件大小 |
| | | 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(); |