数据检测实时数据详情页

gassafety-web/src/router/index.js

@@ -184,6 +184,58 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/realtimeData',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'realtimedetail',
+        component: (resolve) => require(['@/views/dataMonitoring/realtimeData/realtimedetail'], resolve),
+        name: 'realtimeData-realtimedetail',
+        meta: { title: '详情' }
+      }
+    ],
+  },
+  {
+    path: '/realtimeData',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'index',
+        component: (resolve) => require(['@/views/dataMonitoring/realtimeData/index'], resolve),
+        name: 'index',
+        meta: { title: '返回' }
+      }
+    ]
+  },
+  {
+    path: '/reportData',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'reportdetail',
+        component: (resolve) => require(['@/views/dataMonitoring/reportData/reportdetail'], resolve),
+        name: 'reportData-reportdetail',
+        meta: { title: '详情' }
+      }
+    ],
+  },
+  {
+    path: '/reportData',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'index',
+        component: (resolve) => require(['@/views/dataMonitoring/reportData/index'], resolve),
+        name: 'index',
+        meta: { title: '返回' }
+      }
+    ]
+  },
   {
     path: '/gen',
     component: Layout,

gassafety-web/src/views/dataMonitoring/realtimeData/index.vue

@@ -178,6 +178,13 @@
             @click="handleDelete(scope.row)"
             v-hasPermi="['system:data:remove']"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="showDetail(scope.row)"
+            v-hasPermi="['system:data:export']"
+          >详情</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -386,6 +393,15 @@ export default {
         }
       });
     },
+    //详情按钮
+    showDetail(row) {
+      this.$router.push({
+        path: '/realtimeData/realtimedetail',
+        query:{
+          orderId : row.orderId
+        }
+      }) //带参跳转
+    },
     /** 删除按钮操作 */
     handleDelete(row) {
       const deviceReportDataIds = row.deviceReportDataId || this.ids;

gassafety-web/src/views/dataMonitoring/reportData/index.vue

@@ -162,7 +162,7 @@
       </el-table-column>
       <el-table-column label="通讯状态" align="center" prop="communicationStatus" />
       <el-table-column label="设备状态" align="center" prop="deviceStatus" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -178,8 +178,14 @@
             @click="handleDelete(scope.row)"
             v-hasPermi="['system:data:remove']"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="showDetail(scope.row)"
+          >详情</el-button>
         </template>
-      </el-table-column>
+      </el-table-column> -->
     </el-table>
 
     <pagination
@@ -366,6 +372,15 @@ export default {
         this.title = "修改设备监控";
       });
     },
+    /** 工单详细信息跳转 */
+    showDetail(row) {
+      this.$router.push({
+        path: '/reportData/reportdetail',
+        query:{
+          orderId : row.orderId
+        }
+      }) //带参跳转
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {