gaoluyang
10 小时以前 07f9f8657d057a38792c3822acc9b08d83478967
src/views/salesManagement/salesLedger/index.vue
@@ -1,25 +1,42 @@
<template>
  <div class="app-container">
    <div class="search_form">
      <el-form :model="searchForm" :inline="true">
      <el-form :model="searchForm"
               :inline="true">
        <el-form-item label="客户名称:">
          <el-input v-model="searchForm.customerName" placeholder="请输入" clearable prefix-icon="Search"
          <el-input v-model="searchForm.customerName"
                    placeholder="请输入"
                    clearable
                    prefix-icon="Search"
            @change="handleQuery" />
        </el-form-item>
        <el-form-item label="销售合同号:">
          <el-input v-model="searchForm.salesContractNo" placeholder="请输入" clearable prefix-icon="Search"
          <el-input v-model="searchForm.salesContractNo"
                    placeholder="请输入"
                    clearable
                    prefix-icon="Search"
            @change="handleQuery" />
        </el-form-item>
        <el-form-item label="项目名称:">
          <el-input v-model="searchForm.projectName" placeholder="请输入" clearable prefix-icon="Search"
          <el-input v-model="searchForm.projectName"
                    placeholder="请输入"
                    clearable
                    prefix-icon="Search"
            @change="handleQuery" />
        </el-form-item>
        <el-form-item label="录入日期:">
          <el-date-picker v-model="searchForm.entryDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD" type="daterange"
            placeholder="请选择" clearable @change="changeDaterange" />
          <el-date-picker v-model="searchForm.entryDate"
                          value-format="YYYY-MM-DD"
                          format="YYYY-MM-DD"
                          type="daterange"
                          placeholder="请选择"
                          clearable
                          @change="changeDaterange"/>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="handleQuery"> 搜索 </el-button>
          <el-button type="primary"
                     @click="handleQuery"> 搜索
          </el-button>
        </el-form-item>
      </el-form>
    </div>
@@ -27,50 +44,102 @@
      <div class="actions">
        <div></div>
        <div>
          <el-button type="primary" @click="openForm('add')">
          <el-button type="primary"
                     @click="openForm('add')">
            新增台账
          </el-button>
          <el-button type="primary" plain @click="handleImport">导入</el-button>
          <el-button type="primary"
                     plain
                     @click="handleImport">导入
          </el-button>
          <el-button @click="handleOut">导出</el-button>
          <el-button type="danger" plain @click="handleDelete">删除</el-button>
          <el-button type="primary" plain @click="handlePrint">打印</el-button>
          <el-button type="danger"
                     plain
                     @click="handleDelete">删除
          </el-button>
          <el-button type="primary"
                     plain
                     @click="handlePrint">打印
          </el-button>
        </div>
      </div>
      <el-table :data="tableData" border v-loading="tableLoading" @selection-change="handleSelectionChange"
        :expand-row-keys="expandedRowKeys" :row-key="(row) => row.id" :row-class-name="tableRowClassName" show-summary style="width: 100%"
        :summary-method="summarizeMainTable" @expand-change="expandChange" height="calc(100vh - 18.5em)">
        <el-table-column align="center" type="selection" width="55" fixed="left"/>
        <el-table-column type="expand" width="60" fixed="left">
      <el-table :data="tableData"
                border
                v-loading="tableLoading"
                @selection-change="handleSelectionChange"
                :expand-row-keys="expandedRowKeys"
                :row-key="(row) => row.id"
                :row-class-name="tableRowClassName"
                show-summary
                style="width: 100%"
                :summary-method="summarizeMainTable"
                @expand-change="expandChange"
                height="calc(100vh - 18.5em)">
        <el-table-column align="center"
                         type="selection"
                         width="55"
                         fixed="left"/>
        <el-table-column type="expand"
                         width="60"
                         fixed="left">
          <template #default="props">
            <el-table :data="props.row.children" border show-summary :summary-method="summarizeChildrenTable">
              <el-table-column align="center" label="序号" type="index"/>
              <el-table-column label="产品大类" prop="productCategory" />
              <el-table-column label="规格型号" prop="specificationModel" />
              <el-table-column label="单位" prop="unit" />
            <el-table :data="props.row.children"
                      border
                      show-summary
                      :summary-method="(param) => summarizeChildrenTable(param, props.row)">
              <el-table-column align="center"
                               label="序号"
                               type="index"/>
              <el-table-column label="产品大类"
                               prop="productCategory"/>
              <el-table-column label="规格型号"
                               prop="specificationModel"/>
              <el-table-column label="单位"
                               prop="unit"/>
                     <el-table-column label="产品状态"
                                              width="100px"
                                              align="center">
                <template #default="scope">
                           <el-tag v-if="scope.row.approveStatus === 1"
                                       type="success">充足</el-tag>
                  <el-tag
                      v-if="scope.row.approveStatus === 1 && scope.row.noQuantity !== 0"
                      type="success">充足
                  </el-tag>
                  <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="发货状态" width="140" align="center">
              <el-table-column label="发货状态"
                               width="140"
                               align="center">
                        <template #default="scope">
                           <el-tag :type="getShippingStatusType(scope.row)" size="small">
                  <el-tag :type="getShippingStatusType(scope.row)"
                          size="small">
                              {{ getShippingStatusText(scope.row) }}
                           </el-tag>
                        </template>
                     </el-table-column>
                     <el-table-column label="快递公司" prop="expressCompany" show-overflow-tooltip />
                     <el-table-column label="快递单号" prop="expressNumber" show-overflow-tooltip />
              <el-table-column label="发货车牌" minWidth="100px" align="center">
              <el-table-column label="快递公司"
                               prop="expressCompany"
                               show-overflow-tooltip/>
              <el-table-column label="快递单号"
                               prop="expressNumber"
                               show-overflow-tooltip/>
              <el-table-column label="发货车牌"
                               minWidth="100px"
                               align="center">
                <template #default="scope">
                  <div>
                    <el-tag type="success" v-if="scope.row.shippingCarNumber">{{ scope.row.shippingCarNumber }}</el-tag>
                    <el-tag v-else type="info">-</el-tag>
                    <el-tag type="success"
                            v-if="scope.row.shippingCarNumber">{{ scope.row.shippingCarNumber }}
                    </el-tag>
                    <el-tag v-else
                            type="info">-
                    </el-tag>
                  </div>
                </template>
              </el-table-column>
@@ -81,22 +150,33 @@
                  <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>
              <el-table-column label="数量" prop="quantity" />
              <el-table-column label="税率(%)" prop="taxRate" />
              <el-table-column label="含税单价(元)" prop="taxInclusiveUnitPrice" :formatter="formattedNumber" />
              <el-table-column label="含税总价(元)" prop="taxInclusiveTotalPrice" :formatter="formattedNumber" />
              <el-table-column label="不含税总价(元)" prop="taxExclusiveTotalPrice" :formatter="formattedNumber" />
              <el-table-column label="数量"
                               prop="quantity"/>
              <el-table-column label="待发货数量"
                               prop="noQuantity"/>
              <el-table-column label="税率(%)"
                               prop="taxRate"/>
              <el-table-column label="含税单价(元)"
                               prop="taxInclusiveUnitPrice"
                               :formatter="sensitiveAmountFormatter"/>
              <el-table-column label="含税总价(元)"
                               prop="taxInclusiveTotalPrice"
                               :formatter="sensitiveAmountFormatter"/>
              <el-table-column label="不含税总价(元)"
                               prop="taxExclusiveTotalPrice"
                               :formatter="sensitiveAmountFormatter"/>
            <!--操作-->
              <el-table-column Width="60px" label="操作" align="center">
              <el-table-column Width="60px"
                               label="操作"
                               align="center">
                <template #default="scope">
                  <el-button
                    link
                  <el-button link
                    type="primary" 
                    size="small"
                    :disabled="!canShip(scope.row)"
                    @click="openDeliveryForm(scope.row)">
                    发货
@@ -106,52 +186,123 @@
            </el-table>
          </template>
        </el-table-column>
        <el-table-column align="center" label="序号" type="index" width="60" />
        <el-table-column label="销售合同号" prop="salesContractNo" width="180" show-overflow-tooltip />
        <el-table-column label="客户名称" prop="customerName" width="300" show-overflow-tooltip />
        <el-table-column label="业务员" prop="salesman" width="100" show-overflow-tooltip />
        <el-table-column label="项目名称" prop="projectName" width="180" show-overflow-tooltip />
        <el-table-column label="付款方式" prop="paymentMethod" show-overflow-tooltip />
        <el-table-column label="合同金额(元)" prop="contractAmount" width="220" show-overflow-tooltip
        <el-table-column align="center"
                         label="序号"
                         type="index"
                         width="60"/>
        <el-table-column label="销售合同号"
                         prop="salesContractNo"
                         width="180"
                         show-overflow-tooltip/>
        <el-table-column label="客户名称"
                         prop="customerName"
                         width="300"
                         show-overflow-tooltip/>
        <el-table-column label="业务员"
                         prop="salesman"
                         width="100"
                         show-overflow-tooltip/>
        <el-table-column label="项目名称"
                         prop="projectName"
                         width="180"
                         show-overflow-tooltip/>
        <el-table-column label="付款方式"
                         prop="paymentMethod"
                         show-overflow-tooltip/>
        <el-table-column label="合同金额(元)"
                         prop="contractAmount"
                         width="220"
                         show-overflow-tooltip
          :formatter="formattedNumber" />
        <el-table-column label="录入人" prop="entryPersonName" width="100" show-overflow-tooltip />
        <el-table-column label="录入日期" prop="entryDate" width="120" show-overflow-tooltip />
        <el-table-column label="签订日期" prop="executionDate" width="120" show-overflow-tooltip />
        <el-table-column label="交付日期" prop="deliveryDate" width="120" show-overflow-tooltip />
        <el-table-column label="备注" prop="remarks" width="200" show-overflow-tooltip />
        <el-table-column fixed="right" label="操作" min-width="100" align="center">
        <el-table-column label="录入人"
                         prop="entryPersonName"
                         width="100"
                         show-overflow-tooltip/>
        <el-table-column label="录入日期"
                         prop="entryDate"
                         width="120"
                         show-overflow-tooltip/>
        <el-table-column label="签订日期"
                         prop="executionDate"
                         width="120"
                         show-overflow-tooltip/>
        <el-table-column label="交付日期"
                         prop="deliveryDate"
                         width="120"
                         show-overflow-tooltip/>
        <el-table-column label="备注"
                         prop="remarks"
                         width="200"
                         show-overflow-tooltip/>
        <el-table-column fixed="right"
                         label="操作"
                         width="130"
                         align="center">
          <template #default="scope">
            <el-button link type="primary" size="small" @click="openForm('edit', scope.row)" :disabled="!scope.row.isEdit">编辑</el-button>
