监控完善

src/views/system/monitor/index.vue

@@ -15,7 +15,8 @@
         </div> -->
         <div class="pulefttop">
           <h2 class="tith2">{{state.deviceList[currentTarget]?.device_title}}</h2>
-          <iframe :src="`https://open.ys7.com/ezopen/h5/iframe?bSupporDoubleClickFull=0&url=ezopen://open.ys7.com/${state.deviceList[currentTarget]?.live_sn}/1.hd.live&autoplay=1&audio=1&accessToken=at.7vy7t758d879vfm31k8rlh0eawfz4gvm-8ojld67hnz-1jvykt4-fnf2b3dzp&templete=0&id=ezplayer&decoderVersion=`" frameborder="0"></iframe>
+          <div class="no-camera" v-if="!state.deviceList[currentTarget]?.live_sn">当前设备无已绑定的摄像头</div>
+          <iframe v-else :src="`https://open.ys7.com/ezopen/h5/iframe?bSupporDoubleClickFull=0&url=ezopen://open.ys7.com/${state.deviceList[currentTarget]?.live_sn}/1.hd.live&autoplay=1&audio=1&accessToken=at.7vy7t758d879vfm31k8rlh0eawfz4gvm-8ojld67hnz-1jvykt4-fnf2b3dzp&templete=0&id=ezplayer&decoderVersion=`" frameborder="0"></iframe>
         </div>
       </el-col>
     </el-row>
@@ -183,4 +184,12 @@ $color: rgb(211, 130, 50);
     overflow: hidden;
     padding: 2% 0 0 5%;
 }
+.no-camera {
+  position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%);
+    font-size: 18px;
+    color: #aaa;
+  }
 </style>

src/views/system/monitor/mockData.json

@@ -115,7 +115,7 @@
     "device_title": "深圳中旭医学细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "3",
-    "live_sn": "K58966177",
+    "live_sn": "K58966793",
     "device_config": {
       "synclocation": 0,
       "offline_delay": 600,
@@ -170,7 +170,7 @@
     "device_title": "郑州中旭生物细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "4",
-    "live_sn": "K58966177",
+    "live_sn": "K58966752",
     "device_config": {
       "synclocation": 0,
       "offline_delay": 600,
@@ -225,7 +225,7 @@
     "device_title": "广州金专生物细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "8",
-    "live_sn": "K58966177",
+    "live_sn": "K76446303",
     "device_config": {
       "synclocation": 0,
       "offline_delay": 600,
@@ -280,7 +280,7 @@
     "device_title": "海南启研干细胞实验室",
     "binder_devtitle": "",
     "device_sn": "109",
-    "live_sn": "K58966177",
+    "live_sn": "BA6201068",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -335,7 +335,7 @@
     "device_title": "深圳贝蒂斯细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "6",
-    "live_sn": "K58966177",
+    "live_sn": "K58966753",
     "device_config": {
       "synclocation": 0,
       "offline_delay": 600,
@@ -390,7 +390,7 @@
     "device_title": "广西先康达细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "106",
-    "live_sn": "K58966177",
+    "live_sn": "K76445812",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -445,7 +445,7 @@
     "device_title": "深圳中贞细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "102",
-    "live_sn": "K58966177",
+    "live_sn": "K76445849",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -500,7 +500,7 @@
     "device_title": "浙江中科睿极细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "1",
-    "live_sn": "K58966177",
+    "live_sn": "K76445979",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -555,7 +555,7 @@
     "device_title": "上海原能细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "10",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 0,
       "offline_delay": 600,
@@ -610,7 +610,7 @@
     "device_title": "中国生物细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "9",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -665,7 +665,7 @@
     "device_title": "新疆行海生物细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "7",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 0,
       "offline_delay": 600,
@@ -720,7 +720,7 @@
     "device_title": "智能化培养皿存取系统",
     "binder_devtitle": "",
     "device_sn": "100",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -775,7 +775,7 @@
     "device_title": "智能化离心提取系统",
     "binder_devtitle": "",
     "device_sn": "103",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -830,7 +830,7 @@
     "device_title": "智能化废液处理系统",
     "binder_devtitle": "",
     "device_sn": "104",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -885,7 +885,7 @@
     "device_title": "江苏赛亿生物细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "107",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -940,7 +940,7 @@
     "device_title": "浙江细胞里生物细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "108",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -995,7 +995,7 @@
     "device_title": "福建微奥生物细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "110",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -1050,7 +1050,7 @@
     "device_title": "江西博领生物细胞培养工作站",
     "binder_devtitle": "",
     "device_sn": "112",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -1105,7 +1105,7 @@
     "device_title": "湖南源品细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "113",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -1160,7 +1160,7 @@
     "device_title": "河北百龄细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "114",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -1215,7 +1215,7 @@
     "device_title": "吉林中科生物细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "116",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -1270,7 +1270,7 @@
     "device_title": "辽宁中添细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "117",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -1325,7 +1325,7 @@
     "device_title": "陕西百川医疗细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "118",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,
@@ -1380,7 +1380,7 @@
     "device_title": "安徽麟美生物细胞培养实验室",
     "binder_devtitle": "",
     "device_sn": "120",
-    "live_sn": "K58966177",
+    "live_sn": "",
     "device_config": {
       "synclocation": 1,
       "offline_delay": 600,