gongchunyi
2026-09-29 eee1310bc134b2bb7c8a406750cb64e9fe226ac2
src/views/salesManagement/deliveryLedger/index.vue
@@ -22,7 +22,7 @@
            @change="handleQuery"
          />
        </el-form-item>
        <el-form-item label="快递单号:" >
        <el-form-item label="快递单号:">
          <el-input
            v-model="searchForm.expressNumber"
            placeholder="请输入"
@@ -82,6 +82,11 @@
          show-overflow-tooltip
        />
        <el-table-column
          label="件数"
          prop="packagingSpec"
          show-overflow-tooltip
        />
        <el-table-column
          label="发货时间"
          prop="shippingDate"
          show-overflow-tooltip
@@ -91,6 +96,23 @@
          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"
@@ -182,6 +204,7 @@
              >
                <el-option label="货车" value="货车" />
                <el-option label="快递" value="快递" />
                <el-option label="自送" value="自送" />
              </el-select>
            </el-form-item>
          </el-col>
@@ -201,8 +224,8 @@
            </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"
@@ -211,7 +234,9 @@
              />
            </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"
@@ -221,7 +246,7 @@
            </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
@@ -284,15 +309,17 @@
          <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()"
@@ -317,6 +344,12 @@
            label="规格型号"
            prop="specificationModel"
            min-width="160"
            show-overflow-tooltip
          />
          <el-table-column
            label="件数"
            prop="packagingSpec"
            min-width="120"
            show-overflow-tooltip
          />
          <el-table-column
@@ -383,7 +416,7 @@
    customerName: "",
    specificationModel: "",
    productName: "",
    type: "货车", // 货车, 快递
    type: "货车", // 货车, 快递, 自送
    shippingDate: "",
    shippingCarNumber: "",
    expressCompany: "",
@@ -554,6 +587,8 @@
    productName: item.productName ?? row.productName ?? "--",
    specificationModel:
      item.specificationModel ?? item.model ?? row.specificationModel ?? "--",
    packagingSpec:
      item.packagingSpec ?? row.packagingSpec ?? "--",
    deliveryQuantity:
      item.deliveryQuantity ??
      item.quantity ??
@@ -770,9 +805,23 @@
  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";
};
// 获取审核状态文本
@@ -892,6 +941,14 @@
  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;
}