中小
xiaozhiyong
9 months ago
parent
d1af8b7ecb
commit
9f13a13cc8
3 changed files with 372 additions and 324 deletions
@ -1,149 +1,159 @@ |
|||||||
<template> |
<template> |
||||||
<!-- 三个最近的油站弹窗 --> |
<!-- 三个最近的油站弹窗 --> |
||||||
<view> |
<view> |
||||||
<view class="cu-modal" :class="showThreeSites?'show':''"> |
<view class="cu-modal" :class="showThreeSites ? 'show' : ''"> |
||||||
<view class="cu-dialog"> |
<view class="cu-dialog"> |
||||||
<view class="cu-bar bg-white justify-end"> |
<view class="cu-bar bg-white justify-end"> |
||||||
<view class="content">选择油站</view> |
<view class="content">选择油站</view> |
||||||
<view class="action" @tap="hideModal('sites')"> |
<view class="action" @tap="hideModal('sites')"> |
||||||
<text class="cuIcon-close text-red"></text> |
<text class="cuIcon-close text-red"></text> |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
<view class="padding-xl bg-white"> |
<view class="padding-xl bg-white"> |
||||||
<view class="" v-if="siteList.length>0"> |
<view class="" v-if="siteList.length > 0"> |
||||||
<three-item v-for="(item,index) in siteList" :key="item.id" :site-item="item" :first="index==0" |
<three-item |
||||||
class="cu-list menu-avatar cu-item " @tap="toDetail(item)"> |
v-for="(item, index) in siteList" |
||||||
</three-item> |
:key="item.id" |
||||||
</view> |
:site-item="item" |
||||||
<view class="" v-else> |
:first="index == 0" |
||||||
<my-empty></my-empty> |
class="cu-list menu-avatar cu-item" |
||||||
</view> |
@tap="toDetail(item)" |
||||||
<view class="btn-box padding-top"> |
> |
||||||
<button @tap="toSitePage" class="cu-tn bg-red round margin-bottom lg" color="#3982F6" |
</three-item> |
||||||
size="large">前往油站列表查找 |
</view> |
||||||
</button> |
<view class="" v-else> |
||||||
</view> |
<my-empty></my-empty> |
||||||
</view> |
</view> |
||||||
</view> |
<view class="btn-box padding-top"> |
||||||
</view> |
<button |
||||||
|
@tap="toSitePage" |
||||||
</view> |
class="cu-tn bg-red round margin-bottom lg" |
||||||
|
color="#3982F6" |
||||||
|
size="large" |
||||||
|
> |
||||||
|
前往油站列表查找 |
||||||
|
</button> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
import oilSiteApi from '@/api/oil-site.js' |
import oilSiteApi from "@/api/oil-site.js"; |
||||||
import threeItem from './three-item.vue' |
import threeItem from "./three-item.vue"; |
||||||
export default { |
export default { |
||||||
components: { |
components: { |
||||||
threeItem |
threeItem, |
||||||
}, |
}, |
||||||
props: { |
props: { |
||||||
showThreeSites: { |
showThreeSites: { |
||||||
type: Boolean, |
type: Boolean, |
||||||
default: false |
default: false, |
||||||
} |
}, |
||||||
}, |
}, |
||||||
data() { |
data() { |
||||||
return { |
return { |
||||||
siteList: [], |
siteList: [], |
||||||
imgURL: this.global.baseURL, |
imgURL: this.global.baseURL, |
||||||
} |
}; |
||||||
}, |
}, |
||||||
created() { |
created() { |
||||||
this.getSiteList() |
this.getSiteList(); |
||||||
}, |
}, |
||||||
methods: { |
methods: { |
||||||
toSitePage(){ |
toSitePage() { |
||||||
// uni.setStorageSync('activeCur','station') |
// uni.setStorageSync('activeCur','station') |
||||||
uni.switchTab({ |
uni.switchTab({ |
||||||
url: '/pages/tabbar/station/stationList' |
url: "/pages/tabbar/station/stationList", |
||||||
}); |
}); |
||||||
}, |
}, |
||||||
refreshLocation(){ |
refreshLocation() { |
||||||
uni.getLocation({ |
uni.getLocation({ |
||||||
type: 'wgs84', |
type: "wgs84", |
||||||
success: function (res) { |
success: function (res) { |
||||||
uni.setStorageSync('location',res) |
uni.setStorageSync("location", res); |
||||||
} |
}, |
||||||
}); |
}); |
||||||
}, |
}, |
||||||
getSiteList() { |
getSiteList() { |
||||||
this.refreshLocation() |
this.refreshLocation(); |
||||||
let data1 = { |
let data1 = { |
||||||
currentPage: 1, |
currentPage: 1, |
||||||
pageSize: 3, |
pageSize: 3, |
||||||
params: { //类型：Object 必有字段 备注：// 筛选对象 |
params: { |
||||||
sort: "juli", //类型：String 必有字段 备注：// 智能排序 ( price：价格最低 juli：距离最近 ) 默认距离排序 |
//类型：Object 必有字段 备注：// 筛选对象 |
||||||
...uni.getStorageSync('location'), |
sort: "juli", //类型：String 必有字段 备注：// 智能排序 ( price：价格最低 juli：距离最近 ) 默认距离排序 |
||||||
...this.filterData, |
...uni.getStorageSync("location"), |
||||||
clientBelong:'BAICHUAN', |
...this.filterData, |
||||||
bcDisable:'ENABLE', |
clientBelong: "BAICHUAN", |
||||||
// siteBrand: "", // 备注：// 石油品牌 ( 1-中国石油 2-中国石化 3-壳牌 4-民营 5-中海油 6-京博 7-中化石油 8-其他 ) |
bcDisable: "ENABLE", |
||||||
// channelCode: "", // 备注：// 渠道编码 ( OIL：星油 WJY：万金油 LV：老吕（找油网） TY：团油 YDJY：一点加油（壳牌）) |
// siteBrand: "", // 备注：// 石油品牌 ( 1-中国石油 2-中国石化 3-壳牌 4-民营 5-中海油 6-京博 7-中化石油 8-其他 ) |
||||||
// oilProductCode: "" // 备注：// 油号选择 ( 0# 92# 92#) |
// channelCode: "", // 备注：// 渠道编码 ( OIL：星油 WJY：万金油 LV：老吕（找油网） TY：团油 YDJY：一点加油（壳牌）) |
||||||
} |
// oilProductCode: "" // 备注：// 油号选择 ( 0# 92# 92#) |
||||||
|
}, |
||||||
} |
}; |
||||||
oilSiteApi.getSiteList(data1).then(res => { |
oilSiteApi.findKASiteInfoByPage(data1).then((res) => { |
||||||
if (res.code == 20000) { |
if (res.code == 20000) { |
||||||
this.siteList = res.data.list |
this.siteList = res.data.list; |
||||||
} |
} |
||||||
}) |
}); |
||||||
}, |
}, |
||||||
toDetail(item) { |
toDetail(item) { |
||||||
let itemS = JSON.stringify(item) |
let itemS = JSON.stringify(item); |
||||||
console.log(itemS) |
console.log(itemS); |
||||||
uni.navigateTo({ |
uni.navigateTo({ |
||||||
url: `/BagStation/pages/stationDetail/stationDetail?item=${itemS}`, |
url: `/BagStation/pages/stationDetail/stationDetail?item=${itemS}`, |
||||||
fail: (err) => { |
fail: (err) => { |
||||||
// console.log(err) |
// console.log(err) |
||||||
}, |
}, |
||||||
success: () => { |
success: () => { |
||||||
// console.log('err') |
// console.log('err') |
||||||
} |
}, |
||||||
}) |
}); |
||||||
}, |
}, |
||||||
callShipper() { |
callShipper() { |
||||||
uni.makePhoneCall({ |
uni.makePhoneCall({ |
||||||
phoneNumber: this.waybillData.shippePhone |
phoneNumber: this.waybillData.shippePhone, |
||||||
}) |
}); |
||||||
}, |
}, |
||||||
hideModal(name) { |
hideModal(name) { |
||||||
this.$emit('hideOneModal', name) |
this.$emit("hideOneModal", name); |
||||||
}, |
}, |
||||||
registerContracts() { |
registerContracts() { |
||||||
this.$emit('registerContracts') |
this.$emit("registerContracts"); |
||||||
}, |
}, |
||||||
toSetLocation() { |
toSetLocation() { |
||||||
this.$emit('toSetLocation') |
this.$emit("toSetLocation"); |
||||||
}, |
}, |
||||||
toAuth() { |
toAuth() { |
||||||
uni.navigateTo({ |
uni.navigateTo({ |
||||||
url: '认证路径' |
url: "认证路径", |
||||||
}) |
}); |
||||||
} |
}, |
||||||
} |
}, |
||||||
} |
}; |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style scoped> |
<style scoped> |
||||||
.cu-list.menu-avatar>.cu-item .action { |
.cu-list.menu-avatar > .cu-item .action { |
||||||
width: 130rpx; |
width: 130rpx; |
||||||
} |
} |
||||||
|
|
||||||
.ro-right { |
.ro-right { |
||||||
max-width: 100upx; |
max-width: 100upx; |
||||||
/* position: absolute; */ |
/* position: absolute; */ |
||||||
} |
} |
||||||
|
|
||||||
.position-re { |
.position-re { |
||||||
position: relative; |
position: relative; |
||||||
} |
} |
||||||
|
|
||||||
.postion-ab { |
.postion-ab { |
||||||
position: absolute; |
position: absolute; |
||||||
top: -0.8rem; |
top: -0.8rem; |
||||||
left: 0.2rem; |
left: 0.2rem; |
||||||
min-width: 100%; |
min-width: 100%; |
||||||
} |
} |
||||||
</style> |
</style> |
||||||
|
|||||||
Loading…
Reference in new issue