|
@@ -1,6 +1,11 @@
|
|
<template>
|
|
<template>
|
|
<div class="map-home">
|
|
<div class="map-home">
|
|
- <space-box :spaceData="spaceData" @changeSpace="changeSpace"></space-box>
|
|
|
|
|
|
+ <map-box v-if="showMap && floorId" :projectId="projectId" :floorId="floorId"></map-box>
|
|
|
|
+ <space-box
|
|
|
|
+ v-else
|
|
|
|
+ :spaceData="spaceData"
|
|
|
|
+ @changeSpace="changeSpace"
|
|
|
|
+ ></space-box>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -35,10 +40,14 @@ export default defineComponent({
|
|
type: String,
|
|
type: String,
|
|
default: () => "",
|
|
default: () => "",
|
|
},
|
|
},
|
|
|
|
+ floorId: {
|
|
|
|
+ type: String,
|
|
|
|
+ default: () => "",
|
|
|
|
+ },
|
|
spaceInfo: {
|
|
spaceInfo: {
|
|
type: Object,
|
|
type: Object,
|
|
default: () => {},
|
|
default: () => {},
|
|
- }
|
|
|
|
|
|
+ },
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
vanForm: Form,
|
|
vanForm: Form,
|
|
@@ -53,31 +62,49 @@ export default defineComponent({
|
|
const store = useStore();
|
|
const store = useStore();
|
|
const proxyData = reactive({
|
|
const proxyData = reactive({
|
|
spaceData: props.spaceData,
|
|
spaceData: props.spaceData,
|
|
|
|
+ showMap: false, // 是否展示地图
|
|
changeSpace(item: any) {
|
|
changeSpace(item: any) {
|
|
contex.emit("changeSpace", item, 1);
|
|
contex.emit("changeSpace", item, 1);
|
|
},
|
|
},
|
|
|
|
+ floorId:props.floorId,
|
|
/**
|
|
/**
|
|
* 获取地图信息
|
|
* 获取地图信息
|
|
*/
|
|
*/
|
|
getMapInfo() {
|
|
getMapInfo() {
|
|
let params: any = {
|
|
let params: any = {
|
|
- // projectId: props.projectId,
|
|
|
|
- // floorId: proxyData.floorItem.id,
|
|
|
|
|
|
+ projectId: props.projectId,
|
|
|
|
+ floorId: proxyData.floorId,
|
|
};
|
|
};
|
|
getMapInfo(params)
|
|
getMapInfo(params)
|
|
.then((res) => {
|
|
.then((res) => {
|
|
let resData: any = res;
|
|
let resData: any = res;
|
|
if (resData.result === "success") {
|
|
if (resData.result === "success") {
|
|
|
|
+ let data: any = resData?.data ?? null;
|
|
|
|
+ // debugger
|
|
|
|
+ if (data) {
|
|
|
|
+ proxyData.showMap = true;
|
|
|
|
+ } else {
|
|
|
|
+ proxyData.showMap = false;
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ proxyData.showMap = false;
|
|
}
|
|
}
|
|
})
|
|
})
|
|
- .catch(() => {});
|
|
|
|
|
|
+ .catch(() => {
|
|
|
|
+ proxyData.showMap = false;
|
|
|
|
+ });
|
|
},
|
|
},
|
|
});
|
|
});
|
|
- onMounted(() => {});
|
|
|
|
|
|
+ onMounted(() => {
|
|
|
|
+ });
|
|
watch(
|
|
watch(
|
|
props,
|
|
props,
|
|
(newProps: any) => {
|
|
(newProps: any) => {
|
|
proxyData.spaceData = newProps.spaceData;
|
|
proxyData.spaceData = newProps.spaceData;
|
|
|
|
+ proxyData.floorId = newProps.floorId;
|
|
|
|
+ console.log("proxyData.floorId===")
|
|
|
|
+ console.log(proxyData.floorId)
|
|
|
|
+ proxyData.getMapInfo();
|
|
},
|
|
},
|
|
{
|
|
{
|
|
deep: false,
|
|
deep: false,
|