From 64feafb1d55ec78a947352971f74043dfbc7df9c Mon Sep 17 00:00:00 2001
From: wx <645899409@qq.com>
Date: Wed, 16 Oct 2024 13:51:51 +0800
Subject: [PATCH] =?UTF-8?q?update=201.=E4=BF=AE=E6=94=B9=E7=89=B9=E6=AE=8A?=
 =?UTF-8?q?=E5=A4=A7=E5=B1=8F=EF=BC=88=E5=AE=BD=E5=BA=A6200%=EF=BC=8C?=
 =?UTF-8?q?=E5=81=8F=E7=A7=BB=E4=B8=AD=E5=BF=83=EF=BC=89=202.=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E7=89=B9=E6=AE=8A=E5=8F=82=E6=95=B0/specialScreen=203?=
 =?UTF-8?q?.=E6=B7=BB=E5=8A=A0=E9=9A=90=E8=97=8F=E9=80=80=E5=87=BA?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/user.ts                 |   3 +-
 src/views/centralScreen/centralScreen.vue | 141 +++++++++++++++-------
 src/views/components/loginOutButton.vue   |  55 +++++++++
 src/views/index.vue                       |   3 +
 src/views/yinChuan/yinChuan.vue           |   3 +
 5 files changed, 158 insertions(+), 47 deletions(-)
 create mode 100644 src/views/components/loginOutButton.vue

diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 7f6d804..ab566c0 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -1,12 +1,11 @@
 import { defineStore } from 'pinia';
 import { loginApi, getUserInfo, doLogout } from '/@/api/user.ts';
 import { TOKEN_KEY, USER_INFO_KEY } from '/@/enum/cacheEnum.ts';
-import { getBaseLogin, PageEnum } from '/@/enum/pageEnum.ts';
+import { getBaseLogin } from '/@/enum/pageEnum.ts';
 import { getAuthCache, setAuthCache } from '/@/utils/auth.ts';
 import { useRouter } from 'vue-router';
 import { LoginInfo, LoginParams, UserInfo } from '/@/store/modules/storeType.ts';
 import { store } from '/@/store';
