supervision
/
supervision-vue
6
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix--案件核查大屏重构

master
buaixuexideshitongxue 4 days ago
parent
c3772307e6
commit
df48c3907d
4 changed files with 103 additions and 45 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      src/api/screen/caseVerif.ts
  2. 38
      src/api/screen/subScreen/subOneCaseVerif.ts
  3. 22
      src/views/datav/CaseVerif.vue
  4. 74
      src/views/datav/subonedatav/SubOneCaseVerif.vue

14
src/api/screen/caseVerif.ts
Unescape View File

@ -65,13 +65,21 @@ export function getCaseVerificationTrend(year) {
export function getCaseSourceRateAndDealSituation(times) { // export function getCaseSourceRateAndDealSituation(times) {
return request.get({ // return request.get({
url: `/datav/caseVerif/getCaseSourceRateAndDealSituation?beginTime=${times[0]}&endTime=${times[1]}` // url: `/datav/caseVerif/getCaseSourceRateAndDealSituation?beginTime=${times[0]}&endTime=${times[1]}`
// });
// }
export function getCaseSourceRateAndDealSituation(body) {
return request.post({
url: `/datav/caseVerif/getCaseSourceRateAndDealSituation`,
body
}); });
} }
export function getConfinementAndPause(times) { export function getConfinementAndPause(times) {
return request.get({ return request.get({
url: `/datav/caseVerif/getConfinementAndPause?beginTime=${times[0]}&endTime=${times[1]}` url: `/datav/caseVerif/getConfinementAndPause?beginTime=${times[0]}&endTime=${times[1]}`

38
src/api/screen/subScreen/subOneCaseVerif.ts
Unescape View File

@ -1,9 +1,11 @@
import request from "@/api/request"; import request from "@/api/request";
export function getSubOneCaseVerificationRank(departId, times) {
return request.get({ export function getSubOneCaseVerificationRank(body) {
url: `/datav/sub1/caseVerif/getSubOneCaseVerificationRank?departId=${departId}&beginTime=${times[0]}&endTime=${times[1]}` return request.post({
url: `/datav/sub1/caseVerif/getSubOneCaseVerificationRank`,
body
}); });
} }
@ -13,26 +15,42 @@ export function getSubOneCaseProblemProperty(departId, times) {
}); });
} }
export function getSubOneAllCaseVerificationCount(departId, times) {
return request.get({
url: `/datav/sub1/caseVerif/getSubOneAllCaseVerificationCount?departId=${departId}&beginTime=${times[0]}&endTime=${times[1]}` export function getSubOneAllCaseVerificationCount(body) {
return request.post({
url: `/datav/sub1/caseVerif/getSubOneAllCaseVerificationCount`,
body
}); });
} }
export function getSubOneCaseVerificationMap(departId, times) {
return request.get({ export function getSubOneCaseVerificationMap(body) {
url: `/datav/sub1/caseVerif/getSubOneCaseVerificationMap?departId=${departId}&beginTime=${times[0]}&endTime=${times[1]}` return request.post({
url: `/datav/sub1/caseVerif/getSubOneCaseVerificationMap`,
body
}); });
} }
export function getSubOneCaseVerificationTrend(departId, year) { export function getSubOneCaseVerificationTrend(departId, year) {
return request.get({ return request.get({
url: `/datav/sub1/caseVerif/getSubOneCaseVerificationTrend?departId=${departId}&year=${year}` url: `/datav/sub1/caseVerif/getSubOneCaseVerificationTrend?departId=${departId}&year=${year}`
}); });
} }
// @Operation(summary = "案件来源占比 & 问责处理情况")
export function getSubOneCaseSourceRateAndDealSituation(body) {
return request.post({
url: `/datav/sub1/caseVerif/getSubOneCaseSourceRateAndDealSituation`,
body
});
}
export function getSubOneCaseSourceRateAndDealSituation(departId, times) { export function getSubOneConfinementAndPause(departId, times) {
return request.get({ return request.get({
url: `/datav/sub1/caseVerif/getSubOneCaseSourceRateAndDealSituation?departId=${departId}&beginTime=${times[0]}&endTime=${times[1]}` url: `/datav/sub1/caseVerif/getSubOneCaseSourceRateAndDealSituation?departId=${departId}&beginTime=${times[0]}&endTime=${times[1]}`
}); });

22
src/views/datav/CaseVerif.vue
Unescape View File

@ -5,7 +5,7 @@
<main> <main>
<el-row :gutter="16"> <el-row :gutter="16">
<el-col :span="6"> <el-col :span="6">
<datav-card title="分县市局排名" subTitle="问题数"> <datav-card title="分县市局排名" subTitle="查处问题数">
<datav-tabs <datav-tabs
type="bottom-button" type="bottom-button"
v-model="caseVerifRankTab" v-model="caseVerifRankTab"
@ -127,22 +127,22 @@
<el-col :span="6"> <el-col :span="6">
<datav-card> <datav-card>
<datav-tabs> <datav-tabs>
<datav-tab-item label="问责处理情况" name="2"> <datav-tab-item label="案件来源占比" name="1">
<div class="mb-40"> <div class="mb-40">
<v-charts <v-charts
style="height: 340px" style="height: 340px"
:option="wzclPieOption" :option="ajlyPieOption"
autoresize autoresize
ref="caseSourceRate"
/> />
</div> </div>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="案件来源占比" name="1"> <datav-tab-item label="问责处理情况" name="2">
<div class="mb-40"> <div class="mb-40">
<v-charts <v-charts
style="height: 340px" style="height: 340px"
:option="ajlyPieOption" :option="wzclPieOption"
autoresize autoresize
ref="caseSourceRate"
/> />
</div> </div>
</datav-tab-item> </datav-tab-item>
@ -578,8 +578,12 @@ const getCaseVerificationTrendData = async (year) => {
proTrend.value.xAxis.data = categories; proTrend.value.xAxis.data = categories;
proTrend.value.series[0].data = values; proTrend.value.series[0].data = values;
} }
const getCaseSourceRateAndDealSituationData = async (timeValue) => { const getCaseSourceRateAndDealSituationData = async () => {
const res = await getCaseSourceRateAndDealSituation(timeValue); const body = {
beginTime: time.value[0],
endTime: time.value[1],
}
const res = await getCaseSourceRateAndDealSituation(body);
ajlyPieOption.value.series[0].data = res.caseSourceRateList ajlyPieOption.value.series[0].data = res.caseSourceRateList
// ajlyPieOption.value.series[0].data = circularChart // ajlyPieOption.value.series[0].data = circularChart
wzclPieOption.value.series[0].data = res.dealSituationPieList wzclPieOption.value.series[0].data = res.dealSituationPieList
@ -597,7 +601,7 @@ async function getData() {
// getCaseProblemPropertyData(time.value) // getCaseProblemPropertyData(time.value)
getCaseVerificationCountData(), getCaseVerificationCountData(),
getCaseVerificationTrendData(selectedYear.value), getCaseVerificationTrendData(selectedYear.value),
getCaseSourceRateAndDealSituationData(time.value), getCaseSourceRateAndDealSituationData(),
// getConfinementAndPauseData(time.value); // getConfinementAndPauseData(time.value);
getCaseTypeFun(time.value), getCaseTypeFun(time.value),
getConfinementBarFun(time.value), getConfinementBarFun(time.value),

74
src/views/datav/subonedatav/SubOneCaseVerif.vue
Unescape View File

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

Write Preview
Loading…
Cancel
Save