20230207获取周期时刻数据

src/views/AnalysisMain.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="content-box">
     <!-- v-if="videoTypeShow" -->
-   <div class="videoTypeBox" >
+   <div class="videoTypeBox" v-if="videoTypeShow" >
     <el-form :inline="true" :model="videoTypeForm" class="demo-form-inline" >
      <el-form-item label="视频源类型：" >
             <el-radio-group v-model="videoTypeForm.videoType">
@@ -60,7 +60,7 @@
     </el-card>
   </el-col>
 </el-row>
-<div class="btn">
+<div class="btn" v-if="videoTypeForm.videoType=='实时视频'">
     
     <el-button  type="primary" @click="applicationBtn">保存</el-button>
     <!-- <el-button  type="primary" @click="stopAlgorithmBtn">关闭程序</el-button> -->

src/views/index.vue

@@ -22,7 +22,7 @@
                     </div>
                 </el-tab-pane>
                 <el-tab-pane label="数据看板" name="second">
-                    <dataBoard :activeName="activeName" :triggerData="triggerData" :triggerListData="triggerListData"></dataBoard>
+                    <dataBoard :activeName="activeName" :triggerData="triggerData" :triggerListData="triggerListData" :cycleTimeData='cycleTimeData'></dataBoard>
                 </el-tab-pane>
                 <el-tab-pane label="分析配置" name="third">
                     <analysisConfiguration :analysisConfigurationdata="analysisConfigurationdata"></analysisConfiguration>
@@ -331,6 +331,8 @@ export default {
             //触发数据
             triggerData: [],
             triggerListData:[],
+            //周期时刻
+            cycleTimeData:[],
             //视频类型
             videoType: '',
             videoAnalysisShow: false,
@@ -395,7 +397,7 @@ export default {
         /** 创建mqtt */
         createMqtt() {
             //创建链接，接收数据
-            this.topicSends = ['stream' + this.number, 'trajectory' + this.number, 'detection' + this.number,'trigger-'+ this.$route.query.id];
+            this.topicSends = ['stream' + this.number, 'trajectory' + this.number, 'detection' + this.number,'trigger-'+ this.$route.query.id,'cycle_time-'+ this.$route.query.id];
             window.PubScribe(this.topicSends, this.number, this.realInfo);
             //   mqtt = mqttConfig;
             /*mqtt = new mqttConfig(this.topicSends);
@@ -430,9 +432,9 @@ export default {
                 //视频分析状态
                 if(res.data.data.videoAnalysisStatus == '未分析'){
                      this.disabledTrafficAnalysis= true
-                     this.videoUnityShow = false
-                    //  this.videoUnityShow = true
-                    //  this.analysisData()
+                    //  this.videoUnityShow = false
+                     this.videoUnityShow = true
+                     this.analysisData()
                 }else if(res.data.data.videoAnalysisStatus == '分析中'){
                     this.disabledVideoAnalysis= true
                         this.videoUnityShow = false
@@ -585,6 +587,19 @@ export default {
                         this.triggerListData = msgN;
                     } catch (error) {}
                     break;
+                   
+                    case 'cycle_time-'+this.$route.query.id:
+                        try {
+                            //  console.log("trigger_msgN",message)
+                        const utf8decoder = new TextDecoder();
+                        const u8arr = new Uint8Array(message);
+                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串
+                        var detId = [];
+                        const msgN = JSON.parse(temp);
+                        //  console.log("trigger_msgN",msgN)
+                        this.cycleTimeData = msgN;
+                    } catch (error) {}
+                    break;
             }
             this.receiveNews = '';
         },