可视化驾驶舱静态数据展示

src/components/videoComponents.vue

@@ -68,6 +68,7 @@ import $ from 'jquery'
 import {JSEncrypt} from 'jsencrypt'
 import {WebControl} from '../assets/script/video/web-control.esm.min.js'
 import {onActivated, onDeactivated} from 'vue'
+import {videoGetVideoTable} from '@/dataJson/videoData/mock.js'
 
 onActivated(() => {
   if (route.query.id) {
@@ -211,12 +212,15 @@ function getStats() {
 
 //从数据库获得监控点信息
 function getVideoInfo() {
-  http.post('/api/video/GetVideoTable').then((result) => {
+  // http.post('/api/video/GetVideoTable').then((result) => {
     //若获得视频列表，则存入
+
+  //静态数据
+  const result = videoGetVideoTable
     if (result.data.count > 0) {
       VideoInfo.videoList.push.apply(VideoInfo.videoList, result.data.dataTable);
     }
-  })
+  // })
 }
 
 //页面初始化

src/components/videoComponentsTwo.vue

@@ -67,6 +67,7 @@ import $ from 'jquery'
 import { JSEncrypt } from 'jsencrypt'
 import { WebControl } from '../assets/script/video/web-control.esm.min.js'
 import { onActivated, onDeactivated } from 'vue'
+import {videoGetVideoTable} from '@/dataJson/videoData/mock.js'
 
 onActivated(() => {
   if (route.query.id) {
@@ -215,12 +216,14 @@ function getStats() {
 
 //从数据库获得监控点信息
 function getVideoInfo() {
-  http.post('/api/video/GetVideoTable').then((result) => {
+  // http.post('/api/video/GetVideoTable').then((result) => {
     //若获得视频列表，则存入
+  //静态数据
+  const result = videoGetVideoTable
     if (result.data.count > 0) {
       VideoInfo.videoList.push.apply(VideoInfo.videoList, result.data.dataTable);
     }
-  })
+  // })
 }
 
 //页面初始化