huminmin
2026-06-12 a32e60bf3366bf3b2d8d0d53b8257290acfb3d4e
src/views/salesManagement/salesLedger/index.vue
@@ -24,6 +24,18 @@
                    prefix-icon="Search"
                    @change="handleQuery" />
        </el-form-item>
        <el-form-item label="销售类型:">
          <el-select v-model="searchForm.stockType"
                     placeholder="请选择"
                     clearable
                     @change="handleQuery"
                     style="width: 150px">
            <el-option label="非废品销售"
                       value="qualified" />
            <el-option label="废品销售"
                       value="waste" />
          </el-select>
        </el-form-item>
        <el-form-item label="录入日期:">
          <el-date-picker v-model="searchForm.entryDate"
                          value-format="YYYY-MM-DD"
@@ -35,8 +47,7 @@
        </el-form-item>
        <el-form-item>
          <el-button type="primary"
                     @click="handleQuery"> 搜索
          </el-button>
                     @click="handleQuery"> 搜索 </el-button>
        </el-form-item>
      </el-form>
    </div>
@@ -55,12 +66,10 @@
          <el-button @click="handleOut">导出</el-button>
          <el-button type="danger"
                     plain
                     @click="handleDelete">删除
          </el-button>
                     @click="handleDelete">删除 </el-button>
          <el-button type="primary"
                     plain
                     @click="handlePrint">打印
          </el-button>
                     @click="handlePrint">打印 </el-button>
        </div>
      </div>
      <el-table :data="tableData"
@@ -86,7 +95,9 @@
            <el-table :data="props.row.children"
                      border
                      show-summary
                      :summary-method="(param) => summarizeChildrenTable(param, props.row)">
                      :summary-method="
                (param) => summarizeChildrenTable(param, props.row)
              ">
              <el-table-column align="center"
                               label="序号"
                               type="index" />
@@ -100,15 +111,17 @@
                               width="100px"
                               align="center">
                <template #default="scope">
                  <el-tag v-if="scope.row.approveStatus === 1 "
                  <el-tag v-if="scope.row.approveStatus === 1"
                          type="success">充足
                  </el-tag>
                  <el-tag v-else-if="scope.row.approveStatus === 0 && scope.row.noQuantity === 0"
                  <el-tag v-else-if="
                      scope.row.approveStatus === 0 &&
                      scope.row.noQuantity === 0
                    "
                          type="success">已出库
                  </el-tag>
                  <el-tag v-else
                          type="danger">不足
                  </el-tag>
                          type="danger">不足 </el-tag>
                </template>
              </el-table-column>
              <el-table-column label="发货状态"
@@ -119,6 +132,13 @@
                          size="small">
                    {{ getShippingStatusText(scope.row) }}
                  </el-tag>
                </template>
              </el-table-column>
              <el-table-column label="审批中数量"
                               width="120"
                               align="center">
                <template #default="scope">
                  <span>{{ scope.row.pendingApprovalQuantity || 0 }}</span>
                </template>
              </el-table-column>
              <el-table-column label="快递公司"
@@ -136,8 +156,7 @@
                            v-if="scope.row.shippingCarNumber">{{ scope.row.shippingCarNumber }}
                    </el-tag>
                    <el-tag v-else
                            type="info">-
                    </el-tag>
                            type="info">- </el-tag>
                  </div>
                </template>
              </el-table-column>
@@ -146,10 +165,11 @@
                               align="center">
                <template #default="scope">
                  <div>
                    <div v-if="scope.row.shippingDate">{{ scope.row.shippingDate }}</div>
                    <div v-if="scope.row.shippingDate">
                      {{ scope.row.shippingDate }}
                    </div>
                    <el-tag v-else
                            type="info">-
                    </el-tag>
                            type="info">- </el-tag>
                  </div>
                </template>
              </el-table-column>
@@ -157,6 +177,12 @@
                               prop="quantity" />
              <el-table-column label="待发货数量"
                               prop="noQuantity" />
              <el-table-column label="运费单价(元)"
                               prop="freightUnitPrice"
                               :formatter="sensitiveAmountFormatter" />
              <el-table-column label="总运费(元)"
                               prop="totalFreight"
                               :formatter="sensitiveAmountFormatter" />
              <el-table-column label="税率(%)"
                               prop="taxRate" />
              <el-table-column label="含税单价(元)"
@@ -200,6 +226,16 @@
                         prop="salesman"
                         width="100"
                         show-overflow-tooltip />
        <el-table-column label="销售类型"
                         prop="stockType"
                         width="120"
                         align="center">
          <template #default="scope">
            <el-tag :type="scope.row.stockType === 'waste' ? 'warning' : 'success'">
              {{ scope.row.stockType === 'waste' ? '废品销售' : '非废品销售' }}
            </el-tag>
          </template>
        </el-table-column>
        <el-table-column label="项目名称"
                         prop="projectName"
                         width="180"
