会员信息

gasStation-uni/pagesRefuel/pagesRefuel/index.vue

@@ -12,58 +12,10 @@
 				<view class="back-input">
 					<view class="hui-input">
 						<uni-icons type="search" size="20"></uni-icons>
-						<input type="text" placeholder="请输入站点名" />
+						<input v-model="storeName" @confirm="queryStore" type="text" placeholder="请输入站点名" />
 					</view>
 				</view>
-				<!-- <view class="b-box" v-for="(item,index) in 5" :key="index">
+				<view class="b-box" v-for="(item,index) in list" :key="index">
-					<view class="box-top">
-						<view class="dis">
-							<view class="touxiang">
-								<image src="../../static/imgs/topbj.png" mode=""></image>
-							</view>
-							<view class="box-top-size">
-								<view class="box-title">蓝鲸加油站（总站）</view>
-								<view class="box-hui"> 平安大道东200米 </view>
-							</view>
-						</view>
-						<view class="">
-							<view class="top-right-icon" v-if="index == 0"> <u-tag text="距离最近" size="mini" type="error"
-									plain plainFill></u-tag>
-							</view>
-							<view class="box-hui">347.99km</view>
-						</view>
-
-					</view>
-
-					<scroll-view scroll-x="true" class="fa-scroll">
-						<view class="scrollbox" v-for="(item,index) in 7" :key="index">
-							<view style="font-size: 16px;">98#</view>
-							<view style="font-size: 18px;">$7.69</view>
-						</view>
-					</scroll-view>
-					<view class="wrap-box">
-						<u-tag text="标签" type="warning" shape="circle"></u-tag>
-					</view>
-					<view class="box-bottom">
-						<view class="box-bottom-anniu">
-							<view class="bottom-icon">
-								<image src="../../static/icon/daohang.png" mode=""></image>
-							</view>
-							<view class="">到这去</view>
-						</view>
-						<view style="color: #ececec;">
-							|
-						</view>
-						<view class="box-bottom-anniu">
-							<view class="bottom-icon">
-								<image src="../../static/icon/jiayou.png" mode=""></image>
-							</view>
-							<view class="">去加油</view>
-						</view>
-					</view>
-
-				</view> -->
-				<view class="b-box" v-for="(item,index) in storeList" :key="index">
 					<view class="box-top">
 						<view class="dis">
 							<view class="touxiang">
@@ -127,6 +79,9 @@
 				title: '',
 				// 店铺列表信息
 				storeList:[],
+				list:[],
+				// 站点名
+				storeName:"",
 				map:{
 					lon:"",
 					lat:"",
@@ -144,6 +99,15 @@
 
 		},
 		methods: {
+			// 查询店铺信息
+			queryStore(val){
+				this.list = []
+				this.storeList.forEach(item => {
+					if (item.store.name.includes(val.detail.value) || item.store.description.includes(val.detail.value)){
+						this.list.push(item)
+					}
+				})
+			},
 			// 获取当前经纬度信息
 			getLonLat(){
 				let _this = this;
@@ -165,7 +129,7 @@
 						data: data,
 					}).then((res)=>{
 						_this.storeList = res.data
-						console.log(res)
+						_this.list = _this.storeList
 					})
 			},
 			goBack() {