This commit is contained in:
parent
18b5738927
commit
293f01adec
Binary file not shown.
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
After Width: | Height: | Size: 1.7 KiB |
|
@ -78,6 +78,11 @@ const updateClock = () => {
|
|||
seconds.toString().padStart(2, '0');
|
||||
}
|
||||
|
||||
const logout = () => {
|
||||
// router.replace('/login')
|
||||
router.push('/login')
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
|
||||
mitt.emit('map_info', info);
|
||||
|
@ -120,7 +125,7 @@ onMounted(() => {
|
|||
多云
|
||||
</div>
|
||||
<img class="icon item" src="/src/assets/head_img/icon.png" alt="" />
|
||||
<div class="item">
|
||||
<div class="item" @click="logout">
|
||||
<img src="/src/assets/head_img/close.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -7,14 +7,21 @@ import { onMounted, ref } from "vue";
|
|||
|
||||
const appStore = useAppStore();
|
||||
|
||||
const list = ref(null)
|
||||
const list = ref([])
|
||||
|
||||
const initData = () => {
|
||||
townMapCoun({
|
||||
areaCode: appStore.address.areaCode,
|
||||
streetCode: appStore.address.streetCode,
|
||||
}).then((res) => {
|
||||
list.value = res.data.townList;
|
||||
res.data.townList.forEach(item => {
|
||||
list.value.push({
|
||||
...item,
|
||||
...{
|
||||
value: [item.lng, item.lat]
|
||||
}
|
||||
})
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
|
@ -29,7 +36,7 @@ onMounted(() => {
|
|||
<div class="ball">
|
||||
<ball class="ball1"></ball>
|
||||
</div>
|
||||
<centerMap class="c-map" :list="list"></centerMap>
|
||||
<centerMap v-if="list.length > 0" class="c-map" :list="list"></centerMap>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
@ -98,6 +98,7 @@ const submit = () => {
|
|||
<button class="btn" @click="submit">登录</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title"><span>吟龙物流信息监控溯源可视化大屏</span></div>
|
||||
</div>
|
||||
</dv-full-screen-container>
|
||||
</template>
|
||||
|
@ -115,6 +116,29 @@ const submit = () => {
|
|||
background-image: url(../../assets/login_img/bg.png);
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.title {
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
right: 10%;
|
||||
width: 35%;
|
||||
padding-bottom: 0.4rem;
|
||||
height: 4rem;
|
||||
line-height: 4rem;
|
||||
font-size: 2.6rem;
|
||||
font-family: "ifonts";
|
||||
background-image: url(../../assets/login_img/title.png);
|
||||
background-size: 100% 100%;
|
||||
|
||||
span {
|
||||
background-image: -webkit-linear-gradient(top, #061028, #144e8b);
|
||||
-webkit-background-clip: text;
|
||||
/* -webkit-text-fill-color: transparent; */
|
||||
color: rgba(0, 0, 0, 0);
|
||||
-webkit-text-stroke-color: #5fa2ec;
|
||||
-webkit-text-stroke-width: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form {
|
||||
|
|
Loading…
Reference in New Issue