kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

26775

Browse Source
This commit is contained in:
liuye
2022-01-14 16:51:17 +08:00
parent 16aa9f5989
commit 42ea3c46c0
1 changed files with 47 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/apps/AppEpidemicSituation/BackUserList.vue
View File

@@ -1,38 +1,40 @@
<template>
<div class="BackUserList">
<div class="header">
<div class="tab-item">
<h2 style="color:#2C51CE;">{{totalInfo.total}}</h2>
<p>返乡人员</p>
<AiTopFixed>
<div class="header">
<div class="tab-item">
<h2 style="color:#2C51CE;">{{totalInfo.total}}</h2>
<p>返乡人员</p>
</div>
<div class="tab-item">
<h2 style="color:#5AAD6A;">{{totalInfo.today}}</h2>
<p>今日返乡</p>
</div>
<div class="tab-item">
<h2 style="color:#F5A319;">{{totalInfo.todayUnusual}}</h2>
<p>今日异常</p>
</div>
<div class="tab-item">
<h2 style="color:#CD413A;border-right:0;">{{totalInfo.release}}</h2>
<p>异常处理</p>
</div>
</div>
<div class="tab-item">
<h2 style="color:#5AAD6A;">{{totalInfo.today}}</h2>
<p>今日返乡</p>
<div class="search">
<div class="left">
<AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" style="color: #666">
<u-icon name="map-fill" color="#3192F4" size="20px" style="vertical-align: text-bottom"></u-icon>
<span style="margin-left: 4px" v-if="areaName">{{ areaName }}</span>
<span v-else>请选择</span>
<u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" />
</AiAreaPicker>
</div>
<u-search v-model="name" :clearabled="true" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#999" color="#999" height="58" @search="getListInit" @clear="name='',getListInit"></u-search>
</div>
<div class="tab-item">
<h2 style="color:#F5A319;">{{totalInfo.todayUnusual}}</h2>
<p>今日异常</p>
<div class="tab-select">
<div class="item" :class="!tabIndex ? 'active' : ''" @click="tabClick(0)">返乡人员<span></span></div>
<div class="item" :class="tabIndex ? 'active' : ''" @click="tabClick(1)">异常人员<span></span></div>
</div>
<div class="tab-item">
<h2 style="color:#CD413A;border-right:0;">{{totalInfo.release}}</h2>
<p>异常处理</p>
</div>
</div>
<div class="search">
<div class="left">
<AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" style="color: #666">
<u-icon name="map-fill" color="#3192F4" size="20px" style="vertical-align: text-bottom"></u-icon>
<span style="margin-left: 4px" v-if="areaName">{{ areaName }}</span>
<span v-else>请选择</span>
<u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" />
</AiAreaPicker>
</div>
<u-search v-model="name" :clearabled="true" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#999" color="#999" height="58" @search="getListInit" @clear="name='',getListInit"></u-search>
</div>
<div class="tab-select">
<div class="item" :class="!tabIndex ? 'active' : ''" @click="tabClick(0)">返乡人员<span></span></div>
<div class="item" :class="tabIndex ? 'active' : ''" @click="tabClick(1)">异常人员<span></span></div>
</div>
</AiTopFixed>
<div class="user-list">
<div class="item" @click="toUser(item)" v-for="(item,index) in list" :key="index">
<h2 class="name">{{item.name}}<span class="status" v-if="item.status == 0">有异常</span></h2>
@@ -233,5 +235,20 @@ export default {
}
}
}
::v-deep .AiTopFixed {
.placeholder {
.content {
padding: 0 !important;
}
}
.fixed {
margin: 0 !important;
background-color: #f5f5f5!important;
.content {
padding: 0 !important;
}
}
}
}
</style>