From e01376de57d85f9e550e1a65ff0d1a49b111c504 Mon Sep 17 00:00:00 2001
From: sladro <sladro@163.com>
Date: Mon, 2 Mar 2026 16:34:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=20Revit=20=E6=A8=A1?=
 =?UTF-8?q?=E5=9E=8B=E6=9F=A5=E7=9C=8B=E5=99=A8=E7=BB=84=E4=BB=B6=E3=80=81?=
 =?UTF-8?q?=E6=8A=A5=E5=91=8A=E6=97=A5=E5=BF=97=E9=A1=B5=E9=9D=A2=E5=8F=8A?=
 =?UTF-8?q?=20CAD=20=E7=8A=B6=E6=80=81=E7=AE=A1=E7=90=86=E6=A8=A1=E5=9D=97?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/model/RevitModelViewer.vue |  14 +-
 src/components/pages/ReportLogViewer.vue  | 725 ++++++++++++++++------
 src/stores/cad.js                         |  20 +-
 3 files changed, 551 insertions(+), 208 deletions(-)

diff --git a/src/components/model/RevitModelViewer.vue b/src/components/model/RevitModelViewer.vue
index b1fe5c8..26dd9c3 100644
--- a/src/components/model/RevitModelViewer.vue
+++ b/src/components/model/RevitModelViewer.vue
@@ -37,6 +37,14 @@
         <span class="info-label">文件大小:</span>
         <span class="info-value">{{ projectData.FileSizeDisplay }}</span>
       </div>
+      <div class="info-item">
+        <span class="info-label">多边形面片数:</span>
+        <span class="info-value">{{ projectData.PolygonCount.toLocaleString() }}</span>
+      </div>
+      <div class="info-item">
+        <span class="info-label">特征总数:</span>
+        <span class="info-value">{{ projectData.FeatureCount.toLocaleString() }}</span>
+      </div>
       <div class="info-item">
         <span class="info-label">中心文件:</span>
         <span class="info-value">{{ projectData.IsCentralFile ? '是' : '否' }}</span>
@@ -171,9 +179,11 @@ const projectData = computed(() => {
     ProjectName: project.name || 'Unknown Project',
     FilePath: project.filePath || 'Unknown Path',
     RevitVersion: project.revitVersion || 'Unknown Version',
-    FileSizeDisplay: project.fileSizeDisplay || 'Unknown Size',
+    FileSizeDisplay: project.fileSizeDisplay || project.fileSize || 'Unknown Size',
+    PolygonCount: project.polygonCount || 0,
+    FeatureCount: project.featureCount || 0,
     IsCentralFile: project.isCentralFile || false,
-    IsLoaded: project.status === '活动'
+    IsLoaded: project.status === '已保存' || project.status === '活动'
   }
 })
 
diff --git a/src/components/pages/ReportLogViewer.vue b/src/components/pages/ReportLogViewer.vue
index 696f1c4..37b33f6 100644
--- a/src/components/pages/ReportLogViewer.vue
+++ b/src/components/pages/ReportLogViewer.vue
@@ -25,18 +25,18 @@
           </div>
           
           <ul class="report-list">
-            <li v-for="log in filteredLogs" :key="log.reportId" 
+            <li v-for="log in filteredLogs" :key="log.id || log.reportId" 
                 class="report-item" 
-                :class="{ active: currentReport?.reportId === log.reportId }"
+                :class="{ active: currentReport?.id === log.id || (currentReport?.reportId && currentReport?.reportId === log.reportId) }"
                 @click="selectReport(log)">
               <div class="item-icon" :class="log.status">
-                 <i :class="log.status === 'success' ? 'fas fa-check-circle' : 'fas fa-exclamation-circle'"></i>
+                 <i :class="(log.status === 'success' || !log.status) ? 'fas fa-check-circle' : 'fas fa-exclamation-circle'"></i>
               </div>
               <div class="item-content">
-                <div class="item-title">{{ log.operation }}</div>
+                <div class="item-title">{{ log.operation || '系统操作' }}</div>
                 <div class="item-meta">
-                  <span class="meta-id">{{ log.reportId }}</span>
-                  <span class="meta-time">{{ log.createdAt }}</span>
+                  <span class="meta-id">{{ log.operation_category || log.log_type || '系统日志' }}</span>
+                  <span class="meta-time">{{ formatTime(log.timestamp || log.createdAt || log.created_at) }}</span>
                 </div>
               </div>
             </li>
@@ -45,72 +45,79 @@
 
         <!-- 右侧报告详情 -->
         <div class="detail-section card-panel" v-if="currentReport">
-          <div class="detail-header">
-            <div class="report-id-badge">
-               <i class="fas fa-hashtag"></i>
-               <span>{{ currentReport.reportId }}</span>
-               <el-tag :type="currentReport.status === 'success' ? 'success' : 'danger'" size="small" style="margin-left: 10px">
-                  {{ currentReport.status === 'success' ? '执行成功' : '执行异常' }}
+          <div class="detail-header overview-custom-header">
+            <div class="header-left">
+               <el-tag effect="dark" :type="currentReport.status === 'success' ? 'success' : (currentReport.status === 'pending' ? 'warning' : 'danger')" size="large" class="status-tag">
+                  <i :class="currentReport.status === 'success' ? 'fas fa-check-circle' : (currentReport.status === 'pending' ? 'fas fa-spinner fa-spin' : 'fas fa-times-circle')"></i>
+                  {{ currentReport.status === 'success' ? '执行成功' : (currentReport.status === 'pending' ? '处理中' : '执行异常') }}
                </el-tag>
+               <span class="report-id-text" :title="currentReport.id || currentReport.reportId"><i class="fas fa-fingerprint"></i> ID: {{ currentReport.id || currentReport.reportId || 'LOG-000' }}</span>
             </div>
-            <div class="report-time">
-                <i class="fas fa-clock"></i> 耗时: {{ currentReport.duration }}s
+            <div class="report-time" v-if="currentReport.duration">
+                <i class="fas fa-clock"></i> 耗时: {{ currentReport.duration }}ms
             </div>
           </div>
 
           <el-tabs v-model="activeTab" class="report-tabs">
             <el-tab-pane label="执行概览" name="overview">
-              <div class="detail-body">
-                <!-- 统计摘要 -->
-                <div class="stat-summary">
-                   <div class="summary-box">
-                      <span class="box-label">分析模型数</span>
-                      <span class="box-value accent">{{ currentReport.resultMetrics.modelCount }}</span>
-                   </div>
-                   <div class="summary-box">
-                      <span class="box-label">识别特征总数</span>
-                      <span class="box-value accent">{{ currentReport.resultMetrics.featureCount }}</span>
-                   </div>
-                   <div class="summary-box">
-                      <span class="box-label">处理部件数</span>
-                      <span class="box-value accent">{{ currentReport.resultMetrics.processedCount }}</span>
+              <div class="detail-body styled-body">
+                
+                <div class="overview-title-card">
+                   <div class="overview-title-icon" :class="'icon-' + getCategoryColor(currentReport.operation_category)">
+                      <i :class="getCategoryIconClass(currentReport.operation_category)"></i>
                    </div>
+                   <h2 class="overview-title-text">{{ currentReport.operation || '系统操作' }}</h2>
                 </div>
 
-                <!-- 特征详情表格 -->
-                <div class="detail-group">
-                   <h4 class="group-title"><i class="fas fa-cube"></i> 特征结果详情</h4>
-                   <el-table :data="currentReport.featureDetails" style="width: 100%" border>
-                     <el-table-column prop="featureName" label="特征名称" width="150" />
-                     <el-table-column prop="featureType" label="类型" width="120">
-                        <template #default="scope">
-                          <el-tag size="small">{{ scope.row.featureType }}</el-tag>
-                        </template>
-                     </el-table-column>
-                     <el-table-column prop="recommendedAction" label="建议动作" width="120">
-                         <template #default="scope">
-                          <span :class="getActionClass(scope.row.recommendedAction)">
-                             {{ scope.row.recommendedAction }}
-                          </span>
-                         </template>
-                     </el-table-column>
-                     <el-table-column label="后续步骤">
-                         <template #default="scope">
-                            <div v-for="(step, idx) in scope.row.recommendedSteps" :key="idx" class="step-text">
-                               {{ idx + 1 }}. {{ step }}
-                            </div>
-                         </template>
-                     </el-table-column>
-                   </el-table>
+                <div class="overview-info-card">
+                  <el-descriptions class="custom-descriptions" :column="3" border>
+                    <el-descriptions-item>
+                      <template #label><div class="desc-label"><i class="fas fa-sitemap"></i> 所属分类</div></template>
+                      <el-tag size="small" type="info" effect="plain">{{ currentReport.operation_category || currentReport.log_type || '系统日志' }}</el-tag>
+                    </el-descriptions-item>
+                    <el-descriptions-item>
+                      <template #label><div class="desc-label"><i class="far fa-clock"></i> 执行时间</div></template>
+                      <span class="mono">{{ formatTime(currentReport.timestamp || currentReport.createdAt || currentReport.created_at) }}</span>
+                    </el-descriptions-item>
+                    <el-descriptions-item>
+                      <template #label><div class="desc-label"><i class="fas fa-desktop"></i> 操作节点</div></template>
+                      <span class="mono">{{ currentReport.client_ip || currentReport.ip_address || '本地系统/客户端' }}</span>
+                    </el-descriptions-item>
+                    <el-descriptions-item v-if="currentReport.user_id || currentReport.client_id">
+                      <template #label><div class="desc-label"><i class="fas fa-user-circle"></i> 操作人员</div></template>
+                      {{ currentReport.user_id || currentReport.client_id }}
+                    </el-descriptions-item>
+                    <el-descriptions-item v-if="currentReport.level">
+                      <template #label><div class="desc-label"><i class="fas fa-shield-alt"></i> 安全级别</div></template>
+                      <el-tag size="small" :type="currentReport.level === 'error' ? 'danger' : 'success'">{{ currentReport.level }}</el-tag>
+                    </el-descriptions-item>
+                    <el-descriptions-item v-if="currentReport.action_type">
+                      <template #label><div class="desc-label"><i class="fas fa-bolt"></i> 动作分发</div></template>
+                      <span class="mono">{{ currentReport.action_type }}</span>
+                    </el-descriptions-item>
+                  </el-descriptions>
                 </div>
 
