From ff493d83d92cc4381a122684766077a5857acd39 Mon Sep 17 00:00:00 2001
From: xf <xiangfu0507@163.com>
Date: Wed, 2 Jul 2025 13:48:50 +0800
Subject: [PATCH] =?UTF-8?q?update:=20=E5=88=9D=E5=A7=8B=E5=8C=96=EF=BC=9A?=
 =?UTF-8?q?=E6=96=B0=E7=96=86=E5=A4=A7=E5=B1=8F=E5=9F=BA=E7=A1=80=E6=90=AD?=
 =?UTF-8?q?=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/indexSun/address.png               | Bin 0 -> 648 bytes
 src/assets/indexSun/bg.png                    | Bin 0 -> 21773 bytes
 src/assets/indexSun/bigBg.png                 | Bin 0 -> 38682 bytes
 src/assets/indexSun/footerBlue.png            | Bin 0 -> 5573 bytes
 src/assets/indexSun/footerGreen.png           | Bin 0 -> 5648 bytes
 src/assets/indexSun/point.png                 | Bin 0 -> 649 bytes
 src/assets/less/index.less                    |   1 -
 src/assets/mapUtils/map.ts                    |   1 +
 src/assets/mapUtils/mapConstant.ts            |   4 +-
 src/components/body-d-left/bodyLeftHooks.ts   |  15 +
 src/components/body-d-left/oneL.vue           |   6 +-
 src/components/xianMap/xianMap.vue            |   2 +
 src/hooks/theme/useTheme.ts                   |   2 +-
 src/router/index.ts                           |  10 +-
 src/utils/utils.ts                            |   2 +-
 .../components/phoneDialog/phoneDialog.vue    |   3 +-
 src/views/index.vue                           |   6 +-
 src/views/indexSun.vue                        | 145 ++++++
 src/views/indexSun/centerMap.vue              | 487 ++++++++++++++++++
 src/views/indexSun/indexSun.ts                | 126 +++++
 src/views/indexSun/oneL.vue                   | 227 ++++++++
 src/views/indexSun/oneR.vue                   |  97 ++++
 src/views/indexSun/threeL.vue                 |  90 ++++
 src/views/indexSun/twoL.vue                   | 272 ++++++++++
 24 files changed, 1482 insertions(+), 14 deletions(-)
 create mode 100644 src/assets/indexSun/address.png
 create mode 100644 src/assets/indexSun/bg.png
 create mode 100644 src/assets/indexSun/bigBg.png
 create mode 100644 src/assets/indexSun/footerBlue.png
 create mode 100644 src/assets/indexSun/footerGreen.png
 create mode 100644 src/assets/indexSun/point.png
 create mode 100644 src/views/indexSun.vue
 create mode 100644 src/views/indexSun/centerMap.vue
 create mode 100644 src/views/indexSun/indexSun.ts
 create mode 100644 src/views/indexSun/oneL.vue
 create mode 100644 src/views/indexSun/oneR.vue
 create mode 100644 src/views/indexSun/threeL.vue
 create mode 100644 src/views/indexSun/twoL.vue

