|
|
|
|
@ -134,28 +134,28 @@
|
|
|
|
|
<h2 class="bulebg">{{ consoleMap.completed }}</h2><span>办结总数</span> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<el-popover placement="right-start" title="办结率计算方式" :width="200" trigger="hover" show-after="500" |
|
|
|
|
<el-popover placement="right-start" title="办结率计算方式" :width="200" trigger="hover" show-after="700" |
|
|
|
|
:content="completedrateContent" popper-class="custom-popover-style"> |
|
|
|
|
<template #reference> |
|
|
|
|
<h2 class="yellowbg">{{ consoleMap.completedrate }}</h2> |
|
|
|
|
<h2 class="yellowbg" v-show="consoleMap.completedrate">{{ consoleMap.completedrate }}</h2> |
|
|
|
|
</template> |
|
|
|
|
</el-popover> |
|
|
|
|
<span>办结率</span> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<el-popover placement="right-start" title="满意率计算方式" :width="200" trigger="hover" show-after="500" |
|
|
|
|
<el-popover placement="right-start" title="满意率计算方式" :width="200" trigger="hover" show-after="700" |
|
|
|
|
:content="satisfiedrateContent" popper-class="custom-popover-style"> |
|
|
|
|
<template #reference> |
|
|
|
|
<h2 class="bulebg">{{ consoleMap.satisfiedrate }}</h2> |
|
|
|
|
<h2 class="bulebg" v-show="consoleMap.satisfiedrate">{{ consoleMap.satisfiedrate }}</h2> |
|
|
|
|
</template> |
|
|
|
|
</el-popover> |
|
|
|
|
<span>满意率</span> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<el-popover placement="right-start" title="解决率计算方式" :width="200" trigger="hover" show-after="500" |
|
|
|
|
<el-popover placement="right-start" title="解决率计算方式" :width="200" trigger="hover" show-after="700" |
|
|
|
|
:content="resolvedrateContent" popper-class="custom-popover-style"> |
|
|
|
|
<template #reference> |
|
|
|
|
<h2 class="bulebg">{{ consoleMap.resolvedrate }}</h2> |
|
|
|
|
<h2 class="yellowbg" v-show="consoleMap.resolvedrate">{{ consoleMap.resolvedrate }}</h2> |
|
|
|
|
</template> |
|
|
|
|
</el-popover> |
|
|
|
|
<span>解决率</span> |
|
|
|
|
@ -276,14 +276,12 @@ body {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script lang="ts" setup> |
|
|
|
|
import { ref, onMounted, watch, onBeforeUpdate, onBeforeMount, onUnmounted } from 'vue' |
|
|
|
|
import { ref, onMounted, onUnmounted } from 'vue' |
|
|
|
|
import type { TabsPaneContext } from 'element-plus' |
|
|
|
|
import * as echarts from 'echarts'; |
|
|
|
|
import chinaJSON from "./changsha.json"; |
|
|
|
|
import yuhuaJSON from "@/static/430111.json"; |
|
|
|
|
import { peopleMail, dutyDay, threeRate, consoleData, mailTypeRank, mailTrend, mapCountyData } from '@/api/datascreen' |
|
|
|
|
import { useRouter } from "vue-router"; |
|
|
|
|
import { menuLists } from "~/api/perms/menu.ts"; |
|
|
|
|
import DetailsPopup from './details.vue' |
|
|
|
|
const detailsRef = shallowRef<InstanceType<typeof DetailsPopup>>() |
|
|
|
|
const showDetails = ref(false) |
|
|
|
|
|
