caoliancun
/
MP_XOIL_company_new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

Browse Source
xiaozy
xiaozhiyong 2 years ago
parent e331393f09
commit 7bd17a3692
15 changed files with 497 additions and 265 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      App.vue
  2. 46
      BagStation/orderDetail/orderDetail.vue
  3. 19
      BagStation/pages/newRoutePlanning/components/addressSelector.vue
  4. 539
      BagStation/pages/stationDetail/stationDetail.vue
  5. BIN
      BagStation/static/img/customer-service.png
  6. 121
      components/tabbar/index.vue
  7. 3
      main.js
  8. 4
      pages.json
  9. 9
      pages/tabbar/home/home.vue
  10. 1
      pages/tabbar/order/orderList/orderList.vue
  11. 1
      pages/tabbar/qrCenter/qrCenter.vue
  12. 12
      pages/tabbar/station/stationList.vue
  13. 1
      pages/tabbar/user/user.vue
  14. BIN
      static/img/tabbar/icon.png
  15. 4
      utils/request.js

2
App.vue
Unescape View File

@ -38,6 +38,8 @@
})
this.onShareAppMessage(option.query.scene);
},
methods: {

46
BagStation/orderDetail/orderDetail.vue
Unescape View File

@ -60,7 +60,8 @@
<view class="padding-tb-xs text-left">
油品油枪
<text class="fr nowrap">
{{order.oilsCode?order.oilsCode+' ':'' }}{{ order.gunName?order.gunName+'号枪': order.oilsBar?order.oilsBar+'号枪':'未选择油枪'}} </text>
{{order.oilsCode?order.oilsCode+' ':'' }}{{ order.gunName?order.gunName+'号枪': order.oilsBar?order.oilsBar+'号枪':'未选择油枪'}}
</text>
</view>
<view class="padding-tb-xs text-left">
{{order.oilProductType=='GAS'?'加气重量：':'加油升数：'}}
@ -74,7 +75,8 @@
</view>
<view class="padding-tb-xs text-left">
优惠价格
<text class="fr">约{{moneyIntercept(order.realPrice) }}￥/{{order.oilProductType=='GAS'?'L':'L'}}</text>
<text
class="fr">约{{moneyIntercept(order.realPrice) }}￥/{{order.oilProductType=='GAS'?'L':'L'}}</text>
</view>
<view class="padding-tb-xs text-left">
加油员
@ -144,12 +146,16 @@
<button class="cu-btn block flex-sub lg bg-main-oil " @tap="makePay">立即支付</button>
<button class="cu-btn block flex-sub lg margin-left" @tap="cancelOrder">取消订单</button>
</view>
<view class="cu-btn bg-white oil-main-color block flex-sub lg" @click="makeCall">
<!-- <view class="cu-btn bg-white oil-main-color block flex-sub lg" @click="makeCall">
<text class="cuIcon-service padding-right-sm">联系客服</text>
</view>
</view> -->
<!-- <button class=" cu-btn bg-white oil-main-color block flex-sub lg " open-type="contact"><text class="cuIcon-service padding-right-sm"></text> 在线客服</button> -->
<!-- <button class="cu-btn block lg margin-top " @tap="delOrder">删除订单</button> -->
</view>
<view class="customer-service" @click="arousePhone">
<image src="../../static/img/customer-service.png"></image>
联系客服
</view>
</view>
</template>
@ -194,12 +200,12 @@
tkiQrcode
},
methods: {
// 拨打电话
makeCall() {
arousePhone() {
uni.makePhoneCall({
phoneNumber: '4008-56-5355' //仅为示例
phoneNumber: '4008-56-5355'
})
},
newQrString() {
this.getOrderQrCode()
},
@ -395,7 +401,31 @@
}
</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;
}
}
.move-tops {
transform: translateY(-17px);
}

19
BagStation/pages/newRoutePlanning/components/addressSelector.vue
Unescape View File

