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:
花有清香月有阴
2022-02-23 17:02:12 +08:00
parent 8e663dc94e
commit 0922aae4f1
1 changed files with 30 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/mods/AppAddressBook/AppAddressBook.vue
View File

@@ -1,23 +1,22 @@
<template>
<div class="wrapper">
<AiTopFixed>
<div class="searchObj">
<u-search v-model="name" ref="searchObj" placeholder="请输入姓名或电话" :show-action="false" clearabled bg-color="#fff" search-icon-color="#6AA8F8" placeholder-color="#D0D4D4" @search="handerSearch" @clear=";(index = []), (name = ''), getList()" />
</div>
</AiTopFixed>
<div class="searAreName">
<AiAreaPicker ref="area" class="ai-area" :value="areaId" :name.sync="areaName" :areaId="$areaId" @select="areaSelect">
<div class="ai-area__wrapper">
<span class="label" v-if="areaName">{{ areaName }}</span>
<span v-else>请选择</span>
<u-icon name="arrow-down" color="#666" size="24" style="margin-left: 4px"></u-icon>
</div>
</AiAreaPicker>
<!-- <div class="areaSelection">
<div class="area">区域选择</div>
<div class="select">
<AiAreaPicker ref="area" class="ai-area" :value="areaId" :name.sync="areaName" :areaId="$areaId" @select="areaSelect">
<div class="ai-area__wrapper">
<span class="label" v-if="areaName">{{ areaName }}</span>
<span v-else>请选择</span>
<u-icon name="arrow-right"></u-icon>
</div>
</AiAreaPicker>
<u-search v-model="name" ref="searchObj" placeholder="请输入名称/类型/电话" :show-action="false" clearabled bg-color="#F5F5F5" search-icon-color="#ccc" placeholder-color="#666" @search="handerSearch" @clear=";(index = []), (name = ''), getList()" style="width: 70%" />
</div>
<!-- <AiTopFixed>
<div class="searchObj">
<u-search v-model="name" ref="searchObj" placeholder="请输入姓名或电话" :show-action="false" clearabled bg-color="#F5F7F9" search-icon-color="#6AA8F8" placeholder-color="#D0D4D4" @search="handerSearch" @clear=";(index = []), (name = ''), getList()" />
</div>
</div> -->
</AiTopFixed> -->
<template v-if="list.length">
<u-index-list :scrollTop="scrollTop" :index-list="indexList">
@@ -49,16 +48,16 @@ export default {
indexList: [],
list: [],
userInfo: {},
// areaId: '',
// $areaId: '',
// areaName: '',
areaId: '',
$areaId: '',
areaName: '',
name: '',
}
},
onLoad() {
this.userInfo = uni.getStorageSync('userInfo')
// this.areaId = this.$areaId
// this.areaName = this.$areaName
this.areaId = this.$areaId
this.areaName = this.$areaName
this.getList()
},
@@ -76,7 +75,7 @@ export default {
params: {
isPublic: 1,
resource: 'portal',
// areaId: this.areaId,
areaId: this.areaId,
size: 999,
name: this.name,
},
@@ -112,6 +111,14 @@ export default {
<style lang="scss" scoped>
.wrapper {
.searAreName {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 32px;
background: #fff;
}
::v-deep .AiTopFixed {
width: 100%;
.placeholder {
@@ -131,21 +138,7 @@ export default {
}
.searchObj {
padding: 24px 32px;
background: #197df0;
}
}
.areaSelection {
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 0 30px;
width: 100%;
height: 120px;
line-height: 120px;
background-color: #ffff;
.select {
text-align: right;
background: #fff;
}
}