<!--            <el-button link type="primary" size="small" @click="openForm('view', scope.row)">详情</el-button>-->
            <el-button link type="primary" size="small" @click="downLoadFile(scope.row)">附件</el-button>
<!--            <el-button link type="primary" size="small" @click="openDeliveryForm(scope.row)">发货</el-button>-->
            <el-button link
                       type="primary"
                       @click="openForm('edit', scope.row)"
                       :disabled="!scope.row.isEdit || scope.row.hasProductionRecord || !canEditLedger(scope.row)">编辑
            </el-button>
            <el-button link
                       type="primary"
                       @click="openFileDialog(scope.row)">附件
            </el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination v-show="total > 0" :total="total" layout="total, sizes, prev, pager, next, jumper"
        :page="page.current" :limit="page.size" @pagination="paginationChange" />
      <pagination v-show="total > 0"
                  :total="total"
                  layout="total, sizes, prev, pager, next, jumper"
                  :page="page.current"
                  :limit="page.size"
                  @pagination="paginationChange"/>
    </div>
    <FormDialog v-model="dialogFormVisible" :title="operationType === 'add' ? '新增销售台账页面' : '编辑销售台账页面'" :width="'70%'"
      :operation-type="operationType" @close="closeDia" @confirm="submitForm" @cancel="closeDia">
      <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef">
    <FormDialog v-model="dialogFormVisible"
                :title="operationType === 'add' ? '新增销售台账页面' : '编辑销售台账页面'"
                :width="'70%'"
                :operation-type="operationType"
                @close="closeDia"
                @confirm="submitForm"
                @cancel="closeDia">
      <el-form :model="form"
               label-width="140px"
               label-position="top"
               :rules="rules"
               ref="formRef">
            <!-- 报价单导入入口:放在表单顶部,选择后反显客户/业务员等 -->
            <el-row v-if="operationType === 'add'" style="margin-bottom: 10px;">
               <el-col :span="24" style="text-align: right;">
                  <el-button type="primary" plain @click="openQuotationDialog">
        <el-row v-if="operationType === 'add'"
                style="margin-bottom: 10px;">
          <el-col :span="24"
                  style="text-align: right;">
            <el-button type="primary"
                       plain
                       @click="openQuotationDialog">
                     从销售报价导入
                  </el-button>
               </el-col>
            </el-row>
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="销售合同号:" prop="salesContractNo">
              <el-input v-model="form.salesContractNo" placeholder="自动生成" clearable disabled />
            <el-form-item label="销售合同号:"
                          prop="salesContractNo">
              <el-input v-model="form.salesContractNo"
                        placeholder="自动生成"
                        clearable
                        disabled/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="业务员:" prop="salesman">
              <el-select v-model="form.salesman" placeholder="请选择" clearable :disabled="operationType === 'view'">
                <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName"
            <el-form-item label="业务员:"
                          prop="salesman">
              <el-select v-model="form.salesman"
                         placeholder="请选择"
                         clearable
                         :disabled="operationType === 'view'"
                         filterable>
                <el-option v-for="item in userList"
                           :key="item.nickName"
                           :label="item.nickName"
                  :value="item.nickName" />
              </el-select>
            </el-form-item>
@@ -159,9 +310,17 @@
        </el-row>
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="客户名称:" prop="customerId">
              <el-select v-model="form.customerId" placeholder="请选择" clearable :disabled="operationType === 'view'">
                <el-option v-for="item in customerOption" :key="item.id" :label="item.customerName" :value="item.id">
            <el-form-item label="客户名称:"
                          prop="customerId">
              <el-select v-model="form.customerId"
                         placeholder="请选择"
                         clearable
                         :disabled="operationType === 'view'"
                         filterable>
                <el-option v-for="item in customerOption"
                           :key="item.id"
                           :label="item.customerName"
                           :value="item.id">
                  {{
                    item.customerName + "——" + item.taxpayerIdentificationNumber
                  }}
