页面新增

src/views/IntegratedAlarm/safe/temperatureMonitoring/dataJson.json

@@ -1,4 +1,126 @@
 {
+    "fdjBoxArr": [
+        {
+            "name": "发电机绕组U1温度",
+            "code": "U1"
+        },
+        {
+            "name": "发电机绕组V1温度",
+            "code": "V1"
+        },
+        {
+            "name": "发电机绕组W1温度",
+            "code": "W1"
+        },
+        {
+            "name": "发电机绕组U2温度",
+            "code": "U2"
+        },
+        {
+            "name": "发电机绕组V2温度",
+            "code": "V2"
+        },
+        {
+            "name": "发电机绕组W2温度",
+            "code": "W2"
+        },
+        {
+            "name": "发电机轴承a温度",
+            "code": "a"
+        },
+        {
+            "name": "发电机轴承b温度",
+            "code": "b"
+        }
+    ],
+    "clxBoxArr": [
+        {
+            "name": "油温",
+            "code": "yw"
+        },
+        {
+            "name": "输入轴1温度",
+            "code": "z1"
+        },
+        {
+            "name": "输入轴2温度",
+            "code": "z2"
+        },
+        {
+            "name": "入口油温",
+            "code": "rkyw"
+        }
+    ],
+    "bjxtBoxArr": [
+        {
+            "name": "电池柜1温度",
+            "code": "dcg1"
+        },
+        {
+            "name": "电池柜2温度",
+            "code": "dcg2"
+        },
+        {
+            "name": "电池柜3温度",
+            "code": "dcg3"
+        },
+        {
+            "name": "变桨轮毂温度",
+            "code": "bjlgwd"
+        }
+    ],
+    "yyzBoxArr": [
+        {
+            "name": "温度",
+            "code": "wd"
+        },
+        {
+            "name": "压力",
+            "code": "yl"
+        }
+    ],
+    "zzBoxArr": [
+        {
+            "name": "主轴齿轮箱侧温度",
+            "code": "zzclx"
+        },
+        {
+            "name": "主轴叶轮侧温度",
+            "code": "zzylx"
+        }
+    ],
+    "fjzdBoxArr": [
+        {
+            "name": "机舱振动有效值",
+            "code": "jczdyxz"
+        },
+        {
+            "name": "机舱震动X轴",
+            "code": "jczdX"
+        },
+        {
+            "name": "机舱震动Y轴",
+            "code": "jczdY"
+        }
+    ],
+    "qtBoxArr": [
+        {
+            "name": "环境温度",
+            "code": "hjwd"
+        },
+        {
+            "name": "机舱温度",
+            "code": "jcwd"
+        },
+        {
+            "name": "塔底柜温度",
+            "code": "tdgwd"
+        },
+        {
+            "name": "机舱柜内温度",
+            "code": "jcgnwd"
+        }
+    ],
     "data": [
         {
             "stationid": "SXJ_KGDL_XWT_FDC_STA",

src/views/IntegratedAlarm/safe/temperatureMonitoring/index.vue

@@ -31,26 +31,143 @@
         <div class="leftContent" :data-type="$store.state.moreSty">
             <span>{{ pageTitle }}</span>
         </div>
-        <el-tabs v-model="activeTab">
-            <el-tab-pane label="发电机" name="1"> </el-tab-pane>
-            <el-tab-pane label="齿轮箱" name="2"> </el-tab-pane>
-        </el-tabs>
+        <div class="table-main">
+            <el-tabs v-model="activeTab">
+                <el-tab-pane label="发电机" name="1"> 
+                    <div class="comBox_sty" style="width: 100%;">
+                        <div class="comBox" v-for="(item, index) in 28" :key="index">
+                            <div class="comBox_tit">
+                                <span>风机编号：A01</span>
+                            </div>
+                            <div class="comBox_main">
+                                <div class="comBox_main_it" v-for="it in fdjBoxArr" :key="it.code">
+                                    <span>{{it.name}}</span>
+                                    <span>52.1</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </el-tab-pane>
+                <el-tab-pane label="齿轮箱" name="2"> 
+                    <div class="comBox_sty" style="width: 100%;">
+                        <div class="comBox" v-for="(item, index) in 28" :key="index">
+                            <div class="comBox_tit">
+                                <span>风机编号：A01</span>
+                            </div>
+                            <div class="comBox_main">
+                                <div class="comBox_main_it" v-for="it in clxBoxArr" :key="it.code">
+                                    <span>{{it.name}}</span>
+                                    <span>52.1</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </el-tab-pane>
+                <el-tab-pane label="变桨系统" name="3"> 
+                    <div class="comBox_sty" style="width: 100%;">
+                        <div class="comBox" v-for="(item, index) in 28" :key="index">
+                            <div class="comBox_tit">
+                                <span>风机编号：A01</span>
+                            </div>
+                            <div class="comBox_main">
+                                <div class="comBox_main_it" v-for="it in bjxtBoxArr" :key="it.code">
+                                    <span>{{it.name}}</span>
+                                    <span>52.1</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </el-tab-pane>
+                <el-tab-pane label="液压站" name="4"> 
+                    <div class="comBox_sty" style="width: 100%;">
+                        <div class="comBox" v-for="(item, index) in 28" :key="index">
+                            <div class="comBox_tit">
+                                <span>风机编号：A01</span>
+                            </div>
+                            <div class="comBox_main">
+                                <div class="comBox_main_it" v-for="it in yyzBoxArr" :key="it.code">
+                                    <span>{{it.name}}</span>
+                                    <span>52.1</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </el-tab-pane>
+                <el-tab-pane label="主轴" name="5"> 
+                    <div class="comBox_sty" style="width: 100%;">
+                        <div class="comBox" v-for="(item, index) in 28" :key="index">
+                            <div class="comBox_tit">
+                                <span>风机编号：A01</span>
+                            </div>
+                            <div class="comBox_main">
+                                <div class="comBox_main_it" v-for="it in zzBoxArr" :key="it.code">
+                                    <span>{{it.name}}</span>
+                                    <span>52.1</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </el-tab-pane>
+                <el-tab-pane label="风机震动" name="6"> 
+                    <div class="comBox_sty" style="width: 100%;">
+                        <div class="comBox" v-for="(item, index) in 28" :key="index">
+                            <div class="comBox_tit">
+                                <span>风机编号：A01</span>
+                            </div>
+                            <div class="comBox_main">
+                                <div class="comBox_main_it" v-for="it in fjzdBoxArr" :key="it.code">
+                                    <span>{{it.name}}</span>
+                                    <span>52.1</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </el-tab-pane>
+                <el-tab-pane label="其他参数" name="7"> 
+                    <div class="comBox_sty" style="width: 100%;">
+                        <div class="comBox" v-for="(item, index) in 28" :key="index">
+                            <div class="comBox_tit">
+                                <span>风机编号：A01</span>
+                            </div>
+                            <div class="comBox_main">
+                                <div class="comBox_main_it" v-for="it in qtBoxArr" :key="it.code">
+                                    <span>{{it.name}}</span>
+                                    <span>52.1</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+        
     </div>
   </div>
 </template>
 
 <script>
+import dataJson from "./dataJson.json"
 export default {
-  name: "temperatureMonitoring",
-  data() {
-    return {
-        pageTitle: "温度监控",
-        stationId: "",
-        stationList: "",
-        activeTab: "1"
-    }
-  },
-  methods: {},
+    name: "temperatureMonitoring",
+    data() {
+        return {
+            pageTitle: "温度监控",
+            stationId: "",
+            stationList: "",
+            activeTab: "1",
+            fdjBoxArr: dataJson.fdjBoxArr,
+            clxBoxArr: dataJson.clxBoxArr,
+            bjxtBoxArr: dataJson.bjxtBoxArr,
+            yyzBoxArr: dataJson.yyzBoxArr,
+            zzBoxArr: dataJson.zzBoxArr,
+            fjzdBoxArr: dataJson.fjzdBoxArr,
+            qtBoxArr: dataJson.qtBoxArr,
+        }
+    },
+    mounted() {
+        
+    },
+    methods: {},
 };
 </script>
 
@@ -133,6 +250,46 @@ export default {
       text-align: right;
       margin-top: 10px;
     }
+    .table-main{
+        .comBox_sty{
+            width: 100%;
+            height: 86vh;
+            overflow-y: auto;
+            .comBox{
+                width: 19%;
+                display: inline-block;
+                border: 1px solid #474747;
+                margin-right: 1%;
+                margin-bottom: 20px;
+                .comBox_tit{
+                    text-align: center;
+                    background-color: rgba(90, 90, 90, 0.2);
+                    color: #adadad;
+                    height: 30px;
+                    line-height: 30px;
+                }
+                .comBox_main{
+                    .comBox_main_it{
+                        color: #adadad;
+                        height: 30px;
+                        line-height: 30px;
+                        border-top: 1px solid #474747;
+                        span{
+                            &:nth-child(1) {
+                                display: inline-block;
+                                width: 55%;
+                                border-right: 1px solid #474747;
+                                padding-right: 20px;
+                                height: 30px;
+                                line-height: 30px;
+                                margin: 0 10px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
   }
 }
 </style>

src/views/economicsOperation/benchmarkingManagement/loseRate/index.vue

@@ -151,7 +151,26 @@
     </div>
     <div class="bodys" v-if="!displayDetail">
       <div class="line">
-        <div class="leftContent"><span>五项损失率</span></div>
+        <div class="leftContent"><span>{{selectValue}}</span></div>
+        <div class="search-right">
+            <img class="select-back" src="@assets/imgs/select-back.png" />
+            <div class="title-select">
+            <el-select
+                v-model="selectValue"
+                placeholder="请选择"
+                @change="getselectData()"
+                clearable
+            >
+                <el-option
+                v-for="item in selectList"
+                :key="item.name"
+                :label="item.name"
+                :value="item.name"
+                >
+                </el-option>
+            </el-select>
+            </div>
+        </div>
       </div>
       <div class="economicTable">
         <el-table
@@ -370,6 +389,27 @@ export default {
         currentPage: 1,
         total: 0,
       },
+      selectValue: "五项损失率",
+      selectList: [
+        {
+            name: "五项损失率",
+        },
+        {
+          name: "故障损失率",
+        },
+        {
+          name: "检修损失率",
+        },
+        {
+          name: "限电损失率",
+        },
+        {
+          name: "受累损失率",
+        },
+        {
+          name: "性能损失率",
+        },
+      ],
     };
   },
   created() {
@@ -417,6 +457,9 @@ export default {
       }
       //   this.gerWxssl();
     },
+    getselectData() {
+        
+    },
     initialization() {
         this.dataChange(dataJson.data)
       companys().then(({ data: res }) => {
@@ -915,6 +958,21 @@ export default {
       margin-left: 25px;
     }
   }
+  .search-right {
+      position: relative;
+      top: -3px;
+
+      .select-back {
+        position: absolute;
+        right: 5px;
+        top: 0px;
+        z-index: 0;
+      }
+
+      .title-select {
+        z-index: 2;
+      }
+    }
 }
 
 .economicTable {

vue.config.js

@@ -91,7 +91,7 @@ module.exports = {
   chainWebpack: (config) => {
     config.resolve.symlinks(true); // 修复热更新失效
     config.plugin("html").tap((args) => {
-      args[0].title = "发电场站生产实时运营管理平台";
+      args[0].title = "国电电力山西新能源有限公司";
 
       return args;
     });