细节修改

src/views/app_belt_coal_quantity/beltCoalQuantity.vue

@@ -1,12 +1,92 @@
 <template>
   <div class="box">
-    <img src="@/assets/img/conveyor.gif" alt="图片" align="middle">
+    <el-col :span="13">
+      <img src="@/assets/img/conveyor.gif" alt="图片" align="middle">
+    </el-col>
+    <el-col :span="11">
+      <mailTable style="margin-top: 10px;margin-left: 10px;" :tableData="propertyTableData" :tableStyle="{ width:'310px'}"></mailTable>
+    </el-col>
   </div>
 </template>
 
 <script>
+    import mailTable from "@/views/tableComponent";
     export default {
-        name: "beltCoalQuantity"
+        name: "beltCoalQuantity",
+        data() {
+            return {
+                propertyTableData: [{
+                    key: '名称',
+                    value: '值'
+                }, {
+                    key: '设备名称',
+                    value: '高压6A系统'
+                }, {
+                    key: '设备编码',
+                    value: '60LAC72'
+                }, {
+                    key: 'KKS编码',
+                    value: '60LAC72'
+                }, {
+                    key: '状态',
+                    value: ''
+                }, {
+                    key: '状态日期',
+                    value: ''
+                }, {
+                    key: '机组编码',
+                    value: '#6'
+                }, {
+                    key: '所属专业',
+                    value: '锅炉'
+                }, {
+                    key: '分类编码',
+                    value: '给水泵'
+                }, {
+                    key: '型号',
+                    value: ''
+                }, {
+                    key: '序列号',
+                    value: ''
+                }, {
+                    key: '位置编码',
+                    value: '高压6A系统'
+                }, {
+                    key: '制造商',
+                    value: ''
+                }, {
+                    key: '出厂日期',
+                    value: ''
+                }, {
+                    key: '安装日期',
+                    value: ''
+                }, {
+                    key: '保修到期日期',
+                    value: ''
+                }, {
+                    key: '形式',
+                    value: '多级离心泵'
+                }, {
+                    key: '配用功率',
+                    value: '1950'
+                }, {
+                    key: '配套电机',
+                    value: 'ABB(AMA 500L2L B5F)'
+                }, {
+                    key: '转速',
+                    value: '2980'
+                }, {
+                    key: '杨程',
+                    value: '16000'
+                }, {
+                    key: '流量',
+                    value: '350'
+                }]
+            }
+        },
+        components: {
+            mailTable
+        }
     }
 </script>
 <style scoped>

src/views/compressed/watchDevice.vue

@@ -176,6 +176,7 @@
         components: {
             mailTable
         }
+
     }
 </script>
 

src/views/monitor/checkCheckPoint.vue

@@ -141,98 +141,99 @@
 </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'
-  export default {
-    name: "checkCheckPoint",
-    data() {
-      return {
-        check_point_name: '',
-        sub_system_name: '',
-        health: '健康',
-        danger: '较低',
-        normal_time: '9天',
-        total_time: '20s'
-      }
-    },
-    components: {
-      direction,
-      pull_status,
-      pulling_speed,
-      speed_status
-
-    },
-    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];
+    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'
+    export default {
+        name: "checkCheckPoint",
+        data() {
+            return {
+                check_point_name: '',
+                sub_system_name: '',
+                health: '健康',
+                danger: '较低',
+                normal_time: '9天',
+                total_time: '20s'
+            }
+        },
+        components: {
+            direction,
+            pull_status,
+            pulling_speed,
+            speed_status
+
+        },
+        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];
+        }
     }
-}
 </script>
 
 <style scoped>
-  .divi {
-    display: block;
-    height: 1px;
-    width: 100%;
-    margin: 6px 0;
-    background-color: #dcdfe6;
-    position: relative;
-    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
-  }
-
-  .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;
-    width: 180px;
-    height: 120px;
-    margin-top: 8px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
-  }
-</style>
+    .divi {
+        display: block;
+        height: 1px;
+        width: 100%;
+        margin: 10px 0px 10px 0px;
+        background-color: #dcdfe6;
+        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;
+        width: 180px;
+        height: 120px;
+        margin-top: 8px;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
+    }
+</style>

src/views/monitor/checkSubSys.vue

@@ -23,117 +23,115 @@
           </el-table-column>
           <el-table-column prop="check_point_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 prop="describe" label="描述" header-align="center" align="center" width="230">
           </el-table-column>
           <el-table-column label="操作" header-align="center" align="center" width="180">
             <template slot-scope="scope">
               <el-button type="text" size="small" @click="watch(scope.row)">查看</el-button>
             </template>