@@ -170,264 +329,411 @@
            </el-form-item>
          </el-col>
               <el-col :span="12">
                  <el-form-item label="项目名称:" prop="projectName">
                     <el-input v-model="form.projectName" placeholder="请输入" clearable :disabled="operationType === 'view'" />
            <el-form-item label="项目名称:"
                          prop="projectName">
              <el-input v-model="form.projectName"
                        placeholder="请输入"
                        clearable
                        :disabled="operationType === 'view'"/>
                  </el-form-item>
               </el-col>
        </el-row>
        <el-row :gutter="30">
               <el-col :span="12">
                  <el-form-item label="签订日期:" prop="executionDate">
                     <el-date-picker style="width: 100%" v-model="form.executionDate" value-format="YYYY-MM-DD"
                                             format="YYYY-MM-DD" type="date" placeholder="请选择" clearable :disabled="operationType === 'view'" />
            <el-form-item label="签订日期:"
                          prop="executionDate">
              <el-date-picker style="width: 100%"
                              v-model="form.executionDate"
                              value-format="YYYY-MM-DD"
                              format="YYYY-MM-DD"
                              type="date"
                              placeholder="请选择"
                              clearable
                              :disabled="operationType === 'view'"/>
                  </el-form-item>
               </el-col>
               <el-col :span="12">
                  <el-form-item label="付款方式">
                     <el-input v-model="form.paymentMethod" placeholder="请输入" clearable :disabled="operationType === 'view'" />
              <el-input v-model="form.paymentMethod"
                        placeholder="请输入"
                        clearable
                        :disabled="operationType === 'view'"/>
                  </el-form-item>
               </el-col>
            </el-row>
            <el-row :gutter="30">
               <el-col :span="12">
                  <el-form-item label="录入人:" prop="entryPerson">
            <el-form-item label="录入人:"
                          prop="entryPerson">
                     <el-select v-model="form.entryPerson"
                                     filterable
                                     default-first-option
                                     :reserve-keyword="false" placeholder="请选择" clearable @change="changs">
                        <el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId" />
                         :reserve-keyword="false"
                         placeholder="请选择"
                         clearable
                         @change="changs">
                <el-option v-for="item in userList"
                           :key="item.userId"
                           :label="item.nickName"
                           :value="item.userId"/>
                     </el-select>
                  </el-form-item>
               </el-col>
               <el-col :span="12">
                  <el-form-item label="录入日期:" prop="entryDate">
                     <el-date-picker style="width: 100%" v-model="form.entryDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD"
                                             type="date" placeholder="请选择" clearable />
            <el-form-item label="录入日期:"
                          prop="entryDate">
              <el-date-picker style="width: 100%"
                              v-model="form.entryDate"
                              value-format="YYYY-MM-DD"
                              format="YYYY-MM-DD"
                              type="date"
                              placeholder="请选择"
                              clearable/>
                  </el-form-item>
               </el-col>
            </el-row>
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="交货日期:" prop="entryDate">
              <el-date-picker style="width: 100%" v-model="form.deliveryDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD"
                              type="date" placeholder="请选择" clearable />
            <el-form-item label="交货日期:"
                          prop="entryDate">
              <el-date-picker style="width: 100%"
                              v-model="form.deliveryDate"
                              value-format="YYYY-MM-DD"
                              format="YYYY-MM-DD"
                              type="date"
                              placeholder="请选择"
                              clearable/>
            </el-form-item>
          </el-col>
        </el-row>
            <el-row>
               <el-form-item label="产品信息:" prop="entryDate">
                  <el-button v-if="operationType !== 'view'" type="primary" @click="openProductForm('add')">添加</el-button>
                  <el-button v-if="operationType !== 'view'" plain type="danger" @click="deleteProduct" >删除</el-button>
          <el-form-item label="产品信息:"
                        prop="entryDate">
            <el-button v-if="operationType !== 'view'"
                       type="primary"
                       @click="openProductForm('add')">添加
            </el-button>
            <el-button v-if="operationType !== 'view'"
                       plain
                       type="danger"
                       @click="deleteProduct">删除
            </el-button>
               </el-form-item>
            </el-row>
            <el-table :data="productData" border @selection-change="productSelected" show-summary
        <el-table :data="productData"
                  border
                  @selection-change="productSelected"
                  show-summary
                           :summary-method="summarizeMainTable">
               <el-table-column align="center" type="selection" width="55" v-if="operationType !== 'view'"
          <el-table-column align="center"
                           type="selection"
                           width="55"
                           v-if="operationType !== 'view'"
                  :selectable="(row) => !isProductShipped(row)" />
               <el-table-column align="center" label="序号" type="index" width="60" />
               <el-table-column label="产品大类" prop="productCategory" />
               <el-table-column label="规格型号" prop="specificationModel" />
               <el-table-column label="单位" prop="unit" />
               <el-table-column label="数量" prop="quantity" />
               <el-table-column label="税率(%)" prop="taxRate" />
               <el-table-column label="含税单价(元)" prop="taxInclusiveUnitPrice" :formatter="formattedNumber" />
               <el-table-column label="含税总价(元)" prop="taxInclusiveTotalPrice" :formatter="formattedNumber" />
               <el-table-column label="不含税总价(元)" prop="taxExclusiveTotalPrice" :formatter="formattedNumber" />
               <el-table-column fixed="right" label="操作" min-width="60" align="center" v-if="operationType !== 'view'">
          <el-table-column align="center"
                           label="序号"
                           type="index"
                           width="60"/>
          <el-table-column label="产品大类"
                           prop="productCategory"/>
          <el-table-column label="规格型号"
                           prop="specificationModel"/>
          <el-table-column label="单位"
                           prop="unit"/>
          <el-table-column label="数量"
                           prop="quantity"/>
          <el-table-column label="税率(%)"
                           prop="taxRate"/>
          <el-table-column label="含税单价(元)"
                           prop="taxInclusiveUnitPrice"
                           :formatter="formattedNumber"/>
          <el-table-column label="含税总价(元)"
                           prop="taxInclusiveTotalPrice"
                           :formatter="formattedNumber"/>
          <el-table-column label="不含税总价(元)"
                           prop="taxExclusiveTotalPrice"
                           :formatter="formattedNumber"/>
          <el-table-column label="是否生产"
                           prop="isProduction"
                           width="150">
                  <template #default="scope">
                     <el-button link type="primary" size="small"
              <el-tag :type="scope.row.isProduction ? 'success' : 'info'">
                {{ scope.row.isProduction ? '是' : '否' }}
              </el-tag>
            </template>
          </el-table-column>
          <el-table-column fixed="right"
                           label="操作"
                           min-width="60"
                           align="center"
                           v-if="operationType !== 'view'">
            <template #default="scope">
              <el-button link
                         type="primary"
                         size="small"
                        :disabled="isProductShipped(scope.row)"
                        @click="openProductForm('edit', scope.row,scope.$index)">编辑</el-button>
                         @click="openProductForm('edit', scope.row,scope.$index)">编辑
              </el-button>
                  </template>
               </el-table-column>
            </el-table>
            <el-row :gutter="30">
               <el-col :span="24">
                  <el-form-item label="备注:" prop="remarks">
                     <el-input v-model="form.remarks" placeholder="请输入" clearable type="textarea" :rows="2" :disabled="operationType === 'view'" />
            <el-form-item label="备注:"
                          prop="remarks">
              <el-input v-model="form.remarks"
                        placeholder="请输入"
                        clearable
                        type="textarea"
                        :rows="2"
                        :disabled="operationType === 'view'"/>
                  </el-form-item>
               </el-col>
            </el-row>
            <el-row :gutter="30">
               <el-col :span="24">
                  <el-form-item label="附件材料:" prop="salesLedgerFiles">
                     <el-upload v-model:file-list="fileList" :action="upload.url" multiple ref="fileUpload" auto-upload
                                     :headers="upload.headers" :before-upload="handleBeforeUpload" :on-error="handleUploadError"
                                     :on-success="handleUploadSuccess" :on-remove="handleRemove">
                        <el-button type="primary" v-if="operationType !== 'view'">上传</el-button>
                        <template #tip v-if="operationType !== 'view'">
                           <div class="el-upload__tip">
                              文件格式支持
                              doc,docx,xls,xlsx,ppt,pptx,pdf,txt,xml,jpg,jpeg,png,gif,bmp,rar,zip,7z
                           </div>
                        </template>
                     </el-upload>
            <el-form-item label="附件材料:"
                          prop="salesLedgerFiles">
              <FileUpload v-model:file-list="fileList"/>
                  </el-form-item>
               </el-col>
            </el-row>
         </el-form>
      </FormDialog>
      <!-- 从报价单导入(仅审批通过) -->
      <el-dialog
         v-model="quotationDialogVisible"
    <el-dialog v-model="quotationDialogVisible"
         title="选择审批通过的销售报价单"
         width="80%"
         :close-on-click-modal="false"
      >
               :close-on-click-modal="false">
         <div style="margin-bottom: 12px; display:flex; gap: 12px; align-items:center;">
            <el-input
               v-model="quotationSearchForm.quotationNo"
        <el-input v-model="quotationSearchForm.quotationNo"
               placeholder="请输入报价单号"
               clearable
               style="max-width: 260px;"
               @change="fetchQuotationList"
            />
            <el-input
               v-model="quotationSearchForm.customer"
                  @change="fetchQuotationList"/>
        <el-input v-model="quotationSearchForm.customer"
               placeholder="请输入客户名称"
               clearable
               style="max-width: 260px;"
               @change="fetchQuotationList"
            />
            <el-button type="primary" @click="fetchQuotationList">搜索</el-button>
                  @change="fetchQuotationList"/>
        <el-button type="primary"
                   @click="fetchQuotationList">搜索
        </el-button>
            <el-button @click="resetQuotationSearch">重置</el-button>
         </div>
         <el-table
            :data="quotationList"
      <el-table :data="quotationList"
            border
            stripe
            v-loading="quotationLoading"
            height="420px"
         >
            <el-table-column align="center" label="序号" type="index" width="60" />
            <el-table-column prop="quotationNo" label="报价单号" width="180" show-overflow-tooltip />
            <el-table-column prop="customer" label="客户名称" min-width="220" show-overflow-tooltip />
            <el-table-column prop="salesperson" label="业务员" width="120" show-overflow-tooltip />
            <el-table-column prop="quotationDate" label="报价日期" width="140" />
            <el-table-column prop="status" label="审批状态" width="120" align="center" />
            <el-table-column prop="totalAmount" label="报价金额(元)" width="160" align="right">
                height="420px">
        <el-table-column align="center"
                         label="序号"
                         type="index"
                         width="60"/>
        <el-table-column prop="quotationNo"
                         label="报价单号"
                         width="180"
                         show-overflow-tooltip/>
        <el-table-column prop="customer"
                         label="客户名称"
                         min-width="220"
                         show-overflow-tooltip/>
        <el-table-column prop="salesperson"
                         label="业务员"
                         width="120"
                         show-overflow-tooltip/>
        <el-table-column prop="quotationDate"
                         label="报价日期"
                         width="140"/>
        <el-table-column prop="status"
                         label="审批状态"
                         width="120"
                         align="center"/>
        <el-table-column prop="totalAmount"
                         label="报价金额(元)"
                         width="160"
                         align="right">
               <template #default="scope">
                  {{ Number(scope.row.totalAmount ?? 0).toFixed(2) }}
               </template>
            </el-table-column>
            <el-table-column fixed="right" label="操作" width="120" align="center">
        <el-table-column fixed="right"
                         label="操作"
                         width="120"
                         align="center">
               <template #default="scope">
                  <el-button type="primary" link @click="applyQuotation(scope.row)">选择</el-button>
            <el-button type="primary"
                       link
                       @click="applyQuotation(scope.row)">选择
            </el-button>
               </template>
            </el-table-column>
         </el-table>
         <pagination
            v-show="quotationPage.total > 0"
      <pagination v-show="quotationPage.total > 0"
            :total="quotationPage.total"
            layout="total, sizes, prev, pager, next, jumper"
            :page="quotationPage.current"
            :limit="quotationPage.size"
            @pagination="quotationPaginationChange"
         />
                  @pagination="quotationPaginationChange"/>
         <template #footer>
            <el-button @click="quotationDialogVisible = false">关闭</el-button>
         </template>
      </el-dialog>
      <FormDialog
         v-model="productFormVisible"
    <FormDialog v-model="productFormVisible"
         :title="productOperationType === 'add' ? '新增产品' : '编辑产品'"
         :width="'40%'"
         :operation-type="productOperationType"
         @close="closeProductDia"
         @confirm="submitProduct"
         @cancel="closeProductDia">
         <el-form :model="productForm" label-width="140px" label-position="top" :rules="productRules" ref="productFormRef">
      <el-form :model="productForm"
               label-width="140px"
               label-position="top"
               :rules="productRules"
               ref="productFormRef">
            <el-row :gutter="30">
               <el-col :span="24">
                  <el-form-item label="产品大类:" prop="productCategory">
                     <!-- <el-select v-model="productForm.productCategory" placeholder="请选择" clearable>
                        <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" :value="item.nickName"/>
                     </el-select> -->
                     <el-tree-select v-model="productForm.productCategory" placeholder="请选择" clearable check-strictly
                                             @change="getModels" :data="productOptions" :render-after-expand="false" style="width: 100%" />
            <el-form-item label="产品大类:"
                          prop="productCategory">
              <el-tree-select v-model="productForm.productCategory"
                              placeholder="请选择"
                              clearable
                              filterable
                              check-strictly
                              @change="getModels"
                              :data="productOptions"
                              :render-after-expand="false"
                              style="width: 100%"/>
                  </el-form-item>
               </el-col>
            </el-row>
            <el-row :gutter="30">
               <el-col :span="24">
                  <el-form-item label="规格型号:" prop="productModelId">
                     <el-select v-model="productForm.productModelId" placeholder="请选择" clearable @change="getProductModel" filterable>
                        <el-option v-for="item in modelOptions" :key="item.id" :label="item.model" :value="item.id" />
            <el-form-item label="规格型号:"
                          prop="productModelId">
              <el-select v-model="productForm.productModelId"
                         placeholder="请选择"
                         clearable
                         @change="getProductModel"
                         filterable>
                <el-option v-for="item in modelOptions"
                           :key="item.id"
                           :label="item.model"
                           :value="item.id"/>
                     </el-select>
                  </el-form-item>
               </el-col>
            </el-row>
            <el-row :gutter="30">
               <el-col :span="12">
                  <el-form-item label="单位:" prop="unit">
                     <el-input v-model="productForm.unit" placeholder="请输入" clearable />
            <el-form-item label="单位:"
                          prop="unit">
              <el-input v-model="productForm.unit"
                        placeholder="请输入"
                        clearable/>
                  </el-form-item>
               </el-col>
               <el-col :span="12">
                  <el-form-item label="税率(%):" prop="taxRate">
                     <el-select v-model="productForm.taxRate" placeholder="请选择" clearable @change="calculateFromTaxRate">
                        <el-option label="1" value="1" />
                        <el-option label="6" value="6" />
                        <el-option label="13" value="13" />
            <el-form-item label="税率(%):"
                          prop="taxRate">
              <el-select v-model="productForm.taxRate"
                         placeholder="请选择"
                         clearable
                         @change="calculateFromTaxRate">
                <el-option
                  v-for="dict in tax_rate"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                />
                     </el-select>
                  </el-form-item>
               </el-col>
            </el-row>
            <el-row :gutter="30">
               <el-col :span="12">
                  <el-form-item label="含税单价(元):" prop="taxInclusiveUnitPrice">
                     <el-input-number :step="0.01" :min="0" v-model="productForm.taxInclusiveUnitPrice" style="width: 100%"
            <el-form-item label="含税单价(元):"
                          prop="taxInclusiveUnitPrice">
              <el-input-number :step="0.01"
                               :min="0"
                               v-model="productForm.taxInclusiveUnitPrice"
                               style="width: 100%"
                                              :precision="2"
                                              placeholder="请输入" clearable @change="calculateFromUnitPrice" />
                               placeholder="请输入"
                               clearable
                               @change="calculateFromUnitPrice"/>
                  </el-form-item>
               </el-col>
               <el-col :span="12">
                  <el-form-item label="数量:" prop="quantity">
                     <el-input-number  :step="0.1" :min="0" v-model="productForm.quantity" placeholder="请输入" clearable
            <el-form-item label="数量:"
                          prop="quantity">
              <el-input-number :step="0.1"
                               :min="0"
                               v-model="productForm.quantity"
                               placeholder="请输入"
                               clearable
                                                :precision="2"
                                                @change="calculateFromQuantity" style="width: 100%" />
                               @change="calculateFromQuantity"
                               style="width: 100%"/>
                  </el-form-item>
               </el-col>
            </el-row>
            <el-row :gutter="30">
               <el-col :span="12">
                  <el-form-item label="含税总价(元):" prop="taxInclusiveTotalPrice">
                     <el-input v-model="productForm.taxInclusiveTotalPrice" placeholder="请输入" clearable @change="calculateFromTotalPrice" />
            <el-form-item label="含税总价(元):"
                          prop="taxInclusiveTotalPrice">
              <el-input v-model="productForm.taxInclusiveTotalPrice"
                        placeholder="请输入"
                        clearable
                        @change="calculateFromTotalPrice"/>
                  </el-form-item>
               </el-col>
               <el-col :span="12">
                  <el-form-item label="不含税总价(元):" prop="taxExclusiveTotalPrice">
                     <el-input v-model="productForm.taxExclusiveTotalPrice" placeholder="请输入" clearable @change="calculateFromExclusiveTotalPrice" />
            <el-form-item label="不含税总价(元):"
                          prop="taxExclusiveTotalPrice">
              <el-input v-model="productForm.taxExclusiveTotalPrice"
                        placeholder="请输入"
                        clearable
                        @change="calculateFromExclusiveTotalPrice"/>
                  </el-form-item>
               </el-col>
            </el-row>
            <el-row :gutter="30">
               <el-col :span="12">
                  <el-form-item label="发票类型:" prop="invoiceType">
                     <el-select v-model="productForm.invoiceType" placeholder="请选择" clearable>
                        <el-option label="增普票" value="增普票" />
                        <el-option label="增专票" value="增专票" />
            <el-form-item label="发票类型:"
                          prop="invoiceType">
              <el-select v-model="productForm.invoiceType"
                         placeholder="请选择"
                         clearable>
                <el-option label="增普票"
                           value="增普票"/>
                <el-option label="增专票"
                           value="增专票"/>
                     </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="是否生产:"
                          prop="isProduction">
              <el-radio-group v-model="productForm.isProduction">
                <el-radio label="是"
                          :value="true"/>
                <el-radio label="否"
                          :value="false"/>
              </el-radio-group>
                  </el-form-item>
               </el-col>
            </el-row>
         </el-form>
      </FormDialog>
      <!-- 导入弹窗 -->
      <FormDialog
         v-model="importUpload.open"
    <FormDialog v-model="importUpload.open"
         :title="importUpload.title"
         :width="'600px'"
         @close="importUpload.open = false"
         @confirm="submitImportFile"
         @cancel="importUpload.open = false"
      >
         <el-upload
            ref="importUploadRef"
                @cancel="importUpload.open = false">
      <el-upload ref="importUploadRef"
            :limit="1"
            accept=".xlsx,.xls"
            :action="importUpload.url"
