product-inventory-management.git

			@@ -6,10 +6,6 @@
			<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.customerContractNo" 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"
			@change="handleQuery" />
			@@ -29,49 +25,79 @@
			</div>
			<div class="table_list">
			<div class="actions">
			<div></div>
			<div>
			<OtherAmountMaintenanceButton />
			<ProcessFlowMaintenanceButton />
			</div>
			<ProcessFlowConfigSelectDialog
			v-model:visible="processFlowSelectDialogVisible"
			@confirm="handleProcessFlowSelectConfirm"
			/>
			<div>
			<el-button type="primary" @click="openForm('add')">
			新增台账
			</el-button>
			<el-button type="primary" @click="handleBulkDelivery">
			发货
			</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>
			</div>
			</div>
			<el-table :data="tableData" border v-loading="tableLoading" @selection-change="handleSelectionChange"
			:expand-row-keys="expandedRowKeys" :row-key="(row) => row.id" show-summary style="width: 100%"
			: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" />
			<el-table-column type="expand">
			<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" width="60" />
			<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">
			<el-table-column label="厚度" prop="thickness" min-width="90">
			<template #default="scope">
			<el-tag v-if="scope.row.approveStatus === 0" type="info">未出库</el-tag>
			<el-tag v-if="scope.row.approveStatus === 1" type="success">已出库</el-tag>
			<el-tag v-if="scope.row.approveStatus === 2" type="warning">审核中</el-tag>
			<el-tag v-if="scope.row.approveStatus === 3" type="success">审核成功</el-tag>
			<el-tag v-if="scope.row.approveStatus === 4" type="danger">审核失败</el-tag>
			{{ scope.row.thickness ?? "" }}
			</template>
			</el-table-column>
			<el-table-column label="产品状态"
			width="100px"
			align="center">
			<template #default="scope">

			<el-tag v-if="scope.row.approveStatus === 1 && (!scope.row.shippingDate \|\| !scope.row.shippingCarNumber)"
			type="success">充足</el-tag>
			<el-tag v-else-if="scope.row.approveStatus === 0 && (scope.row.shippingDate \|\| scope.row.shippingCarNumber)"
			type="success">已出库</el-tag>
			<el-tag v-else type="danger">不足</el-tag>
			</template>
			</el-table-column>
			<el-table-column label="发货状态" width="140" align="center">
			<template #default="scope">
			<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">
			<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 v-else type="info">-</el-tag>
			</div>
			</template>
			</el-table-column>
			<el-table-column label="发货日期" minWidth="100px" align="center">
			<el-table-column label="发货日期"
			minWidth="100px"
			align="center">
			<template #default="scope">
			<div>
			<div v-if="scope.row.shippingDate">{{ scope.row.shippingDate }}</div>
			<el-tag v-else type="info">未发货</el-tag>
			<el-tag v-else
			type="info">-</el-tag>
			</div>
			</template>
			</el-table-column>
			@@ -81,17 +107,22 @@
			<el-table-column label="含税总价(元)" prop="taxInclusiveTotalPrice" :formatter="formattedNumber" />
			<el-table-column label="不含税总价(元)" prop="taxExclusiveTotalPrice" :formatter="formattedNumber" />
			<!--操作-->
			<el-table-column Width="60px" label="操作" align="center">
			<!-- <el-table-column Width="60px" label="操作" align="center">
			<template #default="scope">
			<el-button :disabled="scope.row.approveStatus!==2 \|\| scope.row.approveStatus!==5" link type="primary" size="small" @click="openDeliveryForm(scope.row)">发货</el-button>
			<el-button
			link
			type="primary"
			:disabled="!canShip(scope.row)"
			@click="openDeliveryForm(scope.row)">
			发货
			</el-button>
			</template>
			</el-table-column>
			</el-table-column> -->
			</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="customerContractNo" 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 />
			@@ -101,21 +132,30 @@
			<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 fixed="right" label="操作" min-width="100" align="center">
			<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="200" align="center">
			<template #default="scope">
			<el-button link type="primary" size="small" @click="openForm('edit', scope.row)">编辑</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">编辑</el-button>
			<el-button link type="primary" @click="openProcessFlowSelect(scope.row)" :disabled="!scope.row.isEdit">工艺路线</el-button>
			<el-button link type="primary" @click="downLoadFile(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" />
			</div>
			<el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '新增销售台账页面' : '编辑销售台账页面'" width="70%"
			@close="closeDia">
			<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-button>
			</el-col>
			</el-row>
			<el-row :gutter="30">
			<el-col :span="12">
			<el-form-item label="销售合同号：" prop="salesContractNo">
			@@ -133,11 +173,6 @@
			</el-row>
			<el-row :gutter="30">
			<el-col :span="12">
			<el-form-item label="客户合同号：" prop="customerContractNo">
			<el-input v-model="form.customerContractNo" placeholder="请输入" clearable :disabled="operationType === 'view'"/>
			</el-form-item>
			</el-col>
			<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">
			@@ -148,183 +183,594 @@
			</el-select>
			</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>
			</el-col>
			</el-row>
			<el-row :gutter="30">
			<el-col :span="12">
			<el-form-item label="项目名称：" prop="projectName">
			<el-input v-model="form.projectName" placeholder="请输入" clearable :disabled="operationType === 'view'" />
			</el-form-item>
			</el-col>
			<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>
			</el-col>
			</el-row>
			<el-row :gutter="30">
			<el-col :span="12">
			<el-form-item label="付款方式">
			<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-select v-model="form.entryPerson" placeholder="请选择" clearable @change="changs" disabled>
			<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" />
			</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>
			</el-col>
			</el-row>
			<el-row :gutter="30">
			<el-col :span="12">
			<el-form-item label="付款方式">
			<el-input v-model="form.paymentMethod" placeholder="请输入" clearable :disabled="operationType === 'view'" />
			</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>
			</el-row>
			<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" 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'">
			<template #default="scope">
			<el-button link type="primary" size="small" @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="remark">
			<el-input v-model="form.remark" 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="remark">
			<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>
			</el-col>
			</el-row>
			</el-form>
			<template #footer>
			<div class="dialog-footer">
			<el-button type="primary" @click="submitForm">确认</el-button>
			<el-button @click="closeDia">取消</el-button>
			</div>
			</template>
			</el-dialog>
			<el-dialog v-model="productFormVisible" :title="productOperationType === 'add' ? '新增产品' : '编辑产品'" width="40%"
			@close="closeProductDia">
			<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>
			</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">
			<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>
			</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>
			</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>
			</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>
			</el-row>
			<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'"
			: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="thickness" min-width="90">
			<template #default="scope">
			{{ scope.row.thickness ?? "" }}
			</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 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>
			</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>
			</el-col>
			</el-row>
			<el-row :gutter="30">
			<el-col :span="24">
			<el-form-item label="客户备注：" prop="customerRemarks">
			<el-input
			v-model="form.customerRemarks"
			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>
			</el-col>
			</el-row>
			</el-form>
			</FormDialog>

			<!-- 从报价单导入（仅审批通过） -->
			<el-dialog
			v-model="quotationDialogVisible"
			title="选择审批通过的销售报价单"
			width="80%"
			:close-on-click-modal="false"
			>
			<div style="margin-bottom: 12px; display:flex; gap: 12px; align-items:center;">
			<el-input
			v-model="quotationSearchForm.quotationNo"
			placeholder="请输入报价单号"
			clearable
			style="max-width: 260px;"
			@change="fetchQuotationList"
			/>
			<el-input
			v-model="quotationSearchForm.customer"
			placeholder="请输入客户名称"
			clearable
			style="max-width: 260px;"
			@change="fetchQuotationList"
			/>
			<el-button type="primary" @click="fetchQuotationList">搜索</el-button>
			<el-button @click="resetQuotationSearch">重置</el-button>
			</div>

			<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">
			<template #default="scope">
			{{ Number(scope.row.totalAmount ?? 0).toFixed(2) }}
			</template>
			</el-table-column>
			<el-table-column fixed="right" label="操作" width="120" align="center">
			<template #default="scope">
			<el-button type="primary" link @click="applyQuotation(scope.row)">选择</el-button>
			</template>
			</el-table-column>
			</el-table>

			<pagination
			v-show="quotationPage.total > 0"
			:total="quotationPage.total"
			layout="total, sizes, prev, pager, next, jumper"
			:page="quotationPage.current"
			:limit="quotationPage.size"
			@pagination="quotationPaginationChange"
			/>

			<template #footer>
			<el-button @click="quotationDialogVisible = false">关闭</el-button>
			</template>
			</el-dialog>
			<FormDialog
			v-model="productFormVisible"
			:title="productOperationType === 'add' ? '新增产品' : '编辑产品'"
			:width="'60%'"
			:operation-type="productOperationType"
			@close="closeProductDia"
			@confirm="submitProduct"
			@cancel="closeProductDia">
			<el-form :model="productForm" label-width="140px" label-position="top" :rules="productRules" ref="productFormRef">
			<!-- 每行三个：产品大类/规格型号/单位 -->
			<el-row :gutter="30">
			<el-col :span="8">
			<el-form-item label="产品大类：" prop="productCategory">
			<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>
			</el-col>
			<el-col :span="8">
			<el-form-item label="规格型号：" prop="productModelId">
			<el-select
			v-model="productForm.productModelId"
			placeholder="请选择"
			clearable
			@change="getProductModel"
			filterable
			style="width: 100%"
			>
			<el-option v-for="item in modelOptions" :key="item.id" :label="item.model" :value="item.id" />
			</el-select>
			</el-form-item>
			</el-col>
			<el-col :span="8">
			<el-form-item label="厚度：" prop="thickness">
			<el-input-number
			v-model="productForm.thickness"
			:min="0"
			:step="0.000000000000001"
			:precision="15"
			style="width: 100%;"
			placeholder="请输入"
			clearable
			/>
			</el-form-item>
			</el-col>
			</el-row>

			<!-- 每行三个：税率/含税单价/数量 -->
			<el-row :gutter="30">
			<el-col :span="8">
			<el-form-item label="税率(%)：" prop="taxRate">
			<el-select v-model="productForm.taxRate" placeholder="请选择" clearable @change="calculateFromTaxRate">
			<el-select v-model="productForm.taxRate" placeholder="请选择" clearable @change="calculateFromTaxRate" style="width: 100%">
			<el-option label="1" value="1" />
			<el-option label="6" value="6" />
			<el-option label="13" value="13" />
			</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%"
			:precision="2"
			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
			:precision="2"
			@change="calculateFromQuantity" style="width: 100%" />
			<el-col :span="8">
			<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"
			/>
			</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>
			</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>
			</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-select>
			</el-form-item>
			</el-col>
			</el-row>
			</el-form>
			<template #footer>
			<div class="dialog-footer">
			<el-button type="primary" @click="submitProduct">确认</el-button>
			<el-button @click="closeProductDia">取消</el-button>
			</div>
			</template>
			</el-dialog>
			<el-col :span="8">
			<el-form-item label="数量：" prop="quantity">
			<el-input-number
			:step="0.1"
			:min="0"
			v-model="productForm.quantity"
			placeholder="请输入"
			clearable
			:precision="2"
			@change="() => { calculateFromQuantity(); recalcAreaTotals(); }"
			style="width: 100%"
			/>
			</el-form-item>
			</el-col>
			</el-row>

			<!-- 每行三个：含税总价/不含税总价/发票类型 -->
			<el-row :gutter="30">
			<el-col :span="8">
			<el-form-item label="含税总价(元)：" prop="taxInclusiveTotalPrice">
			<el-input v-model="productForm.taxInclusiveTotalPrice" placeholder="请输入" clearable @change="calculateFromTotalPrice" />
			</el-form-item>
			</el-col>
			<el-col :span="8">
			<el-form-item label="不含税总价(元)：" prop="taxExclusiveTotalPrice">
			<el-input v-model="productForm.taxExclusiveTotalPrice" placeholder="请输入" clearable @change="calculateFromExclusiveTotalPrice" />
			</el-form-item>
			</el-col>
			<el-col :span="8">
			<el-form-item label="发票类型：" prop="invoiceType">
			<el-select v-model="productForm.invoiceType" placeholder="请选择" clearable style="width: 100%">
			<el-option label="增普票" value="增普票" />
			<el-option label="增专票" value="增专票" />
			</el-select>
			</el-form-item>
			</el-col>
			</el-row>

			<!-- 每行三个：宽/高/实际单片面积 -->
			<el-row :gutter="30">
			<el-col :span="8">
			<el-form-item label="宽(mm)：" prop="width">
			<el-input-number
			v-model="productForm.width"
			:min="0"
			:step="1"
			:precision="2"
			style="width: 100%"
			placeholder="请输入宽(mm)"
			clearable
			@change="recalcAreaFromWidthHeight"
			/>
			</el-form-item>
			</el-col>
			<el-col :span="8">
			<el-form-item label="高(mm)：" prop="height">
			<el-input-number
			v-model="productForm.height"
			:min="0"
			:step="1"
			:precision="2"
			style="width: 100%"
			placeholder="请输入高(mm)"
			clearable
			@change="recalcAreaFromWidthHeight"
			/>
			</el-form-item>
			</el-col>
			<el-col :span="8">
			<el-form-item label="周长(cm)：" prop="perimeter">
			<el-input-number
			v-model="productForm.perimeter"
			:min="0"
			:step="0.01"
			:precision="2"
			style="width: 100%"
			placeholder="请输入"
			clearable
			:disabled="true"
			/>
			</el-form-item>
			</el-col>
			</el-row>

			<!-- 每行三个：实际单片面积/实际总面积/结算单片面积 -->
			<el-row :gutter="30">
			<el-col :span="8">
			<el-form-item label="实际单片面积(㎡)：" prop="actualPieceArea">
			<el-input-number
			v-model="productForm.actualPieceArea"
			:min="0"
			:step="0.00001"
			:precision="5"
			style="width: 100%"
			placeholder="请输入"
			clearable
			@change="recalcAreaTotals"
			/>
			</el-form-item>
			</el-col>
			<el-col :span="8">
			<el-form-item label="实际总面积(㎡)：" prop="actualTotalArea">
			<el-input-number
			v-model="productForm.actualTotalArea"
			:min="0"
			:step="0.00001"
			:precision="5"
			style="width: 100%"
			placeholder="请输入"
			clearable
			/>
			</el-form-item>
			</el-col>
			<el-col :span="8">
			<el-form-item label="结算单片面积(㎡)：" prop="settlePieceArea">
			<el-input-number
			v-model="productForm.settlePieceArea"
			:min="0"
			:step="0.00001"
			:precision="5"
			style="width: 100%"
			placeholder="请输入"
			clearable
			@change="recalcAreaTotals"
			/>
			</el-form-item>
			</el-col>
			<el-col :span="8">
			<el-form-item label="结算总面积(㎡)：" prop="settleTotalArea">
			<el-input-number
			v-model="productForm.settleTotalArea"
			:min="0"
			:step="0.00001"
			:precision="5"
			style="width: 100%"
			placeholder="请输入"
			clearable
			/>
			</el-form-item>
			</el-col>
			<el-col :span="8">
			<el-form-item label="结算总面积(㎡)：" prop="settleTotalArea">
			<el-input-number
			v-model="productForm.settleTotalArea"
			:min="0"
			:step="0.00001"
			:precision="5"
			style="width: 100%"
			placeholder="请输入"
			clearable
			/>
			</el-form-item>
			</el-col>
			<el-col :span="8">
			<el-form-item label="重箱：" prop="heavyBox">
			<el-input v-model="productForm.heavyBox" placeholder="请输入" clearable @change="calculateFromExclusiveTotalPrice" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="30">
			<el-col :span="24">
			<el-form-item label="楼层编号：" prop="floorCode">
			<el-input v-model="productForm.floorCode" placeholder="请输入楼层编号" clearable type="textarea" :rows="2" :disabled="operationType === 'view'" />
			</el-form-item>
			</el-col>
			</el-row>
			<!-- 其他金额（占满一行：等同于 3 列网格的整行） -->
			<el-row :gutter="30">
			<el-col :span="12">
			<el-form-item label="加工要求：" prop="processRequirement">
			<el-input v-model="productForm.processRequirement" placeholder="请输入加工要求" clearable />
			</el-form-item>
			</el-col>
			<el-col :span="12">
			<el-form-item label="备注：" prop="remark">
			<el-input v-model="productForm.remark" placeholder="请输入备注" clearable />
			</el-form-item>
			</el-col>
			</el-row>

			<el-row :gutter="30">
			<el-col :span="24">
			<el-form-item>
			<template #label>
			<div style="display:flex; align-items:center; gap: 12px; width: 100%;">
			<div style="font-weight: 600; color: #303133;">其他金额：</div>
			<div style="color:#909399; font-size: 13px; flex: 1;">
			已选择 {{ productForm?.salesProductProcessList?.length \|\| 0 }} 项
			</div>
			<el-button
			v-if="operationType !== 'view'"
			type="primary"
			plain
			size="small"
			@click="startAddOtherAmount"
			>
			新增
			</el-button>
			</div>
			</template>

			<div style="display:flex; flex-direction:column; gap: 12px;">
			<div v-if="Array.isArray(productForm?.salesProductProcessList) && productForm.salesProductProcessList.length > 0"
			style="display:flex; flex-wrap:wrap; gap: 12px; align-items:flex-start;"
			>
			<div
			v-for="(item, index) in productForm.salesProductProcessList"
			:key="String(item.id) + '_' + index"
			style="display:flex; gap: 10px; align-items:center; padding: 10px 12px; border: 1px solid #ebeef5; border-radius: 8px; box-sizing:border-box; min-width: 0;"
			:style="getOtherAmountCardFlexStyle()"
			>
			<div style="flex: 1; min-width: 0;">
			<el-tag type="info" style="width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">
			{{ item.processName }}
			</el-tag>
			</div>
			<div style="flex: 1;">
			<el-input-number
			v-model="item.quantity"
			:min="0"
			:step="0.1"
			:precision="2"
			style="width: 100%;"
			placeholder="请输入数量"
			:disabled="operationType === 'view'"
			/>
			</div>
			<el-button
			v-if="operationType !== 'view'"
			type="danger"
			link
			size="small"
			@click="removeOtherAmountAt(index)"
			>
			删除
			</el-button>
			</div>
			</div>

			<div v-else style="color:#909399; font-size: 13px;">
			暂无其他金额
			</div>
			</div>
			</el-form-item>
			</el-col>
			</el-row>
			</el-form>
			</FormDialog>
			<!-- 其他金额：新增弹框 -->
			<el-dialog
			v-model="otherAmountAddDialogVisible"
			title="新增其他金额"
			width="520px"
			:close-on-click-modal="false"
			>
			<div style="padding: 4px 0 10px;">
			<div style="font-size: 14px; color: #606266; margin-bottom: 10px;">
			请选择要新增的其他金额项目
			</div>
			<el-select
			v-model="otherAmountAddId"
			filterable
			clearable
			placeholder="请选择其他金额项目"
			style="width: 100%;"
			:disabled="operationType === 'view'"
			>
			<el-option
			v-for="item in otherAmountSelectOptions"
			:key="item.id"
			:label="item.processName"
			:value="item.id"
			/>
			</el-select>
			</div>
			<template #footer>
			<el-button @click="cancelAddOtherAmount">取消</el-button>
			<el-button
			type="primary"
			@click="confirmAddOtherAmount"
			:disabled="operationType === 'view' \|\| otherAmountAddId === null \|\| otherAmountAddId === undefined \|\| otherAmountAddId === ''"
			>
			确认添加
			</el-button>
			</template>
			</el-dialog>

			<!-- 导入弹窗 -->
			<FormDialog
			v-model="importUpload.open"
			:title="importUpload.title"
			:width="'600px'"
			@close="importUpload.open = false"
			@confirm="submitImportFile"
			@cancel="importUpload.open = false"
			>
			<el-upload
			ref="importUploadRef"
			:limit="1"
			accept=".xlsx,.xls"
			:action="importUpload.url"
			:headers="importUpload.headers"
			:before-upload="importUpload.beforeUpload"
			:on-success="importUpload.onSuccess"
			:on-error="importUpload.onError"
			:on-progress="importUpload.onProgress"
			:on-change="importUpload.onChange"
			:auto-upload="false"
			drag
			>
			<i class="el-icon-upload"></i>
			<div class="el-upload__text">
			将文件拖到此处，或<em>点击上传</em>
			</div>
			<template #tip>
			<div class="el-upload__tip">
			仅支持 xls/xlsx，大小不超过 10MB。
			<el-button link type="primary" @click="downloadTemplate">下载导入模板</el-button>
			</div>
			</template>
			</el-upload>
			</FormDialog>
			<!-- 附件列表弹窗 -->
			<FileListDialog
			ref="fileListRef"
			v-model="fileListDialogVisible"
			title="附件列表"
			/>
			<!-- 打印预览弹窗 -->
			<el-dialog
			v-model="printPreviewVisible"
			@@ -348,7 +794,6 @@
			<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>

			@@ -359,12 +804,15 @@
			<span class="value">{{ formatDate(item.createTime) }}</span>
			</div>
			<div>

			<span class="label">客户名称：</span>
			<span class="value">{{ item.customerName \|\| '张爱有' }}</span>
			<span class="label">发货车牌号：</span>
			<span class="value">{{ item.shippingCarNumber }}</span>
			</div>
			</div>
			<div class="info-row">
			<div>
			<span class="label">客户名称：</span>
			<span class="value">{{ item.customerName }}</span>
			</div>
			<span class="label">单号：</span>
			<span class="value">{{ item.salesContractNo }}</span>
			</div>
			@@ -376,7 +824,7 @@
			<tr>
			<th>产品名称</th>
			<th>规格型号</th>
			<th>单位</th>
			<th>厚度</th>
			<th>单价</th>
			<th>零售数量</th>
			<th>零售金额</th>
			@@ -386,7 +834,7 @@
			<tr v-for="product in item.products" :key="product.id">
			<td>{{ product.productCategory \|\| '' }}</td>
			<td>{{ product.specificationModel \|\| '' }}</td>
			<td>{{ product.unit \|\| '' }}</td>
			<td>{{ product.thickness ?? '' }}</td>
			<td>{{ product.taxInclusiveUnitPrice \|\| '0' }}</td>
			<td>{{ product.quantity \|\| '0' }}</td>
			<td>{{ product.taxInclusiveTotalPrice \|\| '0' }}</td>
			@@ -443,42 +891,65 @@
			<el-dialog
			v-model="deliveryFormVisible"
			title="发货信息"
			width="40%"
			width="40%"
			@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="shippingDate">
			<el-date-picker
			<el-form-item label="发货类型：" prop="type">
			<el-select
			v-model="deliveryForm.type"
			placeholder="请选择发货类型"
			style="width: 100%"
			v-model="deliveryForm.shippingDate"
			value-format="YYYY-MM-DD"
			format="YYYY-MM-DD"
			type="date"
			placeholder="请选择发货日期"
			clearable
			/>
			>
			<el-option label="货车" value="货车" />
			<el-option label="快递" value="快递" />
			</el-select>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="30">
			<el-col :span="24">
			<el-form-item label="发货车牌号：" prop="shippingCarNumber">
			<el-input
			v-model="deliveryForm.shippingCarNumber"
			placeholder="请输入发货车牌号"
			clearable
			/>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="30">

			<!-- 审批人选择（仿协同审批里的审批人节点选择） -->
			<el-row>
			<el-col :span="24">
			<el-form-item label="审批人：" prop="approverId">
			<el-select v-model="deliveryForm.approverId" placeholder="请选择审批人" clearable :disabled="operationType === 'view'">
			<el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId" />
			</el-select>
			<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"
			@click="removeApproverNode(index)"
			v-if="approverNodes.length > 1"
			>删除</el-button>
			</div>
			</div>
			</div>
			</el-form-item>
			</el-col>
			</el-row>
			@@ -490,33 +961,43 @@
			</div>
			</template>
			</el-dialog>
			<FileList ref="fileListRef" />
			</div>

			</div>
			</template>

			<script setup>
			import { getToken } from "@/utils/auth";
			import pagination from "@/components/PIMTable/Pagination.vue";
			import {onMounted, ref} from "vue";
			import {onMounted, ref, getCurrentInstance} from "vue";
			import { addShippingInfo } from "@/api/salesManagement/deliveryLedger.js";
			import {ElMessage, ElMessageBox} from "element-plus";
			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 FileList from "./fileList.vue";
			import FileListDialog from '@/components/Dialog/FileListDialog.vue';
			import FormDialog from '@/components/Dialog/FormDialog.vue';
			import OtherAmountMaintenanceButton from "./components/OtherAmountMaintenanceButton.vue";
			import ProcessFlowMaintenanceButton from "./components/ProcessFlowMaintenanceButton.vue";
			import ProcessFlowConfigSelectDialog from "./components/ProcessFlowConfigSelectDialog.vue";
			import { getQuotationList } from "@/api/salesManagement/salesQuotation.js";
			import {
			ledgerListPage,
			productList,
			customerList,
			addOrUpdateSalesLedger,
			getSalesLedgerWithProducts,
			delLedger,
			addOrUpdateSalesLedgerProduct,
			delProduct,
			delLedgerFile, getProductInventory,
			ledgerListPage,
			productList,
			customerList,
			addOrUpdateSalesLedger,
			getSalesLedgerWithProducts,
			delLedger,
			addOrUpdateSalesLedgerProduct,
			delProduct,
			delLedgerFile,
			getProductInventory,
			salesLedgerProductProcessList,
			} from "@/api/salesManagement/salesLedger.js";
			import { modelList, productTreeList } from "@/api/basicData/product.js";
			import useFormData from "@/hooks/useFormData.js";
			import dayjs from "dayjs";
			import { getCurrentDate } from "@/utils/index.js";
			import { salesLedgerProductSetProcessFlowConfig } from "@/api/salesManagement/salesProcessFlowConfig.js";

			const userStore = useUserStore();
			const { proxy } = getCurrentInstance();
			@@ -530,49 +1011,46 @@
			const modelOptions = ref([]);
			const tableLoading = ref(false);
			const page = reactive({
			current: 1,
			size: 100,
			current: 1,
			size: 100,
			});
			const total = ref(0);
			const fileList = ref([]);

			// 工艺路线配置选择弹窗（绑定到台账产品）
			const processFlowSelectDialogVisible = ref(false);
			const processFlowSelectLedgerRow = ref(null);

			// 用户信息表单弹框数据
			const operationType = ref("");
			const dialogFormVisible = ref(false);
			const data = reactive({
			searchForm: {
			customerName: "", // 客户名称
			customerContractNo: "", // 客户合同编号
			salesContractNo: "", // 销售合同编号
			projectName: "", // 项目名称
			entryDate: null, // 录入日期
			entryDateStart: undefined,
			entryDateEnd: undefined,
			},
			form: {
			salesContractNo: "",
			salesman: "",
			customerContractNo: "",
			customerId: "",
			projectName: "",
			entryPerson: "",
			entryDate: "",
			maintenanceTime: "",
			productData: [],
			executionDate: "",
			paymentMethod: "",
			},
			rules: {
			salesman: [{ required: true, message: "请选择", trigger: "change" }],
			customerContractNo: [
			{ required: true, message: "请输入", trigger: "blur" },
			],
			customerId: [{ required: true, message: "请选择", trigger: "change" }],
			projectName: [{ required: true, message: "请输入", trigger: "blur" }],
			entryPerson: [{ required: true, message: "请选择", trigger: "change" }],
			entryDate: [{ required: true, message: "请选择", trigger: "change" }],
			executionDate: [{ required: true, message: "请选择", trigger: "change" }],
			},
			searchForm: {
			customerName: "", // 客户名称
			salesContractNo: "", // 销售合同编号
			entryDate: null, // 录入日期
			entryDateStart: undefined,
			entryDateEnd: undefined,
			},
			form: {
			salesContractNo: "",
			salesman: "",
			customerId: "",
			entryPerson: "",
			entryDate: "",
			deliveryDate: "",
			maintenanceTime: "",
			productData: [],
			executionDate: "",
			},
			rules: {
			salesman: [{ required: true, message: "请选择", trigger: "change" }],
			customerId: [{ required: true, message: "请选择", trigger: "change" }],
			entryPerson: [{ required: true, message: "请选择", trigger: "change" }],
			entryDate: [{ required: true, message: "请选择", trigger: "change" }],
			deliveryDate: [{ required: true, message: "请选择", trigger: "change" }],
			executionDate: [{ required: true, message: "请选择", trigger: "change" }],
			},
			});
			const { form, rules } = toRefs(data);
			const { form: searchForm } = useFormData(data.searchForm);
			@@ -581,445 +1059,1042 @@
			const productOperationType = ref("");
			const currentId = ref("");
			const productFormData = reactive({
			productForm: {
			productCategory: "",
			specificationModel: "",
			unit: "",
			quantity: "",
			taxInclusiveUnitPrice: "",
			taxRate: "",
			taxInclusiveTotalPrice: "",
			taxExclusiveTotalPrice: "",
			invoiceType: "",
			},
			productRules: {
			productCategory: [{ required: true, message: "请选择", trigger: "change" }],
			productForm: {
			productCategory: "",
			specificationModel: "",
			thickness:null,
			quantity: "",
			taxInclusiveUnitPrice: "",
			taxRate: "",
			taxInclusiveTotalPrice: "",
			taxExclusiveTotalPrice: "",
			invoiceType: "",
			// 新增：尺寸/面积/加工与其他金额
			width: 0, // 宽(mm)
			height: 0, // 高(mm)
			perimeter: 0, // 周长(cm) = (宽+高)*2，宽高为 mm
			// 面积字段（㎡）
			actualPieceArea: 0, // 实际单片面积(㎡)
			actualTotalArea: 0, // 实际总面积(㎡)
			settlePieceArea: 0, // 结算单片面积(㎡)
			settleTotalArea: 0, // 结算总面积(㎡)
			processRequirement: "", // 加工要求
			remark: "", // 备注
			salesProductProcessList: [], // 其他金额：[{id, processName, quantity}]
			processFlowConfigId: null, // 工艺流程配置绑定
			floorCode: "", // 楼层编号
			},
			productRules: {
			productCategory: [{ required: true, message: "请选择", trigger: "change" }],
			productModelId: [{ required: true, message: "请选择", trigger: "change" }],
			specificationModel: [
			{ required: true, message: "请选择", trigger: "change" },
			],
			unit: [{ required: true, message: "请输入", trigger: "blur" }],
			quantity: [{ required: true, message: "请输入", trigger: "blur" }],
			taxInclusiveUnitPrice: [
			{ required: true, message: "请输入", trigger: "blur" },
			],
			taxRate: [{ required: true, message: "请选择", trigger: "change" }],
			taxInclusiveTotalPrice: [
			{ required: true, message: "请输入", trigger: "blur" },
			],
			taxExclusiveTotalPrice: [
			{ required: true, message: "请输入", trigger: "blur" },
			],
			invoiceType: [{ required: true, message: "请选择", trigger: "change" }],
			},
			specificationModel: [
			{ required: true, message: "请选择", trigger: "change" },
			],
			thickness: [{ required: true, message: "请输入", trigger: "blur" }],
			quantity: [{ required: true, message: "请输入", trigger: "blur" }],
			taxInclusiveUnitPrice: [
			{ required: true, message: "请输入", trigger: "blur" },
			],
			taxRate: [{ required: true, message: "请选择", trigger: "change" }],
			taxInclusiveTotalPrice: [
			{ required: true, message: "请输入", trigger: "blur" },
			],
			taxExclusiveTotalPrice: [
			{ required: true, message: "请输入", trigger: "blur" },
			],
			invoiceType: [{ 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() },
			// 上传的地址
			url: import.meta.env.VITE_APP_BASE_API + "/file/upload",
			// 设置上传的请求头部
			headers: { Authorization: "Bearer " + getToken() },
			});
			// 打印相关
			const printPreviewVisible = ref(false);
			const printData = ref([]);

			// 报价单导入相关
			const quotationDialogVisible = ref(false);
			const quotationLoading = ref(false);
			const quotationList = ref([]);
			const quotationSearchForm = reactive({
			quotationNo: "",
			customer: "",
			});
			// 报价单弹框分页
			const quotationPage = reactive({
			current: 1,
			size: 10,
			total: 0,
			});
			const selectedQuotation = ref(null);

			// 发货相关
			const deliveryFormVisible = ref(false);
			const currentDeliveryRow = ref(null);
			const currentDeliveryRows = ref([]);
			const deliveryFormData = reactive({
			deliveryForm: {
			shippingDate: "",
			shippingCarNumber: "",
			type: "货车", // 货车, 快递
			},
			deliveryRules: {
			shippingDate: [
			{ required: true, message: "请选择发货日期", trigger: "change" }
			],
			shippingCarNumber: [
			{ required: true, message: "请输入发货车牌号", trigger: "blur" }
			],
			approverId:[
			{
			required: true,message: "",
			}
			type: [
			{ required: true, message: "请选择发货类型", trigger: "change" }
			]
			},
			});
			const { deliveryForm, deliveryRules } = toRefs(deliveryFormData);

			// 产品弹框：其他金额多选下拉（基于“其他金额维护”查询接口）
			const otherAmountSelectOptions = ref([]); // [{id, processName}]
			const otherAmountSelectOptionsLoading = ref(false);

			const fetchOtherAmountSelectOptions = async (force = false) => {
			if (!force && otherAmountSelectOptions.value.length > 0) return;
			otherAmountSelectOptionsLoading.value = true;
			try {
			const params = {
			current: 1,
			// 下拉框尽量一次性拉全，避免多次分页影响选择体验
			size: 1000,
			};
			const res = await salesLedgerProductProcessList(params);
			const records = res?.records ?? res?.data?.records ?? [];

			otherAmountSelectOptions.value = records.map((item) => ({
			id: item.id,
			processName: item.processName ?? "",
			}));
			} finally {
			otherAmountSelectOptionsLoading.value = false;
			}
			};

			const normalizeOtherAmountsFromRow = (row) => {
			if (!row) return [];
			const raw =
			row.other_amounts ??
			row.otherAmounts ??
			row.otherAmountProjects ??
			row.otherAmountList ??
			row.salesProductProcessList ??
			[];

			if (!Array.isArray(raw)) return [];
			if (raw.length === 0) return [];

			// 情况1：后端直接返回 [{id, processName}...]
			if (typeof raw[0] === "object") {
			return raw
			.map((it) => {
			const id = it?.id ?? it?.processId ?? it?.otherAmountId ?? null;
			const quantity =
			Number(
			it?.quantity ??
			it?.processQuantity ??
			it?.otherQuantity ??
			it?.process_quantity ??
			it?.other_amount_quantity
			) \|\| 0;
			return {
			id,
			processName: it?.processName ?? "",
			quantity,
			};
			})
			.filter((it) => it.id !== null && it.id !== undefined && it.id !== "");
			}

			// 情况2：后端只返回 ids: [1,2,3]
			return raw
			.map((id) => ({
			id,
			processName: "",
			quantity: 0,
			}))
			.filter((it) => it.id !== null && it.id !== undefined && it.id !== "");
			};

			const mergeOtherAmountOptionsBySelection = (selected) => {
			const list = Array.isArray(selected) ? selected : [];
			for (const s of list) {
			const exists = otherAmountSelectOptions.value.some((o) => String(o.id) === String(s.id));
			if (!exists) {
			otherAmountSelectOptions.value.push({
			id: s.id,
			processName: s.processName ?? "",
			});
			}
			}
			};

			const fillOtherAmountProcessName = (selected) => {
			const list = Array.isArray(selected) ? selected : [];
			return list.map((s) => {
			const opt = otherAmountSelectOptions.value.find((o) => String(o.id) === String(s.id));
			return {
			id: s.id,
			processName: opt?.processName ?? s.processName ?? "",
			quantity: Number(s.quantity ?? 0) \|\| 0,
			};
			});
			};

			// “其他金额”卡片布局：只有一条时占满整行；>=2时两列排布
			const getOtherAmountCardFlexStyle = () => {
			const list = productForm.value?.salesProductProcessList;
			const len = Array.isArray(list) ? list.length : 0;
			if (len === 1) {
			return { flex: "0 0 100%", maxWidth: "100%", width: "100%" };
			}
			return {
			flex: "0 0 calc(50% - 6px)",
			maxWidth: "calc(50% - 6px)",
			width: "calc(50% - 6px)",
			};
			};

			// 其他金额：点击“新增”后在弹窗里选择一个项目
			const otherAmountAddDialogVisible = ref(false);
			const otherAmountAddId = ref(null);

			const startAddOtherAmount = () => {
			if (operationType.value === "view") return;
			otherAmountAddDialogVisible.value = true;
			otherAmountAddId.value = null;
			// 通常 openProductForm 已经拉过 options，这里兜底
			if (otherAmountSelectOptions.value.length === 0) {
			fetchOtherAmountSelectOptions(true);
			}
			};

			const cancelAddOtherAmount = () => {
			otherAmountAddDialogVisible.value = false;
			otherAmountAddId.value = null;
			};

			const handleOtherAmountSelected = (id) => {
			const selectedId = id ?? otherAmountAddId.value;
			if (selectedId === null \|\| selectedId === undefined \|\| selectedId === "") return;
			const opt = otherAmountSelectOptions.value.find((o) => String(o.id) === String(selectedId));
			if (!opt) return;

			const exists = (productForm.value?.salesProductProcessList ?? []).some(
			(it) => String(it?.id) === String(opt.id)
			);
			if (exists) {
			proxy.$modal.msgWarning("该其他金额项目已添加");
			return;
			}

			productForm.value.salesProductProcessList.push({
			id: opt.id,
			processName: opt.processName,
			quantity: 0,
			});

			// 选择完成后关闭弹窗，下一次可再次点击“新增”继续添加
			otherAmountAddDialogVisible.value = false;
			otherAmountAddId.value = null;
			};

			const confirmAddOtherAmount = () => {
			handleOtherAmountSelected(otherAmountAddId.value);
			};

			const removeOtherAmountAt = (index) => {
			if (operationType.value === "view") return;
			if (!Array.isArray(productForm.value?.salesProductProcessList)) return;
			productForm.value.salesProductProcessList.splice(index, 1);
			};

			// 发货审批人节点（仿协同审批 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);
			const importUpload = reactive({
			title: "导入销售台账",
			open: false,
			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');
			const isLt10M = file.size / 1024 / 1024 < 10;
			if (!isExcel) {
			proxy.$modal.msgError("上传文件只能是 xlsx/xls 格式!");
			return false;
			}
			if (!isLt10M) {
			proxy.$modal.msgError("上传文件大小不能超过 10MB!");
			return false;
			}
			return true;
			},
			onChange: (file, fileList) => {
			console.log('文件状态改变', file, fileList);
			},
			onProgress: (event, file, fileList) => {
			console.log('上传中...', event.percent);
			},
			onSuccess: (response, file, fileList) => {
			console.log('上传成功', response, file, fileList);
			importUpload.isUploading = false;
			if (response.code === 200) {
			proxy.$modal.msgSuccess("导入成功");
			importUpload.open = false;
			if (importUploadRef.value) {
			importUploadRef.value.clearFiles();
			}
			getList();
			} else {
			proxy.$modal.msgError(response.msg \|\| "导入失败");
			}
			},
			onError: (error, file, fileList) => {
			console.error('上传失败', error, file, fileList);
			importUpload.isUploading = false;
			proxy.$modal.msgError("导入失败，请重试");
			},
			});

			const changeDaterange = (value) => {
			if (value) {
			searchForm.entryDateStart = dayjs(value[0]).format("YYYY-MM-DD");
			searchForm.entryDateEnd = dayjs(value[1]).format("YYYY-MM-DD");
			} else {
			searchForm.entryDateStart = undefined;
			searchForm.entryDateEnd = undefined;
			}
			handleQuery();
			if (value) {
			searchForm.entryDateStart = dayjs(value[0]).format("YYYY-MM-DD");
			searchForm.entryDateEnd = dayjs(value[1]).format("YYYY-MM-DD");
			} else {
			searchForm.entryDateStart = undefined;
			searchForm.entryDateEnd = undefined;
			}
			handleQuery();
			};

			// 查询列表
			/** 搜索按钮操作 */
			const handleQuery = () => {
			page.current = 1;
			// 只有在点击搜索按钮时才重置页码到第一页
			// 避免表单字段change事件干扰分页
			if (arguments.length === 0) {
			page.current = 1;
			}
			expandedRowKeys.value = [];
			getList();
			getList();
			};
			const paginationChange = (obj) => {
			page.current = obj.page;
			page.size = obj.limit;
			getList();
			page.current = obj.page;
			page.size = obj.limit;
			getList();
			};
			const getList =async () => {
			let userLists = await userListNoPage();
			userList.value = userLists.data;
			tableLoading.value = true;
			const { entryDate, ...rest } = searchForm;
			ledgerListPage({ ...rest, ...page })
			.then((res) => {
			tableLoading.value = false;
			tableData.value = res.records;
			tableData.value.map((item) => {
			item.children = [];
			});
			total.value = res.total;
			})
			.catch(() => {
			tableLoading.value = false;
			});
			const getList = () => {
			tableLoading.value = true;
			const { entryDate, ...rest } = searchForm;
			// 将范围日期字段传递给后端
			const params = { ...rest, ...page };
			// 移除录入日期的默认值设置，只保留范围日期字段
			delete params.entryDate;
			return ledgerListPage(params)
			.then((res) => {
			tableLoading.value = false;
			tableData.value = res.records;
			tableData.value.map((item) => {
			item.children = [];
			});
			total.value = res.total;
			return res;
			})
			.catch(() => {
			tableLoading.value = false;
			});
			};

			// 打开“工艺路线配置”选择弹窗（必须显式选择）
			const openProcessFlowSelect = (ledgerRow) => {
			if (!ledgerRow) return;
			if (!ledgerRow.isEdit) return;
			processFlowSelectLedgerRow.value = ledgerRow;
			processFlowSelectDialogVisible.value = true;
			};

			// 将配置应用到台账下的所有未发货产品
			const handleProcessFlowSelectConfirm = async (configId) => {
			const ledgerRow = processFlowSelectLedgerRow.value;
			if (!ledgerRow?.id) return;

			const finalConfigId = configId ?? null;
			if (!finalConfigId) return;

			proxy?.$modal?.loading?.("正在应用工艺路线配置，请稍候...");
			try {
			const res = await productList({ salesLedgerId: ledgerRow.id, type: 1 });
			const products = res?.data ?? res?.records ?? res ?? [];
			if (!Array.isArray(products) \|\| products.length === 0) {
			proxy?.$modal?.msgWarning?.("该台账下没有产品数据");
			return;
			}

			for (const product of products) {
			// 已发货/审核通过不可编辑，跳过
			if (isProductShipped(product)) continue;
			await salesLedgerProductSetProcessFlowConfig({
			salesLedgerProductId: product.id,
			processFlowConfigId: finalConfigId,
			});
			}

			proxy?.$modal?.msgSuccess?.("工艺路线配置应用成功");

			// 若当前行已展开，刷新其子产品列表
			if (expandedRowKeys.value.includes(ledgerRow.id)) {
			const childRes = await productList({ salesLedgerId: ledgerRow.id, type: 1 });
			const children = childRes?.data ?? childRes?.records ?? childRes ?? [];
			const index = tableData.value.findIndex((item) => item.id === ledgerRow.id);
			if (index > -1) {
			tableData.value[index].children = children;
			}
			}
			} catch (e) {
			proxy?.$modal?.msgError?.("应用失败，请稍后重试");
			} finally {
			proxy?.$modal?.closeLoading?.();
			}
			};

			// 获取产品大类tree数据
			const getProductOptions = () => {
			productTreeList().then((res) => {
			productOptions.value = convertIdToValue(res);
			});
			// 返回 Promise，便于在编辑产品时等待加载完成
			return productTreeList().then((res) => {
			productOptions.value = convertIdToValue(res);
			return productOptions.value;
			});
			};
			const formattedNumber = (row, column, cellValue) => {
			return parseFloat(cellValue).toFixed(2);
			return parseFloat(cellValue).toFixed(2);
			};
			// 获取tree子数据
			const getModels = (value) => {
			productForm.value.productCategory = findNodeById(productOptions.value, value);
			modelList({ id: value }).then((res) => {
			modelOptions.value = res;
			});
			productForm.value.productCategory = findNodeById(productOptions.value, value);
			modelList({ id: value }).then((res) => {
			modelOptions.value = res;
			});
			};
			const getProductModel = (value) => {
			console.log("value", 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;
			} else {
			productForm.value.specificationModel = null;
			productForm.value.unit = null;
			}
			const index = modelOptions.value.findIndex((item) => item.id === value);
			if (index !== -1) {
			productForm.value.specificationModel = modelOptions.value[index].model;
			} else {
			productForm.value.specificationModel = null;
			}
			};
			const findNodeById = (nodes, productId) => {
			for (let i = 0; i < nodes.length; i++) {
			if (nodes[i].value === productId) {
			return nodes[i].label; // 找到节点，返回该节点
			}
			if (nodes[i].children && nodes[i].children.length > 0) {
			const foundNode = findNodeById(nodes[i].children, productId);
			if (foundNode) {
			return foundNode; // 在子节点中找到，返回该节点
			}
			}
			}
			return null; // 没有找到节点，返回null
			for (let i = 0; i < nodes.length; i++) {
			if (nodes[i].value === productId) {
			return nodes[i].label; // 找到节点，返回该节点
			}
			if (nodes[i].children && nodes[i].children.length > 0) {
			const foundNode = findNodeById(nodes[i].children, productId);
			if (foundNode) {
			return foundNode; // 在子节点中找到，返回该节点
			}
			}
			}
			return null; // 没有找到节点，返回null
			};
			function convertIdToValue(data) {
			return data.map((item) => {
			const { id, children, ...rest } = item;
			const newItem = {
			...rest,
			value: id, // 将 id 改为 value
			};
			if (children && children.length > 0) {
			newItem.children = convertIdToValue(children);
			}

			return newItem;
			});
			return data.map((item) => {
			const { id, children, ...rest } = item;
			const newItem = {
			...rest,
			value: id, // 将 id 改为 value
			};
			if (children && children.length > 0) {
			newItem.children = convertIdToValue(children);
			}

			return newItem;
			});
			}
			// 根据名称反查产品大类 id，便于仅存名称时的反显
			function findNodeIdByLabel(nodes, label) {
			if (!label) return null;
			for (let i = 0; i < nodes.length; i++) {
			const node = nodes[i];
			if (node.label === label) return node.value;
			if (node.children && node.children.length > 0) {
			const found = findNodeIdByLabel(node.children, label);
			if (found !== null && found !== undefined) return found;
			}
			}
			return null;
			}
			// 表格选择数据
			const handleSelectionChange = (selection) => {
			// 过滤掉子数据
			selectedRows.value = selection.filter((item) => item.children !== undefined);
			console.log("selection", selectedRows.value);
			// 过滤掉子数据
			selectedRows.value = selection.filter((item) => item.children !== undefined);
			console.log("selection", selectedRows.value);
			};
			const productSelected = (selectedRows) => {
			productSelectedRows.value = selectedRows;
			productSelectedRows.value = selectedRows;
			};
			const expandedRowKeys = ref([]);
			// 展开行（始终只展开一行）
			const expandChange = (row) => {
			const rowKey = row.id;
			const isExpanded = expandedRowKeys.value.includes(rowKey);
			// 展开行
			const expandChange = (row, expandedRows) => {
			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);
			if (index > -1) {
			tableData.value[index].children = res.data;
			}
			expandedRowKeys.value.push(row.id);
			});
			} catch (error) {
			console.log(error);
			}
			} else {
			expandedRowKeys.value = [];
			}
			};

			if (isExpanded) {
			// 当前行已展开 -> 收起
			expandedRowKeys.value = [];
			return;
			}
			// 添加表行类名方法
			const tableRowClassName = ({ row }) => {
			if (!row.deliveryDate) return '';
			if (row.isFh) return '';

			// 展开当前行前，先收起其它行
			expandedRowKeys.value = [];

			try {
			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;
			}
			// 只保留当前这一行处于展开状态
			expandedRowKeys.value = [rowKey];
			});
			} catch (error) {
			console.log(error);
			const diff = row.deliveryDaysDiff;
			if (diff === 15) {
			return 'yellow';
			} else if (diff === 10) {
			return 'pink';
			} else if (diff === 2) {
			return 'purple';
			} else if (diff < 2) {
			return 'red';
			}
			};
			// 主表合计方法
			const summarizeMainTable = (param) => {
			return proxy.summarizeTable(param, [
			"contractAmount",
			"taxInclusiveTotalPrice",
			"taxExclusiveTotalPrice",
			]);
			return proxy.summarizeTable(param, [
			"contractAmount",
			"taxInclusiveTotalPrice",
			"taxExclusiveTotalPrice",
			]);
			};
			// 子表合计方法
			const summarizeChildrenTable = (param) => {
			return proxy.summarizeTable(param, [
			"taxInclusiveUnitPrice",
			"taxInclusiveTotalPrice",
			"taxExclusiveTotalPrice",
			]);
			return proxy.summarizeTable(param, [
			"taxInclusiveUnitPrice",
			"taxInclusiveTotalPrice",
			"taxExclusiveTotalPrice",
			]);
			};
			// 打开弹框
			const openForm = async (type, row) => {
			operationType.value = type;
			form.value = {};
			productData.value = [];
			customerList().then((res) => {
			customerOption.value = res;
			});
			form.value.entryPerson = userStore.id;
			if (type !== "add") {
			currentId.value = row.id;
			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;
			});
			}
			// let userAll = await userStore.getInfo()
			// userList.value.forEach(element => {
			// if(userAll.user.nickName === element.nickName && userAll.user.userName === element.userName) {
			// form.value.entryPerson = userAll.user.userId // 设置默认业务员为当前用户
			// }
			// });
			form.value.entryDate = getCurrentDate(); // 设置默认录入日期为当前日期
			dialogFormVisible.value = true;
			operationType.value = type;
			form.value = {};
			productData.value = [];
			selectedQuotation.value = null;
			let userLists = await userListNoPage();
			userList.value = userLists.data;
			customerList().then((res) => {
			customerOption.value = res;
			});
			form.value.entryPerson = userStore.id;
			if (type === "add") {
			// 新增时设置录入日期为当天
			form.value.entryDate = getCurrentDate();
			// 签订日期默认为当天
			form.value.executionDate = getCurrentDate();
			form.value.customerRemarks = "";
			} else {
			currentId.value = row.id;
			getSalesLedgerWithProducts({ id: row.id, type: 1 }).then((res) => {
			form.value = { ...res };
			form.value.entryPerson = Number(res.entryPerson);
			// 字段名兼容：后端可能返回 customer_remarks
			form.value.customerRemarks = res?.customerRemarks ?? res?.customer_remarks ?? "";
			productData.value = form.value.productData;
			fileList.value = form.value.salesLedgerFiles;
			});
			}
			// let userAll = await userStore.getInfo()
			// userList.value.forEach(element => {
			// if(userAll.user.nickName === element.nickName && userAll.user.userName === element.userName) {
			// form.value.entryPerson = userAll.user.userId // 设置默认业务员为当前用户
			// }
			// });
			form.value.entryDate = getCurrentDate(); // 设置默认录入日期为当前日期
			dialogFormVisible.value = true;
			};

			// 打开报价单选择弹窗（仅审批通过）
			const openQuotationDialog = async () => {
			if (operationType.value === "view") return;
			quotationDialogVisible.value = true;
			// 打开弹窗时重置分页到第一页
			quotationPage.current = 1;
			// 先确保客户列表已加载，便于后续回填 customerId
			if (!customerOption.value \|\| customerOption.value.length === 0) {
			try {
			const res = await customerList();
			customerOption.value = res;
			} catch (e) {
			// ignore，允许用户后续手动选择客户
			}
			}
			await fetchQuotationList();
			};

			const fetchQuotationList = async () => {
			quotationLoading.value = true;
			try {
			const params = {
			// 后端分页字段：current / size
			current: quotationPage.current,
			size: quotationPage.size,
			...quotationSearchForm,
			status: "通过",
			};
			const res = await getQuotationList(params);
			quotationList.value = res?.data?.records \|\| [];
			quotationPage.total = res?.data?.total \|\| 0;
			} finally {
			quotationLoading.value = false;
			}
			};

			const resetQuotationSearch = async () => {
			quotationSearchForm.quotationNo = "";
			quotationSearchForm.customer = "";
			quotationPage.current = 1;
			await fetchQuotationList();
			};

			// 报价单弹框分页切换
			const quotationPaginationChange = (obj) => {
			quotationPage.current = obj.page;
			quotationPage.size = obj.limit;
			fetchQuotationList();
			};

			// 选中报价单后回填到台账表单
			const applyQuotation = (row) => {
			if (!row) return;
			selectedQuotation.value = row;

			// 业务员
			form.value.salesman = (row.salesperson \|\| "").trim();

			// 客户名称 -> customerId
			const qCustomerName = String(row.customer \|\| "").trim();
			const customer = (customerOption.value \|\| []).find((c) => {
			const name = String(c.customerName \|\| "").trim();
			return name === qCustomerName \|\| name.includes(qCustomerName) \|\| qCustomerName.includes(name);
			});
			if (customer?.id) {
			form.value.customerId = customer.id;
			} else {
			// 如果找不到，保留原值（允许用户手动选择/不打断已有输入）
			form.value.customerId = form.value.customerId \|\| "";
			}

			// 产品信息映射：报价 products -> 台账 productData
			const products = Array.isArray(row.products) ? row.products : [];
			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);
			return {
			// 台账字段
			productCategory: p.product \|\| p.productName \|\| "",
			specificationModel: p.specification \|\| "",
			thickness: p.thickness,
			quantity: quantity,
			taxRate: taxRate,
			taxInclusiveUnitPrice: unitPrice.toFixed(2),
			taxInclusiveTotalPrice: taxInclusiveTotalPrice,
			taxExclusiveTotalPrice: taxExclusiveTotalPrice,
			invoiceType: "增普票",
			// 新增：默认值（避免后续提交时字段缺失）
			width: 0,
			height: 0,
			actualPieceArea: 0,
			actualTotalArea: 0,
			settlePieceArea: 0,
			settleTotalArea: 0,
			processRequirement: "",
			floorCode: "",
			remark: "",
			salesProductProcessList: [],
			};
			});

			quotationDialogVisible.value = false;
			};
			function changs(val) {
			console.log(val);
			console.log(val);
			}
			// 上传前校检
			function handleBeforeUpload(file) {
			// 校检文件大小
			// if (file.size > 1024 * 1024 * 10) {
			// proxy.$modal.msgError("上传文件大小不能超过10MB!");
			// return false;
			// }
			proxy.$modal.loading("正在上传文件，请稍候...");
			return true;
			// 校检文件大小
			// 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();
			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);
			}
			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("删除成功");
			});
			}
			if (operationType.value === "edit") {
			let ids = [];
			ids.push(file.id);
			delLedgerFile(ids).then((res) => {
			proxy.$modal.msgSuccess("删除成功");
			});
			}
			}
			// 提交表单
			const submitForm = () => {
			proxy.$refs["formRef"].validate((valid) => {
			if (valid) {
			proxy.$refs["formRef"].validate((valid) => {
			if (valid) {
			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.type = 1;
			addOrUpdateSalesLedger(form.value).then((res) => {
			proxy.$modal.msgSuccess("提交成功");
			closeDia();
			getList();
			});
			}
			});
			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.type = 1;
			addOrUpdateSalesLedger(form.value).then((res) => {
			proxy.$modal.msgSuccess("提交成功");
			closeDia();
			getList();
			});
			}
			});
			};
			// 关闭弹框
			const closeDia = () => {
			proxy.resetForm("formRef");
			dialogFormVisible.value = false;
			proxy.resetForm("formRef");
			dialogFormVisible.value = false;
			};

			const productIndex = ref(0);
			// 打开产品弹框
			const openProductForm = (type, row,index) => {
			productOperationType.value = type;
			productForm.value = {};
			proxy.resetForm("productFormRef");
			if (type === "edit") {
			productForm.value = { ...row };
			productIndex.value = index;
			}
			productFormVisible.value = true;
			getProductOptions();
			const openProductForm = async (type, row, index) => {
			// 编辑时检查产品是否已发货或审核通过
			if (type === "edit" && isProductShipped(row)) {
			proxy.$modal.msgWarning("已发货或审核通过的产品不能编辑");
			return;
			}

			productOperationType.value = type;
			productForm.value = {};
			proxy.resetForm("productFormRef");
			// 确保多选项默认是数组，避免 el-select multiple 报错
			productForm.value.salesProductProcessList = [];
			otherAmountAddDialogVisible.value = false;
			otherAmountAddId.value = null;
			if (type === "edit") {
			productForm.value = { ...row };

			// 字段命名兼容：优先驼峰（如 actualPieceArea），兼容后端可能返回下划线（如 actual_piece_area）
			productForm.value.actualPieceArea = row?.actualPieceArea ?? row?.actual_piece_area ?? 0;
			productForm.value.actualTotalArea = row?.actualTotalArea ?? row?.actual_total_area ?? 0;
			productForm.value.settlePieceArea = row?.settlePieceArea ?? row?.settle_piece_area ?? 0;
			productForm.value.settleTotalArea = row?.settleTotalArea ?? row?.settle_total_area ?? 0;

			// 加工要求/备注兼容：后端可能使用其它命名
			productForm.value.processRequirement =
			row?.processRequirement ?? row?.process_requirement ?? "";
			productForm.value.remark = row?.remark ?? row?.remarks ?? "";
			productForm.value.floorCode = row?.floorCode ?? row?.floor_code ?? "";
			// 工艺流程配置绑定字段（后续由后端确认字段名）
			productForm.value.processFlowConfigId =
			row?.processFlowConfigId ?? row?.process_flow_config_id ?? null;

			// 周长回显（如后端返回；最终仍以公式计算为准）
			productForm.value.perimeter =
			row?.perimeter ?? row?.heavyBoxPerimeter ?? row?.heavyboxPerimeter ?? 0;

			// 后端直接返回 thickness
			productForm.value.thickness = row?.thickness;

			productForm.value.salesProductProcessList = normalizeOtherAmountsFromRow(row);
			productIndex.value = index;
			// 编辑时根据产品大类名称反查 tree 节点 id，并加载规格型号列表
			try {
			const options = productOptions.value && productOptions.value.length > 0
			? productOptions.value
			: await getProductOptions();
			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
			);
			if (currentModel) {
			productForm.value.productModelId = currentModel.id;
			}
			}
			} catch (e) {
			// 加载失败时保持可编辑，不中断弹窗
			console.error("加载产品规格型号失败", e);
			}

			// 根据当前宽高重新计算周长与面积
			recalcPerimeterFromWidthHeight();
			recalcAreaFromWidthHeight();

			// 回显“其他金额”多选：先拉取下拉选项，再补齐 processName
			await fetchOtherAmountSelectOptions(true);
			mergeOtherAmountOptionsBySelection(productForm.value.salesProductProcessList);
			productForm.value.salesProductProcessList = fillOtherAmountProcessName(productForm.value.salesProductProcessList);
			} else {
			getProductOptions()
			// 新增时下拉选项加载一次即可
			fetchOtherAmountSelectOptions(true);
			}
			productFormVisible.value = true;
			};
			// 提交产品表单
			const submitProduct = () => {
			proxy.$refs["productFormRef"].validate((valid) => {
			if (valid) {
			if (operationType.value === "edit") {
			submitProductEdit();
			} else {
			if(productOperationType.value === "add"){
			productData.value.push({ ...productForm.value });
			}else{
			productData.value[productIndex.value] = { ...productForm.value }
			}
			closeProductDia();
			}
			}
			});
			proxy.$refs["productFormRef"].validate((valid) => {
			if (valid) {
			// 厚度保留 15 位小数，避免由于浮点计算/输入导致精度偏差
			if (productForm.value.thickness !== null && productForm.value.thickness !== undefined) {
			productForm.value.thickness = Number(Number(productForm.value.thickness).toFixed(15));
			}

			// 面积/总计字段在提交前兜底计算一次
			recalcAreaTotals();
			// 其他金额只提交 {id, processName, quantity}（后端字段：salesProductProcessList）
			productForm.value.salesProductProcessList = (Array.isArray(productForm.value.salesProductProcessList)
			? productForm.value.salesProductProcessList
			: []
			)
			.map((it) => ({
			id: it?.id,
			processName: it?.processName ?? "",
			quantity: Number(it?.quantity ?? 0) \|\| 0,
			}))
			.filter((it) => it.id !== null && it.id !== undefined && it.id !== "");

			if (operationType.value === "edit") {
			submitProductEdit();
			} else {
			if(productOperationType.value === "add"){
			productData.value.push({ ...productForm.value });
			}else{
			productData.value[productIndex.value] = { ...productForm.value }
			}
			closeProductDia();
			}
			}
			});
			};
			const submitProductEdit = () => {
			productForm.value.salesLedgerId = currentId.value;
			productForm.value.type = 1
			addOrUpdateSalesLedgerProduct(productForm.value).then((res) => {
			proxy.$modal.msgSuccess("提交成功");
			closeProductDia();
			getSalesLedgerWithProducts({ id: currentId.value, type: 1 }).then((res) => {
			productData.value = res.productData;
			});
			});
			productForm.value.salesLedgerId = currentId.value;
			productForm.value.type = 1
			addOrUpdateSalesLedgerProduct(productForm.value).then((res) => {
			proxy.$modal.msgSuccess("提交成功");
			closeProductDia();
			getSalesLedgerWithProducts({ id: currentId.value, type: 1 }).then((res) => {
			productData.value = res.productData;
			});
			});
			};
			// 删除产品
			const deleteProduct = () => {
			if (productSelectedRows.value.length === 0) {
			proxy.$modal.msgWarning("请选择数据");
			return;
			}
			if (operationType.value === "add") {
			productSelectedRows.value.forEach((selectedRow) => {
			const index = productData.value.findIndex(
			(product) => product.id === selectedRow.id
			);
			if (index !== -1) {
			productData.value.splice(index, 1);
			}
			});
			} else {
			let ids = [];
			if (productSelectedRows.value.length > 0) {
			ids = productSelectedRows.value.map((item) => item.id);
			}
			ElMessageBox.confirm("选中的内容将被删除，是否确认删除？", "导出", {
			confirmButtonText: "确认",
			cancelButtonText: "取消",
			type: "warning",
			})
			.then(() => {
			delProduct(ids).then((res) => {
			proxy.$modal.msgSuccess("删除成功");
			closeProductDia();
			getSalesLedgerWithProducts({ id: currentId.value, type: 1 }).then(
			(res) => {
			productData.value = res.productData;
			}
			);
			});
			})
			.catch(() => {
			proxy.$modal.msg("已取消");
			});
			}
			if (productSelectedRows.value.length === 0) {
			proxy.$modal.msgWarning("请选择数据");
			return;
			}

			// 检查是否有已发货或审核通过的产品
			const shippedProducts = productSelectedRows.value.filter(row => isProductShipped(row));
			if (shippedProducts.length > 0) {
			proxy.$modal.msgWarning("已发货或审核通过的产品不能删除");
			return;
			}

			if (operationType.value === "add") {
			productSelectedRows.value.forEach((selectedRow) => {
			const index = productData.value.findIndex(
			(product) => product.id === selectedRow.id
			);
			if (index !== -1) {
			productData.value.splice(index, 1);
			}
			});
			} else {
			let ids = [];
			if (productSelectedRows.value.length > 0) {
			ids = productSelectedRows.value.map((item) => item.id);
			}
			ElMessageBox.confirm("选中的内容将被删除，是否确认删除？", "导出", {
			confirmButtonText: "确认",
			cancelButtonText: "取消",
			type: "warning",
			})
			.then(() => {
			delProduct(ids).then((res) => {
			proxy.$modal.msgSuccess("删除成功");
			closeProductDia();
			getSalesLedgerWithProducts({ id: currentId.value, type: 1 }).then(
			(res) => {
			productData.value = res.productData;
			}
			);
			});
			})
			.catch(() => {
			proxy.$modal.msg("已取消");
			});
			}
			};
			// 关闭产品弹框
			const closeProductDia = () => {
			proxy.resetForm("productFormRef");
			productFormVisible.value = false;
			proxy.resetForm("productFormRef");
			productFormVisible.value = false;
			otherAmountAddDialogVisible.value = false;
			otherAmountAddId.value = null;
			};
			// 导入
			const handleImport = () => {
			importUpload.title = "导入销售台账";
			importUpload.open = true;
			if (importUploadRef.value) {
			importUploadRef.value.clearFiles();
			}
			};

			// 下载导入模板
			const downloadTemplate = () => {
			proxy.download("/sales/ledger/exportTemplate", {}, "销售台账导入模板.xlsx");
			};

			// 提交导入文件
			const submitImportFile = () => {
			importUpload.isUploading = true;
			proxy.$refs["importUploadRef"].submit();
			};

			// 导出
			const handleOut = () => {
			ElMessageBox.confirm("选中的内容将被导出，是否确认导出？", "导出", {
			confirmButtonText: "确认",
			cancelButtonText: "取消",
			type: "warning",
			})
			.then(() => {
			proxy.download("/sales/ledger/export", {}, "销售台账.xlsx");
			})
			.catch(() => {
			proxy.$modal.msg("已取消");
			});
			ElMessageBox.confirm("选中的内容将被导出，是否确认导出？", "导出", {
			confirmButtonText: "确认",
			cancelButtonText: "取消",
			type: "warning",
			})
			.then(() => {
			proxy.download("/sales/ledger/export", {}, "销售台账.xlsx");
			})
			.catch(() => {
			proxy.$modal.msg("已取消");
			});
			};
			/** 判断单个产品是否已发货（根据shippingStatus判断，已发货或审核通过不可编辑和删除） */
			const isProductShipped = (product) => {
			if (!product) return false;
			const status = String(product.shippingStatus \|\| "").trim();
			// 如果发货状态是"已发货"或"审核通过"，则不可编辑和删除
			return status === "已发货" \|\| status === "审核通过";
			};

			/** 判断销售订单下是否存在已发货/发货完成的产品（不可删除） */
			const hasShippedProducts = (products) => {
			if (!products \|\| !products.length) return false;
			return products.some((p) => {
			const status = String(p.shippingStatus \|\| "").trim();
			// 有发货日期或车牌号视为已发货
			if (p.shippingDate \|\| p.shippingCarNumber) return true;
			// 已进行发货、发货完成、已发货均不可删除
			return status === "已进行发货" \|\| status === "发货完成" \|\| status === "已发货";
			});
			};

			// 删除
			const handleDelete = () => {
			let ids = [];
			if (selectedRows.value.length > 0) {
			ids = selectedRows.value.map((item) => item.id);
			} else {
			proxy.$modal.msgWarning("请选择数据");
			return;
			}
			ElMessageBox.confirm("选中的内容将被删除，是否确认删除？", "导出", {
			confirmButtonText: "确认",
			cancelButtonText: "取消",
			type: "warning",
			})
			.then(() => {
			delLedger(ids).then((res) => {
			proxy.$modal.msgSuccess("删除成功");
			getList();
			});
			})
			.catch(() => {
			proxy.$modal.msg("已取消");
			});
			const handleDelete = async () => {
			if (selectedRows.value.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;
			if (!products) {
			try {
			const res = await productList({ salesLedgerId: row.id, type: 1 });
			products = res.data \|\| [];
			} catch {
			products = [];
			}
			}
			if (hasShippedProducts(products)) {
			cannotDeleteNames.push(row.salesContractNo \|\| `ID:${row.id}`);
			}
			}
			if (cannotDeleteNames.length > 0) {
			proxy.$modal.msgWarning("已进行发货或发货完成的销售订单不能删除：" + cannotDeleteNames.join("、"));
			return;
			}

			ElMessageBox.confirm("选中的内容将被删除，是否确认删除？", "导出", {
			confirmButtonText: "确认",
			cancelButtonText: "取消",
			type: "warning",
			})
			.then(() => {
			delLedger(ids).then((res) => {
			proxy.$modal.msgSuccess("删除成功");
			getList();
			});
			})
			.catch(() => {
			proxy.$modal.msg("已取消");
			});
			};

			// 打印功能
			@@ -1219,7 +2294,6 @@
			<div class="print-page">
			<div class="delivery-note">
			<div class="header">
			<div class="company-name">鼎诚瑞实业有限责任公司</div>
			<div class="document-title">零售发货单</div>
			</div>

			@@ -1231,7 +2305,7 @@
			</div>
			<div>
			<span class="label">客户名称：</span>
			<span class="value">${item.customerName \|\| '张爱有'}</span>
			<span class="value">${item.customerName}</span>
			</div>
			</div>
			<div class="info-row">
			@@ -1246,26 +2320,26 @@
			<tr>
			<th>产品名称</th>
			<th>规格型号</th>
			<th>单位</th>
			<th>厚度</th>
			<th>单价</th>
			<th>零售数量</th>
			<th>零售金额</th>
			</tr>
			</thead>
			<tbody>
			${item.products && item.products.length > 0 ?
			item.products.map(product => `
			${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.thickness ?? ''}</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>
			<tr>
			@@ -1348,100 +2422,152 @@
			const seconds = String(date.getSeconds()).padStart(2, "0");
			return `${year}/${month}/${day} ${hours}:${minutes}:${seconds}`;
			};
			// 获取当前日期并格式化为 YYYY-MM-DD
			function getCurrentDate() {
			const today = new Date();
			const year = today.getFullYear();
			const month = String(today.getMonth() + 1).padStart(2, "0"); // 月份从0开始
			const day = String(today.getDate()).padStart(2, "0");
			return `${year}-${month}-${day}`;
			}

			// 计算产品总数量
			const getTotalQuantity = (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);
			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 getTotalAmount = (products) => {
			if (!products \|\| products.length === 0) return '0';
			const total = products.reduce((sum, product) => {
			return sum + (parseFloat(product.taxInclusiveTotalPrice) \|\| 0);
			}, 0);
			return total.toFixed(2);
			if (!products \|\| products.length === 0) return '0';
			const total = products.reduce((sum, product) => {
			return sum + (parseFloat(product.taxInclusiveTotalPrice) \|\| 0);
			}, 0);
			return total.toFixed(2);
			};

			// 用于打印的计算函数
			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);
			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 total = products.reduce((sum, product) => {
			return sum + (parseFloat(product.taxInclusiveTotalPrice) \|\| 0);
			}, 0);
			return total.toFixed(2);
			if (!products \|\| products.length === 0) return '0';
			const total = products.reduce((sum, product) => {
			return sum + (parseFloat(product.taxInclusiveTotalPrice) \|\| 0);
			}, 0);
			return total.toFixed(2);
			};

			const mathNum = () => {
			console.log("productForm.value", productForm.value);
			if (!productForm.value.taxInclusiveUnitPrice) {
			return;
			}
			if (!productForm.value.quantity) {
			return;
			}
			// 含税总价计算
			productForm.value.taxInclusiveTotalPrice =
			proxy.calculateTaxIncludeTotalPrice(
			productForm.value.taxInclusiveUnitPrice,
			productForm.value.quantity
			);
			if (productForm.value.taxRate) {
			// 不含税总价计算
			productForm.value.taxExclusiveTotalPrice =
			proxy.calculateTaxExclusiveTotalPrice(
			productForm.value.taxInclusiveTotalPrice,
			productForm.value.taxRate
			);
			}
			console.log("productForm.value", productForm.value);
			if (!productForm.value.taxInclusiveUnitPrice) {
			return;
			}
			if (!productForm.value.quantity) {
			return;
			}
			// 含税总价计算
			productForm.value.taxInclusiveTotalPrice =
			proxy.calculateTaxIncludeTotalPrice(
			productForm.value.taxInclusiveUnitPrice,
			productForm.value.quantity
			);
			if (productForm.value.taxRate) {
			// 不含税总价计算
			productForm.value.taxExclusiveTotalPrice =
			proxy.calculateTaxExclusiveTotalPrice(
			productForm.value.taxInclusiveTotalPrice,
			productForm.value.taxRate
			);
			}
			};

			// 新增：尺寸(宽高)与面积(单片/总计)联动
			const recalcAreaTotals = () => {
			const qty = Number(productForm.value.quantity ?? 0) \|\| 0;
			const actualPiece = Number(productForm.value.actualPieceArea ?? 0) \|\| 0;
			const settlePiece = Number(productForm.value.settlePieceArea ?? 0) \|\| 0;

			productForm.value.actualTotalArea = Number((actualPiece * qty).toFixed(5));
			productForm.value.settleTotalArea = Number((settlePiece * qty).toFixed(5));
			};

			// 新增：周长(cm)（重箱heavyBox周长）
			// width/height 单位为 mm，因此周长(cm)需要除以 10
			const recalcPerimeterFromWidthHeight = () => {
			const width = Number(productForm.value.width ?? 0) \|\| 0;
			const height = Number(productForm.value.height ?? 0) \|\| 0;

			if (width <= 0 \|\| height <= 0) {
			productForm.value.perimeter = 0;
			return;
			}

			// 周长 = (宽 + 高) * 2，单位从 mm 转为 cm：/10
			productForm.value.perimeter = Number((((width + height) * 2) / 10).toFixed(2));
			};

			const recalcAreaFromWidthHeight = () => {
			const width = Number(productForm.value.width ?? 0) \|\| 0;
			const height = Number(productForm.value.height ?? 0) \|\| 0;

			if (width <= 0 \|\| height <= 0) {
			// 宽高为空/为0时，把单片面积与总面积置为0
			productForm.value.actualPieceArea = 0;
			productForm.value.actualTotalArea = 0;
			productForm.value.perimeter = 0;

			// 只有在结算单片面积也为空/为0时，才同步置0，避免覆盖用户手动填写
			const settlePiece = Number(productForm.value.settlePieceArea ?? 0) \|\| 0;
			if (!settlePiece) {
			productForm.value.settlePieceArea = 0;
			}
			productForm.value.settleTotalArea = Number(
			((Number(productForm.value.settlePieceArea ?? 0) \|\| 0) * (Number(productForm.value.quantity ?? 0) \|\| 0)).toFixed(5)
			);
			return;
			}

			const computedPieceArea = (width * height) / 1e6; // mm*mm -> ㎡
			const computed = Number(computedPieceArea.toFixed(5));

			productForm.value.actualPieceArea = computed;

			// settlePieceArea：若用户未填写/为0，则默认使用宽高计算值
			const settlePieceRaw = Number(productForm.value.settlePieceArea ?? 0) \|\| 0;
			if (!settlePieceRaw) {
			productForm.value.settlePieceArea = computed;
			}

			recalcPerimeterFromWidthHeight();
			recalcAreaTotals();
			};

			// 根据含税总价计算含税单价和数量
			const calculateFromTotalPrice = () => {
			if (isCalculating.value) return;

			const totalPrice = parseFloat(productForm.value.taxInclusiveTotalPrice);
			const quantity = parseFloat(productForm.value.quantity);

			if (!totalPrice \|\| !quantity \|\| quantity <= 0) {
			return;
			}

			isCalculating.value = true;

			// 计算含税单价 = 含税总价 / 数量
			productForm.value.taxInclusiveUnitPrice = (totalPrice / quantity).toFixed(2);

			// 如果有税率，计算不含税总价
			if (productForm.value.taxRate) {
			productForm.value.taxExclusiveTotalPrice =
			proxy.calculateTaxExclusiveTotalPrice(
			totalPrice,
			productForm.value.taxRate
			);
			}

			isCalculating.value = false;
			if (isCalculating.value) return;

			const totalPrice = parseFloat(productForm.value.taxInclusiveTotalPrice);
			const quantity = parseFloat(productForm.value.quantity);

			if (!totalPrice \|\| !quantity \|\| quantity <= 0) {
			return;
			}

			isCalculating.value = true;

			// 计算含税单价 = 含税总价 / 数量
			productForm.value.taxInclusiveUnitPrice = (totalPrice / quantity).toFixed(2);

			// 如果有税率，计算不含税总价
			if (productForm.value.taxRate) {
			productForm.value.taxExclusiveTotalPrice =
			proxy.calculateTaxExclusiveTotalPrice(
			totalPrice,
			productForm.value.taxRate
			);
			}

			isCalculating.value = false;
			};

			// 根据不含税总价计算含税单价和数量
			@@ -1450,27 +2576,27 @@
			proxy.$modal.msgWarning("请先选择税率");
			return;
			}
			if (isCalculating.value) return;

			const exclusiveTotalPrice = parseFloat(productForm.value.taxExclusiveTotalPrice);
			const quantity = parseFloat(productForm.value.quantity);
			const taxRate = parseFloat(productForm.value.taxRate);

			if (!exclusiveTotalPrice \|\| !quantity \|\| quantity <= 0 \|\| !taxRate) {
			return;
			}

			isCalculating.value = true;

			// 先计算含税总价 = 不含税总价 / (1 - 税率/100)
			const taxRateDecimal = taxRate / 100;
			const inclusiveTotalPrice = exclusiveTotalPrice / (1 - taxRateDecimal);
			productForm.value.taxInclusiveTotalPrice = inclusiveTotalPrice.toFixed(2);

			// 计算含税单价 = 含税总价 / 数量
			productForm.value.taxInclusiveUnitPrice = (inclusiveTotalPrice / quantity).toFixed(2);

			isCalculating.value = false;
			if (isCalculating.value) return;

			const exclusiveTotalPrice = parseFloat(productForm.value.taxExclusiveTotalPrice);
			const quantity = parseFloat(productForm.value.quantity);
			const taxRate = parseFloat(productForm.value.taxRate);

			if (!exclusiveTotalPrice \|\| !quantity \|\| quantity <= 0 \|\| !taxRate) {
			return;
			}

			isCalculating.value = true;

			// 先计算含税总价 = 不含税总价 / (1 - 税率/100)
			const taxRateDecimal = taxRate / 100;
			const inclusiveTotalPrice = exclusiveTotalPrice / (1 - taxRateDecimal);
			productForm.value.taxInclusiveTotalPrice = inclusiveTotalPrice.toFixed(2);

			// 计算含税单价 = 含税总价 / 数量
			productForm.value.taxInclusiveUnitPrice = (inclusiveTotalPrice / quantity).toFixed(2);

			isCalculating.value = false;
			};

			// 根据数量变化计算总价
			@@ -1479,30 +2605,30 @@
			proxy.$modal.msgWarning("请先选择税率");
			return;
			}
			if (isCalculating.value) return;

			const quantity = parseFloat(productForm.value.quantity);
			const unitPrice = parseFloat(productForm.value.taxInclusiveUnitPrice);

			if (!quantity \|\| quantity <= 0 \|\| !unitPrice) {
			return;
			}

			isCalculating.value = true;

			// 计算含税总价
			productForm.value.taxInclusiveTotalPrice = (unitPrice * quantity).toFixed(2);

			// 如果有税率，计算不含税总价
			if (productForm.value.taxRate) {
			productForm.value.taxExclusiveTotalPrice =
			proxy.calculateTaxExclusiveTotalPrice(
			productForm.value.taxInclusiveTotalPrice,
			productForm.value.taxRate
			);
			}

			isCalculating.value = false;
			if (isCalculating.value) return;

			const quantity = parseFloat(productForm.value.quantity);
			const unitPrice = parseFloat(productForm.value.taxInclusiveUnitPrice);

			if (!quantity \|\| quantity <= 0 \|\| !unitPrice) {
			return;
			}

			isCalculating.value = true;

			// 计算含税总价
			productForm.value.taxInclusiveTotalPrice = (unitPrice * quantity).toFixed(2);

			// 如果有税率，计算不含税总价
			if (productForm.value.taxRate) {
			productForm.value.taxExclusiveTotalPrice =
			proxy.calculateTaxExclusiveTotalPrice(
			productForm.value.taxInclusiveTotalPrice,
			productForm.value.taxRate
			);
			}

			isCalculating.value = false;
			};

			// 根据含税单价变化计算总价
			@@ -1511,30 +2637,30 @@
			proxy.$modal.msgWarning("请先选择税率");
			return;
			}
			if (isCalculating.value) return;

			const quantity = parseFloat(productForm.value.quantity);
			const unitPrice = parseFloat(productForm.value.taxInclusiveUnitPrice);

			if (!quantity \|\| quantity <= 0 \|\| !unitPrice) {
			return;
			}

			isCalculating.value = true;

			// 计算含税总价
			productForm.value.taxInclusiveTotalPrice = (unitPrice * quantity).toFixed(2);

			// 如果有税率，计算不含税总价
			if (productForm.value.taxRate) {
			productForm.value.taxExclusiveTotalPrice =
			proxy.calculateTaxExclusiveTotalPrice(
			productForm.value.taxInclusiveTotalPrice,
			productForm.value.taxRate
			);
			}

			isCalculating.value = false;
			if (isCalculating.value) return;

			const quantity = parseFloat(productForm.value.quantity);
			const unitPrice = parseFloat(productForm.value.taxInclusiveUnitPrice);

			if (!quantity \|\| quantity <= 0 \|\| !unitPrice) {
			return;
			}

			isCalculating.value = true;

			// 计算含税总价
			productForm.value.taxInclusiveTotalPrice = (unitPrice * quantity).toFixed(2);

			// 如果有税率，计算不含税总价
			if (productForm.value.taxRate) {
			productForm.value.taxExclusiveTotalPrice =
			proxy.calculateTaxExclusiveTotalPrice(
			productForm.value.taxInclusiveTotalPrice,
			productForm.value.taxRate
			);
			}

			isCalculating.value = false;
			};

			// 根据税率变化计算不含税总价
			@@ -1543,67 +2669,269 @@
			proxy.$modal.msgWarning("请先选择税率");
			return;
			}
			if (isCalculating.value) return;

			const inclusiveTotalPrice = parseFloat(productForm.value.taxInclusiveTotalPrice);
			const taxRate = parseFloat(productForm.value.taxRate);

			if (!inclusiveTotalPrice \|\| !taxRate) {
			return;
			}

			isCalculating.value = true;

			// 计算不含税总价
			productForm.value.taxExclusiveTotalPrice =
			proxy.calculateTaxExclusiveTotalPrice(
			inclusiveTotalPrice,
			taxRate
			);

			isCalculating.value = false;
			if (isCalculating.value) return;

			const inclusiveTotalPrice = parseFloat(productForm.value.taxInclusiveTotalPrice);
			const taxRate = parseFloat(productForm.value.taxRate);

			if (!inclusiveTotalPrice \|\| !taxRate) {
			return;
			}

			isCalculating.value = true;

			// 计算不含税总价
			productForm.value.taxExclusiveTotalPrice =
			proxy.calculateTaxExclusiveTotalPrice(
			inclusiveTotalPrice,
			taxRate
			);

			isCalculating.value = false;
			};
			/**
			* 获取发货状态文本
			* @param row 行数据
			*/
			const getShippingStatusText = (row) => {
			// 如果已发货（有发货日期或车牌号），显示"已发货"
			if (row.shippingDate \|\| row.shippingCarNumber) {
			return '已发货';
			}

			// 获取发货状态字段
			const status = row.shippingStatus;

			// 如果状态为空或未定义，默认为"待发货"
			if (status === null \|\| status === undefined \|\| status === '') {
			return '待发货';
			}

			// 状态是字符串
			const statusStr = String(status).trim();
			const statusTextMap = {
			'待发货': '待发货',
			'待审核': '待审核',
			'审核中': '审核中',
			'审核拒绝': '审核拒绝',
			'审核通过': '审核通过',
			'已发货': '已发货'
			};
			return statusTextMap[statusStr] \|\| '待发货';
			};

			/**
			* 获取发货状态标签类型（颜色）
			* @param row 行数据
			*/
			const getShippingStatusType = (row) => {
			// 如果已发货（有发货日期或车牌号），显示绿色
			if (row.shippingDate \|\| row.shippingCarNumber) {
			return 'success';
			}

			// 获取发货状态字段
			const status = row.shippingStatus;

			// 如果状态为空或未定义，默认为灰色（待发货）
			if (status === null \|\| status === undefined \|\| status === '') {
			return 'info';
			}

			// 状态是字符串
			const statusStr = String(status).trim();
			const typeTextMap = {
			'待发货': 'info',
			'待审核': 'info',
			'审核中': 'warning',
			'审核拒绝': 'danger',
			'审核通过': 'success',
			'已发货': 'success'
			};
			return typeTextMap[statusStr] \|\| 'info';
			};

			/**
			* 判断是否可以发货
			* 只有在产品状态是充足，发货状态是待发货和审核拒绝的时候才可以发货
			* @param row 行数据
			*/
			const canShip = (row) => {
			// 产品状态必须是充足（approveStatus === 1）
			if (row.approveStatus !== 1) {
			return false;
			}

			// 获取发货状态
			const shippingStatus = row.shippingStatus;

			// 如果已发货（有发货日期或车牌号），不能再次发货
			if (row.shippingDate \|\| row.shippingCarNumber) {
			return false;
			}

			// 发货状态必须是"待发货"或"审核拒绝"
			const statusStr = shippingStatus ? String(shippingStatus).trim() : '';
			return statusStr === '待发货' \|\| statusStr === '审核拒绝';
			};

			const handleBulkDelivery = async () => {
			if (selectedRows.value.length === 0) {
			proxy.$modal.msgWarning("请选择数据");
			return;
			}

			const customerNames = selectedRows.value.map((r) => String(r.customerName \|\| "").trim());
			const uniqueCustomers = Array.from(new Set(customerNames));

			// 客户名称不一致不允许发货
			if (uniqueCustomers.length > 1) {
			proxy.$modal.msgWarning("客户名称不一致，不允许发货");
			return;
			}

			// 多条且客户一致：二次确认
			if (selectedRows.value.length > 1) {
			try {
			await ElMessageBox.confirm("是否确认合并发货？", "合并发货", {
			confirmButtonText: "确认",
			cancelButtonText: "取消",
			type: "warning",
			});
			} catch (e) {
			proxy.$modal.msg("已取消");
			return;
			}
			}

			proxy.$modal.loading("正在获取产品数据，请稍候...");
			try {
			const targets = [];
			for (const ledger of selectedRows.value) {
			let products = [];
			try {
			const res = await productList({ salesLedgerId: ledger.id, type: 1 });
			products = res?.data \|\| [];
			} catch {
			products = [];
			}

			for (const product of products) {
			if (!canShip(product)) continue;
			targets.push({
			...product,
			salesLedgerId: product.salesLedgerId \|\| ledger.id,
			});
			}
			}

			if (targets.length === 0) {
			proxy.$modal.msgWarning("没有可发货的数据");
			return;
			}

			currentDeliveryRows.value = targets;
			deliveryForm.value = { type: "货车" };
			// 重置审批人节点（默认一个空节点）
			approverNodes.value = [{ id: 1, userId: null }];
			nextApproverId = 2;
			deliveryFormVisible.value = true;
			} finally {
			proxy.$modal.closeLoading();
			}
			};

			/**
			* 下载文件
			*
			* @param row 下载文件的相关信息对象
			*/
			const fileListRef = ref(null)
			const fileListDialogVisible = ref(false)
			const downLoadFile = (row) => {
			getSalesLedgerWithProducts({ id: row.id, type: 1 }).then((res) => {
			fileListRef.value.open(res.salesLedgerFiles)
			});
			getSalesLedgerWithProducts({ id: row.id, type: 1 }).then((res) => {
			if (fileListRef.value) {
			fileListRef.value.open(res.salesLedgerFiles)
			}
			});
			}

			// 打开发货弹框
			const openDeliveryForm = (row) => {
			currentDeliveryRow.value = row;
			// 检查是否可以发货
			if (!canShip(row)) {
			proxy.$modal.msgWarning("只有在产品状态是充足，发货状态是待发货或审核拒绝的时候才可以发货");
			return;
			}

			currentDeliveryRows.value = [row];
			deliveryForm.value = {
			shippingDate: "", // 移除默认值设置
			shippingCarNumber: "",
			type: "货车",
			};
			deliveryFormVisible.value = true;
			// 重置审批人节点（默认一个空节点）
			approverNodes.value = [{ id: 1, userId: null }];
			nextApproverId = 2;
			deliveryFormVisible.value = true;
			};

			// 提交发货表单
			const submitDelivery = () => {
			proxy.$refs["deliveryFormRef"].validate((valid) => {
			if (valid) {
			addShippingInfo({
			approverId:deliveryForm.value.approverId,
			salesLedgerId: currentDeliveryRow.value.salesLedgerId,
			salesLedgerProductId: currentDeliveryRow.value.id,
			shippingDate: deliveryForm.value.shippingDate,
			shippingCarNumber: deliveryForm.value.shippingCarNumber,
			})
			// 审批人必填校验（所有节点都要选人）
			const hasEmptyApprover = approverNodes.value.some(node => !node.userId);
			if (hasEmptyApprover) {
			proxy.$modal.msgError("请为所有审批节点选择审批人！");
			return;
			}
			const approveUserIds = approverNodes.value.map(node => node.userId).join(",");
			// 保存当前展开的行ID，以便发货后重新加载子表格数据
			const currentExpandedKeys = [...expandedRowKeys.value];

			const targets = currentDeliveryRows.value \|\| [];
			if (targets.length === 0) {
			proxy.$modal.msgWarning("未选择可发货的数据");
			return;
			}

			// 依次发货（避免并发下库存扣减/状态更新互相影响）
			const run = async () => {
			for (const item of targets) {
			const salesLedgerId = item.salesLedgerId;
			if (!salesLedgerId) continue;
			await addShippingInfo({
			salesLedgerId,
			salesLedgerProductId: item.id,
			type: deliveryForm.value.type,
			approveUserIds,
			});
			}
			};

			run()
			.then(() => {
			proxy.$modal.msgSuccess("发货成功");
			closeDeliveryDia();
			getList();
			expandedRowKeys.value = [];
			// 刷新主表数据
			getList().then(() => {
			// 如果之前有展开的行，重新加载这些行的子表格数据
			if (currentExpandedKeys.length > 0) {
			const loadPromises = currentExpandedKeys.map((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(() => {
			expandedRowKeys.value = currentExpandedKeys;
			});
			}
			});
			})
			.catch(() => {
			proxy.$modal.msgError("发货失败，请重试");
			proxy.$modal.msgError("发货失败，请稍后重试");
			});
			}
			});
			@@ -1613,27 +2941,62 @@
			const closeDeliveryDia = () => {
			proxy.resetForm("deliveryFormRef");
			deliveryFormVisible.value = false;
			currentDeliveryRow.value = null;
			currentDeliveryRows.value = [];
			};

			const currentFactoryName = ref("");
			const getCurrentFactoryName = async () => {
			let res = await userStore.getInfo();
			currentFactoryName.value = res.user.currentFactoryName;
			};
			onMounted(() => {
			getList();
			userListNoPage().then(res => {
			userList.value = res.data;
			})
			getCurrentFactoryName();
			});
			</script>

			<style scoped lang="scss">
			.ml-10 {
			margin-left: 10px;
			margin-left: 10px;
			}

			::v-deep .yellow {
			background-color: #FAF0DE;
			}

			::v-deep .pink {
			background-color: #FAE1DE;
			}

			::v-deep .red {
			background-color: #FAE1DE;
			}

			::v-deep .purple{
			background-color: #F4DEFA;
			}

			.other-amount-select {
			/* 多选标签区域强制单行，不让输入框随标签换行而拉高高度 */
			:deep .el-select__tags {
			display: flex;
			flex-wrap: nowrap !important;
			white-space: nowrap;
			overflow: hidden;
			max-height: 32px;
			}
			}

			.table_list {
			margin-top: unset;
			margin-top: unset;
			}

			.actions {
			display: flex;
			justify-content: space-between;
			margin-bottom: 10px;
			display: flex;
			justify-content: space-between;
			margin-bottom: 10px;
			}
			.print-preview-dialog {
			.el-dialog__body {