调整项目列表入口和操作按钮

docs/reports/implementation/2026-07-01-project-list-click-delete.md

@@ -0,0 +1,31 @@
+# 项目列表整行进入与操作按钮收敛实施记录
+
+## 修改时间
+
+2026-07-01 15:52:04
+
+## 需求背景
+
+项目管理列表中“进入项目 / 查看结果 / 重新分析”操作含义接近，用户希望点击项目行任意位置即可进入项目详情；列表页只保留真正的操作按钮，项目结果、分析、明细统一进入详情页后查看。
+
+## 修改内容
+
+- 调整项目列表交互：项目表格整行点击进入项目详情。
+- 行点击进入项目详情时明确默认页签：
+  - 进行中、打标中、打标失败项目进入“上传数据”。
+  - 已完成、已归档或当前用户不可操作的项目进入“结果总览”。
+- 移除列表操作列中的“进入项目”“查看结果”“重新分析”按钮。
+- 操作列保留“归档”“删除”：
+  - 已完成项目显示“归档”。
+  - 删除按钮调用既有删除接口。
+- 不调整后端权限、删除字段和查询逻辑。
+- 删除、归档按钮点击时阻止行点击，避免误进入项目详情。
+
+## 影响范围
+
+- 项目管理列表页。
+- 不涉及后端接口、权限、数据库字段和查询逻辑。
+
+## 验证情况
+
+- 前端已通过 `nvm use 14.21.3` 切换 Node 版本，并执行生产构建，构建通过；仅存在既有资源体积 warning。

ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue

@@ -4,6 +4,8 @@
       v-loading="loading"
       :data="dataList"
       style="width: 100%"
+      class="project-entry-table"
+      @row-click="handleOpen"
     >
       <el-table-column
         label="项目名称"
@@ -92,7 +94,7 @@
 
       <el-table-column
         label="操作"
-        width="390"
+        width="180"
         align="left"
         fixed="right"
       >
@@ -102,74 +104,34 @@
               size="mini"
               type="text"
               icon="el-icon-refresh-left"
-              @click="handleRestore(scope.row)"
+              @click.stop="handleRestore(scope.row)"
             >
               恢复
             </el-button>
           </template>
 
           <template v-else>
+            <div class="row-actions">
               <el-button
-              v-if="['0', '3', '4'].includes(scope.row.status)"
-              size="mini"
-              type="text"
-              :icon="canOperate(scope.row) ? 'el-icon-right' : 'el-icon-view'"
-              @click="handleEnter(scope.row)"
-            >
-              {{ canOperate(scope.row) ? "进入项目" : "查看项目" }}
-            </el-button>
-
-            <template v-if="scope.row.status === '1'">
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-view"
-                @click="handleViewResult(scope.row)"
-              >
-                查看结果
-              </el-button>
-              <el-button
-                v-if="canOperate(scope.row)"
-                size="mini"
-                type="text"
-                icon="el-icon-refresh"
-                :loading="reAnalyzeLoadingMap[String(scope.row.projectId)]"
-                :disabled="reAnalyzeLoadingMap[String(scope.row.projectId)]"
-                @click="handleReAnalyze(scope.row)"
-              >
-                重新分析
-              </el-button>
-              <el-button
-                v-if="canOperate(scope.row)"
+                v-if="scope.row.status === '1' && canOperate(scope.row)"
                 size="mini"
                 type="text"
                 icon="el-icon-folder"
-                @click="handleArchive(scope.row)"
+                @click.stop="handleArchive(scope.row)"
               >
                 归档
               </el-button>
-            </template>
-
-            <el-button
-              v-if="scope.row.status === '2'"
-              size="mini"
-              type="text"
-              icon="el-icon-view"
-              @click="handleViewResult(scope.row)"
-            >
-              查看结果
-            </el-button>
-
               <el-button
                 v-if="canDelete(scope.row) && scope.row.status !== '5'"
                 size="mini"
                 type="text"
                 class="delete-button"
                 icon="el-icon-delete"
-              @click="handleDelete(scope.row)"
+                @click.stop="handleDelete(scope.row)"
               >
                 删除
               </el-button>
+            </div>
           </template>
         </template>
       </el-table-column>
@@ -213,10 +175,6 @@ export default {
         pageSize: 10,
       }),
     },
-    reAnalyzeLoadingMap: {
-      type: Object,
-      default: () => ({}),
-    },
     deletedList: {
       type: Boolean,
       default: false,
@@ -247,14 +205,8 @@ export default {
       }
       return "";
     },
