|
|
|
|
@ -5,7 +5,7 @@
|
|
|
|
|
<main> |
|
|
|
|
<el-row :gutter="16"> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<datav-card title="所队排名" subTitle="案件数"> |
|
|
|
|
<datav-card title="所队排名" subTitle="查处问题数"> |
|
|
|
|
<datav-tabs |
|
|
|
|
type="bottom-button" |
|
|
|
|
v-model="subOneCaseVerifRankTab" |
|
|
|
|
@ -159,15 +159,15 @@
|
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
<datav-tab-item label="停职处理情况" name="2" style="display: none"> |
|
|
|
|
<div class="mb-40"> |
|
|
|
|
<v-charts |
|
|
|
|
style="height: 340px" |
|
|
|
|
:option="tzcloption" |
|
|
|
|
autoresize |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
<!-- <datav-tab-item label="停职处理情况" name="2" style="display: none">--> |
|
|
|
|
<!-- <div class="mb-40">--> |
|
|
|
|
<!-- <v-charts--> |
|
|
|
|
<!-- style="height: 340px"--> |
|
|
|
|
<!-- :option="tzcloption"--> |
|
|
|
|
<!-- autoresize--> |
|
|
|
|
<!-- />--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- </datav-tab-item>--> |
|
|
|
|
</datav-tabs> |
|
|
|
|
</datav-card> |
|
|
|
|
</el-col> |
|
|
|
|
@ -190,7 +190,7 @@ import {
|
|
|
|
|
getSubOneCaseSourceRateAndDealSituation, |
|
|
|
|
getSubOneCaseVerificationMap, |
|
|
|
|
getSubOneCaseVerificationRank, |
|
|
|
|
getSubOneCaseVerificationTrend |
|
|
|
|
getSubOneCaseVerificationTrend, getSubOneConfinementAndPause |
|
|
|
|
} from "@/api/screen/subScreen/subOneCaseVerif.ts"; |
|
|
|
|
import {circularChart} from "@/views/datav/simulateData/AnimationTestData.js"; |
|
|
|
|
import SubOneHeader from "@/components/datav/subOne/subOneHeader.vue"; |
|
|
|
|
@ -534,8 +534,13 @@ const getMapJSON = async (departId) => {
|
|
|
|
|
echarts.registerMap("changsha", res); |
|
|
|
|
subOneCaseVerifMap.value.chart.setOption(option.value); |
|
|
|
|
} |
|
|
|
|
const getSubOneCaseVerificationRankData = async (departId, timeValue) => { |
|
|
|
|
const res = await getSubOneCaseVerificationRank(departId, timeValue); |
|
|
|
|
const getSubOneCaseVerificationRankData = async () => { |
|
|
|
|
const body = { |
|
|
|
|
beginTime: time.value[0], |
|
|
|
|
endTime: time.value[1], |
|
|
|
|
departId: route.query.departId |
|
|
|
|
} |
|
|
|
|
const res = await getSubOneCaseVerificationRank(body); |
|
|
|
|
fxsjBarList.value = res.fxsjRankList |
|
|
|
|
jsdwBarList.value = res.jsdwRankList |
|
|
|
|
} |
|
|
|
|
@ -544,12 +549,24 @@ const getSubOneCaseProblemPropertyData = async (departId, timeValue) => {
|
|
|
|
|
zfbaPieOption.value.series[0].data = res.zfbaPieList; |
|
|
|
|
fwglPieOption.value.series[0].data = res.fwglPieList; |
|
|
|
|
} |
|
|
|
|
const getSubOneAllCaseVerificationCountData = async (departId, timeValue) => { |
|
|
|
|
const res = await getSubOneAllCaseVerificationCount(departId, timeValue) |
|
|
|
|
const getSubOneAllCaseVerificationCountData = async () => { |
|
|
|
|
|
|
|
|
|
const body = { |
|
|
|
|
beginTime: time.value[0], |
|
|
|
|
endTime: time.value[1], |
|
|
|
|
departId: route.query.departId |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const res = await getSubOneAllCaseVerificationCount(body) |
|
|
|
|
overview.value = res.overview |
|
|
|
|
} |
|
|
|
|
const getSubOneCaseVerificationMapData = async (departId, timeValue) => { |
|
|
|
|
const res = await getSubOneCaseVerificationMap(departId, timeValue); |
|
|
|
|
const getSubOneCaseVerificationMapData = async () => { |
|
|
|
|
const body = { |
|
|
|
|
beginTime: time.value[0], |
|
|
|
|
endTime: time.value[1], |
|
|
|
|
departId: route.query.departId |
|
|
|
|
} |
|
|
|
|
const res = await getSubOneCaseVerificationMap(body); |
|
|
|
|
const mappedData = res.caseVerificationMapList.map(item => { |
|
|
|
|
return { |
|
|
|
|
...item, |
|
|
|
|
@ -575,8 +592,13 @@ const getSubOneCaseVerificationTrendData = async (departId, year) => {
|
|
|
|
|
proTrend.value.xAxis.data = categories; |
|
|
|
|
proTrend.value.series[0].data = values; |
|
|
|
|
} |
|
|
|
|
const getSubOneCaseSourceRateAndDealSituationData = async (departId, timeValue) => { |
|
|
|
|
const res = await getSubOneCaseSourceRateAndDealSituation(departId, timeValue); |
|
|
|
|
const getSubOneCaseSourceRateAndDealSituationData = async () => { |
|
|
|
|
const body = { |
|
|
|
|
beginTime: time.value[0], |
|
|
|
|
endTime: time.value[1], |
|
|
|
|
departId: route.query.departId |
|
|
|
|
} |
|
|
|
|
const res = await getSubOneCaseSourceRateAndDealSituation(body); |
|
|
|
|
ajlyPieOption.value.series[0].data = res.caseSourceRateList |
|
|
|
|
wzclPieOption.value.series[0].data = res.dealSituationPieList |
|
|
|
|
} |
|
|
|
|
@ -589,18 +611,24 @@ const getSubOneCaseSourceRateAndDealSituationData = async (departId, timeValue)
|
|
|
|
|
// } |
|
|
|
|
function getData() { |
|
|
|
|
getMapJSON(currentDepartId) |
|
|
|
|
getSubOneCaseVerificationRankData(currentDepartId, time.value) |
|
|
|
|
getSubOneCaseVerificationRankData() |
|
|
|
|
getSubOneCaseProblemPropertyData(currentDepartId, time.value) |
|
|
|
|
getSubOneAllCaseVerificationCountData(currentDepartId, time.value) |
|
|
|
|
getSubOneAllCaseVerificationCountData() |
|
|
|
|
getSubOneCaseVerificationMapData(currentDepartId, time.value) |
|
|
|
|
getSubOneCaseVerificationTrendData(currentDepartId, currentYear) |
|
|
|
|
getSubOneCaseSourceRateAndDealSituationData(currentDepartId, time.value) |
|
|
|
|
// getConfinementAndPauseList(currentDepartId, time.value) |
|
|
|
|
getSubOneCaseSourceRateAndDealSituationData() |
|
|
|
|
getSubOneConfinementAndPauseData(currentDepartId, time.value) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// endregion |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const getSubOneConfinementAndPauseData = async(departId, timeValue) =>{ |
|
|
|
|
const res = await getSubOneConfinementAndPause(departId, timeValue); |
|
|
|
|
jbcloption.value.series[0].data=res.confinementList; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// region动画 |
|
|
|
|
// 分县市局排名动画 |
|
|
|
|
const subOneCaseVerifRankAnimation = () => { |
|
|
|
|
|
buaixuexideshitongxue