parent
0ac6b0de78
commit
c55b3cce40
@ -1,502 +1,359 @@ |
|||||||
<template> |
<template> |
||||||
<view> |
<view> |
||||||
<view class="width100 backcorfff"> |
<view class="width100 backcorfff"> |
||||||
<image mode="widthFix" class=" flleft sear mart15" :src="imagewxUrl+imgadres"></image> |
<image mode="widthFix" class=" flleft sear mart15" :src="imagewxUrl+imgadres"></image> |
||||||
<uSearchBar @confirm="search" @input="input"></uSearchBar> |
<uSearchBar @confirm="search" @input="input"></uSearchBar> |
||||||
</view> |
</view> |
||||||
<!-- <slFilter :independence="true" :color="titleColor" :themeColor="themeColor" :menuList.sync="menuList" |
<!-- <slFilter :independence="true" :color="titleColor" :themeColor="themeColor" :menuList.sync="menuList" |
||||||
@result="result"></slFilter> --> |
@result="result"></slFilter> --> |
||||||
<view class="width100 height40 backcorfff"> |
<view class="width100 height40 backcorfff"> |
||||||
<view class="width90"> |
<view class="width90"> |
||||||
<view class="stuMenu flleft fotct" @click="showPopup(1)">{{distance}} |
<view class="stuMenu flleft fotct" @click="showPopup(3)">{{onilName}} |
||||||
<image mode="widthFix" class="stuimg margle" :src="imagewxUrl+imgadres2"></image> |
<image mode="widthFix" class="stuimg margle" :src="imagewxUrl+imgadres2"></image> |
||||||
</view> |
</view> |
||||||
<view class="stuMenu flleft fotct" @click="showPopup(2)">{{distanceName}} |
<view class="stuMenu flleft fotct" @click="showPopup(1)">{{distance}} |
||||||
<image mode="widthFix" class="stuimg margle" :src="imagewxUrl+imgadres2"></image> |
<image mode="widthFix" class="stuimg margle" :src="imagewxUrl+imgadres2"></image> |
||||||
</view> |
</view> |
||||||
<view class="stuMenu flleft fotct" @click="showPopup(3)">{{onilName}} |
<!-- <view class="stuMenu flleft fotct" @click="showPopup(2)">{{distanceName}} |
||||||
<image mode="widthFix" class="stuimg margle" :src="imagewxUrl+imgadres2"></image> |
<image mode="widthFix" class="stuimg margle" :src="imagewxUrl+imgadres2"></image> |
||||||
</view> |
</view> --> |
||||||
</view> |
|
||||||
</view> |
</view> |
||||||
|
</view> |
||||||
<view v-if="refuelList == '' " class="mart60 fotct font14 fcor666"> |
|
||||||
<image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres3"></image> |
<view v-if="refuelList == '' " class="mart60 fotct font14 fcor666"> |
||||||
</view> |
<image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres3"></image> |
||||||
<view class="width96 height100p backcorfff border-r mart10" v-for="(item,index) in refuelList" :key="index"> |
</view> |
||||||
<image mode="widthFix" :src="item.store_logo" class="recontleft flleft mart10 border-r" |
<view class="width96 height100p backcorfff border-r mart10" v-for="(item,index) in refuelList" :key="index"> |
||||||
style="max-height: 80px;" @click="goDetails(item.store_key,item.id)"> |
<image mode="widthFix" :src="item.store_logo" class="recontleft flleft mart10 border-r" |
||||||
</image> |
style="max-height: 80px;" @click="goDetails(item.store_key,item.id)"> |
||||||
<view class="recontright"> |
</image> |
||||||
<view class="text1 width100 font18 fontwig6 paddtop10" @click="goDetails(item.store_key,item.id)"> |
<view class="recontright"> |
||||||
{{item.store_name}}</view> |
<view class="text1 width100 font18 fontwig6 paddtop10" @click="goDetails(item.store_key,item.id)"> |
||||||
<view class="width100 mart5 height22"> |
{{item.store_name}} |
||||||
<view class="width70 flleft text1 font13 fcor999" @click="goDetails(item.store_key,item.id)"> |
</view> |
||||||
{{item.address}} |
<view class="width100 mart5 height22"> |
||||||
</view> |
<view class="width70 flleft text1 font13 fcor999" @click="goDetails(item.store_key,item.id)"> |
||||||
<view class="width30 flright font13 fcor666 fotct" @click="seeloaction(item)"> |
{{item.address}} |
||||||
<image mode="widthFix" :src="imagewxUrl+imgadres1" style="width: 10px;"></image> |
</view> |
||||||
{{item.distance}}km |
<view class="width30 flright font13 fcor666 fotct" @click="seeloaction(item)"> |
||||||
</view> |
<image mode="widthFix" :src="imagewxUrl+imgadres1" style="width: 10px;"></image> |
||||||
</view> |
{{item.distance}}km |
||||||
<view class="font14 width100 fcoreb5 mart5 height22" @click="goDetails(item.store_key,item.id)"> |
</view> |
||||||
<text class="font18 fontwig6">{{item.price_vip}}</text>起<text |
</view> |
||||||
class="fcor999 margle">油站价¥{{item.price_gun}}</text> |
<view class="font14 width100 fcoreb5 mart5 height22" @click="goDetails(item.store_key,item.id)"> |
||||||
</view> |
<text class="font18 fontwig6">{{item.price_vip}}</text>起<text |
||||||
</view> |
class="fcor999 margle">油站价¥{{item.price_gun}}</text> |
||||||
</view> |
</view> |
||||||
|
</view> |
||||||
<wybPopup ref="popup" type="bottom" height="800" width="500" radius="6" :showCloseIcon="false"> |
</view> |
||||||
<view class="fotct font18 fontwig6 fcor333 mart10 height30" v-if="typeId == 1">筛选距离</view> |
|
||||||
<view class="fotct font18 fontwig6 fcor333 mart10 height30" v-if="typeId == 2">优先条件</view> |
<wybPopup ref="popup" type="bottom" height="800" width="500" radius="6" :showCloseIcon="false"> |
||||||
<view class="fotct font18 fontwig6 fcor333 mart10 height30" v-if="typeId == 3">油号选择</view> |
<view class="fotct font18 fontwig6 fcor333 mart10 height30" v-if="typeId == 1">筛选距离</view> |
||||||
<view class="mart15" v-if="typeId == 1"> |
<!-- <view class="fotct font18 fontwig6 fcor333 mart10 height30" v-if="typeId == 2">优先条件</view> --> |
||||||
<view :class="item.name == distance?'activeRefuel':'refuel'" v-for="(item,index) in gunnumber" |
<view class="fotct font18 fontwig6 fcor333 mart10 height30" v-if="typeId == 3">油号选择</view> |
||||||
:key="index" @click="changeValue(item)"> |
<view class="mart15" v-if="typeId == 1"> |
||||||
{{item.name}} |
<view :class="item.name == distance?'activeRefuel':'refuel'" v-for="(item,index) in gunnumber" |
||||||
</view> |
:key="index" @click="changeValue(item)"> |
||||||
</view> |
{{item.name}} |
||||||
|
</view> |
||||||
<view class="mart15" v-if="typeId == 2"> |
</view> |
||||||
<view :class="item.name == distanceName?'activeRefuel':'refuel'" v-for="(item,index) in detailList" |
|
||||||
:key="index" @click="changeValue1(item)"> |
<!-- <view class="mart15" v-if="typeId == 2"> |
||||||
{{item.name}} |
<view :class="item.name == distanceName?'activeRefuel':'refuel'" v-for="(item,index) in detailList" |
||||||
</view> |
:key="index" @click="changeValue1(item)"> |
||||||
</view> |
{{item.name}} |
||||||
<view class="mart15" v-if="typeId == 3"> |
</view> |
||||||
<view v-for="(item,index) in oilList" :key="index"> |
</view> --> |
||||||
<view class="font15 fcor666 width90 mart10 height22">{{item.name}}</view> |
<view class="mart15" v-if="typeId == 3"> |
||||||
<view :class="items.name == onilName?'activeRefuel':'refuel'" |
<view class="font15 fcor666 width90 mart10 height22">油品</view> |
||||||
v-for="(items,indexs) in item.nillist" :key="indexs" @click="changeValue2(items)"> |
<view :class="items.codeName == onilName?'activeRefuel':'refuel'" v-for="(items,indexs) in oilList" |
||||||
{{items.name}} |
:key="indexs" @click="changeValue2(items)"> |
||||||
</view> |
{{items.codeName}} |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
</wybPopup> |
</wybPopup> |
||||||
<!-- <authorize></authorize> --> |
<!-- <authorize></authorize> --> |
||||||
</view> |
|
||||||
</template> |
</view> |
||||||
|
</template> |
||||||
<script> |
|
||||||
import { |
<script> |
||||||
getGasStoreList |
import { |
||||||
} from '../../../Utils/Api.js'; |
getGasStoreList, |
||||||
import slFilter from '@/components/sl-filter/sl-filter.vue'; |
getDictionaryByCodeType |
||||||
import wybPopup from '../../../components/wyb-popup/wyb-popup.vue'; |
} from '../../../Utils/Api.js'; |
||||||
import uSearchBar from '../../../components/uni-search-bar/components/uni-search-bar/uni-search-bar.vue'; |
import slFilter from '@/components/sl-filter/sl-filter.vue'; |
||||||
// import authorize from '../../../components/Authorize.vue' |
import wybPopup from '../../../components/wyb-popup/wyb-popup.vue'; |
||||||
let app = getApp(); |
import uSearchBar from '../../../components/uni-search-bar/components/uni-search-bar/uni-search-bar.vue'; |
||||||
export default { |
// import authorize from '../../../components/Authorize.vue' |
||||||
components: { |
let app = getApp(); |
||||||
slFilter, |
export default { |
||||||
// authorize, |
components: { |
||||||
uSearchBar, |
slFilter, |
||||||
wybPopup |
// authorize, |
||||||
}, |
uSearchBar, |
||||||
data() { |
wybPopup |
||||||
return { |
}, |
||||||
themeColor: '#089bf5', |
data() { |
||||||
titleColor: '#666666', |
return { |
||||||
filterResult: '', |
themeColor: '#089bf5', |
||||||
imagewxUrl: app.globalData.imageWxImg, |
titleColor: '#666666', |
||||||
imgadres:'btjy.png', |
filterResult: '', |
||||||
imgadres1:'dh.png', |
imagewxUrl: app.globalData.imageWxImg, |
||||||
imgadres2:'xiala.png', |
imgadres: 'btjy.png', |
||||||
imgadres3:'noorder.png', |
imgadres1: 'dh.png', |
||||||
menuList: [ |
imgadres2: 'xiala.png', |
||||||
{ |
imgadres3: 'noorder.png', |
||||||
'title': '油号', |
refuelList: [], |
||||||
'key': 'single2', |
pageNum: 1, |
||||||
'isMutiple': false, |
pageSize: 10, |
||||||
'detailTitle': '', |
isNoMoreData: false, |
||||||
'reflexTitle': true, |
searname: '', |
||||||
'defaultSelectedIndex': 0, |
gunnumber: [{ |
||||||
'detailList': [{ |
id: 1, |
||||||
'title': '90#', |
name: '6km内', |
||||||
'value': '' |
value: 6 |
||||||
}, { |
}, |
||||||
'title': '92#', |
{ |
||||||
'value': '92#' |
id: 2, |
||||||
}, { |
name: '10km内', |
||||||
'title': '95#', |
value: 10 |
||||||
'value': '95#' |
}, |
||||||
}, { |
{ |
||||||
'title': '98#', |
id: 3, |
||||||
'value': '98#' |
name: '15km内', |
||||||
}, { |
value: 15 |
||||||
'title': '101#', |
}, |
||||||
'value': '101#' |
{ |
||||||
}, ] |
id: 4, |
||||||
}, |
name: '20km内', |
||||||
{ |
value: 20 |
||||||
'title': '距离', |
}, |
||||||
'key': 'single3', |
{ |
||||||
'isMutiple': false, |
id: 5, |
||||||
'detailTitle': '', |
name: '50km内', |
||||||
'reflexTitle': true, |
value: 50 |
||||||
'defaultSelectedIndex': 0, |
}, { |
||||||
'detailList': [{ |
id: 6, |
||||||
'title': '6km内', |
name: '2000km内', |
||||||
'value': '' |
value: 2000 |
||||||
}, |
} |
||||||
{ |
], |
||||||
'title': '10km内', |
distance: '50km内', |
||||||
'value': '10km内' |
distanceNum: '50', |
||||||
}, |
distanceName: '距离最近', |
||||||
{ |
detailList: [{ |
||||||
'title': '15km内', |
id: 1, |
||||||
'value': '15km内' |
name: '距离最近' |
||||||
}, |
}], |
||||||
{ |
typeId: '', |
||||||
'title': '20km内', |
oilList: [], |
||||||
'value': '20km内' |
onilName: '0#', |
||||||
}, |
latitudeful: '', |
||||||
{ |
longitudeful: '', |
||||||
'title': '50km内', |
isTyAgent: false //是否是代理商 |
||||||
'value': '50km内' |
} |
||||||
}, { |
}, |
||||||
'title': '2000km内', |
onLoad() { |
||||||
'value': '2000' |
let that = this; |
||||||
} |
that.getDictionaryByCodeType(); |
||||||
] |
if (app.globalData.accountId) { |
||||||
}, { |
that.isTyAgent = true; |
||||||
'title': '距离', |
} |
||||||
'key': 'single1', |
uni.getLocation({ |
||||||
'isMutiple': false, |
type: 'wgs84', |
||||||
'detailTitle': '', |
success: function(res) { |
||||||
'reflexTitle': true, |
that.latitudeful = res.latitude; |
||||||
'defaultSelectedIndex': 0, |
that.longitudeful = res.longitude; |
||||||
'detailList': [{ |
that.getGasStoreList(); |
||||||
'title': '距离最近', |
} |
||||||
'value': '' |
}) |
||||||
}] |
}, |
||||||
|
onReachBottom() { |
||||||
} |
this.getGasStoreList(); |
||||||
], |
}, |
||||||
refuelList: [], |
methods: { |
||||||
pageNum: 1, |
//查询油品 |
||||||
pageSize: 10, |
getDictionaryByCodeType() { |
||||||
isNoMoreData: false, |
let datas = { |
||||||
searname: '', |
codeType: 'GAS_OIL_TYPE' |
||||||
gunnumber: [{ |
} |
||||||
id: 1, |
getDictionaryByCodeType(datas).then(res => { |
||||||
name: '6km内', |
if (res.return_code == '000000') { |
||||||
value: 6 |
this.oilList = res.return_data; |
||||||
}, |
} |
||||||
{ |
}) |
||||||
id: 2, |
}, |
||||||
name: '10km内', |
//筛选距离 |
||||||
value: 10 |
changeValue(item) { |
||||||
}, |
this.distance = item.name; |
||||||
{ |
this.distanceNum = item.value; |
||||||
id: 3, |
this.pageNum = 1; |
||||||
name: '15km内', |
this.isNoMoreData = false; |
||||||
value: 15 |
this.refuelList = []; |
||||||
}, |
this.getGasStoreList(); |
||||||
{ |
this.$refs.popup.hide(); |
||||||
id: 4, |
}, |
||||||
name: '20km内', |
|
||||||
value: 20 |
seeloaction(item) { |
||||||
}, |
uni.openLocation({ |
||||||
{ |
latitude: Number(item.latitude), //目的地的定位 |
||||||
id: 5, |
longitude: Number(item.longitude), //目的地的定位 |
||||||
name: '50km内', |
name: item.store_name, |
||||||
value: 50 |
address: item.address |
||||||
}, { |
}) |
||||||
id: 6, |
}, |
||||||
name: '2000km内', |
changeValue1(item) { |
||||||
value: 2000 |
this.distanceName = item.name; |
||||||
} |
this.pageNum = 1; |
||||||
], |
this.isNoMoreData = false; |
||||||
distance: '50km内', |
this.refuelList = []; |
||||||
distanceNum: '50', |
this.getGasStoreList(); |
||||||
distanceName: '距离最近', |
this.$refs.popup.hide(); |
||||||
detailList: [{ |
}, |
||||||
id: 1, |
|
||||||
name: '距离最近' |
changeValue2(item) { |
||||||
}], |
this.onilName = item.codeName; |
||||||
typeId: '', |
this.pageNum = 1; |
||||||
oilList: [{ |
this.isNoMoreData = false; |
||||||
id: 1, |
this.refuelList = []; |
||||||
name: '汽油', |
this.getGasStoreList(); |
||||||
nillist: [{ |
this.$refs.popup.hide(); |
||||||
id: 1, |
}, |
||||||
name: '90#' |
//显示弹出 |
||||||
}, |
showPopup(item) { |
||||||
{ |
this.typeId = item; |
||||||
id: 2, |
this.$refs.popup.show(); |
||||||
name: '92#' |
}, |
||||||
}, |
search(res) { |
||||||
{ |
uni.showToast({ |
||||||
id: 3, |
title: '搜索:' + res.value, |
||||||
name: '95#' |
icon: 'none' |
||||||
}, |
}) |
||||||
{ |
}, |
||||||
id: 4, |
input(res) { |
||||||
name: '98#' |
this.searname = res; |
||||||
}, |
this.pageNum = 1; |
||||||
{ |
this.isNoMoreData = false; |
||||||
id: 5, |
this.refuelList = []; |
||||||
name: '101#' |
this.getGasStoreList(); |
||||||
}, |
}, |
||||||
{ |
//查询列表 |
||||||
id: 6, |
getGasStoreList() { |
||||||
name: '95(甲醇)#' |
uni.showLoading({ |
||||||
}, |
title: '加载中...' |
||||||
{ |
}) |
||||||
id: 7, |
if (this.isNoMoreData) { |
||||||
name: '92(甲醇)#' |
uni.hideLoading() |
||||||
} |
return false; |
||||||
] |
} |
||||||
}, |
let pagenum = this.pageNum; |
||||||
{ |
let params = { |
||||||
id: 2, |
storeName: this.searname, |
||||||
name: '柴油', |
distance: this.distanceNum, |
||||||
nillist: [{ |
regionId: app.globalData.cityId, |
||||||
id: 1, |
oilNoName: this.onilName, |
||||||
name: '-40#' |
latitude: this.latitudeful, |
||||||
}, |
longitude: this.longitudeful, |
||||||
{ |
pageNum: pagenum, |
||||||
id: 2, |
pageSize: this.pageSize, |
||||||
name: '-35#' |
isTyAgent: this.isTyAgent |
||||||
}, |
} |
||||||
{ |
getGasStoreList(params).then(res => { |
||||||
id: 3, |
if (res.return_code == '000000') { |
||||||
name: '-30#' |
uni.hideLoading(); |
||||||
}, |
this.isNoMoreData = res.return_data.list.length == this.pageSize ? false : true; |
||||||
{ |
if (res.return_data.total == (this.pageNum * this.pageSize)) { |
||||||
id: 4, |
this.isNoMoreData = true; |
||||||
name: '-20#' |
} |
||||||
}, |
this.refuelList = this.refuelList.concat(res.return_data.list); |
||||||
{ |
this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum; |
||||||
id: 5, |
} else { |
||||||
name: '-10#' |
this.refuelList = []; |
||||||
}, |
uni.hideLoading() |
||||||
{ |
} |
||||||
id: 6, |
}) |
||||||
name: '车队0#' |
}, |
||||||
}, |
//跳转详情 |
||||||
{ |
goDetails(items, itemId) { |
||||||
id: 7, |
uni.navigateTo({ |
||||||
name: '0#' |
url: '../refuel-details/refuel-details?id=' + items + '&desId=' + itemId |
||||||
}, |
}) |
||||||
{ |
}, |
||||||
id: 8, |
result(val) { |
||||||
name: '柴油#' |
console.log('filter_result:' + JSON.stringify(val)); |
||||||
}, |
this.filterResult = JSON.stringify(val, null, 2) |
||||||
] |
} |
||||||
}, |
} |
||||||
{ |
} |
||||||
id: 3, |
</script> |
||||||
name: '天然气', |
|
||||||
nillist: [{ |
<style lang="scss"> |
||||||
id: 1, |
page { |
||||||
name: 'CNG' |
background-color: #f1f3f5; |
||||||
}, |
} |
||||||
{ |
|
||||||
id: 2, |
.refuel { |
||||||
name: 'LNG' |
padding: 6px 5px; |
||||||
}, |
border-radius: 5px; |
||||||
{ |
background-color: #f6f6f6; |
||||||
id: 3, |
color: #666666; |
||||||
name: 'LPG' |
margin-left: 10px; |
||||||
} |
margin-top: 15px; |
||||||
] |
display: inline-block; |
||||||
} |
font-size: 13px; |
||||||
], |
width: 18%; |
||||||
onilName: '92#', |
text-align: center; |
||||||
latitudeful:'', |
} |
||||||
longitudeful:'', |
|
||||||
isTyAgent: false //是否是代理商 |
.activeRefuel { |
||||||
} |
padding: 6px 5px; |
||||||
}, |
border-radius: 5px; |
||||||
onLoad() { |
border: 1px solid #089bf5; |
||||||
let that = this; |
color: #089bf5; |
||||||
if (app.globalData.accountId) { |
margin-left: 10px; |
||||||
that.isTyAgent = true; |
margin-top: 15px; |
||||||
} |
display: inline-block; |
||||||
uni.getLocation({ |
font-size: 13px; |
||||||
type: 'wgs84', |
width: 18%; |
||||||
success: function(res) { |
text-align: center; |
||||||
that.latitudeful = res.latitude; |
} |
||||||
that.longitudeful = res.longitude; |
|
||||||
that.getGasStoreList(); |
.stuMenu { |
||||||
} |
width: 33.3%; |
||||||
}) |
height: 30px; |
||||||
}, |
line-height: 30px; |
||||||
onReachBottom() { |
font-size: 14px; |
||||||
this.getGasStoreList(); |
color: #333333; |
||||||
}, |
|
||||||
methods: { |
.stuimg { |
||||||
//筛选距离 |
width: 10px; |
||||||
changeValue(item) { |
vertical-align: middle; |
||||||
this.distance = item.name; |
} |
||||||
this.distanceNum = item.value; |
} |
||||||
this.pageNum = 1; |
|
||||||
this.isNoMoreData = false; |
.sear { |
||||||
this.refuelList = []; |
margin-left: 10px; |
||||||
this.getGasStoreList(); |
width: 50px; |
||||||
this.$refs.popup.hide(); |
} |
||||||
}, |
|
||||||
|
.searImg { |
||||||
seeloaction(item) { |
margin-left: 55px; |
||||||
uni.openLocation({ |
} |
||||||
latitude: Number(item.latitude), //目的地的定位 |
|
||||||
longitude: Number(item.longitude), //目的地的定位 |
.recontleft { |
||||||
name: item.store_name, |
width: 80px; |
||||||
address: item.address |
margin-left: 10px; |
||||||
}) |
} |
||||||
}, |
|
||||||
changeValue1(item) { |
.recontright { |
||||||
this.distanceName = item.name; |
margin-left: 95px; |
||||||
this.pageNum = 1; |
} |
||||||
this.isNoMoreData = false; |
|
||||||
this.refuelList = []; |
.text { |
||||||
this.getGasStoreList(); |
margin-top: 50px; |
||||||
this.$refs.popup.hide(); |
margin-left: 20px; |
||||||
}, |
width: 100%; |
||||||
|
} |
||||||
changeValue2(item) { |
|
||||||
this.onilName = item.name; |
|
||||||
this.pageNum = 1; |
|
||||||
this.isNoMoreData = false; |
|
||||||
this.refuelList = []; |
|
||||||
this.getGasStoreList(); |
|
||||||
this.$refs.popup.hide(); |
|
||||||
}, |
|
||||||
//显示弹出 |
|
||||||
showPopup(item) { |
|
||||||
this.typeId = item; |
|
||||||
this.$refs.popup.show(); |
|
||||||
}, |
|
||||||
search(res) { |
|
||||||
uni.showToast({ |
|
||||||
title: '搜索:' + res.value, |
|
||||||
icon: 'none' |
|
||||||
}) |
|
||||||
}, |
|
||||||
input(res) { |
|
||||||
this.searname = res; |
|
||||||
this.pageNum = 1; |
|
||||||
this.isNoMoreData = false; |
|
||||||
this.refuelList = []; |
|
||||||
this.getGasStoreList(); |
|
||||||
}, |
|
||||||
//查询列表 |
|
||||||
getGasStoreList() { |
|
||||||
uni.showLoading({ |
|
||||||
title: '加载中...' |
|
||||||
}) |
|
||||||
if (this.isNoMoreData) { |
|
||||||
uni.hideLoading() |
|
||||||
return false; |
|
||||||
} |
|
||||||
let pagenum = this.pageNum; |
|
||||||
let params = { |
|
||||||
storeName: this.searname, |
|
||||||
distance: this.distanceNum, |
|
||||||
regionId: app.globalData.cityId, |
|
||||||
oilNoName: this.onilName, |
|
||||||
latitude: this.latitudeful, |
|
||||||
longitude: this.longitudeful, |
|
||||||
pageNum: pagenum, |
|
||||||
pageSize: this.pageSize, |
|
||||||
isTyAgent: this.isTyAgent |
|
||||||
} |
|
||||||
getGasStoreList(params).then(res => { |
|
||||||
if (res.return_code == '000000') { |
|
||||||
uni.hideLoading(); |
|
||||||
this.isNoMoreData = res.return_data.list.length == this.pageSize ? false : true; |
|
||||||
if (res.return_data.total == (this.pageNum * this.pageSize)) { |
|
||||||
this.isNoMoreData = true; |
|
||||||
} |
|
||||||
this.refuelList = this.refuelList.concat(res.return_data.list); |
|
||||||
this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum; |
|
||||||
} else { |
|
||||||
this.refuelList = []; |
|
||||||
uni.hideLoading() |
|
||||||
} |
|
||||||
}) |
|
||||||
}, |
|
||||||
//跳转详情 |
|
||||||
goDetails(items, itemId) { |
|
||||||
uni.navigateTo({ |
|
||||||
url: '../refuel-details/refuel-details?id=' + items + '&desId=' + itemId |
|
||||||
}) |
|
||||||
}, |
|
||||||
result(val) { |
|
||||||
console.log('filter_result:' + JSON.stringify(val)); |
|
||||||
this.filterResult = JSON.stringify(val, null, 2) |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="scss"> |
|
||||||
page { |
|
||||||
background-color: #f1f3f5; |
|
||||||
} |
|
||||||
|
|
||||||
.refuel { |
|
||||||
padding: 6px 5px; |
|
||||||
border-radius: 5px; |
|
||||||
background-color: #f6f6f6; |
|
||||||
color: #666666; |
|
||||||
margin-left: 10px; |
|
||||||
margin-top: 15px; |
|
||||||
display: inline-block; |
|
||||||
font-size: 13px; |
|
||||||
width: 18%; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
|
|
||||||
.activeRefuel { |
|
||||||
padding: 6px 5px; |
|
||||||
border-radius: 5px; |
|
||||||
border: 1px solid #089bf5; |
|
||||||
color: #089bf5; |
|
||||||
margin-left: 10px; |
|
||||||
margin-top: 15px; |
|
||||||
display: inline-block; |
|
||||||
font-size: 13px; |
|
||||||
width: 18%; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
|
|
||||||
.stuMenu { |
|
||||||
width: 33.3%; |
|
||||||
height: 30px; |
|
||||||
line-height: 30px; |
|
||||||
font-size: 14px; |
|
||||||
color: #333333; |
|
||||||
|
|
||||||
.stuimg { |
|
||||||
width: 10px; |
|
||||||
vertical-align: middle; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.sear { |
|
||||||
margin-left: 10px; |
|
||||||
width: 50px; |
|
||||||
} |
|
||||||
|
|
||||||
.searImg { |
|
||||||
margin-left: 55px; |
|
||||||
} |
|
||||||
|
|
||||||
.recontleft { |
|
||||||
width: 80px; |
|
||||||
margin-left: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
.recontright { |
|
||||||
margin-left: 95px; |
|
||||||
} |
|
||||||
|
|
||||||
.text { |
|
||||||
margin-top: 50px; |
|
||||||
margin-left: 20px; |
|
||||||
width: 100%; |
|
||||||
} |
|
||||||
</style> |
</style> |
||||||
|
Loading…
Reference in new issue