update 银川地图中心点做特殊处理

This commit is contained in:
zk
2024-05-21 16:07:12 +08:00
parent f3f100cd18
commit 16e85fe15d
5 changed files with 77 additions and 18 deletions
@@ -1,12 +1,17 @@
<template>
<Dialog :openVis="visible" width="50%" title="健康终端报警列表" @close="closeDialog" :maskClosable="false">
<template #container>
<BasicTable ref="registerTable" class="table-container" :columns="columns" :api="getMonitorList" :apiParams="formState"></BasicTable>
<BasicTable ref="registerTable" class="table-container" :columns="columns" :api="getMonitorList" :apiParams="formState">
<template #address="{ record, column, index }">
<span v-if="record['address']">{{ record?.address }}</span>
<span v-else style="color: #eb3636">{{ record?.gpsErrorMsg }}</span>
</template>
</BasicTable>
</template>
</Dialog>
</template>
<script setup lang="ts">
import { computed, ref, watch } from 'vue';
import { computed, ref, watch, h } 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';
@@ -30,8 +35,8 @@
},
{
title: '二级单位',
dataIndex: 'orgName1',
key: 'orgName1',
dataIndex: 'orgName2',
key: 'orgName2',
},
{
title: '联系电话',
@@ -57,9 +62,14 @@
title: '发生地点',
dataIndex: 'address',
key: 'address',
customRender: ({ record }) => {
return record?.address || record?.gpsErrorMsg;
},
slot: 'address',
// customRender: ({ record }) => {
// if (record?.address) {
// return record?.address;
// } else {
// return h('span', { style: { color: '#eb3636' } }, record?.gpsErrorMsg);
// }
// },
},
];
const formState = computed(() => ({
+16 -2
View File
@@ -4,7 +4,10 @@
<div class="title-d-left">
{{ dayTimeO }}
</div>
<div class="title-d-middle"> 银川应急就医服务中心</div>
<div class="title-d-middle">
<span>{{ title }}</span>
<span class="phone">{{ phone }}</span>
</div>
<div class="title-d-right"> 累计运行时间{{ dayTimeT }}</div>
</div>
<div class="body-d">
@@ -15,7 +18,7 @@
<DailyWorkTrends :refreshState="refreshState" class="daily-work-trends" />
</div>
<div class="body-d-middle">
<china-map />
<china-map :showFooter="false" :computedCenter="false" :mapOptions="YinChuanOption" />
</div>
<div class="body-d-right">
<!--健康终端报警-->
@@ -52,11 +55,15 @@
import { useRoute } from 'vue-router';
import { DataType, getSettings } from '/@/utils/settings.ts';
import { ServerDetailType } from '/@/components/body-d-left/bodyLeftHooks.ts';
import { YinChuanOption } from '/@/assets/mapUtils/mapConstant.ts';
const title = ref('银川片应急就医服务中心');
const phone = '(0951-6805199)';
const route = useRoute();
const setting = getSettings(DataType.yinChuan);
onMounted(() => {
init();
document.title = title.value;
document.addEventListener('visibilitychange', checkTabState);
});
onUnmounted(() => {
@@ -210,6 +217,13 @@
text-align: center;
}
.title-d-middle {
.phone {
font-size: 27px;
margin-left: 4px;
}
}
> :nth-child(1) {
width: 29%;
}