Merge branch 'master' of gitee.com:qinnamin/large_screen

src/components/transportation/coalCentral/belt_body/direction.vue

@@ -44,7 +44,7 @@
                         data: ['单位：kN']
                     },
                     grid: {
-                        top: '15%',
+                        top: '3%',
                         left: '1%',
                         right: '4%',
                         bottom: '3%',
@@ -111,7 +111,17 @@
                         showSymbol: false,
                         // 设置拐点颜色以及边框
                         itemStyle: {
-                            color: "#0184d5",
+                            normal: {
+                                label: {
+                                    show: true,
+                                    formatter: " {c}",
+                                    textStyle: {
+                                        color: '#00aaff'
+                                    }
+                                }
+                            },
+
+                            color: "#55ffff",
                             borderColor: "rgba(0, 170, 255, 0.1)",
                             borderWidth: 6
                         },

src/components/transportation/coalCentral/belt_body/pull_status.vue

@@ -44,7 +44,7 @@
                         data: ['单位：m/s']
                     },
                     grid: {
-                        top: '15%',
+                        top: '3%',
                         left: '1%',
                         right: '4%',
                         bottom: '3%',
@@ -111,7 +111,16 @@
                         showSymbol: false,
                         // 设置拐点颜色以及边框
                         itemStyle: {
-                            color: "#0184d5",
+                            normal: {
+                                label: {
+                                    show: true,
+                                    formatter: " {c}",
+                                    textStyle: {
+                                        color: '#00aaff'
+                                    }
+                                }
+                            },
+                            color: "#55ffff",
                             borderColor: "rgba(0, 170, 255, 0.1)",
                             borderWidth: 6
                         },

src/components/transportation/coalCentral/belt_body/pulling_speed.vue

@@ -44,7 +44,7 @@
                         data: ['单位：m/s']
                     },
                     grid: {
-                        top: '15%',
+                        top: '3%',
                         left: '1%',
                         right: '4%',
                         bottom: '3%',
@@ -111,7 +111,16 @@
                         showSymbol: false,
                         // 设置拐点颜色以及边框
                         itemStyle: {
-                            color: "#4BFF75",
+                            normal: {
+                                label: {
+                                    show: true,
+                                    formatter: " {c}",
+                                    textStyle: {
+                                        color: '#00aaff'
+                                    }
+                                }
+                            },
+                            color: "#55ffff",
                             borderColor: "rgba(0, 170, 255, 0.1)",
                             borderWidth: 6
                         },

src/components/transportation/coalCentral/belt_body/speed_status.vue

@@ -44,7 +44,7 @@
                         data: ['单位：m/s']
                     },
                     grid: {
-                        top: '15%',
+                        top: '3%',
                         left: '1%',
                         right: '4%',
                         bottom: '3%',
@@ -111,7 +111,16 @@
                         showSymbol: false,
                         // 设置拐点颜色以及边框
                         itemStyle: {
-                            color: "#4BFF75",
+                            normal: {
+                                label: {
+                                    show: true,
+                                    formatter: " {c}",
+                                    textStyle: {
+                                        color: '#00aaff'
+                                    }
+                                }
+                            },
+                            color: "#55ffff",
                             borderColor: "rgba(0, 170, 255, 0.1)",
                             borderWidth: 6
                         },

src/router.js

@@ -87,6 +87,22 @@ export default new Router({
                     import ('./views/transportation/subSystem/belt_body.vue'),
                 hidden: true,
             },
+            {
+                path: '/detail',
+                name: ' 详细信息',
+                id: 103001,
+                component: () =>
+                    import ('./views/transportation/subSystem/beltbody/detail.vue'),
+                hidden: true,
+            },
+            {
+                path: '/threshold',
+                name: ' 超出阈值',
+                id: 103002,
+                component: () =>
+                    import ('./views/transportation/subSystem/threshold.vue'),
+                hidden: true,
+            },
             {
                 path: '/mainAdit',
                 name: ' 主平硐皮带',

src/views/mining/dataStandard.vue

@@ -1,17 +1,12 @@
+<!-- 主运输系统 数据标准页面 -->
 <template>
-  <el-container>
-    <el-header style="height: 20px;">
-      <div v-if="this.$router.currentRoute.path=='/coal_mining'">
-        <el-breadcrumb separator-class="el-icon-arrow-right">
-          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
-          <el-breadcrumb-item :to="{ path: '/coal_mining'}">采煤工作面</el-breadcrumb-item>
-          <el-breadcrumb-item>数据标准</el-breadcrumb-item>
-        </el-breadcrumb>
-      </div>
-    </el-header>
-
-    <el-main>
-      <el-form>
+<div>
+    <el-breadcrumb separator-class="el-icon-arrow-right">
+        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+        <el-breadcrumb-item :to="{ path: '/coal_mining'}">采煤工作面</el-breadcrumb-item>
+        <el-breadcrumb-item>数据标准</el-breadcrumb-item>
+      </el-breadcrumb>
+    <el-form>
         <el-form-item>
           <span style="font-size: 10px;">搜索：</span>
           <el-select v-model="value" placeholder="请选择子系统">
@@ -22,35 +17,36 @@
       </el-form>
 
       <el-card>
-        <el-table :data="tableData" style="width: 100%" border stripe  @cell-click="addcoalSystem">
-          <el-table-column type="index" label="#" header-align="center" align="center" width="80">
-          </el-table-column>
-          <el-table-column prop="device_name" label="设备名称" header-align="center" align="center" width="180">
-          </el-table-column>
-          <el-table-column prop="describe" label="描述" header-align="center" align="center" width="500">
-          </el-table-column>
-          <el-table-column prop="remark" label="备注" header-align="center" align="center" width="180">
-          </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="9">
-        </el-pagination>
-      </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="150">
+            </el-table-column>
+            <el-table-column prop="describe" label="描述" header-align="center" align="center" width="500">
+            </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>
 
-      <dataQuality v-if="checkVisible" ref="dataQuality"></dataQuality>
-    </el-main>
-  </el-container>
-</template>
+</el-table>
 
+<!-- 分页区域 -->
+<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="5">
+</el-pagination>
+</el-card>
+<watchDevice v-if="watchVisible" ref="watchdevice"></watchDevice>
+</div>
+</template>
 <script>
-    import dataQuality from "./dataQuality";
+    import watchDevice from './watchDevice.vue'
     export default {
         name: "dataStandard",
         data() {
             return {
-                // visible: true,
                 options: [{
                     value: '选项1',
                     label: '煤中央皮带'
@@ -62,23 +58,7 @@
                     label: '上仓皮带'
                 }],
                 value: '',
-                subsystems: [{
-                    title: '地址',
-                    num: '王家岭'
-                }, {
-                    title: '产量',
-                    num: '25万吨'
-                }, {
-                    title: '煤质',
-                    num: '精煤'
-                }, {
-                    title: '灾害类型',
-                    num: '水灾'
-                }, {
-                    title: '服务年份',
-                    num: '10年'
-                }],
-                tableData: [{
+                deviceData: [{
                     device_name: '皮带本体',
                     describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
                     remark: '暂无'
@@ -95,36 +75,15 @@
                     describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
                     remark: '暂无'
                 }, {
-                    device_name: '中部4#驱动电机',
-                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-                    remark: '暂无'
-                }, {
-                    device_name: '中部5#驱动电机',
+                    device_name: '头部4#驱动电机',
                     describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
                     remark: '暂无'
-                }, {
-                    device_name: '中部6#驱动电机',
-                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-                    remark: '暂无'
-                }, {
-                    device_name: '1#滚筒',
-                    describe: '无',
-                    remark: '暂无'
-                }, {
-                    device_name: '2#滚筒',
-                    describe: '无',
-                    remark: '暂无'
                 }],
-
-                currentPage1: 1,
-                currentPage2: 2,
-                currentPage3: 3,
-                currentPage4: 4,
-                checkVisible: false
+                watchVisible: false,
+                currentPage4: 4
             }
         },
         methods: {
-            // 监听 pagesize 改变的事件
             handleSizeChange(newSize) {
                 console.log(newSize)
             },
@@ -132,29 +91,18 @@
             handleCurrentChange(newPage) {
                 console.log(newPage)
             },
-            // init(id) {
-            //
-            //   this.visible = true;
-            //
-            // },
-            addcoalSystem(row, column) {
-                if (column.label == "设备名称") {
-                    this.checkVisible = true;
-                    // console.log(this.checkVisible);
-                    this.$nextTick(() => {
-                        this.$refs.dataQuality.init();
-                    });
-                }
+            watchDevice(row) {
+                this.watchVisible = true;
+                this.$nextTick(() => {
+                    this.$refs.watchdevice.init();
+                });
             },
         },
         components: {
-            dataQuality
+            watchDevice
         }
-
     }
 </script>
-
-
-<style scoped>
+<style>
 
 </style>

src/views/mining/dataQuality.vue → src/views/mining/watchDevice.vue

@@ -1,63 +1,63 @@
 <template>
-  <el-dialog :visible.sync="visible" width="80%">
- 
-    <el-form :inline="true">
-           <span style="font-size: 17px;">数据质量信息：</span>
-            <el-select v-model="value" placeholder="点击选择元数据版本">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
-              </el-option>
-            </el-select>
-
-    </el-form>
-          
+    <el-dialog :visible.sync="visible" width="80%">
+   
+      <el-form :inline="true">
+             <span style="font-size: 17px;">数据质量信息：</span>
+              <el-select v-model="value" placeholder="点击选择元数据版本">
+                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
   
-
-      <el-main>
-        <el-col :span="18">
-          
-           
-              <el-table :data="tableData" style="width: 100%" border stripe>
-                <el-table-column label="完整性" header-align="center">
-                  <el-table-column prop="point1" label="测点" header-align="center" align="center" width="140">
-                  </el-table-column>
-                  <el-table-column prop="isExisted" label="数据是否存在" header-align="center" align="center" width="60">
-                  </el-table-column>
-                </el-table-column>
-                <el-table-column label="准确性" header-align="center">
-                  <el-table-column prop="data_type" label="数据类型" header-align="center" align="center" width="80">
-                  </el-table-column>
-                  <el-table-column prop="range" label="阈值范围" header-align="center" align="center" width="130">
-                  </el-table-column>
-                  <el-table-column prop="unit" label="数据单位" header-align="center" align="center" width="70">
-                  </el-table-column>
-                  <el-table-column prop="rationality" label="数据合理性" header-align="center" align="center" width="70">
+      </el-form>
+            
+    
+  
+        <el-main>
+          <el-col :span="18">
+            
+             
+                <el-table :data="tableData" style="width: 100%" border stripe>
+                  <el-table-column label="完整性" header-align="center">
+                    <el-table-column prop="point1" label="测点" header-align="center" align="center" width="140">
+                    </el-table-column>
+                    <el-table-column prop="isExisted" label="数据是否存在" header-align="center" align="center" width="60">
+                    </el-table-column>
                   </el-table-column>
-                  <el-table-column prop="storage_len" label="数据存储长度" header-align="center" align="center" width="70">
+                  <el-table-column label="准确性" header-align="center">
+                    <el-table-column prop="data_type" label="数据类型" header-align="center" align="center" width="80">
+                    </el-table-column>
+                    <el-table-column prop="range" label="阈值范围" header-align="center" align="center" width="130">
+                    </el-table-column>
+                    <el-table-column prop="unit" label="数据单位" header-align="center" align="center" width="70">
+                    </el-table-column>
+                    <el-table-column prop="rationality" label="数据合理性" header-align="center" align="center" width="70">
+                    </el-table-column>
+                    <el-table-column prop="storage_len" label="数据存储长度" header-align="center" align="center" width="70">
+                    </el-table-column>
                   </el-table-column>
-                </el-table-column>
-                <el-table-column label="时效性" header-align="center">
-                  <el-table-column prop="frequency" label="采集频率" header-align="center" align="center" width="60">
+                  <el-table-column label="时效性" header-align="center">
+                    <el-table-column prop="frequency" label="采集频率" header-align="center" align="center" width="60">
+                    </el-table-column>
                   </el-table-column>
-                </el-table-column>
-              </el-table>
-    
-
-</el-col>
-
-<el-col :span="6">
-    <mailTable style="margin-top: 185px;margin-left: 10px;" :tableData="versionTableData" :tableStyle="{ width:'200px'}"></mailTable>
-</el-col>
-</el-main>
-
-
-
-
-
-</el-dialog>
-</template>
+                </el-table>
+      
+  
+  </el-col>
+  
+  <el-col :span="6">
+      <mailTable style="margin-top: 185px;margin-left: 10px;" :tableData="versionTableData" :tableStyle="{ width:'200px'}"></mailTable>
+  </el-col>
+  </el-main>
+  
+  
+  
+  
+  
+  </el-dialog>
+  </template>
 
 <script>
-    import mailTable from "./tableComponent";
+    import mailTable from "@/views/tableComponent";
     export default {
         name: "dataQuality",
         data() {

src/views/transportation/subSystem/analysisDia.vue

@@ -0,0 +1,157 @@
+<template>
+    <!-- 查看数据质量信息 -->
+    <el-dialog title="查看详细信息" :visible.sync="visible" width="65%" >
+    <!-- <div class="detail">
+        <div class="item">
+            <span class="info">测点名: {{checkForm.pointname}}</span></br>
+            <span class="info">测量数值: {{checkForm.num}}</span></br>
+            <span class="info">设备名: {{checkForm.deviceName}}</span></br>
+            <span class="info">设备描述: {{checkForm.describe}}</span></br>
+            <span class="info">所属设备: {{checkForm.device}}</span></br>
+            <span class="info">预警阈值: {{checkForm.threshold}}</span></br>
+            <span class="info">数据类型: {{checkForm.dataType}}</span></br>
+            <span class="info">工程单位: {{checkForm.unit}}</span></br>
+            <span class="info">采集频率: {{checkForm.frequency}}</span></br>
+            <span class="info">备注: {{checkForm.remark}}</span></br>
+            <span class="info">数据质量: {{checkForm.dataQuality}}</span>
+        </div>
+        <div class="item ">2</div>
+        <div class="item ">3</div>
+        <div class="item ">4</div>
+    </div> -->
+ 
+    <el-row style="background: #eeeeee" type="flex" justify="center">
+        <el-col >
+            <el-card class="box-card" shadow="never">
+                
+                <span class="info">测点名: </span>{{checkForm.pointname}}</br>
+                <span class="info">测量数值:</span>{{checkForm.num}}</br>
+                <span class="info">设备名: </span>{{checkForm.deviceName}}</br>
+                <span class="info">设备描述: </span>{{checkForm.describe}}</br>
+                <span class="info">所属设备: </span>{{checkForm.device}}</br>
+                <span class="info">预警阈值: </span>{{checkForm.threshold}}</br>
+                <span class="info">数据类型: </span>{{checkForm.dataType}}</br>
+                <span class="info">工程单位: </span>{{checkForm.unit}}</br>
+                <span class="info">采集频率: </span>{{checkForm.frequency}}</br>
+                <span class="info">备注: </span>{{checkForm.remark}}</br>
+                <span class="info">数据质量: </span>{{checkForm.dataQuality}}
+            </el-card>
+
+            
+        </el-col>
+    </el-row>
+
+         <!-- <el-form :inline="true" ref="modifyForm" :model="checkForm">
+                
+                <el-form-item label="测点名" prop="pointname">
+                    <el-input style="width: 258px;" v-model="checkForm.pointname" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="测量数值" prop="num">
+                    <el-input style="width: 258px;" v-model="checkForm.num" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="设备名" prop="deviceName">
+                    <el-input style="width: 258px;" v-model="checkForm.deviceName" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="设备描述" prop="describe">
+                    <el-input style="width: 258px;" v-model="checkForm.describe" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="所属设备" prop="device">
+                    <el-input style="width: 258px;" v-model="checkForm.device" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="预警阈值" prop="threshold">
+                    <el-input style="width: 258px;" v-model="checkForm.threshold" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="数据类型" prop="dataType">
+                    <el-input style="width: 258px;" v-model="checkForm.dataType" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="工程单位" prop="unit">
+                    <el-input style="width: 258px;" v-model="checkForm.unit" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="采集频率" prop="frequency">
+                    <el-input style="width: 258px;" v-model="checkForm.frequency" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="备注" prop="remark">
+                    <el-input style="width: 258px;" v-model="checkForm.remark" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="数据质量" prop="dataQuality">
+                    <el-input style="width: 258px;" v-model="checkForm.dataQuality" disabled></el-input>
+                </el-form-item>
+            </el-form> -->
+    
+</el-dialog>
+</template>
+
+<script>
+    export default {
+        name: "checkSystem",
+        data() {
+            return {
+                visible: false,
+                checkForm: {
+                    pointname: '皮带张力',
+                    num: '0.52',
+                    deviceName: '皮带本体',
+                    describe: '全长5260m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    threshold: '0.8kN',
+                    dataType: '浮点',
+                    unit: 'kN',
+                    frequency: '1s',
+                    remark: '无',
+                    dataQuality: '高'
+                }
+            }
+        },
+        methods: {
+            init() {
+                this.visible = true;
+                // this.checkForm.pointname = id.pointname;
+                // this.checkForm.num = id.num;
+                // this.checkForm.deviceName = id.deviceName;
+                // this.checkForm.describe = id.describe;
+                // this.checkForm.device = id.device;
+                // this.checkForm.threshold = id.threshold;
+                // this.checkForm.dataType = id.dataType;
+                // this.checkForm.unit = id.unit;
+                // this.checkForm.frequency = id.frequency;
+                // this.checkForm.remark = id.remark;
+                // this.checkForm.dataQuality = id.dataQuality;
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    .el-card {
+        background: #fbfbfb;
+        width: 400px;
+        /* 一行一行显示 */
+        display: inline-block;
+        margin: 5px;
+        border-radius: 20px;
+    }
+    /* .detail {
+        display: grid;
+        height: 620px;
+        width: 300px;
+        grid-template-columns: 425px 425px;
+        grid-template-rows: 310px 310px;
+        
+    } */
+    
+    .item {
+        font-size: 20px;
+        text-align: center;
+        text-justify: center;
+    }
+    
+    .info {
+        width: 415px;
+        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+        font-size: 14px;
+        /* text-align: left; */
+        /* float: left; */
+        margin-left: 5px;
+        color: cornflowerblue;
+    }
+</style>

src/views/transportation/subSystem/belt_body.vue

@@ -4,7 +4,7 @@
             <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
             <el-breadcrumb-item :to="{ path: '/transportation'}">主运输系统</el-breadcrumb-item>
             <el-breadcrumb-item :to="{ path: '/transportation'}">系统数据</el-breadcrumb-item>
-            <el-breadcrumb-item >煤中央皮带</el-breadcrumb-item>
+            <el-breadcrumb-item :to="{ path: '/coalCentral'}">煤中央皮带</el-breadcrumb-item>
             <el-breadcrumb-item >皮带本体</el-breadcrumb-item>
         </el-breadcrumb>
 
@@ -14,13 +14,17 @@
             <el-col :span="4">
                 <div class="block">
                     <span class="text">牵引方向</span></br>
-                    <el-button type="primary">选择数据范围</el-button></br>
-                    <el-button type="primary" >数据分析</el-button></br>
-                    <el-button type="primary">详细数据</el-button></br>
+                    <el-select style="width: 120px; margin-left: 25px" v-model="dataRange" placeholder="请选择数据范围">
+                        <el-option v-for="item in dataRangeItems" :key="item.value" :label="item.label" :value="item.value">
+                        </el-option>
+                    </el-select>
+                    <el-button type="primary" @click="dataAnalysis()">数据分析</el-button>
+                    <el-button type="primary" @click="openDetail()">详细数据</el-button>
                 </div>
             </el-col>
             <el-col :span="14">
                 <div class="block">
+                    <span class="threshold" @click="beyondthreshold()">超出阈值：0.83</span>
                     <direction></direction>
                 </div>
 
@@ -49,6 +53,7 @@
             </el-col>
             <el-col :span="14">
                 <div class="block">
+                    <span class="threshold">超出阈值：0.83</span>
                     <pull_status></pull_status>
                 </div>
 
@@ -77,6 +82,7 @@
             </el-col>
             <el-col :span="14">
                 <div class="block">
+                    <span class="threshold">超出阈值：0.83</span>
                     <speed_status></speed_status>
                 </div>
 
@@ -105,6 +111,7 @@
             </el-col>
             <el-col :span="14">
                 <div class="block">
+                    <span class="threshold">超出阈值：0.83</span>
                     <pulling_speed></pulling_speed>
                 </div>
 
@@ -125,9 +132,12 @@
 <!-- 分页区域 -->
 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="4">
 </el-pagination>
+<analysisDia v-if="moreVisible" ref="moreDialog"></analysisDia>
     </div>
+   
 </template>
 <script>
+    import analysisDia from "./analysisDia.vue";
     import direction from '@/components/transportation/coalCentral/belt_body/direction.vue'
     import pull_status from '@/components/transportation/coalCentral/belt_body/pull_status.vue'
     import pulling_speed from '@/components/transportation/coalCentral/belt_body/pulling_speed.vue'
@@ -140,14 +150,30 @@
                 danger: '较低',
                 normal_time: '9天',
                 total_time: '20s',
-                currentPage4: 4
+                currentPage4: 4,
+                dataRange: '',
+                dataRangeItems: [{
+                    value: '选项1',
+                    label: '10分钟'
+                }, {
+                    value: '选项2',
+                    label: '1小时'
+                }, {
+                    value: '选项3',
+                    label: '6小时'
+                }, {
+                    value: '选项4',
+                    label: '近1天'
+                }],
+                moreVisible: false
             }
         },
         components: {
             direction,
             pull_status,
             pulling_speed,
-            speed_status
+            speed_status,
+            analysisDia
 
         },
         methods: {
@@ -158,6 +184,24 @@
             //监听 页码值 改变的事件
             handleCurrentChange(newPage) {
                 console.log(newPage)
+            },
+            // 打开详细数据页面
+            openDetail() {
+                this.$router.push({
+                    path: '/detail'
+                })
+            },
+            dataAnalysis() {
+                this.moreVisible = true;
+                this.$nextTick(() => {
+                    this.$refs.moreDialog.init();
+                });
+            },
+            // 超出阈值
+            beyondthreshold() {
+                this.$router.push({
+                    path: '/threshold'
+                })
             }
         }
     }
@@ -191,6 +235,14 @@
         margin-left: 50px;
     }
     
+    .threshold {
+        font-size: 13px;
+        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+        margin-left: 520px;
+        color: red;
+        cursor: pointer;
+    }
+    
     .info {
         font-size: 13px;
         font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

src/views/transportation/subSystem/beltbody/detail.vue

@@ -0,0 +1,330 @@
+<!-- 皮带本体 详细数据 -->
+<template>
+    <div>
+        <el-breadcrumb separator-class="el-icon-arrow-right">
+            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+            <el-breadcrumb-item :to="{ path: '/transportation'}">主运输系统</el-breadcrumb-item>
+            <el-breadcrumb-item :to="{ path: '/transportation'}">系统数据</el-breadcrumb-item>
+            <el-breadcrumb-item :to="{ path: '/coalCentral'}">煤中央皮带</el-breadcrumb-item>
+            <el-breadcrumb-item :to="{ path: '/belt_body'}">皮带本体</el-breadcrumb-item>
+            <el-breadcrumb-item >详细数据</el-breadcrumb-item>
+        </el-breadcrumb>
+        <span class="text">数据测点：</span>
+        <div  class="checkpointbox" v-for="item in checkpoints" :key="item.id">
+            <el-button type="primary">{{item.name}}</el-button>    
+        </div>
+
+        <el-form :inline="true" >
+            <span style="font-size: 10px;">搜索：</span>
+            <el-select v-model="frequency" placeholder="请选择采集频率">
+                <el-option v-for="item in frequencyItems" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+            </el-select>
+            <el-select v-model="unit" placeholder="请选择工程单位">
+                <el-option v-for="item in unitItems" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+            </el-select>
+            <el-select v-model="threshold" placeholder="请选择预警阈值">
+                <el-option v-for="item in thresholdItems" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+            </el-select>
+            <el-form-item>
+                <el-button type="primary">查询</el-button>
+            </el-form-item>
+            <el-form-item>
+                <el-button>重置</el-button>
+            </el-form-item>
+            <el-select v-model="dataTime" placeholder="请选择数据时间">
+                <el-option v-for="item in datatimes" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+            </el-select>
+        </el-form>
+
+        <el-card>
+            <template>
+                <el-table :data="tableData" style="width: 100%" border stripe>
+                    
+                        <el-table-column prop="time" label="时间" header-align="center" align="center" width="130">
+                        </el-table-column>
+                        <el-table-column prop="dataType" label="数据类型" header-align="center" align="center" width="100">
+                        </el-table-column>
+                    
+                    
+                        <el-table-column prop="frequency" label="采集频率" header-align="center" align="center" width="100">
+                        </el-table-column>
+                        <el-table-column prop="value" label="测量数值" header-align="center" align="center" width="100">
+                        </el-table-column>
+                        <el-table-column prop="unit" label="工程单位" header-align="center" align="center" width="100">
+                        </el-table-column>
+                        <!-- <el-table-column prop="database" label="数据库" header-align="center" align="center" width="100">
+                        </el-table-column> -->
+                        <el-table-column prop="threshold" label="预警阈值" header-align="center" align="center" width="100">
+                        </el-table-column>
+                    
+                        <el-table-column label="数据质量信息" header-align="center" align="center" width="130">
+                            <template slot-scope="scope">
+                                <el-button type="text" size="small" @click="watch(scope.row)">点击查看明细</el-button>
+                            </template>
+</el-table-column>
+
+<el-table-column prop="classify" label="所属分类" header-align="center" align="center" width="100">
+</el-table-column>
+
+<el-table-column label="更多" header-align="center" align="center" width="100">
+    <template slot-scope="scope">
+            <el-button type="text" size="small" @click="more(scope.row)">...</el-button>
+        </template>
+</el-table-column>
+</el-table>
+</template>
+</el-table>
+
+<!-- 分页区域 -->
+<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="7">
+</el-pagination>
+</el-card>
+<detailDia v-if="detailVisible" ref="detailDialog"></detailDia>
+<more v-if="moreVisible" ref="moreDialog"></more>
+</div>
+</template>
+
+<script>
+    import detailDia from "./detailDia";
+    import more from "./more";
+    export default {
+        name: "detail",
+        data() {
+            return {
+                checkpoints: [{
+                    id: 1,
+                    name: '运行'
+                }, {
+                    id: 2,
+                    name: '牵引方向'
+                }, {
+                    id: 3,
+                    name: '牵引方向'
+                }, {
+                    id: 4,
+                    name: '加速状态'
+                }],
+                frequencyItems: [{
+                    value: '选项1',
+                    label: '1s'
+                }, {
+                    value: '选项2',
+                    label: '2s'
+                }, {
+                    value: '选项3',
+                    label: '5s'
+                }],
+                unitItems: [{
+                    value: '选项1',
+                    label: 'kN'
+                }, {
+                    value: '选项2',
+                    label: 'KW'
+                }, {
+                    value: '选项3',
+                    label: 'KW/h'
+                }, {
+                    value: '选项4',
+                    label: 'm/s'
+                }],
+                thresholdItems: [{
+                    value: '选项1',
+                    label: '0.8'
+                }, {
+                    value: '选项2',
+                    label: '0.6'
+                }, {
+                    value: '选项3',
+                    label: '0.5'
+                }],
+                datatimes: [{
+                    value: '选项1',
+                    label: '近一天'
+                }, {
+                    value: '选项2',
+                    label: '近一周'
+                }, {
+                    value: '选项3',
+                    label: '近一月'
+                }, {
+                    value: '选项4',
+                    label: '近半年'
+                }, {
+                    value: '选项5',
+                    label: '近一年'
+                }],
+                tableData: [{
+                    time: '2020-1-20 9:41',
+                    dataType: '浮点',
+                    frequency: '1s',
+                    value: '0.50',
+                    unit: 'kN',
+                    database: 'hbase',
+                    threshold: '0.8',
+                    classify: '设备',
+                    pointname: '皮带张力',
+                    num: '0.52',
+                    deviceName: '皮带本体',
+                    describe: '全长5260m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    remark: '无',
+                    dataQuality: '高'
+                }, {
+                    time: '2020-1-20 12:01',
+                    dataType: '浮点',
+                    frequency: '1s',
+                    value: '0.50',
+                    unit: 'kN',
+                    database: 'hbase',
+                    threshold: '0.8',
+                    classify: '设备',
+                    pointname: '1#滚筒',
+                    num: '0.52',
+                    deviceName: '皮带本体',
+                    describe: '全长5260m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    remark: '无',
+                    dataQuality: '高'
+                }, {
+                    time: '2020-1-22 5:01',
+                    dataType: '浮点',
+                    frequency: '1s',
+                    value: '0.50',
+                    unit: 'kN',
+                    database: 'hbase',
+                    threshold: '0.8',
+                    classify: '设备',
+                    pointname: '2#滚筒',
+                    num: '0.32',
+                    deviceName: '皮带本体',
+                    describe: '全长5521m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    remark: '无',
+                    dataQuality: '高'
+                }, {
+                    time: '2020-2-20 16:21',
+                    dataType: '浮点',
+                    frequency: '1s',
+                    value: '0.50',
+                    unit: 'kN',
+                    database: 'hbase',
+                    threshold: '0.8',
+                    classify: '设备',
+                    pointname: '3#滚筒',
+                    num: '0.98',
+                    deviceName: '皮带本体',
+                    describe: '全长5210m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    remark: '无',
+                    dataQuality: '高'
+                }, {
+                    time: '2020-2-23 14:41',
+                    dataType: '浮点',
+                    frequency: '1s',
+                    value: '0.50',
+                    unit: 'kN',
+                    database: 'hbase',
+                    threshold: '0.8',
+                    classify: '设备',
+                    pointname: '1#滚筒',
+                    num: '0.25',
+                    deviceName: '皮带本体',
+                    describe: '全长3135m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    remark: '无',
+                    dataQuality: '高'
+                }, {
+                    time: '2020-3-10 7:11',
+                    dataType: '浮点',
+                    frequency: '1s',
+                    value: '0.50',
+                    unit: 'kN',
+                    database: 'hbase',
+                    threshold: '0.8',
+                    classify: '设备',
+                    pointname: '1#滚筒',
+                    num: '0.76',
+                    deviceName: '皮带本体',
+                    describe: '全长3432m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    remark: '无',
+                    dataQuality: '高'
+                }, {
+                    time: '2020-3-12 11:11',
+                    dataType: '浮点',
+                    frequency: '1s',
+                    value: '0.50',
+                    unit: 'kN',
+                    database: 'hbase',
+                    threshold: '0.8',
+                    classify: '设备',
+                    pointname: '1#滚筒',
+                    num: '0.34',
+                    deviceName: '皮带本体',
+                    describe: '全长6730m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    remark: '无',
+                    dataQuality: '高'
+                }],
+                currentPage1: 1,
+                currentPage2: 2,
+                currentPage3: 3,
+                currentPage4: 4,
+                detailVisible: false,
+                moreVisible: false,
+                frequency: '',
+                unit: '',
+                threshold: '',
+                dataTime: ''
+
+            }
+
+
+        },
+        methods: {
+            // 监听 pagesize 改变的事件
+            handleSizeChange(newSize) {
+                console.log(newSize)
+            },
+            //监听 页码值 改变的事件
+            handleCurrentChange(newPage) {
+                console.log(newPage)
+            },
+            watch(id) {
+                this.detailVisible = true;
+                this.$nextTick(() => {
+                    this.$refs.detailDialog.init(id);
+                });
+            },
+            more(id) {
+                this.moreVisible = true;
+                this.$nextTick(() => {
+                    this.$refs.moreDialog.init(id);
+                });
+            }
+        },
+        components: {
+            detailDia,
+            more
+        }
+    }
+</script>
+<style scoped>
+    .checkpointbox {
+        display: inline-block;
+    }
+    
+    .el-button {
+        width: 100px;
+        margin-left: 10px;
+    }
+    
+    .el-select {
+        margin-left: 10px;
+        width: 160px;
+    }
+</style>

src/views/transportation/subSystem/beltbody/detailDia.vue

@@ -0,0 +1,133 @@
+<template>
+    <!-- 查看数据质量信息 -->
+    <el-dialog title="查看详细信息" :visible.sync="visible" width="72%" >
+    <el-card>
+		<template>
+            <el-table :data="tableData" style="width: 100%" border stripe>
+                <el-table-column label="完整性" align="center">
+                    <el-table-column prop="name" label="名称" header-align="center" align="center" width="130">
+                    </el-table-column>
+                    <el-table-column prop="isExisted" label="数据是否存在" header-align="center" align="center" width="90">
+                    </el-table-column>
+                </el-table-column>
+                <el-table-column label="准确性" align="center">
+                    <el-table-column prop="dataType" label="数据类型" header-align="center" align="center" width="90">
+                    </el-table-column>
+                    <el-table-column prop="threshold" label="阈值范围" header-align="center" align="center" width="130">
+                    </el-table-column>
+                    <el-table-column prop="unit" label="数据单位" header-align="center" align="center" width="90">
+                    </el-table-column>
+                    <el-table-column prop="rationality" label="数据合理性" header-align="center" align="center" width="90">
+                    </el-table-column>
+                    <el-table-column prop="storage_len" label="数据存储长度" header-align="center" align="center" width="90">
+                    </el-table-column>
+                </el-table-column>
+                <el-table-column label="时效性" align="center">
+                    <el-table-column prop="frequency" label="采集频率" header-align="center" align="center" width="90">
+                    </el-table-column>
+                </el-table-column>
+            </el-table>
+        </template>
+</el-table>
+
+<!-- 分页区域 -->
+<!-- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="5">
+</el-pagination> -->
+</el-card>
+
+
+</el-dialog>
+</template>
+
+<script>
+    export default {
+        name: "checkSystem",
+        data() {
+            return {
+                visible: false,
+                value: '',
+                tableData: [{
+                    name: '电机绕组A相温度',
+                    isExisted: '是',
+                    dataType: '浮点',
+                    threshold: '上阈值120.0℃',
+                    unit: '℃',
+                    rationality: '合理',
+                    storage_len: '50',
+                    frequency: '5s'
+                }, {
+                    name: '电机绕组B相温度',
+                    isExisted: '是',
+                    dataType: '浮点',
+                    threshold: '上阈值120.0℃',
+                    unit: '℃',
+                    rationality: '合理',
+                    storage_len: '50',
+                    frequency: '5s'
+                }, {
+                    name: '电机绕组C相温度',
+                    isExisted: '是',
+                    dataType: '浮点',
+                    threshold: '上阈值120.0℃',
+                    unit: '℃',
+                    rationality: '合理',
+                    storage_len: '50',
+                    frequency: '5s'
+                }, {
+                    name: '电机前轴温度',
+                    isExisted: '是',
+                    dataType: '浮点',
+                    threshold: '上阈值120.0℃',
+                    unit: '℃',
+                    rationality: '合理',
+                    storage_len: '50',
+                    frequency: '5s'
+                }, {
+                    name: '电机后轴温度',
+                    isExisted: '是',
+                    dataType: '浮点',
+                    threshold: '上阈值120.0℃',
+                    unit: '℃',
+                    rationality: '合理',
+                    storage_len: '50',
+                    frequency: '5s'
+                }, {
+                    name: '电机振动1',
+                    isExisted: '是',
+                    dataType: '浮点',
+                    threshold: '无',
+                    unit: 'mm/s',
+                    rationality: '合理',
+                    storage_len: '50',
+                    frequency: '5s'
+                }, {
+                    name: '电机振动2',
+                    isExisted: '是',
+                    dataType: '浮点',
+                    threshold: '无',
+                    unit: 'mm/s',
+                    rationality: '合理',
+                    storage_len: '50',
+                    frequency: '5s'
+                }],
+
+                currentPage1: 1,
+                currentPage2: 2,
+                currentPage3: 3,
+                currentPage4: 4
+            }
+        },
+        methods: {
+
+            init(id) {
+                this.visible = true;
+            }
+
+        }
+    }
+</script>
+
+
+<style scoped>
+
+</style>

src/views/transportation/subSystem/beltbody/more.vue

@@ -0,0 +1,157 @@
+<template>
+    <!-- 查看数据质量信息 -->
+    <el-dialog title="查看详细信息" :visible.sync="visible" width="65%" >
+    <!-- <div class="detail">
+        <div class="item">
+            <span class="info">测点名: {{checkForm.pointname}}</span></br>
+            <span class="info">测量数值: {{checkForm.num}}</span></br>
+            <span class="info">设备名: {{checkForm.deviceName}}</span></br>
+            <span class="info">设备描述: {{checkForm.describe}}</span></br>
+            <span class="info">所属设备: {{checkForm.device}}</span></br>
+            <span class="info">预警阈值: {{checkForm.threshold}}</span></br>
+            <span class="info">数据类型: {{checkForm.dataType}}</span></br>
+            <span class="info">工程单位: {{checkForm.unit}}</span></br>
+            <span class="info">采集频率: {{checkForm.frequency}}</span></br>
+            <span class="info">备注: {{checkForm.remark}}</span></br>
+            <span class="info">数据质量: {{checkForm.dataQuality}}</span>
+        </div>
+        <div class="item ">2</div>
+        <div class="item ">3</div>
+        <div class="item ">4</div>
+    </div> -->
+ 
+    <el-row style="background: #eeeeee" type="flex" justify="center">
+        <el-col >
+            <el-card class="box-card" shadow="never">
+                
+                <span class="info">测点名: </span>{{checkForm.pointname}}</br>
+                <span class="info">测量数值:</span>{{checkForm.num}}</br>
+                <span class="info">设备名: </span>{{checkForm.deviceName}}</br>
+                <span class="info">设备描述: </span>{{checkForm.describe}}</br>
+                <span class="info">所属设备: </span>{{checkForm.device}}</br>
+                <span class="info">预警阈值: </span>{{checkForm.threshold}}</br>
+                <span class="info">数据类型: </span>{{checkForm.dataType}}</br>
+                <span class="info">工程单位: </span>{{checkForm.unit}}</br>
+                <span class="info">采集频率: </span>{{checkForm.frequency}}</br>
+                <span class="info">备注: </span>{{checkForm.remark}}</br>
+                <span class="info">数据质量: </span>{{checkForm.dataQuality}}
+            </el-card>
+
+            
+        </el-col>
+    </el-row>
+
+         <!-- <el-form :inline="true" ref="modifyForm" :model="checkForm">
+                
+                <el-form-item label="测点名" prop="pointname">
+                    <el-input style="width: 258px;" v-model="checkForm.pointname" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="测量数值" prop="num">
+                    <el-input style="width: 258px;" v-model="checkForm.num" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="设备名" prop="deviceName">
+                    <el-input style="width: 258px;" v-model="checkForm.deviceName" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="设备描述" prop="describe">
+                    <el-input style="width: 258px;" v-model="checkForm.describe" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="所属设备" prop="device">
+                    <el-input style="width: 258px;" v-model="checkForm.device" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="预警阈值" prop="threshold">
+                    <el-input style="width: 258px;" v-model="checkForm.threshold" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="数据类型" prop="dataType">
+                    <el-input style="width: 258px;" v-model="checkForm.dataType" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="工程单位" prop="unit">
+                    <el-input style="width: 258px;" v-model="checkForm.unit" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="采集频率" prop="frequency">
+                    <el-input style="width: 258px;" v-model="checkForm.frequency" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="备注" prop="remark">
+                    <el-input style="width: 258px;" v-model="checkForm.remark" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="数据质量" prop="dataQuality">
+                    <el-input style="width: 258px;" v-model="checkForm.dataQuality" disabled></el-input>
+                </el-form-item>
+            </el-form> -->
+    
+</el-dialog>
+</template>
+
+<script>
+    export default {
+        name: "checkSystem",
+        data() {
+            return {
+                visible: false,
+                checkForm: {
+                    pointname: '',
+                    num: '',
+                    deviceName: '',
+                    describe: '',
+                    device: '',
+                    threshold: '',
+                    dataType: '',
+                    unit: '',
+                    frequency: '',
+                    remark: '',
+                    dataQuality: ''
+                }
+            }
+        },
+        methods: {
+            init(id) {
+                this.visible = true;
+                this.checkForm.pointname = id.pointname;
+                this.checkForm.num = id.num;
+                this.checkForm.deviceName = id.deviceName;
+                this.checkForm.describe = id.describe;
+                this.checkForm.device = id.device;
+                this.checkForm.threshold = id.threshold;
+                this.checkForm.dataType = id.dataType;
+                this.checkForm.unit = id.unit;
+                this.checkForm.frequency = id.frequency;
+                this.checkForm.remark = id.remark;
+                this.checkForm.dataQuality = id.dataQuality;
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    .el-card {
+        background: #fbfbfb;
+        width: 400px;
+        /* 一行一行显示 */
+        display: inline-block;
+        margin: 5px;
+        border-radius: 20px;
+    }
+    /* .detail {
+        display: grid;
+        height: 620px;
+        width: 300px;
+        grid-template-columns: 425px 425px;
+        grid-template-rows: 310px 310px;
+        
+    } */
+    
+    .item {
+        font-size: 20px;
+        text-align: center;
+        text-justify: center;
+    }
+    
+    .info {
+        width: 415px;
+        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+        font-size: 14px;
+        /* text-align: left; */
+        /* float: left; */
+        margin-left: 5px;
+        color: cornflowerblue;
+    }
+</style>

src/views/transportation/subSystem/threshold.vue

@@ -0,0 +1,134 @@
+<!-- 皮带本体 超标数据 -->
+<template>
+	<div>
+		<el-breadcrumb separator-class="el-icon-arrow-right">
+			<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+			<el-breadcrumb-item :to="{ path: '/transportation'}">主运输系统</el-breadcrumb-item>
+			<el-breadcrumb-item :to="{ path: '/transportation'}">系统数据</el-breadcrumb-item>
+			<el-breadcrumb-item :to="{ path: '/coalCentral'}">煤中央皮带</el-breadcrumb-item>
+			<el-breadcrumb-item :to="{ path: '/belt_body'}">皮带本体</el-breadcrumb-item>
+			<el-breadcrumb-item>超标数据</el-breadcrumb-item>
+		</el-breadcrumb>
+	<el-card>
+		<template>
+			<el-table :data="tableData" style="width: 100%" border stripe>
+
+				<el-table-column prop="time" label="时间" header-align="center" align="center" width="150">
+				</el-table-column>
+				<el-table-column prop="dataType" label="数据类型" header-align="center" align="center" width="120">
+				</el-table-column>
+
+
+				<el-table-column prop="frequency" label="采集频率" header-align="center" align="center" width="120">
+				</el-table-column>
+				<el-table-column prop="value" label="测量数值" header-align="center" align="center" width="120">
+				</el-table-column>
+				<el-table-column prop="unit" label="工程单位" header-align="center" align="center" width="120">
+				</el-table-column>
+
+				<el-table-column prop="threshold" label="预警阈值" header-align="center" align="center" width="120">
+				</el-table-column>
+
+
+				<el-table-column prop="classify" label="所属分类" header-align="center" align="center" width="120">
+				</el-table-column>
+			</el-table>
+		</template>
+</el-table>
+
+<!-- 分页区域 -->
+<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="7">
+</el-pagination>
+</el-card>
+</div>
+</template>
+<script>
+    export default {
+        name: "threshold",
+        data() {
+            return {
+                tableData: [{
+                    time: '2020-1-20 9:41',
+                    dataType: '浮点',
+                    frequency: '1s',
+                    value: '0.50',
+                    unit: 'kN',
+                    database: 'hbase',
+                    threshold: '0.8',
+                    classify: '设备',
+                    pointname: '皮带张力',
+                    num: '0.52',
+                    deviceName: '皮带本体',
+                    describe: '全长5260m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    remark: '无',
+                    dataQuality: '高'
+                }, {
+                    time: '2020-1-20 12:01',
+                    dataType: '浮点',
+                    frequency: '1s',
+                    value: '0.50',
+                    unit: 'kN',
+                    database: 'hbase',
+                    threshold: '0.8',
+                    classify: '设备',
+                    pointname: '1#滚筒',
+                    num: '0.52',
+                    deviceName: '皮带本体',
+                    describe: '全长5260m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    remark: '无',
+                    dataQuality: '高'
+                }, {
+                    time: '2020-1-22 5:01',
+                    dataType: '浮点',
+                    frequency: '1s',
+                    value: '0.50',
+                    unit: 'kN',
+                    database: 'hbase',
+                    threshold: '0.8',
+                    classify: '设备',
+                    pointname: '2#滚筒',
+                    num: '0.32',
+                    deviceName: '皮带本体',
+                    describe: '全长5521m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    remark: '无',
+                    dataQuality: '高'
+                }, {
+                    time: '2020-2-20 16:21',
+                    dataType: '浮点',
+                    frequency: '1s',
+                    value: '0.50',
+                    unit: 'kN',
+                    database: 'hbase',
+                    threshold: '0.8',
+                    classify: '设备',
+                    pointname: '3#滚筒',
+                    num: '0.98',
+                    deviceName: '皮带本体',
+                    describe: '全长5210m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    remark: '无',
+                    dataQuality: '高'
+                }, {
+                    time: '2020-2-23 14:41',
+                    dataType: '浮点',
+                    frequency: '1s',
+                    value: '0.50',
+                    unit: 'kN',
+                    database: 'hbase',
+                    threshold: '0.8',
+                    classify: '设备',
+                    pointname: '1#滚筒',
+                    num: '0.25',
+                    deviceName: '皮带本体',
+                    describe: '全长3135m，带宽1.6m，带速4m/s，带强3150N/mm，运输能力3500t/h。',
+                    device: '电机本体',
+                    remark: '无',
+                    dataQuality: '高'
+                }],
+            }
+        }
+    }
+</script>

src/views/tunnelling/dataStandard.vue

@@ -1,23 +1,108 @@
+<!-- 主运输系统 数据标准页面 -->
 <template>
-  <el-container>
-    <el-header style="height: 20px;">
-      <div v-if="this.$router.currentRoute.path=='/tunnelling'">
-        <el-breadcrumb separator-class="el-icon-arrow-right">
-          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
-          <el-breadcrumb-item :to="{ path: '/tunnelling'}">掘进系统</el-breadcrumb-item>
-          <el-breadcrumb-item>数据标准</el-breadcrumb-item>
-        </el-breadcrumb>
-      </div>
-    </el-header>
-  </el-container>
-</template>
+<div>
+    <el-breadcrumb separator-class="el-icon-arrow-right">
+        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+        <el-breadcrumb-item :to="{ path: '/tunnelling'}">掘进系统</el-breadcrumb-item>
+        <el-breadcrumb-item>数据标准</el-breadcrumb-item>
+      </el-breadcrumb>
+    <el-form>
+        <el-form-item>
+          <span style="font-size: 10px;">搜索：</span>
+          <el-select v-model="value" placeholder="请选择子系统">
+            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+
+      <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="150">
+            </el-table-column>
+            <el-table-column prop="describe" label="描述" header-align="center" align="center" width="500">
+            </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="currentPage4" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="5">
+</el-pagination>
+</el-card>
+<watchDevice v-if="watchVisible" ref="watchdevice"></watchDevice>
+</div>
+</template>
 <script>
-export default {
-  name: "dataStandard"
-}
+    import watchDevice from './watchDevice.vue'
+    export default {
+        name: "dataStandard",
+        data() {
+            return {
+                options: [{
+                    value: '选项1',
+                    label: '煤中央皮带'
+                }, {
+                    value: '选项2',
+                    label: '主平硐皮带'
+                }, {
+                    value: '选项3',
+                    label: '上仓皮带'
+                }],
+                value: '',
+                deviceData: [{
+                    device_name: '皮带本体',
+                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
+                    remark: '暂无'
+                }, {
+                    device_name: '头部1#驱动电机',
+                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
+                    remark: '暂无'
+                }, {
+                    device_name: '头部2#驱动电机',
+                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
+                    remark: '暂无'
+                }, {
+                    device_name: '头部3#驱动电机',
+                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
+                    remark: '暂无'
+                }, {
+                    device_name: '头部4#驱动电机',
+                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
+                    remark: '暂无'
+                }],
+                watchVisible: false,
+                currentPage4: 4
+            }
+        },
+        methods: {
+            handleSizeChange(newSize) {
+                console.log(newSize)
+            },
+            //监听 页码值 改变的事件
+            handleCurrentChange(newPage) {
+                console.log(newPage)
+            },
+            watchDevice(row) {
+                this.watchVisible = true;
+                this.$nextTick(() => {
+                    this.$refs.watchdevice.init();
+                });
+            },
+        },
+        components: {
+            watchDevice
+        }
+    }
 </script>
+<style>
 
-<style scoped>
-
-</style>
+</style>

src/views/tunnelling/watchDevice.vue

@@ -0,0 +1,184 @@
+<template>
+    <el-dialog :visible.sync="visible" width="80%">
+   
+      <el-form :inline="true">
+             <span style="font-size: 17px;">数据质量信息：</span>
+              <el-select v-model="value" placeholder="点击选择元数据版本">
+                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+  
+      </el-form>
+            
+    
+  
+        <el-main>
+          <el-col :span="18">
+            
+             
+                <el-table :data="tableData" style="width: 100%" border stripe>
+                  <el-table-column label="完整性" header-align="center">
+                    <el-table-column prop="point1" label="测点" header-align="center" align="center" width="140">
+                    </el-table-column>
+                    <el-table-column prop="isExisted" label="数据是否存在" header-align="center" align="center" width="60">
+                    </el-table-column>
+                  </el-table-column>
+                  <el-table-column label="准确性" header-align="center">
+                    <el-table-column prop="data_type" label="数据类型" header-align="center" align="center" width="80">
+                    </el-table-column>
+                    <el-table-column prop="range" label="阈值范围" header-align="center" align="center" width="130">
+                    </el-table-column>
+                    <el-table-column prop="unit" label="数据单位" header-align="center" align="center" width="70">
+                    </el-table-column>
+                    <el-table-column prop="rationality" label="数据合理性" header-align="center" align="center" width="70">
+                    </el-table-column>
+                    <el-table-column prop="storage_len" label="数据存储长度" header-align="center" align="center" width="70">
+                    </el-table-column>
+                  </el-table-column>
+                  <el-table-column label="时效性" header-align="center">
+                    <el-table-column prop="frequency" label="采集频率" header-align="center" align="center" width="60">
+                    </el-table-column>
+                  </el-table-column>
+                </el-table>
+      
+  
+  </el-col>
+  
+  <el-col :span="6">
+      <mailTable style="margin-top: 185px;margin-left: 10px;" :tableData="versionTableData" :tableStyle="{ width:'200px'}"></mailTable>
+  </el-col>
+  </el-main>
+  
+  
+  
+  
+  
+  </el-dialog>
+  </template>
+
+<script>
+    import mailTable from "@/views/tableComponent";
+    export default {
+        name: "dataQuality",
+        data() {
+            return {
+                value: '',
+                visible: false,
+                tableData: [{
+                    point1: '电机绕组A相温度',
+                    isExisted: '是',
+                    data_type: '浮点',
+                    range: '上阈值120.0℃',
+                    unit: '℃',
+                    rationality: '',
+                    storage_len: '',
+                    frequency: '5s'
+                }, {
+                    point1: '电机绕组B相温度',
+                    isExisted: '是',
+                    data_type: '浮点',
+                    range: '上阈值120.0℃',
+                    unit: '℃',
+                    rationality: '',
+                    storage_len: '',
+                    frequency: '5s'
+                }, {
+                    point1: '电机绕组C相温度',
+                    isExisted: '是',
+                    data_type: '浮点',
+                    range: '上阈值120.0℃',
+                    unit: '℃',
+                    rationality: '',
+                    storage_len: '',
+                    frequency: '5s'
+                }, {
+                    point1: '电机前轴温度',
+                    isExisted: '是',
+                    data_type: '浮点',
+                    range: '上阈值120.0℃',
+                    unit: '℃',
+                    rationality: '',
+                    storage_len: '',
+                    frequency: '5s'
+                }, {
+                    point1: '电机后轴温度',
+                    isExisted: '是',
+                    data_type: '浮点',
+                    range: '上阈值85.0℃',
+                    unit: '℃',
+                    rationality: '',
+                    storage_len: '',
+                    frequency: '5s'
+                }, {
+                    point1: '电机振动1',
+                    isExisted: '是',
+                    data_type: '浮点',
+                    range: '无',
+                    unit: 'mm/s',
+                    rationality: '',
+                    storage_len: '',
+                    frequency: '1s'
+                }, {
+                    point1: '电机振动2',
+                    isExisted: '是',
+                    data_type: '浮点',
+                    range: '无',
+                    unit: 'mm/s',
+                    rationality: '',
+                    storage_len: '',
+                    frequency: '1s'
+                }],
+                versionTableData: [{
+                    version: 'v2.1',
+                    date: '2021.1.26',
+                    person: '张三',
+                    ps: "无"
+                }],
+                options: [{
+                    value: '选项1',
+                    label: 'v2.1'
+                }, {
+                    value: '选项2',
+                    label: 'v1.5'
+                }, {
+                    value: '选项3',
+                    label: 'v1.2'
+                }, {
+                    value: '选项4',
+                    label: 'v1.1'
+                }, {
+                    value: '选项5',
+                    label: 'v1.0'
+                }],
+                versionTableData: [{
+                    key: '标准版本',
+                    value: 'v2.1'
+                }, {
+                    key: '更新日期',
+                    value: '2021.1.26'
+                }, {
+                    key: '更新说明',
+                    value: '无'
+                }, {
+                    key: '更新人员',
+                    value: '张三'
+                }, {
+                    key: '备注',
+                    value: '无'
+                }],
+            }
+        },
+        methods: {
+            init() {
+                this.visible = true;
+            }
+        },
+        components: {
+            mailTable
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>