product-inventory-management.git

yyb

5 天以前 56d52656426f71e8d53bea63b3d07a564d3ecd85

生产流程卡(成品)

已添加1个文件

已修改2个文件

	src/api/salesManagement/salesLedger.js	8 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/salesManagement/salesLedger/components/processCardPrint.js	261 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/salesManagement/salesLedger/index.vue	670 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 src/api/salesManagement/salesLedger.js

@@ -168,4 +168,12 @@
    url: `/sales/ledger/salesProcess/${salesLedgerId}`,
    method: "get",
  });
}

// æå°çäº§æµç¨å¡ï¼æåï¼
export function getProcessCard(salesLedgerId) {
  return request({
    url: `/sales/ledger/processCard/${salesLedgerId}`,
    method: "get",
  });
}

 src/views/salesManagement/salesLedger/components/processCardPrint.js

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,261 @@
const PRINT_TITLE = "çäº§æµç¨å¡(æå)";

const formatDisplayDate = (value) => {
  if (!value) return "";
  const date = new Date(value);
  if (Number.isNaN(date.getTime())) return String(value);
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, "0");
  const day = String(date.getDate()).padStart(2, "0");
  return `${year}/${month}/${day}`;
};

const getCurrentDate = () => {
  const date = new Date();
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, "0");
  const day = String(date.getDate()).padStart(2, "0");
  return `${year}/${month}/${day}`;
};

const escapeHtml = (value) =>
  String(value ?? "")
    .replaceAll("&", "&amp;")
    .replaceAll("<", "&lt;")
    .replaceAll(">", "&gt;")
    .replaceAll('"', "&quot;")
    .replaceAll("'", "&#39;");

const renderRouteHeader = (routeNodes) => {
  const columns = (Array.isArray(routeNodes) ? routeNodes : [])
    .sort((a, b) => (a?.dragSort ?? 0) - (b?.dragSort ?? 0))
    .map((node) => `<th class="route-col">${escapeHtml(node?.processRouteItemName)}</th>`)
    .join("");
  return columns || '<th class="route-col">å·¥åº</th>';
};

const renderRouteRow = (routeNodes) => {
  const columns = (Array.isArray(routeNodes) ? routeNodes : [])
    .sort((a, b) => (a?.dragSort ?? 0) - (b?.dragSort ?? 0))
    .map(() => '<td class="route-col">æ¬¡å</td>')
    .join("");
  return columns || '<td class="route-col">æ¬¡å</td>';
};

const renderRouteEmptyCells = (routeNodes) => {
  const columns = (Array.isArray(routeNodes) ? routeNodes : [])
    .sort((a, b) => (a?.dragSort ?? 0) - (b?.dragSort ?? 0))
    .map(() => '<td class="route-col"></td>')
    .join("");
  return columns || '<td class="route-col"></td>';
};

const renderItems = (items, startIndex, routeNodes, totalCols) => {
  const list = Array.isArray(items) ? items : [];
  if (list.length === 0) {
    return `<tr><td colspan="${totalCols}" style="text-align:center;">ææ æç»</td></tr>`;
  }
  const routeEmptyCells = renderRouteEmptyCells(routeNodes);
  return list
    .map(
      (item, index) => `
      <tr>
        <td>${startIndex + index + 1}</td>
        <td class="no-wrap">${escapeHtml(item?.floorCode)}</td>
        <td class="no-wrap">${escapeHtml(item?.width)} * ${escapeHtml(item?.height)}</td>
        <td class="no-wrap">${escapeHtml(item?.quantity)}</td>
        <td class="no-wrap">${escapeHtml(item?.area)}</td>
        <td class="no-wrap">${escapeHtml(item?.processRequirement)}</td>
        ${routeEmptyCells}
      </tr>
    `
    )
    .join("");
};

const splitItemsByPage = (items, pageSize) => {
  const list = Array.isArray(items) ? items : [];
  if (list.length === 0) return [[]];
  const pages = [];
  for (let i = 0; i < list.length; i += pageSize) {
    pages.push(list.slice(i, i + pageSize));
  }
  return pages;
};

