1

src/components/page/sindex.vue

@@ -269,7 +269,7 @@ const nowDate = ref('');
 const nowTime = ref('');
 
 //智调数据库
-const btn_current = ref(1)
+const btn_current = ref(0)
 const open = ref(false)
 const pageIndex = ref(1);
 const pageSize = ref(10);
@@ -601,7 +601,7 @@ function handleClickMarker(e) {
     $('#right_modal .model_content').animate({ right: '2%' }, 500, function () {
         $('#right_modal .mask').show();
         videoList.value = [{
-            index_code: "bf89769610224754b3df03294a353457",
+            index_code: "734411758d8f46ab93977cd7e5002f42",
             sync_name: "地磅服务窗口1-A"
         }];
         nextTick(() => {
@@ -616,7 +616,7 @@ function handleClickMarker(e) {
                             left: $('#right_modal .list').offset().left + 30 * proportion,
                             top: $('#right_modal .list').offset().top,
                             videoList: [{
-                                index_code: "bf89769610224754b3df03294a353457",
+                                index_code: "734411758d8f46ab93977cd7e5002f42",
                                 sync_name: "地磅服务窗口1-A"
                             }],
                             width: $('#videoIframe').width() * proportion,
@@ -1613,4 +1613,57 @@ onBeforeUnmount(() => {
         flex: 1;
     }
 }
+
+#right_modal {
+    .mask {
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        left: 0;
+        top: 0;
+        z-index: 19;
+        display: none;
+        background: rgba(0, 0, 0, 0.5);
+    }
+
+    .model_content {
+        position: fixed;
+        width: 930px;
+        height: 1030px;
+        right: -930px;
+        bottom: 10px;
+        background-image: url(https://ore-1302260927.cos.ap-chengdu.myqcloud.com/data_screen/image/23.png);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        overflow: hidden;
+        z-index: 20;
+
+        .model_title {
+            font-size: 18px;
+            font-weight: 400;
+            color: #ffffff;
+            text-align: center;
+            line-height: 32px;
+        }
+
+        .list {
+            display: flex;
+            align-items: center;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            padding: 0 60px;
+
+            .list_item {
+                width: 48%;
+                margin-bottom: 20px;
+
+                .title {
+                    font-size: 14px;
+                    font-weight: bold;
+                    color: #ffffff;
+                }
+            }
+        }
+    }
+}
 </style>