From e55ab7d5ca10fa0389712f89804df810779bfa41 Mon Sep 17 00:00:00 2001
From: LiRen-qiu <2914668598@qq.com>
Date: Thu, 24 Apr 2025 20:19:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=B2=A1=E5=8F=8D=E5=BA=94?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/process/DataPreprocessing.vue  |  477 ++++---
 .../src/components/process/FileUpload.vue     |   14 +-
 .../src/components/process/MergeFormat.vue    |    4 +-
 .../src/components/process/ModelAnalysis.vue  | 1124 +++++++----------
 .../src/components/process/PreProcess.vue     |   96 +-
 .../src/components/process/ProcessPage.vue    |   73 +-
 .../src/components/process/ProcessStep.vue    |   14 +-
 .../src/components/process/WordCorrection.vue |   11 +-
 src/vue2/src/store/modules/process.js         |  126 +-
 src/vue2/src/views/Process.vue                |   57 +-
 10 files changed, 1081 insertions(+), 915 deletions(-)

diff --git a/src/vue2/src/components/process/DataPreprocessing.vue b/src/vue2/src/components/process/DataPreprocessing.vue
index 0fb0e43..ff5f3b5 100644
--- a/src/vue2/src/components/process/DataPreprocessing.vue
+++ b/src/vue2/src/components/process/DataPreprocessing.vue
@@ -1,127 +1,134 @@
 <template>
   <div class="data-preprocessing">
-    <ProcessStep
+    <process-step
       title="数据预处理"
       :status="status"
       :loading="loading"
       :progress="progress"
+      operationButtonText="开始数据预处理"
+      processingText="正在对数据进行清洗与规范化..."
+      errorText="预处理失败，请重试"
+      :showPrevButton="true"
+      @start="startPreprocess"
+      @retry="startPreprocess"
       @prev="$emit('prev')"
       @next="$emit('next')"
     >
       <template #pre-operation>
-        <div class="file-info" v-if="fileData">
-          <h3>待处理文件信息：</h3>
-          <el-descriptions border>
-            <el-descriptions-item label="文件名">{{ fileData.fileName }}</el-descriptions-item>
-            <el-descriptions-item label="文件大小">{{ formatFileSize(fileData.fileSize) }}</el-descriptions-item>
-            <el-descriptions-item label="记录数量">{{ fileData.rowCount }}</el-descriptions-item>
-            <el-descriptions-item label="上传时间">{{ formatDateTime(fileData.uploadTime) }}</el-descriptions-item>
-          </el-descriptions>
-        </div>
-        <el-empty v-else description="请先完成文件上传"></el-empty>
-      </template>
-
-      <template #operation>
-        <div class="preprocessing-config">
-          <h3>预处理配置</h3>
-          <el-form :model="preprocessConfig" label-width="180px" :disabled="status === 'running'">
-            <el-form-item label="数据清洗级别">
-              <el-select v-model="preprocessConfig.cleanLevel" placeholder="请选择清洗级别">
-                <el-option label="基本清洗" value="basic"></el-option>
-                <el-option label="标准清洗" value="standard"></el-option>
-                <el-option label="深度清洗" value="deep"></el-option>
-              </el-select>
+        <div class="preprocessing-options">
+          <h4>预处理设置</h4>
+          
+          <el-form label-width="150px" size="small">
+            <el-form-item label="删除空行">
+              <el-switch v-model="options.removeEmptyRows"></el-switch>
             </el-form-item>
             
-            <el-form-item label="去除重复项">
-              <el-switch v-model="preprocessConfig.removeDuplicates"></el-switch>
+            <el-form-item label="裁剪空白字符">
+              <el-switch v-model="options.trimWhitespace"></el-switch>
             </el-form-item>
             
-            <el-form-item label="标准化文本">
-              <el-switch v-model="preprocessConfig.normalizeText"></el-switch>
+            <el-form-item label="标准化日期格式">
+              <el-switch v-model="options.normalizeDates"></el-switch>
             </el-form-item>
             
-            <el-form-item label="移除缺失值">
-              <el-select v-model="preprocessConfig.missingValueStrategy" placeholder="选择处理策略">
-                <el-option label="保留" value="keep"></el-option>
-                <el-option label="移除行" value="remove"></el-option>
-                <el-option label="填充默认值" value="fillDefault"></el-option>
-              </el-select>
-            </el-form-item>
-
-            <el-form-item label="字段选择">
-              <el-checkbox-group v-model="preprocessConfig.selectedFields">
-                <el-checkbox label="title">标题</el-checkbox>
-                <el-checkbox label="content">内容</el-checkbox>
-                <el-checkbox label="category">分类</el-checkbox>
-                <el-checkbox label="tags">标签</el-checkbox>
-                <el-checkbox label="timestamp">时间戳</el-checkbox>
-              </el-checkbox-group>
+            <el-form-item label="数据类型转换">
+              <el-switch v-model="options.convertDataTypes"></el-switch>
             </el-form-item>
           </el-form>
-
-          <div class="operation-buttons">
-            <el-button 
-              type="primary" 
-              @click="startPreprocess" 
-              :disabled="!fileData || status === 'running' || status === 'completed'"
-              :loading="status === 'running'"
-            >
-              {{ status === 'running' ? '处理中...' : '开始预处理' }}
-            </el-button>
+          
+          <div class="file-info" v-if="fileData">
+            <h4>待处理文件信息</h4>
+            <el-descriptions :column="2" border size="small">
+              <el-descriptions-item label="文件名称">{{ fileData.fileName }}</el-descriptions-item>
+              <el-descriptions-item label="文件大小">{{ fileData.fileSize }}</el-descriptions-item>
+              <el-descriptions-item label="总行数">{{ fileData.rowCount }}</el-descriptions-item>
+              <el-descriptions-item label="总列数">{{ fileData.columnCount }}</el-descriptions-item>
+            </el-descriptions>
           </div>
+          <el-empty v-else description="请先完成文件上传"></el-empty>
         </div>
       </template>
-
-      <template #result-summary v-if="status === 'completed'">
-        <div class="preprocessing-summary">
-          <h3>预处理完成</h3>
-          <el-descriptions border>
-            <el-descriptions-item label="处理前记录">{{ fileData.rowCount }}</el-descriptions-item>
-            <el-descriptions-item label="处理后记录">{{ processedData.rowCount }}</el-descriptions-item>
-            <el-descriptions-item label="移除重复项">{{ preprocessConfig.removeDuplicates ? '是' : '否' }}</el-descriptions-item>
-            <el-descriptions-item label="清洗级别">{{ preprocessLevelText }}</el-descriptions-item>
-            <el-descriptions-item label="处理用时">{{ processingTime }}秒</el-descriptions-item>
-          </el-descriptions>
+      
+      <template #result-summary>
+        <div class="process-result-summary">
+          <i class="el-icon-success"></i>
+          <h4>数据预处理完成</h4>
+          <p>原始数据已经过清洗和规范化处理，可进行下一步操作</p>
+          
+          <el-row :gutter="20" class="summary-stats">
+            <el-col :span="8">
+              <div class="stat-item">
+                <p class="stat-value">{{ preprocessedData.processedRows }}</p>
+                <p class="stat-label">已处理行数</p>
+              </div>
+            </el-col>
+            <el-col :span="8">
+              <div class="stat-item">
+                <p class="stat-value">{{ preprocessedData.removedRows }}</p>
+                <p class="stat-label">已删除行数</p>
+              </div>
+            </el-col>
+            <el-col :span="8">
+              <div class="stat-item">
+                <p class="stat-value">{{ preprocessedData.changedCells }}</p>
+                <p class="stat-label">更改单元格数</p>
+              </div>
+            </el-col>
+          </el-row>
         </div>
       </template>
-
-      <template #result-detail v-if="status === 'completed'">
-        <div class="preprocessing-detail">
-          <h3>数据预览</h3>
-          <el-table
-            :data="previewData"
-            border
-            style="width: 100%"
-            max-height="300px"
-          >
+      
+      <template #result-detail>
+        <div class="result-details">
+          <h4>处理结果预览</h4>
+          <el-table :data="preprocessedData.preview" border stripe style="width: 100%">
             <el-table-column
-              v-for="field in preprocessConfig.selectedFields"
-              :key="field"
-              :prop="field"
-              :label="getFieldLabel(field)"
-              min-width="120"
+              v-for="column in preprocessedData.columns"
+              :key="column.prop"
+              :prop="column.prop"
+              :label="column.label"
+              :width="column.width || ''"
             ></el-table-column>
           </el-table>
+          
+          <div class="changes-summary">
+            <h4>变更摘要</h4>
+            <el-collapse>
+              <el-collapse-item title="数据类型转换" name="1">
+                <el-tag v-for="(change, index) in preprocessedData.typeChanges" :key="index" 
+                  size="small" style="margin-right: 5px; margin-bottom: 5px;">
+                  {{ change }}
+                </el-tag>
+              </el-collapse-item>
+              <el-collapse-item title="规范化处理" name="2">
+                <el-tag v-for="(change, index) in preprocessedData.normalizationChanges" :key="index" 
+                  type="success" size="small" style="margin-right: 5px; margin-bottom: 5px;">
+                  {{ change }}
+                </el-tag>
+              </el-collapse-item>
+            </el-collapse>
+          </div>
         </div>
       </template>
-    </ProcessStep>
+    </process-step>
   </div>
 </template>
 
 <script>