@ -13,11 +13,12 @@
<view class="flexone margin size">{{Route.start.title}}</view>
</view>
<view v-for="item,index in midwayPointList" :key="index"
@click="chooseLocation('midwayPoint',index)" class=" Padding addressInput flex ac flexone height79">
<view v-for="item,index in midwayPointList" :key="index" @click="chooseLocation('midwayPoint',index)"
class=" Padding addressInput flex ac flexone height79">
<view style="background-color: #32CD32;" class="yuan" />
<view class="flexone margin size">{{item.title || '请输入途经点'}}</view>
<image @click.stop="removeLocation(index)" class="remove" src="../../../static/img/remove.png"></image>
<image @click.stop="removeLocation(index)" class="remove" src="../../../static/img/remove.png">
</image>
</view>
<view @click="chooseLocation('end')" class=" Padding addressInput flex ac flexone height79">
@ -134,7 +135,7 @@
this.midwayPointList.splice(index, 1)
this.$parent.passiveRedraw(this.midwayPointList)
},
additionLocation() {
this.midwayPointList.push({
@ -174,17 +175,17 @@
value: items.id
})
})
this.menuList.push(data)
if (item === 'productCodes') {
this.menuList.push(data)
}
})
this.menuList[2].Sublist.unshift({
lable: '全渠道',
value: ''
});
// [this.menuList[1],this.menuList[3]]=[this.menuList[3],this.menuList[1]]
[this.menuList[0], this.menuList[1], this.menuList[2], this.menuList[3]] = [this.menuList[0],
this.menuList[3], this.menuList[1], this.menuList[2]
[this.menuList[0], this.menuList[1], this.menuList[2], ] = [this.menuList[0],
this.menuList[2], this.menuList[1]
];
// console.log(this.menuList, '***')
})
},
datassFn() {

539
BagStation/pages/stationDetail/stationDetail.vue
Unescape View File

@ -4,14 +4,16 @@
<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 v-if="isShow" @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 v-if="isShow" @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 ">
<view class="content" style="overflow: hidden;" >
<view style="width: 100%; display: flex;" class="strong padding-bottom-xs" >
<text style="width: 100%;flex: 1;" class="text-cut">{{siteInfo.siteName}}</text>
<view class="content" style="overflow: hidden;">
<view style="width: 100%; display: flex;" class="strong padding-bottom-xs">
<text style="width: 100%;flex: 1;" class="text-cut">{{siteInfo.siteName}}</text>
<!-- <text v-if="siteInfo.siteLevel" class="cu-tag round bg-self-yellow yu-tag text-xs tag-red" style="margin-left: 20px;">{{siteInfo.siteLevel}}级</text> -->
</view>
<view class="font-12 color-999 site-label text-cut">
@ -30,8 +32,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">
@ -62,32 +66,34 @@
</view>
<!-- 价格 -->
<price-tab @onChangeChannelCode="getChannelCode" @onChangePayQr="onChangePayQr" @onChangePay="onChangePay"
:channel-list="siteInfo.oilSiteChannelDetailsVos" :channelPrice="siteInfo"></price-tab>
<!-- 客户评价 -->
<view class="bg-gray padding-top-sm " v-if="siteInfo.xoilUreaPriceVos">
<view class="bg-white padding ">
<text>尿素</text>
<view class="padding-top-sm">
<view class="nsjz-flex">
<view class="nsjz-flex-left">
<image :src="ureaproductType == 2?areaLogoUrl1:areaLogoUrl" mode="" style="width: 36rpx;height: 36rpx;"></image>
:channel-list="siteInfo.oilSiteChannelDetailsVos" :channelPrice="siteInfo"></price-tab>
<!-- 客户评价 -->
<view class="bg-gray padding-top-sm " v-if="siteInfo.xoilUreaPriceVos">
<view class="bg-white padding ">
<text>尿素</text>
<view class="padding-top-sm">
<view class="nsjz-flex">
<view class="nsjz-flex-left">
<image :src="ureaproductType == 2?areaLogoUrl1:areaLogoUrl" mode=""
style="width: 36rpx;height: 36rpx;"></image>
<view class="nsjz-flex-left-body">
<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>
</view>
</view>
</view>
<view class="nsjz-flex-botton" @tap="areaJump">
{{ureaproductType == 2?'去购买':'去加注'}}
</view>
</view>
</view>
<view style="margin-left: 56rpx;font-size: 12px;">
加注支付前,请与油站工作人员确认
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 客户评价 -->
<view class="bg-gray padding-top-sm ">
<view class="bg-white padding ">
@ -112,7 +118,8 @@
<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 && !siteInfo.oilSiteOrderInfoVos.length">
<view class="cu-item no-border"
v-if="siteInfo.oilSiteOrderInfoVos && !siteInfo.oilSiteOrderInfoVos.length">
暂无
</view>
@ -152,15 +159,17 @@
<view class=" cu-modal show" v-show="showtitle">
<view class="cu-dialog overflow-unset dialog-box box-paddings">
<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 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 class="cu-bar box-panding text-centerS" >
<text class="headShow"> 支付提醒 </text>
<view class="cu-bar box-panding text-centerS">
<text class="headShow"> 支付提醒 </text>
</view>
<view class="cu-bar box-panding" >
<view class="cu-bar box-panding">
<text class="showtext">当前油站距离您较远，请与加油员确认您选择的油站是否正确。</text>
</view>
<view class="checklocation_box_button">
@ -172,7 +181,11 @@
</view>
</view>
</view>
</view>
</view>
<view class="customer-service" @click="arousePhone">
<image src="../../static/img/customer-service.png"></image>
联系客服
</view>
</view>
</template>
@ -189,14 +202,14 @@
},
onUnload() {
// console.log('这里是卸载页面')
this.innerAudioContext?.stop()
this.innerAudioContext?.stop()
},
data() {
return {
showtitle:false,
return {
showtitle: false,
radio: 'B',
areaLogoUrl:'../../../static/img/xy-jyz.png',
areaLogoUrl1:'../../../static/img/xy-ns.png',
areaLogoUrl: '../../../static/img/xy-jyz.png',
areaLogoUrl1: '../../../static/img/xy-ns.png',
mainURL: this.global.mainURL,
imgURL: this.global.imgURL,
active: 0,
@ -208,50 +221,59 @@
siteId: '',
activeChannelCode: '',
secondChannelCode: '',
ureaNum:false,
ureaproductType:'',
areaPrice:'',
isShow:true
ureaNum: false,
ureaproductType: '',
areaPrice: '',
isShow: true
}
},
onHide() {
this.innerAudioContext?.stop()
},
onLoad(option) {
if(option.siteId && !option.customerJump) {
if (option.siteId && !option.customerJump) {
this.isShow = false
this.siteId = option.siteId
this.getSiteInfo(option.siteId)
uni.setStorageSync('siteId',option.siteId)
return
this.getSiteInfo(option.siteId)
uni.setStorageSync('siteId', option.siteId)
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.siteId = oilItem.siteId
if(oilItem.listTag == '万金油'){
if (oilItem.listTag == '万金油') {
this.audioUrl = 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/wanjinyou.mp3'
}else if(oilItem.listTag == '星油'){
} else if (oilItem.listTag == '星油') {
this.audioUrl = 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/xingyouyunzhan.mp3'
}else if(oilItem.listTag == '壳牌'){
} else if (oilItem.listTag == '壳牌') {
this.audioUrl = 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/qiaopainew.mp3'
}else if(oilItem.listTag == '上汽联名卡' ){
} else if (oilItem.listTag == '上汽联名卡') {
this.audioUrl = 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/shangqi.mp3'
}else if(oilItem.listTag == '集卡加油') {
} else if (oilItem.listTag == '集卡加油') {
this.audioUrl = 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/shangqijika.mp3'
}
this.ContextAudio(this.audioUrl)
},
methods: {
areaJump(){
arousePhone() {
uni.makePhoneCall({
phoneNumber:'4008-56-5355'
})
},
areaJump() {
// var itemS = {
// siteId:this.siteInfo.xoilUreaPriceVos[0].siteId
// }
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) => {
// console.log(err)
},
@ -261,37 +283,37 @@
})
},
// 生成音频文件
ContextAudio(url){
ContextAudio(url) {
this.innerAudioContext = uni.createInnerAudioContext();
this.innerAudioContext.autoplay = true;
this.innerAudioContext.src = url;
this.innerAudioContext.onPlay(() => {
console.log('开始播放');
console.log('开始播放');
});
this.innerAudioContext.onError((res) => {
console.log(res)
console.log(res)
});
},
hidendialog(){
this.showtitle =false
hidendialog() {
this.showtitle = false
},
backTohome(){
backTohome() {
uni.switchTab({
url:'../../../pages/tabbar/home/home'
url: '../../../pages/tabbar/home/home'
})
},
// 距离过远提示弹窗
makePay() {
console.log(this.siteInfo.juli)
if(this.siteInfo.juli > 1000 ){
if (this.siteInfo.juli > 1000) {
this.showtitle = true
}else{
} else {
this.innerAudioContext?.stop()
uni.navigateTo({
url: `/BagStation/pages/makeOrder/makeOrder?siteId=${this.siteId}&activeCur=${this.activeCur}`
})
}
},
getChannelCode(val, sec) {
this.activeChannelCode = val
@ -310,37 +332,37 @@
siteId: id
}
oilSiteApi.getSiteDetails(data2).then(res => {
console.log('getSiteDetails',res)
console.log('getSiteDetails', res)
if (res.code == 20000) {
this.siteInfo = res.data
if(this.siteInfo.xoilUreaPriceVos){
if (this.siteInfo.xoilUreaPriceVos) {
var areaPriceList = []
this.siteInfo.xoilUreaPriceVos.forEach(item =>{
if(item.productType == '1'){
this.siteInfo.xoilUreaPriceVos.forEach(item => {
if (item.productType == '1') {
this.ureaproductType = 1
}else{
} else {
this.ureaproductType = 2
}
areaPriceList.push(item.guidePrice)
})
this.areaPrice = Math.min(...areaPriceList)
}
}else if(res.code == 40000){
} else if (res.code == 40000) {
uni.showModal({
title: '提示',
content: res.msg,
showCancel:false,
success: function (res) {
if (res.confirm) {
if(getCurrentPages().length > 1) {
title: '提示',
content: res.msg,
showCancel: false,
success: function(res) {
if (res.confirm) {
if (getCurrentPages().length > 1) {
uni.navigateBack()
return
return
}
uni.switchTab({
url:'../../../pages/tabbar/home/home'
})
}
}
uni.switchTab({
url: '../../../pages/tabbar/home/home'
})
}
}
});
}
})
@ -376,9 +398,12 @@
// uni.navigateBack()
this.innerAudioContext?.stop()
let siteId = uni.getStorageSync('siteId')
siteId
? uni.switchTab({url:'../../../pages/tabbar/home/home'})
: uni.navigateBack() ;
siteId
?
uni.switchTab({
url: '../../../pages/tabbar/home/home'
}) :
uni.navigateBack();
},
selectRadio() {
this.radio === 'A' ? this.radio = '' : this.radio = 'A'
@ -432,8 +457,31 @@
}
</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 {
min-height: 100%;
position: relative;
@ -527,25 +575,30 @@
.yu-card-xuan .action {
white-space: nowrap;
}
.text-centerS{
.text-centerS {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.red_btn{
.red_btn {
margin-right: 20rpx;
color: #FFFFFF;
background-color: #FF6700;
}
.box-paddings{
padding:40rpx 0;
.box-paddings {
padding: 40rpx 0;
}
.headShow{
.headShow {
font-size: 36rpx;
font-weight: 600;
}
.showtext{
.showtext {
line-height: 2;
font-size: 30rpx;
margin-bottom: 30rpx;
@ -554,13 +607,15 @@
letter-spacing: 3px;
text-align: left;
}
.checklocation_box_button{
.checklocation_box_button {
display: flex;
justify-content: center;
/* align-items: center; */
padding: 0 5%;
}
.btn-box{
.btn-box {
width: 45%;
flex: 0 0 auto;
text-align: center;
@ -570,154 +625,166 @@
box-sizing: border-box;
border: 2rpx solid #bfbfbf;
}
.box-panding{
padding:10 0;
.box-panding {
padding: 10 0;
}
.checklocation{
position: fixed;
top: 50%;
left: 20%;
right: 20%;
z-index: 999;
}
.checklocation_box{
background-color: #FFFFFF;
}
.content {
min-height: 100%;
position: relative;
}
.navigation {
position: absolute;
right: 16px;
top: 10px;
}
.icon-self {
width: 1rem;
height: 1rem;
}
.oil-price {
position: relative;
}
.close-icon{
.checklocation {
position: fixed;
top: 50%;
left: 20%;
right: 20%;
z-index: 999;
}
.checklocation_box {
background-color: #FFFFFF;
}
.content {
min-height: 100%;
position: relative;
}
.navigation {
position: absolute;
right: 16px;
top: 10px;
}
.icon-self {
width: 1rem;
height: 1rem;
}
.oil-price {
position: relative;
}
.close-icon {
position: absolute;
right: 2%;
top: 2%;
}
.dialog-box{
.dialog-box {
position: relative;
}
.oil-price radio {
position: absolute;
left: 0rem;
top: 10px;
}
.qr-icon {
font-size: 2rem;
}
.pay-desc {
line-height: 2rem;
}
.bottom-pay {
min-height: 100rpx;
width: 750upx;
}
.pay-bar {
width: 750upx;
position: absolute;
bottom: 0;
}
.placeholder {
min-height: 10upx;
}
.yu-card-xuan {
position: relative;
top: 110rpx
}
.site-label {
max-width: 450upx;
min-width: 450upx;
}
.cu-btn.sm {
width: 80%;
}
.site-back {
width: 2rem;
top: 2.8rem;
left: 1rem;
}
.site-icon {
width: 1.5rem;
vertical-align: middle;
}
.my-tag {
padding: 0 12rpx;
}
.fixed {
position: fixed;
bottom: 0;
width: 750upx;
}
.placeholder-hidden {
opacity: 0;
}
.yu-card-xuan .action {
white-space: nowrap;
}
.err_btnBox{
display: flex;
justify-content: center;
align-items: center;
}
.nsjz-flex{
display: flex;
align-items: center;
justify-content: space-between;
}
.nsjz-flex-left{
display: flex;
align-items: center;
}
.nsjz-flex-left-body text{
font-weight: 600;
color: #000;
}
.nsjz-flex-left-body{
margin-left: 20rpx;
}
.nsjz-flex-left-body text:last-child{
color: #ff6700;
margin-left: 30rpx;
font-size: 32rpx;
}
.nsjz-flex-botton{
color: #FFFFFF;
border-radius: 5px;
background: #FF6700;
padding: 0rpx 34rpx;
line-height: 30px;
font-size: 16px;
}
.oil-price radio {
position: absolute;
left: 0rem;
top: 10px;
}
.qr-icon {
font-size: 2rem;
}
.pay-desc {
line-height: 2rem;
}
.bottom-pay {
min-height: 100rpx;
width: 750upx;
}
.pay-bar {
width: 750upx;
position: absolute;
bottom: 0;
}
.placeholder {
min-height: 10upx;
}
.yu-card-xuan {
position: relative;
top: 110rpx
}
.site-label {
max-width: 450upx;
min-width: 450upx;
}
.cu-btn.sm {
width: 80%;
}
.site-back {
width: 2rem;
top: 2.8rem;
left: 1rem;
}
.site-icon {
width: 1.5rem;
vertical-align: middle;
}
.my-tag {
padding: 0 12rpx;
}
.fixed {
position: fixed;
bottom: 0;
width: 750upx;
}
.placeholder-hidden {
opacity: 0;
}
.yu-card-xuan .action {
white-space: nowrap;
}
.err_btnBox {
display: flex;
justify-content: center;
align-items: center;
}
.nsjz-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.nsjz-flex-left {
display: flex;
align-items: center;
}
.nsjz-flex-left-body text {
font-weight: 600;
color: #000;
}
.nsjz-flex-left-body {
margin-left: 20rpx;
}
.nsjz-flex-left-body text:last-child {
color: #ff6700;
margin-left: 30rpx;
font-size: 32rpx;
}
.nsjz-flex-botton {
color: #FFFFFF;
border-radius: 5px;
background: #FF6700;
padding: 0rpx 34rpx;
line-height: 30px;
font-size: 16px;
}
</style>

BIN
BagStation/static/img/customer-service.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 988 B

121
components/tabbar/index.vue
Unescape View File

@ -0,0 +1,121 @@
<template>
<view class="container">
<view class="item" v-for="item,index in menuList">
<image :src="currentPage == index ? item.selectedIconPath :item.iconPath" @click="jump(item.pagePath)"></image>
<!-- {{index}} -->
</view>
</view>
</template>
<script>
export default {
props: {
currentPage: Number
},
data() {
return {
menuList: [{
// 首页
"pagePath": "/pages/tabbar/home/home",
"iconPath": "../../static/img/tabbar/home.png",
"selectedIconPath": "../../static/img/tabbar/homeactive.png"
},
{
// 油站
"pagePath": "/pages/tabbar/station/stationList",
"iconPath": "../../static/img/tabbar/oil.png",
"selectedIconPath": "../../static/img/tabbar/oilactive.png"
},
{
// 加油
"pagePath": "/pages/tabbar/qrCenter/qrCenter",
"iconPath": "../../static/img/tabbar/icon.png",
"selectedIconPath": "../../static/img/tabbar/icon.png"
},
{
// 订单
"pagePath": "/pages/tabbar/order/orderList/orderList",
"iconPath": "../../static/img/tabbar/order.png",
"selectedIconPath": "../../static/img/tabbar/orderactive.png"
},
{
// 司机
"pagePath": "/pages/tabbar/user/user",
"iconPath": "../../static/img/tabbar/me.png",
"selectedIconPath": "../../static/img/tabbar/meactive.png"
}
]
}
},
methods: {
jump(path) {
console.log('path',path)
uni.switchTab({
url:path
})
}
}
}
</script>
<style lang="scss" scoped>
.container {
display: flex;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 120rpx;
background: #fff;
.item {
position: relative;
flex: 1;
text-align: center;
line-height: 120rpx;
image {
width: 50rpx;
height: 50rpx;
}
&:nth-of-type(2) {
image {
position: relative;
left: -13rpx
}
;
}
&:nth-of-type(4) {
image {
position: relative;
right: -13rpx
}
;
}
&:nth-of-type(3) {
flex: none;
width: 110rpx;
height: 110rpx;
position: relative;
transform: translateY(-30%);
border-radius: 100%;
overflow: hidden;
background: #fff;
image {
width: 100%;
height: 100%;
}
}
}
}
</style>

3
main.js
Unescape View File

@ -9,7 +9,7 @@ import encode from '@/utils/encode'
import global from '@/api/global.js'
import topBar from './components/topbar.vue'
import tools from '@/utils/tools.js'
// import tabbar from '@/components/tabbar/index.vue'
@ -17,6 +17,7 @@ import tools from '@/utils/tools.js'
import Empty from '@/components/Empty.vue'
// Vue.component('tabbar', tabbar)
Vue.component('my-icon', myIcon)
Vue.component('cu-custom', cuCustom)
Vue.component('my-empty', Empty)

4
pages.json
Unescape View File

@ -377,8 +377,8 @@
//#ifdef MP-WEIXIN
{
"pagePath": "pages/tabbar/qrCenter/qrCenter",
"iconPath": "static/img/tabbar/qr.png",
"selectedIconPath": "static/img/tabbar/qractive.png"
"iconPath": "static/img/tabbar/icon.png",
"selectedIconPath": "static/img/tabbar/icon.png"
},
//#endif
//#ifndef MP-WEIXIN

9
pages/tabbar/home/home.vue
Unescape View File

@ -142,7 +142,7 @@
</view>
</view>
<!-- 筛选开始 -->
<view class="screentop bg-white " @tap="scrollScreen">
<view class="screentop bg-white" @tap="scrollScreen">
<!-- <view class="">
<sl-filter @result="filterRes" reflexTitle ref="slFilter" :menuList="menuList"></sl-filter>
</view> -->
@ -160,6 +160,7 @@
<msg-models :showAuthFrror="showAuthFrror" @hideOneModal="hideModel"></msg-models>
<three-sites @hideOneModal="showThreeSites=false" :showThreeSites="showThreeSites"></three-sites>
<transBlcok ref="transBlcok" />
<!-- <tabbar :current-page="0"/> -->
</view>
</template>
@ -330,8 +331,10 @@
console.log(n, o, '=================')
}
},
created() {},
onReady() {
let _that = this
let IsOtherUser = _that.isOther
if (IsOtherUser) {
@ -362,6 +365,8 @@
}
},
onLoad(e) {
// uni.hideTabBar()
let _that = this
let IsOtherUser = _that.isOther

1
pages/tabbar/order/orderList/orderList.vue
Unescape View File

@ -63,6 +63,7 @@
</view>
</view>
<uni-load-more status="more"></uni-load-more>
<!-- <tabbar :current-page="3"/> -->
</view>
</template>

1
pages/tabbar/qrCenter/qrCenter.vue
Unescape View File

@ -33,6 +33,7 @@
</view>
</view>
<three-sites @hideOneModal="showThreeSites=false" :showThreeSites="showThreeSites"></three-sites>
<!-- <tabbar :current-page="2"/> -->
</view>
</template>

12
pages/tabbar/station/stationList.vue
Unescape View File

@ -52,6 +52,7 @@
<view class="bg-white">
<uni-load-more :status="loadText"></uni-load-more>
</view>
<!-- <tabbar :current-page="1"/> -->
</view>
</template>
@ -280,7 +281,8 @@
currentPage: this.currentPage,
pageSize: 10,
params: { //类型：Object 必有字段 备注：// 筛选对象
siteNameOrId: this.siteName, //产品类型(加注方式)：
// siteNameOrId: this.siteName, //产品类型(加注方式)：
address:this.siteAddress,
productType: this.productType ? this.productType : '', //1-加注机； 2-桶装
brandName: this.brandName ? this.brandName : '', // 桶装品牌名称
currentLongitude: location.longitude + '', // 当前经度
@ -392,10 +394,10 @@
res.data.channelCodes.map(item => {
this.menuList[3].detailLists.push({
title: item.name,
value: item.id
})
// this.menuList[3].detailLists.push({
// title: item.name,
// value: item.id
// })
})
res.data.productCodes.map(item => {
this.menuList[2].detailList.push({

1
pages/tabbar/user/user.vue
Unescape View File

@ -134,6 +134,7 @@
</view>
<SwitchEnterprises @submit='upadteCompanyCard' @logout='logout' :is-show.sync="isSwitchEnterprises">
</SwitchEnterprises>
<!-- <tabbar :current-page="4"/> -->
</view>
</template>

BIN
static/img/tabbar/icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

4
utils/request.js
Unescape View File

@ -6,9 +6,9 @@ import utils from '@/utils/encode'
const env = 'production'
// 45
const testUrl = 'http://192.168.1.132:38080'
// const productUrl = 'https://www.xingoil.com/adminapi'
const productUrl = 'https://www.xingoil.com/adminapi'
const productUrl = 'http://uat.xingoil.com/adminapi'
// const productUrl = 'http://uat.xingoil.com/adminapi'
// const productUrl = 'http://192.168.0.191:38080'
// const productUrl = 'http://121.196.213.68/adminapi'
const service = axios.create({

Write Preview
Loading…
Cancel
Save