部分布局修改、BUG修复

src/main.js

@@ -6,8 +6,8 @@ import 'font-awesome/css/font-awesome.min.css';
 
 // 引入 element-ui
 import ElementPlus from 'element-plus';
-// import 'element-plus/dist/index.css';
-import 'element-plus/lib/theme-chalk/index.css';
+import 'element-plus/dist/index.css';
+// import 'element-plus/lib/theme-chalk/index.css';
 import locale from 'element-plus/lib/locale/lang/zh-cn';
 
 // 引入环境配置

src/views/WindSite/WindSite.vue

@@ -10,9 +10,22 @@
           <div class="page-common-body-menu-border left bottom"></div>
           <div class="page-common-body-menu-border right top"></div>
           <div class="page-common-body-menu-border right bottom"></div>
-          <router-link v-for="(menuData, index) of menuDatas" :key="index" :to="menuData.path">
-            <div class="page-common-body-menu-item" @click="clickMenu(index)" :class="{ active: activeIndex == index }">
-              <span class="svg-icon" :class="activeIndex == index ? 'svg-icon-yellow' : 'svg-icon-green'">
+          <router-link
+            v-for="(menuData, index) of menuDatas"
+            :key="index"
+            :to="menuData.path"
+          >
+            <div
+              class="page-common-body-menu-item"
+              @click="clickMenu(index)"
+              :class="{ active: activeIndex == index }"
+            >
+              <span
+                class="svg-icon"
+                :class="
+                  activeIndex == index ? 'svg-icon-yellow' : 'svg-icon-green'
+                "
+              >
                 <SvgIcon :svgid="menuData.icon"></SvgIcon>
               </span>
             </div>
@@ -98,7 +111,7 @@ export default {
   },
   // 函数
   methods: {
-    clickMenu: function(index) {
+    clickMenu: function (index) {
       this.activeIndex = index;
     },
   },
@@ -110,6 +123,21 @@ export default {
   },
 
   mounted() {},
+
+  watch: {
+    $route(res) {
+      this.menuDatas.forEach((ele) => {
+        let tempEle = ele.path.split("/");
+        if (
+          tempEle[tempEle.length - 1].indexOf("FDC") !== -1 ||
+          tempEle[tempEle.length - 1].indexOf("GDC") !== -1
+        ) {
+          tempEle[tempEle.length - 1] = res.params.wpId;
+          ele.path = tempEle.toString().replace(/,/g, "/");
+        }
+      });
+    },
+  },
 };
 </script>
 

src/views/WindSite/pages/Info/Base-Info.vue

@@ -31,7 +31,7 @@
         <el-row class="generation background mg-r-8">
           <div class="mg-r-8">
             <div class="generation-text">日发电量</div>
-            <div class="generation-value green">{{ sourceMap.jczbmap && sourceMap.jczbmap.RFDL }}<span class="unit">kwh</span></div>
+            <div class="generation-value green" style="display:inline-block">{{ sourceMap.jczbmap && sourceMap.jczbmap.RFDL }}</div><span class="green" style="font-size:26px;margin-left: 0.37vh;">kWh</span>
           </div>
           <el-row class="wind-site-state">
             <el-col :span="6" class="generation-item">