佰川加油

2022-08-08 09:20:48 +08:00
commit a10b2b7dcc
130 changed files with 24997 additions and 0 deletions
--- a/components/site-item/site-item.vue
+++ b/components/site-item/site-item.vue
@@ -0,0 +1,127 @@
+<template>
+	<view class="cu-item cur padding no-mr-border site-item">
+		<view class="cu-avatar radius lg "
+			:style="'background-image:url('+(siteItem.siteImages?siteItem.siteImages:defaultLogo)+');'"> 
+		</view> 
+		<view class="content"> 
+			<view>
+				<view class="text-cut text-black  text-lg padding-right-sm ">{{siteItem.siteName}}</view> 
+			</view>
+			<view class="listTages">
+				<!-- <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--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">
+				<view class="text-bold  yellow-oil text-xl padding-right-xs">
+					{{siteItem.oilProductCode}}
+				</view>
+				<view class="oil-main-color text-xl text-bold padding-right-xs">
+					￥{{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>
+				</view> 
+				<view class="text-cut padding-left-sm text-lg"> 
+					<text class="text-delete color-333 text-sm padding-right-xs"> 
+						￥{{siteItem.oilSitePrice|moneyFormat}}/L 
+					</text> 
+				<!-- 	<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>
+		
+		<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> 
+
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			siteItem: {
+				type: Object,
+				default () {}
+			},
+			first: {
+				type: Boolean,
+				default: false
+			}
+		},
+		data() {
+			return {
+				starUrl: this.global.starUrl,
+				defaultLogo:'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/logo_default.png',
+				audioUrl:''
+			}
+		}, 
+		methods: {
+
+		},
+		filters: {
+				channelCodeFamt(value) {
+					console.log(value)
+					if (value == null) {
+						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
+					}
+				},
+			distanceFilter(value) {
+				if (value) {
+					return value > 1000 ? ((value / 1000).toFixed(2) + 'km') : (value + 'm')
+				}
+			},
+			moneyFormat(value) {
+				if (value) {
+					return value.toFixed(2)
+				} else {
+					return '0.00'
+				}
+			},
+		}
+	}
+</script>
+
+<style scoped>
+	.site-item {
+		margin-bottom: 1.8rem; 
+		align-items: flex-start !important; 
+		height: 147rpx!important;
+	}
+		
+	.yellow-oil{
+		color: #e8775a;
+	}
+	.cu-avatar{
+		background-color: transparent !important;
+	}
+</style>