-import ProcessStep from './ProcessStep.vue';
+import { mapState, mapActions } from 'vuex'
+import ProcessStep from './ProcessStep.vue'
 
 export default {
   name: 'DataPreprocessing',
+  
   components: {
     ProcessStep
   },
+  
   props: {
     status: {
       type: String,
-      default: 'waiting',
-      validator: value => ['waiting', 'running', 'completed', 'error'].includes(value)
+      default: 'waiting'
     },
     loading: {
       type: Boolean,
@@ -136,113 +143,166 @@ export default {
       default: null
     }
   },
+  
   data() {
     return {
-      preprocessConfig: {
-        cleanLevel: 'standard',
-        removeDuplicates: true,
-        normalizeText: true,
-        missingValueStrategy: 'remove',
-        selectedFields: ['title', 'content', 'category']
+      options: {
+        removeEmptyRows: true,
+        trimWhitespace: true,
+        normalizeDates: true,
+        convertDataTypes: true
       },
-      processedData: null,
-      previewData: [],
-      processingStartTime: null,
-      processingEndTime: null
-    };
-  },
-  computed: {
-    preprocessLevelText() {
-      const levels = {
-        basic: '基本清洗',
-        standard: '标准清洗',
-        deep: '深度清洗'
-      };
-      return levels[this.preprocessConfig.cleanLevel] || '未选择';
-    },
-    processingTime() {
-      if (!this.processingStartTime || !this.processingEndTime) return 0;
-      return ((this.processingEndTime - this.processingStartTime) / 1000).toFixed(2);
+      preprocessedData: {
+        processedRows: 0,
+        removedRows: 0,
+        changedCells: 0,
+        columns: [],
+        preview: [],
+        typeChanges: [],
+        normalizationChanges: []
+      },
+      processTimer: null,
+      localStatus: 'waiting',
+      localLoading: false,
+      localProgress: 0
     }
   },
+  
   watch: {
     status(newStatus) {
-      if (newStatus === 'completed' && this.fileData) {
-        this.generateProcessedData();
-      }
+      this.localStatus = newStatus
+    }
+  },
+  
+  mounted() {
+    // 检查是否已经有预处理结果
+    if (this.status === 'completed') {
+      this.generateMockResults()
     }
+    
+    // 将prop值同步到本地
+    this.localStatus = this.status
+    this.localLoading = this.loading
+    this.localProgress = this.progress
   },
+  
   methods: {
+    ...mapActions('process', ['processPreprocess']),
+    
     startPreprocess() {
-      this.processingStartTime = Date.now();
-      // 触发父组件处理逻辑
-      this.$emit('start-preprocess', { ...this.preprocessConfig });
-    },
-    generateProcessedData() {
-      this.processingEndTime = Date.now();
+      if (!this.fileData) {
+        this.$message.warning('请先上传文件')
+        return
+      }
+      
+      // 通知父组件开始预处理
+      this.$emit('start-preprocess', this.options)
+      
+      // 更新本地状态
+      this.localLoading = true
+      this.localStatus = 'running'
+      this.localProgress = 0
       
-      // 这里是模拟生成处理后的数据
-      // 在实际项目中，这些数据应该来自服务器
-      if (this.fileData) {
-        this.processedData = {
-          rowCount: this.fileData.rowCount - Math.floor(Math.random() * 50),
-          processedAt: new Date().toISOString()
-        };
+      // 模拟进度更新
+      this.processTimer = setInterval(() => {
+        this.localProgress += 5
+        if (this.localProgress >= 100) {
+          clearInterval(this.processTimer)
+          this.completePreprocess()
+        }
+      }, 150)
+    },
+    
+    completePreprocess() {
+      // 模拟完成预处理
+      setTimeout(() => {
+        // 清理计时器
+        clearInterval(this.processTimer)
         
-        // 生成预览数据
-        this.previewData = this.generatePreviewData();
-      }
+        // 生成模拟结果
+        this.generateMockResults()
+        
+        // 更新状态
+        this.localLoading = false
+        this.localStatus = 'completed'
+        this.localProgress = 100
+        
+        // 更新Vuex中的状态
+        this.$store.commit('process/UPDATE_STEP_STATUS', { step: 'preprocess', status: 'completed' })
+        
+        // 存储预处理结果
+        this.processPreprocess(this.preprocessedData)
+        
+        // 显示成功消息
+        this.$message.success('数据预处理完成')
+        
+        // 确保父组件知道预处理已完成
+        this.$nextTick(() => {
+          console.log('数据预处理完成，可以继续下一步')
+          // 触发父组件的预处理完成事件
+          this.$emit('preprocess-completed', this.preprocessedData)
+        })
+      }, 500)
     },
-    generatePreviewData() {
-      // 生成模拟的预览数据
-      const sampleData = [];
-      const fieldValues = {
-        title: ['项目报告', '季度总结', '市场分析', '用户调研', '功能规划'],
-        content: ['这是一份详细的项目报告...', '本季度业绩表现良好...', '市场竞争激烈，需要...', '根据用户反馈，我们...', '未来三个月的功能开发计划...'],
-        category: ['报告', '总结', '分析', '调研', '规划'],
-        tags: ['项目,重要', '季度,业绩', '市场,竞争', '用户,反馈', '功能,开发'],
-        timestamp: ['2023-10-01', '2023-10-15', '2023-11-01', '2023-11-15', '2023-12-01']
-      };
+    
+    generateMockResults() {
+      // 确保数据行数有效
+      const rowCount = this.fileData?.rowCount || 1000
+      
+      // 生成列定义
+      const columns = [
+        { prop: 'id', label: 'ID', width: '70' },
+        { prop: 'name', label: '名称' },
+        { prop: 'date', label: '日期' },
+        { prop: 'category', label: '类别' },
+        { prop: 'value', label: '数值' }
+      ]
       
-      for (let i = 0; i < 5; i++) {
-        const row = {};
-        this.preprocessConfig.selectedFields.forEach(field => {
-          if (fieldValues[field]) {
-            row[field] = fieldValues[field][i % fieldValues[field].length];
-          }
-        });
-        sampleData.push(row);
+      // 生成预览数据
+      const preview = []
+      for (let i = 1; i <= 5; i++) {
+        preview.push({
+          id: i,
+          name: `示例数据 ${i}`,
+          date: `2025-04-${10 + i}`,
+          category: ['A类', 'B类', 'C类'][i % 3],
+          value: Math.floor(Math.random() * 1000)
+        })
       }
       
-      return sampleData;
-    },
-    formatFileSize(size) {
-      if (!size) return '0 B';
-      const units = ['B', 'KB', 'MB', 'GB'];
-      let i = 0;
-      while (size >= 1024 && i < units.length - 1) {
-        size /= 1024;
-        i++;
+      // 生成变更记录
+      const typeChanges = [
+        '字符串→日期 (32项)',
+        '文本→数值 (147项)',
+        '数值→百分比 (56项)'
+      ]
+      
+      const normalizationChanges = [
+        '日期格式标准化 (118项)',
+        '移除前后空格 (243项)',
+        '大小写规范化 (87项)',
+        '数值精度统一 (92项)'
+      ]
+      
+      // 更新结果
+      this.preprocessedData = {
+        processedRows: rowCount,
+        removedRows: Math.floor(rowCount * 0.05), // 5%的行被移除
+        changedCells: Math.floor(rowCount * 1.2), // 平均每行1.2个单元格被更改
+        columns,
+        preview,
+        typeChanges,
+        normalizationChanges
       }
-      return `${size.toFixed(2)} ${units[i]}`;
-    },
-    formatDateTime(timestamp) {
-      if (!timestamp) return '';
-      const date = new Date(timestamp);
-      return date.toLocaleString();
-    },
-    getFieldLabel(field) {
-      const labels = {
-        title: '标题',
-        content: '内容',
-        category: '分类',
-        tags: '标签',
-        timestamp: '时间戳'
-      };
-      return labels[field] || field;
+    }
+  },
+  
+  beforeDestroy() {
+    if (this.processTimer) {
+      clearInterval(this.processTimer)
     }
   }
-};
+}
 </script>
 
 <style scoped>
@@ -250,34 +310,83 @@ export default {
   width: 100%;
 }
 
+.preprocessing-options {
+  margin-bottom: 20px;
+}
+
+.preprocessing-options h4 {
+  margin-bottom: 15px;
+  font-size: 16px;
+  color: #303133;
+}
+
 .file-info {
+  margin-top: 20px;
+}
+
+.file-info h4 {
+  margin-bottom: 10px;
+}
+
+.process-result-summary {
+  text-align: center;
   margin-bottom: 20px;
 }
 
-.preprocessing-config {
+.process-result-summary i {
+  font-size: 48px;
+  color: #67c23a;
+  margin-bottom: 10px;
+}
+
+.process-result-summary h4 {
+  font-size: 18px;
+  margin: 10px 0;
+}
+
+.process-result-summary p {
+  color: #606266;
   margin-bottom: 20px;
 }
 
-.preprocessing-config h3,
-.file-info h3,
-.preprocessing-summary h3,
-.preprocessing-detail h3 {
-  margin-bottom: 15px;
-  font-weight: 500;
-  color: #303133;
+.summary-stats {
+  margin-top: 25px;
+}
+
+.stat-item {
+  text-align: center;
+  padding: 15px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+}
+
+.stat-value {
+  font-size: 24px;
+  font-weight: bold;
+  margin: 0;
+  color: #409eff;
+}
+
+.stat-label {
+  margin: 5px 0 0;
+  color: #606266;
 }
 
-.operation-buttons {
+.result-details {
   margin-top: 20px;
-  display: flex;
-  justify-content: center;
 }
 
-.preprocessing-summary {
-  margin-bottom: 20px;
+.result-details h4 {
+  margin-bottom: 15px;
+  font-size: 16px;
+  color: #303133;
 }
 
-.preprocessing-detail {
+.changes-summary {
   margin-top: 20px;
 }
+
+.changes-summary h4 {
+  margin-bottom: 10px;
+}
 </style> 
\ No newline at end of file
diff --git a/src/vue2/src/components/process/FileUpload.vue b/src/vue2/src/components/process/FileUpload.vue
index 942f8d9..2035907 100644
--- a/src/vue2/src/components/process/FileUpload.vue
+++ b/src/vue2/src/components/process/FileUpload.vue
@@ -12,7 +12,7 @@
       @start="handleUpload"
       @retry="handleRetry"
       @prev="$emit('prev')"
-      @next="$emit('next')"
+      @next="handleNextStep"
     >
       <template #pre-operation>
         <div class="upload-area">
@@ -137,7 +137,17 @@ export default {
     
     handleNextStep() {
       console.log('手动点击继续处理按钮');
+      
+      // 确保文件已经上传完成
+      if (this.uploadStatus !== 'completed') {
+        this.$message.warning('请等待文件上传完成');
+        return;
+      }
+      
+      // 向父组件发出next事件，同时确保fileData已设置
       this.$emit('next');
+      this.$emit('file-uploaded', this.fileData);
+      console.log('已发出next事件和file-uploaded事件', this.fileData);
     },
     
     handleFileChange(file) {
@@ -214,7 +224,7 @@ export default {
           
           // 显示成功消息
           this.$message({
-            message: '文件上传成功，请点击下一步按钮继续',
+            message: '文件上传成功，点击"继续处理"或"下一步"按钮继续',
             type: 'success',
             duration: 5000,
             showClose: true
diff --git a/src/vue2/src/components/process/MergeFormat.vue b/src/vue2/src/components/process/MergeFormat.vue
index 6449f3b..3b87863 100644
--- a/src/vue2/src/components/process/MergeFormat.vue
+++ b/src/vue2/src/components/process/MergeFormat.vue
@@ -154,7 +154,7 @@ export default {
   },
   
   methods: {
-    ...mapActions('process', ['processMerge']),
+    ...mapActions('process', ['processMerge', 'setMergeData']),
     
     startProcess() {
       if (!this.preprocessResults) {
@@ -187,7 +187,7 @@ export default {
           this.processingPercentage = 100
           
           // 保存合并结果到Vuex
-          this.processMerge(response.data)
+          this.setMergeData(response.data)
           
           // 更新组件状态
           setTimeout(() => {
diff --git a/src/vue2/src/components/process/ModelAnalysis.vue b/src/vue2/src/components/process/ModelAnalysis.vue
index 7a5c64c..329abef 100644
--- a/src/vue2/src/components/process/ModelAnalysis.vue
+++ b/src/vue2/src/components/process/ModelAnalysis.vue
@@ -3,639 +3,469 @@
     <process-step
       title="大模型分析"
       :status="analysisStatus"
-      :progress="analysisProgress"
       :loading="isLoading"
-      @prev="$emit('prev')"
-      @next="$emit('next')"
+      operationButtonText="开始分析"
+      processingText="大模型分析处理中..."
+      :processingPercentage="analysisProgress"
+      errorText="分析失败，请重试"
       @start="startAnalysis"
+      @retry="handleRetry"
     >
       <template #pre-operation>
-        <el-form :model="configForm" label-width="140px" size="small">
-          <el-form-item label="分析模型选择">
-            <el-select v-model="configForm.model" placeholder="请选择分析模型">
-              <el-option label="GPT-4" value="gpt4"></el-option>
-              <el-option label="GPT-3.5" value="gpt3.5"></el-option>
-              <el-option label="BERT" value="bert"></el-option>
-              <el-option label="自定义模型" value="custom"></el-option>
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="分析目标">
-            <el-select 
-              v-model="configForm.analysisTargets" 
-              multiple 
-              placeholder="请选择分析目标"
-            >
-              <el-option label="文本分类" value="classification"></el-option>
-              <el-option label="情感分析" value="sentiment"></el-option>
-              <el-option label="关键信息提取" value="extraction"></el-option>
-              <el-option label="摘要生成" value="summarization"></el-option>
-              <el-option label="实体识别" value="ner"></el-option>
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="分析模式">
-            <el-radio-group v-model="configForm.analysisMode">
-              <el-radio label="auto">自动分析</el-radio>
-              <el-radio label="manual">人工确认</el-radio>
-            </el-radio-group>
-          </el-form-item>
-
-          <el-collapse v-model="activeNames">
-            <el-collapse-item title="高级设置" name="advanced">
-              <el-form-item label="置信度阈值">
-                <el-slider 
-                  v-model="configForm.confidenceThreshold" 
-                  :min="0" 
-                  :max="100" 
-                  :format-tooltip="formatConfidence"
-                ></el-slider>
-              </el-form-item>
-              
-              <el-form-item label="分析模板">
-                <el-select v-model="configForm.template" placeholder="请选择分析模板">
-                  <el-option label="标准模板" value="standard"></el-option>
-                  <el-option label="详细模板" value="detailed"></el-option>
-                  <el-option label="简洁模板" value="concise"></el-option>
-                  <el-option label="自定义模板" value="custom"></el-option>
-                </el-select>
-              </el-form-item>
-
-              <el-form-item label="自定义提示词" v-if="configForm.template === 'custom'">
-                <el-input
-                  type="textarea"
-                  v-model="configForm.customPrompt"
-                  :rows="3"
-                  placeholder="输入自定义提示词以指导模型分析..."
-                ></el-input>
-              </el-form-item>
-            </el-collapse-item>
-          </el-collapse>
-        </el-form>
-      </template>
-
-      <template #operation v-if="analysisStatus === 'running'">
-        <div class="analysis-progress">
-          <div class="progress-info">
-            <span>已完成分析: {{ analyzedItems }} / {{ totalItems }}</span>
-            <el-progress :percentage="analysisProgress" :stroke-width="15"></el-progress>
-          </div>
-          <div class="current-task">
-            <span>当前任务: {{ currentTask }}</span>
-          </div>
+        <div class="analysis-config">
+          <h4>分析配置</h4>
+          <el-form ref="configForm" :model="configForm" label-width="120px" size="small">
+            <el-form-item label="分析模型">
+              <el-select v-model="configForm.model" placeholder="请选择分析模型">
+                <el-option label="GPT-4" value="gpt4"></el-option>
+                <el-option label="GPT-3.5" value="gpt3.5"></el-option>
+                <el-option label="BERT" value="bert"></el-option>
+                <el-option label="自定义模型" value="custom"></el-option>
+              </el-select>
+            </el-form-item>
+            
+            <el-form-item label="分析目标">
+              <el-select 
+                v-model="configForm.analysisTargets" 
+                multiple 
+                placeholder="请选择分析目标"
+              >
+                <el-option label="文本分类" value="classification"></el-option>
+                <el-option label="情感分析" value="sentiment"></el-option>
+                <el-option label="关键信息提取" value="extraction"></el-option>
+                <el-option label="摘要生成" value="summarization"></el-option>
+                <el-option label="实体识别" value="ner"></el-option>
+              </el-select>
+            </el-form-item>
+            
+            <el-form-item label="分析模式">
+              <el-radio-group v-model="configForm.analysisMode">
+                <el-radio label="auto">自动分析</el-radio>
+                <el-radio label="manual">人工确认</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            
+            <el-form-item label="高级设置">
+              <el-collapse v-model="activeSettings">
+                <el-collapse-item title="更多设置" name="advanced">
+                  <el-form-item label="置信度阈值">
+                    <el-slider 
+                      v-model="configForm.confidenceThreshold" 
+                      :min="0" 
+                      :max="100"
+                      :format-tooltip="val => val + '%'"
+                    ></el-slider>
+                  </el-form-item>
+                  
+                  <el-form-item label="分析深度">
+                    <el-select v-model="configForm.analysisDepth" placeholder="请选择分析深度">
+                      <el-option label="浅层分析" value="shallow"></el-option>
+                      <el-option label="标准分析" value="standard"></el-option>
+                      <el-option label="深度分析" value="deep"></el-option>
+                    </el-select>
+                  </el-form-item>
+                  
+                  <el-form-item label="自定义提示词" v-if="configForm.model === 'custom'">
+                    <el-input
+                      type="textarea"
+                      v-model="configForm.customPrompt"
+                      :rows="3"
+                      placeholder="输入自定义提示词..."
+                    ></el-input>
+                  </el-form-item>
+                </el-collapse-item>
+              </el-collapse>
+            </el-form-item>
+          </el-form>
         </div>
       </template>
 
-      <template #result-summary v-if="analysisStatus === 'completed'">
-        <div class="analysis-summary">
-          <el-alert
-            title="分析完成"
-            type="success"
-            :closable="false"
-            show-icon
-          >
-            <div class="summary-content">
-              <div class="summary-item">
-                <span>分析文档总数:</span>
-                <span class="value">{{ analysisSummary.totalDocuments }}</span>
-              </div>
-              <div class="summary-item">
-                <span>成功分析:</span>
-                <span class="value">{{ analysisSummary.successful }}</span>
-              </div>
-              <div class="summary-item">
-                <span>分析失败:</span>
-                <span class="value">{{ analysisSummary.failed }}</span>
-              </div>
-              <div class="summary-item">
-                <span>平均置信度:</span>
-                <span class="value">{{ analysisSummary.avgConfidence }}%</span>
-              </div>
-              <div class="summary-item">
-                <span>处理时间:</span>
-                <span class="value">{{ analysisSummary.processingTime }}秒</span>
-              </div>
+      <template #result-summary>
+        <div class="analysis-result-summary">
+          <i class="el-icon-check"></i>
+          <h4>分析完成</h4>
+          <div class="summary-stats">
+            <div class="stat-item">
+              <span class="stat-value">{{ resultData.totalDocuments }}</span>
+              <span class="stat-label">处理文档总数</span>
+            </div>
+            <div class="stat-item">
+              <span class="stat-value">{{ resultData.successRate }}%</span>
+              <span class="stat-label">分析成功率</span>
+            </div>
+            <div class="stat-item">
+              <span class="stat-value">{{ resultData.avgConfidence }}%</span>
+              <span class="stat-label">平均置信度</span>
+            </div>
+            <div class="stat-item">
+              <span class="stat-value">{{ resultData.processingTime }}秒</span>
+              <span class="stat-label">处理时间</span>
             </div>
-          </el-alert>
-
-          <div class="analysis-actions">
-            <el-button type="primary" @click="downloadResults">下载分析结果</el-button>
-            <el-button @click="resetAnalysis">重新分析</el-button>
           </div>
         </div>
       </template>
 
-      <template #result-detail v-if="analysisStatus === 'completed' || analysisStatus === 'reviewing'">
-        <div class="analysis-results">
-          <el-tabs v-model="activeTab">
-            <el-tab-pane label="分析结果概览" name="overview">
+      <template #result-detail>
+        <div class="analysis-result-detail">
+          <el-tabs type="border-card">
+            <el-tab-pane label="分析结果概览">
               <div class="chart-container">
-                <div class="chart-item">
-                  <h4>文档分类分布</h4>
-                  <div class="chart-placeholder">
-                    [分类饼图]
+                <div class="chart-row">
+                  <div class="chart-box">
+                    <div class="chart-title">文档分类分布</div>
+                    <div class="mock-chart pie-chart"></div>
                   </div>
-                </div>
-                <div class="chart-item">
-                  <h4>情感分析分布</h4>
-                  <div class="chart-placeholder">
-                    [情感分析条形图]
+                  <div class="chart-box">
+                    <div class="chart-title">情感分析分布</div>
+                    <div class="mock-chart bar-chart"></div>
                   </div>
                 </div>
-                <div class="chart-item">
-                  <h4>关键词云</h4>
-                  <div class="chart-placeholder">
-                    [关键词词云]
+                <div class="chart-row">
+                  <div class="chart-box">
+                    <div class="chart-title">关键词云</div>
+                    <div class="mock-chart word-cloud"></div>
                   </div>
-                </div>
-                <div class="chart-item">
-                  <h4>置信度分布</h4>
-                  <div class="chart-placeholder">
-                    [置信度直方图]
+                  <div class="chart-box">
+                    <div class="chart-title">置信度分布</div>
+                    <div class="mock-chart line-chart"></div>
                   </div>
                 </div>
               </div>
             </el-tab-pane>
             
-            <el-tab-pane label="详细分析结果" name="details">
-              <el-table :data="analysisResults" style="width: 100%" height="400">
-                <el-table-column prop="documentName" label="文档名称" width="180"></el-table-column>
-                <el-table-column prop="category" label="分类" width="120"></el-table-column>
-                <el-table-column prop="sentiment" label="情感" width="100">
+            <el-tab-pane label="文档分类">
+              <el-table :data="resultData.documentClasses" border style="width: 100%">
+                <el-table-column prop="category" label="类别"></el-table-column>
+                <el-table-column prop="count" label="数量"></el-table-column>
+                <el-table-column prop="percentage" label="占比">
                   <template slot-scope="scope">
-                    <el-tag 
-                      :type="getSentimentType(scope.row.sentiment)" 
-                      size="mini"
-                    >
-                      {{ scope.row.sentiment }}
-                    </el-tag>
+                    {{ scope.row.percentage }}%
                   </template>
                 </el-table-column>
-                <el-table-column prop="confidence" label="置信度" width="100">
+                <el-table-column prop="confidence" label="平均置信度">
                   <template slot-scope="scope">
-                    <el-progress 
-                      :percentage="scope.row.confidence" 
-                      :color="getConfidenceColor(scope.row.confidence)"
-                    ></el-progress>
+                    <el-progress :percentage="scope.row.confidence"></el-progress>
                   </template>
                 </el-table-column>
-                <el-table-column prop="keyEntities" label="关键实体" width="200">
+              </el-table>
+            </el-tab-pane>
+            
+            <el-tab-pane label="情感分析">
+              <el-table :data="resultData.sentimentAnalysis" border style="width: 100%">
+                <el-table-column prop="sentiment" label="情感"></el-table-column>
+                <el-table-column prop="count" label="数量"></el-table-column>
+                <el-table-column prop="percentage" label="占比">
                   <template slot-scope="scope">
-                    <el-tag 
-                      v-for="(entity, index) in scope.row.keyEntities" 
-                      :key="index"
-                      size="mini"
-                      class="entity-tag"
-                    >
-                      {{ entity }}
-                    </el-tag>
+                    {{ scope.row.percentage }}%
                   </template>
                 </el-table-column>
-                <el-table-column prop="summary" label="摘要" min-width="250"></el-table-column>
-                <el-table-column label="操作" width="120" fixed="right">
+                <el-table-column prop="examples" label="示例">
                   <template slot-scope="scope">
-                    <el-button type="text" @click="viewDetail(scope.row)">查看详情</el-button>
-                    <el-button type="text" @click="editResult(scope.row)">编辑</el-button>
+                    <el-popover
+                      placement="top"
+                      width="400"
+                      trigger="hover"
+                    >
+                      <div>
+                        <p v-for="(example, index) in scope.row.examples" :key="index">
+                          {{ example }}
+                        </p>
+                      </div>
+                      <span slot="reference">查看示例</span>
+                    </el-popover>
                   </template>
                 </el-table-column>
               </el-table>
             </el-tab-pane>
-
-            <el-tab-pane label="分析日志" name="logs">
-              <div class="logs-container">
-                <div v-for="(log, index) in analysisLogs" :key="index" class="log-item">
-                  <span class="log-time">{{ log.time }}</span>
-                  <span :class="['log-level', 'log-level-' + log.level]">{{ log.level }}</span>
-                  <span class="log-message">{{ log.message }}</span>
-                </div>
-              </div>
+            
+            <el-tab-pane label="关键信息提取">
+              <el-collapse>
+                <el-collapse-item 
+                  v-for="(entity, index) in resultData.keyEntities" 
+                  :key="index"
+                  :title="entity.name + ' (' + entity.count + '条)'"
+                >
+                  <el-table :data="entity.instances" border style="width: 100%">
+                    <el-table-column prop="text" label="原文内容"></el-table-column>
+                    <el-table-column prop="context" label="上下文" width="200"></el-table-column>
+                    <el-table-column prop="confidence" label="置信度" width="120">
+                      <template slot-scope="scope">
+                        <el-progress :percentage="scope.row.confidence"></el-progress>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                </el-collapse-item>
+              </el-collapse>
+            </el-tab-pane>
+            
+            <el-tab-pane label="处理日志">
+              <el-timeline>
+                <el-timeline-item
+                  v-for="(log, index) in resultData.logs"
+                  :key="index"
+                  :type="log.type"
+                  :color="log.color"
+                  :timestamp="log.timestamp"
+                >
+                  {{ log.content }}
+                </el-timeline-item>
+              </el-timeline>
             </el-tab-pane>
           </el-tabs>
         </div>
       </template>
     </process-step>
-
-    <el-dialog
-      title="分析详情"
-      :visible.sync="detailDialogVisible"
-      width="70%"
-    >
-      <div v-if="selectedResult" class="result-detail-dialog">
-        <div class="detail-header">
-          <h3>{{ selectedResult.documentName }}</h3>
-          <div class="detail-meta">
-            <span class="meta-item">
-              <label>分类:</label> {{ selectedResult.category }}
-            </span>
-            <span class="meta-item">
-              <label>情感:</label> 
-              <el-tag :type="getSentimentType(selectedResult.sentiment)" size="mini">
-                {{ selectedResult.sentiment }}
-              </el-tag>
-            </span>
-            <span class="meta-item">
-              <label>置信度:</label> {{ selectedResult.confidence }}%
-            </span>
-          </div>
-        </div>
-
-        <el-divider></el-divider>
-
-        <div class="detail-section">
-          <h4>文档摘要</h4>
-          <p>{{ selectedResult.summary }}</p>
-        </div>
-
-        <div class="detail-section">
-          <h4>关键实体</h4>
-          <div class="entities-container">
-            <el-tag 
-              v-for="(entity, index) in selectedResult.keyEntities" 
-              :key="index"
-              class="entity-tag"
-            >
-              {{ entity }}
-            </el-tag>
-          </div>
-        </div>
-
-        <div class="detail-section">
-          <h4>关键信息提取</h4>
-          <el-table :data="selectedResult.keyInformation" border style="width: 100%">
-            <el-table-column prop="type" label="信息类型" width="120"></el-table-column>
-            <el-table-column prop="content" label="内容"></el-table-column>
-            <el-table-column prop="confidence" label="置信度" width="100">
-              <template slot-scope="scope">
-                <el-progress 
-                  :percentage="scope.row.confidence" 
-                  :color="getConfidenceColor(scope.row.confidence)"
-                ></el-progress>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-
-        <div class="detail-section">
-          <h4>原文内容与注解</h4>
-          <div class="annotated-content">
-            <!-- 这里可以添加带有高亮和注解的原文内容 -->
-            <p>原文内容将在这里展示，带有高亮和注解...</p>
-          </div>
-        </div>
-      </div>
-    </el-dialog>
-
-    <el-dialog
-      title="编辑分析结果"
-      :visible.sync="editDialogVisible"
-      width="60%"
-    >
-      <div v-if="editingResult" class="edit-result-form">
-        <el-form :model="editingResult" label-width="100px">
-          <el-form-item label="文档分类">
-            <el-select v-model="editingResult.category" placeholder="请选择文档分类">
-              <el-option label="商务文档" value="business"></el-option>
-              <el-option label="技术文档" value="technical"></el-option>
-              <el-option label="法律文档" value="legal"></el-option>
-              <el-option label="学术文档" value="academic"></el-option>
-              <el-option label="其他" value="other"></el-option>
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="情感分析">
-            <el-select v-model="editingResult.sentiment" placeholder="请选择情感分析结果">
-              <el-option label="积极" value="positive"></el-option>
-              <el-option label="中性" value="neutral"></el-option>
-              <el-option label="消极" value="negative"></el-option>
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="摘要">
-            <el-input 
-              type="textarea" 
-              v-model="editingResult.summary"
-              :rows="4"
-            ></el-input>
-          </el-form-item>
-
-          <el-form-item label="关键实体">
-            <el-tag
-              :key="tag"
-              v-for="tag in editingResult.keyEntities"
-              closable
-              :disable-transitions="false"
-              @close="handleEntityRemove(tag)">
-              {{tag}}
-            </el-tag>
-            <el-input
-              class="input-new-tag"
-              v-if="inputVisible"
-              v-model="inputValue"
-              ref="saveTagInput"
-              size="small"
-              @keyup.enter.native="handleEntityInputConfirm"
-              @blur="handleEntityInputConfirm"
-            >
-            </el-input>
-            <el-button v-else class="button-new-tag" size="small" @click="showInput">+ 添加实体</el-button>
-          </el-form-item>
-        </el-form>
-        <div slot="footer" class="dialog-footer">
-          <el-button @click="editDialogVisible = false">取消</el-button>
-          <el-button type="primary" @click="saveEditedResult">保存</el-button>
-        </div>
-      </div>
-    </el-dialog>
   </div>
 </template>
 
 <script>
+import ProcessStep from './ProcessStep'
+import { mapState, mapActions } from 'vuex'
+
 export default {
-  name: 'ModelAnalysis',
-  props: {
-    status: {
-      type: String,
-      default: 'waiting'
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    progress: {
-      type: Number,
-      default: 0
-    },
-    correctedData: {
-      type: Object,
-      default: () => null
-    }
+  name: 'ModelAnalysisComponent',
+  
+  components: {
+    ProcessStep
   },
+  
   data() {
     return {
-      analysisStatus: 'waiting', // waiting, running, completed, reviewing
+      isLoading: false,
+      analysisStatus: 'pending',
       analysisProgress: 0,
-      activeNames: [], // 高级设置折叠面板
-      activeTab: 'overview',
-      isLoading: false, // 本地loading状态，用于替代直接修改props
-      
-      // 分析配置表单
+      analysisTimer: null,
+      activeSettings: [],
       configForm: {
         model: 'gpt3.5',
         analysisTargets: ['classification', 'sentiment', 'extraction'],
         analysisMode: 'auto',
         confidenceThreshold: 70,
-        template: 'standard',
+        analysisDepth: 'standard',
         customPrompt: ''
       },
-      
-      // 分析进度信息
-      analyzedItems: 0,
-      totalItems: 0,
-      currentTask: '准备分析...',
-      
-      // 分析结果摘要
-      analysisSummary: {
+      resultData: {
         totalDocuments: 0,
-        successful: 0,
-        failed: 0,
+        successRate: 0,
         avgConfidence: 0,
-        processingTime: 0
-      },
-      
-      // 分析结果详情
-      analysisResults: [],
-      analysisLogs: [],
-      
-      // 详情对话框
-      detailDialogVisible: false,
-      selectedResult: null,
-      
-      // 编辑对话框
-      editDialogVisible: false,
-      editingResult: null,
-      inputVisible: false,
-      inputValue: ''
+        processingTime: 0,
+        documentClasses: [],
+        sentimentAnalysis: [],
+        keyEntities: [],
+        logs: []
+      }
     }
   },
-  watch: {
-    // 监听父组件传入的状态和进度
-    status(newVal) {
-      this.analysisStatus = newVal;
-    },
-    progress(newVal) {
-      this.analysisProgress = newVal;
-    },
-    loading(newVal) {
-      this.isLoading = newVal;
-    }
+  
+  computed: {
+    ...mapState({
+      wordCorrected: state => state.process.wordCorrected,
+      wordCorrectionData: state => state.process.wordCorrectionData
+    })
   },
+  
   methods: {
-    // 开始分析
+    ...mapActions('process', [
+      'processAnalysis'
+    ]),
+    
     startAnalysis() {
-      this.isLoading = true; // 使用本地状态
-      this.analysisStatus = 'running';
-      this.analysisProgress = 0;
-      this.analyzedItems = 0;
-      
-      // 使用传入的correctedData数据
-      if (this.correctedData) {
-        console.log('开始分析已纠错的数据:', this.correctedData);
-        this.totalItems = this.correctedData.errorsCorrected ? 100 + this.correctedData.errorsCorrected : 100;
-      } else {
-        this.totalItems = 100; // 假设有100个文档需要分析
+      if (!this.wordCorrected) {
+        this.$message.warning('请先完成单词纠错步骤')
+        return
       }
       
-      // 通知父组件分析已开始
-      this.$emit('start-analysis', this.configForm);
+      this.isLoading = true
+      this.analysisStatus = 'processing'
+      this.analysisProgress = 0
       
       // 模拟分析进度
-      const interval = setInterval(() => {
-        this.analysisProgress += Math.random() * 10;
-        this.analyzedItems = Math.floor(this.analysisProgress * this.totalItems / 100);
-        
-        // 更新当前任务
-        const tasks = [
-          '加载文档...',
-          '预处理文本...',
-          '执行文本分类...',
-          '进行情感分析...',
-          '提取关键信息...',
-          '生成文档摘要...',
-          '识别命名实体...',
-          '计算分析结果...'
-        ];
-        this.currentTask = tasks[Math.floor(Math.random() * tasks.length)];
-        
-        // 生成一些日志
-        if (Math.random() > 0.7) {
-          this.analysisLogs.unshift({
-            time: new Date().toLocaleTimeString(),
-            level: ['info', 'warning', 'error'][Math.floor(Math.random() * 3)],
-            message: `处理文档 ${this.analyzedItems}: ${this.currentTask}`
-          });
-        }
-        
+      this.analysisTimer = setInterval(() => {
+        this.analysisProgress += 4
         if (this.analysisProgress >= 100) {
-          clearInterval(interval);
-          this.analysisProgress = 100;
-          this.analyzedItems = this.totalItems;
-          this.completeAnalysis();
+          clearInterval(this.analysisTimer)
+          this.simulateAnalysisComplete()
         }
-      }, 500);
+      }, 300)
+    },
+    
+    handleRetry() {
+      this.analysisStatus = 'pending'
+      this.analysisProgress = 0
     },
     
-    // 完成分析
-    completeAnalysis() {
+    simulateAnalysisComplete() {
+      // 模拟分析完成后获取结果
       setTimeout(() => {
-        this.isLoading = false; // 使用本地状态
-        this.analysisStatus = 'completed';
-        
-        // 生成分析摘要
-        this.analysisSummary = {
-          totalDocuments: this.totalItems,
-          successful: Math.floor(this.totalItems * 0.95),
-          failed: Math.floor(this.totalItems * 0.05),
-          avgConfidence: 85,
-          processingTime: 45.3
-        };
-        
-        // 生成模拟分析结果
-        this.generateMockResults();
+        this.isLoading = false
         
-        // 添加完成日志
-        this.analysisLogs.unshift({
-          time: new Date().toLocaleTimeString(),
-          level: 'info',
-          message: '分析任务完成!'
-        });
+        // 生成模拟的分析结果数据
+        const mockResult = this.generateMockResult()
         
-        // 通知父组件分析已完成
-        this.$emit('finish');
-      }, 1000);
+        // 保存分析结果
+        this.processAnalysis(mockResult)
+        this.resultData = mockResult
+        this.analysisStatus = 'completed'
+      }, 800)
     },
     
-    // 生成模拟分析结果
-    generateMockResults() {
-      const categories = ['商务文档', '技术文档', '法律文档', '学术文档', '其他'];
-      const sentiments = ['积极', '中性', '消极'];
+    generateMockResult() {
+      // 生成模拟的大模型分析结果
+      const totalDocuments = 150
+      const successRate = Math.floor(Math.random() * 10) + 90 // 90-100%
+      const avgConfidence = Math.floor(Math.random() * 20) + 75 // 75-95%
+      const processingTime = (Math.random() * 15 + 10).toFixed(1) // 10-25秒之间的随机数
       
-      this.analysisResults = [];
+      // 文档分类
+      const documentClasses = [
+        { category: '商务文档', count: Math.floor(Math.random() * 30) + 20, percentage: 0, confidence: 0 },
+        { category: '技术文档', count: Math.floor(Math.random() * 40) + 30, percentage: 0, confidence: 0 },
+        { category: '学术论文', count: Math.floor(Math.random() * 20) + 10, percentage: 0, confidence: 0 },
+        { category: '新闻报道', count: Math.floor(Math.random() * 25) + 15, percentage: 0, confidence: 0 },
+        { category: '其他', count: Math.floor(Math.random() * 10) + 5, percentage: 0, confidence: 0 }
+      ]
       
-      for (let i = 1; i <= 20; i++) {
-        const confidence = 60 + Math.floor(Math.random() * 40);
-        const category = categories[Math.floor(Math.random() * categories.length)];
-        const sentiment = sentiments[Math.floor(Math.random() * sentiments.length)];
-        const entities = [
-          '公司', '产品', '技术', '人员', '地点', '时间', '金额', '法规', 
-          '合同', '项目', '部门', '客户', '供应商', '竞争对手'
-        ];
-        
-        // 随机选择3-5个实体
-        const keyEntities = [];
-        const entityCount = 3 + Math.floor(Math.random() * 3);
-        for (let j = 0; j < entityCount; j++) {
-          const entity = entities[Math.floor(Math.random() * entities.length)];
-          if (!keyEntities.includes(entity)) {
-            keyEntities.push(entity);
-          }
+      // 计算百分比和置信度
+      documentClasses.forEach(category => {
+        category.percentage = Math.round((category.count / totalDocuments) * 100)
+        category.confidence = Math.floor(Math.random() * 15) + 80 // 80-95%
+      })
+      
+      // 情感分析
+      const sentimentAnalysis = [
+        { 
+          sentiment: '积极', 
+          count: Math.floor(Math.random() * 50) + 50, 
+          percentage: 0,
+          examples: [
+            '产品性能超出预期，用户体验极佳',
+            '员工满意度调查显示高度认可',
+            '新功能实现了预期目标并得到好评'
+          ]
+        },
+        { 
+          sentiment: '中性', 
+          count: Math.floor(Math.random() * 40) + 40, 
+          percentage: 0,
+          examples: [
+            '报告包含了预期内的标准数据',
+            '系统运行状态保持稳定',
+            '用户反馈意见各不相同'
+          ]
+        },
+        { 
+          sentiment: '消极', 
+          count: Math.floor(Math.random() * 30) + 10, 
+          percentage: 0,
+          examples: [
+            '部分功能未达到用户预期',
+            '报告指出了几处需要改进的领域',
+            '用户反馈中提到了一些使用困难'
+          ]
         }
-        
-        // 创建关键信息
-        const keyInformation = [
-          { type: '主题', content: `这是文档${i}的主题内容`, confidence: 70 + Math.floor(Math.random() * 30) },
-          { type: '时间', content: '2023年10月15日', confidence: 80 + Math.floor(Math.random() * 20) },
-          { type: '地点', content: '北京市海淀区', confidence: 75 + Math.floor(Math.random() * 25) },
-        ];
-        
-        this.analysisResults.push({
-          id: i,
-          documentName: `文档${i}.docx`,
-          category,
-          sentiment,
-          confidence,
-          summary: `这是文档${i}的摘要内容，通过大模型分析生成。主要内容涉及${keyEntities.join('、')}等方面的信息...`,
-          keyEntities,
-          keyInformation
-        });
-      }
-    },
-    
-    // 格式化置信度显示
-    formatConfidence(val) {
-      return `${val}%`;
-    },
-    
-    // 获取置信度颜色
-    getConfidenceColor(confidence) {
-      if (confidence < 60) return '#F56C6C';
-      if (confidence < 80) return '#E6A23C';
-      return '#67C23A';
-    },
-    
-    // 获取情感标签类型
-    getSentimentType(sentiment) {
-      if (sentiment === '积极') return 'success';
-      if (sentiment === '消极') return 'danger';
-      return 'info';
-    },
-    
-    // 查看详情
-    viewDetail(row) {
-      this.selectedResult = row;
-      this.detailDialogVisible = true;
-    },
-    
-    // 编辑结果
-    editResult(row) {
-      this.editingResult = JSON.parse(JSON.stringify(row)); // 深拷贝避免直接修改原对象
-      this.editDialogVisible = true;
-    },
-    
-    // 保存编辑后的结果
-    saveEditedResult() {
-      // 查找原始结果并更新
-      const index = this.analysisResults.findIndex(item => item.id === this.editingResult.id);
-      if (index !== -1) {
-        this.analysisResults.splice(index, 1, this.editingResult);
-      }
-      this.editDialogVisible = false;
-    },
-    
-    // 移除实体标签
-    handleEntityRemove(tag) {
-      this.editingResult.keyEntities.splice(this.editingResult.keyEntities.indexOf(tag), 1);
-    },
-    
-    // 显示新增实体输入框
-    showInput() {
-      this.inputVisible = true;
-      this.$nextTick(() => {
-        this.$refs.saveTagInput.$el.querySelector('input').focus();
-      });
-    },
-    
-    // 确认实体输入
-    handleEntityInputConfirm() {
-      const inputValue = this.inputValue;
-      if (inputValue && !this.editingResult.keyEntities.includes(inputValue)) {
-        this.editingResult.keyEntities.push(inputValue);
+      ]
+      
+      // 计算情感分析百分比
+      sentimentAnalysis.forEach(sentiment => {
+        sentiment.percentage = Math.round((sentiment.count / totalDocuments) * 100)
+      })
+      
+      // 关键实体
+      const keyEntities = [
+        {
+          name: '人物',
+          count: Math.floor(Math.random() * 20) + 15,
+          instances: Array(5).fill(0).map((_, i) => ({
+            text: `人物${i+1}`,
+            context: `上下文描述${i+1}`,
+            confidence: Math.floor(Math.random() * 20) + 80
+          }))
+        },
+        {
+          name: '组织',
+          count: Math.floor(Math.random() * 15) + 10,
+          instances: Array(5).fill(0).map((_, i) => ({
+            text: `组织${i+1}`,
+            context: `上下文描述${i+1}`,
+            confidence: Math.floor(Math.random() * 20) + 80
+          }))
+        },
+        {
+          name: '地点',
+          count: Math.floor(Math.random() * 12) + 8,
+          instances: Array(5).fill(0).map((_, i) => ({
+            text: `地点${i+1}`,
+            context: `上下文描述${i+1}`,
+            confidence: Math.floor(Math.random() * 20) + 80
+          }))
+        },
+        {
+          name: '时间',
+          count: Math.floor(Math.random() * 10) + 5,
+          instances: Array(5).fill(0).map((_, i) => ({
+            text: `时间${i+1}`,
+            context: `上下文描述${i+1}`,
+            confidence: Math.floor(Math.random() * 20) + 80
+          }))
+        }
+      ]
+      
+      // 处理日志
+      const logs = [
+        {
+          content: '开始大模型分析',
+          timestamp: '10:30:10',
+          type: 'primary',
+          color: '#409EFF'
+        },
+        {
+          content: `加载${this.configForm.model}模型`,
+          timestamp: '10:30:15',
+          type: 'info',
+          color: '#909399'
+        },
+        {
+          content: `开始${this.configForm.analysisTargets.includes('classification') ? '文档分类' : ''}${this.configForm.analysisTargets.includes('sentiment') ? '、情感分析' : ''}任务`,
+          timestamp: '10:30:25',
+          type: 'info',
+          color: '#909399'
+        },
+        {
+          content: '提取文档关键信息中...',
+          timestamp: '10:31:10',
+          type: 'info',
+          color: '#909399'
+        },
+        {
+          content: `发现${keyEntities.reduce((sum, entity) => sum + entity.count, 0)}个关键实体`,
+          timestamp: '10:32:05',
+          type: 'success',
+          color: '#67C23A'
+        },
+        {
+          content: `大模型分析完成，共处理${totalDocuments}个文档`,
+          timestamp: '10:33:15',
+          type: 'success',
+          color: '#67C23A'
+        }
+      ]
+      
+      return {
+        totalDocuments,
+        successRate,
+        avgConfidence,
+        processingTime,
+        documentClasses,
+        sentimentAnalysis,
+        keyEntities,
+        logs
       }
-      this.inputVisible = false;
-      this.inputValue = '';
-    },
-    
-    // 下载分析结果
-    downloadResults() {
-      // 这里只是模拟下载功能
-      this.$message.success('分析结果下载已开始');
-    },
-    
-    // 重置分析
-    resetAnalysis() {
-      this.analysisStatus = 'waiting';
-      this.analysisProgress = 0;
-      this.analysisResults = [];
-      this.analysisLogs = [];
+    }
+  },
+  
+  beforeDestroy() {
+    if (this.analysisTimer) {
+      clearInterval(this.analysisTimer)
     }
   }
 }
@@ -643,171 +473,113 @@ export default {
 
 <style scoped>
 .model-analysis {
-  width: 100%;
-}
-
-.analysis-progress {
-  padding: 20px;
-  background-color: #f5f7fa;
-  border-radius: 4px;
-}
-
-.progress-info {
-  margin-bottom: 10px;
-}
-
-.current-task {
-  margin-top: 10px;
-  font-style: italic;
-  color: #606266;
+  margin-bottom: 20px;
 }
 
-.analysis-summary {
+.analysis-config {
   margin-bottom: 20px;
 }
 
-.summary-content {
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: 10px;
+.analysis-config h4 {
+  margin-bottom: 15px;
+  font-size: 16px;
+  color: #303133;
 }
 
-.summary-item {
-  width: 33%;
-  margin-bottom: 8px;
+.analysis-result-summary {
+  text-align: center;
+  padding: 15px 0;
 }
 
-.summary-item .value {
-  font-weight: bold;
-  margin-left: 5px;
+.analysis-result-summary i {
+  font-size: 40px;
+  color: #67c23a;
+  margin-bottom: 10px;
 }
 
-.analysis-actions {
-  margin-top: 15px;
-  text-align: right;
+.analysis-result-summary h4 {
+  margin: 10px 0;
+  font-size: 18px;
+  color: #303133;
 }
 
-.chart-container {
+.summary-stats {
   display: flex;
-  flex-wrap: wrap;
-  margin-top: 15px;
-}
-
-.chart-item {
-  width: 48%;
-  margin: 1%;
-  height: 200px;
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
-  padding: 10px;
+  justify-content: center;
+  gap: 30px;
+  margin-top: 20px;
 }
 
-.chart-placeholder {
-  height: 150px;
+.stat-item {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  justify-content: center;
-  background-color: #f5f7fa;
-  color: #909399;
-  font-size: 14px;
-}
-
-.entity-tag {
-  margin-right: 5px;
-  margin-bottom: 5px;
-}
-
-.logs-container {
-  height: 400px;
-  overflow-y: auto;
-  padding: 10px;
-  background-color: #f5f7fa;
-  border-radius: 4px;
-}
-
-.log-item {
-  padding: 5px 0;
-  border-bottom: 1px dashed #e0e0e0;
-}
-
-.log-time {
-  color: #909399;
-  margin-right: 10px;
-}
-
-.log-level {
-  display: inline-block;
-  width: 60px;
-  text-align: center;
-  margin-right: 10px;
-  border-radius: 3px;
-  padding: 2px 5px;
-  font-size: 12px;
-}
-
-.log-level-info {
-  background-color: #e1f3d8;
-  color: #67c23a;
 }
 
-.log-level-warning {
-  background-color: #faecd8;
-  color: #e6a23c;
+.stat-value {
+  font-size: 24px;
+  font-weight: bold;
+  color: #409EFF;
 }
 
-.log-level-error {
-  background-color: #fde2e2;
-  color: #f56c6c;
+.stat-label {
+  font-size: 14px;
+  color: #606266;
+  margin-top: 5px;
 }
 
-.detail-header {
-  margin-bottom: 20px;
+.chart-container {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  margin-top: 15px;
 }
 
-.detail-meta {
+.chart-row {
   display: flex;
-  flex-wrap: wrap;
-  margin-top: 10px;
+  gap: 20px;
 }
 
-.meta-item {
-  margin-right: 20px;
-  margin-bottom: 10px;
+.chart-box {
+  flex: 1;
+  height: 220px;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  padding: 15px;
+  background-color: #fff;
 }
 
-.meta-item label {
+.chart-title {
+  font-size: 16px;
   font-weight: bold;
-  margin-right: 5px;
+  margin-bottom: 10px;
+  color: #303133;
 }
 
-.detail-section {
-  margin-bottom: 20px;
+.mock-chart {
+  height: 170px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #909399;
+  font-size: 14px;
 }
 
-.entities-container {
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: 10px;
+.mock-chart.pie-chart::before {
+  content: "饼图 - 文档分类分布";
 }
 
-.annotated-content {
-  padding: 15px;
-  background-color: #f5f7fa;
-  border-radius: 4px;
-  margin-top: 10px;
+.mock-chart.bar-chart::before {
+  content: "柱状图 - 情感分析分布";
 }
 
-.input-new-tag {
-  width: 120px;
-  margin-left: 10px;
-  vertical-align: top;
+.mock-chart.word-cloud::before {
+  content: "词云图 - 关键词分布";
 }
 
-.button-new-tag {
-  margin-left: 10px;
-  height: 32px;
-  line-height: 30px;
-  padding-top: 0;
-  padding-bottom: 0;
+.mock-chart.line-chart::before {
+  content: "折线图 - 置信度分布";
 }
 </style> 
\ No newline at end of file
diff --git a/src/vue2/src/components/process/PreProcess.vue b/src/vue2/src/components/process/PreProcess.vue
index c89c0ce..719223f 100644
--- a/src/vue2/src/components/process/PreProcess.vue
+++ b/src/vue2/src/components/process/PreProcess.vue
@@ -11,6 +11,8 @@
       :showPrevButton="true"
       @start="startProcess"
       @retry="startProcess"
+      @prev="$emit('prev')"
+      @next="handleNext"
     >
       <template #pre-operation>
         <div class="info-box">
@@ -67,7 +69,6 @@
 
 <script>
 import { mapState, mapActions } from 'vuex'
-import { preprocessData } from '../../api/process'
 import ProcessStep from './ProcessStep.vue'
 
 export default {
@@ -80,7 +81,7 @@ export default {
   data() {
     return {
       loading: false,
-      stepStatus: 'pending',
+      stepStatus: 'waiting',
       processingPercentage: 0,
       resultStats: {
         processed: 0,
@@ -103,7 +104,7 @@ export default {
   
   watch: {
     currentStepStatus(newStatus) {
-      if (newStatus === 'completed' && this.stepStatus === 'pending') {
+      if (newStatus === 'completed' && this.stepStatus === 'waiting') {
         this.stepStatus = 'completed'
         this.setResultData(this.preprocessResults)
       }
@@ -117,15 +118,26 @@ export default {
   },
   
   mounted() {
+    // 检查是否已经有预处理结果
     if (this.currentStepStatus === 'completed' && this.preprocessResults) {
       this.stepStatus = 'completed'
       this.setResultData(this.preprocessResults)
     }
+    
+    // 如果没有fileData，则尝试加载模拟数据
+    if (!this.fileData) {
+      this.simulateFileData()
+    }
   },
   
   methods: {
     ...mapActions('process', ['processPreprocess']),
     
+    handleNext() {
+      console.log('PreProcess: 触发next事件')
+      this.$emit('next')
+    },
+    
     startProcess() {
       if (!this.fileData) {
         this.$message.error('没有可处理的数据，请先上传文件')
@@ -144,27 +156,65 @@ export default {
         }
       }, 300)
       
-      // 调用预处理API
-      preprocessData(this.fileData).then(response => {
-        if (response.success) {
-          clearInterval(this.processTimer)
-          this.processingPercentage = 100
-          
-          // 保存预处理结果到Vuex
-          this.processPreprocess(response.data)
-          
-          // 更新组件状态
-          setTimeout(() => {
-            this.stepStatus = 'completed'
-            this.setResultData(response.data)
-            this.loading = false
-          }, 500)
-        } else {
-          this.handleError('预处理失败')
+      // 模拟预处理过程
+      setTimeout(() => {
+        clearInterval(this.processTimer)
+        this.processingPercentage = 100
+        
+        const mockResult = this.generateMockResult()
+        
+        // 保存预处理结果到Vuex
+        this.processPreprocess(mockResult)
+        
+        // 更新组件状态
+        this.stepStatus = 'completed'
+        this.setResultData(mockResult)
+        this.loading = false
+        
+        // 更新Vuex中的步骤状态
+        this.$store.commit('process/UPDATE_STEP_STATUS', { step: 'preprocess', status: 'completed' })
+        
+        this.$message.success('数据预处理完成')
+      }, 3000)
+    },
+    
+    simulateFileData() {
+      // 如果没有文件数据，生成模拟数据用于测试
+      if (!this.fileData) {
+        const mockFileData = {
+          fileName: 'test.xlsx',
+          rows: 1344,
+          columns: 5
         }
-      }).catch(error => {
-        this.handleError(`预处理错误: ${error.message}`)
-      })
+        this.$store.commit('process/SET_FILE_DATA', mockFileData)
+      }
+    },
+    
+    generateMockResult() {
+      // 生成模拟的预处理结果
+      const processed = this.fileData ? this.fileData.rows : 1000
+      const invalidRows = Math.floor(Math.random() * 50)
+      const normalizedFields = ['name', 'date', 'category', 'value', 'description']
+      
+      // 生成预览数据
+      const preview = []
+      for (let i = 1; i <= 5; i++) {
+        preview.push({
+          id: i,
+          name: `示例${i}`,
+          date: `2025-0${i}-${10+i}`,
+          category: ['A类', 'B类', 'C类'][i % 3],
+          value: Math.floor(Math.random() * 1000),
+          description: `这是示例${i}的描述信息`
+        })
+      }
+      
+      return {
+        processed,
+        invalidRows,
+        normalizedFields,
+        preview
+      }
     },
     
     setResultData(data) {
diff --git a/src/vue2/src/components/process/ProcessPage.vue b/src/vue2/src/components/process/ProcessPage.vue
index dbaaf52..810bb0f 100644
--- a/src/vue2/src/components/process/ProcessPage.vue
+++ b/src/vue2/src/components/process/ProcessPage.vue
@@ -21,6 +21,7 @@
           @prev="navToPrev"
           @next="goToNextStep(1)"
           @file-uploaded="handleFileUploaded"
+          ref="fileUpload"
         />
       </div>
 
@@ -34,6 +35,7 @@
           @prev="navToPrev"
           @next="goToNextStep(2)"
           @start-preprocess="handlePreprocess"
+          @preprocess-completed="handlePreprocessCompleted"
         />
       </div>
 
@@ -76,6 +78,27 @@
         />
       </div>
     </div>
+    
+    <!-- 添加全局操作按钮 -->
+    <div class="global-actions" v-if="currentStep < 6">
+      <el-button 
+        v-if="currentStep > 1" 
+        @click="navToPrev" 
+        type="default"
+        icon="el-icon-arrow-left"
+      >
+        上一步
+      </el-button>
+      <el-button 
+        v-if="currentStep < 5"
+        type="primary" 
+        @click="goToNextStep(currentStep)" 
+        :disabled="!canGoToNextStep(currentStep)"
+        icon="el-icon-arrow-right"
+      >
+        下一步
+      </el-button>
+    </div>
   </div>
 </template>
 
@@ -124,8 +147,33 @@ export default {
         this.currentStep--;
       }
     },
+    canGoToNextStep(step) {
+      // 检查当前步骤是否已完成
+      switch(step) {
+        case 1:
+          return this.stepStatus[0] === 'completed';
+        case 2:
+          return this.stepStatus[1] === 'completed';
+        case 3:
+          return this.stepStatus[2] === 'completed';
+        case 4:
+          return this.stepStatus[3] === 'completed';
+        case 5:
+          return this.stepStatus[4] === 'completed';
+        default:
+          return false;
+      }
+    },
     goToNextStep(step) {
       console.log('准备跳转到下一步, 当前步骤:', step);
+      
+      // 确保当前步骤已完成
+      if (!this.canGoToNextStep(step)) {
+        console.warn('当前步骤未完成，无法跳转');
+        this.$message.warning('请先完成当前步骤');
+        return;
+      }
+      
       // 标记当前步骤为已完成
       this.stepStatus[step - 1] = 'completed';
       
@@ -189,7 +237,7 @@ export default {
       
       // 显示成功提示并强调下一步操作
       this.$message({
-        message: '文件上传成功，请点击"下一步"按钮继续',
+        message: '文件上传成功，请点击"继续处理"或"下一步"按钮继续',
         type: 'success',
         duration: 5000, // 显示时间更长，便于用户看到
         showClose: true
@@ -203,6 +251,9 @@ export default {
       // 模拟预处理操作
       this.simulateProgress(1, this.simulatedProcessingTime.preprocess);
       
+      // 立即更新状态为正在处理
+      this.$store.commit('process/UPDATE_STEP_STATUS', { step: 'preprocess', status: 'running' });
+      
       // 模拟预处理后的数据
       setTimeout(() => {
         this.processData.preprocessedData = {
@@ -211,8 +262,19 @@ export default {
           processedAt: new Date().toISOString(),
           preprocessConfig
         };
+        
+        // 更新Vuex中的状态
+        this.$store.commit('process/UPDATE_STEP_STATUS', { step: 'preprocess', status: 'completed' });
+        this.stepStatus[1] = 'completed';
+        
+        // 显示成功消息
+        this.$message.success('数据预处理完成！');
       }, this.simulatedProcessingTime.preprocess);
     },
+    handlePreprocessCompleted(preprocessConfig) {
+      // 处理预处理完成后的逻辑
+      console.log('预处理完成，配置:', preprocessConfig);
+    },
     handleFormatMerge(mergeConfig) {
       console.log('开始格式合并，配置:', mergeConfig);
       
@@ -291,4 +353,13 @@ export default {
 .process-container {
   margin-top: 40px;
 }
+
+.global-actions {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 20px;
+  padding: 15px;
+  background: #f8f9fa;
+  border-radius: 4px;
+}
 </style> 
\ No newline at end of file
diff --git a/src/vue2/src/components/process/ProcessStep.vue b/src/vue2/src/components/process/ProcessStep.vue
index 1c8f9f6..60ecdeb 100644
--- a/src/vue2/src/components/process/ProcessStep.vue
+++ b/src/vue2/src/components/process/ProcessStep.vue
@@ -22,7 +22,7 @@
     <!-- 操作区域 -->
     <div class="operation" v-if="!isCompleted">
       <slot name="operation"></slot>
-      <div v-if="status === 'waiting' || status === 'error'" class="operation-buttons">
+      <div v-if="status === 'waiting' || status === 'error' || status === 'pending'" class="operation-buttons">
         <el-button 
           type="primary" 
           @click="startOperation" 
@@ -72,6 +72,7 @@
           type="primary" 
           @click="goToNextStep"
           :disabled="!isCompleted"
+          icon="el-icon-arrow-right"
         >{{ '下一步' }}</el-button>
       </div>
     </div>
@@ -167,7 +168,12 @@ export default {
     goToNextStep() {
       if (this.isCompleted) {
         console.log('直接跳转到下一步');
+        console.log('ProcessStep: 触发next事件');
         this.$emit('next');
+        
+        setTimeout(() => {
+          console.log('已尝试触发next事件');
+        }, 100);
       } else {
         console.warn('当前状态不允许进入下一步:', this.status);
         this.$message.warning('请先完成当前步骤');
@@ -245,4 +251,10 @@ export default {
 .prev-button-area, .next-button-area {
   min-width: 80px;
 }
+
+.el-button:hover {
+  opacity: 0.9;
+  transform: translateY(-1px);
+  transition: all 0.3s ease;
+}
 </style> 
\ No newline at end of file
diff --git a/src/vue2/src/components/process/WordCorrection.vue b/src/vue2/src/components/process/WordCorrection.vue
index 2a41ff6..ea884f2 100644
--- a/src/vue2/src/components/process/WordCorrection.vue
+++ b/src/vue2/src/components/process/WordCorrection.vue
@@ -437,14 +437,17 @@ export default {
     },
     
     handleStartCorrection() {
-      if (!this.formatMerged) {
+      console.log('格式合并状态:', this.formatMerged, '合并数据:', this.mergeData);
+      
+      if (!this.formatMerged || !this.mergeData) {
         this.$message.warning('请先完成格式合并步骤')
         return
       }
       
-      if (this.configForm.targetFields.length === 0) {
-        this.$message.warning('请选择至少一个需要纠错的字段')
-        return
+      // 如果没有选择字段，自动处理所有可用字段
+      if (this.configForm.targetFields.length === 0 && this.availableFields.length > 0) {
+        this.configForm.targetFields = this.availableFields.map(field => field.value);
+        console.log('自动选择所有可用字段:', this.configForm.targetFields);
       }
       
       this.loading = true
diff --git a/src/vue2/src/store/modules/process.js b/src/vue2/src/store/modules/process.js
index 2384ac5..12abcc2 100644
--- a/src/vue2/src/store/modules/process.js
+++ b/src/vue2/src/store/modules/process.js
@@ -8,6 +8,11 @@ const state = {
   correctionResults: null,
   analysisResults: null,
   fileUploaded: false,
+  preprocessed: false,
+  formatMerged: false,
+  wordCorrected: false,
+  mergeData: null,
+  wordCorrectionData: null,
   stepStatus: {
     upload: 'waiting',
     preprocess: 'pending',
@@ -32,12 +37,31 @@ const mutations = {
   },
   SET_PREPROCESS_RESULTS(state, results) {
     state.preprocessResults = results
+    if (results) {
+      state.preprocessed = true
+    }
   },
   SET_MERGE_RESULTS(state, results) {
     state.mergeResults = results
+    if (results) {
+      state.formatMerged = true
+      state.mergeData = results
+    }
+  },
+  SET_MERGE_DATA(state, data) {
+    state.mergeData = data
+    state.formatMerged = true
   },
   SET_CORRECTION_RESULTS(state, results) {
     state.correctionResults = results
+    if (results) {
+      state.wordCorrected = true
+      state.wordCorrectionData = results
+    }
+  },
+  SET_WORD_CORRECTION_DATA(state, data) {
+    state.wordCorrectionData = data
+    state.wordCorrected = true
   },
   SET_ANALYSIS_RESULTS(state, results) {
     state.analysisResults = results
@@ -46,6 +70,12 @@ const mutations = {
     state.stepStatus[step] = status
     if (step === 'upload' && status === 'completed') {
       state.fileUploaded = true
+    } else if (step === 'preprocess' && status === 'completed') {
+      state.preprocessed = true
+    } else if (step === 'merge' && status === 'completed') {
+      state.formatMerged = true
+    } else if (step === 'correction' && status === 'completed') {
+      state.wordCorrected = true
     }
   },
   RESET_FILE_UPLOADED(state) {
@@ -75,24 +105,75 @@ const actions = {
     commit('SET_MERGE_RESULTS', results)
     commit('UPDATE_STEP_STATUS', { step: 'merge', status: 'completed' })
   },
+  mergeFormatAction({ commit }, data) {
+    return new Promise((resolve) => {
+      console.log('开始执行格式合并操作', data);
+      commit('UPDATE_STEP_STATUS', { step: 'merge', status: 'running' });
+      
+      // 模拟API调用
+      setTimeout(() => {
+        // 在真实环境中，这里会调用API
+        // const response = await mergeFormat(data);
+        resolve({ success: true });
+      }, 1500);
+    });
+  },
+  setMergeData({ commit }, data) {
+    commit('SET_MERGE_DATA', data)
+    commit('UPDATE_STEP_STATUS', { step: 'merge', status: 'completed' })
+  },
   processCorrection({ commit }, results) {
     commit('SET_CORRECTION_RESULTS', results)
     commit('UPDATE_STEP_STATUS', { step: 'correction', status: 'completed' })
   },
+  setWordCorrectionData({ commit }, data) {
+    commit('SET_WORD_CORRECTION_DATA', data)
+    commit('UPDATE_STEP_STATUS', { step: 'correction', status: 'completed' })
+  },
+  wordCorrectionAction({ commit }, data) {
+    return new Promise((resolve) => {
+      console.log('开始执行单词纠错操作', data);
+      commit('UPDATE_STEP_STATUS', { step: 'correction', status: 'running' });
+      
+      // 模拟API调用
+      setTimeout(() => {
+        // 在真实环境中，这里会调用API
+        // const response = await correctWords(data);
+        resolve({ success: true });
+      }, 1500);
+    });
+  },
   processAnalysis({ commit }, results) {
     commit('SET_ANALYSIS_RESULTS', results)
     commit('UPDATE_STEP_STATUS', { step: 'analysis', status: 'completed' })
   },
-  uploadFile({ commit }) {
-    return new Promise((resolve) => {
-      commit('UPDATE_STEP_STATUS', { step: 'upload', status: 'running' })
+  uploadFile({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      console.log('开始处理文件上传，提交的表单数据:', formData);
       
-      setTimeout(() => {
-        commit('UPDATE_STEP_STATUS', { step: 'upload', status: 'completed' })
-        commit('SET_FILE_UPLOADED', true)
-        resolve({ success: true, message: '文件上传成功' })
-      }, 1000)
-    })
+      try {
+        commit('UPDATE_STEP_STATUS', { step: 'upload', status: 'running' });
+        
+        // 模拟文件上传API调用
+        setTimeout(() => {
+          try {
+            // 模拟成功
+            console.log('文件上传完成，响应成功');
+            commit('UPDATE_STEP_STATUS', { step: 'upload', status: 'completed' });
+            commit('SET_FILE_UPLOADED', true);
+            resolve({ success: true, message: '文件上传成功' });
+          } catch (innerError) {
+            console.error('上传完成后处理失败:', innerError);
+            commit('UPDATE_STEP_STATUS', { step: 'upload', status: 'error' });
+            reject(new Error('处理上传文件失败: ' + innerError.message));
+          }
+        }, 1500);
+      } catch (error) {
+        console.error('上传过程失败:', error);
+        commit('UPDATE_STEP_STATUS', { step: 'upload', status: 'error' });
+        reject(error);
+      }
+    });
   },
   resetProcess({ commit }) {
     commit('SET_CURRENT_STEP', 1)
@@ -120,8 +201,33 @@ const getters = {
   mergeResults: state => state.mergeResults,
   correctionResults: state => state.correctionResults,
   analysisResults: state => state.analysisResults,
+  mergeData: state => state.mergeData,
+  wordCorrectionData: state => state.wordCorrectionData,
   stepStatus: state => state.stepStatus,
-  isStepCompleted: state => step => state.stepStatus[step] === 'completed',
+  preprocessed: state => state.preprocessed,
+  formatMerged: state => state.formatMerged,
+  wordCorrected: state => state.wordCorrected,
+  isStepCompleted: state => step => {
+    // 调试日志，帮助定位问题
+    console.log(`检查步骤'${step}'状态:`, state.stepStatus[step]);
+    
+    // 检查特定步骤是否已完成
+    const completed = state.stepStatus[step] === 'completed';
+    
+    // 特殊情况：预处理步骤，如果有preprocessed为true，也认为已完成
+    if (step === 'preprocess' && !completed && state.preprocessed) {
+      console.log('预处理标记为已完成，但状态未标记为completed，自动视为已完成');
+      return true;
+    }
+    
+    // 特殊情况：格式合并步骤，如果formatMerged为true，也认为已完成
+    if (step === 'merge' && !completed && state.formatMerged) {
+      console.log('格式合并标记为已完成，但状态未标记为completed，自动视为已完成');
+      return true;
+    }
+    
+    return completed;
+  },
   fileUploaded: state => state.fileUploaded
 }
 
diff --git a/src/vue2/src/views/Process.vue b/src/vue2/src/views/Process.vue
index c3c3f73..c86d397 100644
--- a/src/vue2/src/views/Process.vue
+++ b/src/vue2/src/views/Process.vue
@@ -15,21 +15,26 @@
     <div class="step-content">
       <!-- 步骤内容区域 -->
       <div v-if="currentStep === 1">
-        <file-upload />
+        <file-upload @next="nextStep" @file-uploaded="handleFileUploaded" />
       </div>
       <div v-else-if="currentStep === 2">
-        <pre-process />
+        <pre-process @next="nextStep" @prev="prevStep" />
       </div>
       <div v-else-if="currentStep === 3">
-        <merge-format />
+        <merge-format @next="nextStep" @prev="prevStep" />
       </div>
       <div v-else-if="currentStep === 4">
-        <word-correction />
+        <word-correction @next="nextStep" @prev="prevStep" />
       </div>
       <div v-else-if="currentStep === 5">
-        <model-analysis />
+        <model-analysis @next="completeProcess" @prev="prevStep" />
       </div>
     </div>
+
+    <div class="process-actions">
+      <el-button @click="prevStep" :disabled="currentStep === 1">上一步</el-button>
+      <el-button type="primary" @click="nextStep" :disabled="!canProceedToNextStep">下一步</el-button>
+    </div>
   </div>
 </template>
 
@@ -70,25 +75,33 @@ export default {
     
     canProceedToNextStep() {
       // 根据当前步骤判断是否可以进行下一步
+      console.log('检查是否可以进行下一步，当前步骤:', this.currentStep);
+      console.log('当前步骤状态:', this.stepStatus);
+      
+      let preprocessCompleted = false; // 将变量声明移到switch外部
+      
       switch (this.currentStep) {
         case 1:
-          return this.isStepCompleted('upload') || this.fileUploaded
+          return this.isStepCompleted('upload') || this.fileUploaded;
         case 2:
-          return this.isStepCompleted('preprocess')
+          // 检查预处理步骤是否已完成
+          preprocessCompleted = this.isStepCompleted('preprocess');
+          console.log('预处理步骤是否完成:', preprocessCompleted);
+          return preprocessCompleted;
         case 3:
-          return this.isStepCompleted('merge')
+          return this.isStepCompleted('merge');
         case 4:
-          return this.isStepCompleted('correction')
+          return this.isStepCompleted('correction');
         case 5:
-          return this.isStepCompleted('analysis')
+          return this.isStepCompleted('analysis');
         default:
-          return false
+          return false;
       }
     }
   },
   
   methods: {
-    ...mapActions('process', ['setCurrentStep']),
+    ...mapActions('process', ['setCurrentStep', 'setFileData']),
     
     getStepStatus(stepIndex) {
       const stepKeys = ['upload', 'preprocess', 'merge', 'correction', 'analysis'];
@@ -122,14 +135,34 @@ export default {
       if (this.currentStep < 5) {
         console.log('Process.vue: 准备进入下一步，当前步骤:', this.currentStep, '下一步骤:', this.currentStep + 1);
         
+        // 检查当前步骤是否可以前进
+        if (!this.canProceedToNextStep) {
+          console.warn('当前步骤未完成，无法进入下一步');
+          this.$message.warning('请先完成当前步骤');
+          return;
+        }
+        
         // 使用nextTick确保DOM更新
         this.$nextTick(() => {
+          // 如果是预处理步骤，确保状态已更新
+          if (this.currentStep === 2) {
+            // 先更新状态再切换步骤
+            this.$store.commit('process/UPDATE_STEP_STATUS', { step: 'preprocess', status: 'completed' });
+          }
+          
           this.setCurrentStep(this.currentStep + 1);
           console.log('Process.vue: 已切换到下一步，当前步骤:', this.currentStep + 1);
         });
       }
     },
     
+    handleFileUploaded(fileData) {
+      console.log('Process.vue: 接收到文件上传完成事件', fileData);
+      if (fileData) {
+        this.setFileData(fileData);
+      }
+    },
+    
     completeProcess() {
       // 完成处理后跳转到分析页面
       this.$router.push('/analysis')