update 对接底部数据，添加地图公共less

2023-12-08 18:16:52 +08:00
parent 190d69573f
commit b7e84b89a9
12 changed files with 269 additions and 95 deletions
@@ -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>