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

This commit is contained in:
zk
2023-12-08 18:16:52 +08:00
parent 190d69573f
commit b7e84b89a9
12 changed files with 269 additions and 95 deletions
+2 -2
View File
@@ -47,8 +47,8 @@
return;
}
setStatistics(result[0]);
let { alerdyreceive = '' } = result[0];
bus.emit('alerdyreceive', alerdyreceive);
let { alerdyreceive = '', totalacceptance = '' } = result[0];
bus.emit('alerdyreceive', { alerdyreceive, totalacceptance });
} catch {
setSpin(!spinning.value);
}
+6 -6
View File
@@ -8,8 +8,8 @@
<span class="fixed-width" :title="item?.eventType_dictText">{{ item?.eventType_dictText }}</span>
<div class="time-icon">
<span>{{ item?.warnTime }}</span>
<span class="terminal-icon" @click="handlePolice(item)"></span>
<span class="position" @click="sendPosition(item)"></span>
<span class="terminal-icon" @click="handlePolice(item)" title="健康报警员工信息"></span>
<span class="position" @click="sendPosition(item)" title="员工定位"></span>
</div>
</div>
</vue3-seamless-scroll>
@@ -61,6 +61,7 @@
import Dialog from '/@/components/dialog/Dialog.vue';
import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
import { getMonitorList } from '/@/components/body-d-right/right.api.ts';
import { Map } from '/@/assets/mapUtils/map.ts';
const classOption = ref({
step: 0.3, // 速度
@@ -98,7 +99,6 @@
*/
function handlePolice(item) {
userInfo.value = item;
console.log('item', item);
openInfor.value = true;
classOption.value.step = 0;
}
@@ -125,14 +125,14 @@
if (code == 200) {
scrollList.value = result.records;
}
// console.log('dd', result);
}
function sendPosition(item) {
let { lon, lat } = item;
if (lon && lat) {
$bus.emit('sendPosition', item);
Map.createMarker(item, () => {
handlePolice(item);
});
}
}
</script>
+3
View File
@@ -80,6 +80,9 @@ export const aircraft = [
},
];
/**
* @desc 直升机文本
*/
export function aircraftContent() {
return `
<div style="display: flex;justify-content: center;align-items: center;">
+11 -17
View File
@@ -46,7 +46,7 @@
<div><img :src="item.img" alt="" class="legend-img" /> {{ item.text }}</div>
</div>
</div>
<!-- <div class="level">地图层级{{ level }}</div>-->
<div class="level">地图层级{{ level }}</div>
</div>
<div class="center-footer">
<div class="count-item" @click="test">
@@ -54,7 +54,7 @@
<div class="text">累计受理</div>
</div>
<div class="count-item">
<div class="num">1054</div>
<div class="num">{{ footerData?.totalacceptance || '/' }}</div>
<div class="text">累计处置</div>
</div>
</div>
@@ -105,13 +105,11 @@
}
function logMapinfo() {
let zoom = Map.map.getZoom();
if (zoom > 6) {
Map.map.getCity(function (info) {
const { citycode } = info;
Map.createActiveHospital(citycode);
});
}
// let zoom = Map.map.getZoom();
Map.map.getCity(function (info) {
const { citycode } = info;
Map.createActiveHospital(citycode);
});
}
const level = ref(0);
@@ -137,20 +135,16 @@
const footerData = ref({
alerdyreceive: '',
totalacceptance: '',
});
onMounted(() => {
console.log('reload');
initMap();
getMapData(tabList[0].type);
Map.map.on('moveend', setLevel);
Map.map.on('zoomend', setLevel);
$bus.on('sendPosition', (item) => {
Map.createMarker(item);
});
Map.map && Map.map.on('moveend', setLevel);
Map.map && Map.map.on('zoomend', setLevel);
$bus.on('alerdyreceive', (val) => {
footerData.value = {
alerdyreceive: val,
};
footerData.value = val;
});
});