high-mini/pages/goods/store-list/store-list.vue

<template>
	<view>
		<view v-if="storeList == '' " class="mart60 fotct font14 fcor666">
			<image style="width: 100px;height: 100px;"
				src="data:image/png;base64,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
			</image>
			<view class="mart10">暂无数据</view>
		</view>
		<view class="store-head width90" v-for="(goods,i) in storeList" :key="i">
			<image class="mart10 flleft" :src='imageUrl+goods.ext1'></image>
			<view class="storefig">
				<view class="store-cont-le flleft" @click="jumpdetails(goods.id)">
					<view class="text1 fcor333 font14 store-title paddtop10">{{goods.storeName}}</view>
					<view class="width100 mart5 height22">
						<view class="store-labl flleft fcor999 marglerig fotct font12">在线加油</view>
						<view class="store-labl flleft fcor999 marglerig fotct font12">{{goods.operatorName}}</view>
					</view>
					<view class="text1 font13 fcor666 width100">{{goods.address}}</view>
				</view>
				<view class="store-cont-rg flright fotrt mart20" @click="seeloaction(goods)">
					<image
						src="data:image/png;base64,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
					</image>
					<view class="font12 fcor666">{{goods.distance}}km</view>
				</view>
			</view>
		</view>
		<view class="loading-text">{{ loadingText }}</view>
	</view>
</template>

<script>
	import {
		getStoreListByCoupon
	} from "../../../Utils/Api.js";
	let app = getApp()
	export default {
		data() {
			return {
				storeList: [],
				storeId: '',
				imageUrl: app.globalData.imgUrl,
				pageNum: 1,
				pageSize: 10,
				isNoMoreData: false,
				loadingText: ''
			}
		},
		onLoad(options) {
			this.storeId = options.id;
			this.getStoreListByCoupon();
		},
		onReachBottom() {
			// this.getStoreListByCoupon();
		},
		methods: {
			/**
			 * 查询门店列表
			 */
			getStoreListByCoupon() {
				uni.showLoading({
					title: '加载中...'
				})
				if (this.isNoMoreData) {
					uni.hideLoading()
					this.loadingText = '到底了';
					return false;
				}
				// let pagenum = this.pageNum;
				let params = {
					couponId: this.storeId,
					longitude: app.globalData.longitude,
					latitude: app.globalData.latitude
				}
				getStoreListByCoupon(params).then(res => {
					if (res.return_code == '000000') {
						this.storeList = res.return_data
						setTimeout(function() {
							uni.hideLoading();
						}, 2000);
						// this.isNoMoreData = res.return_data.length == this.pageSize ? false : true;
						// this.pageNum = res.return_data.length == this.pageSize ? ++pagenum : pagenum;
						// this.storeList = this.storeList.concat(res.return_data);
					} else {
						uni.hideLoading()
					}
				})
			},
			/**
			 * 定位
			 */
			seeloaction(e) {
				uni.openLocation({
					latitude: Number(e.latitude), //目的地的定位
					longitude: Number(e.longitude), //目的地的定位
					name: e.storeName,
					address: e.address
				})
			},
			/**
			 * 跳转门店详情
			 */
			jumpdetails(e) {
				uni.navigateTo({
					url: './store-details?id=' + e
				})
			}
		}
	}
</script>

<style lang="scss">
	.loading-text {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 60upx;
		color: #979797;
		font-size: 24upx;
	}

	.store-head {
		height: 80px;
		border-bottom: 1px solid #f4f4f4;

		image {
			width: 60px;
			height: 60px;
		}
	}

	.storefig {
		margin-left: 70px;
	}

	.store-cont-le {
		width: 80%;
	}

	.store-cont-rg {
		width: 20%;

		image {
			width: 30px;
			height: 30px;
		}
	}

	.store-title {
		font-weight: 600;
	}

	.store-labl {
		border: 1px solid #f5f5f5;
		box-shadow: 0px 0px 2px 0px;
	}
</style>