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)
function handleChange() {
emit('update:modelValue', value.value)
emit('change', value.value)
}

7
src/views/datav/AuditSuper.vue

@ -1,12 +1,13 @@
<template>
<el-scrollbar height="100vh">
<div class="wrapper">
<datav-header />
<main>
<el-row :gutter="16">
<el-col :span="6">
<datav-card
title="审计整改结果"
<datav-card title="审计整改结果"
sub-title="已整改问题数/查处问题数"
>
<el-scrollbar height="350px">
@ -74,7 +75,7 @@
</datav-card>
</el-col>
<el-col :span="6">
<datav-card title="审计查出问题" style="height: 500px">
<datav-card title="审计查出问题" style="height: 350px">
<v-charts
style="height: 300px"
:option="problemOptions"

18
src/views/datav/CaseVerif.vue

@ -160,15 +160,15 @@
/>
</div>
</datav-tab-item>
<datav-tab-item label="停职处理情况" name="2">
<div class="mb-40">
<v-charts
style="height: 340px"
:option="tzcloption"
autoresize
/>
</div>
</datav-tab-item>
<!-- <datav-tab-item label="停职处理情况" name="2">-->
<!-- <div class="mb-40">-->
<!-- <v-charts-->
<!-- style="height: 340px"-->
<!-- :option="tzcloption"-->
<!-- autoresize-->
<!-- />-->
<!-- </div>-->
<!-- </datav-tab-item>-->
</datav-tabs>
</datav-card>
</el-col>

30
src/views/datav/Global.vue

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

Loading…
Cancel
Save