-                <!-- 异常信息区 -->
-                <div class="detail-group error-group" v-if="currentReport.errorInfo">
-                   <h4 class="group-title error-text"><i class="fas fa-exclamation-triangle"></i> 异常日志</h4>
-                   <div class="error-console">
-                      {{ currentReport.errorInfo }}
-                   </div>
+                <!-- 详细信息区 -->
+                <div class="detail-group mt-4" v-if="currentReport.details || currentReport.errorInfo || currentReport.error_message">
+                   <h4 class="group-title"><i class="fas fa-align-left text-primary"></i> 日志详细信息 / 异常信息</h4>
+                   <el-alert
+                      :title="currentReport.details || currentReport.errorInfo || currentReport.error_message"
+                      :type="currentReport.status === 'success' ? 'info' : 'error'"
+                      :closable="false"
+                      show-icon
+                      class="custom-alert-box"
+                   />
                 </div>
+                
+                <!-- 业务数据 -->
+                <div class="detail-group mt-4" v-if="hasExtraData(currentReport)">
+                  <h4 class="group-title"><i class="fas fa-laptop-code text-warning"></i> 业务执行对象负荷 (Payload)</h4>
+                  <div class="json-viewer-box">
+                    <pre><code>{{ formatExtraData(currentReport) }}</code></pre>
+                  </div>
+                </div>
+
               </div>
             </el-tab-pane>
 
@@ -118,9 +125,8 @@
               <div class="comparison-view">
                 <div class="comparison-mode-switch">
                   <el-radio-group v-model="comparisonMode" size="small">
-                    <el-radio-button label="live">实时穿透 (当前CAD模型)</el-radio-button>
-                    <el-radio-button label="auto">分析报告 (当前记录)</el-radio-button>
-                    <el-radio-button label="manual">离线文件 (手动选择)</el-radio-button>
+                    <el-radio-button label="live">实时穿透 (当前模型流程)</el-radio-button>
+                    <el-radio-button label="manual">离线文件 (当前模型 vs 离线文件)</el-radio-button>
                   </el-radio-group>
                 </div>
 
@@ -128,86 +134,59 @@
                 <div v-if="comparisonMode === 'live'" class="live-comparison">
                   <div class="live-flow-container">
                     <!-- 步骤 1: 捕获基准 -->
-                    <div class="flow-step" :class="{ 'step-active': liveStep === 1, 'step-done': liveStep > 1 }">
+                    <div class="flow-step" :class="{ 'step-active': cadStore.liveComparisonState.step === 1, 'step-done': cadStore.liveComparisonState.step > 1 }">
                       <div class="step-header">
                         <div class="step-num">1</div>
                         <h3>记录当前模型基准状态</h3>
                       </div>
                       <div class="step-content">
-                        <el-button v-if="liveStep === 1" type="primary" :loading="isCapturingBaseline" @click="captureBaseline" class="live-btn">
+                        <el-button v-if="cadStore.liveComparisonState.step === 1" type="primary" :loading="isCapturingBaseline" @click="captureBaseline" class="live-btn">
                           <i class="fas fa-crosshairs"></i> 一键读取 CAD 当前基准参数
                         </el-button>
                         <div v-else class="captured-data card-panel">
                           <h4><i class="fas fa-cube text-info"></i> 基准原始模型</h4>
                           <ul class="data-list">
-                            <li><span class="lbl">模型文件:</span> <span class="val">{{ baselineData.name }}</span></li>
-                            <li><span class="lbl">内存占用:</span> <span class="val">{{ baselineData.mem }}</span></li>
-                            <li><span class="lbl">面片数量:</span> <span class="val">{{ baselineData.poly }}</span></li>
-                            <li><span class="lbl">特征数量:</span> <span class="val">{{ baselineData.features }}</span></li>
+                            <li><span class="lbl">模型文件:</span> <span class="val">{{ cadStore.liveComparisonState.baselineData?.name }}</span></li>
+                            <li><span class="lbl">内存占用:</span> <span class="val">{{ cadStore.liveComparisonState.baselineData?.mem }}</span></li>
+                            <li><span class="lbl">面片数量:</span> <span class="val">{{ cadStore.liveComparisonState.baselineData?.poly }}</span></li>
+                            <li><span class="lbl">特征数量:</span> <span class="val">{{ cadStore.liveComparisonState.baselineData?.features }}</span></li>
                           </ul>
                         </div>
                       </div>
                     </div>
 
-                    <!-- 步骤 2: 执行轻量化 -->
-                    <div class="flow-step" :class="{ 'step-active': liveStep === 2, 'step-done': liveStep > 2 }">
+                    <!-- 步骤 2: 捕获当前状态并比对 -->
+                    <div class="flow-step" :class="{ 'step-active': cadStore.liveComparisonState.step === 2, 'step-done': cadStore.liveComparisonState.step > 2 }">
                       <div class="step-header">
                         <div class="step-num">2</div>
-                        <h3>执行轻量化处理</h3>
+                        <h3>捕获当前状态并生成对比</h3>
                       </div>
                       <div class="step-content">
