掘进工作面 数据标准页面添加

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>