chengdandan
/
TransFlow
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

20230224

This commit is contained in:
chengdandan 2023-02-24 17:32:06 +08:00
parent d7d816578a 260d7fe8ef
commit 2d588051c8
15 changed files with 114 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
node_modules/.cache/babel-loader/0a9a6e42027ba3575cac91989cfa8a8c.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/babel-loader/2f24f62640ddf0c85d42b649e1ef988d.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/babel-loader/707c80c5cb9d3ec9ed91511d9d73326f.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/babel-loader/c90a7db1294db9fc3e3360c0ce4029f4.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/babel-loader/d36b985a450343bbaebc7d3929d30d4d.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/babel-loader/e945cb0760ea78a2bfad855462b52cb2.json generated vendored
View File

File diff suppressed because one or more lines are too long

1
src/api/index.js
View File

@ -40,7 +40,6 @@ export const getStopAlgorithm = params => {
});
};
//分析-删除视频源接口
//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77
export const getDeleteShipjk = params => {
return axios.get('api/DeleteShipjk', {
params

6
src/components/chart/lineChart.vue
View File

@ -115,7 +115,7 @@ export default {
},
boundaryGap: ['5%', '5%'],
data: this.xData
data: this.xData.reverse()
}
],
yAxis: [
@ -259,7 +259,9 @@ export default {
} else if (title === '拥堵') {
series[0].data = newVal.map(val => { });
}
series.forEach(ele=>{
ele.data.reverse()
})
return series
}
}

4
src/components/chart/tableShow.vue
View File

@ -17,7 +17,7 @@
<!-- <el-table-column align="center" prop="steam_id" label="视频路"></el-table-column>
<el-table-column align="center" prop="zone_id" label="区域编号"></el-table-column> -->
<el-table-column align="center" prop="name" label="区域名称"></el-table-column>
<el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
<el-table-column align="center" prop="time" label="时间戳"></el-table-column>
<!-- <el-table-column align="center" prop="" label="视频帧"></el-table-column> -->
<el-table-column align="center" label="目标类型">
<template slot-scope="scope">
@ -51,7 +51,7 @@
<el-table :data="msg" style="width: 100%" v-if="triggerType == '周期统计'">
<el-table-column align="center" prop="gate_id" label="断面编号"></el-table-column>
<el-table-column align="center" prop="name" label="断面名称"></el-table-column>
<el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
<el-table-column align="center" prop="time" label="时间戳"></el-table-column>
<el-table-column align="center" prop="interval" label="时间序号"></el-table-column>
<el-table-column align="center" prop="type" label="目标类型">
<template slot-scope="scope">

17
src/components/target/typeChart.vue
View File