export const printFinishedProcessCard = (cardData) => {
  const data = cardData ?? {};
  const routeNodes = Array.isArray(data.routeNodes) ? data.routeNodes : [];
  const items = Array.isArray(data.items) ? data.items : [];
  const firstItem = items[0] ?? {};
  const productName = firstItem.productDescription || "";
  const totalCols = 6 + Math.max(routeNodes.length, 1);
  const signLabelCols = 2;
  const signBlankCols = Math.max(totalCols - 5 - signLabelCols, 1);
  const pageSize = 10;
  const itemPages = splitItemsByPage(items, pageSize);
  const totalPages = itemPages.length;

  const printWindow = window.open("", "_blank", "width=1200,height=900");
  if (!printWindow) {
    throw new Error("æµè§å¨æ¦æªäºå¼¹çªï¼è¯·åè®¸å¼¹çªåéè¯");
  }

  const html = `
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>${PRINT_TITLE}</title>
    <style>
      body { margin: 0; padding: 0; font-family: "SimSun", serif; color: #222; }
      .page { width: 198mm; margin: 0 auto; padding: 6mm 3mm 5mm; box-sizing: border-box; page-break-after: always; }
      .page:last-child { page-break-after: auto; }
      .table-wrap { position: relative; }
      .page-mark {
        position: absolute;
        left: 0;
        top: -16px;
        z-index: 2;
        font-size: 12px;
        line-height: 1;
        background: #fff;
        padding: 0 2px;
      }
      .title { text-align: center; font-size: 18px; font-weight: 700; margin-bottom: 4px; line-height: 1.2; }
      .sub-title { font-size: 14px; }
      table { width: 100%; border-collapse: collapse; table-layout: auto; }
      td, th { border: 0.8px solid #6f7f95; padding: 2px 4px; font-size: 12px; text-align: center; vertical-align: middle; word-break: break-all; }
      .left { text-align: left; }
      .no-wrap { white-space: nowrap; word-break: keep-all; }
      .route-col { min-width: 48px; white-space: nowrap; word-break: keep-all; }
      .section-title { font-weight: 700; text-align: left; padding-left: 6px; }
      .sign-label { text-align: left; padding-left: 8px; vertical-align: top; line-height: 1.2; }
      .sign-blank { vertical-align: top; min-height: 18px; }
      .order-req-content { min-height: 82px; vertical-align: top; padding-top: 6px; }
      .sign-row td { height: 18px; }
      .order-require-title { width: 34px; padding: 0; }
      .order-require-title-text {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        line-height: 1.25;
        letter-spacing: 0;
        font-weight: 500;
      }
      .footer { margin-top: 10px; font-size: 12px; line-height: 1.7; padding: 0 2px; }
      .footer-row { display: flex; justify-content: space-between; }
      .footer-item { width: 33%; }
      .continued { text-align: right; font-size: 12px; padding-right: 8px; }
      @media print {
        @page { size: A4 portrait; margin: 8mm; }
        .page { width: 100%; margin: 0; padding: 0; }
      }
    </style>
  </head>
  <body>
    ${itemPages
      .map((pageItems, pageIndex) => {
        const isLastPage = pageIndex === totalPages - 1;
        const startIndex = pageIndex * pageSize;
        return `
    <div class="page">
      <div class="title">é¹¤å£å¤©æ²é¢åç»çå<br /><span class="sub-title">çäº§æµç¨å¡(æå)</span></div>
      <div class="table-wrap">
      <div class="page-mark">ç¬¬${pageIndex + 1}é¡µï¼å±${totalPages}é¡µ</div>
      <table>
        <thead>
          <tr>
            <td colspan="5" class="left">è®¢åç¼å·:${escapeHtml(data.salesContractNo)}</td>
            <td colspan="${totalCols - 5}" class="left">äº¤è´§æ¥æ:${escapeHtml(formatDisplayDate(data.deliveryDate))}</td>
          </tr>
          <tr>
            <td colspan="5" class="left">å®¢æ·åç§°:${escapeHtml(data.customerName)}</td>
            <td colspan="${totalCols - 5}" class="left">å·¥èºæµç¨:${escapeHtml(data.processPathDisplay)}</td>
          </tr>
          <tr>
            <th rowspan="2" style="width:6%;">è®¢åº</th>
            <th rowspan="2" style="width:22%;" class="no-wrap">æ¥¼å±ç¼å·</th>
            <th rowspan="2" style="width:20%;" class="no-wrap">å®½(å¼§é¿)*é«</th>
            <th rowspan="2" style="width:8%;" class="no-wrap">æ°é</th>
            <th rowspan="2" style="width:8%;" class="no-wrap">é¢ç§¯</th>
            <th rowspan="2" style="width:20%;" class="no-wrap">æç»å å·¥è¦æ±</th>
            ${renderRouteHeader(routeNodes)}
          </tr>
          <tr>${renderRouteRow(routeNodes)}</tr>
        </thead>
        <tbody>
          <tr>
            <td colspan="${totalCols}" class="section-title">äº§ååç§°:${escapeHtml(productName)}</td>
          </tr>
          ${renderItems(pageItems, startIndex, routeNodes, totalCols)}
          ${
            isLastPage
              ? `<tr>
            <td colspan="3" class="left"><strong>åè®¡:</strong></td>
            <td>${escapeHtml(data.totalQuantity)}</td>
            <td>${escapeHtml(data.totalArea)}</td>
            <td colspan="${signLabelCols}" class="sign-label">å®å·¥ç¾å</td>
            <td colspan="${signBlankCols}" class="sign-blank"></td>
          </tr>
          <tr class="sign-row">
            <td rowspan="3" class="order-require-title">
              <div class="order-require-title-text">
                <span>è®¢å</span>
                <span>å å·¥</span>
                <span>è¦æ±</span>
              </div>
            </td>
            <td colspan="4" rowspan="3" class="left order-req-content">${escapeHtml(data.orderProcessRequirement)}</td>
            <td colspan="${signLabelCols}" class="sign-label">è´¨æ£ç¾å</td>
            <td colspan="${signBlankCols}" class="sign-blank"></td>
          </tr>
          <tr class="sign-row">
            <td colspan="${signLabelCols}" class="sign-label">æ¥æ¶ç¾å</td>
            <td colspan="${signBlankCols}" class="sign-blank"></td>
          </tr>
          <tr class="sign-row">
            <td colspan="${signLabelCols}" class="sign-label">çäº§æ¥æ</td>
            <td colspan="${signBlankCols}" class="sign-blank"></td>
          </tr>`
              : `<tr><td colspan="${totalCols}" class="continued">ä¸é¡µç»...</td></tr>`
          }
        </tbody>
      </table>
      </div>

      ${
        isLastPage
          ? `<div class="footer">
        <div class="footer-row">
          <div class="footer-item">å¶åå:${escapeHtml(data.register)}</div>
          <div class="footer-item">å®¡æ ¸å:__________</div>
          <div class="footer-item">å·¥èºå:${escapeHtml(data.technician ?? "")}</div>
        </div>
        <div class="footer-row">
          <div class="footer-item">å¶åæ¥æ:${escapeHtml(formatDisplayDate(data.registerDate))}</div>
          <div class="footer-item">å®¡æ ¸æ¥æ:__________</div>
          <div class="footer-item">æå°æ¥æ:${getCurrentDate()}</div>
        </div>
      </div>`
          : ""
      }
    </div>`;
      })
      .join("")}
  </body>
</html>
`;

  printWindow.document.write(html);
  printWindow.document.close();
  printWindow.onload = () => {
    setTimeout(() => {
      printWindow.focus();
      printWindow.print();
      printWindow.close();
    }, 300);
  };
};

 src/views/salesManagement/salesLedger/index.vue

