product-inventory-management.git

			@@ -24,6 +24,18 @@
			prefix-icon="Search"
			@change="handleQuery" />
			</el-form-item>
			<el-form-item label="发货状态：">
			<el-select v-model="searchForm.shippingStatus"
			placeholder="请选择"
			clearable
			style="width: 160px"
			@change="handleQuery">
			<el-option label="未发货"
			value="未发货" />
			<el-option label="已发货"
			value="已发货" />
			</el-select>
			</el-form-item>
			<el-form-item label="录入日期：">
			<el-date-picker v-model="searchForm.entryDate"
			value-format="YYYY-MM-DD"
			@@ -123,15 +135,14 @@
			</el-table-column>
			<el-table-column label="快递公司"
			prop="expressCompany"
			v-if="false"
			show-overflow-tooltip />
			<el-table-column label="快递单号"
			prop="expressNumber"
			v-if="false"
			show-overflow-tooltip />
			<el-table-column label="发货车牌"
			minWidth="100px"
			align="center">
			align="center"
			v-if="false">
			<template #default="scope">
			<div>
			<el-tag type="success"
			@@ -250,7 +261,7 @@
			</el-button>
			<el-button link
			type="primary"
			@click="openFileDialog(scope.row)">附件
			@click="downloadOrder(scope.row.id)">下载
			</el-button>
			</template>
			</el-table-column>
			@@ -380,7 +391,7 @@
			:reserve-keyword="false"
			placeholder="请选择"
			clearable
			:disabled="operationType === 'view'"
			disabled
			@change="changs">
			<el-option v-for="item in userList"
			:key="item.userId"
			@@ -724,17 +735,38 @@
			</el-select>
			</el-form-item>
			</el-col>
			<!-- <el-col :span="12">
			<el-col :span="12">
			<el-form-item label="是否生产："
			prop="isProduction">
			<el-radio-group v-model="productForm.isProduction">
			<el-radio label="是"
			:value="true" />
			<el-radio label="否"
			:value="false" />
			</el-radio-group>
			<div style="display: flex; align-items: center; width: 100%;">
			<el-radio-group v-model="productForm.isProduction">
			<el-radio label="是"
			:value="true" />
			<el-radio label="否"
			:value="false" />
			</el-radio-group>
			<div
			v-if="currentStock !== null"
			:style="{
			marginLeft: '20px',
			padding: '0 12px',
			height: '28px',
			lineHeight: '28px',
			borderRadius: '4px',
			fontSize: '13px',
			fontWeight: '500',
			display: 'inline-block',
			whiteSpace: 'nowrap',
			backgroundColor: (productForm.quantity \|\| 0) > currentStock ? '#fff0f0' : '#f0f9eb',
			border: (productForm.quantity \|\| 0) > currentStock ? '1px solid #ffcccc' : '1px solid #e1f3d8',
			color: (productForm.quantity \|\| 0) > currentStock ? '#f56c6c' : '#67c23a'
			}"
			>
			<span>当前库存：{{ currentStock }} {{ productForm.unit \|\| '' }}</span>
			</div>
			</div>
			</el-form-item>
			</el-col>-->
			</el-col>
			</el-row>
			</el-form>
			</FormDialog>
			@@ -813,7 +845,7 @@
			<span class="label">发货日期：</span>
			<span class="value">{{ formatDate(item.createTime) }}</span>
			</div>
			<div>
			<div v-if="false">
			<span class="label">发货车牌号：</span>
			<span class="value">{{ item.shippingCarNumber }}</span>
			</div>
			@@ -901,7 +933,7 @@
			<!-- 发货弹框 -->
			<el-dialog v-model="deliveryFormVisible"
			title="发货信息"
			width="40%"
			width="960px"
			@close="closeDeliveryDia">
			<el-form :model="deliveryForm"
			label-width="120px"
			@@ -916,11 +948,10 @@
			placeholder="请选择发货类型"
			style="width: 100%"
			@change="handleDeliveryTypeChange">
			<el-option label="快递"
			value="快递" />
			<el-option label="货车"
			value="货车" />
			<el-option label="快递"
			v-if="false"
			value="快递" />
			</el-select>
			</el-form-item>
			</el-col>
			@@ -952,7 +983,7 @@
			</el-col>
			</el-row>
			<el-row :gutter="30"
			v-if="false">
			>
			<el-col :span="24">
			<el-form-item label="快递单号："
			prop="expressNumber">
			@@ -982,6 +1013,13 @@
			<el-table-column label="批号"
			prop="batchNo"
			min-width="180" />
			<el-table-column label="销售订单号"
			min-width="180"
			show-overflow-tooltip>
			<template #default="scope">
			{{ formatDeliveryBatchSalesOrderNo(scope.row) }}
			</template>
			</el-table-column>
			<el-table-column label="产品大类"
			prop="productName"
			min-width="100" />
			@@ -1051,7 +1089,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";
			@@ -1099,6 +1139,8 @@
			searchForm: {
			customerName: "", // 客户名称
			salesContractNo: "", // 销售合同编号
			projectName: "", // 项目名称
			shippingStatus: "", // 发货状态（未发货/已发货）
			entryDate: null, // 录入日期
			entryDateStart: undefined,
			entryDateEnd: undefined,
			@@ -1203,6 +1245,29 @@
			item?.stockQuantity;
			return quantity ?? 0;
			};
			const formatDeliveryBatchSalesOrderNo = item =>
			item?.salesContractNo \|\| "--";
			const currentStock = ref(null);
			const fetchCurrentStock = async (productModelId) => {
			if (!productModelId) {
			currentStock.value = null;
			return;
			}
			try {
			const res = await getStockInventoryByModelId(productModelId, currentId.value);
			const rawList = Array.isArray(res?.data)
			? res.data
			: res?.data?.records \|\| res?.data?.rows \|\| [];
			let total = 0;
			rawList.forEach(item => {
			total += Number(getDeliveryBatchQuantity(item) \|\| 0);
			});
			currentStock.value = total;
			} catch (e) {
			console.error(e);
			currentStock.value = 0;
			}
			};
			const getCurrentDeliveryRowQuantity = () => {
			return Number(currentDeliveryRow.value?.noQuantity \|\| 0);
			};
			@@ -1251,9 +1316,9 @@
			item => Number(item?.deliveryQuantity \|\| 0) > 0
			);
			};
			const getDeliveryBatchNoList = async productModelId => {
			const getDeliveryBatchNoList = async (productModelId, salesLedgerId) => {
			if (!productModelId) return [];
			const res = await getStockInventoryByModelId(productModelId);
			const res = await getStockInventoryByModelId(productModelId, salesLedgerId);
			const rawList = Array.isArray(res?.data)
			? res.data
			: res?.data?.records \|\| res?.data?.rows \|\| [];
			@@ -1288,7 +1353,7 @@
			shippingCarNumber: "",
			expressCompany: "",
			expressNumber: "",
			type: "货车", // 货车, 快递
			type: "快递", // 货车, 快递
			},
			deliveryRules: {
			shippingCarNumber: [
			@@ -1463,6 +1528,7 @@
			// 获取tree子数据
			const getModels = value => {
			productForm.value.productCategory = findNodeById(productOptions.value, value);
			currentStock.value = null;
			modelList({ id: value }).then(res => {
			modelOptions.value = res;
			});
			@@ -1472,9 +1538,11 @@
			if (index !== -1) {
			productForm.value.specificationModel = modelOptions.value[index].model;
			productForm.value.unit = modelOptions.value[index].unit;
			fetchCurrentStock(value);
			} else {
			productForm.value.specificationModel = null;
			productForm.value.unit = null;
			currentStock.value = null;
			}
			};
			const findNodeById = (nodes, productId) => {
			@@ -1810,6 +1878,7 @@

			productOperationType.value = type;
			productForm.value = {};
			currentStock.value = null;
			if (type === "add") {
			productForm.value.isProduction = true;
			}
			@@ -1836,6 +1905,7 @@
			);
			if (currentModel) {
			productForm.value.productModelId = currentModel.id;
			fetchCurrentStock(currentModel.id);
			}
			}
			} catch (e) {
			@@ -2038,359 +2108,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();
			@@ -2721,6 +2463,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 => {
			// 检查是否可以发货
			@@ -2733,13 +2497,14 @@

			currentDeliveryRow.value = row;
			const batchNoList = await getDeliveryBatchNoList(
			row.productModelId \|\| row.modelId
			row.productModelId \|\| row.modelId,
			row.salesLedgerId
			);
			deliveryForm.value = {
			shippingCarNumber: "",
			expressCompany: "",
			expressNumber: "",
			type: "货车",
			type: "快递",
			batchNo: [],
			batchNoList,
			};
			@@ -3064,4 +2829,4 @@
			page-break-after: avoid;
			}
			}
			</style>
			</style>