| | |
| | | <div class="app-container"> |
| | | <div class="search_form"> |
| | | <el-form :model="searchForm" :inline="true"> |
| | | <el-form-item label="销售订单号:"> |
| | | <el-form-item label="订单号号:"> |
| | | <el-input |
| | | v-model="searchForm.salesContractNo" |
| | | placeholder="请输入" |
| | |
| | | <div></div> |
| | | <div> |
| | | <el-button @click="handleOut">导出</el-button> |
| | | <el-button type="danger" plain @click="handleDelete">删除</el-button> |
| | | <el-button type="danger" plain @click="handleDelete" v-hasPermi="['salesManagement:deliveryLedger:remove']">删除</el-button> |
| | | </div> |
| | | </div> |
| | | <el-table |
| | |
| | | <el-table-column align="center" type="selection" width="55" /> |
| | | <el-table-column align="center" label="序号" type="index" width="60" /> |
| | | <el-table-column |
| | | label="销售订单" |
| | | label="订单号" |
| | | prop="salesContractNo" |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column |
| | | label="销售总合同号" |
| | | prop="masterContractNo" |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column |
| | |
| | | prop="shippingCarNumber" |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column |
| | | label="快递公司" |
| | | prop="expressCompany" |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column |
| | | label="快递单号" |
| | | prop="expressNumber" |
| | | show-overflow-tooltip |
| | | /> |
| | | <!-- <el-table-column--> |
| | | <!-- label="快递公司"--> |
| | | <!-- prop="expressCompany"--> |
| | | <!-- show-overflow-tooltip--> |
| | | <!-- />--> |
| | | <!-- <el-table-column--> |
| | | <!-- label="快递单号"--> |
| | | <!-- prop="expressNumber"--> |
| | | <!-- show-overflow-tooltip--> |
| | | <!-- />--> |
| | | <el-table-column |
| | | label="审核状态" |
| | | prop="status" |
| | |
| | | <el-tag :type="getApprovalStatusType(scope.row.status)"> |
| | | {{ getApprovalStatusText(scope.row.status) }} |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="退货状态" |
| | | prop="returnStatus" |
| | | align="center" |
| | | width="100" |
| | | > |
| | | <template #default="scope"> |
| | | <el-tag |
| | | :type="getReturnStatusType(scope.row.returnStatus)" |
| | | size="small" |
| | | > |
| | | {{ scope.row.returnStatus || '无退货' }} |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="已退货数量" |
| | | prop="returnedQuantity" |
| | | align="center" |
| | | width="100" |
| | | > |
| | | <template #default="scope"> |
| | | {{ scope.row.returnedQuantity || 0 }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | type="danger" |
| | | :disabled="isApproving(scope.row.status)" |
| | | @click="handleDeleteSingle(scope.row)" |
| | | >删除 |
| | | v-hasPermi="['salesManagement:deliveryLedger:remove']">删除 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | > |
| | | <div v-if="detailRow" class="detail-wrapper"> |
| | | <el-descriptions :column="2" border> |
| | | <el-descriptions-item label="销售订单">{{ |
| | | <el-descriptions-item label="订单号">{{ |
| | | detailRow.salesContractNo || "--" |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="发货订单号">{{ |
| | |
| | | const dialogFormVisible = ref(false); |
| | | const data = reactive({ |
| | | searchForm: { |
| | | salesContractNo: "", // 销售订单号 |
| | | salesContractNo: "", // 订单号号 |
| | | shippingCarNumber: "", // 车牌号 |
| | | expressNumber: "", // 快递单号 |
| | | }, |
| | |
| | | }, |
| | | rules: { |
| | | salesContractNo: [ |
| | | { required: true, message: "请选择销售订单", trigger: "change" }, |
| | | { required: true, message: "请选择订单号", trigger: "change" }, |
| | | ], |
| | | customerName: [ |
| | | { required: true, message: "请输入客户名称", trigger: "blur" }, |
| | |
| | | }); |
| | | }; |
| | | |
| | | // 销售订单变化时自动填充客户名称 |
| | | // 订单号变化时自动填充客户名称 |
| | | const handleSalesOrderChange = (value) => { |
| | | const selectedOrder = salesOrderOptions.value.find( |
| | | (item) => item.salesContractNo === value |
| | |
| | | return statusStr === "审核中" || statusStr === "1"; |
| | | }; |
| | | |
| | | // 获取退货状态标签类型 |
| | | const getReturnStatusType = (returnStatus) => { |
| | | const statusMap = { |
| | | '无退货': 'success', |
| | | '部分退货': 'warning', |
| | | '全部退货': 'danger', |
| | | }; |
| | | return statusMap[returnStatus] || 'info'; |
| | | }; |
| | | |
| | | onMounted(() => { |
| | | getList(); |
| | | }); |