tj

src/pages/analysis/energy/page.vue

@@ -2,12 +2,31 @@
   <div class="energy-page">
     <cardList cardListTitle="能耗数据分析">
       <div slot="right">
+        <!-- <span
+          :class="activeIndex === index ? 'active-hight-linght' : ''"
+          class="date-text"
+          @click="activehandle(item, index)"
+          v-for="(item, index) in dateList"
+          :key="item.value"
+          >{{ item.label }}</span
+        > -->
+        <!-- <el-date-picker
+        size="mini"
+          type="daterange"
+          range-separator="～"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        > -->
+        <!-- </el-date-picker> -->
+        <!-- <i style=" padding-left:20px;padding-right: 20px;color:#21acfc" class="el-icon-s-unfold"></i> -->
+        <!-- <i class="el-icon-printer" style="color:#21acfc"></i> -->
         <el-button size="mini" type="primary" @click="toPowerPage"
           >图形/列表</el-button
         >
       </div>
-      <div slot="content">
+      <div slot="content" style="height: calc(100% - 70px)">
         <div>
+          <!-- <enTabs :tabList="energyTabList"></enTabs> -->
           <el-tabs class="en-tabs" v-model="activetap">
             <el-row style="padding-top: 15px">
               <el-col :span="10">
@@ -35,11 +54,9 @@
             ></el-tab-pane>
           </el-tabs>
         </div>
-        <el-row>
-          <el-col :span="24">
-            <energyChart></energyChart>
-          </el-col>
-        </el-row>
+        <div style="height: calc(100% - 70px)">
+          <energyChart></energyChart>
+        </div>
       </div>
     </cardList>
   </div>