You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
223 lines
6.7 KiB
223 lines
6.7 KiB
<template>
|
|
<view class="page flex-col" style="margin-bottom: 200rpx;overflow-y: auto;">
|
|
<view class="block_1 flex-col"
|
|
style="background-image: url(http://118.89.89.96/lanhu/6.png); background-repeat: no-repeat; background-size: 100% 100%;">
|
|
|
|
|
|
<image class="group_1 flex-col" src="http://118.89.89.96/lanhu/7.png" />
|
|
|
|
</image>
|
|
|
|
|
|
<view class="group_2 flex-col" v-for="(item, index) in storeList">
|
|
<view class="box_1 flex-row justify-between">
|
|
<text class="text_1">九号笙活 No.9 Night life</text>
|
|
<view class="image-text_1 flex-col justify-between">
|
|
<image class="label_1" referrerpolicy="no-referrer"
|
|
src="http://118.89.89.96/lanhu_zhuye1/ps509cdg9zqwinq1owtd7zy9syyikr5bk1p94fdac60-3611-4c44-85de-c9a6ea7098dd.png" />
|
|
<text class="text-group_1">分享</text>
|
|
</view>
|
|
</view>
|
|
<view class="box_2 flex-row justify-between">
|
|
<view class="text-wrapper_1 flex-col">
|
|
<text class="text_2">营业中</text>
|
|
</view>
|
|
<text class="text_3">营业时间:{{item.day_time}}</text>
|
|
</view>
|
|
<image class="image_1" @click="go1"
|
|
src="http://118.89.89.96/lanhu_zhuye1/ps7o5jktbhk7vl9wqte3bixrmbii6g06cpe313eb71-f2d8-43b3-b134-e7104de4f8c4.png" />
|
|
<view class="image-text_2 flex-row justify-between">
|
|
<image class="label_2" referrerpolicy="no-referrer"
|
|
src="http://118.89.89.96/lanhu_zhuye1/ps50aro0kmoakynt2s60ho3ade2pushkacbd4b06b0-fb24-4171-b9b0-809e906a4776.png" />
|
|
<text class="text-group_2">{{item.address}}{{item.detailed_address}}</text>
|
|
</view>
|
|
<view class="box_3 flex-row">
|
|
<view class="image-text_3 flex-row justify-between">
|
|
<image class="label_3" referrerpolicy="no-referrer"
|
|
src="http://118.89.89.96/lanhu_zhuye1/psxreqyy5b7l3bo3wo6uyvu6x5l5xmsv0c9936a580-660a-40f9-a818-dba31bb8f743.png" />
|
|
<text class="text-group_3" @click.stop="showMaoLocation(item)">查看导航</text>
|
|
</view>
|
|
<view class="image-text_4 flex-row justify-between">
|
|
<image class="label_4" referrerpolicy="no-referrer"
|
|
src="http://118.89.89.96/lanhu_zhuye1/psewr4akzugt8q6xhv9sq2dtipwt4f4ov9e6740a42-c1c6-43ca-9b91-16b2d33bad0a.png" />
|
|
<text class="text-group_4" @click.stop="callPhone(item)">客服电话</text>
|
|
</view>
|
|
<view class="image-text_5 flex-row justify-between">
|
|
<image class="label_5" referrerpolicy="no-referrer"
|
|
src="http://118.89.89.96/lanhu_zhuye1/pstlr6i3amcs9rjvmeh46hikh69g5pn60b3a406735-f36b-407e-9ea9-f70a4064c53a.png" />
|
|
<text class="text-group_5">联系客服</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="group_3 flex-col" v-for="(item, index) in storeList" >
|
|
<view class="text-group_6 flex-col justify-between">
|
|
<text class="text_4">品牌介绍</text>
|
|
<text class="text_5">Brand Introduction</text>
|
|
</view>
|
|
<text class="text_6" style="font-size:12px;" >
|
|
{{!item.pinpaicontent?'':item.pinpaicontent}}
|
|
</text>
|
|
<view class="image-wrapper_1 flex-row">
|
|
<image class="image_2" referrerpolicy="no-referrer" :src="itemimg"
|
|
v-for="(itemimg, imgindex) in item.pingpai_img" :key="imgindex" />
|
|
</view>
|
|
</view>
|
|
<!-- 轮播图 -->
|
|
<view class="image-wrapper_2 flex-col">
|
|
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import {
|
|
HTTP_REQUEST_URL
|
|
} from '@/config/app';
|
|
import colors from "@/mixins/color";
|
|
import {
|
|
getList
|
|
} from '@/api/new_store.js';
|
|
import areaWindow from '@/components/areaWindow';
|
|
import emptyPage from '@/components/emptyPage.vue';
|
|
export default {
|
|
data() {
|
|
return {
|
|
loopData0: [{
|
|
lanhuimage0: 'http://118.89.89.96/lanhu/8.png'
|
|
},
|
|
{
|
|
lanhuimage0: 'http://118.89.89.96/lanhu/8.png'
|
|
},
|
|
{
|
|
lanhuimage0: 'http://118.89.89.96/lanhu/8.png'
|
|
}
|
|
],
|
|
storeList:[],
|
|
constants: {},
|
|
inputtext:'',
|
|
imgHost: HTTP_REQUEST_URL,
|
|
getHeight: this.$util.getWXStatusHeight(),
|
|
navList:[
|
|
{name:'附近',type:1},
|
|
{name:'常用',type:2}
|
|
],
|
|
storeList:[],
|
|
content: {
|
|
// 自己的位置
|
|
latitude: uni.getStorageSync('user_latitude'),
|
|
longitude: uni.getStorageSync('user_longitude'),
|
|
store_type: 1,
|
|
keyword: "",
|
|
province: 0,
|
|
city: 0,
|
|
area: 0,
|
|
},
|
|
contentmendian: {
|
|
// 自己的位置
|
|
latitude:'',
|
|
longitude:'',
|
|
store_type: 1,
|
|
keyword: "",
|
|
province: 0,
|
|
city: 0,
|
|
area: 0,
|
|
},
|
|
mdlist:'',
|
|
mrmd:'',
|
|
mdid:'',
|
|
display: false,
|
|
addressInfo: [],
|
|
sortIndex: 0,
|
|
comeType: 0,
|
|
isCollage:0
|
|
};
|
|
},
|
|
onLoad(options) {
|
|
uni.setStorageSync('isCollagemendian',options.storeId)
|
|
this.comeType = options.type
|
|
this.sortIndex = options.storeId
|
|
this.isCollage = options.isCollage
|
|
console.log('this.isCollage',this.isCollage);
|
|
this.content.product_id = options.product_id || 0
|
|
this.getlist()
|
|
},
|
|
onShow() {
|
|
this.getLocation()
|
|
},
|
|
methods: {
|
|
go1() {
|
|
console.log(123)
|
|
uni.switchTab({
|
|
url: '/pages/index/index'
|
|
});
|
|
},
|
|
getlist() {
|
|
getList(this.content).then(res => {
|
|
this.storeList = res.data
|
|
})
|
|
},
|
|
// 打电话
|
|
callPhone(row) {
|
|
uni.makePhoneCall({
|
|
phoneNumber: row.phone
|
|
});
|
|
},
|
|
showMaoLocation(e) {
|
|
let self = this;
|
|
// #ifdef H5
|
|
if (self.$wechat.isWeixin()) {
|
|
return self.$wechat.seeLocation({
|
|
latitude: Number(e.latitude),
|
|
longitude: Number(e.longitude),
|
|
name: e.name,
|
|
scale: 13,
|
|
address: `${e.address}-${e.detailed_address}`,
|
|
}).then(res => {})
|
|
}
|
|
// #endif
|
|
uni.openLocation({
|
|
latitude: Number(e.latitude),
|
|
longitude: Number(e.longitude),
|
|
name: e.name,
|
|
address: `${e.address}-${e.detailed_address}`,
|
|
success: function() {
|
|
Number
|
|
}
|
|
});
|
|
},
|
|
getLocation(){
|
|
var that=this
|
|
uni.getLocation({
|
|
type: 'wgs84',
|
|
success: function (res) {
|
|
console.log('当前位置的经度：' + res.longitude);
|
|
console.log('当前位置的纬度：' + res.latitude);
|
|
that.content.longitude=res.longitude
|
|
that.content.latitude=res.latitude
|
|
uni.setStorageSync('user_latitude',res.latitude)
|
|
uni.setStorageSync('user_longitude',res.longitude)
|
|
getList(that.content).then(res => {
|
|
console.log(585,uni.getStorageSync('mdnane'));
|
|
if(uni.getStorageSync('mdnane')==''){
|
|
that.storeList = res.data
|
|
that.mdlist = res.data
|
|
that.mrmd=that.mdlist[0].name
|
|
that.mdid=that.mdlist[0].id
|
|
uni.setStorageSync('mendianstore_id','')
|
|
uni.setStorageSync('mendianstore_id',that.mdid)
|
|
this.getGoodsList(this.mdid)
|
|
}
|
|
|
|
})
|
|
}
|
|
})
|
|
},
|
|
|
|
}
|
|
};
|
|
</script>
|
|
<style lang='css'>
|
|
@import '../common/common.css';
|
|
@import './assets/style/index.rpx.css';
|
|
</style> |