|
|
|
|
@ -267,34 +267,35 @@
|
|
|
|
|
style="height: 360px" |
|
|
|
|
:option="option" |
|
|
|
|
autoresize |
|
|
|
|
ref="chart" |
|
|
|
|
/> |
|
|
|
|
<datav-card title="问题趋势"> |
|
|
|
|
<datav-tabs v-model="activeMailTrend" @change="handleTabChange"> |
|
|
|
|
<datav-tab-item label="督察问题趋势" name="1"> |
|
|
|
|
<v-charts |
|
|
|
|
style="width: 105%; height: 300px;" |
|
|
|
|
:option="option1" |
|
|
|
|
:option="superviseProTrend" |
|
|
|
|
autoresize |
|
|
|
|
/> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
<datav-tab-item label="案件核查趋势" name="2"> |
|
|
|
|
<v-charts |
|
|
|
|
style="width: 105%; height: 300px;" |
|
|
|
|
:option="option1" |
|
|
|
|
:option="caseVerifyTrend" |
|
|
|
|
autoresize |
|
|
|
|
/> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
<datav-tab-item label="警务评议趋势" name="3"> |
|
|
|
|
<v-charts |
|
|
|
|
style="width: 105%; height: 300px;" |
|
|
|
|
:option="option1" |
|
|
|
|
:option="policeCommentTrend" |
|
|
|
|
autoresize |
|
|
|
|
/> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
<datav-tab-item label="信访投诉趋势" name="4"> |
|
|
|
|
<v-charts |
|
|
|
|
style="width: 105%; height: 300px;" |
|
|
|
|
:option="option1" |
|
|
|
|
:option="mailTrend" |
|
|
|
|
autoresize |
|
|
|
|
/> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
@ -423,107 +424,85 @@
|
|
|
|
|
> |
|
|
|
|
<datav-tab-item label="派出所" name="1"> |
|
|
|
|
<el-row class="mb-32"> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
22 |
|
|
|
|
{{ caseVerifyPrecinctOverView.one }} |
|
|
|
|
</div> |
|
|
|
|
<div class="descriptions_label"> |
|
|
|
|
问题数 |
|
|
|
|
案件数 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
22 |
|
|
|
|
{{ caseVerifyPrecinctOverView.two }} |
|
|
|
|
</div> |
|
|
|
|
<div class="descriptions_label"> |
|
|
|
|
整改中 |
|
|
|
|
查实数 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
22 |
|
|
|
|
{{ caseVerifyPrecinctOverView.three }} |
|
|
|
|
</div> |
|
|
|
|
<div class="descriptions_label"> |
|
|
|
|
已整改 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
22% |
|
|
|
|
</div> |
|
|
|
|
<div class="descriptions_label"> |
|
|
|
|
整改率 |
|
|
|
|
查实率 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-scrollbar height="350px"> |
|
|
|
|
<datav-chart-bar |
|
|
|
|
|
|
|
|
|
:size="small" |
|
|
|
|
:data="caseVerifyPrecinctRank" |
|
|
|
|
title="整改率排名" |
|
|
|
|
sub-title="已整改/问题数" |
|
|
|
|
unit="%" |
|
|
|
|
sub-title="问题数/查实数" |
|
|
|
|
/> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
<datav-tab-item label="大队" name="2"> |
|
|
|
|
<el-row class="mb-32"> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
22 |
|
|
|
|
</div> |
|
|
|
|
<div class="descriptions_label"> |
|
|
|
|
问题数 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
22 |
|
|
|
|
{{ caseVerifyTeamOverView.one }} |
|
|
|
|
</div> |
|
|
|
|
<div class="descriptions_label"> |
|
|
|
|
整改中 |
|
|
|
|
案件数 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
22 |
|
|
|
|
{{ caseVerifyTeamOverView.two }} |
|
|
|
|
</div> |
|
|
|
|
<div class="descriptions_label"> |
|
|
|
|
已整改 |
|
|
|
|
查实数 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
22% |
|
|
|
|
{{ caseVerifyTeamOverView.three }} |
|
|
|
|
</div> |
|
|
|
|
<div class="descriptions_label"> |
|
|
|
|
整改率 |
|
|
|
|
查实率 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-scrollbar height="350px"> |
|
|
|
|
<datav-chart-bar |
|
|
|
|
|
|
|
|
|
:size="small" |
|
|
|
|
:data="caseVerifyTeamRank" |
|
|
|
|
title="整改率排名" |
|
|
|
|
sub-title="已整改/问题数" |
|
|
|
|
unit="%" |
|
|
|
|
sub-title="问题数/查实数" |
|
|
|
|
/> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
@ -540,61 +519,276 @@
|
|
|
|
|
import vCharts from "vue-echarts"; |
|
|
|
|
import moment from "moment"; |
|
|
|
|
import * as echarts from "echarts/core"; |
|
|
|
|
import {getCaseVerifyRank, getSubOneStreetMap, getSubOneTrend} from "@/api/screen/sub1.ts"; |
|
|
|
|
import changshaMap from "@/assets/data/changsha.json"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const router = useRouter() |
|
|
|
|
const route = useRoute(); |
|
|
|
|
const time = ref([ |
|
|
|
|
moment().startOf("year").format("YYYY-MM-DD"), |
|
|
|
|
moment().format("YYYY-MM-DD"), |
|
|
|
|
]); // 时间范围 |
|
|
|
|
const router = useRouter() |
|
|
|
|
const route = useRoute(); |
|
|
|
|
import geoJson from "@/assets/data/浏阳市.json"; |
|
|
|
|
import {test} from "@/api/screen/sub1.ts"; |
|
|
|
|
const currentDepartId = route.query.departId; |
|
|
|
|
const currentMapData = ref({}) |
|
|
|
|
const chart = ref(null); // 地图 |
|
|
|
|
const currentYear = new Date().getFullYear(); // 当前年份 |
|
|
|
|
const superviseProTrend = ref({ |
|
|
|
|
grid: { |
|
|
|
|
left: '5%', // 图表距离容器左边的距离 |
|
|
|
|
right: '2%', // 图表距离容器右边的距离 |
|
|
|
|
top: '10%', // 图表距离容器上边的距离 |
|
|
|
|
bottom: '20%', // 图表距离容器下边的距离 |
|
|
|
|
containLabel: false // 是否包含坐标轴的标签 |
|
|
|
|
}, |
|
|
|
|
xAxis: { |
|
|
|
|
type: "category", |
|
|
|
|
data: [], |
|
|
|
|
boundaryGap: true, |
|
|
|
|
axisTick: { |
|
|
|
|
// 去掉X轴刻度线 |
|
|
|
|
show: false |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
yAxis: { |
|
|
|
|
type: "value", |
|
|
|
|
splitLine: { |
|
|
|
|
show: true, |
|
|
|
|
lineStyle: { |
|
|
|
|
color: "#193775", |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
tooltip: { |
|
|
|
|
trigger: 'axis', |
|
|
|
|
axisPointer: { |
|
|
|
|
type: 'line', |
|
|
|
|
label: { |
|
|
|
|
backgroundColor: '#6a7985' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
series: [ |
|
|
|
|
{ |
|
|
|
|
type: "line", |
|
|
|
|
smooth: true, |
|
|
|
|
label: { |
|
|
|
|
show: false |
|
|
|
|
}, |
|
|
|
|
lineStyle: { |
|
|
|
|
color: "#28E6FF", |
|
|
|
|
width: 4, |
|
|
|
|
}, |
|
|
|
|
areaStyle: { |
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
|
|
|
|
{ |
|
|
|
|
offset: 0, |
|
|
|
|
color: "rgba(40,230,255,0.47)", // 渐变起始颜色 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
offset: 1, |
|
|
|
|
color: "rgba(40,230,255,0)", // 渐变结束颜色 |
|
|
|
|
}, |
|
|
|
|
]), |
|
|
|
|
}, |
|
|
|
|
data: [], |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}); // 督察问题 |
|
|
|
|
const caseVerifyTrend = ref({ |
|
|
|
|
grid: { |
|
|
|
|
left: '5%', // 图表距离容器左边的距离 |
|
|
|
|
right: '2%', // 图表距离容器右边的距离 |
|
|
|
|
top: '10%', // 图表距离容器上边的距离 |
|
|
|
|
bottom: '20%', // 图表距离容器下边的距离 |
|
|
|
|
containLabel: false // 是否包含坐标轴的标签 |
|
|
|
|
}, |
|
|
|
|
xAxis: { |
|
|
|
|
type: "category", |
|
|
|
|
data: [], |
|
|
|
|
boundaryGap: true, |
|
|
|
|
axisTick: { |
|
|
|
|
// 去掉X轴刻度线 |
|
|
|
|
show: false |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
yAxis: { |
|
|
|
|
type: "value", |
|
|
|
|
splitLine: { |
|
|
|
|
show: true, |
|
|
|
|
lineStyle: { |
|
|
|
|
color: "#193775", |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
tooltip: { |
|
|
|
|
trigger: 'axis', |
|
|
|
|
axisPointer: { |
|
|
|
|
type: 'line', |
|
|
|
|
label: { |
|
|
|
|
backgroundColor: '#6a7985' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
series: [ |
|
|
|
|
{ |
|
|
|
|
type: "line", |
|
|
|
|
smooth: true, |
|
|
|
|
label: { |
|
|
|
|
show: false |
|
|
|
|
}, |
|
|
|
|
lineStyle: { |
|
|
|
|
color: "#28E6FF", |
|
|
|
|
width: 4, |
|
|
|
|
}, |
|
|
|
|
areaStyle: { |
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
|
|
|
|
{ |
|
|
|
|
offset: 0, |
|
|
|
|
color: "rgba(40,230,255,0.47)", // 渐变起始颜色 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
offset: 1, |
|
|
|
|
color: "rgba(40,230,255,0)", // 渐变结束颜色 |
|
|
|
|
}, |
|
|
|
|
]), |
|
|
|
|
}, |
|
|
|
|
data: [], |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}); // 案件核查 |
|
|
|
|
const policeCommentTrend = ref({ |
|
|
|
|
grid: { |
|
|
|
|
left: '5%', // 图表距离容器左边的距离 |
|
|
|
|
right: '2%', // 图表距离容器右边的距离 |
|
|
|
|
top: '10%', // 图表距离容器上边的距离 |
|
|
|
|
bottom: '20%', // 图表距离容器下边的距离 |
|
|
|
|
containLabel: false // 是否包含坐标轴的标签 |
|
|
|
|
}, |
|
|
|
|
xAxis: { |
|
|
|
|
type: "category", |
|
|
|
|
data: [], |
|
|
|
|
boundaryGap: true, |
|
|
|
|
axisTick: { |
|
|
|
|
// 去掉X轴刻度线 |
|
|
|
|
show: false |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
yAxis: { |
|
|
|
|
type: "value", |
|
|
|
|
splitLine: { |
|
|
|
|
show: true, |
|
|
|
|
lineStyle: { |
|
|
|
|
color: "#193775", |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
tooltip: { |
|
|
|
|
trigger: 'axis', |
|
|
|
|
axisPointer: { |
|
|
|
|
type: 'line', |
|
|
|
|
label: { |
|
|
|
|
backgroundColor: '#6a7985' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
series: [ |
|
|
|
|
{ |
|
|
|
|
type: "line", |
|
|
|
|
smooth: true, |
|
|
|
|
label: { |
|
|
|
|
show: false |
|
|
|
|
}, |
|
|
|
|
lineStyle: { |
|
|
|
|
color: "#28E6FF", |
|
|
|
|
width: 4, |
|
|
|
|
}, |
|
|
|
|
areaStyle: { |
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
|
|
|
|
{ |
|
|
|
|
offset: 0, |
|
|
|
|
color: "rgba(40,230,255,0.47)", // 渐变起始颜色 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
offset: 1, |
|
|
|
|
color: "rgba(40,230,255,0)", // 渐变结束颜色 |
|
|
|
|
}, |
|
|
|
|
]), |
|
|
|
|
}, |
|
|
|
|
data: [], |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}); // 警务评议 |
|
|
|
|
const mailTrend = ref({ |
|
|
|
|
grid: { |
|
|
|
|
left: '5%', // 图表距离容器左边的距离 |
|
|
|
|
right: '2%', // 图表距离容器右边的距离 |
|
|
|
|
top: '10%', // 图表距离容器上边的距离 |
|
|
|
|
bottom: '20%', // 图表距离容器下边的距离 |
|
|
|
|
containLabel: false // 是否包含坐标轴的标签 |
|
|
|
|
}, |
|
|
|
|
xAxis: { |
|
|
|
|
type: "category", |
|
|
|
|
data: [], |
|
|
|
|
boundaryGap: true, |
|
|
|
|
axisTick: { |
|
|
|
|
// 去掉X轴刻度线 |
|
|
|
|
show: false |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
yAxis: { |
|
|
|
|
type: "value", |
|
|
|
|
splitLine: { |
|
|
|
|
show: true, |
|
|
|
|
lineStyle: { |
|
|
|
|
color: "#193775", |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
tooltip: { |
|
|
|
|
trigger: 'axis', |
|
|
|
|
axisPointer: { |
|
|
|
|
type: 'line', |
|
|
|
|
label: { |
|
|
|
|
backgroundColor: '#6a7985' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
series: [ |
|
|
|
|
{ |
|
|
|
|
type: "line", |
|
|
|
|
smooth: true, |
|
|
|
|
label: { |
|
|
|
|
show: false |
|
|
|
|
}, |
|
|
|
|
lineStyle: { |
|
|
|
|
color: "#28E6FF", |
|
|
|
|
width: 4, |
|
|
|
|
}, |
|
|
|
|
areaStyle: { |
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
|
|
|
|
{ |
|
|
|
|
offset: 0, |
|
|
|
|
color: "rgba(40,230,255,0.47)", // 渐变起始颜色 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
offset: 1, |
|
|
|
|
color: "rgba(40,230,255,0)", // 渐变结束颜色 |
|
|
|
|
}, |
|
|
|
|
]), |
|
|
|
|
}, |
|
|
|
|
data: [], |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}); // 信访投诉趋势 |
|
|
|
|
|
|
|
|
|
echarts.registerMap("浏阳市", geoJson); |
|
|
|
|
echarts.registerMap("changsha", changshaMap); |
|
|
|
|
const option = ref({ |
|
|
|
|
geo: { |
|
|
|
|
map: "浏阳市", |
|
|
|
|
map: "changsha", |
|
|
|
|
}, |
|
|
|
|
tooltip: { |
|
|
|
|
trigger: 'item', |
|
|
|
|
formatter: function (params) { |
|
|
|
|
// console.log(params); |
|
|
|
|
// const dataItem = gobalTempMapVoList.value.find(item => item.name.includes(params.name.substring(0, 2))); |
|
|
|
|
// if (dataItem) { |
|
|
|
|
// return ` |
|
|
|
|
// <div class="tooltip"> |
|
|
|
|
// <div class="tooltip-title">${dataItem.originalName}</div> |
|
|
|
|
// <div class="tooltip-content"> |
|
|
|
|
// <ul class="tooltip-ul" > |
|
|
|
|
// <li>问题总数 <span>${dataItem.totalPro}</span></li> |
|
|
|
|
// <li>督察问题 <span>${dataItem.supervisePro}</span></li> |
|
|
|
|
// <li>案件核查问题 <span>${dataItem.caseVerifyPro}</span></li> |
|
|
|
|
// <li>信访投诉问题 <span>${dataItem.mailPro}</span></li> |
|
|
|
|
// <li>民意感知问题 <span>${dataItem.policePro}</span></li> |
|
|
|
|
// <li>审计督察问题 <span>${dataItem.reviewPro}</span></li> |
|
|
|
|
// </ul> |
|
|
|
|
// </div> |
|
|
|
|
// </div>`; |
|
|
|
|
// } else { |
|
|
|
|
// return ` |
|
|
|
|
// <div class="tooltip"> |
|
|
|
|
// <div class="tooltip-title">${dataItem.originalName}</div> |
|
|
|
|
// <div class="tooltip-content"> |
|
|
|
|
// <ul class="tooltip-ul""> |
|
|
|
|
// <li>问题总数 <span>0000</span></li> |
|
|
|
|
// <li>督察问题 <span>0000</span></li> |
|
|
|
|
// <li>案件核查问题 <span>0000</span></li> |
|
|
|
|
// <li>信访投诉问题 <span>0000</span></li> |
|
|
|
|
// <li>民意感知问题 <span>0000</span></li> |
|
|
|
|
// <li>审计督察问题 <span>0000</span></li> |
|
|
|
|
// |
|
|
|
|
// </ul> |
|
|
|
|
// |
|
|
|
|
// </div> |
|
|
|
|
// </div>`; |
|
|
|
|
// } |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
visualMap: { |
|
|
|
|
type: "piecewise", |
|
|
|
|
@ -615,7 +809,7 @@ const option = ref({
|
|
|
|
|
series: [ |
|
|
|
|
{ |
|
|
|
|
type: "map", |
|
|
|
|
map: "浏阳市", |
|
|
|
|
map: "changsha", |
|
|
|
|
hoverAnimation: true, |
|
|
|
|
label: { |
|
|
|
|
show: true, |
|
|
|
|
@ -687,18 +881,58 @@ const option1 = ref({
|
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}); |
|
|
|
|
const currentDepartId = route.query.departId; |
|
|
|
|
const beginTest = async (departId) => { |
|
|
|
|
const res = await test(departId); |
|
|
|
|
const caseVerifyPrecinctOverView = ref({}) |
|
|
|
|
const caseVerifyTeamOverView =ref({}) |
|
|
|
|
const caseVerifyPrecinctRank = ref([]) |
|
|
|
|
const caseVerifyTeamRank = ref([]) |
|
|
|
|
const getMapJSON = async (departId) => { |
|
|
|
|
const res = await getSubOneStreetMap(departId); |
|
|
|
|
currentMapData.value = res; |
|
|
|
|
echarts.registerMap("changsha", res); |
|
|
|
|
chart.value.chart.setOption(option.value); |
|
|
|
|
} |
|
|
|
|
const getTrendData = async (currentDepartId, currentYear) => { |
|
|
|
|
const res = await getSubOneTrend(currentDepartId, currentYear); |
|
|
|
|
const superviseProTrendList = res.superviseProTrend; |
|
|
|
|
const caseVerifyTrendList = res.caseVerifyTrend; |
|
|
|
|
const policeCommentTrendList = res.policeCommentTrend; |
|
|
|
|
const mailTrendList = res.mailTrend; |
|
|
|
|
const superviseCategories = superviseProTrendList.map(item => item.name); |
|
|
|
|
const superviseValues = superviseProTrendList.map(item => item.value); |
|
|
|
|
const caseVerifyCategories = caseVerifyTrendList.map(item => item.name); |
|
|
|
|
const caseVerifyValues = caseVerifyTrendList.map(item => item.value); |
|
|
|
|
const policeCommentCategories = policeCommentTrendList.map(item => item.name); |
|
|
|
|
const policeCommentValues = policeCommentTrendList.map(item => item.value); |
|
|
|
|
const mailCategories = mailTrendList.map(item => item.name); |
|
|
|
|
const mailValues = mailTrendList.map(item => item.value); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 更新图表数据 |
|
|
|
|
superviseProTrend.value.xAxis.data = superviseCategories; |
|
|
|
|
superviseProTrend.value.series[0].data = superviseValues; |
|
|
|
|
caseVerifyTrend.value.xAxis.data = caseVerifyCategories; |
|
|
|
|
caseVerifyTrend.value.series[0].data = caseVerifyValues; |
|
|
|
|
policeCommentTrend.value.xAxis.data = policeCommentCategories; |
|
|
|
|
policeCommentTrend.value.series[0].data = policeCommentValues; |
|
|
|
|
mailTrend.value.xAxis.data = mailCategories; |
|
|
|
|
mailTrend.value.series[0].data = mailValues; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const getCaseVerifyRankList = async (currentDepartId, times) => { |
|
|
|
|
const res = await getCaseVerifyRank(currentDepartId, times); |
|
|
|
|
console.log(res) |
|
|
|
|
caseVerifyPrecinctRank.value = res.caseVerifyPrecinctList; |
|
|
|
|
caseVerifyTeamRank.value = res.caseVerifyTeamList; |
|
|
|
|
caseVerifyPrecinctOverView.value = res.caseVerifyPrecinctOverView; |
|
|
|
|
caseVerifyTeamOverView.value= res.caseVerifyTeamOverView; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
onMounted(() => { |
|
|
|
|
// currentDepartId.value = route.query.departId; |
|
|
|
|
beginTest(currentDepartId); |
|
|
|
|
getMapJSON(currentDepartId); |
|
|
|
|
getTrendData(currentDepartId, currentYear); |
|
|
|
|
getCaseVerifyRankList(currentDepartId, time.value); |
|
|
|
|
}) |
|
|
|
|
console.log(currentDepartId) |
|
|
|
|
|
|
|
|
|
function go() { |
|
|
|
|
router.push('/datav/sub2') |
|
|
|
|
|
