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

BUG 28296

Browse Source
This commit is contained in:
aixianling
2022-03-17 17:02:10 +08:00
parent 17391d7908
commit 81dd979440
2 changed files with 67 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/apps/AppPeopleList/AppPeopleList.vue
View File

@@ -39,10 +39,6 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
uni-page-body {
height: 100%!important;
background-color: #fff!important;
}
.AppPeopleList{ .AppPeopleList{
height: 100%; height: 100%;
padding-top: 16px; padding-top: 16px;
@@ -65,4 +61,4 @@ uni-page-body {
} }
} }
} }
</style> </style>

115
src/apps/AppPeopleList/PeopleList.vue
View File

@@ -1,30 +1,34 @@
<template> <template>
<div class="PeopleList"> <div class="PeopleList">
<div class="areatop"> <AiTopFixed>
<!-- <div>区域选择</div> <div class="areatop">
<AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="seachObj"></AiAreaPicker> <!-- <div>区域选择</div>
<u-icon name="photo"></u-icon> --> <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="seachObj"></AiAreaPicker>
<!-- @select="areaSelect" --> <u-icon name="photo"></u-icon> -->
<u-form label-width="auto"> <!-- @select="areaSelect" -->
<u-form-item label="区域选择" right-icon="arrow-right" class="areaIds"> <u-form label-width="auto">
<AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="seachObj" :name.sync="areaName"></AiAreaPicker> <u-form-item label="区域选择" right-icon="arrow-right" class="areaIds">
</u-form-item> <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="seachObj"
</u-form> :name.sync="areaName"></AiAreaPicker>
</div> </u-form-item>
</u-form>
</div>
<div class="line"></div> <div class="line"></div>
<u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" @change="change"></u-tabs> <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" @change="change"></u-tabs>
<div class="seachObjs">
<u-search v-model="keyword" :clearabled="true" placeholder="姓名/联系方式/身份证后6位" :show-action="false" bg-color="#F5F5F5" search-icon-color="#E2E8F1" color="#666" height="58" @search="handerSearch" @clear="handerClear"></u-search>
</div>
<div class="seachObjs">
<u-search v-model="keyword" :clearabled="true" placeholder="姓名/联系方式/身份证后6位" :show-action="false"
bg-color="#F5F5F5" search-icon-color="#E2E8F1" color="#666" height="58" @search="handerSearch"
@clear="handerClear"></u-search>
</div>
</AiTopFixed>
<div class="dataes" v-if="datas.length > 0"> <div class="dataes" v-if="datas.length > 0">
<div class="datass" v-for="(item, iindex) in datas" :key="iindex" @click="toDetailCard(item)"> <div class="datass" v-for="(item, iindex) in datas" :key="iindex" @click="toDetailCard(item)">
<div class="left"> <div class="left">
<img :src="item.photo" alt="" v-if="item.photo" /> <img :src="item.photo" alt="" v-if="item.photo"/>
<img src="./components/img/4.png" alt="" v-else /> <img src="./components/img/4.png" alt="" v-else/>
</div> </div>
<div class="right"> <div class="right">
@@ -54,11 +58,10 @@
</template> </template>
<script> <script>
import { mapState } from 'vuex' import {mapState} from 'vuex'
export default { export default {
name: 'PeopleList', name: 'PeopleList',
components: {},
props: {}, props: {},
data() { data() {
return { return {
@@ -89,7 +92,7 @@ export default {
onLoad() { onLoad() {
this.areaId = this.user.areaId this.areaId = this.user.areaId
this.areaName = this.user.areaName this.areaName = this.user.areaName
uni.$on('reload',()=>{ uni.$on('reload', () => {
this.current = 1 this.current = 1
this.getList() this.getList()
}) })
@@ -102,23 +105,23 @@ export default {
getList() { getList() {
var residentType = ['', 0, 1][this.currentTabs] var residentType = ['', 0, 1][this.currentTabs]
this.$http this.$http
.post('/app/appresident/list', null, { .post('/app/appresident/list', null, {
params: { params: {
size: 20, size: 20,
current: this.current, current: this.current,
con: this.keyword, con: this.keyword,
areaId: this.areaId, areaId: this.areaId,
residentType: residentType, residentType: residentType,
auditStatus: 1 auditStatus: 1
}, },
}) })
.then((res) => { .then((res) => {
if (res.code == 0) { if (res.code == 0) {
this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
this.pages = res.data.pages this.pages = res.data.pages
} }
}) })
}, },
change(index) { change(index) {
@@ -129,7 +132,7 @@ export default {
}, },
toDetailCard(item) { toDetailCard(item) {
uni.navigateTo({ url: `./DetailCard?id=${item.id}` }) uni.navigateTo({url: `./DetailCard?id=${item.id}`})
}, },
seachObj(e) { seachObj(e) {
@@ -164,7 +167,8 @@ export default {
} }
uni.hideLoading() uni.hideLoading()
}) })
}).catch(() => {}) }).catch(() => {
})
} }
}, },
onReachBottom() { onReachBottom() {
@@ -175,11 +179,9 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
uni-page-body {
height: 100%;
}
.PeopleList { .PeopleList {
height: 100%; height: 100%;
.areatop { .areatop {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -200,17 +202,20 @@ uni-page-body {
::v-deep .u-form { ::v-deep .u-form {
width: 100%; width: 100%;
.areaIds { .areaIds {
.u-form-item__body { .u-form-item__body {
.u-form-item--right { .u-form-item--right {
.u-form-item--right__content { .u-form-item--right__content {
display: flex; display: flex;
align-items: center; align-items: center;
.u-form-item--right__content__slot { .u-form-item--right__content__slot {
.AiAreaPicker { .AiAreaPicker {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
.areaSelector { .areaSelector {
.location { .location {
opacity: 0; opacity: 0;
@@ -218,6 +223,7 @@ uni-page-body {
} }
} }
} }
.u-form-item--right__content__icon { .u-form-item--right__content__icon {
margin-bottom: 8px; margin-bottom: 8px;
} }
@@ -229,9 +235,11 @@ uni-page-body {
.dataes { .dataes {
background: #fff; background: #fff;
.datass { .datass {
display: flex; display: flex;
padding: 24px 32px; padding: 24px 32px;
.left { .left {
img { img {
width: 80px; width: 80px;
@@ -239,25 +247,29 @@ uni-page-body {
border-radius: 50%; border-radius: 50%;
} }
} }
.right { .right {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 32px; margin-left: 32px;
width: 100%; width: 100%;
.rightTop { .rightTop {
font-size: 32px; font-size: 32px;
font-weight: 500; font-weight: 500;
color: #333333; color: #333333;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.btn{
img{ .btn {
img {
width: 48px; width: 48px;
height: 48px; height: 48px;
margin-left: 40px; margin-left: 40px;
} }
} }
} }
.rightBottom { .rightBottom {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -271,6 +283,7 @@ uni-page-body {
background: #f5f5f5; background: #f5f5f5;
margin: 0; margin: 0;
} }
.addBtn { .addBtn {
width: 100%; width: 100%;
height: 112px; height: 112px;
@@ -282,20 +295,24 @@ uni-page-body {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
} }
.empty{
.empty {
height: 100%; height: 100%;
img{
img {
width: 282px; width: 282px;
height: 306px; height: 306px;
margin: 168px 0 0 234px; margin: 168px 0 0 234px;
} }
p{
p {
text-align: center; text-align: center;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
color: #999; color: #999;
line-height: 44px; line-height: 44px;
span{
span {
color: #467DFE; color: #467DFE;
} }
} }