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

update

Browse Source 
1.修改弹窗结构
This commit is contained in:
weixin
2024-10-28 17:53:23 +08:00
parent 68047001d1
commit af8fe6ca21
4 changed files with 145 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/body-d-right/oneR.vue
+57 -29
View File
@@ -21,35 +21,58 @@
<Dialog :openVis="openInfor" width="30%" title="健康报警员工信息" @close="handlePoliceClose">
<template #container>
<div class="police-con" :class="[themeType]">
<div class="con-item">
<div>姓名：</div>
<div>{{ userInfo?.realName }}</div>
</div>
<div class="con-item">
<div>二级单位：</div>
<div>{{ userInfo?.orgName1 }}</div>
</div>
<div class="con-item">
<div>手机号码：</div>
<div>{{ userInfo?.phone }}</div>
</div>
<div class="con-item">
<div>异常事件：</div>
<div>{{ userInfo?.eventType_dictText }}</div>
</div>
<div class="con-item">
<div>异常值：</div>
<div>{{ userInfo?.dataValue }}</div>
</div>
<div class="con-item">
<div>发生时间：</div>
<div>{{ userInfo?.warnTime }}</div>
</div>
<div class="con-item">
<div>发生地点：</div>
<div v-if="userInfo?.address">{{ userInfo?.address }} </div>
<div style="color: #eb3636" v-else>{{ userInfo?.gpsErrorMsg }}</div>
<Row style="font-size: 14px; font-weight: bold"> 个人信息 </Row>
<Row>
<Col :span="8">姓名：{{ userInfo?.realName || '--' }}</Col>
<Col :span="8">性别：{{ userInfo?.sex_dictText || '--' }}</Col>
<Col :span="8">年龄：{{ userInfo?.age || '--' }}</Col>
</Row>
<Row>
<Col :span="8">二级单位：{{ userInfo?.orgName2 || '--' }}</Col>
<Col :span="8">部门：{{ userInfo?.orgName || '--' }}</Col>
<Col :span="8">手机号码：{{ userInfo?.phone || '--' }}</Col>
</Row>
<Row style="font-size: 14px; font-weight: bold"> 健康信息 </Row>
<Row> 异常事件：{{ userInfo?.eventType_dictText || '--' }} </Row>
<Row>
<Col :span="8">异常值：{{ userInfo?.dataValue || '--' }}</Col>
<Col :span="16">发生时间：{{ userInfo?.warnTime || '--' }}</Col>
</Row>
<div style="display: flex">
<div style="width: 67px">发生地点：</div>
<div style="width: calc(100% - 67px); display: flex; overflow-wrap: anywhere">
{{ userInfo?.address || userInfo?.gpsErrorMsg || '--' }}
</div>
</div>
<!-- <div class="con-item">-->
<!-- <div>姓名：</div>-->
<!-- <div>{{ userInfo?.realName }}</div>-->
<!-- </div>-->
<!-- <div class="con-item">-->
<!-- <div>二级单位：</div>-->
<!-- <div>{{ userInfo?.orgName1 }}</div>-->
<!-- </div>-->
<!-- <div class="con-item">-->
<!-- <div>手机号码：</div>-->
<!-- <div>{{ userInfo?.phone }}</div>-->
<!-- </div>-->
<!-- <div class="con-item">-->
<!-- <div>异常事件：</div>-->
<!-- <div>{{ userInfo?.eventType_dictText }}</div>-->
<!-- </div>-->
<!-- <div class="con-item">-->
<!-- <div>异常值：</div>-->
<!-- <div>{{ userInfo?.dataValue }}</div>-->
<!-- </div>-->
<!-- <div class="con-item">-->
<!-- <div>发生时间：</div>-->
<!-- <div>{{ userInfo?.warnTime }}</div>-->
<!-- </div>-->
<!-- <div class="con-item">-->
<!-- <div>发生地点：</div>-->
<!-- <div v-if="userInfo?.address">{{ userInfo?.address }} </div>-->
<!-- <div style="color: #eb3636" v-else>{{ userInfo?.gpsErrorMsg }}</div>-->
<!-- </div>-->
</div>
</template>
</Dialog>
@@ -67,6 +90,7 @@
import { DataType } from '/@/utils/settings.ts';
import { useTheme } from '/@/hooks/theme/useTheme.ts';
import { message } from 'ant-design-vue';
import { Row, Col } from 'ant-design-vue';
const props = defineProps({
setting: Object,
@@ -208,7 +232,8 @@
}
.police-con {
padding: 2% 0 2% 5%;
padding: 2% 5% 2% 5%;
display: grid;
.con-item {
padding: 1.3% 0;
@@ -225,6 +250,9 @@
}
}
}
.ant-row {
margin-bottom: 10px;
}
</style>
<!--<style lang="less">-->
<!-- .dialog-con {-->