居民统计
This commit is contained in:
@@ -4,7 +4,7 @@
|
|||||||
<div class="area-content">
|
<div class="area-content">
|
||||||
<AiAreaPicker v-model="areaId" :name.sync="areaName">
|
<AiAreaPicker v-model="areaId" :name.sync="areaName">
|
||||||
<div flex>
|
<div flex>
|
||||||
<!-- <img src="./img/location.png" alt="" class="icon-img"> -->
|
<img src="./img/location.png" alt="" class="icon-img">
|
||||||
<AiMore v-model="areaName" icon="arrow-down"/>
|
<AiMore v-model="areaName" icon="arrow-down"/>
|
||||||
</div>
|
</div>
|
||||||
</AiAreaPicker>
|
</AiAreaPicker>
|
||||||
|
|||||||
@@ -1,5 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="message"></div>
|
<div class="message">
|
||||||
|
会话统计
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -1,5 +1,28 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="resident"></div>
|
<div class="resident">
|
||||||
|
<div class="resident_num">
|
||||||
|
<div class="num_item">
|
||||||
|
<p class="num_item_name">居民总数</p>
|
||||||
|
<p class="num_item_data">2036</p>
|
||||||
|
</div>
|
||||||
|
<div class="num_item">
|
||||||
|
<p class="num_item_name">居民总数</p>
|
||||||
|
<p class="num_item_data">2036</p>
|
||||||
|
</div>
|
||||||
|
<div class="num_item">
|
||||||
|
<p class="num_item_name">居民总数</p>
|
||||||
|
<p class="num_item_data">2036</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 特殊人群 -->
|
||||||
|
<div class="specialPeople">
|
||||||
|
<h3>特殊人群</h3>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -10,6 +33,38 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.resident {
|
.resident {
|
||||||
|
padding: 0 30px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.resident_num {
|
||||||
|
width: 100%;
|
||||||
|
height: 160px;
|
||||||
|
background: #FFF;
|
||||||
|
margin-top: 32px;
|
||||||
|
border-radius: 16px;
|
||||||
|
display: flex;
|
||||||
|
.num_item {
|
||||||
|
width: 33%;
|
||||||
|
height: 100%;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 32px;
|
||||||
|
|
||||||
|
.num_item_name {
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.num_item_data {
|
||||||
|
margin-top: 10px;
|
||||||
|
color: #000000;
|
||||||
|
font-size: 36px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.specialPeople {
|
||||||
|
margin-top: 32px;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,5 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="update"></div>
|
<div class="update">
|
||||||
|
更新统计
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -1,5 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="wechat"></div>
|
<div class="wechat">
|
||||||
|
微信统计
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
BIN
src/project/saas/AppDataStatistics/img/location.png
Normal file
BIN
src/project/saas/AppDataStatistics/img/location.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 766 B |
Reference in New Issue
Block a user