【web】 在设备档案点击设备名称，跳转到该设备监测界面

ALOps_sys_fe/alops-ui/src/views/device/files/index.vue

@@ -51,7 +51,11 @@
                 type="index"
               ></el-table-column>              
               <el-table-column label="设备编号" align="center" key="equNumber" prop="equNumber" />
-              <el-table-column label="设备名称" align="center" key="name" prop="name" :show-overflow-tooltip="true" />
+              <el-table-column label="设备名称" align="center" key="name" min-width="160" :show-overflow-tooltip="true">
+                <template slot-scope="scope">
+                  <span style="cursor: pointer; color: #409EFF" @click="goToDeviceDetail(scope.row.id)">{{ scope.row.name }}</span>
+                </template>
+              </el-table-column>
               <!-- <el-table-column label="设备版本" align="center" key="version" prop="version" :show-overflow-tooltip="true" /> -->
               <el-table-column label="设备类型" align="center" key="equType" prop="equType" :show-overflow-tooltip="true" />
               <el-table-column label="设备级别" align="center" key="deviceLevel" prop="deviceLevel" width="120" />
@@ -421,6 +425,10 @@ export default {
     
   },
   methods: {
+    /** 跳转到设备状态详情页面 */
+    goToDeviceDetail(id) {
+      this.$router.push(`/inMonitoring/devicesState-detail/detail/${id}`);
+    },
     /** 查询设备列表 */
     getList() {
       this.loading = true