LY fix

master/src/main/java/com/ruoyi/project/apply/controller/TApplyOfflinevalveController.java

@@ -397,7 +397,7 @@ public class TApplyOfflinevalveController extends BaseController {
     public Map<String, Object> getWordData(TApplyOfflinevalve tApplyOfflinevalve) {
         Map<String, Object> params = new HashMap<>();
         params.put("devNo", Texts.of(tApplyOfflinevalve.getDevNo()).fontSize(10).bold().create());
-        params.put("LockNo", Texts.of(tApplyOfflinevalve.getLockNo()).fontSize(10).bold().create());
+        params.put("lockNo", Texts.of(tApplyOfflinevalve.getLockNo()).fontSize(10).bold().create());
         params.put("unit", Texts.of(tApplyOfflinevalve.getUnit()).fontSize(10).bold().create());
         params.put("offlineReason", Texts.of(tApplyOfflinevalve.getOfflineReason()).fontSize(10).bold().create());
         params.put("safa", Texts.of(tApplyOfflinevalve.getSafa()).fontSize(10).bold().create());

master/src/main/java/com/ruoyi/project/apply/controller/TApplySafetychangeController.java

@@ -382,7 +382,7 @@ public class TApplySafetychangeController extends BaseController {
      */
     public Map<String, Object> getWordData(TApplySafetychange tApplySafetychange) {
         Map<String, Object> params = new HashMap<>();
-        params.put("LockNo", Texts.of(tApplySafetychange.getLockNo()).fontSize(10).bold().create());
+        params.put("lockNo", Texts.of(tApplySafetychange.getLockNo()).fontSize(10).bold().create());
         params.put("changeDescribe", Texts.of(tApplySafetychange.getChangeDescribe()).fontSize(10).bold().create());
         params.put("changeReason", Texts.of(tApplySafetychange.getChangeReason()).fontSize(10).bold().create());
         if (StringUtils.isNotEmpty(tApplySafetychange.getApplicant())) {//申请人

master/src/main/java/com/ruoyi/project/system/controller/SysLoginController.java

@@ -10,13 +10,16 @@ import java.security.spec.InvalidKeySpecException;
 import java.security.spec.X509EncodedKeySpec;
 import java.util.*;
 
+import com.alibaba.fastjson.JSON;
 import com.alibaba.fastjson.JSONObject;
 import com.ruoyi.common.utils.MessageUtils;
 import com.ruoyi.common.utils.SecurityUtils;
 import com.ruoyi.framework.manager.AsyncManager;
 import com.ruoyi.framework.manager.factory.AsyncFactory;
+import com.ruoyi.framework.web.controller.BaseController;
 import com.ruoyi.project.system.service.ISysUserService;
 import io.jsonwebtoken.*;
+import lombok.extern.flogger.Flogger;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.core.ParameterizedTypeReference;
 import org.springframework.http.*;
@@ -48,7 +51,7 @@ import static sun.security.x509.X509CertImpl.PUBLIC_KEY;
  * @author ruoyi
  */
 @RestController
-public class SysLoginController {
+public class SysLoginController extends BaseController {
     @Autowired
     private SysLoginService loginService;
 
@@ -169,7 +172,7 @@ public class SysLoginController {
 
         // 授权码
         String code = loginBody.getCode();
-
+        logger.info("code:" + code);
         // 1.1 构建请求头
         HttpHeaders headers = new HttpHeaders();
         headers.setContentType(MediaType.APPLICATION_FORM_URLENCODED);
@@ -201,6 +204,7 @@ public class SysLoginController {
                 HttpMethod.POST,
                 new HttpEntity<>(body, headers),
                 new ParameterizedTypeReference<AjaxResult>() {}); // 解决 CommonResult 的泛型丢失
+        logger.info(JSON.toJSONString(exchange));
         if (!exchange.getStatusCode().is2xxSuccessful()) {
             return AjaxResult.error("登录失败");
         }
@@ -234,4 +238,4 @@ public class SysLoginController {
 
         return ajax;
     }
-}
+}

ui/src/router/index.js

@@ -123,6 +123,20 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/process',
+    component: Layout,
+    hidden: true,
+    redirect: 'noredirect',
+    children: [
+      {
+        path: 'pfd',
+        component: (resolve) => require(['@/views/process/pfd/index'], resolve),
+        name: 'Profile',
+        meta: { title: 'pfd', icon: '' }
+      }
+    ]
+  },
   {
     path: '/dict',
     component: Layout,
@@ -561,7 +575,7 @@ export const constantRoutes = [
   // 2023-02 首页重构
   {
     path: '/BCCdashboardNew',
-    component: (resolve) => require(['@/views/monitor/elecNew/index'], resolve),
+    component: (resolve) => require(['@/views/monitor/bccHome'], resolve),
     hidden: true
   },
 ]

ui/src/views/front/materialBalanceHome.vue

@@ -0,0 +1,1455 @@
+<template>
+  <div id="materialBalance">
+    <!--<div class="bg-color-black">-->
+      <div class="d-flex pt-2 pl-2">
+        <span style="color:#5cd9e8">
+          <icon name="chart-bar"></icon>
+        </span>
+        <div class="d-flex">
+          <span class="fs-xl text mx-2">物料平衡表</span>
+        </div>
+      </div>
+      <div style="text-align: center; background-color: rgba($color: #ffffff, $alpha: 0.3);
+        height: 100%;">
+        <div class="layout">
+          <div class="layout_left" style="">
+            <div class="flex">
+                <span class="box_one">Nap</span>
+                <div class="arror_one">
+                    <p class="textOne">{{ dashboarddata.energyfeedNap }}</p>
+                    <img src="@/assets/img/arror1.png" class="arror1 move ar-animated">
+                </div>
+            </div>
+
+            <div class="flex">
+                <span class="box_one">乙烷</span>
+                <div class="arror_one">
+                    <p class="textOne">{{ dashboarddata.energyfeedYiwan }}</p>
+                    <img src="@/assets/img/arror1.png" class="arror1 move ar-animated" >
+                </div>
+            </div>
+
+            <div class="flex">
+                <span class="box_one">C5</span>
+                <div class="arror_one">
+                    <p class="textOne">{{ dashboarddata.energyfeedTanwu }}</p>
+                    <img src="@/assets/img/arror1.png" class="arror1 move ar-animated">
+                </div>
+            </div>
+
+            <div class="flex">
+                <span class="box_one">C6-C8</span>
+                <div class="arror_one">
+                    <p class="textOne">{{ dashboarddata.energyfeedTanliu }}</p>
+                    <img src="@/assets/img/arror1.png" class="arror1 move ar-animated">
+                </div>
+            </div>
+
+            <div class="flex">
+                <span class="box_one">LPG</span>
+                <div class="arror_one">
+                    <p class="textOne">{{ dashboarddata.energyfeedLpg }}</p>
+                    <img src="@/assets/img/arror1.png" class="arror1 move ar-animated">
+                </div>
+            </div>
+          </div>
+
+          <div class="layout_left">
+            <div class="box_two">
+                <div class="luziBox" @click="handleLuzi()">
+                      <img src="@/assets/img/luzi-blue.png"   v-if="0<=(this.status110) && (this.status110)<20">
+                      <img src="@/assets/img/luzi-yellow.png" v-if="20<=(this.status110) && (this.status110)<40">
+                      <img src="@/assets/img/luzi-red.png"    v-if="40<=(this.status110) && (this.status110)<60">
+                      <p class="text2">310-H-110</p>
+                </div>
+                <div class="luziBox">
+                      <img src="@/assets/img/luzi-blue.png"   v-if="0<=(this.status111) && (this.status111)<20">
+                      <img src="@/assets/img/luzi-yellow.png" v-if="20<=(this.status111) && (this.status111)<40">
+                      <img src="@/assets/img/luzi-red.png"    v-if="40<=(this.status111) && (this.status111)<60">
+                      <p class="text2">310-H-111</p>
+                </div>
+                <div class="luziBox">
+                      <img src="@/assets/img/luzi-blue.png"   v-if="0<=(this.status112) && (this.status112)<20">
+                      <img src="@/assets/img/luzi-yellow.png" v-if="20<=(this.status112) && (this.status112)<40">
+                      <img src="@/assets/img/luzi-red.png"    v-if="40<=(this.status112) && (this.status112)<60">
+                      <p class="text2">310-H-112</p>
+                </div>
+                <div class="luziBox">
+                      <img src="@/assets/img/luzi-blue.png"   v-if="0<=(this.status113) && (this.status113)<20">
+                      <img src="@/assets/img/luzi-yellow.png" v-if="20<=(this.status113) && (this.status113)<40">
+                      <img src="@/assets/img/luzi-red.png"    v-if="40<=(this.status113) && (this.status113)<60">
+                      <p class="text2">310-H-113</p>
+                </div>
+                <div class="luziBox">
+                      <img src="@/assets/img/luzi-blue.png"   v-if="0<=(this.status114) && (this.status114)<20">
+                      <img src="@/assets/img/luzi-yellow.png" v-if="20<=(this.status114) && (this.status114)<40">
+                      <img src="@/assets/img/luzi-red.png"    v-if="40<=(this.status114) && (this.status114)<60">
+                      <p class="text2">310-H-114</p>
+                </div>
+                <div class="luziBox">
+                      <img src="@/assets/img/luzi-blue.png"   v-if="0<=(this.status115) && (this.status115)<20">
+                      <img src="@/assets/img/luzi-yellow.png" v-if="20<=(this.status115) && (this.status115)<40">
+                      <img src="@/assets/img/luzi-red.png"    v-if="40<=(this.status115) && (this.status115)<60">
+                      <p class="text2">310-H-115</p>
+                </div>
+                <div class="luziBox">
+                      <img src="@/assets/img/luzi-blue.png"   v-if="0<=(this.status116) && (this.status116)<20">
+                      <img src="@/assets/img/luzi-yellow.png" v-if="20<=(this.status116) && (this.status116)<40">
+                      <img src="@/assets/img/luzi-red.png"    v-if="40<=(this.status116) && (this.status116)<60">
+                      <p class="text2">310-H-116</p>
+                </div>
+                <div class="luziBox">
+                      <img src="@/assets/img/luzi-blue.png"   v-if="0<=(this.status117) && (this.status117)<20">
+                      <img src="@/assets/img/luzi-yellow.png" v-if="20<=(this.status117) && (this.status117)<40">
+                      <img src="@/assets/img/luzi-red.png"    v-if="40<=(this.status117) && (this.status117)<60">
+                      <p class="text2">310-H-117</p>
+                </div>
+                <div class="luziBox">
+                      <img src="@/assets/img/luzi-blue.png"   v-if="0<=(this.status118) && (this.status118)<20">
+                      <img src="@/assets/img/luzi-yellow.png" v-if="20<=(this.status118) && (this.status118)<40">
+                      <img src="@/assets/img/luzi-red.png"    v-if="40<=(this.status118) && (this.status118)<60">
+                      <p class="text2">310-H-118</p>
+                </div>
+                <div class="luziBox">
+                      <img src="@/assets/img/luzi-blue.png"   v-if="0<=(this.status130) && (this.status130)<20">
+                      <img src="@/assets/img/luzi-yellow.png" v-if="20<=(this.status130) && (this.status130)<40">
+                      <img src="@/assets/img/luzi-red.png"    v-if="40<=(this.status130) && (this.status130)<60">
+                      <p class="text2">310-H-130</p>
+                </div>
+                <div class="luziBox">
+                      <img src="@/assets/img/luzi-blue.png"   v-if="0<=(this.status109A) && (this.status109A)<20">
+                      <img src="@/assets/img/luzi-yellow.png" v-if="20<=(this.status109A) && (this.status109A)<40">
+                      <img src="@/assets/img/luzi-red.png"    v-if="40<=(this.status109A) && (this.status109A)<60">
+                      <p class="text2">310-H-109A</p>
+                </div>
+                <div class="luziBox">
+                      <img src="@/assets/img/luzi-blue.png"   v-if="0<=(this.status109B) && (this.status109B)<20">
+                      <img src="@/assets/img/luzi-yellow.png" v-if="20<=(this.status109B) && (this.status109B)<40">
+                      <img src="@/assets/img/luzi-red.png"    v-if="40<=(this.status109B) && (this.status109B)<60">
+                      <p class="text2">310-H-109B</p>
+                </div>
+            </div>
+
+            <div class="furnace">Furnace</div>
+          </div>
+
+          <div class="layout_left">
+            <img src="@/assets/img/arror4.png" class="arror4 move ar-animated ar-delay-4s">
+          </div>
+          <div class="layout_left">
+            <div class="luzi2">
+                <div class="ebo2Box">EBO</div>
+                <div class="imgBox">
+
+                  <img src="@/assets/img/luzi2-img-arror2.png" class="luzi2-img2 move2 ar-animated">
+                  <img src="@/assets/img/arror4.png" class="arror4 luzi2-img3 move3 ar-animated">
+                  <img src="@/assets/img/arror4.png" class="arror4 luzi2-img4 move3 ar-animated">
+
+                  <img src="@/assets/img/arror5.png" class="arror5 luzi2-img8 move7 ar-animated">
+
+                  <img src="@/assets/img/arrorDown.png" class="arrorDown1 luzi2-img5 move4 ar-animated">
+                  <img src="@/assets/img/arrorDown.png" class="arrorDown1 luzi2-img6 move5 ar-animated">
+                  <img src="@/assets/img/arrorDown.png" class="arrorDown2 luzi2-img7 move6 ar-animated">
+
+                  <div class="xixian">
+                      <img src="@/assets/img/luzi2-img-arror1.png" class="luzi2-img1">
+                      <img src="@/assets/img/sanjiao.png" class="sanjiao1 move8 ar-animated">
+                  </div>
+
+                  <div class="xixian">
+                    <img src="@/assets/img/arror6.png" class="arror6">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao2 move9 ar-animated1">
+                  </div>
+
+                  <div class="xixian">
+                    <img src="@/assets/img/arror7.png" class="arror7">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao3 move10 ar-animated1">
+                  </div>
+
+                     <img src="@/assets/img/arror8.png" class="arror8">
+
+
+                  <div class="xixian">
+                    <img src="@/assets/img/arror9.png" class="arror9">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao4 move11 ar-animated">
+                  </div>
+
+                   <div class="xixian">
+                    <img src="@/assets/img/arror9.png" class="arror10">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao5 move12 ar-animated">
+                  </div>
+                   <div class="xixian">
+                    <img src="@/assets/img/arror9.png" class="arror11">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao6 move13 ar-animated">
+                  </div>
+                   <div class="xixian">
+                    <img src="@/assets/img/arror9.png" class="arror12">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao7 move14 ar-animated">
+                  </div>
+
+                   <div class="xixian">
+                    <img src="@/assets/img/arror10.png" class="arror13">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao8 move15 ar-animated">
+                  </div>
+                </div>
+
+                <div class="wordBox">
+                    <span class="location loc1">Compressor</span>
+                    <span class="location loc2">Cold Section</span>
+                    <span class="location loc3">Quech Section</span>
+                    <span class="location loc4">Depropanize</span>
+                    <span class="location loc5">Hot Section</span>
+                    <span class="location loc6">PGU</span>
+                    <span class="location loc7">C4 System</span>
+                    <span class="location loc8">AEU</span>
+
+
+                    <span class="location loc9">{{ dashboarddata.energyRpg }}</span>
+                </div>
+
+                <div class="elementBox elementBoxLoc1">
+                    <div class="box_one elementItem">RPG</div>
+                    <div class="box_one elementItem">H2</div>
+
+                </div>
+
+                <div class="elementBox elementBoxLoc2">
+                    <div class="box_one elementItem">Washoil</div>
+                    <div class="box_one elementItem">C5</div>
+                    <div class="box_one elementItem">RMA</div>
+                    <div class="box_one elementItem">C9</div>
+
+
+                    <div class="sekuaiBox">
+                      <span class="item blue pos1">
+                         {{ dashboarddata.energyWashoil }}
+                      </span>
+                      <span class="item red pos2">
+                         {{ dashboarddata.energyTanwu }}
+                      </span>
+                      <span class="item yellow pos3">
+                         {{ dashboarddata.energyIma }}
+                      </span>
+                      <span class="item blue pos4">
+                         {{ dashboarddata.energyCjiu }}
+                      </span>
+                    </div>
+                </div>
+
+
+                <div class="elementBox elementBoxLoc3">
+                    <div class="box_one elementItem">H2</div>
+                    <div class="box_one elementItem">C2H4</div>
+                    <div class="box_one elementItem">CH4</div>
+                    <div class="box_one elementItem">Offgas</div>
+                    <div class="box_one elementItem">LPG</div>
+                    <div class="box_one elementItem">C3H6</div>
+                    <div class="box_one elementItem">C4</div>
+                    <div class="box_one elementItem">Benzene</div>
+                    <div class="box_one elementItem">Toluene</div>
+                    <div class="box_one elementItem">Xylene</div>
+                    <div class="box_one elementItem">C6-C8 NA</div>
+
+
+                  <div class="xixian">
+                    <img src="@/assets/img/arror11.png" class="arror14">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao9 move16 ar-animated3">
+                  </div>
+                  <div class="xixian">
+                    <img src="@/assets/img/arror11.png" class="arror15">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao10 move16 ar-animated3">
+                  </div>
+                  <div class="xixian">
+                    <img src="@/assets/img/arror11.png" class="arror16">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao11 move16 ar-animated3">
+                  </div>
+
+                   <div class="xixian">
+                    <img src="@/assets/img/arror12.png" class="arror17">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao12 move17 ar-animated1">
+                  </div>
+
+                  <div class="xixian">
+                    <img src="@/assets/img/arror11.png" class="arror18">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao13 move16 ar-animated3">
+                  </div>
+
+                  <div class="xixian">
+                    <img src="@/assets/img/arror11.png" class="arror19">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao14 move16 ar-animated3">
+                  </div>
+
+                  <div class="xixian">
+                    <img src="@/assets/img/arror14.png" class="arror20">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao15 move16 ar-animated3">
+                  </div>
+
+                  <div class="xixian">
+                    <img src="@/assets/img/arror11.png" class="arror21">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao16 move16 ar-animated3">
+                  </div>
+
+                  <div class="xixian">
+                    <img src="@/assets/img/arror11.png" class="arror22">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao17 move16 ar-animated3">
+                  </div>
+
+                  <div class="xixian">
+                    <img src="@/assets/img/arror13.png" class="arror23">
+                    <img src="@/assets/img/sanjiao.png" class="sanjiao18 move16 ar-animated3">
+                  </div>
+
+
+                  <div class="sekuaiBox">
+                      <span class="item blue pos5">
+                         {{ dashboarddata.energyQingqi }}
+                      </span>
+                      <span class="item yellow pos6">
+                         {{ dashboarddata.energyYixi }}
+                      </span>
+                      <span class="item blue pos7">
+                         {{ dashboarddata.energyJiawan }}
+                      </span>
+                      <span class="item red pos8">
+                         {{ dashboarddata.energyOffgas }}
+                      </span>
+                      <span class="item yellow pos9">
+                         {{ dashboarddata.energyLpg }}
+                      </span>
+                      <span class="item blue pos10">
+                        {{ dashboarddata.energyBingxi }}
+                      </span>
+                      <span class="item red pos11">
+                         {{ dashboarddata.energyCsi }}
+                      </span>
+                      <span class="item blue pos12">
+                         {{ dashboarddata.energyBenzene }}
+                      </span>
+                      <span class="item yellow pos13">
+                         {{ dashboarddata.energyToluene }}
+                      </span>
+                      <span class="item blue pos14">
+                         {{ dashboarddata.energyXylene }}
+                      </span>
+                      <span class="item red pos15">
+                         {{ dashboarddata.energyTanliu }}
+                      </span>
+                  </div>
+
+                </div>
+
+                <div class="elementBox elementBoxLoc4">
+                    <div class="dizuo dizuoelementItem">TM</div>
+                    <div class="dizuo dizuoelementItem">TS</div>
+                    <div class="dizuo dizuoelementItem">EO/EG</div>
+                    <div class="dizuo dizuoelementItem">OXO</div>
+                    <div class="dizuo dizuoelementItem">YBS</div>
+                    <div class="dizuo dizuoelementItem">TM</div>
+
+
+                    <div class="dizuo dizuoelementItem">AA/AE</div>
+                    <div class="dizuo dizuoelementItem">GAA</div>
+                    <div class="dizuo dizuoelementItem">OXO</div>
+                    <div class="dizuo dizuoelementItem">YPC</div>
+                    <div class="dizuo dizuoelementItem">Logistic</div>
+                    <div class="dizuo dizuoelementItem">BD</div>
+
+                </div>
+
+                <div class="elementBox elementBoxLoc5">
+
+                  <img src="@/assets/img/arror15.png" class="arror24">
+
+                  <img src="@/assets/img/arror16.png" class="arror25">
+
+                  <img src="@/assets/img/arror17.png" class="arror26">
+
+                </div>
+
+            </div>
+          </div>
+        </div>
+      </div>
+  </div>
+</template>
+
+<script>
+  import { selectLast } from "@/api/aspen/dashboarddata";
+
+  export default {
+    name: "materialBalance",
+    props: ['dashboarddata'],
+    data () {
+      return {
+        status110: 15,
+        status111: 15,
+        status112: 15,
+        status113: 20,
+        status114: 15,
+        status115: 15,
+        status116: 45,
+        status117: 15,
+        status118: 20,
+        status130: 15,
+        status109A: 15,
+        status109B: 45,
+
+        // 查询参数
+        queryParams: {
+        },
+      }
+    },
+    created() {
+    },
+    methods: {
+      handleLuzi(){
+        this.$router.push({ path: '/process/pfd'});
+      }
+      /** 查询dashboard抓取数据列表 */
+      // getList()
+      // {
+      //   selectLast(this.queryParams).then(response => {
+      //     this.dashboarddata = response.data;
+      //   });
+      // }
+    }
+  }
+</script>
+
+<style lang="scss">
+#materialBalance{
+  width: 1400px;
+  height: 750px;
+}
+  .box_one{
+    width: 101px;
+    height: 55px;
+    background: url(../../assets/img/ebo.png);
+    background-size: 100% 100%;
+    margin-bottom: 20px;
+    font-size: 18px;
+    color: rgb(178, 201, 255);
+    display: flex;
+    align-content: center;
+    justify-content: center;
+    align-items: center;
+    padding-top: 5px;
+  }
+
+  .textOne{
+    font-size: 16px;
+    color: rgb(32, 99, 255);
+    text-align: center;
+
+  }
+  #materialBalance .layout .layout_left img.arror1{
+    width: 39px;
+    height: 18px;
+    padding-bottom: 0;
+    margin-bottom: 0;
+  }
+
+  .flex{
+    display: flex;
+  }
+  .box_two{
+    width: 240px;
+    height: 360px;
+    border: 1px dotted rgb(78, 128, 248);
+    margin-top: -6px;
+    margin-left: 10px;
+    display: flex;
+    flex-flow: wrap;
+  }
+
+  .arror_one{
+    margin-left: 10px;
+  }
+
+  #materialBalance .layout .layout_left .luziBox img{
+      width: 55px;
+      height: 62px;
+      margin-bottom: 0;
+      padding-bottom: 0;
+      margin-top: 10px;
+  }
+  .text2{
+    font-size: 12px;
+    color: rgb(178, 201, 255);
+    text-align: center;
+
+  }
+  .luziBox{
+    width: 33%;
+  }
+  .furnace {
+    font-size: 20px;
+    color: rgb(178, 201, 255);
+    text-align: center;
+    display: block;
+    width: 100%;
+    margin-top: 10px;
+  }
+#materialBalance .layout .layout_left img.arror4{
+  width: 54px;
+  height: 18px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  margin-top: 250px;
+}
+.luzi2{
+  background: url(../../assets/img/luzi2.png);
+  width: 720px;
+  height: 680px;
+  background-size: 100% 100%;
+  margin-left: -220px;
+  margin-top: -20px;
+  position: relative;
+}
+
+.luzi2 .ebo2Box{
+  background: url(../../assets/img/ebo2.png);
+  width: 77px;
+  height: 49px;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 8px;
+  left: 220px;
+  font-size: 18px;
+  color: rgb(178, 201, 255);
+  padding-top: 17px;
+}
+
+#materialBalance .layout .layout_left img.luzi2-img1{
+  width: 36px;
+  height: 168px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 55px;
+  left: 238px;
+}
+
+#materialBalance .layout .layout_left img.sanjiao1{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 55px;
+  left: 240px;
+}
+#materialBalance .layout .layout_left img.sanjiao2{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 444px;
+  left: 390px;
+  transform: rotate(-90deg);
+}
+
+#materialBalance .layout .layout_left img.sanjiao3{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 444px;
+  left: 520px;
+  transform: rotate(90deg);
+}
+
+#materialBalance .layout .layout_left img.sanjiao4{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 498px;
+  left: 130px;
+  transform: rotate(90deg);
+}
+
+#materialBalance .layout .layout_left img.sanjiao5{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 550px;
+  left: 130px;
+  transform: rotate(90deg);
+}
+
+#materialBalance .layout .layout_left img.sanjiao6{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 600px;
+  left: 130px;
+  transform: rotate(90deg);
+}
+#materialBalance .layout .layout_left img.sanjiao7{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 650px;
+  left: 130px;
+  transform: rotate(90deg);
+}
+
+#materialBalance .layout .layout_left img.sanjiao8{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 596px;
+  left: 346px;
+  transform: rotate(90deg);
+}
+#materialBalance .layout .layout_left img.sanjiao9{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 12px;
+  left: -90px;
+  transform: rotate(90deg);
+}
+
+#materialBalance .layout .layout_left img.sanjiao10{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 76px;
+  left: -90px;
+  transform: rotate(90deg);
+}
+#materialBalance .layout .layout_left img.sanjiao11{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 140px;
+  left: -90px;
+  transform: rotate(90deg);
+}
+
+#materialBalance .layout .layout_left img.sanjiao12{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 150px;
+  left: -150px;
+  transform: rotate(-180deg);
+}
+
+#materialBalance .layout .layout_left img.sanjiao13{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 260px;
+  left: -90px;
+  transform: rotate(90deg);
+}
+#materialBalance .layout .layout_left img.sanjiao14{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 320px;
+  left: -90px;
+  transform: rotate(90deg);
+}
+#materialBalance .layout .layout_left img.sanjiao15{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 440px;
+  left: -90px;
+  transform: rotate(90deg);
+}
+
+#materialBalance .layout .layout_left img.sanjiao16{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 500px;
+  left: -90px;
+  transform: rotate(90deg);
+}
+
+#materialBalance .layout .layout_left img.sanjiao17{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 560px;
+  left: -90px;
+  transform: rotate(90deg);
+}
+
+#materialBalance .layout .layout_left img.sanjiao18{
+  width: 33px;
+  height: 35px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 630px;
+  left: -90px;
+  transform: rotate(90deg);
+}
+
+#materialBalance .layout .layout_left img.luzi2-img2{
+  width: 104px;
+  height: 122px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 100px;
+  left: 270px;
+}
+
+#materialBalance .layout .layout_left img.luzi2-img3{
+  position: absolute;
+  top: 100px;
+  left: 570px;
+  margin-top: 0;
+}
+
+#materialBalance .layout .layout_left img.luzi2-img4{
+  position: absolute;
+  top: 280px;
+  left: 570px;
+  margin-top: 0;
+}
+
+#materialBalance .layout .layout_left img.arrorDown1{
+
+  margin-top: 0;
+  width: 18px;
+  height: 64px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+}
+
+#materialBalance .layout .layout_left img.arrorDown2{
+
+  margin-top: 0;
+  width: 18px;
+  height: 48px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+}
+#materialBalance .layout .layout_left img.luzi2-img5{
+  position: absolute;
+  top: 380px;
+  left: 250px;
+
+}
+
+#materialBalance .layout .layout_left img.luzi2-img6{
+  position: absolute;
+  top: 150px;
+  left: 470px;
+
+}
+
+#materialBalance .layout .layout_left img.luzi2-img7{
+  position: absolute;
+  top: 380px;
+  left: 470px;
+
+}
+
+#materialBalance .layout .layout_left img.arror5{
+  width: 87px;
+  height: 18px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+}
+
+#materialBalance .layout .layout_left img.luzi2-img8{
+  position: absolute;
+  top: 620px;
+  left: -90px;
+
+}
+
+#materialBalance .layout .layout_left img.arror6{
+  width: 581px;
+  height: 60px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+    top: 460px;
+    left: -170px;
+}
+
+#materialBalance .layout .layout_left img.arror7{
+  width: 273px;
+  height: 84px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 398px;
+  left: 537px;
+}
+
+#materialBalance .layout .layout_left img.arror8{
+  width: 118px;
+  height: 8px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 560px;
+  left: -110px;
+}
+#materialBalance .layout .layout_left img.arror9{
+  width: 121px;
+  height: 33px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 500px;
+  left: 130px;
+}
+#materialBalance .layout .layout_left img.arror10{
+  width: 121px;
+  height: 33px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 550px;
+  left: 130px;
+}
+#materialBalance .layout .layout_left img.arror11{
+  width: 121px;
+  height: 33px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 600px;
+  left: 130px;
+}
+#materialBalance .layout .layout_left img.arror12{
+  width: 121px;
+  height: 33px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 650px;
+  left: 130px;
+}
+
+#materialBalance .layout .layout_left img.arror13{
+  width: 260px;
+  height: 34px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 596px;
+  left: 346px;
+}
+
+#materialBalance .layout .layout_left img.arror14{
+  width: 80px;
+  height: 33px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 12px;
+  left: -90px;
+}
+
+
+#materialBalance .layout .layout_left img.arror15{
+  width: 80px;
+  height: 33px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 76px;
+  left: -90px;
+}
+#materialBalance .layout .layout_left img.arror16{
+  width: 80px;
+  height: 33px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 140px;
+  left: -90px;
+}
+#materialBalance .layout .layout_left img.arror17{
+  width: 129px;
+  height: 57px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 176px;
+  left: -136px;
+}
+
+#materialBalance .layout .layout_left img.arror18{
+  width: 80px;
+  height: 33px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 260px;
+  left: -90px;
+}
+
+#materialBalance .layout .layout_left img.arror19{
+  width: 80px;
+  height: 33px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 320px;
+  left: -90px;
+}
+#materialBalance .layout .layout_left img.arror20{
+  width: 152px;
+  height: 69px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 440px;
+  left: -160px;
+}
+#materialBalance .layout .layout_left img.arror21{
+  width: 80px;
+  height: 33px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 500px;
+  left: -90px;
+}
+#materialBalance .layout .layout_left img.arror22{
+  width: 80px;
+  height: 33px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 560px;
+  left: -90px;
+}
+#materialBalance .layout .layout_left img.arror23{
+  width: 166px;
+  height: 34px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 630px;
+  left: -172px;
+}
+
+
+
+#materialBalance .layout .layout_left img.arror24{
+  width: 98px;
+  height: 264px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 32px;
+  left: -93px;
+}
+
+#materialBalance .layout .layout_left img.arror25{
+  width: 98px;
+  height: 244px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 327px;
+  left: -93px;
+}
+
+#materialBalance .layout .layout_left img.arror26{
+  width: 70px;
+  height: 251px;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  position: absolute;
+  top: 387px;
+  left: -66px;
+}
+
+.wordBox{
+  width: 100%;
+  height: 100%;
+}
+.wordBox span{
+  font-size: 20px;
+  color: rgb(178, 201, 255);
+  text-align: center;
+  font-weight: bold;
+}
+.wordBox .location{
+  position: absolute;
+}
+
+.wordBox .location.loc1{
+    top: 135px;
+    left: 440px;
+}
+.wordBox .location.loc2{
+    top: 170px;
+    left: 590px;
+}
+
+.wordBox .location.loc3{
+    top: 365px;
+    left: 200px;
+}
+.wordBox .location.loc4{
+    top: 365px;
+    left: 420px;
+}
+.wordBox .location.loc5{
+    top: 365px;
+    left: 608px;
+}
+.wordBox .location.loc6{
+    top: 650px;
+    left: 40px;
+}
+.wordBox .location.loc7{
+    top: 580px;
+    left: 420px;
+}
+
+.wordBox .location.loc8{
+    top: 665px;
+    left: 630px;
+}
+
+.wordBox .location.loc9{
+    top: 540px;
+    left: -110px;
+    font-size: 16px;
+    color: rgb(32, 99, 255);
+}
+
+
+.wordBox .location.loc10{
+    top: 550px;
+    left: -50px;
+    font-size: 12px;
+    color: rgb(32, 99, 255);
+
+}
+
+.elementBox{
+    position: absolute;
+}
+.elementBox.elementBoxLoc1{
+  top: 530px;
+  left: -210px;
+}
+.elementBox.elementBoxLoc2{
+  top: 470px;
+  left: 250px;
+}
+.elementBox.elementBoxLoc3{
+  top: 14px;
+  left: 820px;
+}
+.elementBox.elementBoxLoc4{
+  top: 14px;
+  left: 1030px;
+}
+
+.elementBox.elementBoxLoc5{
+  top: 14px;
+  left: 1020px;
+}
+
+.elementBox .elementItem span{
+  transform: scale(.8,.8);
+}
+.elementBox.elementBoxLoc2 .box_one{
+  margin-bottom: auto;
+}
+.elementBox.elementBoxLoc3 .box_one{
+  margin-bottom: 6px;
+}
+
+#materialBalance .layout .layout_left{
+  padding-top: 0;
+}
+
+.sekuaiBox .item{
+  font-size: 16px;
+  font-weight: bold;
+  position: absolute;
+  &::after{
+    content: '';
+    display: block;
+    width: 40px;
+    height: 7px;
+
+  }
+}
+
+.sekuaiBox .item.pos1{
+  left: 100px;
+  top: 5px;
+}
+.sekuaiBox .item.pos2{
+  left: 100px;
+  top: 60px;
+}
+.sekuaiBox .item.pos3{
+  left: 100px;
+  top: 120px;
+}
+.sekuaiBox .item.pos4{
+  left: 100px;
+  top: 170px;
+}
+
+
+.sekuaiBox .item.pos5{
+  left: 95px;
+  top: 8px;
+}
+
+.sekuaiBox .item.pos6{
+  left: 95px;
+  top: 68px;
+}
+.sekuaiBox .item.pos7{
+  left: 95px;
+  top: 128px;
+}
+.sekuaiBox .item.pos8{
+  left: 95px;
+  top: 188px;
+}
+.sekuaiBox .item.pos9{
+  left: 95px;
+  top: 248px;
+}
+.sekuaiBox .item.pos10{
+  left: 95px;
+  top: 308px;
+}
+.sekuaiBox .item.pos11{
+  left: 95px;
+  top: 368px;
+}
+.sekuaiBox .item.pos12{
+  left: 95px;
+  top: 428px;
+}
+.sekuaiBox .item.pos13{
+  left: 95px;
+  top: 488px;
+}
+.sekuaiBox .item.pos14{
+  left: 95px;
+  top: 548px;
+}
+
+.sekuaiBox .item.pos15{
+  left: 95px;
+  top: 608px;
+}
+
+.sekuaiBox .item.blue{
+  color: rgb(32, 99, 255);
+  &::after{
+    background-color: rgb(32, 99, 255);
+  }
+}
+
+.sekuaiBox .item.red{
+  color: #f74f4e;
+  &::after{
+    background-color: #f74f4e;
+  }
+}
+
+.sekuaiBox .item.yellow{
+  color: #ffdb34;
+  &::after{
+    background-color: #ffdb34;
+  }
+}
+
+.dizuo{
+  width: 58px;
+  height: 36px;
+  background: url(../../assets/img/dizuo.png);
+  background-size: 100% 100%;
+  padding-top: 10px;
+  margin-bottom: 20px;
+}
+
+@keyframes move {
+	  0% {left: -50%;	 opacity: 0; }
+	  60% { left: 10%; opacity: 1 }
+	  100% {left: 50%;opacity: 0;}
+	}
+	.move{
+    -webkit-animation-name:move;
+    animation-name:move;
+    position:relative;
+  }
+
+@keyframes move2 {
+	  0% { opacity: 0; }
+    25% { opacity: 0.5;}
+	  50% { opacity: 1 }
+    75% { opacity: 0.5 }
+	  100% {opacity: 0;}
+	}
+	.move2{
+    -webkit-animation-name:move2;
+    animation-name:move2;
+  }
+
+
+@keyframes move3 {
+	  0% {left: 530px;	 opacity: 0; }
+	  50% { left: 550px; opacity: 1 }
+	  100% {left: 570px;opacity: 0;}
+	}
+	.move3{
+    -webkit-animation-name:move3;
+    animation-name:move3;
+  }
+
+
+  @keyframes move4 {
+	  0% {top: 360px;	 opacity: 0; }
+	  50% { top: 370px; opacity: 1 }
+	  100% {top: 380px;opacity: 0;}
+	}
+	.move4{
+    -webkit-animation-name:move4;
+    animation-name:move4;
+  }
+
+
+  @keyframes move5 {
+	  0% {top: 130px;	 opacity: 0; }
+	  50% { top: 140px; opacity: 1 }
+	  100% {top: 150px;opacity: 0;}
+	}
+	.move5{
+    -webkit-animation-name:move5;
+    animation-name:move5;
+  }
+
+
+  @keyframes move6 {
+	  0% {top: 360px;	 opacity: 0; }
+	  50% { top: 370px; opacity: 1 }
+	  100% {top: 380px;opacity: 0;}
+	}
+
+	.move6{
+    -webkit-animation-name:move6;
+    animation-name:move6;
+  }
+
+  @keyframes move7 {
+	  0% {left: -110px;	 opacity: 0; }
+	  50% { left: -100px; opacity: 1 }
+	  100% {left: -90px;opacity: 0;}
+	}
+
+	.move7{
+    -webkit-animation-name:move7;
+    animation-name:move7;
+  }
+
+@keyframes move8 {
+	  0% {top: 200px;	 opacity: 0; }
+    25% { top: 170px; opacity: .3; }
+	  50% { top: 140px; opacity: .5; }
+    75% { top: 110px; opacity: .7; }
+	  100% {top: 55px;opacity: 1;}
+	}
+
+	.move8{
+    -webkit-animation-name:move8;
+    animation-name:move8;
+  }
+
+  @keyframes move9 {
+	  0% {left: 390px;	 opacity: 0; }
+    75% { left: -170px;top: 444px; opacity: .7; transform: rotate(-180deg);}
+	  100% {left: -170px;top:490px; opacity: 1;transform: rotate(-180deg);}
+	}
+
+	.move9{
+    -webkit-animation-name:move9;
+    animation-name:move9;
+  }
+
+  @keyframes move10 {
+	  0% {left: 520px;	top:465px; opacity: 0; }
+    25% {left: 556px; top: 465px;	 opacity: .3; transform: rotate(0deg);}
+    50% { left: 556px;top: 398px; opacity: .7; transform: rotate(90deg);}
+	  100% {left: 768px;top:398px; opacity: 1;transform: rotate(90deg);}
+	}
+
+	.move10{
+    -webkit-animation-name:move10;
+    animation-name:move10;
+  }
+
+@keyframes move11 {
+	  0% {top: 498px;left: 130px;	 opacity: 0; }
+	  100% {left: 215px; opacity: 1;}
+	}
+
+	.move11{
+    -webkit-animation-name:move11;
+    animation-name:move11;
+  }
+
+
+@keyframes move12 {
+	  0% {top: 550px;left: 130px;	 opacity: 0; }
+	  100% {left: 215px; opacity: 1;}
+	}
+
+	.move12{
+    -webkit-animation-name:move12;
+    animation-name:move12;
+  }
+
+
+@keyframes move13 {
+	  0% {top: 600px;left: 130px;	 opacity: 0; }
+	  100% {left: 215px; opacity: 1;}
+	}
+
+	.move13{
+    -webkit-animation-name:move13;
+    animation-name:move13;
+  }
+
+
+@keyframes move14 {
+	  0% {top: 650px;left: 130px;	 opacity: 0; }
+	  100% {left: 215px; opacity: 1;}
+	}
+
+	.move14{
+    -webkit-animation-name:move14;
+    animation-name:move14;
+  }
+
+
+
+
+@keyframes move15 {
+	  0% {top: 596px;left: 346px;	 opacity: 0; }
+	  100% {left: 570px; opacity: 1;}
+	}
+
+	.move15{
+    -webkit-animation-name:move15;
+    animation-name:move15;
+  }
+@keyframes move16 {
+	  0% {left: -90px;	 opacity: 0; }
+	  100% {left: -50px; opacity: 1;}
+	}
+
+	.move16{
+    -webkit-animation-name:move16;
+    animation-name:move16;
+  }
+
+  @keyframes move17 {
+	  0% {top:150px;left:-150px;transform: rotate(-180deg); opacity: 0;}
+    25%{top:175px;left:-150px;transform: rotate(-270deg);}
+    50%{top:175px;left:-105px;transform: rotate(-180deg);}
+    75%{top:200px;left:-105px;transform: rotate(-270deg);}
+	  100% {top:200px;left:-40px;transform: rotate(-270deg);opacity: 1;}
+	}
+
+	.move17{
+    -webkit-animation-name:move17;
+    animation-name:move17;
+  }
+
+
+	.ar-animated{
+    -webkit-animation-duration:1.5s;
+    animation-duration:1.5s;
+    -webkit-animation-fill-mode:both;
+    animation-fill-mode:both;
+    animation-iteration-count:infinite;
+    -webkit-animation-iteration-count:infinite;
+    font-style:inherit;
+    -webkit-animation-timing-function:linear;
+    animation-timing-function:linear;}
+
+  .ar-animated1{
+    -webkit-animation-duration:3s;
+    animation-duration:3s;
+    -webkit-animation-fill-mode:both;
+    animation-fill-mode:both;
+    animation-iteration-count:infinite;
+    -webkit-animation-iteration-count:infinite;
+    font-style:inherit;
+    -webkit-animation-timing-function:linear;
+    animation-timing-function:linear;}
+
+
+
+
+  .ar-animated3{
+    -webkit-animation-duration:1s;
+    animation-duration:1s;
+    -webkit-animation-fill-mode:both;
+    animation-fill-mode:both;
+    animation-iteration-count:infinite;
+    -webkit-animation-iteration-count:infinite;
+    font-style:inherit;
+    -webkit-animation-timing-function:linear;
+    animation-timing-function:linear;}
+	.ar-delay-1s{animation-delay:0.1s;}
+	.ar-delay-2s{animation-delay:0.2s;}
+	.ar-delay-3s{animation-delay:0.3s;}
+	.ar-delay-4s{animation-delay:0.4s;}
+	.ar-delay-5s{animation-delay:0.5s;}
+	.ar-delay-6s{animation-delay:0.6s;}
+	.ar-delay-7s{animation-delay:0.7s;}
+	.ar-delay-8s{animation-delay:0.8s;}
+	.ar-delay-9s{animation-delay:0.9s;}
+	.ar-delay-10s{animation-delay:0.10s;}
+
+</style>

ui/src/views/index.vue

@@ -11,7 +11,7 @@
   // 原始首页
   // import homepage from "./monitor/elec/index";
   // 重构后首页
-  import homepage from "./monitor/elecNew/index";
+  import homepage from "./monitor/bccHome/index";
 
   import byxhome from "./byxhome";
   import semshome from "./sems/specanalysis/index";

ui/src/views/monitor/elecNew/index.vue → ui/src/views/monitor/bccHome/index.vue

@@ -184,7 +184,7 @@
   import bottomEnergy from "@/views/front/bottomEnergy";
   import bottomRight from "@/views/front/bottomRight";
   import frontTwo from "@/views/front/frontTwo";
-  import materialBalance from "@/views/front/materialBalance";
+  import materialBalance from "@/views/front/materialBalanceHome";
   import steamBalance from "@/views/front/steamBalance";
   import chartRight from "@/views/front/ChartRight";
   import napTank from "@/views/front/napTank";

ui/src/views/plant/staffmgr/index.vue

@@ -1303,4 +1303,7 @@
     width: 120px;
     height: 140px;
   }
+  .el-tag.el-tag--info {
+    color: #606266;
+  }
 </style>

ui/src/views/process/pfd/index.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="app-container" style="padding: 0 0 0 0">
+     待开发
+  </div>
+</template>
+
+<script>
+
+  export default {
+    name: "Pfd",
+    components: {
+    },
+    data() {
+      return {
+      }
+    },
+    methods: {
+    }
+  };
+</script>
+
+<style scoped>
+
+</style>