Browse Source

fix:

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

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

3
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)
} }

7
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,7 +75,7 @@
</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"

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>

30
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
:value="overview.totalPro"
title="问题总数"
style="width: 16.66%;"
/> -->
<datav-statistic <datav-statistic
:value="overview.supervisionPro" :value="overview.supervisionPro"
:title="`现场(数字)\n督察问题`" title="现场督查"
style="width: 16.66%;"
/>
<datav-statistic
:value="overview.numSupervisionPro"
: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>
@ -765,19 +768,20 @@ function open(path) {
} }
.tooltip-content ul li { .tooltip-content ul li {
height: 24px; display: flex;
color: #597ae9; justify-content: space-around;
height: 26px;
color: #597AE9;
font-weight: 400; font-weight: 400;
font-size: 14px; 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; /* */
} }
///* */ ///* */

Loading…
Cancel
Save