@@ -234,13 +270,21 @@
                         show-overflow-tooltip />
        <el-table-column fixed="right"
                         label="操作"
                         width="130"
                         width="220"
                         align="center">
          <template #default="scope">
            <el-button link
                       type="primary"
                       @click="openForm('view', scope.row)">详情
            </el-button>
            <el-button link
                       type="primary"
                       @click="openForm('edit', scope.row)"
                       :disabled="!scope.row.isEdit || scope.row.hasProductionRecord || !canEditLedger(scope.row)">编辑
                       :disabled="
                !scope.row.isEdit ||
                scope.row.hasProductionRecord ||
                !canEditLedger(scope.row)
              ">编辑
            </el-button>
            <el-button link
                       type="primary"
@@ -257,7 +301,13 @@
                  @pagination="paginationChange" />
    </div>
    <FormDialog v-model="dialogFormVisible"
                :title="operationType === 'add' ? '新增销售台账页面' : '编辑销售台账页面'"
                :title="
        operationType === 'add'
          ? '新增销售台账页面'
          : operationType === 'edit'
          ? '编辑销售台账页面'
          : '销售台账详情'
      "
                :width="'70%'"
                :operation-type="operationType"
                @close="closeDia"
@@ -270,9 +320,9 @@
               ref="formRef">
        <!-- 报价单导入入口:放在表单顶部,选择后反显客户/业务员等 -->
        <el-row v-if="operationType === 'add'"
                style="margin-bottom: 10px;">
                style="margin-bottom: 10px">
          <el-col :span="24"
                  style="text-align: right;">
                  style="text-align: right">
            <el-button type="primary"
                       plain
                       @click="openQuotationDialog">
@@ -284,14 +334,23 @@
          <el-col :span="12">
            <el-form-item label="销售合同号:"
                          prop="salesContractNo">
              <div style="display: flex; align-items: center; gap: 12px;width: 100%;">
              <div style="
                  display: flex;
                  align-items: center;
                  gap: 12px;
                  width: 100%;
                ">
                <el-checkbox v-model="form.autoGenerateContractNo"
                             v-if="operationType === 'add'">自动生成
                </el-checkbox>
                <el-input v-model="form.salesContractNo"
                          :placeholder="form.autoGenerateContractNo ? '自动生成' : '请输入'"
                          :placeholder="
                    form.autoGenerateContractNo ? '保存后自动生成' : '请输入'
                  "
                          clearable
                          :disabled="form.autoGenerateContractNo" />
                          :disabled="
                    form.autoGenerateContractNo || operationType === 'view'
                  " />
              </div>
            </el-form-item>
          </el-col>
@@ -340,6 +399,21 @@
                        :disabled="operationType === 'view'" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="销售类型:"
                          prop="stockType">
              <el-select v-model="form.stockType"
                         placeholder="请选择"
                         clearable
                         :disabled="operationType === 'view'"
                         style="width: 100%">
                <el-option label="非废品销售"
                           value="qualified" />
                <el-option label="废品销售"
                           value="waste" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="30">
          <el-col :span="12">
@@ -374,6 +448,7 @@
                         :reserve-keyword="false"
                         placeholder="请选择"
                         clearable
                         :disabled="operationType === 'view'"
                         @change="changs">
                <el-option v-for="item in userList"
                           :key="item.userId"
@@ -391,7 +466,8 @@
                              format="YYYY-MM-DD"
                              type="date"
                              placeholder="请选择"
                              clearable />
                              clearable
                              :disabled="operationType === 'view'" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -405,7 +481,8 @@
                              format="YYYY-MM-DD"
                              type="date"
                              placeholder="请选择"
                              clearable />
                              clearable
                              :disabled="operationType === 'view'" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -445,6 +522,12 @@
                           prop="unit" />
          <el-table-column label="数量"
                           prop="quantity" />
          <el-table-column label="运费单价(元)"
                           prop="freightUnitPrice"
                           :formatter="formattedNumber" />
          <el-table-column label="总运费(元)"
                           prop="totalFreight"
                           :formatter="formattedNumber" />
          <el-table-column label="税率(%)"
                           prop="taxRate" />
          <el-table-column label="含税单价(元)"
@@ -461,7 +544,7 @@
                           width="150">
            <template #default="scope">
              <el-tag :type="scope.row.isProduction ? 'success' : 'info'">
                {{ scope.row.isProduction ? '是' : '否' }}
                {{ scope.row.isProduction ? "是" : "否" }}
              </el-tag>
            </template>
          </el-table-column>
@@ -475,7 +558,7 @@
                         type="primary"
                         size="small"
                         :disabled="isProductShipped(scope.row)"
                         @click="openProductForm('edit', scope.row,scope.$index)">编辑
                         @click="openProductForm('edit', scope.row, scope.$index)">编辑
              </el-button>
            </template>
          </el-table-column>
@@ -493,11 +576,13 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="30">
        <el-row v-if="operationType !== 'view'"
                :gutter="30">
          <el-col :span="24">
            <el-form-item label="附件材料:"
                          prop="salesLedgerFiles">
              <FileUpload v-model:file-list="fileList" />
              <FileUpload v-model:file-list="fileList"
                          :disabled="operationType === 'view'" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -508,20 +593,24 @@
               title="选择审批通过的销售报价单"
               width="80%"
               :close-on-click-modal="false">
      <div style="margin-bottom: 12px; display:flex; gap: 12px; align-items:center;">
      <div style="
          margin-bottom: 12px;
          display: flex;
          gap: 12px;
          align-items: center;
        ">
        <el-input v-model="quotationSearchForm.quotationNo"
                  placeholder="请输入报价单号"
                  clearable
                  style="max-width: 260px;"
                  style="max-width: 260px"
                  @change="fetchQuotationList" />
        <el-input v-model="quotationSearchForm.customer"
                  placeholder="请输入客户名称"
                  clearable
                  style="max-width: 260px;"
                  style="max-width: 260px"
                  @change="fetchQuotationList" />
        <el-button type="primary"
                   @click="fetchQuotationList">搜索
        </el-button>
                   @click="fetchQuotationList">搜索 </el-button>
        <el-button @click="resetQuotationSearch">重置</el-button>
      </div>
      <el-table :data="quotationList"
