编辑页面

HTML内容
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Word文档合并工具</title>
    <script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/mammoth@1.6.0/mammoth.browser.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/docx@8.2.2/build/index.umd.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Microsoft YaHei', 'Segoe UI', Arial, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding: 20px;
        }
        
        .container {
            max-width: 1000px;
            margin: 0 auto;
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            overflow: hidden;
        }
        
        .header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 30px;
            text-align: center;
        }
        
        .header h1 {
            font-size: 28px;
            margin-bottom: 10px;
        }
        
        .header p {
            opacity: 0.9;
            font-size: 14px;
        }
        
        .content {
            padding: 30px;
        }
        
        .step {
            background: #f8f9fa;
            border-radius: 12px;
            padding: 20px;
            margin-bottom: 20px;
            border-left: 4px solid #667eea;
        }
        
        .step-title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .step-num {
            background: #667eea;
            color: white;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
        }
        
        .file-upload {
            border: 2px dashed #ddd;
            border-radius: 10px;
            padding: 30px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s;
            background: white;
        }
        
        .file-upload:hover {
            border-color: #667eea;
            background: #f0f4ff;
        }
        
        .file-upload.dragover {
            border-color: #667eea;
            background: #e8f0fe;
        }
        
        .file-upload input {
            display: none;
        }
        
        .file-upload-icon {
            font-size: 48px;
            margin-bottom: 10px;
        }
        
        .file-upload-text {
            color: #666;
            font-size: 14px;
        }
        
        .file-list {
            margin-top: 15px;
            max-height: 180px;
            overflow-y: auto;
        }
        
        .file-item {
            display: flex;
            align-items: center;
            padding: 10px;
            background: white;
            border-radius: 8px;
            margin-bottom: 8px;
            border: 1px solid #eee;
        }
        
        .file-item .icon {
            font-size: 24px;
            margin-right: 10px;
        }
        
        .file-item .name {
            flex: 1;
            font-size: 14px;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .file-item .size {
            font-size: 12px;
            color: #999;
            margin-left: 10px;
        }
        
        .file-item .remove {
            color: #ff4d4f;
            cursor: pointer;
            margin-left: 10px;
            font-size: 18px;
            padding: 0 5px;
        }
        
        .preview-section {
            margin-top: 15px;
            padding: 15px;
            background: #f0f4ff;
            border-radius: 8px;
            max-height: 250px;
            overflow-y: auto;
        }
        
        .preview-section h4 {
            font-size: 13px;
            color: #666;
            margin-bottom: 10px;
        }
        
        .preview-item {
            padding: 8px 12px;
            background: white;
            border-radius: 6px;
            margin-bottom: 6px;
            font-size: 13px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .preview-item .num {
            background: #667eea;
            color: white;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            flex-shrink: 0;
        }
        
        .preview-item .name {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .preview-item .status {
            font-size: 12px;
            flex-shrink: 0;
        }
        
        .preview-item .status.success {
            color: #52c41a;
        }
        
        .preview-item .status.error {
            color: #ff4d4f;
        }
        
        .preview-item.missing {
            background: #fff2f0;
        }
        
        .preview-item.missing .num {
            background: #ff4d4f;
        }
        
        .stats-bar {
            display: flex;
            gap: 20px;
            margin-top: 15px;
            padding: 12px;
            background: white;
            border-radius: 8px;
        }
        
        .stat-item {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .stat-item .value {
            font-size: 20px;
            font-weight: bold;
            color: #667eea;
        }
        
        .stat-item .label {
            font-size: 12px;
            color: #999;
        }
        
        .stat-item.success .value {
            color: #52c41a;
        }
        
        .stat-item.error .value {
            color: #ff4d4f;
        }
        
        .action-bar {
            margin-top: 20px;
            text-align: center;
        }
        
        .btn {
            padding: 14px 40px;
            font-size: 16px;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            transition: all 0.3s;
            font-weight: 600;
        }
        
        .btn-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
        }
        
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
        }
        
        .btn-primary:disabled {
            background: #ccc;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }
        
        .btn-secondary {
            background: #fff;
            color: #667eea;
            border: 2px solid #667eea;
            margin-left: 10px;
        }
        
        .btn-secondary:hover {
            background: #f0f4ff;
        }
        
        .progress-container {
            margin-top: 20px;
            display: none;
        }
        
        .progress-bar {
            height: 8px;
            background: #e0e0e0;
            border-radius: 4px;
            overflow: hidden;
        }
        
        .progress-fill {
            height: 100%;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            width: 0%;
            transition: width 0.3s;
        }
        
        .progress-text {
            text-align: center;
            margin-top: 10px;
            font-size: 14px;
            color: #666;
        }
        
        .log-box {
            margin-top: 20px;
            background: #1e1e1e;
            color: #d4d4d4;
            padding: 15px;
            border-radius: 8px;
            font-family: 'Consolas', monospace;
            font-size: 12px;
            max-height: 200px;
            overflow-y: auto;
            display: none;
        }
        
        .log-box .log-line {
            margin-bottom: 5px;
        }
        
        .log-box .log-line.success {
            color: #4ec9b0;
        }
        
        .log-box .log-line.error {
            color: #f48771;
        }
        
        .log-box .log-line.info {
            color: #9cdcfe;
        }
        
        .log-box .log-line.warning {
            color: #dcdcaa;
        }
        
        .result-section {
            margin-top: 20px;
            text-align: center;
            display: none;
        }
        
        .result-section.show {
            display: block;
        }
        
        .download-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 16px 50px;
            background: #52c41a;
            color: white;
            text-decoration: none;
            border-radius: 10px;
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s;
        }
        
        .download-btn:hover {
            background: #73d13d;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(82, 196, 26, 0.4);
        }
        
        .tips {
            margin-top: 20px;
            padding: 15px;
            background: #fffbe6;
            border-radius: 8px;
            border-left: 4px solid #faad14;
        }
        
        .tips h4 {
            color: #d48806;
            font-size: 14px;
            margin-bottom: 8px;
        }
        
        .tips ul {
            margin-left: 20px;
            font-size: 13px;
            color: #666;
        }
        
        .tips li {
            margin-bottom: 4px;
        }
        
        .footer {
            text-align: center;
            padding: 20px;
            color: #999;
            font-size: 12px;
        }
        
        .alert {
            padding: 15px;
            border-radius: 8px;
            margin-top: 15px;
            font-size: 14px;
        }
        
        .alert-warning {
            background: #fffbe6;
            border: 1px solid #faad14;
            color: #ad6800;
        }
        
        .alert-info {
            background: #e6f7ff;
            border: 1px solid #1890ff;
            color: #1890ff;
        }
        
        .alert-error {
            background: #fff2f0;
            border: 1px solid #ff4d4f;
            color: #cf1322;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>📄 Word文档合并工具</h1>
            <p>将多个Word文档按Excel清单顺序合并为一个文档</p>
        </div>
        
        <div class="content">
            <!-- 步骤1: 上传Excel -->
            <div class="step">
                <div class="step-title">
                    <span class="step-num">1</span>
                    上传Excel清单文件
                </div>
                <div class="file-upload" id="excelUpload">
                    <input type="file" accept=".xlsx,.xls" id="excelInput">
                    <div class="file-upload-icon">📊</div>
                    <div class="file-upload-text">
                        点击或拖拽上传 Excel 清单文件<br>
                        <small style="color:#999">支持 .xlsx 和 .xls 格式</small>
                    </div>
                </div>
                <div class="file-list" id="excelFileList"></div>
                <div class="alert alert-info" id="excelInfo" style="display:none">
                    💡 Excel中读取到 <strong id="excelCount">0</strong> 个文件名
                </div>
            </div>
            
            <!-- 步骤2: 上传Word文件 -->
            <div class="step">
                <div class="step-title">
                    <span class="step-num">2</span>
                    上传Word文档
                </div>
                <div class="file-upload" id="wordUpload">
                    <input type="file" accept=".docx" multiple id="wordInput">
                    <div class="file-upload-icon">📝</div>
                    <div class="file-upload-text">
                        点击或拖拽上传 Word 文档（可多选）<br>
                        <small style="color:#999">支持 .docx 格式，已上传 <span id="wordCount">0</span> 个文件</small>
                    </div>
                </div>
                <div class="file-list" id="wordFileList"></div>
                
                <!-- 预览匹配结果 -->
                <div class="preview-section" id="previewSection" style="display:none">
                    <h4>📋 匹配预览</h4>
                    <div id="previewList"></div>
                    <div class="stats-bar">
                        <div class="stat-item">
<span class="value" id="totalCount">0</span>
                            <span class="label">总文件数</span>
                        </div>
                        <div class="stat-item success">
                            <span class="value" id="matchCount">0</span>
                            <span class="label">已匹配</span>
                        </div>
                        <div class="stat-item error">
                            <span class="value" id="missingCount">0</span>
                            <span class="label">未匹配</span>
                        </div>
                    </div>
                </div>
                
                <div class="alert alert-warning" id="uploadTip" style="display:none">
                    ⚠️ 请上传与Excel清单中文件名匹配的Word文档。文件名包含关键词即可匹配成功。
                </div>
            </div>
            
            <!-- 操作按钮 -->
            <div class="action-bar">
                <button class="btn btn-primary" id="mergeBtn" disabled>开始合并</button>
                <button class="btn btn-secondary" id="clearBtn">清空</button>
            </div>
            
            <!-- 进度条 -->
            <div class="progress-container" id="progressContainer">
                <div class="progress-bar">
                    <div class="progress-fill" id="progressFill"></div>
                </div>
                <div class="progress-text" id="progressText">准备中...</div>
            </div>
            
            <!-- 日志 -->
            <div class="log-box" id="logBox"></div>
            
            <!-- 结果下载 -->
            <div class="result-section" id="resultSection">
                <a class="download-btn" id="downloadBtn" download="合并文档.docx">
                    <span>⬇️</span>
                    <span>下载合并后的Word文档</span>
                </a>
                <p style="margin-top:15px;color:#666;font-size:13px">提示：合并时已跳过的文件不会出现在汇总表中</p>
            </div>
            
            <!-- 使用提示 -->
            <div class="tips">
                <h4>💡 使用说明</h4>
                <ul>
                    <li>Excel清单的第一列包含要合并的Word文件名（不含扩展名）</li>
                    <li>程序会按Excel中的顺序在上传的Word文件中查找匹配项</li>
                    <li>文件名包含Excel中指定的关键词即可匹配成功</li>
                    <li>合并后的文档末尾会自动添加汇总表</li>
                    <li>未匹配的文件将被跳过，不会影响其他文档的合并</li>
                </ul>
            </div>
        </div>
        
        <div class="footer">
            Word文档合并工具 v1.1
        </div>
    </div>

    <script>
        // 全局变量
        let excelData = null;
        let wordFiles = [];
        let wordContents = {};
        let matchResults = [];
        
        // DOM元素
        const excelUpload = document.getElementById('excelUpload');
        const excelInput = document.getElementById('excelInput');
        const excelFileList = document.getElementById('excelFileList');
        const excelInfo = document.getElementById('excelInfo');
        const excelCount = document.getElementById('excelCount');
        const wordUpload = document.getElementById('wordUpload');
        const wordInput = document.getElementById('wordInput');
        const wordFileList = document.getElementById('wordFileList');
        const wordCount = document.getElementById('wordCount');
        const previewSection = document.getElementById('previewSection');
        const previewList = document.getElementById('previewList');
        const uploadTip = document.getElementById('uploadTip');
        const totalCount = document.getElementById('totalCount');
        const matchCount = document.getElementById('matchCount');
        const missingCount = document.getElementById('missingCount');
        const mergeBtn = document.getElementById('mergeBtn');
        const clearBtn = document.getElementById('clearBtn');
        const progressContainer = document.getElementById('progressContainer');
        const progressFill = document.getElementById('progressFill');
        const progressText = document.getElementById('progressText');
        const logBox = document.getElementById('logBox');
        const resultSection = document.getElementById('resultSection');
        const downloadBtn = document.getElementById('downloadBtn');
        
        // 工具函数
        function formatFileSize(bytes) {
            if (bytes < 1024) return bytes + ' B';
            if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
            return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
        }
        
        function log(message, type = 'info') {
            const line = document.createElement('div');
            line.className = `log-line ${type}`;
            line.textContent = `[${new Date().toLocaleTimeString()}] ${message}`;
            logBox.appendChild(line);
            logBox.scrollTop = logBox.scrollHeight;
        }
        
        function updateProgress(percent, text) {
            progressFill.style.width = percent + '%';
            progressText.textContent = text;
        }
        
        function showError(message) {
            log(message, 'error');
            alert(message);
        }
        
        // Excel文件处理
        excelUpload.addEventListener('click', () => excelInput.click());
        excelUpload.addEventListener('dragover', (e) => {
            e.preventDefault();
            excelUpload.classList.add('dragover');
        });
        excelUpload.addEventListener('dragleave', () => {
            excelUpload.classList.remove('dragover');
        });
        excelUpload.addEventListener('drop', (e) => {
            e.preventDefault();
            excelUpload.classList.remove('dragover');
            const file = e.dataTransfer.files[0];
            if (file) handleExcelFile(file);
        });
        excelInput.addEventListener('change', (e) => {
            const file = e.target.files[0];
            if (file) handleExcelFile(file);
        });
        
        async function handleExcelFile(file) {
            excelFileList.innerHTML = `
                <div class="file-item">
                    <span class="icon">📊</span>
                    <span class="name">${file.name}</span>
                    <span class="size">${formatFileSize(file.size)}</span>
                    <span class="remove" onclick="clearExcel()">×</span>
                </div>
            `;
            
            log(`读取Excel文件: ${file.name}`);
            
            try {
                const arrayBuffer = await file.arrayBuffer();
                const workbook = XLSX.read(new Uint8Array(arrayBuffer), { type: 'array' });
                const firstSheet = workbook.Sheets[workbook.SheetNames[0]];
                const data = XLSX.utils.sheet_to_json(firstSheet, { header: 1 });
                
                // 获取第一列数据，过滤空值
                excelData = data
                    .map(row => row[0])
                    .filter(item => item !== null && item !== undefined && String(item).trim() !== '');
                
                if (excelData.length === 0) {
                    throw new Error('Excel中没有找到有效的文件名！');
                }
                
                excelCount.textContent = excelData.length;
                excelInfo.style.display = 'block';
                
                log(`成功读取 ${excelData.length} 个文件名`, 'success');
                
                updatePreview();
                checkMergeReady();
            } catch (error) {
                log(`读取Excel失败: ${error.message}`, 'error');
                excelData = null;
                excelInfo.style.display = 'none';
                showError('读取Excel文件失败: ' + error.message);
            }
        }
        
        function clearExcel() {
            excelData = null;
            excelFileList.innerHTML = '';
            excelInput.value = '';
            excelInfo.style.display = 'none';
            previewSection.style.display = 'none';
            uploadTip.style.display = 'none';
            checkMergeReady();
        }
        
        // Word文件处理
        wordUpload.addEventListener('click', () => wordInput.click());
        wordUpload.addEventListener('dragover', (e) => {
            e.preventDefault();
            wordUpload.classList.add('dragover');
        });
        wordUpload.addEventListener('dragleave', () => {
            wordUpload.classList.remove('dragover');
        });
        wordUpload.addEventListener('drop', (e) => {
            e.preventDefault();
            wordUpload.classList.remove('dragover');
            handleWordFiles(e.dataTransfer.files);
        });
        wordInput.addEventListener('change', (e) => {
            handleWordFiles(e.target.files);
        });
        
        async function handleWordFiles(files) {
            for (const file of files) {
                if (file.name.endsWith('.docx') || file.name.endsWith('.doc')) {
                    if (!wordFiles.find(w => w.name === file.name)) {
                        wordFiles.push(file);
                    }
                }
            }
            
            wordCount.textContent = wordFiles.length;
            renderWordFileList();
            updatePreview();
            checkMergeReady();
        }
        
        function renderWordFileList() {
            if (wordFiles.length === 0) {
                wordFileList.innerHTML = '';
                return;
            }
            
            wordFileList.innerHTML = wordFiles.map((file, index) => `
                <div class="file-item">
                    <span class="icon">📝</span>
                    <span class="name" title="${file.name}">${file.name}</span>
                    <span class="size">${formatFileSize(file.size)}</span>
                    <span class="remove" onclick="removeWordFile(${index})">×</span>
                </div>
            `).join('');
        }
        
        function removeWordFile(index) {
            wordFiles.splice(index, 1);
            wordCount.textContent = wordFiles.length;
            renderWordFileList();
            updatePreview();
            checkMergeReady();
        }
        
        function updatePreview() {
            if (!excelData || excelData.length === 0) {
                previewSection.style.display = 'none';
                uploadTip.style.display = 'none';
                return;
            }
            
            previewSection.style.display = 'block';
            
            // 计算匹配结果
            matchResults = [];
            let matched = 0;
            let missing = 0;
            
            excelData.forEach((name, index) => {
                const keyword = String(name).trim();
                const matchedFile = wordFiles.find(f => 
                    f.name.includes(keyword) || keyword.includes(f.name.replace('.docx', '').replace('.doc', ''))
                );
                
                if (matchedFile) {
                    matched++;
                    matchResults.push({ index: index + 1, name: keyword, filename: matchedFile.name, status: 'success' });
                } else {
                    missing++;
                    matchResults.push({ index: index + 1, name: keyword, filename: null, status: 'error' });
                }
            });
            
            // 渲染预览列表
            previewList.innerHTML = matchResults.map(item => `
                <div class="preview-item ${item.status === 'error' ? 'missing' : ''}">
                    <span class="num">${item.index}</span>
                    <span class="name" title="${item.name}">${item.name}</span>
                    <span class="status ${item.status}">
                        ${item.status === 'success' ? '✅ ' + item.filename : '❌ 未上传'}
                    </span>
                </div>
            `).join('');
            
            // 更新统计
            totalCount.textContent = excelData.length;
            matchCount.textContent = matched;
            missingCount.textContent = missing;
            
            // 显示提示
            if (wordFiles.length === 0) {
                uploadTip.style.display = 'block';
            } else {
                uploadTip.style.display = 'none';
            }
        }
        
        function checkMergeReady() {
            const hasMatched = matchResults.some(r => r.status === 'success');
            mergeBtn.disabled = !(excelData && excelData.length > 0 && hasMatched);
        }
        
        // 清空按钮
        clearBtn.addEventListener('click', () => {
            clearExcel();
            wordFiles = [];
            wordCount.textContent = '0';
            wordFileList.innerHTML = '';
            wordInput.value = '';
            matchResults = [];
            resultSection.classList.remove('show');
            logBox.style.display = 'none';
            logBox.innerHTML = '';
        });
        
        // 合并Word文档
        mergeBtn.addEventListener('click', startMerge);
        
        async function startMerge() {
            mergeBtn.disabled = true;
            progressContainer.style.display = 'block';
            logBox.style.display = 'block';
            logBox.innerHTML = '';
            resultSection.classList.remove('show');
            
            log('开始合并文档...', 'info');
            
            try {
                // 只处理已匹配的文件
                const matchedItems = matchResults.filter(r => r.status === 'success');
                
                if (matchedItems.length === 0) {
                    throw new Error('没有找到任何匹配的Word文档！请确保上传的Word文件名与Excel清单匹配。');
                }
                
                updateProgress(5, `正在读取 ${matchedItems.length} 个Word文档...`);
                log(`准备合并 ${matchedItems.length} 个文档`, 'info');
                
                // 读取所有已匹配Word文件的内容
                const docsToMerge = [];
                for (let i = 0; i < matchedItems.length; i++) {
                    const item = matchedItems[i];
                    const file = wordFiles.find(f => f.name === item.filename);
                    
                    if (file) {
                        log(`读取 [${i + 1}/${matchedItems.length}]: ${file.name}`);
                        
                        try {
                            const arrayBuffer = await file.arrayBuffer();
                            const result = await mammoth.convertToHtml({ arrayBuffer });
                            
                            docsToMerge.push({
                                index: item.index,
                                name: item.name,
                                filename: file.name,
                                html: result.value
                            });
                        } catch (readError) {
                            log(`读取失败 ${file.name}: ${readError.message}`, 'error');
                        }
                    }
                    
                    const progress = 5 + Math.floor((i + 1) / matchedItems.length * 30);
                    updateProgress(progress, `正在读取文档 ${i + 1}/${matchedItems.length}...`);
                }
                
                if (docsToMerge.length === 0) {
                    throw new Error('所有Word文档读取失败！');
                }
                
                log(`成功读取 ${docsToMerge.length} 个文档`, 'success');
                updateProgress(40, '正在生成新文档...');
                
                // 使用docx.js创建新文档
                const { Document, Packer, Paragraph, TextRun, Table, TableRow, TableCell, 
                        WidthType, BorderStyle, HeadingLevel, AlignmentType, PageBreak } = docx;
                
                const children = [];
                
                // 添加主标题
                children.push(
                    new Paragraph({
                        children: [
                            new TextRun({
                                text: "文档合并结果",
                                bold: true,
                                size: 48,
                                font: '微软雅黑'
                            })
                        ],
                        alignment: AlignmentType.CENTER,
                        spacing: { after: 600 }
                    })
                );
                
                // 添加合并说明
                children.push(
                    new Paragraph({
                        children: [
                            new TextRun({
                                text: `合并时间：${new Date().toLocaleString('zh-CN')}`,
                                size: 20,
                                color: "999999"
                            })
                        ],
                        alignment: AlignmentType.CENTER,
                        spacing: { after: 400 }
                    })
                );
                
                // 添加分隔线
                children.push(
                    new Paragraph({
                        children: [],
                        spacing: { after: 200 }
                    })
                );
                
                // 添加每个匹配的文档
                for (let i = 0; i < docsToMerge.length; i++) {
                    const doc = docsToMerge[i];
                    const progress = 40 + Math.floor((i + 1) / docsToMerge.length * 35);
                    updateProgress(progress, `正在处理文档 ${i + 1}/${docsToMerge.length}...`);
                    
                    // 添加文档标题
                    children.push(
                        new Paragraph({
                            children: [
                                new TextRun({
                                    text: `【${doc.name}】`,
                                    bold: true,
                                    size: 36,
                                    font: '微软雅黑',
                                    color: "333333"
                                })
                            ],
                            spacing: { before: 400, after: 300 }
                        })
                    );
                    
                    // 清理HTML内容并添加段落
                    const cleanHtml = doc.html
                        .replace(/<br\s*\/?>/gi, '\n')
                        .replace(/<\/p>/gi, '\n')
                        .replace(/<\/h[1-6]>/gi, '\n')
                        .replace(/<div[^>]*>/gi, '\n')
                        .replace(/<\/div>/gi, '')
                        .replace(/<[^>]+>/g, '')
                        .replace(/ /g, ' ')
                        .replace(/</g, '<')
                        .replace(/>/g, '>')
                        .replace(/&/g, '&')
                        .replace(/"/g, '"')
                        .replace(/'/g, "'")
                        .replace(/\n{3,}/g, '\n\n')
                        .trim();
                    
                    const paragraphs = cleanHtml.split('\n').filter(p => p.trim());
                    
                    for (const text of paragraphs) {
                        const trimmed = text.trim();
                        if (trimmed) {
                            children.push(
                                new Paragraph({
                                    children: [
                                        new TextRun({
                                            text: trimmed,
                                            size: 24,
                                            font: '宋体'
                                        })
                                    ],
                                    spacing: { after: 120 }
                                })
                            );
                        }
                    }
                    
                    // 添加分页符
                    children.push(
                        new Paragraph({
                            children: [new PageBreak()],
                            spacing: { after: 0 }
                        })
                    );
                    
                    log(`处理完成 [${i + 1}/${docsToMerge.length}]: ${doc.name}`, 'success');
                }
                
                // 添加汇总表
                updateProgress(80, '正在添加汇总表...');
                log('添加汇总表...');
                
                // 汇总表标题
                children.push(
                    new Paragraph({
                        children: [
                            new TextRun({
                                text: "文档汇总表",
                                bold: true,
                                size: 40,
                                font: '微软雅黑',
                                color: "333333"
                            })
                        ],
                        alignment: AlignmentType.CENTER,
                        spacing: { before: 400, after: 400 }
                    })
                );
                
                // 创建表格
                const tableRows = [
                    new TableRow({
                        children: [
                            new TableCell({
                                children: [new Paragraph({ 
                                    text: "序号", 
                                    alignment: AlignmentType.CENTER,
                                    children: [new TextRun({ text: "序号", bold: true, size: 22 })]
                                })],
                                width: { size: 10, type: WidthType.PERCENTAGE },
                                shading: { fill: "667eea" },
                                borders: {
                                    top: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                    bottom: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                    left: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                    right: { style: BorderStyle.SINGLE, size: 1, color: "000000" }
                                }
                            }),
                            new TableCell({
                                children: [new Paragraph({ 
                                    text: "文档名称",
                                    alignment: AlignmentType.CENTER
                                })],
                                width: { size: 30, type: WidthType.PERCENTAGE },
                                shading: { fill: "667eea" },
                                borders: {
                                    top: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                    bottom: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                    left: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                    right: { style: BorderStyle.SINGLE, size: 1, color: "000000" }
                                }
                            }),
                            new TableCell({
                                children: [new Paragraph({ 
                                    text: "文件名",
                                    alignment: AlignmentType.CENTER
                                })],
                                width: { size: 60, type: WidthType.PERCENTAGE },
                                shading: { fill: "667eea" },
                                borders: {
                                    top: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                    bottom: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                    left: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                    right: { style: BorderStyle.SINGLE, size: 1, color: "000000" }
                                }
                            })
                        ]
                    })
                ];
                
                // 添加表格数据
                docsToMerge.forEach((doc, index) => {
                    tableRows.push(
                        new TableRow({
                            children: [
                                new TableCell({
                                    children: [new Paragraph({ text: String(index + 1), alignment: AlignmentType.CENTER })],
                                    borders: {
                                        top: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                        bottom: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                        left: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                        right: { style: BorderStyle.SINGLE, size: 1, color: "000000" }
                                    }
                                }),
                                new TableCell({
                                    children: [new Paragraph({ text: doc.name })],
                                    borders: {
                                        top: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                        bottom: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                        left: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                        right: { style: BorderStyle.SINGLE, size: 1, color: "000000" }
                                    }
                                }),
                                new TableCell({
                                    children: [new Paragraph({ text: doc.filename })],
                                    borders: {
                                        top: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                        bottom: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                        left: { style: BorderStyle.SINGLE, size: 1, color: "000000" },
                                        right: { style: BorderStyle.SINGLE, size: 1, color: "000000" }
                                    }
                                })
                            ]
                        })
                    );
                });
                
                children.push(
                    new Table({
                        rows: tableRows,
                        width: { size: 100, type: WidthType.PERCENTAGE }
                    })
                );
                
                // 生成文档
                updateProgress(95, '正在生成文件...');
                log('正在生成Word文档...');
                
                const doc = new Document({
                    sections: [{
                        properties: {
                            page: {
                                margin: {
                                    top: 1440,
                                    right: 1440,
                                    bottom: 1440,
                                    left: 1440
                                }
                            }
                        },
                        children: children
                    }]
                });
                
                const blob = await Packer.toBlob(doc);
                
                // 创建下载链接
                const url = URL.createObjectURL(blob);
                downloadBtn.href = url;
                
                // 生成文件名
                const now = new Date();
                const timestamp = `${now.getFullYear()}${(now.getMonth() + 1).toString().padStart(2, '0')}${now.getDate().toString().padStart(2, '0')}_${now.getHours().toString().padStart(2, '0')}${now.getMinutes().toString().padStart(2, '0')}${now.getSeconds().toString().padStart(2, '0')}`;
                downloadBtn.download = `合并文档_${timestamp}.docx`;
                
                updateProgress(100, '完成！');
                log(`✅ 合并完成！成功合并 ${docsToMerge.length} 个文档`, 'success');
                
                resultSection.classList.add('show');
                
            } catch (error) {
                log(`❌ 错误: ${error.message}`, 'error');
                updateProgress(0, '处理失败');
                showError(error.message);
            }
            
            mergeBtn.disabled = false;
        }
    </script>
</body>
</html>