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> <template>
<div class="wrapper"> <div class="wrapper">
<AiTopFixed> <div class="searAreName">
<div class="searchObj"> <AiAreaPicker ref="area" class="ai-area" :value="areaId" :name.sync="areaName" :areaId="$areaId" @select="areaSelect">
<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 class="ai-area__wrapper">
</div> <span class="label" v-if="areaName">{{ areaName }}</span>
</AiTopFixed> <span v-else>请选择</span>
<u-icon name="arrow-down" color="#666" size="24" style="margin-left: 4px"></u-icon>
</div>
</AiAreaPicker>
<!-- <div class="areaSelection"> <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 class="area">区域选择</div> </div>
<div class="select">
<AiAreaPicker ref="area" class="ai-area" :value="areaId" :name.sync="areaName" :areaId="$areaId" @select="areaSelect"> <!-- <AiTopFixed>
<div class="ai-area__wrapper"> <div class="searchObj">
<span class="label" v-if="areaName">{{ areaName }}</span> <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()" />
<span v-else>请选择</span>
<u-icon name="arrow-right"></u-icon>
</div>
</AiAreaPicker>
</div> </div>
</div> --> </AiTopFixed> -->
<template v-if="list.length"> <template v-if="list.length">
<u-index-list :scrollTop="scrollTop" :index-list="indexList"> <u-index-list :scrollTop="scrollTop" :index-list="indexList">
@@ -49,16 +48,16 @@ export default {
indexList: [], indexList: [],
list: [], list: [],
userInfo: {}, userInfo: {},
// areaId: '', areaId: '',
// $areaId: '', $areaId: '',
// areaName: '', areaName: '',
name: '', name: '',
} }
}, },
onLoad() { onLoad() {
this.userInfo = uni.getStorageSync('userInfo') this.userInfo = uni.getStorageSync('userInfo')
// this.areaId = this.$areaId this.areaId = this.$areaId
// this.areaName = this.$areaName this.areaName = this.$areaName
this.getList() this.getList()
}, },
@@ -76,7 +75,7 @@ export default {
params: { params: {
isPublic: 1, isPublic: 1,
resource: 'portal', resource: 'portal',
// areaId: this.areaId, areaId: this.areaId,
size: 999, size: 999,
name: this.name, name: this.name,
}, },
@@ -112,6 +111,14 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.wrapper { .wrapper {
.searAreName {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 32px;
background: #fff;
}
::v-deep .AiTopFixed { ::v-deep .AiTopFixed {
width: 100%; width: 100%;
.placeholder { .placeholder {
@@ -131,21 +138,7 @@ export default {
} }
.searchObj { .searchObj {
padding: 24px 32px; padding: 24px 32px;
background: #197df0; background: #fff;
}
}
.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;
} }
} }