bug
This commit is contained in:
@@ -1,20 +1,31 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="AppMailList">
|
<div class="AppMailList">
|
||||||
<AiTopFixed>
|
<AiTopFixed>
|
||||||
<div class="header-top">
|
<!-- <div class="header-top">
|
||||||
<div>区域选择</div>
|
<div>区域选择</div>
|
||||||
<AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
|
<AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
|
||||||
<span class="label" v-if="areaName">{{ areaName }}</span>
|
<span class="label" v-if="areaName">{{ areaName }}</span>
|
||||||
<span v-else>请选择</span>
|
<span v-else>请选择</span>
|
||||||
<u-icon name="arrow-right" color="#666" size="24" style="margin-left:4px;" />
|
<u-icon name="arrow-right" color="#666" size="24" style="margin-left:4px;" />
|
||||||
</AiAreaPicker>
|
</AiAreaPicker>
|
||||||
|
</div> -->
|
||||||
|
<div class="currentLeft-top">
|
||||||
|
<div class="left">
|
||||||
|
<AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
|
||||||
|
<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;" />
|
||||||
|
</AiAreaPicker>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<u-search v-model="keyword" :clearabled="true" placeholder="请输入标题" :show-action="false" bg-color="#F5F5F5" search-icon-color="#ccc" color="#666" height="58" @search="getList" @clear="handerClear"></u-search>
|
||||||
</div>
|
</div>
|
||||||
</AiTopFixed>
|
</AiTopFixed>
|
||||||
<div class="list-content">
|
<div class="list-content">
|
||||||
<u-index-list :scrollTop="scrollTop" :index-list="indexList">
|
<u-index-list :scrollTop="scrollTop" :index-list="indexList">
|
||||||
<div v-for="(letter, index) in indexList" :key="index">
|
<div v-for="(letter, index) in indexList" :key="index">
|
||||||
<u-index-anchor :index="letter"/>
|
<u-index-anchor :index="letter"/>
|
||||||
<div class="item" v-for="(item, index) in list.filter(e=>e.nameInitials==letter)">
|
<div class="item" v-for="(item, index) in list.filter(e=>e.nameInitials==letter)" :key="index">
|
||||||
<div class="title">{{item.label}}</div>
|
<div class="title">{{item.label}}</div>
|
||||||
<div class="phone-list">
|
<div class="phone-list">
|
||||||
<div class="item-info">
|
<div class="item-info">
|
||||||
@@ -53,7 +64,8 @@ export default {
|
|||||||
list: [],
|
list: [],
|
||||||
indexList: [],
|
indexList: [],
|
||||||
areaId: '',
|
areaId: '',
|
||||||
areaName: ''
|
areaName: '',
|
||||||
|
keyword: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: { ...mapState(['user']) },
|
computed: { ...mapState(['user']) },
|
||||||
@@ -77,13 +89,18 @@ export default {
|
|||||||
callPhone(phone) {
|
callPhone(phone) {
|
||||||
uni.makePhoneCall({phoneNumber: phone})
|
uni.makePhoneCall({phoneNumber: phone})
|
||||||
},
|
},
|
||||||
|
handerClear() {
|
||||||
|
this.keyword = ''
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
getList() {
|
getList() {
|
||||||
this.$http.post(`/app/appconvenientaddressbook/list`, null, {
|
this.$http.post(`/app/appconvenientaddressbook/list`, null, {
|
||||||
params: {
|
params: {
|
||||||
areaId: this.areaId,
|
areaId: this.areaId,
|
||||||
isPublic: 1,
|
isPublic: 1,
|
||||||
resource: "portal",
|
resource: "portal",
|
||||||
size: 999
|
size: 999,
|
||||||
|
name: this.keyword
|
||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
if (res.code == 0) {
|
if (res.code == 0) {
|
||||||
@@ -138,7 +155,7 @@ export default {
|
|||||||
width: 680px;
|
width: 680px;
|
||||||
padding: 32px 48px;
|
padding: 32px 48px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.02);
|
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
|
||||||
p{
|
p{
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
@@ -148,7 +165,6 @@ export default {
|
|||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
word-break: break-all;
|
|
||||||
}
|
}
|
||||||
.phone{
|
.phone{
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
@@ -172,7 +188,7 @@ export default {
|
|||||||
height: 112px;
|
height: 112px;
|
||||||
line-height: 112px;
|
line-height: 112px;
|
||||||
background: #3975C6;
|
background: #3975C6;
|
||||||
box-shadow: 0px 1px 0px 0px #EEEEEE;
|
box-shadow: 0 1px 0 0 #EEEEEE;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
@@ -192,6 +208,24 @@ export default {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 60px;
|
top: 60px;
|
||||||
right: 64px;
|
right: 64px;
|
||||||
}
|
}
|
||||||
|
.currentLeft-top {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.left {
|
||||||
|
width: 40%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .u-search{
|
||||||
|
margin-bottom: 0!important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -60,7 +60,7 @@ export default {
|
|||||||
name: '',
|
name: '',
|
||||||
phone: '',
|
phone: '',
|
||||||
type: '',
|
type: '',
|
||||||
isPublic: '',
|
isPublic: '1',
|
||||||
areaId: '',
|
areaId: '',
|
||||||
areaName: ''
|
areaName: ''
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,13 +1,21 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="AppSupermarket">
|
<div class="AppSupermarket">
|
||||||
<AiTopFixed>
|
<AiTopFixed>
|
||||||
<div class="area-content">
|
<!-- <div class="area-content">
|
||||||
<AiAreaPicker :areaId="user.areaId" :value="areaId" @select="areaSelect" :name.sync="areaName">
|
<AiAreaPicker :areaId="user.areaId" :value="areaId" @select="areaSelect" :name.sync="areaName">
|
||||||
<img src="./components/img/local-icon.png" alt="">
|
<img src="./components/img/local-icon.png" alt="">
|
||||||
<span class="label" v-if="areaName">{{ areaName }}</span>
|
<span class="label" v-if="areaName">{{ areaName }}</span>
|
||||||
<span v-else>请选择</span>
|
<span v-else>请选择</span>
|
||||||
<u-icon name="arrow-down" color="#666" size="24"/>
|
<u-icon name="arrow-down" color="#666" size="24"/>
|
||||||
</AiAreaPicker>
|
</AiAreaPicker>
|
||||||
|
</div> -->
|
||||||
|
<div class="header-top">
|
||||||
|
<div>区域选择</div>
|
||||||
|
<AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
|
||||||
|
<span class="label" v-if="areaName">{{ areaName }}</span>
|
||||||
|
<span v-else>请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#666" size="24" style="margin-left:4px;" />
|
||||||
|
</AiAreaPicker>
|
||||||
</div>
|
</div>
|
||||||
</AiTopFixed>
|
</AiTopFixed>
|
||||||
<div class="goods-list" v-if="numList.length">
|
<div class="goods-list" v-if="numList.length">
|
||||||
@@ -66,7 +74,7 @@ import { mapState } from "vuex";
|
|||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "AppSuperMarket",
|
name: "AppSuperMarket",
|
||||||
appName: '信用好超市',
|
appName: '积分兑换',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
numList: [],
|
numList: [],
|
||||||
@@ -117,7 +125,7 @@ export default {
|
|||||||
this.areaName = this.user.areaName || ''
|
this.areaName = this.user.areaName || ''
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
document.title = '信用好超市'
|
document.title = '积分兑换'
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
toOrder() {
|
toOrder() {
|
||||||
@@ -211,6 +219,13 @@ export default {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
.header-top {
|
||||||
|
display: flex;
|
||||||
|
background: #fff;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 16px;
|
||||||
|
}
|
||||||
.area-content {
|
.area-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
line-height: 64px;
|
line-height: 64px;
|
||||||
|
|||||||
@@ -76,6 +76,9 @@ export default {
|
|||||||
...mapState(['user']),
|
...mapState(['user']),
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
|
console.log(this.user)
|
||||||
|
this.areaId = this.user.areaId
|
||||||
|
this.areaName = this.user.areaName
|
||||||
this.$dict.load('householdRelation', 'auditStatus').then(() => {
|
this.$dict.load('householdRelation', 'auditStatus').then(() => {
|
||||||
this.getList()
|
this.getList()
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -56,6 +56,9 @@ export default {
|
|||||||
current: 1,
|
current: 1,
|
||||||
size: 10,
|
size: 10,
|
||||||
tabList: [
|
tabList: [
|
||||||
|
{
|
||||||
|
name: '全部居民',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: '本地居民',
|
name: '本地居民',
|
||||||
},
|
},
|
||||||
@@ -82,6 +85,8 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getList() {
|
getList() {
|
||||||
|
var residentType = ['', 0, 1][this.currentTabs]
|
||||||
|
console.log(residentType)
|
||||||
this.$http
|
this.$http
|
||||||
.post('/app/appresident/list', null, {
|
.post('/app/appresident/list', null, {
|
||||||
params: {
|
params: {
|
||||||
@@ -89,7 +94,7 @@ export default {
|
|||||||
current: this.current,
|
current: this.current,
|
||||||
con: this.keyword,
|
con: this.keyword,
|
||||||
areaId: this.areaId,
|
areaId: this.areaId,
|
||||||
residentType: this.currentTabs == 0 ? '0' : '1',
|
residentType: residentType,
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
|
|||||||
@@ -1,231 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="AppPhoneList">
|
|
||||||
<AiTopFixed>
|
|
||||||
<!-- <div class="header-top">
|
|
||||||
<div>区域选择</div>
|
|
||||||
<AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
|
|
||||||
<span class="label" v-if="areaName">{{ areaName }}</span>
|
|
||||||
<span v-else>请选择</span>
|
|
||||||
<u-icon name="arrow-right" color="#666" size="24" style="margin-left:4px;" />
|
|
||||||
</AiAreaPicker>
|
|
||||||
</div> -->
|
|
||||||
<div class="currentLeft-top">
|
|
||||||
<div class="left">
|
|
||||||
<AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
|
|
||||||
<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;" />
|
|
||||||
</AiAreaPicker>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<u-search v-model="keyword" :clearabled="true" placeholder="请输入标题" :show-action="false" bg-color="#F5F5F5" search-icon-color="#ccc" color="#666" height="58" @search="getList" @clear="handerClear"></u-search>
|
|
||||||
</div>
|
|
||||||
</AiTopFixed>
|
|
||||||
<div class="list-content">
|
|
||||||
<u-index-list :scrollTop="scrollTop" :index-list="indexList">
|
|
||||||
<div v-for="(letter, index) in indexList" :key="index">
|
|
||||||
<u-index-anchor :index="letter"/>
|
|
||||||
<div class="item" v-for="(item, index) in list.filter(e=>e.nameInitials==letter)" :key="index">
|
|
||||||
<div class="title">{{item.label}}</div>
|
|
||||||
<div class="phone-list">
|
|
||||||
<div class="item-info">
|
|
||||||
<p>{{item.name}}</p>
|
|
||||||
<div class="phone">
|
|
||||||
<span>{{item.type}}</span>{{item.phone}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone(item.phone)" class="phone-icon" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</u-index-list>
|
|
||||||
</div>
|
|
||||||
<AiEmpty v-if="!list.length"/>
|
|
||||||
<!-- <div class="id-list">
|
|
||||||
<div class="item" v-for="(item, index) in list" :key="index">
|
|
||||||
<u-index-anchor :index="item.label" />
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
<div class="footer-btn" @click="toAddList">我添加的</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapState } from 'vuex'
|
|
||||||
export default {
|
|
||||||
name: "AppPhoneList",
|
|
||||||
appName: "(山东)便民通讯录",
|
|
||||||
inject: {
|
|
||||||
root: {}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
scrollTop: 0,
|
|
||||||
list: [],
|
|
||||||
indexList: [],
|
|
||||||
areaId: '',
|
|
||||||
areaName: '',
|
|
||||||
keyword: ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: { ...mapState(['user']) },
|
|
||||||
mounted() {
|
|
||||||
this.areaId = this.user.areaId
|
|
||||||
this.areaName = this.user.areaName
|
|
||||||
this.getList()
|
|
||||||
uni.$on('updateList', () => {
|
|
||||||
this.getList()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
onShow() {
|
|
||||||
document.title = "便民通讯录"
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
areaSelect(e) {
|
|
||||||
this.areaId = e
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
callPhone(phone) {
|
|
||||||
uni.makePhoneCall({phoneNumber: phone})
|
|
||||||
},
|
|
||||||
handerClear() {
|
|
||||||
this.keyword = ''
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
getList() {
|
|
||||||
this.$http.post(`/app/appconvenientaddressbook/list`, null, {
|
|
||||||
params: {
|
|
||||||
areaId: this.areaId,
|
|
||||||
isPublic: 1,
|
|
||||||
resource: "portal",
|
|
||||||
size: 999,
|
|
||||||
name: this.keyword
|
|
||||||
}
|
|
||||||
}).then(res => {
|
|
||||||
if (res.code == 0) {
|
|
||||||
this.indexList = [...new Set(res.data.records.map(e=>e.nameInitials))];
|
|
||||||
this.list = res.data.records;
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
toAddList() {
|
|
||||||
// this.$emit('change', {
|
|
||||||
// type: 'MyAddList',
|
|
||||||
// })
|
|
||||||
uni.navigateTo({url: `./myAddList`})
|
|
||||||
},
|
|
||||||
},
|
|
||||||
onPageScroll(e) {
|
|
||||||
this.scrollTop = e.scrollTop;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.AppPhoneList {
|
|
||||||
::v-deep .fixed{
|
|
||||||
z-index: 9999;
|
|
||||||
}
|
|
||||||
.header-top {
|
|
||||||
display: flex;
|
|
||||||
background: #fff;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding-top: 16px;
|
|
||||||
}
|
|
||||||
// background-color: #F3F6F9;
|
|
||||||
.list-content{
|
|
||||||
padding-bottom: 112px;
|
|
||||||
// .title{
|
|
||||||
// padding-left: 48px;
|
|
||||||
// line-height: 64px;
|
|
||||||
// font-size: 26px;
|
|
||||||
// font-family: PingFangSC-Semibold, PingFang SC;
|
|
||||||
// font-weight: 600;
|
|
||||||
// color: #999;
|
|
||||||
// }
|
|
||||||
.item{
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.phone-list{
|
|
||||||
background-color: #fff;
|
|
||||||
width: 100%;
|
|
||||||
.item-info{
|
|
||||||
width: 680px;
|
|
||||||
padding: 32px 48px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
|
|
||||||
p{
|
|
||||||
font-size: 32px;
|
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #333;
|
|
||||||
line-height: 44px;
|
|
||||||
word-break: break-all;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.phone{
|
|
||||||
font-size: 26px;
|
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
|
||||||
color: #333;
|
|
||||||
line-height: 36px;
|
|
||||||
width: 100%;
|
|
||||||
word-break: break-all;
|
|
||||||
span{
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: 16px;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.footer-btn{
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
height: 112px;
|
|
||||||
line-height: 112px;
|
|
||||||
background: #3975C6;
|
|
||||||
box-shadow: 0 1px 0 0 #EEEEEE;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
font-size: 32px;
|
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #FFF;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
::v-deep .u-index-anchor {
|
|
||||||
top: 0!important;
|
|
||||||
}
|
|
||||||
.phone-icon{
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
vertical-align: sub;
|
|
||||||
position: absolute;
|
|
||||||
top: 60px;
|
|
||||||
right: 64px;
|
|
||||||
}
|
|
||||||
.currentLeft-top {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.left {
|
|
||||||
width: 40%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
::v-deep .u-search{
|
|
||||||
margin-bottom: 0!important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,191 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="add">
|
|
||||||
<div class="pad-l32">
|
|
||||||
<div class="item border">
|
|
||||||
<span class="label"><span class="tips">*</span>名称</span>
|
|
||||||
<div class="value">
|
|
||||||
<u-input type="text" placeholder="请输入" v-model="userInfo.name" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="30" :clearable="false" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item border">
|
|
||||||
<span class="label"><span class="tips">*</span>类型</span>
|
|
||||||
<div class="value">
|
|
||||||
<u-input type="text" placeholder="请输入" v-model="userInfo.type" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="30" :clearable="false" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item border">
|
|
||||||
<span class="label"><span class="tips">*</span>电话</span>
|
|
||||||
<div class="value">
|
|
||||||
<u-input type="number" placeholder="请输入" v-model="userInfo.phone" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="11" :clearable="false" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item border">
|
|
||||||
<span class="label"><span class="tips">*</span>是否公开</span>
|
|
||||||
<div class="value" @click="showSelect=true">
|
|
||||||
<span v-if="userInfo.isPublic !== ''">{{$dict.getLabel('yesOrNo', userInfo.isPublic)}}</span>
|
|
||||||
<span v-else class="color-999">请选择</span>
|
|
||||||
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<span class="label"><span class="tips">*</span>地区</span>
|
|
||||||
<div class="value">
|
|
||||||
<AiAreaPicker :areaId="user.areaId" v-model="userInfo.areaId" :name.sync="userInfo.areaName" @select="areaSelect">
|
|
||||||
<span class="label" v-if="userInfo.areaName">{{ userInfo.areaName }}</span>
|
|
||||||
<span v-else class="color-999">请选择</span>
|
|
||||||
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
|
||||||
</AiAreaPicker>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="footer" @click="submit">
|
|
||||||
<div class="btn">保存</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<u-select v-model="showSelect" :list="$dict.getDict('yesOrNo')" label-name="dictName" value-name="dictValue" @confirm="confirmSelect"></u-select>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapState } from 'vuex'
|
|
||||||
export default {
|
|
||||||
props: ['params'],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
id: '',
|
|
||||||
userInfo: {
|
|
||||||
id: '',
|
|
||||||
name: '',
|
|
||||||
phone: '',
|
|
||||||
type: '',
|
|
||||||
isPublic: '',
|
|
||||||
areaId: '',
|
|
||||||
areaName: ''
|
|
||||||
},
|
|
||||||
showSelect: false,
|
|
||||||
flag: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: { ...mapState(['user']) },
|
|
||||||
onLoad(option) {
|
|
||||||
this.userInfo.areaId = this.user.areaId
|
|
||||||
this.userInfo.areaName = this.user.areaName
|
|
||||||
this.$dict.load('yesOrNo').then(() => {
|
|
||||||
if(option.id) {
|
|
||||||
this.userInfo.id = option.id
|
|
||||||
this.getDetail()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
onShow() {
|
|
||||||
document.title = "新增"
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
areaSelect(e) {
|
|
||||||
this.userInfo.areaId = e
|
|
||||||
},
|
|
||||||
confirmSelect(e) {
|
|
||||||
this.userInfo.isPublic = e[0].value
|
|
||||||
},
|
|
||||||
getDetail() {
|
|
||||||
this.$http.post(`/app/appconvenientaddressbook/queryDetailById?id=${this.userInfo.id}`).then(res => {
|
|
||||||
if (res.code == 0) {
|
|
||||||
this.userInfo = res.data
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
submit() {
|
|
||||||
if(!this.userInfo.name) {
|
|
||||||
return this.$u.toast('请输入名称')
|
|
||||||
}
|
|
||||||
if(!this.userInfo.type) {
|
|
||||||
return this.$u.toast('请输入类型')
|
|
||||||
}
|
|
||||||
if(!this.userInfo.phone) {
|
|
||||||
return this.$u.toast('请输入电话')
|
|
||||||
}
|
|
||||||
if(this.userInfo.isPublic === '') {
|
|
||||||
return this.$u.toast('请选择是否公开')
|
|
||||||
}
|
|
||||||
if(!this.userInfo.areaId) {
|
|
||||||
return this.$u.toast('请选择地区')
|
|
||||||
}
|
|
||||||
if(!this.flag) return
|
|
||||||
this.$http.post(`/app/appconvenientaddressbook/addOrUpdate`, this.userInfo).then(res => {
|
|
||||||
if (res.code == 0) {
|
|
||||||
this.flag = false
|
|
||||||
this.$u.toast('提交成功')
|
|
||||||
uni.$emit('updateList')
|
|
||||||
setTimeout(() => {
|
|
||||||
uni.navigateBack()
|
|
||||||
}, 600)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.add {
|
|
||||||
padding-bottom: 112px;
|
|
||||||
.border{
|
|
||||||
border-bottom: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
.item{
|
|
||||||
width: 100%;
|
|
||||||
padding: 40px 32px 40px 0;
|
|
||||||
background: #FFFFFF;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
font-size: 34px;
|
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #666;
|
|
||||||
line-height: 48px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
.color-999{
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
.value{
|
|
||||||
color: #333;
|
|
||||||
.u-icon{
|
|
||||||
margin-left: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.tips{
|
|
||||||
display: inline-block;
|
|
||||||
width: 16px;
|
|
||||||
font-size: 32px;
|
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
|
||||||
color: #FF4466;
|
|
||||||
line-height: 44px;
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.footer{
|
|
||||||
width: 100%;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
.btn{
|
|
||||||
width: 100%;
|
|
||||||
height: 112px;
|
|
||||||
line-height: 112px;
|
|
||||||
text-align: center;
|
|
||||||
background: #3975C6;
|
|
||||||
font-size: 32px;
|
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
.pad-l32{
|
|
||||||
padding-left: 32px;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.2 KiB |
@@ -1,161 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="list">
|
|
||||||
<div class="list-content">
|
|
||||||
<u-index-list :scrollTop="scrollTop" :index-list="indexList">
|
|
||||||
<div v-for="(letter, index) in indexList" :key="index">
|
|
||||||
<u-index-anchor :index="letter"/>
|
|
||||||
<div class="item" v-for="(item, index) in list.filter(e=>e.nameInitials==letter)" :key="index">
|
|
||||||
<div class="title">{{item.label}}</div>
|
|
||||||
<div class="phone-list">
|
|
||||||
<div class="item-info">
|
|
||||||
<p>{{item.name}}</p>
|
|
||||||
<div class="phone">
|
|
||||||
<span>{{item.type}}</span>{{item.phone}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone(item.phone)" class="phone-icon" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</u-index-list>
|
|
||||||
</div>
|
|
||||||
<AiEmpty v-if="!list.length"/>
|
|
||||||
<!-- <div class="id-list">
|
|
||||||
<div class="item" v-for="(item, index) in list" :key="index">
|
|
||||||
<u-index-anchor :index="item.label" />
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
<div class="footer-btn" @click="toAddList">我添加的</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapState } from 'vuex'
|
|
||||||
export default {
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
scrollTop: 0,
|
|
||||||
list: [],
|
|
||||||
indexList: []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: { ...mapState(['user']) },
|
|
||||||
mounted() {
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
onShow() {
|
|
||||||
document.title = "便民通讯录"
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
callPhone(phone) {
|
|
||||||
uni.makePhoneCall({phoneNumber: phone})
|
|
||||||
},
|
|
||||||
getList() {
|
|
||||||
this.$http.post(`/app/appconvenientaddressbook/list`, null, {
|
|
||||||
params: {
|
|
||||||
areaId: this.user.areaId,
|
|
||||||
isPublic: 1,
|
|
||||||
resource: "portal",
|
|
||||||
size: 999
|
|
||||||
}
|
|
||||||
}).then(res => {
|
|
||||||
if (res.code == 0) {
|
|
||||||
this.indexList = [...new Set(res.data.records.map(e=>e.nameInitials))];
|
|
||||||
this.list = res.data.records;
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
toAddList() {
|
|
||||||
// this.$emit('change', {
|
|
||||||
// type: 'MyAddList',
|
|
||||||
// })
|
|
||||||
uni.navigateTo({url: `./myAddList`})
|
|
||||||
},
|
|
||||||
},
|
|
||||||
onPageScroll(e) {
|
|
||||||
this.scrollTop = e.scrollTop;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.list {
|
|
||||||
background-color: #F3F6F9;
|
|
||||||
.list-content{
|
|
||||||
padding-bottom: 112px;
|
|
||||||
// .title{
|
|
||||||
// padding-left: 48px;
|
|
||||||
// line-height: 64px;
|
|
||||||
// font-size: 26px;
|
|
||||||
// font-family: PingFangSC-Semibold, PingFang SC;
|
|
||||||
// font-weight: 600;
|
|
||||||
// color: #999;
|
|
||||||
// }
|
|
||||||
.item{
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.phone-list{
|
|
||||||
background-color: #fff;
|
|
||||||
width: 100%;
|
|
||||||
.item-info{
|
|
||||||
width: 680px;
|
|
||||||
padding: 32px 48px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
|
|
||||||
p{
|
|
||||||
font-size: 32px;
|
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #333;
|
|
||||||
line-height: 44px;
|
|
||||||
word-break: break-all;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.phone{
|
|
||||||
font-size: 26px;
|
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
|
||||||
color: #333;
|
|
||||||
line-height: 36px;
|
|
||||||
width: 100%;
|
|
||||||
word-break: break-all;
|
|
||||||
span{
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: 16px;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.footer-btn{
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
height: 112px;
|
|
||||||
line-height: 112px;
|
|
||||||
background: #3975C6;
|
|
||||||
box-shadow: 0 1px 0 0 #EEEEEE;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
font-size: 32px;
|
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #FFF;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
::v-deep .u-index-anchor {
|
|
||||||
top: 0!important;
|
|
||||||
}
|
|
||||||
.phone-icon{
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
vertical-align: sub;
|
|
||||||
position: absolute;
|
|
||||||
top: 60px;
|
|
||||||
right: 64px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,167 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="myAddList">
|
|
||||||
<div class="list-content" v-if="list.length">
|
|
||||||
<div class="item-info" v-for="(item, index) in list" :key="index">
|
|
||||||
<div class="left">
|
|
||||||
<p>{{item.name}}</p>
|
|
||||||
<div class="phone">
|
|
||||||
<span>{{item.type}}</span>{{item.phone}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="right">
|
|
||||||
<img src="./img/edit-icon.png" alt="" @click="edit(item.id)">
|
|
||||||
<img src="./img/del-icon.png" alt="" @click="del(item)">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="empty" v-else>
|
|
||||||
<img src="./img/empty.png" alt="">
|
|
||||||
<p>您还未添加便民通讯录<br/>点击<span>新增按钮</span>试试吧</p>
|
|
||||||
</div>
|
|
||||||
<div class="footer-btn" @click="edit('')">新增</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapState } from 'vuex'
|
|
||||||
export default {
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
list: [],
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: { ...mapState(['user']) },
|
|
||||||
mounted() {
|
|
||||||
this.getList()
|
|
||||||
uni.$on('updateList', () => {
|
|
||||||
this.getList()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
onShow() {
|
|
||||||
document.title = "便民通讯录"
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
getList() {
|
|
||||||
this.$http.post(`/app/appconvenientaddressbook/list`, null, {
|
|
||||||
params: {
|
|
||||||
areaId: this.user.areaId,
|
|
||||||
createUserId: this.user.id
|
|
||||||
}
|
|
||||||
}).then(res => {
|
|
||||||
if (res.code == 0) {
|
|
||||||
this.list = res.data.records
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
edit(id) {
|
|
||||||
// this.$emit('change', {
|
|
||||||
// type: 'Add',
|
|
||||||
// params: {
|
|
||||||
// id: id,
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
uni.navigateTo({url: `./add?id=${id}`})
|
|
||||||
},
|
|
||||||
del(item) {
|
|
||||||
this.$confirm("是否确认删除该发布信息?").then(() => {
|
|
||||||
this.$http.post("/app/appconvenientaddressbook/delete", null, {
|
|
||||||
params: {ids: item.id}
|
|
||||||
}).then(res => {
|
|
||||||
if (res?.code == 0) {
|
|
||||||
this.$u.toast("删除成功!")
|
|
||||||
this.getList()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.myAddList {
|
|
||||||
height: 100%;
|
|
||||||
background-color: #F3F6F9;
|
|
||||||
.list-content{
|
|
||||||
padding-bottom: 112px;
|
|
||||||
.item-info{
|
|
||||||
width: 100%;
|
|
||||||
padding: 32px 48px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
background-color: #fff;
|
|
||||||
margin-bottom: 4px;
|
|
||||||
p{
|
|
||||||
font-size: 32px;
|
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #333;
|
|
||||||
line-height: 44px;
|
|
||||||
word-break: break-all;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
}
|
|
||||||
.phone{
|
|
||||||
font-size: 26px;
|
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
|
||||||
color: #333;
|
|
||||||
line-height: 36px;
|
|
||||||
span{
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: 16px;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.left{
|
|
||||||
display: inline-block;
|
|
||||||
width: calc(100% - 176px);
|
|
||||||
}
|
|
||||||
.right{
|
|
||||||
display: inline-block;
|
|
||||||
width: 176px;
|
|
||||||
img{
|
|
||||||
width: 56px;
|
|
||||||
height: 56px;
|
|
||||||
margin-left: 32px;
|
|
||||||
vertical-align: super;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.empty{
|
|
||||||
height: 100%;
|
|
||||||
background-color: #fff;
|
|
||||||
img{
|
|
||||||
width: 282px;
|
|
||||||
height: 306px;
|
|
||||||
margin: 168px 0 0 234px;
|
|
||||||
}
|
|
||||||
p{
|
|
||||||
text-align: center;
|
|
||||||
font-size: 28px;
|
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
|
||||||
color: #999;
|
|
||||||
line-height: 44px;
|
|
||||||
span{
|
|
||||||
color: #467DFE;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.footer-btn{
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
height: 112px;
|
|
||||||
line-height: 112px;
|
|
||||||
background: #3975C6;
|
|
||||||
box-shadow: 0 1px 0 0 #EEEEEE;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
font-size: 32px;
|
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #FFF;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Reference in New Issue
Block a user