修改项目大屏报错，无法展示问题

src/components/VideoPay/index.vue

@@ -21,14 +21,12 @@ import videojs from "video.js/dist/video.min";
 import "video.js/dist/video-js.min.css";
 import emitter from "@/utils/eventBus.js";
 import {
-  defineComponent,
+  defineProps,
   onMounted,
   onBeforeUnmount,
-  onUnmounted,
   ref,
   watch,
   nextTick,
-  onUpdated
 } from "vue";
 const myPlayer = ref(null); //视频对象
 const videoIds = ref(0); //视频对象ID
@@ -54,19 +52,19 @@ onBeforeUnmount(() => {
   //销毁视频对象
   myPlayer.value.dispose();
 });
-// 监听视频地址变化
-watch(
-  () => props.src,
-  (n) => {
 
-    changeVideoSource(n);
-  }
-);
 //参数
 const props = defineProps({
   //视频地址
   src: String
 });
+// 监听视频地址变化
+watch(
+  () => props.src,
+  (n) => {
+    changeVideoSource(n);
+  }
+);
 //初始化视频
 function initVideoSourc() {
   myPlayer.value = videojs(

src/components/video/index.vue

@@ -14,20 +14,14 @@
 <script setup>
 import { ElMessage } from "element-plus";
 import VideoPay from "@/components/VideoPay/index.vue";
-import { dateFormat } from "@/utils/auth";
 import { http } from "@/api/service";
 import emitter from "@/utils/eventBus.js";
 import {
   ref,
   onMounted,
   onUnmounted,
-  reactive,
-  computed,
-  getCurrentInstance
 } from "vue";
 const isShowVideo = ref(false);
-const player = ref(null);
-const { proxy } = getCurrentInstance();
 const sbbh = ref(null);
 const url = ref();
 

src/views/largeScreen/home/components/centerDialog.vue

@@ -18,7 +18,6 @@
     <AddQwDialog />
     <!-- 展示大图 -->
     <ImgBox />
-    
   </div>
 </template>
 
@@ -32,7 +31,6 @@ import GrouListZl from "./dialog/grouListZl.vue";
 import ViedeoDialog from "@/components/video/index.vue";
 import AddQwDialog from "./dialog/addQwDialog.vue";
 import ImgBox from "./dialog/imgBox.vue";
-import { ref, defineProps, onMounted, onUnmounted, reactive } from "vue";
 </script>
 
 <style lang="scss" scoped>

src/views/largeScreen/home/index.vue

@@ -14,8 +14,7 @@
       <el-button type="primary" @click="">上传</el-button>
       <el-button type="primary">下载</el-button>
     </div> -->
-    <div class="leftSiecle transition" :style="{ left: showClassL ? '-20px' : '370px' }"
+    <div class="leftSiecle transition" :style="{ left: showClassL ? '-20px' : '370px' }" @click="showClassL = !showClassL"></div>
-      @click="showClassL = !showClassL"></div>
     <div class="asideBox transition" :style="{ left: showClassL ? '-386px' : '0px' }">
       <!-- 工作情况 -->
       <div class="boder-small">
@@ -26,8 +25,7 @@
         <StreetGroup />
       </div>
     </div>
-    <div class="rightSiecle transition" :style="{ right: showClassR ? '-20px' : '370px' }"
+    <div class="rightSiecle transition" :style="{ right: showClassR ? '-20px' : '370px' }" @click="showClassR = !showClassR"></div>
-      @click="showClassR = !showClassR"></div>
     <div class="asideBox transition" :style="{ right: showClassR ? '-386px' : '0px' }">
       <div class="boder-big">
         <StreetCondition />
@@ -43,7 +41,7 @@
       <CountModel />
     </div>
     <!-- 底部按钮 -->
-    <!-- <BottomBtn /> -->
+    <BottomBtn />
     <div class="footBox">
       <ul>
         <li v-for="(item, index) in btnTatol" :key="item">
@@ -71,7 +69,6 @@
     <XiafaZl />
     <!-- 犯罪预测 -->
     <FzycDialog v-if="isShowFZYC" :data="fzycInfo" />
-
   </div>
 </template>