update 增加新版大屏

2024-09-20 09:28:11 +08:00
parent 01519c97ec
commit 094e88a79e
14 changed files with 1354 additions and 5 deletions
@@ -0,0 +1,109 @@
+<template>
+    <div>
+        <public-title title="员工队伍健康状况" themeType="dark">
+            <template #right>
+                <!--                <span class="right-text" @click="viewDetail">更多</span>-->
+            </template>
+        </public-title>
+        <div class="inner">
+            <div v-for="item in list" :key="item.label" class="health-item">
+                <span>{{ item.label }}</span>
+                <span>{{ item.value }}</span>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+    import { onMounted, ref } from 'vue';
+    import PublicTitle from '/@/components/publicTitle.vue';
+    import { caching, useSession } from '/@/hooks/autoRefresh/caching.ts';
+    import { getTeamHealthApi } from '/@/views/centralScreen/centralScreen.api.ts';
+
+    const props = defineProps({
+        setting: Object,
+    });
+    const { setSession, getSession } = useSession();
+    const { TEAM_HEALTH_NEW } = caching;
+    const list = ref([
+        {
+            label: '在册总人数',
+            value: '',
+            key: 'total',
+        },
+        {
+            label: '患重大疾病人数',
+            value: '',
+            key: 'bigIll',
+        },
+        {
+            label: '健康高风险人数',
+            value: '',
+            key: 'highRisk',
+        },
+        {
+            label: '患慢性病人数',
+            value: '',
+            key: 'slowIll',
+        },
+        {
+            label: '健康指标异常人数',
+            value: '',
+            key: 'focusErr',
+        },
+        {
+            label: '健康人数',
+            value: '',
+            key: 'health',
+        },
+    ]);
+
+    function setList(data = {}) {
+        list.value.forEach((item) => {
+            const { key } = item;
+            if (data && data.hasOwnProperty(key)) {
+                item.value = data[key];
+            }
+        });
+    }
+
+    async function viewDetail() {
+        try {
+            const { code, result } = await getTeamHealthApi({ dataType: props.setting?.dataType });
+            if (code != 200) {
+                return;
+            }
+            setList(result);
+            setSession(TEAM_HEALTH_NEW, result);
+        } catch {
+            let data = JSON.parse(getSession(TEAM_HEALTH_NEW));
+            setList(data);
+        }
+    }
+
+    onMounted(() => {
+        viewDetail();
+    });
+</script>
+<style scoped lang="less">
+    .inner {
+        height: calc(100% - 40px);
+        display: flex;
+        flex-direction: column;
+        padding: 0 10px;
+
+        .right-text {
+            font-weight: 100;
+            cursor: pointer;
+            margin-right: 3px;
+        }
+
+        .health-item {
+            flex: 1;
+            color: #fff;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            font-size: 16px;
+        }
+    }
+</style>