@@ -674,8 +763,33 @@
                               placeholder="请输入"
                               clearable
                               :precision="2"
                               @change="calculateFromQuantity"
                               @change="handleQuantityChange"
                               style="width: 100%" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="运费单价(元):">
              <el-input-number :step="0.01"
                               :min="0"
                               v-model="productForm.freightUnitPrice"
                               style="width: 100%"
                               :precision="2"
                               placeholder="请输入"
                               clearable
                               @change="handleFreightUnitPriceChange" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="总运费(元):">
              <el-input-number :step="0.01"
                               :min="0"
                               v-model="productForm.totalFreight"
                               style="width: 100%"
                               :precision="2"
                               placeholder="请输入"
                               clearable />
            </el-form-item>
          </el-col>
        </el-row>
@@ -747,9 +861,7 @@
                 :auto-upload="false"
                 drag>
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">
          将文件拖到此处,或<em>点击上传</em>
        </div>
        <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
        <template #tip>
          <div class="el-upload__tip">
            仅支持 xls/xlsx,大小不超过 10MB。
@@ -776,17 +888,23 @@
      <div class="print-preview-container">
        <div class="print-preview-header">
          <el-button type="primary"
                     @click="executePrint">执行打印
          </el-button>
                     @click="executePrint">执行打印 </el-button>
          <el-button @click="printPreviewVisible = false">关闭预览</el-button>
        </div>
        <div class="print-preview-content">
          <div v-if="printData.length === 0"
               style="text-align: center; padding: 50px; color: #999;">
               style="text-align: center; padding: 50px; color: #999">
            暂无打印数据
          </div>
          <div v-else
               style="text-align: center; padding: 10px; color: #666; font-size: 14px; background: #e8f4fd; margin-bottom: 10px;">
               style="
              text-align: center;
              padding: 10px;
              color: #666;
              font-size: 14px;
              background: #e8f4fd;
              margin-bottom: 10px;
            ">
            共 {{ printData.length }} 条数据待打印
          </div>
          <div v-for="(item, index) in printData"
@@ -831,16 +949,17 @@
                  <tbody>
                    <tr v-for="product in item.products"
                        :key="product.id">
                      <td>{{ product.productCategory || '' }}</td>
                      <td>{{ product.specificationModel || '' }}</td>
                      <td>{{ product.unit || '' }}</td>
                      <td>{{ product.taxInclusiveUnitPrice || '0' }}</td>
                      <td>{{ product.quantity || '0' }}</td>
                      <td>{{ product.taxInclusiveTotalPrice || '0' }}</td>
                      <td>{{ product.productCategory || "" }}</td>
                      <td>{{ product.specificationModel || "" }}</td>
                      <td>{{ product.unit || "" }}</td>
                      <td>{{ product.taxInclusiveUnitPrice || "0" }}</td>
                      <td>{{ product.quantity || "0" }}</td>
                      <td>{{ product.taxInclusiveTotalPrice || "0" }}</td>
                    </tr>
                    <tr v-if="!item.products || item.products.length === 0">
                      <td colspan="6"
                          style="text-align: center; color: #999;">暂无产品数据
                          style="text-align: center; color: #999">
                        暂无产品数据
                      </td>
                    </tr>
                  </tbody>
@@ -850,8 +969,12 @@
                      <td class="total-value"></td>
                      <td class="total-value"></td>
                      <td class="total-value"></td>
                      <td class="total-value">{{ getTotalQuantity(item.products) }}</td>
                      <td class="total-value">{{ getTotalAmount(item.products) }}</td>
                      <td class="total-value">
                        {{ getTotalQuantity(item.products) }}
                      </td>
                      <td class="total-value">
                        {{ getTotalAmount(item.products) }}
                      </td>
                    </tr>
                  </tfoot>
                </table>
@@ -874,7 +997,9 @@
                <div class="footer-row">
                  <div class="footer-item">
                    <span class="label">操作员:</span>
                    <span class="value">{{ userStore.nickName || '撕开前' }}</span>
                    <span class="value">{{
                      userStore.nickName || "撕开前"
                    }}</span>
                  </div>
                  <div class="footer-item">
                    <span class="label">打印日期:</span>
@@ -966,7 +1091,7 @@
                        border
                        size="small"
                        max-height="260"
                        style="width: 100%;">
                        style="width: 100%">
                <el-table-column label="批号"
                                 prop="batchNo"
                                 min-width="180" />
@@ -997,7 +1122,7 @@
                                     :step="0.01"
                                     controls-position="right"
                                     @change="handleDeliveryBatchQuantityChange(scope.row)"
                                     style="width: 100%;" />
                                     style="width: 100%" />
                  </template>
                </el-table-column>
              </el-table>
