修改配置文件

index.html

@@ -7,9 +7,9 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <script src="/js/leaderline.js"></script>
   <script src="/config.js"></script>
-  <link type="text/css" rel="stylesheet" href="./player.css" />
-  <script src="./ueapp.js"></script>
-  <script src="./webRtcPlayer.js"></script>
+  <link type="text/css" rel="stylesheet" href="/player.css" />
+  <script src="/ueapp.js"></script>
+  <script src="/webRtcPlayer.js"></script>
   <title>智慧教室IOC三维系统</title>
   <style>
     * {

src/components/home.vue

@@ -115,11 +115,11 @@
         <template #default="scope">
           <div
             :class="{
-              normal: scope.row.status == '正常',
-              error: scope.row.status == '异常',
+              normal: scope.row.heart_status == 0,
+              error: scope.row.heart_status == 1,
             }"
           >
-            <div>{{ scope.row.heart_status }}</div>
+            <div>{{ scope.row.heart_status == 0 ? "在线" : "异常" }}</div>
           </div>
         </template>
       </el-table-column>
@@ -132,7 +132,7 @@
       </el-table-column>
     </el-table>
     <el-dialog
-      custom-class="deviceDetailsDialog"
+      class="deviceDetailsDialog"
       v-model="isShowDeviceDetails"
       title="详情"
       width="15%"
@@ -143,7 +143,14 @@
     >
       <div class="details-container">
         <div>设备名称：{{ deviceDetails.device_name }}</div>
-        <div>设备状态：<span :class="{ online: true }">在线</span></div>
+        <div>
+          设备状态：<span
+            :style="{
+              color: deviceDetails.heart_status == 0 ? '#30fcaa' : '#ff352e',
+            }"
+            >{{ deviceDetails.heart_status == 0 ? "在线" : "异常" }}</span
+          >
+        </div>
         <div>位置：{{ deviceDetails.teach_name }}</div>
         <div>型号：{{ deviceDetails.device_type_name }}</div>
         <!-- <div>质保期：5年</div> -->
