feat(ccdiProject): 替换按钮组为导航菜单并使用动态组件

ruoyi-ui/src/views/ccdiProject/detail.vue

@@ -25,38 +25,27 @@
         </div>
       </div>
       <div class="header-right">
-        <div class="action-buttons">
+        <el-menu
-          <el-button
+          :default-active="activeTab"
-            size="small"
+          mode="horizontal"
-            type="primary"
+          @select="handleMenuSelect"
-            icon="el-icon-upload2"
+          class="nav-menu"
-            @click="handleUploadData"
         >
-            上传数据
+          <el-menu-item index="upload">上传数据</el-menu-item>
-          </el-button>
+          <el-menu-item index="config">参数配置</el-menu-item>
-          <el-button
+          <el-submenu index="result">
-            size="small"
+            <template slot="title">初核结果</template>
-            icon="el-icon-setting"
+            <el-menu-item index="overview">结果总览</el-menu-item>
-            @click="handleParamConfig"
+            <el-menu-item index="special">专项排查</el-menu-item>
-          >
+            <el-menu-item index="detail">流水明细查询</el-menu-item>
-            参数配置
+          </el-submenu>
-          </el-button>
+        </el-menu>
-          <el-dropdown @command="handleCheckResultCommand" trigger="click">
-            <el-button size="small" icon="el-icon-document">
-              初核结果<i class="el-icon-arrow-down el-icon--right"></i>
-            </el-button>
-            <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item command="overview">结果总览</el-dropdown-item>
-              <el-dropdown-item command="special">专项排查</el-dropdown-item>
-              <el-dropdown-item command="detail">流水明细查询</el-dropdown-item>
-            </el-dropdown-menu>
-          </el-dropdown>
-        </div>
       </div>
     </div>
 
-    <!-- 数据上传页面 -->
+    <!-- 动态组件渲染区域 -->
-    <UploadData
+    <component
+      :is="currentComponent"
       :project-id="projectId"
       :project-info="projectInfo"
       @menu-change="handleMenuChange"