添加明细矩阵中光伏电站的日照强度

src/main.js

@@ -6,7 +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/dist/index.css';
+import 'element-plus/lib/theme-chalk/index.css';
 import locale from 'element-plus/lib/locale/lang/zh-cn';
 
 // 引入环境配置

src/router/index.js

@@ -99,7 +99,7 @@ const routes = [{
 			import( /* webpackChunkName: "generalappearance" */
 				"../views/WindSite/pages/GeneralAppearance.vue"),
 	},
-	]
+	] 
 },
 {
 	path: "/monitor/lightmatrix", // 光伏明细矩阵

src/views/LightMatrix1/LightMatrix1.vue

@@ -131,24 +131,45 @@
     </Row>
     <div class="panel-box">
       <div v-for="(pItem, pIndex) in sourceMap.fjmap" :key="pIndex">
-        <div class="panel-title">
+        <div class="panel-title" v-if="sourceMap.fjmap[pIndex][0].wpId.includes('FDC')">
           <div class="panel-title-name">
             <i class="svg-icon svg-icon-sm svg-icon-green">
               <SvgIcon :svgid="'svg-wind-site'"></SvgIcon>
             </i>
             <span>{{
               sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId].name ||
-              "------"
+                "------"
             }}</span>
             <div
               class="sub-title-item"
               v-for="(fcItem, fcIndex) in fcStateArray"
               :key="fcIndex"
-            >
-              <span class="sub-title">{{ fcItem.text }}</span>
-              <span class="sub-count" :class="fcItem.color">{{
-                sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId][fcItem.key]
-              }}</span>
+            > 
+                <span class="sub-title">{{ fcItem.text }}</span>
+                <span class="sub-count" :class="fcItem.color">{{
+                  sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId][fcItem.key]
+                }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="panel-title" v-if="sourceMap.fjmap[pIndex][0].wpId.includes('GDC')">
+          <div class="panel-title-name">
+            <i class="svg-icon svg-icon-sm svg-icon-green">
+              <SvgIcon :svgid="'svg-wind-site'"></SvgIcon>
+            </i>
+            <span>{{
+              sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId].name ||
+                "------"
+            }}</span>
+            <div
+              class="sub-title-item"
+              v-for="(fcItem, fcIndex) in fcStateArray1"
+              :key="fcIndex"
+            > 
+                <span class="sub-title">{{ fcItem.text }}</span>
+                <span class="sub-count" :class="fcItem.color">{{
+                  sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId][fcItem.key]
+                }}</span>
             </div>
           </div>
         </div>
@@ -275,6 +296,83 @@ export default {
           key: "agccxyg",
         },
       ],
+      fcStateArray1: [
+        {
+          text: "接入台数",
+          color: "write",
+          key: "jrts",
+        },
+        {
+          text: "待机台数",
+          color: "green",
+          key: "djts",
+        },
+        {
+          text: "并网台数",
+          color: "blue",
+          key: "yxts",
+        },
+        {
+          text: "限电台数",
+          color: "purple",
+          key: "xdts",
+        },
+        {
+          text: "故障台数",
+          color: "red",
+          key: "gzts",
+        },
+        {
+          text: "检修台数",
+          color: "orange",
+          key: "whts",
+        },
+        {
+          text: "受累台数",
+          color: "write",
+          key: "slts",
+        },
+        {
+          text: "离线台数",
+          color: "gray",
+          key: "lxts",
+        },
+        {
+          text: "日照强度",
+          color: "gray",
+          key: "ssfs",
+        },
+        {
+          text: "预测功率",
+          color: "gray",
+          key: "ycgl",
+        },
+        {
+          text: "保证功率",
+          color: "gray",
+          key: "bzgl",
+        },
+        {
+          text: "应发功率",
+          color: "gray",
+          key: "yfgl",
+        },
+        {
+          text: "实际功率",
+          color: "gray",
+          key: "sjgl",
+        },
+        {
+          text: "AGC指令",
+          color: "gray",
+          key: "agcygsd",
+        },
+        {
+          text: "出线功率",
+          color: "gray",
+          key: "agccxyg",
+        },
+      ],
     };
   },
 
@@ -303,10 +401,10 @@ export default {
     // 切换显示种类
     changeShow(category, fjzt, skipFill) {
       if (!skipFill) {
-        console.log('!skipFill:',!skipFill)
+        console.log("!skipFill:", !skipFill);
         if (this.fillCategory === category) {
-          console.log('fillCategory:',this.fillCategory)
-          console.log('fillFjz:',this.fillFjzt)
+          console.log("fillCategory:", this.fillCategory);
+          console.log("fillFjz:", this.fillFjzt);
           this.fillCategory = null;
           this.fillFjzt = null;
         } else {
@@ -318,9 +416,9 @@ export default {
       let fjmap = this.BASE.deepCopy(this.sourceMap.fjmap);
 
       fjmap.forEach((pEle) => {
-        console.log('pele:',pEle)
+        console.log("pele:", pEle);
         pEle.forEach((cEle) => {
-          console.log('cele:',cEle)
+          console.log("cele:", cEle);
           cEle.isShow = true;
           if (!this.fillCategory) {
             cEle.isShow = true;
@@ -349,7 +447,7 @@ export default {
         subUrl: "matrix/matrixPush",
         success(res) {
           if (res) {
-            console.log('resmap:',res)
+            console.log("resmap:", res);
             let sourceMap = res.data;
             let fjmap = [];
             for (let key in sourceMap) {
@@ -365,7 +463,7 @@ export default {
               }
             }
             that.sourceMap = sourceMap;
-            console.log('sourceMap:',that.sourceMap)
+            console.log("sourceMap:", that.sourceMap);
             if (that.fillCategory) {
               that.changeShow(that.fillCategory, that.fillFjzt, true);
             }
@@ -583,6 +681,7 @@ export default {
         .sub-title-item {
           display: flex;
           flex: 1;
+          justify-content: center;
 
           .sub-title {
             flex: 0 0 auto;
@@ -700,6 +799,7 @@ export default {
   }
   .curStyle {
     cursor: pointer;
+    text-align: center;
   }
 }
 </style>