-                        <div v-if="liveStep <= 2" class="wait-msg">
-                          <i class="fas fa-info-circle"></i> 记录基准后，请在对应 CAD 插件中直接执行处理，或由系统在此处触发：
+                        <div v-if="cadStore.liveComparisonState.step === 2" class="wait-msg">
+                          <i class="fas fa-info-circle"></i> 记录基准后，您可以前往其他模块或在 CAD 中自由执行各种操作。操作完成后返回此处点击下方按钮：
                         </div>
-                        <el-button v-if="liveStep === 2" type="warning" :loading="isLightweighting" @click="executeLightweight" class="live-btn">
-                          <i class="fas fa-magic"></i> 发送轻量化指令并等待
-                        </el-button>
-                        <div v-if="liveStep > 2" class="success-msg">
-                          <i class="fas fa-check-circle text-success"></i> 轻量化操作已完成
-                        </div>
-                      </div>
-                    </div>
-
-                    <!-- 步骤 3: 捕获轻量化后状态 -->
-                    <div class="flow-step" :class="{ 'step-active': liveStep === 3, 'step-done': liveStep > 3 }">
-                      <div class="step-header">
-                        <div class="step-num">3</div>
-                        <h3>捕获结果并生成对比</h3>
-                      </div>
-                      <div class="step-content">
-                        <el-button v-if="liveStep === 3" type="success" :loading="isCapturingResult" @click="captureResult" class="live-btn" plain>
-                          <i class="fas fa-sync-alt"></i> 读取轻量化后状态并对比
+                        <el-button v-if="cadStore.liveComparisonState.step === 2" type="success" :loading="isCapturingResult" @click="captureResult" class="live-btn" plain>
+                          <i class="fas fa-sync-alt"></i> 读取当前最新状态并对比
                         </el-button>
 
                         <transition name="el-zoom-in-top">
-                          <div v-if="liveStep === 4" class="comparison-results mt-4">
-                            <div class="compress-rates">
-                              <div class="rate-card">
-                                <div class="rate-title">内存占用降低</div>
-                                <div class="rate-value text-success">-65.4%</div>
-                              </div>
-                              <div class="rate-card">
-                                <div class="rate-title">面片数量缩减</div>
-                                <div class="rate-value text-success">-72.1%</div>
-                              </div>
-                            </div>
-                            
+                          <div v-if="cadStore.liveComparisonState.step === 3" class="comparison-results mt-4">
                             <div class="comparison-columns mt-4">
                               <div class="comp-col source-col">
                                 <h4><i class="fas fa-cube"></i> 基准状态</h4>
                                 <ul class="prop-list">
-                                  <li><span class="prop-label">内存占用</span> <span class="prop-value">{{ baselineData.mem }}</span></li>
-                                  <li><span class="prop-label">面片数量</span> <span class="prop-value">{{ baselineData.poly }}</span></li>
-                                  <li><span class="prop-label">特征总数</span> <span class="prop-value">{{ baselineData.features }}</span></li>
+                                  <li><span class="prop-label">内存占用</span> <span class="prop-value">{{ cadStore.liveComparisonState.baselineData?.mem }}</span></li>
+                                  <li><span class="prop-label">面片数量</span> <span class="prop-value">{{ cadStore.liveComparisonState.baselineData?.poly }}</span></li>
+                                  <li><span class="prop-label">特征总数</span> <span class="prop-value">{{ cadStore.liveComparisonState.baselineData?.features }}</span></li>
                                 </ul>
                               </div>
                               <div class="vs-divider">VS</div>
                               <div class="comp-col target-col">
-                                <h4><i class="fas fa-leaf text-success"></i> 轻量化后</h4>
+                                <h4><i class="fas fa-leaf text-success"></i> 最新状态</h4>
                                 <ul class="prop-list">
-                                  <li><span class="prop-label">内存占用</span> <span class="prop-value text-success">{{ resultData.mem }}</span></li>
-                                  <li><span class="prop-label">面片数量</span> <span class="prop-value text-success">{{ resultData.poly }}</span></li>
-                                  <li><span class="prop-label">特征总数</span> <span class="prop-value text-success">{{ resultData.features }}</span></li>
+                                  <li><span class="prop-label">内存占用</span> <span class="prop-value text-success">{{ cadStore.liveComparisonState.resultData?.mem }}</span></li>
+                                  <li><span class="prop-label">面片数量</span> <span class="prop-value text-success">{{ cadStore.liveComparisonState.resultData?.poly }}</span></li>
+                                  <li><span class="prop-label">特征总数</span> <span class="prop-value text-success">{{ cadStore.liveComparisonState.resultData?.features }}</span></li>
                                 </ul>
                               </div>
                             </div>
@@ -222,70 +201,27 @@
                   </div>
                 </div>
 
