211 lines
17 KiB
Vue
211 lines
17 KiB
Vue
<template>
|
||
<view>
|
||
<view class="orderList" @click="toPath">
|
||
<view class="orderList_img" v-if="Image && list.length != 0">
|
||
<image v-for="(i, n) in list" :key="n" :src="i" mode="aspectFill"></image>
|
||
<view v-if="list.length == 2"></view>
|
||
</view>
|
||
<view style="display: flex; align-items: center; justify-content: space-between">
|
||
<view>
|
||
<view class="orderList_header">
|
||
<image class="orderList_header_img" src="/static/icon/cd.png" mode="widthFix"></image>
|
||
<view>{{ info.stationName }}</view>
|
||
</view>
|
||
<view class="orderList_money">
|
||
<view>{{ info.priceAmount }}</view>
|
||
<view>元/度</view>
|
||
</view>
|
||
<view class="orderList_cd">
|
||
<view class="orderList_cd_m">
|
||
<!-- <image class="orderList_cd_m_img" src="/static/icon/mc.png" mode="widthFix"></image> -->
|
||
<text class="orderList_cd_m_x">闲</text>
|
||
<text class="orderList_cd_m_n">{{ info.gunUseCount || 0 }}/{{ info.gunCount || 0 }}</text>
|
||
</view>
|
||
<!-- <view class="orderList_cd_m">
|
||
<image class="orderList_cd_m_img" src="/static/icon/kc.png" mode="widthFix"></image>
|
||
<text class="orderList_cd_m_x">闲</text>
|
||
<text class="orderList_cd_m_n">{{ info.dcGunUseCount }}/{{ info.dcGunCount }}</text>
|
||
</view> -->
|
||
</view>
|
||
</view>
|
||
<view class="orderList_right" @click="openMap">
|
||
<view>{{ info.distance }}KM</view>
|
||
<image class="orderList_note_img" src="/static/icon/dw.png" mode="widthFix"></image>
|
||
</view>
|
||
</view>
|
||
<view class="orderList_note">
|
||
<image class="orderList_note_img" src="/static/icon/tc.png" mode="widthFix"></image>
|
||
<view :class="type == 'list' ? 'nowrapText' : ''">
|
||
{{ info.parkCostInfo }}
|
||
<!-- <text v-if="info.occupyCostInfo">，占用说明：{{ info.occupyCostInfo }}</text> -->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
const data = defineProps({
|
||
Image: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
toNav: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
info: {
|
||
type: Object,
|
||
default: {}
|
||
},
|
||
list: {
|
||
type: Array,
|
||
default: []
|
||
},
|
||
type: {
|
||
type: String,
|
||
default: 'list'
|
||
}
|
||
});
|
||
|
||
let toPath = () => {
|
||
if (!data.toNav) return true;
|
||
uni.navigateTo({
|
||
url: `/pages/home/detail?id=${data.info.id}&distance=${data.info.distance}`
|
||
});
|
||
};
|
||
|
||
let openMap = () => {
|
||
uni.openLocation({
|
||
name: data.info.stationName,
|
||
latitude: data.info.location.lat,
|
||
longitude: data.info.location.lng,
|
||
success: function () {
|
||
console.log('success');
|
||
}
|
||
});
|
||
};
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.orderList {
|
||
width: 100%;
|
||
padding: 25rpx;
|
||
box-shadow: 0rpx -6rpx 8rpx 2rpx rgba(66, 115, 229, 0.05);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
position: relative;
|
||
/* #ifdef MP-ALIPAY */
|
||
background: linear-gradient(270deg, rgba(247, 247, 247, 0) -500%, #fff 100%), url('~@/static/icon/b1.png');
|
||
/* #endif */
|
||
/* #ifdef MP-WEIXIN */
|
||
background: linear-gradient(270deg, rgba(247, 247, 247, 0) -500%, #fff 100%),
|
||
url('data:image/png;base64,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');
|
||
/* #endif */
|
||
background-size: cover;
|
||
background-repeat: no-repeat;
|
||
|
||
&_right {
|
||
// ($direction: column)
|
||
@include flex;
|
||
font-family: DIN, DIN;
|
||
font-weight: bold;
|
||
font-size: 28rpx;
|
||
color: #232323;
|
||
image {
|
||
// margin-top: 45rpx;
|
||
width: 50rpx;
|
||
height: 50rpx;
|
||
}
|
||
}
|
||
|
||
&_img {
|
||
flex: 1;
|
||
@include flex($space: space-between);
|
||
padding-bottom: 20rpx;
|
||
border-bottom: 4rpx solid #ebebeb;
|
||
margin-bottom: 20rpx;
|
||
view {
|
||
width: 205rpx;
|
||
height: 170rpx;
|
||
}
|
||
image {
|
||
width: 205rpx;
|
||
height: 170rpx;
|
||
}
|
||
}
|
||
|
||
&_header {
|
||
flex: 1;
|
||
@include flex;
|
||
font-weight: bold;
|
||
font-size: 32rpx;
|
||
color: #232323;
|
||
margin-bottom: 20rpx;
|
||
&_img {
|
||
width: 52rpx;
|
||
height: 52rpx;
|
||
margin-right: 20rpx;
|
||
}
|
||
}
|
||
&_money {
|
||
@include flex;
|
||
color: #eb2424;
|
||
font-weight: bold;
|
||
margin-bottom: 20rpx;
|
||
view:nth-child(1) {
|
||
font-size: 48rpx;
|
||
}
|
||
view:nth-child(2) {
|
||
font-size: 36rpx;
|
||
}
|
||
}
|
||
&_cd {
|
||
@include flex;
|
||
margin-bottom: 20rpx;
|
||
&_m {
|
||
@include flex;
|
||
&_img {
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
margin-right: 15rpx;
|
||
}
|
||
&_x {
|
||
margin-right: 10rpx;
|
||
font-size: 28rpx;
|
||
color: #232323;
|
||
}
|
||
&_n {
|
||
font-weight: bold;
|
||
font-size: 28rpx;
|
||
color: #232323;
|
||
}
|
||
}
|
||
&_m:nth-child(1) {
|
||
margin-right: 45rpx;
|
||
}
|
||
}
|
||
&_note {
|
||
@include flex;
|
||
flex: 1;
|
||
min-height: 50rpx;
|
||
background: linear-gradient(270deg, rgba(247, 247, 247, 0) 0%, #f7f7f7 100%);
|
||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||
font-weight: bold;
|
||
font-size: 24rpx;
|
||
color: #232323;
|
||
padding: 0 15rpx;
|
||
&_img {
|
||
width: 31rpx;
|
||
height: 31rpx;
|
||
margin-right: 20rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.nowrapText {
|
||
white-space: nowrap; /* 超出的空白区域不换行 */
|
||
overflow: hidden; /* 超出隐藏 */
|
||
text-overflow: ellipsis; /* 文本超出显示省略号 */
|
||
}
|
||
</style>
|