duomendian/pages/lanhu_zhuye1/index.vue

<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">九号笙活&nbsp;No.9&nbsp;Night&nbsp;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&nbsp;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>