精简了项目结构

src/components/compressed/main_ventilation_one_system/alert_operation_record.vue

@@ -1,128 +0,0 @@
-<template>
-    <el-container>
-        <el-row>
-            <el-col>
-                <table class="pure-table pure-table-bordered">
-                    <tr>
-                        <th>时间</th>
-                        <th>错误类型</th>
-                    </tr>
-                    <tr v-for="(item) in this.error_log" :key="item.error_time">
-                        <td>{{item.error_time}}</td>
-                        <td>{{item.error_type}}</td>
-                    </tr>
-                </table>
-            </el-col>
-            <el-col>
-                <table class="pure-table pure-table-bordered">
-                    <tr>
-                        <th>时间</th>
-                        <th>操作类型</th>
-                    </tr>
-                    <tr v-for="(item) in this.operation_log" :key="item.operation_time">
-                        <td>{{item.operation_time}}</td>
-                        <td>{{item.operation}}</td>
-                    </tr>
-                </table>
-            </el-col>
-        </el-row>
-    </el-container>
-</template>
-
-<script>
-
-import {geterrorlog, getoperationlog} from "/src/utils/api.js";
-export default{
-    name: "alert_operation_record",
-    data(){
-        return{
-            error_log:[],
-            operation_log:[],
-            data1:[],
-            data2:[],
-        }
-    },
-    methods:{
-        getData(){
-            //后端获取error log
-            geterrorlog().then(response => {
-                this.data1 = response.data;
-                this.error_log = JSON.parse(JSON.stringify(this.data1));
-            });
-            //后端获取operation log
-            getoperationlog().then(response => {
-                this.data2 = response.data;
-                this.operation_log = JSON.parse(JSON.stringify(this.data2));
-            });
-        }
-    },
-    created(){
-        this.getData();
-    },
-
-};
-</script>
-
-<style scoped>
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-.el-col {
-  border-style: dashed;
-  border-width: 2px;
-  border-radius: 10px;
-  border-color: dimgrey;
-  height: 300px;
-}
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
- 
-td,th {
-    padding: 0;
-}
-.pure-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-    empty-cells: show;
-    border: 1px solid #cbcbcb;
-}
- 
-.pure-table caption {
-    color: #000;
-    font: italic 85%/1 arial,sans-serif;
-    padding: 1em 0;
-    text-align: center;
-}
- 
-.pure-table td,.pure-table th {
-    border-left: 1px solid #cbcbcb;
-    background-color: #858585;
-    border-width: 0 0 0 1px;
-    font-size: inherit;
-    margin: 0;
-    overflow: visible;
-    padding: .5em 1em;
-}
- 
-.pure-table thead {
-    background-color: #e0e0e0;
-    color: #000;
-    text-align: left;
-    vertical-align: bottom;
-}
- 
-.pure-table td {
-    background-color: transparent;
-}
- 
-.pure-table-bordered td {
-    border-bottom: 1px solid #cbcbcb;
-}
- 
-.pure-table-bordered tbody>tr:last-child>td {
-    border-bottom-width: 0;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_one_monitor.vue

@@ -1,53 +0,0 @@
-<template>
-  <el-container>
-    <!--电压、电流、功率-->
-    <el-row>
-      <el-col>
-        <lom_echarts_one></lom_echarts_one>
-      </el-col>
-
-      <!-- 三相绕组温度 -->
-      <el-col>
-        <lom_echarts_two></lom_echarts_two>
-      </el-col>
-
-      <!--水平/垂直震动-->
-      <el-col>
-        <lom_echarts_three></lom_echarts_three>
-      </el-col>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import lom_echarts_one from "@/components/compressed/main_ventilation_one_system/level_one_monitor_echarts/lom_echarts_one.vue";
-import lom_echarts_two from "@/components/compressed/main_ventilation_one_system/level_one_monitor_echarts/lom_echarts_two.vue";
-import lom_echarts_three from "@/components/compressed/main_ventilation_one_system/level_one_monitor_echarts/lom_echarts_three.vue";
-
-export default {
-  name: "level_one_monitor",
-  data() {
-    return {};
-  },
-  components: {
-    lom_echarts_one,
-    lom_echarts_two,
-    lom_echarts_three,
-  },
-  methods: {},
-};
-</script>
-
-<style scoped>
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-.el-col {
-  border-style: dashed;
-  border-width: 2px;
-  border-radius: 10px;
-  border-color: dimgrey;
-  height: 200px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_one_monitor_echarts/lom_echarts_one.vue

@@ -1,65 +0,0 @@
-<template>
-  <el-container>
-    <el-row>
-      <div class="divi">
-        <input type="button" class="button" value="电压" @click="getVoltage" />
-        <input type="button" class="button" value="电流" @click="getCurrent" />
-        <input type="button" class="button" value="功率" @click="getPower" />
-      </div>
-      <div class="divi">
-        <lom_echarts_one_one v-if="voltageShow"></lom_echarts_one_one>
-        <lom_echarts_one_two v-if="currentShow"></lom_echarts_one_two>
-        <lom_echarts_one_three v-if="powerShow"></lom_echarts_one_three>
-      </div>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import lom_echarts_one_one from "@/components/compressed/main_ventilation_one_system/level_one_monitor_echarts/lom_echarts_one_one.vue";
-import lom_echarts_one_two from "@/components/compressed/main_ventilation_one_system/level_one_monitor_echarts/lom_echarts_one_two.vue";
-import lom_echarts_one_three from "@/components/compressed/main_ventilation_one_system/level_one_monitor_echarts/lom_echarts_one_three.vue";
-
-export default {
-  name: "lom_echarts_one",
-  data() {
-    return {
-      voltageShow: true,
-      currentShow: false,
-      powerShow: false,
-    };
-  },
-  components: {
-    lom_echarts_one_one,
-    lom_echarts_one_two,
-    lom_echarts_one_three,
-  },
-  methods: {
-    getVoltage() {
-      this.voltageShow = true;
-      this.currentShow = false;
-      this.powerShow = false;
-    },
-    getCurrent() {
-      this.voltageShow = false;
-      this.currentShow = true;
-      this.powerShow = false;
-    },
-    getPower() {
-      this.voltageShow = false;
-      this.currentShow = false;
-      this.powerShow = true;
-    },
-  },
-};
-</script>
-<style scoped>
-.button {
-  width: 60px;
-  height: 30px;
-}
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_one_monitor_echarts/lom_echarts_one_one.vue

@@ -1,245 +0,0 @@
-<!--  1-1 - 电压 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_one"></div>
-</template>
-<script>
-import {getfeng1dian1} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_one",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      time1: [],
-      uab: [],
-      ubc: [],
-      uca: [],
-      data: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_one);
-      const initOption = {
-        title: [
-          {
-            text: "电压Uab、电压Uac、电压Ubc",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["uab", "ubc", "uca"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 1500,
-          min: 0,
-          interval: 300,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      getfeng1dian1().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.uab[i] = parseInt(datalist[i].uab);
-          this.ubc[i] = parseInt(datalist[i].ubc);
-          this.uca[i] = parseInt(datalist[i].uca);
-        }
-        
-        // console.log(this.time);
-        // console.log(this.uab);
-        // console.log(this.ubc);
-        // console.log(this.uca);
-
-        // 每5个元素显示一页
-      this.totalPage = this.uab.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-      
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const uab_showData = this.uab.slice(start, end);
-      const ubc_showData = this.ubc.slice(start, end);
-      const uca_showData = this.uca.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "uab",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: uab_showData,
-          },
-          {
-            name: "ubc",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ubc_showData,
-          },
-          {
-            name: "uca",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: uca_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_one_monitor_echarts/lom_echarts_one_three.vue

@@ -1,257 +0,0 @@
-<!--  1-1 - 功率 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_three"></div>
-</template>
-<script>
-import {getfeng1dian1} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_three",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      uab: [],
-      ubc: [],
-      uca: [],
-      ia: [],
-      ib: [],
-      ic: [],
-      pa: [],
-      pb: [],
-      pc: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_three);
-      const initOption = {
-        title: [
-          {
-            text: "功率Pa、功率Pb、功率Pc",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["Pa", "Pb", "Pc"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          boundaryGap: false,
-          //data: ["1:00", "2:00", "3:00", "4:00", "5:00"],
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 150000,
-          min: 0,
-          interval: 30000,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      getfeng1dian1().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.uab[i] = parseInt(datalist[i].uab);
-          this.ubc[i] = parseInt(datalist[i].ubc);
-          this.uca[i] = parseInt(datalist[i].uca);
-          this.ia[i] = parseInt(datalist[i].ia);
-          this.ib[i] = parseInt(datalist[i].ib);
-          this.ic[i] = parseInt(datalist[i].ic);
-        }
-        for (let i = 0, len = this.uab.length; i < len; i++) {
-        this.pa[i] = this.uab[i] * this.ia[i];
-        this.pb[i] = this.ubc[i] * this.ib[i];
-        this.pc[i] = this.uca[i] * this.ic[i];
-      }
-        
-        // console.log(this.time);
-        // console.log(this.uab);
-        // console.log(this.ubc);
-        // console.log(this.uca);
-
-        // 每5个元素显示一页
-      this.totalPage = this.uab.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-      
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const pa_showData = this.pa.slice(start, end);
-      const pb_showData = this.pb.slice(start, end);
-      const pc_showData = this.pc.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "Pa",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: pa_showData,
-          },
-          {
-            name: "Pb",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: pb_showData,
-          },
-          {
-            name: "Pc",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: pc_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_one_monitor_echarts/lom_echarts_one_two.vue

@@ -1,239 +0,0 @@
-<!--  1-1 - 电流 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_two"></div>
-</template>
-<script>
-import {getfeng1dian1} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_two",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      ia: [],
-      ib: [],
-      ic: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_two);
-      const initOption = {
-        title: [
-          {
-            text: "电流Ia、 Ib、 Ic",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["Ia", "Ib", "Ic"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      getfeng1dian1().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.ia[i] = parseInt(datalist[i].ia);
-          this.ib[i] = parseInt(datalist[i].ib);
-          this.ic[i] = parseInt(datalist[i].ic);
-        }
-        
-
-
-        // 每5个元素显示一页
-      this.totalPage = this.ia.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const ia_showData = this.ia.slice(start, end);
-      const ib_showData = this.ib.slice(start, end);
-      const ic_showData = this.ic.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "Ia",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ia_showData,
-          },
-          {
-            name: "Ib",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ib_showData,
-          },
-          {
-            name: "Ic",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ic_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_one_monitor_echarts/lom_echarts_three.vue

@@ -1,208 +0,0 @@
-<!--  1-3 - 振动 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_three"></div>
-</template>
-<script>
-import {getfeng1dian1} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_three",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      h_v: [],
-      v_v: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_three);
-      const initOption = {
-        title: [
-          {
-            text: "水平振动h_v、垂直振动v_v",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["h_v", "v_v"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 200,
-          min: 0,
-          interval: 40,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      getfeng1dian1().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.h_v[i] = parseInt(datalist[i].horizontal_vibration);
-          this.v_v[i] = parseInt(datalist[i].vertical_vibration);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const h_v_showData = this.h_v.slice(start, end);
-      const v_v_showData = this.v_v.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "h_v",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: h_v_showData,
-          },
-          {
-            name: "v_v",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0D0F93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0D0F93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: v_v_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_one_monitor_echarts/lom_echarts_two.vue

@@ -1,247 +0,0 @@
-<!--  1-2 - 三相绕组温度 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_two"></div>
-</template>
-<script>
-import {getfeng1dian1} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_two",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      three_phase_temp1: [],
-      three_phase_temp2: [],
-      three_phase_temp3: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_two);
-      const initOption = {
-        title: [
-          {
-            text: "三相绕组温度",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["three_phase_temp1", "three_phase_temp2", "three_phase_temp3"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 110,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng1dian1().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.three_phase_temp1[i] = parseInt(datalist[i].temperature_1);
-          this.three_phase_temp2[i] = parseInt(datalist[i].temperature_2);
-          this.three_phase_temp3[i] = parseInt(datalist[i].temperature_3);
-        }
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const three_phase_temp1_showData = this.three_phase_temp1.slice(
-        start,
-        end
-      );
-      const three_phase_temp2_showData = this.three_phase_temp2.slice(
-        start,
-        end
-      );
-      const three_phase_temp3_showData = this.three_phase_temp3.slice(
-        start,
-        end
-      );
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "three_phase_temp1",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: three_phase_temp1_showData,
-          },
-          {
-            name: "three_phase_temp2",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: three_phase_temp2_showData,
-          },
-          {
-            name: "three_phase_temp3",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: three_phase_temp3_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_two_monitor.vue

@@ -1,47 +0,0 @@
-<template>
-  <el-container>
-    <!--电压、电流、功率-->
-    <el-row>
-      <el-col> <ltm_echarts_one></ltm_echarts_one> </el-col>
-
-      <!-- 三相绕组温度 -->
-      <el-col> <ltm_echarts_two></ltm_echarts_two> </el-col>
-
-      <!--水平/垂直震动-->
-      <el-col> <ltm_echarts_three></ltm_echarts_three> </el-col>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import ltm_echarts_one from "@/components/compressed/main_ventilation_one_system/level_two_monitor_echarts/ltm_echarts_one.vue";
-import ltm_echarts_two from "@/components/compressed/main_ventilation_one_system/level_two_monitor_echarts/ltm_echarts_two.vue";
-import ltm_echarts_three from "@/components/compressed/main_ventilation_one_system/level_two_monitor_echarts/ltm_echarts_three.vue";
-
-export default {
-  name: "level_two_monitor",
-  data() {
-    return {};
-  },
-  components: {
-    ltm_echarts_one,
-    ltm_echarts_two,
-    ltm_echarts_three,
-  },
-  methods: {},
-};
-</script>
-
-<style scoped>
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-.el-col {
-  border-style: dashed;
-  border-width: 2px;
-  border-radius: 10px;
-  border-color: dimgrey;
-  height: 200px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_two_monitor_echarts/ltm_echarts_one.vue

@@ -1,65 +0,0 @@
-<template>
-  <el-container>
-    <el-row>
-      <div class="divi">
-        <input type="button" class="button" value="电压" @click="getVoltage" />
-        <input type="button" class="button" value="电流" @click="getCurrent" />
-        <input type="button" class="button" value="功率" @click="getPower" />
-      </div>
-      <div class="divi">
-        <ltm_echarts_one_one v-if="voltageShow"></ltm_echarts_one_one>
-        <ltm_echarts_one_two v-if="currentShow"></ltm_echarts_one_two>
-        <ltm_echarts_one_three v-if="powerShow"></ltm_echarts_one_three>
-      </div>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import ltm_echarts_one_one from "@/components/compressed/main_ventilation_one_system/level_two_monitor_echarts/ltm_echarts_one_one.vue";
-import ltm_echarts_one_two from "@/components/compressed/main_ventilation_one_system/level_two_monitor_echarts/ltm_echarts_one_two.vue";
-import ltm_echarts_one_three from "@/components/compressed/main_ventilation_one_system/level_two_monitor_echarts/ltm_echarts_one_three.vue";
-
-export default {
-  name: "ltm_echarts_one",
-  data() {
-    return {
-      voltageShow: true,
-      currentShow: false,
-      powerShow: false,
-    };
-  },
-  components: {
-    ltm_echarts_one_one,
-    ltm_echarts_one_two,
-    ltm_echarts_one_three,
-  },
-  methods: {
-    getVoltage() {
-      this.voltageShow = true;
-      this.currentShow = false;
-      this.powerShow = false;
-    },
-    getCurrent() {
-      this.voltageShow = false;
-      this.currentShow = true;
-      this.powerShow = false;
-    },
-    getPower() {
-      this.voltageShow = false;
-      this.currentShow = false;
-      this.powerShow = true;
-    },
-  },
-};
-</script>
-<style scoped>
-.button {
-  width: 60px;
-  height: 30px;
-}
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_two_monitor_echarts/ltm_echarts_one_one.vue

@@ -1,238 +0,0 @@
-<!--  2-1 - 电压 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_one"></div>
-</template>
-<script>
-import {getfeng1dian2} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_one",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      uab: [],
-      ubc: [],
-      uca: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_one);
-      const initOption = {
-        title: [
-          {
-            text: "电压Uab、电压Uac、电压Ubc",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["uab", "ubc", "uca"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 1500,
-          min: 0,
-          interval: 300,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      getfeng1dian2().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.uab[i] = parseInt(datalist[i].uab);
-          this.ubc[i] = parseInt(datalist[i].ubc);
-          this.uca[i] = parseInt(datalist[i].uca);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const uab_showData = this.uab.slice(start, end);
-      const ubc_showData = this.ubc.slice(start, end);
-      const uca_showData = this.uca.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "uab",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: uab_showData,
-          },
-          {
-            name: "ubc",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ubc_showData,
-          },
-          {
-            name: "uca",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: uca_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_two_monitor_echarts/ltm_echarts_one_three.vue

@@ -1,256 +0,0 @@
-<!--  2-1 - 功率 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_three"></div>
-</template>
-<script>
-import {getfeng1dian2} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_three",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      uab: [],
-      ubc: [],
-      uca: [],
-      ia: [],
-      ib: [],
-      ic: [],
-      pa: [],
-      pb: [],
-      pc: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_three);
-      const initOption = {
-        title: [
-          {
-            text: "功率Pa、功率Pb、功率Pc",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["Pa", "Pb", "Pc"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          boundaryGap: false,
-          //data: ["1:00", "2:00", "3:00", "4:00", "5:00"],
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 150000,
-          min: 0,
-          interval: 30000,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      getfeng1dian2().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.uab[i] = parseInt(datalist[i].uab);
-          this.ubc[i] = parseInt(datalist[i].ubc);
-          this.uca[i] = parseInt(datalist[i].uca);
-          this.ia[i] = parseInt(datalist[i].ia);
-          this.ib[i] = parseInt(datalist[i].ib);
-          this.ic[i] = parseInt(datalist[i].ic);
-        }
-        for (let i = 0, len = this.uab.length; i < len; i++) {
-        this.pa[i] = this.uab[i] * this.ia[i];
-        this.pb[i] = this.ubc[i] * this.ib[i];
-        this.pc[i] = this.uca[i] * this.ic[i];
-      }
-        
-        // console.log(this.time);
-        // console.log(this.uab);
-        // console.log(this.ubc);
-        // console.log(this.uca);
-
-        // 每5个元素显示一页
-      this.totalPage = this.uab.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const pa_showData = this.pa.slice(start, end);
-      const pb_showData = this.pb.slice(start, end);
-      const pc_showData = this.pc.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "Pa",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: pa_showData,
-          },
-          {
-            name: "Pb",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: pb_showData,
-          },
-          {
-            name: "Pc",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: pc_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_two_monitor_echarts/ltm_echarts_one_two.vue

@@ -1,239 +0,0 @@
-<!--  2-1 - 电流 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_two"></div>
-</template>
-<script>
-import {getfeng1dian2} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_two",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      ia: [],
-      ib: [],
-      ic: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_two);
-      const initOption = {
-        title: [
-          {
-            text: "电流Ia、 Ib、 Ic",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["Ia", "Ib", "Ic"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      getfeng1dian2().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.ia[i] = parseInt(datalist[i].ia);
-          this.ib[i] = parseInt(datalist[i].ib);
-          this.ic[i] = parseInt(datalist[i].ic);
-        }
-        
-
-
-        // 每5个元素显示一页
-      this.totalPage = this.ia.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const ia_showData = this.ia.slice(start, end);
-      const ib_showData = this.ib.slice(start, end);
-      const ic_showData = this.ic.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "Ia",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ia_showData,
-          },
-          {
-            name: "Ib",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ib_showData,
-          },
-          {
-            name: "Ic",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ic_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_two_monitor_echarts/ltm_echarts_three.vue

@@ -1,208 +0,0 @@
-<!--  2-3 - 振动 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_three"></div>
-</template>
-<script>
-import {getfeng1dian2} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_three",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      h_v: [],
-      v_v: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_three);
-      const initOption = {
-        title: [
-          {
-            text: "水平振动h_v、垂直振动v_v",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["h_v", "v_v"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 200,
-          min: 0,
-          interval: 40,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      getfeng1dian2().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.h_v[i] = parseInt(datalist[i].horizontal_vibration);
-          this.v_v[i] = parseInt(datalist[i].vertical_vibration);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const h_v_showData = this.h_v.slice(start, end);
-      const v_v_showData = this.v_v.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "h_v",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: h_v_showData,
-          },
-          {
-            name: "v_v",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0D0F93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0D0F93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: v_v_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/level_two_monitor_echarts/ltm_echarts_two.vue

@@ -1,247 +0,0 @@
-<!--  2-2 - 三相绕组温度 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_two"></div>
-</template>
-<script>
-import {getfeng1dian2} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_two",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      three_phase_temp1: [],
-      three_phase_temp2: [],
-      three_phase_temp3: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_two);
-      const initOption = {
-        title: [
-          {
-            text: "三相绕组温度",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["three_phase_temp1", "three_phase_temp2", "three_phase_temp3"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 110,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-       //向后端请求数据
-      getfeng1dian2().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.three_phase_temp1[i] = parseInt(datalist[i].temperature_1);
-          this.three_phase_temp2[i] = parseInt(datalist[i].temperature_2);
-          this.three_phase_temp3[i] = parseInt(datalist[i].temperature_3);
-        }
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const three_phase_temp1_showData = this.three_phase_temp1.slice(
-        start,
-        end
-      );
-      const three_phase_temp2_showData = this.three_phase_temp2.slice(
-        start,
-        end
-      );
-      const three_phase_temp3_showData = this.three_phase_temp3.slice(
-        start,
-        end
-      );
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "three_phase_temp1",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: three_phase_temp1_showData,
-          },
-          {
-            name: "three_phase_temp2",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: three_phase_temp2_showData,
-          },
-          {
-            name: "three_phase_temp3",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: three_phase_temp3_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/pipeline_monitor.vue

@@ -1,42 +0,0 @@
-<template>
-  <el-container>
-    <!--风流、风速-->
-    <el-row>
-      <el-col> <pm_echarts_one></pm_echarts_one> </el-col>
-
-      <!-- 全压、静压、动压 -->
-      <el-col> <pm_echarts_two></pm_echarts_two> </el-col>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import pm_echarts_one from "@/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_one.vue";
-import pm_echarts_two from "@/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_two.vue";
-
-export default {
-  name: "level_one_monitor",
-  data() {
-    return {};
-  },
-  components: {
-    pm_echarts_one,
-    pm_echarts_two,
-  },
-  methods: {},
-};
-</script>
-
-<style scoped>
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-.el-col {
-  border-style: dashed;
-  border-width: 2px;
-  border-radius: 10px;
-  border-color: dimgrey;
-  height: 300px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_one.vue

@@ -1,75 +0,0 @@
-<template>
-  <el-container>
-    <el-row>
-      <div class="divi">
-        <input type="button" class="button" value="总览" @click="getWindMain" />
-        <input
-          type="button"
-          class="button"
-          value="风流"
-          @click="getWindVolume"
-        />
-        <input
-          type="button"
-          class="button"
-          value="风速"
-          @click="getWindSpeed"
-        />
-      </div>
-      <div class="divi">
-        <pm_echarts_one_one v-if="windmainshow"></pm_echarts_one_one>
-        <pm_echarts_one_two v-if="windvolumeShow"></pm_echarts_one_two>
-        <pm_echarts_one_three v-if="windspeedShow"></pm_echarts_one_three>
-      </div>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import pm_echarts_one_one from "@/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_one_one.vue";
-import pm_echarts_one_two from "@/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_one_two.vue";
-import pm_echarts_one_three from "@/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_one_three.vue";
-
-export default {
-  name: "pm_echarts_one",
-  data() {
-    return {
-      windmainshow: true,
-      windvolumeShow: false,
-      windspeedShow: false,
-    };
-  },
-  components: {
-    pm_echarts_one_one,
-    pm_echarts_one_two,
-    pm_echarts_one_three,
-  },
-  methods: {
-    getWindMain() {
-      this.windmainshow = true;
-      this.windvolumeShow = false;
-      this.windspeedShow = false;
-    },
-    getWindVolume() {
-      this.windmainshow = false;
-      this.windvolumeShow = true;
-      this.windspeedShow = false;
-    },
-    getWindSpeed() {
-      this.windmainshow = false;
-      this.windvolumeShow = false;
-      this.windspeedShow = true;
-    },
-  },
-};
-</script>
-<style scoped>
-.button {
-  width: 60px;
-  height: 30px;
-}
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-</style>

src/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_one_one.vue

@@ -1,209 +0,0 @@
-<!--  3-1 - 总览  -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_one"></div>
-</template>
-<script>
-import {getfeng1pipeline} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_one",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      wvo: [],
-      wsp: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_one);
-      const initOption = {
-        title: [
-          {
-            text: "总览：风流vo、风速sp",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["wvo", "wsp"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-       getfeng1pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.wvo[i] = parseInt(datalist[i].wind_volume);
-          this.wsp[i] = parseInt(datalist[i].wind_speed);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const wvo_showData = this.wvo.slice(start, end);
-      const wsp_showData = this.wsp.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "wvo",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: wvo_showData,
-          },
-          {
-            name: "wsp",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: wsp_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_one_three.vue

@@ -1,178 +0,0 @@
-<!--  3-1 - 风速 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_one"></div>
-</template>
-<script>
-import {getfeng1pipeline} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_one",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      wsp: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_one);
-      const initOption = {
-        title: [
-          {
-            text: "风速wsp",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["wsp"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-       getfeng1pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.wsp[i] = parseInt(datalist[i].wind_speed);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const wsp_showData = this.wsp.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: {
-          name: "wsp",
-          type: "line",
-          smooth: false,
-          // 单独修改当前线条的样式
-          lineStyle: {
-            color: "#0040FF",
-            width: "2",
-          },
-          // 设置拐点
-          symbol: "circle",
-          // 拐点大小
-          symbolSize: 3,
-          // 开始不显示拐点， 鼠标经过显示
-          showSymbol: false,
-          // 设置拐点颜色以及边框
-          itemStyle: {
-            color: "#0040FF",
-            borderColor: "rgba(0, 170, 255, 0.1)",
-            borderWidth: 6,
-          },
-          emphasis: {
-            focus: "series",
-          },
-          data: wsp_showData,
-        },
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_one_two.vue

@@ -1,179 +0,0 @@
-<!--  3-1 - 风流 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_one"></div>
-</template>
-<script>
-import {getfeng1pipeline} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_one",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      wvo: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_one);
-      const initOption = {
-        title: [
-          {
-            text: "风流wvo",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["wvo"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-       getfeng1pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.wvo[i] = parseInt(datalist[i].wind_volume);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const wvo_showData = this.wvo.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: {
-          name: "wvo",
-          type: "line",
-          smooth: false,
-          // 单独修改当前线条的样式
-          lineStyle: {
-            color: "#CDFF93",
-            width: "2",
-          },
-          // 设置拐点
-          symbol: "circle",
-          // 拐点大小
-          symbolSize: 3,
-          // 开始不显示拐点， 鼠标经过显示
-          showSymbol: false,
-          // 设置拐点颜色以及边框
-          itemStyle: {
-            color: "#CDFF93",
-            borderColor: "rgba(0, 170, 255, 0.1)",
-            borderWidth: 6,
-          },
-          emphasis: {
-            focus: "series",
-          },
-          data: wvo_showData,
-        },
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_two.vue

@@ -1,91 +0,0 @@
-<template>
-  <el-container>
-    <el-row>
-      <div class="divi">
-        <input type="button" class="button" value="总览" @click="getMain" />
-        <input
-          type="button"
-          class="button"
-          value="全压"
-          @click="getFullPressure"
-        />
-        <input
-          type="button"
-          class="button"
-          value="静压"
-          @click="getStaticPressure"
-        />
-        <input
-          type="button"
-          class="button"
-          value="动压"
-          @click="getDynamicPressure"
-        />
-      </div>
-      <div class="divi">
-        <pm_echarts_two_main v-if="MainShow"></pm_echarts_two_main>
-        <pm_echarts_two_one v-if="fullpressureShow"></pm_echarts_two_one>
-        <pm_echarts_two_two v-if="staticpressureShow"></pm_echarts_two_two>
-        <pm_echarts_two_three v-if="dynamicpressureShow"></pm_echarts_two_three>
-      </div>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import pm_echarts_two_one from "@/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_two_one.vue";
-import pm_echarts_two_two from "@/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_two_two.vue";
-import pm_echarts_two_three from "@/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_two_three.vue";
-import pm_echarts_two_main from "@/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_two_main.vue";
-
-export default {
-  name: "pm_echarts_two",
-  data() {
-    return {
-      MainShow: true,
-      fullpressureShow: false,
-      staticpressureShow: false,
-      dynamicpressureShow: false,
-    };
-  },
-  components: {
-    pm_echarts_two_one,
-    pm_echarts_two_two,
-    pm_echarts_two_three,
-    pm_echarts_two_main,
-  },
-  methods: {
-    getMain() {
-      (this.MainShow = true), (this.fullpressureShow = false);
-      this.staticpressureShow = false;
-      this.dynamicpressureShow = false;
-    },
-
-    getFullPressure() {
-      (this.MainShow = false), (this.fullpressureShow = true);
-      this.staticpressureShow = false;
-      this.dynamicpressureShow = false;
-    },
-    getStaticPressure() {
-      (this.MainShow = false), (this.fullpressureShow = false);
-      this.staticpressureShow = true;
-      this.dynamicpressureShow = false;
-    },
-    getDynamicPressure() {
-      (this.MainShow = false), (this.fullpressureShow = false);
-      this.staticpressureShow = false;
-      this.dynamicpressureShow = true;
-    },
-  },
-};
-</script>
-<style scoped>
-.button {
-  width: 60px;
-  height: 30px;
-}
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-</style>

src/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_two_main.vue

@@ -1,239 +0,0 @@
-<!--  3-2 - 总览 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_main"></div>
-</template>
-<script>
-import {getfeng1pipeline} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_main",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      full_pressure: [],
-      static_pressure: [],
-      dynamic_pressure: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_main);
-      const initOption = {
-        title: [
-          {
-            text: "全压、静压、动压",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["full_pressure", "static_pressure", "dynamic_pressure"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng1pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.full_pressure[i] = parseInt(datalist[i].full_pressure);
-          this.static_pressure[i] = parseInt(datalist[i].static_pressure);
-          this.dynamic_pressure[i] = parseInt(datalist[i].dynamic_pressure);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const full_pressure_showData = this.full_pressure.slice(start, end);
-      const static_pressure_showData = this.static_pressure.slice(start, end);
-      const dynamic_pressure_showData = this.dynamic_pressure.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "full_pressure",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: full_pressure_showData,
-          },
-          {
-            name: "static_pressure",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: static_pressure_showData,
-          },
-          {
-            name: "dynamic_pressure",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: dynamic_pressure_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_two_one.vue

@@ -1,183 +0,0 @@
-<!--  3-2 - 全压 -->
-<template>
-  <div class="com-chart" ref="pm_echarts_two_one"></div>
-</template>
-<script>
-import {getfeng1pipeline} from "/src/utils/api.js";
-export default {
-  name: "pm_echarts_two_one",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      full_pressure: [],
-
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.pm_echarts_two_one);
-      const initOption = {
-        title: [
-          {
-            text: "全压full_pressure",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["full_pressure"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng1pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.full_pressure[i] = parseInt(datalist[i].full_pressure);
-          
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const full_pressure_showData = this.full_pressure.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "full_pressure",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: full_pressure_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_two_three.vue

@@ -1,182 +0,0 @@
-<!-- 3-2 - 动压 -->
-<template>
-  <div class="com-chart" ref="pm_echarts_two_three"></div>
-</template>
-<script>
-import {getfeng1pipeline} from "/src/utils/api.js";
-export default {
-  name: "pm_echarts_two_three",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      dynamic_pressure: [],
-
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.pm_echarts_two_three);
-      const initOption = {
-        title: [
-          {
-            text: "动压dynamic_pressure",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["dynamic_pressure"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng1pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.dynamic_pressure[i] = parseInt(datalist[i].dynamic_pressure);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const dynamic_pressure_showData = this.dynamic_pressure.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "dynamic_pressure",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: dynamic_pressure_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_one_system/pipeline_monitor_echarts/pm_echarts_two_two.vue

@@ -1,184 +0,0 @@
-<!--  3-2 - 静压 -->
-<template>
-  <div class="com-chart" ref="pm_echarts_two_two"></div>
-</template>
-<script>
-import {getfeng1pipeline} from "/src/utils/api.js";
-export default {
-  name: "pm_echarts_two_two",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      static_pressure: [],
-
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.pm_echarts_two_two);
-      const initOption = {
-        title: [
-          {
-            text: "静压static_pressure",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["static_pressure"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng1pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-         
-          this.static_pressure[i] = parseInt(datalist[i].static_pressure);
-          
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const static_pressure_showData = this.static_pressure.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "static_pressure",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: static_pressure_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/alert_operation_record.vue

@@ -1,126 +0,0 @@
-<template>
-    <el-container>
-        <el-row>
-            <el-col>
-                <table class="pure-table pure-table-bordered">
-                    <tr>
-                        <th>时间</th>
-                        <th>错误类型</th>
-                    </tr>
-                    <tr v-for="(item) in this.error_log" :key="item.error_time">
-                        <td>{{item.error_time}}</td>
-                        <td>{{item.error_type}}</td>
-                    </tr>
-                </table>
-            </el-col>
-            <el-col>
-                <table class="pure-table pure-table-bordered">
-                    <tr>
-                        <th>时间</th>
-                        <th>操作类型</th>
-                    </tr>
-                    <tr v-for="(item) in this.operation_log" :key="item.operation_time">
-                        <td>{{item.operation_time}}</td>
-                        <td>{{item.operation}}</td>
-                    </tr>
-                </table>
-            </el-col>
-        </el-row>
-    </el-container>
-</template>
-
-<script>
-import {geterrorlog, getoperationlog} from "/src/utils/api.js";
-
-export default{
-    name: "alert_operation_record",
-    data(){
-        return{
-            error_log:[],
-            operation_log:[],
-        }
-    },
-    methods:{
-       getData(){
-            //后端获取error log
-            geterrorlog().then(response => {
-                this.data1 = response.data;
-                this.error_log = JSON.parse(JSON.stringify(this.data1));
-            });
-            //后端获取operation log
-            getoperationlog().then(response => {
-                this.data2 = response.data;
-                this.operation_log = JSON.parse(JSON.stringify(this.data2));
-            });
-        }
-    },
-    created(){
-        this.getData();
-    },
-
-};
-</script>
-
-<style scoped>
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-.el-col {
-  border-style: dashed;
-  border-width: 2px;
-  border-radius: 10px;
-  border-color: dimgrey;
-  height: 300px;
-}
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
- 
-td,th {
-    padding: 0;
-}
-.pure-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-    empty-cells: show;
-    border: 1px solid #cbcbcb;
-}
- 
-.pure-table caption {
-    color: #000;
-    font: italic 85%/1 arial,sans-serif;
-    padding: 1em 0;
-    text-align: center;
-}
- 
-.pure-table td,.pure-table th {
-    border-left: 1px solid #cbcbcb;
-    background-color: #858585;
-    border-width: 0 0 0 1px;
-    font-size: inherit;
-    margin: 0;
-    overflow: visible;
-    padding: .5em 1em;
-}
- 
-.pure-table thead {
-    background-color: #e0e0e0;
-    color: #000;
-    text-align: left;
-    vertical-align: bottom;
-}
- 
-.pure-table td {
-    background-color: transparent;
-}
- 
-.pure-table-bordered td {
-    border-bottom: 1px solid #cbcbcb;
-}
- 
-.pure-table-bordered tbody>tr:last-child>td {
-    border-bottom-width: 0;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_one_monitor.vue

@@ -1,53 +0,0 @@
-<template>
-  <el-container>
-    <!--电压、电流、功率-->
-    <el-row>
-      <el-col>
-        <lom_echarts_one></lom_echarts_one>
-      </el-col>
-
-      <!-- 三相绕组温度 -->
-      <el-col>
-        <lom_echarts_two v-show="true"></lom_echarts_two>
-      </el-col>
-
-      <!--水平/垂直震动-->
-      <el-col>
-        <lom_echarts_three></lom_echarts_three>
-      </el-col>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import lom_echarts_one from "@/components/compressed/main_ventilation_two_system/level_one_monitor_echarts/lom_echarts_one.vue";
-import lom_echarts_two from "@/components/compressed/main_ventilation_two_system/level_one_monitor_echarts/lom_echarts_two.vue";
-import lom_echarts_three from "@/components/compressed/main_ventilation_two_system/level_one_monitor_echarts/lom_echarts_three.vue";
-
-export default {
-  name: "level_one_monitor",
-  data() {
-    return {};
-  },
-  components: {
-    lom_echarts_one,
-    lom_echarts_two,
-    lom_echarts_three,
-  },
-  methods: {},
-};
-</script>
-
-<style scoped>
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-.el-col {
-  border-style: dashed;
-  border-width: 2px;
-  border-radius: 10px;
-  border-color: dimgrey;
-  height: 200px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_one_monitor_echarts/lom_echarts_one.vue

@@ -1,65 +0,0 @@
-<template>
-  <el-container>
-    <el-row>
-      <div class="divi">
-        <input type="button" class="button" value="电压" @click="getVoltage" />
-        <input type="button" class="button" value="电流" @click="getCurrent" />
-        <input type="button" class="button" value="功率" @click="getPower" />
-      </div>
-      <div class="divi">
-        <lom_echarts_one_one v-if="voltageShow"></lom_echarts_one_one>
-        <lom_echarts_one_two v-if="currentShow"></lom_echarts_one_two>
-        <lom_echarts_one_three v-if="powerShow"></lom_echarts_one_three>
-      </div>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import lom_echarts_one_one from "@/components/compressed/main_ventilation_two_system/level_one_monitor_echarts/lom_echarts_one_one.vue";
-import lom_echarts_one_two from "@/components/compressed/main_ventilation_two_system/level_one_monitor_echarts/lom_echarts_one_two.vue";
-import lom_echarts_one_three from "@/components/compressed/main_ventilation_two_system/level_one_monitor_echarts/lom_echarts_one_three.vue";
-
-export default {
-  name: "lom_echarts_one",
-  data() {
-    return {
-      voltageShow: true,
-      currentShow: false,
-      powerShow: false,
-    };
-  },
-  components: {
-    lom_echarts_one_one,
-    lom_echarts_one_two,
-    lom_echarts_one_three,
-  },
-  methods: {
-    getVoltage() {
-      this.voltageShow = true;
-      this.currentShow = false;
-      this.powerShow = false;
-    },
-    getCurrent() {
-      this.voltageShow = false;
-      this.currentShow = true;
-      this.powerShow = false;
-    },
-    getPower() {
-      this.voltageShow = false;
-      this.currentShow = false;
-      this.powerShow = true;
-    },
-  },
-};
-</script>
-<style scoped>
-.button {
-  width: 60px;
-  height: 30px;
-}
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_one_monitor_echarts/lom_echarts_one_one.vue

@@ -1,243 +0,0 @@
-<!--  1-1 - 电压 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_one"></div>
-</template>
-<script>
-import {getfeng2dian1} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_one",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      uab: [],
-      ubc: [],
-      uca: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_one);
-      const initOption = {
-        title: [
-          {
-            text: "电压Uab、电压Uac、电压Ubc",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["uab", "ubc", "uca"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 1500,
-          min: 0,
-          interval: 300,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng2dian1().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.uab[i] = parseInt(datalist[i].uab);
-          this.ubc[i] = parseInt(datalist[i].ubc);
-          this.uca[i] = parseInt(datalist[i].uca);
-        }
-        
-        // console.log(this.time);
-        // console.log(this.uab);
-        // console.log(this.ubc);
-        // console.log(this.uca);
-
-        // 每5个元素显示一页
-      this.totalPage = this.uab.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const uab_showData = this.uab.slice(start, end);
-      const ubc_showData = this.ubc.slice(start, end);
-      const uca_showData = this.uca.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "uab",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: uab_showData,
-          },
-          {
-            name: "ubc",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ubc_showData,
-          },
-          {
-            name: "uca",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: uca_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_one_monitor_echarts/lom_echarts_one_three.vue

@@ -1,257 +0,0 @@
-<!--  1-1 - 功率 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_three"></div>
-</template>
-<script>
-import {getfeng2dian1} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_three",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      uab: [],
-      ubc: [],
-      uca: [],
-      ia: [],
-      ib: [],
-      ic: [],
-      pa: [],
-      pb: [],
-      pc: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_three);
-      const initOption = {
-        title: [
-          {
-            text: "功率Pa、功率Pb、功率Pc",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["Pa", "Pb", "Pc"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          boundaryGap: false,
-          //data: ["1:00", "2:00", "3:00", "4:00", "5:00"],
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 150000,
-          min: 0,
-          interval: 30000,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng2dian1().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.uab[i] = parseInt(datalist[i].uab);
-          this.ubc[i] = parseInt(datalist[i].ubc);
-          this.uca[i] = parseInt(datalist[i].uca);
-          this.ia[i] = parseInt(datalist[i].ia);
-          this.ib[i] = parseInt(datalist[i].ib);
-          this.ic[i] = parseInt(datalist[i].ic);
-        }
-        for (let i = 0, len = this.uab.length; i < len; i++) {
-        this.pa[i] = this.uab[i] * this.ia[i];
-        this.pb[i] = this.ubc[i] * this.ib[i];
-        this.pc[i] = this.uca[i] * this.ic[i];
-      }
-        
-        // console.log(this.time);
-        // console.log(this.uab);
-        // console.log(this.ubc);
-        // console.log(this.uca);
-
-        // 每5个元素显示一页
-      this.totalPage = this.uab.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const pa_showData = this.pa.slice(start, end);
-      const pb_showData = this.pb.slice(start, end);
-      const pc_showData = this.pc.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "Pa",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: pa_showData,
-          },
-          {
-            name: "Pb",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: pb_showData,
-          },
-          {
-            name: "Pc",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: pc_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_one_monitor_echarts/lom_echarts_one_two.vue

@@ -1,240 +0,0 @@
-<!--  1-1 - 电流 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_two"></div>
-</template>
-<script>
-import {getfeng2dian1} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_two",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      ia: [],
-      ib: [],
-      ic: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_two);
-      const initOption = {
-        title: [
-          {
-            text: "电流Ia、 Ib、 Ic",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["Ia", "Ib", "Ic"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng2dian1().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.ia[i] = parseInt(datalist[i].ia);
-          this.ib[i] = parseInt(datalist[i].ib);
-          this.ic[i] = parseInt(datalist[i].ic);
-        }
-        
-
-
-        // 每5个元素显示一页
-      this.totalPage = this.ia.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const ia_showData = this.ia.slice(start, end);
-      const ib_showData = this.ib.slice(start, end);
-      const ic_showData = this.ic.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "Ia",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ia_showData,
-          },
-          {
-            name: "Ib",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ib_showData,
-          },
-          {
-            name: "Ic",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ic_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_one_monitor_echarts/lom_echarts_three.vue

@@ -1,209 +0,0 @@
-<!--  1-3 - 振动 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_three"></div>
-</template>
-<script>
-import {getfeng2dian1} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_three",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      h_v: [],
-      v_v: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_three);
-      const initOption = {
-        title: [
-          {
-            text: "水平振动h_v、垂直振动v_v",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["h_v", "v_v"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 200,
-          min: 0,
-          interval: 40,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-     getfeng2dian1().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.h_v[i] = parseInt(datalist[i].horizontal_vibration);
-          this.v_v[i] = parseInt(datalist[i].vertical_vibration);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const h_v_showData = this.h_v.slice(start, end);
-      const v_v_showData = this.v_v.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "h_v",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: h_v_showData,
-          },
-          {
-            name: "v_v",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0D0F93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0D0F93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: v_v_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_one_monitor_echarts/lom_echarts_two.vue

@@ -1,246 +0,0 @@
-<!--  1-2 - 三相绕组温度 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_two"></div>
-</template>
-<script>
-import {getfeng2dian1} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_two",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      three_phase_temp1: [],
-      three_phase_temp2: [],
-      three_phase_temp3: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_two);
-      const initOption = {
-        title: [
-          {
-            text: "三相绕组温度",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["three_phase_temp1", "three_phase_temp2", "three_phase_temp3"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 110,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      getfeng2dian1().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.three_phase_temp1[i] = parseInt(datalist[i].temperature_1);
-          this.three_phase_temp2[i] = parseInt(datalist[i].temperature_2);
-          this.three_phase_temp3[i] = parseInt(datalist[i].temperature_3);
-        }
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const three_phase_temp1_showData = this.three_phase_temp1.slice(
-        start,
-        end
-      );
-      const three_phase_temp2_showData = this.three_phase_temp2.slice(
-        start,
-        end
-      );
-      const three_phase_temp3_showData = this.three_phase_temp3.slice(
-        start,
-        end
-      );
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "three_phase_temp1",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: three_phase_temp1_showData,
-          },
-          {
-            name: "three_phase_temp2",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: three_phase_temp2_showData,
-          },
-          {
-            name: "three_phase_temp3",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: three_phase_temp3_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_two_monitor.vue

@@ -1,47 +0,0 @@
-<template>
-  <el-container>
-    <!--电压、电流、功率-->
-    <el-row>
-      <el-col> <ltm_echarts_one></ltm_echarts_one> </el-col>
-
-      <!-- 三相绕组温度 -->
-      <el-col> <ltm_echarts_two></ltm_echarts_two> </el-col>
-
-      <!--水平/垂直震动-->
-      <el-col> <ltm_echarts_three></ltm_echarts_three> </el-col>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import ltm_echarts_one from "@/components/compressed/main_ventilation_two_system/level_two_monitor_echarts/ltm_echarts_one.vue";
-import ltm_echarts_two from "@/components/compressed/main_ventilation_two_system/level_two_monitor_echarts/ltm_echarts_two.vue";
-import ltm_echarts_three from "@/components/compressed/main_ventilation_two_system/level_two_monitor_echarts/ltm_echarts_three.vue";
-
-export default {
-  name: "level_two_monitor",
-  data() {
-    return {};
-  },
-  components: {
-    ltm_echarts_one,
-    ltm_echarts_two,
-    ltm_echarts_three,
-  },
-  methods: {},
-};
-</script>
-
-<style scoped>
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-.el-col {
-  border-style: dashed;
-  border-width: 2px;
-  border-radius: 10px;
-  border-color: dimgrey;
-  height: 200px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_two_monitor_echarts/ltm_echarts_one.vue

@@ -1,65 +0,0 @@
-<template>
-  <el-container>
-    <el-row>
-      <div class="divi">
-        <input type="button" class="button" value="电压" @click="getVoltage" />
-        <input type="button" class="button" value="电流" @click="getCurrent" />
-        <input type="button" class="button" value="功率" @click="getPower" />
-      </div>
-      <div class="divi">
-        <ltm_echarts_one_one v-if="voltageShow"></ltm_echarts_one_one>
-        <ltm_echarts_one_two v-if="currentShow"></ltm_echarts_one_two>
-        <ltm_echarts_one_three v-if="powerShow"></ltm_echarts_one_three>
-      </div>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import ltm_echarts_one_one from "@/components/compressed/main_ventilation_two_system/level_two_monitor_echarts/ltm_echarts_one_one.vue";
-import ltm_echarts_one_two from "@/components/compressed/main_ventilation_two_system/level_two_monitor_echarts/ltm_echarts_one_two.vue";
-import ltm_echarts_one_three from "@/components/compressed/main_ventilation_two_system/level_two_monitor_echarts/ltm_echarts_one_three.vue";
-
-export default {
-  name: "ltm_echarts_one",
-  data() {
-    return {
-      voltageShow: true,
-      currentShow: false,
-      powerShow: false,
-    };
-  },
-  components: {
-    ltm_echarts_one_one,
-    ltm_echarts_one_two,
-    ltm_echarts_one_three,
-  },
-  methods: {
-    getVoltage() {
-      this.voltageShow = true;
-      this.currentShow = false;
-      this.powerShow = false;
-    },
-    getCurrent() {
-      this.voltageShow = false;
-      this.currentShow = true;
-      this.powerShow = false;
-    },
-    getPower() {
-      this.voltageShow = false;
-      this.currentShow = false;
-      this.powerShow = true;
-    },
-  },
-};
-</script>
-<style scoped>
-.button {
-  width: 60px;
-  height: 30px;
-}
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_two_monitor_echarts/ltm_echarts_one_one.vue

@@ -1,239 +0,0 @@
-<!--  2-1 - 电压 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_one"></div>
-</template>
-<script>
-import {getfeng2dian2} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_one",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      uab: [],
-      ubc: [],
-      uca: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_one);
-      const initOption = {
-        title: [
-          {
-            text: "电压Uab、电压Uac、电压Ubc",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["uab", "ubc", "uca"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 1500,
-          min: 0,
-          interval: 300,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-        getfeng2dian2().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.uab[i] = parseInt(datalist[i].uab);
-          this.ubc[i] = parseInt(datalist[i].ubc);
-          this.uca[i] = parseInt(datalist[i].uca);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const uab_showData = this.uab.slice(start, end);
-      const ubc_showData = this.ubc.slice(start, end);
-      const uca_showData = this.uca.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "uab",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: uab_showData,
-          },
-          {
-            name: "ubc",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ubc_showData,
-          },
-          {
-            name: "uca",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: uca_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_two_monitor_echarts/ltm_echarts_one_three.vue

@@ -1,257 +0,0 @@
-<!--  2-1 - 功率 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_three"></div>
-</template>
-<script>
-import {getfeng2dian2} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_three",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      uab: [],
-      ubc: [],
-      uca: [],
-      ia: [],
-      ib: [],
-      ic: [],
-      pa: [],
-      pb: [],
-      pc: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_three);
-      const initOption = {
-        title: [
-          {
-            text: "功率Pa、功率Pb、功率Pc",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["Pa", "Pb", "Pc"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          boundaryGap: false,
-          //data: ["1:00", "2:00", "3:00", "4:00", "5:00"],
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 150000,
-          min: 0,
-          interval: 30000,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng2dian2().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.uab[i] = parseInt(datalist[i].uab);
-          this.ubc[i] = parseInt(datalist[i].ubc);
-          this.uca[i] = parseInt(datalist[i].uca);
-          this.ia[i] = parseInt(datalist[i].ia);
-          this.ib[i] = parseInt(datalist[i].ib);
-          this.ic[i] = parseInt(datalist[i].ic);
-        }
-        for (let i = 0, len = this.uab.length; i < len; i++) {
-        this.pa[i] = this.uab[i] * this.ia[i];
-        this.pb[i] = this.ubc[i] * this.ib[i];
-        this.pc[i] = this.uca[i] * this.ic[i];
-      }
-        
-        // console.log(this.time);
-        // console.log(this.uab);
-        // console.log(this.ubc);
-        // console.log(this.uca);
-
-        // 每5个元素显示一页
-      this.totalPage = this.uab.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const pa_showData = this.pa.slice(start, end);
-      const pb_showData = this.pb.slice(start, end);
-      const pc_showData = this.pc.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "Pa",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: pa_showData,
-          },
-          {
-            name: "Pb",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: pb_showData,
-          },
-          {
-            name: "Pc",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: pc_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_two_monitor_echarts/ltm_echarts_one_two.vue

@@ -1,239 +0,0 @@
-<!--  2-1 - 电流 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_two"></div>
-</template>
-<script>
-import {getfeng2dian2} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_two",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      ia: [],
-      ib: [],
-      ic: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_two);
-      const initOption = {
-        title: [
-          {
-            text: "电流Ia、 Ib、 Ic",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["Ia", "Ib", "Ic"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      getfeng2dian2().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.ia[i] = parseInt(datalist[i].ia);
-          this.ib[i] = parseInt(datalist[i].ib);
-          this.ic[i] = parseInt(datalist[i].ic);
-        }
-        
-
-
-        // 每5个元素显示一页
-      this.totalPage = this.ia.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const ia_showData = this.ia.slice(start, end);
-      const ib_showData = this.ib.slice(start, end);
-      const ic_showData = this.ic.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "Ia",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ia_showData,
-          },
-          {
-            name: "Ib",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ib_showData,
-          },
-          {
-            name: "Ic",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: ic_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_two_monitor_echarts/ltm_echarts_three.vue

@@ -1,209 +0,0 @@
-<!--  2-3 - 振动 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_three"></div>
-</template>
-<script>
-import {getfeng2dian2} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_three",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      h_v: [],
-      v_v: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_three);
-      const initOption = {
-        title: [
-          {
-            text: "水平振动h_v、垂直振动v_v",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["h_v", "v_v"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 200,
-          min: 0,
-          interval: 40,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-     getfeng2dian2().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.h_v[i] = parseInt(datalist[i].horizontal_vibration);
-          this.v_v[i] = parseInt(datalist[i].vertical_vibration);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const h_v_showData = this.h_v.slice(start, end);
-      const v_v_showData = this.v_v.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "h_v",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: h_v_showData,
-          },
-          {
-            name: "v_v",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0D0F93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0D0F93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: v_v_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/level_two_monitor_echarts/ltm_echarts_two.vue

@@ -1,247 +0,0 @@
-<!--  2-2 - 三相绕组温度 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_two"></div>
-</template>
-<script>
-import {getfeng2dian2} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_two",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      three_phase_temp1: [],
-      three_phase_temp2: [],
-      three_phase_temp3: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_two);
-      const initOption = {
-        title: [
-          {
-            text: "三相绕组温度",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["three_phase_temp1", "three_phase_temp2", "three_phase_temp3"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 110,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-       //向后端请求数据
-      getfeng2dian2().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.three_phase_temp1[i] = parseInt(datalist[i].temperature_1);
-          this.three_phase_temp2[i] = parseInt(datalist[i].temperature_2);
-          this.three_phase_temp3[i] = parseInt(datalist[i].temperature_3);
-        }
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const three_phase_temp1_showData = this.three_phase_temp1.slice(
-        start,
-        end
-      );
-      const three_phase_temp2_showData = this.three_phase_temp2.slice(
-        start,
-        end
-      );
-      const three_phase_temp3_showData = this.three_phase_temp3.slice(
-        start,
-        end
-      );
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "three_phase_temp1",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: three_phase_temp1_showData,
-          },
-          {
-            name: "three_phase_temp2",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: three_phase_temp2_showData,
-          },
-          {
-            name: "three_phase_temp3",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: three_phase_temp3_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/pipeline_monitor.vue

@@ -1,42 +0,0 @@
-<template>
-  <el-container>
-    <!--风流、风速-->
-    <el-row>
-      <el-col> <pm_echarts_one></pm_echarts_one> </el-col>
-
-      <!-- 全压、静压、动压 -->
-      <el-col> <pm_echarts_two></pm_echarts_two> </el-col>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import pm_echarts_one from "@/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_one.vue";
-import pm_echarts_two from "@/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_two.vue";
-
-export default {
-  name: "level_one_monitor",
-  data() {
-    return {};
-  },
-  components: {
-    pm_echarts_one,
-    pm_echarts_two,
-  },
-  methods: {},
-};
-</script>
-
-<style scoped>
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-.el-col {
-  border-style: dashed;
-  border-width: 2px;
-  border-radius: 10px;
-  border-color: dimgrey;
-  height: 300px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_one.vue

@@ -1,75 +0,0 @@
-<template>
-  <el-container>
-    <el-row>
-      <div class="divi">
-        <input type="button" class="button" value="总览" @click="getWindMain" />
-        <input
-          type="button"
-          class="button"
-          value="风流"
-          @click="getWindVolume"
-        />
-        <input
-          type="button"
-          class="button"
-          value="风速"
-          @click="getWindSpeed"
-        />
-      </div>
-      <div class="divi">
-        <pm_echarts_one_one v-if="windmainshow"></pm_echarts_one_one>
-        <pm_echarts_one_two v-if="windvolumeShow"></pm_echarts_one_two>
-        <pm_echarts_one_three v-if="windspeedShow"></pm_echarts_one_three>
-      </div>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import pm_echarts_one_one from "@/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_one_one.vue";
-import pm_echarts_one_two from "@/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_one_two.vue";
-import pm_echarts_one_three from "@/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_one_three.vue";
-
-export default {
-  name: "pm_echarts_one",
-  data() {
-    return {
-      windmainshow: true,
-      windvolumeShow: false,
-      windspeedShow: false,
-    };
-  },
-  components: {
-    pm_echarts_one_one,
-    pm_echarts_one_two,
-    pm_echarts_one_three,
-  },
-  methods: {
-    getWindMain() {
-      this.windmainshow = true;
-      this.windvolumeShow = false;
-      this.windspeedShow = false;
-    },
-    getWindVolume() {
-      this.windmainshow = false;
-      this.windvolumeShow = true;
-      this.windspeedShow = false;
-    },
-    getWindSpeed() {
-      this.windmainshow = false;
-      this.windvolumeShow = false;
-      this.windspeedShow = true;
-    },
-  },
-};
-</script>
-<style scoped>
-.button {
-  width: 60px;
-  height: 30px;
-}
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-</style>

src/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_one_one.vue

@@ -1,210 +0,0 @@
-<!--  3-1 - 总览  -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_one"></div>
-</template>
-<script>
-import {getfeng2pipeline} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_one",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      wvo: [],
-      wsp: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_one);
-      const initOption = {
-        title: [
-          {
-            text: "总览：风流vo、风速sp",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["wvo", "wsp"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng2pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.wvo[i] = parseInt(datalist[i].wind_volume);
-          this.wsp[i] = parseInt(datalist[i].wind_speed);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const wvo_showData = this.wvo.slice(start, end);
-      const wsp_showData = this.wsp.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "wvo",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: wvo_showData,
-          },
-          {
-            name: "wsp",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: wsp_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_one_three.vue

@@ -1,179 +0,0 @@
-<!--  3-1 - 风速 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_one"></div>
-</template>
-<script>
-import {getfeng2pipeline} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_one",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      wsp: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_one);
-      const initOption = {
-        title: [
-          {
-            text: "风速wsp",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["wsp"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-       getfeng2pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.wsp[i] = parseInt(datalist[i].wind_speed);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const wsp_showData = this.wsp.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: {
-          name: "wsp",
-          type: "line",
-          smooth: false,
-          // 单独修改当前线条的样式
-          lineStyle: {
-            color: "#0040FF",
-            width: "2",
-          },
-          // 设置拐点
-          symbol: "circle",
-          // 拐点大小
-          symbolSize: 3,
-          // 开始不显示拐点， 鼠标经过显示
-          showSymbol: false,
-          // 设置拐点颜色以及边框
-          itemStyle: {
-            color: "#0040FF",
-            borderColor: "rgba(0, 170, 255, 0.1)",
-            borderWidth: 6,
-          },
-          emphasis: {
-            focus: "series",
-          },
-          data: wsp_showData,
-        },
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_one_two.vue

@@ -1,180 +0,0 @@
-<!--  3-1 - 风流 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_one"></div>
-</template>
-<script>
-import {getfeng2pipeline} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_one",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      wvo: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_one);
-      const initOption = {
-        title: [
-          {
-            text: "风流wvo",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["wvo"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-       //向后端请求数据
-       getfeng2pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.wvo[i] = parseInt(datalist[i].wind_volume);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const wvo_showData = this.wvo.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: {
-          name: "wvo",
-          type: "line",
-          smooth: false,
-          // 单独修改当前线条的样式
-          lineStyle: {
-            color: "#CDFF93",
-            width: "2",
-          },
-          // 设置拐点
-          symbol: "circle",
-          // 拐点大小
-          symbolSize: 3,
-          // 开始不显示拐点， 鼠标经过显示
-          showSymbol: false,
-          // 设置拐点颜色以及边框
-          itemStyle: {
-            color: "#CDFF93",
-            borderColor: "rgba(0, 170, 255, 0.1)",
-            borderWidth: 6,
-          },
-          emphasis: {
-            focus: "series",
-          },
-          data: wvo_showData,
-        },
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_two.vue

@@ -1,91 +0,0 @@
-<template>
-  <el-container>
-    <el-row>
-      <div class="divi">
-        <input type="button" class="button" value="总览" @click="getMain" />
-        <input
-          type="button"
-          class="button"
-          value="全压"
-          @click="getFullPressure"
-        />
-        <input
-          type="button"
-          class="button"
-          value="静压"
-          @click="getStaticPressure"
-        />
-        <input
-          type="button"
-          class="button"
-          value="动压"
-          @click="getDynamicPressure"
-        />
-      </div>
-      <div class="divi">
-        <pm_echarts_two_main v-if="MainShow"></pm_echarts_two_main>
-        <pm_echarts_two_one v-if="fullpressureShow"></pm_echarts_two_one>
-        <pm_echarts_two_two v-if="staticpressureShow"></pm_echarts_two_two>
-        <pm_echarts_two_three v-if="dynamicpressureShow"></pm_echarts_two_three>
-      </div>
-    </el-row>
-  </el-container>
-</template>
-
-<script>
-import pm_echarts_two_one from "@/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_two_one.vue";
-import pm_echarts_two_two from "@/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_two_two.vue";
-import pm_echarts_two_three from "@/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_two_three.vue";
-import pm_echarts_two_main from "@/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_two_main.vue";
-
-export default {
-  name: "pm_echarts_two",
-  data() {
-    return {
-      MainShow: true,
-      fullpressureShow: false,
-      staticpressureShow: false,
-      dynamicpressureShow: false,
-    };
-  },
-  components: {
-    pm_echarts_two_one,
-    pm_echarts_two_two,
-    pm_echarts_two_three,
-    pm_echarts_two_main,
-  },
-  methods: {
-    getMain() {
-      (this.MainShow = true), (this.fullpressureShow = false);
-      this.staticpressureShow = false;
-      this.dynamicpressureShow = false;
-    },
-
-    getFullPressure() {
-      (this.MainShow = false), (this.fullpressureShow = true);
-      this.staticpressureShow = false;
-      this.dynamicpressureShow = false;
-    },
-    getStaticPressure() {
-      (this.MainShow = false), (this.fullpressureShow = false);
-      this.staticpressureShow = true;
-      this.dynamicpressureShow = false;
-    },
-    getDynamicPressure() {
-      (this.MainShow = false), (this.fullpressureShow = false);
-      this.staticpressureShow = false;
-      this.dynamicpressureShow = true;
-    },
-  },
-};
-</script>
-<style scoped>
-.button {
-  width: 60px;
-  height: 30px;
-}
-.el-row {
-  width: 100%;
-  height: 100%;
-}
-</style>

src/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_two_main.vue

@@ -1,239 +0,0 @@
-<!--  3-2 - 总览 -->
-<template>
-  <div class="com-chart" ref="lom_echarts_one_main"></div>
-</template>
-<script>
-import {getfeng2pipeline} from "/src/utils/api.js";
-export default {
-  name: "lom_echarts_one_main",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      full_pressure: [],
-      static_pressure: [],
-      dynamic_pressure: [],
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.lom_echarts_one_main);
-      const initOption = {
-        title: [
-          {
-            text: "全压、静压、动压",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["full_pressure", "static_pressure", "dynamic_pressure"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng2pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.full_pressure[i] = parseInt(datalist[i].full_pressure);
-          this.static_pressure[i] = parseInt(datalist[i].static_pressure);
-          this.dynamic_pressure[i] = parseInt(datalist[i].dynamic_pressure);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const full_pressure_showData = this.full_pressure.slice(start, end);
-      const static_pressure_showData = this.static_pressure.slice(start, end);
-      const dynamic_pressure_showData = this.dynamic_pressure.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "full_pressure",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: full_pressure_showData,
-          },
-          {
-            name: "static_pressure",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: static_pressure_showData,
-          },
-          {
-            name: "dynamic_pressure",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: dynamic_pressure_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_two_one.vue

@@ -1,183 +0,0 @@
-<!--  3-2 - 全压 -->
-<template>
-  <div class="com-chart" ref="pm_echarts_two_one"></div>
-</template>
-<script>
-import {getfeng2pipeline} from "/src/utils/api.js";
-export default {
-  name: "pm_echarts_two_one",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      full_pressure: [],
-
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.pm_echarts_two_one);
-      const initOption = {
-        title: [
-          {
-            text: "全压full_pressure",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["full_pressure"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng2pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.full_pressure[i] = parseInt(datalist[i].full_pressure);
-          
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const full_pressure_showData = this.full_pressure.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "full_pressure",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#CDFF93",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#CDFF93",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: full_pressure_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_two_three.vue

@@ -1,182 +0,0 @@
-<!-- 3-2 - 动压 -->
-<template>
-  <div class="com-chart" ref="pm_echarts_two_three"></div>
-</template>
-<script>
-import {getfeng2pipeline} from "/src/utils/api.js";
-export default {
-  name: "pm_echarts_two_three",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      dynamic_pressure: [],
-
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.pm_echarts_two_three);
-      const initOption = {
-        title: [
-          {
-            text: "动压dynamic_pressure",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["dynamic_pressure"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-       //向后端请求数据
-      getfeng2pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-          this.dynamic_pressure[i] = parseInt(datalist[i].dynamic_pressure);
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const dynamic_pressure_showData = this.dynamic_pressure.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "dynamic_pressure",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#FF0000",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#FF0000",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: dynamic_pressure_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/components/compressed/main_ventilation_two_system/pipeline_monitor_echarts/pm_echarts_two_two.vue

@@ -1,184 +0,0 @@
-<!--  3-2 - 静压 -->
-<template>
-  <div class="com-chart" ref="pm_echarts_two_two"></div>
-</template>
-<script>
-import {getfeng2pipeline} from "/src/utils/api.js";
-export default {
-  name: "pm_echarts_two_two",
-  data() {
-    return {
-      myChart: null,
-      time: [],
-      static_pressure: [],
-
-      currentPage: 1, // 当前显示的页数
-      totalPage: 0, // 一共有多少页
-      timerId: null, // 定时器的标识
-    };
-  },
-  mounted() {
-    this.initCharts();
-    this.getData();
-    console.log("hhh");
-  },
-  destroyed() {
-    clearInterval(this.timerId);
-  },
-  methods: {
-    // 初始化图表
-    initCharts() {
-      this.myChart = this.$echarts.init(this.$refs.pm_echarts_two_two);
-      const initOption = {
-        title: [
-          {
-            text: "静压static_pressure",
-            top: "5%",
-            left: "5%",
-            textStyle: {
-              fontSize: 12,
-              fontWeight: "bold",
-            },
-          },
-        ],
-        tooltip: {
-          trigger: "axis",
-        },
-        legend: {
-          show: true,
-          left: "right",
-          data: ["static_pressure"],
-          orient: "vertical",
-        },
-        grid: {
-          top: "25%",
-          left: "5%",
-          right: "5%",
-          bottom: "0%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          // data: ["1", "2", "3", "4", "5"],
-          boundaryGap: false,
-          // 修改x轴文字颜色和大小
-          axisLabel: {
-            textStyle: {
-              color: "rgba(187, 174, 200, 1)",
-              fontSize: "12",
-            },
-          },
-          // 修改分割线的颜色
-          splitLine: {
-            lineStyle: {
-              color: "rgba(199, 186, 212, 0.3)",
-            },
-          },
-        },
-        yAxis: {
-          type: "value",
-          max: 100,
-          min: 0,
-          interval: 20,
-        },
-        series: {
-          type: "line",
-        },
-        animation: false, //关闭动画过渡
-      };
-      this.myChart.setOption(initOption);
-      // 对图表对象进行鼠标事件的监听
-      this.myChart.on("mouseover", () => {
-        clearInterval(this.timerId);
-      });
-      this.myChart.on("mouseout", () => {
-        this.startInterval();
-      });
-    },
-    async getData() {
-      //向后端请求数据
-      getfeng2pipeline().then(response => {
-        //console.log(response);        
-        this.data = response.data;
-        //console.log(this.data);
-        let datalist = JSON.parse(JSON.stringify(this.data));
-        //console.log(datalist);
-
-        for(let i = 0, len = 99; i < len; i++){
-          this.time[i] = datalist[i].time.slice(11, 19);
-         
-          this.static_pressure[i] = parseInt(datalist[i].static_pressure);
-          
-        }
-        
-
-        // 每5个元素显示一页
-      this.totalPage = this.time.length - 5;
-      this.updateChart();
-      // 启动定时器
-      this.startInterval();
-
-      })
-    },
-    // 更新图表
-    updateChart() {
-      const start = this.currentPage;
-      const end = this.currentPage + 5;
-      const time_showData = this.time.slice(start, end);
-      const static_pressure_showData = this.static_pressure.slice(start, end);
-
-      const Dataoption = {
-        xAxis: {
-          data: time_showData,
-        },
-        series: [
-          {
-            name: "static_pressure",
-            type: "line",
-            smooth: false,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0040FF",
-              width: "2",
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0040FF",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6,
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: static_pressure_showData,
-          },
-        ],
-      };
-      this.myChart.setOption(Dataoption);
-    },
-    startInterval() {
-      if (this.timerId) {
-        clearInterval(this.timerId);
-      }
-      this.timerId = setInterval(() => {
-        this.currentPage++;
-        if (this.currentPage > this.totalPage) {
-          this.currentPage = 1;
-        }
-        this.updateChart();
-      }, 1000);
-    },
-  },
-};
-</script>
-<style scoped>
-.com-chart {
-  height: 145px;
-}
-</style>

src/router/index.js

@@ -244,24 +244,6 @@ export default new Router({
             component: () =>
                 import('../views/ventilate/ventilate.vue'),
             hidden: false,
-            children: [
-                {
-                    path: 'zutai',
-                    hidden: true,
-                    component: () => import('@/views/ventilate/configImg/zutai.vue')
-                },
-                {
-                    path: 'mven_one_sysData',
-                    hidden: true,
-                    component: () => import('@/views/ventilate/configImg/mven_one_sysData.vue')
-                },
-                {
-                    path: 'mven_two_sysData',
-                    hidden: true,
-                    component: () => import('@/views/ventilate/configImg/mven_two_sysData.vue')
-                }
-            ]
-
         },
         {
             path: '/venDataDetail',

src/views/ventilate/configImg/mven_one_sysData.vue

@@ -1,125 +0,0 @@
-<template>
-  <el-container>
-    <!-- <el-header>
-      <div
-        v-if="this.$router.currentRoute.path == '/main_ventilation_one_system'"
-      >
-        <el-breadcrumb separator-class="el-icon-arrow-right">
-          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
-          <el-breadcrumb-item :to="{ path: '/main_ventilation_one_system' }"
-            >主通风系统</el-breadcrumb-item
-          >
-          <el-breadcrumb-item>数据看板</el-breadcrumb-item>
-        </el-breadcrumb>
-      </div>
-    </el-header> -->
-
-    <el-main>
-      <el-row :gutter="20">
-        <!-- 1-1 1级电机监测数据 -->
-        <el-col :span="8">
-          <div class="grid-content">
-            <el-card>
-              <div>1级电机监测数据</div>
-              <br />
-              <level_one_monitor></level_one_monitor>
-            </el-card>
-          </div>
-        </el-col>
-        <!-- 1-2 2级电机监测数据 -->
-        <el-col :span="8">
-          <div class="grid-content">
-            <el-card>
-              <div>2级电机监测数据</div>
-              <br />
-              <level_two_monitor></level_two_monitor>
-            </el-card>
-          </div>
-        </el-col>
-      </el-row>
-
-      <!-- 第二行 -->
-      <el-row :gutter="20">
-        <!-- 2-1  管道监控 -->
-        <el-col :span="8">
-          <div class="grid-content">
-            <el-card>
-              <div>管道监控</div>
-              <br />
-              <pipeline_monitor></pipeline_monitor>
-            </el-card>
-          </div>
-        </el-col>
-        <!-- 2-2 报警操作记录 -->
-        <el-col :span="8">
-          <div class="grid-content">
-            <el-card>
-              <div>报警操作记录</div>
-              <br />
-              <alert_operation_record></alert_operation_record>
-            </el-card>
-          </div>
-        </el-col>
-      </el-row>
-    </el-main>
-  </el-container>
-</template>
-
-
-<script>
-import level_one_monitor from "@/components/compressed/main_ventilation_one_system/level_one_monitor.vue";
-import level_two_monitor from "@/components/compressed/main_ventilation_one_system/level_two_monitor.vue";
-import pipeline_monitor from "@/components/compressed/main_ventilation_one_system/pipeline_monitor.vue";
-import alert_operation_record from "@/components/compressed/main_ventilation_one_system/alert_operation_record.vue";
-
-export default {
-  name: "mven_one_sysData",
-  data() {
-    return {};
-  },
-  components: {
-    level_one_monitor,
-    level_two_monitor,
-    pipeline_monitor,
-    alert_operation_record,
-  },
-  methods: {},
-};
-</script>
-
-<style scoped>
-.grid-content {
-  /* border: 1px solid rgb(139, 136, 136); */
-  height: 700px;
-}
-
-.el-card {
-  background: #ffffff;
-  border-radius: 8px;
-  width: 100%;
-  height: 95%;
-  margin-top: 5px;
-  margin-left: 5px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
-}
-
-/* .divi {
-        display: block;
-        height: 1px;
-        width: 100%;
-        margin: 6px 0;
-        background-color: #dcdfe6;
-        position: relative;
-        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
-    }
-
-    .divi_small {
-        display: block;
-        height: 1px;
-        width: 100%;
-        margin: 0px 0;
-        background-color: #dcdfe6;
-        position: relative;
-        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
-    } */
-</style>

src/views/ventilate/configImg/mven_two_sysData.vue

@@ -1,125 +0,0 @@
-<template>
-  <el-container>
-    <!-- <el-header>
-      <div
-        v-if="this.$router.currentRoute.path == '/main_ventilation_one_system'"
-      >
-        <el-breadcrumb separator-class="el-icon-arrow-right">
-          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
-          <el-breadcrumb-item :to="{ path: '/main_ventilation_one_system' }"
-            >主通风系统</el-breadcrumb-item
-          >
-          <el-breadcrumb-item>数据看板</el-breadcrumb-item>
-        </el-breadcrumb>
-      </div>
-    </el-header> -->
-
-    <el-main>
-      <el-row :gutter="20">
-        <!-- 1-1 1级电机监测数据 -->
-        <el-col :span="8">
-          <div class="grid-content">
-            <el-card>
-              <div>1级电机监测数据</div>
-              <br />
-              <level_one_monitor></level_one_monitor>
-            </el-card>
-          </div>
-        </el-col>
-        <!-- 1-2 2级电机监测数据 -->
-        <el-col :span="8">
-          <div class="grid-content">
-            <el-card>
-              <div>2级电机监测数据</div>
-              <br />
-              <level_two_monitor></level_two_monitor>
-            </el-card>
-          </div>
-        </el-col>
-      </el-row>
-
-      <!-- 第二行 -->
-      <el-row :gutter="20">
-        <!-- 2-1  管道监控 -->
-        <el-col :span="8">
-          <div class="grid-content">
-            <el-card>
-              <div>管道监控</div>
-              <br />
-              <pipeline_monitor></pipeline_monitor>
-            </el-card>
-          </div>
-        </el-col>
-        <!-- 2-2 报警操作记录 -->
-        <el-col :span="8">
-          <div class="grid-content">
-            <el-card>
-              <div>报警操作记录</div>
-              <br />
-              <alert_operation_record></alert_operation_record>
-            </el-card>
-          </div>
-        </el-col>
-      </el-row>
-    </el-main>
-  </el-container>
-</template>
-
-
-<script>
-import level_one_monitor from "@/components/compressed/main_ventilation_two_system/level_one_monitor.vue";
-import level_two_monitor from "@/components/compressed/main_ventilation_two_system/level_two_monitor.vue";
-import pipeline_monitor from "@/components/compressed/main_ventilation_two_system/pipeline_monitor.vue";
-import alert_operation_record from "@/components/compressed/main_ventilation_two_system/alert_operation_record.vue";
-
-export default {
-  name: "mven_two_sysData",
-  data() {
-    return {};
-  },
-  components: {
-    level_one_monitor,
-    level_two_monitor,
-    pipeline_monitor,
-    alert_operation_record,
-  },
-  methods: {},
-};
-</script>
-
-<style scoped>
-.grid-content {
-  /* border: 1px solid rgb(139, 136, 136); */
-  height: 700px;
-}
-
-.el-card {
-  background: #ffffff;
-  border-radius: 8px;
-  width: 100%;
-  height: 95%;
-  margin-top: 5px;
-  margin-left: 5px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
-}
-
-/* .divi {
-        display: block;
-        height: 1px;
-        width: 100%;
-        margin: 6px 0;
-        background-color: #dcdfe6;
-        position: relative;
-        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
-    }
-
-    .divi_small {
-        display: block;
-        height: 1px;
-        width: 100%;
-        margin: 0px 0;
-        background-color: #dcdfe6;
-        position: relative;
-        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
-    } */
-</style>

src/views/ventilate/configImg/zutai.vue

@@ -1,353 +0,0 @@
-<template>
-  <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>
-        </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
-        >
-      </div>
-      <div class="image">
-        <img src="@/assets/img/风机组态图.png" />
-      </div>
-    </div>
-    <div class="bottom">
-      <div class="bottom-left">
-        <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>
-          </tr>
-          <tr>
-            <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>
-          </tr>
-          <tr>
-            <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>
-          </tr>
-          <tr>
-            <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>
-          </tr>
-          <tr>
-            <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></td>
-          </tr>
-          <tr>
-            <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></td>
-          </tr>
-        </table>
-      </div>
-      <div class="bottom-right">
-        <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>
-          </tr>
-          <tr>
-            <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>
-          </tr>
-          <tr>
-            <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>
-          </tr>
-          <tr>
-            <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>
-          </tr>
-          <tr>
-            <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></td>
-          </tr>
-          <tr>
-            <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></td>
-          </tr>
-        </table>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      nowDate: "", // 当前日期
-      nowTime: "", // 当前时间
-      //1号风机
-      uab_1: "",
-      ubc_1: "",
-      uca_1: "",
-      ia_1: "",
-      ib_1: "",
-      temperature_1_1: "",
-      temperature_2_1: "",
-      front_axle_temperature_1: "",
-      horizontal_vibration_1: "",
-      operating_frequency_1: "",
-      value1: 0, //1号风机1级电机
-      uab_2: "",
-      ubc_2: "",
-      uca_2: "",
-      ia_2: "",
-      ib_2: "",
-      temperature_1_2: "",
-      temperature_2_2: "",
-      front_axle_temperature_2: "",
-      vertical_vibration: "",
-      operating_frequency_2: "",
-      value2: 0, //1号风机1级电机
-      wind_volume: "",
-      wind_speed: "",
-      full_pressure: "",
-      static_pressure: "",
-      dynamic_pressure: "",
-      horizontal_airdoor: "",
-      vertical_airdoor: "",
-      value3: 0, //1号风机管道风量
-      //2号风机
-      uab_12: "",
-      ubc_12: "",
-      uca_12: "",
-      ia_12: "",
-      ib_12: "",
-      temperature_1_12: "",
-      temperature_2_12: "",
-      front_axle_temperature_12: "",
-      horizontal_vibration_12: "",
-      operating_frequency_12: "",
-      value4: 0, //2号风机1级电机
-      uab_22: "",
-      ubc_22: "",
-      uca_22: "",
-      ia_22: "",
-      ib_22: "",
-      temperature_1_22: "",
-      temperature_2_22: "",
-      front_axle_temperature_22: "",
-      vertical_vibration2: "",
-      operating_frequency_22: "",
-      value5: 0, //2号风机1级电机
-      wind_volume2: "",
-      wind_speed2: "",
-      full_pressure2: "",
-      static_pressure2: "",
-      dynamic_pressure2: "",
-      horizontal_airdoor2: "",
-      vertical_airdoor2: "",
-      value6: 0, //2号风机管道风量
-      remote_ip: "10.170.53.164",
-    };
-  },
-};
-</script>
-
-<style scoped>
-* {
-  padding: 0;
-  border: 0;
-  margin: 0;
-}
-.a {
-  text-decoration: none;
-}
-li {
-  list-style-type: none;
-}
-#app {
-  background-color: rgb(2, 76, 146);
-  width: 100%;
-}
-#app .top li {
-  display: inline;
-}
-#app .top ul {
-  color: rgb(01, 230, 239);
-  line-height: 50px;
-}
-#app .top ul .li0 {
-  float: left;
-  font-family: 楷体;
-  font-size: 20px;
-  margin-left: 10%;
-}
-#app .top ul .li1 {
-  margin-right: 13%;
-  margin-left: 25%;
-  font-weight: 700;
-  font-size: 25px;
-  font-family: 黑体;
-  letter-spacing: 5px;
-}
-#app .top ul .li2 {
-  font-family: 楷体;
-  font-size: 20px;
-}
-#app .top ul .li3 {
-  float: right;
-  margin-right: 40px;
-}
-.btngroup {
-  position: relative;
-}
-.btngroup .fengji1 {
-  font-size: 30px;
-  position: absolute;
-  top: 110px;
-  left: 660px;
-}
-.btngroup .fengji2 {
-  font-size: 30px;
-  position: absolute;
-  top: 180px;
-  left: 600px;
-}
-#app .image {
-  text-align: center;
-  height: 300px;
-}
-#app .image img {
-  width: auto;
-  height: auto;
-  max-width: 100%;
-  max-height: 100%;
-}
-#app .image img {
-  height: 300px;
-}
-
-#app .top {
-  width: 100%;
-  height: 50px;
-}
-
-#app .center {
-  border-top: 1px solid rgb(39, 99, 163);
-  height: 60px;
-  border-bottom: 1px solid rgb(39, 99, 163);
-}
-
-#app .bottom-left table {
-  width: 98%;
-  text-align: center;
-  min-height: 500px;
-}
-
-#app .bottom-left {
-  float: left;
-  width: 49%;
-  height: auto;
-  text-align: center;
-  border: 2px solid rgb(0, 100, 174);
-  border-radius: 10px;
-}
-#app .bottom {
-  overflow: hidden;
-}
-#app .bottom-right {
-  float: right;
-  width: 49%;
-  height: auto;
-  text-align: center;
-  border: 2px solid rgb(0, 100, 174);
-  border-radius: 10px;
-}
-#app .bottom-right table {
-  width: 98%;
-  text-align: center;
-  min-height: 500px;
-}
-table {
-  color: rgb(1, 153, 190);
-}
-tr th img {
-  height: 20px;
-}
-
-#app .bottom p {
-  color: rgb(0, 230, 239);
-  font-weight: 1000;
-  font-size: 20px;
-}
-th {
-  background-color: rgb(7, 70, 130);
-  font-size: 20px;
-}
-</style>

src/views/ventilate/ventilate.vue

@@ -47,11 +47,6 @@ export default {
   },
   methods: {
     handleClick(tab, event) {
-      if (tab.name == "third") {
-        this.$router.push({
-          path: "/ventilate/zutai",
-        });
-      }
     },
   },
   components: {