浏览代码

首页增加模拟数据以及蓝色样式修改

SunZehao 6 月之前
父节点
当前提交
9bdf12cd43

+ 2 - 4
src/App.vue

@@ -141,8 +141,6 @@ export default {
   },
   created() {},
   mounted() {
-    this.$store.state.moreSty =
-      window.sessionStorage.getItem("moreSty") || "greenSty";
     let that = this;
     that.setScale();
     /*窗口改变事件*/
@@ -155,8 +153,8 @@ export default {
   },
   methods: {
     proStyleFn(value) {
-      window.sessionStorage.setItem("moreSty", value);
-      this.$store.state.moreSty = value;
+        window.sessionStorage.setItem("moreSty", value);
+        this.$store.commit("changeMoreSty", value)
     },
     getScale() {
       const w = window.innerWidth / this.style.width;

二进制
src/assets/imgs/arrows_b.png


+ 5 - 0
src/assets/styles/blueStyle/blueSty.less

@@ -4,6 +4,7 @@
     background: #09172b;
 
     // /integratedAlarm/safe/realwarning 卡片
+
     .card {
         color: rgb(228, 236, 255);
         background: #142446;
@@ -15,6 +16,10 @@
         }
     }
 
+    .bluecard {
+        background: rgba(0, 0, 0, 0.3);
+    }
+
     // /integratedAlarm/safe/dataSearch
     .data-search {
         .data-content {

+ 6 - 2
src/components/chart/powerEcharts.vue

@@ -85,8 +85,8 @@ export default {
         tooltip: {
           // formatter: '{a} <br/>{b} : {c}',
           trigger: "axis",
-          backgroundColor: "rgba(5, 187, 76,0.35)",
-          borderColor: "#05bb4c",
+          backgroundColor: this.$store.state.moreSty === "greenSty" ? "rgba(5, 187, 76,0.35)" : "rgba(5, 108, 187,0.35)",
+          borderColor: this.$store.state.moreSty === "greenSty" ? "#05bb4c" : "#1a93cf",
           formatter: function (params) {
             var htmlStr = `<div style='font-size:16px;color:#fff;margin-bottom:5px'>${params[0].axisValue}</div>`;
             for (var i = 0; i < params.length; i++) {
@@ -266,6 +266,10 @@ export default {
     },
   },
   watch: {
+    "$store.state.moreSty"(val) {
+        this.getChart();
+        window.addEventListener("resize", this.resize);
+    },
     "$store.state.isFixed"() {
       this.$nextTick(() => {
         this.resize();

+ 39 - 39
src/router/index.js

@@ -1833,7 +1833,8 @@ export const asyncRoutes = [
   // 智能报表
   {
     path: "/report",
-    name: "report",
+      name: "report",
+      redirect: "/report/fdxnyrb",
     meta: {
       title: "智能报表",
       icon: "",
@@ -1844,7 +1845,6 @@ export const asyncRoutes = [
     children: [
       {
         path: "report",
-        redirect: "report/gjyrbb",
         name: "report",
         meta: {
           title: "自定制报表管理",
@@ -1858,7 +1858,7 @@ export const asyncRoutes = [
             name: "fdxnyrb",
             component: () => import("@/views/report/stationReport/fdxnyrb"),
             meta: {
-              title: "晋能清洁能源风电日报",
+              title: "关口表",
               icon: "",
               permissions: ["jn_zdz_fdxnyrb"],
             },
@@ -1866,23 +1866,23 @@ export const asyncRoutes = [
           {
             path: "gfxnyrb",
             name: "gfxnyrb",
-            component: () => import("@/views/report/stationReport/gfxnyrb"),
+            component: () => import("@/views/report/stationReport/fdczzdy"),
             meta: {
-              title: "晋能清洁能源光伏日报",
+              title: "erp",
               icon: "",
               permissions: ["jn_zdz_gfxnyrb"],
             },
           },
-          {
-            path: "scrb",
-            name: "scrb",
-            component: () => import("@/views/report/stationReport/scrb"),
-            meta: {
-              title: "晋能清洁能源生产日报",
-              icon: "",
-              permissions: ["jn_zdz_scrb"],
-            },
-          },
+        //   {
+        //     path: "scrb",
+        //     name: "scrb",
+        //     component: () => import("@/views/report/stationReport/scrb"),
+        //     meta: {
+        //       title: "晋能清洁能源生产日报",
+        //       icon: "",
+        //       permissions: ["jn_zdz_scrb"],
+        //     },
+        //   },
           //   {
           //     path: "gjyrbb",
           //     name: "gjyrbb",
@@ -1894,26 +1894,26 @@ export const asyncRoutes = [
           //     },
           //   },
 
-          {
-            path: "fczybb",
-            name: "fczybb",
-            component: () => import("@/views/report/stationReport/fczybb"),
-            meta: {
-              title: "风场自由报表",
-              icon: "",
-              permissions: ["jn_zdz_fdcz"],
-            },
-          },
-          {
-            path: "xmzybb",
-            name: "xmzybb",
-            component: () => import("@/views/report/stationReport/xmzybb"),
-            meta: {
-              title: "项目自由报表",
-              icon: "",
-              permissions: ["jn_zdz_fdxm"],
-            },
-          },
+        //   {
+        //     path: "fczybb",
+        //     name: "fczybb",
+        //     component: () => import("@/views/report/stationReport/fczybb"),
+        //     meta: {
+        //       title: "风场自由报表",
+        //       icon: "",
+        //       permissions: ["jn_zdz_fdcz"],
+        //     },
+        //   },
+        //   {
+        //     path: "xmzybb",
+        //     name: "xmzybb",
+        //     component: () => import("@/views/report/stationReport/xmzybb"),
+        //     meta: {
+        //       title: "项目自由报表",
+        //       icon: "",
+        //       permissions: ["jn_zdz_fdxm"],
+        //     },
+        //   },
 
           //   {
           //     path: "fdczzdy",
@@ -1942,18 +1942,18 @@ export const asyncRoutes = [
         redirect: "electricReport/dmb",
         name: "electricReport",
         meta: {
-          title: "电量报表",
+          title: "自定义报表",
           icon: "svg-dlbb",
           permissions: ["jn_dlbb"],
         },
-        component: () => import("@/views/electricReport/dmb"),
+        component: () => import("@/views/report/stationReport"),
         children: [
           {
             path: "dmb",
             name: "dmb",
-            component: () => import("@/views/electricReport/dmb"),
+            component: () => import("@/views/report/stationReport/fdczzdy"),
             meta: {
-              title: "底码表",
+              title: "自定义报表",
               icon: "",
               permissions: ["jn_dlbb_dmb"],
             },

+ 9 - 5
src/store/index.js

@@ -33,8 +33,7 @@ const state = {
   warningListLimitLength: 30,
   setConfig: 1,
     menuState: 1,
-    moreSty: 'greenSty'
-  
+    moreSty: sessionStorage.getItem("moreSty") || "greenSty"
 };
 
 //改变状态的方法`
@@ -68,7 +67,12 @@ const mutations = {
   changeBoosterAlarm(state, data) {
     state.boosterAlarm = data;
     localStorage.setItem("boosterAlarm", JSON.stringify(data));
-  },
+    },
+  
+    changeMoreSty(state, data) {
+        state.moreSty = data;
+        localStorage.setItem("moreSty", JSON.stringify(data));
+    },
   //升压站报警列表弹窗
   changeDrawer(state, data) {
     state.drawer = data;
@@ -162,7 +166,7 @@ const mutations = {
   },
   changeMenuState(state) {
     state.menuState++;
-  },
+    },
 };
 
 const actions = {
@@ -184,7 +188,7 @@ const actions = {
   },
   changeMenuState(state, data) {
     context.commit("changeMenuState");
-  },
+    },
 };
 
 export default createStore({

+ 84 - 31
src/views/Home/components/map.vue

@@ -14,7 +14,7 @@
       class="sx-left-box"
       :style="{ zIndex: dialogShow ? 6 : 5 }"
     >
-      <div class="security-days safe_power">
+      <div class="security-days safe_power" :data-type="$store.state.moreSty">
         <div class="text">安全天数:</div>
         <div class="num">
           <span class="font-num">{{
@@ -46,12 +46,12 @@
                   : StationinformationData?.qt?.gfzzjrl
               }}
             </span>
-            <span class="unit-t">MW</span>
+            <span class="unit">MW</span>
           </div>
           <div class="lineBox">
             <div class="fd-rl" v-if="tabShow == 0">
               <span class="text">风电</span>
-              <span class="font-num">
+              <span class="num font-num">
                 {{
                   wpId.includes("FDC")
                     ? (
@@ -77,7 +77,7 @@
         </div>
       </div>
       <div
-        class="qjny-info safe_power"
+        class="qjny-info safe_power"  :data-type="$store.state.moreSty"
         @mouseenter="switchShow = true"
         @mouseleave="switchShow = false"
         :style="{ width: tabShow == 0 ? '406px' : 'calc(170px + 20px)' }"
@@ -135,7 +135,9 @@
           <li class="line" v-show="tabShow == 0"></li>
           <li v-show="tabShow == 0 || tabShow == -2">
             <div class="imgs">
-              <img src="@/assets/home/gf_1.png" alt="" />
+              <!-- <img src="@/assets/home/gf_1.png" alt="" /> -->
+                <img src="@/assets/home/gf_1.png" alt="" v-if="$store.state.moreSty === 'greenSty'" />
+                <img src="@/assets/home/gf_b_1.png" alt="" v-else />
             </div>
             <p class="qty_tit">
               光伏数量
@@ -181,12 +183,18 @@
             </div>
           </li>
         </ul>
-        <div class="switch-jrqk" v-show="switchShow">
-          <div><img src="@/assets/imgs/arrows.png" /> 接入情况</div>
+        <div class="switch-jrqk" v-show="switchShow"  :data-type="$store.state.moreSty">
+            <div>
+                <img src="@/assets/imgs/arrows.png" v-if="$store.state.moreSty === 'greenSty'" />
+                <img src="@/assets/imgs/arrows_b.png" v-else />
+                接入情况
+            </div>
           <ul>
             <li v-show="tabShow == -1 || tabShow == 0">
               <div class="imgs">
-                <img src="@/assets/home/fc_1.png" alt="" />
+                <!-- <img src="@/assets/home/fc_1.png" alt="" /> -->
+                <img src="@/assets/home/fc_1.png" alt="" v-if="$store.state.moreSty === 'greenSty'" />
+                <img src="@/assets/home/fc_b_1.png" alt="" v-else />
               </div>
               <p class="qty_tit">
                 风场数量
@@ -232,7 +240,9 @@
             <li class="line" v-if="tabShow == 0"></li>
             <li v-show="tabShow == 0 || tabShow == -2">
               <div class="imgs">
-                <img src="@/assets/home/gf_1.png" alt="" />
+                <!-- <img src="@/assets/home/gf_1.png" alt="" /> -->
+                <img src="@/assets/home/gf_1.png" alt="" v-if="$store.state.moreSty === 'greenSty'" />
+                <img src="@/assets/home/gf_b_1.png" alt="" v-else />
               </div>
 
               <p class="qty_tit">
@@ -489,8 +499,8 @@
             >
               <div class="img-num clearfix">
                 <div class="img float-left">
-                  <img src="@/assets/home/gf_1.png" alt="" v-if="$store.state.moreSty === 'greenSty'" />
-              <img src="@/assets/home/gf_b_1.png" alt="" v-else />
+                    <img src="@/assets/home/gf_1.png" alt="" v-if="$store.state.moreSty === 'greenSty'" />
+                    <img src="@/assets/home/gf_b_1.png" alt="" v-else />
                 </div>
                 <div class="num float-left">
                   <span>光伏电站数量</span> <br />
@@ -728,6 +738,7 @@
     <!-- 返回按钮 -->
     <div
       class="return"
+       :data-type="$store.state.moreSty"
       :style="{ zIndex: dialogShow || dialogVisible || dialogElectric ? 2 : 7 }"
       @click="
         backMap(
@@ -1105,14 +1116,14 @@
     </el-dialog>
     <div class="sx-right-box" v-if="currentTitle != '全国'">
       <!-- 山西右侧信息 -->
-      <div class="card wind_card">
+      <div class="card wind_card bluecard">
         <power-review-home
           :data="powerDataHome"
           :id="wpIds"
           @chartClick="showPowerChart"
         />
       </div>
-      <div class="card electric_card">
+      <div class="card electric_card bluecard">
         <el-header>
           <span class="title"></span>
           <soan class="unit">(单位:万kWh)</soan>
@@ -1176,7 +1187,7 @@
           </div>
         </el-row>
       </div>
-      <div class="card station_card">
+      <div class="card station_card bluecard">
         <el-row class="card_header" v-if="tabShow == 0 || tabShow == -1">
           <el-col :span="12">
             <img
@@ -1337,6 +1348,8 @@ import dayjs from "dayjs";
 import windChartCom from "./windChartCom.vue";
 import BarCharts from "@/views/Home/components/barCharts.vue";
 import dataJson from "./mapdataJson.json"
+import datasvgJson from "./map/svgMapNxJson.json"
+
 export default {
   // 名称
   name: "Map",
@@ -1447,6 +1460,7 @@ export default {
   mounted() {
     this.StationinformationData = dataJson.StationinformationData
     this.powerDataHome = dataJson.powerDataHome
+    this.CurveValues = dataJson.Powertrend.value;
   },
   // 函数
   methods: {
@@ -1469,6 +1483,7 @@ export default {
       this.wpIds =
         wpId.includes("FDC") || wpId.includes("GDC") ? wpId : wpId + activeTab;
     //   this.requestData();
+    this.requestMockData()
       this.findProjectPlan();
 
       this.timmer2 = setInterval(() => {
@@ -1494,6 +1509,10 @@ export default {
       }
     },
     // 请求服务
+    requestMockData() {
+        this.homeSuspensionWindowsData = datasvgJson.homeSuspensionWindowsData
+        
+    },
     requestData() {
       FindBasicDataInfo({ wpId: this.wpIds }).then(({ data }) => {
         this.StationinformationData = data;
@@ -1735,8 +1754,11 @@ export default {
     },
     // 发电量
     findProjectPlan() {
-      FindProjectplan({ wpId: this.wpIds }).then(({ data }) => {
+    //   FindProjectplan({ wpId: this.wpIds }).then(({ data }) => {
+        // this.qyPower = data.proplanmap;
+        let data = dataJson.FindProjectplanData
         this.qyPower = data.proplanmap;
+
         this.ForecastPowerNewHome_fc = [
           [
             {
@@ -1896,7 +1918,7 @@ export default {
             },
           ],
         ];
-      });
+    //   });
     },
     // 获取场站24小时功率图
     getData(wpId) {
@@ -2877,6 +2899,51 @@ p {
     }
   }
 
+    .return[data-type~="greenSty"] {
+        color: @green;
+        border: 1px solid @green;
+        .svg-icon {
+            svg {
+                use {
+                    fill: @green;
+                }
+            }
+        }
+        &:hover {
+            color: @green;
+            border: 1px solid @green;
+            .svg-icon {
+                svg {
+                    use {
+                        fill: @green;
+                    }
+                }
+            }
+        }
+    }
+    .return[data-type~="blueSty"] {
+        color: @darkBlue;
+        border: 1px solid @darkBlue;
+        .svg-icon {
+            svg {
+                use {
+                    fill: @darkBlue;
+                }
+            }
+        }
+        &:hover {
+            color: @darkBlue;
+            border: 1px solid @darkBlue;
+            .svg-icon {
+                svg {
+                    use {
+                        fill: @darkBlue;
+                    }
+                }
+            }
+        }
+    }
+
   .return {
     position: absolute;
     display: flex;
@@ -2890,8 +2957,7 @@ p {
     cursor: pointer;
     border: 1px solid transparent;
     padding: 6px 16px;
-    color: #05bb4c;
-    border: 1px solid #05bb4c;
+    
     font-size: 22px;
 
     .svg-icon {
@@ -2902,25 +2968,12 @@ p {
 
         use {
           transition: all 0.3s;
-          fill: @green;
         }
       }
     }
 
     transition: all 0.3s;
 
-    &:hover {
-      color: @green;
-      border: 1px solid @green;
-
-      .svg-icon {
-        svg {
-          use {
-            fill: @green;
-          }
-        }
-      }
-    }
   }
 
   .compass {

+ 38 - 30
src/views/Home/components/map/SX.vue

@@ -81,7 +81,7 @@
       </defs>
       <g>
         <image
-          v-if="$store.state.themeName === 'dark'"
+          v-if="$store.state.moreSty === 'greenSty'"
           style="overflow: visible"
           width="400"
           height="330"
@@ -90,12 +90,12 @@
           transform="matrix(1 0 0 1 180 0)"
         ></image>
         <image
-          v-if="$store.state.themeName === 'light'"
+          v-if="$store.state.moreSty === 'blueSty'"
           style="overflow: visible"
           width="400"
           height="330"
           class="map-base"
-          xlink:href="./map_sx_b.png"
+          xlink:href="./map_sx_blue.png"
           transform="matrix(1 0 0 1 180 0)"
         ></image>
         <g>
@@ -168,7 +168,7 @@
               <text
                 x="492"
                 y="0"
-                fill="#05bb4c"
+                :fill="fillSty"
                 font-size="8"
                 @click.stop="
                   clickLabel(
@@ -215,7 +215,7 @@
               <text
                 x="492"
                 y="12"
-                fill="#05bb4c"
+                :fill="fillSty"
                 font-size="8"
                 @click.stop="
                   clickLabel(
@@ -322,7 +322,7 @@
                 >
                   牛家岭
                 </text>
-                <text x="352" y="75" fill="#05bb4c" font-size="8">
+                <text x="352" y="75" :fill="fillSty" font-size="8">
                   {{ sourceMap?.station?.SXJ_KGDL_NJL_FDC_STA?.zjts }}
                 </text>
                 <text x="372" y="75" fill="#919697" font-size="8">台</text>
@@ -397,7 +397,7 @@
                 <text class="mapKey" x="299" y="3" fill="#919697" font-size="8">
                   平鲁禹丰
                 </text>
-                <text x="355" y="3" fill="#05bb4c" font-size="8">
+                <text x="355" y="3" :fill="fillSty" font-size="8">
                   {{ sourceMap?.station?.SXJ_KGDL_YF_FDC_STA?.zjts }}
                 </text>
                 <text x="385" y="3" fill="#919697" font-size="8">台</text>
@@ -420,7 +420,7 @@
                 >
                   平鲁败虎堡
                 </text>
-                <text x="360" y="14" fill="#05bb4c" font-size="8">
+                <text x="360" y="14" :fill="fillSty" font-size="8">
                   {{ sourceMap?.station?.SXJ_KGDL_BHB_FDC_STA?.zjts }}
                 </text>
                 <text x="385" y="14" fill="#919697" font-size="8">台</text>
@@ -443,7 +443,7 @@
                 >
                   平鲁败虎堡三期
                 </text>
-                <text x="368" y="26" fill="#05bb4c" font-size="8">
+                <text x="368" y="26" :fill="fillSty" font-size="8">
                   {{ sourceMap?.station?.SXJ_KGDL_BHB3_FDC_STA?.zjts }}
                 </text>
                 <text x="385" y="26" fill="#919697" font-size="8">台</text>
@@ -531,7 +531,7 @@
               <text
                 x="468"
                 y="135"
-                fill="#05bb4c"
+                :fill="fillSty"
                 font-size="8"
                 @click.stop="
                   clickLabel(
@@ -577,7 +577,7 @@
               <text
                 x="468"
                 y="120"
-                fill="#05bb4c"
+                :fill="fillSty"
                 font-size="8"
                 @click.stop="
                   clickLabel(
@@ -623,7 +623,7 @@
               <text
                 x="468"
                 y="150"
-                fill="#05bb4c"
+                :fill="fillSty"
                 font-size="8"
                 @click.stop="
                   clickLabel(
@@ -721,7 +721,7 @@
               <text class="mapKey" x="313" y="139" fill="#919697" font-size="8">
                 平遥朱坑
               </text>
-              <text x="355" y="139" fill="#05bb4c" font-size="8">
+              <text x="355" y="139" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_ZK_FDC_STA?.zjts }}
               </text>
               <text x="375" y="139" fill="#919697" font-size="8">台</text>
@@ -771,13 +771,13 @@
               <text class="mapKey" x="463" y="9" fill="#919697" font-size="8">
                 天镇旭升 集中式:
               </text>
-              <text x="528" y="9" fill="#05bb4c" font-size="8">
+              <text x="528" y="9" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_TZ_GDC_STA?.jzzjts }}
               </text>
               <text x="545" y="9" fill="#919697" font-size="8">
                 台 组串式:
               </text>
-              <text x="585" y="9" fill="#05bb4c" font-size="8">
+              <text x="585" y="9" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_TZ_GDC_STA?.zczjts }}
               </text>
               <text x="600" y="9" fill="#919697" font-size="8">台</text>
@@ -828,13 +828,13 @@
               <text class="mapKey" x="458" y="71" fill="#919697" font-size="8">
                 山阴荣新 集中式:
               </text>
-              <text x="520" y="71" fill="#05bb4c" font-size="8">
+              <text x="520" y="71" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_SY_GDC_STA?.jzzjts }}
               </text>
               <text x="540" y="71" fill="#919697" font-size="8">
                 台 组串式:
               </text>
-              <text x="580" y="71" fill="#05bb4c" font-size="8">
+              <text x="580" y="71" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_SY_GDC_STA?.zczjts }}
               </text>
               <text x="600" y="71" fill="#919697" font-size="8">台</text>
@@ -885,7 +885,7 @@
               <text class="mapKey" x="478" y="36" fill="#919697" font-size="8">
                 怀仁初晨 组串式:
               </text>
-              <text x="545" y="36" fill="#05bb4c" font-size="8">
+              <text x="545" y="36" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_HR_GDC_STA?.zczjts }}
               </text>
               <text x="565" y="36" fill="#919697" font-size="8">台</text>
@@ -936,13 +936,13 @@
               <text class="mapKey" x="458" y="54" fill="#919697" font-size="8">
                 阳高蔚家堡 集中式:
               </text>
-              <text x="529" y="54" fill="#05bb4c" font-size="8">
+              <text x="529" y="54" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_YG_GDC_STA?.jzzjts }}
               </text>
               <text x="545" y="54" fill="#919697" font-size="8">
                 台 组串式:
               </text>
-              <text x="585" y="54" fill="#05bb4c" font-size="8">
+              <text x="585" y="54" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_YG_GDC_STA?.zczjts }}
               </text>
               <text x="605" y="54" fill="#919697" font-size="8">台</text>
@@ -993,7 +993,7 @@
               <text class="mapKey" x="455" y="60" fill="#919697" font-size="8">
                 应县晶辉 集中式:
               </text>
-              <text x="520" y="60" fill="#05bb4c" font-size="8">
+              <text x="520" y="60" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_YX_GDC_STA?.jzzjts }}
               </text>
               <text x="540" y="60" fill="#919697" font-size="8">台</text>
@@ -1044,13 +1044,13 @@
               <text class="mapKey" x="443" y="19" fill="#919697" font-size="8">
                 右玉右卫 集中式:
               </text>
-              <text x="510" y="19" fill="#05bb4c" font-size="8">
+              <text x="510" y="19" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_YY_GDC_STA?.jzzjts }}
               </text>
               <text x="530" y="19" fill="#919697" font-size="8">
                 台 组串式:
               </text>
-              <text x="570" y="19" fill="#05bb4c" font-size="8">
+              <text x="570" y="19" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_YY_GDC_STA?.zczjts }}
               </text>
               <text x="590" y="19" fill="#919697" font-size="8">台</text>
@@ -1101,7 +1101,7 @@
               <text class="mapKey" x="465" y="91" fill="#919697" font-size="8">
                 繁峙均然 组串式:
               </text>
-              <text x="530" y="91" fill="#05bb4c" font-size="8">
+              <text x="530" y="91" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_JR_GDC_STA?.zczjts }}
               </text>
               <text x="545" y="91" fill="#919697" font-size="8">台</text>
@@ -1152,7 +1152,7 @@
               <text class="mapKey" x="398" y="242" fill="#919697" font-size="8">
                 屯留吾元 组串式:
               </text>
-              <text x="460" y="242" fill="#05bb4c" font-size="8">
+              <text x="460" y="242" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_TL_GDC_STA?.zczjts }}
               </text>
               <text x="485" y="242" fill="#919697" font-size="8">台</text>
@@ -1203,7 +1203,7 @@
               <text class="mapKey" x="247" y="126" fill="#919697" font-size="8">
                 方山孙家山 集中式:
               </text>
-              <text x="320" y="126" fill="#05bb4c" font-size="8">
+              <text x="320" y="126" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_FS_GDC_STA?.jzzjts }}
               </text>
               <text x="340" y="126" fill="#919697" font-size="8">台</text>
@@ -1254,7 +1254,7 @@
               <text class="mapKey" x="258" y="47" fill="#919697" font-size="8">
                 平鲁阻虎 集中式:
               </text>
-              <text x="325" y="47" fill="#05bb4c" font-size="8">
+              <text x="325" y="47" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_PL_GDC_STA?.jzzjts }}
               </text>
               <text x="345" y="47" fill="#919697" font-size="8">台</text>
@@ -1341,7 +1341,7 @@
                   >
                     平鲁高家堰
                   </text>
-                  <text x="362" y="57" fill="#05bb4c" font-size="8">
+                  <text x="362" y="57" :fill="fillSty" font-size="8">
                     {{ sourceMap?.station?.SXJ_KGDL_GJY_FDC_STA?.zjts }}
                   </text>
                   <text x="379" y="57" fill="#919697" font-size="8">台</text>
@@ -1364,7 +1364,7 @@
                   >
                     平鲁红石峁
                   </text>
-                  <text x="365" y="69" fill="#05bb4c" font-size="8">
+                  <text x="365" y="69" :fill="fillSty" font-size="8">
                     {{ sourceMap?.station?.SXJ_KGDL_HSM_FDC_STA?.zjts }}
                   </text>
                   <text x="379" y="69" fill="#919697" font-size="8">台</text>
@@ -1441,7 +1441,7 @@
               <text class="mapKey" x="433" y="58" fill="#919697" font-size="8">
                 宁武盘道梁
               </text>
-              <text x="480" y="58" fill="#05bb4c" font-size="8">
+              <text x="480" y="58" :fill="fillSty" font-size="8">
                 {{ sourceMap?.station?.SXJ_KGDL_PDL_FDC_STA?.zjts }}
               </text>
               <text x="495" y="58" fill="#919697" font-size="8">台</text>
@@ -1481,6 +1481,7 @@ export default {
   // 数据
   data() {
     return {
+        fillSty: window.sessionStorage.getItem("moreSty") ? window.sessionStorage.getItem("moreSty") === 'greenSty' ? "#05bb4c" : "#1a93cf" : "#05bb4c",
       penetrateType: 3,
       sourceMap: {},
       c1: false,
@@ -1548,6 +1549,13 @@ export default {
     data(res) {
       this.sourceMap = res;
     },
+    "$store.state.moreSty"(value) {
+        if (value === 'greenSty') {
+            this.fillSty = '#05bb4c';
+        } else {
+            this.fillSty = '#1a93cf';
+        }
+    },
   },
 };
 </script>

二进制
src/views/Home/components/map/map_sx_blue.png


文件差异内容过多而无法显示
+ 288 - 280
src/views/Home/components/map/svg-map-nx.vue


+ 102 - 0
src/views/Home/components/map/svgMapNxJson.json

@@ -0,0 +1,102 @@
+{
+    "homeSuspensionWindowsData": {
+        "hbqyxx": {
+            "industryState": true,
+            "companyState": true,
+            "hbcyzzjrl": 15,
+            "hbcyfdcsl": 16,
+            "hbcyfdzjrl": 2563,
+            "hbcygfcsl": 20,
+            "hbcygfzjrl": 2153,
+            "hbgszzjrl": 20,
+            "hbgsfdcslcsl": 30,
+            "hbgsfdzjrl": 5663,
+            "hbgsgfcsl": 19,
+            "hbgsgfzjrl": 2640
+        },
+        "sxqyxx": {
+            "industryState": true,
+            "companyState": true,
+            "sxcyzzjrl": 15,
+            "sxcyfdcsl": 16,
+            "sxcyfdzjrl": 2563,
+            "sxcygfcsl": 20,
+            "sxcygfzjrl": 2153,
+            "sxgszzjrl": 20,
+            "sxgsfdcsl": 30,
+            "sxgsfdzjrl": 5663,
+            "sxgsgfcsl": 19,
+            "sxgsgfzjrl": 2640
+        },
+        "nmqyxx": {
+            "industryState": true,
+            "companyState": true,
+            "nmcyzzjrl": 15,
+            "nmcyfdcsl": 16,
+            "nmcyfdzjrl": 2563,
+            "nmcygfcsl": 20,
+            "nmcygfzjrl": 2153,
+            "nmgszzjrl": 20,
+            "nmgsfdcsl": 30,
+            "nmgsfdzjrl": 5663,
+            "nmgsgfcsl": 19,
+            "nmgsgfzjrl": 2640
+        },
+        "xjqyxx": {
+            "industryState": true,
+            "companyState": true,
+            "xjcyzzjrl": 15,
+            "xjcyfdcsl": 16,
+            "xjcyfdzjrl": 2563,
+            "xjcygfcsl": 20,
+            "xjcygfzjrl": 2153,
+            "xjgszzjrl": 20,
+            "xjgsfdcslcsl": 30,
+            "xjgsfdzjrl": 5663,
+            "xjgsgfcsl": 19,
+            "xjgsgfzjrl": 2640
+        },
+        "xsqyxx": {
+            "industryState": true,
+            "companyState": true,
+            "xscyzzjrl": 15,
+            "xscyfdcsl": 16,
+            "xscyfdzjrl": 2563,
+            "xscygfcsl": 20,
+            "xscygfzjrl": 2153,
+            "xsgszzjrl": 20,
+            "xsgsfdcsl": 30,
+            "xsgsfdzjrl": 5663,
+            "xsgsgfcsl": 19,
+            "xsgsgfzjrl": 2640
+        },
+        "sdqyxx": {
+            "industryState": true,
+            "companyState": true,
+            "sdcyzzjrl": 15,
+            "sdcyfdcsl": 16,
+            "sdcyfdzjrl": 2563,
+            "sdcygfcsl": 20,
+            "sdcygfzjrl": 2153,
+            "sdgszzjrl": 20,
+            "sdgsfdcsl": 30,
+            "sdgsfdzjrl": 5663,
+            "sdgsgfcsl": 19,
+            "sdgsgfzjrl": 2640
+        },
+        "xzqyxx": {
+            "industryState": true,
+            "companyState": true,
+            "xzcyzzjrl": 15,
+            "xzcyfdcsl": 16,
+            "xzcyfdzjrl": 2563,
+            "xzcygfcsl": 20,
+            "xzcygfzjrl": 2153,
+            "xzgszzjrl": 20,
+            "xzgsfdcsl": 30,
+            "xzgsfdzjrl": 5663,
+            "xzgsgfcsl": 19,
+            "xzgsgfzjrl": 2640
+        }
+    }
+}

+ 467 - 4
src/views/Home/components/mapdataJson.json

@@ -9,7 +9,10 @@
             "jym": 3514,
             "jys": 254,
             "co2": 213,
-            "so2": 218
+            "so2": 218,
+
+            "ylyxs": 231.26,
+            "nlyxs": 2413.265
         },
         "cblpoint": {
             "qjny_zzjrl": 1251,
@@ -24,7 +27,12 @@
             "jr_fj_ts": 58,
             "jr_gf_jzts": 32,
             "jr_gf_zcts": 26,
-            "jr_gfts": 12
+            "jr_gfts": 12,
+
+            "qjny_fj_ts": 56,
+            "qjny_hsfj_ts": 48,
+            "qjny_gf_jzts": 32,
+            "qjny_gf_zcts": 58
         },
         "mxztmap": {
             "fd_djnum": 2,
@@ -43,9 +51,128 @@
             "gf_slnum": 1,
             "gf_lxnum": 8
 
+        },
+        "station": {
+            "SXJ_KGDL_XWT_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 20
+            },
+            "SXJ_KGDL_DJY_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 16
+            },
+            "SXJ_KGDL_NJL_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 14
+            },
+            "SXJ_KGDL_YF_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 25
+            },
+            "SXJ_KGDL_BHB_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 18
+            },
+            "SXJ_KGDL_BHB3_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 14
+            },
+            "SXJ_KGDL_PTZ_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 19
+            },
+            "SXJ_KGDL_YTY_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 34
+            },
+            "SXJ_KGDL_YLZ_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 26
+            },
+            "SXJ_KGDL_ZK_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 52
+            },
+            "SXJ_KGDL_TZ_GDC_STA": {
+                "zjrl": 541,
+                "jzzjts": 14,
+                "zczjts": 25
+            },
+            "SXJ_KGDL_SY_GDC_STA": {
+                "zjrl": 541,
+                "jzzjts": 12,
+                "zczjts": 26
+            },
+            "SXJ_KGDL_HR_GDC_STA": {
+                "zjrl": 541,
+                "zczjts": 25
+            },
+            "SXJ_KGDL_YG_GDC_STA": {
+                "zjrl": 541,
+                "jzzjts": 36,
+                "zczjts": 42
+            },
+            "SXJ_KGDL_YX_GDC_STA": {
+                "zjrl": 541,
+                "jzzjts": 11
+            },
+            "SXJ_KGDL_YY_GDC_STA": {
+                "zjrl": 541,
+                "jzzjts": 12,
+                "zczjts": 19
+            },
+            "SXJ_KGDL_JR_GDC_STA": {
+                "zjrl": 541,
+                "zczjts": 16
+            },
+            "SXJ_KGDL_TL_GDC_STA": {
+                "zjrl": 541,
+                "zczjts": 19
+            },
+            "SXJ_KGDL_FS_GDC_STA": {
+                "zjrl": 541,
+                "jzzjts": 10
+            },
+            "SXJ_KGDL_PL_GDC_STA": {
+                "zjrl": 541,
+                "jzzjts": 26
+            },
+            "SXJ_KGDL_GJY_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 69
+            },
+            "SXJ_KGDL_HSM_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 16
+            },
+            "SXJ_KGDL_PDL_FDC_STA": {
+                "zjrl": 541,
+                "zjts": 13
+            }
+        },
+        "sbztmap": {
+            "fd": {
+                "djnum": 10,
+                "yxnum": 2,
+                "gznum": 5,
+                "jxnum": 3,
+                "xdnum": 3,
+                "slnum": 2,
+                "lxnum": 0
+            },
+            "gf": {
+                "djnum": 10,
+                "yxnum": 2,
+                "gznum": 5,
+                "jxnum": 3,
+                "xdnum": 3,
+                "slnum": 2,
+                "lxnum": 0
+            }
         }
     },
-    "powerDataHome": [{
+    "powerDataHome": [
+        {
         "title": "实时风速",
         "value": 8.26,
         "dialogTitle": "实时风速",
@@ -66,5 +193,341 @@
         "max": 100,
         "unit": "%"
       }
-    ]
+    ],
+    "Powertrend": {
+        "units": ["(万KWh)", ""],
+        "value": [
+          {
+            "title": "预测功率",
+            "smooth": true,
+            "value": [
+                {
+                    "dateTime": "00:00",
+                    "value": 0.5
+                },
+                {
+                    "dateTime": "01:00",
+                    "value": 2.2
+                },
+                {
+                    "dateTime": "02:00",
+                    "value": 0.8
+                },
+                {
+                    "dateTime": "03:00",
+                    "value": 2.2
+                },
+                {
+                    "dateTime": "04:00",
+                    "value": 1.5
+                },
+                {
+                    "dateTime": "05:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "06:00",
+                    "value": 1.7
+                },
+                {
+                    "dateTime": "07:00",
+                    "value": 2.2
+                },
+                {
+                    "dateTime": "08:00",
+                    "value": 1.5
+                },
+                {
+                    "dateTime": "09:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "10:00",
+                    "value": 1.7
+                },
+                {
+                    "dateTime": "11:00",
+                    "value": 2.2
+                },
+                {
+                    "dateTime": "12:00",
+                    "value": 1.5
+                },
+                {
+                    "dateTime": "13:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "14:00",
+                    "value": 1.7
+                },
+                {
+                    "dateTime": "15:00",
+                    "value": 1.5
+                },
+                {
+                    "dateTime": "16:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "17:00",
+                    "value": 1.7
+                },
+                {
+                    "dateTime": "18:00",
+                    "value": 2.2
+                },
+                {
+                    "dateTime": "19:00",
+                    "value": 1.5
+                },
+                {
+                    "dateTime": "20:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "21:00",
+                    "value": 1.7
+                },
+                {
+                    "dateTime": "22:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "23:00",
+                    "value": 1.7
+                }
+            ]
+          },
+          {
+            "title": "理论功率",
+            "smooth": true,
+            "value": [
+                {
+                    "dateTime": "00:00",
+                    "value": 0.8
+                },
+                {
+                    "dateTime": "01:00",
+                    "value": 2.2
+                },
+                {
+                    "dateTime": "02:00",
+                    "value": 0.9
+                },
+                {
+                    "dateTime": "03:00",
+                    "value": 2.2
+                },
+                {
+                    "dateTime": "04:00",
+                    "value": 1.7
+                },
+                {
+                    "dateTime": "05:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "06:00",
+                    "value": 1.2
+                },
+                {
+                    "dateTime": "07:00",
+                    "value": 2.8
+                },
+                {
+                    "dateTime": "08:00",
+                    "value": 1.4
+                },
+                {
+                    "dateTime": "09:00",
+                    "value": 1.9
+                },
+                {
+                    "dateTime": "10:00",
+                    "value": 1.7
+                },
+                {
+                    "dateTime": "11:00",
+                    "value": 2.2
+                },
+                {
+                    "dateTime": "12:00",
+                    "value": 1.6
+                },
+                {
+                    "dateTime": "13:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "14:00",
+                    "value": 1.7
+                },
+                {
+                    "dateTime": "15:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "16:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "17:00",
+                    "value": 1.7
+                },
+                {
+                    "dateTime": "18:00",
+                    "value": 2.9
+                },
+                {
+                    "dateTime": "19:00",
+                    "value": 1.5
+                },
+                {
+                    "dateTime": "20:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "21:00",
+                    "value": 1.9
+                },
+                {
+                    "dateTime": "22:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "23:00",
+                    "value": 1.2
+                }
+            ]
+          },
+          {
+            "title": "实际功率",
+            "smooth": true,
+            "value": [
+                {
+                    "dateTime": "00:00",
+                    "value": 0.5
+                },
+                {
+                    "dateTime": "01:00",
+                    "value": 2.2
+                },
+                {
+                    "dateTime": "02:00",
+                    "value": 0.8
+                },
+                {
+                    "dateTime": "03:00",
+                    "value": 2.2
+                },
+                {
+                    "dateTime": "04:00",
+                    "value": 1.5
+                },
+                {
+                    "dateTime": "05:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "06:00",
+                    "value": 1.2
+                },
+                {
+                    "dateTime": "07:00",
+                    "value": 1.2
+                },
+                {
+                    "dateTime": "08:00",
+                    "value": 2.5
+                },
+                {
+                    "dateTime": "09:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "10:00",
+                    "value": 2.7
+                },
+                {
+                    "dateTime": "11:00",
+                    "value": 2.2
+                },
+                {
+                    "dateTime": "12:00",
+                    "value": 1.5
+                },
+                {
+                    "dateTime": "13:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "14:00",
+                    "value": 2.7
+                },
+                {
+                    "dateTime": "15:00",
+                    "value": 1.5
+                },
+                {
+                    "dateTime": "16:00",
+                    "value": 1.8
+                },
+                {
+                    "dateTime": "17:00",
+                    "value": 1.7
+                },
+                {
+                    "dateTime": "18:00",
+                    "value": 1.2
+                },
+                {
+                    "dateTime": "19:00",
+                    "value": 1.5
+                },
+                {
+                    "dateTime": "20:00",
+                    "value": 2.8
+                },
+                {
+                    "dateTime": "21:00",
+                    "value": 1.7
+                },
+                {
+                    "dateTime": "22:00",
+                    "value": 2.8
+                },
+                {
+                    "dateTime": "23:00",
+                    "value": 1.7
+                }
+            ]
+          }
+        ]
+    },
+    "FindProjectplanData": {
+        "proplanmap": {
+            "fd_r_sjdl": 2536,
+            "fd_r_jhdl": 1238,
+            "fd_y_sjdl": 6238,
+            "fd_y_jhdl": 5639,
+            "fd_n_sjdl": 25614,
+            "fd_n_jhdl": 3645,
+
+            "gf_r_sjdl": 1236,
+            "gf_r_jhdl": 1658,
+            "gf_y_sjdl": 6258,
+            "gf_y_jhdl": 5689,
+            "gf_n_sjdl": 25214,
+            "gf_n_jhdl": 35415,
+
+            "qy_r_sjdl": 2516,
+            "qy_r_jhdl": 1258,
+            "qy_y_sjdl": 6258,
+            "qy_y_jhdl": 5639,
+            "qy_n_sjdl": 25614,
+            "qy_n_jhdl": 36215
+        }
+    }
+
 }

+ 63 - 8
src/views/Home/index.vue

@@ -11,15 +11,14 @@
 
 <script>
     import Map from "./components/map.vue";
-    import MapBlue from "./components/map_blue.vue";
+    // import MapBlue from "./components/map_blue.vue";
     export default {
         name: "Home",
         data() {
             return {};
         },
         components: {
-            Map,
-            MapBlue
+            Map
         },
     };
 </script>
@@ -121,6 +120,46 @@
             max-width: 650px;
         }
 
+        .security-days[data-type~="greenSty"] {
+            .lineBox {
+                .num {
+                    color: @green;
+                }
+            }
+
+            .num {
+                color: @green;
+            }
+
+            .num1 {
+                color: @green;
+            }
+
+            .qty_value {
+                color: @green;
+            }
+        }
+
+        .security-days[data-type~="blueSty"] {
+            .lineBox {
+                .num {
+                    color: @darkBlue;
+                }
+            }
+
+            .num {
+                color: @darkBlue;
+            }
+
+            .num1 {
+                color: @darkBlue;
+            }
+
+            .qty_value {
+                color: @darkBlue;
+            }
+        }
+
         .security-days {
 
             // position: absolute;
@@ -138,7 +177,6 @@
             .num {
                 font-size: 35px;
                 font-family: Bicubik;
-                color: #05bb4c;
 
                 .unit {
                     font-size: 12px;
@@ -153,7 +191,6 @@
                 .unit-t {
                     font-size: 14px;
                     font-family: Adobe Heiti Std;
-                    color: #05bb4c;
                     margin-left: 5px;
                 }
             }
@@ -170,7 +207,6 @@
                     .font-num {
                         font-size: 16px;
                         font-family: Bicubik;
-                        color: #05bb4c;
                         margin: 0 5px;
                     }
 
@@ -190,6 +226,18 @@
             }
         }
 
+        .qjny-info[data-type~="greenSty"] {
+            .qty_value {
+                color: @green;
+            }
+        }
+
+        .qjny-info[data-type~="blueSty"] {
+            .qty_value {
+                color: @darkBlue;
+            }
+        }
+
         .qjny-info {
             // width: 406px;
             background: rgba(0, 0, 0, 0.3);
@@ -248,7 +296,6 @@
                 position: relative;
                 top: 26px;
                 left: -54px;
-                color: #05bb4c;
                 font-family: "AgencyFB-Reg";
                 font-weight: bold;
 
@@ -281,6 +328,14 @@
             }
         }
 
