diff --git a/src/api/datascreen.ts b/src/api/datascreen.ts index e1b5366..ba39b2b 100644 --- a/src/api/datascreen.ts +++ b/src/api/datascreen.ts @@ -30,6 +30,9 @@ export function dutyDay(params: Record) { export function threeRate(params: Record) { return request.get({ url: '/dataScreen/threeRate', params}) } +export function otherThreeRate(params: Record) { + return request.get({ url: '/dataScreen/otherThreeRate', params}) +} export function getMailDetail(params: Record) { return request.get({ url: '/dataScreen/getMailDetail', params}) } diff --git a/src/views/datascreen/index.vue b/src/views/datascreen/index.vue index 813b27d..dcee8f9 100644 --- a/src/views/datascreen/index.vue +++ b/src/views/datascreen/index.vue @@ -60,64 +60,117 @@
-
- 分县市局三率排名 -
-
- - -
-
    -
  • - {{ item.name }} -
    -
    -
    -
    -

    {{ item.rate }}{{ item.completed }} / {{ item.sum }}

    -
    -
    • -
- -
- - -
-
    -
  • - {{ item.name }} -
    -
    -
    -
    -

    {{ item.rate }}{{ item.resolved }} / {{ item.sum }}

    -
    -
    • -
- -
- - -
-
    -
  • - {{ item.name }} -
    -
    -
    -
    -

    {{ item.rate }}{{ item.satisfied }} / {{ item.sum }}

    -
    -
    • -
- -
- - - - -
- + + +
+ + +
+
    +
  • + {{ item.name }} +
    +
    +
    +
    +

    {{ item.rate }}{{ item.completed }} / {{ item.sum }} +

    +
    +
    • +
+
+ + +
+
    +
  • + {{ item.name }} +
    +
    +
    +
    +

    {{ item.rate }}{{ item.resolved }} / {{ item.sum }} +

    +
    +
    • +
+
+ + +
+
    +
  • + {{ item.name }} +
    +
    +
    +
    +

    {{ item.rate }}{{ item.satisfied }} / {{ item.sum }} +

    +
    +
    • +
+
+ + +
+ + + +
+ + +
+
    +
  • + {{ item.name }} +
    +
    +
    +
    +

    {{ item.rate }}{{ item.completed }} / {{ item.sum }} +

    +
    +
    • +
+
+ + +
+
    +
  • + {{ item.name }} +
    +
    +
    +
    +

    {{ item.rate }}{{ item.resolved }} / {{ item.sum }} +

    +
    +
    • +
+
+ + +
+
    +
  • + {{ item.name }} +
    +
    +
    +
    +

    {{ item.rate }}{{ item.satisfied }} / {{ item.sum }} +

    +
    +
    • +
+
+ + +
+ +
@@ -280,13 +333,14 @@ import { ref, onMounted, onUnmounted } from 'vue' import type { TabsPaneContext } from 'element-plus' import * as echarts from 'echarts'; import chinaJSON from "./changsha.json"; -import { peopleMail, dutyDay, threeRate, consoleData, mailTypeRank, mailTrend, mapCountyData } from '@/api/datascreen' +import { peopleMail, dutyDay, threeRate, consoleData, mailTypeRank, mailTrend, mapCountyData, otherThreeRate } from '@/api/datascreen' import { useRouter } from "vue-router"; import DetailsPopup from './details.vue' const detailsRef = shallowRef>() const showDetails = ref(false) const router = useRouter(); +const rateName = ref('county') const rateActiveName = ref('completionRate') const trendActiveName = ref('dayTrend') const dutyActiveName = ref('dutySj') @@ -294,17 +348,17 @@ const dutyActiveName = ref('dutySj') let peopleMaillist = ref([]); let dutyList = ref([]); let typeRankList = ref([]); -let rateMap = ref([]); +const rateMap = ref({}); +const rateBranch = ref({}) let mailTrendMap = ref([]); let mailTypeRankList = reactive([]) as any[]; -let completeList = reactive([]) as any[]; let dutySjList = reactive([]) as any[]; const consoleMap = ref({}); const completedrateContent = ref('') const satisfiedrateContent = ref('') const resolvedrateContent = ref('') -const intervalTimeRate = 3500; // 自动切换的间隔时间，单位为毫秒 +const intervalTimeRate = 4000; // 自动切换的间隔时间，单位为毫秒 const intervalTimeTrend = 3000; // 自动切换的间隔时间，单位为毫秒 const intervalTimeDuty = 3200; // 自动切换的间隔时间，单位为毫秒 let intervalIdRate: NodeJS.Timeout | null = null; @@ -420,10 +474,13 @@ const getDutyDay = async () => { } const getThreeRate = async () => { try { - rateMap = await threeRate() - rateMap.completeList.forEach((element: any) => { - completeList.push(element);//循环赋值 - }); + rateMap.value = await threeRate() + } catch (error) { + } +} +const categoryChange = async () => { + try { + rateBranch.value = await otherThreeRate() } catch (error) { } } @@ -1202,4 +1259,20 @@ const closeDetails = () => { .custom-popover-style .el-popover__title { color: #fff; } + +.animated-list { + animation: row-list 6s linear infinite; +} + +@keyframes row-list { + + 0%, + 30% { + transform: translateY(0); + } + + 100% { + transform: translateY(-80%); + } +} \ No newline at end of file