|
|
|
@ -9,7 +9,7 @@ |
|
|
|
</div> |
|
|
|
<span class="text">预警分布情况</span> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
<!-- <div |
|
|
|
:class="{ |
|
|
|
head_btn: true, |
|
|
|
head_btn_al: isActive == '1', |
|
|
|
@ -28,23 +28,23 @@ |
|
|
|
> |
|
|
|
正常 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
<div class="left_content"> |
|
|
|
<div class="statistics"> |
|
|
|
<div class="stat_item"> |
|
|
|
风险总数 |
|
|
|
<span>112</span> |
|
|
|
<span>{{ forewarnData.total }}</span> |
|
|
|
个 |
|
|
|
</div> |
|
|
|
<div class="stat_item"> |
|
|
|
未处置 |
|
|
|
<span>50</span> |
|
|
|
<span>{{ forewarnData.noHandleNum }}</span> |
|
|
|
个 |
|
|
|
</div> |
|
|
|
<div class="stat_item"> |
|
|
|
已解除 |
|
|
|
<span>23</span> |
|
|
|
<span>{{ forewarnData.isHandleNum }}</span> |
|
|
|
个 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -60,7 +60,7 @@ |
|
|
|
</div> |
|
|
|
<span class="text">项目法人效率监督</span> |
|
|
|
</div> |
|
|
|
<div class="head_btn"> |
|
|
|
<!-- <div class="head_btn"> |
|
|
|
<div |
|
|
|
:class="{ btnYear: true, activeBtn: activeTime == '1' }" |
|
|
|
@click="chooseTime('1')" |
|
|
|
@ -79,23 +79,23 @@ |
|
|
|
> |
|
|
|
本周 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
<div class="right_content"> |
|
|
|
<div class="wait"> |
|
|
|
<div class="wait_title">待办事项(个)</div> |
|
|
|
<div class="wait_no">16</div> |
|
|
|
<div class="wait_title">预警</div> |
|
|
|
<div class="wait_no">{{ this.forewarningNum.warn }}</div> |
|
|
|
<!-- <img src="@/assets/image/Frame1.png" alt="" /> --> |
|
|
|
</div> |
|
|
|
<div class="finishAndDelay"> |
|
|
|
<div class="finish"> |
|
|
|
<div class="finish_title">待办事项(个)</div> |
|
|
|
<div class="finish_no">145</div> |
|
|
|
<div class="finish_title">提醒</div> |
|
|
|
<div class="finish_no">{{ this.forewarningNum.forewarning }}</div> |
|
|
|
<!-- <img src="@/assets/image/Frame2.png" alt="" /> --> |
|
|
|
</div> |
|
|
|
<div class="delay"> |
|
|
|
<div class="delay_title">待办事项(个)</div> |
|
|
|
<div class="delay_no">3</div> |
|
|
|
<div class="delay_title">正常</div> |
|
|
|
<div class="delay_no">{{ this.forewarningNum.normal }}</div> |
|
|
|
<!-- <img src="@/assets/image/Frame3.png" alt="" /> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -151,6 +151,13 @@ |
|
|
|
import { returnToken } from "@/api/login"; |
|
|
|
import { setToken, removeToken } from "@/utils/auth"; |
|
|
|
import * as echarts from "echarts"; |
|
|
|
import { |
|
|
|
getDistribution, |
|
|
|
getTotal, |
|
|
|
getPieChart, |
|
|
|
} from "@/api/warn/earlyWarning"; |
|
|
|
|
|
|
|
import { getTypeNum, getForewarningNum } from "@/api/projectStatistics/sort"; |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
|
@ -160,19 +167,39 @@ export default { |
|
|
|
parmas: { |
|
|
|
token: null, |
|
|
|
}, |
|
|
|
forewarnData: {}, |
|
|
|
InfoList: [], |
|
|
|
forewarningNum: [], |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
console.log("this.$route", this.$route); |
|
|
|
this.parmas.token = this.$route.query.token; |
|
|
|
returnToken(this.parmas).then((res) => { |
|
|
|
console.log("有效token", res.token); |
|
|
|
let token = res.token; |
|
|
|
setToken(token); |
|
|
|
// console.log("this.$route", this.$route); |
|
|
|
// this.parmas.token = this.$route.query.token; |
|
|
|
// returnToken(this.parmas).then((res) => { |
|
|
|
// console.log("有效token", res.token); |
|
|
|
// let token = res.token; |
|
|
|
// setToken(token); |
|
|
|
// }); |
|
|
|
getTotal().then((res) => { |
|
|
|
this.forewarnData = res.data; |
|
|
|
}); |
|
|
|
getDistribution({ pageNum: 1, pageSize: 99 }).then((res) => { |
|
|
|
const newData = res.data.map((item) => { |
|
|
|
item.adcd = item.adcdPrefix + "00"; |
|
|
|
item.deCodeAdcd = this.$formatAdcd(item); |
|
|
|
return item; |
|
|
|
}); |
|
|
|
console.log(newData); |
|
|
|
this.InfoList = newData; |
|
|
|
this.initEcharts(this.InfoList); |
|
|
|
}); |
|
|
|
getForewarningNum().then((res) => { |
|
|
|
this.forewarningNum = res.data; |
|
|
|
console.log('--------',this.forewarningNum); |
|
|
|
}); |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.initEcharts(); |
|
|
|
// this.initEcharts(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
chooseBtn(key) { |
|
|
|
@ -181,14 +208,23 @@ export default { |
|
|
|
chooseTime(key) { |
|
|
|
this.activeTime = key; |
|
|
|
}, |
|
|
|
initEcharts() { |
|
|
|
initEcharts(chartData) { |
|
|
|
var chartDom = this.$refs.myEcharts; |
|
|
|
var myChart = echarts.init(chartDom); |
|
|
|
var option; |
|
|
|
|
|
|
|
let xAxisData = []; |
|
|
|
let matchedCountDate = []; // 项目数 |
|
|
|
let proInfoCountDate = []; // 预警项目数 |
|
|
|
chartData.forEach((item) => { |
|
|
|
xAxisData.push(item.deCodeAdcd.split("-")[1]); |
|
|
|
matchedCountDate.push(item.matchedCount); |
|
|
|
proInfoCountDate.push(item.proInfoCount); |
|
|
|
}); |
|
|
|
|
|
|
|
option = { |
|
|
|
title: { |
|
|
|
text: "单位：条", |
|
|
|
text: "单位：个", |
|
|
|
x: 18, |
|
|
|
textStyle: { |
|
|
|
color: "rgba(38, 38, 38, 0.65)", |
|
|
|
@ -222,27 +258,7 @@ export default { |
|
|
|
axisTick: { |
|
|
|
show: false, |
|
|
|
}, |
|
|
|
data: [ |
|
|
|
"广州", |
|
|
|
"深圳", |
|
|
|
"佛山", |
|
|
|
"中山", |
|
|
|
"惠州", |
|
|
|
"东莞", |
|
|
|
"阳江", |
|
|
|
"韶关", |
|
|
|
"河源", |
|
|
|
"肇庆", |
|
|
|
"珠海", |
|
|
|
"江门", |
|
|
|
"汕头", |
|
|
|
"潮州", |
|
|
|
"揭阳", |
|
|
|
"湛江", |
|
|
|
"茂名", |
|
|
|
"清远", |
|
|
|
"梅州", |
|
|
|
], |
|
|
|
data: xAxisData, |
|
|
|
}, |
|
|
|
], |
|
|
|
yAxis: [ |
|
|
|
@ -269,7 +285,7 @@ export default { |
|
|
|
], |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
name: "红灯", |
|
|
|
name: "项目数", |
|
|
|
type: "bar", |
|
|
|
// 重叠 |
|
|
|
stack: "Ad", |
|
|
|
@ -283,13 +299,10 @@ export default { |
|
|
|
emphasis: { |
|
|
|
focus: "series", |
|
|
|
}, |
|
|
|
data: [ |
|
|
|
120, 132, 101, 134, 90, 230, 210, 120, 132, 101, 134, 90, 230, |
|
|
|
210, 120, 132, 101, 134, 90, |
|
|
|
], |
|
|
|
data: matchedCountDate, |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: "黄灯", |
|
|
|
name: "预警项目数", |
|
|
|
type: "bar", |
|
|
|
stack: "Ad", |
|
|
|
barMaxWidth: "25%", |
|
|
|
@ -302,10 +315,7 @@ export default { |
|
|
|
emphasis: { |
|
|
|
focus: "series", |
|
|
|
}, |
|
|
|
data: [ |
|
|
|
220, 182, 191, 234, 290, 330, 310, 220, 182, 191, 234, 290, 330, |
|
|
|
310, 220, 182, 191, 234, 290, |
|
|
|
], |
|
|
|
data: proInfoCountDate, |
|
|
|
}, |
|
|
|
], |
|
|
|
}; |
|
|
|
|
