| | |
| | | <div class="person-box"> |
| | | <div class="title"> |
| | | <div> |
| | | <span |
| | | class="peopleTap" |
| | | :class="{ choosed: peopletype == 0 }" |
| | | @click="peopleTabClick(0)" |
| | | >现有人员</span>/ |
| | | <span |
| | | class="peopleTap" |
| | | :class="{ choosed: peopletype == 1 }" |
| | | @click="peopleTabClick(1)" |
| | | >重点人员</span> |
| | | <span class="peopleTap" :class="{ choosed: peopletype == 0 }" |
| | | @click="peopleTabClick(0)">现有人员</span>/ |
| | | <span class="peopleTap" :class="{ choosed: peopletype == 1 }" @click="peopleTabClick(1)">重点人员</span> |
| | | </div> |
| | | <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> |
| | |
| | | .land-box { |
| | | display: flex; |
| | | flex-direction: column; |
| | | padding: 0 10px; |
| | | |
| | | .title::after { |
| | | content: ''; |
| | |
| | | color: #fff; |
| | | } |
| | | |
| | | & > div:nth-of-type(2) { |
| | | &>div:nth-of-type(2) { |
| | | font-size: 14px; |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .sub-tab { |
| | | padding: 10px; |
| | | display: flex; |
| | | |
| | | .tab { |
| | |
| | | border: 1px solid rgba(20, 50, 123, 1); |
| | | cursor: pointer; |
| | | |
| | | & > div { |
| | | &>div { |
| | | height: 26px; |
| | | line-height: 26px; |
| | | } |
| | |
| | | } |
| | | |
| | | .echarts-box { |
| | | padding: 10px; |
| | | flex: 1; |
| | | width: 100%; |
| | | } |
| | | |
| | | .sub-tab + .echarts-box { |
| | | margin-top: 10px; |
| | | } |
| | | } |
| | | |