@@ -438,8 +744,7 @@
            :on-progress="importUpload.onProgress"
            :on-change="importUpload.onChange"
            :auto-upload="false"
            drag
         >
                 drag>
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">
               将文件拖到此处,或<em>点击上传</em>
@@ -447,44 +752,47 @@
            <template #tip>
               <div class="el-upload__tip">
                  仅支持 xls/xlsx,大小不超过 10MB。
                  <el-button link type="primary" @click="downloadTemplate">下载导入模板</el-button>
            <el-button link
                       type="primary"
                       @click="downloadTemplate">下载导入模板
            </el-button>
               </div>
            </template>
         </el-upload>
      </FormDialog>
    <!-- // todo 附件预览相关 -->
      <!-- 附件列表弹窗 -->
      <FileListDialog
         ref="fileListRef"
         v-model="fileListDialogVisible"
         title="附件列表"
      />
    <FileList v-if="fileDialogVisible" v-model:visible="fileDialogVisible" record-type="sales_ledger"
              :record-id="recordId"/>
      <!-- 打印预览弹窗 -->
      <el-dialog
         v-model="printPreviewVisible"
    <el-dialog v-model="printPreviewVisible"
         title="打印预览"
         width="90%"
         :close-on-click-modal="false"
         class="print-preview-dialog"
      >
               class="print-preview-dialog">
         <div class="print-preview-container">
            <div class="print-preview-header">
               <el-button type="primary" @click="executePrint">执行打印</el-button>
          <el-button type="primary"
                     @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;">
          <div v-if="printData.length === 0"
               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;">
          <div v-else
               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" :key="index" class="print-page">
          <div v-for="(item, index) in printData"
               :key="index"
               class="print-page">
                  <div class="delivery-note">
                     <div class="header">
                        <div class="company-name">英泽防锈新材料有限公司</div>
                        <div class="document-title">零售发货单</div>
                     </div>
                     <div class="info-section">
                        <div class="info-row">
                           <div>
@@ -499,13 +807,12 @@
                        <div class="info-row">
                           <div>
                              <span class="label">客户名称:</span>
                              <span class="value">{{ item.customerName || '张爱有' }}</span>
                    <span class="value">{{ item.customerName }}</span>
                           </div>
                           <span class="label">单号:</span>
                           <span class="value">{{ item.salesContractNo }}</span>
                        </div>
                     </div>
                     <div class="table-section">
                        <table class="product-table">
                           <thead>
@@ -519,7 +826,8 @@
                           </tr>
                           </thead>
                           <tbody>
                           <tr v-for="product in item.products" :key="product.id">
                  <tr v-for="product in item.products"
                      :key="product.id">
                              <td>{{ product.productCategory || '' }}</td>
                              <td>{{ product.specificationModel || '' }}</td>
                              <td>{{ product.unit || '' }}</td>
@@ -528,7 +836,9 @@
                              <td>{{ product.taxInclusiveTotalPrice || '0' }}</td>
                           </tr>
                           <tr v-if="!item.products || item.products.length === 0">
                              <td colspan="6" style="text-align: center; color: #999;">暂无产品数据</td>
                    <td colspan="6"
                        style="text-align: center; color: #999;">暂无产品数据
                    </td>
                           </tr>
                           </tbody>
                           <tfoot>
@@ -543,7 +853,6 @@
                           </tfoot>
                        </table>
                     </div>
                     <div class="footer-section">
                        <div class="footer-row">
                           <div class="footer-item">
@@ -576,76 +885,73 @@
         </div>
      </el-dialog>
      <!-- 发货弹框 -->
      <el-dialog
         v-model="deliveryFormVisible"
    <el-dialog v-model="deliveryFormVisible"
         title="发货信息"
      width="40%"
         @close="closeDeliveryDia"
      >
         <el-form :model="deliveryForm" label-width="120px" label-position="top" :rules="deliveryRules" ref="deliveryFormRef">
               @close="closeDeliveryDia">
      <el-form :model="deliveryForm"
               label-width="120px"
               label-position="top"
               :rules="deliveryRules"
               ref="deliveryFormRef">
            <el-row :gutter="30">
               <el-col :span="24">
                  <el-form-item label="发货类型:" prop="type">
                     <el-select
                        v-model="deliveryForm.type"
            <el-form-item label="发货类型:"
                          prop="type">
              <el-select v-model="deliveryForm.type"
                        placeholder="请选择发货类型"
                        style="width: 100%"
                     >
                        <el-option label="货车" value="货车" />
                        <el-option label="快递" value="快递" />
                         style="width: 100%">
                <el-option label="货车"
                           value="货车"/>
                <el-option label="快递"
                           value="快递"/>
                     </el-select>
                  </el-form-item>
               </el-col>
            </el-row>
        <!-- 审批人选择(仿协同审批里的审批人节点选择) -->
        <el-row>
        <el-row :gutter="30">
          <el-col :span="24">
            <el-form-item>
              <template #label>
                <span>审批人选择:</span>
                <el-button type="primary" @click="addApproverNode" style="margin-left: 8px;">新增节点</el-button>
              </template>
              <div style="display: flex; align-items: flex-end; flex-wrap: wrap;">
                <div
                  v-for="(node, index) in approverNodes"
                  :key="node.id"
                  style="margin-right: 20px; text-align: center; margin-bottom: 10px;"
                >
                  <div>
                    <span>审批人</span>
                    →
                  </div>
                  <el-select
                    v-model="node.userId"
                    placeholder="选择人员"
                    filterable
                    style="width: 140px; margin-bottom: 8px;"
                  >
                    <el-option
                      v-for="user in userList"
                      :key="user.userId"
                      :label="user.nickName"
                      :value="user.userId"
                    />
                  </el-select>
                  <div>
                    <el-button
                      type="danger"
            <el-form-item label="批号:"
                          prop="batchNo">
              <el-table :data="deliveryForm.batchNoList"
                        border
                      size="small"
                      @click="removeApproverNode(index)"
                      v-if="approverNodes.length > 1"
                    >删除</el-button>
                  </div>
                </div>
              </div>
                        max-height="260"
                        style="width: 100%;">
                <el-table-column label="批号"
                                 prop="batchNo"
                                 min-width="180"/>
                <el-table-column label="数量"
                                 min-width="120"
                                 align="center">
                  <template #default="scope">
                    {{ getDeliveryBatchQuantity(scope.row) }}
                  </template>
                </el-table-column>
                <el-table-column label="发货数量"
                                 min-width="160"
                                 align="center">
                  <template #default="scope">
                    <el-input-number v-model="scope.row.deliveryQuantity"
                                     :min="0"
                                     :max="getDeliveryBatchDeliveryMax(scope.row)"
                                     :precision="2"
                                     :step="0.01"
                                     controls-position="right"
                                     @change="handleDeliveryBatchQuantityChange(scope.row)"
                                     style="width: 100%;"/>
                  </template>
                </el-table-column>
              </el-table>
            </el-form-item>
          </el-col>
        </el-row>
         </el-form>
         <template #footer>
            <div class="dialog-footer">
               <el-button type="primary" @click="submitDelivery">确认发货</el-button>
          <el-button type="primary"
                     @click="submitDelivery">确认发货
          </el-button>
               <el-button @click="closeDeliveryDia">取消</el-button>
            </div>
         </template>
