Browse Source

fix:

首页大屏:拆分展示数字督察(统计来源为:灵敏、专项、视频),现场督察,鼠标悬浮的详情同步修改。(完成)

审计大屏:右上角高度与左上统计图保持一致
(完成)
main
pengwei 6 months ago
parent
commit
1583aab5cc
  1. 5
      src/components/datav/date-picker.vue
  2. 25
      src/views/datav/AuditSuper.vue
  3. 18
      src/views/datav/CaseVerif.vue
  4. 48
      src/views/datav/Global.vue

5
src/components/datav/date-picker.vue

@ -29,6 +29,9 @@ const emit = defineEmits(['update:modelValue', 'change'])
const value = ref(props.modelValue) const value = ref(props.modelValue)
function handleChange() { function handleChange() {
emit('update:modelValue', value.value) emit('update:modelValue', value.value)
emit('change', value.value) emit('change', value.value)
} }
@ -43,4 +46,4 @@ function handleChange() {
color: #859DEC; color: #859DEC;
} }
} }
</style> </style>

25
src/views/datav/AuditSuper.vue

@ -1,12 +1,13 @@
<template> <template>
<el-scrollbar height="100vh"> <el-scrollbar height="100vh">
<div class="wrapper"> <div class="wrapper">
<datav-header /> <datav-header />
<main> <main>
<el-row :gutter="16"> <el-row :gutter="16">
<el-col :span="6"> <el-col :span="6">
<datav-card <datav-card title="审计整改结果"
title="审计整改结果"
sub-title="已整改问题数/查处问题数" sub-title="已整改问题数/查处问题数"
> >
<el-scrollbar height="350px"> <el-scrollbar height="350px">
@ -74,14 +75,14 @@
</datav-card> </datav-card>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<datav-card title="审计查出问题" style="height: 500px"> <datav-card title="审计查出问题" style="height: 350px">
<v-charts <v-charts
style="height: 300px" style="height: 300px"
:option="problemOptions" :option="problemOptions"
autoresize autoresize
/> />
</datav-card> </datav-card>
<datav-card title="审计工作动态"> <datav-card title="审计工作动态">
<el-scrollbar height="470px"> <el-scrollbar height="470px">
<datav-message <datav-message
@ -157,7 +158,7 @@ onMounted(() => {
function getData() { function getData() {
getAuditOverview(time.value).then(data => { getAuditOverview(time.value).then(data => {
overview.value = data; overview.value = data;
// //
overview.value.problemNumber = 119; overview.value.problemNumber = 119;
overview.value.auditAmount = 11720.52 overview.value.auditAmount = 11720.52
overview.value.auditSjAmount = 286.85 overview.value.auditSjAmount = 286.85
@ -409,7 +410,7 @@ const data1 = [
numerator: 1, numerator: 1,
denominator: 1, denominator: 1,
}, },
]; ];
const data2 = [ const data2 = [
@ -621,7 +622,7 @@ function handlePerviewFile(msg) {
&:hover { &:hover {
cursor: pointer; cursor: pointer;
text-decoration: underline; text-decoration: underline;
} }
} }
</style> </style>

18
src/views/datav/CaseVerif.vue

@ -160,15 +160,15 @@
/> />
</div> </div>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="停职处理情况" name="2"> <!-- <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="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>

48
src/views/datav/Global.vue

@ -44,14 +44,14 @@
<el-col :span="12"> <el-col :span="12">
<datav-date-picker v-model="time" /> <datav-date-picker v-model="time" />
<div class="flex gap-42"> <div class="flex gap-42">
<!-- <datav-statistic <datav-statistic
:value="overview.totalPro" :value="overview.supervisionPro"
title="问题总数" title="现场督查"
style="width: 16.66%;" style="width: 16.66%;"
/> --> />
<datav-statistic <datav-statistic
:value="overview.supervisionPro" :value="overview.numSupervisionPro"
:title="`现场(数字)\n督察问题`" :title="`数字督查`"
style="width: 20%;" style="width: 20%;"
@click="open('/datav/sceneInsp')" @click="open('/datav/sceneInsp')"
/> />
@ -185,6 +185,7 @@ const tcwtlist = ref([]); // 突出问题排名
const overview = ref({ const overview = ref({
totalPro: 0, totalPro: 0,
supervisionPro: 0, supervisionPro: 0,
numSupervisionPro:0,
caseVerificationPro: 0, caseVerificationPro: 0,
complaintPro: 0, complaintPro: 0,
talkPro: 0, talkPro: 0,
@ -294,7 +295,8 @@ const option = ref({
<div class="tooltip-content"> <div class="tooltip-content">
<ul class="tooltip-ul" > <ul class="tooltip-ul" >
<li>问题总数 <span>${dataItem.totalPro}</span></li> <li>问题总数 <span>${dataItem.totalPro}</span></li>
<li>督导检查问题 <span>${dataItem.supervisePro}</span></li> <li>现场督导检查问题 <span>${dataItem.supervisePro}</span></li>
<li>数字督查检查问题<span>${dataItem.numSupervisePro}</span></li>
<li>案件核查问题 <span>${dataItem.caseVerifyPro}</span></li> <li>案件核查问题 <span>${dataItem.caseVerifyPro}</span></li>
<li>信访投诉问题 <span>${dataItem.mailPro}</span></li> <li>信访投诉问题 <span>${dataItem.mailPro}</span></li>
<li>民意感知问题 <span>${dataItem.policePro}</span></li> <li>民意感知问题 <span>${dataItem.policePro}</span></li>
@ -309,7 +311,8 @@ const option = ref({
<div class="tooltip-content"> <div class="tooltip-content">
<ul class="tooltip-ul""> <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> <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>
@ -764,21 +767,22 @@ function open(path) {
margin: 0; margin: 0;
} }
.tooltip-content ul li { .tooltip-content ul li {
height: 24px; display: flex;
color: #597ae9; justify-content: space-around;
font-weight: 400; height: 26px;
font-size: 14px; color: #597AE9;
} font-weight: 400;
font-size: 14px;
}
//// span .tooltip-ul span {
.tooltip-ul span { display: inline-block;
float: right; float: right;
width: 55px; color: #fff;
color: #fff; font-size: 14px;
font-size: 14px; //text-align: center; /* */
text-align: center; /* 水平居中 */ }
}
///* */ ///* */
//.tooltip::before { //.tooltip::before {

Loading…
Cancel
Save