tj

src/pages/components/myPies.vue

 <template>
-    <div id="myPies" style="height: 100%"></div>
+  <div id="myPies" style="height: 100%"></div>
 </template>
 
 <script>
@@ -32,8 +32,8 @@ export default {
 
         legend: {
           show: true,
-           orient: 'horizontal',
-        //   left: "center",
+          orient: 'horizontal',
+          //   left: "center",
           bottom: '40',
           itemHeight: 13,
           itemWidth: 13,
@@ -73,7 +73,11 @@ export default {
             }
           }
         },
-        color: ['rgba(72,154,254,1)', 'rgba(247,243,204,1)', 'rgba(236,73,104,1)'],
+        color: [
+          'rgba(72,154,254,1)',
+          'rgba(247,243,204,1)',
+          'rgba(236,73,104,1)'
+        ],
         series: [
           {
             name: '访问来源',
@@ -88,7 +92,7 @@ export default {
                 show: true,
                 position: 'center',
                 formatter: function () {
-                  return `调查总数\r\n \r\n20000`
+                  return `\r\n20000`
                 },
                 textStyle: {
                   fontSize: 30,
@@ -106,7 +110,7 @@ export default {
             labelLine: {
               show: false
             },
-            data: [...data ]
+            data: [...data]
           }
         ]
       }

src/pages/home/page.vue

@@ -16,16 +16,16 @@
               <span v-if="index == 0" v-html="item.cardText"></span>
               <span v-else-if="index == 1" v-html="item.cardText"></span>
               <span v-else>{{ item.cardText }}</span>
-              <p >{{ item.state }}</p>
+              <p>{{ item.state }}</p>
             </div>
           </div>
         </div>
       </div>
     </div>
     <div class="home-page-content">
-      <el-row :gutter="12" style='height:100%;'>
-        <el-col :span="16"  style='height:100%;'>
-         <card-list :cardListTitle="cardListLeftTitle">
+      <el-row :gutter="12" style="height: 100%">
+        <el-col :span="16" style="height: 100%">
+          <card-list :cardListTitle="cardListLeftTitle">
             <div slot="right">
               <span
                 :class="activeIndex === index ? 'active-hight-linght' : ''"
@@ -38,11 +38,7 @@
             </div>
 
             <div slot="content" class="content-wrap">
-              <el-row
-                :gutter="12"
-                type="flex"
-                justify="center"
-              >
+              <el-row :gutter="12" type="flex" justify="center">
                 <el-col :span="6">
                   <div class="energy-save-mode-wrap" style="">
                     <div class="font-style font_14">
@@ -95,15 +91,15 @@
                   </div>
                 </el-col>
               </el-row>
-              <div style="height:calc(100% - 130px);">
+              <div style="height: calc(100% - 130px)">
                 <energy-total-charts></energy-total-charts>
               </div>
             </div>
           </card-list>
         </el-col>
-        <el-col :span="8" style="padding-left: 0;height:100%;">
+        <el-col :span="8" style="padding-left: 0; height: 100%">
           <card-list :cardListTitle="cardListRightTitle">
-            <div slot="content" style='height:100%;'>
+            <div slot="content" style="height: 100%">
               <my-pies></my-pies>
             </div>
           </card-list>
@@ -143,23 +139,21 @@ export default {
         },
         {
           iconUrl: require('./image/sun_icon.png'),
-          cardDesc: '供暖模式',
-          cardText: '办公区域供暖模式',
-          state: '已开启'
+          cardDesc: '办公区域供暖模式',
+          cardText: '',
+          state: '开启'
         },
         {
           iconUrl: require('./image/fan_icon.png'),
-          cardDesc: '机械通风模式',
-          cardText: '办公区域机械通风模式',
-          state: '已开启'
-
+          cardDesc: '办公区域机械通风模式',
+          cardText: '',
+          state: '开启'
         },
         {
           iconUrl: require('./image/nan_fan_icon.png'),
-          cardDesc: '自然通风模式',
-          cardText: '办公区域自然通风模式',
-          state: '已开启'
-
+          cardDesc: '办公区域自然通风模式',
+          cardText: '',
+          state: '开启'
         }
       ],
       dateList: [
@@ -196,7 +190,7 @@ export default {
 <style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
 .home-page {
-  height:calc(100vh - 155px);
+  height: calc(100vh - 155px);
   width: 100%;
   &-top {
     margin: 20px;