|
|
|
|
@ -1,40 +1,44 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="abnormalWrap">
|
|
|
|
|
<div class="riskRow mb18">
|
|
|
|
|
<div class="riskCol leftCol mr18">
|
|
|
|
|
<div class="riskName">
|
|
|
|
|
<div class="riskIcon"></div>
|
|
|
|
|
<div class="riskNameText">企业风险项趋势分析图</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="leftCol">
|
|
|
|
|
<div class="screenRow pb14">
|
|
|
|
|
<div class="screenCol mr14">
|
|
|
|
|
<colWrap title="企业风险项趋势分析图" @changeTime="tlTime">
|
|
|
|
|
<div class="riskTotal">
|
|
|
|
|
<div>{{ total.name }}</div>
|
|
|
|
|
<div class="totalText">{{ total.value }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartPanel" style="height: calc(100% - 136px)">
|
|
|
|
|
<div class="chartOpt">
|
|
|
|
|
<div
|
|
|
|
|
@click="changeTime('day')"
|
|
|
|
|
:class="{ active: curTime == 'day' }"
|
|
|
|
|
>
|
|
|
|
|
当日
|
|
|
|
|
<div class="chartPanel">
|
|
|
|
|
<barOne :chartObj="tlObj"></barOne>
|
|
|
|
|
</div>
|
|
|
|
|
</colWrap>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
@click="changeTime('month')"
|
|
|
|
|
:class="{ active: curTime == 'month' }"
|
|
|
|
|
>
|
|
|
|
|
近三月
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
@click="changeTime('year')"
|
|
|
|
|
:class="{ active: curTime == 'year' }"
|
|
|
|
|
>
|
|
|
|
|
本年度
|
|
|
|
|
<div class="screenRow pb14">
|
|
|
|
|
<div class="screenCol mr14">
|
|
|
|
|
<colWrap title="流口人员管理异常" @changeTime="ttlTime">
|
|
|
|
|
<lineThree :chartObj="ttlObj"></lineThree>
|
|
|
|
|
</colWrap>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<barOne :chartObj="tlObj"></barOne>
|
|
|
|
|
<div class="screenRow pb14">
|
|
|
|
|
<div class="screenCol mr14">
|
|
|
|
|
<colWrap title="人员涉警(案)情况异常分析" @changeTime="bblTime">
|
|
|
|
|
<lineTwo :chartObj="bblObj"></lineTwo>
|
|
|
|
|
</colWrap>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="screenRow pb14">
|
|
|
|
|
<div class="screenCol mr14">
|
|
|
|
|
<colWrap title="运输车辆异常预警" @changeTime="blTime">
|
|
|
|
|
<barTwo ref="blObjRef" :chartObj="blObj"></barTwo>
|
|
|
|
|
</colWrap>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="riskCol rightCol">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rightCol">
|
|
|
|
|
<div class="screenRow pb14">
|
|
|
|
|
<div class="screenCol rightCardCol">
|
|
|
|
|
<div class="riskLine" v-for="(line, index) in dataList" :key="index">
|
|
|
|
|
<div class="riskItem" v-for="item in line" :key="item.name">
|
|
|
|
|
<div class="riskItemLeft">
|
|
|
|
|
@ -50,96 +54,48 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="riskRow mb18">
|
|
|
|
|
<div class="riskCol mr18">
|
|
|
|
|
<div class="riskName">
|
|
|
|
|
<div class="riskIcon"></div>
|
|
|
|
|
<div class="riskNameText">流口人员管理异常</div>
|
|
|
|
|
<div class="screenRow pb14">
|
|
|
|
|
<div class="screenCol mr14">
|
|
|
|
|
<colWrap title="人员背景审核异常分析" @changeTime="ttmTime">
|
|
|
|
|
<lineThree :chartObj="ttmObj"></lineThree>
|
|
|
|
|
</colWrap>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartPanel">
|
|
|
|
|
<lineThree :chartObj="tmlObj"></lineThree>
|
|
|
|
|
<div class="screenCol">
|
|
|
|
|
<colWrap title="重点岗位资质核查异常分析" @changeTime="ttrTime">
|
|
|
|
|
<lineThree :chartObj="ttmObj"></lineThree>
|
|
|
|
|
</colWrap>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="riskCol mr18">
|
|
|
|
|
<div class="riskName">
|
|
|
|
|
<div class="riskIcon"></div>
|
|
|
|
|
<div class="riskNameText">人员背景审核异常分析</div>
|
|
|
|
|
<div class="screenRow pb14">
|
|
|
|
|
<div class="screenCol mr14">
|
|
|
|
|
<colWrap title="装卸量差异分析" @changeTime="bbmTime">
|
|
|
|
|
<lineTwo :chartObj="bbmObj"></lineTwo>
|
|
|
|
|
</colWrap>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartPanel">
|
|
|
|
|
<lineThree :chartObj="tmmObj"></lineThree>
|
|
|
|
|
<div class="screenCol">
|
|
|
|
|
<colWrap title="运输车辆背景异常分析" @changeTime="bbrTime">
|
|
|
|
|
<lineTwo :chartObj="bblObj"></lineTwo>
|
|
|
|
|
</colWrap>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="riskCol">
|
|
|
|
|
<div class="riskName">
|
|
|
|
|
<div class="riskIcon"></div>
|
|
|
|
|
<div class="riskNameText">重点岗位资质核查异常分析</div>
|
|
|
|
|
<div class="screenRow pb14">
|
|
|
|
|
<div class="screenCol mr14">
|
|
|
|
|
<colWrap title="驾驶员押运员资质异常分析" @changeTime="bmTime">
|
|
|
|
|
<barTwo ref="bmObjRef" :chartObj="bmObj"></barTwo>
|
|
|
|
|
</colWrap>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartPanel">
|
|
|
|
|
<lineThree :chartObj="tmrObj"></lineThree>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="riskRow mb18">
|
|
|
|
|
<div class="riskCol mr18">
|
|
|
|
|
<div class="riskName">
|
|
|
|
|
<div class="riskIcon"></div>
|
|
|
|
|
<div class="riskNameText">人员涉警(案)情况异常分析</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartPanel">
|
|
|
|
|
<lineTwo :chartObj="mtlObj"></lineTwo>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="riskCol mr18">
|
|
|
|
|
<div class="riskName">
|
|
|
|
|
<div class="riskIcon"></div>
|
|
|
|
|
<div class="riskNameText">装卸量差异分析</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartPanel">
|
|
|
|
|
<lineTwo :chartObj="mtmObj"></lineTwo>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="riskCol">
|
|
|
|
|
<div class="riskName">
|
|
|
|
|
<div class="riskIcon"></div>
|
|
|
|
|
<div class="riskNameText">运输车辆背景异常分析</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartPanel">
|
|
|
|
|
<lineTwo :chartObj="mtrObj"></lineTwo>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="riskRow mb18">
|
|
|
|
|
<div class="riskCol mr18">
|
|
|
|
|
<div class="riskName">
|
|
|
|
|
<div class="riskIcon"></div>
|
|
|
|
|
<div class="riskNameText">运输车辆异常预警</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartPanel">
|
|
|
|
|
<barTwo :chartObj="mlObj"></barTwo>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="riskCol mr18">
|
|
|
|
|
<div class="riskName">
|
|
|
|
|
<div class="riskIcon"></div>
|
|
|
|
|
<div class="riskNameText">驾驶员押运员资质异常分析</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartPanel">
|
|
|
|
|
<barTwo :chartObj="mmObj"></barTwo>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="riskCol">
|
|
|
|
|
<div class="riskName">
|
|
|
|
|
<div class="riskIcon"></div>
|
|
|
|
|
<div class="riskNameText">单位检查情况异常分析</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartPanel">
|
|
|
|
|
<barTwo :chartObj="mrObj"></barTwo>
|
|
|
|
|
<div class="screenCol">
|
|
|
|
|
<colWrap title="单位检查情况异常分析" @changeTime="brTime">
|
|
|
|
|
<barTwo ref="brObjRef" :chartObj="brObj"></barTwo>
|
|
|
|
|
</colWrap>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import colWrap from "./components/col.vue";
|
|
|
|
|
|
|
|
|
|
import barOne from "@/loveflow/components/echart/bar/one.vue";
|
|
|
|
|
import barTwo from "@/loveflow/components/echart/bar/two.vue";
|
|
|
|
|
import lineTwo from "@/loveflow/components/echart/line/two.vue";
|
|
|
|
|
@ -159,12 +115,11 @@ import {
|
|
|
|
|
} from "@/api/enterpriseRiskIndex/abnormal/index.js";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
components: { barOne, barTwo, lineTwo, lineThree },
|
|
|
|
|
components: { colWrap, barOne, barTwo, lineTwo, lineThree },
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
curTime: "day",
|
|
|
|
|
total: {
|
|
|
|
|
name: "今日企业风险项量",
|
|
|
|
|
name: "企业风险总量",
|
|
|
|
|
value: 0,
|
|
|
|
|
},
|
|
|
|
|
tlObj: {
|
|
|
|
|
@ -172,9 +127,9 @@ export default {
|
|
|
|
|
xData: [],
|
|
|
|
|
yData: [],
|
|
|
|
|
list: [],
|
|
|
|
|
name: "风险标签排行",
|
|
|
|
|
name: "企业风险项趋势",
|
|
|
|
|
},
|
|
|
|
|
tmlObj: {
|
|
|
|
|
ttlObj: {
|
|
|
|
|
xData: [],
|
|
|
|
|
yData: [],
|
|
|
|
|
name: "流口人员管理异常",
|
|
|
|
|
@ -184,8 +139,9 @@ export default {
|
|
|
|
|
"rgba(30,147,255,0.3)",
|
|
|
|
|
"#1E93FF",
|
|
|
|
|
],
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
tmmObj: {
|
|
|
|
|
ttmObj: {
|
|
|
|
|
xData: [],
|
|
|
|
|
yData: [],
|
|
|
|
|
name: "人员背景审核异常分析",
|
|
|
|
|
@ -195,8 +151,9 @@ export default {
|
|
|
|
|
"rgba(30,147,255,0.3)",
|
|
|
|
|
"#1E93FF",
|
|
|
|
|
],
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
tmrObj: {
|
|
|
|
|
ttrObj: {
|
|
|
|
|
xData: [],
|
|
|
|
|
yData: [],
|
|
|
|
|
name: "重点岗位资质核查异常分析",
|
|
|
|
|
@ -206,9 +163,10 @@ export default {
|
|
|
|
|
"rgba(30,147,255,0.3)",
|
|
|
|
|
"#1E93FF",
|
|
|
|
|
],
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
mtlObj: {
|
|
|
|
|
bblObj: {
|
|
|
|
|
xData: [],
|
|
|
|
|
yData: [],
|
|
|
|
|
name: "人员涉警(案)情况异常分析",
|
|
|
|
|
@ -217,8 +175,9 @@ export default {
|
|
|
|
|
"rgba(255,61,61,0.8)",
|
|
|
|
|
"rgba(255,61,61,0)",
|
|
|
|
|
],
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
mtmObj: {
|
|
|
|
|
bbmObj: {
|
|
|
|
|
xData: [],
|
|
|
|
|
yData: [],
|
|
|
|
|
name: "装卸量差异分析",
|
|
|
|
|
@ -227,8 +186,9 @@ export default {
|
|
|
|
|
"rgba(255,61,61,0.8)",
|
|
|
|
|
"rgba(255,61,61,0)",
|
|
|
|
|
],
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
mtrObj: {
|
|
|
|
|
bbrObj: {
|
|
|
|
|
xData: [],
|
|
|
|
|
yData: [],
|
|
|
|
|
name: "运输车辆背景异常分析",
|
|
|
|
|
@ -237,21 +197,25 @@ export default {
|
|
|
|
|
"rgba(255,61,61,0.8)",
|
|
|
|
|
"rgba(255,61,61,0)",
|
|
|
|
|
],
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
mlObj: {
|
|
|
|
|
blObj: {
|
|
|
|
|
xData: [],
|
|
|
|
|
yData: [],
|
|
|
|
|
name: "运输车辆异常预警",
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
mmObj: {
|
|
|
|
|
bmObj: {
|
|
|
|
|
xData: [],
|
|
|
|
|
yData: [],
|
|
|
|
|
name: "驾驶员押运员资质异常分析",
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
mrObj: {
|
|
|
|
|
brObj: {
|
|
|
|
|
xData: [],
|
|
|
|
|
yData: [],
|
|
|
|
|
name: "单位检查情况异常分析",
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
dataList: [
|
|
|
|
|
[
|
|
|
|
|
@ -312,27 +276,93 @@ export default {
|
|
|
|
|
this.getData();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
changeTime(val) {
|
|
|
|
|
this.curTime = val;
|
|
|
|
|
getData() {
|
|
|
|
|
enterpriseComprehensiveRisk().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
this.tlObj.list = data;
|
|
|
|
|
this.tlTime("day");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
abnormalFloatingPopulation().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
this.ttlObj.list = data;
|
|
|
|
|
this.ttlTime("day");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
personnelBackground().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
this.ttmObj.list = data;
|
|
|
|
|
this.ttmTime("day");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
keyPosition().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
this.ttrObj.list = data;
|
|
|
|
|
this.ttrTime("day");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
policeInvolvement().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
this.bblObj.list = data;
|
|
|
|
|
this.bblTime("day");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
zXDifference().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
this.bbmObj.list = data;
|
|
|
|
|
this.bbmTime("day");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
transportVehicleBj().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
this.bbrObj.list = data;
|
|
|
|
|
this.bbrTime("day");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
transportVehicleAnomaly().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
this.blObj.list = data;
|
|
|
|
|
this.blTime("day");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
transportVehicle().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
this.bmObj.list = data;
|
|
|
|
|
this.bmTime("day");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
unitInspection().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
this.brObj.list = data;
|
|
|
|
|
this.brTime("day");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
tlTime(val) {
|
|
|
|
|
this.tlObj.yData = [];
|
|
|
|
|
this.tlObj.xData = [];
|
|
|
|
|
|
|
|
|
|
let list = [];
|
|
|
|
|
|
|
|
|
|
if (val == "day") {
|
|
|
|
|
this.total.name = "今日企业风险项量";
|
|
|
|
|
list = this.tlObj.list[0];
|
|
|
|
|
}
|
|
|
|
|
if (val == "month") {
|
|
|
|
|
this.total.name = "近三月企业风险项量";
|
|
|
|
|
list = this.tlObj.list[1];
|
|
|
|
|
}
|
|
|
|
|
if (val == "year") {
|
|
|
|
|
this.total.name = "本年度企业风险项量";
|
|
|
|
|
list = this.tlObj.list[2];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
if (list[i]["riskName"] == "企业风险项量") {
|
|
|
|
|
this.total.value = list[i]["score"];
|
|
|
|
|
@ -344,124 +374,268 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
getData() {
|
|
|
|
|
enterpriseComprehensiveRisk().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let data = res.data || [];
|
|
|
|
|
this.tlObj.list = data;
|
|
|
|
|
this.changeTime("day");
|
|
|
|
|
ttlTime(val) {
|
|
|
|
|
this.ttlObj.yData = [];
|
|
|
|
|
this.ttlObj.xData = [];
|
|
|
|
|
let list = [];
|
|
|
|
|
let index = 0;
|
|
|
|
|
if (val == "day") {
|
|
|
|
|
index = 0;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
abnormalFloatingPopulation().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let list = res.data || [];
|
|
|
|
|
if (val == "week") {
|
|
|
|
|
index = 1;
|
|
|
|
|
}
|
|
|
|
|
if (val == "month") {
|
|
|
|
|
index = 2;
|
|
|
|
|
}
|
|
|
|
|
if (val == "season") {
|
|
|
|
|
index = 3;
|
|
|
|
|
}
|
|
|
|
|
if (val == "year") {
|
|
|
|
|
index = 4;
|
|
|
|
|
}
|
|
|
|
|
list = this.ttlObj.list;
|
|
|
|
|
let total = 0;
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
total = total + list[i]["score"];
|
|
|
|
|
this.tmlObj.xData.push(list[i]["month"] + "月");
|
|
|
|
|
this.tmlObj.yData.push(list[i]["score"]);
|
|
|
|
|
this.ttlObj.xData.push(list[i]["month"]);
|
|
|
|
|
this.ttlObj.yData.push(list[i]["score"]);
|
|
|
|
|
}
|
|
|
|
|
this.dataList[0][0]["value"] = total;
|
|
|
|
|
},
|
|
|
|
|
ttmTime(val) {
|
|
|
|
|
this.ttmObj.yData = [];
|
|
|
|
|
this.ttmObj.xData = [];
|
|
|
|
|
let list = [];
|
|
|
|
|
let index = 0;
|
|
|
|
|
if (val == "day") {
|
|
|
|
|
index = 0;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
personnelBackground().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let list = res.data || [];
|
|
|
|
|
if (val == "week") {
|
|
|
|
|
index = 1;
|
|
|
|
|
}
|
|
|
|
|
if (val == "month") {
|
|
|
|
|
index = 2;
|
|
|
|
|
}
|
|
|
|
|
if (val == "season") {
|
|
|
|
|
index = 3;
|
|
|
|
|
}
|
|
|
|
|
if (val == "year") {
|
|
|
|
|
index = 4;
|
|
|
|
|
}
|
|
|
|
|
list = this.ttmObj.list;
|
|
|
|
|
|
|
|
|
|
let total = 0;
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
total = total + list[i]["score"];
|
|
|
|
|
this.tmmObj.xData.push(list[i]["month"] + "月");
|
|
|
|
|
this.tmmObj.yData.push(list[i]["score"]);
|
|
|
|
|
this.ttmObj.xData.push(list[i]["month"]);
|
|
|
|
|
this.ttmObj.yData.push(list[i]["score"]);
|
|
|
|
|
}
|
|
|
|
|
this.dataList[0][1]["value"] = total;
|
|
|
|
|
},
|
|
|
|
|
ttrTime(val) {
|
|
|
|
|
this.ttrObj.yData = [];
|
|
|
|
|
this.ttrObj.xData = [];
|
|
|
|
|
let list = [];
|
|
|
|
|
let index = 0;
|
|
|
|
|
if (val == "day") {
|
|
|
|
|
index = 0;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
keyPosition().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let list = res.data || [];
|
|
|
|
|
if (val == "week") {
|
|
|
|
|
index = 1;
|
|
|
|
|
}
|
|
|
|
|
if (val == "month") {
|
|
|
|
|
index = 2;
|
|
|
|
|
}
|
|
|
|
|
if (val == "season") {
|
|
|
|
|
index = 3;
|
|
|
|
|
}
|
|
|
|
|
if (val == "year") {
|
|
|
|
|
index = 4;
|
|
|
|
|
}
|
|
|
|
|
list = this.ttrObj.list;
|
|
|
|
|
let total = 0;
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
total = total + list[i]["score"];
|
|
|
|
|
this.tmrObj.xData.push(list[i]["month"] + "月");
|
|
|
|
|
this.tmrObj.yData.push(list[i]["score"]);
|
|
|
|
|
this.ttrObj.xData.push(list[i]["month"]);
|
|
|
|
|
this.ttrObj.yData.push(list[i]["score"]);
|
|
|
|
|
}
|
|
|
|
|
this.dataList[0][2]["value"] = total;
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
bblTime(val) {
|
|
|
|
|
this.bblObj.yData = [];
|
|
|
|
|
this.bblObj.xData = [];
|
|
|
|
|
let list = [];
|
|
|
|
|
let index = 0;
|
|
|
|
|
if (val == "day") {
|
|
|
|
|
index = 0;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
policeInvolvement().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let list = res.data || [];
|
|
|
|
|
if (val == "week") {
|
|
|
|
|
index = 1;
|
|
|
|
|
}
|
|
|
|
|
if (val == "month") {
|
|
|
|
|
index = 2;
|
|
|
|
|
}
|
|
|
|
|
if (val == "season") {
|
|
|
|
|
index = 3;
|
|
|
|
|
}
|
|
|
|
|
if (val == "year") {
|
|
|
|
|
index = 4;
|
|
|
|
|
}
|
|
|
|
|
list = this.bblObj.list;
|
|
|
|
|
let total = 0;
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
total = total + list[i]["score"];
|
|
|
|
|
this.mtlObj.xData.push(list[i]["month"] + "月");
|
|
|
|
|
this.mtlObj.yData.push(list[i]["score"]);
|
|
|
|
|
this.bblObj.xData.push(list[i]["month"]);
|
|
|
|
|
this.bblObj.yData.push(list[i]["score"]);
|
|
|
|
|
}
|
|
|
|
|
this.dataList[1][0]["value"] = total;
|
|
|
|
|
},
|
|
|
|
|
bbmTime(val) {
|
|
|
|
|
this.bbmObj.yData = [];
|
|
|
|
|
this.bbmObj.xData = [];
|
|
|
|
|
let list = [];
|
|
|
|
|
let index = 0;
|
|
|
|
|
if (val == "day") {
|
|
|
|
|
index = 0;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
zXDifference().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let list = res.data || [];
|
|
|
|
|
if (val == "week") {
|
|
|
|
|
index = 1;
|
|
|
|
|
}
|
|
|
|
|
if (val == "month") {
|
|
|
|
|
index = 2;
|
|
|
|
|
}
|
|
|
|
|
if (val == "season") {
|
|
|
|
|
index = 3;
|
|
|
|
|
}
|
|
|
|
|
if (val == "year") {
|
|
|
|
|
index = 4;
|
|
|
|
|
}
|
|
|
|
|
list = this.bbmObj.list;
|
|
|
|
|
let total = 0;
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
total = total + list[i]["score"];
|
|
|
|
|
this.mtmObj.xData.push(list[i]["month"] + "月");
|
|
|
|
|
this.mtmObj.yData.push(list[i]["score"]);
|
|
|
|
|
this.bbmObj.xData.push(list[i]["month"]);
|
|
|
|
|
this.bbmObj.yData.push(list[i]["score"]);
|
|
|
|
|
}
|
|
|
|
|
this.dataList[1][1]["value"] = total;
|
|
|
|
|
},
|
|
|
|
|
bbrTime(val) {
|
|
|
|
|
this.bblObj.yData = [];
|
|
|
|
|
this.bblObj.xData = [];
|
|
|
|
|
let list = [];
|
|
|
|
|
let index = 0;
|
|
|
|
|
if (val == "day") {
|
|
|
|
|
index = 0;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
transportVehicleBj().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let list = res.data || [];
|
|
|
|
|
if (val == "week") {
|
|
|
|
|
index = 1;
|
|
|
|
|
}
|
|
|
|
|
if (val == "month") {
|
|
|
|
|
index = 2;
|
|
|
|
|
}
|
|
|
|
|
if (val == "season") {
|
|
|
|
|
index = 3;
|
|
|
|
|
}
|
|
|
|
|
if (val == "year") {
|
|
|
|
|
index = 4;
|
|
|
|
|
}
|
|
|
|
|
list = this.bblObj.list;
|
|
|
|
|
let total = 0;
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
total = total + list[i]["score"];
|
|
|
|
|
this.mtrObj.xData.push(list[i]["month"] + "月");
|
|
|
|
|
this.mtrObj.yData.push(list[i]["score"]);
|
|
|
|
|
this.bblObj.xData.push(list[i]["month"]);
|
|
|
|
|
this.bblObj.yData.push(list[i]["score"]);
|
|
|
|
|
}
|
|
|
|
|
this.dataList[1][2]["value"] = total;
|
|
|
|
|
},
|
|
|
|
|
blTime(val) {
|
|
|
|
|
this.blObj.yData = [];
|
|
|
|
|
this.blObj.xData = [];
|
|
|
|
|
let list = [];
|
|
|
|
|
let index = 0;
|
|
|
|
|
if (val == "day") {
|
|
|
|
|
index = 0;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
transportVehicleAnomaly().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let list = res.data || [];
|
|
|
|
|
if (val == "week") {
|
|
|
|
|
index = 1;
|
|
|
|
|
}
|
|
|
|
|
if (val == "month") {
|
|
|
|
|
index = 2;
|
|
|
|
|
}
|
|
|
|
|
if (val == "season") {
|
|
|
|
|
index = 3;
|
|
|
|
|
}
|
|
|
|
|
if (val == "year") {
|
|
|
|
|
index = 4;
|
|
|
|
|
}
|
|
|
|
|
list = this.blObj.list;
|
|
|
|
|
let total = 0;
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
total = total + list[i]["score"];
|
|
|
|
|
this.mlObj.xData.push(list[i]["month"] + "月");
|
|
|
|
|
this.mlObj.yData.push(list[i]["score"]);
|
|
|
|
|
this.blObj.xData.push(list[i]["month"]);
|
|
|
|
|
this.blObj.yData.push(list[i]["score"]);
|
|
|
|
|
}
|
|
|
|
|
this.dataList[2][0]["value"] = total;
|
|
|
|
|
},
|
|
|
|
|
bmTime(val) {
|
|
|
|
|
this.bmObj.yData = [];
|
|
|
|
|
this.bmObj.xData = [];
|
|
|
|
|
let list = [];
|
|
|
|
|
let index = 0;
|
|
|
|
|
if (val == "day") {
|
|
|
|
|
index = 0;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
transportVehicle().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let list = res.data || [];
|
|
|
|
|
if (val == "week") {
|
|
|
|
|
index = 1;
|
|
|
|
|
}
|
|
|
|
|
if (val == "month") {
|
|
|
|
|
index = 2;
|
|
|
|
|
}
|
|
|
|
|
if (val == "season") {
|
|
|
|
|
index = 3;
|
|
|
|
|
}
|
|
|
|
|
if (val == "year") {
|
|
|
|
|
index = 4;
|
|
|
|
|
}
|
|
|
|
|
list = this.bmObj.list;
|
|
|
|
|
let total = 0;
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
total = total + list[i]["score"];
|
|
|
|
|
this.mmObj.xData.push(list[i]["month"] + "月");
|
|
|
|
|
this.mmObj.yData.push(list[i]["score"]);
|
|
|
|
|
this.bmObj.xData.push(list[i]["month"]);
|
|
|
|
|
this.bmObj.yData.push(list[i]["score"]);
|
|
|
|
|
}
|
|
|
|
|
this.dataList[2][1]["value"] = total;
|
|
|
|
|
},
|
|
|
|
|
brTime(val) {
|
|
|
|
|
this.brObj.yData = [];
|
|
|
|
|
this.brObj.xData = [];
|
|
|
|
|
let list = [];
|
|
|
|
|
let index = 0;
|
|
|
|
|
if (val == "day") {
|
|
|
|
|
index = 0;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
unitInspection().then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
let list = res.data || [];
|
|
|
|
|
if (val == "week") {
|
|
|
|
|
index = 1;
|
|
|
|
|
}
|
|
|
|
|
if (val == "month") {
|
|
|
|
|
index = 2;
|
|
|
|
|
}
|
|
|
|
|
if (val == "season") {
|
|
|
|
|
index = 3;
|
|
|
|
|
}
|
|
|
|
|
if (val == "year") {
|
|
|
|
|
index = 4;
|
|
|
|
|
}
|
|
|
|
|
list = this.brObj.list;
|
|
|
|
|
let total = 0;
|
|
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
|
|
total = total + list[i]["score"];
|
|
|
|
|
this.mrObj.xData.push(list[i]["month"] + "月");
|
|
|
|
|
this.mrObj.yData.push(list[i]["score"]);
|
|
|
|
|
this.brObj.xData.push(list[i]["month"]);
|
|
|
|
|
this.brObj.yData.push(list[i]["score"]);
|
|
|
|
|
}
|
|
|
|
|
this.dataList[2][2]["value"] = total;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
@ -469,46 +643,21 @@ export default {
|
|
|
|
|
<style lang="less">
|
|
|
|
|
.abnormalWrap {
|
|
|
|
|
height: 100%;
|
|
|
|
|
padding: 18px;
|
|
|
|
|
padding: 14px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
display: flex;
|
|
|
|
|
&::-webkit-scrollbar {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.riskRow {
|
|
|
|
|
flex: 1;
|
|
|
|
|
display: flex;
|
|
|
|
|
.riskCol {
|
|
|
|
|
position: relative;
|
|
|
|
|
padding-left: 8px;
|
|
|
|
|
height: 456px;
|
|
|
|
|
flex: 1;
|
|
|
|
|
background: url("~@/assets/images/screen/line.png") no-repeat center
|
|
|
|
|
center;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
|
|
|
|
.riskName {
|
|
|
|
|
height: 40px;
|
|
|
|
|
display: flex;
|
|
|
|
|
margin-top: 6px;
|
|
|
|
|
color: #d9e7ff;
|
|
|
|
|
|
|
|
|
|
.riskIcon {
|
|
|
|
|
width: 24px;
|
|
|
|
|
height: 24px;
|
|
|
|
|
background: url("~@/assets/images/screen/riskIcon.png") no-repeat
|
|
|
|
|
center center;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.leftCol {
|
|
|
|
|
width: 34%;
|
|
|
|
|
|
|
|
|
|
.riskTotal {
|
|
|
|
|
margin-top: 40px;
|
|
|
|
|
margin-left: 2%;
|
|
|
|
|
width: 93%;
|
|
|
|
|
width: 96%;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
@ -528,63 +677,20 @@ export default {
|
|
|
|
|
text-shadow: 0px 0px 9px #159aff;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.chartOpt {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 12;
|
|
|
|
|
right: 5%;
|
|
|
|
|
top: 46px;
|
|
|
|
|
display: flex;
|
|
|
|
|
div {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
width: 68px;
|
|
|
|
|
height: 30px;
|
|
|
|
|
color: #8fabbf;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
background: linear-gradient(
|
|
|
|
|
0deg,
|
|
|
|
|
rgba(122, 163, 204, 0.3) 0%,
|
|
|
|
|
rgba(122, 163, 204, 0) 100%
|
|
|
|
|
);
|
|
|
|
|
&:hover {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
background: linear-gradient(
|
|
|
|
|
0deg,
|
|
|
|
|
#3cc7b0 0%,
|
|
|
|
|
rgba(51, 204, 204, 0) 100%
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
&.active {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
border-bottom: solid 2px #33cccc;
|
|
|
|
|
background: linear-gradient(
|
|
|
|
|
0deg,
|
|
|
|
|
rgba(60, 199, 176, 0.3) 0%,
|
|
|
|
|
rgba(51, 204, 204, 0) 100%
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chartPanel {
|
|
|
|
|
height: calc(100% - 50px);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.leftCol {
|
|
|
|
|
flex: auto;
|
|
|
|
|
width: calc(33.33% - 18px);
|
|
|
|
|
}
|
|
|
|
|
.rightCol {
|
|
|
|
|
padding: 24px 4px 8px 24px;
|
|
|
|
|
flex: auto;
|
|
|
|
|
width: calc(66.66% - 12px);
|
|
|
|
|
background: url("~@/assets/images/screen/right.png") no-repeat center
|
|
|
|
|
center;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
width: 66%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.screenRow {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: space-evenly;
|
|
|
|
|
.screenCol {
|
|
|
|
|
flex: 1;
|
|
|
|
|
height: 456px;
|
|
|
|
|
|
|
|
|
|
.riskLine {
|
|
|
|
|
display: flex;
|
|
|
|
|
@ -631,6 +737,54 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.rightCardCol {
|
|
|
|
|
padding: 24px 4px 8px 24px;
|
|
|
|
|
flex: auto;
|
|
|
|
|
width: calc(66.66% - 12px);
|
|
|
|
|
background: url("~@/assets/images/screen/right.png") no-repeat center
|
|
|
|
|
center;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: space-evenly;
|
|
|
|
|
.cardTimeOpt {
|
|
|
|
|
display: flex;
|
|
|
|
|
.timeBtn {
|
|
|
|
|
font-size: vw(14);
|
|
|
|
|
padding: 0 12px;
|
|
|
|
|
height: 30px;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
color: #8fabbf;
|
|
|
|
|
background: linear-gradient(
|
|
|
|
|
0deg,
|
|
|
|
|
rgba(122, 163, 204, 0.3) 0%,
|
|
|
|
|
rgba(122, 163, 204, 0) 100%
|
|
|
|
|
);
|
|
|
|
|
&:hover {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
background: linear-gradient(
|
|
|
|
|
0deg,
|
|
|
|
|
#3cc7b0 0%,
|
|
|
|
|
rgba(51, 204, 204, 0) 100%
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
&.active {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
border-bottom: solid 2px #33cccc;
|
|
|
|
|
background: linear-gradient(
|
|
|
|
|
0deg,
|
|
|
|
|
rgba(60, 199, 176, 0.3) 0%,
|
|
|
|
|
rgba(51, 204, 204, 0) 100%
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
loveflow
11 months ago
