1
This commit is contained in:
122
Activity/pages/index/index.vue
Normal file
122
Activity/pages/index/index.vue
Normal file
@@ -0,0 +1,122 @@
|
|||||||
|
<template>
|
||||||
|
<view class="Activity_body">
|
||||||
|
<scroll-view @refresherrefresh='refresherrefresh' :refresher-enabled='true'
|
||||||
|
:refresher-triggered='refresherTriggered' style="height: 100%;" scroll-y="true"
|
||||||
|
@scrolltolower='scrolltolower'>
|
||||||
|
<view v-for="(item,index) in siteList" :key="item.id">
|
||||||
|
<site-item @tap="toDetail(item)" :site-item="item" class="cu-list menu-avatar cu-item" />
|
||||||
|
<view class="activityContent">{{item.activityDetail}}</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import oilSiteApi from '@/api/oil-site.js'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
refresherTriggered: false,
|
||||||
|
page: {
|
||||||
|
currentPage: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
params: { //类型:Object 必有字段 备注:// 筛选对象
|
||||||
|
// sort: "juli", //类型:String 必有字段 备注:// 智能排序 ( price:价格最低 juli:距离最近 ) 默认距离排序
|
||||||
|
siteName: '',
|
||||||
|
...uni.getStorageSync('location'),
|
||||||
|
// ...this.filterData
|
||||||
|
// siteBrand: this.siteName ? '' : this.filterDatas
|
||||||
|
siteBrand: '', // 备注:// 石油品牌 ( 1-中国石油 2-中国石化 3-壳牌 4-民营 5-中海油 6-京博 7-中化石油 8-其他 )
|
||||||
|
// channelCode: this.siteName ? '' : this.filterDatas
|
||||||
|
channelCode: '', // 备注:// 渠道编码 ( OIL:星油 WJY:万金油 LV:老吕(找油网) TY:团油 YDJY:一点加油(壳牌))
|
||||||
|
// oilProductCode: this.siteName ? '' : this.filterDatas
|
||||||
|
oilProductCode: '', // 备注:// 油号选择 ( 0# 92# 92#)
|
||||||
|
siteLevel: '',
|
||||||
|
sort: 'juli',
|
||||||
|
provinceCode: '',
|
||||||
|
cityCode: '',
|
||||||
|
areaCode: '',
|
||||||
|
distance: '',
|
||||||
|
clientBelong:'ZHONGPIN'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
siteList: []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.init()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toDetail(item){
|
||||||
|
let itemS = encodeURIComponent(JSON.stringify(item))
|
||||||
|
// console.log(uni.getStorageSync('user'))
|
||||||
|
// return
|
||||||
|
if (uni.getStorageSync('user')) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/BagStation/pages/stationDetail/stationDetail?item=${itemS}`,
|
||||||
|
fail: (err) => {
|
||||||
|
// console.log(err)
|
||||||
|
},
|
||||||
|
success: () => {
|
||||||
|
// console.log('err')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.showModal({
|
||||||
|
title: '请您登录',
|
||||||
|
content: "登录小星加油才可以加油 |˛˙꒳˙)♡",
|
||||||
|
confirmText: '去登陆',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: '../../../BagAuth/pages/login/login'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
refresherrefresh() {
|
||||||
|
this.page.currentPage =1;
|
||||||
|
this.refresherTriggered = true;
|
||||||
|
this.getSiteList()
|
||||||
|
},
|
||||||
|
init(){
|
||||||
|
this.getSiteList();
|
||||||
|
},
|
||||||
|
getSiteList() {
|
||||||
|
let location = uni.getStorageSync('location');
|
||||||
|
oilSiteApi.getBSitesByActivity(this.page).then(res => {
|
||||||
|
if(this.page.currentPage>1){
|
||||||
|
this.siteList = this.siteList.concat(res.data.list)
|
||||||
|
}else{
|
||||||
|
this.siteList = res.data.list
|
||||||
|
}
|
||||||
|
}).finally(()=>{
|
||||||
|
this.refresherTriggered = false;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
scrolltolower() {
|
||||||
|
this.page.currentPage += 1;
|
||||||
|
this.getSiteList()
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.activityContent{
|
||||||
|
background: #ff670026;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
margin: 10rpx 30rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 20rpx 30rpx;
|
||||||
|
color: #FF6700;
|
||||||
|
font-size: 30rpx;
|
||||||
|
}
|
||||||
|
.Activity_body {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -13,14 +13,15 @@
|
|||||||
<view class="qr-container ">
|
<view class="qr-container ">
|
||||||
<view class="qrimg">
|
<view class="qrimg">
|
||||||
<view class="qrimg" @tap="newQrString">
|
<view class="qrimg" @tap="newQrString">
|
||||||
<tki-qrcode ref="qrcode" cid="2" loadMake :val="val" :size="250" unit="upx"
|
<tki-qrcode ref="qrcode" cid="2" loadMake :val="val" :size="250" unit="upx" background="#fff"
|
||||||
background="#fff" foreground="#000" pdground="#000" :icon="iconUrl" iconSize="40" onval
|
foreground="#000" pdground="#000" :icon="iconUrl" iconSize="40" onval
|
||||||
:usingComponents="usingComponents" showLoading />
|
:usingComponents="usingComponents" showLoading />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="text-center text-sm justify-center align-center flex">
|
<view class="text-center text-sm justify-center align-center flex">
|
||||||
<image src="../static/img/YDJY.png" mode="" style="width: 60upx;height:60upx;" class="margin-right-sm"></image>
|
<image src="../static/img/YDJY.png" mode="" style="width: 60upx;height:60upx;" class="margin-right-sm">
|
||||||
|
</image>
|
||||||
<text>壳牌</text>
|
<text>壳牌</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="text-center padding-top text-sm margin-bottom">
|
<view class="text-center padding-top text-sm margin-bottom">
|
||||||
@@ -38,7 +39,8 @@
|
|||||||
<view class="padding-bottom-xs margin-bottom-xs dashed-bottom">
|
<view class="padding-bottom-xs margin-bottom-xs dashed-bottom">
|
||||||
<view class="padding-tb-xs text-left" @tap="onCopy(order.orderSerialNumber)">
|
<view class="padding-tb-xs text-left" @tap="onCopy(order.orderSerialNumber)">
|
||||||
订单编号:
|
订单编号:
|
||||||
<text class="fr">{{order.orderSerialNumber?order.orderSerialNumber:''}} <text class="cuIcon-copy padding-left-xs"></text></text>
|
<text class="fr">{{order.orderSerialNumber?order.orderSerialNumber:''}} <text
|
||||||
|
class="cuIcon-copy padding-left-xs"></text></text>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -87,7 +89,8 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="padding-tb-xs text-left">
|
<view class="padding-tb-xs text-left">
|
||||||
星油优惠:
|
星油优惠:
|
||||||
<text class="text-red fr">{{order.xoilDiscountAmount>0?order.xoilDiscountAmount:'xxx.x'|moneyFormat}}</text>
|
<text
|
||||||
|
class="text-red fr">{{order.xoilDiscountAmount>0?order.xoilDiscountAmount:'xxx.x'|moneyFormat}}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="padding-tb-xs text-left">
|
<view class="padding-tb-xs text-left">
|
||||||
优惠券:
|
优惠券:
|
||||||
@@ -96,7 +99,8 @@
|
|||||||
|
|
||||||
<view class="padding-tb-xs text-left">
|
<view class="padding-tb-xs text-left">
|
||||||
合计:
|
合计:
|
||||||
<text class="text-red text-bold text-lg fr">{{order.payRealAmount>0?order.payRealAmount:'xxx.x' }}</text>
|
<text
|
||||||
|
class="text-red text-bold text-lg fr">{{order.payRealAmount>0?order.payRealAmount:'xxx.x' }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="padding-tb-xs text-left">
|
<view class="padding-tb-xs text-left">
|
||||||
支付方式:
|
支付方式:
|
||||||
@@ -138,8 +142,10 @@
|
|||||||
<!-- <view class=" ">
|
<!-- <view class=" ">
|
||||||
<button class="cu-btn nowrap " @tap="showMiniBtn=false">收起</button>
|
<button class="cu-btn nowrap " @tap="showMiniBtn=false">收起</button>
|
||||||
</view> -->
|
</view> -->
|
||||||
<view class="margin-bottom-sm">
|
<view class="more-frame">
|
||||||
<button class="cu-btn nowrap bg-white" @tap="gotoInvoicing()">查看开票信息</button>
|
<button class="more-item nowrap bg-white " @tap="goDiscount()">优惠油站</button>
|
||||||
|
<button class="more-item nowrap bg-white " @tap="toRiskControl()">中交风控</button>
|
||||||
|
<button class="more-item nowrap bg-white " @tap="gotoInvoicing()">查看开票信息</button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<text class="text-lg">更多</text>
|
<text class="text-lg">更多</text>
|
||||||
@@ -149,7 +155,8 @@
|
|||||||
<button class="cu-btn block flex-sub lg bg-main-oil " @tap="makePay">立即支付</button>
|
<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>
|
<button class="cu-btn block flex-sub lg margin-left" @tap="cancelOrder">取消订单</button>
|
||||||
</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 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>
|
||||||
<!-- <button class="cu-btn block lg margin-top " @tap="delOrder">删除订单</button> -->
|
<!-- <button class="cu-btn block lg margin-top " @tap="delOrder">删除订单</button> -->
|
||||||
</view>
|
</view>
|
||||||
@@ -158,7 +165,8 @@
|
|||||||
<button class="cu-btn block flex-sub lg bg-main-oil " @tap="makePay">立即支付</button>
|
<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>
|
<button class="cu-btn block flex-sub lg margin-left" @tap="cancelOrder">取消订单</button>
|
||||||
</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 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>
|
||||||
<!-- <button class="cu-btn block lg margin-top " @tap="delOrder">删除订单</button> -->
|
<!-- <button class="cu-btn block lg margin-top " @tap="delOrder">删除订单</button> -->
|
||||||
</view>
|
</view>
|
||||||
@@ -172,6 +180,7 @@
|
|||||||
import oilSiteApi from '@/api/oil-site.js'
|
import oilSiteApi from '@/api/oil-site.js'
|
||||||
import tkiQrcode from "../pages/components/tki-qrcode/tki-qrcode.vue" //二维码生成器
|
import tkiQrcode from "../pages/components/tki-qrcode/tki-qrcode.vue" //二维码生成器
|
||||||
import financelApi from '@/api/oil-finance.js'
|
import financelApi from '@/api/oil-finance.js'
|
||||||
|
import Financial from '@/api/Financial.js'
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
ThirdPartyVoucher,
|
ThirdPartyVoucher,
|
||||||
@@ -235,16 +244,46 @@
|
|||||||
console.log('onHide')
|
console.log('onHide')
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
goDiscount() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/Activity/pages/index/index'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
toRiskControl() {
|
||||||
|
const user = uni.getStorageSync('user');
|
||||||
|
if (user) {
|
||||||
|
Financial.findHomePageReport({
|
||||||
|
customerId: user.id
|
||||||
|
}).then(res => {
|
||||||
|
if (res.data) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/Financial/pages/estimate/index?data=${encodeURIComponent(JSON.stringify(res.data))}`
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/Financial/pages/index?guide=1'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
newQrString() {
|
newQrString() {
|
||||||
this.getOrderQrCode()
|
this.getOrderQrCode()
|
||||||
},
|
},
|
||||||
|
<<<<<<< HEAD
|
||||||
getOrderQrCode(){
|
getOrderQrCode(){
|
||||||
oilSiteApi.getOrderQrCode(this.id).then( (res)=>{
|
oilSiteApi.getOrderQrCode(this.id).then( (res)=>{
|
||||||
|
=======
|
||||||
|
getOrderQrCode() {
|
||||||
|
oilSiteApi.getOrderQrCode(this.order.orderSerialNumber).then((res) => {
|
||||||
|
console.log(res)
|
||||||
|
>>>>>>> 5adc52996c062f4b7bfecbc5bbd21413b04487f2
|
||||||
this.val = res.data
|
this.val = res.data
|
||||||
if (res.code == 40000) {
|
if (res.code == 40000) {
|
||||||
this.showQr = false
|
this.showQr = false
|
||||||
} else if (res.code == 20000) {
|
} else if (res.code == 20000) {
|
||||||
this.showQr = true
|
this.showQr = true
|
||||||
|
<<<<<<< HEAD
|
||||||
this.val =res.data.codeStr;
|
this.val =res.data.codeStr;
|
||||||
if(!this.timeinterval){
|
if(!this.timeinterval){
|
||||||
this.timeinterval = setInterval(() => {
|
this.timeinterval = setInterval(() => {
|
||||||
@@ -252,6 +291,9 @@
|
|||||||
this.newQrString()
|
this.newQrString()
|
||||||
}, 1000 * 60 * 3);
|
}, 1000 * 60 * 3);
|
||||||
}
|
}
|
||||||
|
=======
|
||||||
|
this.val = res.data.codeStr
|
||||||
|
>>>>>>> 5adc52996c062f4b7bfecbc5bbd21413b04487f2
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@@ -270,7 +312,8 @@
|
|||||||
} else {
|
} else {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/BagStation/orderInvoicing/orderInvoicing?orderId=' + this.order
|
url: '/BagStation/orderInvoicing/orderInvoicing?orderId=' + this.order
|
||||||
.orderSerialNumber + '&&customerId=' + this.order.customerId + '&&payRealAmount=' + this.order.payRealAmount +
|
.orderSerialNumber + '&&customerId=' + this.order.customerId +
|
||||||
|
'&&payRealAmount=' + this.order.payRealAmount +
|
||||||
'&&realAmount=' + this.order.realAmount + '&&code=' + 1
|
'&&realAmount=' + this.order.realAmount + '&&code=' + 1
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -323,7 +366,11 @@
|
|||||||
if (res.code == 20000) {
|
if (res.code == 20000) {
|
||||||
this.order = res.data
|
this.order = res.data
|
||||||
uni.setStorageSync('oilItem', res.data)
|
uni.setStorageSync('oilItem', res.data)
|
||||||
|
<<<<<<< HEAD
|
||||||
// this.getOrderQrCode()
|
// this.getOrderQrCode()
|
||||||
|
=======
|
||||||
|
this.getOrderQrCode()
|
||||||
|
>>>>>>> 5adc52996c062f4b7bfecbc5bbd21413b04487f2
|
||||||
if (res.data.payMethod == 2) {
|
if (res.data.payMethod == 2) {
|
||||||
this.tyPayMethod = res.data.payMethod
|
this.tyPayMethod = res.data.payMethod
|
||||||
// this.queryOrderStatusSq()
|
// this.queryOrderStatusSq()
|
||||||
@@ -391,7 +438,20 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
<<<<<<< HEAD
|
||||||
|
|
||||||
|
=======
|
||||||
|
onLoad(option) {
|
||||||
|
this.id = option.id
|
||||||
|
this.getOrderInfo()
|
||||||
|
uni.showShareMenu()
|
||||||
|
let _that = this
|
||||||
|
this.timeinterval = setInterval(() => {
|
||||||
|
console.log('1')
|
||||||
|
_that.newQrString()
|
||||||
|
}, 1000 * 60 * 3);
|
||||||
|
},
|
||||||
|
>>>>>>> 5adc52996c062f4b7bfecbc5bbd21413b04487f2
|
||||||
filters: {
|
filters: {
|
||||||
moneyFormat(value) {
|
moneyFormat(value) {
|
||||||
if (value != 'xxx.x') {
|
if (value != 'xxx.x') {
|
||||||
@@ -464,12 +524,33 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>.move-tops{
|
<style scoped lang="scss">
|
||||||
|
.more-frame {
|
||||||
|
height: 158rpx;
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
.more-item {
|
||||||
|
margin: 10rpx 0;
|
||||||
|
padding: 0 30rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
height: 64rpx;
|
||||||
|
line-height: 64rpx;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.move-tops {
|
||||||
transform: translateY(-17px);
|
transform: translateY(-17px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-blue {
|
.bg-blue {
|
||||||
background-color: red;
|
background-color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-centers {
|
.text-centers {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
@@ -477,6 +558,7 @@
|
|||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.move-top {
|
.move-top {
|
||||||
margin-top: -2rem;
|
margin-top: -2rem;
|
||||||
}
|
}
|
||||||
@@ -485,6 +567,7 @@
|
|||||||
right: 110upx;
|
right: 110upx;
|
||||||
bottom: 10upx;
|
bottom: 10upx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.move-top {
|
.move-top {
|
||||||
margin-top: -2rem;
|
margin-top: -2rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -27,12 +27,18 @@
|
|||||||
<view class="padding-top-sm">
|
<view class="padding-top-sm">
|
||||||
<text class="cu-tag line-yellow margin-right-xs" v-for="(itemy, index) in tagList" :key="index">{{ itemy }}</text>
|
<text class="cu-tag line-yellow margin-right-xs" v-for="(itemy, index) in tagList" :key="index">{{ itemy }}</text>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="activity" v-if="siteInfo.activitySwitch">
|
||||||
|
<view class="content">
|
||||||
|
{{siteInfo.activityContent}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
<<<<<<< HEAD
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
channelList: {
|
channelList: {
|
||||||
@@ -57,6 +63,19 @@ export default {
|
|||||||
}
|
}
|
||||||
this.$emit('onChangeChannelCode', channelCode, secondChannelCode);
|
this.$emit('onChangeChannelCode', channelCode, secondChannelCode);
|
||||||
return channelCode;
|
return channelCode;
|
||||||
|
=======
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
channelList: {
|
||||||
|
type: Array,
|
||||||
|
default () {}
|
||||||
|
},
|
||||||
|
siteInfo:{
|
||||||
|
type: Object,
|
||||||
|
default: () => {
|
||||||
|
return {}
|
||||||
|
}
|
||||||
|
>>>>>>> 5adc52996c062f4b7bfecbc5bbd21413b04487f2
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
tagList() {
|
tagList() {
|
||||||
@@ -121,6 +140,7 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<<<<<<< HEAD
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.site-icon {
|
.site-icon {
|
||||||
width: 2rem;
|
width: 2rem;
|
||||||
@@ -130,4 +150,29 @@ export default {
|
|||||||
.my-tag {
|
.my-tag {
|
||||||
padding: 0 12rpx;
|
padding: 0 12rpx;
|
||||||
}
|
}
|
||||||
|
=======
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.site-icon {
|
||||||
|
width: 2rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-tag {
|
||||||
|
padding: 0 12rpx;
|
||||||
|
}
|
||||||
|
.activity {
|
||||||
|
margin-top: 15rpx;
|
||||||
|
display: flex;
|
||||||
|
width: 45%;
|
||||||
|
border:2rpx solid #1890FF50;
|
||||||
|
// border-radius: 10rpx;
|
||||||
|
.content {
|
||||||
|
flex: 1;
|
||||||
|
padding: 10rpx 20rpx;
|
||||||
|
line-height: 36rpx;
|
||||||
|
// min-height: 80rpx;
|
||||||
|
color: #1890FF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
>>>>>>> 5adc52996c062f4b7bfecbc5bbd21413b04487f2
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -61,7 +61,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<!-- 价格 -->
|
<!-- 价格 -->
|
||||||
<price-tab @onChangeChannelCode="getChannelCode" @onChangePayQr="onChangePayQr" @onChangePay="onChangePay"
|
<price-tab @onChangeChannelCode="getChannelCode" @onChangePayQr="onChangePayQr" @onChangePay="onChangePay"
|
||||||
:channel-list="siteInfo.oilSiteChannelDetailsVos"></price-tab>
|
:channel-list="siteInfo.oilSiteChannelDetailsVos" :siteInfo="siteInfo"></price-tab>
|
||||||
|
|
||||||
|
|
||||||
<!-- 客户评价 -->
|
<!-- 客户评价 -->
|
||||||
|
|||||||
@@ -31,6 +31,13 @@ export default {
|
|||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
getBSitesByActivity(data) {
|
||||||
|
return request({
|
||||||
|
url: `/${service_name}/${group_name}/getBCSitesByActivity`,
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
},
|
||||||
getSiteLists(data) {
|
getSiteLists(data) {
|
||||||
data.params.targetApp='SAAS'
|
data.params.targetApp='SAAS'
|
||||||
return request({
|
return request({
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
|
<<<<<<< HEAD
|
||||||
<<<<<<< HEAD
|
<<<<<<< HEAD
|
||||||
<view class="cu-item cur padding no-mr-border site-item" >
|
<view class="cu-item cur padding no-mr-border site-item" >
|
||||||
=======
|
=======
|
||||||
@@ -8,11 +9,26 @@
|
|||||||
:style="'background-image:url('+(siteItem.siteImages?siteItem.siteImages:defaultLogo)+');'">
|
:style="'background-image:url('+(siteItem.siteImages?siteItem.siteImages:defaultLogo)+');'">
|
||||||
</view>
|
</view>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
|
=======
|
||||||
|
<!-- :style="{height:siteItem.oilProductCodeAndPrices && siteItem.oilProductCodeAndPrices.length>3?'220rpx !important':listHeight?listHeight + 'rpx !important':''}" -->
|
||||||
|
<view class="site-item">
|
||||||
|
<view class="radius"
|
||||||
|
:style="'background-image:url('+(siteItem.siteImages?siteItem.siteImages:defaultLogo)+');'">
|
||||||
|
</view>
|
||||||
|
<view class="content">
|
||||||
|
<view class="action">
|
||||||
|
<view class="text-grey text-sm " style="padding-top: 6rpx;">
|
||||||
|
<!-- <my-icon iconName="sy-der-icon.png" class="padding-right-xs text-sm"></my-icon> -->
|
||||||
|
{{siteItem.juli|distanceFilter}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
>>>>>>> 5adc52996c062f4b7bfecbc5bbd21413b04487f2
|
||||||
<view>
|
<view>
|
||||||
<view class="text-cut text-black text-lg padding-right-sm ">{{siteItem.siteName}}</view>
|
<view class="text-cut text-black text-lg padding-right-sm ">{{siteItem.siteName}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="listTages">
|
<view class="listTages">
|
||||||
<!-- <view v-if="siteItem.siteLevel" class=" cu-tag round bg-self--dark-yellow yu-tag text-xs">{{siteItem.siteLevel}}级</view> -->
|
<!-- <view v-if="siteItem.siteLevel" class=" cu-tag round bg-self--dark-yellow yu-tag text-xs">{{siteItem.siteLevel}}级</view> -->
|
||||||
|
<<<<<<< HEAD
|
||||||
<view class="cu-tag round bg-self-yellow yu-tag text-xs" :class="siteItem.channelCode=='XOIL'?'tag-red':''">{{siteItem.listTag||'未知'}}
|
<view class="cu-tag round bg-self-yellow yu-tag text-xs" :class="siteItem.channelCode=='XOIL'?'tag-red':''">{{siteItem.listTag||'未知'}}
|
||||||
</view>
|
</view>
|
||||||
<view class="cu-tag round bg-self--dark-yellow yu-tag text-xs" v-show="first">距离最近</view>
|
<view class="cu-tag round bg-self--dark-yellow yu-tag text-xs" v-show="first">距离最近</view>
|
||||||
@@ -24,6 +40,21 @@
|
|||||||
</view>
|
</view>
|
||||||
<!-- <view class="text-gray flex" style="width: calc(100% + 30%);display: flex;flex-wrap: wrap;">
|
<!-- <view class="text-gray flex" style="width: calc(100% + 30%);display: flex;flex-wrap: wrap;">
|
||||||
<view v-if="listHeight" class="youpin" style="" v-for="(item,index) in siteItem.oilProductCodeAndPrices">
|
<view v-if="listHeight" class="youpin" style="" v-for="(item,index) in siteItem.oilProductCodeAndPrices">
|
||||||
|
=======
|
||||||
|
<view class="cu-tag round bg-self-yellow yu-tag text-xs"
|
||||||
|
:class="siteItem.channelCode=='XOIL'?'tag-red':''">{{siteItem.listTag|channelCodeFamt}}
|
||||||
|
</view>
|
||||||
|
<view class="cu-tag round bg-self--dark-yellow yu-tag text-xs" v-show="first">距离最近</view>
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<view class="text-cut color-666 text-sm ">
|
||||||
|
{{siteItem.address}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="text-gray flex" style="display: flex;flex-wrap: wrap;">
|
||||||
|
<view v-if="listHeight" class="youpin" style=""
|
||||||
|
v-for="(item,index) in siteItem.oilProductCodeAndPrices">
|
||||||
|
>>>>>>> 5adc52996c062f4b7bfecbc5bbd21413b04487f2
|
||||||
<view class="text-bold oil-main-color text-xl padding-right-xs">
|
<view class="text-bold oil-main-color text-xl padding-right-xs">
|
||||||
{{item.oilProductCode}}
|
{{item.oilProductCode}}
|
||||||
</view>
|
</view>
|
||||||
@@ -45,6 +76,7 @@
|
|||||||
<text class="text-delete color-333 text-sm padding-right-xs">
|
<text class="text-delete color-333 text-sm padding-right-xs">
|
||||||
¥{{siteItem.oilSitePrice|moneyFormat}}/L
|
¥{{siteItem.oilSitePrice|moneyFormat}}/L
|
||||||
</text>
|
</text>
|
||||||
|
<<<<<<< HEAD
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view> -->
|
</view> -->
|
||||||
@@ -68,6 +100,21 @@
|
|||||||
{{ siteItem.juli|distanceFilter}}
|
{{ siteItem.juli|distanceFilter}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
=======
|
||||||
|
<!-- <my-icon iconName="¥.png" class="padding-right-xs icon-rectangle"></my-icon>
|
||||||
|
<my-icon iconName="f.png" class="padding-right-xs "></my-icon> -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="activity" v-if="siteItem.activitySwitch">
|
||||||
|
<view class="title">活动</view>
|
||||||
|
<view class="content">
|
||||||
|
{{siteItem.activityContent}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
>>>>>>> 5adc52996c062f4b7bfecbc5bbd21413b04487f2
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@@ -96,11 +143,16 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
<<<<<<< HEAD
|
||||||
|
=======
|
||||||
|
console.log(this.siteItem, '-----------------')
|
||||||
|
>>>>>>> 5adc52996c062f4b7bfecbc5bbd21413b04487f2
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
},
|
},
|
||||||
filters: {
|
filters: {
|
||||||
|
<<<<<<< HEAD
|
||||||
channelCodeFamt(value) {
|
channelCodeFamt(value) {
|
||||||
if (!value) {
|
if (!value) {
|
||||||
return '未知'
|
return '未知'
|
||||||
@@ -121,6 +173,29 @@
|
|||||||
return value
|
return value
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
=======
|
||||||
|
channelCodeFamt(value) {
|
||||||
|
console.log(value)
|
||||||
|
if (!value) {
|
||||||
|
return '未知'
|
||||||
|
// 渠道编码 ( XOIL:星油 WJY:万金油 LV:老吕(找油网) TY:团油 YDJY:一点加油(壳牌))
|
||||||
|
// switch (value) {
|
||||||
|
// case 'XOIL':
|
||||||
|
// return '星油'
|
||||||
|
// case 'WJY':
|
||||||
|
// return '万金油'
|
||||||
|
// case 'LV':
|
||||||
|
// return '老吕(找油网)'
|
||||||
|
// case 'TY':
|
||||||
|
// return '团油'
|
||||||
|
// case 'YDJY':
|
||||||
|
// return '一点加油(壳牌)'
|
||||||
|
// }
|
||||||
|
} else {
|
||||||
|
return value
|
||||||
|
}
|
||||||
|
},
|
||||||
|
>>>>>>> 5adc52996c062f4b7bfecbc5bbd21413b04487f2
|
||||||
distanceFilter(value) {
|
distanceFilter(value) {
|
||||||
if (value) {
|
if (value) {
|
||||||
return value > 1000 ? ((value / 1000).toFixed(2) + 'km') : (value + 'm')
|
return value > 1000 ? ((value / 1000).toFixed(2) + 'km') : (value + 'm')
|
||||||
@@ -139,19 +214,41 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped lang="scss">
|
||||||
.site-item {
|
.site-item {
|
||||||
margin-bottom: 1.8rem;
|
position: relative;
|
||||||
|
display: flex;
|
||||||
align-items: flex-start !important;
|
align-items: flex-start !important;
|
||||||
height: 150rpx!important;
|
padding: 25rpx;
|
||||||
|
// margin-bottom: 1.8rem;
|
||||||
|
line-height:1.5rem;
|
||||||
|
.content {
|
||||||
|
flex:1;
|
||||||
|
overflow: hidden;
|
||||||
|
.action {
|
||||||
|
position: absolute;
|
||||||
|
right: 35rpx;
|
||||||
|
top: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
>.radius {
|
||||||
|
margin-right: 30rpx;
|
||||||
|
width: 96rpx;
|
||||||
|
height: 96rpx;
|
||||||
|
font-size: 2em;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.yellow-oil {
|
.yellow-oil {
|
||||||
color: #e8775a;
|
color: #e8775a;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cu-avatar {
|
.cu-avatar {
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.youpin {
|
.youpin {
|
||||||
border: 1px solid #e4e4e4;
|
border: 1px solid #e4e4e4;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -160,7 +257,32 @@
|
|||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-xl {
|
.text-xl {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
}
|
}
|
||||||
|
.activity {
|
||||||
|
display: flex;
|
||||||
|
width: 85%;
|
||||||
|
// padding: 10rpx 20rpx;
|
||||||
|
border:2rpx solid #1890FF ;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: 20%;
|
||||||
|
padding: 10rpx 0;
|
||||||
|
line-height: 36rpx;
|
||||||
|
text-align: center;
|
||||||
|
color: #1890FF ;
|
||||||
|
background: #1890FF30;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
flex: 1;
|
||||||
|
padding: 10rpx 20rpx;
|
||||||
|
line-height: 36rpx;
|
||||||
|
min-height: 80rpx;
|
||||||
|
color: #1890FF;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,6 +1,10 @@
|
|||||||
{
|
{
|
||||||
"name" : "XiaoXing",
|
"name" : "XiaoXing",
|
||||||
|
<<<<<<< HEAD
|
||||||
"appid" : "__UNI__A32B754",
|
"appid" : "__UNI__A32B754",
|
||||||
|
=======
|
||||||
|
"appid" : "__UNI__113D280",
|
||||||
|
>>>>>>> 5adc52996c062f4b7bfecbc5bbd21413b04487f2
|
||||||
"description" : "",
|
"description" : "",
|
||||||
"versionName" : "1.0.0",
|
"versionName" : "1.0.0",
|
||||||
"versionCode" : "100",
|
"versionCode" : "100",
|
||||||
|
|||||||
16
pages.json
16
pages.json
@@ -138,6 +138,22 @@
|
|||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"root": "Activity",
|
||||||
|
"pages": [{
|
||||||
|
"path" : "pages/index/index",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "油站活动",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "default",
|
||||||
|
"navigationBarBackgroundColor": "#0081ff",
|
||||||
|
"navigationBarTextStyle": "white"
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -15,7 +15,8 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="search-form radius" @tap="InputFocus">
|
<view class="search-form radius" @tap="InputFocus">
|
||||||
<text class="cuIcon-search"></text>
|
<text class="cuIcon-search"></text>
|
||||||
<input disabled :adjust-position="false" type="text" placeholder="搜索油站名称" confirm-type="search" />
|
<input disabled :adjust-position="false" type="text" placeholder="搜索油站名称"
|
||||||
|
confirm-type="search" />
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="">
|
<!-- <view class="">
|
||||||
阿三
|
阿三
|
||||||
@@ -109,15 +110,15 @@
|
|||||||
<!-- 广告图片开始 -->
|
<!-- 广告图片开始 -->
|
||||||
<view class="my-bg padding">
|
<view class="my-bg padding">
|
||||||
<view class="">
|
<view class="">
|
||||||
<!-- <swiper autoplay interval='5000' style="width: 100%;height: 204rpx;" class="swiper" circular >
|
<swiper autoplay interval='5000' style="width: 100%;height: 204rpx;" class="swiper" circular >
|
||||||
<swiper-item @click="swiperClick(item,index)" v-for="(item,index) in swiperArray">
|
<swiper-item @click="swiperClick(item,index)" v-for="(item,index) in swiperArray">
|
||||||
<image :src="item.src" style="width: 100%;" mode="widthFix"></image>
|
<image :src="item.src" style="width: 100%;" mode="widthFix"></image>
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
<swiper-item>
|
<!-- <swiper-item>
|
||||||
<ad unit-id="adunit-fae65289bc72095d" ad-intervals="30"></ad>
|
<ad unit-id="adunit-fae65289bc72095d" ad-intervals="30"></ad>
|
||||||
</swiper-item>
|
</swiper-item> -->
|
||||||
</swiper> -->
|
</swiper>
|
||||||
<image :src="starUrl+'banner.png'" style="width: 100%;" mode="widthFix"></image>
|
<!-- <image :src="starUrl+'banner.png'" style="width: 100%;" mode="widthFix"></image> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 筛选开始 -->
|
<!-- 筛选开始 -->
|
||||||
@@ -127,8 +128,8 @@
|
|||||||
</view> -->
|
</view> -->
|
||||||
<view class=" ">
|
<view class=" ">
|
||||||
<view class="" v-if="siteList.length>0">
|
<view class="" v-if="siteList.length>0">
|
||||||
<site-item v-for="(item,index) in siteList" :key="item.id" :site-item="item" :first="index==0" :listHeight="listHeight"
|
<site-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)">
|
:listHeight="listHeight" class="cu-list menu-avatar cu-item" @tap="toDetail(item)">
|
||||||
</site-item>
|
</site-item>
|
||||||
</view>
|
</view>
|
||||||
<view class="" v-else>
|
<view class="" v-else>
|
||||||
@@ -159,14 +160,19 @@
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
swiperArray: [
|
swiperArray: [
|
||||||
// {
|
|
||||||
// src:this.global.starUrl+'banner.png',
|
|
||||||
// link:''
|
|
||||||
// },
|
|
||||||
{
|
{
|
||||||
src: 'https://xoil-public.oss-cn-beijing.aliyuncs.com/WMP-IMG/banner-2dwk.png',
|
src:this.global.starUrl+'banner.png',
|
||||||
link: 'https://tengxun.hkzj168.com/?ChannelId=20220831152210221048473'
|
link:''
|
||||||
},
|
},
|
||||||
|
// {
|
||||||
|
// src: 'https://xoil-public.oss-cn-beijing.aliyuncs.com/baichuan_MP/banner_baichuan.png',
|
||||||
|
// JumpPage: '/Activity/pages/index/index'
|
||||||
|
// },
|
||||||
|
|
||||||
|
// {
|
||||||
|
// src: 'https://xoil-public.oss-cn-beijing.aliyuncs.com/WMP-IMG/banner-2dwk.png',
|
||||||
|
// link: 'https://tengxun.hkzj168.com/?ChannelId=20220831152210221048473'
|
||||||
|
// },
|
||||||
],
|
],
|
||||||
listHeight: 160,
|
listHeight: 160,
|
||||||
siteInfo: {
|
siteInfo: {
|
||||||
@@ -332,7 +338,9 @@
|
|||||||
toManagement() {
|
toManagement() {
|
||||||
const user = uni.getStorageSync('user');
|
const user = uni.getStorageSync('user');
|
||||||
if (user) {
|
if (user) {
|
||||||
Financial.findHomePageReport({customerId:user.id}).then(res=>{
|
Financial.findHomePageReport({
|
||||||
|
customerId: user.id
|
||||||
|
}).then(res => {
|
||||||
if (res.data) {
|
if (res.data) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `../../../Financial/pages/estimate/index?data=${encodeURIComponent(JSON.stringify(res.data))}`
|
url: `../../../Financial/pages/estimate/index?data=${encodeURIComponent(JSON.stringify(res.data))}`
|
||||||
@@ -351,15 +359,20 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
swiperClick(item, index) {
|
swiperClick(item, index) {
|
||||||
if(!item?.link) return
|
// if (!item?.link) return
|
||||||
switch (Number(index)) {
|
// switch (Number(index)) {
|
||||||
// case 0:
|
// // case 0:
|
||||||
// this.goCall()
|
// // this.goCall()
|
||||||
// break;
|
// // break;
|
||||||
default:
|
// default:
|
||||||
console.log('item.link')
|
// console.log('item.link')
|
||||||
|
// uni.navigateTo({
|
||||||
|
// url: '/pages/tabbar/home/link?url=' + encodeURIComponent(JSON.stringify(item.link))
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
if(item?.JumpPage){
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/tabbar/home/link?url=' + encodeURIComponent(JSON.stringify(item.link))
|
url: item.JumpPage
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -450,7 +463,8 @@
|
|||||||
uni.removeStorageSync("origins")
|
uni.removeStorageSync("origins")
|
||||||
uni.removeStorageSync("destination")
|
uni.removeStorageSync("destination")
|
||||||
wx.navigateTo({
|
wx.navigateTo({
|
||||||
url:'../../../BagStation/pages/routePlain/routePlain'})
|
url: '../../../BagStation/pages/routePlain/routePlain'
|
||||||
|
})
|
||||||
} else if (index == 8) {
|
} else if (index == 8) {
|
||||||
this.goToPage('/BagAuth/pages/agreeMent/OperationGuide')
|
this.goToPage('/BagAuth/pages/agreeMent/OperationGuide')
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user