| | |
| | | @change="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="快递单号:" > |
| | | <el-form-item label="快递单号:"> |
| | | <el-input |
| | | v-model="searchForm.expressNumber" |
| | | placeholder="请输入" |
| | |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column |
| | | label="件数" |
| | | prop="packagingSpec" |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column |
| | | label="发货时间" |
| | | prop="shippingDate" |
| | | show-overflow-tooltip |
| | |
| | | prop="totalQuantity" |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column |
| | | label="发货类型" |
| | | align="center" |
| | | width="100" |
| | | > |
| | | <template #default="scope"> |
| | | <el-tag v-if="scope.row.type" |
| | | :type="getShippingTypeTag(scope.row.type)" |
| | | size="small"> |
| | | {{ scope.row.type }} |
| | | </el-tag> |
| | | <el-tag v-else |
| | | type="info" |
| | | size="small">- |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="发货车牌号" |
| | | prop="shippingCarNumber" |
| | |
| | | > |
| | | <el-option label="货车" value="货车" /> |
| | | <el-option label="快递" value="快递" /> |
| | | <el-option label="自送" value="自送" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="30"> |
| | | <el-col :span="24" v-if="form.type === '货车'"> |
| | | <el-row :gutter="30" v-if="form.type === '货车'"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="发货车牌号:" prop="shippingCarNumber"> |
| | | <el-input |
| | | v-model="form.shippingCarNumber" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24" v-else-if="false"> |
| | | </el-row> |
| | | <el-row :gutter="30" v-else-if="form.type === '快递'"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="快递公司:" prop="expressCompany"> |
| | | <el-input |
| | | v-model="form.expressCompany" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="30" > |
| | | <el-row :gutter="30" v-if="form.type === '快递'"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="快递单号:" prop="expressNumber"> |
| | | <el-input |
| | |
| | | <el-descriptions-item label="发货车牌号">{{ |
| | | detailRow.shippingCarNumber || "--" |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="快递公司" >{{ |
| | | <el-descriptions-item label="快递公司">{{ |
| | | detailRow.expressCompany || "--" |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="快递单号" :span="2" >{{ |
| | | <el-descriptions-item label="快递单号" :span="2">{{ |
| | | detailRow.expressNumber || "--" |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="出库单号" :span="2">{{ |
| | | detailRow.outboundBatches || "--" |
| | | }}</el-descriptions-item> |
| | | <el-descriptions-item label="出库单号" :span="2"> |
| | | <span class="outbound-batches-text"> |
| | | {{ detailRow.outboundBatches || "--" }} |
| | | </span> |
| | | </el-descriptions-item> |
| | | </el-descriptions> |
| | | <el-table |
| | | :data="getDeliveryProductInfoList()" |
| | |
| | | label="规格型号" |
| | | prop="specificationModel" |
| | | min-width="160" |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column |
| | | label="件数" |
| | | prop="packagingSpec" |
| | | min-width="120" |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column |
| | |
| | | customerName: "", |
| | | specificationModel: "", |
| | | productName: "", |
| | | type: "货车", // 货车, 快递 |
| | | type: "货车", // 货车, 快递, 自送 |
| | | shippingDate: "", |
| | | shippingCarNumber: "", |
| | | expressCompany: "", |
| | |
| | | productName: item.productName ?? row.productName ?? "--", |
| | | specificationModel: |
| | | item.specificationModel ?? item.model ?? row.specificationModel ?? "--", |
| | | packagingSpec: |
| | | item.packagingSpec ?? row.packagingSpec ?? "--", |
| | | deliveryQuantity: |
| | | item.deliveryQuantity ?? |
| | | item.quantity ?? |
| | |
| | | if (val === "货车") { |
| | | form.value.expressCompany = ""; |
| | | form.value.expressNumber = ""; |
| | | } else if (val === "快递") { |
| | | form.value.shippingCarNumber = ""; |
| | | } else { |
| | | form.value.shippingCarNumber = ""; |
| | | form.value.expressCompany = ""; |
| | | form.value.expressNumber = ""; |
| | | } |
| | | }; |
| | | |
| | | // 发货类型标签颜色 |
| | | const getShippingTypeTag = (type) => { |
| | | const typeTagMap = { |
| | | 货车: "warning", |
| | | 快递: "primary", |
| | | 自送: "success", |
| | | }; |
| | | return typeTagMap[type] || "info"; |
| | | }; |
| | | |
| | | // 获取审核状态文本 |
| | |
| | | padding: 8px 0; |
| | | } |
| | | |
| | | .outbound-batches-text { |
| | | display: block; |
| | | white-space: normal; |
| | | overflow-wrap: anywhere; |
| | | word-break: break-word; |
| | | line-height: 1.6; |
| | | } |
| | | |
| | | .detail-images { |
| | | margin-top: 16px; |
| | | } |