diff --git a/src/router/index.ts b/src/router/index.ts
index 50c8153..c2ced1a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -36,10 +36,18 @@ const routes: Array<RouteRecordRaw> = [
         path: '/yinChuanHome',
         name: 'yinChuanHome',
         meta: {
-            title: '副屏',
+            title: '银川片应急就医',
         },
         component: () => import('/@/views/yinChuan/yinChuan.vue'),
     },
+    {
+        path: '/yinChuanTest',
+        name: 'yinChuanTest',
+        meta: {
+            title: '银川片应急就医',
+        },
+        component: () => import('/@/views/yinChuanTest/yinChuanTest.vue'),
+    },
     {
         path: '/secondScreen',
         name: 'secondScreen',
diff --git a/src/views/yinChuanTest/componetns/ServiceDetails.vue b/src/views/yinChuanTest/componetns/ServiceDetails.vue
new file mode 100644
index 0000000..13bf25a
--- /dev/null
+++ b/src/views/yinChuanTest/componetns/ServiceDetails.vue
@@ -0,0 +1,142 @@
+<template>
+    <div class="common-card" :class="[themeType]">
+        <public-title title="服务详情数据" :themeType="themeType" />
+        <div class="inner">
+            <div class="type-time">
+                <span
+                    v-for="(item, index) in typeTime"
+                    :key="index"
+                    :class="[selectIndex === index ? 'select' : 'unSelect', themeType]"
+                    @click="handleSelect(index, item.value)"
+                    >{{ item.name }}</span
+                >
+            </div>
+            <div class="server-container">
+                <div
+                    v-for="(item, index) in statistics"
+                    :key="index"
+                    class="server-item"
+                    :class="[['gross', 'alerdyreceive'].includes(item.key) ? 'hasCursor' : '', themeType]"
+                    @click="handleClick(item)"
+                >
+                    <span>{{ item?.name }}</span>
+                    <span>{{ item?.value }}</span>
+                </div>
+                <a-spin :spinning="spinning" class="spin"></a-spin>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+    import { onMounted, ref, watch } from 'vue';
+    import PublicTitle from '/@/components/publicTitle.vue';
+    import { list } from '/@/components/body-d-left/left.api';
+    import { timeTab, useSpin, useStatistics } from '/@/components/body-d-left/bodyLeftHooks.ts';
+    import { useDetailStore } from '/@/store/modules/detailData.ts';
+    import { useSession, caching } from '/@/hooks/autoRefresh/caching.ts';
+    import { useTheme } from '/@/hooks/theme/useTheme.ts';
+    import { left1 } from '/@/views/yinChuanTest/mockData.ts';
+
+    const { themeType } = useTheme();
+    const { LEFT_KEY1 } = caching;
+    const props = defineProps({
+        refreshState: {
+            type: Boolean,
+        },
+        setting: {
+            type: Object,
+        },
+        theme: {
+            type: String,
+        },
+    });
+    const emit = defineEmits(['handleClick']);
+    const typeTime = ref(timeTab);
+    const { statistics, setStatistics, getStatistics } = useStatistics();
+    const selectIndex = ref(0);
+    const selectVal = ref('2'); //本年
+    const { setSpin, spinning } = useSpin();
+
+    onMounted(() => {
+        getList();
+    });
+
+    const useDetail = useDetailStore();
+    const { setSession, getSession } = useSession();
+
+    async function getList() {
+        setSpin(true);
+        try {
+            const { code, result } = left1;
+            setSpin(false);
+            if (code != 200 || !result) {
+                return;
+            }
+            setSession(LEFT_KEY1, JSON.stringify(result));
+            setValue(result);
+        } catch {
+            setSpin(false);
+            const result = JSON.parse(getSession(LEFT_KEY1));
+            setValue(result);
+        }
+    }
+
+    function setValue(result = {}) {
+        let { alerdyreceive = '', totalacceptance = '' } = result;
+        setStatistics(result);
+        if (alerdyreceive || totalacceptance) {
+            useDetail.setAlerdyreceive(alerdyreceive);
+            useDetail.setTotalacceptance(totalacceptance);
+        }
+    }
+
+    function handleSelect(index: number, value: string) {
+        selectIndex.value = index;
+        selectVal.value = value;
+        getList();
+    }
+
+    function handleClick(item) {
+        emit('handleClick', item);
+    }
+
+    watch(
+        () => props.refreshState,
+        () => {
+            getList();
+        }
+    );
+</script>
+<style scoped lang="less">
+    .inner {
+        height: calc(100% - 40px);
+
+        .server-container {
+            color: #fff;
+            padding-top: 10px;
+            height: 88%;
+            display: grid;
+            align-items: start;
+            overflow-y: auto;
+            position: relative;
+
+            .spin {
+                position: absolute;
+                left: 50%;
+                top: 50%;
+            }
+        }
+
+        .server-item {
+            font-size: 16px;
+            padding: 6px 6% 6px 5%;
+
+            &.hasCursor {
+                cursor: pointer;
+            }
+
+            display: flex;
+            justify-content: space-between;
+        }
+    }
+</style>
diff --git a/src/views/yinChuanTest/componetns/TerminalAlarm.vue b/src/views/yinChuanTest/componetns/TerminalAlarm.vue
new file mode 100644
index 0000000..a4748b6
--- /dev/null
+++ b/src/views/yinChuanTest/componetns/TerminalAlarm.vue
@@ -0,0 +1,274 @@
+<template>
+    <div class="terminal-container common-card" :class="[themeType]">
+        <public-title title="健康终端报警" :themeType="themeType">
+            <template #right>
+                <!--                <span class="right-text" :class="[themeType]" @click="viewDetail">查看详情</span>-->
+            </template>
+        </public-title>
+        <div class="inner">
+            <vue3-seamless-scroll :list="scrollList" class="scroll" :hover="true" :limitScrollNum="4" v-bind="classOption">
+                <div class="item right-top-item" :class="themeType" v-for="(item, i) in scrollList" :key="i">
+                    <span class="fixed-width" :title="item?.realName">{{ item?.realName }}</span>
+                    <span class="fixed-width" :title="item?.eventType_dictText">{{ item?.eventType_dictText }}</span>
+                    <div class="time-icon">
+                        <span>{{ item?.warnTime }}</span>
+                        <span class="terminal-icon" @click="handlePolice(item)" title="健康报警员工信息"></span>
+                        <span class="position" @click="sendPosition(item)" title="员工定位"></span>
+                    </div>
+                </div>
+            </vue3-seamless-scroll>
+        </div>
+        <Dialog :openVis="openInfor" width="30%" title="健康报警员工信息" @close="handlePoliceClose">
+            <template #container>
+                <div class="police-con" :class="[themeType]">
+                    <div class="con-item">
+                        <div>姓名：</div>
+                        <div>{{ userInfo?.realName }}</div>
+                    </div>
+                    <div class="con-item">
+                        <div>二级单位：</div>
+                        <div>{{ userInfo?.orgName1 }}</div>
+                    </div>
+                    <div class="con-item">
+                        <div>手机号码：</div>
+                        <div>{{ userInfo?.phone }}</div>
+                    </div>
+                    <div class="con-item">
+                        <div>异常事件：</div>
+                        <div>{{ userInfo?.eventType_dictText }}</div>
+                    </div>
+                    <div class="con-item">
+                        <div>异常值：</div>
+                        <div>{{ userInfo?.dataValue }}</div>
+                    </div>
+                    <div class="con-item">
+                        <div>发生时间：</div>
+                        <div>{{ userInfo?.warnTime }}</div>
+                    </div>
+                    <div class="con-item">
+                        <div>发生地点：</div>
+                        <div v-if="userInfo?.address">{{ userInfo?.address }}</div>
+                        <div style="color: #eb3636" v-else>{{ userInfo?.gpsErrorMsg }}</div>
+                    </div>
+                </div>
+            </template>
+        </Dialog>
+    </div>
+</template>
+<script setup lang="ts">
+    import { onMounted, ref } from 'vue';
+    import { useRouter } from 'vue-router';
+    import PublicTitle from '/@/components/publicTitle.vue';
+    import Dialog from '/@/components/dialog/Dialog.vue';
+    import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+    import { Map } from '/@/assets/mapUtils/map.ts';
+    import { caching, useSession } from '/@/hooks/autoRefresh/caching.ts';
+    import { DataType } from '/@/utils/settings.ts';
+    import { useTheme } from '/@/hooks/theme/useTheme.ts';
+    import { message } from 'ant-design-vue';
+    import { right1 } from '/@/views/yinChuanTest/mockData.ts';
+
+    const props = defineProps({
+        setting: Object,
+    });
+    const { themeType } = useTheme();
+    const emit = defineEmits(['emit-view-detail']);
+    const router = useRouter();
+    const { setSession, getSession } = useSession();
+    const { RIGHT_KEY1 } = caching;
+
+    const classOption = ref({
+        step: 0.3, // 速度
+    });
+    const openInfor = ref<boolean>(false); //弹窗显示
+    const userInfo = ref({
+        realName: '',
+        orgName1: '',
+        phone: '',
+        eventType_dictText: '',
+        warnTime: '',
+        address: '',
+        dataValue: '',
+    });
+    onMounted(() => {
+        getScrollList();
+    });
+
+    /**
+     * @desc open员工信息
+     */
+    function handlePolice(item) {
+        userInfo.value = item;
+        openInfor.value = true;
+        classOption.value.step = 0;
+    }
+
+    /**
+     * @desc close员工信息
+     */
+    function handlePoliceClose() {
+        openInfor.value = false;
+        classOption.value.step = 0.3;
+    }
+
+    /**
+     * @desc 终端报警
+     * */
+    const scrollList = ref([]);
+
+    async function getScrollList() {
+        try {
+            const { code, result } = right1;
+            if (code == 200) {
+                setSession(RIGHT_KEY1, JSON.stringify(result.records));
+                scrollList.value = result.records;
+            }
+        } catch {
+            scrollList.value = JSON.parse(getSession(RIGHT_KEY1));
+        }
+    }
+
+    function sendPosition(item) {
+        let { lon, lat } = item;
+        if (lon && lat) {
+            Map.createMarker(item, () => {
+                handlePolice(item);
+            });
+        } else {
+            message.warn('暂无经纬度信息！');
+        }
+    }
+
+    function viewDetail() {
+        if (props.setting.dataType == DataType.xian) {
+            router.push({ path: '/secondScreen' });
+        }
+        if (props.setting.dataType == DataType.yinChuan) {
+            emit('emit-view-detail');
+        }
+    }
+</script>
+<style scoped lang="less">
+    .right-text {
+        font-weight: 100;
+        cursor: pointer;
+        margin-right: 3px;
+        font-size: 18px;
+    }
+
+    .right-text.light {
+        color: #667ecc;
+    }
+
+    .right-text:hover {
+        color: #129bff;
+    }
+
+    .inner {
+        height: calc(100% - 40px);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .scroll {
+            width: 98%;
+            height: 88%;
+            overflow: hidden;
+
+            .item {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                padding: 3% 0;
+
+                .time-icon {
+                    display: flex;
+                    align-items: center;
+                }
+
+                .terminal-icon {
+                    margin-left: 15px;
+                    display: inline-block;
+                    width: 18px;
+                    height: 18px;
+                    background-size: 100% 100%;
+                    cursor: pointer;
+                }
+
+                .position {
+                    width: 18px;
+                    height: 18px;
+                    background-size: 100% 100%;
+                    margin-left: 5px;
+                    display: inline-block;
+                    cursor: pointer;
+                }
+            }
+        }
+    }
+
+    .police-con {
+        padding: 2% 0 2% 5%;
+
+        .con-item {
+            padding: 1.3% 0;
+            display: flex;
+
+            div:nth-child(1) {
+                font-weight: bold;
+                width: 100px;
+                text-align: right;
+            }
+
+            div:nth-child(2) {
+                width: calc(100% - 100px);
+            }
+        }
+    }
+</style>
+<!--<style lang="less">-->
+<!--    .dialog-con {-->
+<!--        background-color: #00152b;-->
+<!--        //  antd表格样式-->
+<!--        .ant-table-thead > tr > th {-->
+<!--            //border-bottom: 1px solid #1e73c2 !important;-->
+<!--        }-->
+
+<!--        .ant-table-body {-->
+<!--            background-color: #00152b !important;-->
+<!--        }-->
+
+<!--        .ant-modal-header {-->
+<!--            border-bottom: none !important;-->
+<!--        }-->
+
+<!--        .ant-table-tbody > tr > td {-->
+<!--            border-bottom: 1px solid #1e73c2 !important;-->
+<!--            background-color: #00152b !important;-->
+<!--            color: #ffffff !important;-->
+<!--        }-->
+
+<!--        .ant-table-tbody > tr.ant-table-row:hover > td,-->
+<!--        .ant-table-tbody > tr > td.ant-table-cell-row-hover,-->
+<!--        .ant-table-thead > tr > th {-->
+<!--            background-color: #00152b !important;-->
+<!--            color: #ffffff !important;-->
+<!--        }-->
+
+<!--        .ant-table-cell-scrollbar {-->
+<!--            box-shadow: none !important;-->
+<!--        }-->
+
+<!--        /*-->
+<!--表格滚动条-->
+<!--*/-->
+
+<!--        .ant-table-body::-webkit-scrollbar-thumb {-->
+<!--            border: 4px solid rgba(0, 0, 0, 0);-->
+<!--            height: 6px;-->
+<!--            border-radius: 25px;-->
+<!--            background-clip: padding-box;-->
+<!--            background-color: rgba(30, 115, 194, 0.3);-->
+<!--        }-->
+<!--    }-->
+<!--</style>-->
diff --git a/src/views/yinChuanTest/componetns/TerminalAlarmDialog/TerminalAlarmDialog.vue b/src/views/yinChuanTest/componetns/TerminalAlarmDialog/TerminalAlarmDialog.vue
new file mode 100644
index 0000000..9b9db5e
--- /dev/null
+++ b/src/views/yinChuanTest/componetns/TerminalAlarmDialog/TerminalAlarmDialog.vue
@@ -0,0 +1,92 @@
+<template>
+    <Dialog :openVis="visible" width="50%" title="健康终端报警列表" @close="closeDialog" :maskClosable="false">
+        <template #container>
+            <BasicTable ref="registerTable" class="table-container" :columns="columns" :api="getMonitorList" :apiParams="formState">
+                <template #address="{ record, column, index }">
+                    <span v-if="record['address']">{{ record?.address }}</span>
+                    <span v-else style="color: #eb3636">{{ record?.gpsErrorMsg }}</span>
+                </template>
+            </BasicTable>
+        </template>
+    </Dialog>
+</template>
+<script setup lang="ts">
+    import { computed, ref, watch, h } from 'vue';
+    import Dialog from '/@/components/dialog/Dialog.vue';
+    import { useDialog } from '/@/views/components/dialogHooks.ts';
+    import BasicTable from '/@/components/secondaryScreen/secondMap/components/basicTable/BasicTable.vue';
+    import { getMonitorList } from '/@/components/body-d-right/right.api.ts';
+
+    const props = defineProps({
+        record: Object,
+        title: String,
+        useForm: Boolean,
+        labelCol: Object,
+        wrapperCol: Object,
+        setting: Object,
+        phoneType: String,
+    });
+
+    const columns = [
+        {
+            title: '姓名',
+            dataIndex: 'realName',
+            key: 'realName',
+        },
+        {
+            title: '二级单位',
+            dataIndex: 'orgName2',
+            key: 'orgName2',
+        },
+        {
+            title: '联系电话',
+            dataIndex: 'phone',
+            key: 'phone',
+        },
+        {
+            title: '异常事件',
+            dataIndex: 'eventType_dictText',
+            key: 'eventType_dictText',
+        },
+        {
+            title: '异常值',
+            dataIndex: 'dataValue',
+            key: 'dataValue',
+        },
+        {
+            title: '发生时间',
+            dataIndex: 'warnTime',
+            key: 'warnTime',
+        },
+        {
+            title: '发生地点',
+            dataIndex: 'address',
+            key: 'address',
+            slot: 'address',
+            // customRender: ({ record }) => {
+            //     if (record?.address) {
+            //         return record?.address;
+            //     } else {
+            //         return h('span', { style: { color: '#eb3636' } }, record?.gpsErrorMsg);
+            //     }
+            // },
+        },
+    ];
+    const formState = computed(() => ({
+        dataType: props.setting.dataType,
+        orgCode: props.setting?.orgCode,
+    }));
+    const { visible, closeDialog, openDialog } = useDialog({ title: props.title });
+    const registerTable = ref();
+    watch(props, () => {
+        registerTable.value?.getRecords();
+    });
+    defineExpose({
+        openDialog,
+    });
+</script>
+<style scoped lang="less">
+    .table-container {
+        margin: 0 10px;
+    }
+</style>
diff --git a/src/views/yinChuanTest/componetns/chinaMap.vue b/src/views/yinChuanTest/componetns/chinaMap.vue
new file mode 100644
index 0000000..b7980aa
--- /dev/null
+++ b/src/views/yinChuanTest/componetns/chinaMap.vue
@@ -0,0 +1,615 @@
+<template>
+    <div class="center-map">
+        <div class="china-map-box">
+            <div class="tab-list">
+                <div v-for="(item, i) in list" :class="[currentIndex == i ? 'active' : '']" class="tab" @click="changeTab(item, i)">
+                    {{ item.name }}
+                </div>
+            </div>
+            <div v-show="currentIndex == list.length - 1" class="route-navigation">
+                <a-form :model="formState" layout="inline">
+                    <a-form-item class="form-item-self" label="起点">
+                        <a-input v-model:value="formState.start" placeholder="请输入起点"></a-input>
+                    </a-form-item>
+                    <a-form-item class="form-item-self" label="终点">
+                        <a-input v-model:value="formState.end" placeholder="请输入终点"></a-input>
+                    </a-form-item>
+                    <a-form-item>
+                        <a-button class="reset-btn" @click="removeInput">清空</a-button>
+                        <a-button class="search-btn" @click="searchRoute" :loading="searchFlag" :disabled="searchFlag"> 路线规划 </a-button>
+                    </a-form-item>
+                </a-form>
+                <div v-show="showRoutePanel" v-click-outside="outClick" class="line-container">
+                    <div v-show="routeList.length" class="has-data">
+                        <div class="line-title"> {{ panelTitle }}</div>
+                        <div class="line-content">
+                            <div class="start">起点</div>
+                            <div class="line-body">
+                                <div class="line"></div>
+                                <div class="line-desc">
+                                    <p v-for="(item, i) in routeList" :key="i">{{ item }}</p>
+                                </div>
+                            </div>
+                            <div class="end">终点</div>
+                        </div>
+                    </div>
+                    <div v-show="!routeList.length" class="empty-data"> 暂无数据</div>
+                </div>
+            </div>
+            <div v-show="showHospitalList" class="reset-map" @click="resetMap">
+                <RedoOutlined title="重置地图" />
+            </div>
+            <RoutePanel
+                class="driving-route-panel"
+                v-show="showDrivingPanel"
+                :drivingRoute="drivingRoute"
+                :drivingTitle="drivingTitle"
+                @out-click="showDrivingPanel = false"
+            />
+            <div style="flex: 1; overflow: hidden; margin: 0 0 10px">
+                <div id="mapContainer" class="mapContainer"></div>
+            </div>
+            <div v-show="false" id="container"></div>
+            <div v-show="false" id="panel"></div>
+            <div class="map-legend">
+                <div v-for="(item, i) in legendList" :key="i" class="legend-item">
+                    <div><img :src="item.img" alt="" class="legend-img" /> {{ item.text }}</div>
+                </div>
+            </div>
+            <!--            <div class="level">地图层级：{{ level }}</div>-->
+        </div>
+        <div class="center-footer" v-if="showFooter">
+            <div class="count-item">
+                <div class="num">{{ useDetail?.alerdyreceive || '0' }}</div>
+                <div class="text">累计受理</div>
+            </div>
+            <div class="count-item">
+                <div class="num">{{ useDetail?.totalacceptance || '0' }}</div>
+                <div class="text">累计处置</div>
+            </div>
+        </div>
+        <!-- 附近医院、医疗点  -->
+        <div class="hospital-list" v-if="showHospitalList">
+            <div class="hospital-item" v-for="(item, index) in hospitalList" :key="index" @click="showDrivingLine(item)">
+                <div>{{ item.name }}</div>
+                <div>相距{{ item.distance }}</div>
+                <div>驾车大约{{ item.driveTime }}</div>
+            </div>
+        </div>
+    </div>
+</template>
+<script lang="ts" setup>
+    import { nextTick, onMounted, ref } from 'vue';
+    import { message } from 'ant-design-vue';
+    import { RedoOutlined } from '@ant-design/icons-vue';
+    import { Map } from '/@/assets/mapUtils/map';
+    import { aircraft, getKmStr, getTimeStr, legendList, mapApiSwitch, tabList, TabType } from '/@/components/chinaMap/chinaHooks';
+    import { useDetailStore } from '/@/store/modules/detailData.ts';
+    import RoutePanel from '/@/components/chinaMap/components/routePanel.vue';
+    import { mapData } from '/@/views/yinChuanTest/mockData.ts';
+
+    const props = defineProps({
+        //是否展示底部统计
+        showFooter: {
+            type: Boolean,
+            default: () => {
+                return true;
+            },
+        },
+        //地图是否按照接口数据的中心点定位
+        computedCenter: {
+            type: Boolean,
+            default: () => {
+                return true;
+            },
+        },
+        // 地图配置
+        mapOptions: {
+            type: Object,
+            default: () => {
+                return {};
+            },
+        },
+        //是否展示最近的三个医院
+        showHospitalList: {
+            type: Boolean,
+            default: () => {
+                return false;
+            },
+        },
+        hospitalList: {
+            type: Array,
+            default: () => {
+                return [];
+            },
+        },
+    });
+    const emits = defineEmits(['clearHospitalList']);
+    const useDetail = useDetailStore();
+    const formState = ref({
+        start: '',
+        end: '',
+    });
+    const list = ref(tabList);
+    const currentIndex = ref(0);
+
+    function changeTab(item, i: number) {
+        currentIndex.value = i; // 地方医院
+        Map.clearActiveHospital();
+        closeDrivingElement();
+        Map.map.off('moveend', logMapinfo);
+        if (TabType.diFangYiYuan == item.type) {
+            Map.removeOverlayGroup();
+            Map.map.on('moveend', logMapinfo);
+            return;
+        }
+        if (TabType.zhiShengJi == item.type) {
+            Map.createAircraft(aircraft);
+            return;
+        } else {
+            getMapData(item.type, { type: item.type });
+        }
+    }
+
+    const currentCityCode = ref('');
+
+    function logMapinfo() {
+        Map.map.getCity(function (info) {
+            const { citycode } = info;
+            if (currentCityCode.value != citycode) {
+                Map.createActiveHospital(citycode);
+                currentCityCode.value = citycode;
+            }
+        });
+    }
+
+    const level = ref(0);
+
+    function setLevel() {
+        //获取当前地图级别
+        level.value = Map.map.getZoom();
+    }
+
+    async function getMapData(type, params = {}) {
+        try {
+            const { code, result } = mapData;
+            if (code == 200) {
+                if (Array.isArray(result) && result.length > 0) {
+                    Map.createOverlay(
+                        result,
+                        {
+                            content: (val) => {
+                                return `<div style="
+                                width: 21px;
+                                height: 44px;
+                                position: absolute;
+                                left: -20px;
+                                top: -20px;" title="${val?.name}">
+                            </div>`;
+                            },
+                        },
+                        () => {},
+                        props.computedCenter
+                    );
+                } else {
+                    Map.removeOverlayGroup();
+                }
+            }
+        } catch (e) {
+            console.warn(e);
+        }
+    }
+
+    onMounted(() => {
+        Map.initMap({ el: 'mapContainer', option: props.mapOptions }).then(() => {
+            getMapData(tabList[0].type);
+            Map.map && Map.map.on('zoomend', setLevel);
+            Map.map && Map.map.on('zoomend', setLevel);
+        });
+    });
+    const routeList = ref([]);
+    const showRoutePanel = ref(false);
+    const panelTitle = ref();
+
+    function outClick() {
+        showRoutePanel.value = false;
+    }
+
+    function setTitle({ time, distance }) {
+        let str = '全程';
+        str += getTimeStr(time);
+        str += getKmStr(distance);
+        panelTitle.value = str;
+    }
+
+    let searchFlag = ref(false);
+
+    /**
+     * @desc 路线规划
+     * @param callback
+     */
+    function searchRoute(callback: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null) {
+        showRoutePanel.value = false;
+        panelTitle.value = '';
+        if (!formState.value.start) {
+            return message.warn('请输入起点');
+        }
+        if (!formState.value.end) {
+            return message.warn('请输入终点');
+        }
+        searchFlag.value = true;
+        //基本地图加载
+        let map = new AMap.Map('container', {
+            resizeEnable: true,
+            center: [116.397428, 39.90923], //地图中心点
+            zoom: 13, //地图显示的缩放级别
+        });
+        //构造路线导航类
+        let driving = new AMap.Driving({
+            map: map,
+            panel: 'panel',
+        });
+        // 根据起终点名称规划驾车导航路线
+        driving.search([{ keyword: formState.value.start }, { keyword: formState.value.end }], function (status, result) {
+            // result 即是对应的驾车导航信息，相关数据结构文档请参考  https://lbs.amap.com/api/javascript-api/reference/route-search#m_DrivingResult
+            if (status === 'complete') {
+                searchFlag.value = false;
+
+                //  console.log('绘制驾车路线完成');
+            } else {
+                searchFlag.value = false;
+
+                //  console.log('获取驾车数据失败：' + result);
+            }
+        });
+        AMap.Event.addListener(driving, 'complete', (res) => {
+            const data = JSON.parse(JSON.stringify(res));
+            searchFlag.value = false;
+            if (data.info == 'OK') {
+                const { routes } = data;
+                setTitle(routes[0]);
+                let arr = [];
+                arr.push(data.originName);
+                routes[0].steps.map((item: any) => {
+                    arr.push(item.instruction);
+                });
+                arr.push(data.destinationName);
+                showRoutePanel.value = true;
+                routeList.value = arr;
+            }
+        });
+    }
+
+    function removeInput() {
+        formState.value.start = '';
+        formState.value.end = '';
+        searchFlag.value = false;
+    }
+
+    // 驾车路线
+    const drivingRoute = ref([]);
+    const drivingTitle = ref('');
+    const showDrivingPanel = ref(false);
+
+    function showDrivingLine(item) {
+        nextTick(() => {
+            drivingTitle.value = '全程' + item.driveTime + item.distance;
+            drivingRoute.value = item.routeList?.map((item) => item?.instruction);
+            showDrivingPanel.value = true;
+            if (item.lon) {
+                Map.clearNaviLine();
+                Map.createNaviLine(item.userLocation, [item.lon, item.lat]);
+            }
+        });
+    }
+
+    function closeDrivingElement() {
+        Map.clearNavigationElements();
+        formState.value.start = '';
+        formState.value.end = '';
+        showDrivingPanel.value = false;
+        emits('clearHospitalList');
+    }
+
+    function resetMap() {
+        closeDrivingElement();
+        changeTab(list.value[currentIndex.value], currentIndex.value);
+    }
+</script>
+<style lang="less" scoped>
+    .center-map {
+        flex: 1;
+        color: #fff;
+        display: flex;
+        flex-direction: column;
+        align-content: space-between;
+
+        .china-map-box {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            position: relative;
+        }
+
+        .tab-list {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            font-size: 16px;
+
+            .tab {
+                width: calc(100% / 8);
+                height: 40px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                color: #29f1fa;
+                background: url('/@/assets/img/tab-default.png') no-repeat;
+                background-size: 100% 100%;
+                cursor: pointer;
+                transition: all 0.3s;
+
+                &.active {
+                    color: #fff;
+                    background: url('/@/assets/img/tab-active.png') no-repeat;
+                    background-size: 100% 100%;
+                }
+            }
+        }
+
+        .route-navigation {
+            margin: 12px 0;
+            width: 100%;
+            height: 46px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: #002e64;
+            border-radius: 6px;
+            position: absolute;
+            top: 36px;
+            z-index: 999;
+            transition: all 0.3s;
+
+            :deep(.form-item-self) {
+                label {
+                    color: #29f1fa;
+                }
+
+                .ant-input {
+                    width: 280px;
+                    color: #d6d9e0;
+                    background: #2a4164;
+                    border-radius: 2px 2px 2px 2px;
+                    border: 1px solid #1b7ef2;
+                }
+            }
+
+            .reset-btn {
+                width: 64px;
+                height: 32px;
+                border-radius: 5px;
+                color: #45a2ff;
+                background: #002e64;
+                border: 1px solid #45a2ff;
+            }
+
+            .search-btn {
+                margin-left: 10px;
+                width: 120px;
+                height: 32px;
+                color: #efefef;
+                background: #45a2ff;
+                border-radius: 5px;
+                border-color: #45a2ff;
+            }
+
+            .line-container {
+                position: absolute;
+                right: 0;
+                top: 54px;
+                width: 288px;
+                padding: 9px 18px;
+                min-height: 200px;
+                max-height: 473px;
+                overflow: auto;
+                background: #2a4164;
+                border-radius: 2px;
+                border: 1px solid #1b7ef2;
+
+                .line-title {
+                    margin-bottom: 9px;
+                    font-size: 14px;
+                    font-weight: 700;
+                    color: rgba(255, 255, 255, 0.8);
+                }
+
+                .line-content {
+                    font-size: 12px;
+
+                    .start {
+                        display: flex;
+                        align-items: center;
+
+                        &::before {
+                            content: '起';
+                            color: #fff;
+                            width: 20px;
+                            height: 20px;
+                            margin-right: 7px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            border-radius: 50%;
+                            background: #1478f5;
+                        }
+                    }
+
+                    .end {
+                        display: flex;
+                        align-items: center;
+
+                        &::before {
+                            content: '终';
+                            color: #fff;
+                            width: 20px;
+                            height: 20px;
+                            margin-right: 7px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            border-radius: 50%;
+                            background: #1478f5;
+                        }
+                    }
+
+                    .line-body {
+                        display: flex;
+                        //max-height: 370px;
+                    }
+
+                    .line {
+                        width: 1px;
+                        //max-height: 370px;
+                        background-color: #1478f5;
+                        margin: 5px 19px 5px 8px;
+                    }
+
+                    .line-desc {
+                        flex: 1;
+                    }
+                }
+
+                .empty-data {
+                    margin-top: 30%;
+                    text-align: center;
+                }
+            }
+        }
+
+        .reset-map {
+            position: absolute;
+            left: 0;
+            top: 50px;
+            z-index: 99;
+            font-size: 20px;
+            color: #05d5ff;
+            cursor: pointer;
+            background: #243b5d;
+            padding: 0px 6px;
+        }
+
+        //驾驶路线导航面板
+        .driving-route-panel {
+            position: absolute;
+            right: 0;
+            top: 86px;
+            width: 288px;
+            padding: 9px 18px;
+            min-height: 200px;
+            max-height: 473px;
+            overflow: auto;
+            background: #2a4164;
+            border-radius: 2px;
+            border: 1px solid #1b7ef2;
+            z-index: 99;
+        }
+
+        .mapContainer {
+            flex: 1;
+            height: calc(100% + 22px);
+            margin: 10px 0;
+        }
+
+        .map-legend {
+            position: absolute;
+            bottom: 15px;
+            left: 10px;
+            width: 200px;
+            display: flex;
+            flex-wrap: wrap;
+
+            .legend-item {
+                width: 50%;
+                font-size: 12px;
+                font-weight: 400;
+                line-height: 30px;
+
+                .legend-img {
+                    width: 20px;
+                }
+            }
+        }
+
+        .level {
+            position: absolute;
+            top: 50px;
+            left: 400px;
+            font-size: 18px;
+            color: #fff;
+        }
+
+        .center-footer {
+            display: flex;
+            justify-content: center;
+            margin-bottom: 10px;
+            gap: 20px;
+
+            .count-item {
+                width: 340px;
+                height: 80px;
+                display: flex;
+                color: #ffffff;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                background: #00071b;
+                box-shadow: inset 0 0 40px 0 #1b7ef2;
+                border-radius: 4px;
+
+                .num {
+                    font-size: 24px;
+                    font-weight: 700;
+                }
+
+                .text {
+                    font-size: 16px;
+                    font-weight: 400;
+                }
+            }
+        }
+
+        .hospital-list {
+            position: absolute;
+            bottom: 200px;
+            width: 800px;
+            left: 50%;
+            transform: translateX(-50%);
+            display: flex;
+
+            .hospital-item {
+                position: relative;
+                flex: 1;
+                gap: 20px;
+                min-width: 230px;
+                max-width: 230px;
+                height: 110px;
+                text-align: center;
+                padding: 10px;
+                margin: 0 10px;
+                color: #fff;
+                font-size: 16px;
+                background-color: #00152b;
+                border: 1px solid #1b7ef2;
+                border-radius: 12px;
+                box-shadow: 0 1px 11px 0 rgba(194, 189, 189, 0.5);
+                cursor: pointer;
+            }
+
+            .hospital-item:hover {
+                background-color: #192a46;
+                box-shadow: inset 0px 0px 16px 3px #2562a9;
+            }
+        }
+    }
+</style>
diff --git a/src/views/yinChuanTest/componetns/dailyWorkTrends.vue b/src/views/yinChuanTest/componetns/dailyWorkTrends.vue
new file mode 100644
index 0000000..28791b0
--- /dev/null
+++ b/src/views/yinChuanTest/componetns/dailyWorkTrends.vue
@@ -0,0 +1,91 @@
+<template>
+    <div>
+        <public-title title="一线医疗点每日工作动态" themeType="dark" />
+        <div class="inner">
+            <div class="trends-item" v-for="(item, k) in trendsData" :key="k">
+                <div class="trends-title-con">
+                    <span class="icon-medical"></span>
+                    <span class="trends-item-title">{{ item.name }}</span>
+                </div>
+                <div class="trends-item-span-box">
+                    <span class="trends-item-span">高风险干预{{ item?.high }}人</span>
+                    <span class="trends-item-span">慢病管理{{ item?.slow }}人</span>
+                    <span class="trends-item-span">巡诊{{ item?.tour }}人</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+    import PublicTitle from '/@/components/publicTitle.vue';
+    import { onMounted, ref } from 'vue';
+    import { getWorkDaily } from '/@/views/yinChuan/yinChuan.api.ts';
+    import { caching, useSession } from '/@/hooks/autoRefresh/caching.ts';
+    import { left2 } from '/@/views/yinChuanTest/mockData.ts';
+
+    const props = defineProps({});
+    const { setSession, getSession } = useSession();
+    const { WORK_DAILY } = caching;
+    const trendsData = ref([]);
+
+    async function getTrendsData() {
+        try {
+            const { code, result } = left2;
+            if (code != 200) {
+                return;
+            }
+            setSession(WORK_DAILY, result);
+            trendsData.value = result;
+        } catch {
+            trendsData.value = JSON.parse(getSession(WORK_DAILY));
+        }
+    }
+
+    onMounted(() => {
+        getTrendsData();
+    });
+</script>
+<style scoped lang="less">
+    .inner {
+        height: calc(100% - 40px);
+        overflow: auto;
+
+        .trends-item {
+            font-size: 16px;
+            padding: 10px 20px;
+
+            .trends-title-con {
+                display: flex;
+                align-items: center;
+            }
+
+            .icon-medical {
+                display: inline-block;
+                width: 26px;
+                height: 26px;
+                background: url('/@/assets/images/medical-center.png') no-repeat;
+                background-size: 100% 100%;
+            }
+
+            .trends-item-title {
+                margin-left: 8px;
+                font-size: 18px;
+                color: #fff;
+            }
+
+            .trends-item-span-box {
+                display: flex;
+                flex-wrap: wrap;
+            }
+
+            .trends-item-span {
+                flex: 1;
+                color: #ededed;
+            }
+
+            .trends-item-span:first-child {
+                margin-left: 0;
+            }
+        }
+    }
+</style>
diff --git a/src/views/yinChuanTest/componetns/dailyWorkTrends/dailyWorkTrends.vue b/src/views/yinChuanTest/componetns/dailyWorkTrends/dailyWorkTrends.vue
new file mode 100644
index 0000000..0193d05
--- /dev/null
+++ b/src/views/yinChuanTest/componetns/dailyWorkTrends/dailyWorkTrends.vue
@@ -0,0 +1,90 @@
+<template>
+    <div>
+        <public-title title="一线医疗点每日工作动态" themeType="dark" />
+        <div class="inner">
+            <div class="trends-item" v-for="(item, k) in trendsData" :key="k">
+                <div class="trends-title-con">
+                    <span class="icon-medical"></span>
+                    <span class="trends-item-title">{{ item.name }}</span>
+                </div>
+                <div class="trends-item-span-box">
+                    <span class="trends-item-span">高风险干预{{ item?.high }}人</span>
+                    <span class="trends-item-span">慢病管理{{ item?.slow }}人</span>
+                    <span class="trends-item-span">巡诊{{ item?.tour }}人</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+    import PublicTitle from '/@/components/publicTitle.vue';
+    import { onMounted, ref } from 'vue';
+    import { getWorkDaily } from '/@/views/yinChuan/yinChuan.api.ts';
+    import { caching, useSession } from '/@/hooks/autoRefresh/caching.ts';
+
+    const props = defineProps({});
+    const { setSession, getSession } = useSession();
+    const { WORK_DAILY } = caching;
+    const trendsData = ref([]);
+
+    async function getTrendsData() {
+        try {
+            const { code, result } = await getWorkDaily({});
+            if (code != 200) {
+                return;
+            }
+            setSession(WORK_DAILY, result);
+            trendsData.value = result;
+        } catch {
+            trendsData.value = JSON.parse(getSession(WORK_DAILY));
+        }
+    }
+
+    onMounted(() => {
+        getTrendsData();
+    });
+</script>
+<style scoped lang="less">
+    .inner {
+        height: calc(100% - 40px);
+        overflow: auto;
+
+        .trends-item {
+            font-size: 16px;
+            padding: 10px 20px;
+
+            .trends-title-con {
+                display: flex;
+                align-items: center;
+            }
+
+            .icon-medical {
+                display: inline-block;
+                width: 26px;
+                height: 26px;
+                background: url('/@/assets/images/medical-center.png') no-repeat;
+                background-size: 100% 100%;
+            }
+
+            .trends-item-title {
+                margin-left: 8px;
+                font-size: 18px;
+                color: #fff;
+            }
+
+            .trends-item-span-box {
+                display: flex;
+                flex-wrap: wrap;
+            }
+
+            .trends-item-span {
+                flex: 1;
+                color: #ededed;
+            }
+
+            .trends-item-span:first-child {
+                margin-left: 0;
+            }
+        }
+    }
+</style>
diff --git a/src/views/yinChuanTest/componetns/employeeHealth.vue b/src/views/yinChuanTest/componetns/employeeHealth.vue
new file mode 100644
index 0000000..8411bb3
--- /dev/null
+++ b/src/views/yinChuanTest/componetns/employeeHealth.vue
@@ -0,0 +1,110 @@
+<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 { getTeamHealth } from '/@/views/yinChuan/yinChuan.api.ts';
+    import { right2 } from '/@/views/yinChuanTest/mockData.ts';
+
+    const props = defineProps({
+        setting: Object,
+    });
+    const { setSession, getSession } = useSession();
+    const { TEAM_HEALTH } = 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 } = right2;
+            if (code != 200) {
+                return;
+            }
+            setList(result);
+            setSession(TEAM_HEALTH, result);
+        } catch {
+            let data = JSON.parse(getSession(TEAM_HEALTH));
+            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>
diff --git a/src/views/yinChuanTest/componetns/employeeHealth/employeeHealth.vue b/src/views/yinChuanTest/componetns/employeeHealth/employeeHealth.vue
new file mode 100644
index 0000000..aa1cf76
--- /dev/null
+++ b/src/views/yinChuanTest/componetns/employeeHealth/employeeHealth.vue
@@ -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 { getTeamHealth } from '/@/views/yinChuan/yinChuan.api.ts';
+
+    const props = defineProps({
+        setting: Object,
+    });
+    const { setSession, getSession } = useSession();
+    const { TEAM_HEALTH } = 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 getTeamHealth({ dataType: props.setting?.dataType });
+            if (code != 200) {
+                return;
+            }
+            setList(result);
+            setSession(TEAM_HEALTH, result);
+        } catch {
+            let data = JSON.parse(getSession(TEAM_HEALTH));
+            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>
diff --git a/src/views/yinChuanTest/componetns/physicalExaminationData.vue b/src/views/yinChuanTest/componetns/physicalExaminationData.vue
new file mode 100644
index 0000000..ba0c374
--- /dev/null
+++ b/src/views/yinChuanTest/componetns/physicalExaminationData.vue
@@ -0,0 +1,127 @@
+<template>
+    <div class="common-card" :class="[themeType]">
+        <public-title title="体检数据" :themeType="themeType" />
+        <div class="inner">
+            <div class="type-time">
+                <span
+                    v-for="(item, index) in timeTab"
+                    :key="index"
+                    :class="[selectIndex === index ? 'select' : 'unSelect', themeType]"
+                    @click="handleSelect(index, item.value)"
+                    >{{ item.name }}</span
+                >
+            </div>
+            <div class="physical-container">
+                <a-spin :spinning="spinning" class="spin"></a-spin>
+                <div class="RadarCharts" ref="radarChartsRef"></div>
+            </div>
+        </div>
+    </div>
+</template>
+<script lang="ts" setup>
+    import { onMounted, ref, unref, watch } from 'vue';
+    import PublicTitle from '/@/components/publicTitle.vue';
+    import { useSpin, timeTab, useHospitalList, radarCharts, allValueEmpty } from '/@/components/body-d-left/bodyLeftHooks';
+    import { useSession, caching } from '/@/hooks/autoRefresh/caching.ts';
+    import * as echarts from 'echarts';
+    import { useTheme } from '/@/hooks/theme/useTheme.ts';
+    import { right3 } from '/@/views/yinChuanTest/mockData.ts';
+
+    const props = defineProps({
+        refreshState: {
+            type: Boolean,
+        },
+        setting: Object,
+    });
+    const { themeType } = useTheme();
+    const { setSession, getSession } = useSession();
+    const { LEFT_KEY3 } = caching;
+    const { setSpin, spinning } = useSpin();
+    const selectIndex = ref(0);
+    const selectVal = ref('2'); //本年
+    function handleSelect(index: number, value: string) {
+        selectIndex.value = index;
+        selectVal.value = value;
+        setSpin(true);
+        setTimeout(() => {
+            setSpin(false);
+        }, 1000);
+        getList();
+    }
+
+    onMounted(() => {
+        getList();
+    });
+
+    const { radarList, setRadarList, getRadarList } = useHospitalList();
+
+    async function getList() {
+        setSpin(true);
+        try {
+            const { code, result } = right3;
+            setSpin(!spinning.value);
+            if (code != 200) {
+                return;
+            }
+            setSession(LEFT_KEY3, JSON.stringify(result));
+            setValue(result);
+        } catch {
+            const result = JSON.parse(getSession(LEFT_KEY3));
+            setValue(result);
+            setSpin(!spinning.value);
+        }
+    }
+
+    function setValue(result) {
+        setRadarList(result);
+        const everyEmpty = allValueEmpty('value', getRadarList());
+        everyEmpty && initChart();
+    }
+
+    const radarChartsRef = ref<HTMLElement>();
+
+    function initChart() {
+        const myChart = echarts.init(radarChartsRef.value);
+        let countList = radarList?.value.map((item) => item?.userCount);
+        if (countList.length < 1) return;
+        let max = Math.max(...countList);
+        const indicator = radarList?.value.map((item) => ({ name: item?.hospitalName, max: max }));
+        const option = radarCharts({ indicator, countList, theme: 'dark' });
+        myChart.setOption(option);
+        window.addEventListener('resize', () => {
+            myChart.resize();
+        });
+    }
+
+    watch(
+        () => props.refreshState,
+        () => {
+            getList();
+        }
+    );
+</script>
+<style lang="less" scoped>
+    .inner {
+        height: calc(100% - 40px);
+
+        .physical-container {
+            width: 96%;
+            height: calc(100% - 35px);
+            display: flex;
+            flex-wrap: wrap;
+            align-content: space-around;
+            position: relative;
+
+            .spin {
+                position: absolute;
+                left: 50%;
+                top: 50%;
+            }
+
+            .RadarCharts {
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+</style>
diff --git a/src/views/yinChuanTest/mockData.ts b/src/views/yinChuanTest/mockData.ts
new file mode 100644
index 0000000..ca97ba5
--- /dev/null
+++ b/src/views/yinChuanTest/mockData.ts
@@ -0,0 +1,1606 @@
+export const left1 = {
+    success: true,
+    message: '',
+    code: 200,
+    result: {
+        alerdyreceive: 0,
+        dbjy: 0,
+        gross: 16,
+        jqqz: 0,
+        preappointment: null,
+        totalacceptance: 23254,
+        totaldeal: null,
+    },
+    timestamp: 1724913096095,
+};
+export const left2 = {
+    success: true,
+    message: '',
+    code: 200,
+    result: [
+        {
+            name: '顺宁健康服务中心',
+            high: 35,
+            slow: 90,
+            tour: 35,
+            order: 1,
+        },
+        {
+            name: '大水坑健康服务中心',
+            high: 28,
+            slow: 90,
+            tour: 12,
+            order: 2,
+        },
+        {
+            name: '盘古梁医务室',
+            high: 35,
+            slow: 46,
+            tour: 35,
+            order: 3,
+        },
+        {
+            name: '郝坨梁医务室',
+            high: 13,
+            slow: 90,
+            tour: 35,
+            order: 4,
+        },
+        {
+            name: '五里湾二区医务室',
+            high: 95,
+            slow: 56,
+            tour: 84,
+            order: 5,
+        },
+        {
+            name: '桐寨医务室',
+            high: 35,
+            slow: 90,
+            tour: 35,
+            order: 6,
+        },
+        {
+            name: '新寨医务室',
+            high: 35,
+            slow: 90,
+            tour: 35,
+            order: 7,
+        },
+        {
+            name: '油房庄医务室',
+            high: 35,
+            slow: 90,
+            tour: 35,
+            order: 8,
+        },
+    ],
+    timestamp: 1724913232151,
+};
+export const right1 = {
+    success: true,
+    message: '',
+    code: 200,
+    result: {
+        records: [
+            {
+                id: '1810185960389574658',
+                watchNo: 'CRFTQ1',
+                eventType: 'heart_rate',
+                eventType_dictText: '心率异常',
+                dataValue: '999',
+                address: '',
+                warnTime: '2023-12-07 13:30:30',
+                gpsErrorMsg: '',
+                lon: null,
+                lat: null,
+                realName: '李卫民',
+                orgCode: 'A01A04A03A15',
+                orgName: '机关',
+                orgName1: '长庆油田',
+                orgName2: '第八采油厂',
+                phone: '13669220516',
+                wholeDepartName: '长庆油田 > 第八采油厂 > 机关',
+            },
+            {
+                id: '40288a4b870d425b01870d64befb0007',
+                watchNo: 'CRFTQ22C03000082',
+                eventType: 'heart_rate',
+                eventType_dictText: '心率异常',
+                dataValue: '200',
+                address: '1',
+                warnTime: '2023-04-24 11:11:15',
+                gpsErrorMsg: '未获取到地址信息214',
+                lon: 109.026561,
+                lat: 34.378184,
+                realName: '王自剑',
+                orgCode: 'A01A01A01',
+                orgName: '定边监督站',
+                orgName1: '长庆油田',
+                orgName2: '安全环保监督部',
+                phone: '13244556688',
+                wholeDepartName: '长庆油田 > 安全环保监督部 > 定边监督站',
+            },
+            {
+                id: '40288a4b870d425b01870d64befb0008',
+                watchNo: 'CRFTQ22C03000082',
+                eventType: 'heart_rate',
+                eventType_dictText: '心率异常',
+                dataValue: '200',
+                address: '1',
+                warnTime: '2023-04-22 11:11:15',
+                gpsErrorMsg: '未获取到地址信息241',
+                lon: 109.026561,
+                lat: 34.378184,
+                realName: '王自剑',
+                orgCode: 'A01A01A01',
+                orgName: '定边监督站',
+                orgName1: '长庆油田',
+                orgName2: '安全环保监督部',
+                phone: '13244556688',
+                wholeDepartName: '长庆油田 > 安全环保监督部 > 定边监督站',
+            },
+            {
+                id: '40288a4b870d425b01870d64befb0009',
+                watchNo: 'CRFTQ22C03000081',
+                eventType: 'spo2',
+                eventType_dictText: '血氧异常',
+                dataValue: '200',
+                address: '1',
+                warnTime: '2023-04-22 11:11:15',
+                gpsErrorMsg: '未获取到地址信息241',
+                lon: null,
+                lat: null,
+                realName: '卫金金',
+                orgCode: 'A01A01A02',
+                orgName: '机关',
+                orgName1: '长庆油田',
+                orgName2: '安全环保监督部',
+                phone: '13244556645',
+                wholeDepartName: '长庆油田 > 安全环保监督部 > 机关',
+            },
+            {
+                id: '40288a4b870d425b01870d64befb0006',
+                watchNo: 'CRFTQ22C03000081',
+                eventType: 'heart_rate',
+                eventType_dictText: '心率异常',
+                dataValue: '200',
+                address: '1',
+                warnTime: '2023-03-22 11:11:15',
+                gpsErrorMsg: '未获取到地址信息21',
+                lon: 108.822627,
+                lat: 34.371525,
+                realName: '卫金金',
+                orgCode: 'A01A01A02',
+                orgName: '机关',
+                orgName1: '长庆油田',
+                orgName2: '安全环保监督部',
+                phone: '13244556645',
+                wholeDepartName: '长庆油田 > 安全环保监督部 > 机关',
+            },
+            {
+                id: '40288a4b870d425b01870d64befb0005',
+                watchNo: 'CRFTQ22C03000081',
+                eventType: 'heart_rate',
+                eventType_dictText: '心率异常',
+                dataValue: '200',
+                address: '1',
+                warnTime: '2023-03-21 11:11:15',
+                gpsErrorMsg: '未获取到地址信息2',
+                lon: 108.822627,
+                lat: 34.371525,
+                realName: '小王子',
+                orgCode: null,
+                orgName: '',
+                orgName1: null,
+                orgName2: null,
+                phone: '15458754857',
+                wholeDepartName: 'null > null > ',
+            },
+        ],
+        total: 6,
+        size: 10,
+        current: 1,
+        pages: 1,
+    },
+    timestamp: 1724914139178,
+};
+export const right2 = {
+    success: true,
+    message: '',
+    code: 200,
+    result: {
+        bigIll: 69,
+        highRisk: 64,
+        slowIll: 55,
+        focusErr: 78,
+        health: 87,
+        total: 353,
+    },
+    timestamp: 1724913661314,
+};
+export const right3 = {
+    success: true,
+    message: '',
+    code: 200,
+    result: [
+        {
+            hospitalId: null,
+            hospitalName: '延安市人民医院',
+            userCount: 6,
+        },
+        {
+            hospitalId: null,
+            hospitalName: '兴隆园医院',
+            userCount: 20,
+        },
+        {
+            hospitalId: null,
+            hospitalName: '宁夏宝石花医院',
+            userCount: 4,
+        },
+        {
+            hospitalId: null,
+            hospitalName: '庆阳医院',
+            userCount: 5,
+        },
+        {
+            hospitalId: null,
+            hospitalName: '泾河医院',
+            userCount: 3,
+        },
+    ],
+    timestamp: 1724913754092,
+};
+export const mapData = {
+    success: true,
+    message: '',
+    code: 200,
+    result: [
+        {
+            id: '1670717859048722433',
+            name: '大病医院',
+            lat: 34.304327,
+            lon: 108.978286,
+            type: '5',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '96km',
+        },
+        {
+            id: '4028846f672b1e0201672c37c09d0094',
+            name: '采油五厂前指卫生所',
+            lat: 37.294512,
+            lon: 107.352405,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '371km',
+        },
+        {
+            id: '4028846f672b1e0201672c3d16a2009b',
+            name: '靖边中心卫生所',
+            lat: 37.579722,
+            lon: 108.785,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '404km',
+        },
+        {
+            id: '4028846f672b1e0201672c40809e00a2',
+            name: '南区倒班点卫生室',
+            lat: 37.069167,
+            lon: 109.106666,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '356km',
+        },
+        {
+            id: '4028846f672c55cb01672c596e540003',
+            name: '驻采油五厂马西作业区医疗点',
+            lat: 37.074167,
+            lon: 107.483055,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '345km',
+        },
+        {
+            id: '4028846f672c55cb01672c59fcbd0008',
+            name: '北区倒班点卫生室',
+            lat: 38.048889,
+            lon: 109.011944,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '459km',
+        },
+        {
+            id: '4028846f672c55cb01672c5b5e81000d',
+            name: '吴定首站医疗点',
+            lat: 36.985833,
+            lon: 108.081111,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '332km',
+        },
+        {
+            id: '4028846f672c55cb01672c5ce6550013',
+            name: '白豹前指医务室',
+            lat: 36.74,
+            lon: 108.18,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '305km',
+        },
+        {
+            id: '4028846f672c55cb01672c5d16ab0019',
+            name: '采油三厂盘古梁诊所',
+            lat: 37.155265,
+            lon: 108.594981,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '355km',
+        },
+        {
+            id: '4028846f672c55cb01672c5e7e67001e',
+            name: '采油三厂新城倒班点卫生所',
+            lat: 37.466646,
+            lon: 107.717277,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '386km',
+        },
+        {
+            id: '4028846f672c55cb01672c5f07390024',
+            name: '环江前指医务室',
+            lat: 37.15,
+            lon: 106.8,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '367km',
+        },
+        {
+            id: '4028846f672c55cb01672c60c582002b',
+            name: '环江作业区医务室',
+            lat: 36.85,
+            lon: 107.408,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '321km',
+        },
+        {
+            id: '4028846f672c55cb01672c6236820030',
+            name: '洪德作业区医务室',
+            lat: 36.75,
+            lon: 107.35,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '311km',
+        },
+        {
+            id: '4028846f672c55cb01672c63ae010036',
+            name: '定边采油作业区卫生室',
+            lat: 37.190545,
+            lon: 107.612073,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '356km',
+        },
+        {
+            id: '4028846f672c55cb01672c63e09a003c',
+            name: '艾家湾卫生室',
+            lat: 37.142995,
+            lon: 108.739446,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '356km',
+        },
+        {
+            id: '4028846f672c55cb01672c64dea10042',
+            name: '铁边城采油作业区卫生室',
+            lat: 37.006442,
+            lon: 107.999974,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '334km',
+        },
+        {
+            id: '4028846f672c55cb01672c64efc80046',
+            name: '化子坪卫生所',
+            lat: 37.0706,
+            lon: 109.114276,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '356km',
+        },
+        {
+            id: '4028846f672c55cb01672c65bbf3004a',
+            name: '凤凰山倒班点卫生所',
+            lat: 37.219131,
+            lon: 108.796424,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '365km',
+        },
+        {
+            id: '4028846f672c55cb01672c65e5de004e',
+            name: '樊学采油作业区卫生室',
+            lat: 38.538686,
+            lon: 107.574999,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '506km',
+        },
+        {
+            id: '4028846f672c55cb01672c6697030052',
+            name: '靖边基地卫生所',
+            lat: 37.588804,
+            lon: 108.786571,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '405km',
+        },
+        {
+            id: '4028846f672c55cb01672c66ab130056',
+            name: '吴定采油作业区卫生室',
+            lat: 37.263133,
+            lon: 107.952985,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '363km',
+        },
+        {
+            id: '4028846f672c55cb01672c67a453005a',
+            name: '刘峁塬基地医疗室',
+            lat: 37.026345,
+            lon: 107.371046,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '341km',
+        },
+        {
+            id: '4028846f672c55cb01672c68406b005f',
+            name: '薛岔基地医疗室',
+            lat: 36.934555,
+            lon: 108.325287,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '328km',
+        },
+        {
+            id: '4028846f672c55cb01672c684d830063',
+            name: '红井子作业区医务室',
+            lat: 37.440917,
+            lon: 107.946416,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '383km',
+        },
+        {
+            id: '4028846f672c55cb01672c68fa3f0067',
+            name: '五谷城基地医疗室',
+            lat: 37.111014,
+            lon: 108.37242,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '347km',
+        },
+        {
+            id: '4028846f672c55cb01672c690b56006c',
+            name: '油房庄作业区医务室',
+            lat: 37.463791,
+            lon: 107.714246,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '386km',
+        },
+        {
+            id: '4028846f672c55cb01672c69bd9a0070',
+            name: '新寨作业区医务室',
+            lat: 36.957206,
+            lon: 107.897234,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '329km',
+        },
+        {
+            id: '4028846f672c55cb01672c6a72780074',
+            name: '桐寨作业区医务室',
+            lat: 36.91358,
+            lon: 108.183601,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '324km',
+        },
+        {
+            id: '4028846f672c55cb01672c6b23330078',
+            name: '顺宁医务室',
+            lat: 36.945423,
+            lon: 108.631329,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '332km',
+        },
+        {
+            id: '4028846f672c55cb01672c6b5e68007c',
+            name: '方山医疗点',
+            lat: 36.044522,
+            lon: 107.082813,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '242km',
+        },
+        {
+            id: '4028846f672c55cb01672c6bfbb20080',
+            name: '五里湾二区医务室',
+            lat: 37.047787,
+            lon: 108.684196,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '344km',
+        },
+        {
+            id: '4028846f672c55cb01672c6c0f290084',
+            name: '王南作业区医务室',
+            lat: 36.760546,
+            lon: 108.90787,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '318km',
+        },
+        {
+            id: '4028846f672c55cb01672c6c6db60089',
+            name: '太白梁医疗点',
+            lat: 36.079695,
+            lon: 107.465635,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '236km',
+        },
+        {
+            id: '4028846f672c55cb01672c6ca0fc008d',
+            name: '盘古梁作业区医务室',
+            lat: 37.15624,
+            lon: 108.590894,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '355km',
+        },
+        {
+            id: '4028846f672c55cb01672c6d2a840091',
+            name: '郝坨梁作业区医务室',
+            lat: 37.171381,
+            lon: 108.68809,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '358km',
+        },
+        {
+            id: '4028846f68117a810168125f37e8179a',
+            name: '在线指导医生',
+            lat: 34.326811,
+            lon: 108.94861,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '94km',
+        },
+        {
+            id: '4028846f687003a701687540f3c01ac3',
+            name: '侯市作业区卫生室',
+            lat: 36.873611,
+            lon: 108.982777,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '332km',
+        },
+        {
+            id: '4028846f687003a701687542635c1ad2',
+            name: '王窑作业区卫生室',
+            lat: 36.845833,
+            lon: 109.134722,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '333km',
+        },
+        {
+            id: '4028846f687003a70168754397a81b06',
+            name: '王南作业区卫生室',
+            lat: 36.755833,
+            lon: 108.901944,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '317km',
+        },
+        {
+            id: '4028846f687003a7016875453e0d1b32',
+            name: '南梁作业区卫生室',
+            lat: 36.436111,
+            lon: 108.344166,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '272km',
+        },
+        {
+            id: '4028846f687003a701687547307f1b5a',
+            name: '温台作业区卫生室',
+            lat: 36.384588,
+            lon: 107.314091,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '272km',
+        },
+        {
+            id: '4028846f687003a70168754807571b69',
+            name: '盘古梁作业区医疗点',
+            lat: 37.15624,
+            lon: 108.590894,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '355km',
+        },
+        {
+            id: '4028846f687003a701687549443e1b8b',
+            name: '盘古梁作业区（靖三联）医疗点',
+            lat: 37.271126,
+            lon: 108.647334,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '368km',
+        },
+        {
+            id: '4028846f687003a701687549d70f1b95',
+            name: '郝坨梁作业区医疗点',
+            lat: 37.171381,
+            lon: 108.68809,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '358km',
+        },
+        {
+            id: '4028846f687003a70168754a792c1b9b',
+            name: '顺宁医疗点',
+            lat: 36.945423,
+            lon: 108.631329,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '332km',
+        },
+        {
+            id: '4028846f687003a70168754b81e21ba4',
+            name: '吴起作业区医疗点',
+            lat: 36.91358,
+            lon: 108.183601,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '324km',
+        },
+        {
+            id: '4028846f687003a70168754c23b41baf',
+            name: '新寨作业区医疗点',
+            lat: 36.957206,
+            lon: 107.897234,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '329km',
+        },
+        {
+            id: '4028846f687003a70168754cc08d1bbc',
+            name: '油房庄作业区医疗点',
+            lat: 37.463791,
+            lon: 107.714246,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '386km',
+        },
+        {
+            id: '4028846f687003a70168754d6b6b1bc6',
+            name: '五里湾二区医疗点',
+            lat: 37.047787,
+            lon: 108.684196,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '344km',
+        },
+        {
+            id: '4028846f687003a70168754ead9d1bd6',
+            name: '凤凰山倒班点医务室',
+            lat: 37.1425,
+            lon: 108.734444,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '356km',
+        },
+        {
+            id: '4028846f687003a70168754fbe881bde',
+            name: '艾家湾作业区医务室',
+            lat: 37.418333,
+            lon: 108.791388,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '387km',
+        },
+        {
+            id: '4028846f687003a70168755f52851cef',
+            name: '采油六厂前指卫生所',
+            lat: 37.27,
+            lon: 107.42,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '367km',
+        },
+        {
+            id: '4028846f687003a70168755fd6f61cf8',
+            name: '砖井作业区医务室',
+            lat: 37.3,
+            lon: 107.53,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '369km',
+        },
+        {
+            id: '4028846f687003a70168756064161d0b',
+            name: '安五作业区医务室',
+            lat: 37.13,
+            lon: 107.55,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '350km',
+        },
+        {
+            id: '4028846f687003a70168756148c91d1a',
+            name: '武峁子作业区医务室',
+            lat: 37.19,
+            lon: 107.59,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '357km',
+        },
+        {
+            id: '4028846f687003a701687564dc771d2c',
+            name: '姬15试采区卫生室',
+            lat: 37.02862,
+            lon: 107.44416,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '340km',
+        },
+        {
+            id: '4028846f687003a70168756ae9131d68',
+            name: '南区卫生所',
+            lat: 37.069167,
+            lon: 109.106666,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '356km',
+        },
+        {
+            id: '4028846f687003a70168756bdfc11d77',
+            name: '北区卫生所',
+            lat: 38.048889,
+            lon: 109.011944,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '459km',
+        },
+        {
+            id: '4028846f687003a70168756e52bb1d94',
+            name: '陶利倒班点医务室',
+            lat: 38.221979,
+            lon: 108.385407,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '471km',
+        },
+        {
+            id: '4028846f687003a70168757367d01de1',
+            name: '采气五厂作业三区医务室',
+            lat: 39.092222,
+            lon: 109.082777,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '575km',
+        },
+        {
+            id: '4028846f687003a701687577af5c1df1',
+            name: '元城作业区医务室',
+            lat: 36.385209,
+            lon: 107.475672,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '269km',
+        },
+        {
+            id: '4028846f687003a7016875788d221df6',
+            name: '五蛟作业区医务室',
+            lat: 36.285,
+            lon: 107.531,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '257km',
+        },
+        {
+            id: '4028846f687003a7016875791a041dfd',
+            name: '乔河作业区医务室',
+            lat: 36.33713,
+            lon: 108.05062,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '260km',
+        },
+        {
+            id: '4028846f687003a70168757cee981e0b',
+            name: '方山作业区医务室',
+            lat: 36.219444,
+            lon: 107.253333,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '256km',
+        },
+        {
+            id: '4028846f687003a70168757f40bf1e18',
+            name: '太白梁作业区医务室',
+            lat: 36.079722,
+            lon: 107.460555,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '236km',
+        },
+        {
+            id: '4028846f687003a7016875810a8b1e1e',
+            name: '长庆石油学校医务室',
+            lat: 35.35,
+            lon: 107.733333,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '152km',
+        },
+        {
+            id: '4028846f6893efdd0168985ca07f0686',
+            name: '长庆油田职工医院',
+            lat: 36.00466,
+            lon: 107.88357,
+            type: '1',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '223km',
+        },
+        {
+            id: '4028846f6933899801694679d09f095e',
+            name: '兴隆园医院',
+            lat: 34.329049,
+            lon: 108.954849,
+            type: '1',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '95km',
+        },
+        {
+            id: '4028846f693389980169467e17c5099c',
+            name: '宁夏医科大学总医院',
+            lat: 38.433131,
+            lon: 106.277111,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '517km',
+        },
+        {
+            id: '4028846f6acf71b9016ad2ab46810983',
+            name: '宁夏人民医院',
+            lat: 38.503816,
+            lon: 106.254586,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '525km',
+        },
+        {
+            id: '4028846f6acf71b9016ad2f804a00b84',
+            name: '西安市红会医院',
+            lat: 34.242381,
+            lon: 108.948458,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '91km',
+        },
+        {
+            id: '4028846f6acf71b9016ad840ee5d2b33',
+            name: '西安市第五医院',
+            lat: 34.258637,
+            lon: 108.917854,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '89km',
+        },
+        {
+            id: '4028846f6c6b6fb2016c701069ed25c0',
+            name: '延安市人民医院',
+            lat: 36.66674,
+            lon: 109.438362,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '324km',
+        },
+        {
+            id: '4028846f6cadb495016cadfb09400230',
+            name: '慢性病食疗干预',
+            lat: 39.916527,
+            lon: 108.93425,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '663km',
+        },
+        {
+            id: '4028846f7399f65e01739e6b76d901ca',
+            name: '陕西省人民医院',
+            lat: 34.245865,
+            lon: 108.937158,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '90km',
+        },
+        {
+            id: '4028846f7399f65e01739e6eb70a01ce',
+            name: '西安交通大学第二附属医院',
+            lat: 34.277167,
+            lon: 108.957412,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '93km',
+        },
+        {
+            id: '4028846f7399f65e0173a25ad04e02aa',
+            name: '西安市中心医院',
+            lat: 34.276986,
+            lon: 108.955204,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '93km',
+        },
+        {
+            id: '4028846f74be06ab0174d246177b0d33',
+            name: '西安市东方医院',
+            lat: 34.248918,
+            lon: 109.01056,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '97km',
+        },
+        {
+            id: '4028846f74be06ab01751a63b1cc1e6e',
+            name: '德雅口腔第壹国际门诊部',
+            lat: 34.241801,
+            lon: 108.965386,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '92km',
+        },
+        {
+            id: '4028846f751b913601758d6dde901e97',
+            name: '庆阳市第二人民医院',
+            lat: 35.678696,
+            lon: 107.670437,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '189km',
+        },
+        {
+            id: '4028846f751b91360175fe64e2ce3e06',
+            name: '西安120急救中心',
+            lat: 34.268533,
+            lon: 108.894114,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '87km',
+        },
+        {
+            id: '4028846f75fe9ebb01760716798d039a',
+            name: '西安市儿童医院',
+            lat: 34.262459,
+            lon: 108.926591,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '90km',
+        },
+        {
+            id: '40289f176725f72a016725fbe0900001',
+            name: '空军军医大学唐都医院',
+            lat: 34.283961,
+            lon: 109.062788,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '102km',
+        },
+        {
+            id: '40289f176725f72a016725fe1ed00004',
+            name: '空军军医大学西京医院',
+            lat: 34.272242,
+            lon: 108.987689,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '95km',
+        },
+        {
+            id: '40289f176725f72a016725ff2a6a0007',
+            name: '长安医院',
+            lat: 34.321291,
+            lon: 108.939739,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '93km',
+        },
+        {
+            id: '40289f176725f72a016726006115000a',
+            name: '西安市第三医院',
+            lat: 34.321286,
+            lon: 108.963083,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '95km',
+        },
+        {
+            id: '40289f176725f72a0167260165aa000d',
+            name: '西北妇女儿童医院',
+            lat: 34.195975,
+            lon: 109.011384,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '95km',
+        },
+        {
+            id: '40289f176725f72a0167260231290010',
+            name: '陕西中医药大学附属医院',
+            lat: 34.326765,
+            lon: 108.689138,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '73km',
+        },
+        {
+            id: '40289f176725f72a0167260318670013',
+            name: '西安市第四医院',
+            lat: 34.260595,
+            lon: 108.964026,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '93km',
+        },
+        {
+            id: '40289f176725f72a01672604401b0016',
+            name: '西安市中医医院',
+            lat: 34.342472,
+            lon: 108.95874,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '96km',
+        },
+        {
+            id: '40289f176725f72a016726068ae3001a',
+            name: '西安宝石花医院',
+            lat: 34.445073,
+            lon: 109.000381,
+            type: '1',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '104km',
+        },
+        {
+            id: '40289f176725f72a0167260930c6001d',
+            name: '榆林市第一医院',
+            lat: 38.24036,
+            lon: 109.740556,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '497km',
+        },
+        {
+            id: '40289f176725f72a01672615e7490020',
+            name: '银川宝石花医院',
+            lat: 38.447649,
+            lon: 106.323795,
+            type: '1',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '517km',
+        },
+        {
+            id: '40289f176acf7141016ad2e1b7dc0014',
+            name: '西安交通大学第一附属医院',
+            lat: 34.219557,
+            lon: 108.936738,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '89km',
+        },
+        {
+            id: '40289fd76932c7e1016932ea75e00013',
+            name: '河庄坪镇卫生院',
+            lat: 36.6726,
+            lon: 109.43559,
+            type: '1',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '324km',
+        },
+        {
+            id: '40289ff466869b54016686a316ad0001',
+            name: '延安大学附属医院',
+            lat: 36.598755,
+            lon: 109.484616,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '319km',
+        },
+        {
+            id: '40289ff466869b54016686a3b4410004',
+            name: '延安市人民医院',
+            lat: 36.57068,
+            lon: 109.484616,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '316km',
+        },
+        {
+            id: '4028abd9732df8f201732dfb01940001',
+            name: '西安凤城医院',
+            lat: 34.32283,
+            lon: 108.939491,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '93km',
+        },
+        {
+            id: '8a96916580bdb3890180d68017292847',
+            name: '西安市第一医院',
+            lat: 34.254539,
+            lon: 108.944969,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '91km',
+        },
+        {
+            id: '8a9691658a6d7bed018a88c75db34725',
+            name: '庆阳市中医医院',
+            lat: 35.75,
+            lon: 107.63,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '197km',
+        },
+        {
+            id: '8a9691658a891fa0018a8da077756b2d',
+            name: '庆阳市人民医院',
+            lat: 35.72,
+            lon: 107.65,
+            type: '2',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '194km',
+        },
+        {
+            id: 'a95b31e307e511e9a6d00050568684ba',
+            name: '薛岔医务室',
+            lat: 36.941944,
+            lon: 108.320277,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '328km',
+        },
+        {
+            id: 'a95bdc0807e511e9a6d00050568684ba',
+            name: '五谷城医务室',
+            lat: 38.507222,
+            lon: 108.359722,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '502km',
+        },
+        {
+            id: 'a95c909107e511e9a6d00050568684ba',
+            name: '彭阳医务室',
+            lat: 36.0625,
+            lon: 106.893055,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '250km',
+        },
+        {
+            id: 'a95d74a207e511e9a6d00050568684ba',
+            name: '榆林倒班点医务室',
+            lat: 38.2529,
+            lon: 109.752618,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '498km',
+        },
+        {
+            id: 'a95e314d07e511e9a6d00050568684ba',
+            name: '米脂倒班点医务室',
+            lat: 37.7298,
+            lon: 110.176229,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '459km',
+        },
+        {
+            id: 'a95ef78207e511e9a6d00050568684ba',
+            name: '神木倒班点医务室',
+            lat: 38.5664,
+            lon: 109.777075,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '532km',
+        },
+        {
+            id: 'a960a2fe07e511e9a6d00050568684ba',
+            name: '苏里格生产指挥中心卫生所',
+            lat: 38.365271,
+            lon: 108.49339,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '487km',
+        },
+        {
+            id: 'a961526d07e511e9a6d00050568684ba',
+            name: '第一处理厂倒班点医务室',
+            lat: 38.374019,
+            lon: 108.65628,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '490km',
+        },
+        {
+            id: 'a96235f607e511e9a6d00050568684ba',
+            name: '第三处理厂倒班点医务室',
+            lat: 38.50253,
+            lon: 108.253526,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '501km',
+        },
+        {
+            id: 'a963102907e511e9a6d00050568684ba',
+            name: '第四处理厂倒班点医务室',
+            lat: 38.173508,
+            lon: 108.085458,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '464km',
+        },
+        {
+            id: 'a963c65b07e511e9a6d00050568684ba',
+            name: '第五处理厂倒班点医务室',
+            lat: 37.351423,
+            lon: 108.010721,
+            type: '3',
+            ambulance: null,
+            docNum: null,
+            nurseNum: null,
+            expertNum: null,
+            distance: '373km',
+        },
+    ],
+    timestamp: 1724913817633,
+};
diff --git a/src/views/yinChuanTest/yinChuan.api.ts b/src/views/yinChuanTest/yinChuan.api.ts
new file mode 100644
index 0000000..c1d9abc
--- /dev/null
+++ b/src/views/yinChuanTest/yinChuan.api.ts
@@ -0,0 +1,14 @@
+import { get } from '/@/api/request';
+
+export enum Api {
+    phoneList = '/health-emergency/emergency/tblUserHelp/phoneList',
+    getWorkDaily = '/health-emergency/emergency/ycLargeScreen/medicalCenter',
+    getTeamHealth = '/health-emergency/emergency/ycLargeScreen/userHealthCenter',
+}
+
+// 呼入电话、受理电话
+export const getPhoneList = (params: any) => get(Api.phoneList, params);
+//一线医疗点每日工作动态
+export const getWorkDaily = (params: any) => get(Api.getWorkDaily, params);
+//员工队伍健康状况
+export const getTeamHealth = (params: any) => get(Api.getTeamHealth, params);
diff --git a/src/views/yinChuanTest/yinChuanTest.vue b/src/views/yinChuanTest/yinChuanTest.vue
new file mode 100644
index 0000000..b57d79a
--- /dev/null
+++ b/src/views/yinChuanTest/yinChuanTest.vue
@@ -0,0 +1,317 @@
+<template>
+    <div class="outer">
+        <div class="title-d">
+            <div class="title-d-left">
+                {{ dayTimeO }}
+            </div>
+            <div class="title-d-middle">
+                <span>{{ title }}</span>
+                <span class="phone">{{ phone }}</span>
+            </div>
+            <div class="title-d-right"> 累计运行时间：{{ dayTimeT }}</div>
+        </div>
+        <div class="body-d">
+            <div class="yichuan-body-left">
+                <!--服务详情数据-->
+                <ServiceDetails
+                    theme="dark"
+                    :refreshState="refreshState"
+                    :setting="setting"
+                    class="service-details"
+                    @handleClick="handlePhoneDialog"
+                />
+                <!--一线医疗点每日工作动态-->
+                <DailyWorkTrends theme="dark" :refreshState="refreshState" class="daily-work-trends" />
+            </div>
+            <div class="body-d-middle">
+                <china-map
+                    :showFooter="false"
+                    :computedCenter="false"
+                    :mapOptions="YinChuanOption"
+                    :showHospitalList="showHospitalList"
+                    :hospitalList="hospitalList"
+                    @clearHospitalList="clearHospitalList"
+                />
+            </div>
+            <div class="body-d-right">
+                <!--健康终端报警-->
+                <TerminalAlarm :refreshState="refreshState" :setting="setting" @emit-view-detail="handleEmployeeDialog" />
+                <!--员工队伍健康状况-->
+                <EmployeeHealth theme="dark" :refreshState="refreshState" :setting="setting" />
+                <!--体检数据-->
+                <PhysicalExaminationData :key="tabState" :refreshState="refreshState" :setting="setting" />
+            </div>
+        </div>
+        <div class="bottom-d"></div>
+    </div>
+</template>
+<script lang="ts" setup>
+    import { onUnmounted, ref, nextTick, onMounted } from 'vue';
+    import ServiceDetails from '/@/views/yinChuanTest/componetns/ServiceDetails.vue';
+    import DailyWorkTrends from '/@/views/yinChuanTest/componetns/dailyWorkTrends.vue';
+    import PhysicalExaminationData from '/@/views/yinChuanTest/componetns/physicalExaminationData.vue';
+    import TerminalAlarm from '/@/views/yinChuanTest/componetns/TerminalAlarm.vue';
+    import EmployeeHealth from '/@/views/yinChuanTest/componetns/employeeHealth.vue';
+    import ChinaMap from '/@/views/yinChuanTest/componetns/chinaMap.vue';
+    import { useTopTime } from '/@/utils/utils.ts';
+    import { useRefresh } from '/@/hooks/autoRefresh';
+    import { DEFAULT_TIME } from '/@/hooks/autoRefresh/pageRefreshTime.ts';
+    import { useRoute } from 'vue-router';
+    import { DataType, getSettings, ThemeType } from '/@/utils/settings.ts';
+    import { ServerDetailType } from '/@/components/body-d-left/bodyLeftHooks.ts';
+    import { YinChuanOption } from '/@/assets/mapUtils/mapConstant.ts';
+    import { useUserStore } from '/@/store/modules/user.ts';
+    import { Map } from '/@/assets/mapUtils/map.ts';
+
+    const title = ref('银川片应急就医服务中心');
+    const phone = '(0951-6805199)';
+    const route = useRoute();
+    const setting = getSettings(DataType.yinChuan);
+    onMounted(() => {
+        init();
+        document.title = title.value;
+        document.addEventListener('visibilitychange', checkTabState);
+        //设置主题
+        store.setThemeType(ThemeType.dark);
+    });
+    const store = useUserStore();
+
+    onUnmounted(() => {
+        clearInterval(interval.value);
+        document.removeEventListener('visibilitychange', checkTabState);
+    });
+    const tabState = ref('');
+
+    //判断窗口是否处于激活状态，切换浏览器tab会导致部分echarts显示不正常
+    function checkTabState() {
+        tabState.value = document.hidden ? 'inactive' : 'active';
+    }
+
+    const { refreshState } = useRefresh(DEFAULT_TIME);
+    const dayTimeO = ref();
+    const dayTimeT = ref();
+    const interval = ref(1);
+
+    function init() {
+        getTime();
+        interval.value = setInterval(() => {
+            getTime();
+        }, 1000);
+    }
+
+    function getTime() {
+        const { timeLeft, timeRight } = useTopTime();
+        dayTimeO.value = timeLeft;
+        dayTimeT.value = timeRight;
+    }
+
+    const phoneDialogTitle = ref('呼入电话');
+    const phoneDialogRef = ref();
+    //0:处置 1:处理 2:呼入 3:全部
+    const phoneType = ref('');
+
+    //呼入电话、受理电话弹窗
+    function handlePhoneDialog(item) {
+        const { name, key } = item;
+        //呼入电话
+        if (key == 'gross') {
+            phoneType.value = ServerDetailType['gross'];
+            //受理电话
+            if (key == 'alerdyreceive') {
+                phoneType.value = ServerDetailType['alerdyreceive'];
+            }
+            nextTick(() => {
+                phoneDialogTitle.value = name;
+                phoneDialogRef.value.openDialog();
+            });
+        }
+    }
+
+    const terminalAlarmDialogRef = ref();
+
+    //终端预警列表弹窗
+    function handleEmployeeDialog() {
+        terminalAlarmDialogRef.value.openDialog();
+    }
+
+    //确认应急求助
+    const hospitalList = ref([]); //医院列表
+    const showHospitalList = ref(false);
+
+    async function confirmHelp(data) {
+        if (!data.lon) return;
+        hospitalList.value = [];
+        //用户的坐标信息
+        let point = [data.lon, data.lat];
+        if (data.hospitalList && data.hospitalList.length > 0) {
+            try {
+                hospitalList.value = await getHospitalList(data.hospitalList, point);
+                showHospitalList.value = true;
+            } catch (error) {
+                console.log('获取医院列表时出错:', error);
+            }
+        } else {
+            console.log('没有医院list');
+        }
+        Map.getAddressByPoint(point).then((res) => {
+            const option = {
+                lon: data.lon,
+                lat: data.lat,
+                position: point,
+                name: data.realName,
+                address: res,
+                sex: data.sex,
+            };
+            Map.createEmergencyMarker(option);
+        });
+    }
+
+    async function getHospitalList(hospitalList, userLocation) {
+        const hospitalPromises = hospitalList.map(async (item) => {
+            item.distance = getDistance(userLocation, [item.lon, item.lat]);
+            const { time, routeList } = await getDriveTime(userLocation, [item.lon, item.lat]);
+            item.driveTime = time;
+            item.routeList = routeList;
+            item.userLocation = userLocation;
+            return item; // 返回更新后的医院条目
+        });
+        return Promise.all(hospitalPromises);
+    }
+
+    function getDistance(userLocation, destination) {
+        const value = Map.getDistance(userLocation, destination);
+        return value > 1000 ? (value / 1000).toFixed(2) + 'km' : value + 'm';
+    }
+
+    async function getDriveTime(userLocation, destination) {
+        let { time, steps } = await Map.getDriveTime(userLocation, destination);
+        let h,
+            m,
+            s = 0;
+        if (time <= 60) {
+            return {
+                time: `${s}秒`,
+                routeList: steps,
+            };
+        }
+        if (time > 60 && time < 3600) {
+            m = Math.floor(time / 60);
+            return {
+                time: `${m}分`,
+                routeList: steps,
+            };
+        }
+        if (time >= 3600) {
+            h = Math.floor(time / 3600);
+            m = Math.floor((time - h * 3600) / 60);
+            return {
+                time: `${h}小时${m}分`,
+                routeList: steps,
+            };
+        }
+    }
+
+    function clearHospitalList() {
+        hospitalList.value = [];
+        showHospitalList.value = false;
+    }
+</script>
+<style lang="less" scoped>
+    .outer {
+        height: 100%;
+        box-sizing: border-box;
+        background: url('/@/assets/images/bg.png') no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .title-d {
+        height: 80px;
+        line-height: 80px;
+        display: flex;
+        padding-bottom: 9px;
+        background: url('/@/assets/images/top-title.png') no-repeat;
+        background-size: 100% 100%;
+
+        .title-d-left,
+        .title-d-middle,
+        .title-d-right {
+            font-size: 27px;
+            color: #ffffff;
+            line-height: 60px;
+            text-align: center;
+        }
+
+        .title-d-middle {
+            .phone {
+                font-size: 27px;
+                margin-left: 4px;
+            }
+        }
+
+        > :nth-child(1) {
+            width: 29%;
+        }
+
+        > :nth-child(2) {
+            width: 42%;
+            font-size: 40px;
+            font-weight: bold;
+        }
+
+        > :nth-child(3) {
+            width: 29%;
+        }
+    }
+
+    .body-d {
+        display: flex;
+        height: calc(100% - 120px);
+        padding-top: 10px;
+
+        > :nth-child(1) {
+            width: 24%;
+        }
+
+        > :nth-child(2) {
+            width: 52%;
+        }
+
+        > :nth-child(3) {
+            width: 24%;
+        }
+
+        //.yichuan-body-left,
+        //.body-d-right {
+        //    text-align: center;
+        //}
+
+        .yichuan-body-left {
+            .service-details {
+                height: 33%;
+            }
+
+            .daily-work-trends {
+                height: 67%;
+            }
+        }
+
+        .body-d-right {
+            > :nth-child(n) {
+                width: 100%;
+                height: calc(100% / 3);
+                padding: 10px;
+            }
+        }
+
+        .body-d-middle {
+            display: flex;
+            flex-direction: column;
+        }
+    }
+
+    .bottom-d {
+        height: 40px;
+        background: url('/@/assets/images/bottom-b.png') no-repeat;
+        background-size: 100% 100%;
+    }
+</style>