任务解析 - PC端专属程�?/title> <link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/common.css"> <link rel="stylesheet" href="./css/sidebar.css"> <link rel="stylesheet" href="./css/task-parse.css"> </head> <body> <div class="app-container"> <div id="header"></div> <div class="main-body"> <nav class="sidebar" id="sidebar"></nav> <main class="content-area"> <div class="page-header"> <div class="page-title"> </div> <div class="page-actions"> <button class="btn btn-primary" onclick="openModal('importModal')"> <i class="fas fa-file-import"></i> 导入任务Excel </button> </div> </div>  <div class="stats-row"> <div class="stat-card mini"> <div class="stat-icon blue"> <i class="fas fa-list-ol"></i> </div> <div class="stat-info"> <h3 id="totalTasks">256</h3> <p>总任务数</p> </div> </div> <div class="stat-card mini"> <div class="stat-icon green"> <i class="fas fa-random"></i> </div> <div class="stat-info"> <h3 id="parallelTasks">128</h3> <p>并行任务</p> </div> </div> <div class="stat-card mini"> <div class="stat-icon orange"> <i class="fas fa-sort-numeric-down"></i> </div> <div class="stat-info"> <h3 id="sequenceTasks">128</h3> <p>顺序任务</p> </div> </div> <div class="stat-card mini"> <div class="stat-icon red"> <i class="fas fa-exclamation-triangle"></i> </div> <div class="stat-info"> <h3 id="mustTasks">200</h3> <p>必须任务</p> </div> </div> <div class="stat-card mini"> <div class="stat-icon purple"> <i class="fas fa-random"></i> </div> <div class="stat-info"> <h3 id="spotTasks">56</h3> <p>抽查任务</p> </div> </div> </div> <div class="card"> <div class="card-header"> <div class="card-title"> <i class="fas fa-filter"></i> 筛选条�? </div> </div> <div class="filter-group"> <div class="filter-item"> <label>任务类型�?/label> <select id="taskTypeFilter"> <option value="">全部类型</option> <option value="parallel">并行任务</option> <option value="sequence">顺序任务</option> </select> </div> <div class="filter-item"> <label>任务等级�?/label> <select id="taskLevelFilter"> <option value="">全部等级</option> <option value="must">必须任务</option> <option value="spot">抽查任务</option> </select> </div> <div class="filter-item"> <label>任务大类�?/label> <select id="categoryFilter"> <option value="">全部大类</option> <option value="basic">基本信息核实</option> <option value="quality">质量体系核实</option> <option value="production">生产能力核实</option> <option value="finance">财务状况核实</option> </select> </div> <div class="search-box"> <i class="fas fa-search"></i> <input type="text" placeholder="搜索任务名称..." id="searchInput"> </div> </div> </div> <div class="card"> <div class="card-header"> <div class="card-title"> <i class="fas fa-list"></i> 任务列表 <span class="task-count">�?256 条任�?/span> </div> <button class="btn btn-secondary" onclick="exportTasks()"> <i class="fas fa-download"></i> 导出任务 </button> </div> <div class="table-container"> <table class="data-table"> <thead> <tr> <th width="80">任务序号</th> <th>任务大类</th> <th>任务小类</th> <th>任务名称</th> <th width="200">任务描述</th> <th width="100">任务类型</th> <th width="100">任务等级</th> <th width="100">操作</th> </tr> </thead> <tbody id="taskList"></tbody> </table> </div> <div class="pagination" id="pagination"></div> </div> </main> </div> </div>  <div class="modal-overlay" id="importModal"> <div class="modal"> <div class="modal-header"> <h3 class="modal-title">导入核实任务Excel</h3> <button class="modal-close" onclick="closeModal('importModal')"> <i class="fas fa-times"></i> </button> </div> <div class="modal-body"> <div class="upload-area" id="uploadArea"> <i class="fas fa-file-excel"></i> <h3>点击或拖拽Excel文件到此�?/h3> <p>支持 .xlsx�?xls 格式，文件大小不超过50MB</p> <input type="file" id="fileInput" accept=".xlsx,.xls" hidden> </div> <div class="import-options" id="importOptions" style="display: none;"> <div class="import-info"> <i class="fas fa-file-excel"></i> <div class="import-details"> <div class="import-filename" id="importFilename">核实任务清单.xlsx</div> <div class="import-meta" id="importMeta">文件大小: 384 KB | 工作�? 核实任务</div> </div> </div> <div class="parse-progress"> <div class="progress-label"> <span>解析进度</span> <span id="parsePercent">0%</span> </div> <div class="progress-bar"> <div class="progress" id="parseProgress" style="width: 0%"></div> </div> </div> <div class="parse-result" id="parseResult" style="display: none;"> <div class="result-item success"> <i class="fas fa-check-circle"></i> <span>成功解析 <strong>256</strong> 条任�?/span> </div> <div class="result-item info"> <i class="fas fa-info-circle"></i> <span>自动标记：并行任�?128 条，顺序任务 128 �?/span> </div> <div class="result-item warning"> <i class="fas fa-exclamation-circle"></i> <span>必须任务 200 条，抽查任务 56 �?/span> </div> </div> </div> </div> <div class="modal-footer"> <button class="btn btn-secondary" onclick="closeModal('importModal')">取消</button> <button class="btn btn-primary" id="importBtn" onclick="startImport()"> <i class="fas fa-play"></i> 开始解�? </button> </div> </div> </div>  <div class="modal-overlay" id="detailModal"> <div class="modal" style="max-width: 600px;"> <div class="modal-header"> <h3 class="modal-title">任务详情</h3> <button class="modal-close" onclick="closeModal('detailModal')"> <i class="fas fa-times"></i> </button> </div> <div class="modal-body" id="taskDetail"></div> <div class="modal-footer"> <button class="btn btn-secondary" onclick="closeModal('detailModal')">关闭</button> </div> </div> </div> <script src="./js/common.js"></script>`n <script src="./js/header.js"></script> <script src="./js/sidebar.js"></script> <script src="./js/task-parse.js"></script> </body> </html>