@@ -1040,6 +1165,7 @@
    getProductInventory,
  } from "@/api/salesManagement/salesLedger.js";
  import { getStockInventoryByModelId } from "@/api/inventoryManagement/stockInventory.js";
  import { getWasteByModelId } from "@/api/inventoryManagement/stockUninventory.js";
  import { modelList, productTreeList } from "@/api/basicData/product.js";
  import useFormData from "@/hooks/useFormData.js";
  import dayjs from "dayjs";
@@ -1081,6 +1207,7 @@
    searchForm: {
      customerName: "", // 客户名称
      salesContractNo: "", // 销售合同编号
      stockType: "", // 销售类型
      entryDate: null, // 录入日期
      entryDateStart: undefined,
      entryDateEnd: undefined,
@@ -1089,6 +1216,7 @@
      salesContractNo: "",
      autoGenerateContractNo: true,
      salesman: "",
      stockType: "qualified",
      customerId: "",
      entryPerson: "",
      entryDate: "",
@@ -1097,9 +1225,11 @@
      productData: [],
      executionDate: "",
      hasProductionRecord: false,
      createTime: "",
    },
    rules: {
      salesman: [{ required: true, message: "请选择", trigger: "change" }],
      stockType: [{ required: true, message: "请选择", trigger: "change" }],
      customerId: [{ required: true, message: "请选择", trigger: "change" }],
      entryPerson: [{ required: true, message: "请选择", trigger: "change" }],
      entryDate: [{ required: true, message: "请选择", trigger: "change" }],
@@ -1119,6 +1249,8 @@
      specificationModel: "",
      unit: "",
      quantity: "",
      freightUnitPrice: "",
      totalFreight: "",
      taxInclusiveUnitPrice: "",
      taxRate: "",
      taxInclusiveTotalPrice: "",
@@ -1232,9 +1364,13 @@
      item => Number(item?.deliveryQuantity || 0) > 0
    );
  };
  const getDeliveryBatchNoList = async productModelId => {
  const getDeliveryBatchNoList = async (productModelId, stockType) => {
    if (!productModelId) return [];
    const res = await getStockInventoryByModelId(productModelId);
    const type = stockType === "waste" ? "waste" : "qualified";
    const res =
      type === "waste"
        ? await getWasteByModelId(productModelId)
        : await getStockInventoryByModelId(productModelId);
    const rawList = Array.isArray(res?.data)
      ? res.data
      : res?.data?.records || res?.data?.rows || [];
@@ -1571,6 +1707,8 @@
        }
        if (
          [
            "freightUnitPrice",
            "totalFreight",
            "taxInclusiveUnitPrice",
            "taxInclusiveTotalPrice",
            "taxExclusiveTotalPrice",
@@ -1582,6 +1720,8 @@
      });
    }
    return proxy.summarizeTable(param, [
      "freightUnitPrice",
      "totalFreight",
      "taxInclusiveUnitPrice",
      "taxInclusiveTotalPrice",
      "taxExclusiveTotalPrice",
@@ -1608,8 +1748,12 @@
      form.value.entryDate = getCurrentDate();
      // 签订日期默认为当天
      form.value.executionDate = getCurrentDate();
      // 创建时间默认为当天
      form.value.createTime = dayjs().format("YYYY-MM-DD HH:mm:ss");
      // 默认自动生成销售合同号
      form.value.autoGenerateContractNo = true;
      // 默认非废品销售
      form.value.stockType = "qualified";
    } else {
      currentId.value = row.id;
      getSalesLedgerWithProducts({ id: row.id, type: 1 }).then(res => {
@@ -1790,6 +1934,12 @@
    proxy.resetForm("productFormRef");
    if (type === "edit") {
      productForm.value = { ...row };
      if (productForm.value.freightUnitPrice === undefined) {
        productForm.value.freightUnitPrice = "";
      }
      if (productForm.value.totalFreight === undefined) {
        productForm.value.totalFreight = "";
      }
      productIndex.value = index;
      // 编辑时根据产品大类名称反查 tree 节点 id,并加载规格型号列表
      try {
@@ -1820,6 +1970,7 @@
      getProductOptions();
    }
    productFormVisible.value = true;
    computeTotalFreight();
  };
  // 提交产品表单
  const submitProduct = () => {
@@ -2071,286 +2222,286 @@
    // 构建打印内容
    let printContent = `
                                                                  <!DOCTYPE html>
                                                                  <html>
                                                                  <head>
                                                                    <meta charset="UTF-8">
                                                                    <title>打印预览</title>
                                                                    <style>
                                                                      body {
                                                                        margin: 0;
                                                                        padding: 0;
                                                                        font-family: "SimSun", serif;
                                                                        background: white;
                                                                      }
                                                                                                  <!DOCTYPE html>
                                                                                                  <html>
                                                                                                  <head>
                                                                                                    <meta charset="UTF-8">
                                                                                                    <title>打印预览</title>
                                                                                                    <style>
                                                                                                      body {
                                                                                                        margin: 0;
                                                                                                        padding: 0;
                                                                                                        font-family: "SimSun", serif;
                                                                                                        background: white;
                                                                                                      }
                                                                                                                                                   .print-page {
                                                                                                          width: 200mm;
                                                                                                          height: 75mm;
                                                                                                          padding: 10mm;
                                                                                                          padding-left: 20mm;
                                                                                                          background: white;
                                                                                                          box-sizing: border-box;
                                                                                                          page-break-after: always;
                                                                                                          page-break-inside: avoid;
                                                                                                        }
                                                                                                       .print-page:last-child {
                                                                                                         page-break-after: avoid;
                                                                                                       }
                                                                                                      .delivery-note {
                                                                                                        width: 100%;
                                                                                                        height: 100%;
                                                                                                        font-size: 12px;
                                                                                                        line-height: 1.2;
                                                                                                        display: flex;
                                                                                                        flex-direction: column;
                                                                                                        color: #000;
                                                                                                      }
                                                                                                      .header {
                                                                                                        text-align: center;
                                                                                                        margin-bottom: 8px;
                                                                                                      }
                                                                                                      .company-name {
                                                                                                        font-size: 18px;
                                                                                                        font-weight: bold;
                                                                                                        margin-bottom: 4px;
                                                                                                      }
                                                                                                      .document-title {
                                                                                                        font-size: 16px;
                                                                                                        font-weight: bold;
                                                                                                      }
                                                                                                      .info-section {
                                                                                                        margin-bottom: 8px;
                                                                                                        display: flex;
                                                                                                        justify-content: space-between;
                                                                                                        align-items: center;
                                                                                                      }
                                                                                                      .info-row {
                                                                                                        line-height: 20px;
                                                                                                      }
                                                                                                      .label {
                                                                                                        font-weight: bold;
                                                                                                        width: 60px;
                                                                                                        font-size: 12px;
                                                                                                      }
                                                                                                      .value {
                                                                                                        margin-right: 20px;
                                                                                                        min-width: 80px;
                                                                                                        font-size: 12px;
                                                                                                      }
                                                                                                               .table-section {
                                                                                                               margin-bottom: 40px;
                                                                                                        //  flex: 0.6;
                                                                                                       }
                                                                                                      .product-table {
                                                                                                        width: 100%;
                                                                                                        border-collapse: collapse;
                                                                                                        border: 1px solid #000;
                                                                                                      }
                                                                                                               .product-table th, .product-table td {
                                                                                                         border: 1px solid #000;
                                                                                                         padding: 6px;
                                                                                                         text-align: center;
                                                                                                         font-size: 12px;
                                                                                                         line-height: 1.4;
                                                                                                       }
                                                                                                      .product-table th {
                                                                                                        font-weight: bold;
                                                                                                      }
                                                                                                      .total-value {
                                                                                                        font-weight: bold;
                                                                                                      }
                                                                                                      .footer-section {
                                                                                                        margin-top: auto;
                                                                                                      }
                                                                                                      .footer-row {
                                                                                                        display: flex;
                                                                                                        margin-bottom: 3px;
                                                                                                        line-height: 22px;
                                                                                                        justify-content: space-between;
                                                                                                      }
                                                                                                      .footer-item {
                                                                                                        display: flex;
                                                                                                        margin-right: 20px;
                                                                                                      }
                                                                                                      .footer-item .label {
                                                                                                        font-weight: bold;
                                                                                                        width: 80px;
                                                                                                        font-size: 12px;
                                                                                                      }
                                                                                                      .footer-item .value {
                                                                                                        min-width: 80px;
                                                                                                        font-size: 12px;
                                                                                                      }
                                                                                                      .address-item .address-value {
                                                                                                        min-width: 200px;
                                                                                                      }
                                                                                                      @media print {
                                                                                                        body {
                                                                                                          margin: 0;
                                                                                                          padding: 0;
                                                                                                        }
                                                                                                                   .print-page {
                                                                          width: 200mm;
                                                                          height: 75mm;
                                                                          padding: 10mm;
                                                                          padding-left: 20mm;
                                                                          background: white;
                                                                          box-sizing: border-box;
                                                                          page-break-after: always;
                                                                          page-break-inside: avoid;
                                                                        }
                                                                       .print-page:last-child {
                                                                         page-break-after: avoid;
                                                                       }
                                                                      .delivery-note {
                                                                        width: 100%;
                                                                        height: 100%;
                                                                        font-size: 12px;
                                                                        line-height: 1.2;
                                                                        display: flex;
                                                                        flex-direction: column;
                                                                        color: #000;
                                                                      }
                                                                      .header {
                                                                        text-align: center;
                                                                        margin-bottom: 8px;
                                                                      }
                                                                      .company-name {
                                                                        font-size: 18px;
                                                                        font-weight: bold;
                                                                        margin-bottom: 4px;
                                                                      }
                                                                      .document-title {
                                                                        font-size: 16px;
                                                                        font-weight: bold;
                                                                      }
                                                                      .info-section {
                                                                        margin-bottom: 8px;
                                                                        display: flex;
                                                                        justify-content: space-between;
                                                                        align-items: center;
                                                                      }
                                                                      .info-row {
                                                                        line-height: 20px;
                                                                      }
                                                                      .label {
                                                                        font-weight: bold;
                                                                        width: 60px;
                                                                        font-size: 12px;
                                                                      }
                                                                      .value {
                                                                        margin-right: 20px;
                                                                        min-width: 80px;
                                                                        font-size: 12px;
                                                                      }
                                                                               .table-section {
                                                                               margin-bottom: 40px;
                                                                        //  flex: 0.6;
                                                                       }
                                                                      .product-table {
                                                                        width: 100%;
                                                                        border-collapse: collapse;
                                                                        border: 1px solid #000;
                                                                      }
                                                                               .product-table th, .product-table td {
                                                                         border: 1px solid #000;
                                                                         padding: 6px;
                                                                         text-align: center;
                                                                         font-size: 12px;
                                                                         line-height: 1.4;
                                                                       }
                                                                      .product-table th {
                                                                        font-weight: bold;
                                                                      }
                                                                      .total-value {
                                                                        font-weight: bold;
                                                                      }
                                                                      .footer-section {
                                                                        margin-top: auto;
                                                                      }
                                                                      .footer-row {
                                                                        display: flex;
                                                                        margin-bottom: 3px;
                                                                        line-height: 22px;
                                                                        justify-content: space-between;
                                                                      }
                                                                      .footer-item {
                                                                        display: flex;
                                                                        margin-right: 20px;
                                                                      }
                                                                      .footer-item .label {
                                                                        font-weight: bold;
                                                                        width: 80px;
                                                                        font-size: 12px;
                                                                      }
                                                                      .footer-item .value {
                                                                        min-width: 80px;
                                                                        font-size: 12px;
                                                                      }
                                                                      .address-item .address-value {
                                                                        min-width: 200px;
                                                                      }
                                                                      @media print {
                                                                        body {
                                                                          margin: 0;
                                                                          padding: 0;
                                                                        }
                                                                                   .print-page {
                                                                           margin: 0;
                                                                           padding: 10mm;
                                                                           /* padding-left: 20mm; */
                                                                           page-break-inside: avoid;
                                                                           page-break-after: always;
                                                                         }
                                                                         .print-page:last-child {
                                                                           page-break-after: avoid;
                                                                         }
                                                                      }
                                                                    </style>
                                                                  </head>
                                                                  <body>
                                                                `;
                                                                                                           margin: 0;
                                                                                                           padding: 10mm;
                                                                                                           /* padding-left: 20mm; */
                                                                                                           page-break-inside: avoid;
                                                                                                           page-break-after: always;
                                                                                                         }
                                                                                                         .print-page:last-child {
                                                                                                           page-break-after: avoid;
                                                                                                         }
                                                                                                      }
                                                                                                    </style>
                                                                                                  </head>
                                                                                                  <body>
                                                                                                `;
    // 为每条数据生成打印页面
    printData.value.forEach((item, index) => {
      printContent += `
                                                                    <div class="print-page">
                                                                      <div class="delivery-note">
                                                                        <div class="header">
                                                                          <div class="document-title">零售发货单</div>
                                                                        </div>
                                                                        <div class="info-section">
                                                                          <div class="info-row">
                                                                            <div>
                                                                              <span class="label">发货日期:</span>
                                                                              <span class="value">${formatDate(
                                                                                item.createTime
                                                                              )}</span>
                                                                            </div>
                                                                            <div>
                                                                              <span class="label">客户名称:</span>
                                                                              <span class="value">${
                                                                                item.customerName
                                                                              }</span>
                                                                            </div>
                                                                          </div>
                                                                          <div class="info-row">
                                                                            <span class="label">单号:</span>
                                                                            <span class="value">${
                                                                              item.salesContractNo ||
                                                                              ""
                                                                            }</span>
                                                                          </div>
                                                                        </div>
                                                                                                    <div class="print-page">
                                                                                                      <div class="delivery-note">
                                                                                                        <div class="header">
                                                                                                          <div class="document-title">零售发货单</div>
                                                                                                        </div>
                                                                        <div class="table-section">
                                                                          <table class="product-table">
                                                                            <thead>
                                                                              <tr>
                                                                                <th>产品名称</th>
                                                                                <th>规格型号</th>
                                                                                <th>单位</th>
                                                                                <th>单价</th>
                                                                                <th>零售数量</th>
                                                                                <th>零售金额</th>
                                                                              </tr>
                                                                            </thead>
                                                                            <tbody>
                                                                              ${
                                                                                item.products &&
                                                                                item
                                                                                  .products
                                                                                  .length >
                                                                                  0
                                                                                  ? item.products
                                                                                      .map(
                                                                                        product => `
                                                                                  <tr>
                                                                                    <td>${
                                                                                      product.productCategory ||
                                                                                      ""
                                                                                    }</td>
                                                                                    <td>${
                                                                                      product.specificationModel ||
                                                                                      ""
                                                                                    }</td>
                                                                                    <td>${
                                                                                      product.unit ||
                                                                                      ""
                                                                                    }</td>
                                                                                    <td>${
                                                                                      product.taxInclusiveUnitPrice ||
                                                                                      "0"
                                                                                    }</td>
                                                                                    <td>${
                                                                                      product.quantity ||
                                                                                      "0"
                                                                                    }</td>
                                                                                    <td>${
                                                                                      product.taxInclusiveTotalPrice ||
                                                                                      "0"
                                                                                    }</td>
                                                                                  </tr>
                                                                                `
                                                                                      )
                                                                                      .join(
                                                                                        ""
                                                                                      )
                                                                                  : '<tr><td colspan="6" style="text-align: center; color: #999;">暂无产品数据</td></tr>'
                                                                              }
                                                                            </tbody>
                                                                            <tfoot>
                                                                              <tr>
                                                                                <td class="label">合计</td>
                                                                                <td class="total-value"></td>
                                                                                <td class="total-value"></td>
                                                                                <td class="total-value"></td>
                                                                                <td class="total-value">${getTotalQuantityForPrint(
                                                                                  item.products
                                                                                )}</td>
                                                                                <td class="total-value">${getTotalAmountForPrint(
                                                                                  item.products
                                                                                )}</td>
                                                                              </tr>
                                                                            </tfoot>
                                                                          </table>
                                                                        </div>
                                                                                                        <div class="info-section">
                                                                                                          <div class="info-row">
                                                                                                            <div>
                                                                                                              <span class="label">发货日期:</span>
                                                                                                              <span class="value">${formatDate(
                                                                                                                item.createTime
                                                                                                              )}</span>
                                                                                                            </div>
                                                                                                            <div>
                                                                                                              <span class="label">客户名称:</span>
                                                                                                              <span class="value">${
                                                                                                                item.customerName
                                                                                                              }</span>
                                                                                                            </div>
                                                                                                          </div>
                                                                                                          <div class="info-row">
                                                                                                            <span class="label">单号:</span>
                                                                                                            <span class="value">${
                                                                                                              item.salesContractNo ||
                                                                                                              ""
                                                                                                            }</span>
                                                                                                          </div>
                                                                                                        </div>
                                                                        <div class="footer-section">
                                                                          <div class="footer-row">
                                                                            <div class="footer-item">
                                                                              <span class="label">收货电话:</span>
                                                                              <span class="value"></span>
                                                                            </div>
                                                                            <div class="footer-item">
                                                                              <span class="label">收货人:</span>
                                                                              <span class="value"></span>
                                                                            </div>
                                                                            <div class="footer-item address-item">
                                                                              <span class="label">收货地址:</span>
                                                                              <span class="value address-value"></span>
                                                                            </div>
                                                                          </div>
                                                                          <div class="footer-row">
                                                                            <div class="footer-item">
                                                                              <span class="label">操作员:</span>
                                                                              <span class="value">${
                                                                                userStore.nickName ||
                                                                                "撕开前"
                                                                              }</span>
                                                                            </div>
                                                                            <div class="footer-item">
                                                                              <span class="label">打印日期:</span>
                                                                              <span class="value">${formatDateTime(
                                                                                new Date()
                                                                              )}</span>
                                                                            </div>
                                                                          </div>
                                                                        </div>
                                                                      </div>
                                                                    </div>
                                                                  `;
                                                                                                        <div class="table-section">
                                                                                                          <table class="product-table">
                                                                                                            <thead>
                                                                                                              <tr>
                                                                                                                <th>产品名称</th>
                                                                                                                <th>规格型号</th>
                                                                                                                <th>单位</th>
                                                                                                                <th>单价</th>
                                                                                                                <th>零售数量</th>
                                                                                                                <th>零售金额</th>
                                                                                                              </tr>
                                                                                                            </thead>
                                                                                                            <tbody>
                                                                                                              ${
                                                                                                                item.products &&
                                                                                                                item
                                                                                                                  .products
                                                                                                                  .length >
                                                                                                                  0
                                                                                                                  ? item.products
                                                                                                                      .map(
                                                                                                                        product => `
                                                                                                                  <tr>
                                                                                                                    <td>${
                                                                                                                      product.productCategory ||
                                                                                                                      ""
                                                                                                                    }</td>
                                                                                                                    <td>${
                                                                                                                      product.specificationModel ||
                                                                                                                      ""
                                                                                                                    }</td>
                                                                                                                    <td>${
                                                                                                                      product.unit ||
                                                                                                                      ""
                                                                                                                    }</td>
                                                                                                                    <td>${
                                                                                                                      product.taxInclusiveUnitPrice ||
                                                                                                                      "0"
                                                                                                                    }</td>
                                                                                                                    <td>${
                                                                                                                      product.quantity ||
                                                                                                                      "0"
                                                                                                                    }</td>
                                                                                                                    <td>${
                                                                                                                      product.taxInclusiveTotalPrice ||
                                                                                                                      "0"
                                                                                                                    }</td>
                                                                                                                  </tr>
                                                                                                                `
                                                                                                                      )
                                                                                                                      .join(
                                                                                                                        ""
                                                                                                                      )
                                                                                                                  : '<tr><td colspan="6" style="text-align: center; color: #999;">暂无产品数据</td></tr>'
                                                                                                              }
                                                                                                            </tbody>
                                                                                                            <tfoot>
                                                                                                              <tr>
                                                                                                                <td class="label">合计</td>
                                                                                                                <td class="total-value"></td>
                                                                                                                <td class="total-value"></td>
                                                                                                                <td class="total-value"></td>
                                                                                                                <td class="total-value">${getTotalQuantityForPrint(
                                                                                                                  item.products
                                                                                                                )}</td>
                                                                                                                <td class="total-value">${getTotalAmountForPrint(
                                                                                                                  item.products
                                                                                                                )}</td>
                                                                                                              </tr>
                                                                                                            </tfoot>
                                                                                                          </table>
                                                                                                        </div>
                                                                                                        <div class="footer-section">
                                                                                                          <div class="footer-row">
                                                                                                            <div class="footer-item">
                                                                                                              <span class="label">收货电话:</span>
                                                                                                              <span class="value"></span>
                                                                                                            </div>
                                                                                                            <div class="footer-item">
                                                                                                              <span class="label">收货人:</span>
                                                                                                              <span class="value"></span>
                                                                                                            </div>
                                                                                                            <div class="footer-item address-item">
                                                                                                              <span class="label">收货地址:</span>
                                                                                                              <span class="value address-value"></span>
                                                                                                            </div>
                                                                                                          </div>
                                                                                                          <div class="footer-row">
                                                                                                            <div class="footer-item">
                                                                                                              <span class="label">操作员:</span>
                                                                                                              <span class="value">${
                                                                                                                userStore.nickName ||
                                                                                                                "撕开前"
                                                                                                              }</span>
                                                                                                            </div>
                                                                                                            <div class="footer-item">
                                                                                                              <span class="label">打印日期:</span>
                                                                                                              <span class="value">${formatDateTime(
                                                                                                                new Date()
                                                                                                              )}</span>
                                                                                                            </div>
                                                                                                          </div>
                                                                                                        </div>
                                                                                                      </div>
                                                                                                    </div>
                                                                                                  `;
    });
    printContent += `
                                                                  </body>
                                                                  </html>
                                                                `;
                                                                                                  </body>
                                                                                                  </html>
                                                                                                `;
    // 写入内容到新窗口
    printWindow.document.write(printContent);
@@ -2368,11 +2519,7 @@
  // 格式化日期
  const formatDate = dateString => {
    if (!dateString) return getCurrentDate();
    const date = new Date(dateString);
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, "0");
    const day = String(date.getDate()).padStart(2, "0");
    return `${year}/${month}/${day}`;
    return dayjs(dateString).format("YYYY/MM/DD HH:mm:ss");
  };
  // 格式化日期时间
  const formatDateTime = date => {
@@ -2536,6 +2683,33 @@
    isCalculating.value = false;
  };
  const computeTotalFreight = () => {
    const hasQuantity =
      productForm.value.quantity !== "" &&
      productForm.value.quantity !== null &&
      productForm.value.quantity !== undefined;
    const hasFreightUnitPrice =
      productForm.value.freightUnitPrice !== "" &&
      productForm.value.freightUnitPrice !== null &&
      productForm.value.freightUnitPrice !== undefined;
    if (!hasQuantity || !hasFreightUnitPrice) return;
    const quantity = Number(productForm.value.quantity);
    const freightUnitPrice = Number(productForm.value.freightUnitPrice);
    if (!Number.isFinite(quantity) || !Number.isFinite(freightUnitPrice)) return;
    productForm.value.totalFreight = (quantity * freightUnitPrice).toFixed(2);
  };
  const handleQuantityChange = () => {
    computeTotalFreight();
    calculateFromQuantity();
  };
  const handleFreightUnitPriceChange = () => {
    computeTotalFreight();
  };
  // 根据含税单价变化计算总价
  const calculateFromUnitPrice = () => {
    if (!productForm.value.taxRate) {
@@ -2659,7 +2833,7 @@
  /**
   * 判断是否可以发货
   * 只有在产品状态是充足,发货状态是待发货和审核拒绝的时候才可以发货
   * 只有在产品状态是充足,发货状态是待发货、审批中、审核拒绝、部分发货的时候才可以发货
   * @param row 行数据
   */
  const canShip = row => {
@@ -2671,15 +2845,16 @@
    // 获取发货状态
    const shippingStatus = row.shippingStatus;
    // 如果已发货(有发货日期或车牌号),不能再次发货
    // 如果已发货,不能再次发货
    if (shippingStatus === "已发货") {
      return false;
    }
    // 发货状态必须是"待发货"或"审核拒绝"
    // 发货状态必须是"待发货"、"审批中"、"审核拒绝"或"部分发货"
    const statusStr = shippingStatus ? String(shippingStatus).trim() : "";
    return (
      statusStr === "待发货" ||
      statusStr === "审批中" ||
      statusStr === "审核拒绝" ||
      statusStr === "部分发货"
    );
@@ -2700,14 +2875,17 @@
    // 检查是否可以发货
    if (!canShip(row)) {
      proxy.$modal.msgWarning(
        "只有在产品状态是充足,发货状态是待发货或审核拒绝的时候才可以发货"
        "只有在产品状态是充足,发货状态是待发货、审批中、审核拒绝或部分发货的时候才可以发货"
      );
      return;
    }
    currentDeliveryRow.value = row;
    const ledgerRecord = findLedgerRecordByRow(row);
    const stockType = ledgerRecord?.stockType || "qualified";
    const batchNoList = await getDeliveryBatchNoList(
      row.productModelId || row.modelId
      row.productModelId || row.modelId,
      stockType
    );
    deliveryForm.value = {
      shippingCarNumber: "",
@@ -3035,4 +3213,4 @@
      page-break-after: avoid;
    }
  }
</style>
</style>