|
|
|
|
@ -4,8 +4,10 @@ |
|
|
|
|
<block slot="content">中石化紫云路</block> |
|
|
|
|
<block slot="backText">返回</block> |
|
|
|
|
</cu-custom> --> |
|
|
|
|
<view class="bg-img fixed-top flex align-end margin-bottom-lg " :style="'background-image: url('+imgURL+'site-bg.png '+');width: 750upx;height: 326rpx;background-size:cover'"> |
|
|
|
|
<image @tap="goBack" :src="imgURL+'site-back.png'" width="20upx" mode="widthFix" class="position-ab site-back"> |
|
|
|
|
<view class="bg-img fixed-top flex align-end margin-bottom-lg " |
|
|
|
|
:style="'background-image: url('+imgURL+'site-bg.png '+');width: 750upx;height: 326rpx;background-size:cover'"> |
|
|
|
|
<image @tap="goBack" :src="imgURL+'site-back.png'" width="20upx" mode="widthFix" |
|
|
|
|
class="position-ab site-back"> |
|
|
|
|
</image> |
|
|
|
|
<view class="cu-list menu margin padding-sm radius my-shadow bg-white yu-card-xuan"> |
|
|
|
|
<view class="cu-item "> |
|
|
|
|
@ -29,8 +31,10 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="bg-img placeholder-hidden flex align-end margin-bottom-lg " :style="'background-image: url('+imgURL+'site-bg.png '+');width: 750upx;height: 326rpx;background-size:cover'"> |
|
|
|
|
<image @tap="goBack" :src="imgURL+'site-back.png'" width="20upx" mode="widthFix" class="position-ab site-back"> |
|
|
|
|
<view class="bg-img placeholder-hidden flex align-end margin-bottom-lg " |
|
|
|
|
:style="'background-image: url('+imgURL+'site-bg.png '+');width: 750upx;height: 326rpx;background-size:cover'"> |
|
|
|
|
<image @tap="goBack" :src="imgURL+'site-back.png'" width="20upx" mode="widthFix" |
|
|
|
|
class="position-ab site-back"> |
|
|
|
|
</image> |
|
|
|
|
<view class="flex-sub"> |
|
|
|
|
<view class="cu-list menu margin padding-sm radius my-shadow bg-white yu-card-xuan"> |
|
|
|
|
@ -81,20 +85,22 @@ |
|
|
|
|
<view class="bg-gray padding-top-sm "> |
|
|
|
|
<view class="cu-list bg-white no-border menu padding-top "> |
|
|
|
|
<text class="padding margin-top">客户订单</text> |
|
|
|
|
<view class="cu-item " v-for="(itm,index) in siteInfo.oilSiteOrderInfoVos" :key="index"> |
|
|
|
|
<view class="cu-item no-border" |
|
|
|
|
v-if="!siteInfo.oilSiteOrderInfoVos||!siteInfo.oilSiteOrderInfoVos.length"> |
|
|
|
|
暂无 |
|
|
|
|
</view> |
|
|
|
|
<view v-else class="cu-item " v-for="(itm,index) in siteInfo.oilSiteOrderInfoVos" :key="index"> |
|
|
|
|
<text class="text-black"> |
|
|
|
|
{{itm.userName|usernameF}} {{itm.plateNumber|plateNumberF}} |
|
|
|
|
</text> |
|
|
|
|
<text class=" text-black ">加 {{itm.oilsCode}} {{itm.volume}}L 节省 <text class="text-red"> |
|
|
|
|
￥{{itm.discountAmount}}</text></text> |
|
|
|
|
</view> |
|
|
|
|
<view class="cu-item no-border" v-if="!siteInfo.oilSiteOrderInfoVos.length"> |
|
|
|
|
暂无 |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
<!-- 底部去支付 --> |
|
|
|
|
<view class="" v-if="activePay||qrcodePay"> |
|
|
|
|
<view class="" > |
|
|
|
|
<view class="btn bg-white placeholder-hidden"> |
|
|
|
|
<view class="flex bg-white padding flex-direction"> |
|
|
|
|
<button class="cu-btn block bg-main-oil lg" v-if="activePay" @tap="makePay"> |
|
|
|
|
@ -111,7 +117,7 @@ |
|
|
|
|
</view> |
|
|
|
|
<view class="btn bg-white fixed "> |
|
|
|
|
<view class="flex bg-white padding flex-direction"> |
|
|
|
|
<button class="cu-btn block bg-main-oil lg" v-if="activePay" @tap="makePay"> |
|
|
|
|
<button class="cu-btn block bg-main-oil lg" @tap="makePay"> |
|
|
|
|
<image class="site-icon margin-right-sm" :src="imgURL+'site-yz.png'" mode="widthFix"> |
|
|
|
|
</image> |
|
|
|
|
一键支付 |
|
|
|
|
@ -194,7 +200,7 @@ |
|
|
|
|
var oilItem = JSON.parse(decodeURIComponent(option.item)) |
|
|
|
|
} |
|
|
|
|
uni.setStorageSync('oilItem', oilItem) |
|
|
|
|
this.getSiteInfo(oilItem.siteId) |
|
|
|
|
this.getSiteInfo(oilItem.siteId, oilItem) |
|
|
|
|
this.siteId = oilItem.siteId |
|
|
|
|
if (oilItem.listTag == '万金油') { |
|
|
|
|
this.audioUrl = 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/wanjinyou.mp3' |
|
|
|
|
@ -247,21 +253,28 @@ |
|
|
|
|
url: `/BagStation/pages/stationDetail/stieQr?siteId=${this.siteId}&activeChannelCode=${this.activeChannelCode}&secondChannelCode=${this.secondChannelCode}` |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
getSiteInfo(id) { |
|
|
|
|
console.log('进入获取油站信息') |
|
|
|
|
getSiteInfo(id, item) { |
|
|
|
|
console.log('进入获取油站信息'); |
|
|
|
|
let user = uni.getStorageSync('user'); |
|
|
|
|
let data2 = { |
|
|
|
|
...uni.getStorageSync('location'), |
|
|
|
|
siteId: id |
|
|
|
|
} |
|
|
|
|
if (user) { |
|
|
|
|
oilSiteApi.getSiteDetails(data2).then(res => { |
|
|
|
|
console.log('进入获取油站信息getSiteDetails', res) |
|
|
|
|
if (res.code == 20000) { |
|
|
|
|
this.siteInfo = res.data |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} else { |
|
|
|
|
this.siteInfo = item |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
makePay() { |
|
|
|
|
console.log(this.siteInfo.juli) |
|
|
|
|
let user = uni.getStorageSync('user'); |
|
|
|
|
if (this.activePay && user) { |
|
|
|
|
if (this.siteInfo.juli > 1000) { |
|
|
|
|
this.showtitle = true |
|
|
|
|
} else { |
|
|
|
|
@ -270,6 +283,29 @@ |
|
|
|
|
url: `/BagStation/pages/makeOrder/makeOrder?siteId=${this.siteId}&activeCur=${this.activeCur}` |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
if(!user){ |
|
|
|
|
uni.showModal({ |
|
|
|
|
title: '请您登录', |
|
|
|
|
content: "登录佰川加油才可以加油 |˛˙꒳˙)♡", |
|
|
|
|
confirmText: '去登陆', |
|
|
|
|
success: (res) => { |
|
|
|
|
if (res.confirm) { |
|
|
|
|
uni.reLaunch({ |
|
|
|
|
url: '../../../BagAuth/pages/login/login?loginType=true' |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}else{ |
|
|
|
|
uni.showToast({ |
|
|
|
|
title:'暂无可选油品', |
|
|
|
|
icon:'none' |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
onChangePayQr(val) { |
|
|
|
|
this.qrcodePay = val |
|
|
|
|
@ -443,31 +479,39 @@ |
|
|
|
|
|
|
|
|
|
.yu-card-xuan .action { |
|
|
|
|
white-space: nowrap; |
|
|
|
|
}.close-icon{ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.close-icon { |
|
|
|
|
position: absolute; |
|
|
|
|
right: 2%; |
|
|
|
|
top: 2%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.dialog-box { |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.text-centerS { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.red_btn { |
|
|
|
|
color: #FFFFFF; |
|
|
|
|
background-color: #fe0505; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.box-paddings { |
|
|
|
|
padding: 40rpx 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.headShow { |
|
|
|
|
font-size: 36rpx; |
|
|
|
|
font-weight: 600; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.showtext { |
|
|
|
|
line-height: 2; |
|
|
|
|
font-size: 30rpx; |
|
|
|
|
@ -477,12 +521,14 @@ |
|
|
|
|
letter-spacing: 3px; |
|
|
|
|
text-align: left; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.checklocation_box_button { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: center; |
|
|
|
|
padding: 0 5%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.btn-box { |
|
|
|
|
width: 45%; |
|
|
|
|
flex: 0 0 auto; |
|
|
|
|
@ -493,9 +539,11 @@ |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
border: 2rpx solid #bfbfbf; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.box-panding { |
|
|
|
|
padding: 10 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.checklocation { |
|
|
|
|
position: fixed; |
|
|
|
|
top: 50%; |
|
|
|
|
@ -503,9 +551,11 @@ |
|
|
|
|
right: 20%; |
|
|
|
|
z-index: 999; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.checklocation_box { |
|
|
|
|
background-color: #FFFFFF; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.content { |
|
|
|
|
min-height: 100%; |
|
|
|
|
position: relative; |
|
|
|
|
|
