update
1.根据新疆反馈(12.22),修改相关问题
This commit is contained in:
@@ -25,6 +25,8 @@ export const Map = {
|
|||||||
driving: null,
|
driving: null,
|
||||||
walking: null,
|
walking: null,
|
||||||
mapDriverOrWalkLoading: false,
|
mapDriverOrWalkLoading: false,
|
||||||
|
layerGroup: null,
|
||||||
|
layerData: null,
|
||||||
/**
|
/**
|
||||||
* @desc 地图舒适化
|
* @desc 地图舒适化
|
||||||
* @param el dom元素 id选择器
|
* @param el dom元素 id选择器
|
||||||
@@ -60,6 +62,18 @@ export const Map = {
|
|||||||
this.drawOutLine();
|
this.drawOutLine();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
const satellite = new AMap.TileLayer.Satellite({
|
||||||
|
zIndex: 11,
|
||||||
|
});
|
||||||
|
|
||||||
|
const roadNet = new AMap.TileLayer.RoadNet({
|
||||||
|
zIndex: 12,
|
||||||
|
});
|
||||||
|
this.layerData = { satellite, roadNet };
|
||||||
|
this.layerGroup = new AMap.LayerGroup([satellite, roadNet]);
|
||||||
|
this.layerGroup.setMap(this.map);
|
||||||
|
satellite.hide();
|
||||||
|
roadNet.hide();
|
||||||
resolve();
|
resolve();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
+14
-6
@@ -64,7 +64,7 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="sun-body-right-three">
|
<div class="sun-body-right-three">
|
||||||
<two-new-r :center-id="centerId" :bKey="`two-n-r-${count}`" @handle-view="handleTwoNewRClick" />
|
<two-new-r ref="twoNewR" :center-id="centerId" :bKey="`two-n-r-${count}`" @handle-view="handleTwoNewRClick" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -99,7 +99,10 @@
|
|||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
<template v-if="column.dataIndex === 'cz'">
|
<template v-if="column.dataIndex === 'cz'">
|
||||||
<a-button type="link" @click="forHelp(record)">求助信息</a-button>
|
<a-button type="link" @click="forHelp(record, false)">求助信息</a-button>
|
||||||
|
</template>
|
||||||
|
<template v-if="column.dataIndex === 'gName'">
|
||||||
|
<a-button type="link" @click="openRBModal(record)">{{ record?.name }}</a-button>
|
||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
</IndexModal>
|
</IndexModal>
|
||||||
@@ -200,6 +203,7 @@
|
|||||||
const showMapBottom = ref(false);
|
const showMapBottom = ref(false);
|
||||||
const userData = ref<object>({});
|
const userData = ref<object>({});
|
||||||
const centerMapRef = ref();
|
const centerMapRef = ref();
|
||||||
|
const twoNewR = ref();
|
||||||
const otherLoading = ref<boolean>(false);
|
const otherLoading = ref<boolean>(false);
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
@@ -225,6 +229,10 @@
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
function openRBModal(item: any) {
|
||||||
|
twoNewR.value.handlePolice(item);
|
||||||
|
}
|
||||||
|
|
||||||
const getTime = () => {
|
const getTime = () => {
|
||||||
dateInfo.value = {
|
dateInfo.value = {
|
||||||
day: dayjs().format('YYYY年MM月DD日'),
|
day: dayjs().format('YYYY年MM月DD日'),
|
||||||
@@ -238,7 +246,7 @@
|
|||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
async function forHelp(record: any) {
|
async function forHelp(record: any, showBottomInfo = true) {
|
||||||
indexModalRef.value.closeDialog();
|
indexModalRef.value.closeDialog();
|
||||||
record['lat'] = record?.latitude;
|
record['lat'] = record?.latitude;
|
||||||
record['lon'] = record?.longitude;
|
record['lon'] = record?.longitude;
|
||||||
@@ -260,7 +268,7 @@
|
|||||||
showRestB.value = false;
|
showRestB.value = false;
|
||||||
userData.value = record;
|
userData.value = record;
|
||||||
}
|
}
|
||||||
await confirmHelp(record);
|
await confirmHelp(record, showBottomInfo);
|
||||||
}
|
}
|
||||||
|
|
||||||
function toOther() {
|
function toOther() {
|
||||||
@@ -399,7 +407,7 @@
|
|||||||
const hospitalList = ref([]); //医院列表
|
const hospitalList = ref([]); //医院列表
|
||||||
const showHospitalList = ref(false);
|
const showHospitalList = ref(false);
|
||||||
|
|
||||||
async function confirmHelp(data: any) {
|
async function confirmHelp(data: any, showBottomInfo = true) {
|
||||||
showMapBottom.value = false;
|
showMapBottom.value = false;
|
||||||
Map.driveLine && Map.driveLine.clear();
|
Map.driveLine && Map.driveLine.clear();
|
||||||
try {
|
try {
|
||||||
@@ -414,7 +422,7 @@
|
|||||||
userData.value = data;
|
userData.value = data;
|
||||||
if (!data.lon || !data.lat) {
|
if (!data.lon || !data.lat) {
|
||||||
centerMapRef.value.newResetMap();
|
centerMapRef.value.newResetMap();
|
||||||
showMapBottom.value = data?.emergencyType != 2;
|
showMapBottom.value = data?.emergencyType != 2 && showBottomInfo;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
Map.removeOverlayGroup();
|
Map.removeOverlayGroup();
|
||||||
|
|||||||
@@ -72,6 +72,14 @@
|
|||||||
<div> 未获取到当前求助信息的位置信息 </div>
|
<div> 未获取到当前求助信息的位置信息 </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="t-c-d">
|
||||||
|
<a-button-group style="display: flex; flex-direction: column">
|
||||||
|
<a-button :class="[nowC === '' ? 'select-button' : '']" @click="tC('')">默认地图</a-button>
|
||||||
|
<a-button :class="[nowC === 'satellite' ? 'select-button' : '']" @click="tC('satellite')">卫星地图</a-button>
|
||||||
|
<a-button :class="[nowC === 'roadNet' ? 'select-button' : '']" @click="tC('roadNet')">标准地图</a-button>
|
||||||
|
</a-button-group>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
@@ -143,6 +151,28 @@
|
|||||||
let placeSearch: any = null;
|
let placeSearch: any = null;
|
||||||
let sListen: any = null;
|
let sListen: any = null;
|
||||||
let eListen: any = null;
|
let eListen: any = null;
|
||||||
|
const nowC = ref('');
|
||||||
|
const mapMapStyle1 = 'amap://styles/darkblue';
|
||||||
|
const mapMapStyle2 = 'amap://styles/normal';
|
||||||
|
function tC(type: any) {
|
||||||
|
if (!nowC.value && type) {
|
||||||
|
Map.layerData[type].show();
|
||||||
|
}
|
||||||
|
if (nowC.value && !type) {
|
||||||
|
Map.layerData[nowC.value].hide();
|
||||||
|
}
|
||||||
|
if (nowC.value && type) {
|
||||||
|
Map.layerData[nowC.value].hide();
|
||||||
|
Map.layerData[type].show();
|
||||||
|
}
|
||||||
|
if (type === 'roadNet') {
|
||||||
|
Map.map.setMapStyle(mapMapStyle2);
|
||||||
|
} else {
|
||||||
|
Map.map.setMapStyle(mapMapStyle1);
|
||||||
|
}
|
||||||
|
nowC.value = type;
|
||||||
|
}
|
||||||
|
|
||||||
watch(
|
watch(
|
||||||
() => props.showHospitalList,
|
() => props.showHospitalList,
|
||||||
(v) => {
|
(v) => {
|
||||||
@@ -907,6 +937,23 @@
|
|||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.t-c-d {
|
||||||
|
position: absolute;
|
||||||
|
top: 55px;
|
||||||
|
right: 5px;
|
||||||
|
|
||||||
|
button {
|
||||||
|
background: #082147;
|
||||||
|
border-color: #082147;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-button {
|
||||||
|
background: #073063 !important;
|
||||||
|
color: #00ccff !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
:deep(.amap-sug-result) {
|
:deep(.amap-sug-result) {
|
||||||
background: #002e64 !important;
|
background: #002e64 !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<template #container>
|
<template #container>
|
||||||
<Form style="width: 100%">
|
<Form style="width: 100%">
|
||||||
<div style="width: 100%">
|
<div style="width: 100%">
|
||||||
<Row style="display: flex; flex-wrap: wrap; width: 100%; align-items: center">
|
<Row style="display: flex; flex-wrap: wrap; width: 100%; align-items: center; margin-top: 10px">
|
||||||
<Col :span="6">
|
<Col :span="6">
|
||||||
<a-form-item label="被救助人">
|
<a-form-item label="被救助人">
|
||||||
<a-input
|
<a-input
|
||||||
@@ -212,6 +212,7 @@
|
|||||||
formState.value = {
|
formState.value = {
|
||||||
orgCode: orgCode2.value || orgCode1.value,
|
orgCode: orgCode2.value || orgCode1.value,
|
||||||
realName: name.value,
|
realName: name.value,
|
||||||
|
initiatorType: initiatorType.value,
|
||||||
type: initForm.value.type,
|
type: initForm.value.type,
|
||||||
search: initForm.value.search,
|
search: initForm.value.search,
|
||||||
createTimeStart: dateTime.value && dateTime.value.length > 0 ? dateTime.value[0] : '',
|
createTimeStart: dateTime.value && dateTime.value.length > 0 ? dateTime.value[0] : '',
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<template #container>
|
<template #container>
|
||||||
<Form style="width: 100%">
|
<Form style="width: 100%">
|
||||||
<div style="width: 100%">
|
<div style="width: 100%">
|
||||||
<Row style="display: flex; flex-wrap: wrap; width: 100%; align-items: center">
|
<Row style="display: flex; flex-wrap: wrap; width: 100%; align-items: center; margin-top: 10px">
|
||||||
<Col :span="8">
|
<Col :span="8">
|
||||||
<a-form-item label="姓名">
|
<a-form-item label="姓名">
|
||||||
<a-input
|
<a-input
|
||||||
|
|||||||
@@ -712,8 +712,9 @@ export const twoRNewColumns = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '姓名',
|
title: '姓名',
|
||||||
dataIndex: 'name',
|
dataIndex: 'gName',
|
||||||
key: 'name',
|
key: 'gName',
|
||||||
|
slot: 'gName',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '性别',
|
title: '性别',
|
||||||
|
|||||||
@@ -25,7 +25,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Dialog :openVis="openInfor" width="40%" title="关爱人员详情" @close="handlePoliceClose">
|
<Dialog :openVis="openInfo" width="40%" title="关爱人员详情" @close="handlePoliceClose">
|
||||||
<template #container>
|
<template #container>
|
||||||
<div class="police-con" style="position: relative" :class="[themeType]">
|
<div class="police-con" style="position: relative" :class="[themeType]">
|
||||||
<div
|
<div
|
||||||
@@ -75,7 +75,7 @@
|
|||||||
const { themeType } = useTheme();
|
const { themeType } = useTheme();
|
||||||
const step = ref(0.2);
|
const step = ref(0.2);
|
||||||
const scrollList = ref<any[]>([]);
|
const scrollList = ref<any[]>([]);
|
||||||
const openInfor = ref<boolean>(false); //弹窗显示
|
const openInfo = ref<boolean>(false); //弹窗显示
|
||||||
const userInfo = ref<any>({});
|
const userInfo = ref<any>({});
|
||||||
|
|
||||||
const filedList = reactive(list);
|
const filedList = reactive(list);
|
||||||
@@ -112,7 +112,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function handlePolice(item: any) {
|
function handlePolice(item: any) {
|
||||||
openInfor.value = true;
|
openInfo.value = true;
|
||||||
showSping.value = true;
|
showSping.value = true;
|
||||||
userInfo.value = {};
|
userInfo.value = {};
|
||||||
loveTrendByOneApi({ anYanUserId: item?.empId, idNo: item?.idNo })
|
loveTrendByOneApi({ anYanUserId: item?.empId, idNo: item?.idNo })
|
||||||
@@ -129,13 +129,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function handlePoliceClose() {
|
function handlePoliceClose() {
|
||||||
openInfor.value = false;
|
openInfo.value = false;
|
||||||
step.value = 0.2;
|
step.value = 0.2;
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleView() {
|
function handleView() {
|
||||||
emit('handleView');
|
emit('handleView');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
handlePolice,
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.one-r-box {
|
.one-r-box {
|
||||||
|
|||||||
Reference in New Issue
Block a user