|
|
@ -8,20 +8,21 @@ |
|
|
|
@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"> |
|
|
|
<view v-if="refuelList == '' " class="mart60 fotct font14 fcor666"> |
|
|
|
<image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres3"></image> |
|
|
|
<image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres3"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="width96 height100p backcorfff border-r mart10" v-for="(item,index) in refuelList" :key="index"> |
|
|
|
<view class="width96 height100p backcorfff border-r mart10" v-for="(item,index) in refuelList" :key="index"> |
|
|
|
<image mode="widthFix" :src="item.store_logo" class="recontleft flleft mart10 border-r" |
|
|
|
<image mode="widthFix" :src="item.store_logo" class="recontleft flleft mart10 border-r" |
|
|
@ -29,7 +30,8 @@ |
|
|
|
</image> |
|
|
|
</image> |
|
|
|
<view class="recontright"> |
|
|
|
<view class="recontright"> |
|
|
|
<view class="text1 width100 font18 fontwig6 paddtop10" @click="goDetails(item.store_key,item.id)"> |
|
|
|
<view class="text1 width100 font18 fontwig6 paddtop10" @click="goDetails(item.store_key,item.id)"> |
|
|
|
{{item.store_name}}</view> |
|
|
|
{{item.store_name}} |
|
|
|
|
|
|
|
</view> |
|
|
|
<view class="width100 mart5 height22"> |
|
|
|
<view class="width100 mart5 height22"> |
|
|
|
<view class="width70 flleft text1 font13 fcor999" @click="goDetails(item.store_key,item.id)"> |
|
|
|
<view class="width70 flleft text1 font13 fcor999" @click="goDetails(item.store_key,item.id)"> |
|
|
|
{{item.address}} |
|
|
|
{{item.address}} |
|
|
@ -48,7 +50,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
<wybPopup ref="popup" type="bottom" height="800" width="500" radius="6" :showCloseIcon="false"> |
|
|
|
<wybPopup ref="popup" type="bottom" height="800" width="500" radius="6" :showCloseIcon="false"> |
|
|
|
<view class="fotct font18 fontwig6 fcor333 mart10 height30" v-if="typeId == 1">筛选距离</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> |
|
|
|
<!-- <view class="fotct font18 fontwig6 fcor333 mart10 height30" v-if="typeId == 2">优先条件</view> --> |
|
|
|
<view class="fotct font18 fontwig6 fcor333 mart10 height30" v-if="typeId == 3">油号选择</view> |
|
|
|
<view class="fotct font18 fontwig6 fcor333 mart10 height30" v-if="typeId == 3">油号选择</view> |
|
|
|
<view class="mart15" v-if="typeId == 1"> |
|
|
|
<view class="mart15" v-if="typeId == 1"> |
|
|
|
<view :class="item.name == distance?'activeRefuel':'refuel'" v-for="(item,index) in gunnumber" |
|
|
|
<view :class="item.name == distance?'activeRefuel':'refuel'" v-for="(item,index) in gunnumber" |
|
|
@ -57,29 +59,29 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="mart15" v-if="typeId == 2"> |
|
|
|
<!-- <view class="mart15" v-if="typeId == 2"> |
|
|
|
<view :class="item.name == distanceName?'activeRefuel':'refuel'" v-for="(item,index) in detailList" |
|
|
|
<view :class="item.name == distanceName?'activeRefuel':'refuel'" v-for="(item,index) in detailList" |
|
|
|
:key="index" @click="changeValue1(item)"> |
|
|
|
:key="index" @click="changeValue1(item)"> |
|
|
|
{{item.name}} |
|
|
|
{{item.name}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
<view class="mart15" v-if="typeId == 3"> |
|
|
|
<view class="mart15" v-if="typeId == 3"> |
|
|
|
<view v-for="(item,index) in oilList" :key="index"> |
|
|
|
<view class="font15 fcor666 width90 mart10 height22">油品</view> |
|
|
|
<view class="font15 fcor666 width90 mart10 height22">{{item.name}}</view> |
|
|
|
<view :class="items.codeName == onilName?'activeRefuel':'refuel'" v-for="(items,indexs) in oilList" |
|
|
|
<view :class="items.name == onilName?'activeRefuel':'refuel'" |
|
|
|
:key="indexs" @click="changeValue2(items)"> |
|
|
|
v-for="(items,indexs) in item.nillist" :key="indexs" @click="changeValue2(items)"> |
|
|
|
{{items.codeName}} |
|
|
|
{{items.name}} |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</wybPopup> |
|
|
|
</wybPopup> |
|
|
|
<!-- <authorize></authorize> --> |
|
|
|
<!-- <authorize></authorize> --> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import { |
|
|
|
import { |
|
|
|
getGasStoreList |
|
|
|
getGasStoreList, |
|
|
|
|
|
|
|
getDictionaryByCodeType |
|
|
|
} from '../../../Utils/Api.js'; |
|
|
|
} from '../../../Utils/Api.js'; |
|
|
|
import slFilter from '@/components/sl-filter/sl-filter.vue'; |
|
|
|
import slFilter from '@/components/sl-filter/sl-filter.vue'; |
|
|
|
import wybPopup from '../../../components/wyb-popup/wyb-popup.vue'; |
|
|
|
import wybPopup from '../../../components/wyb-popup/wyb-popup.vue'; |
|
|
@ -99,80 +101,10 @@ |
|
|
|
titleColor: '#666666', |
|
|
|
titleColor: '#666666', |
|
|
|
filterResult: '', |
|
|
|
filterResult: '', |
|
|
|
imagewxUrl: app.globalData.imageWxImg, |
|
|
|
imagewxUrl: app.globalData.imageWxImg, |
|
|
|
imgadres:'btjy.png', |
|
|
|
imgadres: 'btjy.png', |
|
|
|
imgadres1:'dh.png', |
|
|
|
imgadres1: 'dh.png', |
|
|
|
imgadres2:'xiala.png', |
|
|
|
imgadres2: 'xiala.png', |
|
|
|
imgadres3:'noorder.png', |
|
|
|
imgadres3: 'noorder.png', |
|
|
|
menuList: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
'title': '油号', |
|
|
|
|
|
|
|
'key': 'single2', |
|
|
|
|
|
|
|
'isMutiple': false, |
|
|
|
|
|
|
|
'detailTitle': '', |
|
|
|
|
|
|
|
'reflexTitle': true, |
|
|
|
|
|
|
|
'defaultSelectedIndex': 0, |
|
|
|
|
|
|
|
'detailList': [{ |
|
|
|
|
|
|
|
'title': '90#', |
|
|
|
|
|
|
|
'value': '' |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
'title': '92#', |
|
|
|
|
|
|
|
'value': '92#' |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
'title': '95#', |
|
|
|
|
|
|
|
'value': '95#' |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
'title': '98#', |
|
|
|
|
|
|
|
'value': '98#' |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
'title': '101#', |
|
|
|
|
|
|
|
'value': '101#' |
|
|
|
|
|
|
|
}, ] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
'title': '距离', |
|
|
|
|
|
|
|
'key': 'single3', |
|
|
|
|
|
|
|
'isMutiple': false, |
|
|
|
|
|
|
|
'detailTitle': '', |
|
|
|
|
|
|
|
'reflexTitle': true, |
|
|
|
|
|
|
|
'defaultSelectedIndex': 0, |
|
|
|
|
|
|
|
'detailList': [{ |
|
|
|
|
|
|
|
'title': '6km内', |
|
|
|
|
|
|
|
'value': '' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
'title': '10km内', |
|
|
|
|
|
|
|
'value': '10km内' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
'title': '15km内', |
|
|
|
|
|
|
|
'value': '15km内' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
'title': '20km内', |
|
|
|
|
|
|
|
'value': '20km内' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
'title': '50km内', |
|
|
|
|
|
|
|
'value': '50km内' |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
'title': '2000km内', |
|
|
|
|
|
|
|
'value': '2000' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
'title': '距离', |
|
|
|
|
|
|
|
'key': 'single1', |
|
|
|
|
|
|
|
'isMutiple': false, |
|
|
|
|
|
|
|
'detailTitle': '', |
|
|
|
|
|
|
|
'reflexTitle': true, |
|
|
|
|
|
|
|
'defaultSelectedIndex': 0, |
|
|
|
|
|
|
|
'detailList': [{ |
|
|
|
|
|
|
|
'title': '距离最近', |
|
|
|
|
|
|
|
'value': '' |
|
|
|
|
|
|
|
}] |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
refuelList: [], |
|
|
|
refuelList: [], |
|
|
|
pageNum: 1, |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 10, |
|
|
|
pageSize: 10, |
|
|
@ -216,102 +148,16 @@ |
|
|
|
name: '距离最近' |
|
|
|
name: '距离最近' |
|
|
|
}], |
|
|
|
}], |
|
|
|
typeId: '', |
|
|
|
typeId: '', |
|
|
|
oilList: [{ |
|
|
|
oilList: [], |
|
|
|
id: 1, |
|
|
|
onilName: '0#', |
|
|
|
name: '汽油', |
|
|
|
latitudeful: '', |
|
|
|
nillist: [{ |
|
|
|
longitudeful: '', |
|
|
|
id: 1, |
|
|
|
|
|
|
|
name: '90#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 2, |
|
|
|
|
|
|
|
name: '92#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 3, |
|
|
|
|
|
|
|
name: '95#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 4, |
|
|
|
|
|
|
|
name: '98#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 5, |
|
|
|
|
|
|
|
name: '101#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 6, |
|
|
|
|
|
|
|
name: '95(甲醇)#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 7, |
|
|
|
|
|
|
|
name: '92(甲醇)#' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 2, |
|
|
|
|
|
|
|
name: '柴油', |
|
|
|
|
|
|
|
nillist: [{ |
|
|
|
|
|
|
|
id: 1, |
|
|
|
|
|
|
|
name: '-40#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 2, |
|
|
|
|
|
|
|
name: '-35#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 3, |
|
|
|
|
|
|
|
name: '-30#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 4, |
|
|
|
|
|
|
|
name: '-20#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 5, |
|
|
|
|
|
|
|
name: '-10#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 6, |
|
|
|
|
|
|
|
name: '车队0#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 7, |
|
|
|
|
|
|
|
name: '0#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 8, |
|
|
|
|
|
|
|
name: '柴油#' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 3, |
|
|
|
|
|
|
|
name: '天然气', |
|
|
|
|
|
|
|
nillist: [{ |
|
|
|
|
|
|
|
id: 1, |
|
|
|
|
|
|
|
name: 'CNG' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 2, |
|
|
|
|
|
|
|
name: 'LNG' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 3, |
|
|
|
|
|
|
|
name: 'LPG' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
onilName: '92#', |
|
|
|
|
|
|
|
latitudeful:'', |
|
|
|
|
|
|
|
longitudeful:'', |
|
|
|
|
|
|
|
isTyAgent: false //是否是代理商 |
|
|
|
isTyAgent: false //是否是代理商 |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
onLoad() { |
|
|
|
onLoad() { |
|
|
|
let that = this; |
|
|
|
let that = this; |
|
|
|
|
|
|
|
that.getDictionaryByCodeType(); |
|
|
|
if (app.globalData.accountId) { |
|
|
|
if (app.globalData.accountId) { |
|
|
|
that.isTyAgent = true; |
|
|
|
that.isTyAgent = true; |
|
|
|
} |
|
|
|
} |
|
|
@ -328,6 +174,17 @@ |
|
|
|
this.getGasStoreList(); |
|
|
|
this.getGasStoreList(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
|
|
|
|
//查询油品 |
|
|
|
|
|
|
|
getDictionaryByCodeType() { |
|
|
|
|
|
|
|
let datas = { |
|
|
|
|
|
|
|
codeType: 'GAS_OIL_TYPE' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
getDictionaryByCodeType(datas).then(res => { |
|
|
|
|
|
|
|
if (res.return_code == '000000') { |
|
|
|
|
|
|
|
this.oilList = res.return_data; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
//筛选距离 |
|
|
|
//筛选距离 |
|
|
|
changeValue(item) { |
|
|
|
changeValue(item) { |
|
|
|
this.distance = item.name; |
|
|
|
this.distance = item.name; |
|
|
@ -357,7 +214,7 @@ |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
changeValue2(item) { |
|
|
|
changeValue2(item) { |
|
|
|
this.onilName = item.name; |
|
|
|
this.onilName = item.codeName; |
|
|
|
this.pageNum = 1; |
|
|
|
this.pageNum = 1; |
|
|
|
this.isNoMoreData = false; |
|
|
|
this.isNoMoreData = false; |
|
|
|
this.refuelList = []; |
|
|
|
this.refuelList = []; |
|
|
|