西海岸：基础设施-视频预览，增加在线离线状态显示，点击预览，提示离线

front/src/views/home/infrastructurePage.vue

@@ -505,6 +505,9 @@
           }"
         >
           <template #bodyCell="{ column, record }">
+            <template v-if="isXiHaiAn && column.dataIndex === 'status'">
+              <span>{{ statusText[record.status] || '' }}</span>
+            </template>
             <template v-if="column.dataIndex === 'operation'">
               <a
                 v-if="isXiHaiAn"
@@ -550,6 +553,7 @@
           @change="handleTableChange"
         >
           <template #bodyCell="{ column, record }">
+           
             <template v-if="column.dataIndex === 'operation'">
               <a-button
                 @click="goToApply(record)"
@@ -1005,8 +1009,10 @@
   const rowClickData = ref(null)
   // 打开视频预览
   const openVideo = (id, item) => {
-    if (item) {
-      rowClickData.value = item
+    // 单个预览
+    if (item && item.status != 1) {
+      rowClickData.value = item;
+      return message.warning('当前设备离线！')
     }
     console.log('打开视频', id)
     const param = {
@@ -1884,6 +1890,10 @@
   // 表格
   const dataSource = ref([])
   const dataSource2 = ref([])
+  const statusText = ref({
+    0: '离线',
+    1: '在线',
+  })
   const columns = ref([
     {
       title: '名称',
@@ -1896,6 +1906,12 @@
       width: '60%',
       key: 'nodeName',
     },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      width: '10%',
+      key: 'status',
+    },
     {
       title: '操作',
       dataIndex: 'operation',