product-inventory-management.git

			@@ -249,7 +249,7 @@
			</el-button>
			<el-button link
			type="primary"
			@click="openFileDialog(scope.row)">附件
			@click="downloadOrder(scope.row.id)">下载
			</el-button>
			</template>
			</el-table-column>
			@@ -605,35 +605,22 @@
			:rules="productRules"
			ref="productFormRef">
			<el-row :gutter="30">
			<el-col :span="24">
			<el-form-item label="产品大类："
			prop="productCategory">
			<el-tree-select v-model="productForm.productCategory"
			placeholder="请选择"
			clearable
			filterable
			check-strictly
			@change="getModels"
			:data="productOptions"
			:render-after-expand="false"
			style="width: 100%" />
			<el-col :span="12">
			<el-form-item label="产品大类：" prop="productCategory">
			<el-input v-model="productForm.productCategory"
			placeholder="点击选择"
			readonly
			@click="showProductSelectDialog = true"
			style="cursor:pointer" />
			</el-form-item>
			</el-col>
			</el-row>
			<el-row :gutter="30">
			<el-col :span="24">
			<el-form-item label="规格型号："
			prop="productModelId">
			<el-select v-model="productForm.productModelId"
			placeholder="请选择"
			clearable
			@change="getProductModel"
			filterable>
			<el-option v-for="item in modelOptions"
			:key="item.id"
			:label="item.model"
			:value="item.id" />
			</el-select>
			<el-col :span="12">
			<el-form-item label="规格型号：" prop="productModelId">
			<el-input v-model="productForm.specificationModel"
			placeholder="点击选择"
			readonly
			@click="showProductSelectDialog = true"
			style="cursor:pointer" />
			</el-form-item>
			</el-col>
			</el-row>
			@@ -758,6 +745,9 @@
			</el-row>
			</el-form>
			</FormDialog>
			<ProductSelectDialog v-model="showProductSelectDialog"
			@confirm="handleProductSelect"
			single />
			<!-- 导入弹窗 -->
			<FormDialog v-model="importUpload.open"
			:title="importUpload.title"
			@@ -1071,7 +1061,9 @@
			delProduct,
			delLedgerFile,
			getProductInventory,
			getPrintData,
			} from "@/api/salesManagement/salesLedger.js";
			import { downloadSalesJpg, printSalesMulti } from "@/utils/documentPrint.js";
			import { getStockInventoryByModelId } from "@/api/inventoryManagement/stockInventory.js";
			import { modelList, productTreeList } from "@/api/basicData/product.js";
			import useFormData from "@/hooks/useFormData.js";
			@@ -1083,6 +1075,7 @@
			buildAmountSummaryFormat,
			} from "@/utils/numberFormat";
			import ImageUpload from "@/components/AttachmentUpload/image/index.vue";
			import ProductSelectDialog from "@/views/basicData/product/ProductSelectDialog.vue";
			import { getCurrentDate } from "@/utils/index.js";
			import { listCustomer } from "@/api/basicData/customer.js";

			@@ -1111,6 +1104,7 @@
			const total = ref(0);
			const fileList = ref([]);
			const deliveryFileList = ref([]);
			const showProductSelectDialog = ref(false);

			// 用户信息表单弹框数据
			const operationType = ref("");
			@@ -1153,7 +1147,9 @@
			const currentId = ref("");
			const productFormData = reactive({
			productForm: {
			productId: "",
			productCategory: "",
			productModelId: "",
			specificationModel: "",
			unit: "",
			quantity: "",
			@@ -1165,11 +1161,8 @@
			isProduction: false,
			},
			productRules: {
			productCategory: [{ required: true, message: "请选择", trigger: "change" }],
			productModelId: [{ required: true, message: "请选择", trigger: "change" }],
			specificationModel: [
			{ required: true, message: "请选择", trigger: "change" },
			],
			productCategory: [{ required: true, message: "请选择产品大类", trigger: "change" }],
			productModelId: [{ required: true, message: "请选择规格型号", trigger: "change" }],
			unit: [{ required: true, message: "请输入", trigger: "blur" }],
			quantity: [{ required: true, message: "请输入", trigger: "blur" }],
			taxInclusiveUnitPrice: [
			@@ -1500,6 +1493,17 @@
			return "*****";
			}
			return formattedNumber(row, column, cellValue);
			};
			// ProductSelectDialog 选中回调
			const handleProductSelect = (products) => {
			if (!products \|\| !products.length) return;
			const p = products[0];
			productForm.value.productId = p.productId;
			productForm.value.productCategory = p.productName \|\| '';
			productForm.value.productModelId = p.id;
			productForm.value.specificationModel = p.model \|\| '';
			productForm.value.unit = p.unit \|\| '';
			showProductSelectDialog.value = false;
			};
			// 获取tree子数据
			const getModels = value => {
			@@ -2084,359 +2088,31 @@
			});
			};

			// 打印功能
			// 打印功能 - 多选合并预览
			const handlePrint = async () => {
			if (selectedRows.value.length === 0) {
			proxy.$modal.msgWarning("请选择要打印的数据");
			return;
			}

			// 显示加载状态
			proxy.$modal.loading("正在获取产品数据，请稍候...");

			proxy.$modal.loading("正在加载打印数据...");
			try {
			// 为每个选中的销售台账记录查询对应的产品数据
			const printDataWithProducts = [];

			const orders = [];
			let companyName = '';
			for (const row of selectedRows.value) {
			try {
			// 调用productList接口查询产品数据
			const productRes = await productList({
			salesLedgerId: row.id,
			type: 1,
			});

			// 将产品数据整合到销售台账记录中
			const rowWithProducts = {
			...row,
			products: productRes.data \|\| [],
			};

			printDataWithProducts.push(rowWithProducts);
			} catch (error) {
			console.error(`获取销售台账 ${row.id} 的产品数据失败:`, error);
			// 即使某个记录的产品数据获取失败，也要包含该记录
			printDataWithProducts.push({
			...row,
			products: [],
			});
			const res = await getPrintData(row.id);
			const data = res.data \|\| res;
			companyName = data.companyName \|\| companyName;
			orders.push(data.ledger);
			}
			}

			printData.value = printDataWithProducts;
			console.log("打印数据（包含产品）:", printData.value);
			printPreviewVisible.value = true;
			} catch (error) {
			console.error("获取产品数据失败:", error);
			proxy.$modal.msgError("获取产品数据失败，请重试");
			printSalesMulti(companyName, orders);
			} catch (e) {
			console.error('打印失败:', e);
			proxy.$modal.msgError("打印失败");
			} finally {
			proxy.$modal.closeLoading();
			}
			};
			// 执行打印
			const executePrint = () => {
			console.log("开始执行打印，数据条数:", printData.value.length);
			console.log("打印数据:", printData.value);

			// 创建一个新的打印窗口
			const printWindow = window.open("", "_blank", "width=800,height=600");

			// 构建打印内容
			let printContent = `
			<!DOCTYPE html>
			<html>
			<head>
			<meta charset="UTF-8">
			<title>打印预览</title>
			<style>
			body {
			margin: 0;
			padding: 0;
			font-family: "SimSun", serif;
			background: white;
			}
			.print-page {
			width: 200mm;
			height: 75mm;
			padding: 10mm;
			padding-left: 20mm;
			background: white;
			box-sizing: border-box;
			page-break-after: always;
			page-break-inside: avoid;
			}
			.print-page:last-child {
			page-break-after: avoid;
			}
			.delivery-note {
			width: 100%;
			height: 100%;
			font-size: 12px;
			line-height: 1.2;
			display: flex;
			flex-direction: column;
			color: #000;
			}
			.header {
			text-align: center;
			margin-bottom: 8px;
			}
			.company-name {
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 4px;
			}
			.document-title {
			font-size: 16px;
			font-weight: bold;
			}
			.info-section {
			margin-bottom: 8px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			}
			.info-row {
			line-height: 20px;
			}
			.label {
			font-weight: bold;
			width: 60px;
			font-size: 12px;
			}
			.value {
			margin-right: 20px;
			min-width: 80px;
			font-size: 12px;
			}
			.table-section {
			margin-bottom: 40px;
			// flex: 0.6;
			}
			.product-table {
			width: 100%;
			border-collapse: collapse;
			border: 1px solid #000;
			}
			.product-table th, .product-table td {
			border: 1px solid #000;
			padding: 6px;
			text-align: center;
			font-size: 12px;
			line-height: 1.4;
			}
			.product-table th {
			font-weight: bold;
			}
			.total-value {
			font-weight: bold;
			}
			.footer-section {
			margin-top: auto;
			}
			.footer-row {
			display: flex;
			margin-bottom: 3px;
			line-height: 22px;
			justify-content: space-between;
			}
			.footer-item {
			display: flex;
			margin-right: 20px;
			}
			.footer-item .label {
			font-weight: bold;
			width: 80px;
			font-size: 12px;
			}
			.footer-item .value {
			min-width: 80px;
			font-size: 12px;
			}
			.address-item .address-value {
			min-width: 200px;
			}
			@media print {
			body {
			margin: 0;
			padding: 0;
			}
			.print-page {
			margin: 0;
			padding: 10mm;
			/* padding-left: 20mm; */
			page-break-inside: avoid;
			page-break-after: always;
			}
			.print-page:last-child {
			page-break-after: avoid;
			}
			}
			</style>
			</head>
			<body>
			`;

			// 为每条数据生成打印页面
			printData.value.forEach((item, index) => {
			printContent += `
			<div class="print-page">
			<div class="delivery-note">
			<div class="header">
			<div class="document-title">零售发货单</div>
			</div>

			<div class="info-section">
			<div class="info-row">
			<div>
			<span class="label">发货日期：</span>
			<span class="value">${formatDate(
			item.createTime
			)}</span>
			</div>
			<div>
			<span class="label">客户名称：</span>
			<span class="value">${
			item.customerName
			}</span>
			</div>
			</div>
			<div class="info-row">
			<span class="label">单号：</span>
			<span class="value">${
			item.salesContractNo \|\|
			""
			}</span>
			</div>
			</div>

			<div class="table-section">
			<table class="product-table">
			<thead>
			<tr>
			<th>产品名称</th>
			<th>规格型号</th>
			<th>单位</th>
			<th>单价</th>
			<th>零售数量</th>
			<th>零售金额</th>
			</tr>
			</thead>
			<tbody>
			${
			item.products &&
			item
			.products
			.length >
			0
			? item.products
			.map(
			product => `
			<tr>
			<td>${
			product.productCategory \|\|
			""
			}</td>
			<td>${
			product.specificationModel \|\|
			""
			}</td>
			<td>${
			product.unit \|\|
			""
			}</td>
			<td>${
			product.taxInclusiveUnitPrice \|\|
			"0"
			}</td>
			<td>${
			product.quantity \|\|
			"0"
			}</td>
			<td>${
			product.taxInclusiveTotalPrice \|\|
			"0"
			}</td>
			</tr>
			`
			)
			.join(
			""
			)
			: '<tr><td colspan="6" style="text-align: center; color: #999;">暂无产品数据</td></tr>'
			}
			</tbody>
			<tfoot>
			<tr>
			<td class="label">合计</td>
			<td class="total-value"></td>
			<td class="total-value"></td>
			<td class="total-value"></td>
			<td class="total-value">${getTotalQuantityForPrint(
			item.products
			)}</td>
			<td class="total-value">${getTotalAmountForPrint(
			item.products
			)}</td>
			</tr>
			</tfoot>
			</table>
			</div>

			<div class="footer-section">
			<div class="footer-row">
			<div class="footer-item">
			<span class="label">收货电话：</span>
			<span class="value"></span>
			</div>
			<div class="footer-item">
			<span class="label">收货人：</span>
			<span class="value"></span>
			</div>
			<div class="footer-item address-item">
			<span class="label">收货地址：</span>
			<span class="value address-value"></span>
			</div>
			</div>
			<div class="footer-row">
			<div class="footer-item">
			<span class="label">操作员：</span>
			<span class="value">${
			userStore.nickName \|\|
			"撕开前"
			}</span>
			</div>
			<div class="footer-item">
			<span class="label">打印日期：</span>
			<span class="value">${formatDateTime(
			new Date()
			)}</span>
			</div>
			</div>
			</div>
			</div>
			</div>
			`;
			});

			printContent += `
			</body>
			</html>
			`;

			// 写入内容到新窗口
			printWindow.document.write(printContent);
			printWindow.document.close();

			// 等待内容加载完成后打印
			printWindow.onload = () => {
			setTimeout(() => {
			printWindow.print();
			printWindow.close();
			printPreviewVisible.value = false;
			}, 500);
			};
			};
			// 格式化日期
			const formatDate = dateString => {
			if (!dateString) return getCurrentDate();
			@@ -2767,6 +2443,28 @@
			fileDialogVisible.value = true;
			};

			// 下载销售单
			const downloadOrder = async (id) => {
			try {
			const res = await getPrintData(id);
			const data = res.data \|\| res;
			downloadSalesJpg(data.companyName, data.ledger, '销售单_' + (data.ledger.salesContractNo \|\| id) + '.jpg');
			} catch (e) {
			console.error('下载失败:', e);
			}
			};

			// 打印销售单
			const printOrder = async (id) => {
			try {
			const res = await getPrintData(id);
			const data = res.data \|\| res;
			printSales(data.companyName, data.ledger);
			} catch (e) {
			console.error('打印失败:', e);
			}
			};

			// 打开发货弹框
			const openDeliveryForm = async row => {
			// 检查是否可以发货