分析里目标检测数据来源unity修改

public/VideoWeb/index.html

@@ -209,6 +209,10 @@
       // numberNew 判断2-模拟区，1-画布区
       window.parent.getFigure(string, string1, string2, 1);
     }
+    //获取分析状态
+    function Status(jsonString) {
+      window.parent.getStatus(jsonString);
+    }
     //新增图形传图形id
     function postFigureId(string) {
       console.log("图形id", string)

src/views/bounced/maintenanceRemind.vue

@@ -4,6 +4,13 @@
             <!-- <p>节点源</p> -->
             <!-- <h3>节点源</h3> -->
             <el-descriptions title="目标检测" :column="5" border>
+                <el-descriptions-item label="图片fps">{{ getUnityData.fpsPicture }}</el-descriptions-item>
+                <el-descriptions-item label="运行时间(s)">{{ getUnityData.time }}</el-descriptions-item>
+                <el-descriptions-item label="场景FPS">{{ getUnityData.fpsCount }}</el-descriptions-item>
+                <el-descriptions-item label="数据fps">{{ getUnityData.fpsData }}</el-descriptions-item>
+                <el-descriptions-item label="当前处理帧编号">{{ getUnityData.frameNum }}</el-descriptions-item>
+            </el-descriptions>
+            <!-- <el-descriptions title="目标检测" :column="5" border>
         <el-descriptions-item label="视频地址">
           {{ form.target_detection.video_address }}</el-descriptions-item
         >
@@ -31,9 +38,9 @@
         <el-descriptions-item label="最后一帧分析时间">{{
           form.target_detection.last_frame_analysis_time
         }}</el-descriptions-item>
-      </el-descriptions>
+      </el-descriptions> -->
 
-      <el-descriptions title="交通分析" :column="5" border>
+            <!-- <el-descriptions title="交通分析" :column="5" border>
         <el-descriptions-item label="分析帧速率">
           {{ form.traffic_analysis.analyze_frame_rate }}</el-descriptions-item
         >
@@ -46,18 +53,12 @@
         <el-descriptions-item label="最后一帧分析时间">{{
           form.traffic_analysis.last_frame_analysis_time
         }}</el-descriptions-item>
-      </el-descriptions>
+      </el-descriptions> -->
 
             <el-descriptions title="数据同步" :column="5" border>
-        <el-descriptions-item label="上次同步时间">
+                <el-descriptions-item label="上次同步时间"> {{ form.data_sync.lastSyncTime }}</el-descriptions-item>
-          {{ form.data_sync.lastSyncTime }}</el-descriptions-item
+                <el-descriptions-item label="本次同步时间">{{ form.data_sync.currentSyncStatus }}</el-descriptions-item>
-        >
+                <el-descriptions-item label="下次同步时间">{{ form.data_sync.nextSyncTime }}</el-descriptions-item>
-        <el-descriptions-item label="本次同步时间">{{
-          form.data_sync.currentSyncStatus
-        }}</el-descriptions-item>
-        <el-descriptions-item label="下次同步时间">{{
-          form.data_sync.nextSyncTime
-        }}</el-descriptions-item>
             </el-descriptions>
 
             <!-- <el-button @click="showUpdateCertificate = true" type="primary" style="margin-top:15px">更新证书</el-button> -->
@@ -73,9 +74,7 @@
                 </el-row>
 
                 <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="showUpdateCertificate = false"
+                    <el-button type="primary" @click="showUpdateCertificate = false">确 定</el-button>
-            >确 定</el-button
-          >
                 </span>
             </el-dialog>
         </div>
@@ -83,50 +82,53 @@
 </template>
 
 <script>
-import { getAnalysisStatus } from "../../api/index";
+import { getAnalysisStatus } from '../../api/index';
 export default {
     props: {
         trafficAnalysisStatusData: {
             type: Object,
-      default: {},
+            default: {}
         },
         targetAnalysisStatusData: {
             type: Object,
-      default: {},
+            default: {}
-    },
+        }
     },
     data() {
         return {
             form: {
                 target_detection: {
-          video_id: "",
+                    video_id: '',
-          video_address: "",
+                    video_address: '',
-          encoding_format: "",
+                    encoding_format: '',
-          code_tate: "",
+                    code_tate: '',
-          frame_rate: "",
+                    frame_rate: '',
-          resolution_ratio: "",
+                    resolution_ratio: '',
-          neural_network: "",
+                    neural_network: '',
-          decoder_frame_rate: "",
+                    decoder_frame_rate: '',
-          detector_frame_rate: "",
+                    detector_frame_rate: '',
-          last_frame_analysis_time: "",
+                    last_frame_analysis_time: ''
                 },
                 traffic_analysis: {
-          video_id: "",
+                    video_id: '',
-          analyze_frame_rate: "",
+                    analyze_frame_rate: '',
-          cache_capacity: "",
+                    cache_capacity: '',
-          cache_records_number: "",
+                    cache_records_number: '',
-          last_frame_analysis_time: "",
+                    last_frame_analysis_time: ''
                 },
                 data_sync: {
-          lastSyncTime: "",
+                    lastSyncTime: '',
-          currentSyncStatus: "",
+                    currentSyncStatus: '',
-          nextSyncTime: "",
+                    nextSyncTime: ''
-        },
+                }
             },
             showUpdateCertificate: false,
+            getUnityData: {}
         };
     },
-  created() {},
+    created() {
+        window.getStatus = this.getStatusFun;
+    },
     mounted() {
         this.getData();
         // 定时器，每天凌晨1点触发更新
@@ -144,41 +146,46 @@ export default {
         }, timeUntilOneAMTomorrow);
     },
     methods: {
+        //从unity视频获取数据
+        getStatusFun(jsonString) {
+          // console.log('jsonString', jsonString);
+          this.getUnityData = JSON.parse(jsonString);
+        },
         //获取分析状态数据
         getData() {
             let videoId = this.$route.query.id;
             getAnalysisStatus(videoId).then((res) => {
                 if (res.data.code == 200) {
                     // this.form = res.data.data;
-          if (res.data.data.target_detection !=null) {
+                    if (res.data.data.target_detection != null) {
-            this.form.target_detection = res.data.data.target_detection
+                        this.form.target_detection = res.data.data.target_detection;
                     }
-          if (res.data.data.traffic_analysis !=null) {
+                    if (res.data.data.traffic_analysis != null) {
-            this.form.traffic_analysis = res.data.data.traffic_analysis
+                        this.form.traffic_analysis = res.data.data.traffic_analysis;
                     }
-          if (res.data.data.data_sync !=null) {
+                    if (res.data.data.data_sync != null) {
-            this.form.data_sync = res.data.data.data_sync
+                        this.form.data_sync = res.data.data.data_sync;
                     }
                 }
             });
-    },
+        }
     },
     watch: {
         trafficAnalysisStatusData: {
             //交通分析
             handler: function (val) {
-        console.log(val, "交通分析数据");
+                console.log(val, '交通分析数据');
-        this.form.traffic_analysis = val
+                this.form.traffic_analysis = val;
-      },
+            }
         },
         targetAnalysisStatusData: {
             //目标分析
             handler: function (val) {
-        console.log(val, "目标监测数据");
+                console.log(val, '目标监测数据');
-        this.form.target_detection = val
+                this.form.target_detection = val;
-      },
+            }
-    },
+        }
-  },
+    }
 };
 </script>