update 优化地图工具方法，调整地图样式

src/views/index.vue

@@ -4,17 +4,22 @@
             <div class="title-d-left">
                 {{ dayTimeO }}
             </div>
-            <div class="title-d-middle"> 应急就医服务中心</div>
+            <div class="title-d-middle" @click="employeeDialogOpen"> 应急就医服务中心</div>
             <div class="title-d-right"> 累计运行时间：{{ dayTimeT }}</div>
         </div>
         <div class="body-d">
             <div class="body-d-left">
-                <one-l :setting="setting" :refreshState="refreshState" @handleClick="handlePhoneDialog" />
-                <two-l :key="tabState" :refreshState="refreshState" />
+                <one-l theme="light" :setting="setting" :refreshState="refreshState" @handleClick="handlePhoneDialog" />
+                <two-l theme="light" :key="tabState" :refreshState="refreshState" />
                 <three-l :key="tabState" :setting="setting" :refreshState="refreshState" />
             </div>
             <div class="body-d-middle">
-                <china-map :showHospitalList="showHospitalList" :hospitalList="hospitalList" @clearHospitalList="clearHospitalList"></china-map>
+                <xian-map
+                    :showHospitalList="showHospitalList"
+                    :hospitalList="hospitalList"
+                    @clearHospitalList="clearHospitalList"
+                    :mapOptions="lightMapOption"
+                />
             </div>
             <div class="body-d-right">
                 <one-r :setting="setting" :refreshState="refreshState" />
@@ -36,17 +41,19 @@
     import OneR from '/@/components/body-d-right/oneR.vue';
     import TwoR from '/@/components/body-d-right/twoR.vue';
     import ThreeR from '/@/components/body-d-right/threeR.vue';
-    import ChinaMap from '/@/components/chinaMap/chinaMap.vue';
+    import xianMap from '/@/components/xianMap/xianMap.vue';
     import EmployeeDialog from '/@/views/components/employeeDialog.vue';
     import EmergencyDialog from '/@/views/components/emergencyDialog.vue';
     import { useTopTime } from '/@/utils/utils.ts';
     import { basicPath, emergencyPath, useSocket } from '/@/utils/socket.ts';
     import { useRefresh } from '/@/hooks/autoRefresh';
     import { DEFAULT_TIME } from '/@/hooks/autoRefresh/pageRefreshTime.ts';
-    import { DataType, getSettings } from '/@/utils/settings.ts';
+    import { DataType, getSettings, ThemeType } from '/@/utils/settings.ts';
     import { ServerDetailType } from '/@/components/body-d-left/bodyLeftHooks.ts';
     import PhoneDialog from '/@/views/components/phoneDialog/phoneDialog.vue';
     import { Map } from '/@/assets/mapUtils/map.ts';
+    import { useUserStore } from '/@/store/modules/user.ts';
+    import { lightMapOption } from '/@/assets/mapUtils/mapConstant.ts';
 
     const { refreshState } = useRefresh(DEFAULT_TIME);
     const dayTimeO = ref();
@@ -67,9 +74,12 @@
         dayTimeT.value = timeRight;
     }
 
+    const store = useUserStore();
     onMounted(() => {
         init();
         document.addEventListener('visibilitychange', checkTabState);
+        //设置主题
+        store.setThemeType(ThemeType.light);
     });
     onUnmounted(() => {
         clearInterval(interval.value);