fix 优化
This commit is contained in:
@@ -93,7 +93,7 @@
|
|||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
left: '2%',
|
left: '2%',
|
||||||
right: '7%',
|
right: '10%',
|
||||||
bottom: '5%',
|
bottom: '5%',
|
||||||
top: '10%',
|
top: '10%',
|
||||||
containLabel: true
|
containLabel: true
|
||||||
|
|||||||
@@ -102,7 +102,6 @@
|
|||||||
let obj = props.list.find((item) => item.name == name)
|
let obj = props.list.find((item) => item.name == name)
|
||||||
return '{name|' + name + '} {value|' + obj?.value + '}{value|%}'
|
return '{name|' + name + '} {value|' + obj?.value + '}{value|%}'
|
||||||
}
|
}
|
||||||
|
|
||||||
// if(obj.value){
|
// if(obj.value){
|
||||||
// obj.value?obj.value:0;
|
// obj.value?obj.value:0;
|
||||||
|
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<div v-if="isBack" class="back2" @click="handleHome">
|
<div v-if="isBack" class="back2" @click="handleHome">
|
||||||
<img class="icon" src="@/assets/images/home.png" alt="" /> 首页
|
<img class="icon" src="@/assets/images/home.png" alt="" /> 首页
|
||||||
</div>
|
</div>
|
||||||
<div class="btn-all" :class="!isBack?'all-home':''" @click="allShow = true" >核心景区视频</div>
|
<div class="btn-all" :class="!isBack?'all-home':''" v-if="!isBack" @click="allShow = true" >核心景区视频</div>
|
||||||
<ul class="nav-left">
|
<ul class="nav-left">
|
||||||
<li
|
<li
|
||||||
class="nav-left-item"
|
class="nav-left-item"
|
||||||
@@ -192,7 +192,7 @@
|
|||||||
|
|
||||||
// 点击导航
|
// 点击导航
|
||||||
const handleNav = (item) => {
|
const handleNav = (item) => {
|
||||||
console.log(item,router.currentRoute.value.path,'测试一下 ')
|
|
||||||
if (isSkip.value) {
|
if (isSkip.value) {
|
||||||
router.push(item.path)
|
router.push(item.path)
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@@ -200,8 +200,8 @@
|
|||||||
// height: vh(953);
|
// height: vh(953);
|
||||||
padding: vw(8);
|
padding: vw(8);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-image: url('@/assets/images/bg-2.png');
|
// background-image: url('@/assets/images/bg-2.png');
|
||||||
background-size: 100% 100%;
|
// background-size: 100% 100%;
|
||||||
.dropdown {
|
.dropdown {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: vw(8);
|
right: vw(8);
|
||||||
@@ -302,7 +302,7 @@
|
|||||||
}
|
}
|
||||||
.age-box {
|
.age-box {
|
||||||
width: vw(400);
|
width: vw(400);
|
||||||
height: vh(693);
|
height: vh(650);
|
||||||
background-image: url('@/assets/images/bg-3.png');
|
background-image: url('@/assets/images/bg-3.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
&:nth-child(1) {
|
&:nth-child(1) {
|
||||||
@@ -312,7 +312,7 @@
|
|||||||
.box-1 {
|
.box-1 {
|
||||||
width: vw(400);
|
width: vw(400);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
height: vh(693);
|
height: vh(650);
|
||||||
background-image: url('@/assets/images/bg-3.png');
|
background-image: url('@/assets/images/bg-3.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
&:nth-child(2) {
|
&:nth-child(2) {
|
||||||
|
|||||||
@@ -822,11 +822,11 @@
|
|||||||
.footer {
|
.footer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width:vw(2630);
|
width:vw(2630);
|
||||||
margin-top: vh(8);
|
margin-top: vh(20);
|
||||||
// display: flex;
|
// display: flex;
|
||||||
height: vh(650);
|
height: vh(650);
|
||||||
// height:100%;
|
// height:100%;
|
||||||
background-image: url('@/assets/images/bg-2.png');
|
// background-image: url('@/assets/images/bg-2.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
.left {
|
.left {
|
||||||
|
|||||||
@@ -92,7 +92,7 @@
|
|||||||
<div class="pt-10">
|
<div class="pt-10">
|
||||||
<Line
|
<Line
|
||||||
width="95%"
|
width="95%"
|
||||||
:height="100"
|
:height="90"
|
||||||
:config="{ legend: false }"
|
:config="{ legend: false }"
|
||||||
:data="parkData"
|
:data="parkData"
|
||||||
:xAxisData="parkXAxisData"
|
:xAxisData="parkXAxisData"
|
||||||
|
|||||||
@@ -152,6 +152,6 @@
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.age {
|
.age {
|
||||||
width: vw(260);
|
width: vw(260);
|
||||||
height: vh(800);
|
height: vh(850);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -650,7 +650,7 @@ let tabsIndex = ref(0)
|
|||||||
}
|
}
|
||||||
.big-car-ship {
|
.big-car-ship {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: vh(820);
|
height: vh(850);
|
||||||
}
|
}
|
||||||
.close {
|
.close {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
|
|
||||||
<div class="box-1" style="padding: 0;margin:0;">
|
<div class="box-1" style="padding: 0;margin:0;">
|
||||||
<Title1 title="停车信息" />
|
<Title1 title="停车信息" />
|
||||||
<div class="">
|
<div style="min-height:15vh" class="">
|
||||||
<div class=" flex flex-1">
|
<div class=" flex flex-1">
|
||||||
<circle-progress
|
<circle-progress
|
||||||
v-for="(item, index) in garageList"
|
v-for="(item, index) in garageList"
|
||||||
@@ -54,13 +54,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<div class="border mr-8 flex-1">
|
<div style="height: 100%;" class="border mr-8 flex-1">
|
||||||
<div class="pt-10">
|
<div class="pt-10">
|
||||||
<Title3 title="今日景区车流量" />
|
<Title3 title="今日景区车流量" />
|
||||||
</div>
|
</div>
|
||||||
<Line width="100%" :height="130" :data="carBearData" :xAxisData="carBearXAxisData" />
|
<Line width="100%" :height="133" :data="carBearData" :xAxisData="carBearXAxisData" />
|
||||||
</div>
|
</div>
|
||||||
<div class="border flex-1">
|
<div style="height: 100%;" class="border flex-1">
|
||||||
<div class="pt-10">
|
<div class="pt-10">
|
||||||
<Title3 title="车辆归属地占比" />
|
<Title3 title="车辆归属地占比" />
|
||||||
</div>
|
</div>
|
||||||
@@ -69,7 +69,7 @@
|
|||||||
:dataList="dataLists"
|
:dataList="dataLists"
|
||||||
:total="carTotal"
|
:total="carTotal"
|
||||||
width="98%"
|
width="98%"
|
||||||
:height="140"
|
:height="133"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<Line
|
<Line
|
||||||
width="100%"
|
width="100%"
|
||||||
:height="140"
|
:height="145"
|
||||||
:data="scenicQueueData"
|
:data="scenicQueueData"
|
||||||
:xAxisData="scenicQueueXAxisData"
|
:xAxisData="scenicQueueXAxisData"
|
||||||
/>
|
/>
|
||||||
@@ -68,7 +68,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<Line
|
<Line
|
||||||
width="100%"
|
width="100%"
|
||||||
:height="125"
|
:height="133"
|
||||||
:data="scenicBearData"
|
:data="scenicBearData"
|
||||||
:xAxisData="scenicBearXAxisData"
|
:xAxisData="scenicBearXAxisData"
|
||||||
/>
|
/>
|
||||||
@@ -140,7 +140,7 @@
|
|||||||
:dataList="scenicStore?.secureData.dataList"
|
:dataList="scenicStore?.secureData.dataList"
|
||||||
:total="alarmTotal"
|
:total="alarmTotal"
|
||||||
width="100%"
|
width="100%"
|
||||||
:height="140"
|
:height="145"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -189,7 +189,7 @@
|
|||||||
|
|
||||||
<div class="box-4 mr-8">
|
<div class="box-4 mr-8">
|
||||||
<Title1 title="用户画像" />
|
<Title1 title="用户画像" />
|
||||||
<div class="flex" style="height: 88%;">
|
<div class="flex" style="height: 90%;">
|
||||||
<div class="border mr-8 flex-1">
|
<div class="border mr-8 flex-1">
|
||||||
<Title3 title="年龄/性别占比" />
|
<Title3 title="年龄/性别占比" />
|
||||||
<age :list="scenicStore.userPortraitData.data.ageRate" />
|
<age :list="scenicStore.userPortraitData.data.ageRate" />
|
||||||
@@ -1156,7 +1156,7 @@
|
|||||||
.car-ship {
|
.car-ship {
|
||||||
// width: vw(660);
|
// width: vw(660);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: vh(750);
|
height: vh(780);
|
||||||
}
|
}
|
||||||
.full {
|
.full {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|||||||
@@ -158,6 +158,6 @@
|
|||||||
}
|
}
|
||||||
.traffic-flow {
|
.traffic-flow {
|
||||||
width: vw(260);
|
width: vw(260);
|
||||||
height: vh(800);
|
height: vh(855);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user