提交代码
姜玉琦
parent
4bd9fd33a8
commit
c3c065d4a3
|
|
@ -22,7 +22,7 @@
|
||||||
<span>{{overviewTotal}}</span> 次
|
<span>{{overviewTotal}}</span> 次
|
||||||
</div>
|
</div>
|
||||||
</div></div>
|
</div></div>
|
||||||
<project-overview-chart :key="overviewDay" :sp="''" txtTop="12" gifTop="70px"
|
<project-overview-chart :key="overviewDay" :sp="''" txtTop="12" gifTop="70px"
|
||||||
:maintitle="overviewTotalDay" :legend-opt="legendOpt2" :typedata="typeDistributionDataDay"
|
:maintitle="overviewTotalDay" :legend-opt="legendOpt2" :typedata="typeDistributionDataDay"
|
||||||
:text="overviewTextDay" :height="250"></project-overview-chart>
|
:text="overviewTextDay" :height="250"></project-overview-chart>
|
||||||
|
|
||||||
|
|
@ -189,19 +189,19 @@ export default {
|
||||||
],
|
],
|
||||||
overviewTextDay: '今日预警',
|
overviewTextDay: '今日预警',
|
||||||
overviewTotalDay: 0,
|
overviewTotalDay: 0,
|
||||||
overviewDay: 999,
|
overviewDay: 0,
|
||||||
legendOpt2: {
|
legendOpt2: {
|
||||||
icon: "rect",
|
icon: "rect",
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: 14,
|
fontSize: 14,
|
||||||
|
color: "#c3dbfd",
|
||||||
rich: {
|
rich: {
|
||||||
name: {
|
name: {
|
||||||
color: "#c3dbfd",
|
color: "#c3dbfd",
|
||||||
padding: [10, 5, 20, 5],
|
padding: [0, 20, 0, 0],
|
||||||
},
|
},
|
||||||
percent: {
|
percent: {
|
||||||
color: "#f73647",
|
color: "#f73647",
|
||||||
padding: [10, 5, 20, 5],
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
@ -211,19 +211,26 @@ export default {
|
||||||
{ name: '未穿工服', value: '0' },
|
{ name: '未穿工服', value: '0' },
|
||||||
{ name: '反光衣/带检测', value: '0' }
|
{ name: '反光衣/带检测', value: '0' }
|
||||||
],
|
],
|
||||||
|
initfunc:null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.$bus.$on("projectChange", debounce(res => {
|
this.$bus.$on("projectChange", debounce(res => {
|
||||||
this.projectInfo=res;
|
this.projectInfo=res;
|
||||||
|
console.log("项目改变");
|
||||||
|
console.log(this.projectInfo);
|
||||||
this.init();
|
this.init();
|
||||||
}));
|
}));
|
||||||
this.$bus.$on("loadProjects", debounce(prjs => {
|
this.$bus.$on("loadProjects", debounce(prjs => {
|
||||||
this.projectInfos = prjs;
|
this.projectInfos = prjs;
|
||||||
|
console.log("项目加载");
|
||||||
|
console.log(this.projectInfos);
|
||||||
this.init();
|
this.init();
|
||||||
}))
|
}))
|
||||||
this.$bus.$on("deptChange", debounce(dept => {
|
this.$bus.$on("deptChange", debounce(dept => {
|
||||||
this.dept = dept;
|
this.dept = dept;
|
||||||
|
console.log("部门改变");
|
||||||
|
console.log(this.dept);
|
||||||
this.init();
|
this.init();
|
||||||
}));
|
}));
|
||||||
if(this.$root.hasInitHeader){
|
if(this.$root.hasInitHeader){
|
||||||
|
|
@ -234,7 +241,7 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.init()
|
//this.init()
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
playDivCss() {
|
playDivCss() {
|
||||||
|
|
@ -351,7 +358,7 @@ export default {
|
||||||
el.scrollTop=0;
|
el.scrollTop=0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
this.listTimer=setTimeout(func,100);
|
this.listTimer=setTimeout(func,120);
|
||||||
}
|
}
|
||||||
func();
|
func();
|
||||||
},
|
},
|
||||||
|
|
@ -359,338 +366,348 @@ export default {
|
||||||
this.projectInfo=this.$root.project;
|
this.projectInfo=this.$root.project;
|
||||||
this.dept=this.$root.dept;
|
this.dept=this.$root.dept;
|
||||||
this.projectInfos=this.$root.projects;
|
this.projectInfos=this.$root.projects;
|
||||||
|
console.log("initMe");
|
||||||
|
this.init();
|
||||||
},
|
},
|
||||||
init(){
|
init(){
|
||||||
|
clearTimeout(this.initfunc);
|
||||||
|
let initfunc=()=>{
|
||||||
this.getAlertorTypeList();
|
this.getAlertorTypeList();
|
||||||
this.getAiVideoInfoList("","");
|
this.getAiVideoInfoList("","");
|
||||||
this.getMajorAiVideoInfoList();
|
this.getMajorAiVideoInfoList();
|
||||||
this.getAnalysisDetailList();
|
this.getAnalysisDetailList();
|
||||||
this.getAiVideoAlertorTypeCount();
|
this.getAiVideoAlertorTypeCount();
|
||||||
this.initAiVideoAlertorTypeDistribution();
|
this.initAiVideoAlertorTypeDistribution();
|
||||||
},
|
|
||||||
//head选择项目返回值
|
|
||||||
onItemData(e){
|
|
||||||
if(e.type == 1){
|
|
||||||
location.href = '/weixin/screen/toVideo'
|
|
||||||
}else{
|
|
||||||
location.href = '/weixin/screen/toVideoProject'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
amplify(url){
|
|
||||||
this.popupUrl = url
|
|
||||||
this.popupShow = true
|
|
||||||
},
|
|
||||||
getAlertorTypeList(){
|
|
||||||
// axios.post(Host + "/api/video/getAiVideoAlertorTypes", {
|
|
||||||
// projectId: JSON.parse(localStorage.getItem("data")).aqzg
|
|
||||||
// }).then(res => {
|
|
||||||
// var list = [{'alertor_id': 0,'alertor_type': "", 'alertor_type_name': "全部"}];
|
|
||||||
// var data = res.data;
|
|
||||||
|
|
||||||
// data.forEach(item =>{
|
|
||||||
// list.push(item)
|
|
||||||
// })
|
|
||||||
// if(JSON.parse(localStorage.getItem("data")).id == "98") {
|
|
||||||
// var newArr = [];
|
|
||||||
// newArr.push(list[0]);
|
|
||||||
// newArr.push(data[1])
|
|
||||||
// newArr.push(data[3])
|
|
||||||
// newArr.push(data[2])
|
|
||||||
// newArr.push(data[0])
|
|
||||||
// this.alertorTypeList = newArr;
|
|
||||||
// } else {
|
|
||||||
// this.alertorTypeList = list;
|
|
||||||
// }
|
|
||||||
// }).catch(err => {
|
|
||||||
// })
|
|
||||||
this.$api.dict('aibox_alarm_type').then(d => {
|
|
||||||
this.alertorTypeList = d || [];
|
|
||||||
if(this.alertorTypeList && this.alertorTypeList[0].dictValue!=""){
|
|
||||||
this.alertorTypeList.unshift({dictLabel:"全部",dictValue:""});
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
getVideoUrl(it){
|
|
||||||
if(it.state){
|
|
||||||
return "http://111.21.209.230:7086/live/cameraid/"+it.videoDvrNumber+"$"+it.passageValue+"/substream/2.m3u8";
|
|
||||||
}else{
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getAiVideoInfoList(passageType,importance){
|
|
||||||
// axios.post(Host + "/api/video/getAiVideoInfoList", {
|
|
||||||
// projectId:JSON.parse(localStorage.getItem("data")).aqzg,
|
|
||||||
// alertorId: this.alertorId
|
|
||||||
// }).then(res => {
|
|
||||||
// var data = res.data;
|
|
||||||
// if(data.length < 6){
|
|
||||||
// var len = 6 - data.length
|
|
||||||
// for (let i = 0; i < len ; i++) {
|
|
||||||
// data.push({})
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// this.videoList = data;
|
|
||||||
// }).catch(err => {
|
|
||||||
// })
|
|
||||||
this.$api.aiBoxVideo.getVideoPassage(this.dept?.id||0,this.projectInfo?.projectId||0,passageType,importance).then((response) => {
|
|
||||||
let list = [];
|
|
||||||
if(response.data){
|
|
||||||
response.data.forEach((it) =>{
|
|
||||||
it.surProjectVideoPassageList.forEach(v =>{
|
|
||||||
list.push({videoName:it.videoName,passageName:v.passageName,videoDvrNumber:v.videoDvrNumber,passageValue:v.passageValue,state:true})
|
|
||||||
});
|
|
||||||
});
|
|
||||||
//补全
|
|
||||||
let len = 6 - list.length
|
|
||||||
for(let i=0;i<len;i++){
|
|
||||||
list.push({state:false});
|
|
||||||
}
|
|
||||||
this.videoList = list;
|
|
||||||
}else{
|
|
||||||
for(let i=0;i<6;i++){
|
|
||||||
list.push({state:false});
|
|
||||||
}
|
|
||||||
this.videoList = list;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
},
|
|
||||||
getMajorAiVideoInfoList(){
|
|
||||||
// axios.post(Host + "/api/video/getAiVideoInfoList", {
|
|
||||||
// projectId: JSON.parse(localStorage.getItem("data")).aqzg,
|
|
||||||
// majorState: "1",
|
|
||||||
// alertorId: this.alertorId
|
|
||||||
// }).then(res => {
|
|
||||||
// var data = res.data;
|
|
||||||
// /*if(data.length < 4){
|
|
||||||
// var len = 4 - data.length
|
|
||||||
// for (let i = 0; i < len ; i++) {
|
|
||||||
// data.push({})
|
|
||||||
// }
|
|
||||||
// }*/
|
|
||||||
// this.majorVideoList = data;
|
|
||||||
// }).catch(err => {
|
|
||||||
// })
|
|
||||||
this.$api.aiBoxVideo.getVideoPassage(this.dept?.id||0,this.projectInfo?.projectId||0,"","Y").then((response) => {
|
|
||||||
let list = [];
|
|
||||||
if(response.data){
|
|
||||||
response.data.forEach((it) =>{
|
|
||||||
it.surProjectVideoPassageList.forEach(v =>{
|
|
||||||
list.push({videoName:it.videoName,passageName:v.passageName,videoDvrNumber:v.videoDvrNumber,passageValue:v.passageValue,state:true})
|
|
||||||
});
|
|
||||||
});
|
|
||||||
this.majorVideoSize = list.length;
|
|
||||||
//补全
|
|
||||||
let len = 3 - list.length;
|
|
||||||
for(let i=0;i<len;i++){
|
|
||||||
list.push({state:false});
|
|
||||||
}
|
|
||||||
this.majorVideoList = list;
|
|
||||||
}else{
|
|
||||||
this.majorVideoSize=0;
|
|
||||||
for(let i=0;i<6;i++){
|
|
||||||
list.push({state:false});
|
|
||||||
}
|
|
||||||
this.majorVideoList = list;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
getAnalysisDetailList(){
|
|
||||||
this.$api.aiBoxVideo.listView(this.dept?.id||0,this.projectInfo?.projectId).then((response) => {
|
|
||||||
this.warningList = response.data||[];
|
|
||||||
});
|
|
||||||
|
|
||||||
},
|
|
||||||
getAiVideoAlertorTypeCount(){
|
|
||||||
// axios.post(Host + "/api/video/getAiVideoAlertorTypeCount", {
|
|
||||||
// projectId: JSON.parse(localStorage.getItem("data")).aqzg
|
|
||||||
// }).then(res => {
|
|
||||||
// var data = res.data;
|
|
||||||
// var num = 0;
|
|
||||||
// data.forEach(item =>{
|
|
||||||
// num += item.value;
|
|
||||||
// })
|
|
||||||
// data.forEach(item =>{
|
|
||||||
// item.percent = (item.value/num*100)
|
|
||||||
// })
|
|
||||||
// this.scaleData = data;
|
|
||||||
// }).catch(err => {
|
|
||||||
// })
|
|
||||||
|
|
||||||
//今日视图
|
|
||||||
this.$api.aiBoxVideo.groupCountByAlarmType(this.dept?.id||0,this.projectInfo?.projectId,"Y").then((response) => {
|
|
||||||
if(response.data){
|
|
||||||
let sum = 0;
|
|
||||||
response.data.forEach(datum => {
|
|
||||||
sum+=datum.value;
|
|
||||||
})
|
|
||||||
this.overviewTotalDay = sum;
|
|
||||||
this.typeDistributionDataDay = response.data;
|
|
||||||
this.overviewDay++;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
//累计视图
|
|
||||||
this.$api.aiBoxVideo.groupCountByAlarmType(this.dept?.id||0,this.projectInfo?.projectId,"N").then((response) => {
|
|
||||||
if(response.data){
|
|
||||||
let sum = 0;
|
|
||||||
response.data.forEach(datum => {
|
|
||||||
sum+=datum.value;
|
|
||||||
})
|
|
||||||
this.overviewTotal = sum;
|
|
||||||
this.typeDistributionData = response.data;
|
|
||||||
this.overview++;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
initAiVideoAlertorTypeDistribution(){
|
|
||||||
this.$api.aiBoxVideo.selectGroupCountVideoConfig(this.dept?.id||0,this.projectInfo?.projectId).then((response) => {
|
|
||||||
let list=[];
|
|
||||||
if(response.data){
|
|
||||||
let sum = 0;
|
|
||||||
response.data.forEach(datum => {
|
|
||||||
sum += datum.value;
|
|
||||||
})
|
|
||||||
response.data.forEach(datum => {
|
|
||||||
datum.text = datum.name;
|
|
||||||
datum.prop = (datum.value/sum*100).toFixed(2)
|
|
||||||
list.push(datum);
|
|
||||||
})
|
|
||||||
this.availabilityData = list;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
getAiVideoAlertorTypeWarningCount(){
|
|
||||||
axios.post(Host + "/api/video/getAiVideoAlertorTypeWarningCount", {
|
|
||||||
projectId: JSON.parse(localStorage.getItem("data")).aqzg
|
|
||||||
}).then(res => {
|
|
||||||
//预警分布
|
|
||||||
var distributeData={
|
|
||||||
legend:["接入视频", "预警路数"],
|
|
||||||
color:[],
|
|
||||||
yAxis:[],
|
|
||||||
data:[]
|
|
||||||
}
|
|
||||||
var data = res.data;
|
|
||||||
var data1 = [];
|
|
||||||
var data2 = [];
|
|
||||||
data.forEach(item =>{
|
|
||||||
distributeData.yAxis.push(item.alertor_type_name)
|
|
||||||
data1.push(item.total)
|
|
||||||
data2.push(item.yjTotal)
|
|
||||||
})
|
|
||||||
var color1 = ["#183e65","#4bbcff"];
|
|
||||||
var color2 = ["#225254","#5cd6ad"];
|
|
||||||
distributeData.data.push(data1)
|
|
||||||
distributeData.data.push(data2)
|
|
||||||
distributeData.color.push(color1)
|
|
||||||
distributeData.color.push(color2)
|
|
||||||
this.distributeData = distributeData
|
|
||||||
}).catch(err => {
|
|
||||||
})
|
|
||||||
},
|
|
||||||
aiNav(n,id){
|
|
||||||
this.nav = n
|
|
||||||
this.alertorId = id;
|
|
||||||
this.getAiVideoInfoList(this.alertorId,"");
|
|
||||||
},
|
|
||||||
getImageUrl(it){
|
|
||||||
return '/jhapi' + it.imageUrl + ".min.jpg";
|
|
||||||
},
|
|
||||||
//预警概况 Echart
|
|
||||||
warningChart(data,id){
|
|
||||||
let newPromise = new Promise((resolve) => {
|
|
||||||
resolve()
|
|
||||||
})
|
|
||||||
//然后异步执行echarts的初始化函数
|
|
||||||
newPromise.then(() => {
|
|
||||||
var myChart = echarts.init(document.getElementById(id));
|
|
||||||
option = {
|
|
||||||
color: [
|
|
||||||
"#00fff1",
|
|
||||||
"#04c8fa",
|
|
||||||
"#aa01fe",
|
|
||||||
"#4e84fe",
|
|
||||||
"#ff7b79",
|
|
||||||
"#edae5e",
|
|
||||||
"#fe4101",
|
|
||||||
"#14d18f",
|
|
||||||
],
|
|
||||||
series: [
|
|
||||||
// 主要展示层的
|
|
||||||
{
|
|
||||||
radius: ["45%", "60%"],
|
|
||||||
center: ["50%", "50%"],
|
|
||||||
type: "pie",
|
|
||||||
label: {
|
|
||||||
normal: {
|
|
||||||
show: true,
|
|
||||||
formatter: function (params) {
|
|
||||||
return params.value +" "+ params.percent + "%\n{white|" +params.name +"}" ;
|
|
||||||
},
|
|
||||||
rich:{
|
|
||||||
white: {
|
|
||||||
color: "#c5d9fe",
|
|
||||||
align: "center",
|
|
||||||
padding: [0,0,5],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
textStyle: {
|
|
||||||
fontSize: 14,
|
|
||||||
},
|
|
||||||
position: "outside",
|
|
||||||
},
|
|
||||||
emphasis: {
|
|
||||||
show: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
labelLine: {
|
|
||||||
normal: {
|
|
||||||
show: true,
|
|
||||||
length: 20,
|
|
||||||
length2: 25,
|
|
||||||
},
|
|
||||||
emphasis: {
|
|
||||||
show: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
data: data,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "外边框",
|
|
||||||
type: "pie",
|
|
||||||
clockWise: false, //顺时加载
|
|
||||||
hoverAnimation: false, //鼠标移入变大
|
|
||||||
center: ["50%", "50%"],
|
|
||||||
radius: ["70%", "70%"],
|
|
||||||
label: {
|
|
||||||
normal: {
|
|
||||||
show: false,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
data: [
|
|
||||||
{
|
|
||||||
value: 1,
|
|
||||||
name: "",
|
|
||||||
itemStyle: {
|
|
||||||
normal: {
|
|
||||||
borderWidth: 3,
|
|
||||||
borderColor: "#57639d",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
myChart.setOption(option);
|
|
||||||
window.onresize = myChart.resize;
|
|
||||||
})
|
|
||||||
},
|
|
||||||
goVideoPage() {
|
|
||||||
location.href="/weixin/screen/toVideoProject"
|
|
||||||
}
|
}
|
||||||
|
this.initfunc = setTimeout(initfunc, 50); // 定时时间
|
||||||
|
},
|
||||||
|
//head选择项目返回值
|
||||||
|
onItemData(e){
|
||||||
|
if(e.type == 1){
|
||||||
|
location.href = '/weixin/screen/toVideo'
|
||||||
|
}else{
|
||||||
|
location.href = '/weixin/screen/toVideoProject'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
amplify(url){
|
||||||
|
this.popupUrl = url
|
||||||
|
this.popupShow = true
|
||||||
|
},
|
||||||
|
getAlertorTypeList(){
|
||||||
|
// axios.post(Host + "/api/video/getAiVideoAlertorTypes", {
|
||||||
|
// projectId: JSON.parse(localStorage.getItem("data")).aqzg
|
||||||
|
// }).then(res => {
|
||||||
|
// var list = [{'alertor_id': 0,'alertor_type': "", 'alertor_type_name': "全部"}];
|
||||||
|
// var data = res.data;
|
||||||
|
|
||||||
|
// data.forEach(item =>{
|
||||||
|
// list.push(item)
|
||||||
|
// })
|
||||||
|
// if(JSON.parse(localStorage.getItem("data")).id == "98") {
|
||||||
|
// var newArr = [];
|
||||||
|
// newArr.push(list[0]);
|
||||||
|
// newArr.push(data[1])
|
||||||
|
// newArr.push(data[3])
|
||||||
|
// newArr.push(data[2])
|
||||||
|
// newArr.push(data[0])
|
||||||
|
// this.alertorTypeList = newArr;
|
||||||
|
// } else {
|
||||||
|
// this.alertorTypeList = list;
|
||||||
|
// }
|
||||||
|
// }).catch(err => {
|
||||||
|
// })
|
||||||
|
this.$api.dict('aibox_alarm_type').then(d => {
|
||||||
|
this.alertorTypeList = d || [];
|
||||||
|
if(this.alertorTypeList && this.alertorTypeList[0].dictValue!=""){
|
||||||
|
this.alertorTypeList.unshift({dictLabel:"全部",dictValue:""});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getVideoUrl(it){
|
||||||
|
if(it.state){
|
||||||
|
return "http://111.21.209.230:7086/live/cameraid/"+it.videoDvrNumber+"$"+it.passageValue+"/substream/2.m3u8";
|
||||||
|
}else{
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getAiVideoInfoList(passageType,importance){
|
||||||
|
// axios.post(Host + "/api/video/getAiVideoInfoList", {
|
||||||
|
// projectId:JSON.parse(localStorage.getItem("data")).aqzg,
|
||||||
|
// alertorId: this.alertorId
|
||||||
|
// }).then(res => {
|
||||||
|
// var data = res.data;
|
||||||
|
// if(data.length < 6){
|
||||||
|
// var len = 6 - data.length
|
||||||
|
// for (let i = 0; i < len ; i++) {
|
||||||
|
// data.push({})
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// this.videoList = data;
|
||||||
|
// }).catch(err => {
|
||||||
|
// })
|
||||||
|
this.$api.aiBoxVideo.getVideoPassage(this.dept?.id||0,this.projectInfo?.id||0,passageType,importance).then((response) => {
|
||||||
|
let list = [];
|
||||||
|
if(response.data){
|
||||||
|
response.data.forEach((it) =>{
|
||||||
|
it.surProjectVideoPassageList.forEach(v =>{
|
||||||
|
list.push({videoName:it.videoName,passageName:v.passageName,videoDvrNumber:v.videoDvrNumber,passageValue:v.passageValue,state:true})
|
||||||
|
});
|
||||||
|
});
|
||||||
|
//补全
|
||||||
|
let len = 6 - list.length
|
||||||
|
for(let i=0;i<len;i++){
|
||||||
|
list.push({state:false});
|
||||||
|
}
|
||||||
|
this.videoList = list;
|
||||||
|
}else{
|
||||||
|
for(let i=0;i<6;i++){
|
||||||
|
list.push({state:false});
|
||||||
|
}
|
||||||
|
this.videoList = list;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
},
|
||||||
|
getMajorAiVideoInfoList(){
|
||||||
|
// axios.post(Host + "/api/video/getAiVideoInfoList", {
|
||||||
|
// projectId: JSON.parse(localStorage.getItem("data")).aqzg,
|
||||||
|
// majorState: "1",
|
||||||
|
// alertorId: this.alertorId
|
||||||
|
// }).then(res => {
|
||||||
|
// var data = res.data;
|
||||||
|
// /*if(data.length < 4){
|
||||||
|
// var len = 4 - data.length
|
||||||
|
// for (let i = 0; i < len ; i++) {
|
||||||
|
// data.push({})
|
||||||
|
// }
|
||||||
|
// }*/
|
||||||
|
// this.majorVideoList = data;
|
||||||
|
// }).catch(err => {
|
||||||
|
// })
|
||||||
|
this.$api.aiBoxVideo.getVideoPassage(this.dept?.id||0,this.projectInfo?.id||0,"","Y").then((response) => {
|
||||||
|
let list = [];
|
||||||
|
if(response.data){
|
||||||
|
response.data.forEach((it) =>{
|
||||||
|
it.surProjectVideoPassageList.forEach(v =>{
|
||||||
|
list.push({videoName:it.videoName,passageName:v.passageName,videoDvrNumber:v.videoDvrNumber,passageValue:v.passageValue,state:true})
|
||||||
|
});
|
||||||
|
});
|
||||||
|
this.majorVideoSize = list.length;
|
||||||
|
//补全
|
||||||
|
let len = 3 - list.length;
|
||||||
|
for(let i=0;i<len;i++){
|
||||||
|
list.push({state:false});
|
||||||
|
}
|
||||||
|
this.majorVideoList = list;
|
||||||
|
}else{
|
||||||
|
this.majorVideoSize=0;
|
||||||
|
for(let i=0;i<6;i++){
|
||||||
|
list.push({state:false});
|
||||||
|
}
|
||||||
|
this.majorVideoList = list;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getAnalysisDetailList(){
|
||||||
|
this.$api.aiBoxVideo.listView(this.dept?.id||0,this.projectInfo?.id).then((response) => {
|
||||||
|
this.warningList = response.data||[];
|
||||||
|
});
|
||||||
|
|
||||||
|
},
|
||||||
|
getAiVideoAlertorTypeCount(){
|
||||||
|
// axios.post(Host + "/api/video/getAiVideoAlertorTypeCount", {
|
||||||
|
// projectId: JSON.parse(localStorage.getItem("data")).aqzg
|
||||||
|
// }).then(res => {
|
||||||
|
// var data = res.data;
|
||||||
|
// var num = 0;
|
||||||
|
// data.forEach(item =>{
|
||||||
|
// num += item.value;
|
||||||
|
// })
|
||||||
|
// data.forEach(item =>{
|
||||||
|
// item.percent = (item.value/num*100)
|
||||||
|
// })
|
||||||
|
// this.scaleData = data;
|
||||||
|
// }).catch(err => {
|
||||||
|
// })
|
||||||
|
|
||||||
|
//今日视图
|
||||||
|
this.$api.aiBoxVideo.groupCountByAlarmType(this.dept?.id||0,this.projectInfo?.id,"Y").then((response) => {
|
||||||
|
if(response.data){
|
||||||
|
let sum = 0;
|
||||||
|
response.data.forEach(datum => {
|
||||||
|
sum+=datum.value;
|
||||||
|
})
|
||||||
|
this.overviewTotalDay = sum;
|
||||||
|
this.typeDistributionDataDay = response.data;
|
||||||
|
this.overviewDay++;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
//累计视图
|
||||||
|
this.$api.aiBoxVideo.groupCountByAlarmType(this.dept?.id||0,this.projectInfo?.id,"N").then((response) => {
|
||||||
|
if(response.data){
|
||||||
|
let sum = 0;
|
||||||
|
response.data.forEach(datum => {
|
||||||
|
sum+=datum.value;
|
||||||
|
})
|
||||||
|
this.overviewTotal = sum;
|
||||||
|
this.typeDistributionData = response.data;
|
||||||
|
this.overview++;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
initAiVideoAlertorTypeDistribution(){
|
||||||
|
this.$api.aiBoxVideo.selectGroupCountVideoConfig(this.dept?.id||0,this.projectInfo?.id).then((response) => {
|
||||||
|
let list=[];
|
||||||
|
if(response.data){
|
||||||
|
let sum = 0;
|
||||||
|
response.data.forEach(datum => {
|
||||||
|
sum += datum.value;
|
||||||
|
})
|
||||||
|
response.data.forEach(datum => {
|
||||||
|
datum.text = datum.name;
|
||||||
|
if(sum==0){
|
||||||
|
datum.prop = 0.0;
|
||||||
|
}else{
|
||||||
|
datum.prop = (datum.value/sum*100).toFixed(1);
|
||||||
|
}
|
||||||
|
list.push(datum);
|
||||||
|
})
|
||||||
|
this.availabilityData = list;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getAiVideoAlertorTypeWarningCount(){
|
||||||
|
axios.post(Host + "/api/video/getAiVideoAlertorTypeWarningCount", {
|
||||||
|
projectId: JSON.parse(localStorage.getItem("data")).aqzg
|
||||||
|
}).then(res => {
|
||||||
|
//预警分布
|
||||||
|
var distributeData={
|
||||||
|
legend:["接入视频", "预警路数"],
|
||||||
|
color:[],
|
||||||
|
yAxis:[],
|
||||||
|
data:[]
|
||||||
|
}
|
||||||
|
var data = res.data;
|
||||||
|
var data1 = [];
|
||||||
|
var data2 = [];
|
||||||
|
data.forEach(item =>{
|
||||||
|
distributeData.yAxis.push(item.alertor_type_name)
|
||||||
|
data1.push(item.total)
|
||||||
|
data2.push(item.yjTotal)
|
||||||
|
})
|
||||||
|
var color1 = ["#183e65","#4bbcff"];
|
||||||
|
var color2 = ["#225254","#5cd6ad"];
|
||||||
|
distributeData.data.push(data1)
|
||||||
|
distributeData.data.push(data2)
|
||||||
|
distributeData.color.push(color1)
|
||||||
|
distributeData.color.push(color2)
|
||||||
|
this.distributeData = distributeData
|
||||||
|
}).catch(err => {
|
||||||
|
})
|
||||||
|
},
|
||||||
|
aiNav(n,id){
|
||||||
|
this.nav = n
|
||||||
|
this.alertorId = id;
|
||||||
|
this.getAiVideoInfoList(this.alertorId,"");
|
||||||
|
},
|
||||||
|
getImageUrl(it){
|
||||||
|
return '/jhapi' + it.imageUrl + ".min.jpg";
|
||||||
|
},
|
||||||
|
//预警概况 Echart
|
||||||
|
warningChart(data,id){
|
||||||
|
let newPromise = new Promise((resolve) => {
|
||||||
|
resolve()
|
||||||
|
})
|
||||||
|
//然后异步执行echarts的初始化函数
|
||||||
|
newPromise.then(() => {
|
||||||
|
var myChart = echarts.init(document.getElementById(id));
|
||||||
|
option = {
|
||||||
|
color: [
|
||||||
|
"#00fff1",
|
||||||
|
"#04c8fa",
|
||||||
|
"#aa01fe",
|
||||||
|
"#4e84fe",
|
||||||
|
"#ff7b79",
|
||||||
|
"#edae5e",
|
||||||
|
"#fe4101",
|
||||||
|
"#14d18f",
|
||||||
|
],
|
||||||
|
series: [
|
||||||
|
// 主要展示层的
|
||||||
|
{
|
||||||
|
radius: ["45%", "60%"],
|
||||||
|
center: ["50%", "50%"],
|
||||||
|
type: "pie",
|
||||||
|
label: {
|
||||||
|
normal: {
|
||||||
|
show: true,
|
||||||
|
formatter: function (params) {
|
||||||
|
return params.value +" "+ params.percent + "%\n{white|" +params.name +"}" ;
|
||||||
|
},
|
||||||
|
rich:{
|
||||||
|
white: {
|
||||||
|
color: "#c5d9fe",
|
||||||
|
align: "center",
|
||||||
|
padding: [0,0,5],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
textStyle: {
|
||||||
|
fontSize: 14,
|
||||||
|
},
|
||||||
|
position: "outside",
|
||||||
|
},
|
||||||
|
emphasis: {
|
||||||
|
show: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
labelLine: {
|
||||||
|
normal: {
|
||||||
|
show: true,
|
||||||
|
length: 20,
|
||||||
|
length2: 25,
|
||||||
|
},
|
||||||
|
emphasis: {
|
||||||
|
show: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data: data,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "外边框",
|
||||||
|
type: "pie",
|
||||||
|
clockWise: false, //顺时加载
|
||||||
|
hoverAnimation: false, //鼠标移入变大
|
||||||
|
center: ["50%", "50%"],
|
||||||
|
radius: ["70%", "70%"],
|
||||||
|
label: {
|
||||||
|
normal: {
|
||||||
|
show: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data: [
|
||||||
|
{
|
||||||
|
value: 1,
|
||||||
|
name: "",
|
||||||
|
itemStyle: {
|
||||||
|
normal: {
|
||||||
|
borderWidth: 3,
|
||||||
|
borderColor: "#57639d",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
myChart.setOption(option);
|
||||||
|
window.onresize = myChart.resize;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
goVideoPage() {
|
||||||
|
location.href="/weixin/screen/toVideoProject"
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue