标签未闭合报错解决

src/views/Home/Home.vue

@@ -2,30 +2,30 @@
   <div class="home">
     <Row type="flex">
       <Col :span="6">
-        <Row type="flex">
-          <Col :span="24">
-            <com-panel title="银川" sub-title="AM 10:52 实况" icon="fa fa-map-marker">
-              <weather />
-            </com-panel>
-          </Col>
-        </Row>
-        <Row type="flex">
-          <Col :span="24">
-            <com-panel title="预测电量" sub-title="（单位：万KWh）">
-              <list-bar-chart :list="ForecastPower" height="16.6667vh" />
-            </com-panel>
-          </Col>
-        </Row>
-        <Row type="flex">
-          <Col :span="24">
-            <com-panel title="功率复核" sub-title="（单位：万KW）">
-              <power-review :data="powerData" />
-            </com-panel>
-          </Col>
-        </Row>
+      <Row type="flex">
+        <Col :span="24">
+        <com-panel title="银川" sub-title="AM 10:52 实况" icon="fa fa-map-marker">
+          <weather />
+        </com-panel>
+        </Col>
+      </Row>
+      <Row type="flex">
+        <Col :span="24">
+        <com-panel title="预测电量" sub-title="（单位：万KWh）">
+          <list-bar-chart :list="ForecastPower" height="16.6667vh" />
+        </com-panel>
+        </Col>
+      </Row>
+      <Row type="flex">
+        <Col :span="24">
+        <com-panel title="功率复核" sub-title="（单位：万KW）">
+          <power-review :data="powerData" />
+        </com-panel>
+        </Col>
+      </Row>
       </Col>
       <Col :span="12">
-        <Map></Map>
+      <Map></Map>
       </Col>
       <Col :span="6">
       <Row type="flex">
@@ -46,57 +46,57 @@
     </Row>
     <Row type="flex">
       <Col :span="12">
-        <toolbar-panel title="日发电量">
-          <template v-slot:tools>
+      <toolbar-panel title="日发电量">
+        <template v-slot:tools>
+          <div class="tools">
+            <div class="tool-block">
+              <div class="legend bg-green"></div>
+              <div class="legend-text">日发电量(单位:万KWh)</div>
+            </div>
+            <div class="tool-block">
+              <div class="legend bg-purple"></div>
+              <div class="legend-text">上网电量（单位：万KWh）</div>
+            </div>
+            <div class="tool-block">
+              <div class="legend bg-orange"></div>
+              <div class="legend-text">购网电量（单位：万KWh）</div>
+            </div>
+            <div class="tool-block">
+              <div class="legend bg-yellow"></div>
+              <div class="legend-text">风速</div>
+            </div>
+          </div>
+        </template>
+        <template v-slot:default>
+          <!-- 日发电量 -->
+          <multiple-bar-chart :list="DayPower.value" :units="DayPower.units" height="12.963vh" />
+        </template>
+      </toolbar-panel>
+      </Col>
+      <Col :span="12">
+      <toolbar-panel title="72小时功率趋势图">
+        <template v-slot:tools>
+          <div class="tools">
             <div class="tools">
               <div class="tool-block">
-                <div class="legend bg-green"></div>
-                <div class="legend-text">日发电量(单位:万KWh)</div>
+                <div class="legend long bg-green"></div>
+                <div class="legend-text">应发功率</div>
               </div>
               <div class="tool-block">
-                <div class="legend bg-purple"></div>
-                <div class="legend-text">上网电量（单位：万KWh）</div>
+                <div class="legend long bg-yellow"></div>
+                <div class="legend-text">实发功率</div>
               </div>
               <div class="tool-block">
-                <div class="legend bg-orange"></div>
-                <div class="legend-text">购网电量（单位：万KWh）</div>
-              </div>
-              <div class="tool-block">
-                <div class="legend bg-yellow"></div>
-                <div class="legend-text">风速</div>
-              </div>
-            </div>
-          </template>
-          <template v-slot:default>
-            <!-- 日发电量 -->
-            <multiple-bar-chart :list="DayPower.value" :units="DayPower.units" height="12.963vh" />
-          </template>
-        </toolbar-panel>
-      </Col>
-      <Col :span="12">
-        <toolbar-panel title="72小时功率趋势图">
-          <template v-slot:tools>
-            <div class="tools">
-              <div class="tools">
-                <div class="tool-block">
-                  <div class="legend long bg-green"></div>
-                  <div class="legend-text">应发功率</div>
-                </div>
-                <div class="tool-block">
-                  <div class="legend long bg-yellow"></div>
-                  <div class="legend-text">实发功率</div>
-                </div>
-                <div class="tool-block">
-                  <div class="legend long bg-purple"></div>
-                  <div class="legend-text">理论功率</div>
-                </div>
+                <div class="legend long bg-purple"></div>
+                <div class="legend-text">理论功率</div>
               </div>
             </div>
-          </template>
-          <template v-slot:default>
-            <multiple-line-chart :list="Powertrend.value" :units="Powertrend.units" height="12.963vh" />
-          </template>
-        </toolbar-panel>
+          </div>
+        </template>
+        <template v-slot:default>
+          <multiple-line-chart :list="Powertrend.value" :units="Powertrend.units" height="12.963vh" />
+        </template>
+      </toolbar-panel>
       </Col>
     </Row>
     <Row type="flex">
@@ -412,9 +412,10 @@
                   <span>---</span>
                 </div>
               </div>
-            </row>
-          </div>
-        </panel-3>
+            </div>
+          </row>
+        </div>
+      </panel-3>
       </Col>
     </Row>
   </div>
@@ -455,14 +456,14 @@ export default {
     SvgIcon,
     Map,
   },
-  data() {
+  data () {
     return {
       timmer: null, // 计时器
       jczbmap: {},
       wxssmap: {},
       gxkmap: {},
       mxztmap: {},
-      planData:{},
+      planData: {},
       powerData: {},
       // 预测电量
       ForecastPower: [
@@ -512,7 +513,7 @@ export default {
 
   methods: {
     // 请求服务
-    requestData(showLoading) {
+    requestData (showLoading) {
       let that = this;
       that.API.requestData({
         showLoading,
@@ -521,7 +522,7 @@ export default {
         data: {
           id: "MHS_FDC",
         },
-        success(res) {
+        success (res) {
           let glvos = [];
 
           let rdlKey = ["value1", "value2", "value3"];
@@ -626,7 +627,7 @@ export default {
     },
   },
 
-  created() {
+  created () {
     let that = this;
     that.$nextTick(() => {
       that.requestData(false);
@@ -636,7 +637,7 @@ export default {
     });
   },
 
-  unmounted() {
+  unmounted () {
     clearInterval(this.timmer);
     this.timmer = null;
   },