通风系统组态图

src/router/index.js

@@ -28,7 +28,7 @@ export default new Router({
                 component: () =>
                     import('../views/mining/Monitor/Index.vue'),
                 hidden: true,
-    
+
             }]
 
         }, {
@@ -79,11 +79,11 @@ export default new Router({
             children: [
                 {
                     path: 'zutai',
-                  
+
                     hidden: false,
                     component: () => import('../views/tunnelling/zutai.vue'),
                 }
-               
+
             ],
 
         },
@@ -531,14 +531,6 @@ export default new Router({
             component: () =>
                 import('../views/personnel_location/dataStandard/dataQualityMeasurePoint.vue'),
         },
-        {
-            id: 112,
-            name: '术语表',
-            path: '/term',
-            hidden: false,
-            component: () =>
-                import('../views/term/term.vue'),
-        },
         ]
     },
 

src/views/Home.vue

@@ -196,7 +196,6 @@ export default {
         109: require("@/assets/img/109.png"),
         110: require("@/assets/img/110.png"),
         111: require("@/assets/img/111.png"),
-        112: require("@/assets/img/112.png"),
       },
       imgApp: {
         200: require("@/assets/img/200.png"),

src/views/term/term.vue

@@ -1,161 +0,0 @@
-<template>
-    <el-container style="border: 1px solid #eee">
-        <el-aside width="300px">
-            <el-input v-model="filterText" placeholder="搜索术语"></el-input>
-            <div class="warpper">
-                <el-tree class="filter-tree" node-key="id" :data="treeData" :props="defaultProps"
-                    :filter-node-method="filterNode" @node-click="getTermDetail" ref="tree" highlight-current="true">
-                </el-tree>
-            </div>
-        </el-aside>
-
-        <el-container>
-            <el-main>
-                <el-table :data="tableData" style="width: 100%">
-                    <el-table-column prop="name" label="名字"> </el-table-column>
-                    <el-table-column prop="owner" label="拥有者"> </el-table-column>
-                    <el-table-column prop="description" label="描述"> </el-table-column>
-                    <el-table-column prop="typeName" label="类型"> </el-table-column>
-                    <el-table-column prop="classificationNames" label="分类">
-                    </el-table-column>
-                </el-table>
-            </el-main>
-        </el-container>
-    </el-container>
-</template>
-
-<script>
-    import axios from "axios";
-    import qs from "qs";
-
-    export default {
-        watch: {
-            filterText(val) {
-                this.$refs.tree.filter(val);
-            },
-        },
-        data() {
-            return {
-                filterText: "",
-                tableData: [],
-                treeData: [],
-                defaultProps: {
-                    children: "children",
-                    label: "label",
-                },
-            };
-        },
-        created() {
-            const instance = axios.create();
-            instance({
-                url: "/metadata/j_spring_security_check",
-                method: "post",
-                withCredentials: true,
-                headers: {
-                    "Accept": "*/*",
-                    "Content-Type": "application/x-www-form-urlencoded; charset=utf-8",
-                },
-                data: qs.stringify({
-                    j_username: "admin",
-                    j_password: "admin",
-                }),
-            });
-        },
-        mounted() {
-            const instance = axios.create();
-            instance({
-                url: "/metadata/api/atlas/v2/glossary",
-                method: "get",
-                withCredentials: true,
-                headers: {
-                    "Accept": "*/*"
-                },
-            }).then(({ data }) => {
-                data.forEach((element) => {
-                    // console.log(element);
-                    var node = {};
-                    var children = [];
-                    node["id"] = element.guid;
-                    node["label"] = element.name;
-
-                    element.terms.forEach((item) => {
-                        var childrenNode = {};
-                        childrenNode["id"] = item.termGuid;
-                        childrenNode["label"] = item.displayText;
-                        children.push(childrenNode);
-                    });
-                    node["children"] = children;
-                    this.treeData.push(node);
-                    // console.log(this.treeData);
-                });
-            });
-        },
-        methods: {
-            // 过滤
-            filterNode(value, data) {
-                if (!value) return true;
-                return data.label.indexOf(value) !== -1;
-            },
-            // 获取术语具体信息
-            getTermDetail(data, node) {
-                this.$refs.tree.setCurrentKey(data.id);
-                if (!data.children) {
-                    const termName = data.label + "@" + node.parent.data.label;
-                    const instance = axios.create();
-                    instance({
-                        url: "/metadata/api/atlas/v2/search/basic",
-                        method: "post",
-                        withCredentials: true,
-                        headers: {
-                            "Accept": "*/*",
-                            "Content-Type": "application/json",
-                        },
-                        data: JSON.stringify({
-                            excludeDeletedEntities: true,
-                            includeClassificationAttributes: true,
-                            includeSubClassifications: true,
-                            includeSubTypes: true,
-                            termName,
-                        }),
-                    }).then(({ data }) => {
-                        console.log("res", data);
-                        this.tableData = [];
-                        if (data.entities) {
-                            data.entities.forEach((item) => {
-                                var node = {};
-                                node["name"] = item.attributes.name;
-                                node["owner"] = item.attributes.owner;
-                                node["typeName"] = item.typeName;
-                                node["classificationNames"] = item.classificationNames.toString();
-                                node["description"] = "";
-                                this.tableData.push(node);
-                            });
-                        }
-                    });
-                }
-            },
-        },
-    };
-</script>
-
-<style>
-    .el-header {
-        background-color: #b3c0d1;
-        color: #333;
-        line-height: 60px;
-    }
-
-    .el-aside {
-        line-height: 100px;
-        color: #333;
-        height: 900px;
-    }
-
-    .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
-        background-color: #38bb9b !important;
-    }
-
-    .el-tree-node:focus>.el-tree-node__content {
-        background-color: rgb(158, 213, 250) !important;
-    }
-</style>

src/views/ventilate/configImg/configImg.vue

@@ -0,0 +1,330 @@
+<template>
+  <div class="main">
+    <el-container>
+      <el-header>
+        <div class="image">
+          <h2>通风系统系统图</h2>
+          <img src="@/assets/img/风机组态图.png" />
+        </div>
+      </el-header>
+      <el-main>
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <div class="center">
+              <h2>一号风机运行参数</h2>
+              <table>
+                <tr>
+                  <th><img src="@/assets/img/柱形图.png" />1级电机参数</th>
+                  <th><img src="@/assets/img/柱形图.png" />2级电机风机</th>
+                  <th><img src="@/assets/img/柱形图.png" />管道风量参数</th>
+                </tr>
+                <tr>
+                  <td>
+                    电压Uab: <span>{{ fan1.motor1[0] }}</span> V
+                  </td>
+                  <td>
+                    电压Uab: <span>{{ fan1.motor2[0] }}</span> V
+                  </td>
+                  <td>
+                    风流: <span>{{ fan1.pipeline[0] }}</span> m³/s
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    电压Ubc: <span>{{ fan1.motor1[1] }}</span> V
+                  </td>
+                  <td>
+                    电压Ubc: <span>{{ fan1.motor2[1] }}</span> V
+                  </td>
+                  <td>
+                    风速: <span>{{ fan1.pipeline[1] }}</span> m/s
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    电压Uac: <span>{{ fan1.motor1[2] }}</span> V
+                  </td>
+                  <td>
+                    电压Uac: <span>{{ fan1.motor2[2] }}</span> V
+                  </td>
+                  <td>
+                    全压: <span>{{ fan1.pipeline[2] }}</span> Pa
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    电流IA: <span>{{ fan1.motor1[3] }}</span> A
+                  </td>
+                  <td>
+                    电流IA: <span>{{ fan1.motor2[3] }}</span> A
+                  </td>
+                  <td>
+                    静压: <span>{{ fan1.pipeline[4] }}</span> Pa
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    电流IB: <span>{{ fan1.motor1[4] }}</span> A
+                  </td>
+                  <td>
+                    电流IC: <span>{{ fan1.motor2[4] }}</span> A
+                  </td>
+                  <td>
+                    动压: <span>{{ fan1.pipeline[4] }}</span> Pa
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    绕组1温度: <span>{{ fan1.motor1[5] }}</span> ℃
+                  </td>
+                  <td>
+                    绕组1温度: <span>{{ fan1.motor2[5] }}</span> ℃
+                  </td>
+                  <td>
+                    水平风门: <span>{{ fan1.pipeline[5] }}</span>
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    绕组2温度: <span>{{ fan1.motor1[6] }}</span> ℃
+                  </td>
+                  <td>
+                    绕组2温度: <span>{{ fan1.motor2[6] }}</span> ℃
+                  </td>
+                  <td>
+                    垂直风门: <span>{{ fan1.pipeline[6] }}</span>
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    前轴温度: <span>{{ fan1.motor1[7] }}</span> ℃
+                  </td>
+                  <td>
+                    后轴温度: <span>{{ fan1.motor2[7] }}</span> ℃
+                  </td>
+                  <td></td>
+                </tr>
+                <tr>
+                  <td>
+                    水平震动: <span>{{ fan1.motor1[8] }}</span> um/s
+                  </td>
+                  <td>
+                    垂直震动: <span>{{ fan1.motor2[8] }}</span> um/s
+                  </td>
+                  <td></td>
+                </tr>
+                <tr>
+                  <td>
+                    运行频率: <span>{{ fan1.motor1[9] }}</span> w
+                  </td>
+                  <td>
+                    运行频率: <span>{{ fan1.motor2[9] }}</span> w
+                  </td>
+                  <td></td>
+                </tr>
+              </table>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="center">
+              <h2>二号风机运行参数</h2>
+              <table>
+                <tr>
+                  <th><img src="@/assets/img/柱形图.png" />1级电机参数</th>
+                  <th><img src="@/assets/img/柱形图.png" />2级电机风机</th>
+                  <th><img src="@/assets/img/柱形图.png" />管道风量参数</th>
+                </tr>
+                <tr>
+                  <td>
+                    电压Uab: <span>{{ fan2.motor1[0] }}</span> V
+                  </td>
+                  <td>
+                    电压Uab: <span>{{ fan2.motor2[0] }}</span> V
+                  </td>
+                  <td>
+                    风流: <span>{{ fan2.pipeline[0] }}</span> m³/s
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    电压Ubc: <span>{{ fan2.motor1[1] }}</span> V
+                  </td>
+                  <td>
+                    电压Ubc: <span>{{ fan2.motor2[1] }}</span> V
+                  </td>
+                  <td>
+                    风速: <span>{{ fan2.pipeline[1] }}</span> m/s
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    电压Uac: <span>{{ fan2.motor1[2] }}</span> V
+                  </td>
+                  <td>
+                    电压Uac: <span>{{ fan2.motor2[2] }}</span> V
+                  </td>
+                  <td>
+                    全压: <span>{{ fan2.pipeline[2] }}</span> Pa
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    电流IA: <span>{{ fan2.motor1[3] }}</span> A
+                  </td>
+                  <td>
+                    电流IA: <span>{{ fan2.motor2[3] }}</span> A
+                  </td>
+                  <td>
+                    静压: <span>{{ fan2.pipeline[4] }}</span> Pa
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    电流IB: <span>{{ fan2.motor1[4] }}</span> A
+                  </td>
+                  <td>
+                    电流IC: <span>{{ fan2.motor2[4] }}</span> A
+                  </td>
+                  <td>
+                    动压: <span>{{ fan2.pipeline[4] }}</span> Pa
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    绕组1温度: <span>{{ fan2.motor1[5] }}</span> ℃
+                  </td>
+                  <td>
+                    绕组1温度: <span>{{ fan2.motor2[5] }}</span> ℃
+                  </td>
+                  <td>
+                    水平风门: <span>{{ fan2.pipeline[5] }}</span>
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    绕组2温度: <span>{{ fan2.motor1[6] }}</span> ℃
+                  </td>
+                  <td>
+                    绕组2温度: <span>{{ fan2.motor2[6] }}</span> ℃
+                  </td>
+                  <td>
+                    垂直风门: <span>{{ fan2.pipeline[6] }}</span>
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    前轴温度: <span>{{ fan2.motor1[7] }}</span> ℃
+                  </td>
+                  <td>
+                    后轴温度: <span>{{ fan2.motor2[7] }}</span> ℃
+                  </td>
+                  <td></td>
+                </tr>
+                <tr>
+                  <td>
+                    水平震动: <span>{{ fan2.motor1[8] }}</span> um/s
+                  </td>
+                  <td>
+                    垂直震动: <span>{{ fan2.motor2[8] }}</span> um/s
+                  </td>
+                  <td></td>
+                </tr>
+                <tr>
+                  <td>
+                    运行频率: <span>{{ fan2.motor1[9] }}</span> w
+                  </td>
+                  <td>
+                    运行频率: <span>{{ fan2.motor2[9] }}</span> w
+                  </td>
+                  <td></td>
+                </tr>
+              </table>
+            </div>
+          </el-col>
+        </el-row>
+      </el-main>
+    </el-container>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      fan1: {
+        motor1: new Array(10).fill(1),
+        motor2: new Array(10).fill(1),
+        pipeline: new Array(7).fill(1),
+      },
+      fan2: {
+        motor1: new Array(10).fill(2),
+        motor2: new Array(10).fill(2),
+        pipeline: new Array(7).fill(2),
+      },
+    };
+  },
+};
+</script>
+
+<style scoped>
+.main {
+  width: 100%;
+  height: 850px;
+  background-image: linear-gradient(
+    to right,
+    rgb(6, 19, 60) 0%,
+    rgb(1, 22, 105) 50%,
+    rgb(6, 19, 60) 100%
+  );
+  position: relative;
+}
+.image {
+  /* background-color: black; */
+  height: 300px;
+}
+.image img {
+  margin-left: 160px;
+  margin-top: -80px;
+  width: auto;
+  height: 300px;
+}
+.image h2 {
+  text-align: center;
+  font-size: 40px;
+  color: #4adefe;
+}
+.center {
+  width: 100%;
+  height: 540px;
+  margin-top: 220px;
+  background: url("../../../assets/img/tunneling/dataBg.png") no-repeat;
+  background-size: 100%;
+}
+.center h2 {
+  text-align: center;
+  font-size: 30px;
+  color: #4adefe;
+  margin-bottom: -10px;
+}
+.center table {
+  width: 98%;
+  text-align: center;
+  min-height: 500px;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+.center span {
+  color: #f3db5c;
+}
+.center img {
+  height: 20px;
+}
+.center th {
+  font-size: 20px;
+  color: #4adefe;
+}
+.center td {
+  font-size: 15px;
+  color: #4adefe;
+}
+</style>

src/views/ventilate/configImg/zutai.vue

@@ -1,31 +1,24 @@
 <template>
-
-  <body>
-    <div
-      class="app"
-      id="app"
-    >
+  <div>
+    <div class="app" id="app">
       <div class="top">
         <ul>
           <li class="li0">第四组</li>
           <li class="li1">煤矿主通风集中监控系统</li>
           <li class="li2">当前用户:</li>
-          <li class="li3">{{nowDate}}&nbsp;&nbsp;{{nowTime}}</li>
+          <li class="li3">{{ nowDate }}&nbsp;&nbsp;{{ nowTime }}</li>
         </ul>
       </div>
       <div class="btngroup">
-        <el-button
-          class="fengji1"
-          @click="viewFengjiDetailed(1)"
-        >1号风机</el-button>
-        <el-button
-          class="fengji2"
-          @click="viewFengjiDetailed(2)"
-        >2号风机</el-button>
-
+        <el-button class="fengji1" @click="viewFengjiDetailed(1)"
+          >1号风机</el-button
+        >
+        <el-button class="fengji2" @click="viewFengjiDetailed(2)"
+          >2号风机</el-button
+        >
       </div>
       <div class="image">
-        <img src="@/assets/img/风机组态图.png">
+        <img src="@/assets/img/风机组态图.png" />
       </div>
     </div>
     <div class="bottom">
@@ -33,58 +26,58 @@
         <p>一号风机运行参数</p>
         <table>
           <tr>
-            <th><img src="@/assets/img/柱形图.png">1级电机参数</th>
-            <th><img src="@/assets/img/柱形图.png">2级电机风机</th>
-            <th><img src="@/assets/img/柱形图.png">管道风量参数</th>
+            <th><img src="@/assets/img/柱形图.png" />1级电机参数</th>
+            <th><img src="@/assets/img/柱形图.png" />2级电机风机</th>
+            <th><img src="@/assets/img/柱形图.png" />管道风量参数</th>
           </tr>
           <tr>
-            <td>电压Uab: {{uab_1}} V</td>
-            <td>电压Uab: {{uab_2}} V</td>
-            <td>风流: {{wind_volume}} m³/s</td>
+            <td>电压Uab: {{ uab_1 }} V</td>
+            <td>电压Uab: {{ uab_2 }} V</td>
+            <td>风流: {{ wind_volume }} m³/s</td>
           </tr>
           <tr>
-            <td>电压Ubc: {{ubc_1}} V</td>
-            <td>电压Ubc: {{ubc_2}} V</td>
-            <td>风速: {{wind_speed}} m/s</td>
+            <td>电压Ubc: {{ ubc_1 }} V</td>
+            <td>电压Ubc: {{ ubc_2 }} V</td>
+            <td>风速: {{ wind_speed }} m/s</td>
           </tr>
           <tr>
-            <td>电压Uac: {{uca_1}} V</td>
-            <td>电压Uac: {{uca_2}} V</td>
-            <td>全压: {{full_pressure}} Pa</td>
+            <td>电压Uac: {{ uca_1 }} V</td>
+            <td>电压Uac: {{ uca_2 }} V</td>
+            <td>全压: {{ full_pressure }} Pa</td>
           </tr>
           <tr>
-            <td>电流IA: {{ia_1}} A</td>
-            <td>电流IA: {{ia_2}} A</td>
-            <td>静压: {{static_pressure}} Pa</td>
+            <td>电流IA: {{ ia_1 }} A</td>
+            <td>电流IA: {{ ia_2 }} A</td>
+            <td>静压: {{ static_pressure }} Pa</td>
           </tr>
           <tr>
-            <td>电流IB: {{ib_1}} A</td>
-            <td>电流IC: {{ib_2}} A</td>
-            <td>动压: {{dynamic_pressure}} Pa</td>
+            <td>电流IB: {{ ib_1 }} A</td>
+            <td>电流IC: {{ ib_2 }} A</td>
+            <td>动压: {{ dynamic_pressure }} Pa</td>
           </tr>
           <tr>
-            <td>绕组1温度: {{temperature_1_1}} ℃</td>
-            <td>绕组1温度: {{temperature_1_2}} ℃</td>
-            <td>水平风门: {{horizontal_airdoor}} </td>
+            <td>绕组1温度: {{ temperature_1_1 }} ℃</td>
+            <td>绕组1温度: {{ temperature_1_2 }} ℃</td>
+            <td>水平风门: {{ horizontal_airdoor }}</td>
           </tr>
           <tr>
-            <td>绕组2温度: {{temperature_2_1}} ℃</td>
-            <td>绕组2温度: {{temperature_2_2}} ℃</td>
-            <td>垂直风门: {{vertical_airdoor}} </td>
+            <td>绕组2温度: {{ temperature_2_1 }} ℃</td>
+            <td>绕组2温度: {{ temperature_2_2 }} ℃</td>
+            <td>垂直风门: {{ vertical_airdoor }}</td>
           </tr>
           <tr>
-            <td>前轴温度: {{front_axle_temperature_1}} ℃</td>
-            <td>后轴温度: {{front_axle_temperature_2}} ℃</td>
+            <td>前轴温度: {{ front_axle_temperature_1 }} ℃</td>
+            <td>后轴温度: {{ front_axle_temperature_2 }} ℃</td>
             <td></td>
           </tr>
           <tr>
-            <td>水平震动: {{horizontal_vibration_1}} um/s</td>
-            <td>垂直震动: {{vertical_vibration}} um/s</td>
+            <td>水平震动: {{ horizontal_vibration_1 }} um/s</td>
+            <td>垂直震动: {{ vertical_vibration }} um/s</td>
             <td></td>
           </tr>
           <tr>
-            <td>运行频率: {{operating_frequency_1}} w</td>
-            <td>运行频率: {{operating_frequency_2}} w</td>
+            <td>运行频率: {{ operating_frequency_1 }} w</td>
+            <td>运行频率: {{ operating_frequency_2 }} w</td>
             <td></td>
           </tr>
         </table>
@@ -93,73 +86,67 @@
         <p>二号风机运行参数</p>
         <table>
           <tr>
-            <th><img src="@/assets/img/柱形图.png">1级电机参数</th>
-            <th><img src="@/assets/img/柱形图.png">2级电机参数</th>
-            <th><img src="@/assets/img/柱形图.png">管道风量参数</th>
+            <th><img src="@/assets/img/柱形图.png" />1级电机参数</th>
+            <th><img src="@/assets/img/柱形图.png" />2级电机参数</th>
+            <th><img src="@/assets/img/柱形图.png" />管道风量参数</th>
           </tr>
           <tr>
-            <td>电压Uab: {{uab_12}} V</td>
-            <td>电压Uab: {{uab_22}} V</td>
-            <td>风流: {{wind_volume2}} m³/s</td>
+            <td>电压Uab: {{ uab_12 }} V</td>
+            <td>电压Uab: {{ uab_22 }} V</td>
+            <td>风流: {{ wind_volume2 }} m³/s</td>
           </tr>
           <tr>
-            <td>电压Ubc: {{ubc_12}} V</td>
-            <td>电压Ubc: {{ubc_22}} V</td>
-            <td>风速: {{wind_speed2}} m/s</td>
+            <td>电压Ubc: {{ ubc_12 }} V</td>
+            <td>电压Ubc: {{ ubc_22 }} V</td>
+            <td>风速: {{ wind_speed2 }} m/s</td>
           </tr>
           <tr>
-            <td>电压Uac: {{uca_12}} V</td>
-            <td>电压Uac: {{uca_22}} V</td>
-            <td>全压: {{full_pressure2}} Pa</td>
+            <td>电压Uac: {{ uca_12 }} V</td>
+            <td>电压Uac: {{ uca_22 }} V</td>
+            <td>全压: {{ full_pressure2 }} Pa</td>
           </tr>
           <tr>
-            <td>电流IA: {{ia_12}} A</td>
-            <td>电流IA: {{ia_22}} A</td>
-            <td>静压: {{static_pressure2}} Pa</td>
+            <td>电流IA: {{ ia_12 }} A</td>
+            <td>电流IA: {{ ia_22 }} A</td>
+            <td>静压: {{ static_pressure2 }} Pa</td>
           </tr>
           <tr>
-            <td>电流IB: {{ib_1}} A</td>
-            <td>电流IC: {{ib_2}} A</td>
-            <td>动压: {{dynamic_pressure}} Pa</td>
+            <td>电流IB: {{ ib_1 }} A</td>
+            <td>电流IC: {{ ib_2 }} A</td>
+            <td>动压: {{ dynamic_pressure }} Pa</td>
           </tr>
           <tr>
-            <td>绕组1温度: {{temperature_1_12}} ℃</td>
-            <td>绕组1温度: {{temperature_1_22}} ℃</td>
-            <td>水平风门: {{horizontal_airdoor2}} </td>
+            <td>绕组1温度: {{ temperature_1_12 }} ℃</td>
+            <td>绕组1温度: {{ temperature_1_22 }} ℃</td>
+            <td>水平风门: {{ horizontal_airdoor2 }}</td>
           </tr>
           <tr>
-            <td>绕组2温度: {{temperature_2_12}} ℃</td>
-            <td>绕组2温度: {{temperature_2_22}} ℃</td>
-            <td>垂直风门: {{vertical_airdoor2}} </td>
+            <td>绕组2温度: {{ temperature_2_12 }} ℃</td>
+            <td>绕组2温度: {{ temperature_2_22 }} ℃</td>
+            <td>垂直风门: {{ vertical_airdoor2 }}</td>
           </tr>
           <tr>
-            <td>前轴温度: {{front_axle_temperature_12}} ℃</td>
-            <td>后轴温度: {{front_axle_temperature_22}} ℃</td>
+            <td>前轴温度: {{ front_axle_temperature_12 }} ℃</td>
+            <td>后轴温度: {{ front_axle_temperature_22 }} ℃</td>
             <td></td>
           </tr>
           <tr>
-            <td>水平震动: {{horizontal_vibration_12}} um/s</td>
-            <td>垂直震动: {{vertical_vibration2}} um/s</td>
+            <td>水平震动: {{ horizontal_vibration_12 }} um/s</td>
+            <td>垂直震动: {{ vertical_vibration2 }} um/s</td>
             <td></td>
           </tr>
           <tr>
-            <td>运行频率: {{operating_frequency_12}} w</td>
-            <td>运行频率: {{operating_frequency_22}} w</td>
+            <td>运行频率: {{ operating_frequency_12 }} w</td>
+            <td>运行频率: {{ operating_frequency_22 }} w</td>
             <td></td>
           </tr>
         </table>
       </div>
     </div>
-    </div>
-
-  </body>
+  </div>
 </template>
-    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
-	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
-  	<script>
-import axios from "axios";
+<script>
 export default {
-  //el:'#app',
   data() {
     return {
       nowDate: "", // 当前日期
@@ -229,223 +216,10 @@ export default {
       remote_ip: "10.170.53.164",
     };
   },
-  methods: {
-    dealWithTime(data) {
-      // 获取当前时间
-      let formatDateTime;
-      let Y = data.getFullYear();
-      let M = data.getMonth() + 1;
-      let D = data.getDate();
-      let H = data.getHours();
-      let Min = data.getMinutes();
-      let S = data.getSeconds();
-      H = H < 10 ? "0" + H : H;
-      Min = Min < 10 ? "0" + Min : Min;
-      S = S < 10 ? "0" + S : S;
-      this.nowDate = Y + "/" + M + "/" + D;
-      this.nowTime = H + ":" + Min + ":" + S;
-      // formatDateTime = Y + "/" + M + "/" + D + H + ":" + Min + ":" + S;
-    },
-    go() {
-      alert("GG");
-    },
-    // somedata1() {
-    //   var that = this;
-    //   axios
-    //     .get("http://" + this.remote_ip + ":8088/hbase/monitor/feng1dian1")
-    //     .then(function (response) {
-    //       // console.log(response.data[0].uab);
-    //       // console.log(response);
-    //       if (that.value1 == 99) that.value1 = 0;
-    //       var i = that.value1;
-    //       that.uab_1 = response.data[i].uab;
-    //       that.ubc_1 = response.data[i].ubc;
-    //       that.uca_1 = response.data[i].uca;
-    //       that.ia_1 = response.data[i].ia;
-    //       that.ib_1 = response.data[i].ib;
-    //       that.temperature_1_1 = response.data[i].temperature_1;
-    //       that.temperature_2_1 = response.data[i].temperature_2;
-    //       that.front_axle_temperature_1 =
-    //         response.data[i].front_axle_temperature;
-    //       that.horizontal_vibration_1 = response.data[i].horizontal_vibration;
-    //       that.operating_frequency_1 = response.data[i].operating_frequency;
-    //       that.value1++;
-    //     })
-    //     .catch(function (err) {});
-    // },
-    // somedata2() {
-    //   var that = this;
-    //   axios
-    //     .get("http://" + this.remote_ip + ":8088/hbase/monitor/feng1dian2")
-    //     .then(function (response) {
-    //       // console.log(response.data[0].uab);
-    //       // console.log(response);
-    //       if (that.value2 == 99) that.value2 = 0;
-    //       var i = that.value2;
-    //       that.uab_2 = response.data[i].uab;
-    //       that.ubc_2 = response.data[i].ubc;
-    //       that.uca_2 = response.data[i].uca;
-    //       that.ia_2 = response.data[i].ia;
-    //       that.ib_2 = response.data[i].ib;
-    //       that.temperature_1_2 = response.data[i].temperature_1;
-    //       that.temperature_2_2 = response.data[i].temperature_2;
-    //       that.front_axle_temperature_2 =
-    //         response.data[i].front_axle_temperature;
-    //       that.vertical_vibration = response.data[i].vertical_vibration;
-    //       that.operating_frequency_2 = response.data[i].operating_frequency;
-    //       that.value2++;
-    //     })
-    //     .catch(function (err) {});
-    // },
-    // somedata3() {
-    //   var that = this;
-    //   axios
-    //     .get("http://" + this.remote_ip + ":8088/hbase/monitor/feng1pipeline")
-    //     .then(function (response) {
-    //       // console.log(response.data[0].uab);
-    //       // console.log(response);
-    //       if (that.value3 == 99) that.value2 = 0;
-    //       var i = that.value2;
-    //       that.wind_volume = response.data[i].wind_volume;
-    //       that.wind_speed = response.data[i].wind_speed;
-    //       that.full_pressure = response.data[i].full_pressure;
-    //       that.static_pressure = response.data[i].static_pressure;
-    //       that.dynamic_pressure = response.data[i].dynamic_pressure;
-    //       that.horizontal_airdoor = response.data[i].horizontal_airdoor;
-    //       that.vertical_airdoor = response.data[i].vertical_airdoor;
-    //       that.value3++;
-    //     })
-    //     .catch(function (err) {});
-    // },
-    // somedata4() {
-    //   var that = this;
-    //   axios
-    //     .get("http://" + this.remote_ip + ":8088/hbase/monitor/feng2dian1")
-    //     .then(function (response) {
-    //       // console.log(response.data[0].uab);
-    //       // console.log(response);
-    //       if (that.value4 == 99) that.value4 = 0;
-    //       var i = that.value4;
-    //       that.uab_12 = response.data[i].uab;
-    //       that.ubc_12 = response.data[i].ubc;
-    //       that.uca_12 = response.data[i].uca;
-    //       that.ia_12 = response.data[i].ia;
-    //       that.ib_12 = response.data[i].ib;
-    //       that.temperature_1_12 = response.data[i].temperature_1;
-    //       that.temperature_2_12 = response.data[i].temperature_2;
-    //       that.front_axle_temperature_12 =
-    //         response.data[i].front_axle_temperature;
-    //       that.horizontal_vibration_12 = response.data[i].horizontal_vibration;
-    //       that.operating_frequency_12 = response.data[i].operating_frequency;
-    //       that.value4++;
-    //     })
-    //     .catch(function (err) {});
-    // },
-    // somedata5() {
-    //   var that = this;
-    //   axios
-    //     .get("http://" + this.remote_ip + ":8088/hbase/monitor/feng2dian2")
-    //     .then(function (response) {
-    //       // console.log(response.data[0].uab);
-    //       // console.log(response);
-    //       if (that.value5 == 99) that.value5 = 0;
-    //       var i = that.value5;
-    //       that.uab_22 = response.data[i].uab;
-    //       that.ubc_22 = response.data[i].ubc;
-    //       that.uca_22 = response.data[i].uca;
-    //       that.ia_22 = response.data[i].ia;
-    //       that.ib_22 = response.data[i].ib;
-    //       that.temperature_1_22 = response.data[i].temperature_1;
-    //       that.temperature_2_22 = response.data[i].temperature_2;
-    //       that.front_axle_temperature_22 =
-    //         response.data[i].front_axle_temperature;
-    //       that.vertical_vibration2 = response.data[i].vertical_vibration;
-    //       that.operating_frequency_22 = response.data[i].operating_frequency;
-    //       that.value5++;
-    //     })
-    //     .catch(function (err) {});
-    // },
-    viewFengjiDetailed(id) {
-      if (id == 1) {
-        this.$router.push({
-          path: "/ventilate/mven_one_sysData",
-        });
-      } else {
-        this.$router.push({
-          path: "/ventilate/mven_two_sysData",
-        });
-      }
-    },
-    somedata6() {
-      var that = this;
-      axios
-        .get("http://" + this.remote_ip + ":8088/hbase/monitor/feng2pipeline")
-        .then(function (response) {
-          // console.log(response.data[0].uab);
-          // console.log(response);
-          if (that.value6 == 99) that.value6 = 0;
-          var i = that.value6;
-          that.wind_volume2 = response.data[i].wind_volume;
-          that.wind_speed2 = response.data[i].wind_speed;
-          that.full_pressure2 = response.data[i].full_pressure;
-          that.static_pressure2 = response.data[i].static_pressure;
-          that.dynamic_pressure2 = response.data[i].dynamic_pressure;
-          that.horizontal_airdoor2 = response.data[i].horizontal_airdoor;
-          that.vertical_airdoor2 = response.data[i].vertical_airdoor;
-          that.value6++;
-        })
-        .catch(function (err) {});
-    },
-  },
-  mounted() {
-    // 页面加载完后显示当前时间
-    this.dealWithTime(new Date());
-    // 定时刷新时间
-    this.timer = setInterval(() => {
-      this.dealWithTime(new Date()); // 修改数据date
-    }, 500);
-    this.somedata1();
-    this.somedata2();
-    this.somedata3();
-    this.somedata4();
-    this.somedata5();
-    this.somedata6();
-    this.timer1 = setInterval(this.somedata1, 1000);
-    this.timer2 = setInterval(this.somedata2, 1000);
-    this.timer3 = setInterval(this.somedata3, 1000);
-    this.timer4 = setInterval(this.somedata4, 1000);
-    this.timer5 = setInterval(this.somedata5, 1000);
-    this.timer6 = setInterval(this.somedata6, 1000);
-  },
-  destroyed() {
-    if (this.timer) {
-      // 注意在vue实例销毁前，清除我们的定时器
-      clearInterval(this.timer);
-    }
-    if (this.timer1) {
-      clearInterval(this.timer1);
-    }
-    if (this.timer2) {
-      clearInterval(this.timer2);
-    }
-    if (this.timer3) {
-      clearInterval(this.timer3);
-    }
-    if (this.timer4) {
-      clearInterval(this.timer4);
-    }
-    if (this.timer5) {
-      clearInterval(this.timer5);
-    }
-    if (this.timer6) {
-      clearInterval(this.timer6);
-    }
-  },
 };
 </script>
 
 <style scoped>
-@charset "utf-8";
 * {
   padding: 0;
   border: 0;
@@ -576,4 +350,4 @@ th {
   background-color: rgb(7, 70, 130);
   font-size: 20px;
 }
-</style>
+</style>

src/views/ventilate/ventilate.vue

@@ -25,15 +25,18 @@
         <router-view></router-view>
         <!-- <zutai></zutai> -->
       </el-tab-pane>
+      <el-tab-pane label="数据看板" name="fourth">
+        <config-img></config-img>
+      </el-tab-pane>
     </el-tabs>
   </div>
-
 </template>
 
 
 <script>
 import dataStandard from "./dataStandard";
 import systemData from "./systemData";
+import configImg from '@/views/ventilate/configImg/configImg'
 export default {
   name: "ventilate",
   data() {
@@ -54,6 +57,7 @@ export default {
   components: {
     dataStandard,
     systemData,
+    configImg
   },
 };
 </script>