-                <!-- 自动模式内容 -->
-                <div v-else-if="comparisonMode === 'auto'" class="auto-comparison">
-                  <div v-if="!currentReport.comparisonData" class="empty-data">
-                    <i class="fas fa-info-circle"></i> 当前报告未包含比对数据
-                  </div>
-                  <div v-else class="comparison-dashboard">
-                    <div class="result-badges">
-                      <el-tag effect="dark" type="info">{{ currentReport.comparisonData.sourceFormat }}</el-tag>
-                      <i class="fas fa-arrow-right badge-arrow"></i>
-                      <el-tag effect="dark" type="success">{{ currentReport.comparisonData.targetFormat }}</el-tag>
-                    </div>
-                    
-                    <div class="compress-rates">
-                      <div class="rate-card">
-                        <div class="rate-title">文件体积减小</div>
-                        <div class="rate-value text-success">{{ currentReport.comparisonData.sizeReduction }}</div>
-                      </div>
-                      <div class="rate-card">
-                        <div class="rate-title">多边形面片缩减</div>
-                        <div class="rate-value text-success">{{ currentReport.comparisonData.polygonReduction }}</div>
-                      </div>
-                    </div>
-
-                    <div class="comparison-columns">
-                      <div class="comp-col source-col">
-                        <h4><i class="fas fa-cube"></i> 基准原始模型</h4>
-                        <ul class="prop-list">
-                          <li v-for="(val, key) in currentReport.comparisonData.sourceProps" :key="key">
-                            <span class="prop-label">{{ key }}</span>
-                            <span class="prop-value">{{ val }}</span>
-                          </li>
-                        </ul>
-                      </div>
-                      <div class="vs-divider">VS</div>
-                      <div class="comp-col target-col">
-                        <h4><i class="fas fa-leaf"></i> 轻量化结果模型</h4>
-                        <ul class="prop-list">
-                          <li v-for="(val, key) in currentReport.comparisonData.targetProps" :key="key">
-                            <span class="prop-label">{{ key }}</span>
-                            <span class="prop-value text-success">{{ val }}</span>
-                          </li>
-                        </ul>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <!-- 手动模式内容 -->
+                <!-- 手动/混合模式内容 -->
                 <div v-else class="manual-comparison">
                   <div class="upload-panels">
-                    <div class="upload-box">
-                      <i class="fas fa-cloud-upload-alt"></i>
-                      <p>请选择基准源文件 (.asm, .rvt...)</p>
-                      <el-button size="small">选择基准文件</el-button>
+                    <div class="upload-box baseline-source">
+                      <div class="status-indicator">
+                        <i class="fas fa-desktop text-primary"></i>
+                      </div>
+                      <p class="source-title">当前 CAD 打开模型</p>
+                      <p class="source-desc">将自动抓取当前插件会话中的模型参数作为基准</p>
                     </div>
+                    
                     <div class="vs-icon">VS</div>
+                    
                     <div class="upload-box target">
-                      <i class="fas fa-cloud-upload-alt"></i>
-                      <p>请选择轻量化目标 (.prt, .ifc...)</p>
-                      <el-button size="small" type="primary">选择目标文件</el-button>
+                      <i class="fas fa-file-upload"></i>
+                      <p>请选择比对目标离线文件 (.prt, .ifc, .rvt...)</p>
+                      <el-button size="small" type="primary">选择本地文件</el-button>
                     </div>
                   </div>
                   <div class="manual-actions">
-                    <el-button type="success" icon="el-icon-video-play" size="large">开始比对分析</el-button>
+                    <el-button type="success" icon="el-icon-video-play" size="large">开始混合比对分析</el-button>
                   </div>
                 </div>
               </div>
@@ -303,62 +239,169 @@
 </template>
 
 <script setup>
-import { ref, computed } from 'vue'
+import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { ElMessage } from 'element-plus'
+import { useCADStore } from '@/stores/cad'
+import creoApi from '@/services/creoApi'
+import revitApi from '@/services/revitApi'
+import pdmsApi from '@/services/pdmsApi'
+import websocketService from '@/services/websocketService'
 
 const searchQuery = ref('')
 const activeTab = ref('overview')
 const comparisonMode = ref('live')
 
-const liveStep = ref(1) // 1: 捕获基准, 2: 执行轻量化, 3: 捕获结果, 4: 显示报告
 const isCapturingBaseline = ref(false)
-const isLightweighting = ref(false)
 const isCapturingResult = ref(false)
-const baselineData = ref(null)
-const resultData = ref(null)
 
