<script setup>
|
import { getCurrentInstance, ref, computed, reactive } from 'vue';
|
import { useRouter } from "vue-router";
|
import { get, post, postBlob } from '@/utils/request.js'
|
import { message, Modal } from 'ant-design-vue';
|
import { logout } from '@/config.js';
|
import { formatMessage } from '@/utils/localeUtils.js';
|
import MapView from '@/components/loc/map/index.vue'
|
import LocMapView from './locMap.vue'
|
import {
|
FormOutlined,
|
CameraOutlined,
|
} from "@ant-design/icons-vue";
|
|
const currentPage = ref("map")
|
|
const switchPage = () => {
|
let tmp = ''
|
if (currentPage.value == 'map') {
|
tmp = 'locMap'
|
}
|
if (currentPage.value == 'locMap') {
|
tmp = 'map'
|
}
|
currentPage.value = tmp;
|
}
|
|
</script>
|
|
<script>
|
export default {
|
name: '库位地图'
|
}
|
</script>
|
|
<template>
|
<a-float-button :style="{
|
right: '24px',
|
bottom: '100px'
|
}" @click="switchPage()">
|
<template #icon>
|
<div v-if="currentPage == 'map'">
|
<FormOutlined />
|
</div>
|
<div v-else>
|
<CameraOutlined />
|
</div>
|
</template>
|
</a-float-button>
|
<MapView v-if="currentPage == 'map'" />
|
<LocMapView v-else />
|
</template>
|
|
<style></style>
|
