This commit is contained in:
chengdandan 2023-02-08 14:25:32 +08:00
parent 6d3f7568cb
commit bd759ea696
6 changed files with 18 additions and 12 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="content-box"> <div class="content-box">
<!-- v-if="videoTypeShow" --> <!-- v-if="videoTypeShow" -->
<div class="videoTypeBox" v-if="videoTypeShow" > <div class="videoTypeBox" v-if="videoTypeShow">
<el-form :inline="true" :model="videoTypeForm" class="demo-form-inline" > <el-form :inline="true" :model="videoTypeForm" class="demo-form-inline" >
<el-form-item label="视频源类型:" > <el-form-item label="视频源类型:" >
<el-radio-group v-model="videoTypeForm.videoType"> <el-radio-group v-model="videoTypeForm.videoType">
@ -63,7 +63,7 @@
<div class="btn" v-if="videoTypeForm.videoType=='实时视频'"> <div class="btn" v-if="videoTypeForm.videoType=='实时视频'">
<el-button type="primary" @click="applicationBtn">保存</el-button> <el-button type="primary" @click="applicationBtn">保存</el-button>
<!-- <el-button type="primary" @click="stopAlgorithmBtn">关闭程序</el-button> --> <el-button type="primary" @click="stopAlgorithmBtn">关闭程序</el-button>
</div> </div>
</div> </div>
<!-- <div id="dialog" class="margin-top: 0px !important;"> --> <!-- <div id="dialog" class="margin-top: 0px !important;"> -->
@ -223,6 +223,7 @@ destroyed: function () {
const msg = JSON.parse(temp) //JSON const msg = JSON.parse(temp) //JSON
// var newArr = [] // var newArr = []
//msgJSON //msgJSON
console.log("msg",msg)
if(msg.rate=='low'){ if(msg.rate=='low'){
// console.log("msg", msg) // console.log("msg", msg)
if(this.videoList.length!=0){ if(this.videoList.length!=0){
@ -247,7 +248,7 @@ destroyed: function () {
const u8arr = new Uint8Array(message) const u8arr = new Uint8Array(message)
const temp = utf8decoder.decode(u8arr) // const temp = utf8decoder.decode(u8arr) //
const msg = JSON.parse(temp) //JSON const msg = JSON.parse(temp) //JSON
// console.log("hert", msg) //msgJSON console.log("hert", msg) //msgJSON
if(msg==''){ if(msg==''){
} }

View File

@ -56,8 +56,7 @@
style="font-weight: 600;font-size: 18px;margin-right: 5px;" style="font-weight: 600;font-size: 18px;margin-right: 5px;"
></i> ></i>
<p class="board-title">坐标转换</p> <p class="board-title">坐标转换</p>
<i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i>通过将图像坐标系转换为物理坐标系地理参考使您能够将像素测量转换为真实速度和距离
>通过将图像坐标系转换为物理坐标系地理参考使您能够将像素测量转换为真实速度和距离
</div> </div>
<el-form ref="form" :model="coordinateForm" label-width="fit-content" v-if="contentShow.coordinate"> <el-form ref="form" :model="coordinateForm" label-width="fit-content" v-if="contentShow.coordinate">
<!-- <el-form-item label="坐标转换开关:"> <!-- <el-form-item label="坐标转换开关:">
@ -130,6 +129,10 @@
/> />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="imageXCoordinate" label="横坐标" align="center">
</el-table-column>
<el-table-column prop="imageYCoordinate" label="纵坐标" align="center">
</el-table-column>
<el-table-column prop="oldName" label="旧名字" align="center" v-if="laneform.laneClose == true"> <el-table-column prop="oldName" label="旧名字" align="center" v-if="laneform.laneClose == true">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.oldName" maxlength="20" placeholder="请输入" /> <el-input v-model="scope.row.oldName" maxlength="20" placeholder="请输入" />

View File

@ -16,8 +16,6 @@
></iframe> ></iframe>
<!-- <iframe src="./VideoWeb/index.html" style="height: 100%; width: 100%;border: none" ref="iframe"></iframe> --> <!-- <iframe src="./VideoWeb/index.html" style="height: 100%; width: 100%;border: none" ref="iframe"></iframe> -->
<el-empty :description="description" v-if="videoAnalysisShow"> <el-empty :description="description" v-if="videoAnalysisShow">
<!-- <el-button type="primary">按钮</el-button> -->
<!-- <el-button type="primary" size="mini" @click="videoAnalysisBtn" v-if="videoAnalysisShow">视频分析</el-button> -->
</el-empty> </el-empty>
</div> </div>
</el-tab-pane> </el-tab-pane>
@ -349,7 +347,7 @@ export default {
videoTotalFrames:'', videoTotalFrames:'',
videoType:'实时视频' videoType:'实时视频'
}, },
description:'请点击视频分析' description:'请等待排队'
}; };
}, },
@ -382,6 +380,7 @@ export default {
this.videoAnalysisShow = true; this.videoAnalysisShow = true;
this.trafficAnalysisShow = true; this.trafficAnalysisShow = true;
this.getAnalysisStatus() this.getAnalysisStatus()
// this.createMqtt();
// if(this.$route.query.status==''){ // if(this.$route.query.status==''){
// } // }
// if(this.$route.query.status==''){ // if(this.$route.query.status==''){
@ -432,19 +431,18 @@ export default {
// //
if(res.data.data.videoAnalysisStatus == '未分析'){ if(res.data.data.videoAnalysisStatus == '未分析'){
this.disabledTrafficAnalysis= true this.disabledTrafficAnalysis= true
// this.videoUnityShow = false
this.videoUnityShow = true this.videoUnityShow = true
this.analysisData() this.analysisData()
}else if(res.data.data.videoAnalysisStatus == '分析中'){ }else if(res.data.data.videoAnalysisStatus == '分析中'){
this.disabledVideoAnalysis= true this.disabledVideoAnalysis= true
this.videoUnityShow = false this.videoUnityShow = false
setTimeout(() => { setTimeout(() => {
this.getAnalysisStatus() this.getAnalysisStatus()
}, 5000); }, 5000);
}else if(res.data.data.videoAnalysisStatus == '已分析'){ }else if(res.data.data.videoAnalysisStatus == '已分析'){
this.videoUnityShow = true this.videoUnityShow = true
this.videoAnalysisSta = res.data.data.videoAnalysisStatus this.videoAnalysisSta = res.data.data.videoAnalysisStatus
this.disabledTrafficAnalysis= false this.disabledTrafficAnalysis= false
this.analysisData() this.analysisData()
// //
}else if(res.data.data.trafficAnalysisStatus=='未分析'){ }else if(res.data.data.trafficAnalysisStatus=='未分析'){
@ -530,7 +528,9 @@ export default {
const u8arr = new Uint8Array(message); const u8arr = new Uint8Array(message);
const temp = utf8decoder.decode(u8arr); // const temp = utf8decoder.decode(u8arr); //
const msg = JSON.parse(temp); //JSON const msg = JSON.parse(temp); //JSON
// console.log("msg",msg)
document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg)); document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg));
if (msg.rate == 'high') { if (msg.rate == 'high') {
document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg)); document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg));
} else { } else {
@ -545,6 +545,7 @@ export default {
const u8arr = new Uint8Array(message); const u8arr = new Uint8Array(message);
const temp = utf8decoder1.decode(u8arr); // const temp = utf8decoder1.decode(u8arr); //
const msg = JSON.parse(temp); const msg = JSON.parse(temp);
// console.log("msg",msg)
document.getElementById('mapModule').contentWindow.getData(JSON.stringify(msg)); document.getElementById('mapModule').contentWindow.getData(JSON.stringify(msg));
} catch (error) {} } catch (error) {}
break; break;
@ -555,6 +556,7 @@ export default {
const u8arr = new Uint8Array(message); const u8arr = new Uint8Array(message);
const temp = utf8decoder.decode(u8arr); // const temp = utf8decoder.decode(u8arr); //
const msg = JSON.parse(temp); const msg = JSON.parse(temp);
// console.log("msg",msg)
document.getElementById('mapModule').contentWindow.getGuiJi(JSON.stringify(msg)); document.getElementById('mapModule').contentWindow.getGuiJi(JSON.stringify(msg));
} catch (error) {} } catch (error) {}
break; break;
@ -566,6 +568,7 @@ export default {
const temp = utf8decoder.decode(u8arr); // const temp = utf8decoder.decode(u8arr); //
var detId = []; var detId = [];
const msgN = JSON.parse(temp); const msgN = JSON.parse(temp);
// console.log("msgN",msgN)
this.triggerData = msgN; this.triggerData = msgN;
if (temp.length != 0) { if (temp.length != 0) {
for (let i = 0; i < msgN.length; i++) { for (let i = 0; i < msgN.length; i++) {
@ -587,7 +590,6 @@ export default {
this.triggerListData = msgN; this.triggerListData = msgN;
} catch (error) {} } catch (error) {}
break; break;
case 'cycle_time-'+this.$route.query.id: case 'cycle_time-'+this.$route.query.id:
try { try {
// console.log("trigger_msgN",message) // console.log("trigger_msgN",message)