+        .switch-jrqk[data-type~="greenSty"] {
+            border: 1px solid #05bb4c;
+        }
+
+        .switch-jrqk[data-type~="blueSty"] {
+            border: 1px solid #1a93cf;
+        }
+
         .switch-jrqk {
             position: absolute;
             top: 40%;
@@ -292,7 +347,7 @@
             background: rgba(0, 0, 0, 0.3);
             border-radius: 8px;
             padding: 20px 10px;
-            border: 1px solid #05bb4c;
+
 
             >div {
                 margin-bottom: 10px;

+ 4 - 3
src/views/layout/Header.vue

@@ -280,9 +280,10 @@ export default {
       let jiami = encrypt(getCookie("jiami")).replace(/\+/g, " ");
 
       // let url = `http://192.168.1.104:80/#/check?username=${getCookie(
-      let url = `http://10.81.3.127:8083/#/check?username=${getCookie(
-        "username"
-      )}&jiami=${jiami}`;
+    //   let url = `http://10.81.3.127:8083/#/check?username=${getCookie(
+    //     "username"
+    //   )}&jiami=${jiami}`;
+    let url = "http://123.60.223.250:8000/login"
       window.open(url);
     },
   },

+ 24 - 28
src/views/report/stationReport/fczybb/index.vue

@@ -1,34 +1,30 @@
 <template>
-  <div style="height: 100%">
-    <iframe
-      :src="url"
-      width="100%"
-      height="100%"
-      frameborder="0"
-      scrolling="auto"
-    ></iframe>
-  </div>
+    <div style="height: 100%">
+        <iframe :src="url" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>
+    </div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      //   url: "http://10.81.3.155:8083/bi/ebipro/easyolap.do?action=edit&resid=EANA$2$8$1$cf794177cf764f258f8105c6d3b03f3c$7cf4ccc30f914f0b8925e2234780402e&id=admin&pw=admin&showmenu=false&showparams=true&calcnow=true"
-      url: "http://10.81.3.155:8083/bi/ebipro/easyolap.do?action=edit&resid=EANA$2$8$1$cf794177cf764f258f8105c6d3b03f3c$e1d9d8dd6f2447108ed563ac4ba427df&id=admin&pw=admin&showmenu=false&showparams=true&calcnow=true",
+    export default {
+        data() {
+            return {
+                //   url: "http://10.81.3.155:8083/bi/ebipro/easyolap.do?action=edit&resid=EANA$2$8$1$cf794177cf764f258f8105c6d3b03f3c$7cf4ccc30f914f0b8925e2234780402e&id=admin&pw=admin&showmenu=false&showparams=true&calcnow=true"
+                url: "http://123.60.219.66:8083/bi/ebibase/showreport.do?resid=EANA$2$2$1$041302f30436412d9ba78f161a6575f0$8e0637d590ce4fa2b3a26455a81895b2&id=admin&pw=admin&showmenu=false&showparams=true&calcnow=true",
+            };
+        },
     };
-  },
-};
 </script>
 <style lang="less" scope>