@@ -45,7 +45,16 @@
          <el-button type="primary" plain @click="handleImport">å¯¼å¥</el-button>
          <el-button @click="handleOut">å¯¼åº</el-button>
          <el-button type="danger" plain @click="handleDelete">å é¤</el-button>
          <el-button type="primary" plain @click="handlePrint">æå°</el-button>
          <el-dropdown @command="handlePrintCommand">
            <el-button type="primary" plain>
              æå°åæ®<el-icon class="el-icon--right"><ArrowDown /></el-icon>
            </el-button>
            <template #dropdown>
              <el-dropdown-menu>
                <el-dropdown-item command="finishedProcessCard">æå°çäº§æµç¨å¡ï¼æåï¼</el-dropdown-item>
              </el-dropdown-menu>
            </template>
          </el-dropdown>
        </div>
      </div>
      <el-table :data="tableData" border v-loading="tableLoading" @selection-change="handleSelectionChange"
@@ -773,122 +782,6 @@
            v-model="fileListDialogVisible"
            title="éä»¶åè¡¨"
        />
        <!-- æå°é¢è§å¼¹çª -->
        <el-dialog
            v-model="printPreviewVisible"
            title="æå°é¢è§"
            width="90%"
            :close-on-click-modal="false"
            class="print-preview-dialog"
        >
            <div class="print-preview-container">
                <div class="print-preview-header">
                    <el-button type="primary" @click="executePrint">æ§è¡æå°</el-button>
                    <el-button @click="printPreviewVisible = false">å³éé¢è§</el-button>
                </div>
                <div class="print-preview-content">
                    <div v-if="printData.length === 0" style="text-align: center; padding: 50px; color: #999;">
                        ææ æå°æ°æ®
                    </div>
                    <div v-else style="text-align: center; padding: 10px; color: #666; font-size: 14px; background: #e8f4fd; margin-bottom: 10px;">
                        å± {{ printData.length }} æ¡æ°æ®å¾æå°
                    </div>
                    <div v-for="(item, index) in printData" :key="index" class="print-page">
                        <div 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.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>
                            </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>
                                    <tr v-for="product in item.products" :key="product.id">
                                        <td>{{ product.productCategory || '' }}</td>
                                        <td>{{ product.specificationModel || '' }}</td>
                                        <td>{{ product.thickness ?? '' }}</td>
                                        <td>{{ product.taxInclusiveUnitPrice || '0' }}</td>
                                        <td>{{ product.quantity || '0' }}</td>
                                        <td>{{ product.taxInclusiveTotalPrice || '0' }}</td>
                                    </tr>
                                    <tr v-if="!item.products || item.products.length === 0">
                                        <td colspan="6" style="text-align: center; color: #999;">ææ äº§åæ°æ®</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">{{ getTotalQuantity(item.products) }}</td>
                                        <td class="total-value">{{ getTotalAmount(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>
                </div>
            </div>
        </el-dialog>
        <!-- åè´§å¼¹æ¡ -->
        <el-dialog
            v-model="deliveryFormVisible"
@@ -973,7 +866,7 @@
import {onMounted, ref, getCurrentInstance} from "vue";
import { addShippingInfo } from "@/api/salesManagement/deliveryLedger.js";
import { ElMessageBox, ElMessage } from "element-plus";
import { UploadFilled, Download } from "@element-plus/icons-vue";
import { ArrowDown } from "@element-plus/icons-vue";
import useUserStore from "@/store/modules/user";
import { userListNoPage } from "@/api/system/user.js";
import FileListDialog from '@/components/Dialog/FileListDialog.vue';
@@ -996,11 +889,13 @@
    salesLedgerProductProcessList,
    saleProcessBind,
    getSaleProcessBindInfo,
    getProcessCard,
} 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 { printFinishedProcessCard } from "./components/processCardPrint.js";
// import { salesLedgerProductSetProcessFlowConfig } from "@/api/salesManagement/salesProcessFlowConfig.js";

const userStore = useUserStore();
@@ -1121,10 +1016,6 @@
    // è®¾ç½®ä¸ä¼ çè¯·æ±å¤´é¨
    headers: { Authorization: "Bearer " + getToken() },
});
// æå°ç¸å³
const printPreviewVisible = ref(false);
const printData = ref([]);

// æ¥ä»·åå¯¼å¥ç¸å³
const quotationDialogVisible = ref(false);
const quotationLoading = ref(false);
@@ -2131,364 +2022,31 @@
        });
};

