styleFix

.env.development

 NODE_ENV = "development"
 Mock: true
-VUE_APP_API_URL = "http://www.ythplat.com:8002/"
+VUE_APP_API_URL = "http://qjwl.ythplan.com/"

src/api/index.js

@@ -112,6 +112,13 @@ export function getVideoLiveAddressUrl(cameraId) {
         method: 'get',
     })
 }
+export function getAllVideoUrl(params) {
+    return request({
+        url: `/pweb/s/camera/liveurls`,
+        method: 'get',
+        params
+    })
+}
 
 
 

src/components/Index.vue

@@ -2,9 +2,20 @@
   <div :style="{ zoom: zoom }">
     <div class="nav-header">
       <div class="left-nav">
-        <span style="font-size: 14px; cursor: pointer" @click="jumpBack"
-          >工程项目后台管理系统</span
-        >
+        <div class="weather">
+          <img
+            class="weather-img"
+            :src="screenDetail.weather_code_url"
+            alt=""
+          />
+          <div class="weather-text">
+            <div class="temperature">
+              {{ screenDetail.temperature }}
+              <span style="font-size: 14px">℃</span>
+            </div>
+            <div class="condition">{{ screenDetail.weather_condition }}</div>
+          </div>
+        </div>
         <router-link
           v-for="(router, index) in leftNav"
           :key="index"
@@ -254,4 +265,21 @@ a {
   white-space: nowrap;
   padding: 0 30px;
 }
+.weather {
+  display: inline-block;
+  line-height: 24px;
+  vertical-align: top;
+  margin-right: 20px;
+  margin-top: 8px;
+  .weather-text {
+    color: #fff;
+    font-size: 18px;
+    display: inline-block;
+  }
+  .weather-img {
+    vertical-align: top;
+    width: 50px;
+    margin-right: 6px;
+  }
+}
 </style>
\ No newline at end of file

src/components/supervisory/Index.vue

@@ -43,6 +43,7 @@
           >九分屏</el-button
         >
         <el-button @click="closeAll">全部关闭</el-button>
+        <el-button @click="viewAll">全部预览</el-button>
       </div>
       <div class="video-area">
         <div
@@ -73,7 +74,11 @@
   </div>
 </template>
 <script>
-import { getVideoTreeData, getVideoLiveAddressUrl } from "@/api/index";
+import {
+  getVideoTreeData,
+  getVideoLiveAddressUrl,
+  getAllVideoUrl,
+} from "@/api/index";
 require("vue-video-player/node_modules/video.js/dist/video-js.css");
 import videojs from "video.js";
 import "videojs-contrib-hls";
@@ -240,6 +245,25 @@ export default {
       this.cameraList[index].id = "";
       this.$forceUpdate();
     },
+    viewAll() {
+      this.cameraList.map((item) => {
+        item.player.dispose();
+        item.player = null;
+        item.id = "";
+        item.live_address_url = "";
+      });
+
+      const allVideoIdArray = this.treeData
+        .map((item) => {
+          return item.children.map((child) => {
+            return child.id;
+          });
+        })
+        .flat();
+      getAllVideoUrl({ ids: allVideoIdArray.join(",") }).then((res) => {
+        console.log(res);
+      });
+    },
   },
   watch: {
     filterText(val) {

src/components/tower/deviceDialog.vue

@@ -4,6 +4,7 @@
     title="设备详情"
     append-to-body
     @opened="openedEvents"
+    width="1100px"
   >
     <div>
       <div class="title-label">