首页、单体电池

src/views/ems/dzjk/home/index.vue

@@ -10,7 +10,7 @@
             <span class="card-title">静态信息</span>
           </div>
           <div style="box-sizing: border-box; height: 250px;padding:20px 15px;" >
-            <el-descriptions class="single-zd-info-container" :column="1" >
+            <el-descriptions class="home-normal-info" :column="1" >
               <el-descriptions-item size="mini" v-for="(item,index) in singleZdInfo" :key="index+'singleZdInfo'" :label="item.title">{{info[item.attr] | formatNumber }}</el-descriptions-item>
             </el-descriptions>
           </div>
@@ -32,14 +32,7 @@
         </el-card>
       </el-col>
       <el-col :xs="24" :sm="24" :lg="10">
-        <el-card shadow="always" class="common-card-container common-card-container-body-no-padding">
-          <div slot="header">
-            <span class="card-title">策略信息</span>
-          </div>
-          <div  style="box-sizing: border-box; height: 250px;padding:20px 15px;" >
-
-          </div>
-        </el-card>
+        <cl-info :info="{}"/>
       </el-col>
       <el-col :xs="24" :sm="24" :lg="24">
         <week-chart ref="weekChart"/>
@@ -58,10 +51,11 @@ import {getDzjkHomeView} from '@/api/ems/dzjk'
 import WeekChart from "./WeekChart.vue";
 import ActiveChart from "./ActiveChart.vue";
 import AlarmTable from "./AlarmTable.vue";
+import ClInfo from './ClInfo.vue';
 import getQuerySiteId from '@/mixins/ems/getQuerySiteId'
 export default {
   name:'DzjkSbjkHome',
-  components: {WeekChart,ActiveChart,AlarmTable},
+  components: {WeekChart,ActiveChart,AlarmTable,ClInfo},
   mixins: [getQuerySiteId],
   data() {
     return {
@@ -136,6 +130,7 @@ export default {
       margin-bottom: 20px;
     }
   }
+  
 //数据概览
   .sjgl-data{
     text-align: center;
@@ -159,6 +154,17 @@ export default {
 </style>
 
 <style lang="scss">
+.home-normal-info{
+    font-size: 12px;
+    .el-descriptions-item__container{
+      .el-descriptions-item__label{
+        color:#666666;
+      }
+      .el-descriptions-item__content{
+        color: #333333;
+      }
+    } 
+  }
 /* card标题里的时间选择器 */
 .time-range-card{
   &.common-card-container .el-card__header{