解决冲突

2023-12-08 18:28:19 +08:00
parent 7bcc265bd7 b7e84b89a9
commit 1e68c7a15a
24 changed files with 856 additions and 243 deletions
@@ -0,0 +1,20 @@
+import { ref } from 'vue';
+
+export function useDialog({ title }) {
+    const visible = ref(false);
+
+    function openDialog() {
+        visible.value = true;
+    }
+
+    function closeDialog() {
+        visible.value = false;
+    }
+
+    return {
+        visible,
+        title,
+        openDialog,
+        closeDialog,
+    };
+}
@@ -0,0 +1,86 @@
+<template>
+    <Dialog :openVis="visible" width="30%" :title="title" @close="closeDialog" :maskClosable="false">
+        <template #container>
+            <div class="police-con">
+                <div class="sub-text">有一个员工健康监测发生异常！</div>
+                <div class="con-item">
+                    <span>异常事件：</span>
+                    <span>{{ userInfo?.eventType_dictText }}</span>
+                </div>
+                <div class="con-item">
+                    <span>姓名：</span>
+                    <span>{{ userInfo?.realName }}</span>
+                </div>
+                <div class="con-item">
+                    <span>二级单位：</span>
+                    <span>{{ userInfo?.orgName }}</span>
+                </div>
+                <div class="con-item">
+                    <span>手机号码：</span>
+                    <span>{{ userInfo?.phone }}</span>
+                </div>
+                <div class="con-item">
+                    <span>发生时间：</span>
+                    <span>{{ userInfo?.warnTime }}</span>
+                </div>
+                <div class="con-item">
+                    <span>发生地点：</span>
+                    <span>{{ userInfo?.address }}</span>
+                </div>
+            </div>
+        </template>
+    </Dialog>
+</template>
+<script setup lang="ts">
+    import Dialog from '/@/components/dialog/Dialog.vue';
+    import { useDialog } from '/@/views/components/dialogHooks.ts';
+    import { watch, ref } from 'vue';
+
+    const props = defineProps({
+        record: Object,
+    });
+    const userInfo = ref({});
+    watch(
+        () => props.record,
+        (nVal) => {
+            userInfo.value = nVal;
+        }
+    );
+    const { visible, title, closeDialog, openDialog } = useDialog({ title: '健康监测工具报警' });
+
+    defineExpose({
+        openDialog,
+    });
+</script>
+<style scoped lang="less">
+    .police-con {
+        color: #ffffff;
+        background-color: #00152b;
+        border: 1px solid #129bff;
+        padding: 2% 0 2% 5%;
+
+        .sub-text {
+            font-weight: bold;
+            margin-left: 8px;
+        }
+
+        .con-item {
+            padding: 1.3% 0;
+            display: flex;
+
+            span:nth-child(1) {
+                font-weight: bold;
+                text-align: right;
+                display: inline-flex;
+                justify-content: flex-end;
+                width: 80px;
+            }
+
+            span:nth-child(2) {
+                flex: 1;
+                padding-left: 2%;
+                padding-right: 2%;
+            }
+        }
+    }
+</style>
@@ -0,0 +1,86 @@
+<template>
+    <Dialog :openVis="visible" width="30%" :title="title" @close="closeDialog" :maskClosable="false">
+        <template #container>
+            <div class="police-con">
+                <div class="sub-text">有一个员工健康监测发生异常！</div>
+                <div class="con-item">
+                    <span>异常事件：</span>
+                    <span>{{ userInfo?.eventType_dictText }}</span>
+                </div>
+                <div class="con-item">
+                    <span>姓名：</span>
+                    <span>{{ userInfo?.realName }}</span>
+                </div>
+                <div class="con-item">
+                    <span>二级单位：</span>
+                    <span>{{ userInfo?.orgName }}</span>
+                </div>
+                <div class="con-item">
+                    <span>手机号码：</span>
+                    <span>{{ userInfo?.phone }}</span>
+                </div>
+                <div class="con-item">
+                    <span>发生时间：</span>
+                    <span>{{ userInfo?.warnTime }}</span>
+                </div>
+                <div class="con-item">
+                    <span>发生地点：</span>
+                    <span>{{ userInfo?.address }}</span>
+                </div>
+            </div>
+        </template>
+    </Dialog>
+</template>
+<script setup lang="ts">
+    import Dialog from '/@/components/dialog/Dialog.vue';
+    import { useDialog } from '/@/views/components/dialogHooks.ts';
+    import { watch, ref } from 'vue';
+
+    const props = defineProps({
+        record: Object,
+    });
+    const userInfo = ref({});
+    watch(
+        () => props.record,
+        (nVal) => {
+            userInfo.value = nVal;
+        }
+    );
+    const { visible, title, closeDialog, openDialog } = useDialog({ title: '健康监测工具报警' });
+
+    defineExpose({
+        openDialog,
+    });
+</script>
+<style scoped lang="less">
+    .police-con {
+        color: #ffffff;
+        background-color: #00152b;
+        border: 1px solid #129bff;
+        padding: 2% 0 2% 5%;
+
+        .sub-text {
+            font-weight: bold;
+            margin-left: 8px;
+        }
+
+        .con-item {
+            padding: 1.3% 0;
+            display: flex;
+
+            span:nth-child(1) {
+                font-weight: bold;
+                text-align: right;
+                display: inline-flex;
+                justify-content: flex-end;
+                width: 80px;
+            }
+
+            span:nth-child(2) {
+                flex: 1;
+                padding-left: 2%;
+                padding-right: 2%;
+            }
+        }
+    }
+</style>
@@ -0,0 +1,8 @@
+import { get } from '/@/api/request';
+
+export enum Api {
+    deleteWatchNo = 'health-watch/watch/watchMonitorData/delete',
+}
+
+//获取全部部门
+export const deleteWatchNo = (params: any) => get(Api.deleteWatchNo, params);
@@ -22,11 +22,13 @@
                <three-r />
            </div>
        </div>
