fix: camera online status in the DeviceThirdParty page

src/views/external/box/settings/components/external/Camera.vue

@@ -25,8 +25,15 @@
               <div class="l-flex__fill c-info__value">{{ info.instance.identifier }}</div>
             </div>
             <div class="l-flex--row l-flex__fill c-sibling-item">
-              <div class="l-flex__none l-flex--row c-info__title">状态</div>
-              <div class="l-flex__fill c-info__value u-color--blue">{{ info.instance.status ? '在线' : '离线' }}</div>
+              <div class="l-flex__none l-flex--row c-info__title">
+                <span class="c-sibling-item">状态</span>
+                <i
+                  v-if="info.instance.onlineStatus === 1"
+                  class="c-sibling-item near el-icon-view u-font-size--md has-active"
+                  @click="onViewCamera(info.instance)"
+                />
+              </div>
+              <div class="l-flex__fill c-info__value u-color--blue">{{ info.instance.onlineStatus === 1 ? '在线' : '离线' }}</div>
             </div>
             <div class="l-flex--row l-flex__fill c-sibling-item" />
           </div>
@@ -39,6 +46,7 @@
         </div>
       </div>
     </div>
+    <camera-dialog ref="cameraDialog" />
   </div>
 </template>
 
@@ -65,6 +73,11 @@ export default {
         return val
       })
     }
+  },
+  methods: {
+    onViewCamera (camera) {
+      this.$refs.cameraDialog.show(camera)
+    }
   }
 }
 </script>