-@titleGray: #9ca5ab;
-@rowGray: #606769;
-@darkBack: #536268;
-.knowledge-2 {
-  .el-select {
-    width: 200px;
-  }
-  .el-input {
-    width: 200px;
-  }
-}
-</style>
+    @titleGray: #9ca5ab;
+    @rowGray: #606769;
+    @darkBack: #536268;
+
+    .knowledge-2 {
+        .el-select {
+            width: 200px;
+        }
+
+        .el-input {
+            width: 200px;
+        }
+    }
+</style>

+ 22 - 21
src/views/report/stationReport/fdczzdy/index.vue

@@ -1,28 +1,29 @@
 <template>
-  <div style="height:100%">
-    <iframe :src="url" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>
-  </div>
+    <div style="height:100%">
+        <iframe :src="url" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>
+    </div>
 </template>
 <script>
-export default {
-  data(){
-    return {
-      url: "http://10.81.3.155:8083/bi/ebipro/easyolap.do?action=edit&resid=EANA$2$8$1$a95c37e40d684dfc91cf61e9a67b22e3$9434e7e05656406194de4ca47cb31fa3&id=admin&pw=admin&showmenu=false&showparams=true&calcnow=true"
+    export default {
+        data() {
+            return {
+                url: "http://123.60.219.66:8083/bi/ebibase/showreport.do?resid=EANA$2$2$1$041302f30436412d9ba78f161a6575f0$621b7c14e4aa4a0483a8e577d8dc4cff&id=admin&pw=admin&showmenu=false&showparams=true&calcnow=true"
+            }
+        }
     }
-  }
-}
 </script>
 <style lang="less" scope>
-@titleGray: #9ca5ab;
-@rowGray: #606769;
-@darkBack: #536268;
-.knowledge-2 {
-  .el-select {
-    width: 200px;
-  }
-  .el-input {
-    width: 200px;
-  }
-}
-</style>
+    @titleGray: #9ca5ab;
+    @rowGray: #606769;
+    @darkBack: #536268;
 
+    .knowledge-2 {
+        .el-select {
+            width: 200px;
+        }
+
+        .el-input {
+            width: 200px;
+        }
+    }
+</style>

+ 24 - 27
src/views/report/stationReport/fdxnyrb/index.vue

@@ -1,33 +1,30 @@
 <template>
-  <div style="height: 100%">
-    <iframe
-      :src="url"
-      width="100%"
-      height="100%"
-      frameborder="0"
-      scrolling="auto"
-    ></iframe>
-  </div>
+    <div style="height: 100%">
+        <iframe :src="url" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>
+    </div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      url: "http://10.81.3.155:8083/bi/ebibase/showreport.do?resid=EANA$2$2$1$cf794177cf764f258f8105c6d3b03f3c$fe0158e8338649feac0e326451439e55&id=admin&pw=admin",
+    export default {
+        data() {
+            return {
+                //   url: "http://10.81.3.155:8083/bi/ebibase/showreport.do?resid=EANA$2$2$1$cf794177cf764f258f8105c6d3b03f3c$fe0158e8338649feac0e326451439e55&id=admin&pw=admin",
+                url: "http://123.60.219.66:8083/bi/ebibase/showreport.do?resid=EANA$2$2$1$041302f30436412d9ba78f161a6575f0$621b7c14e4aa4a0483a8e577d8dc4cff&id=admin&pw=admin"
+            };
+        },
     };
-  },
-};
 </script>
 <style lang="less" scope>
