monitorThreshold.vue 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!-- 皮带本体 超标数据 -->
  2. <template>
  3. <div>
  4. <el-breadcrumb separator-class="el-icon-arrow-right">
  5. <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  6. <el-breadcrumb-item :to="{ path: '/monitor'}">安全监控</el-breadcrumb-item>
  7. <el-breadcrumb-item :to="{ path: '/checkSubSys'}">{{ sub_system_name }}</el-breadcrumb-item>
  8. <el-breadcrumb-item>{{ check_point_name }}</el-breadcrumb-item>
  9. <el-breadcrumb-item>超标数据</el-breadcrumb-item>
  10. </el-breadcrumb>
  11. <el-card>
  12. <template>
  13. <el-table :data="tableData" style="width: 100%" border stripe>
  14. <el-table-column prop="time" label="时间" header-align="center" align="center" width="150">
  15. </el-table-column>
  16. <el-table-column prop="dataType" label="数据类型" header-align="center" align="center" width="120">
  17. </el-table-column>
  18. <el-table-column prop="frequency" label="采集频率" header-align="center" align="center" width="120">
  19. </el-table-column>
  20. <el-table-column prop="value" label="测量数值" header-align="center" align="center" width="120">
  21. </el-table-column>
  22. <el-table-column prop="unit" label="工程单位" header-align="center" align="center" width="120">
  23. </el-table-column>
  24. <el-table-column prop="threshold" label="预警阈值" header-align="center" align="center" width="120">
  25. </el-table-column>
  26. <el-table-column prop="classify" label="所属分类" header-align="center" align="center" width="120">
  27. </el-table-column>
  28. </el-table>
  29. </template>
  30. </el-table>
  31. <!-- 分页区域 -->
  32. <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">
  33. </el-pagination>
  34. </el-card>
  35. </div>
  36. </template>
  37. <script>
  38. export default {
  39. name: "threshold",
  40. data() {
  41. return {
  42. check_point_name: '',
  43. sub_system_name: '',
  44. tableData: [{
  45. time: '2020-1-20 9:41',
  46. dataType: '浮点',
  47. frequency: '1s',
  48. value: '0.50',
  49. unit: 'kN',
  50. database: 'hbase',
  51. threshold: '0.8',
  52. classify: '设备',
  53. pointname: '皮带张力',
  54. num: '0.52',
  55. deviceName: '皮带本体',
  56. describe: '全长5260m,带宽1.6m,带速4m/s,带强3150N/mm,运输能力3500t/h。',
  57. device: '电机本体',
  58. remark: '无',
  59. dataQuality: '高'
  60. }, {
  61. time: '2020-1-20 12:01',
  62. dataType: '浮点',
  63. frequency: '1s',
  64. value: '0.50',
  65. unit: 'kN',
  66. database: 'hbase',
  67. threshold: '0.8',
  68. classify: '设备',
  69. pointname: '1#滚筒',
  70. num: '0.52',
  71. deviceName: '皮带本体',
  72. describe: '全长5260m,带宽1.6m,带速4m/s,带强3150N/mm,运输能力3500t/h。',
  73. device: '电机本体',
  74. remark: '无',
  75. dataQuality: '高'
  76. }, {
  77. time: '2020-1-22 5:01',
  78. dataType: '浮点',
  79. frequency: '1s',
  80. value: '0.50',
  81. unit: 'kN',
  82. database: 'hbase',
  83. threshold: '0.8',
  84. classify: '设备',
  85. pointname: '2#滚筒',
  86. num: '0.32',
  87. deviceName: '皮带本体',
  88. describe: '全长5521m,带宽1.6m,带速4m/s,带强3150N/mm,运输能力3500t/h。',
  89. device: '电机本体',
  90. remark: '无',
  91. dataQuality: '高'
  92. }, {
  93. time: '2020-2-20 16:21',
  94. dataType: '浮点',
  95. frequency: '1s',
  96. value: '0.50',
  97. unit: 'kN',
  98. database: 'hbase',
  99. threshold: '0.8',
  100. classify: '设备',
  101. pointname: '3#滚筒',
  102. num: '0.98',
  103. deviceName: '皮带本体',
  104. describe: '全长5210m,带宽1.6m,带速4m/s,带强3150N/mm,运输能力3500t/h。',
  105. device: '电机本体',
  106. remark: '无',
  107. dataQuality: '高'
  108. }, {
  109. time: '2020-2-23 14:41',
  110. dataType: '浮点',
  111. frequency: '1s',
  112. value: '0.50',
  113. unit: 'kN',
  114. database: 'hbase',
  115. threshold: '0.8',
  116. classify: '设备',
  117. pointname: '1#滚筒',
  118. num: '0.25',
  119. deviceName: '皮带本体',
  120. describe: '全长3135m,带宽1.6m,带速4m/s,带强3150N/mm,运输能力3500t/h。',
  121. device: '电机本体',
  122. remark: '无',
  123. dataQuality: '高'
  124. }],
  125. }
  126. },
  127. mounted() {
  128. const subSystemName = window.sessionStorage.getItem("subSystemName");
  129. const checkPointName = window.sessionStorage.getItem("checkPointName");
  130. this.sub_system_name = subSystemName;
  131. this.check_point_name = checkPointName;
  132. }
  133. }
  134. </script>