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');
|
seconds.toString().padStart(2, '0');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const logout = () => {
|
||||||
|
// router.replace('/login')
|
||||||
|
router.push('/login')
|
||||||
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
|
|
||||||
mitt.emit('map_info', info);
|
mitt.emit('map_info', info);
|
||||||
|
@ -120,7 +125,7 @@ onMounted(() => {
|
||||||
多云
|
多云
|
||||||
</div>
|
</div>
|
||||||
<img class="icon item" src="/src/assets/head_img/icon.png" alt="" />
|
<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="" />
|
<img src="/src/assets/head_img/close.png" alt="" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -7,14 +7,21 @@ import { onMounted, ref } from "vue";
|
||||||
|
|
||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
|
|
||||||
const list = ref(null)
|
const list = ref([])
|
||||||
|
|
||||||
const initData = () => {
|
const initData = () => {
|
||||||
townMapCoun({
|
townMapCoun({
|
||||||
areaCode: appStore.address.areaCode,
|
areaCode: appStore.address.areaCode,
|
||||||
streetCode: appStore.address.streetCode,
|
streetCode: appStore.address.streetCode,
|
||||||
}).then((res) => {
|
}).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">
|
<div class="ball">
|
||||||
<ball class="ball1"></ball>
|
<ball class="ball1"></ball>
|
||||||
</div>
|
</div>
|
||||||
<centerMap class="c-map" :list="list"></centerMap>
|
<centerMap v-if="list.length > 0" class="c-map" :list="list"></centerMap>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -98,6 +98,7 @@ const submit = () => {
|
||||||
<button class="btn" @click="submit">登录</button>
|
<button class="btn" @click="submit">登录</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="title"><span>吟龙物流信息监控溯源可视化大屏</span></div>
|
||||||
</div>
|
</div>
|
||||||
</dv-full-screen-container>
|
</dv-full-screen-container>
|
||||||
</template>
|
</template>
|
||||||
|
@ -115,6 +116,29 @@ const submit = () => {
|
||||||
background-image: url(../../assets/login_img/bg.png);
|
background-image: url(../../assets/login_img/bg.png);
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
overflow: hidden;
|
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 {
|
.form {
|
||||||
|
|
Loading…
Reference in New Issue