网格
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="AppMerchantManage">
|
<div class="AppMerchantManage">
|
||||||
<AiTopFixed>
|
<AiTopFixed>
|
||||||
<u-search placeholder="请输入姓名、手机号、店面" :show-action="false" v-model="keyword" @search="current=1,getList()"/>
|
<u-search placeholder="请输入姓名、手机号、店面" :show-action="false" v-model="keyword" confirm-type="search" @search="current = 1, getList()"/>
|
||||||
</AiTopFixed>
|
</AiTopFixed>
|
||||||
<div class="list">
|
<div class="list">
|
||||||
<div class="item" v-for="item in list" :key="item.id" @click="linkTo('./detail?id=' + item.id)">
|
<div class="item" v-for="item in list" :key="item.id" @click="linkTo('./detail?id=' + item.id)">
|
||||||
@@ -61,13 +61,13 @@
|
|||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
getList() {
|
getList() {
|
||||||
if (this.current > this.pages) return
|
if (this.current > this.pages && this.current !== 1) return
|
||||||
|
|
||||||
this.$http.post('/app/appcompany/list', null, {
|
this.$http.post('/app/appcompany/list', null, {
|
||||||
params: {
|
params: {
|
||||||
size: 10,
|
size: 10,
|
||||||
current: this.current,
|
current: this.current,
|
||||||
con: this.keyword,
|
businessName: this.keyword
|
||||||
},
|
},
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
if (res.code == 0) {
|
if (res.code == 0) {
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<span>电话</span>
|
<span>电话</span>
|
||||||
<span class="color-3D94FB">{{ info.telephone }}</span>
|
<span class="color-3D94FB" @click="call(info.telephone)">{{ info.telephone }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<span>身份证</span>
|
<span>身份证</span>
|
||||||
@@ -28,18 +28,18 @@
|
|||||||
<div class="info">
|
<div class="info">
|
||||||
<span>门店照片</span>
|
<span>门店照片</span>
|
||||||
</div>
|
</div>
|
||||||
<image v-if="info.storePicUrl" :src="info.storePicUrl" mode="widthFix" />
|
<image v-if="info.storePicUrl" :src="info.storePicUrl" mode="aspectFill" @click="preview(info.storePicUrl)" />
|
||||||
</div>
|
</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<span>地图</span>
|
<span>地图</span>
|
||||||
<span class="color-3D94FB">定位</span>
|
<span class="color-3D94FB" @click="openLocation">定位</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-if="info.detailList.length">
|
<div class="content" v-if="info.detailList.length">
|
||||||
<div class="title">店员信息</div>
|
<div class="title">店员信息</div>
|
||||||
<div class="info" v-for="(item, index) in info.detailList" :key="index">
|
<div class="info" v-for="(item, index) in info.detailList" :key="index">
|
||||||
<span>{{ item.userName }}</span>
|
<span>{{ item.userName }}</span>
|
||||||
<span class="color-3D94FB">{{ item.userPhone }}</span>
|
<span class="color-3D94FB" @click="call(item.userPhone)">{{ item.userPhone }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<AiGap h="112"/>
|
<AiGap h="112"/>
|
||||||
@@ -90,6 +90,33 @@
|
|||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url
|
url
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
call (phone) {
|
||||||
|
uni.makePhoneCall({
|
||||||
|
phoneNumber: '114'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
openLocation () {
|
||||||
|
if (!this.info.lat) {
|
||||||
|
return this.$u.toast('未设置定位')
|
||||||
|
}
|
||||||
|
|
||||||
|
uni.openLocation({
|
||||||
|
latitude: this.info.lat,
|
||||||
|
longitude: this.info.lon,
|
||||||
|
success: function () {
|
||||||
|
console.log('success');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
preview (url) {
|
||||||
|
uni.previewImage({
|
||||||
|
urls: [url],
|
||||||
|
current: url
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -163,11 +190,16 @@
|
|||||||
}
|
}
|
||||||
.color-3D94FB{
|
.color-3D94FB{
|
||||||
color: #3D94FB;
|
color: #3D94FB;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.img-list{
|
.img-list{
|
||||||
image {
|
image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 320px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user