From f7d2909c80fd6488eae734ad68db9f6f0bccec06 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Mon, 12 Dec 2022 17:23:48 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs
---
src/views/home/components/leftContainer.vue | 73 ++++++++++--------------------------
1 files changed, 21 insertions(+), 52 deletions(-)
diff --git a/src/views/home/components/leftContainer.vue b/src/views/home/components/leftContainer.vue
index e47297e..d09b41a 100644
--- a/src/views/home/components/leftContainer.vue
+++ b/src/views/home/components/leftContainer.vue
@@ -13,57 +13,32 @@
</div>
</div>
<div class="sub-tab" v-show="peopletype == 0">
- <div
- class="tab3"
- :class="{ 'select-on-tab': tabType == 0 }"
- @click="personTabClick(0)"
- >
+ <div class="tab3" :class="{ 'select-on-tab': tabType == 0 }" @click="personTabClick(0)">
<div class="num">164.57万人</div>
<div class="type">户籍人口</div>
</div>
- <div
- class="tab3"
- :class="{ 'select-on-tab': tabType == 1 }"
- @click="personTabClick(1)"
- >
+ <div class="tab3" :class="{ 'select-on-tab': tabType == 1 }" @click="personTabClick(1)">
<div class="num">17.52万人</div>
<div class="type">流动人口</div>
</div>
- <div
- class="tab3"
- :class="{ 'select-on-tab': tabType == 2 }"
- @click="personTabClick(2)"
- >
+ <div class="tab3" :class="{ 'select-on-tab': tabType == 2 }" @click="personTabClick(2)">
<div class="num">91995人</div>
<div class="type">境外人口</div>
</div>
</div>
<div id="PersonEcharts" class="echarts-box"></div>
- <div
- class="back"
- title="返回上一级"
- v-show="dataDeep == 2 && peopletype == 0"
- @click="backBegin"
- ></div>
+ <div class="back" title="返回上一级" v-show="dataDeep == 2 && peopletype == 0" @click="backBegin"></div>
</div>
<div class="house-box">
<div class="title">现有房屋</div>
- <div class="sub-tab">
- <div
- class="tab"
- :class="{ 'select-on-tab': tabTypeTwo == 0 }"
- @click="houseTabClick(0)"
- >
- <div class="num">182万户</div>
- <div class="num">实有房屋</div>
+ <div class="sub-tab ">
+ <div class="tab" :class="{ 'select-on-tab': tabTypeTwo == 0 }" @click="houseTabClick(0)">
+ <div class="tab-title-small">实有房屋:</div>
+ <div class="tab-title-small">182万户</div>
</div>
- <div
- class="tab"
- :class="{ 'select-on-tab': tabTypeTwo == 1 }"
- @click="houseTabClick(1)"
- >
- <div class="num">634个</div>
- <div class="num">关注场所</div>
+ <div class="tab" :class="{ 'select-on-tab': tabTypeTwo == 1 }" @click="houseTabClick(1)">
+ <div class="tab-title-small">关注场所:</div>
+ <div class="tab-title-small">634个</div>
</div>
</div>
<div id="houseEcharts" class="echarts-box"></div>
@@ -71,21 +46,13 @@
<div class="land-box">
<div class="title">现有地</div>
<div class="sub-tab">
- <div
- class="tab"
- :class="{ 'select-on-tab': tabTypeThree == 0 }"
- @click="landTabClick(0)"
- >
- <div class="num">634个</div>
- <div class="num">小区</div>
+ <div class="tab" :class="{ 'select-on-tab': tabTypeThree == 0 }" @click="landTabClick(0)">
+ <div class="tab-title-small">小区:</div>
+ <div class="tab-title-small">634个</div>
</div>
- <div
- class="tab"
- :class="{ 'select-on-tab': tabTypeThree == 1 }"
- @click="landTabClick(1)"
- >
- <div class="num">634个</div>
- <div class="num">责任区</div>
+ <div class="tab" :class="{ 'select-on-tab': tabTypeThree == 1 }" @click="landTabClick(1)">
+ <div class="tab-title-small">责任区:</div>
+ <div class="tab-title-small">634个</div>
</div>
</div>
<div id="landEcharts" class="echarts-box"></div>
@@ -971,7 +938,7 @@
color: #fff;
}
- & > div:nth-of-type(2) {
+ &>div:nth-of-type(2) {
font-size: 14px;
}
}
@@ -985,6 +952,7 @@
.sub-tab {
padding: 10px;
display: flex;
+ color: #99cccc;
.tab,
.tab3 {
@@ -994,11 +962,12 @@
border-radius: 8px;
cursor: pointer;
- & > div {
+ &>div {
height: 22px;
line-height: 22px;
}
}
+
.tab {
display: flex;
justify-content: space-around;
--
Gitblit v1.9.3