@@ -659,11 +965,9 @@
import {onMounted, ref, getCurrentInstance} from "vue";
import { addShippingInfo } from "@/api/salesManagement/deliveryLedger.js";
import { ElMessageBox, ElMessage } from "element-plus";
import { UploadFilled, Download } from "@element-plus/icons-vue";
import useUserStore from "@/store/modules/user";
import { userListNoPage } from "@/api/system/user.js";
import FileListDialog from '@/components/Dialog/FileListDialog.vue';
import FormDialog from '@/components/Dialog/FormDialog.vue';
import FormDialog from "@/components/Dialog/FormDialog.vue";
import { getQuotationList } from "@/api/salesManagement/salesQuotation.js";
import {
   ledgerListPage,
@@ -674,15 +978,24 @@
   delLedger,
   addOrUpdateSalesLedgerProduct,
   delProduct,
   delLedgerFile, getProductInventory,
  delLedgerFile,
  getProductInventory,
} from "@/api/salesManagement/salesLedger.js";
import {getStockInventoryByModelId} from "@/api/inventoryManagement/stockInventory.js";
import { modelList, productTreeList } from "@/api/basicData/product.js";
import useFormData from "@/hooks/useFormData.js";
import dayjs from "dayjs";
import FileUpload from "@/components/AttachmentUpload/file/index.vue";
import { getCurrentDate } from "@/utils/index.js";
import {listCustomer} from "@/api/basicData/customer.js";
const FileList = defineAsyncComponent(() => import("@/components/Dialog/FileList.vue"));
const router = useRouter();
const route = useRoute();
const userStore = useUserStore();
const { proxy } = getCurrentInstance();
const { tax_rate } = proxy.useDict("tax_rate");
const tableData = ref([]);
const productData = ref([]);
const selectedRows = ref([]);
@@ -720,6 +1033,7 @@
      maintenanceTime: "",
      productData: [],
      executionDate: "",
    hasProductionRecord: false,
   },
   rules: {
      salesman: [{ required: true, message: "请选择", trigger: "change" }],
@@ -747,6 +1061,7 @@
      taxInclusiveTotalPrice: "",
      taxExclusiveTotalPrice: "",
      invoiceType: "",
    isProduction: false,
   },
   productRules: {
      productCategory: [{ required: true, message: "请选择", trigger: "change" }],
@@ -767,17 +1082,12 @@
         { required: true, message: "请输入", trigger: "blur" },
      ],
      invoiceType: [{ required: true, message: "请选择", trigger: "change" }],
    isProduction: [{required: true, message: "请选择", trigger: "change"}],
   },
});
const { productForm, productRules } = toRefs(productFormData);
// 防止循环计算的标志
const isCalculating = ref(false);
const upload = reactive({
   // 上传的地址
   url: import.meta.env.VITE_APP_BASE_API + "/file/upload",
   // 设置上传的请求头部
   headers: { Authorization: "Bearer " + getToken() },
});
// 打印相关
const printPreviewVisible = ref(false);
const printData = ref([]);
@@ -801,27 +1111,74 @@
// 发货相关
const deliveryFormVisible = ref(false);
const currentDeliveryRow = ref(null);
const getDeliveryBatchQuantity = item => {
  const quantity = item?.qualitity
      ?? item?.quantity
      ?? item?.unLockedQuantity
      ?? item?.qualifiedUnLockedQuantity
      ?? item?.qualifiedQuantity
      ?? item?.stockQuantity;
  return quantity ?? 0;
};
const getCurrentDeliveryRowQuantity = () => {
  return Number(currentDeliveryRow.value?.noQuantity || 0);
};
const getDeliveryBatchDeliveryMax = row => {
  const productQuantity = getCurrentDeliveryRowQuantity();
  const batchQuantity = Number(getDeliveryBatchQuantity(row) || 0);
  const otherBatchTotal = (deliveryForm.value.batchNoList || []).reduce(
      (sum, item) => {
        if (item?.id === row?.id) return sum;
        return sum + Number(item?.deliveryQuantity || 0);
      },
      0
  );
  const remainingProductQuantity = Math.max(
      0,
      productQuantity - otherBatchTotal
  );
  return Math.max(0, Math.min(batchQuantity, remainingProductQuantity));
};
const handleDeliveryBatchQuantityChange = row => {
  const max = getDeliveryBatchDeliveryMax(row);
  const currentValue = Number(row?.deliveryQuantity || 0);
  if (currentValue > max) {
    row.deliveryQuantity = max;
    proxy.$modal.msgWarning("发货数量不能超过这个产品的数量");
  }
};
const getSelectedDeliveryBatchRows = () => {
  return (deliveryForm.value.batchNoList || []).filter(
      item => Number(item?.deliveryQuantity || 0) > 0
  );
};
const getDeliveryBatchNoList = async productModelId => {
  if (!productModelId) return [];
  const res = await getStockInventoryByModelId(productModelId);
  const rawList = Array.isArray(res?.data)
      ? res.data
      : res?.data?.records || res?.data?.rows || [];
  const seenIds = new Set();
  return rawList.filter(item => {
    if (!item?.id || !item?.batchNo || seenIds.has(item.id)) {
      return false;
    }
    seenIds.add(item.id);
    return true;
  }).map(item => ({
    ...item,
    deliveryQuantity: 0,
  }));
};
const deliveryFormData = reactive({
  deliveryForm: {
    type: "货车", // 货车, 快递
  },
  deliveryRules: {
    type: [
      { required: true, message: "请选择发货类型", trigger: "change" }
    ]
    type: [{required: true, message: "请选择发货类型", trigger: "change"}],
  },
});
const { deliveryForm, deliveryRules } = toRefs(deliveryFormData);
// 发货审批人节点(仿协同审批 infoFormDia.vue)
const approverNodes = ref([{ id: 1, userId: null }]);
let nextApproverId = 2;
const addApproverNode = () => {
  approverNodes.value.push({ id: nextApproverId++, userId: null });
};
const removeApproverNode = (index) => {
  approverNodes.value.splice(index, 1);
};
// 导入相关
const importUploadRef = ref(null);
@@ -831,8 +1188,8 @@
   url: import.meta.env.VITE_APP_BASE_API + "/sales/ledger/import",
   headers: { Authorization: "Bearer " + getToken() },
   isUploading: false,
   beforeUpload: (file) => {
      const isExcel = file.name.endsWith('.xlsx') || file.name.endsWith('.xls');
  beforeUpload: file => {
    const isExcel = file.name.endsWith(".xlsx") || file.name.endsWith(".xls");
      const isLt10M = file.size / 1024 / 1024 < 10;
      if (!isExcel) {
         proxy.$modal.msgError("上传文件只能是 xlsx/xls 格式!");
@@ -845,13 +1202,13 @@
      return true;
   },
   onChange: (file, fileList) => {
      console.log('文件状态改变', file, fileList);
    console.log("文件状态改变", file, fileList);
   },
   onProgress: (event, file, fileList) => {
      console.log('上传中...', event.percent);
    console.log("上传中...", event.percent);
   },
   onSuccess: (response, file, fileList) => {
      console.log('上传成功', response, file, fileList);
    console.log("上传成功", response, file, fileList);
      importUpload.isUploading = false;
      if (response.code === 200) {
         proxy.$modal.msgSuccess("导入成功");
@@ -865,13 +1222,13 @@
      }
   },
   onError: (error, file, fileList) => {
      console.error('上传失败', error, file, fileList);
    console.error("上传失败", error, file, fileList);
      importUpload.isUploading = false;
      proxy.$modal.msgError("导入失败,请重试");
   },
});
const changeDaterange = (value) => {
const changeDaterange = value => {
   if (value) {
      searchForm.entryDateStart = dayjs(value[0]).format("YYYY-MM-DD");
      searchForm.entryDateEnd = dayjs(value[1]).format("YYYY-MM-DD");
@@ -893,7 +1250,7 @@
   expandedRowKeys.value = [];
   getList();
};
const paginationChange = (obj) => {
const paginationChange = obj => {
   page.current = obj.page;
   page.size = obj.limit;
   getList();
@@ -906,10 +1263,10 @@
   // 移除录入日期的默认值设置,只保留范围日期字段
   delete params.entryDate;
   return ledgerListPage(params)
      .then((res) => {
      .then(res => {
         tableLoading.value = false;
         tableData.value = res.records;
         tableData.value.map((item) => {
        tableData.value.map(item => {
            item.children = [];
         });
         total.value = res.total;
@@ -922,23 +1279,79 @@
// 获取产品大类tree数据
const getProductOptions = () => {
   // 返回 Promise,便于在编辑产品时等待加载完成
   return productTreeList().then((res) => {
  return productTreeList().then(res => {
      productOptions.value = convertIdToValue(res);
      return productOptions.value;
   });
};
const formattedNumber = (row, column, cellValue) => {
  if (cellValue === undefined || cellValue === null || cellValue === "") {
    return "0.00";
  }
   return parseFloat(cellValue).toFixed(2);
};
const findLedgerRecordByRow = row => {
  if (!row) return null;
  if (
      row.maintainer !== undefined ||
      row.maintainerName !== undefined ||
      row.entryPerson !== undefined ||
      row.entryPersonName !== undefined
  ) {
    return row;
  }
  if (row.salesLedgerId !== undefined && row.salesLedgerId !== null) {
    return (
        tableData.value.find(
            item => String(item.id) === String(row.salesLedgerId)
        ) || null
    );
  }
  return null;
};
const isCurrentUserMaintainer = row => {
  const ledgerRecord = findLedgerRecordByRow(row);
  if (!ledgerRecord) return true;
  const currentUserId = String(userStore.id ?? "");
  const currentNickName = String(userStore.nickName ?? "").trim();
  const maintainerId = ledgerRecord.maintainerId ?? ledgerRecord.entryPerson;
  const maintainerName =
      ledgerRecord.maintainerName ??
      ledgerRecord.maintainer ??
      ledgerRecord.entryPersonName;
  if (
      maintainerId !== undefined &&
      maintainerId !== null &&
      String(maintainerId) !== ""
  ) {
    return String(maintainerId) === currentUserId;
  }
  if (
      maintainerName !== undefined &&
      maintainerName !== null &&
      String(maintainerName).trim() !== ""
  ) {
    return String(maintainerName).trim() === currentNickName;
  }
  return true;
};
const canEditLedger = row => isCurrentUserMaintainer(row);
const canDeleteLedger = row => isCurrentUserMaintainer(row);
const sensitiveAmountFormatter = (row, column, cellValue) => {
  if (!isCurrentUserMaintainer(row)) {
    return "*****";
  }
  return formattedNumber(row, column, cellValue);
};
// 获取tree子数据
const getModels = (value) => {
const getModels = value => {
   productForm.value.productCategory = findNodeById(productOptions.value, value);
   modelList({ id: value }).then((res) => {
  modelList({id: value}).then(res => {
      modelOptions.value = res;
   });
};
const getProductModel = (value) => {
   const index = modelOptions.value.findIndex((item) => item.id === value);
const getProductModel = value => {
  const index = modelOptions.value.findIndex(item => item.id === value);
   if (index !== -1) {
      productForm.value.specificationModel = modelOptions.value[index].model;
      productForm.value.unit = modelOptions.value[index].unit;
@@ -961,8 +1374,9 @@
   }
   return null; // 没有找到节点,返回null
};
function convertIdToValue(data) {
   return data.map((item) => {
  return data.map(item => {
      const { id, children, ...rest } = item;
      const newItem = {
         ...rest,
@@ -975,6 +1389,7 @@
      return newItem;
   });
}
// 根据名称反查产品大类 id,便于仅存名称时的反显
function findNodeIdByLabel(nodes, label) {
   if (!label) return null;
@@ -988,13 +1403,14 @@
   }
   return null;
}
// 表格选择数据
const handleSelectionChange = (selection) => {
const handleSelectionChange = selection => {
   // 过滤掉子数据
   selectedRows.value = selection.filter((item) => item.children !== undefined);
  selectedRows.value = selection.filter(item => item.children !== undefined);
   console.log("selection", selectedRows.value);
};
const productSelected = (selectedRows) => {
const productSelected = selectedRows => {
   productSelectedRows.value = selectedRows;
};
const expandedRowKeys = ref([]);
@@ -1003,8 +1419,8 @@
   if (expandedRows.length > 0) {
      expandedRowKeys.value = [];
      try {
         productList({ salesLedgerId: row.id, type: 1 }).then((res) => {
            const index = tableData.value.findIndex((item) => item.id === row.id);
      productList({salesLedgerId: row.id, type: 1}).then(res => {
        const index = tableData.value.findIndex(item => item.id === row.id);
            if (index > -1) {
               tableData.value[index].children = res.data;
            }
@@ -1020,22 +1436,22 @@
// 添加表行类名方法
const tableRowClassName = ({ row }) => {
  if (!row.deliveryDate) return '';
  if (row.isFh) return '';
  if (!row.deliveryDate) return "";
  if (row.isFh) return "";
  const diff = row.deliveryDaysDiff;
  if (diff === 15) {
    return 'yellow';
    return "yellow";
  } else if (diff === 10) {
    return 'pink';
    return "pink";
  } else if (diff === 2) {
    return 'purple';
    return "purple";
  } else if (diff < 2) {
    return 'red';
    return "red";
  }
};
// 主表合计方法
const summarizeMainTable = (param) => {
const summarizeMainTable = param => {
   return proxy.summarizeTable(param, [
      "contractAmount",
      "taxInclusiveTotalPrice",
@@ -1043,7 +1459,25 @@
   ]);
};
// 子表合计方法
const summarizeChildrenTable = (param) => {
const summarizeChildrenTable = (param, parentRow) => {
  if (!isCurrentUserMaintainer(parentRow)) {
    const {columns} = param;
    return columns.map((column, index) => {
      if (index === 0) {
        return "合计";
      }
      if (
          [
            "taxInclusiveUnitPrice",
            "taxInclusiveTotalPrice",
            "taxExclusiveTotalPrice",
          ].includes(column.property)
      ) {
        return "*****";
      }
      return "";
    });
  }
   return proxy.summarizeTable(param, [
      "taxInclusiveUnitPrice",
      "taxInclusiveTotalPrice",
@@ -1052,14 +1486,18 @@
};
// 打开弹框
const openForm = async (type, row) => {
  if (type === "edit" && row && !canEditLedger(row)) {
    proxy.$modal.msgWarning("当前系统登录人不是维护人,不能编辑数据");
    return;
  }
   operationType.value = type;
   form.value = {};
   productData.value = [];
   selectedQuotation.value = null;
   let userLists = await userListNoPage();
   userList.value = userLists.data;
   customerList().then((res) => {
      customerOption.value = res;
  listCustomer({current: -1, size: -1}).then(res => {
    customerOption.value = res.data.records;
   });
   form.value.entryPerson = userStore.id;
   if (type === "add") {
@@ -1069,11 +1507,11 @@
      form.value.executionDate = getCurrentDate();
   } else {
      currentId.value = row.id;
      getSalesLedgerWithProducts({ id: row.id, type: 1 }).then((res) => {
    getSalesLedgerWithProducts({id: row.id, type: 1}).then(res => {
         form.value = { ...res };
         form.value.entryPerson = Number(res.entryPerson);
         productData.value = form.value.productData;
         fileList.value = form.value.salesLedgerFiles;
      fileList.value = form.value.storageBlobVOs;
      });
   }
   // let userAll = await userStore.getInfo()
@@ -1095,8 +1533,9 @@
   // 先确保客户列表已加载,便于后续回填 customerId
   if (!customerOption.value || customerOption.value.length === 0) {
      try {
         const res = await customerList();
         customerOption.value = res;
      listCustomer({current: -1, size: -1}).then(res => {
        customerOption.value = res.data.records;
      });
      } catch (e) {
         // ignore,允许用户后续手动选择客户
      }
@@ -1130,14 +1569,14 @@
};
// 报价单弹框分页切换
const quotationPaginationChange = (obj) => {
const quotationPaginationChange = obj => {
   quotationPage.current = obj.page;
   quotationPage.size = obj.limit;
   fetchQuotationList();
};
// 选中报价单后回填到台账表单
const applyQuotation = (row) => {
const applyQuotation = row => {
   if (!row) return;
   selectedQuotation.value = row;
   
@@ -1146,9 +1585,13 @@
   
   // 客户名称 -> customerId
   const qCustomerName = String(row.customer || "").trim();
   const customer = (customerOption.value || []).find((c) => {
  const customer = (customerOption.value || []).find(c => {
      const name = String(c.customerName || "").trim();
      return name === qCustomerName || name.includes(qCustomerName) || qCustomerName.includes(name);
    return (
        name === qCustomerName ||
        name.includes(qCustomerName) ||
        qCustomerName.includes(name)
    );
   });
   if (customer?.id) {
      form.value.customerId = customer.id;
@@ -1159,12 +1602,15 @@
   
   // 产品信息映射:报价 products -> 台账 productData
   const products = Array.isArray(row.products) ? row.products : [];
   productData.value = products.map((p) => {
  productData.value = products.map(p => {
      const quantity = Number(p.quantity ?? 0) || 0;
      const unitPrice = Number(p.unitPrice ?? 0) || 0;
      const taxRate = "13"; // 默认 13%,便于直接提交(如需可在产品中自行修改)
      const taxInclusiveTotalPrice = (unitPrice * quantity).toFixed(2);
      const taxExclusiveTotalPrice = proxy.calculateTaxExclusiveTotalPrice(taxInclusiveTotalPrice, taxRate);
    const taxExclusiveTotalPrice = proxy.calculateTaxExclusiveTotalPrice(
        taxInclusiveTotalPrice,
        taxRate
    );
      return {
         // 台账字段
         productCategory: p.product || p.productName || "",
@@ -1176,70 +1622,34 @@
         taxInclusiveTotalPrice: taxInclusiveTotalPrice,
         taxExclusiveTotalPrice: taxExclusiveTotalPrice,
         invoiceType: "增普票",
      isProduction: true,
      };
   });
   
   quotationDialogVisible.value = false;
};
function changs(val) {
   console.log(val);
}
// 上传前校检
function handleBeforeUpload(file) {
   // 校检文件大小
   // if (file.size > 1024 * 1024 * 10) {
   //   proxy.$modal.msgError("上传文件大小不能超过10MB!");
   //   return false;
   // }
   proxy.$modal.loading("正在上传文件,请稍候...");
   return true;
}
// 上传失败
function handleUploadError(err) {
   proxy.$modal.msgError("上传文件失败");
   proxy.$modal.closeLoading();
}
// 上传成功回调
function handleUploadSuccess(res, file, uploadFiles) {
   proxy.$modal.closeLoading();
   if (res.code === 200) {
      file.tempId = res.data.tempId;
      proxy.$modal.msgSuccess("上传成功");
   } else {
      proxy.$modal.msgError(res.msg);
      proxy.$refs.fileUpload.handleRemove(file);
   }
}
// 移除文件
function handleRemove(file) {
   if (operationType.value === "edit") {
      let ids = [];
      ids.push(file.id);
      delLedgerFile(ids).then((res) => {
         proxy.$modal.msgSuccess("删除成功");
      });
   }
}
// 提交表单
const submitForm = () => {
   proxy.$refs["formRef"].validate((valid) => {
  proxy.$refs["formRef"].validate(valid => {
      if (valid) {
         console.log('productData.value--', productData.value)
      console.log("productData.value--", productData.value);
         if (productData.value !== null && productData.value.length > 0) {
            form.value.productData = proxy.HaveJson(productData.value);
         } else {
            proxy.$modal.msgWarning("请添加产品信息");
            return;
         }
         let tempFileIds = [];
         if (fileList.value !== null && fileList.value.length > 0) {
            tempFileIds = fileList.value.map((item) => item.tempId);
         }
         form.value.tempFileIds = tempFileIds;
      form.value.storageBlobDTOs = fileList;
         form.value.type = 1;
         addOrUpdateSalesLedger(form.value).then((res) => {
      addOrUpdateSalesLedger(form.value).then(res => {
            proxy.$modal.msgSuccess("提交成功");
            closeDia();
        expandedRowKeys.value = [];
            getList();
         });
      }
@@ -1262,22 +1672,29 @@
   
   productOperationType.value = type;
   productForm.value = {};
  if (type === "add") {
    productForm.value.isProduction = true;
  }
   proxy.resetForm("productFormRef");
   if (type === "edit") {
      productForm.value = { ...row };
      productIndex.value = index;
      // 编辑时根据产品大类名称反查 tree 节点 id,并加载规格型号列表
      try {
         const options = productOptions.value && productOptions.value.length > 0
      const options =
          productOptions.value && productOptions.value.length > 0
            ? productOptions.value
            : await getProductOptions();
         const categoryId = findNodeIdByLabel(options, productForm.value.productCategory);
      const categoryId = findNodeIdByLabel(
          options,
          productForm.value.productCategory
      );
         if (categoryId) {
            const models = await modelList({ id: categoryId });
            modelOptions.value = models || [];
            // 根据当前规格型号名称反查并设置 productModelId,便于下拉框显示已选值
            const currentModel = (modelOptions.value || []).find(
               (m) => m.model === productForm.value.specificationModel
            m => m.model === productForm.value.specificationModel
            );
            if (currentModel) {
               productForm.value.productModelId = currentModel.id;
@@ -1288,13 +1705,13 @@
         console.error("加载产品规格型号失败", e);
      }
   } else {
      getProductOptions()
    getProductOptions();
   }
   productFormVisible.value = true;
};
// 提交产品表单
const submitProduct = () => {
   proxy.$refs["productFormRef"].validate((valid) => {
  proxy.$refs["productFormRef"].validate(valid => {
      if (valid) {
         if (operationType.value === "edit") {
            submitProductEdit();
@@ -1302,7 +1719,7 @@
            if(productOperationType.value === "add"){
               productData.value.push({ ...productForm.value });
            }else{
               productData.value[productIndex.value] = { ...productForm.value }
          productData.value[productIndex.value] = {...productForm.value};
            }
            closeProductDia();
         }
@@ -1311,11 +1728,11 @@
};
const submitProductEdit = () => {
   productForm.value.salesLedgerId = currentId.value;
   productForm.value.type = 1
   addOrUpdateSalesLedgerProduct(productForm.value).then((res) => {
  productForm.value.type = 1;
  addOrUpdateSalesLedgerProduct(productForm.value).then(res => {
      proxy.$modal.msgSuccess("提交成功");
      closeProductDia();
      getSalesLedgerWithProducts({ id: currentId.value, type: 1 }).then((res) => {
    getSalesLedgerWithProducts({id: currentId.value, type: 1}).then(res => {
         productData.value = res.productData;
      });
   });
@@ -1328,16 +1745,18 @@
   }
   
   // 检查是否有已发货或审核通过的产品
   const shippedProducts = productSelectedRows.value.filter(row => isProductShipped(row));
  const shippedProducts = productSelectedRows.value.filter(row =>
      isProductShipped(row)
  );
   if (shippedProducts.length > 0) {
      proxy.$modal.msgWarning("已发货或审核通过的产品不能删除");
      return;
   }
   
   if (operationType.value === "add") {
      productSelectedRows.value.forEach((selectedRow) => {
    productSelectedRows.value.forEach(selectedRow => {
         const index = productData.value.findIndex(
            (product) => product.id === selectedRow.id
          product => product.id === selectedRow.id
         );
         if (index !== -1) {
            productData.value.splice(index, 1);
@@ -1346,7 +1765,7 @@
   } else {
      let ids = [];
      if (productSelectedRows.value.length > 0) {
         ids = productSelectedRows.value.map((item) => item.id);
      ids = productSelectedRows.value.map(item => item.id);
      }
      ElMessageBox.confirm("选中的内容将被删除,是否确认删除?", "导出", {
         confirmButtonText: "确认",
@@ -1354,11 +1773,11 @@
         type: "warning",
      })
         .then(() => {
            delProduct(ids).then((res) => {
          delProduct(ids).then(res => {
               proxy.$modal.msgSuccess("删除成功");
               closeProductDia();
               getSalesLedgerWithProducts({ id: currentId.value, type: 1 }).then(
                  (res) => {
                res => {
                     productData.value = res.productData;
                  }
               );
@@ -1409,7 +1828,7 @@
      });
};
/** 判断单个产品是否已发货(根据shippingStatus判断,已发货或审核通过不可编辑和删除) */
const isProductShipped = (product) => {
const isProductShipped = product => {
   if (!product) return false;
   const status = String(product.shippingStatus || "").trim();
   // 如果发货状态是"已发货"或"审核通过",则不可编辑和删除
@@ -1417,14 +1836,16 @@
};
/** 判断销售订单下是否存在已发货/发货完成的产品(不可删除) */
const hasShippedProducts = (products) => {
const hasShippedProducts = products => {
   if (!products || !products.length) return false;
   return products.some((p) => {
  return products.some(p => {
      const status = String(p.shippingStatus || "").trim();
      // 有发货日期或车牌号视为已发货
      if (p.shippingDate || p.shippingCarNumber) return true;
      // 已进行发货、发货完成、已发货 均不可删除
      return status === "已进行发货" || status === "发货完成" || status === "已发货";
    return (
        status === "已进行发货" || status === "发货完成" || status === "已发货"
    );
   });
};
@@ -1434,12 +1855,20 @@
      proxy.$modal.msgWarning("请选择数据");
      return;
   }
   const ids = selectedRows.value.map((item) => item.id);
  const unauthorizedRows = selectedRows.value.filter(
      row => !canDeleteLedger(row)
  );
  if (unauthorizedRows.length > 0) {
    proxy.$modal.msgWarning("当前登录用户不是录入人,不能删除该数据");
    return;
  }
  const ids = selectedRows.value.map(item => item.id);
   // 检查是否有已进行发货或发货完成的销售订单,若有则不允许删除
   const cannotDeleteNames = [];
   for (const row of selectedRows.value) {
      let products = row.children && row.children.length > 0 ? row.children : null;
    let products =
        row.children && row.children.length > 0 ? row.children : null;
      if (!products) {
         try {
            const res = await productList({ salesLedgerId: row.id, type: 1 });
@@ -1453,7 +1882,9 @@
      }
   }
   if (cannotDeleteNames.length > 0) {
      proxy.$modal.msgWarning("已进行发货或发货完成的销售订单不能删除:" + cannotDeleteNames.join("、"));
    proxy.$modal.msgWarning(
        "已进行发货或发货完成的销售订单不能删除:" + cannotDeleteNames.join("、")
    );
      return;
   }
@@ -1463,7 +1894,7 @@
      type: "warning",
   })
      .then(() => {
         delLedger(ids).then((res) => {
        delLedger(ids).then(res => {
            proxy.$modal.msgSuccess("删除成功");
            getList();
         });
@@ -1490,12 +1921,15 @@
      for (const row of selectedRows.value) {
         try {
            // 调用productList接口查询产品数据
            const productRes = await productList({ salesLedgerId: row.id, type: 1 });
        const productRes = await productList({
          salesLedgerId: row.id,
          type: 1,
        });
            
            // 将产品数据整合到销售台账记录中
            const rowWithProducts = {
               ...row,
               products: productRes.data || []
          products: productRes.data || [],
            };
            
            printDataWithProducts.push(rowWithProducts);
@@ -1504,17 +1938,16 @@
            // 即使某个记录的产品数据获取失败,也要包含该记录
            printDataWithProducts.push({
               ...row,
               products: []
          products: [],
            });
         }
      }
      
      printData.value = printDataWithProducts;
      console.log('打印数据(包含产品):', printData.value);
    console.log("打印数据(包含产品):", printData.value);
      printPreviewVisible.value = true;
   } catch (error) {
      console.error('获取产品数据失败:', error);
    console.error("获取产品数据失败:", error);
      proxy.$modal.msgError("获取产品数据失败,请重试");
   } finally {
      proxy.$modal.closeLoading();
@@ -1522,11 +1955,11 @@
};
// 执行打印
const executePrint = () => {
   console.log('开始执行打印,数据条数:', printData.value.length);
   console.log('打印数据:', printData.value);
  console.log("开始执行打印,数据条数:", printData.value.length);
  console.log("打印数据:", printData.value);
   
   // 创建一个新的打印窗口
   const printWindow = window.open('', '_blank', 'width=800,height=600');
  const printWindow = window.open("", "_blank", "width=800,height=600");
   
   // 构建打印内容
   let printContent = `
@@ -1670,7 +2103,6 @@
      <div class="print-page">
        <div class="delivery-note">
          <div class="header">
            <div class="company-name">英泽防锈新材料有限公司</div>
            <div class="document-title">零售发货单</div>
          </div>
          
@@ -1678,16 +2110,23 @@
            <div class="info-row">
              <div>
                <span class="label">发货日期:</span>
                <span class="value">${formatDate(item.createTime)}</span>
                                                                <span class="value">${formatDate(
        item.createTime
    )}</span>
              </div>
              <div>
                <span class="label">客户名称:</span>
                <span class="value">${item.customerName || '张爱有'}</span>
                                                                <span class="value">${
        item.customerName
    }</span>
              </div>
            </div>
            <div class="info-row">
              <span class="label">单号:</span>
              <span class="value">${item.salesContractNo || ''}</span>
                                                              <span class="value">${
        item.salesContractNo ||
        ""
    }</span>
            </div>
          </div>
@@ -1704,18 +2143,43 @@
                </tr>
              </thead>
              <tbody>
                ${item.products && item.products.length > 0 ?
         item.products.map(product => `
                                                                ${
        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>
                                                                      <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>'
                                                                  `
                )
                .join("")
            : '<tr><td colspan="6" style="text-align: center; color: #999;">暂无产品数据</td></tr>'
      }
              </tbody>
              <tfoot>
@@ -1724,8 +2188,12 @@
                  <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>
                                                                  <td class="total-value">${getTotalQuantityForPrint(
        item.products
    )}</td>
                                                                  <td class="total-value">${getTotalAmountForPrint(
        item.products
    )}</td>
                </tr>
              </tfoot>
            </table>
@@ -1749,11 +2217,16 @@
            <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>
                <span class="value">${formatDateTime(new Date())}</span>
                                                                <span class="value">${formatDateTime(
        new Date()
    )}</span>
              </div>
            </div>
          </div>
@@ -1781,7 +2254,7 @@
   };
};
// 格式化日期
const formatDate = (dateString) => {
const formatDate = dateString => {
   if (!dateString) return getCurrentDate();
   const date = new Date(dateString);
   const year = date.getFullYear();
@@ -1790,7 +2263,7 @@
   return `${year}/${month}/${day}`;
};
// 格式化日期时间
const formatDateTime = (date) => {
const formatDateTime = date => {
   const year = date.getFullYear();
   const month = String(date.getMonth() + 1).padStart(2, "0");
   const day = String(date.getDate()).padStart(2, "0");
@@ -1800,8 +2273,8 @@
   return `${year}/${month}/${day} ${hours}:${minutes}:${seconds}`;
};
// 计算产品总数量
const getTotalQuantity = (products) => {
   if (!products || products.length === 0) return '0';
const getTotalQuantity = products => {
  if (!products || products.length === 0) return "0";
   const total = products.reduce((sum, product) => {
      return sum + (parseFloat(product.quantity) || 0);
   }, 0);
@@ -1809,8 +2282,8 @@
};
// 计算产品总金额
const getTotalAmount = (products) => {
   if (!products || products.length === 0) return '0';
const getTotalAmount = products => {
  if (!products || products.length === 0) return "0";
   const total = products.reduce((sum, product) => {
      return sum + (parseFloat(product.taxInclusiveTotalPrice) || 0);
   }, 0);
@@ -1818,16 +2291,16 @@
};
// 用于打印的计算函数
const getTotalQuantityForPrint = (products) => {
   if (!products || products.length === 0) return '0';
const getTotalQuantityForPrint = products => {
  if (!products || products.length === 0) return "0";
   const total = products.reduce((sum, product) => {
      return sum + (parseFloat(product.quantity) || 0);
   }, 0);
   return total.toFixed(2);
};
const getTotalAmountForPrint = (products) => {
   if (!products || products.length === 0) return '0';
const getTotalAmountForPrint = products => {
  if (!products || products.length === 0) return "0";
   const total = products.reduce((sum, product) => {
      return sum + (parseFloat(product.taxInclusiveTotalPrice) || 0);
   }, 0);
@@ -1894,7 +2367,9 @@
   }
   if (isCalculating.value) return;
   
   const exclusiveTotalPrice = parseFloat(productForm.value.taxExclusiveTotalPrice);
  const exclusiveTotalPrice = parseFloat(
      productForm.value.taxExclusiveTotalPrice
  );
   const quantity = parseFloat(productForm.value.quantity);
   const taxRate = parseFloat(productForm.value.taxRate);
   
@@ -1910,7 +2385,9 @@
   productForm.value.taxInclusiveTotalPrice = inclusiveTotalPrice.toFixed(2);
   
   // 计算含税单价 = 含税总价 / 数量
   productForm.value.taxInclusiveUnitPrice = (inclusiveTotalPrice / quantity).toFixed(2);
  productForm.value.taxInclusiveUnitPrice = (
      inclusiveTotalPrice / quantity
  ).toFixed(2);
   
   isCalculating.value = false;
};
@@ -1987,7 +2464,9 @@
   }
   if (isCalculating.value) return;
   
   const inclusiveTotalPrice = parseFloat(productForm.value.taxInclusiveTotalPrice);
  const inclusiveTotalPrice = parseFloat(
      productForm.value.taxInclusiveTotalPrice
  );
   const taxRate = parseFloat(productForm.value.taxRate);
   
   if (!inclusiveTotalPrice || !taxRate) {
@@ -1998,10 +2477,7 @@
   
   // 计算不含税总价
   productForm.value.taxExclusiveTotalPrice =
      proxy.calculateTaxExclusiveTotalPrice(
         inclusiveTotalPrice,
         taxRate
      );
      proxy.calculateTaxExclusiveTotalPrice(inclusiveTotalPrice, taxRate);
   
   isCalculating.value = false;
};
@@ -2009,62 +2485,62 @@
 * 获取发货状态文本
 * @param row 行数据
 */
const getShippingStatusText = (row) => {
const getShippingStatusText = row => {
   // 如果已发货(有发货日期或车牌号),显示"已发货"
   if (row.shippingDate || row.shippingCarNumber) {
      return '已发货';
   }
  // if (row.shippingDate || row.shippingCarNumber) {
  //   return "已发货";
  // }
   
   // 获取发货状态字段
   const status = row.shippingStatus;
   
   // 如果状态为空或未定义,默认为"待发货"
   if (status === null || status === undefined || status === '') {
      return '待发货';
  if (status === null || status === undefined || status === "") {
    return "待发货";
   }
   
   // 状态是字符串
   const statusStr = String(status).trim();
   const statusTextMap = {
      '待发货': '待发货',
      '待审核': '待审核',
      '审核中': '审核中',
      '审核拒绝': '审核拒绝',
      '审核通过': '审核通过',
      '已发货': '已发货'
    待发货: "待发货",
    待审核: "待审核",
    审核中: "审核中",
    审核拒绝: "审核拒绝",
    审核通过: "审核通过",
    已发货: "已发货",
   };
   return statusTextMap[statusStr] || '待发货';
  return statusTextMap[statusStr] || "待发货";
};
/**
 * 获取发货状态标签类型(颜色)
 * @param row 行数据
 */
const getShippingStatusType = (row) => {
const getShippingStatusType = row => {
   // 如果已发货(有发货日期或车牌号),显示绿色
   if (row.shippingDate || row.shippingCarNumber) {
      return 'success';
  if (row.shippingStatus === "已发货") {
    return "success";
   }
   
   // 获取发货状态字段
   const status = row.shippingStatus;
   
   // 如果状态为空或未定义,默认为灰色(待发货)
   if (status === null || status === undefined || status === '') {
      return 'info';
  if (status === null || status === undefined || status === "") {
    return "info";
   }
   
   // 状态是字符串
   const statusStr = String(status).trim();
   const typeTextMap = {
      '待发货': 'info',
      '待审核': 'info',
      '审核中': 'warning',
      '审核拒绝': 'danger',
      '审核通过': 'success',
      '已发货': 'success'
    待发货: "info",
    待审核: "info",
    审核中: "warning",
    审核拒绝: "danger",
    审核通过: "success",
    已发货: "success",
   };
   return typeTextMap[statusStr] || 'info';
  return typeTextMap[statusStr] || "info";
};
/**
@@ -2072,7 +2548,7 @@
 * 只有在产品状态是充足,发货状态是待发货和审核拒绝的时候才可以发货
 * @param row 行数据
 */
const canShip = (row) => {
const canShip = row => {
   // 产品状态必须是充足(approveStatus === 1)
   if (row.approveStatus !== 1) {
      return false;
@@ -2082,69 +2558,82 @@
   const shippingStatus = row.shippingStatus;
   
   // 如果已发货(有发货日期或车牌号),不能再次发货
   if (row.shippingDate || row.shippingCarNumber) {
  if (shippingStatus === "已发货") {
      return false;
   }
   
   // 发货状态必须是"待发货"或"审核拒绝"
   const statusStr = shippingStatus ? String(shippingStatus).trim() : '';
   return statusStr === '待发货' || statusStr === '审核拒绝';
  const statusStr = shippingStatus ? String(shippingStatus).trim() : "";
  return statusStr === "待发货" || statusStr === "审核拒绝";
};
/**
 * 下载文件
 *
 * @param row 下载文件的相关信息对象
 */
const fileListRef = ref(null)
const fileListDialogVisible = ref(false)
const downLoadFile = (row) => {
   getSalesLedgerWithProducts({ id: row.id, type: 1 }).then((res) => {
      if (fileListRef.value) {
         fileListRef.value.open(res.salesLedgerFiles)
      }
   });
// 打开附件弹窗
const recordId = ref(0)
const fileDialogVisible = ref(false)
// 打开附件弹框
const openFileDialog = async (row) => {
  recordId.value = row.id
  fileDialogVisible.value = true
}
// 打开发货弹框
const openDeliveryForm = (row) => {
const openDeliveryForm = async row => {
   // 检查是否可以发货
   if (!canShip(row)) {
      proxy.$modal.msgWarning("只有在产品状态是充足,发货状态是待发货或审核拒绝的时候才可以发货");
    proxy.$modal.msgWarning(
        "只有在产品状态是充足,发货状态是待发货或审核拒绝的时候才可以发货"
    );
      return;
   }
   
   currentDeliveryRow.value = row;
  const batchNoList = await getDeliveryBatchNoList(
      row.productModelId || row.modelId
  );
  deliveryForm.value = {
    type: "货车",
    batchNo: [],
    batchNoList,
  };
  // 重置审批人节点(默认一个空节点)
  approverNodes.value = [{ id: 1, userId: null }];
  nextApproverId = 2;
   deliveryFormVisible.value = true;
};
// 提交发货表单
const submitDelivery = () => {
  proxy.$refs["deliveryFormRef"].validate((valid) => {
  proxy.$refs["deliveryFormRef"].validate(valid => {
    if (valid) {
      // 审批人必填校验(所有节点都要选人)
      const hasEmptyApprover = approverNodes.value.some(node => !node.userId);
      if (hasEmptyApprover) {
        proxy.$modal.msgError("请为所有审批节点选择审批人!");
      const selectedBatchRows = getSelectedDeliveryBatchRows();
      if (selectedBatchRows.length === 0) {
        proxy.$modal.msgWarning("请至少填写一个批号的发货数量");
        return;
      }
      const approveUserIds = approverNodes.value.map(node => node.userId).join(",");
      const totalDeliveryQuantity = selectedBatchRows.reduce(
          (sum, item) => sum + Number(item.deliveryQuantity || 0),
          0
      );
      const currentRowQuantity = Number(currentDeliveryRow.value?.quantity || 0);
      if (currentRowQuantity > 0 && totalDeliveryQuantity > currentRowQuantity) {
        proxy.$modal.msgWarning("批号发货总数不能超过当前产品数量");
        return;
      }
      // 保存当前展开的行ID,以便发货后重新加载子表格数据
      const currentExpandedKeys = [...expandedRowKeys.value];
      const salesLedgerId = currentDeliveryRow.value.salesLedgerId;
      deliveryForm.value.batchNo = selectedBatchRows.map(item => item.id);
      const productModelId = currentDeliveryRow.value.productModelId || currentDeliveryRow.value.modelId;
      addShippingInfo({
        salesLedgerId: salesLedgerId,
        salesLedgerProductId: currentDeliveryRow.value.id,
        type: deliveryForm.value.type,
            approveUserIds,
      })
        .then(() => {
        batchNo: deliveryForm.value.batchNo,
        batchNoDetailList: selectedBatchRows.map(item => ({
          stockInventoryId: item.id,
          batchNo: item.batchNo,
          quantity: Number(item.deliveryQuantity || 0),
          productModelId: productModelId,
        })),
      }).then(() => {
          proxy.$modal.msgSuccess("发货成功");
          closeDeliveryDia();
          // 刷新主表数据
@@ -2153,12 +2642,16 @@
            if (currentExpandedKeys.length > 0) {
              // 使用 Promise.all 并行加载所有展开行的子表格数据
              const loadPromises = currentExpandedKeys.map(ledgerId => {
                return productList({ salesLedgerId: ledgerId, type: 1 }).then((res) => {
                  const index = tableData.value.findIndex((item) => item.id === ledgerId);
              return productList({salesLedgerId: ledgerId, type: 1}).then(
                  res => {
                    const index = tableData.value.findIndex(
                        item => item.id === ledgerId
                    );
                  if (index > -1) {
                    tableData.value[index].children = res.data;
                  }
                });
                  }
              );
              });
              Promise.all(loadPromises).then(() => {
                // 恢复展开状态
@@ -2166,7 +2659,7 @@
              });
            }
          });
        })
      });
    }
  });
};
@@ -2183,10 +2676,11 @@
   currentFactoryName.value = res.user.currentFactoryName;
};
onMounted(() => {
  searchForm.salesContractNo = route.query.salesContractNo;
   getList();
   userListNoPage().then(res => {
      userList.value = res.data;
   })
  });
   getCurrentFactoryName();
});
</script>
@@ -2196,20 +2690,20 @@
   margin-left: 10px;
}
::v-deep .yellow {
  background-color: #FAF0DE;
:deep(.yellow) {
  background-color: #faf0de;
}
::v-deep .pink {
  background-color: #FAE1DE;
:deep(.pink) {
  background-color: #fae1de;
}
::v-deep .red {
  background-color: #FAE1DE;
:deep(.red) {
  background-color: #fae1de;
}
::v-deep .purple{
  background-color: #F4DEFA;
:deep(.purple) {
  background-color: #f4defa;
}
.table_list {
@@ -2221,6 +2715,7 @@
   justify-content: space-between;
   margin-bottom: 10px;
}
.print-preview-dialog {
   .el-dialog__body {
      padding: 0;
@@ -2316,7 +2811,8 @@
      border-collapse: collapse;
      border: 1px solid #000;
      
      th, td {
    th,
    td {
         border: 1px solid #000;
         padding: 6px;
         text-align: center;