// æå°åè½
const handlePrint = async () => {
    if (selectedRows.value.length === 0) {
        proxy.$modal.msgWarning("è¯·éæ©è¦æå°çæ°æ®");
const handlePrintCommand = async (command) => {
    if (command !== "finishedProcessCard") return;
    if (selectedRows.value.length !== 1) {
        proxy.$modal.msgWarning("è¯·éæ©ä¸æ¡éå®å°è´¦æ°æ®è¿è¡æå°");
        return;
    }
	
    // æ¾ç¤ºå è½½ç¶æ
    proxy.$modal.loading("æ£å¨è·åäº§åæ°æ®ï¼è¯·ç¨å...");
	

    const selectedRow = selectedRows.value[0];
    const selectedId = selectedRow?.id;
    if (!selectedId) {
        proxy.$modal.msgWarning("å½åéæ©æ°æ®ç¼ºå°IDï¼æ æ³æå°");
        return;
    }

    proxy.$modal.loading("æ£å¨è·åçäº§æµç¨å¡æ°æ®ï¼è¯·ç¨å...");
    try {
        // ä¸ºæ¯ä¸ªéä¸çéå®å°è´¦è®°å½æ¥è¯¢å¯¹åºçäº§åæ°æ®
        const printDataWithProducts = [];
		
        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: []
                });
            }
        }
		
        printData.value = printDataWithProducts;
        console.log('æå°æ°æ®ï¼åå«äº§åï¼:', printData.value);
        printPreviewVisible.value = true;
		
        const res = await getProcessCard(selectedId);
        const processCardData = res?.data ?? {};
        printFinishedProcessCard(processCardData);
    } catch (error) {
        console.error('è·åäº§åæ°æ®å¤±è´¥:', error);
        proxy.$modal.msgError("è·åäº§åæ°æ®å¤±è´¥ï¼è¯·éè¯");
        console.error("æå°çäº§æµç¨å¡å¤±è´¥:", error);
        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.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>'
        }
              </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();
    const date = new Date(dateString);
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, "0");
    const day = String(date.getDate()).padStart(2, "0");
    return `${year}/${month}/${day}`;
};
// æ ¼å¼åæ¥ææ¶é´
const formatDateTime = (date) => {
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, "0");
    const day = String(date.getDate()).padStart(2, "0");
    const hours = String(date.getHours()).padStart(2, "0");
    const minutes = String(date.getMinutes()).padStart(2, "0");
    const seconds = String(date.getSeconds()).padStart(2, "0");
    return `${year}/${month}/${day} ${hours}:${minutes}:${seconds}`;
};
// è®¡ç®äº§åæ»æ°é
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);
};

// è®¡ç®äº§åæ»éé¢
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);
};

// ç¨äºæå°çè®¡ç®å½æ°
const getTotalQuantityForPrint = (products) => {
    if (!products || products.length === 0) return '0';
    const total = products.reduce((sum, product) => {
        return sum + (parseFloat(product.quantity) || 0);
    }, 0);
    return total.toFixed(2);
};

const getTotalAmountForPrint = (products) => {
    if (!products || products.length === 0) return '0';
    const total = products.reduce((sum, product) => {
        return sum + (parseFloat(product.taxInclusiveTotalPrice) || 0);
    }, 0);
    return total.toFixed(2);
};

const mathNum = () => {
@@ -3031,171 +2589,5 @@
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.print-preview-dialog {
    .el-dialog__body {
        padding: 0;
        max-height: 80vh;
        overflow-y: auto;
    }
}

.print-preview-container {
    .print-preview-header {
        padding: 15px;
        border-bottom: 1px solid #e4e7ed;
        text-align: center;
		
        .el-button {
            margin: 0 10px;
        }
    }
	
    .print-preview-content {
        padding: 20px;
        background-color: #f5f5f5;
        min-height: 400px;
    }
}

.print-page {
    width: 220mm;
    height: 90mm;
    padding: 10mm;
    margin: 0 auto;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    box-sizing: border-box;
}

.delivery-note {
    width: 100%;
    height: 100%;
    font-family: "SimSun", serif;
    font-size: 10px;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
}

.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: 14px;
        }
		
        .value {
            margin-right: 20px;
            min-width: 80px;
            font-size: 14px;
        }
    }
}

.table-section {
    margin-bottom: 4px;
    flex: 1;
	
    .product-table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #000;
		
        th, td {
            border: 1px solid #000;
            padding: 6px;
            text-align: center;
            font-size: 14px;
            line-height: 1.4;
        }
		
        th {
            font-weight: bold;
        }
		
        .total-label {
            text-align: right;
            font-weight: bold;
        }
		
        .total-value {
            font-weight: bold;
        }
    }
}

.footer-section {
    .footer-row {
        display: flex;
        margin-bottom: 3px;
        line-height: 20px;
        justify-content: space-between;
		
        .footer-item {
            display: flex;
            margin-right: 20px;
			
            .label {
                font-weight: bold;
                width: 80px;
                font-size: 14px;
            }
			
            .value {
                min-width: 80px;
                font-size: 14px;
            }
			
            &.address-item {
                .address-value {
                    min-width: 200px;
                }
            }
        }
    }
}

