Files
xj-screen/src/views/yinChuan/componetns/TerminalAlarmDialog/TerminalAlarmDialog.vue
T
2024-05-16 15:51:02 +08:00

79 lines
2.1 KiB
Vue

<template>
<Dialog :openVis="visible" width="50%" title="健康终端报警列表" @close="closeDialog" :maskClosable="false">
<template #container>
<BasicTable class="table-container" :columns="columns" :api="getPhoneList" :apiParams="formState"></BasicTable>
</template>
</Dialog>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import Dialog from '/@/components/dialog/Dialog.vue';
import { useDialog } from '/@/views/components/dialogHooks.ts';
import BasicTable from '/@/components/secondaryScreen/secondMap/components/basicTable/BasicTable.vue';
import { SexType, sexTypeList } from '/@/utils/settings.ts';
import { getPhoneList } from '/@/views/yinChuan/yinChuan.api.ts';
const props = defineProps({
record: Object,
title: String,
useForm: Boolean,
labelCol: Object,
wrapperCol: Object,
setting: Object,
phoneType: String,
});
const columns = [
{
title: '姓名',
dataIndex: 'name',
key: 'name',
},
{
title: '二级单位',
dataIndex: 'department',
key: 'department',
},
{
title: '联系电话',
dataIndex: 'sex',
key: 'sex',
},
{
title: '异常事件',
dataIndex: 'time',
key: 'time',
},
{
title: '异常值',
dataIndex: 'time',
key: 'time',
},
{
title: '发生时间',
dataIndex: 'time',
key: 'time',
},
{
title: '发生地点',
dataIndex: 'time',
key: 'time',
},
];
const formState = ref({
sex: SexType.all,
dataType: props.setting.dataType,
phoneType: props.phoneType,
});
const { visible, title, closeDialog, openDialog } = useDialog({ title: props.title });
defineExpose({
openDialog,
});
</script>
<style scoped lang="less">
.table-container {
margin: 0 10px;
}
</style>