-import { message } from 'ant-design-vue';
 
 const router = useRouter();
 export const useUserStore = defineStore({
diff --git a/src/views/centralScreen/centralScreen.vue b/src/views/centralScreen/centralScreen.vue
index 7c24cef..8eb6ec7 100644
--- a/src/views/centralScreen/centralScreen.vue
+++ b/src/views/centralScreen/centralScreen.vue
@@ -1,48 +1,51 @@
 <template>
-    <div class="outer">
-        <div class="title-d">
-            <div class="title-d-left">
-                {{ dayTimeO }}
+    <div class="outer" style="position: relative">
+        <login-out-button out-url="centralScreenLogin" />
+        <div class="container-div" :class="[screenPath === sPath ? 'container-div-s' : '']">
+            <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="title-d-middle">
-                <span>{{ title }}</span>
-                <span class="phone">({{ phone }})</span>
+            <div class="body-d">
+                <div class="central-screen-body-left" :class="[screenPath === '/screenLogin' ? 'central-screen-body-left-s' : '']">
+                    <!--服务详情数据-->
+                    <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" :class="[screenPath === sPath ? 'body-d-middle-s' : '']">
+                    <CenterMap
+                        :showFooter="false"
+                        :computedCenter="false"
+                        :mapOptions="options"
+                        :showHospitalList="showHospitalList"
+                        :hospitalList="hospitalList"
+                        @clearHospitalList="clearHospitalList"
+                    />
+                </div>
+                <div class="body-d-right" :class="[screenPath === sPath ? 'body-d-right-s' : '']">
+                    <!--健康终端报警-->
+                    <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="title-d-right"> 累计运行时间：{{ dayTimeT }}</div>
+            <div class="bottom-d"></div>
         </div>
-        <div class="body-d">
-            <div class="central-screen-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">
-                <CenterMap
-                    :showFooter="false"
-                    :computedCenter="true"
-                    :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>
         <EmployeeDialog ref="employeeDialogRef" :record="socketData" />
         <EmergencyDialog ref="emergencyDialogRef" :record="socketData" @confirmHelp="confirmHelp" />
         <YunZuoXiDialog ref="yunZuoXiDialogRef" :record="socketData" @confirmHelp="confirmHelp" />
@@ -55,7 +58,6 @@
 </template>
 <script setup lang="ts">
     import { onMounted, onUnmounted, ref, nextTick, watch } from 'vue';
-    import { YinChuanOption } from '/@/assets/mapUtils/mapConstant.ts';
     import ServiceDetails from '/@/views/centralScreen/components/serviceDetails.vue';
     import CenterMap from '/@/views/centralScreen/components/centerMap.vue';
     import TerminalAlarm from '/@/views/centralScreen/components/terminalAlarm.vue';
@@ -76,6 +78,8 @@
     import EmergencyDialog from '/@/views/components/emergencyDialog.vue';
     import { basicPath, emergencyPath, useSocket, yinChuanPath } from '/@/utils/socket.ts';
     import { handleSocketUrl } from '/@/views/centralScreen/components/centerMapHooks.ts';
+    import { getEmergencyCenterApi } from '/@/api/user.ts';
+    import LoginOutButton from '/@/views/components/loginOutButton.vue';
 
     const userStore = useUserStore();
     let { simpleName, centerTel } = userStore.getCenterInfo || { simpleName: '', centerTel: '' };
@@ -83,9 +87,17 @@
     const dayTimeO = ref();
     const dayTimeT = ref();
     const interval = ref(1);
-    const title = ref(simpleName ? simpleName + '应急就医服务中心' : '应急就医服务中心');
+    const title = ref(simpleName || '' + '应急就医服务中心');
     const phone = ref(centerTel || '0951-6805199');
 
+    const screenPath = ref('');
+    const sPath = ref('/specialScreen');
+    const options = ref({
+        center: [106.32, 38.45], //地图中心点
+        zoom: 8, //地图显示的缩放级别
+        mapStyle: 'darkblue', //地图样式
+    });
+
     function init() {
         getTime();
         interval.value = setInterval(() => {
@@ -99,8 +111,28 @@
         dayTimeT.value = timeRight;
     }
 
+    const { getCenterInfo } = useUserStore();
+
     const setting = getSettings(DataType.yinChuan);
-    onMounted(() => {
+    onMounted(async () => {
+        screenPath.value = getCenterInfo?.screenPath;
+        options.value = {
+            center: [getCenterInfo?.longitude || 106.32, getCenterInfo?.latitude || 38.45], //地图中心点
+            zoom: 6, //地图显示的缩放级别
+            mapStyle: 'darkblue', //地图样式
+        };
+        try {
+            const { result } = await getEmergencyCenterApi();
+            if (result?.screenPath !== getCenterInfo?.screenPath) {
+                screenPath.value = result?.screenPath;
+                options.value = {
+                    center: [result?.longitude || 106.32, result?.latitude || 38.45], //地图中心点
+                    zoom: 6, //地图显示的缩放级别
+                    mapStyle: 'darkblue', //地图样式
+                };
+                userStore.setCenterInfo(result);
+            }
+        } catch (e) {}
         init();
         document.title = title.value;
         document.addEventListener('visibilitychange', checkTabState);
@@ -265,7 +297,7 @@
     //     }
     // });
     //银川云坐席
-    let socketUrl = handleSocketUrl(emergencyPath, userStore.getCenterInfo?.id);
+    let socketUrl = handleSocketUrl(basicPath, userStore.getCenterInfo?.id);
     const { socketData, setSocketData, closeSocket } = useSocket(socketUrl, false);
     const yunZuoXiDialogRef = ref(); //云坐席
     const emergencyDialogRef = ref(); //紧急求助
@@ -303,6 +335,16 @@
         background-size: 100% 100%;
     }
 
+    .container-div {
+        height: 100%;
+    }
+    .container-div-s {
+        width: 200%;
+        height: 100%;
+        transform: scaleX(0.5);
+        transform-origin: left top;
+    }
+
     .title-d {
         height: 80px;
         line-height: 80px;
@@ -388,4 +430,13 @@
         background: url('/@/assets/images/bottom-b.png') no-repeat;
         background-size: 100% 100%;
     }
+    .central-screen-body-left {
+        width: calc(100% / 6) !important;
+    }
+    .body-d-middle {
+        width: calc(100% * 2 / 3) !important;
+    }
+    .body-d-right {
+        width: calc(100% / 6) !important;
+    }
 </style>
diff --git a/src/views/components/loginOutButton.vue b/src/views/components/loginOutButton.vue
new file mode 100644
index 0000000..ac973fa
--- /dev/null
+++ b/src/views/components/loginOutButton.vue
@@ -0,0 +1,55 @@
+<template>
+    <div class="button-d" @click="clickLoginOut"> </div>
+    <a-modal v-model:visible="visible" title="提示" @ok="loginOut">
+        <p>是否退出</p>
+    </a-modal>
+</template>
+<script setup lang="ts">
+    import { propTypes } from '/@/utils/propTypes.ts';
+    import router from '/@/router';
+    import { ref } from 'vue';
+
+    const props = defineProps({
+        outUrl: propTypes.string.def(''),
+    });
+
+    const visible = ref(false);
+    const count = ref(0);
+    const setTimeOutE = ref(null);
+
+    function clickLoginOut() {
+        setTimeOutE.value && clearTimeout(setTimeOutE.value);
+        count.value++;
+        if (count.value >= 5) {
+            count.value = 0;
+            visible.value = true;
+        } else {
+            setTimeOutE.value = setTimeout(() => {
+                count.value = 0;
+            }, 3000);
+        }
+    }
+
+    function loginOut() {
+        localStorage.clear();
+        sessionStorage.clear();
+        if (props.outUrl) {
+            router.replace(props.outUrl);
+        } else {
+            router.replace('/login');
+        }
+    }
+</script>
+<style scoped lang="less">
+    .button-d {
+        position: absolute;
+        right: 0;
+        top: 0;
+        z-index: 9999;
+        color: transparent;
+        background-color: transparent;
+        border: none;
+        outline: none;
+        padding: 20px 45px;
+    }
+</style>
diff --git a/src/views/index.vue b/src/views/index.vue
index 319d6ed..c58e270 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,5 +1,6 @@
 <template>
     <div class="outer">
+        <login-out-button out-url="login" />
         <div class="title-d outer-title" :class="themeType">
             <div class="title-d-left">
                 {{ dayTimeO }}
@@ -64,6 +65,7 @@
     import { useUserStore } from '/@/store/modules/user.ts';
     import { lightMapOption } from '/@/assets/mapUtils/mapConstant.ts';
     import { useTheme } from '/@/hooks/theme/useTheme.ts';
+    import LoginOutButton from '/@/views/components/loginOutButton.vue';
 
     const { refreshState } = useRefresh(DEFAULT_TIME);
     const dayTimeO = ref();
@@ -352,6 +354,7 @@
         box-sizing: border-box;
         background: url('/@/assets/images/backgroundNew.png') no-repeat;
         background-size: 100% 100%;
+        position: relative;
     }
 
     .title-d {
diff --git a/src/views/yinChuan/yinChuan.vue b/src/views/yinChuan/yinChuan.vue
index 25336c0..e24c791 100644
--- a/src/views/yinChuan/yinChuan.vue
+++ b/src/views/yinChuan/yinChuan.vue
@@ -1,5 +1,6 @@
 <template>
     <div class="outer">
+        <login-out-button out-url="screenLogin" />
         <div class="title-d">
             <div class="title-d-left">
                 {{ dayTimeO }}
@@ -72,6 +73,7 @@
     import { YinChuanOption } from '/@/assets/mapUtils/mapConstant.ts';
     import { useUserStore } from '/@/store/modules/user.ts';
     import { Map } from '/@/assets/mapUtils/map.ts';
+    import LoginOutButton from '/@/views/components/loginOutButton.vue';
 
     const title = ref('银川片应急就医服务中心');
     const phone = '(0951-6805199)';
@@ -362,6 +364,7 @@
         box-sizing: border-box;
         background: url('/@/assets/images/bg.png') no-repeat;
         background-size: 100% 100%;
+        position: relative;
     }
 
     .title-d {