@@ -327,11 +334,11 @@ export default {
     let deviceDetailsList = ref([
       {
         name: "多媒体设备",
-        status: "正常",
+        heart_status: 0,
       },
       {
         name: "多媒体设备",
-        status: "异常",
+        heart_status: 1,
       },
     ]);
     let deviceDetails = ref({});
@@ -470,24 +477,23 @@ export default {
 
       if (JSON.parse(data).MainServiceName == "JianKong") {
         getVideoUrl({ rtsp: JSON.parse(data).MonitorURL }).then((res) => {
-          //   videoData.src = res.data.httpFlv;
-          videoData.src =
-            "https://weizhi.huanghuai.edu.cn/jk/hls/9159eba9-b4c6-4a4b-a8ff-a1dd94c88bae.m3u8";
+            videoData.src = res.data.httpFlv;
+          // videoData.src =
+          //   "https://weizhi.huanghuai.edu.cn/jk/hls/9159eba9-b4c6-4a4b-a8ff-a1dd94c88bae.m3u8";
           videoDialog.value = true;
-          console.log("32424", videoData.src);
         });
       }
       if (JSON.parse(data).MainServiceName == "SheBeiLieBiao") {
         equipmentDetailsApi(JSON.parse(data).ClassroomCode).then((res) => {
           deviceDialog.value = true;
-          console.log("res", res);
-
           deviceDetailsList.value = res.data;
         });
       }
       if (JSON.parse(data).MainServiceName == "KanBanShouQi") {
-        isShowLeft.value = JSON.parse(data).PutAwayState;
-        isShowRight.value = JSON.parse(data).PutAwayState;
+        console.log("看看这个-------", Boolean(JSON.parse(data).PutAwayState));
+        
+        isShowLeft.value = JSON.parse(data).PutAwayState=="true" ? true: false;
+        isShowRight.value = JSON.parse(data).PutAwayState=="true" ? true: false;
       }
     };
     const windowSize = function () {

src/components/left.vue

@@ -585,6 +585,10 @@ export default {
     };
     window.addEventListener("resize", function () {
       myChart.value.resize();
+      if(scrollContainerHeight.value){
+        scrollContainerHeight.value = scrollContainerRef.value.clientHeight;
+
+      }
     });
 
     // 物联设备类型统计
@@ -692,9 +696,6 @@ export default {
       //获取教室列表数据
       getClassRoomList();
       scrollContainerHeight.value = scrollContainerRef.value.clientHeight;
-      window.addEventListener("resize", function () {
-        scrollContainerHeight.value = scrollContainerRef.value.clientHeight;
-      });
     });
 
     onBeforeUnmount(() => {
@@ -718,6 +719,7 @@ export default {
       //定时器触发周期
       let speed = ref(75);
       timer.value = setInterval(MarqueeTest, speed.value);
+      starttimeInterval()
     }
     function MarqueeTest() {
       return;
@@ -846,10 +848,10 @@ export default {
         gisLeaf: gisLeaf.value,
       });
       classRoomList.value = [];
-      setTimeout(() => {
+      // setTimeout(() => {
         classRoomList.value = res.data;
         // scrollRef.value.reset()
-      }, 0);
+      // }, 0);
     };
     let deviceDialog = ref(true);
     const showDeviceDialog = () => {
@@ -932,8 +934,8 @@ export default {
 
 .el-popper {
   border: 2px solid #1a2d47 !important;
-    background: rgba(1, 18, 35, 0.87) !important;
-    border-radius: 1px !important;
+  background: rgba(1, 18, 35, 0.87) !important;
+  border-radius: 1px !important;
 }
 .el-dropdown-menu {
   background: rgba(1, 18, 35, 0.87) !important;
@@ -942,23 +944,21 @@ export default {
 }
 .el-dropdown-menu__item {
   color: rgba(255, 255, 255, 0.75);
-  border-radius: 2px !important;border-radius: 2px !important;
+  border-radius: 2px !important;
+  border-radius: 2px !important;
 }
 .popper__arrow::after {
-
   background: rgba(255, 255, 255, 0.12);
 }
 .el-dropdown-menu__item:not(.is-disabled):hover {
-
   background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.75);
 }
 .el-dropdown-menu__item:not(.is-disabled):hover {
-
   background: rgba(255, 255, 255, 0.12) !important;
   color: #fff !important;
 }
-.el-dropdown-menu__item:not(.is-disabled):focus{
+.el-dropdown-menu__item:not(.is-disabled):focus {
   background: rgba(255, 255, 255, 0.12) !important;
   color: #fff !important;
 }

src/components/right.vue

@@ -98,7 +98,7 @@
         </el-carousel>
         <img
           class="video-border"
-          style="height: 100%;width: 100%"
+          style="height: 100%; width: 100%"
           :src="videoBorder"
           alt=""
           srcset=""
@@ -124,7 +124,7 @@
     top="8%"
     style="z-index: 2015; padding: 0"
   >
-    <videoPlay  v-bind="videoData" />
+    <videoPlay v-bind="videoData" />
 
     <!-- {{ videoData.src }} -->
   </el-dialog>
@@ -186,7 +186,7 @@
     >
       <div class="details-container">
         <div>设备名称：多媒体设备</div>
-        <div>设备状态：<span :class="{ online: true }">在线</span></div>
+        <div>设备状态：<span :style="{ online: true }">在线</span></div>
         <div>位置：一号教学楼A101</div>
         <div>型号：教学设备</div>
         <div>质保期：5年</div>
@@ -395,7 +395,7 @@ export default {
       console.log("darta", data);
       isShowDeviceDetails.value = true;
     };
-   
+
     let swiperRef = ref(null);
     const d1img = ref("./img/d1_1.png");
     const d12img = ref("./img/d1_2.png");
@@ -472,14 +472,13 @@ export default {
   }
 }
 .deviceDialog {
-
   .el-dialog__header {
     height: 39px;
     line-height: 39px;
     padding: 0;
     background-color: #1b67d9;
     margin-right: 0;
-      text-indent: 14px;
+    text-indent: 14px;
 
     .el-dialog__title {
       color: #fff;
@@ -496,7 +495,6 @@ export default {
       }
     }
   }
-
   .el-dialog__body {
     // padding: 10px !important;
     background-color: rgba(0, 0, 0, 0.5) !important;
@@ -564,65 +562,62 @@ export default {
 }
 
 .deviceDetailsDialog {
+  .el-dialog__header {
+    height: 39px;
+    line-height: 39px;
+    padding: 0px;
+    background-color: #1b67d9;
+    margin-right: 0;
+    text-indent: 10px;
 
+    .el-dialog__title {
+      color: #fff;
+      font-family: Inter;
+    }
 
-    .el-dialog__header {
-        height: 49px;
-        line-height: 49px;
-        padding: 0px;
-        background-color: #1b67d9;
-        margin-right: 0;
-        text-indent: 10px;
-
-        .el-dialog__title {
-            color: #fff;
-            font-family: Inter;
-        }
-
-        .el-dialog__headerbtn {
-            top: 0px;
+    .el-dialog__headerbtn {
+      top: 0px;
 
-            i {
-                color: #fff;
-                font-size: 20px;
-                font-weight: bold;
-            }
-        }
+      i {
+        color: #fff;
+        font-size: 20px;
+        font-weight: bold;
+      }
     }
+  }
 
-    .el-dialog__body {
-        padding: 10px !important;
-        background-color: rgba(0, 0, 0, 0.8) !important;
+  .el-dialog__body {
+    padding: 10px !important;
+    background-color: rgba(0, 0, 0, 0.2) !important;
 
-        .details-container {
-            color: #fff;
+    .details-container {
+      color: #fff;
 
-            /* text/pc/03-55-Regular */
-            font-family: "Alibaba PuHuiTi 2.0";
-            font-size: 12px;
-            font-style: normal;
-            font-weight: 400;
-            line-height: normal;
-            line-height: 30px;
+      /* text/pc/03-55-Regular */
+      font-family: "Alibaba PuHuiTi 2.0";
+      font-size: 12px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: normal;
+      line-height: 30px;
 
-            .online {
-                color: #30fcaa;
-            }
-        }
+      .online {
+        color: #30fcaa !important;
+      }
     }
+  }
 }
 
 .el-tag .el-tag--success {
-    --el-tag-text-color: #000;
+  --el-tag-text-color: #000;
 }
-.d-player-video{
+.d-player-video {
   display: flex;
 }
 
-
-.el-drawer{
+.el-drawer {
   background-color: transparent !important;
   padding: 0px !important;
-  box-shadow:none !important;
+  box-shadow: none !important;
 }
 </style>

vite.config.js

@@ -14,6 +14,13 @@ import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import postCssPxToRem from "postcss-pxtorem";
 
 export default defineConfig({
+  assetsDir: "static",
+  publicPath: "./", // 确保所有静态资源的路径都是相对于根路径的
+  resolve: {
+    alias: {
+      '@': '/src',
+    },
+  },
   base: './',//相对路径
   build: {
     minify: 'terser',