| | |
| | | <span class="info-value">{{ routeInfo.quantity || '-' }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="info-item full-width" |
| | | v-if="routeInfo.description"> |
| | | <div class="info-item"> |
| | | <div class="info-label-wrapper"> |
| | | <span class="info-label">描述</span> |
| | | <span class="info-label">备注</span> |
| | | </div> |
| | | <div class="info-value-wrapper"> |
| | | <span class="info-value">{{ routeInfo.description }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | | <!-- 附件模块 --> |
| | | <div v-if="pageType === 'order'" |
| | | class="section-header"> |
| | | <div class="section-title">附件</div> |
| | | </div> |
| | | <el-card v-if="pageType === 'order'" |
| | | class="attachment-card" |
| | | shadow="hover" |
| | | style="margin-top: 10px; margin-bottom: 20px;"> |
| | | <el-table :data="attachmentTableData" |
| | | border |
| | | class="attachment-table"> |
| | | <el-table-column label="附件名称" |
| | | prop="originalFilename" |
| | | show-overflow-tooltip /> |
| | | <el-table-column fixed="right" |
| | | label="操作" |
| | | width="200" |
| | | align="center"> |
| | | <template #default="scope"> |
| | | <el-button link |
| | | type="primary" |
| | | size="small" |
| | | @click="downloadAttachmentFile(scope.row.downloadURL)"> |
| | | 下载 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-card> |
| | | <!-- 表格视图 --> |
| | | <div v-if="viewMode === 'table'" |
| | |
| | | 编辑 |
| | | </el-button> |
| | | <el-button v-if="bomDataValue.isEdit" |
| | | type="primary" |
| | | plain |
| | | @click="addBomItem()"> |
| | | 添加物料 |
| | | </el-button> |
| | | <el-button v-if="bomDataValue.isEdit" |
| | | @click="cancelEditBom"> |
| | | 取消 |
| | | </el-button> |
| | |
| | | :model="bomDataValue"> |
| | | <el-table :data="bomDataValue.dataList" |
| | | row-key="tempId" |
| | | default-expand-all |
| | | :tree-props="{children: 'children', hasChildren: 'hasChildren'}" |
| | | style="width: 100%"> |
| | | <el-table-column prop="productName" |
| | | label="产品" /> |
| | |
| | | <el-select v-model="row.model" |
| | | placeholder="请选择规格" |
| | | clearable |
| | | :disabled="!bomDataValue.isEdit || bomDataValue.dataList.some(item => (item).tempId === row.tempId)" |
| | | :disabled="!bomDataValue.isEdit" |
| | | style="width: 100%" |
| | | @visible-change="(v) => { if (v) openBomDialog(row.tempId) }"> |
| | | <el-option v-if="row.model" |
| | |
| | | label="消耗工序"> |
| | | <template #default="{ row }"> |
| | | <el-form-item v-if="pageType === 'order' && bomDataValue.isEdit" |
| | | :rules="bomDataValue.dataList.some(item => (item).tempId === row.tempId) ? [] : [{ required: true, message: '请选择消耗工序', trigger: 'change' }]" |
| | | :rules="[{ required: true, message: '请选择消耗工序', trigger: 'change' }]" |
| | | style="margin: 0"> |
| | | <el-select v-model="row.processId" |
| | | placeholder="请选择" |
| | |
| | | clearable |
| | | style="width: 100%" |
| | | @change="value => handleBomProcessChange(row, value)" |
| | | :disabled="!bomDataValue.isEdit || bomDataValue.dataList.some(item => (item).tempId === row.tempId)"> |
| | | :disabled="!bomDataValue.isEdit"> |
| | | <el-option v-for="item in bomDataValue.processOptions" |
| | | :key="item.id" |
| | | :label="item.name" |
| | |
| | | </el-form-item> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="unitQuantity" |
| | | label="单位产出所需数量"> |
| | | <template #default="{ row }"> |
| | | <el-form-item v-if="pageType === 'order' && bomDataValue.isEdit" |
| | | :rules="[{ required: true, message: '请输入单位产出所需数量', trigger: ['blur','change'] }]" |
| | | style="margin: 0"> |
| | | <el-input-number v-model="row.unitQuantity" |
| | | :min="0" |
| | | :precision="2" |
| | | :step="1" |
| | | controls-position="right" |
| | | style="width: 100%" |
| | | @change="handleUnitQuantityChange" |
| | | :disabled="!bomDataValue.isEdit || bomDataValue.dataList.some(item => (item).tempId === row.tempId)" /> |
| | | </el-form-item> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column v-if="pageType === 'order'" |
| | | prop="demandedQuantity" |
| | | label="需求总量"> |
| | | <template #default="{ row }"> |
| | | <el-form-item v-if="pageType === 'order' && bomDataValue.isEdit" |
| | | :rules="[{ required: true, message: '请输入需求总量', trigger: ['blur','change'] }]" |
| | | style="margin: 0"> |
| | | <el-input-number v-model="row.demandedQuantity" |
| | | :min="0" |
| | | :precision="2" |
| | | :step="1" |
| | | controls-position="right" |
| | | style="width: 100%" |
| | | :disabled="true" /> |
| | | </el-form-item> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="unit" |
| | | label="单位"> |
| | | <template #default="{ row }"> |
| | | <el-form-item v-if="pageType === 'order' && bomDataValue.isEdit" |
| | | :rules="[{ required: true, message: '请输入单位', trigger: ['blur','change'] }]" |
| | | style="margin: 0"> |
| | | <el-input v-model="row.unit" |
| | | placeholder="请输入单位" |
| | | clearable |
| | | :disabled="!bomDataValue.isEdit || bomDataValue.dataList.some(item => (item).tempId === row.tempId)" /> |
| | | </el-form-item> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" |
| | | fixed="right" |
| | | width="200" |
| | | width="100" |
| | | v-if="pageType === 'order' && bomDataValue.isEdit"> |
| | | <template #default="{ row }"> |
| | | <el-button v-if="bomDataValue.isEdit && !bomDataValue.dataList.some(item => (item).tempId === row.tempId)" |
| | | type="danger" |
| | | <el-button type="danger" |
| | | text |
| | | @click="removeBomItem(row.tempId)">删除 |
| | | </el-button> |
| | | <el-button v-if="bomDataValue.isEdit" |
| | | type="primary" |
| | | text |
| | | @click="addBomItem(row.tempId)">添加 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | v-model="bomDataValue.showProductDialog" |
| | | :single="true" |
| | | @confirm="handleBomProduct" /> |
| | | <!-- 上传组件弹窗 --> |
| | | <el-dialog v-model="uploadDialogVisible" |
| | | title="上传附件" |
| | | width="50%" |
| | | @close="closeAttachmentUpload"> |
| | | <AttachmentUpload v-model:file-list="newFileList" /> |
| | | <template #footer> |
| | | <el-button @click="saveAttachmentUpload" |
| | | type="primary">保存</el-button> |
| | | <el-button @click="closeAttachmentUpload">关闭</el-button> |
| | | </template> |
| | | </el-dialog> |
| | | <!-- 新增/编辑弹窗 --> |
| | | <el-dialog v-model="dialogVisible" |
| | | :title="operationType === 'add' ? '新增工艺路线项目' : '编辑工艺路线项目'" |
| | |
| | | queryList2, |
| | | add2, |
| | | } from "@/api/productionManagement/productStructure.js"; |
| | | import AttachmentUpload from "@/components/AttachmentUpload/file/index.vue"; |
| | | import { |
| | | attachmentList, |
| | | deleteAttachment, |
| | | createAttachment, |
| | | } from "@/api/basicData/storageAttachment.js"; |
| | | |
| | | import { useRoute } from "vue-router"; |
| | | import { ElMessageBox, ElMessage } from "element-plus"; |
| | |
| | | const orderId = computed(() => route.query.orderId); |
| | | const pageType = computed(() => route.query.type); |
| | | const editable = computed(() => route.query.editable !== "false"); |
| | | const technologyRoutingId = computed(() => route.query.technologyRoutingId); |
| | | |
| | | const tableLoading = ref(false); |
| | | const tableData = ref([]); |
| | |
| | | bomNo: "", |
| | | description: "", |
| | | quantity: 0, |
| | | technologyRoutingId: "", |
| | | }); |
| | | |
| | | // 附件相关 |
| | | const attachmentTableData = ref([]); |
| | | const uploadDialogVisible = ref(false); |
| | | const newFileList = ref([]); |
| | | |
| | | const getAttachmentList = () => { |
| | | if (!technologyRoutingId.value) return; |
| | | attachmentList({ |
| | | recordType: "technology_routing", |
| | | recordId: technologyRoutingId.value, |
| | | }).then(res => { |
| | | attachmentTableData.value = (res && res.data) || []; |
| | | }); |
| | | }; |
| | | |
| | | const handleUploadAttachment = () => { |
| | | uploadDialogVisible.value = true; |
| | | }; |
| | | |
| | | const saveAttachmentUpload = async () => { |
| | | if (newFileList.value.length > 0) { |
| | | createAttachment({ |
| | | application: "file", |
| | | recordType: "technology_routing", |
| | | recordId: technologyRoutingId.value, |
| | | storageBlobDTOs: [...newFileList.value, ...attachmentTableData.value], |
| | | }) |
| | | .then(res => { |
| | | if (res && res.code === 200) { |
| | | proxy?.$modal?.msgSuccess("上传成功"); |
| | | newFileList.value = []; |
| | | getAttachmentList(); |
| | | } |
| | | }) |
| | | .finally(() => { |
| | | uploadDialogVisible.value = false; |
| | | }); |
| | | } |
| | | }; |
| | | |
| | | const closeAttachmentUpload = () => { |
| | | newFileList.value = []; |
| | | uploadDialogVisible.value = false; |
| | | }; |
| | | |
| | | const handleDeleteAttachment = async row => { |
| | | deleteAttachment([row.storageAttachmentId]).then(res => { |
| | | if (res && res.code === 200) { |
| | | proxy?.$modal?.msgSuccess("删除成功"); |
| | | getAttachmentList(); |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | const downloadAttachmentFile = url => { |
| | | window.open(url, "_blank"); |
| | | }; |
| | | |
| | | const processOptions = ref([]); |
| | | const showProductSelectDialog = ref(false); |
| | |
| | | bomId: route.query.bomId || "", |
| | | description: route.query.description || "", |
| | | quantity: route.query.quantity || 0, |
| | | technologyRoutingId: route.query.technologyRoutingId || "", |
| | | status: !(route.query.status == 1 || route.query.status === "false"), |
| | | }; |
| | | bomTableData.value[0].productName = routeInfo.value.productName; |
| | |
| | | item.operationName = processName; |
| | | }; |
| | | |
| | | const normalizeTreeData = items => { |
| | | const normalizeBomData = items => { |
| | | items.forEach(item => { |
| | | item.tempId = item.tempId || item.id || `${Date.now()}_${Math.random()}`; |
| | | syncProcessOperationFields(item); |
| | | if (Array.isArray(item.children) && item.children.length > 0) { |
| | | normalizeTreeData(item.children); |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | const toQuantityNumber = value => { |
| | | const numberValue = Number(value); |
| | | if (!Number.isFinite(numberValue)) { |
| | | return 0; |
| | | } |
| | | return Number(numberValue.toFixed(2)); |
| | | }; |
| | | |
| | | const syncDemandedQuantityTree = (items, parentDemandedQuantity = null) => { |
| | | items.forEach(item => { |
| | | if (parentDemandedQuantity !== null) { |
| | | item.demandedQuantity = toQuantityNumber( |
| | | parentDemandedQuantity * toQuantityNumber(item.unitQuantity) |
| | | ); |
| | | } |
| | | |
| | | if (Array.isArray(item.children) && item.children.length > 0) { |
| | | syncDemandedQuantityTree( |
| | | item.children, |
| | | toQuantityNumber(item.demandedQuantity) |
| | | ); |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | const recalculateDemandedQuantities = () => { |
| | | if (pageType.value !== "order") { |
| | | return; |
| | | } |
| | | |
| | | const rootDemandedQuantity = routeInfo.value.quantity; |
| | | if ( |
| | | rootDemandedQuantity === undefined || |
| | | rootDemandedQuantity === null || |
| | | rootDemandedQuantity === "" |
| | | ) { |
| | | syncDemandedQuantityTree(bomDataValue.value.dataList); |
| | | return; |
| | | } |
| | | |
| | | syncDemandedQuantityTree( |
| | | bomDataValue.value.dataList, |
| | | toQuantityNumber(rootDemandedQuantity) |
| | | ); |
| | | }; |
| | | |
| | | const processChange = value => { |
| | |
| | | }); |
| | | }; |
| | | |
| | | const findSiblings = (items, tempId) => { |
| | | if (!items || items.length === 0) return null; |
| | | // 检查当前层级 |
| | | if (items.some(item => item.tempId === tempId)) { |
| | | return items; |
| | | } |
| | | // 递归查找子级 |
| | | for (const item of items) { |
| | | if (item.children && item.children.length > 0) { |
| | | const result = findSiblings(item.children, tempId); |
| | | if (result) return result; |
| | | } |
| | | } |
| | | return null; |
| | | }; |
| | | |
| | | const handleBomProcessChange = (row, value) => { |
| | | row.processId = value || ""; |
| | | syncProcessOperationFields(row); |
| | | |
| | | // 检查同一层级是否已经有其他不同的工序被选中 |
| | | const siblings = findSiblings(bomDataValue.value.dataList, row.tempId); |
| | | if (siblings && value) { |
| | | const hasDifferentProcess = siblings.some(sibling => { |
| | | return sibling.tempId !== row.tempId && sibling.processId && sibling.processId !== value; |
| | | }); |
| | | if (hasDifferentProcess) { |
| | | ElMessage.warning("同一层级已存在不同的工序,请先统一工序后再进行修改"); |
| | | } |
| | | } |
| | | }; |
| | | |
| | | const openBomDialog = tempId => { |
| | |
| | | routeInfo.value.bomId |
| | | ); |
| | | bomDataValue.value.dataList = data || []; |
| | | normalizeTreeData(bomDataValue.value.dataList); |
| | | recalculateDemandedQuantities(); |
| | | normalizeBomData(bomDataValue.value.dataList); |
| | | } catch (err) { |
| | | console.error("获取BOM数据失败:", err); |
| | | } |
| | | }; |
| | | |
| | | const childItem = (item, tempId, productData) => { |
| | | if (item.tempId === tempId) { |
| | | item.productName = productData.productName; |
| | | item.model = productData.model; |
| | | item.productModelId = productData.id; |
| | | item.unit = productData.unit || ""; |
| | | return true; |
| | | } |
| | | if (item.children && item.children.length > 0) { |
| | | for (let child of item.children) { |
| | | if (childItem(child, tempId, productData)) { |
| | | return true; |
| | | } |
| | | } |
| | | } |
| | | return false; |
| | | }; |
| | | |
| | | const handleBomProduct = row => { |
| | |
| | | return; |
| | | } |
| | | const productData = row[row.length - 1]; |
| | | |
| | | const isTopLevel = bomDataValue.value.dataList.some( |
| | | const currentItem = bomDataValue.value.dataList.find( |
| | | item => item.tempId === bomDataValue.value.currentRowName |
| | | ); |
| | | if (isTopLevel) { |
| | | if ( |
| | | productData.productName === bomTableData.value[0].productName && |
| | | productData.model === bomTableData.value[0].model |
| | | ) { |
| | | const hasOther = bomDataValue.value.dataList.some( |
| | | item => |
| | | item.tempId !== bomDataValue.value.currentRowName && |
| | | item.productName === bomTableData.value[0].productName && |
| | | item.model === bomTableData.value[0].model |
| | | ); |
| | | if (hasOther) { |
| | | ElMessage.warning("最外层和当前产品一样的一级只能有一个"); |
| | | return; |
| | | } |
| | | } |
| | | if (currentItem) { |
| | | currentItem.productName = productData.productName; |
| | | currentItem.model = productData.model; |
| | | currentItem.productModelId = productData.id; |
| | | } |
| | | bomDataValue.value.dataList.forEach(item => { |
| | | if (item.tempId === bomDataValue.value.currentRowName) { |
| | | item.productName = productData.productName; |
| | | item.model = productData.model; |
| | | item.productModelId = productData.id; |
| | | item.unit = productData.unit || ""; |
| | | return; |
| | | } |
| | | childItem(item, bomDataValue.value.currentRowName, productData); |
| | | }); |
| | | bomDataValue.value.showProductDialog = false; |
| | | }; |
| | | |
| | | const removeBomItem = tempId => { |
| | | const topIndex = bomDataValue.value.dataList.findIndex( |
| | | const index = bomDataValue.value.dataList.findIndex( |
| | | item => item.tempId === tempId |
| | | ); |
| | | if (topIndex !== -1) { |
| | | bomDataValue.value.dataList.splice(topIndex, 1); |
| | | return; |
| | | if (index !== -1) { |
| | | bomDataValue.value.dataList.splice(index, 1); |
| | | } |
| | | |
| | | const delchildItem = (items, tempId) => { |
| | | for (let i = 0; i < items.length; i++) { |
| | | const item = items[i]; |
| | | if (item.tempId === tempId) { |
| | | items.splice(i, 1); |
| | | return true; |
| | | } |
| | | if (item.children && item.children.length > 0) { |
| | | if (delchildItem(item.children, tempId)) { |
| | | return true; |
| | | } |
| | | } |
| | | } |
| | | return false; |
| | | }; |
| | | |
| | | bomDataValue.value.dataList.forEach(item => { |
| | | if (item.children && item.children.length > 0) { |
| | | delchildItem(item.children, tempId); |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | const handleUnitQuantityChange = () => { |
| | | recalculateDemandedQuantities(); |
| | | }; |
| | | |
| | | const addchildItem = (item, tempId) => { |
| | | if (item.tempId === tempId) { |
| | | if (!item.children) { |
| | | item.children = []; |
| | | } |
| | | item.children.push({ |
| | | parentId: item.id || "", |
| | | parentTempId: item.tempId || "", |
| | | productName: "", |
| | | productId: "", |
| | | model: undefined, |
| | | productModelId: undefined, |
| | | processId: "", |
| | | processName: "", |
| | | [pageType.value === "order" ? "technologyOperationId" : "operationId"]: |
| | | "", |
| | | operationName: "", |
| | | unitQuantity: 1, |
| | | demandedQuantity: 0, |
| | | children: [], |
| | | unit: "", |
| | | tempId: new Date().getTime(), |
| | | }); |
| | | recalculateDemandedQuantities(); |
| | | return true; |
| | | } |
| | | if (item.children && item.children.length > 0) { |
| | | for (let child of item.children) { |
| | | if (addchildItem(child, tempId)) { |
| | | return true; |
| | | } |
| | | } |
| | | } |
| | | return false; |
| | | }; |
| | | |
| | | const addBomItem = tempId => { |
| | | bomDataValue.value.dataList.forEach(item => { |
| | | if (item.tempId === tempId) { |
| | | if (!item.children) { |
| | | item.children = []; |
| | | } |
| | | item.children.push({ |
| | | parentId: item.id || "", |
| | | parentTempId: item.tempId || "", |
| | | productName: "", |
| | | productId: "", |
| | | model: undefined, |
| | | productModelId: undefined, |
| | | processId: "", |
| | | processName: "", |
| | | [pageType.value === "order" ? "technologyOperationId" : "operationId"]: |
| | | "", |
| | | operationName: "", |
| | | unitQuantity: 1, |
| | | demandedQuantity: 0, |
| | | unit: "", |
| | | children: [], |
| | | tempId: new Date().getTime(), |
| | | }); |
| | | recalculateDemandedQuantities(); |
| | | return; |
| | | } |
| | | addchildItem(item, tempId); |
| | | const addBomItem = () => { |
| | | bomDataValue.value.dataList.push({ |
| | | productName: "", |
| | | model: undefined, |
| | | productModelId: undefined, |
| | | processId: "", |
| | | processName: "", |
| | | technologyOperationId: "", |
| | | operationName: "", |
| | | tempId: `${Date.now()}_${Math.random()}`, |
| | | }); |
| | | }; |
| | | |
| | | const validateAllBom = () => { |
| | | let isValid = true; |
| | | const isOrderPage = pageType.value === "order"; |
| | | |
| | | const validateItem = (item, isTopLevel = false) => { |
| | | if (!item.model) { |
| | | ElMessage.error("请选择规格"); |
| | | isValid = false; |
| | | return; |
| | | for (const item of bomDataValue.value.dataList) { |
| | | if (!item.productModelId) { |
| | | ElMessage.error("请选择物料规格"); |
| | | return false; |
| | | } |
| | | if (!isTopLevel && !item.processId) { |
| | | if (!item.processId) { |
| | | ElMessage.error("请选择消耗工序"); |
| | | isValid = false; |
| | | return; |
| | | return false; |
| | | } |
| | | if (!item.unitQuantity) { |
| | | ElMessage.error("请输入单位产出所需数量"); |
| | | isValid = false; |
| | | return; |
| | | } |
| | | if (isOrderPage && !item.demandedQuantity) { |
| | | ElMessage.error("请输入需求总量"); |
| | | isValid = false; |
| | | return; |
| | | } |
| | | |
| | | if (item.children && item.children.length > 0) { |
| | | item.children.forEach(child => { |
| | | validateItem(child, false); |
| | | }); |
| | | } |
| | | }; |
| | | |
| | | // 校验同一层级的工序是否一致 |
| | | const validateProcessConsistency = (items) => { |
| | | if (!items || items.length === 0) return; |
| | | |
| | | // 检查当前层级 |
| | | const processes = items.filter(item => item.processId).map(item => item.processId); |
| | | if (processes.length > 1) { |
| | | const uniqueProcesses = [...new Set(processes)]; |
| | | if (uniqueProcesses.length > 1) { |
| | | ElMessage.error("同一层级的工序必须一致"); |
| | | isValid = false; |
| | | return; |
| | | } |
| | | } |
| | | |
| | | // 递归检查子级 |
| | | items.forEach(item => { |
| | | if (item.children && item.children.length > 0) { |
| | | validateProcessConsistency(item.children); |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | bomDataValue.value.dataList.forEach(item => { |
| | | validateItem(item, true); |
| | | }); |
| | | |
| | | validateProcessConsistency(bomDataValue.value.dataList); |
| | | |
| | | return isValid; |
| | | }; |
| | | |
| | | const buildSubmitTree = items => { |
| | | return items.map(item => { |
| | | const current = { ...item }; |
| | | syncProcessOperationFields(current); |
| | | current.children = Array.isArray(current.children) |
| | | ? buildSubmitTree(current.children) |
| | | : []; |
| | | return current; |
| | | }); |
| | | } |
| | | return true; |
| | | }; |
| | | |
| | | const cancelEditBom = () => { |
| | |
| | | |
| | | const handleSaveBom = () => { |
| | | bomDataValue.value.loading = true; |
| | | console.log(bomDataValue.value.dataList, "bomDataValue.value.dataList"); |
| | | |
| | | normalizeTreeData(bomDataValue.value.dataList); |
| | | recalculateDemandedQuantities(); |
| | | normalizeBomData(bomDataValue.value.dataList); |
| | | |
| | | const valid = validateAllBom(); |
| | | if (valid) { |
| | | add2({ |
| | | // bomId: Number(routeInfo.value.bomId), |
| | | productionOrderBomId: Number(routeInfo.value.bomId) || null, |
| | | children: buildSubmitTree(bomDataValue.value.dataList || []), |
| | | productionOrderId: Number(orderId.value) || null, |
| | | detailList: bomDataValue.value.dataList.map(item => ({ |
| | | id: item.id || undefined, |
| | | productModelId: item.productModelId, |
| | | technologyOperationId: item.technologyOperationId || item.processId, |
| | | })), |
| | | }) |
| | | .then(() => { |
| | | ElMessage.success("BOM保存成功"); |
| | |
| | | getList(); |
| | | getProcessList(); |
| | | fetchBomData(); |
| | | if (pageType.value === "order") { |
| | | getAttachmentList(); |
| | | } |
| | | }; |
| | | |
| | | onMounted(() => { |