update 优化地图工具方法，调整地图样式
This commit is contained in:
zk
@@ -2,7 +2,7 @@
|
||||
<template>
|
||||
<Dialog :openVis="visible" width="30%" :title="title" @close="closeDialog" :maskClosable="false">
|
||||
<template #container>
|
||||
<div class="police-con">
|
||||
<div class="police-con" :class="[themeType]">
|
||||
<div class="sub-text"> 有一个员工刚刚发起应急求助,请马上处理！</div>
|
||||
<div class="con-item">
|
||||
<span>姓名：</span>
|
||||
@@ -31,11 +31,13 @@
|
||||
import Dialog from '/@/components/dialog/Dialog.vue';
|
||||
import { useDialog } from '/@/views/components/dialogHooks.ts';
|
||||
import { watch, ref, Ref } from 'vue';
|
||||
import { useTheme } from '/@/hooks/theme/useTheme.ts';
|
||||
|
||||
const props = defineProps({
|
||||
record: Object,
|
||||
});
|
||||
const emit = defineEmits(['confirmHelp']);
|
||||
const { themeType } = useTheme();
|
||||
|
||||
interface UserInfo {
|
||||
realName?: string;
|
||||
@@ -65,9 +67,6 @@
|
||||
</script>
|
||||
<style scoped lang="less">
|
||||
.police-con {
|
||||
color: #ffffff;
|
||||
background-color: #00152b;
|
||||
//border: 1px solid #129bff;
|
||||
padding: 2% 0 2% 5%;
|
||||
|
||||
.sub-text {
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<template>
|
||||
<Dialog :openVis="visible" width="30%" :title="title" @close="closeDialog" :maskClosable="false">
|
||||
<template #container>
|
||||
<div class="police-con">
|
||||
<div class="police-con" :class="[themeType]">
|
||||
<div class="sub-text">有一个员工健康监测发生异常！</div>
|
||||
<div class="con-item">
|
||||
<span>异常事件：</span>
|
||||
@@ -36,11 +36,13 @@
|
||||
import Dialog from '/@/components/dialog/Dialog.vue';
|
||||
import { useDialog } from '/@/views/components/dialogHooks.ts';
|
||||
import { watch, ref } from 'vue';
|
||||
import { useTheme } from '/@/hooks/theme/useTheme.ts';
|
||||
|
||||
const props = defineProps({
|
||||
record: Object,
|
||||
});
|
||||
const userInfo = ref({});
|
||||
const { themeType } = useTheme();
|
||||
watch(
|
||||
() => props.record,
|
||||
(nVal) => {
|
||||
|
||||
+16
-6
@@ -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);
|
||||
|
||||
@@ -13,7 +13,13 @@
|
||||
<div class="body-d">
|
||||
<div class="yichuan-body-left">
|
||||
<!--服务详情数据-->
|
||||
<ServiceDetails :refreshState="refreshState" :setting="setting" class="service-details" @handleClick="handlePhoneDialog" />
|
||||
<ServiceDetails
|
||||
theme="dark"
|
||||
:refreshState="refreshState"
|
||||
:setting="setting"
|
||||
class="service-details"
|
||||
@handleClick="handlePhoneDialog"
|
||||
/>
|
||||
<!--一线医疗点每日工作动态-->
|
||||
<DailyWorkTrends :refreshState="refreshState" class="daily-work-trends" />
|
||||
</div>
|
||||
@@ -53,9 +59,10 @@
|
||||
import { useRefresh } from '/@/hooks/autoRefresh';
|
||||
import { DEFAULT_TIME } from '/@/hooks/autoRefresh/pageRefreshTime.ts';
|
||||
import { useRoute } from 'vue-router';
|
||||
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 { YinChuanOption } from '/@/assets/mapUtils/mapConstant.ts';
|
||||
import { useUserStore } from '/@/store/modules/user.ts';
|
||||
|
||||
const title = ref('银川片应急就医服务中心');
|
||||
const phone = '(0951-6805199)';
|
||||
@@ -65,7 +72,11 @@
|
||||
init();
|
||||
document.title = title.value;
|
||||
document.addEventListener('visibilitychange', checkTabState);
|
||||
//设置主题
|
||||
store.setThemeType(ThemeType.dark);
|
||||
});
|
||||
const store = useUserStore();
|
||||
|
||||
onUnmounted(() => {
|
||||
clearInterval(interval.value);
|
||||
document.removeEventListener('visibilitychange', checkTabState);
|
||||
@@ -107,6 +118,59 @@
|
||||
}
|
||||
});
|
||||
|
||||
//模拟开启
|
||||
function employeeDialogOpen() {
|
||||
setEmergencyData({
|
||||
userId: '001a9878fdaf401c844a03e2fc7c370b',
|
||||
realName: '曹燕',
|
||||
lon: 108.872442,
|
||||
lat: 34.189956,
|
||||
sex: 2,
|
||||
age: 40,
|
||||
orgCode: 'A01A33A05',
|
||||
orgName: '地质研究所',
|
||||
hospitalList: [
|
||||
{
|
||||
id: null,
|
||||
name: '交大一附院',
|
||||
lat: 34.22,
|
||||
lon: 108.94,
|
||||
type: null,
|
||||
ambulance: null,
|
||||
docNum: null,
|
||||
nurseNum: null,
|
||||
expertNum: null,
|
||||
distance: null,
|
||||
},
|
||||
{
|
||||
id: null,
|
||||
name: '高新医院',
|
||||
lat: 34.23,
|
||||
lon: 108.88,
|
||||
type: null,
|
||||
ambulance: null,
|
||||
docNum: null,
|
||||
nurseNum: null,
|
||||
expertNum: null,
|
||||
distance: null,
|
||||
},
|
||||
{
|
||||
id: null,
|
||||
name: '人民医院',
|
||||
lat: 34.24,
|
||||
lon: 108.93,
|
||||
type: null,
|
||||
ambulance: null,
|
||||
docNum: null,
|
||||
nurseNum: null,
|
||||
expertNum: null,
|
||||
distance: null,
|
||||
},
|
||||
],
|
||||
});
|
||||
emergencyDialogRef.value.openDialog();
|
||||
}
|
||||
|
||||
//应急求助
|
||||
const {
|
||||
socketData: emergencyData,
|
||||
|
||||
Reference in New Issue
Block a user