-@titleGray: #9ca5a8;
-@rowGray: #606769;
-@darkBack: #536268;
-.knowledge-2 {
-  .el-select {
-    width: 200px;
-  }
-  .el-input {
-    width: 200px;
-  }
-}
-</style>
+    @titleGray: #9ca5a8;
+    @rowGray: #606769;
+    @darkBack: #536268;
+
+    .knowledge-2 {
+        .el-select {
+            width: 200px;
+        }
+
+        .el-input {
+            width: 200px;
+        }
+    }
+</style>

+ 47 - 48
src/views/stateMonitor/factoryMonitor/photovoltaic/index.vue

@@ -1,62 +1,61 @@
 <template>
-  <div
-    style="
+    <div style="
       width: 100%;
       height: 100%;
       display: flex;
       justify-content: space-between;
       padding: 0 20px;
-    "
-  >
-    <div class="loghtPowerContent">
-      <router-view />
+    ">
+        <div class="loghtPowerContent">
+            <router-view />
+        </div>
+        <saliderBar :routerData="routerData" />
     </div>
-    <saliderBar :routerData="routerData" />
-  </div>
 </template>
 
 <script>
-import saliderBar from "@/views/stateMonitor/factoryMonitor/components/saliderBar";
-export default {
-  name: "photovoltaic", //光伏场站
-  components: {
-    saliderBar,
-  },
-  data() {
-    return {};
-  },
-  methods: {},
-  computed: {
-    routerData() {
-      let currData = [];
-      let stateRoutes = this.$store.state.routes.routes;
-      stateRoutes.forEach((route) => {
-        if (route.path == "/stateMonitor") {
-          route.children.forEach((croute) => {
-            if (croute.name == "photovoltaic") {
-              //   let a = croute.children.find(
-              //     (item) => item.path == "photovoltaic"
-              //   );
-              croute.children.forEach((child) => {
-                currData.push({
-                  icon: child.meta.icon,
-                  title: child.meta.title,
-                  path: child.path,
+    import saliderBar from "@/views/stateMonitor/factoryMonitor/components/saliderBar";
+    export default {
+        name: "photovoltaic", //光伏场站
+        components: {
+            saliderBar,
+        },
+        data() {
+            return {};
+        },
+        methods: {},
+        computed: {
+            routerData() {
+                let currData = [];
+                //   let stateRoutes = this.$store.state.routes.routes;
+                let stateRoutes = this.$router.options.routes
+                stateRoutes.forEach((route) => {
+                    if (route.path == "/stateMonitor") {
+                        route.children.forEach((croute) => {
+                            if (croute.name == "photovoltaic") {
+                                //   let a = croute.children.find(
+                                //     (item) => item.path == "photovoltaic"
+                                //   );
+                                croute.children.forEach((child) => {
+                                    currData.push({
+                                        icon: child.meta.icon,
+                                        title: child.meta.title,
+                                        path: child.path,
+                                    });
+                                });
+                            }
+                        });
+                    }
                 });
-              });
-            }
-          });
-        }
-      });
-      return currData;
-    },
-  },
-};
+                return currData;
+            },
+        },
+    };
 </script>
 
 <style lang="less" scoped>
-.loghtPowerContent {
-  height: 100%;
-  width: calc(100% - 60px);
-}
-</style>
+    .loghtPowerContent {
+        height: 100%;
+        width: calc(100% - 60px);
+    }
+</style>

+ 48 - 48
src/views/stateMonitor/factoryMonitor/windPowerPlant/index.vue

@@ -1,61 +1,61 @@
 <template>
-  <div
-    style="
+    <div style="
       width: 100%;
       height: 100%;
       display: flex;
       justify-content: space-between;
       padding: 0 20px;
-    "
-  >
-    <div class="windPowerContent">
-      <router-view :flag="flag" @alarmFlag="handleAlarm" />
+    ">
+        <div class="windPowerContent">
+            <router-view :flag="flag" @alarmFlag="handleAlarm" />
+        </div>
+        <saliderBar :routerData="routerData" />
     </div>
-    <saliderBar :routerData="routerData" />
-  </div>
 </template>
 
 <script>
-import saliderBar from "../components/saliderBar";
-export default {
-  name: "windPowerPlant", //风电场站
-  components: {
-    saliderBar,
-  },
-  data() {
-    return {};
-  },
-  methods: {},
-  computed: {
-    routerData() {
-      let currData = [];
-      let stateRoutes = this.$store.state.routes.routes;
-      stateRoutes.forEach((route) => {
-        if (route.path == "/stateMonitor") {
-          route.children.forEach((croute) => {
-            if (croute.name == "windPowerPlant") {
-              //   let a = croute.children.find(
-              //     (item) => item.path == "windPowerPlant"
-              //   );
-              croute.children.forEach((child) => {
-                currData.push({
-                  icon: child.meta.icon,
-                  title: child.meta.title,
-                  path: child.path,
+    import saliderBar from "../components/saliderBar";
+    export default {
+        name: "windPowerPlant", //风电场站
+        components: {
+            saliderBar,
+        },
+        data() {
+            return {};
+        },
+        methods: {},
+        computed: {
+            routerData() {
+                debugger
+                let currData = [];
+                // let stateRoutes = this.$store.state.routes.routes;
+                let stateRoutes = this.$router.options.routes
+                stateRoutes.forEach((route) => {
+                    if (route.path == "/stateMonitor") {
+                        route.children.forEach((croute) => {
+                            if (croute.name == "windPowerPlant") {
+                                //   let a = croute.children.find(
+                                //     (item) => item.path == "windPowerPlant"
+                                //   );
+                                croute.children.forEach((child) => {
+                                    currData.push({
+                                        icon: child.meta.icon,
+                                        title: child.meta.title,
+                                        path: child.path,
+                                    });
+                                });
+                            }
+                        });
+                    }
                 });
-              });
-            }
-          });
-        }
-      });
-      return currData;
-    },
-  },
-};
+                return currData;
+            },
+        },
+    };
 </script>
 <style>
-.windPowerContent {
-  height: 100%;
-  width: calc(100% - 60px);
-}
-</style>
+    .windPowerContent {
+        height: 100%;
+        width: calc(100% - 60px);
+    }
+</style>