-const captureBaseline = () => {
+const cadStore = useCADStore()
+
+const captureBaseline = async () => {
+  const connectedCAD = cadStore.currentCAD
+  if (!connectedCAD) {
+    ElMessage.warning('请先连接并打开对应的 CAD 插件和模型')
+    return
+  }
+
   isCapturingBaseline.value = true
-  setTimeout(() => {
+  try {
+    let result;
+    let stats = {
+      mem: 'API暂未支持',
+      poly: 'API暂未支持',
+      features: 'API暂未支持'
+    }
+
+    if (connectedCAD.id === 'creo') {
+      result = await creoApi.getCurrentModel()
+      // 如果有可用的层级统计接口，我们用它来获取特征/部件总数
+      try {
+        const statResult = await creoApi.getHierarchyStatistics()
+        if (statResult.success && statResult.data?.data?.statistics) {
+           let totalFeatures = 0
+           Object.values(statResult.data.data.statistics).forEach(v => totalFeatures += v)
+           if(totalFeatures > 0) stats.features = `${totalFeatures} +`
+        }
+      } catch(e) { /* 忽略层级统计失败 */ }
+
+    } else if (connectedCAD.id === 'revit') {
+      result = await revitApi.getCurrentModel()
+    } else if (connectedCAD.id === 'pdms') {
+      result = await pdmsApi.getCurrentModel()
+    }
+
+    if (result && result.success) {
+      const respData = result.data?.data || {}
+      let fileName = '当前活动模型'
+      
+      if (connectedCAD.id === 'creo' && respData.fileName) {
+        fileName = respData.fileName
+      } else if (connectedCAD.id === 'revit' && respData.project?.name) {
+        fileName = respData.project.name
+      } else if (connectedCAD.id === 'pdms' && respData.ProjectInfo?.ProjectName) {
+        fileName = respData.ProjectInfo.ProjectName
+      }
+
+      // 提取现有接口可能返回的真实数据大小、面片等（做兼容读取）
+      if (respData.fileSize) stats.mem = respData.fileSize
+      if (respData.memoryUsage) stats.mem = respData.memoryUsage
+      if (respData.polygonCount) stats.poly = respData.polygonCount
+      if (respData.featureCount) stats.features = respData.featureCount
+      if (respData.componentCount) stats.features = respData.componentCount
+
+      // Revit 新的数据结构专门适配 (data.data.project.xxx)
+      if (connectedCAD.id === 'revit' && respData.project) {
+        if (respData.project.fileSizeDisplay) stats.mem = respData.project.fileSizeDisplay
+        if (respData.project.polygonCount !== undefined) stats.poly = respData.project.polygonCount
+        if (respData.project.featureCount !== undefined) stats.features = respData.project.featureCount
+      }
+
+      cadStore.liveComparisonState.baselineData = {
+        name: fileName,
+        mem: stats.mem,
+        poly: stats.poly,
+        features: stats.features
+      }
+      cadStore.liveComparisonState.step = 2
+      ElMessage.success('基准状态参数读取成功')
+    } else {
+      throw new Error(result?.error || '未能获取到开启的模型信息')
+    }
+  } catch (error) {
+    ElMessage.error(`获取基准数据失败: ${error.message}`)
+  } finally {
     isCapturingBaseline.value = false
-    baselineData.value = {
-      name: 'Engine_Assembly_V8_Final.asm',
-      mem: '1420 MB',
-      poly: '2,450,120',
-      features: '12,054'
-    }
-    liveStep.value = 2
-    ElMessage.success('基准状态捕获成功')
-  }, 1000)
+  }
 }
 
-const executeLightweight = () => {
-  isLightweighting.value = true
-  setTimeout(() => {
-    isLightweighting.value = false
-    liveStep.value = 3
-    ElMessage.success('轻量化指令执行完成')
-  }, 2000)
-}
+const captureResult = async () => {
+  const connectedCAD = cadStore.currentCAD
+  if (!connectedCAD) {
+    ElMessage.warning('请先连接对应的 CAD 插件')
+    return
+  }
 
-const captureResult = () => {
   isCapturingResult.value = true
-  setTimeout(() => {
-    isCapturingResult.value = false
-    resultData.value = {
-      mem: '490 MB',
-      poly: '682,100',
-      features: '342'
+  try {
+    let result;
+    let stats = {
+      mem: 'API暂未支持',
+      poly: 'API暂未支持',
+      features: 'API暂未支持'
     }
-    liveStep.value = 4
-    ElMessage.success('最新状态捕获及对比报告已生成')
-  }, 1000)
+
+    if (connectedCAD.id === 'creo') {
+      result = await creoApi.getCurrentModel()
+      try {
+        const statResult = await creoApi.getHierarchyStatistics()
+        if (statResult.success && statResult.data?.data?.statistics) {
+           let totalFeatures = 0
+           Object.values(statResult.data.data.statistics).forEach(v => totalFeatures += v)
+           if(totalFeatures > 0) stats.features = `${totalFeatures} +`
+        }
+      } catch(e) { }
+    } else if (connectedCAD.id === 'revit') {
+      result = await revitApi.getCurrentModel()
+    } else if (connectedCAD.id === 'pdms') {
+      result = await pdmsApi.getCurrentModel()
+    }
+
+    if (result && result.success) {
+      const respData = result.data?.data || {}
+      
+      // 提取现有接口可能返回的真实数据大小、面片等（做兼容读取）
+      if (respData.fileSize) stats.mem = respData.fileSize
+      if (respData.memoryUsage) stats.mem = respData.memoryUsage
+      if (respData.polygonCount) stats.poly = respData.polygonCount
+      if (respData.featureCount) stats.features = respData.featureCount
+      if (respData.componentCount) stats.features = respData.componentCount
+
+      // Revit 新的数据结构专门适配 (data.data.project.xxx)
+      if (connectedCAD.id === 'revit' && respData.project) {
+        if (respData.project.fileSizeDisplay) stats.mem = respData.project.fileSizeDisplay
+        if (respData.project.polygonCount !== undefined) stats.poly = respData.project.polygonCount
+        if (respData.project.featureCount !== undefined) stats.features = respData.project.featureCount
+      }
+
+      cadStore.liveComparisonState.resultData = {
+        mem: stats.mem,
+        poly: stats.poly,
+        features: stats.features
+      }
+      cadStore.liveComparisonState.step = 3
+      ElMessage.success('新状态已成功捕获并生成对比报告')
+    } else {
+      throw new Error(result?.error || '未能获取到轻量化后模型信息')
+    }
+  } catch (error) {
+    ElMessage.error(`获取轻量化结果失败: ${error.message}`)
+  } finally {
+    isCapturingResult.value = false
+  }
 }
 
 const resetLiveFlow = () => {
-  liveStep.value = 1
-  baselineData.value = null
-  resultData.value = null
+  cadStore.resetLiveComparison()
 }
 
 // 模拟报告数据
@@ -424,25 +467,119 @@ const mockReports = [
   }
 ]
 
-const logs = ref([...mockReports])
+const logs = ref([...mockReports]) // 初始使用 mock, 等待 ws 同步
 const currentReport = ref(logs.value[0])
 
+// --- WebSocket 日志同步逻辑开始 --- //
+let listeners = []
+
+const initListeners = () => {
+  const onLogUpdate = (logData) => {
+    let newLogs = []
+    if (Array.isArray(logData)) {
+      newLogs = [...logData].sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp))
+    } else if (logData.logs) {
+      newLogs = [...logData.logs].sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp))
+    }
+    
+    // 如果获取到了真实的后台日志，我们就直接覆盖 mock
+    if (newLogs.length > 0) {
+      logs.value = newLogs
+      // 若当前没有选中日志，或者选中的日志在新的列表里找不到
+      if (!currentReport.value || !logs.value.find(l => l.id === currentReport.value.id)) {
+         currentReport.value = logs.value[0]
+      }
+    }
+  }
+  
+  websocketService.on('onLogUpdate', onLogUpdate)
+  listeners.push(['onLogUpdate', onLogUpdate])
+
+  // 组件挂载时主动查询一次日志
+  websocketService.queryLogs()
+}
+
+const removeListeners = () => {
+  listeners.forEach(([event, callback]) => {
+    websocketService.off(event, callback)
+  })
+  listeners = []
+}
+
+onMounted(() => {
+  initListeners()
+})
+
+onUnmounted(() => {
+  removeListeners()
+})
+
+// --- WebSocket 日志同步逻辑结束 --- //
+
 const filteredLogs = computed(() => {
   if (!searchQuery.value) return logs.value
   const q = searchQuery.value.toLowerCase()
-  return logs.value.filter(log => log.reportId.toLowerCase().includes(q) || log.operation.toLowerCase().includes(q))
+  return logs.value.filter(log => 
+      (log.operation && log.operation.toLowerCase().includes(q)) || 
+      (log.operation_category && log.operation_category.toLowerCase().includes(q))
+  )
 })
 
 const selectReport = (log) => {
   currentReport.value = log
 }
 
