束管检测

src/router.js

@@ -194,6 +194,20 @@ export default new Router({
                 component: () =>
                     import ('./views/beam_tube/beam.vue'),
                 hidden: false,
+            }, {
+                path: '/beamDeviceList',
+                name: ' 束管检测设备列表',
+                id: 1090,
+                component: () =>
+                    import ('./views/beam_tube/beamDeviceList.vue'),
+                hidden: true,
+            }, {
+                path: '/beamCheckPoint',
+                name: ' 束管检测测点',
+                id: 1091,
+                component: () =>
+                    import ('./views/beam_tube/beamCheckPoint.vue'),
+                hidden: true,
             }, {
                 path: '/gas',
                 name: ' 瓦斯抽放',

src/views/beam_tube/beam.vue

@@ -1,5 +1,27 @@
 <template>
-<div>beam</div>
+    <div>
+        <el-card>
+            <el-table :data="subSystemData" style="width: 100%" border stripe>
+                <el-table-column type="index" label="#" header-align="center" align="center" width="60">
+                </el-table-column>
+                <el-table-column prop="subSystem_name" label="子系统名称" header-align="center" align="center" width="150">
+                </el-table-column>
+                <el-table-column label="操作" header-align="center" align="center" width="150">
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="watchDevice(scope.row)">查看</el-button>
+                    </template>
+</el-table-column>
+<el-table-column prop="remark" label="备注" header-align="center" align="center" width="150">
+</el-table-column>
+
+</el-table>
+
+<!-- 分页区域 -->
+<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage1" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="5">
+</el-pagination>
+</el-card>
+
+</div>
 </template>
 
 
@@ -7,8 +29,32 @@
     export default {
         name: "beam",
         data() {
-            return {}
-        }
+            return {
+                subSystemData: [{
+                    subSystem_name: '12302工作面',
+                    remark: '暂无'
+                }, {
+                    subSystem_name: '12313工作面',
+                    remark: '暂无'
+                }],
+                currentPage: 1
+            }
+        },
+        methods: {
+            handleSizeChange(newSize) {
+                console.log(newSize)
+            },
+            //监听 页码值 改变的事件
+            handleCurrentChange(newPage) {
+                console.log(newPage)
+            },
+            watchDevice(row) {
+                this.$router.push({
+                    path: '/beamDeviceList'
+                })
+                window.sessionStorage.setItem("beamSubSystem_name", row.subSystem_name); //存到sessionStorage中，下一个页面获取
+            }
+        },
     }
 </script>
 

src/views/beam_tube/beamCheckPoint.vue

@@ -0,0 +1,178 @@
+<template>
+    <div> 
+        <el-card>
+        <el-table :data="checkPointData" style="width: 100%" border stripe>
+            <el-table-column type="index" label="#" header-align="center" align="center" width="60">
+            </el-table-column>
+            <el-table-column prop="checkpoint" label="测点" header-align="center" align="center" width="150">
+            </el-table-column>
+            <el-table-column prop="dataType" label="数据类型" header-align="center" align="center" width="150">
+            </el-table-column>
+            <el-table-column prop="unit" label="工程单位" header-align="center" align="center" width="150">
+            </el-table-column>
+            <el-table-column prop="frequency" label="采集频率" header-align="center" align="center" width="150">
+            </el-table-column>
+           
+<el-table-column prop="remark" label="备注" header-align="center" align="center" width="150">
+</el-table-column>
+
+</el-table>
+
+<!-- 分页区域 -->
+<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage1" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="5">
+</el-pagination>
+</el-card>
+</div>
+</template>
+
+
+<script>
+    export default {
+        name: "beamCheckPoint",
+        data() {
+            return {
+                Device_name: '',
+                checkPointData: [],
+                currentPage1: 1,
+            }
+        },
+        methods: {
+            // 获取测点列表数据
+            getCheckpointList() {
+                if (this.Device_name == '1#监测点') {
+                    this.checkPointData = [{
+                        checkpoint: 'O2',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'N2',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'CO',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'CH4',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'C2H2',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'C2H4',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }]
+                }
+                if (this.Device_name == '2#监测点') {
+                    this.checkPointData = [{
+                        checkpoint: 'O2',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'N2',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'CO',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'CH4',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'C2H2',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'C2H4',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }]
+                }
+                if (this.Device_name == '3#监测点') {
+                    this.checkPointData = [{
+                        checkpoint: 'O2',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'N2',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'CO',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'CH4',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'C2H2',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }, {
+                        checkpoint: 'C2H4',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '300s',
+                        remark: ''
+                    }]
+                }
+
+
+            }
+
+        },
+
+        mounted() {
+            // this.subSystem_name = this.$route.params.value;
+            var name = window.sessionStorage.getItem("beamDevice_name");
+            this.Device_name = name;
+            this.getCheckpointList()
+        }
+
+    }
+</script>
+
+
+<style scoped>
+
+</style>

src/views/beam_tube/beamDeviceList.vue

@@ -0,0 +1,104 @@
+<template>
+    <div>
+        <el-card>
+            <el-table :data="deviceData" style="width: 100%" border stripe>
+                <el-table-column type="index" label="#" header-align="center" align="center" width="60">
+                </el-table-column>
+                <el-table-column prop="device_name" label="设备名" header-align="center" align="center" width="180">
+                </el-table-column>
+                <el-table-column prop="num" label="数量" header-align="center" align="center" width="60">
+                </el-table-column>
+                <el-table-column prop="describe" label="设备描述" header-align="center" align="center" width="480">
+                </el-table-column>
+                <el-table-column label="操作" header-align="center" align="center" width="150">
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="watchSubDevice(scope.row)">查看</el-button>
+                    </template>
+</el-table-column>
+
+
+</el-table>
+
+<!-- 分页区域 -->
+<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage1" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="5">
+</el-pagination>
+</el-card>
+</div>
+</template>
+
+
+<script>
+    export default {
+        name: "beamDeviceList",
+        data() {
+            return {
+                subSystem_name: '',
+                deviceData: [],
+                currentPage1: 1,
+            }
+        },
+        created() {
+
+        },
+        methods: {
+            // 获取列表数据
+            getDeviceList() {
+                if (this.subSystem_name == '12302工作面') {
+                    this.deviceData = [{
+                        device_name: '1#监测点',
+                        num: '1',
+                        describe: '埋地采空距离0-50m'
+                    }, {
+                        device_name: '2#监测点',
+                        num: '1',
+                        describe: '埋地采空距离50-100m'
+                    }, {
+                        device_name: '3#监测点',
+                        num: '1',
+                        describe: '埋地采空距离100-150m'
+                    }]
+                }
+                if (this.subSystem_name == '12313工作面') {
+                    this.deviceData = [{
+                        device_name: '1#监测点',
+                        num: '1',
+                        describe: '埋地采空距离0-50m'
+                    }, {
+                        device_name: '2#监测点',
+                        num: '1',
+                        describe: '埋地采空距离50-100m'
+                    }, {
+                        device_name: '3#监测点',
+                        num: '1',
+                        describe: '埋地采空距离100-150m'
+                    }]
+                }
+
+            },
+            handleSizeChange(newSize) {
+                console.log(newSize)
+            },
+            //监听 页码值 改变的事件
+            handleCurrentChange(newPage) {
+                console.log(newPage)
+            },
+            watchSubDevice(row) {
+                this.$router.push({
+                    path: '/beamCheckPoint'
+                })
+                window.sessionStorage.setItem("beamDevice_name", row.device_name); //存到sessionStorage中，下一个页面获取
+            }
+        },
+        mounted() {
+            // this.subSystem_name = this.$route.params.value;
+            var name = window.sessionStorage.getItem("beamSubSystem_name");
+            this.subSystem_name = name;
+            this.getDeviceList()
+        }
+    }
+</script>
+
+
+<style scoped>
+
+</style>

src/views/monitor/checkCheckPoint.vue

@@ -159,90 +159,89 @@
 </template>
 
 <script>
-
-  import direction from '@/components/mining/main_bump/direction.vue'
-  import pull_status from '@/components/mining/main_bump/pull_status.vue'
-  import pulling_speed from '@/components/mining/main_bump/pulling_speed.vue'
-  import speed_status from '@/components/mining/main_bump/speed_status.vue'
-  import checkPointInfo from "./checkPointInfo";
-  export default {
-    name: "checkCheckPoint",
-    data() {
-      return {
-        check_point_name: '',
-        sub_system_name: '',
-        // health: '健康',
-        // danger: '较低',
-        // normal_time: '9天',
-        // total_time: '20s',
-        dg1: {
-          name: '牵引方向',
-          health: '健康',
-          danger: '较低',
-          normal_time: '9天',
-          total_time: '20s',
+    import direction from '@/components/mining/main_bump/direction.vue'
+    import pull_status from '@/components/mining/main_bump/pull_status.vue'
+    import pulling_speed from '@/components/mining/main_bump/pulling_speed.vue'
+    import speed_status from '@/components/mining/main_bump/speed_status.vue'
+    import checkPointInfo from "./checkPointInfo";
+    export default {
+        name: "checkCheckPoint",
+        data() {
+            return {
+                check_point_name: '',
+                sub_system_name: '',
+                // health: '健康',
+                // danger: '较低',
+                // normal_time: '9天',
+                // total_time: '20s',
+                dg1: {
+                    name: '牵引方向',
+                    health: '健康',
+                    danger: '较低',
+                    normal_time: '9天',
+                    total_time: '20s',
+                },
+                dg2: {
+                    name: '牵引状态',
+                    health: '健康',
+                    danger: '较低',
+                    normal_time: '9天',
+                    total_time: '20s',
+                },
+                dg3: {
+                    name: '加速状态',
+                    health: '健康',
+                    danger: '较低',
+                    normal_time: '9天',
+                    total_time: '20s',
+                },
+                dg4: {
+                    name: '牵引速度',
+                    health: '健康',
+                    danger: '较低',
+                    normal_time: '9天',
+                    total_time: '20s',
+                }
+            }
         },
-        dg2: {
-          name: '牵引状态',
-          health: '健康',
-          danger: '较低',
-          normal_time: '9天',
-          total_time: '20s',
+        components: {
+            direction,
+            pull_status,
+            pulling_speed,
+            speed_status,
+            checkPointInfo
         },
-        dg3: {
-          name: '加速状态',
-          health: '健康',
-          danger: '较低',
-          normal_time: '9天',
-          total_time: '20s',
+        methods: {
+            // 监听 pagesize 改变的事件
+            handleSizeChange(newSize) {
+                console.log(newSize)
+            },
+            //监听 页码值 改变的事件
+            handleCurrentChange(newPage) {
+                console.log(newPage)
+            },
+            // back() {
+            //   // this.$router.go(-1);
+            //
+            //   console.log(this.sub_system_name)
+            //   this.$router.push({
+            //     path: '/checkSubSys',
+            //     name: '查看子系统',
+            //     params: {
+            //       key: 'key',
+            //       value: this.sub_system_name
+            //     }
+            //   })    }
         },
-        dg4: {
-          name: '牵引速度',
-          health: '健康',
-          danger: '较低',
-          normal_time: '9天',
-          total_time: '20s',
+        mounted() {
+            // this.check_point_name = this.$route.params.value[0];
+            // this.sub_system_name = this.$route.params.value[1];
+            const subSystemName = window.sessionStorage.getItem("subSystemName");
+            const checkPointName = window.sessionStorage.getItem("checkPointName");
+            this.sub_system_name = subSystemName;
+            this.check_point_name = checkPointName;
         }
-      }
-    },
-    components: {
-      direction,
-      pull_status,
-      pulling_speed,
-      speed_status,
-      checkPointInfo
-    },
-    methods: {
-      // 监听 pagesize 改变的事件
-      handleSizeChange(newSize) {
-        console.log(newSize)
-      },
-      //监听 页码值 改变的事件
-      handleCurrentChange(newPage) {
-        console.log(newPage)
-      },
-      // back() {
-      //   // this.$router.go(-1);
-      //
-      //   console.log(this.sub_system_name)
-      //   this.$router.push({
-      //     path: '/checkSubSys',
-      //     name: '查看子系统',
-      //     params: {
-      //       key: 'key',
-      //       value: this.sub_system_name
-      //     }
-      //   })    }
-    },
-    mounted() {
-      // this.check_point_name = this.$route.params.value[0];
-      // this.sub_system_name = this.$route.params.value[1];
-      const subSystemName = window.sessionStorage.getItem("subSystemName");
-      const checkPointName = window.sessionStorage.getItem("checkPointName");
-      this.sub_system_name = subSystemName;
-      this.check_point_name = checkPointName;
     }
-  }
 </script>
 
 <style scoped>
@@ -255,30 +254,30 @@
         position: relative;
         font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
     }
-
+    
     .block {
         height: 140px;
         /* background-color: burlywood */
     }
-
+    
     .el-button {
         margin: 3px;
         margin-left: 25px;
         width: 120px;
     }
-
+    
     .text {
         font-size: 13px;
         font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
         font-weight: bolder;
         margin-left: 50px;
     }
-
+    
     .info {
         font-size: 13px;
         font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
     }
-
+    
     .el-card {
         background: #ffffff;
         border-radius: 8px;
@@ -287,4 +286,4 @@
         margin-top: 8px;
         box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
     }
-</style>
+</style>

src/views/monitor/checkPointInfo.vue

@@ -10,7 +10,7 @@
             <el-dropdown-item>十分钟</el-dropdown-item>
             <el-dropdown-item>一小时</el-dropdown-item>
             <el-dropdown-item>六小时</el-dropdown-item>
-            <el-dropdown-item>近 天</el-dropdown-item>
+            <el-dropdown-item>近一天</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
         <el-button type="primary" >数据分析</el-button><br>
@@ -19,8 +19,8 @@
     </el-col>
     <el-col :span="14">
       <div class="block">
-        <direction></direction>
-<!--        <dataGraph v-bind="dg"></dataGraph>-->
+        <!-- <direction></direction> -->
+       <dataGraph v-bind="dg"></dataGraph>
       </div>
 
     </el-col>
@@ -39,41 +39,45 @@
 </template>
 
 <script>
-  import dataGraph from "./dataGraph";
-  import direction from "../../components/mining/main_bump/direction";
-  export default {
-    name: "checkPointInfo",
-    components: {dataGraph, direction},
-    props: [
-      'name',
-      'health',
-      'danger',
-      'normal_time',
-      'total_time'
-    ],
-    data() {
-      return {
-        // dg: {
-        //   data_unit: "KN",
-        //   Y_scale: "1",
-        //   X_data: ['16:20', '16:21', '16:22', '16:23', '16:24', '16:25', '16:26', '16:27'],
-        //   Y_data: [0.44, 0.40, 0.23, 0.60, 0.50, 0.53, 0.83, 0.5],
-        //   time_BT: '16:26',
-        //   threshold: 0.8
-        // }
-      }
+    import dataGraph from "./dataGraph";
+    import direction from "../../components/mining/main_bump/direction";
+    export default {
+        name: "checkPointInfo",
+        components: {
+            dataGraph,
+            direction
+        },
+        props: [
+            'name',
+            'health',
+            'danger',
+            'normal_time',
+            'total_time'
+        ],
+        data() {
+            return {
+                dg: {
+                    data_unit: "KN",
+                    Y_scale: "1",
+                    X_data: ['16:20', '16:21', '16:22', '16:23', '16:24', '16:25', '16:26', '16:27'],
+                    Y_data: [0.44, 0.40, 0.23, 0.60, 0.50, 0.53, 0.83, 0.5],
+                    time_BT: '16:26',
+                    threshold: 0.8
+                }
+            }
+        }
     }
-  }
 </script>
 
 <style scoped>
-  .block {
-    height: 140px;
-    /* background-color: burlywood */
-  }
-  .el-button {
-    margin: 3px;
-    margin-left: 25px;
-    width: 120px;
-  }
-</style>
+    .block {
+        height: 140px;
+        /* background-color: burlywood */
+    }
+    
+    .el-button {
+        margin: 3px;
+        margin-left: 25px;
+        width: 120px;
+    }
+</style>

src/views/monitor/dataGraph.vue

@@ -3,143 +3,141 @@
 </template>
 
 <script>
-  export default {
-    name: "dataGraph",
-    props: [
-      'data_unit',
-      'Y_scale',
-      'X_data',
-      'Y_data',
-      'time_BT',
-      'threshold',
-    ],
-    data() {
-      return {
-        myChart: null
-      }
-    },
-    mounted() {
-      this.initCharts();
-      this.updateChart();
-    },
-    methods: {
-      // 初始化图表
-      initCharts() {
-        this.myChart = this.$echarts.init(this.$refs.direction)
-      },
-      // 更新图表
-      updateChart() {
-        const option = {
-          tooltip: {
-            trigger: 'axis',
-          },
-          legend: {
-            data: [this.data_unit]
-          },
-          grid: {
-            top: '15%',
-            left: '1%',
-            right: '4%',
-            bottom: '3%',
-            containLabel: true
-          },
-          xAxis: [{
-            type: 'category',
-            boundaryGap: false,
-            // data: ['16:20', '16:21', '16:22', '16:23', '16:24', '16:25', '16:26', '16:27'],
-            data: this.X_data,
-            // 修改x轴文字颜色和大小
-            axisLabel: {
-              textStyle: {
-                color: "rgba(187, 174, 200, 1)",
-                fontSize: "12"
-              }
-            },
-            // 修改分割线的颜色
-            splitLine: {
-              lineStyle: {
-                color: "rgba(199, 186, 212, 0.3)",
-              }
+    export default {
+        name: "dataGraph",
+        props: [
+            'data_unit',
+            'Y_scale',
+            'X_data',
+            'Y_data',
+            'time_BT',
+            'threshold',
+        ],
+        data() {
+            return {
+                myChart: null
             }
-          }],
-          yAxis: [{
-            type: 'value',
-            // axisTick: { show: false },
-            axisLine: {
-              // 修改Y轴坐标轴颜色
-              lineStyle: {
-                color: "rgba(187, 174, 200, 1)",
-
-              }
-            },
-            axisLabel: {
-              //修改y轴数据颜色
-              textStyle: {
-                color: "rgba(187, 174, 200, 1)",
-                fontSize: 12
-              }
+        },
+        mounted() {
+            this.initCharts();
+            this.updateChart();
+        },
+        methods: {
+            // 初始化图表
+            initCharts() {
+                this.myChart = this.$echarts.init(this.$refs.dataGraph)
             },
-            // 修改分割线的颜色
-            splitLine: {
-              lineStyle: {
-                color: "rgba(199, 186, 212, 0.3)",
-              }
+            // 更新图表
+            updateChart() {
+                const option = {
+                    tooltip: {
+                        trigger: 'axis',
+                    },
+                    legend: {
+                        data: [this.data_unit]
+                    },
+                    grid: {
+                        top: '15%',
+                        left: '1%',
+                        right: '4%',
+                        bottom: '3%',
+                        containLabel: true
+                    },
+                    xAxis: [{
+                        type: 'category',
+                        boundaryGap: false,
+                        // data: ['16:20', '16:21', '16:22', '16:23', '16:24', '16:25', '16:26', '16:27'],
+                        data: this.X_data,
+                        // 修改x轴文字颜色和大小
+                        axisLabel: {
+                            textStyle: {
+                                color: "rgba(187, 174, 200, 1)",
+                                fontSize: "12"
+                            }
+                        },
+                        // 修改分割线的颜色
+                        splitLine: {
+                            lineStyle: {
+                                color: "rgba(199, 186, 212, 0.3)",
+                            }
+                        }
+                    }],
+                    yAxis: [{
+                        type: 'value',
+                        // axisTick: { show: false },
+                        axisLine: {
+                            // 修改Y轴坐标轴颜色
+                            lineStyle: {
+                                color: "rgba(187, 174, 200, 1)",
+                            }
+                        },
+                        axisLabel: {
+                            //修改y轴数据颜色
+                            textStyle: {
+                                color: "rgba(187, 174, 200, 1)",
+                                fontSize: 12
+                            }
+                        },
+                        // 修改分割线的颜色
+                        splitLine: {
+                            lineStyle: {
+                                color: "rgba(199, 186, 212, 0.3)",
+                            }
+                        }
+                    }],
+                    series: [{
+                        // name: '采煤机平均采煤量',
+                        type: 'line',
+                        smooth: true,
+                        // 单独修改当前线条的样式
+                        lineStyle: {
+                            color: "#0097e3",
+                            width: "2"
+                        },
+                        // 设置拐点
+                        symbol: "circle",
+                        // 拐点大小
+                        symbolSize: 3,
+                        // 开始不显示拐点， 鼠标经过显示
+                        showSymbol: false,
+                        // 设置拐点颜色以及边框
+                        itemStyle: {
+                            color: "#0184d5",
+                            borderColor: "rgba(0, 170, 255, 0.1)",
+                            borderWidth: 6
+                        },
+                        emphasis: {
+                            focus: 'series'
+                        },
+                        //data: [0.44, 0.40, 0.23, 0.60, 0.50, 0.53, 0.83, 0.5]
+                        data: this.Y_data
+                    }, {
+                        name: '阈值',
+                        type: 'line',
+                        smooth: true,
+                        // 单独修改当前线条的样式
+                        lineStyle: {
+                            color: "#c1bed1",
+                            width: "2"
+                        },
+                        symbol: "none",
+                        // emphasis: {
+                        //     focus: 'series'
+                        // },
+                        //data: [0.8, 0.8, 0.8, 0.8, 0.8, 0.8, 0.8, 0.8]
+                        data: [this.threshold, this.threshold, this.threshold, this.threshold, this.threshold, this.threshold,
+                            this.threshold, this.threshold
+                        ]
+                    }]
+                };
+                this.myChart.setOption(option);
             }
-          }
-
-          ],
-          series: [{
-            // name: '采煤机平均采煤量',
-            type: 'line',
-            smooth: true,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#0097e3",
-              width: "2"
-            },
-            // 设置拐点
-            symbol: "circle",
-            // 拐点大小
-            symbolSize: 3,
-            // 开始不显示拐点， 鼠标经过显示
-            showSymbol: false,
-            // 设置拐点颜色以及边框
-            itemStyle: {
-              color: "#0184d5",
-              borderColor: "rgba(0, 170, 255, 0.1)",
-              borderWidth: 6
-            },
-            emphasis: {
-              focus: 'series'
-            },
-            //data: [0.44, 0.40, 0.23, 0.60, 0.50, 0.53, 0.83, 0.5]
-            data: this.Y_data
-          }, {
-            name: '阈值',
-            type: 'line',
-            smooth: true,
-            // 单独修改当前线条的样式
-            lineStyle: {
-              color: "#c1bed1",
-              width: "2"
-            },
-            symbol: "none",
-            // emphasis: {
-            //     focus: 'series'
-            // },
-            //data: [0.8, 0.8, 0.8, 0.8, 0.8, 0.8, 0.8, 0.8]
-            data: [this.threshold, this.threshold, this.threshold, this.threshold, this.threshold, this.threshold,
-              this.threshold, this.threshold]
-          }]
-        };
-        this.myChart.setOption(option);
-      }
+        }
     }
-  }
 </script>
 
 <style scoped>
-  .com-chart {
-    height: 145px;
-  }
-</style>
+    .com-chart {
+        height: 145px;
+    }
+</style>