-          </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>
-      </e-card>
+</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>
+</e-card>
 
-    </el-main>
-  </el-container>
+</el-main>
+</el-container>
 </template>
 
 <script>
-export default {
-  name: "checkSubSys",
-  data() {
-    return {
-      sub_system_name: '',
-      options: [{
-        title: "测点个数",
-        num: "20"
-      }],
-      tableData: [{
-        check_point_name: '烟气浓度',
-        describe: '5#监测分站',
-        remark: '暂无'
-      }, {
-        check_point_name: '二氧化碳浓度',
-        describe: '4#监测分站',
-        remark: '暂无'
-      }, {
-        check_point_name: '风速',
-        describe: '6#监测分站',
-        remark: '暂无'
-      }, {
-        check_point_name: '一氧化碳浓度',
-        describe: '9#监测分站',
-        remark: '暂无'
-      }, {
-        check_point_name: '瓦斯浓度',
-        describe: '10#监测分站',
-        remark: '暂无'
-      }, {
-        check_point_name: '粉尘浓度',
-        describe: '无',
-        remark: '暂无'
-      }, {
-        check_point_name: '氧气浓度',
-        describe: '无',
-        remark: '暂无'
-      }, {
-        check_point_name: 'xxx',
-        describe: '无',
-        remark: '暂无'
-      }, {
-        check_point_name: 'xxx',
-        describe: '无',
-        remark: '暂无'
-      }],
+    export default {
+        name: "checkSubSys",
+        data() {
+            return {
+                sub_system_name: '',
+                options: [{
+                    title: "测点个数",
+                    num: "20"
+                }],
+                tableData: [{
+                    check_point_name: '烟气浓度',
+                    describe: '5#监测分站',
+                    remark: '暂无'
+                }, {
+                    check_point_name: '二氧化碳浓度',
+                    describe: '4#监测分站',
+                    remark: '暂无'
+                }, {
+                    check_point_name: '风速',
+                    describe: '6#监测分站',
+                    remark: '暂无'
+                }, {
+                    check_point_name: '一氧化碳浓度',
+                    describe: '9#监测分站',
+                    remark: '暂无'
+                }, {
+                    check_point_name: '瓦斯浓度',
+                    describe: '10#监测分站',
+                    remark: '暂无'
+                }, {
+                    check_point_name: '粉尘浓度',
+                    describe: '无',
+                    remark: '暂无'
+                }, {
+                    check_point_name: '氧气浓度',
+                    describe: '无',
+                    remark: '暂无'
+                }, {
+                    check_point_name: 'xxx',
+                    describe: '无',
+                    remark: '暂无'
+                }, {
+                    check_point_name: 'xxx',
+                    describe: '无',
+                    remark: '暂无'
+                }],
 
-      currentPage1: 1,
-      currentPage2: 2,
-      currentPage3: 3,
-      currentPage4: 4,
-      checkVisible: false
-    }
-  },
-  methods: {
-    // 监听 pagesize 改变的事件
-    handleSizeChange(newSize) {
-      console.log(newSize)
-    },
-    //监听 页码值 改变的事件
-    handleCurrentChange(newPage) {
-      console.log(newPage)
-    },
-    watch(row) {
-      console.log(row.check_point_name)
-      this.$router.push({
-        path: '/checkCheckPoint',
-        name: '查看测点数据',
-        params: {
-          key: 'key',
-          value: [row.check_point_name, this.sub_system_name]
+                currentPage1: 1,
+                currentPage2: 2,
+                currentPage3: 3,
+                currentPage4: 4,
+                checkVisible: false
+            }
+        },
+        methods: {
+            // 监听 pagesize 改变的事件
+            handleSizeChange(newSize) {
+                console.log(newSize)
+            },
+            //监听 页码值 改变的事件
+            handleCurrentChange(newPage) {
+                console.log(newPage)
+            },
+            watch(row) {
+                console.log(row.check_point_name)
+                this.$router.push({
+                    path: '/checkCheckPoint',
+                    name: '查看测点数据',
+                    params: {
+                        key: 'key',
+                        value: [row.check_point_name, this.sub_system_name]
+                    }
+                })
+            },
+        },
+        mounted() {
+            this.sub_system_name = this.$route.params.value;
         }
-      })
-    },
-  },
-  mounted() {
-    this.sub_system_name = this.$route.params.value;
-  }
-}
+    }
 </script>
 
 <style scoped>
-  .monitorblock{
-    width: 115px;
-    height: 77px;
-    border: solid 1px #dcdfe6;
-    padding-top: 20px;
-    margin-left: 25px;
-    text-align: center;
-    display: inline-block;
-  }
-</style>
+    .monitorblock {
+        width: 115px;
+        height: 77px;
+        border: solid 1px #dcdfe6;
+        padding-top: 20px;
+        margin-left: 25px;
+        text-align: center;
+        display: inline-block;
+    }
+</style>

src/views/monitor/dataStandard.vue

@@ -1,13 +1,108 @@
+<!-- 安全监控 数据标准页面 -->
 <template>
+  <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="请选择子系统">
+              <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>
 
-</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>
-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/monitor/systemData.vue

@@ -18,138 +18,136 @@
         <span style="font-size: 24px;">{{item.num}}</span>
       </div>
 
-      <e-card>
+      <el-card>
         <el-table :data="tableData" style="width: 100%" border stripe @cell-click="checkSubSys">
-          <el-table-column type="index" label="序号" header-align="center" align="center" width="160">
+          <el-table-column type="index" label="序号" header-align="center" align="center" width="180">
           </el-table-column>
-          <el-table-column prop="sub_system_name" label="子系统名称" header-align="center" align="center" width="180">
+          <el-table-column prop="sub_system_name" label="子系统名称" header-align="center" align="center" width="200">
           </el-table-column>
-          <el-table-column prop="describe" label="描述" header-align="center" align="center" width="500">
+          <el-table-column prop="describe" label="描述" header-align="center" align="center" width="240">
           </el-table-column>
           <el-table-column label="操作" header-align="center" align="center" width="180">
             <template slot-scope="scope">
               <el-button type="text" size="small" @click="watch(scope.row)">查看</el-button>
             </template>
-          </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>
-      </e-card>
-    </el-main>
-  </el-container>
+</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-main>
+</el-container>
 
 </template>
 
 <script>
-export default {
-  name: "systemData",
-  data() {
-    return {
-      options: [{
-        title: "总数据量",
-        num: "1.2T"
-      }, {
-        title: "区域个数",
-        num: "8个"
-      }, {
-        title: "测点个数",
-        num: "125个"
-      }],
-      tableData: [{
-        sub_system_name: '原煤仓二层分站',
-        describe: '5#监测分站',
-        remark: '暂无'
-      }, {
-        sub_system_name: '碟子沟通风机房',
-        describe: '4#监测分站',
-        remark: '暂无'
-      }, {
-        sub_system_name: '风速',
-        describe: '6#监测分站',
-        remark: '暂无'
-      }, {
-        sub_system_name: '一氧化碳浓度',
-        describe: '9#监测分站',
-        remark: '暂无'
-      }, {
-        sub_system_name: '瓦斯浓度',
-        describe: '10#监测分站',
-        remark: '暂无'
-      }, {
-        sub_system_name: '粉尘浓度',
-        describe: '无',
-        remark: '暂无'
-      }, {
-        sub_system_name: '氧气浓度',
-        describe: '无',
-        remark: '暂无'
-      }, {
-        sub_system_name: 'xxx',
-        describe: '无',
-        remark: '暂无'
-      }, {
-        sub_system_name: 'xxx',
-        describe: '无',
-        remark: '暂无'
-      }],
+    export default {
+        name: "systemData",
+        data() {
+            return {
+                options: [{
+                    title: "总数据量",
+                    num: "1.2T"
+                }, {
+                    title: "区域个数",
+                    num: "8个"
+                }, {
+                    title: "测点个数",
+                    num: "125个"
+                }],
+                tableData: [{
+                    sub_system_name: '原煤仓二层分站',
+                    describe: '5#监测分站',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: '碟子沟通风机房',
+                    describe: '4#监测分站',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: '风速',
+                    describe: '6#监测分站',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: '一氧化碳浓度',
+                    describe: '9#监测分站',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: '瓦斯浓度',
+                    describe: '10#监测分站',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: '粉尘浓度',
+                    describe: '无',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: '氧气浓度',
+                    describe: '无',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: 'xxx',
+                    describe: '无',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: 'xxx',
+                    describe: '无',
+                    remark: '暂无'
+                }],
 
-      currentPage1: 1,
-      currentPage2: 2,
-      currentPage3: 3,
-      currentPage4: 4,
-      checkVisible: false
-    }
-  },
-  methods: {
-    // 监听 pagesize 改变的事件
-    handleSizeChange(newSize) {
-      console.log(newSize)
-    },
-    //监听 页码值 改变的事件
-    handleCurrentChange(newPage) {
-      console.log(newPage)
-    },
-    watch(row) {
-      console.log(row.sub_system_name)
-      this.$router.push({
-        path: '/checkSubSys',
-        name: '查看子系统',
-        params: {
-          key: 'key',
-          value: row.sub_system_name
+                currentPage1: 1,
+                currentPage2: 2,
+                currentPage3: 3,
+                currentPage4: 4,
+                checkVisible: false
+            }
+        },
+        methods: {
+            // 监听 pagesize 改变的事件
+            handleSizeChange(newSize) {
+                console.log(newSize)
+            },
+            //监听 页码值 改变的事件
+            handleCurrentChange(newPage) {
+                console.log(newPage)
+            },
+            watch(row) {
+                console.log(row.sub_system_name)
+                this.$router.push({
+                    path: '/checkSubSys',
+                    name: '查看子系统',
+                    params: {
+                        key: 'key',
+                        value: row.sub_system_name
+                    }
+                })
+            },
+            checkSubSys(row, column) {
+                if (column.label == "子系统名称") {
+                    console.log(row.sub_system_name)
+                    this.$router.push({
+                        path: '/checkSubSys',
+                        name: '查看子系统',
+                        params: {
+                            key: 'key',
+                            value: row.sub_system_name
+                        }
+                    })
+                }
+            }
         }
-      })
-    },
-    checkSubSys(row, column) {
-      if(column.label == "子系统名称") {
-        console.log(row.sub_system_name)
-        this.$router.push({
-          path: '/checkSubSys',
-          name: '查看子系统',
-          params: {
-            key: 'key',
-            value: row.sub_system_name
-          }
-        })
-      }
     }
-  }
-}
 </script>
 
 <style scoped>
-  .monitorblock{
-    width: 115px;
-    height: 77px;
-    border: solid 1px #dcdfe6;
-    padding-top: 20px;
-    margin-left: 25px;
-    text-align: center;
-    display: inline-block;
-  }
-</style>
+    .monitorblock {
+        width: 115px;
+        height: 77px;
+        border: solid 1px #dcdfe6;
+        padding-top: 20px;
+        margin-left: 25px;
+        text-align: center;
+        display: inline-block;
+    }
+</style>

src/views/monitor/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>

src/views/transportation/subSystem/belt_body.vue

@@ -133,10 +133,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>
+<beltbodyRow style="margin-top: 185px;margin-left: 10px;" :property="property" :health="health" :danger="danger" :normal_time="normal_time" :total_time="total_time"></beltbodyRow>
+    </div> 
    
 </template>
 <script>
+    // import beltbodyRow from "@/views/transportation/subSystem/beltbody/beltbodyRow.vue";
     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'
@@ -146,6 +148,7 @@
         name: "coalcutter",
         data() {
             return {
+                property: "牵引方向",
                 health: '健康',
                 danger: '较低',
                 normal_time: '9天',
@@ -173,7 +176,8 @@
             pull_status,
             pulling_speed,
             speed_status,
-            analysisDia
+            analysisDia,
+            beltbodyRow
 
         },
         methods: {

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

@@ -0,0 +1,92 @@
+<template>
+<!-- 第一行 -->
+<el-row :gutter="20">
+    <el-col :span="4">
+        <div class="block">
+            <span class="text">{{property}}</span></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>
+
+    </el-col>
+    <el-col :span="6">
+        <div class="block">
+            <el-card>
+                <span class="info">设备健康程度:{{health}}</span></br>
+                <span class="info">安全隐患程度:{{danger}}</span></br>
+                <span class="info">正常运行:{{normal_time}}</span></br>
+                <span class="info">数值超标总时长:{{total_time}}</span></br>
+           </el-card>
+        </div>
+    </el-col>
+</el-row>
+<analysisDia v-if="moreVisible" ref="moreDialog"></analysisDia>
+</template>
+<script>
+    export default {
+        name: "beltbodyRow",
+        data() {
+            return {
+                dataRangeItems: [{
+                    value: '选项1',
+                    label: '10分钟'
+                }, {
+                    value: '选项2',
+                    label: '1小时'
+                }, {
+                    value: '选项3',
+                    label: '6小时'
+                }, {
+                    value: '选项4',
+                    label: '近1天'
+                }],
+                propertyItem: '',
+                healthItem: '',
+                dangerItem: '',
+                normal_timeItem: '',
+                total_timeItem: '',
+                moreVisible: false
+            }
+        },
+        // 在props中声明一下，代表等会要引用父组件的数据
+        props: ['property', 'health', 'danger', 'normal_time', 'total_time'],
+        created() {
+            // 把父组件的传过来的赋值给子组件
+            this.propertyItem = this.property;
+            this.healthItem = this.health;
+            this.dangerItem = this.danger;
+            this.normal_timeItem = this.normal_time;
+            this.total_timeItem = this.total_time;
+        },
+        methods: {
+            // 打开详细数据页面
+            openDetail() {
+                this.$router.push({
+                    path: '/detail'
+                })
+            },
+            dataAnalysis() {
+                this.moreVisible = true;
+                this.$nextTick(() => {
+                    this.$refs.moreDialog.init();
+                });
+            },
+            // 超出阈值
+            beyondthreshold() {
+                this.$router.push({
+                    path: '/threshold'
+                })
+            }
+        }
+    }
+</script>

src/views/tunnelling/systemData.vue

@@ -40,79 +40,88 @@
 </template>
 
 <script>
-export default {
-  name: "systemData",
-  data(){
-    return {
-      options: [{
-        title: '总数据量',
-        num: '1.2T'
-      }, {
-        title: '系统个数',
-        num: '8个'
-      }, {
-        title: '子系统个数',
-        num: '12个'
-      }, {
-        title: '设备个数',
-        num: '125个'
-      }],
-      tableData: [{
-        device_name: '综掘机',
-        describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-        remark: '暂无'
-      }, {
-        device_name: '转载机',
-        describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-        remark: '暂无'
-      }, {
-        device_name: '装煤机',
-        describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-        remark: '暂无'
-      }, {
-        device_name: '局部扇风机',
-        describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-        remark: '暂无'
-      }, {
-        device_name: '锚索钻机',
-        describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-        remark: '暂无'
-      }, {
-        device_name: 'xxx',
-        describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-        remark: '暂无'
-      }, {
-        device_name: 'xxx',
-        describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-        remark: '暂无'
-      }, {
-        device_name: 'xxx',
-        describe: '无',
-        remark: '暂无'
-      }, {
-        device_name: 'xxx',
-        describe: '无',
-        remark: '暂无'
-      }],
+    export default {
+        name: "systemData",
+        data() {
+            return {
+                options: [{
+                    title: '总数据量',
+                    num: '1.2T'
+                }, {
+                    title: '系统个数',
+                    num: '8个'
+                }, {
+                    title: '子系统个数',
+                    num: '12个'
+                }, {
+                    title: '设备个数',
+                    num: '125个'
+                }],
+                tableData: [{
+                    sub_system_name: '综掘机',
+                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: '转载机',
+                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: '装煤机',
+                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: '局部扇风机',
+                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: '锚索钻机',
+                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: 'xxx',
+                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: 'xxx',
+                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: 'xxx',
+                    describe: '无',
+                    remark: '暂无'
+                }, {
+                    sub_system_name: 'xxx',
+                    describe: '无',
+                    remark: '暂无'
+                }],
 
-      currentPage1: 1,
-      currentPage2: 2,
-      currentPage3: 3,
-      currentPage4: 4,
-      checkVisible: false
+                currentPage1: 1,
+                currentPage2: 2,
+                currentPage3: 3,
+                currentPage4: 4,
+                checkVisible: false
+            }
+        },
+        methods: {
+            handleSizeChange(newSize) {
+                console.log(newSize)
+            },
+            //监听 页码值 改变的事件
+            handleCurrentChange(newPage) {
+                console.log(newPage)
+            }
+        }
     }
-  }
-}
 </script>
 
 <style scoped>
-  .coalblock {
-    width: 115px;
-    height: 77px;
-    border: solid 1px #dcdfe6;
-    padding-top: 20px;
-    margin-left: 25px;
-    text-align: center;
-    display: inline-block;
-  }
-</style>
+    .coalblock {
+        width: 115px;
+        height: 77px;
+        border: solid 1px #dcdfe6;
+        padding-top: 20px;
+        margin-left: 25px;
+        text-align: center;
+        display: inline-block;
+    }
+</style>

src/views/tunnelling/tunnelling.vue

@@ -14,24 +14,29 @@
 
 
 <script>
-  import dataStandard from "./dataStandard";
-  import systemData from "./systemData";
+    import dataStandard from "./dataStandard";
+    import systemData from "./systemData";
     export default {
         name: "tunnelling",
-      data() {
-        return {
-          activeName: 'first',
-          checkVisible: 'false'
-        };
-      },
-      components: {
-        dataStandard,
-        systemData
-      }
+        data() {
+            return {
+                activeName: 'first',
+                checkVisible: 'false'
+            };
+        },
+        methods: {
+            handleClick(tab, event) {
+                console.log(tab, event);
+            }
+        },
+        components: {
+            dataStandard,
+            systemData
+        }
     }
 </script>
 
 
 <style scoped>
 
-</style>
+</style>