-    handleEnter(row) {
-      this.$emit("enter", row);
-    },
-    handleViewResult(row) {
-      this.$emit("view-result", row);
-    },
-    handleReAnalyze(row) {
-      this.$emit("re-analyze", row);
+    handleOpen(row) {
+      this.$emit("open", row);
     },
     handleArchive(row) {
       this.$emit("archive", row);
@@ -296,6 +248,14 @@ export default {
   }
 }
 
+::v-deep .project-entry-table .el-table__body tr {
+  cursor: pointer;
+}
+
+::v-deep .project-entry-table .el-table__body tr:hover > td {
+  background-color: #f5f9ff;
+}
+
 .status-tag {
   display: inline-flex;
   align-items: center;

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

@@ -20,12 +20,9 @@
       :data-list="projectList"
       :total="total"
       :page-params="queryParams"
-      :re-analyze-loading-map="reAnalyzeLoadingMap"
       :deleted-list="queryParams.includeDeleted === true"
       @pagination="handlePagination"
-      @enter="handleEnter"
-      @view-result="handleViewResult"
-      @re-analyze="handleReAnalyze"
+      @open="handleOpenProject"
       @archive="handleArchive"
       @delete="handleDelete"
       @restore="handleRestore"
@@ -67,7 +64,8 @@
 </template>
 
 <script>
-import {archiveProject, delProject, getStatusCounts, listProject, rebuildProjectTags, restoreProject} from '@/api/ccdiProject'
+import {archiveProject, delProject, getStatusCounts, listProject} from '@/api/ccdiProject'
+import { restoreProject } from '@/api/ccdiProject'
 import SearchBar from './components/SearchBar'
 import ProjectTable from './components/ProjectTable'
 import QuickEntry from './components/QuickEntry'
@@ -122,8 +120,6 @@ export default {
       // 归档确认弹窗
       archiveDialogVisible: false,
       currentArchiveProject: null,
-      // 重新分析按钮提交态
-      reAnalyzeLoadingMap: {},
     };
   },
   created() {
@@ -267,52 +263,22 @@ export default {
       this.addDialogTitle = "创建高风险专项项目";
       this.addDialogVisible = true;
     },
-    /** 进入项目 */
-    handleEnter(row) {
+    /** 打开项目 */
+    handleOpenProject(row) {
+      if (this.queryParams.includeDeleted) {
+        return
+      }
       this.$router.push({
         path: `/ccdiProject/detail/${row.projectId}`,
-        query: { tab: this.canOperate(row) ? "upload" : "overview" },
-      });
-      // this.$modal.msgSuccess("进入项目: " + row.projectName);
-    },
-    /** 查看结果 */
-    handleViewResult(row) {
-      this.$router.push({
-        path: `/ccdiProject/detail/${row.projectId}`,
-        query: { tab: "overview" },
+        query: { tab: this.resolveProjectEntryTab(row) },
       });
     },
-    /** 重新分析 */
-    async handleReAnalyze(row) {
-      if (!this.canOperate(row)) {
-        this.$modal.msgWarning("当前项目仅可查看，不能重新分析")
-        return
-      }
-      const projectKey = String(row.projectId)
-      if (this.reAnalyzeLoadingMap[projectKey]) {
-        return
-      }
-      try {
-        await this.$modal.confirm(
-          `确认对项目“${row.projectName}”重新分析吗？重新分析将重新计算项目标签。`
-        )
-      } catch (confirmError) {
-        if (confirmError === "cancel" || confirmError === "close") {
-          return
-        }
-        throw confirmError
-      }
-      this.$set(this.reAnalyzeLoadingMap, projectKey, true)
-      try {
-        await rebuildProjectTags({ projectId: row.projectId })
-        this.$modal.msgSuccess("已开始重新分析")
-        this.getList()
-      } catch (error) {
-        const message = error && error.message ? error.message : "重新分析失败，请稍后重试"
-        this.$modal.msgError(message)
-      } finally {
-        this.$set(this.reAnalyzeLoadingMap, projectKey, false)
+    resolveProjectEntryTab(row) {
+      const status = row && row.status !== undefined ? String(row.status) : ""
+      if (row && row.canOperate === false) {
+        return "overview"
       }
+      return ["1", "2"].includes(status) ? "overview" : "upload"
     },
     /** 归档项目 */
     handleArchive(row) {