sxyanzhu
/
jhbigscreen
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

提交广州AI页面

dev
姜玉琦 2024-06-29 10:29:43 +08:00
parent 083066ccb5
commit 2d5cd870fc
1 changed files with 21 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/pages/gzaiBox/index.vue
View File

@ -8,21 +8,17 @@
style="transform: scale(0.8); position: relative; top: -40px; left: -70px" style="transform: scale(0.8); position: relative; top: -40px; left: -70px"
> --> > -->
<project-overview-chart <project-overview-chart
:key="'ai1' + overviewDay" :key="'ai1' + overview"
:sp="''" :sp="''"
txtTop="12"
gifTop="8px"
:maintitle="overviewTotalDay" :maintitle="overviewTotalDay"
:legend-opt="legendOpt1" :legend-opt="legendOpt1"
:typedata="typeDistributionDataDay" :typedata="typeDistributionDataDay"
:text="overviewTextDay" :text="overviewTextDay"
:width="580" :height="230"
:height="180"
:fn="changeChart1"
></project-overview-chart> ></project-overview-chart>
<!-- </div> --> <!-- </div> -->
</module-one-1-1> </module-one-1-1>
<module-one-2-1 label="预警概况" style="position: relative"> <module-one-2-1 label="预警概况">
<!-- <div <!-- <div
class="scroll" class="scroll"
style="max-height: 580px; overflow-y: auto; margin-top: 20px" style="max-height: 580px; overflow-y: auto; margin-top: 20px"
@ -54,9 +50,7 @@
:legend-opt="legendOpt2" :legend-opt="legendOpt2"
:typedata="typeDistributionData" :typedata="typeDistributionData"
:text="overviewText" :text="overviewText"
:width="580" :height="230"
:height="180"
:fn="changeChart1"
></project-overview-chart> ></project-overview-chart>
</module-one-2-1> </module-one-2-1>
</el-col> </el-col>
@ -203,29 +197,28 @@ export default {
legendOpt1: { legendOpt1: {
icon: "rect", icon: "rect",
textStyle: { textStyle: {
fontSize: 9,
color: "#c3dbfd", color: "#c3dbfd",
fontSize: 15,
rich: { rich: {
name: { name: {
color: "#c3dbfd", color: "#c3dbfd",
padding: [0, 0, 0, 0], padding: [0, 20, 0, 0],
}, },
percent: { percent: {
color: "#f73647", color: "#4676FD",
}, },
}, },
}, },
}, },
legendOpt2: { legendOpt2: {
icon: "rect", icon: "rect",
padding: [0, 0, 0, 0],
textStyle: { textStyle: {
fontSize: 9,
color: "#c3dbfd", color: "#c3dbfd",
fontSize: 14,
rich: { rich: {
name: { name: {
color: "#c3dbfd", color: "#c3dbfd",
padding: [0, 0, 0, 0], padding: [0, 20, 0, 0],
}, },
percent: { percent: {
color: "#4676FD", color: "#4676FD",
@ -289,6 +282,7 @@ export default {
}, },
], ],
}, },
intervalTimes: null
}; };
}, },
mounted() { mounted() {
@ -318,18 +312,22 @@ export default {
this.listPage.pageIndex = 1; this.listPage.pageIndex = 1;
this.loadList(); this.loadList();
}, },
changeChart1(opt) {
opt.title.padding = [60, 0, 0, 145];
return opt;
},
init() { init() {
this.getAiVideoAlertorTypeCount();
//this.groupCountByProject();
this.todayPage.pageIndex = 1; this.todayPage.pageIndex = 1;
this.loadTodayList();
this.listPage.pageIndex = 1; this.listPage.pageIndex = 1;
this.selType = 0; this.selType = 0;
this.getAiVideoAlertorTypeCount();
this.loadTodayList();
this.loadList(); this.loadList();
this.initIntervalTimes();
},
myInit(){
this.getAiVideoAlertorTypeCount();
this.loadTodayList();
this.loadList();
},
initIntervalTimes(){
this.intervalId = setInterval(this.myInit, 150000); // 每2.5分钟刷新一次
}, },
handleTodayCurrentChange(n) { handleTodayCurrentChange(n) {
this.todayPage.pageIndex = n; this.todayPage.pageIndex = n;
@ -430,11 +428,6 @@ body.no-header {
} }
} }
.project-aivideo { .project-aivideo {
.chart-overview-gif {
top: 37px !important;
left: 93px;
}
.tb-list1 { .tb-list1 {
margin: 12px; margin: 12px;
width: calc(100% - 24px); width: calc(100% - 24px);