合并结果总览顶部风险总览卡片

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

@@ -1,59 +1,51 @@
 <template>
   <section class="risk-people-section">
-    <div class="section-card">
-      <div class="block">
-        <div class="block-header">
-          <div>
-            <div class="block-title">风险人员总览</div>
-            <div class="block-subtitle">展示命中风险规则的重点人员</div>
-          </div>
-          <el-button size="mini" type="text">导出</el-button>
-        </div>
-
-        <el-table :data="overviewList" class="people-table">
-          <el-table-column type="index" label="序号" width="60" />
-          <el-table-column prop="name" label="姓名" min-width="100" />
-          <el-table-column prop="idNo" label="身份证号" min-width="180" />
-          <el-table-column prop="department" label="所属部门" min-width="140" />
-          <el-table-column prop="riskCount" label="疑似违规数" min-width="100" />
-          <el-table-column prop="riskLevel" label="风险等级" min-width="110">
-            <template slot-scope="scope">
-              <el-tag size="mini" :type="scope.row.riskLevelType" effect="plain">
-                {{ scope.row.riskLevel }}
-              </el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column prop="modelCount" label="命中模型数" min-width="110" />
-          <el-table-column label="核心异常点" min-width="220">
-            <template slot-scope="scope">
-              <div
-                v-if="scope.row.riskPointTagList && scope.row.riskPointTagList.length"
-                class="risk-point-tag-list"
-              >
-                <el-tag
-                  v-for="(tag, index) in scope.row.riskPointTagList"
-                  :key="`${scope.row.idNo || scope.row.name || index}-risk-point-${index}`"
-                  class="core-risk-tag"
-                  :style="resolveModelTagStyle(tag)"
-                  size="mini"
-                  effect="plain"
-                >
-                  {{ tag.ruleName }}
-                </el-tag>
-              </div>
-              <span v-else class="empty-text">-</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" width="100" align="right">
-            <template slot-scope="scope">
-              <el-button type="text" size="mini" @click="handleViewProject(scope.row)">{{
-                scope.row.actionLabel || "查看项目"
-              }}</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
+    <div class="section-toolbar">
+      <el-button size="mini" type="text">导出</el-button>
     </div>
+
+    <el-table :data="overviewList" class="people-table">
+      <el-table-column type="index" label="序号" width="60" />
+      <el-table-column prop="name" label="姓名" min-width="100" />
+      <el-table-column prop="idNo" label="身份证号" min-width="180" />
+      <el-table-column prop="department" label="所属部门" min-width="140" />
+      <el-table-column prop="riskCount" label="疑似违规数" min-width="100" />
+      <el-table-column prop="riskLevel" label="风险等级" min-width="110">
+        <template slot-scope="scope">
+          <el-tag size="mini" :type="scope.row.riskLevelType" effect="plain">
+            {{ scope.row.riskLevel }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="modelCount" label="命中模型数" min-width="110" />
+      <el-table-column label="核心异常点" min-width="220">
+        <template slot-scope="scope">
+          <div
+            v-if="scope.row.riskPointTagList && scope.row.riskPointTagList.length"
+            class="risk-point-tag-list"
+          >
+            <el-tag
+              v-for="(tag, index) in scope.row.riskPointTagList"
+              :key="`${scope.row.idNo || scope.row.name || index}-risk-point-${index}`"
+              class="core-risk-tag"
+              :style="resolveModelTagStyle(tag)"
+              size="mini"
+              effect="plain"
+            >
+              {{ tag.ruleName }}
+            </el-tag>
+          </div>
+          <span v-else class="empty-text">-</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="100" align="right">
+        <template slot-scope="scope">
+          <el-button type="text" size="mini" @click="handleViewProject(scope.row)">{{
+            scope.row.actionLabel || "查看项目"
+          }}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
   </section>
 </template>
 
@@ -186,35 +178,16 @@ export default {
 
 <style lang="scss" scoped>
 .risk-people-section {
-  margin-bottom: 16px;
+  margin-bottom: 0;
 }
 
-.section-card {
-  padding: 20px;
-  border-radius: 0;
-  background: #fff;
-  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
-}
-
-.block-header {
+.section-toolbar {
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-end;
   align-items: center;
   margin-bottom: 14px;
 }
 
-.block-title {
-  font-size: 16px;
-  font-weight: 600;
-  color: #1f2937;
-}
-
-.block-subtitle {
-  margin-top: 4px;
-  font-size: 12px;
-  color: #94a3b8;
-}
-
 .people-table {
   border-radius: 12px;
   overflow: hidden;