|
|
|
|
@ -1,27 +1,19 @@ |
|
|
|
|
<template> |
|
|
|
|
<!-- 三个最近的油站弹窗 --> |
|
|
|
|
<!-- 三个最近的油站弹窗 --> |
|
|
|
|
<view> |
|
|
|
|
<view class="cu-modal" :class="showThreeSites?'show':''"> |
|
|
|
|
<view class="cu-modal" :class="showThreeSites?'show':''" @touchmove.stop> |
|
|
|
|
<view class="cu-dialog"> |
|
|
|
|
<view class="cu-bar bg-white justify-end"> |
|
|
|
|
<view class="content">选择油站</view> |
|
|
|
|
<view class="action" @tap="hideModal('sites')"> |
|
|
|
|
<!-- <view class="content">选择油站</view> --> |
|
|
|
|
<view class="action" @tap="hideModal"> |
|
|
|
|
<text class="cuIcon-close text-red"></text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="padding-xl bg-white"> |
|
|
|
|
<view class="" v-if="siteList.length>0"> |
|
|
|
|
<three-item v-for="(item,index) in siteList" :key="item.id" :site-item="item" :first="index==0" |
|
|
|
|
class="cu-list menu-avatar cu-item " @tap="toDetail(item)"> |
|
|
|
|
</three-item> |
|
|
|
|
</view> |
|
|
|
|
<view class="" v-else> |
|
|
|
|
<my-empty></my-empty> |
|
|
|
|
</view> |
|
|
|
|
<view class="btn-box padding-top"> |
|
|
|
|
<button @tap="toSitePage" class="cu-tn bg-red round margin-bottom lg" color="#3982F6" |
|
|
|
|
size="large">前往油站列表查找 |
|
|
|
|
</button> |
|
|
|
|
<view class="bg-white pb30"> |
|
|
|
|
<tki-qrcode ref="qrcode" cid="2" :val="qrcodeText" :size="400" :isHaveBg="true" pdground="#000" |
|
|
|
|
foreground="#000" background="#fff" onval showLoading loadMake /> |
|
|
|
|
<view class="text-center padding-top text-sm margin-bottom"> |
|
|
|
|
提示：该二维码每隔<text style="color: #ff0000;">3分钟</text>自动刷新一次 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -31,11 +23,13 @@ |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import oilSiteApi from '@/api/oil-site.js' |
|
|
|
|
import threeItem from './three-item.vue' |
|
|
|
|
import serve from '@/api/oil-site.js' |
|
|
|
|
import accountApi from '@/api/account.js' |
|
|
|
|
|
|
|
|
|
import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue' |
|
|
|
|
export default { |
|
|
|
|
components: { |
|
|
|
|
threeItem |
|
|
|
|
tkiQrcode |
|
|
|
|
}, |
|
|
|
|
props: { |
|
|
|
|
showThreeSites: { |
|
|
|
|
@ -45,91 +39,63 @@ |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
siteList: [], |
|
|
|
|
imgURL: this.global.baseURL, |
|
|
|
|
qrcodeText: '', |
|
|
|
|
user: uni.getStorageSync('user'), |
|
|
|
|
timerInstance: null |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
this.getSiteList() |
|
|
|
|
}, |
|
|
|
|
watch:{ |
|
|
|
|
showThreeSites:{ |
|
|
|
|
handler(newval){ |
|
|
|
|
if(newval==true){ |
|
|
|
|
this.getSiteList() |
|
|
|
|
|
|
|
|
|
watch: { |
|
|
|
|
showThreeSites: { |
|
|
|
|
handler(newval) { |
|
|
|
|
if (newval) { |
|
|
|
|
this.initQRCode() |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
immediate: true |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
toSitePage(){ |
|
|
|
|
// uni.setStorageSync('activeCur','station') |
|
|
|
|
uni.switchTab({ |
|
|
|
|
url: '/pages/tabbar/station/stationList' |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
refreshLocation(){ |
|
|
|
|
uni.getLocation({ |
|
|
|
|
type: 'wgs84', |
|
|
|
|
success: function (res) { |
|
|
|
|
uni.setStorageSync('location',res) |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
getSiteList() { |
|
|
|
|
this.refreshLocation() |
|
|
|
|
let data1 = { |
|
|
|
|
currentPage: 1, |
|
|
|
|
pageSize: 3, |
|
|
|
|
params: { //类型：Object 必有字段 备注：// 筛选对象 |
|
|
|
|
sort: "juli", //类型：String 必有字段 备注：// 智能排序 ( price：价格最低 juli：距离最近 ) 默认距离排序 |
|
|
|
|
...uni.getStorageSync('location'), |
|
|
|
|
...this.filterData |
|
|
|
|
// siteBrand: "", // 备注：// 石油品牌 ( 1-中国石油 2-中国石化 3-壳牌 4-民营 5-中海油 6-京博 7-中化石油 8-其他 ) |
|
|
|
|
// channelCode: "", // 备注：// 渠道编码 ( OIL：星油 WJY：万金油 LV：老吕（找油网） TY：团油 YDJY：一点加油（壳牌）) |
|
|
|
|
// oilProductCode: "" // 备注：// 油号选择 ( 0# 92# 92#) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
async initQRCode() { |
|
|
|
|
if (this.timerInstance) { |
|
|
|
|
clearInterval(this.timerInstance) |
|
|
|
|
this.timerInstance = null |
|
|
|
|
} |
|
|
|
|
// readOnlySites |
|
|
|
|
oilSiteApi.getSiteList(data1).then(res => { |
|
|
|
|
if (res.code == 20000) { |
|
|
|
|
this.siteList = res.data.list |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
toDetail(item) { |
|
|
|
|
let itemS = JSON.stringify(item) |
|
|
|
|
console.log(itemS) |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: `/BagStation/pages/stationDetail/stationDetail?item=${itemS}`, |
|
|
|
|
fail: (err) => { |
|
|
|
|
// console.log(err) |
|
|
|
|
}, |
|
|
|
|
success: () => { |
|
|
|
|
// console.log('err') |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
callShipper() { |
|
|
|
|
uni.makePhoneCall({ |
|
|
|
|
phoneNumber: this.waybillData.shippePhone |
|
|
|
|
|
|
|
|
|
let accountResult = await accountApi.getUserAccount() |
|
|
|
|
if (!accountResult.data.length) return |
|
|
|
|
|
|
|
|
|
let params = { |
|
|
|
|
companyId: accountResult.data[0].companyId, |
|
|
|
|
orderSource: "WECHAT_MINIAPPS", |
|
|
|
|
customerId: this.user.id, |
|
|
|
|
channelCode: 'XOIL', |
|
|
|
|
oilCardNature: accountResult.data[0].oilCardType, //油卡性质 |
|
|
|
|
accountCardCode: accountResult.data[0].accountCardCode //油卡卡号 |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
serve.getOilDriverQrCode(params).then(res => { |
|
|
|
|
if (!res.data) return |
|
|
|
|
this.qrcodeText = res.data.codeStr |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.timerInstance = setInterval(() => { |
|
|
|
|
serve.getOilDriverQrCode(params).then(res => { |
|
|
|
|
if (!res.data) return |
|
|
|
|
this.qrcodeText = res.data.codeStr |
|
|
|
|
}) |
|
|
|
|
}, 1000 * 60 * 3) |
|
|
|
|
}, |
|
|
|
|
hideModal(name) { |
|
|
|
|
this.$emit('hideOneModal', name) |
|
|
|
|
}, |
|
|
|
|
registerContracts() { |
|
|
|
|
this.$emit('registerContracts') |
|
|
|
|
}, |
|
|
|
|
toSetLocation() { |
|
|
|
|
this.$emit('toSetLocation') |
|
|
|
|
hideModal() { |
|
|
|
|
clearInterval(this.timerInstance) |
|
|
|
|
this.timerInstance = null |
|
|
|
|
this.$refs.qrcode._clearCode() |
|
|
|
|
this.$emit('hideOneModal') |
|
|
|
|
}, |
|
|
|
|
toAuth() { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '认证路径' |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
@ -154,4 +120,8 @@ |
|
|
|
|
left: 0.2rem; |
|
|
|
|
min-width: 100%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.pb30 { |
|
|
|
|
padding-bottom: 30rpx; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
xiaozhiyong
2 years ago