轨迹图

.env.production

@@ -1,8 +1,5 @@
 # 日志级别 TRACE < DEBUG < INFO <  WARN < ERROR
 VITE_LOG_LEVEL=DEBUG
 
-VITE_OSS_UPLOAD_BASE_URL=https://tq-cdn.oss-cn-shanghai.aliyuncs.com
+VITE_OSS_UPLOAD_BASE_URL=https://cdn-zsy.oss-cn-shanghai.aliyuncs.com
 
-VITE_HTTP_SERVER_BASE_URL=/supervision/api
-
-VITE_APP_BASE_URL=/supervision

src/pages/dispose-recode/DisposeRecodeDetail.vue

@@ -150,6 +150,8 @@ defineExpose({
           <IxImage :src="tspPhoto" alt="装车照片"/>
         </p>
       </div>
+      <div class="dispose-recode-detail-img-title">轨迹图</div>
+      <img alt="" class="guiji" src="@/assets/images/temp.gif">
       <template #footer>
         <IxPopconfirm v-if="showAuditStatus &&data.auditStatus === 'DaiShenHe'" icon="whitelist" placement="top" title="审查" @ok="auditHandler">
           <IxButton mode="primary">审查</IxButton>
@@ -231,4 +233,8 @@ defineExpose({
   position absolute
 }
 
+.guiji {
+  width 100%
+}
+
 </style>

src/pages/tsp/Tsp.vue

@@ -7,9 +7,11 @@ import CreateTsp from '@/pages/tsp/create-tsp.vue'
 import TspApi from '@/pages/tsp/tsp-api.ts'
 import { ref } from 'vue'
 import PhotoPanel from '@/pages/tsp/PhotoPanel.vue'
+import VideoPanel from '@/pages/tsp/VideoPanel.vue'
+// import Toast from '@/components/toast'
 
 const createTsp = ref<InstanceType<typeof CreateTsp> | null>(null)
-// const videoPanel = ref<InstanceType<typeof VideoPanel> | null>(null)
+const videoPanel = ref<InstanceType<typeof VideoPanel> | null>(null)
 const photoPanel = ref<InstanceType<typeof PhotoPanel> | null>(null)
 const dataSource: SelectData[] = [
   {key: '', label: '全部'},
@@ -97,7 +99,7 @@ function searchHandler() {
     Toast.error('该收纳点未配置视频监控')
     return
   }
- // videoPanel.value?.open(record.videoUrl, record.pointName)
+ videoPanel.value?.open(record.videoUrl, record.pointName)
  } */
 function playPhoto(record: TspTypes.TspData) {
   photoPanel.value?.open(record.id, record.pointName)
@@ -182,7 +184,7 @@ onMounted(() => {
       </IxTable>
     </IxCard>
     <CreateTsp ref="createTsp" @submited="submitedHandler"/>
-    <!--<VideoPanel ref="videoPanel"/>-->
+    <VideoPanel ref="videoPanel"/>
     <PhotoPanel ref="photoPanel"/>
   </div>
 </template>

src/pages/tsp/VideoPanel.vue

@@ -38,7 +38,7 @@ function flvErrorHandler(type: string, message: string) {
       break
     case FlvJs.ErrorTypes.MEDIA_ERROR:
       console.log(message)
-      Toast.error('视频格式错误，播放失败')
+      // Toast.error('视频格式错误，播放失败')
       break
     default:
       console.log(message)
@@ -50,7 +50,13 @@ function createPlayer() {
   if (FlvJs.isSupported()) {
     flvPlayer = FlvJs.createPlayer({
       type: 'flv',
-      url: videoUrl
+      hasAudio: false,
+      hasVideo: true,
+      isLive: true,
+      url: 'https://admin.njzscloud.com/proxy/sms/local/live/P2zUwoEQF541F_01.flv?expired=20570510211616'
+    }, {
+      enableStashBuffer: true,
+      isLive: true,
     })
 
     flvPlayer.on(FlvJs.Events.ERROR, flvErrorHandler)