@ -143,9 +143,11 @@ export default {
};
},
created() {
// console.log(this.title + 'TYPECHARTdataArr', this.dataArr)
console.log(this.title);
},
methods: {
// 计算类型数量的总和
getTotal(dataArr) {
return dataArr[0].type_data.reduce(function(prev, cur) {
return cur.quantity + prev
@ -166,13 +168,15 @@ export default {
// }else if(dataArr[0].timeMode=='周期时刻'){
// }
if (dataArr[0].n_queue) {
if (dataArr[0].timeMode=='触发') {
this.queue = dataArr[0].n_queue
} else if (dataArr[0].ave_queue) {
} else if (dataArr[0].timeMode=='周期统计') {
this.queue = dataArr[0].ave_queue
} else if (dataArr[0].timeMode == '周期时刻') {
} else if (dataArr[0].timeMode=='周期时刻') {
}
}
},
@ -186,7 +190,10 @@ export default {
dataArr: {
handler(newVal) {
// console.log('dataArr', newVal);
this.getNewQueue(newVal)
if(newVal!=undefined&&newVal.length!=0){
this.getNewQueue(newVal)
}
},
immediate: true

51
src/config/apiurl.js
View File

@ -7,31 +7,32 @@ export default {
// addFigure: "http://172.16.1.22:8080/api/AddJianktx",
// //编辑图形名称
// editFigure: "http://172.16.1.22:8080/api/EditTuxmc",
// dataUrl: 'http://172.16.1.168:5000/api/AddShipjk',
// getSpareElementOrder: 'http://172.16.1.168:5000/api/Upload',
// postSetQuanjsz: 'http://172.16.1.168:5000/api/SetQuanjsz',
// saveRoleApi: 'http://172.16.1.168:5000/api/AddZhangh',
// saveSetFtppz: 'http://172.16.1.168:5000/api/SetFtppz',
// //编辑保存组件弹窗传参
// editComponent: 'http://172.16.1.168:5000/api/SetMonqjkzjcs',
// //保存主机名称
// editRoleApi: 'http://172.16.1.168:5000/api/EditZhangh',
// //新增图形接口
// addFigure: 'http://172.16.1.168:5000/api/AddJianktx',
// //编辑图形名称
// editFigure: 'http://172.16.1.168:5000/api/EditTuxmc',
// //编辑保存组件弹窗传参
// setHostName: 'http://172.16.1.168:5000/api/SetHostName',
// setHostTime: 'http://172.16.1.168:5000/api/SetHostTime'
dataUrl: 'http://172.16.1.168:5000/api/AddShipjk',
getSpareElementOrder: 'http://172.16.1.168:5000/api/Upload',
postSetQuanjsz: 'http://172.16.1.168:5000/api/SetQuanjsz',
saveRoleApi: 'http://172.16.1.168:5000/api/AddZhangh',
saveSetFtppz: 'http://172.16.1.168:5000/api/SetFtppz',
//编辑保存组件弹窗传参
editComponent: 'http://172.16.1.168:5000/api/SetMonqjkzjcs',
//保存主机名称
editRoleApi: 'http://172.16.1.168:5000/api/EditZhangh',
//新增图形接口
addFigure: 'http://172.16.1.168:5000/api/AddJianktx',
//编辑图形名称
editFigure: 'http://172.16.1.168:5000/api/EditTuxmc',
//编辑保存组件弹窗传参
setHostName: 'http://172.16.1.168:5000/api/SetHostName',
setHostTime: 'http://172.16.1.168:5000/api/SetHostTime'
// `http://${ipUurl}:5000/api/AddShipjk`
dataUrl: `http://${ipUurl}:5000/api/AddShipjk`,
getSpareElementOrder: `http://${ipUurl}:5000/api/Upload`,
postSetQuanjsz: `http://${ipUurl}:5000/api/SetQuanjsz`,
//新增图形接口
addFigure: `http://${ipUurl}:5000/api/AddJianktx`,
//编辑图形名称
editFigure: `http://${ipUurl}:5000/api/EditTuxmc`,
//编辑保存组件弹窗传参
editComponent: `http://${ipUurl}:5000/api/SetMonqjkzjcs`,
// dataUrl: `http://${ipUurl}:5000/api/AddShipjk`,
// getSpareElementOrder: `http://${ipUurl}:5000/api/Upload`,
// postSetQuanjsz: `http://${ipUurl}:5000/api/SetQuanjsz`,
// //新增图形接口
// addFigure: `http://${ipUurl}:5000/api/AddJianktx`,
// //编辑图形名称
// editFigure: `http://${ipUurl}:5000/api/EditTuxmc`,
// //编辑保存组件弹窗传参
// editComponent: `http://${ipUurl}:5000/api/SetMonqjkzjcs`,
};

4
src/utils/mqttConfig.js
View File

@ -37,8 +37,8 @@ class mqttHandle {
const { host, port, endpoint, ...options } = this.connect;
console.log("this.connect.host",this.connect.host)
// const connectUrl = `ws://${this.connect.host}:${this.connect.port}${this.connect.endpoint}`;
// const connectUrl = 'ws://172.16.1.168:10087/';
const connectUrl = `ws://${this.connect.host}:${this.connect.port}`;
const connectUrl = 'ws://172.16.1.168:10087/';
// const connectUrl = `ws://${this.connect.host}:${this.connect.port}`;
// if (!client.connected) {
// client.on('connect', function () {
// console.log('连接成功')

4
src/views/bounced/analysisConfiguration.vue
View File

@ -1045,8 +1045,8 @@ export default {
// const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt
var ip = window.location.host.split(":")[0];
console.log("ip",ip)
const host = `ws://${ip}:10087`;
// const host = 'ws://172.16.1.168:10087/';
// const host = `ws://${ip}:10087`;
const host = 'ws://172.16.1.168:10087/';
const options = {
// 配置
// 测试：订阅本机IP

68
src/views/bounced/dataBoard.vue
View File

@ -36,11 +36,12 @@
:echartArr="o.presentationForm" :title="o.componentName.split('_')[0]"
:chartName="o.combinationName" :typeValue="typeCycleTimeData" />
<!-- 周期统计的组件 -->
<typeChart ref="typeChartRef2" style="width: 100%;" v-if="o.timeMode === '周期统计'"
:pageType="o.graphicType" :triggerType="o.timeMode"
:componentName="o.componentName" :dataArr="o.cycleStatistics"
:echartArr="o.presentationForm" :title="o.componentName.split('_')[0]"
:chartName="o.combinationName" :typeValue="typeCycleStatistics" />
<typeChart ref="typeChartRef2" style="width: 100%;"
v-if="o.timeMode === '周期统计'" :pageType="o.graphicType"
:triggerType="o.timeMode" :componentName="o.componentName"
:dataArr="o.cycleStatistics" :echartArr="o.presentationForm"
:title="o.componentName.split('_')[0]" :chartName="o.combinationName"
:typeValue="typeCycleStatistics" />
</el-collapse-item>
</div>
</el-collapse>
@ -262,9 +263,11 @@ export default {
}else if(item.componentName.split('_')[0]=="类型"&&item.$refs.pieChartRef){
// // 数据改变重新渲染饼图
item.$refs.pieChartRef.drawPie(item.dataArr[0])
}
}
}
})
@ -307,7 +310,30 @@ export default {
that.$nextTick(() => {
// 轮循周期时刻生成的各类组件
for (let i = 0; i < that.$refs.typeChartRef1.length; i++) {
item = that.$refs.typeChartRef1[i]
that.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef1[i].dataArr, that.$refs.typeChartRef[i].componentName.split('_')[0])
// if (item.componentName.split('_')[0] == "类型") {
// if (item.echartArr.includes('直方图')){
// // 数据改变重新渲染柱状图
// item.$refs.barChartRef.drawBar(item.dataArr[0])
// }
// if (item.echartArr.includes('饼状图')){
// // 数据改变重新渲染饼图
// item.$refs.pieChartRef.drawPie(item.dataArr[0])
// }
// }
if(item.componentName.split('_')[0]=="类型"&&item.$refs.barChartRef){
// 数据改变重新渲染柱状图
item.$refs.barChartRef.drawBar(item.dataArr[0])
}else if(item.componentName.split('_')[0]=="类型"&&item.$refs.pieChartRef){
// // 数据改变重新渲染饼图
// item.$refs.pieChartRef.drawPie(item.dataArr[0])
}
}
})
}
@ -320,7 +346,7 @@ export default {
},
cycleStatistics: {
handler(newVal) {
console.log(newVal,'周期统计数据');
console.log(newVal, '周期统计数据');
if (newVal.length != 0 && this.sectionData) {
this.componentList.forEach(ele => {
if (ele.cycleStatistics == undefined && ele.timeMode == '周期统计') {
@ -333,13 +359,33 @@ export default {
} else {
item.time = item.time.split('.')[0];
if (item.type_data != null) {
//周期时刻的类型数据
this.typeCycleStatistics = item;
}
ele.cycleStatistics.unshift(item);
for (let i = 0; i < this.$refs.typeChartRef2.length; i++) {
// console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');
this.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(this.$refs.typeChartRef2[i].dataArr,_this.$refs.typeChartRe2f[i].componentName.split('_')[0])
item = that.$refs.typeChartRef2[i]
// console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');
this.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(this.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0])
// if (item.componentName.split('_')[0] == "类型") {
// if (item.echartArr.includes('直方图')) {
// // 数据改变重新渲染柱状图
// item.$refs.barChartRef.drawBar(item.dataArr[0])
// }
// if (item.echartArr.includes('饼状图')) {
// // 数据改变重新渲染饼图
// item.$refs.pieChartRef.drawPie(item.dataArr[0])
// }
// }
if(item.componentName.split('_')[0]=="类型"&&item.echartArr.includes('直方图')){
// 数据改变重新渲染柱状图
item.$refs.barChartRef.drawBar(item.dataArr[0])
}else if(item.componentName.split('_')[0]=="类型"&&item.echartArr.includes('饼状图')){
// // 数据改变重新渲染饼图
item.$refs.pieChartRef.drawPie(item.dataArr[0])
}
}
}
}

7
src/views/index.vue
View File

@ -655,8 +655,8 @@ export default {
OnSceneN() {
var ip = window.location.host;
this.ipData = 'http://' + ip.split(':')[0] + ':5000';
document.getElementById('mapModule').contentWindow.getIpData(this.ipData);
// document.getElementById('mapModule').contentWindow.getIpData('http://172.16.1.168:5000');
// document.getElementById('mapModule').contentWindow.getIpData(this.ipData);
document.getElementById('mapModule').contentWindow.getIpData('http://172.16.1.168:5000');
if (this.$route.query.type == '离线视频') {
document.getElementById('mapModule').contentWindow.lixianVideo(JSON.stringify(this.analysis));
}
@ -809,8 +809,7 @@ export default {
this.componentForm.componentName = res.data.data.componentName;
this.componentForm.componentParameterId = res.data.data.componentParameterId;
this.componentForm.cycleInterval = parseInt(res.data.data.cycleInterval);
this.componentForm.FlowType = res.data.data.flowType;
this.componentForm.startSectionIds = res.data.data.startSectionIds;
this.componentForm.startSectionNames = res.data.data.startSectionNames;
this.componentForm.endSectionIds = res.data.data.endSectionIds;