Merge branch 'master-500-dev-lushangqing' into 'master-500-dev'

【1051】 【部门视图】小卡片圆点重叠，拓扑图标和其他保持一致



See merge request !106

@@ -22,36 +22,42 @@
           </div>
           <ul class="card-detail-info">
             <li>
-              <b style="margin-left: 10px">{{ item[cardDataConfig.total] }}</b>
+              <b style="margin-left: 6px">{{ item[cardDataConfig.total] }}</b>
               <p class="num-title-total">总量</p>
             </li>
             <li>
-              <div class="title num-title-good"></div>
-              <b style="margin-left: 10px">
-                {{ item[cardDataConfig.good] }}
-              </b>
+              <div class="card-detail-info-top">
+                <div class="title num-title-good"></div>
+                <b style="margin-left: 6px">
+                  {{ item[cardDataConfig.good] }}
+                </b>
+              </div>
               <p class="num-title-good">优</p>
             </li>
             <li>
-              <div>
+              <div class="card-detail-info-top">
                 <div class="title num-title-worse"></div>
-                <b style="margin-left: 10px">{{ item[cardDataConfig.worse] }}</b>
+                <b style="margin-left: 6px">{{ item[cardDataConfig.worse] }}</b>
               </div>
               <p class="num-title-worse">良</p>
             </li>
             <li >
-              <div class="title num-title-worst"></div>
-              <b style="margin-left: 10px">
-                {{ item[cardDataConfig.worst] }}
-              </b>
+              <div class="card-detail-info-top">
+                <div class="title num-title-worst"></div>
+                <b style="margin-left: 6px">
+                  {{ item[cardDataConfig.worst] }}
+                </b>
+              </div>
               <p class="num-title-worst">中</p>
             </li>
 
             <li >
-              <div class="title num-title-wjk"></div>
-              <b style="margin-left: 10px">
-                {{ item[cardDataConfig.notMonitored] }}
-              </b>
+              <div class="card-detail-info-top">
+                <div class="title num-title-wjk"></div>
+                <b style="margin-left: 6px">
+                  {{ item[cardDataConfig.notMonitored] }}
+                </b>
+              </div>
               <p class="num-title-wjk">未监控</p>
             </li>
 
@@ -578,8 +584,13 @@ export default {
   width: 16px;
   height: 16px;
   border-radius: 50%;
-  position: absolute;
-  left: 25px;
+ /* position: absolute;
+  left: 25px;*/
+}
+.card-detail-info-top{
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .card-detail-info li p {