diff --git a/src/assets/indexSun/address.png b/src/assets/indexSun/address.png
new file mode 100644
index 0000000000000000000000000000000000000000..52a90b90714576e56e72053e506dae413b0b2aea
GIT binary patch
literal 648
zcmV;30(bq1P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px%LP<nHR7gwBl*?-qQ543%Gl@xj)FL7%6{J!`7p`mz>MC2I-nf{lFZ5;=#GNP=
zcWwlw>bASQswTH-n+LdX(V(px7ybt>vJu3UP(#$@9vLyyBu!?f#e#Qv=eyr;zH`sH
zgdJYA!~Xa`0Lff=!U*sMW;z4tFcH-NDmNmul9-yRyH&w8K~|N<n!qdpqMr$YYZ`bE
zw_+~`K?VYns(6|}Zvh<exTh8o9_{8I4=u}T^=kV9lv4ZZ2!94J<hKc!V8u<b;0usa
z#UwzoTTCCA@XCN**V-5-;zW;GQ(9t|Cm_4Hc%;<|t^qi{A*Kp{AF|@{XrsNCUMMD*
zX|BgmNK2GE_coO%Qz(sVjrRaTj!^3{dHK?(&Vx#+P#uv~fG3@O;#q0N?zsX|`O<k1
z>;%q|mgsv|DOFqsDApD-AsshGS7`?&umNGW1l4LaSo`|z9YAL{63}yLUcBR)AgwAR
z4800q)cG?|elHr=I@>UnFJA$17C@k_Bd~eXiWOV|_QzDdlm_8O&jqeABSWBd5T65Z
z8|Zp!TGA3h&n~hB^YgFwH$%U^0EqaV0}!rDQ@rp6utjOLJjpQL02uawXb?Z!!$0r)
zo@A%jb4w@K2&@1Y83<uKmDA$xpzof~_20q!2;lH06UGxcEoR&jdIIdjncUJTZ3OIc
z9d*onnA=)k09%+WR8ErC_Iw-!VNROjmY)Xj4fvBpl}9!7)nkW-A4j9n=06AcG4$Q0
i+cE2RW=kd74)ixx+rb&Ypw<ll0000<MNUMnLSTY{2p!4*

literal 0
HcmV?d00001

diff --git a/src/assets/indexSun/bg.png b/src/assets/indexSun/bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0c4d8269a20b42ef260103ea2471c758e311a91
GIT binary patch
literal 21773
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
auh~Et|8oDvBe368=k&?5C&+%$MgIYKN-5_6

literal 0
HcmV?d00001

diff --git a/src/assets/indexSun/bigBg.png b/src/assets/indexSun/bigBg.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae8d490a61244be2241a6e30fb4e6b9c196b09bd
GIT binary patch
literal 38682
zcmeI4J!n%=6vuCxkXC86#UjNP40TaZh+7rGR-<iER7z)!3T}cZqJ!vDQM8~aB09L)
zxu}DKIy?t)b8%27y9f$J1jR-Ch)v&lkN$6N2Ei|WQxAtEFYlNC`MCF<zKgqd40kMC
zw$M4(F*;HibFMXVt}xJ6ta;u(f4sT&CwF9Qc$1rY*7wf2k{hiIjUV4V^XhI#TyD<~
zJv@42-M#N87EG`CG;lD!z5e~jN3RbT+B!>vk;}FCjq>hlZ}jxo%7!nfzjrFiy<8Fe
zputjq)m`phRcv&n`UkbgCmVm6*_U+X@`olz)`q`!)qT$UZz#Ff3vE5oiY*gE;j88E
zEDzBcj0P*Q>svL}-T>d+)q0|@O#t?{6sJe7?h7M~-ArrvzB{|hZg`^mZ1`%$>c#|v
z|L#s-h;jpClRaUCW%nigW42Wa?eW$AC;p2h@2yE^arnNGPUwd~I)NBQI!MQxe#knZ
zN<zU3R8XXYbhKfi*9n9SZE`4NkPg!EwrQ-el0~9VAS}+kooyWz(m^`1DaF2y_HC($
zEx|y@Ae~ewns$*6((!iq97ISF$|!|{h`>1v(m^`9D&+Vx5HcKpO2};OzVslO1;}Jx
zWQ2?|a!B(G0~mqRWCk!&p=i5{bdZkh(=vb&3K?d10wIHRkdAJ()jSMfXz@)w%<f1L
zN|OxINrj>t+DHfK$f}UpolwXyyAuc*q=R()`)thacstvAEHS$yMJSVGkPgz3q{0A3
zAY_=`(WOr6K{`ms+omyqA*ab1r7*iAMJTPyf2VZrzqxWfnFa7FzJ5m>N~HURnZC0g
z3>->uD3Qi_CIzsw97rj(hi&i#jE2<|=^&kSJ(6S>c9y01rgfQ}<xt2V9i-!J(|&zt
z`P=82n?D~ow)f_#7a#AAx13u%Th^xC{mk0XckS(kzW7?xXF=s(7DK}BES0+sxt&d)
zaJ8t~o1{@qtUo<*CC+VV`rNL8=wO<1ypmdyYyHslX=K33^vUxv0tYw}@`RNyh0dii
z-~h)*fNJHh^|KWRIKY{|0YeiwzZuK4BESKTmjG)kU-6yGuD}7#{HS5eB2!j?V+5i<
zx!HAo(XK1WEP!@~bj!-bJisv&Y5+%>m<Kq9LJi<36Y~JaP^bYMWnv!S7z#CjqfE>L
z97CZ7aFmI8fMY1s0FE*-4{!{H8o*H|<^hhOPy;y1#5}+;6lwrRnV1JShC&VCC=>Gl
z$55yN9A#o2;1~)ufTK*z0~|x425^*#d4OXm)cE(|Z0kKxa&GD5Xk}>J_g_2=H8Ip=
zQ!8@@Lrn}d`3U^cp{D;aIg^l0X5<`0p$2f2iFtryDAWLsGBFQu422rNQ6}aAj-gNk
zILgF4z%dkR07sda2RMd84d5sf^8m+Cr~w>hVxHd$r!Z69b8Gd)>HW1wP`S}9J1SF~
Hs%L%xzD0f~

literal 0
HcmV?d00001

diff --git a/src/assets/indexSun/footerBlue.png b/src/assets/indexSun/footerBlue.png
new file mode 100644
index 0000000000000000000000000000000000000000..a442c4bc6f2e82a32397265e680b8d77e4247a57
GIT binary patch
literal 5573
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

literal 0
HcmV?d00001

diff --git a/src/assets/indexSun/footerGreen.png b/src/assets/indexSun/footerGreen.png
new file mode 100644
index 0000000000000000000000000000000000000000..04a07d44d8af755d907ad29115389a1dfb8ea5b5
GIT binary patch
literal 5648
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
Rq(r;`J#CCuwT45~e*qLH9Wwv`

literal 0
HcmV?d00001

diff --git a/src/assets/indexSun/point.png b/src/assets/indexSun/point.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd12ba2a6409ae5f7f26d8b08015810278281876
GIT binary patch
literal 649
zcmV;40(Sk0P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px%LrFwIR7gw3l}$)gQ5462_dQb~lOkHxqD7n1MPSgP!Xgpc%s44;EC^>TXwjy2
zQ45D?(XLhnfy_)B?M{Smf*@Q-)S^u-f-L%2Bz<7n2Vx&idQXg)j5GH=M?$>Y`@iRR
z?m7Q^u409kTH*MtJ|LA!Ia`}r+AwB6N;QM2L!9>txj$nVK7J(nA*>3aH^}OtxZw1G
zY!3)h5V$tW^o0|i_tmBe1Y~o5zX-im_GnC@_Vsv?v2uL{U}R*Z=I!Un%fKmER*ycp
z?##|(ot+;`Ar*j3?oK;m?geB%4!i{R08Y6^z+cO>=XqY?-(Dp^`|p6wHh`=#8<Mfu
z_l))*&O<6?j%rSHMV?s!H*O8>Hby-Ps(ZqV&Lx!5{$1dZRVQ3Y#G_}dfNak16Co7@
zFi2Cc*D;#W{sgcwK=&fyMHgJRs6?5Y{s4;ZVCSfllMOZ5#;HF=K*LfuE$%M@q;-B!
zA@LAvUUyKJ3^EGTFB_22`HLXuLjc9hp9i^U{@j~{7u{y>fzIz0<Ut@nXq{DzyKo!W
zVRf3w)nvS*_=e_|&8FXg^|r$$E*b{f?1`9N2`~0I3=jeQfLpu*UIXobYtanLkH$zc
zdEj>-Kx<w5i~6)6M?-pH+nQ2lwxy^0aPg%tEbFk-TDw1~8w9$lgiI)hgFRi*r{((4
zah=ZPPb-mgz@|WuVnB&HYn!CjCYJ~5_x*KlL1GHkDk59JsRi>ziStBU{L;B&OJeoE
j%qn{jQo;X?u*CVl-3Y`PQ+WiH00000NkvXXu0mjfR5~qX

literal 0
HcmV?d00001

diff --git a/src/assets/less/index.less b/src/assets/less/index.less
index dc4ada8..f62a6a6 100644
--- a/src/assets/less/index.less
+++ b/src/assets/less/index.less
@@ -8,7 +8,6 @@ html, body, #app {
 }
 
 .type-time {
-	padding-top: 3%;
 	font-size: 16px;
 	display: flex;
 	justify-content: right;
diff --git a/src/assets/mapUtils/map.ts b/src/assets/mapUtils/map.ts
index efbdf91..0931ebf 100644
--- a/src/assets/mapUtils/map.ts
+++ b/src/assets/mapUtils/map.ts
@@ -35,6 +35,7 @@ export const Map = {
             }).then((res) => {
                 AMap = res;
                 const { zoom, center, mapStyle } = { ...defaultOption, ...option };
+                console.log(mapStyle, center, 'adjahdkjashkjd');
                 //基本地图加载
                 this.map = new AMap.Map(el, {
                     resizeEnable: true,
diff --git a/src/assets/mapUtils/mapConstant.ts b/src/assets/mapUtils/mapConstant.ts
index 0a57b03..c49f5a8 100644
--- a/src/assets/mapUtils/mapConstant.ts
+++ b/src/assets/mapUtils/mapConstant.ts
@@ -1,7 +1,7 @@
 // 地图默认配置
 export const defaultOption = {
-    center: [108.660704, 36.386058], //地图中心点
-    zoom: 6.5, //地图显示的缩放级别
+    center: [87.627313, 43.826809], //地图中心点
+    zoom: 11, //地图显示的缩放级别
     mapStyle: 'darkblue', //地图样式
 };
 export const YinChuanOption = {
diff --git a/src/components/body-d-left/bodyLeftHooks.ts b/src/components/body-d-left/bodyLeftHooks.ts
index ba76e77..b339c9a 100644
--- a/src/components/body-d-left/bodyLeftHooks.ts
+++ b/src/components/body-d-left/bodyLeftHooks.ts
@@ -85,6 +85,21 @@ export const sexType = [
     },
 ];
 
+export const timeTabNew = [
+    {
+        name: '本周',
+        value: '2',
+    },
+    {
+        name: '本月',
+        value: '3',
+    },
+    {
+        name: '本年',
+        value: '4',
+    },
+];
+
 export function useSpin() {
     const spinning = ref(true);
 
diff --git a/src/components/body-d-left/oneL.vue b/src/components/body-d-left/oneL.vue
index e494005..e3e3a31 100644
--- a/src/components/body-d-left/oneL.vue
+++ b/src/components/body-d-left/oneL.vue
@@ -1,12 +1,12 @@
 <template>
     <div class="common-card" :class="[themeType]">
-        <public-title title="服务详情数据" :themeType="themeType" />
+        <public-title title="服务详情数据" themeType="dark" />
         <div class="inner">
             <div class="type-time">
                 <span
                     v-for="(item, index) in typeTime"
                     :key="index"
-                    :class="[selectIndex === index ? 'select' : 'unSelect', themeType]"
+                    :class="[selectIndex === index ? 'select' : 'unSelect', 'dark']"
                     @click="handleSelect(index, item.value)"
                     >{{ item.name }}</span
                 >
@@ -16,7 +16,7 @@
                     v-for="(item, index) in statistics"
                     :key="index"
                     class="server-item"
-                    :class="[['gross', 'alerdyreceive'].includes(item.key) ? 'hasCursor' : '', themeType]"
+                    :class="[['gross', 'alerdyreceive'].includes(item.key) ? 'hasCursor' : '', 'dark']"
                     @click="handleClick(item)"
                 >
                     <span>{{ item?.name }}</span>
diff --git a/src/components/xianMap/xianMap.vue b/src/components/xianMap/xianMap.vue
index e56e661..b4680d2 100644
--- a/src/components/xianMap/xianMap.vue
+++ b/src/components/xianMap/xianMap.vue
@@ -208,9 +208,11 @@
     }
 
     onMounted(() => {
+        console.log(props.mapOptions);
         const op = { el: 'xianmapContainer', option: props.mapOptions, innerLineOption: innerLineLight, outerLineOption: outerLineOption };
         Map.initMap(op).then(() => {
             getMapData(tabList[0].type);
+            console.log(getMapData(tabList[0].type), 123);
             Map.map && Map.map.on('zoomend', setLevel);
             Map.map && Map.map.on('zoomend', setLevel);
         });
diff --git a/src/hooks/theme/useTheme.ts b/src/hooks/theme/useTheme.ts
index 7b55c80..f8f60c5 100644
--- a/src/hooks/theme/useTheme.ts
+++ b/src/hooks/theme/useTheme.ts
@@ -3,7 +3,7 @@ import { useUserStore } from '/@/store/modules/user.ts';
 import { setTheme } from '/@/assets/theme/themeList.ts';
 
 export function useTheme() {
-    const themeType = ref('light');
+    const themeType = ref('dark');
     onMounted(() => {
         const store = useUserStore();
         nextTick(() => {
diff --git a/src/router/index.ts b/src/router/index.ts
index 8ee2047..f220d59 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -23,7 +23,15 @@ const routes: Array<RouteRecordRaw> = [
         meta: {
             title: '副屏',
         },
-        component: () => import('/@/views/indexSon.vue'),
+        component: () => import('/@/views/indexSun.vue'),
+    },
+    {
+        path: '/home1',
+        name: 'index1',
+        meta: {
+            title: '副屏1',
+        },
+        component: () => import('/@/views/index.vue'),
     },
 ];
 
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index e14145b..be8a06c 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -12,7 +12,7 @@ export function getZero(num: any) {
 
 export function useTopTime(startDay = '2018-10-01') {
     startDay = startDay || '2018-10-01';
-    const timeLeft = dayjs().format('YYYY年MM月DD日 HH时mm分ss秒');
+    const timeLeft = dayjs().format('YYYY年MM月DD日 HH:mm:ss');
     const timeRight = dayjs().diff(dayjs(startDay), 'day') + '天';
     // +
     // getZero(dayjs().diff(dayjs(dayjs().format('YYYY-MM-DD') + ' 00:00:00'), 'hours')) +
diff --git a/src/views/components/phoneDialog/phoneDialog.vue b/src/views/components/phoneDialog/phoneDialog.vue
index 426016c..afa204d 100644
--- a/src/views/components/phoneDialog/phoneDialog.vue
+++ b/src/views/components/phoneDialog/phoneDialog.vue
@@ -14,7 +14,6 @@
                 :class="[themeType]"
                 :key="visible"
                 :columns="columns"
-                :api="getPhoneList"
                 :apiParams="formState"
             ></BasicTable>
         </template>
@@ -27,7 +26,7 @@
     import BasicTable from '/@/components/secondaryScreen/secondMap/components/basicTable/BasicTable.vue';
     import { Form } from 'ant-design-vue';
     import { SexType, sexTypeList } from '/@/utils/settings.ts';
-    import { getPhoneList } from '/@/views/yinChuan/yinChuan.api.ts';
+    // import { getPhoneList } from '/@/views/yinChuan/yinChuan.api.ts';
     import { useTheme } from '/@/hooks/theme/useTheme.ts';
 
     const props = defineProps({
diff --git a/src/views/index.vue b/src/views/index.vue
index b370dd1..6973fa7 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -10,8 +10,8 @@
         </div>
         <div class="body-d">
             <div class="body-d-left" :class="[themeType]">
-                <one-l theme="light" :setting="setting" :refreshState="refreshState" @handleClick="handlePhoneDialog" />
-                <two-l theme="light" :key="tabState" :refreshState="refreshState" @view-detail="viewDetail" />
+                <one-l theme="dark" :setting="setting" :refreshState="refreshState" @handleClick="handlePhoneDialog" />
+                <two-l theme="dark" :key="tabState" :refreshState="refreshState" @view-detail="viewDetail" />
                 <three-l :key="tabState" :setting="setting" :refreshState="refreshState" />
             </div>
             <div class="body-d-middle">
@@ -91,7 +91,7 @@
         openTestModal();
         document.addEventListener('visibilitychange', checkTabState);
         //设置主题
-        store.setThemeType(ThemeType.light);
+        store.setThemeType(ThemeType.dark);
     });
     const { themeType } = useTheme();
     onUnmounted(() => {
diff --git a/src/views/indexSun.vue b/src/views/indexSun.vue
new file mode 100644
index 0000000..8b4cc33
--- /dev/null
+++ b/src/views/indexSun.vue
@@ -0,0 +1,145 @@
+<template>
+    <div class="outer">
+        <login-out-button out-url="login" />
+        <div class="title-d outer-title">
+            <div class="title-d-left">
+                {{ dayTimeO }}
+            </div>
+            <div class="title-d-middle"> 应急就医服务中心</div>
+            <div class="title-d-right"> 累计运行时间：{{ dayTimeT }}</div>
+        </div>
+        <div class="body-d">
+            <div class="body-d-left">
+                <OneL />
+                <twoL />
+                <threeL />
+            </div>
+            <div class="body-d-middle">
+                <CenterMap />
+            </div>
+            <div class="body-d-right">
+                <oneR :title="'体检数据'" :type="1" />
+                <oneR :title="'健康打卡数据'" :type="2" />
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+    import LoginOutButton from '/@/views/components/loginOutButton.vue';
+    import { onMounted, onUnmounted, ref } from 'vue';
+    import { useTopTime } from '/@/utils/utils.ts';
+    import OneL from '/@/views/indexSun/oneL.vue';
+    import twoL from '/@/views/indexSun/twoL.vue';
+    import threeL from '/@/views/indexSun/threeL.vue';
+    import oneR from '/@/views/indexSun/oneR.vue';
+    import CenterMap from '/@/views/indexSun/centerMap.vue';
+    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;
+    }
+    onMounted(() => {
+        init();
+    });
+    onUnmounted(() => {
+        clearInterval(interval.value);
+    });
+</script>
+<style lang="less" scoped>
+    .outer {
+        height: 100%;
+        box-sizing: border-box;
+        background: url('/@/assets/indexSun/bigBg.png') no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+        .title-d {
+            height: 80px;
+            line-height: 60px;
+            display: flex;
+            color: #fff;
+            background: url('/@/assets/indexSun/bg.png') no-repeat;
+            background-size: 100% 100%;
+            .title-d-left,
+            .title-d-middle,
+            .title-d-right {
+                font-size: 22px;
+                text-align: center;
+                font-weight: bold;
+                letter-spacing: 1px;
+            }
+            > :nth-child(1) {
+                width: 20%;
+            }
+
+            > :nth-child(2) {
+                width: 60%;
+                font-size: 50px;
+                line-height: 80px;
+                letter-spacing: 10px;
+                text-shadow: 2px 2px 5px rgba(118, 141, 219, 0.53);
+                font-weight: bold;
+            }
+
+            > :nth-child(3) {
+                width: 20%;
+            }
+        }
+        .body-d {
+            display: flex;
+            height: calc(100% - 80px);
+            justify-content: space-between;
+            padding: 10px 20px 0;
+            > :nth-child(1) {
+                width: 22%;
+            }
+            > :nth-child(2) {
+                width: 50%;
+            }
+            > :nth-child(3) {
+                width: 24.5%;
+            }
+            .body-d-left {
+                display: flex;
+                flex-direction: column;
+                > div {
+                    border: 1px solid #00ccff;
+                    border-radius: 14px;
+                }
+                > :nth-child(2) {
+                    height: 37%;
+                }
+                > :nth-child(3) {
+                    height: 37%;
+                }
+                > :nth-child(n + 1) {
+                    margin-bottom: 15px;
+                }
+            }
+            .body-d-right {
+                display: flex;
+                flex-direction: column;
+                > div {
+                    border: 1px solid #00ccff;
+                    border-radius: 14px;
+                    height: 48.5%;
+                }
+                > :nth-child(n + 1) {
+                    margin-bottom: 15px;
+                }
+            }
+            .body-d-middle {
+                display: flex;
+                flex-direction: column;
+            }
+        }
+    }
+</style>
diff --git a/src/views/indexSun/centerMap.vue b/src/views/indexSun/centerMap.vue
new file mode 100644
index 0000000..4ed4652
--- /dev/null
+++ b/src/views/indexSun/centerMap.vue
@@ -0,0 +1,487 @@
+<template>
+    <div class="sun-center-map">
+        <div class="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 class="map">
+                <div style="flex: 1; overflow: hidden; margin: 0 0 10px">
+                    <div id="xianmapContainer" class="xianmapContainer"></div>
+                </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 :style="{ color: item.color }"><img :src="item.img" alt="" class="legend-img" /> {{ item.text }}</div>
+                </div>
+            </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>
+</template>
+<script setup lang="ts">
+    import { ref, onMounted } from 'vue';
+    import { tabList, legendList } from '/@/views/indexSun/indexSun.ts';
+    import { message } from 'ant-design-vue';
+    import { innerLineLight, outerLineOption } from '/@/assets/mapUtils/mapConstant.ts';
+    import { Map } from '/@/assets/mapUtils/map.ts';
+    import { aircraft, getKmStr, getTimeStr, mapApiSwitch, TabType } from '/@/components/xianMap/xianMapHooks.ts';
+    import { useDetailStore } from '/@/store/modules/detailData.ts';
+
+    const list = ref(tabList);
+    const currentIndex = ref(0);
+    let searchFlag = ref(false);
+    const formState = ref({
+        start: '',
+        end: '',
+    });
+    const props = defineProps({
+        //是否展示底部统计
+        showFooter: {
+            type: Boolean,
+            default: () => {
+                return true;
+            },
+        },
+    });
+    const useDetail = useDetailStore();
+    const showRoutePanel = ref(false);
+    const panelTitle = ref();
+    const level = ref(0);
+    const routeList = ref([]);
+    const emits = defineEmits(['clearHospitalList']);
+    const showDrivingPanel = ref(false);
+    onMounted(() => {
+        const op = {
+            el: 'xianmapContainer',
+            innerLineOption: innerLineLight,
+            outerLineOption: outerLineOption,
+        };
+        Map.initMap(op).then(() => {
+            getMapData(tabList[0].type);
+            Map.map && Map.map.on('zoomend', setLevel);
+            Map.map && Map.map.on('zoomend', setLevel);
+        });
+    });
+    function setLevel() {
+        //获取当前地图级别
+        level.value = Map.map.getZoom();
+    }
+    function removeInput() {
+        formState.value.start = '';
+        formState.value.end = '';
+        searchFlag.value = false;
+    }
+    function changeTab(item, i: number) {
+        currentIndex.value = i;
+        Map.clearActiveHospital();
+        closeDrivingElement();
+        Map.map.off('moveend', logMapinfo);
+        if (TabType.diFangYiYuan == item.type) {
+            let { lng, lat } = Map.getMapCenter();
+            Map.getAddressByPoint([lng, lat]).then((text, data) => {
+                // console.log('data', data, data.citycode);
+            });
+            Map.removeOverlayGroup();
+            Map.map.on('moveend', logMapinfo);
+            return;
+        }
+        if (TabType.zhiShengJi == item.type) {
+            Map.createAircraft(aircraft);
+            return;
+        } else {
+            getMapData(item.type, { type: item.type });
+        }
+    }
+    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') {
+                //  console.log('绘制驾车路线完成');
+                searchFlag.value = false;
+            } else {
+                console.log('获取驾车数据失败：', result);
+                searchFlag.value = false;
+            }
+        });
+        AMap.Event.addListener(driving, 'complete', (res) => {
+            const data = JSON.parse(JSON.stringify(res));
+            searchFlag.value = false;
+            console.log('查询结果', data);
+            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;
+            }
+        });
+    }
+    async function getMapData(type, params = {}) {
+        try {
+            const { code, result } = await mapApiSwitch(type, params);
+            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>`;
+                            },
+                        },
+                        () => {},
+                        true
+                    );
+                } else {
+                    Map.removeOverlayGroup();
+                }
+            }
+        } catch (e) {
+            console.warn(e);
+        }
+    }
+    function closeDrivingElement() {
+        Map.clearNavigationElements();
+        formState.value.start = '';
+        formState.value.end = '';
+        showDrivingPanel.value = false;
+        emits('clearHospitalList');
+    }
+    function setTitle({ time, distance }) {
+        let str = '全程';
+        str += getTimeStr(time);
+        str += getKmStr(distance);
+        panelTitle.value = str;
+    }
+    function outClick() {
+        showRoutePanel.value = false;
+    }
+
+    const currentCityCode = ref('');
+    function logMapinfo() {
+        Map.map.getCity(function (info) {
+            const { citycode } = info;
+            if (currentCityCode.value != citycode) {
+                Map.createActiveHospital(citycode);
+                currentCityCode.value = citycode;
+            }
+        });
+    }
+</script>
+
+<style lang="less" scoped>
+    .sun-center-map {
+        flex: 1;
+        color: #fff;
+        display: flex;
+        flex-direction: column;
+        align-content: space-between;
+        position: relative;
+        .map-box {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            position: relative;
+            .tab-list {
+                display: flex;
+                flex-wrap: wrap;
+                justify-content: space-around;
+                font-size: 16px;
+                letter-spacing: 1px;
+                .tab {
+                    width: calc(100% / 8);
+                    height: 40px;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    color: #ffffff;
+                    background: #082147;
+                    border-radius: 8px;
+                    cursor: pointer;
+                    transition: all 0.3s;
+
+                    &.active {
+                        color: #00ccff;
+                        background: #073063;
+                        font-weight: bold;
+                    }
+                }
+            }
+            .route-navigation {
+                --fontColor: #607ddb;
+                margin: 12px 0;
+                width: 100%;
+                height: 46px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                border-radius: 6px;
+                position: absolute;
+                top: 36px;
+                z-index: 999;
+                transition: all 0.3s;
+
+                :deep(.form-item-self) {
+                    label {
+                        color: var(--fontColor) !important;
+                    }
+
+                    .ant-input {
+                        width: 280px;
+                        border-radius: 2px 2px 2px 2px;
+                        color: var(--fontColor);
+                        background: #d7ddf6;
+                        border: 1px solid #a8bcff;
+
+                        &::placeholder {
+                            color: var(--fontColor);
+                        }
+                    }
+                }
+
+                .reset-btn {
+                    width: 64px;
+                    height: 32px;
+                    border-radius: 5px;
+                    color: var(--fontColor);
+                    background: #c7d4ff;
+                    border: 1px solid #7092ff;
+                }
+
+                .search-btn {
+                    margin-left: 10px;
+                    width: 120px;
+                    height: 32px;
+                    color: #fff;
+                    background: #6d8bf1;
+                    border-radius: 5px;
+                }
+
+                .line-container {
+                    position: absolute;
+                    right: 0;
+                    top: 54px;
+                    width: 288px;
+                    padding: 9px 18px;
+                    min-height: 200px;
+                    max-height: 473px;
+                    overflow: auto;
+                    background: rgba(0, 0, 0, 0.7);
+                    border-radius: 2px;
+                    //border: 1px solid #1b7ef2;
+
+                    .line-title {
+                        margin-bottom: 9px;
+                        font-size: 14px;
+                        font-weight: 700;
+                        color: var(--cardFontColor);
+                    }
+
+                    .line-content {
+                        font-size: 12px;
+                        color: var(--cardFontColor);
+
+                        .start {
+                            display: flex;
+                            align-items: center;
+
+                            &::before {
+                                content: '起';
+                                color: var(--cardFontFFF);
+                                width: 20px;
+                                height: 20px;
+                                margin-right: 7px;
+                                display: flex;
+                                align-items: center;
+                                justify-content: center;
+                                border-radius: 50%;
+                                background: var(--circelBg);
+                            }
+                        }
+
+                        .end {
+                            display: flex;
+                            align-items: center;
+
+                            &::before {
+                                content: '终';
+                                color: var(--cardFontFFF);
+                                width: 20px;
+                                height: 20px;
+                                margin-right: 7px;
+                                display: flex;
+                                align-items: center;
+                                justify-content: center;
+                                border-radius: 50%;
+                                background: var(--circelBg);
+                            }
+                        }
+
+                        .line-body {
+                            display: flex;
+                            color: var(--cardFontColor);
+                        }
+
+                        .line {
+                            width: 1px;
+                            background-color: var(--circelBg);
+                            margin: 5px 19px 5px 8px;
+                        }
+
+                        .line-desc {
+                            flex: 1;
+                        }
+                    }
+
+                    .empty-data {
+                        margin-top: 30%;
+                        text-align: center;
+                    }
+                }
+            }
+            .map {
+                display: flex;
+                flex: 1;
+                .xianmapContainer {
+                    flex: 1;
+                    height: calc(100% + 22px);
+                    margin: 10px 0;
+                }
+            }
+            .map-legend {
+                position: absolute;
+                bottom: 20px;
+                left: 10px;
+                padding: 0 20px 0 10px;
+                display: flex;
+                border-radius: 6px;
+                flex-direction: column;
+
+                .legend-item {
+                    width: 100%;
+                    font-size: 14px;
+                    font-weight: 400;
+                    margin: 5px 0;
+                    color: #607ddb;
+                    letter-spacing: 2px;
+                    .legend-img {
+                        width: 20px;
+                        margin-right: 5px;
+                    }
+                }
+            }
+        }
+        .center-footer {
+            position: absolute;
+            left: 50%;
+            bottom: 20px;
+            transform: translateX(-50%);
+            display: flex;
+            justify-content: center;
+            margin-bottom: 10px;
+            gap: 20px;
+            > :nth-child(1) {
+                background: url('/@/assets/indexSun/footerBlue.png') no-repeat;
+                background-size: 100% 100%;
+                color: #22e8ff;
+                margin-right: 80px;
+            }
+            > :nth-child(2) {
+                background: url('/@/assets/indexSun/footerGreen.png') no-repeat;
+                background-size: 100% 100%;
+                color: #45ffa1;
+            }
+            .count-item {
+                width: 240px;
+                height: 120px;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                //background: url('/@/assets/images/footer-num.png') no-repeat;
+                //border-radius: 14px;
+
+                .num {
+                    font-size: 24px;
+                    font-weight: 700;
+                }
+
+                .text {
+                    font-size: 16px;
+                    font-weight: 400;
+                }
+            }
+        }
+    }
+</style>
diff --git a/src/views/indexSun/indexSun.ts b/src/views/indexSun/indexSun.ts
new file mode 100644
index 0000000..2740953
--- /dev/null
+++ b/src/views/indexSun/indexSun.ts
@@ -0,0 +1,126 @@
+import * as echarts from 'echarts';
+import { legend1, legend2, legend3, legend4, legend5 } from '/@/components/xianMap/xianMapHooks.ts';
+export const legend1 = new URL('/@/assets/img/legend1.png', import.meta.url).href;
+export const legend2 = new URL('/@/assets/img/legend2.png', import.meta.url).href;
+export const legend3 = new URL('/@/assets/img/legend3.png', import.meta.url).href;
+export const legend4 = new URL('/@/assets/img/legend4.png', import.meta.url).href;
+export const legend5 = new URL('/@/assets/img/legend5.png', import.meta.url).href;
+export function getClassCharts(dx, dy) {
+    return {
+        grid: {
+            top: 40,
+            bottom: 40,
+            left: '60',
+        },
+        xAxis: {
+            type: 'category',
+            data: dx,
+            axisTick: {
+                show: false,
+                lineStyle: {
+                    color: 'rgba(101, 198, 231, .1)',
+                },
+            },
+            axisLabel: {
+                color: '#C9DAFF',
+                fontSize: 12,
+            },
+            axisLine: {
+                lineStyle: {
+                    color: '#65C6E7', // 设置轴线颜色为红色
+                },
+            },
+        },
+        yAxis: {
+            type: 'value',
+            name: '次数',
+            // nameLocation: 'end', // 将单位名称位置设置为起始位置
+            // nameGap: 10,
+            // nameRotate: 0, // 设置旋转角度，0 表示水平
+            nameTextStyle: {
+                fontSize: 12,
+                color: '#65C6E7',
+                left: 100,
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: 'rgba(101, 198, 231, .1)',
+                    width: 1,
+                    type: 'solid',
+                },
+            },
+            interval: 25, // 步长
+            min: 0, // 起始 - 设置y轴刻度的最小值
+            max: 100, // 终止 - 设置y轴刻度的最大值
+            axisLabel: {
+                color: '#65C6E7',
+                formatter: function (value, index) {
+                    return value;
+                },
+            },
+        },
+        series: [
+            {
+                data: dy.map((item) => {
+                    return {
+                        value: item,
+                        itemStyle: {
+                            color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                                { offset: 0, color: '#5ABFFF' },
+                                { offset: 0.2, color: 'rgba(30, 166, 253, .5)' },
+                                { offset: 0.5, color: 'rgba(30, 166, 253, .1)' },
+                                { offset: 0.8, color: 'rgba(30, 166, 253, .5)' },
+                                { offset: 1, color: '#5ABFFF' },
+                            ]),
+                            borderColor: '#51caf5', // 黑色边框
+                            borderWidth: item ? 1 : 0,
+                        },
+                    };
+                }),
+                label: {
+                    show: true, // 显示标签
+                    position: 'top', // 标签显示在柱子顶部
+                    color: '#51caf5', // 设置字体颜色
+                    fontSize: 12, // 设置字体大小
+                },
+                type: 'bar',
+                barWidth: 18,
+            },
+        ],
+    };
+}
+export enum TabType {
+    all = '', //所有资源
+    youTianYiYuan = '1', //油田医院
+    jianKangXiaoWu = '2', //健康小屋
+    jiuHuChe = '5', //救护车
+}
+export const tabList = [
+    {
+        name: '所有资源',
+        type: TabType.all,
+    },
+    {
+        name: '健康小屋',
+        type: TabType.jianKangXiaoWu,
+    },
+    {
+        name: '油田医院',
+        type: TabType.youTianYiYuan,
+    },
+    {
+        name: '救护车',
+        type: TabType.jiuHuChe,
+    },
+    {
+        name: '急救路线',
+    },
+];
+export const legendList = [
+    { img: legend1, text: '油田医院', color: '#D86AF7' },
+    { img: legend2, text: '医疗点', color: '#39D78B' },
+    { img: legend3, text: '救护车', color: '#EE7E31' },
+    { img: legend4, text: '合作医院', color: '#3BAAFA' },
+    { img: legend5, text: '地方医院', color: '#1BEFF6' },
+];
diff --git a/src/views/indexSun/oneL.vue b/src/views/indexSun/oneL.vue
new file mode 100644
index 0000000..d766550
--- /dev/null
+++ b/src/views/indexSun/oneL.vue
@@ -0,0 +1,227 @@
+<template>
+    <div class="one-l-box">
+        <div class="title"> 服务详情数据 </div>
+        <div class="content">
+            <div class="type-time">
+                <div @click="clickChooseType('0')" :class="[chooseType === '0' ? 'selected' : 'no-selected']">
+                    本周
+                    <div>
+                        <div v-if="chooseType === '0'" class="triangle"></div>
+                    </div>
+                </div>
+                <div @click="clickChooseType('1')" :class="[chooseType === '1' ? 'selected' : 'no-selected']">
+                    本月
+                    <div>
+                        <div v-if="chooseType === '1'" class="triangle"></div>
+                    </div>
+                </div>
+                <div @click="clickChooseType('2')" :class="[chooseType === '2' ? 'selected' : 'no-selected']">
+                    本年
+                    <div>
+                        <div v-if="chooseType === '2'" class="triangle"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="server-container">
+                <div v-for="(item, index) in statistics" class="server-item" :key="index">
+                    <span>{{ item?.name }}</span>
+                    <span>{{ item?.value }}123</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+    import { ref } from 'vue';
+    import { useStatistics } from '/@/components/body-d-left/bodyLeftHooks.ts';
+
+    const chooseType = ref('0');
+    const { statistics, setStatistics, getStatistics } = useStatistics();
+
+    function clickChooseType(index) {
+        if (chooseType.value === index) return;
+        chooseType.value = index;
+    }
+</script>
+<style lang="less" scoped>
+    .one-l-box {
+        background: rgba(8, 75, 100, 0.2);
+        .title {
+            height: 40px;
+            border-radius: 14px 14px 0 0;
+            font-weight: bold;
+            font-size: 20px;
+            letter-spacing: 2px;
+            color: #ffffff;
+            line-height: 40px;
+            padding: 0 20px;
+            background: linear-gradient(to right, rgba(8, 75, 100, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
+        }
+        .content {
+            height: calc(100% - 40px);
+            display: flex;
+            flex-direction: column;
+            .type-time {
+                padding-top: 10px;
+                margin-right: 10px;
+                font-size: 14px;
+                > div {
+                    cursor: pointer;
+                    padding: 3px 15px;
+                    margin: 0 10px;
+                    display: flex;
+                    align-items: center;
+                }
+                .selected {
+                    color: #00ccff;
+                    background: rgba(0, 204, 255, 0.2);
+                    position: relative;
+                    &:before {
+                        content: '';
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                        width: 8px; /* 线条宽度 */
+                        height: 8px; /* 线条高度 */
+                        border-top: 3px solid #00ccff; /* 顶部线条 */
+                        border-left: 3px solid #00ccff; /* 左侧线条 */
+                    }
+
+                    &:after {
+                        content: '';
+                        position: absolute;
+                        bottom: 0;
+                        right: 0;
+                        width: 8px; /* 线条宽度 */
+                        height: 8px; /* 线条高度 */
+                        border-bottom: 3px solid #00ccff; /* 顶部线条 */
+                        border-right: 3px solid #00ccff; /* 左侧线条 */
+                    }
+                    > div {
+                        position: absolute;
+                        width: 100%;
+                        height: 100%;
+                        top: 0;
+                        left: 0;
+
+                        &:before {
+                            content: '';
+                            position: absolute;
+                            top: 0;
+                            right: 0;
+                            width: 8px; /* 线条宽度 */
+                            height: 8px; /* 线条高度 */
+                            border-top: 3px solid #00ccff; /* 顶部线条 */
+                            border-right: 3px solid #00ccff; /* 左侧线条 */
+                        }
+
+                        &:after {
+                            content: '';
+                            position: absolute;
+                            bottom: 0;
+                            left: 0;
+                            width: 8px; /* 线条宽度 */
+                            height: 8px; /* 线条高度 */
+                            border-bottom: 3px solid #00ccff; /* 顶部线条 */
+                            border-left: 3px solid #00ccff; /* 左侧线条 */
+                        }
+                    }
+                }
+                .no-selected {
+                    color: #b6b6b6;
+                    background: rgba(26, 69, 126, 0.2);
+                    position: relative;
+                    &:before {
+                        content: '';
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                        width: 8px; /* 线条宽度 */
+                        height: 8px; /* 线条高度 */
+                        border-top: 3px solid #1a457e; /* 顶部线条 */
+                        border-left: 3px solid #1a457e; /* 左侧线条 */
+                    }
+
+                    &:after {
+                        content: '';
+                        position: absolute;
+                        bottom: 0;
+                        right: 0;
+                        width: 8px; /* 线条宽度 */
+                        height: 8px; /* 线条高度 */
+                        border-bottom: 3px solid #1a457e; /* 顶部线条 */
+                        border-right: 3px solid #1a457e; /* 左侧线条 */
+                    }
+                    > div {
+                        position: absolute;
+                        width: 100%;
+                        height: 100%;
+                        top: 0;
+                        left: 0;
+
+                        &:before {
+                            content: '';
+                            position: absolute;
+                            top: 0;
+                            right: 0;
+                            width: 8px; /* 线条宽度 */
+                            height: 8px; /* 线条高度 */
+                            border-top: 3px solid #1a457e; /* 顶部线条 */
+                            border-right: 3px solid #1a457e; /* 左侧线条 */
+                        }
+
+                        &:after {
+                            content: '';
+                            position: absolute;
+                            bottom: 0;
+                            left: 0;
+                            width: 8px; /* 线条宽度 */
+                            height: 8px; /* 线条高度 */
+                            border-bottom: 3px solid #1a457e; /* 顶部线条 */
+                            border-left: 3px solid #1a457e; /* 左侧线条 */
+                        }
+                    }
+                }
+                .triangle {
+                    position: absolute;
+                    left: 50%;
+                    bottom: 0;
+                    transform: translateX(-50%);
+                    width: 0;
+                    height: 0;
+                    border-left: 5px solid transparent; /* 左边透明 */
+                    border-right: 5px solid transparent; /* 右边透明 */
+                    border-bottom: 6px solid #00ccff; /* 底部为黑色，形成三角形 */
+                }
+            }
+            .server-container {
+                color: #fff;
+                flex: 1;
+                display: flex;
+                flex-direction: column;
+                justify-content: space-around;
+                overflow-y: auto;
+                position: relative;
+                font-size: 16px;
+                font-weight: bold;
+                letter-spacing: 2px;
+                margin-top: 10px;
+                padding-bottom: 10px;
+                .spin {
+                    position: absolute;
+                    left: 50%;
+                    top: 50%;
+                }
+            }
+            .server-item {
+                //    font-size: 16px;
+                padding: 5px 3% 5px 5%;
+                &.hasCursor {
+                    cursor: pointer;
+                }
+                display: flex;
+                justify-content: space-between;
+            }
+        }
+    }
+</style>
diff --git a/src/views/indexSun/oneR.vue b/src/views/indexSun/oneR.vue
new file mode 100644
index 0000000..43f0f65
--- /dev/null
+++ b/src/views/indexSun/oneR.vue
@@ -0,0 +1,97 @@
+<template>
+    <div class="three-l-box">
+        <div class="title">
+            <span>{{ props.title }}</span>
+            <span class="look-view">查看详情</span>
+        </div>
+        <div class="content">
+            <div class="content-item">
+                <template v-if="scrollList.length > 0">
+                    <vue3-seamless-scroll :list="scrollList" class="scroll" :hover="true" :limitScrollNum="5" v-bind="{ step: 0.2 }">
+                        <div class="item-d" v-for="(item, index) in scrollList" :key="index">
+                            <div>张二雷{{ index }}</div>
+                            <div>40岁</div>
+                            <div :style="{ color: props.type == 1 ? '#f24439' : '#f6ff00' }">体重(超重)</div>
+                            <div>2025-10-26 22:29:58</div>
+                        </div>
+                    </vue3-seamless-scroll>
+                </template>
+                <template v-else>
+                    <div style="height: 100%; width: 100%; display: flex; align-items: center; justify-content: center">
+                        <Empty :description="'暂无数据'" />
+                    </div>
+                </template>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+    import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+    import { Empty } from 'ant-design-vue';
+    import { ref, onMounted } from 'vue';
+    import pointPng from '/@/assets/indexSun/point.png';
+    import addressPng from '/@/assets/indexSun/address.png';
+    const loading = ref(true);
+    const props = defineProps({
+        title: {
+            type: String,
+            default: '',
+        },
+        type: {
+            type: Number,
+            default: 1,
+        },
+    });
+    const scrollList = ref<any[]>([{}, {}, {}, {}, {}, {}, {}, {}]);
+</script>
+<style lang="less" scoped>
+    .three-l-box {
+        background: rgba(8, 75, 100, 0.2);
+        display: flex;
+        flex-direction: column;
+        .title {
+            height: 40px;
+            border-radius: 14px 14px 0 0;
+            font-weight: bold;
+            font-size: 20px;
+            letter-spacing: 2px;
+            color: #ffffff;
+            line-height: 40px;
+            padding: 0 20px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            background: linear-gradient(to right, rgba(8, 75, 100, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
+            .look-view {
+                font-size: 14px;
+                cursor: pointer;
+            }
+        }
+        .content {
+            padding: 10px 20px;
+            height: calc(100% - 40px);
+            .content-item {
+                height: 100%;
+                overflow: hidden;
+                .item-d {
+                    border-bottom: 1px solid #0076b4;
+                    height: 40px;
+                    display: flex;
+                    align-items: center;
+                    color: #ffffff;
+                    justify-content: space-between;
+                    font-size: 14px;
+                    cursor: pointer;
+                    .item-d-img {
+                        img {
+                            display: inline-block;
+                            width: 24px;
+                            height: 24px;
+                            cursor: pointer;
+                        }
+                    }
+                }
+            }
+        }
+    }
+</style>
diff --git a/src/views/indexSun/threeL.vue b/src/views/indexSun/threeL.vue
new file mode 100644
index 0000000..084113e
--- /dev/null
+++ b/src/views/indexSun/threeL.vue
@@ -0,0 +1,90 @@
+<template>
+    <div class="three-l-box">
+        <div class="title">
+            <span>健康终端报警</span>
+            <span class="look-view">查看详情</span>
+        </div>
+        <div class="content">
+            <div class="content-item">
+                <template v-if="scrollList.length > 0">
+                    <vue3-seamless-scroll :list="scrollList" class="scroll" :hover="true" :limitScrollNum="5" v-bind="{ step: 0.2 }">
+                        <div class="item-d" v-for="(item, index) in scrollList" :key="index">
+                            <div>张二雷{{ index }}</div>
+                            <div style="color: #f6ff00">压力异常(82)</div>
+                            <div>2025-10-26 22:29:58</div>
+                            <div class="item-d-img">
+                                <img :src="pointPng" alt="" />
+                                <img :src="addressPng" alt="" />
+                            </div>
+                        </div>
+                    </vue3-seamless-scroll>
+                </template>
+                <template v-else>
+                    <div style="height: 100%; width: 100%; display: flex; align-items: center; justify-content: center">
+                        <Empty :description="'暂无数据'" />
+                    </div>
+                </template>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+    import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+    import { Empty } from 'ant-design-vue';
+    import { ref, onMounted } from 'vue';
+    import pointPng from '/@/assets/indexSun/point.png';
+    import addressPng from '/@/assets/indexSun/address.png';
+    const loading = ref(true);
+    const scrollList = ref<any[]>([{}, {}, {}, {}, {}, {}, {}, {}]);
+</script>
+<style lang="less" scoped>
+    .three-l-box {
+        background: rgba(8, 75, 100, 0.2);
+        display: flex;
+        flex-direction: column;
+        .title {
+            height: 40px;
+            border-radius: 14px 14px 0 0;
+            font-weight: bold;
+            font-size: 20px;
+            letter-spacing: 2px;
+            color: #ffffff;
+            line-height: 40px;
+            padding: 0 20px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            background: linear-gradient(to right, rgba(8, 75, 100, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
+            .look-view {
+                font-size: 14px;
+                cursor: pointer;
+            }
+        }
+        .content {
+            padding: 10px 20px;
+            height: calc(100% - 40px);
+            .content-item {
+                height: 100%;
+                overflow: hidden;
+                .item-d {
+                    border-bottom: 1px solid #0076b4;
+                    height: 40px;
+                    display: flex;
+                    align-items: center;
+                    color: #ffffff;
+                    justify-content: space-between;
+                    font-size: 14px;
+                    cursor: pointer;
+                    .item-d-img {
+                        img {
+                            display: inline-block;
+                            width: 24px;
+                            height: 24px;
+                            cursor: pointer;
+                        }
+                    }
+                }
+            }
+        }
+    }
+</style>
diff --git a/src/views/indexSun/twoL.vue b/src/views/indexSun/twoL.vue
new file mode 100644
index 0000000..b5feb1e
--- /dev/null
+++ b/src/views/indexSun/twoL.vue
@@ -0,0 +1,272 @@
+<template>
+    <div class="two-l-box">
+        <div class="title">
+            <span>主诉分类</span>
+            <span class="look-view">查看详情</span>
+        </div>
+        <div class="content">
+            <div class="content-search">
+                <div class="type-select">
+                    <a-select v-model:value="selectValue" class="type-select" :options="selectOptions">
+                        <a-select-option value="全部数据">全部数据</a-select-option>
+                    </a-select>
+                </div>
+                <div class="type-time">
+                    <div @click="clickChooseType('0')" :class="[chooseType === '0' ? 'selected' : 'no-selected']">
+                        全部
+                        <div>
+                            <div v-if="chooseType === '0'" class="triangle"></div>
+                        </div>
+                    </div>
+                    <div @click="clickChooseType('1')" :class="[chooseType === '1' ? 'selected' : 'no-selected']">
+                        男
+                        <div>
+                            <div v-if="chooseType === '1'" class="triangle"></div>
+                        </div>
+                    </div>
+                    <div @click="clickChooseType('2')" :class="[chooseType === '2' ? 'selected' : 'no-selected']">
+                        女
+                        <div>
+                            <div v-if="chooseType === '2'" class="triangle"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="content-chart">
+                <div class="charts" ref="newChart"></div>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+    import { ref, onMounted } from 'vue';
+    import * as echarts from 'echarts';
+    import { getClassCharts } from '/@/views/indexSun/indexSun.ts';
+
+    const chooseType = ref('0');
+    const selectValue = ref('all');
+    const selectOptions = ref([{ label: '全部数据', value: 'all' }]);
+    const newChart = ref<HTMLElement>();
+    function clickChooseType(type) {
+        if (chooseType.value === type) return;
+        chooseType.value = type;
+        initChart();
+    }
+    onMounted(() => {
+        initChart();
+    });
+    const myChart = ref(null);
+
+    function initChart() {
+        myChart.value = echarts.init(newChart.value!);
+        const dx = ['120', '应急就医', '急救联动'];
+        const dy = [46, 39, 18];
+        let option = getClassCharts(dx, dy);
+        myChart.value.setOption(option);
+    }
+</script>
+<style lang="less" scoped>
+    .two-l-box {
+        background: rgba(8, 75, 100, 0.2);
+        .title {
+            height: 40px;
+            border-radius: 14px 14px 0 0;
+            font-weight: bold;
+            font-size: 20px;
+            letter-spacing: 2px;
+            color: #ffffff;
+            line-height: 40px;
+            padding: 0 20px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            background: linear-gradient(to right, rgba(8, 75, 100, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
+            .look-view {
+                font-size: 14px;
+                cursor: pointer;
+            }
+        }
+        .content {
+            height: calc(100% - 40px);
+            display: flex;
+            flex-direction: column;
+            .content-search {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin: 5px 10px;
+                .type-select {
+                }
+            }
+            .type-time {
+                font-size: 14px;
+                > div {
+                    cursor: pointer;
+                    padding: 3px 15px;
+                    margin: 0 10px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    width: 60px;
+                }
+                .selected {
+                    color: #00ccff;
+                    background: rgba(0, 204, 255, 0.2);
+                    position: relative;
+                    &:before {
+                        content: '';
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                        width: 8px; /* 线条宽度 */
+                        height: 8px; /* 线条高度 */
+                        border-top: 3px solid #00ccff; /* 顶部线条 */
+                        border-left: 3px solid #00ccff; /* 左侧线条 */
+                    }
+
+                    &:after {
+                        content: '';
+                        position: absolute;
+                        bottom: 0;
+                        right: 0;
+                        width: 8px; /* 线条宽度 */
+                        height: 8px; /* 线条高度 */
+                        border-bottom: 3px solid #00ccff; /* 顶部线条 */
+                        border-right: 3px solid #00ccff; /* 左侧线条 */
+                    }
+                    > div {
+                        position: absolute;
+                        width: 100%;
+                        height: 100%;
+                        top: 0;
+                        left: 0;
+
+                        &:before {
+                            content: '';
+                            position: absolute;
+                            top: 0;
+                            right: 0;
+                            width: 8px; /* 线条宽度 */
+                            height: 8px; /* 线条高度 */
+                            border-top: 3px solid #00ccff; /* 顶部线条 */
+                            border-right: 3px solid #00ccff; /* 左侧线条 */
+                        }
+
+                        &:after {
+                            content: '';
+                            position: absolute;
+                            bottom: 0;
+                            left: 0;
+                            width: 8px; /* 线条宽度 */
+                            height: 8px; /* 线条高度 */
+                            border-bottom: 3px solid #00ccff; /* 顶部线条 */
+                            border-left: 3px solid #00ccff; /* 左侧线条 */
+                        }
+                    }
+                }
+                .no-selected {
+                    color: #b6b6b6;
+                    background: rgba(26, 69, 126, 0.2);
+                    position: relative;
+                    &:before {
+                        content: '';
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                        width: 8px; /* 线条宽度 */
+                        height: 8px; /* 线条高度 */
+                        border-top: 3px solid #1a457e; /* 顶部线条 */
+                        border-left: 3px solid #1a457e; /* 左侧线条 */
+                    }
+
+                    &:after {
+                        content: '';
+                        position: absolute;
+                        bottom: 0;
+                        right: 0;
+                        width: 8px; /* 线条宽度 */
+                        height: 8px; /* 线条高度 */
+                        border-bottom: 3px solid #1a457e; /* 顶部线条 */
+                        border-right: 3px solid #1a457e; /* 左侧线条 */
+                    }
+                    > div {
+                        position: absolute;
+                        width: 100%;
+                        height: 100%;
+                        top: 0;
+                        left: 0;
+
+                        &:before {
+                            content: '';
+                            position: absolute;
+                            top: 0;
+                            right: 0;
+                            width: 8px; /* 线条宽度 */
+                            height: 8px; /* 线条高度 */
+                            border-top: 3px solid #1a457e; /* 顶部线条 */
+                            border-right: 3px solid #1a457e; /* 左侧线条 */
+                        }
+
+                        &:after {
+                            content: '';
+                            position: absolute;
+                            bottom: 0;
+                            left: 0;
+                            width: 8px; /* 线条宽度 */
+                            height: 8px; /* 线条高度 */
+                            border-bottom: 3px solid #1a457e; /* 顶部线条 */
+                            border-left: 3px solid #1a457e; /* 左侧线条 */
+                        }
+                    }
+                }
+                .triangle {
+                    position: absolute;
+                    left: 50%;
+                    bottom: 0;
+                    transform: translateX(-50%);
+                    width: 0;
+                    height: 0;
+                    border-left: 5px solid transparent; /* 左边透明 */
+                    border-right: 5px solid transparent; /* 右边透明 */
+                    border-bottom: 6px solid #00ccff; /* 底部为黑色，形成三角形 */
+                }
+            }
+            .server-container {
+                color: #fff;
+                flex: 1;
+                display: flex;
+                flex-direction: column;
+                justify-content: space-around;
+                overflow-y: auto;
+                position: relative;
+                font-size: 16px;
+                font-weight: bold;
+                letter-spacing: 2px;
+                margin-top: 10px;
+                padding-bottom: 10px;
+                .spin {
+                    position: absolute;
+                    left: 50%;
+                    top: 50%;
+                }
+            }
+            .server-item {
+                //    font-size: 16px;
+                padding: 5px 3% 5px 5%;
+                &.hasCursor {
+                    cursor: pointer;
+                }
+                display: flex;
+                justify-content: space-between;
+            }
+            .content-chart {
+                width: 100%;
+                margin: 0 auto;
+                flex: 1;
+                .charts {
+                    height: 100%;
+                }
+            }
+        }
+    }
+</style>