style: 项目管理状态标签改为简约 GitHub 风格

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

@@ -47,9 +47,10 @@
         align="center"
       >
         <template slot-scope="scope">
-          <el-tag :type="getStatusType(scope.row.status)">
+          <div class="status-tag">
+            <span class="status-dot" :style="{ color: getStatusColor(scope.row.status) }">●</span>
             <dict-tag :options="dict.type.ccdi_project_status" :value="scope.row.status"/>
-          </el-tag>
+          </div>
         </template>
       </el-table-column>
 
@@ -198,6 +199,15 @@ export default {
       return statusMap[status] || 'info'
     },
 
+    getStatusColor(status) {
+      const colorMap = {
+        '0': '#1890ff',  // 进行中 - 蓝色
+        '1': '#52c41a',  // 已完成 - 绿色
+        '2': '#8c8c8c'   // 已归档 - 灰色
+      }
+      return colorMap[status] || '#8c8c8c'
+    },
+
     getWarningClass(row) {
       const total = row.highRiskCount + row.mediumRiskCount + row.lowRiskCount
       if (row.highRiskCount > 0) {
@@ -309,6 +319,17 @@ export default {
   }
 }
 
+.status-tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+
+  .status-dot {
+    font-size: 10px;
+    line-height: 1;
+  }
+}
+
 .project-info-cell {
   padding: 8px 0;
   line-height: 1.5;