-        <div class="bottom-d"></div>
+        <div class="bottom-d" @click="test"></div>
+        <EmployeeDialog ref="employeeDialogRef" :record="socketData" />
+        <EmergencyDialog ref="emergencyDialogRef" :record="emergencyData" />
    </div>
 </template>
 <script setup lang="ts">
-    import { ref } from 'vue';
+    import { onUnmounted, ref, watch, nextTick } from 'vue';
    import OneL from '../components/body-d-left/oneL.vue';
    import TwoL from '../components/body-d-left/twoL.vue';
    import ThreeL from '../components/body-d-left/threeL.vue';
@@ -34,39 +36,87 @@
    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 * as dayjs from 'dayjs';
+    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';

    const dayTimeO = ref();
    const dayTimeT = ref();
+    const interval = ref(1);

    function init() {
        getTime();
-        setInterval(() => {
+        interval.value = setInterval(() => {
            getTime();
        }, 1000);
    }

    function getTime() {
-        dayTimeO.value = dayjs().format('YYYY年MM月DD日 HH时mm分ss秒');
-        dayTimeT.value =
-            dayjs().diff(dayjs('2018-10-01'), 'day') +
-            '天' +
-            getZero(dayjs().diff(dayjs(dayjs().format('YYYY-MM-DD') + ' 00:00:00'), 'hours')) +
-            '时' +
-            getZero(dayjs().diff(dayjs(dayjs().format('YYYY-MM-DD HH') + ':00:00'), 'minutes')) +
-            '分' +
-            getZero(dayjs().diff(dayjs(dayjs().format('YYYY-MM-DD HH:mm') + ':00'), 'seconds')) +
-            '秒';
-    }
-
-    function getZero(num: any) {
-        if (num < 10) {
-            return '0' + num;
-        }
-        return num;
+        const { timeLeft, timeRight } = useTopTime();
+        dayTimeO.value = timeLeft;
+        dayTimeT.value = timeRight;
    }

+    onUnmounted(() => {
+        clearInterval(interval.value);
+    });
    init();
+    // 健康监测工具报警
+    const { socketData, setSocketData } = useSocket(basicPath);
+    const employeeDialogRef = ref();
+    watch(socketData, (nVal) => {
+        if (nVal) {
+            nextTick(() => {
+                setSocketData(nVal);
+                employeeDialogRef.value.openDialog();
+            });
+        }
+    });
+
+    //应急求助
+    const { socketData: emergencyData, setSocketData: setEmergencyData } = useSocket(emergencyPath);
+    const emergencyDialogRef = ref();
+
+    watch(emergencyData, (nVal) => {
+        if (nVal) {
+            nextTick(() => {
+                setEmergencyData(nVal);
+                emergencyDialogRef.value.openDialog;
+            });
+        }
+    });
+
+    function test() {
+        let nVal = {
+            watchNo: 'CRFTQ22C03000080',
+            eventType: 'heart_rate',
+            bindUserId: 'fd358031299d4816b5d304fd818ecc73',
+            createBy: null,
+            createDate: null,
+            dataValue: '999',
+            address:
+                '一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字',
+            lon: 108.6666,
+            lat: 29.8888,
+            dataDate: '2023-12-07',
+            warnTime: '2023-12-07',
+            gpsErrorMsg: '',
+            lonGd: 108.67084314886117,
+            latGd: 29.88607705672868,
+            addressGd: null,
+            sendFlag: '0',
+            largeScreenFlag: '0',
+            orgCode: null,
+            orgName: '冯地坑采油作业区',
+            realName: '王志文',
+            phone: '15229020494',
+        };
+        nextTick(() => {
+            setSocketData(nVal);
+            employeeDialogRef.value.openDialog();
+        });
+    }
 </script>
 <style lang="less" scoped>
    .outer {