<template>
	<view>
		<view class="width90 stoCont" v-for="(store,i) in storeList" :key="i">
			<view class="width80p flleft mart10">
				<view class="font16 fcor333 fontwig6 text1">{{store.storeName}}</view>
				<view class="font13 fcor666 mart10 text1">{{store.address}}</view>
			</view>
			<view class="width20 flright mart10 fotrt" @click="seeloaction(store)">
				<image mode="widthFix" style="width: 25px;height: 25px;" :src="imagewxUrl+imgadres1">
				</image>
				<view class="mart5 fcor999 font13">{{store.distance}}km</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getStoreListByCoupon
	} from '../../Utils/Api.js';
	let app = getApp();
	export default {
		data() {
			return {
				storeList: [],
				couDesId: '',
				imagewxUrl: app.globalData.imageWxImg,
				imgadres1: 'dhl.png',
				pageNum: 1,
				pageSize: 15,
				isNoMoreData: false
			}
		},
		onLoad(options) {
			this.couDesId = options.id;
			this.getStoreListByCoupon();
		},
		onReachBottom() {
			this.getStoreListByCoupon();
		},
		methods: {
			/**
			 * 查询门店列表
			 */
			getStoreListByCoupon() {
				uni.showLoading({
					title: '加载中...'
				})
				if (this.isNoMoreData) {
					uni.hideLoading()
					return false;
				}
				let pagenum = this.pageNum;
				let params = {
					couponId: this.couDesId,
					longitude: app.globalData.longitude,
					latitude: app.globalData.latitude,
					pageNum: pagenum,
					pageSize: this.pageSize
				}
				getStoreListByCoupon(params).then(res => {
					if (res.return_code == '000000' && res.return_data.list != '') {
						uni.hideLoading();
						this.isNoMoreData = res.return_data.list.length == this.pageSize ? false : true;
						this.storeList = this.storeList.concat(res.return_data.list);
						if (res.return_data.total == (this.pageNum * this.pageSize)) {
							this.isNoMoreData = true;
						}
						this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum;
					} else {
						this.storeList = [];
						uni.hideLoading()
					}
				})
			},
			//导航
			seeloaction(e) {
				uni.openLocation({
					latitude: Number(e.latitude), //目的地的定位
					longitude: Number(e.longitude), //目的地的定位
					name: e.storeName,
					address: e.address
				})
			},

		}
	}
</script>

<style lang="scss">
	.stoCont {
		border-bottom: 1px solid #f6f6f6;
		height: 140rpx;
	}
</style>