renkang/xj-screen
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source 
1.修改部分问题（路线等问题）
2.添加定时器
This commit is contained in:
weixin
2025-07-08 17:32:13 +08:00
parent 67a2ea75d1
commit 726bd19ad3
11 changed files with 321 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/indexSun.vue
+62 -22
View File
@@ -2,41 +2,58 @@
<div class="sun-screen-box">
<login-out-button out-url="login" />
<div class="sun-screen-title">
<div class="sun-title-left">2025年06月14日 12:21:21</div>
<div class="sun-title-left">{{ dateInfo?.day }} {{ dateInfo?.times }}</div>
<div class="sun-title-center">应急就医服务中心</div>
<div class="sun-title-right">累计运行时间：3642天</div>
<div class="sun-title-right">{{ rightDate }}</div>
</div>
<div class="sun-body-content">
<div class="sun-body-left">
<div class="sun-body-left-one">
<OneL @handle-click="handleOneLeftClick" :center-id="centerId" />
<OneL @handle-click="handleOneLeftClick" :center-id="centerId" :bKey="`one-l-${count}`" />
</div>
<div class="sun-body-left-two">
<twoL @handle-view="handleTwoLClick" />
<twoL @handle-view="handleTwoLClick" :bKey="`two-l-${count}`" />
</div>
<div class="sun-body-left-three" style="margin-bottom: 0">
<!-- <threeL />-->
<threeNewL />
<threeNewL :bKey="`three-l-${count}`" />
</div>
</div>
<div class="sun-body-center">
<CenterMap :showHospitalList="showHospitalList" :hospitalList="hospitalList" @clear-hospital-list="clearHospitalList" />
<CenterMap
:showHospitalList="showHospitalList"
:hospitalList="hospitalList"
@clear-hospital-list="clearHospitalList"
:show-rest-b="showRestB"
@show-rest-b="
() => {
showRestB = false;
}
"
/>
</div>
<div class="sun-body-right">
<div class="sun-body-right-one">
<oneR @handle-view="handleOneRClick" />
<oneR
@handle-view="handleOneRClick"
@show-reset="
() => {
showRestB = true;
}
"
:bKey="`one-r-${count}`"
/>
</div>
<div class="sun-body-right-two">
<twoR @handle-click="handleTwoRClick" />
<twoR @handle-click="handleTwoRClick" :bKey="`two-r-${count}`" />
</div>
<div class="sun-body-right-three">
<threeR @handle-click="handleThreeRClick" />
<threeR @handle-click="handleThreeRClick" :bKey="`three-r-${count}`" />
</div>
</div>
</div>
</div>
<PhoneDialog ref="phoneDialogRef" :title="phoneDialogTitle" :useForm="true" :setting="setting" :phoneType="phoneType" />
<!-- <YunZuoXiDialog ref="yunZuoXiDialogRef" :record="xianYunData" @confirmHelp="confirmHelp" />-->
<!-- 健康监测弹窗 -->
<EmployeeDialog ref="employeeDialogRef" :record="socketData" />
<!-- 应急、120弹窗 -->
@@ -73,22 +90,13 @@
import { getAuthCache } from '/@/utils/auth.ts';
import { basicPath, useSocket, emergencyPath } from '/@/utils/socket.ts';
import { Map } from '/@/assets/mapUtils/map.ts';
import YunZuoXiDialog from '/@/views/components/yunZuoXiDialog.vue';
import EmployeeDialog from '/@/views/components/employeeDialog.vue';
import EmergencyDialog from '/@/views/components/emergencyDialog.vue';
import { handleSocketUrl } from '/@/utils/utils.ts';
import { handleSocketUrl, startTime } from '/@/utils/utils.ts';
import { useUserStore } from '/@/store/modules/user.ts';
const { getCenterInfo } = useUserStore();
import {
oneLApi,
statisticsNewApi,
threeRModalApi,
twoLModalApi,
twoRModal1Api,
twoRModal2Api,
twoRModal3Api,
} from '/@/views/indexSun/indexSun.api.ts';
import { oneLApi, threeRModalApi, twoLModalApi, twoRModal1Api, twoRModal2Api, twoRModal3Api } from '/@/views/indexSun/indexSun.api.ts';
import dayjs from 'dayjs';
//0:处置 1:处理 2:呼入 3:全部
const phoneType = ref('');
@@ -104,11 +112,43 @@
const modalApi = ref();
const needDept = ref(false);
const twoROnly = ref();
const showRestB = ref(false);
const dateInfo = ref<object>({});
const rightDate = ref<string>('');
const count = ref<number>(0);
const qhInterval = ref();
const cInterval = ref();
const initDate = ref(startTime);
onMounted(() => {
getTime();
qhInterval.value = setInterval(() => {
getTime();
}, 1000);
cInterval.value = setInterval(
() => {
count.value++;
},
5 * 60 * 1000
);
rightDate.value = '累计运行时间：' + (dayjs().diff(dayjs(initDate.value), 'days') + 1) + ' 天';
const centerInfo = getAuthCache('centerInfo');
centerId.value = centerInfo.id;
});
const getTime = () => {
dateInfo.value = {
day: dayjs().format('YYYY年MM月DD日'),
times: dayjs().format('HH:mm:ss'),
};
};
watch(
() => dateInfo.value.day,
() => {
rightDate.value = '累计运行时间：' + (dayjs().diff(dayjs(initDate.value), 'days') + 1) + ' 天';
}
);
function handleOneLeftClick(item) {
const { name, key } = item;
//呼入电话
@@ -277,7 +317,7 @@
function getDistance(userLocation, destination) {
const value = Map.getDistance(userLocation, destination);
return value > 1000 ? (value / 1000).toFixed(2) + 'km' : value + 'm';
return value > 1000 ? (value / 1000).toFixed(2) + 'km' : parseInt(value) + 'm';
}
async function getDriveTime(userLocation, destination) {