@media print {
    .app-container {
        display: none;
    }
	
    .print-page {
        box-shadow: none;
        margin: 0;
        padding: 10mm;
        padding-left: 20mm;
        page-break-inside: avoid;
        page-break-after: always;
    }
    .print-page:last-child {
        page-break-after: avoid;
    }
}
</style>

			@@ -168,4 +168,12 @@
			url: `/sales/ledger/salesProcess/${salesLedgerId}`,
			method: "get",
			});
			}

			// æå°çäº§æµç¨å¡ï¼æåï¼
			export function getProcessCard(salesLedgerId) {
			return request({
			url: `/sales/ledger/processCard/${salesLedgerId}`,
			method: "get",
			});
			}

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,261 @@
			const PRINT_TITLE = "çäº§æµç¨å¡(æå)";

			const formatDisplayDate = (value) => {
			if (!value) return "";
			const date = new Date(value);
			if (Number.isNaN(date.getTime())) return String(value);
			const year = date.getFullYear();
			const month = String(date.getMonth() + 1).padStart(2, "0");
			const day = String(date.getDate()).padStart(2, "0");
			return `${year}/${month}/${day}`;
			};

			const getCurrentDate = () => {
			const date = new Date();
			const year = date.getFullYear();
			const month = String(date.getMonth() + 1).padStart(2, "0");
			const day = String(date.getDate()).padStart(2, "0");
			return `${year}/${month}/${day}`;
			};

			const escapeHtml = (value) =>
			String(value ?? "")
			.replaceAll("&", "&")
			.replaceAll("<", "<")
			.replaceAll(">", ">")
			.replaceAll('"', """)
			.replaceAll("'", "'");

			const renderRouteHeader = (routeNodes) => {
			const columns = (Array.isArray(routeNodes) ? routeNodes : [])
			.sort((a, b) => (a?.dragSort ?? 0) - (b?.dragSort ?? 0))
			.map((node) => `<th class="route-col">${escapeHtml(node?.processRouteItemName)}</th>`)
			.join("");
			return columns \|\| '<th class="route-col">å·¥åº</th>';
			};

			const renderRouteRow = (routeNodes) => {
			const columns = (Array.isArray(routeNodes) ? routeNodes : [])
			.sort((a, b) => (a?.dragSort ?? 0) - (b?.dragSort ?? 0))
			.map(() => '<td class="route-col">æ¬¡å</td>')
			.join("");
			return columns \|\| '<td class="route-col">æ¬¡å</td>';
			};

			const renderRouteEmptyCells = (routeNodes) => {
			const columns = (Array.isArray(routeNodes) ? routeNodes : [])
			.sort((a, b) => (a?.dragSort ?? 0) - (b?.dragSort ?? 0))
			.map(() => '<td class="route-col"></td>')
			.join("");
			return columns \|\| '<td class="route-col"></td>';
			};

			const renderItems = (items, startIndex, routeNodes, totalCols) => {
			const list = Array.isArray(items) ? items : [];
			if (list.length === 0) {
			return `<tr><td colspan="${totalCols}" style="text-align:center;">ææ æç»</td></tr>`;
			}
			const routeEmptyCells = renderRouteEmptyCells(routeNodes);
			return list
			.map(
			(item, index) => `
			<tr>
			<td>${startIndex + index + 1}</td>
			<td class="no-wrap">${escapeHtml(item?.floorCode)}</td>
			<td class="no-wrap">${escapeHtml(item?.width)} * ${escapeHtml(item?.height)}</td>
			<td class="no-wrap">${escapeHtml(item?.quantity)}</td>
			<td class="no-wrap">${escapeHtml(item?.area)}</td>
			<td class="no-wrap">${escapeHtml(item?.processRequirement)}</td>
			${routeEmptyCells}
			</tr>
			`
			)
			.join("");
			};

			const splitItemsByPage = (items, pageSize) => {
			const list = Array.isArray(items) ? items : [];
			if (list.length === 0) return [[]];
			const pages = [];
			for (let i = 0; i < list.length; i += pageSize) {
			pages.push(list.slice(i, i + pageSize));
			}
			return pages;
			};

			export const printFinishedProcessCard = (cardData) => {
			const data = cardData ?? {};
			const routeNodes = Array.isArray(data.routeNodes) ? data.routeNodes : [];
			const items = Array.isArray(data.items) ? data.items : [];
			const firstItem = items[0] ?? {};
			const productName = firstItem.productDescription \|\| "";
			const totalCols = 6 + Math.max(routeNodes.length, 1);
			const signLabelCols = 2;
			const signBlankCols = Math.max(totalCols - 5 - signLabelCols, 1);
			const pageSize = 10;
			const itemPages = splitItemsByPage(items, pageSize);
			const totalPages = itemPages.length;

			const printWindow = window.open("", "_blank", "width=1200,height=900");
			if (!printWindow) {
			throw new Error("æµè§å¨æ¦æªäºå¼¹çªï¼è¯·åè®¸å¼¹çªåéè¯");
			}

			const html = `
			<!DOCTYPE html>
			<html>
			<head>
			<meta charset="UTF-8" />
			<title>${PRINT_TITLE}</title>
			<style>
			body { margin: 0; padding: 0; font-family: "SimSun", serif; color: #222; }
			.page { width: 198mm; margin: 0 auto; padding: 6mm 3mm 5mm; box-sizing: border-box; page-break-after: always; }
			.page:last-child { page-break-after: auto; }
			.table-wrap { position: relative; }
			.page-mark {
			position: absolute;
			left: 0;
			top: -16px;
			z-index: 2;
			font-size: 12px;
			line-height: 1;
			background: #fff;
			padding: 0 2px;
			}
			.title { text-align: center; font-size: 18px; font-weight: 700; margin-bottom: 4px; line-height: 1.2; }
			.sub-title { font-size: 14px; }
			table { width: 100%; border-collapse: collapse; table-layout: auto; }
			td, th { border: 0.8px solid #6f7f95; padding: 2px 4px; font-size: 12px; text-align: center; vertical-align: middle; word-break: break-all; }
			.left { text-align: left; }
			.no-wrap { white-space: nowrap; word-break: keep-all; }
			.route-col { min-width: 48px; white-space: nowrap; word-break: keep-all; }
			.section-title { font-weight: 700; text-align: left; padding-left: 6px; }
			.sign-label { text-align: left; padding-left: 8px; vertical-align: top; line-height: 1.2; }
			.sign-blank { vertical-align: top; min-height: 18px; }
			.order-req-content { min-height: 82px; vertical-align: top; padding-top: 6px; }
			.sign-row td { height: 18px; }
			.order-require-title { width: 34px; padding: 0; }
			.order-require-title-text {
			display: flex;
			height: 100%;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			line-height: 1.25;
			letter-spacing: 0;
			font-weight: 500;
			}
			.footer { margin-top: 10px; font-size: 12px; line-height: 1.7; padding: 0 2px; }
			.footer-row { display: flex; justify-content: space-between; }
			.footer-item { width: 33%; }
			.continued { text-align: right; font-size: 12px; padding-right: 8px; }
			@media print {
			@page { size: A4 portrait; margin: 8mm; }
			.page { width: 100%; margin: 0; padding: 0; }
			}
			</style>
			</head>
			<body>
			${itemPages
			.map((pageItems, pageIndex) => {
			const isLastPage = pageIndex === totalPages - 1;
			const startIndex = pageIndex * pageSize;
			return `
			<div class="page">
			<div class="title">é¹¤å£å¤©æ²é¢åç»çå<br /><span class="sub-title">çäº§æµç¨å¡(æå)</span></div>
			<div class="table-wrap">
			<div class="page-mark">ç¬¬${pageIndex + 1}é¡µï¼å±${totalPages}é¡µ</div>
			<table>
			<thead>
			<tr>
			<td colspan="5" class="left">è®¢åç¼å·:${escapeHtml(data.salesContractNo)}</td>
			<td colspan="${totalCols - 5}" class="left">äº¤è´§æ¥æ:${escapeHtml(formatDisplayDate(data.deliveryDate))}</td>
			</tr>
			<tr>
			<td colspan="5" class="left">å®¢æ·åç§°:${escapeHtml(data.customerName)}</td>
			<td colspan="${totalCols - 5}" class="left">å·¥èºæµç¨:${escapeHtml(data.processPathDisplay)}</td>
			</tr>
			<tr>
			<th rowspan="2" style="width:6%;">è®¢åº</th>
			<th rowspan="2" style="width:22%;" class="no-wrap">æ¥¼å±ç¼å·</th>
			<th rowspan="2" style="width:20%;" class="no-wrap">å®½(å¼§é¿)*é«</th>
			<th rowspan="2" style="width:8%;" class="no-wrap">æ°é</th>
			<th rowspan="2" style="width:8%;" class="no-wrap">é¢ç§¯</th>
			<th rowspan="2" style="width:20%;" class="no-wrap">æç»å å·¥è¦æ±</th>
			${renderRouteHeader(routeNodes)}
			</tr>
			<tr>${renderRouteRow(routeNodes)}</tr>
			</thead>
			<tbody>
			<tr>
			<td colspan="${totalCols}" class="section-title">äº§ååç§°:${escapeHtml(productName)}</td>
			</tr>
			${renderItems(pageItems, startIndex, routeNodes, totalCols)}
			${
			isLastPage
			? `<tr>
			<td colspan="3" class="left"><strong>åè®¡:</strong></td>
			<td>${escapeHtml(data.totalQuantity)}</td>
			<td>${escapeHtml(data.totalArea)}</td>
			<td colspan="${signLabelCols}" class="sign-label">å®å·¥ç¾å</td>
			<td colspan="${signBlankCols}" class="sign-blank"></td>
			</tr>
			<tr class="sign-row">
			<td rowspan="3" class="order-require-title">
			<div class="order-require-title-text">
			<span>è®¢å</span>
			<span>å å·¥</span>
			<span>è¦æ±</span>
			</div>
			</td>
			<td colspan="4" rowspan="3" class="left order-req-content">${escapeHtml(data.orderProcessRequirement)}</td>
			<td colspan="${signLabelCols}" class="sign-label">è´¨æ£ç¾å</td>
			<td colspan="${signBlankCols}" class="sign-blank"></td>
			</tr>
			<tr class="sign-row">
			<td colspan="${signLabelCols}" class="sign-label">æ¥æ¶ç¾å</td>
			<td colspan="${signBlankCols}" class="sign-blank"></td>
			</tr>
			<tr class="sign-row">
			<td colspan="${signLabelCols}" class="sign-label">çäº§æ¥æ</td>
			<td colspan="${signBlankCols}" class="sign-blank"></td>
			</tr>`
			: `<tr><td colspan="${totalCols}" class="continued">ä¸é¡µç»...</td></tr>`
			}
			</tbody>
			</table>
			</div>

			${
			isLastPage
			? `<div class="footer">
			<div class="footer-row">
			<div class="footer-item">å¶åå:${escapeHtml(data.register)}</div>
			<div class="footer-item">å®¡æ ¸å:__________</div>
			<div class="footer-item">å·¥èºå:${escapeHtml(data.technician ?? "")}</div>
			</div>
			<div class="footer-row">
			<div class="footer-item">å¶åæ¥æ:${escapeHtml(formatDisplayDate(data.registerDate))}</div>
			<div class="footer-item">å®¡æ ¸æ¥æ:__________</div>
			<div class="footer-item">æå°æ¥æ:${getCurrentDate()}</div>
			</div>
			</div>`
			: ""
			}
			</div>`;
			})
			.join("")}
			</body>
			</html>
			`;

			printWindow.document.write(html);
			printWindow.document.close();
			printWindow.onload = () => {
			setTimeout(() => {
			printWindow.focus();
			printWindow.print();
			printWindow.close();
			}, 300);
			};
			};

			@@ -45,7 +45,16 @@
			<el-button type="primary" plain @click="handleImport">å¯¼å¥</el-button>
			<el-button @click="handleOut">å¯¼åº</el-button>
			<el-button type="danger" plain @click="handleDelete">å é¤</el-button>
			<el-button type="primary" plain @click="handlePrint">æå°</el-button>
			<el-dropdown @command="handlePrintCommand">
			<el-button type="primary" plain>
			æå°åæ®<el-icon class="el-icon--right"><ArrowDown /></el-icon>
			</el-button>
			<template #dropdown>
			<el-dropdown-menu>
			<el-dropdown-item command="finishedProcessCard">æå°çäº§æµç¨å¡ï¼æåï¼</el-dropdown-item>
			</el-dropdown-menu>
			</template>
			</el-dropdown>
			</div>
			</div>
			<el-table :data="tableData" border v-loading="tableLoading" @selection-change="handleSelectionChange"
			@@ -773,122 +782,6 @@
			v-model="fileListDialogVisible"
			title="éä»¶åè¡¨"
			/>
			<!-- æå°é¢è§å¼¹çª -->
			<el-dialog
			v-model="printPreviewVisible"
			title="æå°é¢è§"
			width="90%"
			:close-on-click-modal="false"
			class="print-preview-dialog"
			>
			<div class="print-preview-container">
			<div class="print-preview-header">
			<el-button type="primary" @click="executePrint">æ§è¡æå°</el-button>
			<el-button @click="printPreviewVisible = false">å³éé¢è§</el-button>
			</div>
			<div class="print-preview-content">
			<div v-if="printData.length === 0" style="text-align: center; padding: 50px; color: #999;">
			ææ æå°æ°æ®
			</div>
			<div v-else style="text-align: center; padding: 10px; color: #666; font-size: 14px; background: #e8f4fd; margin-bottom: 10px;">
			å± {{ printData.length }} æ¡æ°æ®å¾æå°
			</div>
			<div v-for="(item, index) in printData" :key="index" class="print-page">
			<div 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.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>
			</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>
			<tr v-for="product in item.products" :key="product.id">
			<td>{{ product.productCategory \|\| '' }}</td>
			<td>{{ product.specificationModel \|\| '' }}</td>
			<td>{{ product.thickness ?? '' }}</td>
			<td>{{ product.taxInclusiveUnitPrice \|\| '0' }}</td>
			<td>{{ product.quantity \|\| '0' }}</td>
			<td>{{ product.taxInclusiveTotalPrice \|\| '0' }}</td>
			</tr>
			<tr v-if="!item.products \|\| item.products.length === 0">
			<td colspan="6" style="text-align: center; color: #999;">ææ äº§åæ°æ®</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">{{ getTotalQuantity(item.products) }}</td>
			<td class="total-value">{{ getTotalAmount(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>
			</div>
			</div>
			</el-dialog>
			<!-- åè´§å¼¹æ¡ -->
			<el-dialog
			v-model="deliveryFormVisible"
			@@ -973,7 +866,7 @@
			import {onMounted, ref, getCurrentInstance} from "vue";
			import { addShippingInfo } from "@/api/salesManagement/deliveryLedger.js";
			import { ElMessageBox, ElMessage } from "element-plus";
			import { UploadFilled, Download } from "@element-plus/icons-vue";
			import { ArrowDown } from "@element-plus/icons-vue";
			import useUserStore from "@/store/modules/user";
			import { userListNoPage } from "@/api/system/user.js";
			import FileListDialog from '@/components/Dialog/FileListDialog.vue';
			@@ -996,11 +889,13 @@
			salesLedgerProductProcessList,
			saleProcessBind,
			getSaleProcessBindInfo,
			getProcessCard,
			} 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 { printFinishedProcessCard } from "./components/processCardPrint.js";
			// import { salesLedgerProductSetProcessFlowConfig } from "@/api/salesManagement/salesProcessFlowConfig.js";

			const userStore = useUserStore();
			@@ -1121,10 +1016,6 @@
			// è®¾ç½®ä¸ä¼ çè¯·æ±å¤´é¨
			headers: { Authorization: "Bearer " + getToken() },
			});
			// æå°ç¸å³
			const printPreviewVisible = ref(false);
			const printData = ref([]);

			// æ¥ä»·åå¯¼å¥ç¸å³
			const quotationDialogVisible = ref(false);
			const quotationLoading = ref(false);
			@@ -2131,364 +2022,31 @@
			});
			};

			// æå°åè½
			const handlePrint = async () => {
			if (selectedRows.value.length === 0) {
			proxy.$modal.msgWarning("è¯·éæ©è¦æå°çæ°æ®");
			const handlePrintCommand = async (command) => {
			if (command !== "finishedProcessCard") return;
			if (selectedRows.value.length !== 1) {
			proxy.$modal.msgWarning("è¯·éæ©ä¸æ¡éå®å°è´¦æ°æ®è¿è¡æå°");
			return;
			}

			// æ¾ç¤ºå è½½ç¶æ
			proxy.$modal.loading("æ£å¨è·åäº§åæ°æ®ï¼è¯·ç¨å...");


			const selectedRow = selectedRows.value[0];
			const selectedId = selectedRow?.id;
			if (!selectedId) {
			proxy.$modal.msgWarning("å½åéæ©æ°æ®ç¼ºå°IDï¼æ æ³æå°");
			return;
			}

			proxy.$modal.loading("æ£å¨è·åçäº§æµç¨å¡æ°æ®ï¼è¯·ç¨å...");
			try {
			// ä¸ºæ¯ä¸ªéä¸çéå®å°è´¦è®°å½æ¥è¯¢å¯¹åºçäº§åæ°æ®
			const printDataWithProducts = [];

			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: []
			});
			}
			}

			printData.value = printDataWithProducts;
			console.log('æå°æ°æ®ï¼åå«äº§åï¼:', printData.value);
			printPreviewVisible.value = true;

			const res = await getProcessCard(selectedId);
			const processCardData = res?.data ?? {};
			printFinishedProcessCard(processCardData);
			} catch (error) {
			console.error('è·åäº§åæ°æ®å¤±è´¥:', error);
			proxy.$modal.msgError("è·åäº§åæ°æ®å¤±è´¥ï¼è¯·éè¯");
			console.error("æå°çäº§æµç¨å¡å¤±è´¥:", error);
			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.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>'
			}
			</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();
			const date = new Date(dateString);
			const year = date.getFullYear();
			const month = String(date.getMonth() + 1).padStart(2, "0");
			const day = String(date.getDate()).padStart(2, "0");
			return `${year}/${month}/${day}`;
			};
			// æ ¼å¼åæ¥ææ¶é´
			const formatDateTime = (date) => {
			const year = date.getFullYear();
			const month = String(date.getMonth() + 1).padStart(2, "0");
			const day = String(date.getDate()).padStart(2, "0");
			const hours = String(date.getHours()).padStart(2, "0");
			const minutes = String(date.getMinutes()).padStart(2, "0");
			const seconds = String(date.getSeconds()).padStart(2, "0");
			return `${year}/${month}/${day} ${hours}:${minutes}:${seconds}`;
			};
			// è®¡ç®äº§åæ»æ°é
			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);
			};

			// è®¡ç®äº§åæ»éé¢
			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);
			};

			// ç¨äºæå°çè®¡ç®å½æ°
			const getTotalQuantityForPrint = (products) => {
			if (!products \|\| products.length === 0) return '0';
			const total = products.reduce((sum, product) => {
			return sum + (parseFloat(product.quantity) \|\| 0);
			}, 0);
			return total.toFixed(2);
			};

			const getTotalAmountForPrint = (products) => {
			if (!products \|\| products.length === 0) return '0';
			const total = products.reduce((sum, product) => {
			return sum + (parseFloat(product.taxInclusiveTotalPrice) \|\| 0);
			}, 0);
			return total.toFixed(2);
			};

			const mathNum = () => {
			@@ -3031,171 +2589,5 @@
			display: flex;
			justify-content: space-between;
			margin-bottom: 10px;
			}
			.print-preview-dialog {
			.el-dialog__body {
			padding: 0;
			max-height: 80vh;
			overflow-y: auto;
			}
			}

			.print-preview-container {
			.print-preview-header {
			padding: 15px;
			border-bottom: 1px solid #e4e7ed;
			text-align: center;

			.el-button {
			margin: 0 10px;
			}
			}

			.print-preview-content {
			padding: 20px;
			background-color: #f5f5f5;
			min-height: 400px;
			}
			}

			.print-page {
			width: 220mm;
			height: 90mm;
			padding: 10mm;
			margin: 0 auto;
			background: white;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			margin-bottom: 10px;
			box-sizing: border-box;
			}

			.delivery-note {
			width: 100%;
			height: 100%;
			font-family: "SimSun", serif;
			font-size: 10px;
			line-height: 1.2;
			display: flex;
			flex-direction: column;
			}

			.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: 14px;
			}

			.value {
			margin-right: 20px;
			min-width: 80px;
			font-size: 14px;
			}
			}
			}

			.table-section {
			margin-bottom: 4px;
			flex: 1;

			.product-table {
			width: 100%;
			border-collapse: collapse;
			border: 1px solid #000;

			th, td {
			border: 1px solid #000;
			padding: 6px;
			text-align: center;
			font-size: 14px;
			line-height: 1.4;
			}

			th {
			font-weight: bold;
			}

			.total-label {
			text-align: right;
			font-weight: bold;
			}

			.total-value {
			font-weight: bold;
			}
			}
			}

			.footer-section {
			.footer-row {
			display: flex;
			margin-bottom: 3px;
			line-height: 20px;
			justify-content: space-between;

			.footer-item {
			display: flex;
			margin-right: 20px;

			.label {
			font-weight: bold;
			width: 80px;
			font-size: 14px;
			}

			.value {
			min-width: 80px;
			font-size: 14px;
			}

			&.address-item {
			.address-value {
			min-width: 200px;
			}
			}
			}
			}
			}

			@media print {
			.app-container {
			display: none;
			}

			.print-page {
			box-shadow: none;
			margin: 0;
			padding: 10mm;
			padding-left: 20mm;
			page-break-inside: avoid;
			page-break-after: always;
			}
			.print-page:last-child {
			page-break-after: avoid;
			}
			}
			</style>