监控样式美化

src/modules/analysis/monitoring/index.vue

@@ -16,7 +16,12 @@
           <div class="flex direction-column radius-base full fill-blank data-card-content">
             <div class="p-base card-title flex items-center justify-between">
               <!-- <span>{{ card.title }}</span> -->
-              <el-button type="primary" size="small">{{ card.title }}</el-button>
+              <el-button
+                :type="activeCard?.dataField == card.dataField ? 'primary' : 'default'"
+                :plain="activeCard?.dataField != card.dataField"
+                size="small"
+                >{{ card.title }}</el-button
+              >
               <el-button size="small" type="primary" link @click="toMore(card.key)">更多&gt;&gt; </el-button>
             </div>
             <div class="p-l-extra-base p-r-mini p-b-extra-small flex-1 overflow-hidden">
@@ -37,7 +42,9 @@
         </div>
       </div>
       <div class="p-base radius-base m-l-auto fill-blank data-detail-view">
-        <div class="p-b-base card-title" style="margin-top: 2px">{{ activeCard ? activeCard.title : '系统监控' }}</div>
+        <div class="p-b-base card-title" style="line-height: 34px">
+          {{ activeCard ? activeCard.title : '系统监控' }}
+        </div>
         <base-table
           v-if="activeCard"
           border