|
@@ -1,62 +1,52 @@
|
|
|
<template>
|
|
<template>
|
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
|
- <page-meta page-style="overflow: {{y ? 'hidden' : 'visible'}}"/>
|
|
|
|
|
|
|
+ <page-meta page-style="overflow: {{y ? 'hidden' : 'visible'}}" />
|
|
|
<!-- #endif -->
|
|
<!-- #endif -->
|
|
|
<view :class="['pb-40']" v-if="station">
|
|
<view :class="['pb-40']" v-if="station">
|
|
|
<view class="banner">
|
|
<view class="banner">
|
|
|
<swiper
|
|
<swiper
|
|
|
- class="full-percent"
|
|
|
|
|
- circular
|
|
|
|
|
- :indicator-dots="true"
|
|
|
|
|
- :autoplay="true"
|
|
|
|
|
- :interval="3000"
|
|
|
|
|
|
|
+ class="full-percent"
|
|
|
|
|
+ circular
|
|
|
|
|
+ :indicator-dots="true"
|
|
|
|
|
+ :autoplay="true"
|
|
|
|
|
+ :interval="3000"
|
|
|
>
|
|
>
|
|
|
<swiper-item
|
|
<swiper-item
|
|
|
- class="full-percent"
|
|
|
|
|
- v-for="(item, index) in station.bannerImages"
|
|
|
|
|
- :key="index"
|
|
|
|
|
|
|
+ class="full-percent"
|
|
|
|
|
+ v-for="(item, index) in station.bannerImages"
|
|
|
|
|
+ :key="index"
|
|
|
>
|
|
>
|
|
|
<view
|
|
<view
|
|
|
- class="full-percent banner-image"
|
|
|
|
|
- :style="{
|
|
|
|
|
|
|
+ class="full-percent banner-image"
|
|
|
|
|
+ :style="{
|
|
|
backgroundImage: `url(${item})`,
|
|
backgroundImage: `url(${item})`,
|
|
|
}"
|
|
}"
|
|
|
- @click="previewImage(item)"
|
|
|
|
|
|
|
+ @click="previewImage(item)"
|
|
|
></view>
|
|
></view>
|
|
|
</swiper-item>
|
|
</swiper-item>
|
|
|
</swiper>
|
|
</swiper>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="pl-20 pr-20">
|
|
<view class="pl-20 pr-20">
|
|
|
<view class="station flex-column" v-if="canUseCount >= 0">
|
|
<view class="station flex-column" v-if="canUseCount >= 0">
|
|
|
- <view style="display: inline-flex;align-items: center;">
|
|
|
|
|
- <view class="fs-40 fw-600 color-000">{{ title }}</view>
|
|
|
|
|
- <view class="coupon-box ml-5"
|
|
|
|
|
- v-if="location.activityList&&location.activityList.length>0"
|
|
|
|
|
- @tap.stop="toCouponCenter"
|
|
|
|
|
- >
|
|
|
|
|
- <image src="/static/images/coupon-center.png" mode="widthFix" style="width:42rpx"/>
|
|
|
|
|
- <text>领取优惠</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
|
|
+ <view class="fs-40 fw-600 color-000">{{ title }}</view>
|
|
|
<view class="flex-align-center mt-10 height-48 relative flex-shrink">
|
|
<view class="flex-align-center mt-10 height-48 relative flex-shrink">
|
|
|
<image
|
|
<image
|
|
|
- src="/pages-charge/static/machines-banner-address.png"
|
|
|
|
|
- mode="widthFix"
|
|
|
|
|
- style="width: 16px; display: block; flex-shrink: 0"
|
|
|
|
|
|
|
+ src="/pages-charge/static/machines-banner-address.png"
|
|
|
|
|
+ mode="widthFix"
|
|
|
|
|
+ style="width: 16px; display: block; flex-shrink: 0"
|
|
|
/>
|
|
/>
|
|
|
<view class="ml-12 fs-26 color-666">{{ location.address }}</view>
|
|
<view class="ml-12 fs-26 color-666">{{ location.address }}</view>
|
|
|
<view class="flex-center ml-auto nav" @click="openAddress">
|
|
<view class="flex-center ml-auto nav" @click="openAddress">
|
|
|
<image
|
|
<image
|
|
|
- src="/pages-charge/static/machines-banner-nav.png"
|
|
|
|
|
- mode="widthFix"
|
|
|
|
|
|
|
+ src="/pages-charge/static/machines-banner-nav.png"
|
|
|
|
|
+ mode="widthFix"
|
|
|
/>
|
|
/>
|
|
|
- <view class="fs-26" style="color: #347dff">导航</view>
|
|
|
|
|
|
|
+ <view class="fs-26" style="color: #2d9e95">导航</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view
|
|
<view
|
|
|
- class="foot mt-30 flex-align-center flex-shrink"
|
|
|
|
|
- @click="openDesc"
|
|
|
|
|
|
|
+ class="foot mt-30 flex-align-center flex-shrink"
|
|
|
|
|
+ @click="openDesc"
|
|
|
>
|
|
>
|
|
|
<view class="fs-28 color-666">可用充电桩:</view>
|
|
<view class="fs-28 color-666">可用充电桩:</view>
|
|
|
<view class="fs-36 fw-500 color-primary">{{ canUseCount }}</view>
|
|
<view class="fs-36 fw-500 color-primary">{{ canUseCount }}</view>
|
|
@@ -71,24 +61,23 @@
|
|
|
<view class="fs-26 color-000">{{ canUsePrice }}元/度</view>
|
|
<view class="fs-26 color-000">{{ canUsePrice }}元/度</view>
|
|
|
<view class="ml-auto lh-0">
|
|
<view class="ml-auto lh-0">
|
|
|
<uni-icons
|
|
<uni-icons
|
|
|
- type="right"
|
|
|
|
|
- size="18"
|
|
|
|
|
- color="rgba(0,0,0,0.4)"
|
|
|
|
|
|
|
+ type="right"
|
|
|
|
|
+ size="18"
|
|
|
|
|
+ color="rgba(0,0,0,0.4)"
|
|
|
></uni-icons>
|
|
></uni-icons>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="flex-align-center">
|
|
<view class="flex-align-center">
|
|
|
<view class="width-168 fs-26 color-666">停车费用</view>
|
|
<view class="width-168 fs-26 color-666">停车费用</view>
|
|
|
<view class="fs-26 color-000">{{
|
|
<view class="fs-26 color-000">{{
|
|
|
- Number(station.parkFee) > 0
|
|
|
|
|
- ? station.parkFee
|
|
|
|
|
- : "以停车场公示信息为准"
|
|
|
|
|
- }}
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ Number(station.parkFee) > 0
|
|
|
|
|
+ ? station.parkFee
|
|
|
|
|
+ : "以停车场公示信息为准"
|
|
|
|
|
+ }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view
|
|
<view
|
|
|
- class="flex-align-center"
|
|
|
|
|
- v-if="
|
|
|
|
|
|
|
+ class="flex-align-center"
|
|
|
|
|
+ v-if="
|
|
|
station &&
|
|
station &&
|
|
|
station.equipmentInfos &&
|
|
station.equipmentInfos &&
|
|
|
station.equipmentInfos.length &&
|
|
station.equipmentInfos.length &&
|
|
@@ -97,28 +86,25 @@
|
|
|
>
|
|
>
|
|
|
<view class="width-168 fs-26 color-666">充电桩类型</view>
|
|
<view class="width-168 fs-26 color-666">充电桩类型</view>
|
|
|
<view class="fs-26 color-000"
|
|
<view class="fs-26 color-000"
|
|
|
- >{{
|
|
|
|
|
|
|
+ >{{
|
|
|
station.equipmentInfos[0].connectorInfos[0].connectorType === 1
|
|
station.equipmentInfos[0].connectorInfos[0].connectorType === 1
|
|
|
- ? "直流"
|
|
|
|
|
- : "交流"
|
|
|
|
|
- }}{{ station.equipmentInfos[0].connectorInfos[0].power }}kw
|
|
|
|
|
- </view
|
|
|
|
|
|
|
+ ? "直流"
|
|
|
|
|
+ : "交流"
|
|
|
|
|
+ }}{{ station.equipmentInfos[0].connectorInfos[0].power }}kw</view
|
|
|
>
|
|
>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="pt-40 flex-align-center">
|
|
<view class="pt-40 flex-align-center">
|
|
|
<view class="fs-32 fw-500 color-999">充电桩</view>
|
|
<view class="fs-32 fw-500 color-999">充电桩</view>
|
|
|
<view class="fs-26 color-999" v-if="station"
|
|
<view class="fs-26 color-999" v-if="station"
|
|
|
- >(共{{ totalCount }}个)
|
|
|
|
|
- </view
|
|
|
|
|
|
|
+ >(共{{ totalCount }}个)</view
|
|
|
>
|
|
>
|
|
|
<view class="ml-auto flex-align-center" @click="openStatus">
|
|
<view class="ml-auto flex-align-center" @click="openStatus">
|
|
|
<view class="fs-28 color-333 mr-16">{{
|
|
<view class="fs-28 color-333 mr-16">{{
|
|
|
- statusList[status].title
|
|
|
|
|
- }}
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ statusList[status].title
|
|
|
|
|
+ }}</view>
|
|
|
<view
|
|
<view
|
|
|
- style="
|
|
|
|
|
|
|
+ style="
|
|
|
width: 0;
|
|
width: 0;
|
|
|
height: 0;
|
|
height: 0;
|
|
|
border: 8rpx solid;
|
|
border: 8rpx solid;
|
|
@@ -129,32 +115,31 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<template
|
|
<template
|
|
|
- v-if="station"
|
|
|
|
|
- v-for="(item, index) in stationEquipmentInfos"
|
|
|
|
|
- :key="index"
|
|
|
|
|
|
|
+ v-if="station"
|
|
|
|
|
+ v-for="(item, index) in stationEquipmentInfos"
|
|
|
|
|
+ :key="index"
|
|
|
>
|
|
>
|
|
|
<ChargeMachine
|
|
<ChargeMachine
|
|
|
- :title="'NO.' + item.shortId"
|
|
|
|
|
- :price="station.totalFee"
|
|
|
|
|
- :list="item.connectorInfos"
|
|
|
|
|
- :parkingNo="item.parkingNo"
|
|
|
|
|
|
|
+ :title="'NO.' + item.shortId"
|
|
|
|
|
+ :price="station.totalFee"
|
|
|
|
|
+ :list="item.connectorInfos"
|
|
|
|
|
+ :parkingNo="item.parkingNo"
|
|
|
></ChargeMachine>
|
|
></ChargeMachine>
|
|
|
</template>
|
|
</template>
|
|
|
</view>
|
|
</view>
|
|
|
<PriceDesc
|
|
<PriceDesc
|
|
|
- v-if="dialogVisible && dialogType === 'desc'"
|
|
|
|
|
- :desc="desc"
|
|
|
|
|
- @close="closeDialog"
|
|
|
|
|
|
|
+ v-if="dialogVisible && dialogType === 'desc'"
|
|
|
|
|
+ :desc="desc"
|
|
|
|
|
+ @close="closeDialog"
|
|
|
></PriceDesc>
|
|
></PriceDesc>
|
|
|
<view
|
|
<view
|
|
|
- class="dialog flex-align-end"
|
|
|
|
|
- v-if="dialogVisible && dialogType === 'status'"
|
|
|
|
|
|
|
+ class="dialog flex-align-end"
|
|
|
|
|
+ v-if="dialogVisible && dialogType === 'status'"
|
|
|
>
|
|
>
|
|
|
<view class="status-dialog">
|
|
<view class="status-dialog">
|
|
|
<view class="status-dialog_head flex-center">
|
|
<view class="status-dialog_head flex-center">
|
|
|
<view class="fw-500 color-000" style="font-size: 16px"
|
|
<view class="fw-500 color-000" style="font-size: 16px"
|
|
|
- >选择充电桩状态
|
|
|
|
|
- </view
|
|
|
|
|
|
|
+ >选择充电桩状态</view
|
|
|
>
|
|
>
|
|
|
<view class="close" @click="closeDialog">
|
|
<view class="close" @click="closeDialog">
|
|
|
<uni-icons type="closeempty" size="24" color="#2D284B"></uni-icons>
|
|
<uni-icons type="closeempty" size="24" color="#2D284B"></uni-icons>
|
|
@@ -163,11 +148,11 @@
|
|
|
<view class="status-dialog_body">
|
|
<view class="status-dialog_body">
|
|
|
<view class="status">
|
|
<view class="status">
|
|
|
<view
|
|
<view
|
|
|
- :class="['fs-32', 'flex-align-center']"
|
|
|
|
|
- :style="{ color: status === index ? '#347DFF' : '#2d284b' }"
|
|
|
|
|
- v-for="(statusItem, index) in statusList"
|
|
|
|
|
- :key="index"
|
|
|
|
|
- @click="changeStatus(index)"
|
|
|
|
|
|
|
+ :class="['fs-32', 'flex-align-center']"
|
|
|
|
|
+ :style="{ color: status === index ? '#2d9e95' : '#2d284b' }"
|
|
|
|
|
+ v-for="(statusItem, index) in statusList"
|
|
|
|
|
+ :key="index"
|
|
|
|
|
+ @click="changeStatus(index)"
|
|
|
>
|
|
>
|
|
|
{{ statusItem.title }}
|
|
{{ statusItem.title }}
|
|
|
</view>
|
|
</view>
|
|
@@ -179,12 +164,11 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
|
-import {ref} from "vue";
|
|
|
|
|
-import {fetchStation, fetchStationPriceDesc} from "../../api/charge";
|
|
|
|
|
-import {onLoad} from "@dcloudio/uni-app";
|
|
|
|
|
|
|
+import { ref } from "vue";
|
|
|
|
|
+import { fetchStation, fetchStationPriceDesc } from "../../api/charge";
|
|
|
|
|
+import { onLoad } from "@dcloudio/uni-app";
|
|
|
import ChargeMachine from "./charge-machine/charge-machine.vue";
|
|
import ChargeMachine from "./charge-machine/charge-machine.vue";
|
|
|
import PriceDesc from "./price-desc/price-desc.vue";
|
|
import PriceDesc from "./price-desc/price-desc.vue";
|
|
|
-
|
|
|
|
|
const dialogVisible = ref(false);
|
|
const dialogVisible = ref(false);
|
|
|
const dialogType = ref("");
|
|
const dialogType = ref("");
|
|
|
const desc = ref<any[]>([]);
|
|
const desc = ref<any[]>([]);
|
|
@@ -210,7 +194,6 @@ const location = ref({
|
|
|
address: "",
|
|
address: "",
|
|
|
latitude: "",
|
|
latitude: "",
|
|
|
longitude: "",
|
|
longitude: "",
|
|
|
- activityList: Array
|
|
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
const station = ref();
|
|
const station = ref();
|
|
@@ -224,13 +207,12 @@ onLoad((options: any) => {
|
|
|
});
|
|
});
|
|
|
title.value = _title;
|
|
title.value = _title;
|
|
|
if (getApp<any>().globalData.lastData.station) {
|
|
if (getApp<any>().globalData.lastData.station) {
|
|
|
- const {address, latitude, longitude, activityList} =
|
|
|
|
|
- getApp<any>().globalData.lastData.station;
|
|
|
|
|
|
|
+ const { address, latitude, longitude } =
|
|
|
|
|
+ getApp<any>().globalData.lastData.station;
|
|
|
location.value = {
|
|
location.value = {
|
|
|
address,
|
|
address,
|
|
|
latitude,
|
|
latitude,
|
|
|
longitude,
|
|
longitude,
|
|
|
- activityList
|
|
|
|
|
};
|
|
};
|
|
|
getApp<any>().globalData.lastData.station = undefined;
|
|
getApp<any>().globalData.lastData.station = undefined;
|
|
|
}
|
|
}
|
|
@@ -239,59 +221,59 @@ onLoad((options: any) => {
|
|
|
mask: true,
|
|
mask: true,
|
|
|
});
|
|
});
|
|
|
fetchStation(Number(options.id))
|
|
fetchStation(Number(options.id))
|
|
|
- .then((res) => {
|
|
|
|
|
- console.log(res);
|
|
|
|
|
- let ConnectorID = "";
|
|
|
|
|
- if (res.equipmentInfos && res.equipmentInfos.length) {
|
|
|
|
|
- res.equipmentInfos.forEach((item: any) => {
|
|
|
|
|
- if (item.connectorInfos && item.connectorInfos.length) {
|
|
|
|
|
- item.connectorInfos.forEach((con: any) => {
|
|
|
|
|
- totalCount.value++;
|
|
|
|
|
- if (!ConnectorID) {
|
|
|
|
|
- ConnectorID = con.connectorId;
|
|
|
|
|
- }
|
|
|
|
|
- if (
|
|
|
|
|
- con.connectorStatusInfo &&
|
|
|
|
|
- con.connectorStatusInfo.status === 1
|
|
|
|
|
- ) {
|
|
|
|
|
- canUseCount.value++;
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- res.bannerImages = res.pictures.split(",");
|
|
|
|
|
- station.value = res;
|
|
|
|
|
- stationEquipmentInfos.value = res.equipmentInfos.map((item: any) => {
|
|
|
|
|
- return {
|
|
|
|
|
- ...item,
|
|
|
|
|
- };
|
|
|
|
|
|
|
+ .then((res) => {
|
|
|
|
|
+ console.log(res);
|
|
|
|
|
+ let ConnectorID = "";
|
|
|
|
|
+ if (res.equipmentInfos && res.equipmentInfos.length) {
|
|
|
|
|
+ res.equipmentInfos.forEach((item: any) => {
|
|
|
|
|
+ if (item.connectorInfos && item.connectorInfos.length) {
|
|
|
|
|
+ item.connectorInfos.forEach((con: any) => {
|
|
|
|
|
+ totalCount.value++;
|
|
|
|
|
+ if (!ConnectorID) {
|
|
|
|
|
+ ConnectorID = con.connectorId;
|
|
|
|
|
+ }
|
|
|
|
|
+ if (
|
|
|
|
|
+ con.connectorStatusInfo &&
|
|
|
|
|
+ con.connectorStatusInfo.status === 1
|
|
|
|
|
+ ) {
|
|
|
|
|
+ canUseCount.value++;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
});
|
|
});
|
|
|
- if (ConnectorID) {
|
|
|
|
|
- return fetchStationPriceDesc(ConnectorID);
|
|
|
|
|
- } else {
|
|
|
|
|
- // eslint-disable-next-line promise/no-return-wrap
|
|
|
|
|
- return Promise.resolve({
|
|
|
|
|
- policyInfos: [],
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- .then((res) => {
|
|
|
|
|
- uni.hideLoading();
|
|
|
|
|
- currentTime.value = res.currentTime;
|
|
|
|
|
- canUseTime.value = res.useTime;
|
|
|
|
|
- canUsePrice.value = `${res.minPrice}~${res.maxPrice}`;
|
|
|
|
|
- desc.value = res.policyInfos || [];
|
|
|
|
|
- })
|
|
|
|
|
- .catch((err) => {
|
|
|
|
|
- // eslint-disable-next-line no-console
|
|
|
|
|
- console.log(err);
|
|
|
|
|
- uni.hideLoading();
|
|
|
|
|
- uni.showToast({
|
|
|
|
|
- title: "加载失败,请重试",
|
|
|
|
|
- icon: "none",
|
|
|
|
|
|
|
+ }
|
|
|
|
|
+ res.bannerImages = res.pictures.split(",");
|
|
|
|
|
+ station.value = res;
|
|
|
|
|
+ stationEquipmentInfos.value = res.equipmentInfos.map((item: any) => {
|
|
|
|
|
+ return {
|
|
|
|
|
+ ...item,
|
|
|
|
|
+ };
|
|
|
|
|
+ });
|
|
|
|
|
+ if (ConnectorID) {
|
|
|
|
|
+ return fetchStationPriceDesc(ConnectorID);
|
|
|
|
|
+ } else {
|
|
|
|
|
+ // eslint-disable-next-line promise/no-return-wrap
|
|
|
|
|
+ return Promise.resolve({
|
|
|
|
|
+ policyInfos: [],
|
|
|
});
|
|
});
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ .then((res) => {
|
|
|
|
|
+ uni.hideLoading();
|
|
|
|
|
+ currentTime.value = res.currentTime;
|
|
|
|
|
+ canUseTime.value = res.useTime;
|
|
|
|
|
+ canUsePrice.value = `${res.minPrice}~${res.maxPrice}`;
|
|
|
|
|
+ desc.value = res.policyInfos || [];
|
|
|
|
|
+ })
|
|
|
|
|
+ .catch((err) => {
|
|
|
|
|
+ // eslint-disable-next-line no-console
|
|
|
|
|
+ console.log(err);
|
|
|
|
|
+ uni.hideLoading();
|
|
|
|
|
+ uni.showToast({
|
|
|
|
|
+ title: "加载失败,请重试",
|
|
|
|
|
+ icon: "none",
|
|
|
});
|
|
});
|
|
|
|
|
+ });
|
|
|
});
|
|
});
|
|
|
const openAddress = function () {
|
|
const openAddress = function () {
|
|
|
uni.openLocation({
|
|
uni.openLocation({
|
|
@@ -321,11 +303,11 @@ const changeStatus = function (index: number) {
|
|
|
status.value = index;
|
|
status.value = index;
|
|
|
if (index === 0) {
|
|
if (index === 0) {
|
|
|
stationEquipmentInfos.value = station.value.equipmentInfos.map(
|
|
stationEquipmentInfos.value = station.value.equipmentInfos.map(
|
|
|
- (item: any) => {
|
|
|
|
|
- return {
|
|
|
|
|
- ...item,
|
|
|
|
|
- };
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ (item: any) => {
|
|
|
|
|
+ return {
|
|
|
|
|
+ ...item,
|
|
|
|
|
+ };
|
|
|
|
|
+ }
|
|
|
);
|
|
);
|
|
|
closeDialog();
|
|
closeDialog();
|
|
|
return;
|
|
return;
|
|
@@ -337,8 +319,8 @@ const changeStatus = function (index: number) {
|
|
|
if (item.connectorInfos && item.connectorInfos.length) {
|
|
if (item.connectorInfos && item.connectorInfos.length) {
|
|
|
item.connectorInfos.forEach((con: any) => {
|
|
item.connectorInfos.forEach((con: any) => {
|
|
|
if (
|
|
if (
|
|
|
- con.connectorStatusInfo &&
|
|
|
|
|
- Number(con.connectorStatusInfo.status) === STATUS_MAP[status.value]
|
|
|
|
|
|
|
+ con.connectorStatusInfo &&
|
|
|
|
|
+ Number(con.connectorStatusInfo.status) === STATUS_MAP[status.value]
|
|
|
) {
|
|
) {
|
|
|
check = true;
|
|
check = true;
|
|
|
}
|
|
}
|
|
@@ -357,18 +339,10 @@ const previewImage = (url: string) => {
|
|
|
current: url,
|
|
current: url,
|
|
|
});
|
|
});
|
|
|
};
|
|
};
|
|
|
-
|
|
|
|
|
-const toCouponCenter = () => {
|
|
|
|
|
- // uni.navigateTo({
|
|
|
|
|
- // url: `/pages-charge/coupon-center/coupon-center?title=${station.value.title}&id=${station.value.StationID}`,
|
|
|
|
|
- // });
|
|
|
|
|
-
|
|
|
|
|
-}
|
|
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
|
@import "../../styles/dialog.scss";
|
|
@import "../../styles/dialog.scss";
|
|
|
-
|
|
|
|
|
page {
|
|
page {
|
|
|
background-color: #f5f5f5;
|
|
background-color: #f5f5f5;
|
|
|
}
|
|
}
|
|
@@ -376,7 +350,6 @@ page {
|
|
|
.banner {
|
|
.banner {
|
|
|
height: 440rpx;
|
|
height: 440rpx;
|
|
|
background-color: transparent;
|
|
background-color: transparent;
|
|
|
-
|
|
|
|
|
.banner-image {
|
|
.banner-image {
|
|
|
background-position: center;
|
|
background-position: center;
|
|
|
background-size: cover;
|
|
background-size: cover;
|
|
@@ -400,7 +373,6 @@ page {
|
|
|
height: 48rpx;
|
|
height: 48rpx;
|
|
|
border-radius: 40rpx;
|
|
border-radius: 40rpx;
|
|
|
background: rgba(52, 125, 255, 0.1);
|
|
background: rgba(52, 125, 255, 0.1);
|
|
|
-
|
|
|
|
|
image {
|
|
image {
|
|
|
width: 36rpx;
|
|
width: 36rpx;
|
|
|
}
|
|
}
|
|
@@ -417,11 +389,9 @@ page {
|
|
|
padding: 0rpx 30rpx;
|
|
padding: 0rpx 30rpx;
|
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
-
|
|
|
|
|
& > view {
|
|
& > view {
|
|
|
height: 90rpx;
|
|
height: 90rpx;
|
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
|
-
|
|
|
|
|
&:first-child {
|
|
&:first-child {
|
|
|
border-top: none;
|
|
border-top: none;
|
|
|
}
|
|
}
|
|
@@ -438,7 +408,6 @@ page {
|
|
|
padding: 24rpx 0px;
|
|
padding: 24rpx 0px;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
-
|
|
|
|
|
.close {
|
|
.close {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
right: 30rpx;
|
|
right: 30rpx;
|
|
@@ -458,7 +427,6 @@ page {
|
|
|
& > view {
|
|
& > view {
|
|
|
height: 92rpx;
|
|
height: 92rpx;
|
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
|
-
|
|
|
|
|
&:first-child {
|
|
&:first-child {
|
|
|
border-top: none;
|
|
border-top: none;
|
|
|
}
|
|
}
|
|
@@ -466,19 +434,4 @@ page {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
-.coupon-box {
|
|
|
|
|
- display: inline-flex;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- color: #dd524d;
|
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
- border-radius: 20rpx;
|
|
|
|
|
- border: 3rpx solid #dd524d;
|
|
|
|
|
- padding: 2rpx 6rpx;
|
|
|
|
|
-
|
|
|
|
|
- text {
|
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
</style>
|
|
</style>
|