更新
This commit is contained in:
@@ -304,7 +304,7 @@
|
||||
|
||||
},
|
||||
onLoad(option) {
|
||||
console.log('++++++++++++++++++', option)
|
||||
// console.log('++++++++++++++++++', option)
|
||||
this.test = option.id
|
||||
this.id = option.id
|
||||
this.tsets = option.name
|
||||
@@ -312,23 +312,23 @@
|
||||
uni.showShareMenu()
|
||||
let _that = this
|
||||
this.timeinterval = setInterval(() => {
|
||||
console.log('1')
|
||||
// console.log('1')
|
||||
_that.newQrString()
|
||||
}, 1000 * 60 * 3);
|
||||
},
|
||||
filters: {
|
||||
moneyIntercept(value) {
|
||||
if (value) {
|
||||
console.log(value)
|
||||
// console.log(value)
|
||||
let valus = (parseInt(value * 100) / 100).toFixed(2) + '¥/'
|
||||
console.log(valus)
|
||||
// console.log(valus)
|
||||
return valus
|
||||
} else {
|
||||
return '暂无'
|
||||
}
|
||||
},
|
||||
moneyFormath(value) {
|
||||
console.log(value)
|
||||
// console.log(value)
|
||||
if (value != 'xxx.x') {
|
||||
let number = value.toFixed(2)
|
||||
return number
|
||||
|
||||
@@ -1,21 +1,30 @@
|
||||
<template>
|
||||
<view class="cu-item cur padding no-mr-border site-item" :style="{'min-height': siteItem.activitySwitch?mHeight+'rpx !important':''}">
|
||||
<view class="cu-item cur padding no-mr-border site-item"
|
||||
:style="{'min-height': siteItem.activitySwitch?mHeight+'rpx !important':''}">
|
||||
<view class="cu-avatar radius lg "
|
||||
:style="'background-image:url('+(siteItem.siteImages?siteItem.siteImages:defaultLogo)+');'">
|
||||
|
||||
</view>
|
||||
<view class="content">
|
||||
<view style="display: flex;">
|
||||
<view style="flex-shrink:1" class="text-cut text-black text-lg padding-right-sm "> {{siteItem.siteName}}</view>
|
||||
<view v-if="siteItem.siteLevel" class="siteName_tag">{{siteItem.siteLevel}}</view>
|
||||
<view style="flex-shrink:1" class="text-cut text-black text-lg padding-right-sm ">
|
||||
{{siteItem.siteName}}</view>
|
||||
<!-- <view v-if="siteItem.siteLevel" class="siteName_tag">{{siteItem.siteLevel}}</view> -->
|
||||
</view>
|
||||
<view style="display: flex;" class="listTages">
|
||||
<view :style="{background:siteItem.siteType==1?'#FF6700':'#00c15e'}" class=" cu-tag round bg-self--dark-yellow yu-tag text-xs">{{siteItem.siteType==1?'加油站':'加气站'}}</view>
|
||||
<view :style="{background:siteItem.siteType==1?'#FF6700':'#00c15e'}"
|
||||
class=" cu-tag round bg-self--dark-yellow yu-tag text-xs">{{siteItem.siteType==1?'加油站':'加气站'}}
|
||||
</view>
|
||||
<view class="cu-tag round bg-self--dark-blue yu-tag text-xs" v-show="siteItem.ureaNumber>0">尿素</view>
|
||||
<!-- <view v-if="siteItem.siteLevel" class=" cu-tag round bg-self--dark-yellow yu-tag text-xs">{{siteItem.siteLevel}}级</view> -->
|
||||
<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-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 v-if="siteItem.highSpeedMark||siteItem.roadTpye" class="cu-tag round bg-self--dark-blue yu-tag text-xs" :style="{background:speedMarkColor(siteItem.highSpeedMark,siteItem.roadTpye)}">{{speedMark(siteItem.highSpeedMark,siteItem.roadTpye)}}{{siteItem.roadName?':'+siteItem.roadName:''}}</view>
|
||||
<view v-if="siteItem.highSpeedMark||siteItem.roadTpye"
|
||||
class="cu-tag round bg-self--dark-blue yu-tag text-xs"
|
||||
:style="{background:speedMarkColor(siteItem.highSpeedMark,siteItem.roadTpye)}">
|
||||
{{speedMark(siteItem.highSpeedMark,siteItem.roadTpye)}}{{siteItem.roadName?':'+siteItem.roadName:''}}
|
||||
</view>
|
||||
<!-- <view v-if="siteItem.highSpeedMark!=null" class="cu-tag round bg-self--dark-blue yu-tag text-xs" :style="{background:speedMarkColor(siteItem.highSpeedMark)}">{{siteItem.highSpeedMark?siteItem.highSpeedMark:siteItem.roadTpye|speedMark(siteItem.highSpeedMark,siteItem.roadTpye)}}{{siteItem.roadName?':'+siteItem.roadName:''}}</view> -->
|
||||
</view>
|
||||
<view class="">
|
||||
@@ -31,7 +40,8 @@
|
||||
¥{{siteItem.sitePrice|moneyFormat}}
|
||||
</view>
|
||||
<view class="">
|
||||
<text class="cu-tag oil-tag radius text-xs" v-if="siteItem.oilSitePrice - siteItem.sitePrice>0">省¥{{(siteItem.oilSitePrice - siteItem.sitePrice)|moneyFormat}}</text>
|
||||
<text class="cu-tag oil-tag radius text-xs"
|
||||
v-if="siteItem.oilSitePrice - siteItem.sitePrice>0">省¥{{(siteItem.oilSitePrice - siteItem.sitePrice)|moneyFormat}}</text>
|
||||
</view>
|
||||
<view class="text-cut padding-left-sm text-lg">
|
||||
<text class="text-delete color-333 text-sm padding-right-xs">
|
||||
@@ -76,51 +86,52 @@
|
||||
return {
|
||||
mHeight: 156,
|
||||
starUrl: this.global.starUrl,
|
||||
defaultLogo:'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/logo_default.png'
|
||||
defaultLogo: 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/logo_default.png'
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
const query = uni.createSelectorQuery().in(this);
|
||||
|
||||
query.select('.activity-cu').boundingClientRect(data => {undefined
|
||||
query.select('.activity-cu').boundingClientRect(data => {
|
||||
undefined
|
||||
|
||||
// console.log(data,'1111111111111111111')
|
||||
if(data){
|
||||
this.mHeight = this.mHeight + data.height*2
|
||||
}
|
||||
// console.log(data,'1111111111111111111')
|
||||
if (data) {
|
||||
this.mHeight = this.mHeight + data.height * 2
|
||||
}
|
||||
}).exec();
|
||||
},
|
||||
methods: {
|
||||
speedMarkColor(val,data){
|
||||
if(val == 0){
|
||||
if(data == '0'){
|
||||
speedMarkColor(val, data) {
|
||||
if (val == 0) {
|
||||
if (data == '0') {
|
||||
return '#666666'
|
||||
}
|
||||
if(data == '1'){
|
||||
if (data == '1') {
|
||||
return '#F9AA64'
|
||||
}
|
||||
if(data == '2'){
|
||||
if (data == '2') {
|
||||
return '#D61750'
|
||||
}
|
||||
}
|
||||
if(val == 1){
|
||||
if (val == 1) {
|
||||
return '#11A265'
|
||||
}
|
||||
},
|
||||
speedMark(val,data){
|
||||
speedMark(val, data) {
|
||||
// console.log(val,data,'qqqqqqqqqqqqqqqqqqqqqq')
|
||||
if(val == 0){
|
||||
if(data == '0'){
|
||||
if (val == 0) {
|
||||
if (data == '0') {
|
||||
return '普通'
|
||||
}
|
||||
if(data == '1'){
|
||||
if (data == '1') {
|
||||
return '省道'
|
||||
}
|
||||
if(data == '2'){
|
||||
if (data == '2') {
|
||||
return '国道'
|
||||
}
|
||||
}
|
||||
if(val == 1){
|
||||
if (val == 1) {
|
||||
return '高速'
|
||||
}
|
||||
},
|
||||
@@ -128,7 +139,7 @@
|
||||
filters: {
|
||||
channelCodeFamt(value) {
|
||||
// console.log(value)
|
||||
if (value == null || value == '' ) {
|
||||
if (value == null || value == '') {
|
||||
return '未知'
|
||||
// 渠道编码 ( XOIL:星油 WJY:万金油 LV:老吕(找油网) TY:团油 YDJY:一点加油(壳牌))
|
||||
// switch (value) {
|
||||
@@ -159,7 +170,9 @@
|
||||
// console.log('old:',value)
|
||||
// console.log('new:',realAmount)
|
||||
// return realAmount
|
||||
return String(value).split('.')[1]&&String(value).split('.')[1].length>2?Number(`${String(value).split('.')[0]}.${String(value).split('.')[1].substring(0,2)}${Number(String(value).split('.')[1].substr(2))==0?'':9}`).toFixed(2) :Number(value).toFixed(2);
|
||||
return String(value).split('.')[1] && String(value).split('.')[1].length > 2 ? Number(
|
||||
`${String(value).split('.')[0]}.${String(value).split('.')[1].substring(0,2)}${Number(String(value).split('.')[1].substr(2))==0?'':9}`
|
||||
).toFixed(2) : Number(value).toFixed(2);
|
||||
} else {
|
||||
return '0.00'
|
||||
}
|
||||
@@ -169,10 +182,10 @@
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.siteName_tag{
|
||||
.siteName_tag {
|
||||
background-color: #FF6700;
|
||||
border-radius: 50rpx;
|
||||
width: 20px ;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: #FFFFFF;
|
||||
display: flex;
|
||||
@@ -182,47 +195,56 @@
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.site-item {
|
||||
margin-bottom: 1.8rem;
|
||||
align-items: flex-start !important;
|
||||
height: 147rpx!important;
|
||||
height: 147rpx !important;
|
||||
}
|
||||
|
||||
.yellow-oil{
|
||||
.yellow-oil {
|
||||
color: #e8775a;
|
||||
}
|
||||
.cu-avatar{
|
||||
|
||||
.cu-avatar {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.tag-red{
|
||||
|
||||
.tag-red {
|
||||
background-color: red;
|
||||
}
|
||||
.levelBox{
|
||||
font-size: 24rpx;
|
||||
color: red;
|
||||
font-weight:bold;
|
||||
margin-left: 16rpx;
|
||||
|
||||
.levelBox {
|
||||
font-size: 24rpx;
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
.bg-self--dark-blue{
|
||||
|
||||
.bg-self--dark-blue {
|
||||
background: #2098ff;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.activity-cu{
|
||||
|
||||
.activity-cu {
|
||||
border: 1px solid #FF9000;
|
||||
border-radius: 5px;
|
||||
width: fit-content;
|
||||
display: flex;
|
||||
}
|
||||
.activity-cu text{
|
||||
|
||||
.activity-cu text {
|
||||
font-size: 12px;
|
||||
padding: 0 18rpx;
|
||||
line-height: 20px;
|
||||
}
|
||||
.activity-cu text:last-child{
|
||||
color:#ff9818;
|
||||
|
||||
.activity-cu text:last-child {
|
||||
color: #ff9818;
|
||||
}
|
||||
.activity-cu text:first-child{
|
||||
color:#ff6f0e;
|
||||
|
||||
.activity-cu text:first-child {
|
||||
color: #ff6f0e;
|
||||
background: #FFEBDE;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
|
||||
Reference in New Issue
Block a user