+const formatTime = (timestamp) => {
+  if (!timestamp) return ''
+  try {
+    const date = new Date(timestamp)
+    return date.toLocaleString('zh-CN', {
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit'
+    })
+  } catch {
+    return timestamp
+  }
+}
+
 const getActionClass = (action) => {
+  if (!action) return ''
   if (action.includes('删除')) return 'text-success'
   if (action.includes('确认')) return 'text-warning'
   return 'text-info'
 }
 
+const getCategoryColor = (category) => {
+  if (category === 'CAD操作') return 'primary'
+  if (category === '软件控制') return 'success'
+  if (category === '系统服务') return 'warning'
+  return 'info'
+}
+
+const getCategoryIconClass = (category) => {
+  if (category === 'CAD操作') return 'fas fa-cogs'
+  if (category === '软件控制') return 'fas fa-desktop'
+  if (category === '系统服务') return 'fas fa-server'
+  return 'fas fa-gear'
+}
+
+const hasExtraData = (log) => {
+  const omitKeys = ['id', 'reportId', 'log_id', 'operation', 'operation_category', 'log_type', 'timestamp', 'createdAt', 'created_at', 'status', 'duration', 'details', 'errorInfo', 'error_message', 'user_id', 'client_id', 'client_ip', 'ip_address', 'resultMetrics', 'featureDetails', 'comparisonData', 'level', 'action_type']
+  return Object.keys(log).some(key => !omitKeys.includes(key))
+}
+
+const formatExtraData = (log) => {
+  const omitKeys = ['id', 'reportId', 'log_id', 'operation', 'operation_category', 'log_type', 'timestamp', 'createdAt', 'created_at', 'status', 'duration', 'details', 'errorInfo', 'error_message', 'user_id', 'client_id', 'client_ip', 'ip_address', 'resultMetrics', 'featureDetails', 'comparisonData', 'level', 'action_type']
+  const extra = {}
+  Object.keys(log).forEach(key => {
+    if (!omitKeys.includes(key)) extra[key] = log[key]
+  })
+  return JSON.stringify(extra, null, 2)
+}
+
 const exportSelectedReport = () => {
   if (!currentReport.value) return ElMessage.warning('没有可导出的报告')
   // 模拟导出 PDF/JSON
@@ -878,6 +1015,44 @@ const exportSelectedReport = () => {
   background: rgba(var(--color-success-rgb), 0.05);
 }
 
+.upload-box.baseline-source {
+  cursor: default;
+  border-style: solid;
+  border-color: var(--color-primary);
+  background: rgba(var(--color-primary-rgb), 0.02);
+}
+
+.baseline-source .status-indicator {
+  width: 60px;
+  height: 60px;
+  background: rgba(var(--color-primary-rgb), 0.1);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: var(--spacing-sm);
+}
+
+.baseline-source .status-indicator i {
+  font-size: 28px;
+  color: var(--color-primary);
+}
+
+.baseline-source .source-title {
+  font-size: var(--font-size-lg);
+  font-weight: 600;
+  color: var(--color-text-primary);
+  margin: 0;
+}
+
+.baseline-source .source-desc {
+  font-size: var(--font-size-sm);
+  color: var(--color-text-tertiary);
+  margin: 0;
+  text-align: center;
+  padding: 0 var(--spacing-lg);
+}
+
 .upload-box i {
   font-size: 48px;
   color: var(--color-text-tertiary);
@@ -1029,4 +1204,144 @@ const exportSelectedReport = () => {
   display: flex;
   justify-content: center;
 }
+
+/* 新增美化：执行概览 */
+.overview-custom-header {
+  padding: 16px 24px !important;
+  background: var(--color-bg-primary) !important;
+  display: flex !important;
+  justify-content: space-between !important;
+  align-items: center !important;
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.status-tag {
+  font-weight: 600;
+  font-size: 13px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 0 12px;
+  height: 32px;
+}
+
+.report-id-text {
+  font-family: var(--font-family-mono);
+  color: var(--color-text-secondary);
+  font-size: 14px;
+}
+
+.styled-body {
+  max-width: 1000px;
+  margin: 0 auto;
+}
+
+.overview-title-card {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin-bottom: 24px;
+  padding-bottom: 16px;
+  border-bottom: 1px dashed var(--color-border-primary);
+}
+
+.overview-title-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+}
+
+.overview-title-icon.icon-primary { background: rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary); }
+.overview-title-icon.icon-success { background: rgba(var(--color-success-rgb), 0.1); color: var(--color-success); }
+.overview-title-icon.icon-warning { background: rgba(var(--color-warning-rgb), 0.1); color: var(--color-warning); }
+.overview-title-icon.icon-info { background: rgba(255, 255, 255, 0.05); color: var(--color-text-secondary); }
+
+.overview-title-text {
+  font-size: 24px;
+  font-weight: 600;
+  margin: 0;
+  color: var(--color-text-primary);
+}
+
+.overview-info-card {
+  border-radius: var(--size-border-radius-lg);
+  overflow: hidden;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  margin-bottom: var(--spacing-xl);
+}
+
+:deep(.el-descriptions__label.el-descriptions__cell.is-bordered-label) {
+  background-color: var(--color-bg-tertiary, #2b2b2b);
+  color: var(--color-text-primary);
+  border-color: var(--color-border-primary);
+}
+
+:deep(.el-descriptions__content.el-descriptions__cell.is-bordered-content) {
+  background-color: var(--color-bg-secondary, #1f1f1f);
+  color: var(--color-text-secondary);
+  border-color: var(--color-border-primary);
+}
+
+:deep(.el-descriptions) {
+  border: 1px solid var(--color-border-primary);
+  border-radius: var(--size-border-radius-lg);
+  overflow: hidden;
+}
+
+:deep(.el-descriptions .el-descriptions__table) {
+  border-radius: var(--size-border-radius-lg);
+}
+
+.desc-label {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 500;
+  color: var(--color-text-primary);
+}
+
+.mono {
+  font-family: var(--font-family-mono);
+  color: var(--color-text-regular);
+}
+
+.custom-alert-box {
+  border-radius: var(--size-border-radius-lg);
+  white-space: pre-wrap;
+  word-break: break-all;
+  padding: 16px;
+  align-items: flex-start;
+  background-color: rgba(var(--color-primary-rgb), 0.1);
+  border: 1px solid rgba(var(--color-primary-rgb), 0.2);
+}
+
+:deep(.custom-alert-box .el-alert__title) {
+  color: var(--color-text-primary);
+  font-size: 14px;
+}
+
+.json-viewer-box {
+  background: #1e1e1e;
+  border-radius: var(--size-border-radius-lg);
+  padding: 16px;
+  overflow-x: auto;
+  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2);
+}
+
+.json-viewer-box pre {
+  margin: 0;
+  font-family: 'Consolas', 'Monaco', monospace;
+  font-size: 13px;
+  line-height: 1.5;
+  color: #9cdcfe;
+}
 </style>
diff --git a/src/stores/cad.js b/src/stores/cad.js
index f6d0c82..0ad65bb 100644
--- a/src/stores/cad.js
+++ b/src/stores/cad.js
@@ -97,6 +97,22 @@ export const useCADStore = defineStore('cad', () => {
     draggedFile.value = file
   }
 
+  // 实时穿透对比状态 (全局保留)
+  const liveComparisonState = ref({
+    step: 1, // 1: 准备抓取基准, 2: 已抓取基准（等待抓取结果）, 3: 完成对比
+    baselineData: null,
+    resultData: null
+  })
+
+  // 重置实时穿透对比状态
+  const resetLiveComparison = () => {
+    liveComparisonState.value = {
+      step: 1,
+      baselineData: null,
+      resultData: null
+    }
+  }
+
   return {
     // 状态
     cadConnections,
@@ -111,6 +127,8 @@ export const useCADStore = defineStore('cad', () => {
     setCADConnection,
     setCADConnecting,
     setCurrentProjectName,
-    setDraggedFile
+    setDraggedFile,
+    liveComparisonState,
+    resetLiveComparison
   }
 })
\ No newline at end of file