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

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

@@ -1,37 +1,17 @@
 <template>
   <section class="overview-stats">
-    <div class="section-card">
-      <div class="section-header">
-        <div class="section-title-group">
-          <div class="section-title">{{ summary.title || "风险仪表盘" }}</div>
-          <div class="section-subtitle">{{ summary.subtitle || "风险总体数据概览" }}</div>
+    <div class="stats-grid">
+      <div
+        v-for="item in summary.stats || []"
+        :key="item.key"
+        class="stats-card"
+      >
+        <div class="stats-icon" :class="`stats-icon-${item.tone || 'blue'}`">
+          <i :class="item.icon || 'el-icon-data-analysis'" />
         </div>
-        <div v-if="summary.actions && summary.actions.length" class="section-actions">
-          <el-button
-            v-for="action in summary.actions || []"
-            :key="action.key"
-            size="mini"
-            :type="action.type || 'primary'"
-            :plain="action.plain !== false"
-          >
-            {{ action.label }}
-          </el-button>
-        </div>
-      </div>
-
-      <div class="stats-grid">
-        <div
-          v-for="item in summary.stats || []"
-          :key="item.key"
-          class="stats-card"
-        >
-          <div class="stats-icon" :class="`stats-icon-${item.tone || 'blue'}`">
-            <i :class="item.icon || 'el-icon-data-analysis'" />
-          </div>
-          <div class="stats-content">
-            <div class="stats-label">{{ item.label }}</div>
-            <div class="stats-value">{{ item.value }}</div>
-          </div>
+        <div class="stats-content">
+          <div class="stats-label">{{ item.label }}</div>
+          <div class="stats-value">{{ item.value }}</div>
         </div>
       </div>
     </div>
@@ -55,38 +35,6 @@ export default {
   margin-bottom: 16px;
 }
 
-.section-card {
-  padding: 20px;
-  border-radius: 0;
-  background: #fff;
-  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 10px;
-  gap: 16px;
-}
-
-.section-title {
-  font-size: 16px;
-  font-weight: 600;
-  color: #1f2937;
-}
-
-.section-subtitle {
-  margin-top: 4px;
-  font-size: 12px;
-  color: #94a3b8;
-}
-
-.section-actions {
-  display: flex;
-  gap: 8px;
-}
-
 .stats-grid {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));