|
|
@ -4,8 +4,10 @@ |
|
|
|
<block slot="content">中石化紫云路</block> |
|
|
|
<block slot="content">中石化紫云路</block> |
|
|
|
<block slot="backText">返回</block> |
|
|
|
<block slot="backText">返回</block> |
|
|
|
</cu-custom> --> |
|
|
|
</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'"> |
|
|
|
<view class="bg-img fixed-top flex align-end margin-bottom-lg " |
|
|
|
<image v-if="isShow" @tap="goBack" :src="imgURL+'site-back.png'" width="20upx" mode="widthFix" class="position-ab site-back"> |
|
|
|
:style="'background-image: url('+imgURL+'site-bg.png '+');width: 750upx;height: 326rpx;background-size:cover'"> |
|
|
|
|
|
|
|
<image v-if="isShow" @tap="goBack" :src="imgURL+'site-back.png'" width="20upx" mode="widthFix" |
|
|
|
|
|
|
|
class="position-ab site-back"> |
|
|
|
</image> |
|
|
|
</image> |
|
|
|
<view class="cu-list menu margin padding-sm radius my-shadow bg-white yu-card-xuan"> |
|
|
|
<view class="cu-list menu margin padding-sm radius my-shadow bg-white yu-card-xuan"> |
|
|
|
<view class="cu-item "> |
|
|
|
<view class="cu-item "> |
|
|
@ -30,8 +32,10 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</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'"> |
|
|
|
<view class="bg-img placeholder-hidden flex align-end margin-bottom-lg " |
|
|
|
<image @tap="goBack" :src="imgURL+'site-back.png'" width="20upx" mode="widthFix" class="position-ab site-back"> |
|
|
|
: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> |
|
|
|
</image> |
|
|
|
<view class="flex-sub"> |
|
|
|
<view class="flex-sub"> |
|
|
|
<view class="cu-list menu margin padding-sm radius my-shadow bg-white yu-card-xuan"> |
|
|
|
<view class="cu-list menu margin padding-sm radius my-shadow bg-white yu-card-xuan"> |
|
|
@ -70,10 +74,12 @@ |
|
|
|
<view class="padding-top-sm"> |
|
|
|
<view class="padding-top-sm"> |
|
|
|
<view class="nsjz-flex"> |
|
|
|
<view class="nsjz-flex"> |
|
|
|
<view class="nsjz-flex-left"> |
|
|
|
<view class="nsjz-flex-left"> |
|
|
|
<image :src="ureaproductType == 2?areaLogoUrl1:areaLogoUrl" mode="" style="width: 36rpx;height: 36rpx;"></image> |
|
|
|
<image :src="ureaproductType == 2?areaLogoUrl1:areaLogoUrl" mode="" |
|
|
|
|
|
|
|
style="width: 36rpx;height: 36rpx;"></image> |
|
|
|
<view class="nsjz-flex-left-body"> |
|
|
|
<view class="nsjz-flex-left-body"> |
|
|
|
<text>{{ureaproductType == '2'?'品牌桶装尿素':'加注机'}}</text> |
|
|
|
<text>{{ureaproductType == '2'?'品牌桶装尿素':'加注机'}}</text> |
|
|
|
<text v-if="ureaproductType == 2">{{areaPrice}}元/桶<text style="font-size: 12px;margin: 0;">起</text></text> |
|
|
|
<text v-if="ureaproductType == 2">{{areaPrice}}元/桶<text |
|
|
|
|
|
|
|
style="font-size: 12px;margin: 0;">起</text></text> |
|
|
|
<text v-if="ureaproductType == 1">¥{{areaPrice}}/L</text> |
|
|
|
<text v-if="ureaproductType == 1">¥{{areaPrice}}/L</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -112,7 +118,8 @@ |
|
|
|
<text class=" text-black ">加 {{itm.oilsCode}} {{itm.volume}}L 节省 <text class="text-red"> |
|
|
|
<text class=" text-black ">加 {{itm.oilsCode}} {{itm.volume}}L 节省 <text class="text-red"> |
|
|
|
¥{{itm.discountAmount}}</text></text> |
|
|
|
¥{{itm.discountAmount}}</text></text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cu-item no-border" v-if="siteInfo.oilSiteOrderInfoVos && !siteInfo.oilSiteOrderInfoVos.length"> |
|
|
|
<view class="cu-item no-border" |
|
|
|
|
|
|
|
v-if="siteInfo.oilSiteOrderInfoVos && !siteInfo.oilSiteOrderInfoVos.length"> |
|
|
|
暂无 |
|
|
|
暂无 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
@ -152,10 +159,12 @@ |
|
|
|
<view class=" cu-modal show" v-show="showtitle"> |
|
|
|
<view class=" cu-modal show" v-show="showtitle"> |
|
|
|
<view class="cu-dialog overflow-unset dialog-box box-paddings"> |
|
|
|
<view class="cu-dialog overflow-unset dialog-box box-paddings"> |
|
|
|
<view class="close-icon" @tap="hidendialog"> |
|
|
|
<view class="close-icon" @tap="hidendialog"> |
|
|
|
<image src="https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油运营小程序/close.png" mode="" style="width:50rpx;height: 50rpx;"></image> |
|
|
|
<image src="https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油运营小程序/close.png" mode="" |
|
|
|
|
|
|
|
style="width:50rpx;height: 50rpx;"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class=""> |
|
|
|
<view class=""> |
|
|
|
<image src="https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油运营小程序/errIcon.png" mode="" style="width:100rpx;height: 100rpx;"></image> |
|
|
|
<image src="https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油运营小程序/errIcon.png" mode="" |
|
|
|
|
|
|
|
style="width:100rpx;height: 100rpx;"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cu-bar box-panding text-centerS"> |
|
|
|
<view class="cu-bar box-panding text-centerS"> |
|
|
|
<text class="headShow"> 支付提醒 </text> |
|
|
|
<text class="headShow"> 支付提醒 </text> |
|
|
@ -173,6 +182,10 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="customer-service" @click="arousePhone"> |
|
|
|
|
|
|
|
<image src="../../static/img/customer-service.png"></image> |
|
|
|
|
|
|
|
联系客服 |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
@ -226,7 +239,10 @@ |
|
|
|
return |
|
|
|
return |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
let oilItem = option.channerCode == 'TY' ? uni.getStorageSync('OtherSiteInfo') : option.item ? JSON.parse(option.item) : {siteId:option.siteId} |
|
|
|
let oilItem = option.channerCode == 'TY' ? uni.getStorageSync('OtherSiteInfo') : option.item ? JSON.parse( |
|
|
|
|
|
|
|
option.item) : { |
|
|
|
|
|
|
|
siteId: option.siteId |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
uni.setStorageSync('oilItem', oilItem) |
|
|
|
uni.setStorageSync('oilItem', oilItem) |
|
|
|
this.getSiteInfo(oilItem.siteId) |
|
|
|
this.getSiteInfo(oilItem.siteId) |
|
|
@ -246,12 +262,18 @@ |
|
|
|
this.ContextAudio(this.audioUrl) |
|
|
|
this.ContextAudio(this.audioUrl) |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
|
|
|
|
arousePhone() { |
|
|
|
|
|
|
|
uni.makePhoneCall({ |
|
|
|
|
|
|
|
phoneNumber:'4008-56-5355' |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
areaJump() { |
|
|
|
areaJump() { |
|
|
|
// var itemS = { |
|
|
|
// var itemS = { |
|
|
|
// siteId:this.siteInfo.xoilUreaPriceVos[0].siteId |
|
|
|
// siteId:this.siteInfo.xoilUreaPriceVos[0].siteId |
|
|
|
// } |
|
|
|
// } |
|
|
|
uni.navigateTo({ |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/BagStation/pages/ureaDetail/ureaDetail?item='+ JSON.stringify(this.siteInfo.xoilUreaPriceVos[0]), |
|
|
|
url: '/BagStation/pages/ureaDetail/ureaDetail?item=' + JSON.stringify(this.siteInfo |
|
|
|
|
|
|
|
.xoilUreaPriceVos[0]), |
|
|
|
fail: (err) => { |
|
|
|
fail: (err) => { |
|
|
|
// console.log(err) |
|
|
|
// console.log(err) |
|
|
|
}, |
|
|
|
}, |
|
|
@ -377,8 +399,11 @@ |
|
|
|
this.innerAudioContext?.stop() |
|
|
|
this.innerAudioContext?.stop() |
|
|
|
let siteId = uni.getStorageSync('siteId') |
|
|
|
let siteId = uni.getStorageSync('siteId') |
|
|
|
siteId |
|
|
|
siteId |
|
|
|
? uni.switchTab({url:'../../../pages/tabbar/home/home'}) |
|
|
|
? |
|
|
|
: uni.navigateBack() ; |
|
|
|
uni.switchTab({ |
|
|
|
|
|
|
|
url: '../../../pages/tabbar/home/home' |
|
|
|
|
|
|
|
}) : |
|
|
|
|
|
|
|
uni.navigateBack(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
selectRadio() { |
|
|
|
selectRadio() { |
|
|
|
this.radio === 'A' ? this.radio = '' : this.radio = 'A' |
|
|
|
this.radio === 'A' ? this.radio = '' : this.radio = 'A' |
|
|
@ -432,7 +457,30 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
.customer-service { |
|
|
|
|
|
|
|
position: fixed; |
|
|
|
|
|
|
|
right: 0; |
|
|
|
|
|
|
|
top: 60%; |
|
|
|
|
|
|
|
padding-left: 15rpx; |
|
|
|
|
|
|
|
width: 180rpx; |
|
|
|
|
|
|
|
height: 57rpx; |
|
|
|
|
|
|
|
line-height: 57rpx; |
|
|
|
|
|
|
|
background: #FFE9CC; |
|
|
|
|
|
|
|
font-size: 26rpx; |
|
|
|
|
|
|
|
color: #FF6700; |
|
|
|
|
|
|
|
box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(255, 232.1327966451645, 216.63716733455658, 1); |
|
|
|
|
|
|
|
border-radius: 30rpx 0rpx 0rpx 30rpx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
image { |
|
|
|
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
top: 11rpx; |
|
|
|
|
|
|
|
// vertical-align: middle; |
|
|
|
|
|
|
|
width: 40rpx; |
|
|
|
|
|
|
|
height: 40rpx; |
|
|
|
|
|
|
|
margin-right: 7rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.content { |
|
|
|
.content { |
|
|
|
min-height: 100%; |
|
|
|
min-height: 100%; |
|
|
@ -527,24 +575,29 @@ |
|
|
|
.yu-card-xuan .action { |
|
|
|
.yu-card-xuan .action { |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.text-centerS { |
|
|
|
.text-centerS { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.red_btn { |
|
|
|
.red_btn { |
|
|
|
margin-right: 20rpx; |
|
|
|
margin-right: 20rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
color: #FFFFFF; |
|
|
|
background-color: #FF6700; |
|
|
|
background-color: #FF6700; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.box-paddings { |
|
|
|
.box-paddings { |
|
|
|
padding: 40rpx 0; |
|
|
|
padding: 40rpx 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.headShow { |
|
|
|
.headShow { |
|
|
|
font-size: 36rpx; |
|
|
|
font-size: 36rpx; |
|
|
|
font-weight: 600; |
|
|
|
font-weight: 600; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.showtext { |
|
|
|
.showtext { |
|
|
|
line-height: 2; |
|
|
|
line-height: 2; |
|
|
|
font-size: 30rpx; |
|
|
|
font-size: 30rpx; |
|
|
@ -554,12 +607,14 @@ |
|
|
|
letter-spacing: 3px; |
|
|
|
letter-spacing: 3px; |
|
|
|
text-align: left; |
|
|
|
text-align: left; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.checklocation_box_button { |
|
|
|
.checklocation_box_button { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
/* align-items: center; */ |
|
|
|
/* align-items: center; */ |
|
|
|
padding: 0 5%; |
|
|
|
padding: 0 5%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.btn-box { |
|
|
|
.btn-box { |
|
|
|
width: 45%; |
|
|
|
width: 45%; |
|
|
|
flex: 0 0 auto; |
|
|
|
flex: 0 0 auto; |
|
|
@ -570,9 +625,11 @@ |
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
border: 2rpx solid #bfbfbf; |
|
|
|
border: 2rpx solid #bfbfbf; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.box-panding { |
|
|
|
.box-panding { |
|
|
|
padding: 10 0; |
|
|
|
padding: 10 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.checklocation { |
|
|
|
.checklocation { |
|
|
|
position: fixed; |
|
|
|
position: fixed; |
|
|
|
top: 50%; |
|
|
|
top: 50%; |
|
|
@ -580,9 +637,11 @@ |
|
|
|
right: 20%; |
|
|
|
right: 20%; |
|
|
|
z-index: 999; |
|
|
|
z-index: 999; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.checklocation_box { |
|
|
|
.checklocation_box { |
|
|
|
background-color: #FFFFFF; |
|
|
|
background-color: #FFFFFF; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.content { |
|
|
|
.content { |
|
|
|
min-height: 100%; |
|
|
|
min-height: 100%; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
@ -602,14 +661,17 @@ |
|
|
|
.oil-price { |
|
|
|
.oil-price { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.close-icon { |
|
|
|
.close-icon { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
right: 2%; |
|
|
|
right: 2%; |
|
|
|
top: 2%; |
|
|
|
top: 2%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.dialog-box { |
|
|
|
.dialog-box { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.oil-price radio { |
|
|
|
.oil-price radio { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
left: 0rem; |
|
|
|
left: 0rem; |
|
|
@ -696,22 +758,27 @@ |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.nsjz-flex-left { |
|
|
|
.nsjz-flex-left { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.nsjz-flex-left-body text { |
|
|
|
.nsjz-flex-left-body text { |
|
|
|
font-weight: 600; |
|
|
|
font-weight: 600; |
|
|
|
color: #000; |
|
|
|
color: #000; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.nsjz-flex-left-body { |
|
|
|
.nsjz-flex-left-body { |
|
|
|
margin-left: 20rpx; |
|
|
|
margin-left: 20rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.nsjz-flex-left-body text:last-child { |
|
|
|
.nsjz-flex-left-body text:last-child { |
|
|
|
color: #ff6700; |
|
|
|
color: #ff6700; |
|
|
|
margin-left: 30rpx; |
|
|
|
margin-left: 30rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.nsjz-flex-botton { |
|
|
|
.nsjz-flex-botton { |
|
|
|
color: #FFFFFF; |
|
|
|
color: #FFFFFF; |
|
|
|
border-radius: 5px; |
|
|
|
border-radius: 5px; |
|
|
|