|
|
|
|
@@ -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">
|
|
|
|
|
@@ -82,7 +92,8 @@
|
|
|
|
|
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) {
|
|
|
|
|
@@ -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'
|
|
|
|
|
}
|
|
|
|
|
@@ -182,6 +195,7 @@
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.site-item {
|
|
|
|
|
margin-bottom: 1.8rem;
|
|
|
|
|
align-items: flex-start !important;
|
|
|
|
|
@@ -191,36 +205,44 @@
|
|
|
|
|
.yellow-oil {
|
|
|
|
|
color: #e8775a;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.cu-avatar {
|
|
|
|
|
background-color: transparent !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tag-red {
|
|
|
|
|
background-color: red;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.levelBox {
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
color: red;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
margin-left: 16rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bg-self--dark-blue {
|
|
|
|
|
background: #2098ff;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.activity-cu {
|
|
|
|
|
border: 1px solid #FF9000;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
width: fit-content;
|
|
|
|
|
display: flex;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.activity-cu text {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
padding: 0 18rpx;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.activity-cu text:last-child {
|
|
|
|
|
color: #ff9818;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.activity-cu text:first-child {
|
|
|
|
|
color: #ff6f0e;
|
|
|
|
|
background: #FFEBDE;
|
|
|
|
|
|