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

小助理

Browse Source
This commit is contained in:
liuye
2024-07-15 14:54:31 +08:00
parent fc8720fc40
commit 38f2404ef3
11 changed files with 323 additions and 366 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/project/weiyang/AppSpecialPeople/AppSpecialPeople.vue
View File

@@ -2,12 +2,12 @@
<div class="AppSpecialPeople">
<template v-if="hasGridPermit">
<u-navbar back-icon-color="#000" title="特殊人群" title-color="#000" title-width="300" title-size="32"
:title-bold="true" :background="backgroundNavbar" :is-fixed="true" height="44"></u-navbar>
:title-bold="true" :background="backgroundNavbar" :is-fixed="true" height="44" z-index="999"></u-navbar>
<div class="header-content-bg">
<img src="https://cdn.sinoecare.com/i/2024/07/12/6690a1303d423.png" alt="">
</div>
<div class="top-tabs">
<u-tabs :list="tabs" :is-scroll="false" :current="tabIndex" height="96" bg-color="#fff" inactive-color="#222"
<div :class="!tabIndex ? 'top-tabs border-r' : 'top-tabs'" :style="{'top': `${statusBarHeight+50}px`}">
<u-tabs :list="tabs" :is-scroll="false" :current="tabIndex" height="96" inactive-color="#222"
active-color="#1D2229" :bar-style="barStyle" font-size="34" @change="tabClick"></u-tabs>
<div class="select-content">
<!-- <div class="search-input">
@@ -16,7 +16,7 @@
v-model="search.name" @confirm="getUserList" :clearable="false" maxlength="6"/>
</div> -->
<div class="search-input" v-if="tabIndex">
<u-search placeholder="请输入姓名" v-model="search.name" :show-action="false" bg-color="#F4F5FA" search-icon-color="#F4F5FA"
<u-search placeholder="请输入姓名" v-model="search.name" :show-action="false" bg-color="#F4F5FA" search-icon-color="#666"
color="#666" height="72" @search="(page1.current = 1), getList()" ></u-search>
</div>
<div class="area-content fill">
@@ -30,7 +30,7 @@
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index"
@click="tabClick(index)">{{ item }}<span></span></div>
</div> -->
<div v-if="!tabIndex">
<div v-if="!tabIndex" class="statistic-content">
<div class="info-content">
<div class="title">特殊人群</div>
<div class="num-content">
@@ -52,7 +52,7 @@
</div>
</div>
</div>
<div v-else>
<div v-else class="list-content">
<div class="item-content" v-for="(item, index) in userList" :key="index">
<div class="title" @click="showUserType(index)">
<h2>{{ item.label }}</h2>
@@ -106,7 +106,6 @@ export default {
name: "人员信息",
},
],
// tabs: ['统计信息', '人员信息'],
tabIndex: 0,
addressArea: '',
statisticsList: [],
@@ -125,6 +124,7 @@ export default {
'bottom': '-4px',
'background': '#026AF2'
},
statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
}
},
computed: {
@@ -268,27 +268,32 @@ export default {
z-index: -1;
}
}
.top-fixed {
width: 100%;
position: fixed;
left: 32px;
z-index: 999;
}
.top-tabs {
padding: 32px;
width: calc(100% - 64px);
box-sizing: border-box;
::v-deep .u-tabs {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
position: fixed;
left: 32px;
.select-content {
width: 100%;
padding: 0 32px;
box-sizing: border-box;
background-color: #fff;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
.search-input {
width: 100%;
padding: 28px 0;
}
.area-content {
width: 100%;
padding: 26px 32px;
padding: 26px 0;
box-sizing: border-box;
font-family: PingFangSC-Regular;
font-size: 32px;
@@ -307,10 +312,27 @@ export default {
}
}
::v-deep .u-tabs {
border-bottom: 1px solid #eee;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.border-r {
.select-content {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
}
.statistic-content {
padding: 216px 0 32px 0;
}
.info-content {
width: calc(100% - 64px);
background: #fff;
border-radius: 8px;
border-radius: 32px;
margin: 24px 32px 0;
.title {
@@ -360,8 +382,21 @@ export default {
}
}
.list-content {
width: calc(100% - 64px);
// padding: 32px 0;
margin: 320px 0 188px 32px;
height: calc(100% - 640px);
padding-bottom: 32px;
box-sizing: border-box;
background-color: #fff;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
.item-content {
margin-bottom: 4px;
border-bottom: 1px solid #eee;
.title {
width: 100%;
@@ -458,18 +493,22 @@ export default {
position: fixed;
bottom: 0;
left: 0;
background-color: #F4F5FA;
padding: 32px 64px 68px 64px;
z-index: 9;
.btn {
width: calc(100% - 128px);
line-height: 88px;
background: #026AF2;
border-radius: 44px;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 34px;
color: #FFF;
text-align: center;
}
}
.btn {
width: 100%;
height: 112px;
line-height: 112px;
text-align: center;
background: #1365dd;
font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #fff;
}
}
</style>