3408 lines
106 KiB
Vue
3408 lines
106 KiB
Vue
<template>
|
|
<view class="main" :style="{
|
|
backgroundImage:
|
|
pageType === 'spring'
|
|
? `url(https://eshangtech.com/minTestImg/springPageBg.png)`
|
|
: `url(https://eshangtech.com/minTestImg/pageBg.png)`,
|
|
}">
|
|
<view class="topBox" :style="{
|
|
height: menu.bottom + 14 + 'px',
|
|
backgroundImage:
|
|
pageType === 'spring'
|
|
? `url(https://eshangtech.com/minTestImg/springPageBg.png)`
|
|
: `url(https://eshangtech.com/minTestImg/pageBg.png)`,
|
|
}">
|
|
<view class="topContent" :style="{ paddingTop: menu.top + 'px', height: menu.height + 'px' }">
|
|
<view class="topLeft">
|
|
<image class="YDIcon" src="https://eshangtech.com/caiyunyiImg/home/yunnanLogo.svg" />
|
|
</view>
|
|
<view class="topRight" @click="goSelectServer">
|
|
<image class="searchIcon" src="/static/images/home/searchIcon.svg" />
|
|
<span class="searchText">请输入服务区</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 骨架屏 -->
|
|
<view v-if="isPageLoading" class="skeleton-container" :style="{
|
|
paddingTop: menu.bottom + 22 + 'px',
|
|
height: `calc(100vh - 50px - ${safeHeight}px )`,
|
|
}">
|
|
<!-- 轮播图骨架 -->
|
|
<view class="skeleton-swiper">
|
|
<view class="skeleton-item skeleton-animate"></view>
|
|
</view>
|
|
|
|
<!-- 功能列表骨架 -->
|
|
<view class="skeleton-function-list">
|
|
<view class="skeleton-function-row" v-for="(item, index) in 2" :key="index">
|
|
<view class="skeleton-function-item skeleton-animate" v-for="(item, index) in 3" :key="index"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 头条骨架 -->
|
|
<view class="skeleton-news">
|
|
<view class="skeleton-news-item skeleton-animate" v-for="(item, index) in 3" :key="index"></view>
|
|
</view>
|
|
|
|
<!-- 商品列表骨架 -->
|
|
<view class="skeleton-product-list">
|
|
<view class="skeleton-product-row" v-for="(item, index) in 2" :key="index">
|
|
<view class="skeleton-product-item skeleton-animate" v-for="(item, index) in 2" :key="index">
|
|
<view class="skeleton-product-image skeleton-animate"></view>
|
|
<view class="skeleton-product-info">
|
|
<view class="skeleton-product-title skeleton-animate"></view>
|
|
<view class="skeleton-product-price skeleton-animate"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<scroll-view v-else class="content" scroll-y :scroll-into-view="scrollView" scroll-with-animation
|
|
:refresher-enabled="true" @refresherrefresh="handleReloadFunIndex" :refresher-triggered="triggered" :style="{
|
|
paddingTop: menu.bottom + 22 + 'px',
|
|
height: `calc(100vh - 50px - ${safeHeight}px )`,
|
|
}" @scroll="handlePageScroll">
|
|
<!-- 轮播框 -->
|
|
<view class="navList" id="navItem">
|
|
<swiper class="swiper" circular :indicator-dots="true" :autoplay="true" indicator-color="rgba(255,255,255,0.6)"
|
|
indicator-active-color="#ffffff">
|
|
<swiper-item v-for="(item, index) in swiperList" :key="index"
|
|
@click="handleFunClick({ value: 17, index: index })">
|
|
<!-- @click="handleShowPreview(item)" -->
|
|
<view class="swiper-item uni-bg-red">
|
|
<image class="img" :src="item" />
|
|
</view>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
|
|
<!-- 功能列表模块 -->
|
|
<view class="funItemList">
|
|
<view class="funItem" v-for="(item, index) in funList.slice(0, 9)" :key="index" :style="{
|
|
marginBottom: index < 5 ? '32rpx' : '',
|
|
}" @click="handleFunClick(item)">
|
|
<view style="display: flex;flex-direction: column;align-items: center;" v-if="item.value !== 12">
|
|
<image class="funItemIcon" :src="pageType === 'spring' ? item.springSrc : item.src" />
|
|
<text class="funItemText">{{ item.label }}</text>
|
|
</view>
|
|
<button v-else class="no-border-btn" hover-class="none" hover-start-time="0" hover-stay-time="0"
|
|
style="background-color: transparent;border-width: 0;padding: 0;" open-type="contact" @contact="onContact">
|
|
<view style="display: flex;flex-direction: column;align-items: center;">
|
|
<image class="funItemIcon" :src="pageType === 'spring' ? item.springSrc : item.src" />
|
|
<text class="funItemText">{{ item.label }}</text>
|
|
</view>
|
|
</button>
|
|
</view>
|
|
<view class="funItem" @click="handleGoAllFun">
|
|
<image class="funItemIcon" :src="pageType === 'spring' ? allFun.springSrc : allFun.src" />
|
|
<text class="funItemText">{{ allFun.label }}</text>
|
|
</view>
|
|
</view>
|
|
<!-- 服务区详情 -->
|
|
<view class="serviceDetail" @click="handleGoDetail">
|
|
<view class="detailTop">
|
|
<view class="detailImg">
|
|
<image v-if="serviceDetail.ImageLits && serviceDetail.ImageLits.length > 0
|
|
" class="img" :src="serviceDetail.ImageLits[0]" />
|
|
<image class="img" v-else src="/static/images/home/defaultIcon.png" />
|
|
</view>
|
|
<view class="detailRight">
|
|
<view class="detailTop">
|
|
<view class="title">{{
|
|
serviceDetail.SERVERPART_NAME || "-"
|
|
}}</view>
|
|
<view class="status">
|
|
<span class="statusText">营业中</span>
|
|
<span class="bePacked" v-if="serviceDetail.LoadBearing_State === 1000">爆满</span>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="detailBottom">
|
|
<span class="distance">{{ serviceDetail.SERVERPART_DISTANCE || "-" }} km</span>
|
|
<span class="addressText">{{
|
|
serviceDetail.SERVERPART_ADDRESS || "-"
|
|
}}</span>
|
|
</view>
|
|
</view>
|
|
<image @click.stop="handleGoMap" class="navigation" src="/static/images/home/navigationIcon.svg" />
|
|
</view>
|
|
|
|
<view class="detailBottom">
|
|
<view class="detailBottomItem">
|
|
<!-- serviceDetail.sumDetail.haveREFUELINGGUN -->
|
|
|
|
<image class="detailIcon" :src="serviceDetail.haveREFUELINGGUN
|
|
? '/static/images/home/serviceGasoline.svg'
|
|
: '/static/images/home/noServiceGasoline.svg'
|
|
" />
|
|
<!-- /static/images/home/noServiceGasoline.svg -->
|
|
<span class="detailText">加油站</span>
|
|
</view>
|
|
<view class="detailBottomItem">
|
|
<image class="detailIcon" :src="serviceDetail.HASCHARGE
|
|
? '/static/images/home/serviceCharge.svg'
|
|
: '/static/images/home/noServiceCharge.svg'
|
|
" />
|
|
<!-- /static/images/home/noServiceCharge.svg -->
|
|
<span class="detailText">充电桩</span>
|
|
</view>
|
|
<view class="detailBottomItem">
|
|
<!-- serviceDetail.sumDetail.havePARKING -->
|
|
<image class="detailIcon" :src="serviceDetail.havePARKING
|
|
? '/static/images/home/carStop.svg'
|
|
: '/static/images/home/noCarStop.svg'
|
|
" />
|
|
<!-- /static/images/home/noCarStop.svg -->
|
|
<span class="detailText">停车场</span>
|
|
</view>
|
|
<view class="detailBottomItem">
|
|
<!-- serviceDetail.sumDetail.haveWC -->
|
|
<image class="detailIcon" :src="serviceDetail.haveWC
|
|
? '/static/images/home/toilet.svg'
|
|
: '/static/images/home/noToilet.svg'
|
|
" />
|
|
<!-- src="/static/images/home/noToilet.svg" -->
|
|
<span class="detailText">卫生间</span>
|
|
</view>
|
|
<view class="detailBottomItem">
|
|
<!-- serviceDetail.HASMOTHER -->
|
|
<image class="detailIcon" :src="serviceDetail.HASMOTHER
|
|
? ' /static/images/home/badyHome.svg'
|
|
: '/static/images/home/noBadyHome.svg'
|
|
" />
|
|
<!-- src="/static/images/home/noBadyHome.svg" -->
|
|
<span class="detailText">母婴室</span>
|
|
</view>
|
|
<view class="detailBottomItem">
|
|
<image class="detailIcon" :src="serviceDetail.HASPILOTLOUNGE
|
|
? '/static/images/home/serviceDriverHome.svg'
|
|
: '/static/images/home/noServiceDriverHome.svg'
|
|
" />
|
|
<!-- src="/static/images/home/noServiceDriverHome.svg" -->
|
|
<span class="detailText">司机之家</span>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="stateGrid">
|
|
<view class="leftGrid">
|
|
<!-- <image class="gridImg" src="/static/images/home/stateGrid.png" /> -->
|
|
<text class="gridText">交投新能源</text>
|
|
<text class="fastCharg">快充</text>
|
|
</view>
|
|
<view class="rightGrid">
|
|
<text class="other">空</text>
|
|
<text class="have">{{ chargingObj.use || "0" }}</text>
|
|
<text class="all" v-if="chargingObj.have > 0">/{{ chargingObj.have || "0" }}</text>
|
|
<text class="all" v-else>/{{ serviceDetail.sumDetail.STATEGRIDCHARGE || "0" }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 附近的景区 -->
|
|
<view class="nearbyScenic">
|
|
<view class="nearbyScenicTop">
|
|
<view class="nearbyScenicTopTitle">附近景区</view>
|
|
<view class="nearbyScenicTopRightBox" @click="handleGoScenicList">
|
|
<view class="nearbyScenicTopRightBoxText">查看更多</view>
|
|
<image class="nearRightArrow" src="/static/images/home/rightArrow.svg" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="nearbyScenicBottom" @click="handleGoScenic">
|
|
<view class="nearByBottomLeftBox">
|
|
<image class="nearbyImg"
|
|
:src="ScenicData && ScenicData.ImageList && ScenicData.ImageList.length > 0 ? ScenicData.ImageList[0].ImageUrl : '/static/images/home/defaultIcon.png'" />
|
|
</view>
|
|
<view class="nearByBottomRightBox">
|
|
<view class="scenicName">{{ ScenicData.SCENICAREA_NAME }}</view>
|
|
<view class="scenicContent">
|
|
<view class="scenicType" v-if="ScenicData.SCENICAREA_TYPE && SCENICAREAOBJ">
|
|
{{ SCENICAREAOBJ[ScenicData.SCENICAREA_TYPE] }}</view>
|
|
<view class="scenicRateBox">
|
|
<!-- <view class="scenicRate"> -->
|
|
<!-- <uni-rate :size="12" :value="ScenicData.SCENICAREA_SCORE" :touchable="false" active-color="#FF8E00"
|
|
color="#D8D8DA" /> -->
|
|
<!-- </view> -->
|
|
<!-- <view class="scenicRateText">{{ ScenicData.SCENICAREA_SCORE || "" }}</view> -->
|
|
</view>
|
|
</view>
|
|
<view class="scenicBottom">
|
|
<view class="scenicLeft">
|
|
<image class="scenicIcon" src="/static/images/home/servicePosition.svg" />
|
|
<view class="scenicLabel">距离{{ ScenicData.ScenicDistance || '-' }}km</view>
|
|
</view>
|
|
<view class="scenicRight" v-if="ScenicData.TICKET_PRICE > 0">
|
|
<view class="scenicRightLabel">门票</view>
|
|
<view class="scenicUnit">¥</view>
|
|
<view class="scenicPrice">{{ ScenicData.TICKET_PRICE || "0" }}</view>
|
|
<view class="scenicUnit">起</view>
|
|
</view>
|
|
<view class="scenicRight" v-else>
|
|
<view class="scenicPrice" style="font-size: 24rpx;">免费</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 高速路况播报 -->
|
|
<view class="roadStatus" @click="handleGoHighWay">
|
|
<view class="roadTop">
|
|
<view class="roadTopLeft">
|
|
<image class="roadIcon" src="/static/images/home/broadcastIcon.svg" />
|
|
<text class="roadTitle">高速信息播报</text>
|
|
<!-- <text class="roadTitle">女神节团购活动</text> -->
|
|
</view>
|
|
<view class="roadTopRight">
|
|
<image class="roadIcon" src="/static/images/home/rightArrow.svg" />
|
|
</view>
|
|
</view>
|
|
|
|
<div class="messageListBox">
|
|
<div :class="roadStatusList.length > 2
|
|
? 'messageList scrolling'
|
|
: 'messageList'
|
|
">
|
|
<!-- 为了实现无缝滚动，克隆一份列表 -->
|
|
<view v-if="roadStatusList && roadStatusList.length > 1">
|
|
<div class="messageItem" v-for="(item, index) in roadStatusList.concat(roadStatusList)" :key="index">
|
|
<div class="icon"></div>
|
|
<div class="contentMessage">
|
|
<!-- {{ item.NOTICEINFO_TITLE || "-" }} -->
|
|
{{ item.title || item.NOTICEINFO_TITLE || "-" }}
|
|
</div>
|
|
</div>
|
|
</view>
|
|
|
|
<view v-if="roadStatusList && roadStatusList.length === 1">
|
|
<div class="messageItem" v-for="(item, index) in roadStatusList" :key="index">
|
|
<div class="icon"></div>
|
|
<div class="contentMessage">
|
|
<!-- {{ item.NOTICEINFO_TITLE || "-" }} -->
|
|
{{ item.title || item.NOTICEINFO_TITLE || "-" }}
|
|
</div>
|
|
</div>
|
|
</view>
|
|
</div>
|
|
</div>
|
|
</view>
|
|
|
|
<!-- 驿购商城 -->
|
|
<view class="shoppingMall">
|
|
<view class="mallTop" @click="handleGoShop">
|
|
<view class="mallTopLeft">
|
|
<image class="mallIcon" src="/static/images/home/broadcastIcon.svg" />
|
|
<!-- <text class="roadTitle">驿购商城</text> -->
|
|
<text class="roadTitle">彩云驿商城</text>
|
|
</view>
|
|
<view class="mallTopRight">
|
|
<image class="mallIcon" src="/static/images/home/rightArrow.svg" />
|
|
</view>
|
|
</view>
|
|
<view class="mallContent">
|
|
<view class="advertisement advertisement2">
|
|
<view class="advertisementItem" v-if="marketingCampaign && marketingCampaign.length > 0"
|
|
style="width:100% ">
|
|
<view class="advertisementItemTop topLeft">
|
|
<view class="topTitle">
|
|
<text class="light">活动</text>
|
|
<text class="normal">专区</text>
|
|
</view>
|
|
<view class="topOther">超多优惠等你来</view>
|
|
<image class="mallBg" src="/static/images/home/leftShopBg.png" />
|
|
</view>
|
|
<scroll-view scroll-x class="advertisementItemBottom">
|
|
<view class="scroll-content">
|
|
<image class="advertisementImg" v-for="(item, index) in marketingCampaign" :key="index"
|
|
:src="item.IMAGE_PATH ? item.IMAGE_PATH.split(',') && item.IMAGE_PATH.split(',').length > 1 ? item.IMAGE_PATH.split(',')[0] : item.IMAGE_PATH : '/static/images/home/defultImg.png'"
|
|
@click.stop="handleGoShopDetail(item)" />
|
|
<!-- <image class="advertisementImg" /> -->
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="advertisement">
|
|
<view class="advertisementItem" v-if="everyWeekShopData && everyWeekShopData.length > 0"
|
|
style="width:100% ">
|
|
<view class="advertisementItemTop topLeft">
|
|
<view class="topTitle">
|
|
<text class="light">每周</text>
|
|
<text class="normal">特惠</text>
|
|
</view>
|
|
<view class="topOther">超多优惠等你来</view>
|
|
<image class="mallBg" src="/static/images/home/leftShopBg.png" />
|
|
</view>
|
|
<scroll-view scroll-x class="advertisementItemBottom">
|
|
<view class="scroll-content">
|
|
<image class="advertisementImg" v-for="(item, index) in everyWeekShopData" :key="index"
|
|
:src="item.IMAGE_PATH ? item.IMAGE_PATH.split(',') && item.IMAGE_PATH.split(',').length > 1 ? item.IMAGE_PATH.split(',')[0] : item.IMAGE_PATH : '/static/images/home/defultImg.png'"
|
|
@click.stop="handleGoShopDetail(item)" />
|
|
|
|
<!-- <image class="advertisementImg" /> -->
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="advertisement">
|
|
<view class="advertisementItem" @click="handleGoShopList(5030)"
|
|
v-if="specialOffersList && specialOffersList.length > 0"
|
|
:style="{ width: productsList && productsList.length > 0 ? '' : '100%' }">
|
|
<view class="advertisementItemTop topLeft">
|
|
<view class="topTitle">
|
|
<text class="light">促销</text>
|
|
<text class="normal">单品</text>
|
|
</view>
|
|
<view class="topOther">超多优惠等你来</view>
|
|
<image class="mallBg" src="/static/images/home/leftShopBg.png" />
|
|
</view>
|
|
<view class="advertisementItemBottom">
|
|
<image class="advertisementImg" v-for="(item, index) in specialOffersList" :key="index"
|
|
:src="item.IMAGE_PATH ? item.IMAGE_PATH.split(',') && item.IMAGE_PATH.split(',').length > 1 ? item.IMAGE_PATH.split(',')[0] : item.IMAGE_PATH : '/static/images/home/defultImg.png'"
|
|
@click.stop="handleGoShopDetail(item)" />
|
|
<!-- <image class="advertisementImg" /> -->
|
|
</view>
|
|
</view>
|
|
|
|
<!-- <view class="advertisementItem" @click="handleGoShopList(5040)"
|
|
v-if="productsList && productsList.length > 0"
|
|
:style="{ width: specialOffersList && specialOffersList.length > 0 ? '' : '100%' }">
|
|
<view class="advertisementItemTop topRight">
|
|
<view class="topTitle">
|
|
<text class="light rightTopTitle">甄选</text>
|
|
<text class="normal">商品</text>
|
|
</view>
|
|
<view class="topOther">超多优惠等你来</view>
|
|
<image class="mallBg" src="/static/images/home/rightShopBg.png" />
|
|
</view>
|
|
<view class="advertisementItemBottom">
|
|
<image class="advertisementImg" v-for="(item, index) in productsList" :key="index"
|
|
:src="item.IMAGE_PATH ? item.IMAGE_PATH.split(',') && item.IMAGE_PATH.split(',').length > 1 ? item.IMAGE_PATH.split(',')[0] : item.IMAGE_PATH : '/static/images/home/defultImg.png'"
|
|
@click.stop="handleGoShopDetail(item)" />
|
|
</view>
|
|
</view> -->
|
|
</view>
|
|
|
|
</view>
|
|
<view class="mallList">
|
|
<view class="mallItem" v-for="(item, index) in shoppingMall" :key="index" @click="handleGoShopDetail(item)">
|
|
<view class="mallTop">
|
|
<image class="mallImg" :src="item.IMAGE_PATH ? item.IMAGE_PATH : ''" />
|
|
</view>
|
|
<view class="mallBottom">
|
|
<text class="priceTop">
|
|
{{ item.COMMODITY_NAME || "" }}
|
|
<!-- <view class="mallTitle">{{ item.COMMODITY_NAME || "" }}</view> -->
|
|
<!-- <view class="sumText">436付款</view> -->
|
|
</text>
|
|
|
|
<!-- <view class="retailPrice"
|
|
>¥{{ item.RETbigNumber || "" }}.{{
|
|
item.RETsmallNumber || "00"
|
|
}}</view
|
|
> -->
|
|
<view style="
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
">
|
|
<view class="priceBox">
|
|
<view class="leftPrice">
|
|
<span class="unit">¥</span>
|
|
<!-- <span class="price">{{
|
|
item.COMMODITY_MEMBERPRICE || ""
|
|
}}</span> -->
|
|
<span class="price">{{ item.bigNumber || "" }}.{{
|
|
item.smallNumber || "00"
|
|
}}</span>
|
|
</view>
|
|
<view class="shopState" v-if="!(item.COMMODITY_STOCK > 0)">已售罄</view>
|
|
<!-- <view class="rightPrice"> -->
|
|
<!-- <image
|
|
class="mallIcon"
|
|
src="/static/images/home/mallIcon.svg"
|
|
/> -->
|
|
<!-- </view> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<!-- 回到顶部 -->
|
|
<view class="backTopBox" v-if="showBackTop" @click="handleGoBack">
|
|
<image class="backIcon" src="/static/images/home/backTopIcon.png" />
|
|
</view>
|
|
|
|
<!-- 广告 -->
|
|
<uni-popup ref="noticeRef">
|
|
<view class="noticePopup" @click="handleHidePopup">
|
|
<!-- :style="{ backgroundImage: `url(${poster ? poster.USERDEFINEDTYPE_ICO : ''})` }" -->
|
|
<image class="noticePopupImg" :src="poster.USERDEFINEDTYPE_ICO" mode="widthFix" />
|
|
|
|
|
|
<img class="closeIcon" @click.stop="handleCloseNotice"
|
|
src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg" />
|
|
</view>
|
|
</uni-popup>
|
|
|
|
<!-- ETC -->
|
|
<uni-popup ref="ETCRef">
|
|
<view class="ETCPopup">
|
|
<view class="ETCItem" @click="handleGoETC(1)">
|
|
<image class="itemImg" src="/static/images/home/newEtc.svg" />
|
|
<text class="itemText">ETC小程序</text>
|
|
</view>
|
|
<view class="ETCItem" @click="handleGoETC(2)">
|
|
<image class="itemImg" src="/static/images/home/ETCmap.svg" />
|
|
<text class="itemText">ETC网点</text>
|
|
</view>
|
|
</view>
|
|
</uni-popup>
|
|
|
|
<tabbar :page="'/pages/index/index'" />
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters } from "vuex";
|
|
import tabbar from "../../components/tabbar.vue";
|
|
import {
|
|
handleGetNearService,
|
|
getDistanceBetweenCoordinates
|
|
} from '../../utils/publicMethods'
|
|
import { encryptAES, decryptAES } from '../../utils/handleAes'
|
|
import { useSkeletonControl } from '../../utils/skeletonManager.js'
|
|
export default {
|
|
components: { tabbar },
|
|
data() {
|
|
return {
|
|
isPageLoading: true,
|
|
skeletonControl: null, // 骨架屏控制器
|
|
menu: {},
|
|
funList: [
|
|
{
|
|
label: "服务区",
|
|
value: 1,
|
|
index: 1,
|
|
src: "https://eshangtech.com/caiyunyiImg/home/serviceIcon.svg",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/home/springService.svg",
|
|
},
|
|
{
|
|
label: "商城",
|
|
value: 15,
|
|
index: 2,
|
|
src: "/static/images/home/shoppingMallIcon.svg",
|
|
springSrc: "/static/images/home/shoppingMallIconSpring.svg",
|
|
},
|
|
{
|
|
label: "加油",
|
|
value: 2,
|
|
index: 3,
|
|
src: "https://eshangtech.com/caiyunyiImg/home/gasoline.svg",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/home/springGasoline.svg",
|
|
},
|
|
{
|
|
label: "充电",
|
|
value: 3,
|
|
index: 4,
|
|
src: "/static/images/home/electricityIcon.svg",
|
|
springSrc: "/static/images/home/springElectricityIcon.svg",
|
|
},
|
|
{
|
|
label: "ETC",
|
|
value: 4,
|
|
index: 5,
|
|
src: "https://eshangtech.com/caiyunyiImg/home/ETC.svg",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/home/springETC.svg",
|
|
},
|
|
{
|
|
label: "点餐",
|
|
value: 5,
|
|
index: 6,
|
|
src: "/static/images/home/foodIcon.svg",
|
|
springSrc: "/static/images/home/springFood.svg",
|
|
},
|
|
{
|
|
label: "招商",
|
|
value: 17,
|
|
index: 7,
|
|
src: "/static/images/home/attractInvestment.svg",
|
|
springSrc: "/static/images/home/attractInvestment.svg",
|
|
},
|
|
{
|
|
label: "租车",
|
|
value: 7,
|
|
index: 17,
|
|
src: "https://eshangtech.com/caiyunyiImg/home/carRental.svg",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/home/springCarRental.svg",
|
|
},
|
|
{
|
|
label: "司机之家",
|
|
value: 6,
|
|
index: 8,
|
|
src: "/static/images/home/driverHome.svg",
|
|
springSrc: "/static/images/home/springDriverHome.svg",
|
|
},
|
|
// {
|
|
// label: "投诉建议",
|
|
// value: 9,
|
|
// index: 9,
|
|
// src: "/static/images/home/suggestion.svg",
|
|
// springSrc: "/static/images/home/springSuggestion.svg",
|
|
// },
|
|
{
|
|
label: "保险",
|
|
value: 8,
|
|
index: 10,
|
|
src: "https://eshangtech.com/caiyunyiImg/home/insuranceIcon.svg",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/home/springInsurance.svg",
|
|
},
|
|
{
|
|
label: "金融",
|
|
value: 10,
|
|
index: 11,
|
|
src: "/static/images/home/finance.svg",
|
|
springSrc: "/static/images/home/springFinance.svg",
|
|
},
|
|
{
|
|
label: "文旅",
|
|
value: 11,
|
|
index: 12,
|
|
src: "https://eshangtech.com/caiyunyiImg/home/travel.svg",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/home/springTravel.svg",
|
|
},
|
|
{
|
|
label: "售后",
|
|
value: 12,
|
|
index: 13,
|
|
src: "/static/images/home/customerService.svg",
|
|
springSrc: "/static/images/home/springCustomerService.svg",
|
|
},
|
|
{
|
|
label: "加水",
|
|
value: 13,
|
|
index: 14,
|
|
src: "/static/images/home/addWater.svg",
|
|
springSrc: "/static/images/home/springAddWater.svg",
|
|
},
|
|
{
|
|
label: "尿素",
|
|
value: 14,
|
|
index: 15,
|
|
src: "/static/images/home/ureaIcon.svg",
|
|
springSrc: "/static/images/home/springUrea.svg",
|
|
},
|
|
{
|
|
label: "活动报名",
|
|
value: 18,
|
|
index: 18,
|
|
src: "https://eshangtech.com/caiyunyiImg/huodongIcon.png",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/huodongIcon.png",
|
|
},
|
|
{
|
|
label: "共享休息站",
|
|
value: 19,
|
|
index: 19,
|
|
src: "https://eshangtech.com/caiyunyiImg/sleepIcon.png",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/sleepIcon.png",
|
|
}
|
|
],
|
|
allFun: {
|
|
label: "全部功能",
|
|
value: 15,
|
|
src: "/static/images/home/allFunIcon.svg",
|
|
springSrc: "/static/images/home/springAllFunIcon.svg",
|
|
},
|
|
pageType: "", // spring 春节模式
|
|
swiperList: [
|
|
// "https://ahyd.eshangtech.com/UploadImageDir/minprogram/正大泰国榴莲.jpg",
|
|
// "http://saas.eshangtech.com/minTestImg/DragonBoatFestival.jpg",
|
|
// "https://eshangtech.com/minTestImg/banner_0626_0702.png",
|
|
"https://eshangtech.com/caiyunyiImg/indexTopBg2.jpg",
|
|
"https://ahyd.eshangtech.com/UploadImageDir/minprogram/招商信息_1.jpg",
|
|
"https://ahyd.eshangtech.com/UploadImageDir/minprogram/龙江大桥_1.jpg",
|
|
"https://ahyd.eshangtech.com/UploadImageDir/minprogram/小沙坝服务区_1.jpg",
|
|
],
|
|
previewImageList: [
|
|
// "https://ahyd.eshangtech.com/UploadImageDir/minprogram/正大泰国榴莲.jpg",
|
|
// "http://saas.eshangtech.com/minTestImg/DragonBoatFestival.jpg",
|
|
// "https://eshangtech.com/minTestImg/banner_0626_0702.png",
|
|
"https://eshangtech.com/caiyunyiImg/indexTopBg2.jpg",
|
|
"https://ahyd.eshangtech.com/UploadImageDir/minprogram/正太泰国榴莲.jpg",
|
|
"https://ahyd.eshangtech.com/UploadImageDir/minprogram/招商信息_1.jpg",
|
|
"https://ahyd.eshangtech.com/UploadImageDir/minprogram/龙江大桥.jpg",
|
|
"https://ahyd.eshangtech.com/UploadImageDir/minprogram/小沙坝服务区.jpg",
|
|
], // 预览图数组
|
|
roadStatusList: [], // 路况播报
|
|
seat: {}, // 坐标
|
|
serverPartList: [],
|
|
serviceDetail: {}, // 当前服务区的详情
|
|
specialOffersList: [], // 促销单品的数据
|
|
productsList: [], // 甄选商品的数据
|
|
shoppingMall: [], // 商城精选的数据
|
|
chargingObj: {
|
|
have: 0,
|
|
use: 0,
|
|
}, // 充电桩数据
|
|
safeHeight: 0, // ios的安全距离
|
|
showBackTop: false, // 页面滚动距离
|
|
scrollView: "",
|
|
showPoster: true, // 判断是否显示海报
|
|
isChangeIcon: true, // 判断是否切换商城的图表
|
|
triggered: false,
|
|
poster: {},// 海报信息
|
|
ScenicData: null,// 景区信息
|
|
SCENICAREAOBJ: {},// 景区类型的枚举
|
|
everyWeekShopData: [],// 每周特惠数据
|
|
firstObj1: {},
|
|
marketingCampaign: [],// 营销活动数据
|
|
};
|
|
},
|
|
async onLoad(options) {
|
|
// 初始化骨架屏控制
|
|
this.skeletonControl = useSkeletonControl('/pages/index/index', options.pageType)
|
|
this.isPageLoading = this.skeletonControl.showSkeleton
|
|
|
|
// if (!this.user.MEMBERSHIP_ID) {
|
|
// uni.navigateTo({ url: `/pages/register/index?backTo=index` });
|
|
// }
|
|
// let stronge = uni.getStorageSync("showIndexPoster");
|
|
|
|
this.menu = uni.getMenuButtonBoundingClientRect();
|
|
let systemInfo = uni.getSystemInfoSync();
|
|
// 判断如果是苹果手机 那么把它底部的安全距离存起来
|
|
if (systemInfo.osName === "ios") {
|
|
// let height = systemInfo.safeArea.bottom - systemInfo.safeArea.height;
|
|
let height = systemInfo.safeAreaInsets.bottom;
|
|
this.safeHeight = Number(height);
|
|
uni.setStorageSync("safeHeight", height);
|
|
}
|
|
|
|
let currentService = uni.getStorageSync("currentService");
|
|
let seatInfo = uni.getStorageSync("seatInfo");
|
|
if (seatInfo) {
|
|
this.seat = JSON.parse(seatInfo);
|
|
}
|
|
|
|
// this.getLocalServer();
|
|
if (currentService) {
|
|
let res = this.handleMergeDetail(currentService);
|
|
this.serviceDetail = {
|
|
...this.serviceDetail,
|
|
...res
|
|
}
|
|
let _this = this
|
|
// 如果已经有了 当前的服务区 那就 获取一下定位 看看 跟原本的是否一致
|
|
uni.getLocation({
|
|
type: "gcj02",
|
|
altitude: true,
|
|
success: (res) => {
|
|
let seatInfo = {
|
|
latitude: res.latitude,
|
|
longitude: res.longitude,
|
|
};
|
|
if (JSON.stringify(_this.seat) === JSON.stringify(seatInfo)) {
|
|
|
|
} else {
|
|
uni.setStorageSync("seatInfo", JSON.stringify(seatInfo));
|
|
uni.setStorageSync("actualLocation", JSON.stringify(seatInfo));
|
|
_this.seat = seatInfo;
|
|
let latitude = res.latitude;
|
|
let longitude = res.longitude;
|
|
_this.handleGetNearService(latitude, longitude);
|
|
// 获得附近的景区数据
|
|
_this.handleGetScenicData(latitude, longitude);
|
|
}
|
|
},
|
|
fail: (err) => {
|
|
},
|
|
});
|
|
|
|
|
|
|
|
} else {
|
|
this.getLocalServer();
|
|
}
|
|
let funList = uni.getStorageSync("funList2");
|
|
if (funList) {
|
|
let newFunList = JSON.parse(funList);
|
|
if (newFunList && newFunList.length > 0) {
|
|
newFunList.forEach((item, index) => {
|
|
item.index = index + 1;
|
|
});
|
|
}
|
|
this.funList = newFunList;
|
|
} else {
|
|
uni.setStorageSync("funList2", JSON.stringify(this.funList));
|
|
}
|
|
|
|
await this.handleGetAdvertisementData()
|
|
|
|
// 并行加载所有数据
|
|
const loadPromises = [
|
|
this.handleGetHighwayHeadlines(), // 高速头条播报
|
|
];
|
|
|
|
this.handleGetSpecialOffers() // 促销单品
|
|
this.handleGetProductsList() // 甄选商品
|
|
this.handleGetShoppingMall() // 商城的内容
|
|
this.handleGetShopMallData()
|
|
|
|
if (this.seat.latitude && this.seat.longitude) {
|
|
// 景区信息
|
|
loadPromises.push(this.handleGetScenicData());
|
|
}
|
|
|
|
// 等待所有数据加载完成
|
|
try {
|
|
await Promise.all(loadPromises);
|
|
} catch (error) {
|
|
console.error('数据加载失败:', error);
|
|
}
|
|
|
|
// this.handleAes()
|
|
this.$utils.addUserBehaviorNew({
|
|
behaviorRecordDesc: "进入了首页"
|
|
});
|
|
|
|
// 所有数据加载完成，隐藏骨架屏
|
|
if (this.skeletonControl && this.skeletonControl.showSkeleton) {
|
|
// 如果是首次访问，延迟隐藏骨架屏并标记已访问
|
|
await this.skeletonControl.showContentAfterLoading(500)
|
|
this.isPageLoading = false
|
|
} else {
|
|
// 非首次访问直接显示内容
|
|
this.isPageLoading = false
|
|
}
|
|
|
|
// 骨架屏结束后显示广告弹窗
|
|
this.$nextTick(() => {
|
|
// 稍微延迟一下让页面渲染完成
|
|
setTimeout(() => {
|
|
// this.$refs.noticeRef.open("center");
|
|
// if (new Date("2025-06-25 00:00:00").getTime() < new Date().getTime() && new Date("2025-07-02 23:59:59").getTime() > new Date().getTime()) {
|
|
if (new Date(this.poster.PRESALE_STARTTIME).getTime() < new Date().getTime() && new Date(this.poster.PRESALE_ENDTIME).getTime() > new Date().getTime()) {
|
|
this.$refs.noticeRef.open("center");
|
|
let _this = this
|
|
setTimeout(() => {
|
|
_this.$refs.noticeRef.close();
|
|
}, 8000)
|
|
} else {
|
|
this.showPoster = false;
|
|
}
|
|
}, 300);
|
|
});
|
|
|
|
},
|
|
async onShow() {
|
|
// onShow 中不控制骨架屏，骨架屏只在 onLoad 中控制一次
|
|
// 如果不是首次加载，直接显示内容
|
|
if (!this.isPageLoading && this.skeletonControl && !this.skeletonControl.showSkeleton) {
|
|
// 非首次访问，确保内容显示
|
|
}
|
|
let currentService = uni.getStorageSync("currentService");
|
|
if (currentService) {
|
|
await this.handleGetServiceDetail(currentService.SERVERPART_ID);
|
|
// this.serviceDetail = currentService;
|
|
|
|
let obj = this.handleMergeDetail(currentService)
|
|
let newObj = {
|
|
...currentService,
|
|
sumDetail: obj,
|
|
haveREFUELINGGUN: obj.haveREFUELINGGUN,
|
|
HASCHARGE: obj.HASCHARGE,
|
|
havePARKING: obj.havePARKING,
|
|
haveWC: obj.haveWC,
|
|
HASMOTHER: obj.HASMOTHER,
|
|
HASPILOTLOUNGE: obj.HASPILOTLOUNGE,
|
|
}
|
|
this.serviceDetail = newObj
|
|
let idList = [1212, 1222, 1139, 1215];
|
|
if (idList.indexOf(this.serviceDetail.SERVERPART_ID) !== -1) {
|
|
this.handleGetChargingStation(this.serviceDetail);
|
|
}
|
|
|
|
}
|
|
|
|
let funList = uni.getStorageSync("funList2");
|
|
if (funList) {
|
|
let newFunList = JSON.parse(funList);
|
|
if (newFunList && newFunList.length > 0) {
|
|
newFunList.forEach((item, index) => {
|
|
item.index = index + 1;
|
|
});
|
|
}
|
|
this.funList = newFunList;
|
|
}
|
|
|
|
// if (new Date("2025-03-02 8:00:00").getTime() < new Date().getTime()) {
|
|
// this.isChangeIcon = false;
|
|
// }
|
|
// if (this.isChangeIcon) {
|
|
// let fun = this.funList;
|
|
// fun.forEach((item) => {
|
|
// if (item.value === 15) {
|
|
// item.label = "女神活动";
|
|
// item.src = "https://eshangtech.com/minTestImg/GoddessFestival.png";
|
|
// item.springSrc =
|
|
// "https://eshangtech.com/minTestImg/GoddessFestival.png";
|
|
// }
|
|
// });
|
|
|
|
// this.funList = fun;
|
|
// this.$forceUpdate();
|
|
// }
|
|
},
|
|
// async onPullDownRefresh() {
|
|
// // await this.handleReloadFunIndex()
|
|
// const seatInfo = await this.handleGetNewPosition()
|
|
|
|
// // handleGetNearService(seatInfo.longitude, seatInfo.latitude)
|
|
// let objInfo = await this.handleGetNearService(seatInfo.longitude, seatInfo.latitude)
|
|
// let obj = await this.handleGetServiceDetail(objInfo.SERVERPART_ID);
|
|
|
|
// let newObj = {
|
|
// ...objInfo,
|
|
// sumDetail: obj,
|
|
// haveREFUELINGGUN: obj.haveREFUELINGGUN,
|
|
// HASCHARGE: obj.HASCHARGE,
|
|
// havePARKING: obj.havePARKING,
|
|
// haveWC: obj.haveWC,
|
|
// HASMOTHER: obj.HASMOTHER,
|
|
// HASPILOTLOUNGE: obj.HASPILOTLOUNGE,
|
|
// }
|
|
// console.log('newObjnewObjnewObjnewObj', newObj);
|
|
|
|
// this.serviceDetail = newObj
|
|
// let idList = [1212, 1222, 1139, 1215];
|
|
// if (idList.indexOf(nearService.SERVERPART_ID) !== -1) {
|
|
// this.handleGetChargingStation(nearService);
|
|
// }
|
|
// uni.stopPullDownRefresh()
|
|
// },
|
|
computed: {
|
|
...mapGetters({
|
|
user: "user",
|
|
tableNum: "orderTable",
|
|
orderRemark: "orderRemark",
|
|
provinceCode: "provinceCode",
|
|
couponPrice: "couponPrice",
|
|
nowStore: "nowStore",
|
|
}),
|
|
},
|
|
onShareAppMessage() {
|
|
// let _this = this;
|
|
return {
|
|
title: "彩云驿出行",
|
|
path: "/pages/index/index",
|
|
// imageUrl: _this.good.DEFAULT_IMG,
|
|
};
|
|
},
|
|
onShareTimeline() {
|
|
return {
|
|
title: "彩云驿出行",
|
|
path: "/pages/index/index",
|
|
// imageUrl: _this.good.DEFAULT_IMG,
|
|
};
|
|
},
|
|
methods: {
|
|
// 请求景区信息
|
|
async handleGetScenicData(latitude, longitude) {
|
|
let SCENICAREA = uni.getStorageSync("SCENICAREAOBJ");
|
|
let SCENICAREAOBJ = {}
|
|
|
|
if (SCENICAREA) {
|
|
SCENICAREAOBJ = SCENICAREA
|
|
} else {
|
|
const field = await this.$api.$get("/EShangApiMain/FrameWork/GetFieldEnumTree", { FieldExplainField: 'SCENICAREA_TYPE' })
|
|
let fieldList = this.$utils.wrapTreeNode(field.Result_Data.List)
|
|
if (fieldList && fieldList.length > 0) {
|
|
fieldList.forEach((item) => {
|
|
SCENICAREAOBJ[item.value] = item.label
|
|
})
|
|
}
|
|
uni.setStorageSync("SCENICAREAOBJ", SCENICAREAOBJ);
|
|
}
|
|
|
|
this.SCENICAREAOBJ = SCENICAREAOBJ
|
|
|
|
let req = {
|
|
ProvinceCode: "530000",
|
|
latitude: latitude || this.seat.latitude || "",
|
|
longitude: longitude || this.seat.longitude || "",
|
|
ServerpartID: this.serviceDetail.SERVERPART_ID || "",
|
|
type: 'encryption'
|
|
}
|
|
const data = await this.$api.$zzyLocalPost(
|
|
"/WisdomServerpart/GetScenicAreaListByLocation",
|
|
req
|
|
);
|
|
console.log('景区数据 ', data);
|
|
let list = data.Result_Data.List
|
|
let res = []
|
|
if (list && list.length > 0) {
|
|
list.forEach((item) => {
|
|
if (item.SCENICAREA_STATE === 1000) {
|
|
res.push(item)
|
|
}
|
|
})
|
|
}
|
|
this.ScenicData = res[0]
|
|
},
|
|
// 跳转去查看当前景区详情
|
|
handleGoScenic() {
|
|
uni.navigateTo({ url: `/pages/scenicList/scenicDetail?id=${this.ScenicData.SCENICAREA_ID}&ScenicDistance=${this.ScenicData.ScenicDistance}` });
|
|
},
|
|
// 跳转去附近的景区列表页面
|
|
handleGoScenicList() {
|
|
if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {
|
|
let _this = this;
|
|
uni.showModal({
|
|
title: "温馨提示",
|
|
content: "请您授权登录后再操作。",
|
|
success(res) {
|
|
if (res.confirm) {
|
|
uni.navigateTo({ url: "/pages/register/index" });
|
|
}
|
|
},
|
|
});
|
|
return;
|
|
}
|
|
uni.navigateTo({
|
|
url: '/pages/scenicList/scenicList'
|
|
});
|
|
},
|
|
// 拿到广告数据
|
|
async handleGetAdvertisementData() {
|
|
let req = {
|
|
SearchParameter: {
|
|
OWNERUNIT_ID: 911,
|
|
GOODSTYPE: 7000,
|
|
USERDEFINEDTYPE_STATE: 1
|
|
},
|
|
SortStr: "OPERATE_DATE desc",
|
|
type: 'encryption'
|
|
}
|
|
const data1 = await this.$api.$zzyLocalPost(
|
|
"/MallBasic/GetUSERDEFINEDTYPEList",
|
|
req
|
|
);
|
|
|
|
let req2 = {
|
|
SearchParameter: {
|
|
OWNERUNIT_ID: 911,
|
|
GOODSTYPE: 7001,
|
|
USERDEFINEDTYPE_STATE: 1
|
|
},
|
|
SortStr: "OPERATE_DATE desc",
|
|
type: 'encryption'
|
|
}
|
|
const data2 = await this.$api.$zzyLocalPost(
|
|
"/MallBasic/GetUSERDEFINEDTYPEList",
|
|
req2
|
|
);
|
|
|
|
console.log('datadatadatadatadatadatadatadatadata', data1);
|
|
console.log('datadatadatadatadatadatadatadatadata', data2);
|
|
let res1 = data1.Result_Data.List
|
|
let res2 = data2.Result_Data.List
|
|
|
|
// 修改一下 使用的是 当前时间在的范围内的第一个
|
|
let firstObj1 = {}
|
|
if (res1 && res1.length > 0) {
|
|
for (let i = 0; i < res1.length; i++) {
|
|
const item = res1[i];
|
|
if (
|
|
new Date(item.PRESALE_STARTTIME).getTime() < new Date().getTime() &&
|
|
new Date().getTime() < new Date(item.PRESALE_ENDTIME).getTime()
|
|
) {
|
|
firstObj1 = item;
|
|
break; // 找到第一条后立即跳出循环
|
|
}
|
|
}
|
|
}
|
|
|
|
let firstObj2 = {}
|
|
if (res2 && res2.length > 0) {
|
|
for (let i = 0; i < res2.length; i++) {
|
|
const item = res2[i];
|
|
if (
|
|
new Date(item.PRESALE_STARTTIME).getTime() < new Date().getTime() &&
|
|
new Date().getTime() < new Date(item.PRESALE_ENDTIME).getTime()
|
|
) {
|
|
firstObj2 = item;
|
|
break; // 找到第一条后立即跳出循环
|
|
}
|
|
}
|
|
}
|
|
|
|
this.firstObj1 = firstObj1
|
|
if (firstObj1.USERDEFINEDTYPE_ICO) {
|
|
// this.swiperList.unshift(firstObj1.USERDEFINEDTYPE_ICO)
|
|
this.swiperList.splice(1, 0, firstObj1.USERDEFINEDTYPE_ICO);
|
|
}
|
|
console.log('firstObj2firstObj2firstObj2', firstObj2);
|
|
|
|
this.poster = firstObj2
|
|
|
|
// this.swiperList.unshift(res1[0].USERDEFINEDTYPE_ICO)
|
|
// this.poster = res2[0]
|
|
|
|
},
|
|
// 测试加密的方法
|
|
async handleAes() {
|
|
const req = {
|
|
waybillNo: "434491081179331",
|
|
mobile: "15558136957",
|
|
type: 'encryption'
|
|
}
|
|
let str = JSON.stringify(req)
|
|
// let jiami = encryptAES(str)
|
|
|
|
// let jiemi = decryptAES(jiami)
|
|
|
|
const data = await this.$api.$zzyLocalPost(
|
|
"/WeChat/ExpressQuery",
|
|
req
|
|
);
|
|
},
|
|
// 重新获取经纬度位置
|
|
handleGetNewPosition() {
|
|
return new Promise((resolve, reject) => {
|
|
uni.getLocation({
|
|
type: "gcj02",
|
|
altitude: true,
|
|
success: async (res) => {
|
|
let seatInfo = {
|
|
latitude: res.latitude,
|
|
longitude: res.longitude,
|
|
};
|
|
uni.setStorageSync(
|
|
"seatInfo",
|
|
JSON.stringify(seatInfo)
|
|
);
|
|
uni.setStorageSync(
|
|
"actualLocation",
|
|
JSON.stringify(seatInfo)
|
|
);
|
|
resolve(seatInfo)
|
|
},
|
|
});
|
|
})
|
|
},
|
|
handleCloseNotice() {
|
|
this.$refs.noticeRef.close();
|
|
},
|
|
// 重置顶部方法顺序
|
|
async handleReloadFunIndex() {
|
|
this.triggered = true
|
|
let _this = this
|
|
// 这里获取新的经纬度
|
|
const seatInfo = await this.handleGetNewPosition()
|
|
console.log('seatInfoseatInfoseatInfo', seatInfo);
|
|
// 拿到旧的经纬度
|
|
let oldSeatInfo = uni.getStorageSync('seatInfo')
|
|
if (oldSeatInfo) {
|
|
oldSeatInfo = JSON.parse(oldSeatInfo)
|
|
}
|
|
// 两次经纬度的相距距离
|
|
let distance = getDistanceBetweenCoordinates(seatInfo, oldSeatInfo)
|
|
console.log('distancedistancedistancedistance', distance);
|
|
if (distance < 10) {
|
|
// 拿到之前存的 当前定位的最近服务区 判断跟当前的选中服务区 是否一致 一致就不做处理 不一致 就要换成最近的服务区
|
|
let nearService = uni.getStorageSync("nearService");
|
|
|
|
let currentService = uni.getStorageSync("currentService");
|
|
if (nearService.SERVERPART_ID !== currentService.SERVERPART_ID) {
|
|
let obj = this.handleMergeDetail(nearService)
|
|
let newObj = {
|
|
...nearService,
|
|
sumDetail: obj,
|
|
haveREFUELINGGUN: obj.haveREFUELINGGUN,
|
|
HASCHARGE: obj.HASCHARGE,
|
|
havePARKING: obj.havePARKING,
|
|
haveWC: obj.haveWC,
|
|
HASMOTHER: obj.HASMOTHER,
|
|
HASPILOTLOUNGE: obj.HASPILOTLOUNGE,
|
|
}
|
|
this.serviceDetail = newObj
|
|
uni.setStorageSync("currentService", nearService);
|
|
let idList = [1212, 1222, 1139, 1215];
|
|
if (idList.indexOf(nearService.SERVERPART_ID) !== -1) {
|
|
this.handleGetChargingStation(nearService);
|
|
} else {
|
|
this.chargingObj = {
|
|
have: 0,
|
|
use: 0,
|
|
};
|
|
}
|
|
}
|
|
|
|
} else {
|
|
uni.setStorageSync("seatInfo", JSON.stringify(seatInfo));
|
|
uni.setStorageSync("actualLocation", JSON.stringify(seatInfo));
|
|
|
|
let objInfo = await this.handleGetNearService(seatInfo.longitude, seatInfo.latitude)
|
|
console.log('objInfo', objInfo);
|
|
let obj = this.handleMergeDetail(objInfo)
|
|
let newObj = {
|
|
...objInfo,
|
|
sumDetail: obj,
|
|
haveREFUELINGGUN: obj.haveREFUELINGGUN,
|
|
HASCHARGE: obj.HASCHARGE,
|
|
havePARKING: obj.havePARKING,
|
|
haveWC: obj.haveWC,
|
|
HASMOTHER: obj.HASMOTHER,
|
|
HASPILOTLOUNGE: obj.HASPILOTLOUNGE,
|
|
}
|
|
this.serviceDetail = newObj
|
|
let idList = [1212, 1222, 1139, 1215];
|
|
if (idList.indexOf(newObj.SERVERPART_ID) !== -1) {
|
|
this.handleGetChargingStation(this.serviceDetail);
|
|
}
|
|
}
|
|
|
|
|
|
return new Promise((resolve) => {
|
|
setTimeout(() => {
|
|
_this.funList = [
|
|
{
|
|
label: "服务区",
|
|
value: 1,
|
|
index: 1,
|
|
src: "https://eshangtech.com/caiyunyiImg/home/serviceIcon.svg",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/home/springService.svg",
|
|
},
|
|
{
|
|
label: "商城",
|
|
value: 15,
|
|
index: 2,
|
|
src: "/static/images/home/shoppingMallIcon.svg",
|
|
springSrc: "/static/images/home/shoppingMallIconSpring.svg",
|
|
},
|
|
{
|
|
label: "加油",
|
|
value: 2,
|
|
index: 3,
|
|
src: "https://eshangtech.com/caiyunyiImg/home/gasoline.svg",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/home/springGasoline.svg",
|
|
},
|
|
{
|
|
label: "充电",
|
|
value: 3,
|
|
index: 4,
|
|
src: "/static/images/home/electricityIcon.svg",
|
|
springSrc: "/static/images/home/springElectricityIcon.svg",
|
|
},
|
|
{
|
|
label: "ETC",
|
|
value: 4,
|
|
index: 5,
|
|
src: "https://eshangtech.com/caiyunyiImg/home/ETC.svg",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/home/springETC.svg",
|
|
},
|
|
{
|
|
label: "点餐",
|
|
value: 5,
|
|
index: 6,
|
|
src: "/static/images/home/foodIcon.svg",
|
|
springSrc: "/static/images/home/springFood.svg",
|
|
},
|
|
{
|
|
label: "招商",
|
|
value: 17,
|
|
index: 7,
|
|
src: "/static/images/home/attractInvestment.svg",
|
|
springSrc: "/static/images/home/attractInvestment.svg",
|
|
},
|
|
{
|
|
label: "租车",
|
|
value: 7,
|
|
index: 17,
|
|
src: "https://eshangtech.com/caiyunyiImg/home/carRental.svg",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/home/springCarRental.svg",
|
|
},
|
|
// {
|
|
// label: "投诉建议",
|
|
// value: 9,
|
|
// index: 9,
|
|
// src: "/static/images/home/suggestion.svg",
|
|
// springSrc: "/static/images/home/springSuggestion.svg",
|
|
// },
|
|
{
|
|
label: "司机之家",
|
|
value: 6,
|
|
index: 8,
|
|
src: "/static/images/home/driverHome.svg",
|
|
springSrc: "/static/images/home/springDriverHome.svg",
|
|
},
|
|
{
|
|
label: "保险",
|
|
value: 8,
|
|
index: 10,
|
|
src: "https://eshangtech.com/caiyunyiImg/home/insuranceIcon.svg",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/home/springInsurance.svg",
|
|
},
|
|
{
|
|
label: "金融",
|
|
value: 10,
|
|
index: 11,
|
|
src: "/static/images/home/finance.svg",
|
|
springSrc: "/static/images/home/springFinance.svg",
|
|
},
|
|
{
|
|
label: "文旅",
|
|
value: 11,
|
|
index: 12,
|
|
src: "https://eshangtech.com/caiyunyiImg/home/travel.svg",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/home/springTravel.svg",
|
|
},
|
|
{
|
|
label: "售后",
|
|
value: 12,
|
|
index: 13,
|
|
src: "/static/images/home/customerService.svg",
|
|
springSrc: "/static/images/home/springCustomerService.svg",
|
|
},
|
|
{
|
|
label: "加水",
|
|
value: 13,
|
|
index: 14,
|
|
src: "/static/images/home/addWater.svg",
|
|
springSrc: "/static/images/home/springAddWater.svg",
|
|
},
|
|
{
|
|
label: "尿素",
|
|
value: 14,
|
|
index: 15,
|
|
src: "/static/images/home/ureaIcon.svg",
|
|
springSrc: "/static/images/home/springUrea.svg",
|
|
},
|
|
{
|
|
label: "活动报名",
|
|
value: 18,
|
|
index: 18,
|
|
src: "https://eshangtech.com/caiyunyiImg/huodongIcon.png",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/huodongIcon.png",
|
|
},
|
|
{
|
|
label: "共享休息站",
|
|
value: 19,
|
|
index: 19,
|
|
src: "https://eshangtech.com/caiyunyiImg/sleepIcon.png",
|
|
springSrc: "https://eshangtech.com/caiyunyiImg/sleepIcon.png",
|
|
}
|
|
]
|
|
_this.triggered = false
|
|
uni.setStorageSync("funList2", JSON.stringify(_this.funList));
|
|
resolve(true)
|
|
}, 300);
|
|
|
|
});
|
|
|
|
},
|
|
handleHidePopup() {
|
|
uni.setStorageSync("showIndexPoster", 1);
|
|
this.$refs.noticeRef.close();
|
|
|
|
if (this.poster.BUSINESSTYPE === 2000) {
|
|
uni.navigateTo({
|
|
url: `/pages/shopMallPage/shopType/index?selectIndex=3&pageType=`,
|
|
});
|
|
} else {
|
|
uni.navigateTo({
|
|
url: `/pages/shopMallPage/shopType/index`,
|
|
});
|
|
}
|
|
},
|
|
// 回到顶部
|
|
handleGoBack() {
|
|
this.scrollView = "navItem";
|
|
},
|
|
// 下拉触发事件
|
|
handlePageScroll(e) {
|
|
this.pageScrollNumber = Number(e.detail.scrollTop);
|
|
if (Number(e.detail.scrollTop) > 100) {
|
|
this.showBackTop = true;
|
|
} else {
|
|
this.scrollView = "";
|
|
this.showBackTop = false;
|
|
}
|
|
},
|
|
// 查询现在的充电桩
|
|
async handleGetChargingStation(obj) {
|
|
let _this = this;
|
|
uni.request({
|
|
url: "https://xny.yciccloud.com/interconnect/api/interconnection/open/getConnectList", //仅为示例，并非真实接口地址。
|
|
method: "POST",
|
|
success: (res) => {
|
|
let list = res.data;
|
|
console.log('充电', res);
|
|
|
|
let result = [];
|
|
if (list && list.length > 0) {
|
|
list.forEach((item) => {
|
|
if (
|
|
(item.stationName.indexOf("读书铺") !== -1 &&
|
|
obj.SERVERPART_NAME.indexOf("读书铺") !== -1) ||
|
|
(item.stationName.indexOf("鸡街") !== -1 &&
|
|
obj.SERVERPART_NAME.indexOf("鸡街") !== -1) ||
|
|
(item.stationName.indexOf("星云") !== -1 &&
|
|
obj.SERVERPART_NAME.indexOf("星云") !== -1) ||
|
|
(item.stationName.indexOf("富民") !== -1 &&
|
|
obj.SERVERPART_NAME.indexOf("富民") !== -1)
|
|
) {
|
|
result.push(item);
|
|
}
|
|
});
|
|
}
|
|
let sum = 0;
|
|
let have = 0;
|
|
let use = 0;
|
|
|
|
if (result && result.length > 0) {
|
|
result.forEach((item) => {
|
|
if (item.status === "50") {
|
|
sum += 1;
|
|
}
|
|
});
|
|
}
|
|
if (sum > 0) {
|
|
use = sum;
|
|
if (obj.sumDetail.STATEGRIDCHARGE > 0) {
|
|
if (obj.sumDetail.STATEGRIDCHARGE < result.length) {
|
|
have = result.length;
|
|
} else {
|
|
have = obj.sumDetail.STATEGRIDCHARGE;
|
|
}
|
|
} else {
|
|
have = result.length;
|
|
}
|
|
} else {
|
|
have = obj.sumDetail.LIVESTOCKPACKING;
|
|
let rank = Number(uni.getStorageSync("rankNumber"));
|
|
if (rank > 0) {
|
|
} else {
|
|
rank = Math.random() * (0.7 - 0.5) + 0.5;
|
|
uni.setStorageSync("rankNumber", rank);
|
|
}
|
|
use = Math.floor(have * rank);
|
|
}
|
|
_this.chargingObj = {
|
|
have: have,
|
|
use: use,
|
|
};
|
|
_this.$forceUpdate();
|
|
},
|
|
});
|
|
},
|
|
// 拿到服务区详情
|
|
async handleGetServiceDetail(id) {
|
|
if (!id) {
|
|
return;
|
|
}
|
|
let req = {
|
|
ServerpartId: id,
|
|
latitude: this.seat.latitude,
|
|
longitude: this.seat.longitude,
|
|
noLoading: true
|
|
};
|
|
const data = await this.$api.$get(
|
|
"/CommercialApi/BaseInfo/GetServerpartInfo",
|
|
req
|
|
);
|
|
let obj = data.Result_Data;
|
|
this.serviceDetail = obj;
|
|
this.serviceDetail.sumDetail = this.handleMergeDetail(obj);
|
|
return this.serviceDetail
|
|
},
|
|
// 预览查看
|
|
handleShowPreview(obj) {
|
|
uni.previewImage({
|
|
current: obj, // 当前显示图片的http链接
|
|
urls: this.previewImageList, // 需要预览的图片http链接列表
|
|
});
|
|
},
|
|
handleGoDetail() {
|
|
if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {
|
|
let _this = this;
|
|
uni.showModal({
|
|
title: "温馨提示",
|
|
content: "请您授权登录后再操作。",
|
|
success(res) {
|
|
if (res.confirm) {
|
|
uni.navigateTo({ url: "/pages/register/index" });
|
|
}
|
|
},
|
|
});
|
|
return;
|
|
}
|
|
uni.navigateTo({
|
|
url: `/pages/serviceDetail/index`,
|
|
});
|
|
},
|
|
// ETC的功能
|
|
handleGoETC(value) {
|
|
if (value === 1) {
|
|
uni.navigateToMiniProgram({
|
|
appId: "wxb228568a0a4f7120",
|
|
success(res) {
|
|
_this.$utils.addUserBehaviorNew({
|
|
behaviorRecordDesc: "跳转ETC小程序"
|
|
});
|
|
}
|
|
});
|
|
} else if (value === 2) {
|
|
uni.navigateTo({
|
|
url: `/pages/etcMap/index`,
|
|
});
|
|
}
|
|
},
|
|
// 功能列表
|
|
handleFunClick(obj) {
|
|
let _this = this
|
|
if ((this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) && obj.value !== 15) {
|
|
let _this = this;
|
|
uni.showModal({
|
|
title: "温馨提示",
|
|
content: "请您授权登录后再操作。",
|
|
success(res) {
|
|
if (res.confirm) {
|
|
uni.navigateTo({ url: "/pages/register/index" });
|
|
}
|
|
},
|
|
});
|
|
return;
|
|
}
|
|
// 服务区
|
|
if (obj.value === 1) {
|
|
uni.navigateTo({
|
|
url: `/pages/serviceDetail/index`,
|
|
});
|
|
} else if (obj.value === 2) {
|
|
// 加油
|
|
uni.navigateTo({
|
|
url: `/pages/otherFunPage/goPublicPage/index`,
|
|
});
|
|
// uni.navigateTo({
|
|
// url: `/pages/noDataPage/index`,
|
|
// });
|
|
} else if (obj.value === 3) {
|
|
// 充电
|
|
uni.navigateToMiniProgram({
|
|
shortLink: "#小程序://云南交投新能源充电网平台/Z6OAkOF7DnSm5da",
|
|
success(res) {
|
|
_this.$utils.addUserBehaviorNew({
|
|
behaviorRecordDesc: "进入充电页面"
|
|
});
|
|
}
|
|
});
|
|
} else if (obj.value === 4) {
|
|
// ETC
|
|
// uni.navigateToMiniProgram({
|
|
// appId: "wxb228568a0a4f7120",
|
|
// });
|
|
|
|
this.$refs.ETCRef.open("center");
|
|
|
|
// uni.navigateTo({
|
|
// url: `/pages/etcMap/index`,
|
|
// });
|
|
} else if (obj.value === 5) {
|
|
// 点餐
|
|
uni.navigateTo({
|
|
url: "/pages/serviceList/index?type=food",
|
|
});
|
|
// uni.navigateTo({
|
|
// url: `/pages/reservationOrder/index?id=${this.serviceDetail.SERVERPART_ID}`,
|
|
// });
|
|
} else if (obj.value === 6) {
|
|
// 司机之家
|
|
uni.navigateTo({
|
|
url: "/pages/serviceList/index?type=driver",
|
|
});
|
|
} else if (obj.value === 7) {
|
|
// 租车
|
|
// uni.navigateTo({
|
|
// url: `/pages/noDataPage/index`,
|
|
// });
|
|
uni.navigateToMiniProgram({
|
|
appId: "wxe4bc565cbbf5e289",
|
|
path: `pages/isd/indexNew/index?landingto=home&apptype=ISD_C_WX&st=ser&fromurl=common&channelid=242572`,
|
|
success(res) {
|
|
_this.$utils.addUserBehaviorNew({
|
|
behaviorRecordDesc: "跳转租车"
|
|
});
|
|
}
|
|
// extraData: {
|
|
// landingto: "home",
|
|
// apptype: "ISD_C_WX",
|
|
// st: "ser",
|
|
// fromurl: "common",
|
|
// channelid: 242572,
|
|
// },
|
|
});
|
|
} else if (obj.value === 8) {
|
|
// 保险
|
|
uni.navigateTo({
|
|
url: `/pages/otherFunPage/insurance/index`,
|
|
});
|
|
_this.$utils.addUserBehaviorNew({
|
|
behaviorRecordDesc: "跳转保险"
|
|
});
|
|
} else if (obj.value === 9) {
|
|
// 投诉建议
|
|
// uni.navigateToMiniProgram({
|
|
// shortLink: "#小程序://云交经司服/jFbQlCIEsEjf5Nq",
|
|
// success(res) {
|
|
// _this.$utils.addUserBehaviorNew({
|
|
// behaviorRecordDesc: "跳转投诉建议"
|
|
// });
|
|
// }
|
|
// });
|
|
uni.navigateTo({
|
|
url: `/pages/complaints/index`,
|
|
});
|
|
} else if (obj.value === 10) {
|
|
// 金融
|
|
uni.navigateTo({
|
|
url: `/pages/otherFunPage/finance/index`,
|
|
});
|
|
_this.$utils.addUserBehaviorNew({
|
|
behaviorRecordDesc: "跳转金融"
|
|
});
|
|
} else if (obj.value === 11) {
|
|
// 文旅
|
|
uni.navigateTo({
|
|
url: `/pages/noDataPage/index`,
|
|
});
|
|
} else if (obj.value === 12) {
|
|
// 售后
|
|
// uni.navigateTo({
|
|
// url: `/pages/noDataPage/index`,
|
|
// });
|
|
// uni.makePhoneCall({
|
|
// phoneNumber: '087167199960' //仅为示例
|
|
// });
|
|
} else if (obj.value === 13) {
|
|
// 加水
|
|
uni.scanCode({
|
|
success: function (res) {
|
|
},
|
|
});
|
|
_this.$utils.addUserBehaviorNew({
|
|
behaviorRecordDesc: "加水扫码"
|
|
});
|
|
} else if (obj.value === 14) {
|
|
// 尿素
|
|
uni.scanCode({
|
|
success: function (res) {
|
|
},
|
|
});
|
|
_this.$utils.addUserBehaviorNew({
|
|
behaviorRecordDesc: "尿素扫码"
|
|
});
|
|
} else if (obj.value === 15) {
|
|
if (this.isChangeIcon) {
|
|
uni.navigateTo({
|
|
url: `/pages/shopMallPage/shopType/index`,
|
|
});
|
|
} else {
|
|
// 商城
|
|
this.handleGoShop();
|
|
}
|
|
} else if (obj.value === 17) {
|
|
if (this.firstObj1.USERDEFINEDTYPE_ICO) {
|
|
if (obj.index === 0) {
|
|
uni.navigateTo({
|
|
url: `/pages/shopMallPage/shopType/index?selectIndex=3`,
|
|
});
|
|
} else if (obj.index === 1) {
|
|
uni.navigateTo({
|
|
url: `/pages/shopMallPage/shopType/index?comeForm=index`,
|
|
});
|
|
} else {
|
|
uni.navigateTo({
|
|
url: `/pages/highwayHeadlines/attractInvestment`,
|
|
});
|
|
}
|
|
} else {
|
|
if (obj.index === 0) {
|
|
uni.navigateTo({
|
|
url: `/pages/shopMallPage/shopType/index?selectIndex=3`,
|
|
});
|
|
} else {
|
|
uni.navigateTo({
|
|
url: `/pages/highwayHeadlines/attractInvestment`,
|
|
});
|
|
}
|
|
}
|
|
|
|
} else if (obj.value === 18) {
|
|
uni.navigateTo({
|
|
url: `/pages/eventRegistration/index`,
|
|
});
|
|
} else if (obj.value === 19) {
|
|
uni.navigateTo({
|
|
url: `/pages/sharedRestStop/index`,
|
|
});
|
|
}
|
|
},
|
|
// 跳转到商城
|
|
handleGoShop() {
|
|
// if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {
|
|
// let _this = this;
|
|
// uni.showModal({
|
|
// title: "温馨提示",
|
|
// content: "请您授权登录后再操作。",
|
|
// success(res) {
|
|
// if (res.confirm) {
|
|
// uni.navigateTo({ url: "/pages/register/index" });
|
|
// }
|
|
// },
|
|
// });
|
|
// return;
|
|
// }
|
|
// uni.navigateTo({
|
|
uni.switchTab({
|
|
url: "/pages/shopMallPage/index/index",
|
|
});
|
|
},
|
|
// 全部功能
|
|
handleGoAllFun() {
|
|
if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {
|
|
let _this = this;
|
|
uni.showModal({
|
|
title: "温馨提示",
|
|
content: "请您授权登录后再操作。",
|
|
success(res) {
|
|
if (res.confirm) {
|
|
uni.navigateTo({ url: "/pages/register/index" });
|
|
}
|
|
},
|
|
});
|
|
return;
|
|
}
|
|
uni.navigateTo({
|
|
url: `/pages/allFunPage/index?pageType=${this.pageType}`,
|
|
});
|
|
},
|
|
// 跳转到选择服务区
|
|
goSelectServer() {
|
|
if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {
|
|
let _this = this;
|
|
uni.showModal({
|
|
title: "温馨提示",
|
|
content: "请您授权登录后再操作。",
|
|
success(res) {
|
|
if (res.confirm) {
|
|
uni.navigateTo({ url: "/pages/register/index" });
|
|
}
|
|
},
|
|
});
|
|
return;
|
|
}
|
|
uni.navigateTo({ url: "/pages/newMap/index/index?comeForm=home" });
|
|
},
|
|
getLocalServer() {
|
|
// 根据定位获取周边服务区
|
|
let _this = this;
|
|
uni.getLocation({
|
|
type: "gcj02",
|
|
altitude: true,
|
|
success: (res) => {
|
|
let seatInfo = {
|
|
latitude: res.latitude,
|
|
longitude: res.longitude,
|
|
};
|
|
uni.setStorageSync("seatInfo", JSON.stringify(seatInfo));
|
|
uni.setStorageSync("actualLocation", JSON.stringify(seatInfo));
|
|
_this.seat = seatInfo;
|
|
|
|
let latitude = res.latitude;
|
|
let longitude = res.longitude;
|
|
_this.handleGetNearService(latitude, longitude);
|
|
// 获得附近的景区数据
|
|
_this.handleGetScenicData(latitude, longitude);
|
|
},
|
|
fail: (err) => {
|
|
},
|
|
});
|
|
},
|
|
// 合并服务区数据
|
|
handleMergeDetail(obj) {
|
|
let sumObj = {
|
|
LIVESTOCKPACKING: 0, // 充电桩数
|
|
STATEGRIDCHARGE: 0, // 国网充电桩数量
|
|
LIAUTOCHARGE: 0, // 理想5C充电桩数量
|
|
GACENERGYCHARGE: 0, // 广汽能源充电桩数量
|
|
OTHERCHARGE: 0, // 其他充电桩数量
|
|
REFUELINGGUN92: 0, // 加油枪92号
|
|
REFUELINGGUN95: 0, // 加油枪95号
|
|
REFUELINGGUN0: 0, // 加油枪0号
|
|
HASPANTRY: 0, // 男厕数量
|
|
HASWIFI: 0, // 女厕数量
|
|
TOILETCOUNT: 0, // 潮汐厕位
|
|
HASSHOWERROOM: 0, // 淋浴房
|
|
HASWATERROOM: 0, // 开水器
|
|
MICROWAVEOVEN: 0, // 微波炉
|
|
WASHERCOUNT: 0, // 洗衣机数量
|
|
SLEEPINGPODS: 0, // 睡眠仓
|
|
HASPILOTLOUNGE: false, // 有无司机之家
|
|
HASCHILD: false, // 有无车辆维修
|
|
VEHICLEWATERFILLING: false, // 有无车辆加水
|
|
SMALLPARKING: 0, // 轿车车位
|
|
PACKING: 0, // 客车车位
|
|
TRUCKPACKING: 0, // 货车车位
|
|
DANPACKING: 0, // 危化品车位
|
|
DININGBXCOUNT: 0, // 商铺数量
|
|
DININGROOMCOUNT: 0, // 餐饮店
|
|
HASBACKGROUNDRADIO: 0, // 便利店
|
|
POINTCONTROLCOUNT: 0, // 客房
|
|
BUSINESSTYPE: "",
|
|
TOILET_PAPER: 0, // 厕纸巾
|
|
MABROOMWATER_DISPENSER: 0, // 母婴室饮水机
|
|
NURSING_TABLE: 0, // 哺乳桌
|
|
BABY_COT: 0, // 婴儿床
|
|
CHANGING_TABLE: 0, // 尿布台
|
|
DROOMWATER_DISPENSER: 0, // 司机之家饮水机
|
|
haveREFUELINGGUN: false, // 判断有无加油
|
|
havePARKING: false, // 判断有无停车场
|
|
haveWC: false, // 判断有无卫生间
|
|
HASMOTHER: false
|
|
};
|
|
if (obj.RegionInfo && obj.RegionInfo.length > 0) {
|
|
obj.RegionInfo.forEach((item) => {
|
|
sumObj.LIVESTOCKPACKING += item.LIVESTOCKPACKING;
|
|
sumObj.STATEGRIDCHARGE += item.STATEGRIDCHARGE;
|
|
sumObj.LIAUTOCHARGE += item.LIAUTOCHARGE;
|
|
sumObj.GACENERGYCHARGE += item.GACENERGYCHARGE;
|
|
sumObj.OTHERCHARGE += item.OTHERCHARGE;
|
|
sumObj.REFUELINGGUN92 += item.REFUELINGGUN92;
|
|
sumObj.REFUELINGGUN95 += item.REFUELINGGUN95;
|
|
sumObj.REFUELINGGUN0 += item.REFUELINGGUN0;
|
|
sumObj.HASPANTRY += item.HASPANTRY;
|
|
sumObj.HASWIFI += item.HASWIFI;
|
|
sumObj.TOILETCOUNT += item.TOILETCOUNT;
|
|
sumObj.HASSHOWERROOM += item.HASSHOWERROOM;
|
|
sumObj.HASWATERROOM += item.HASWATERROOM;
|
|
sumObj.MICROWAVEOVEN += item.MICROWAVEOVEN;
|
|
sumObj.WASHERCOUNT += item.WASHERCOUNT;
|
|
sumObj.SLEEPINGPODS += item.SLEEPINGPODS;
|
|
sumObj.SMALLPARKING += item.SMALLPARKING;
|
|
sumObj.PACKING += item.PACKING;
|
|
sumObj.TRUCKPACKING += item.TRUCKPACKING;
|
|
sumObj.DANPACKING += item.DANPACKING;
|
|
sumObj.BUSINESSTYPE = item.BUSINESSTYPE;
|
|
sumObj.TOILET_PAPER += item.TOILET_PAPER;
|
|
sumObj.MABROOMWATER_DISPENSER += item.MABROOMWATER_DISPENSER;
|
|
sumObj.NURSING_TABLE += item.NURSING_TABLE;
|
|
sumObj.BABY_COT += item.BABY_COT;
|
|
sumObj.CHANGING_TABLE += item.CHANGING_TABLE;
|
|
sumObj.DROOMWATER_DISPENSER += item.DROOMWATER_DISPENSER;
|
|
|
|
if (item.HASMOTHER) {
|
|
sumObj.HASMOTHER = true
|
|
}
|
|
|
|
|
|
|
|
if (sumObj.LIVESTOCKPACKING > 0 || sumObj.STATEGRIDCHARGE > 0 || sumObj.LIAUTOCHARGE > 0 || sumObj.GACENERGYCHARGE > 0 || sumObj.OTHERCHARGE > 0) {
|
|
sumObj.HASCHARGE = true;
|
|
}
|
|
|
|
if (item.HASPILOTLOUNGE) {
|
|
sumObj.HASPILOTLOUNGE = true;
|
|
}
|
|
if (item.VEHICLEWATERFILLING) {
|
|
sumObj.VEHICLEWATERFILLING = true;
|
|
}
|
|
if (item.HASCHILD) {
|
|
sumObj.HASCHILD = true;
|
|
}
|
|
sumObj.DININGBXCOUNT += item.DININGBXCOUNT;
|
|
sumObj.DININGROOMCOUNT += item.DININGROOMCOUNT;
|
|
sumObj.HASBACKGROUNDRADIO += item.HASBACKGROUNDRADIO;
|
|
sumObj.POINTCONTROLCOUNT += item.POINTCONTROLCOUNT;
|
|
|
|
if (
|
|
sumObj.REFUELINGGUN92 > 0 ||
|
|
sumObj.REFUELINGGUN95 > 0 ||
|
|
sumObj.REFUELINGGUN0 > 0
|
|
) {
|
|
sumObj.haveREFUELINGGUN = true;
|
|
}
|
|
|
|
if (
|
|
sumObj.SMALLPARKING > 0 ||
|
|
sumObj.PACKING > 0 ||
|
|
sumObj.TRUCKPACKING > 0 ||
|
|
sumObj.DANPACKING > 0
|
|
) {
|
|
sumObj.havePARKING = true;
|
|
}
|
|
if (
|
|
sumObj.HASPANTRY > 0 ||
|
|
sumObj.HASWIFI > 0 ||
|
|
sumObj.TOILETCOUNT > 0
|
|
) {
|
|
sumObj.haveWC = true;
|
|
}
|
|
});
|
|
}
|
|
return sumObj;
|
|
},
|
|
// 拿到最近的服务区数据
|
|
async handleGetNearService(latitude, longitude) {
|
|
let req = {
|
|
Province_Code: "530000",
|
|
longitude: longitude,
|
|
latitude: latitude,
|
|
showservice: true,
|
|
appId: "wxee018fb96955552a",
|
|
};
|
|
uni.showLoading({
|
|
title: "查找最近的服务区...",
|
|
});
|
|
// const data = await this.$api.$get(
|
|
// "/CommercialApi/BaseInfo/GetServerpartList",
|
|
// req
|
|
// );
|
|
const data = await this.$api.$javaGet('/third-party/getServerPartList', req)
|
|
|
|
this.serverPartList = data.Result_Data.List;
|
|
console.log('this.serverPartListthis.serverPartListthis.serverPartList2312', this.serverPartList);
|
|
uni.setStorageSync("serverPartList", JSON.stringify(this.serverPartList));
|
|
|
|
let nearService = this.serverPartList[0];
|
|
uni.setStorageSync("nearService", nearService);
|
|
console.log('nearServicenearServicenearService', nearService);
|
|
|
|
nearService.sumDetail = this.handleMergeDetail(nearService);
|
|
let newObj = {
|
|
...nearService,
|
|
sumDetail: nearService.sumDetail,
|
|
haveREFUELINGGUN: nearService.sumDetail.haveREFUELINGGUN,
|
|
HASCHARGE: nearService.sumDetail.HASCHARGE,
|
|
havePARKING: nearService.sumDetail.havePARKING,
|
|
haveWC: nearService.sumDetail.haveWC,
|
|
HASMOTHER: nearService.sumDetail.HASMOTHER,
|
|
HASPILOTLOUNGE: nearService.sumDetail.HASPILOTLOUNGE,
|
|
}
|
|
this.serviceDetail = newObj;
|
|
uni.setStorageSync("currentService", nearService);
|
|
|
|
let idList = [1212, 1222, 1139, 1215];
|
|
if (idList.indexOf(nearService.SERVERPART_ID) !== -1) {
|
|
this.handleGetChargingStation(nearService);
|
|
}
|
|
uni.hideLoading();
|
|
return nearService
|
|
},
|
|
// 高速头条播报
|
|
async handleGetHighwayHeadlines() {
|
|
let newReq = {
|
|
SearchParameter: {
|
|
// NOTICEINFO_TYPES: 1010,
|
|
PROVINCE_CODE: "530000",
|
|
NOTICEINFO_STATE: 1,
|
|
},
|
|
PageIndex: 1,
|
|
PageSize: 10,
|
|
appId: "wxee018fb96955552a",
|
|
};
|
|
const newData = await this.$api.$post(
|
|
"/EShangApiMain/Notice/GetNOTICEINFOList",
|
|
newReq
|
|
);
|
|
let list = newData.Result_Data.List;
|
|
|
|
this.roadStatusList = list
|
|
},
|
|
// 跳转高速头条
|
|
handleGoHighWay() {
|
|
if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {
|
|
let _this = this;
|
|
uni.showModal({
|
|
title: "温馨提示",
|
|
content: "请您授权登录后再操作。",
|
|
success(res) {
|
|
if (res.confirm) {
|
|
uni.navigateTo({ url: "/pages/register/index" });
|
|
}
|
|
},
|
|
});
|
|
return;
|
|
}
|
|
uni.navigateTo({
|
|
url: "/pages/highwayHeadlines/index",
|
|
});
|
|
},
|
|
// 拿到促销单品的数据 5030
|
|
async handleGetSpecialOffers() {
|
|
const data = await this.$api.getCoop({
|
|
action_type: "WeChat_GetMallGoodsInfo",
|
|
ownerUnitId: 911,
|
|
COMMODITYNATURE: 5030,
|
|
excludeNature: 5070,
|
|
justCommodity: 1,
|
|
});
|
|
let list = data.Data.List;
|
|
let shopList = [];
|
|
if (list && list.length > 0) {
|
|
list.forEach((item) => {
|
|
if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {
|
|
item.COMMODITYLIST.forEach((subItem) => {
|
|
shopList.push(subItem);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
if (shopList && shopList.length > 0) {
|
|
this.specialOffersList = shopList.slice(0, 2);
|
|
} else {
|
|
this.specialOffersList = [];
|
|
}
|
|
},
|
|
|
|
// 拿到甄选商品 5040
|
|
async handleGetProductsList() {
|
|
const data = await this.$api.getCoop({
|
|
action_type: "WeChat_GetMallGoodsInfo",
|
|
ownerUnitId: 911,
|
|
COMMODITYNATURE: 5040,
|
|
excludeNature: 5070,
|
|
justCommodity: 1,
|
|
});
|
|
let list = data.Data.List;
|
|
let shopList = [];
|
|
if (list && list.length > 0) {
|
|
list.forEach((item) => {
|
|
if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {
|
|
item.COMMODITYLIST.forEach((subItem) => {
|
|
shopList.push(subItem);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
if (shopList && shopList.length > 0) {
|
|
this.productsList = shopList.slice(0, 2);
|
|
} else {
|
|
this.productsList = [];
|
|
}
|
|
},
|
|
// 拿到 商城精品 3000
|
|
async handleGetShoppingMall() {
|
|
const data = await this.$api.getCoop({
|
|
action_type: "WeChat_GetMallGoodsInfo",
|
|
ownerUnitId: 911,
|
|
COMMODITYNATURE: 3000,
|
|
excludeNature: 5070,
|
|
justCommodity: 1,
|
|
});
|
|
let list = data.Data.List;
|
|
let shopList = [];
|
|
if (list && list.length > 0) {
|
|
list.forEach((item) => {
|
|
if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {
|
|
item.COMMODITYLIST.forEach((subItem) => {
|
|
if (
|
|
subItem.COMMODITY_MEMBERPRICE &&
|
|
subItem.COMMODITY_MEMBERPRICE.toString().indexOf(".") !== -1
|
|
) {
|
|
subItem.bigNumber =
|
|
subItem.COMMODITY_MEMBERPRICE.toString().split(".")[0];
|
|
subItem.smallNumber =
|
|
subItem.COMMODITY_MEMBERPRICE.toString().split(".")[1];
|
|
} else {
|
|
subItem.bigNumber = subItem.COMMODITY_MEMBERPRICE;
|
|
}
|
|
if (
|
|
subItem.COMMODITY_RETAILPRICE &&
|
|
subItem.COMMODITY_RETAILPRICE.toString().indexOf(".") !== -1
|
|
) {
|
|
subItem.RETbigNumber =
|
|
subItem.COMMODITY_RETAILPRICE.toString().split(".")[0];
|
|
subItem.RETsmallNumber =
|
|
subItem.COMMODITY_RETAILPRICE.toString().split(".")[1];
|
|
} else {
|
|
subItem.RETbigNumber = subItem.COMMODITY_RETAILPRICE;
|
|
}
|
|
shopList.push(subItem);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
this.shoppingMall = shopList;
|
|
},
|
|
// 打开地图的跳转
|
|
handleGoMap() {
|
|
if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {
|
|
let _this = this;
|
|
uni.showModal({
|
|
title: "温馨提示",
|
|
content: "请您授权登录后再操作。",
|
|
success(res) {
|
|
if (res.confirm) {
|
|
uni.navigateTo({ url: "/pages/register/index" });
|
|
}
|
|
},
|
|
});
|
|
return;
|
|
}
|
|
uni.openLocation({
|
|
latitude: this.serviceDetail.SERVERPART_Y * 1,
|
|
longitude: this.serviceDetail.SERVERPART_X * 1,
|
|
scale: 16, // 缩放比例
|
|
name: this.serviceDetail.SERVERPART_NAME,
|
|
// address: "", // 这个可能会影响地图的定位，所以可以选择不填
|
|
success(data) {
|
|
},
|
|
fail(err) {
|
|
},
|
|
});
|
|
},
|
|
// 跳转商品详情
|
|
handleGoShopDetail(obj) {
|
|
uni.navigateTo({
|
|
url: `/pages/shopPages/shopDetail/index?id=${obj.COMMODITY_ID}`,
|
|
});
|
|
},
|
|
// 跳转商品列表接口
|
|
handleGoShopList(type) {
|
|
uni.navigateTo({
|
|
url: `/pages/shopPages/shopList/index?type=${type}`,
|
|
});
|
|
},
|
|
|
|
// 拿到里面商城页面分类的缓存数据
|
|
handleGetShopMallData() {
|
|
// 判断当前是否在进行 请求里面商城的数据
|
|
uni.setStorageSync("isPaddingShopData", true)
|
|
|
|
// 拿到顶部商品大类的方法
|
|
this.$api.$javaGet(
|
|
'/third-party/getWeChatGetMallGoodsType',
|
|
{
|
|
ownerUnitId: 911,
|
|
commodityNature: 5070, // 类型
|
|
}
|
|
).then((data) => {
|
|
console.log('拿到顶部商品大类的方法', data);
|
|
uni.setStorageSync("getWeChatGetMallGoodsType", data.Data.List)
|
|
})
|
|
|
|
// 拿到每周特惠的内容
|
|
this.$api.$javaGet(
|
|
'/third-party/getWeChatGetMallGoodsInfo',
|
|
{
|
|
ownerUnitId: 911,
|
|
userdefinedtypeId: 4597,
|
|
userdefinedTypeId: 4597,
|
|
justCommodity: 1,
|
|
}
|
|
).then((data) => {
|
|
console.log('拿到每周特惠的内容', data);
|
|
uni.setStorageSync("getWeChatGetMallGoodsInfo", data.Data.List)
|
|
let list = data.Data.List
|
|
let res = []
|
|
// 给营销活动准备的
|
|
let res2 = []
|
|
const idSet = new Set()
|
|
|
|
if (list && list.length > 0) {
|
|
list.forEach(item => {
|
|
if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {
|
|
item.COMMODITYLIST.forEach(subItem => {
|
|
if (!idSet.has(subItem.COMMODITY_ID)) {
|
|
if (subItem.COMMODITY_NATURE === 7000) {
|
|
res2.push(subItem)
|
|
} else {
|
|
res.push(subItem)
|
|
}
|
|
idSet.add(subItem.COMMODITY_ID)
|
|
}
|
|
})
|
|
}
|
|
})
|
|
}
|
|
|
|
this.everyWeekShopData = res
|
|
// this.marketingCampaign = res2
|
|
})
|
|
|
|
// 拿模块活动的商品
|
|
this.$api.$javaGet(
|
|
'/third-party/getWeChatGetMallGoodsInfo',
|
|
{
|
|
ownerUnitId: 911,
|
|
userdefinedtypeId: 4797,
|
|
userdefinedTypeId: 4797,
|
|
justCommodity: 1,
|
|
}
|
|
).then((data) => {
|
|
console.log('拿到模块活动的内容', data);
|
|
uni.setStorageSync("moduleActivity", data.Data.List)
|
|
let list = data.Data.List
|
|
let res = []
|
|
// 给营销活动准备的
|
|
let res2 = []
|
|
const idSet = new Set()
|
|
|
|
if (list && list.length > 0) {
|
|
list.forEach(item => {
|
|
if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {
|
|
item.COMMODITYLIST.forEach(subItem => {
|
|
if (!idSet.has(subItem.COMMODITY_ID)) {
|
|
// if (subItem.COMMODITY_NATURE === 7000) {
|
|
res2.push(subItem)
|
|
/// } else {
|
|
// res.push(subItem)
|
|
// }
|
|
idSet.add(subItem.COMMODITY_ID)
|
|
}
|
|
})
|
|
}
|
|
})
|
|
}
|
|
console.log('moduleActivitymoduleActivitymoduleActivitymoduleActivity', JSON.parse(JSON.stringify(res2)));
|
|
|
|
// this.everyWeekShopData = res
|
|
this.marketingCampaign = res2
|
|
})
|
|
|
|
// 拿到特价优惠的内容
|
|
this.$api.$javaGet(
|
|
'/third-party/getWeChatGetMallGoodsInfoExclude',
|
|
{
|
|
ownerUnitId: 911,
|
|
// COMMODITYNATURE: 5030,//特价优惠
|
|
COMMODITYNATURE: 5021,// 绿色云品
|
|
userdefinedTypeId: 3186,// 绿色云品
|
|
userdefinedtypeId: 3186,// 绿色云品
|
|
excludeNature: 5070,
|
|
justCommodity: 1,
|
|
}
|
|
).then((data) => {
|
|
console.log('拿到特价优惠的内容', data);
|
|
uni.setStorageSync("getWeChatGetMallGoodsInfoExclude", data.Data.List)
|
|
})
|
|
|
|
// 拿到今日推荐的商品列表
|
|
this.$api.$javaGet(
|
|
'/third-party/getWeChatGetMallGoodsInfoExclude',
|
|
{
|
|
ownerUnitId: 911,
|
|
// COMMODITYNATURE: 4598,// 原今日推荐
|
|
COMMODITYNATURE: 5022,//自有品牌
|
|
userdefinedtypeId: 3175, // 商品分类
|
|
userdefinedTypeId: 3175, // 商品分类
|
|
excludeNature: 5070,
|
|
justCommodity: 1,
|
|
}
|
|
).then((data) => {
|
|
console.log('拿到今日推荐的商品列表', data);
|
|
uni.setStorageSync("getWeChatGetMallGoodsInfoExcludeToday", data.Data.List)
|
|
})
|
|
|
|
|
|
|
|
// 工会商城的三个榜单的内容
|
|
// 新品榜单
|
|
this.$api.$javaGet('/third-party/getWeChatGetMallGoodsInfo', {
|
|
action_type: "WeChat_GetMallGoodsInfo",
|
|
ownerUnitId: 911,
|
|
COMMODITYNATURE: 5070,
|
|
payMethod: "1000,3000",
|
|
justCommodity: 1,
|
|
userdefinedTypeId: "1317",
|
|
}).then((data1) => {
|
|
uni.setStorageSync("newShowList", data1)
|
|
})
|
|
// 热销榜
|
|
this.$api.$javaGet('/third-party/getWeChatGetMallGoodsInfo', {
|
|
action_type: "WeChat_GetMallGoodsInfo",
|
|
ownerUnitId: 911,
|
|
COMMODITYNATURE: 5070,
|
|
payMethod: "1000,3000",
|
|
justCommodity: 1,
|
|
userdefinedTypeId: "1318",
|
|
sortStr: "COMMODITY_EN desc",
|
|
}).then((data2) => {
|
|
uni.setStorageSync("hotShopList", data2)
|
|
})
|
|
|
|
// 推荐榜
|
|
this.$api.$javaGet('/third-party/getWeChatGetMallGoodsInfo', {
|
|
action_type: "WeChat_GetMallGoodsInfo",
|
|
ownerUnitId: 911,
|
|
COMMODITYNATURE: 5070,
|
|
payMethod: "1000,3000",
|
|
justCommodity: 1,
|
|
userdefinedTypeId: "1319",
|
|
}).then((data3) => {
|
|
console.log('data3data3data3', data3);
|
|
|
|
uni.setStorageSync("goodShopList", data3)
|
|
})
|
|
|
|
}
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
// 骨架屏样式
|
|
.skeleton-container {
|
|
padding: 0 32rpx;
|
|
background: #f7f8f8;
|
|
}
|
|
|
|
.skeleton-animate {
|
|
background: linear-gradient(90deg, #f0f0f0 25%, #e6e6e6 50%, #f0f0f0 75%);
|
|
background-size: 200% 100%;
|
|
animation: skeleton-loading 1.5s infinite;
|
|
}
|
|
|
|
@keyframes skeleton-loading {
|
|
0% {
|
|
background-position: 200% 0;
|
|
}
|
|
|
|
100% {
|
|
background-position: -200% 0;
|
|
}
|
|
}
|
|
|
|
// 轮播图骨架
|
|
.skeleton-swiper {
|
|
margin: 24rpx 0;
|
|
|
|
.skeleton-item {
|
|
width: 100%;
|
|
height: 340rpx;
|
|
border-radius: 16rpx;
|
|
}
|
|
}
|
|
|
|
// 功能列表骨架
|
|
.skeleton-function-list {
|
|
margin: 40rpx 0;
|
|
|
|
.skeleton-function-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 32rpx;
|
|
|
|
.skeleton-function-item {
|
|
width: 200rpx;
|
|
height: 160rpx;
|
|
border-radius: 16rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
// 头条骨架
|
|
.skeleton-news {
|
|
margin: 40rpx 0;
|
|
|
|
.skeleton-news-item {
|
|
height: 80rpx;
|
|
border-radius: 8rpx;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
}
|
|
|
|
// 商品列表骨架
|
|
.skeleton-product-list {
|
|
margin: 40rpx 0;
|
|
|
|
.skeleton-product-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 32rpx;
|
|
|
|
.skeleton-product-item {
|
|
width: 48%;
|
|
background: #fff;
|
|
border-radius: 16rpx;
|
|
padding: 20rpx;
|
|
box-sizing: border-box;
|
|
|
|
.skeleton-product-image {
|
|
width: 100%;
|
|
height: 200rpx;
|
|
border-radius: 12rpx;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.skeleton-product-info {
|
|
.skeleton-product-title {
|
|
height: 40rpx;
|
|
border-radius: 4rpx;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
|
|
.skeleton-product-price {
|
|
height: 32rpx;
|
|
width: 60%;
|
|
border-radius: 4rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.main {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
|
|
// background: #f7f8f8;
|
|
// background: url("https://saas.eshangtech.com/minTestImg/pageBg.png");
|
|
.topBox {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0 32rpx;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 99;
|
|
|
|
.topContent {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.topLeft {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.YDIcon {
|
|
width: 176rpx;
|
|
height: 48rpx;
|
|
margin-right: 8rpx;
|
|
}
|
|
}
|
|
|
|
.topRight {
|
|
width: 310rpx;
|
|
height: 72rpx;
|
|
background: #f6f8fa;
|
|
border-radius: 36rpx;
|
|
margin-left: 16rpx;
|
|
box-sizing: border-box;
|
|
padding: 16rpx 20rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.searchIcon {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
|
|
.searchText {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 28rpx;
|
|
color: #9fa1aa;
|
|
line-height: 40rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
margin-left: 8rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.content {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0 32rpx;
|
|
|
|
.navList {
|
|
width: 100%;
|
|
height: 240rpx;
|
|
|
|
.swiper {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
.swiper-item {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
border-radius: 8rpx;
|
|
|
|
.img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.funItemList {
|
|
width: 100%;
|
|
height: 264rpx;
|
|
margin-top: 40rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
|
|
.funItem {
|
|
width: calc(100% / 5);
|
|
height: 116rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.funItemIcon {
|
|
width: 72rpx;
|
|
height: 72rpx;
|
|
margin-bottom: 8rpx;
|
|
}
|
|
|
|
.funItemText {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #130f05;
|
|
line-height: 36rpx;
|
|
text-align: right;
|
|
font-style: normal;
|
|
}
|
|
|
|
/* 覆盖系统生成的伪元素 */
|
|
.no-border-btn::after,
|
|
.no-border-btn::before {
|
|
content: '' !important;
|
|
border: 0 !important;
|
|
box-shadow: none !important;
|
|
display: none !important;
|
|
height: 0 !important;
|
|
width: 0 !important;
|
|
-webkit-transform: scale(0) !important;
|
|
transform: scale(0) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.serviceDetail {
|
|
width: 100%;
|
|
margin-top: 32rpx;
|
|
box-sizing: border-box;
|
|
padding: 24rpx;
|
|
background: #ffffff;
|
|
border-radius: 12rpx;
|
|
|
|
.detailTop {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
position: relative;
|
|
|
|
.detailImg {
|
|
width: 160rpx;
|
|
height: 136rpx;
|
|
border-radius: 6rpx;
|
|
overflow: hidden;
|
|
margin-right: 20rpx;
|
|
|
|
.img {
|
|
width: 160rpx;
|
|
height: 136rpx;
|
|
}
|
|
}
|
|
|
|
.detailRight {
|
|
width: calc(100% - 180rpx);
|
|
height: 136rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
|
|
.detailTop {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.title {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 600;
|
|
font-size: 32rpx;
|
|
color: #130f05;
|
|
line-height: 44rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
display: inline-block;
|
|
width: 352rpx;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
margin-bottom: 4rpx;
|
|
}
|
|
|
|
.status {
|
|
.statusText {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 22rpx;
|
|
color: #009f43;
|
|
line-height: 32rpx;
|
|
text-align: justify;
|
|
font-style: normal;
|
|
padding: 2rpx 6rpx;
|
|
background: #e9f8ee;
|
|
border-radius: 4rpx;
|
|
display: inline-block;
|
|
}
|
|
|
|
.bePacked {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 22rpx;
|
|
color: #FF5959;
|
|
line-height: 32rpx;
|
|
text-align: justify;
|
|
font-style: normal;
|
|
padding: 2rpx 6rpx;
|
|
background: #fbdada;
|
|
border-radius: 4rpx;
|
|
display: inline-block;
|
|
margin-left: 16rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.detailBottom {
|
|
margin-top: 16rpx;
|
|
|
|
.distance {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #716f69;
|
|
text-align: left;
|
|
font-style: normal;
|
|
margin-right: 8rpx;
|
|
}
|
|
|
|
.addressText {
|
|
max-width: 342rpx;
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #716f69;
|
|
line-height: 36rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
.navigation {
|
|
width: 64rpx;
|
|
height: 64rpx;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.detailBottom {
|
|
width: 100%;
|
|
margin-top: 24rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.detailBottomItem {
|
|
width: calc(100% / 6);
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
.detailIcon {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
margin-bottom: 4rpx;
|
|
}
|
|
|
|
.detailText {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 22rpx;
|
|
color: #130f05;
|
|
line-height: 32rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
}
|
|
}
|
|
|
|
.stateGrid {
|
|
width: 100%;
|
|
margin-top: 24rpx;
|
|
background: #f6f6f6;
|
|
border-radius: 12rpx;
|
|
box-sizing: border-box;
|
|
padding: 24rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
.leftGrid {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.gridImg {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin-right: 12rpx;
|
|
}
|
|
|
|
.gridText {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 28rpx;
|
|
color: #130f05;
|
|
line-height: 40rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
margin-right: 12rpx;
|
|
}
|
|
|
|
.fastCharg {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 20rpx;
|
|
color: #ffffff;
|
|
line-height: 28rpx;
|
|
text-align: justify;
|
|
font-style: normal;
|
|
display: inline;
|
|
padding: 2rpx 6rpx;
|
|
background: linear-gradient(270deg, #ff500e 0%, #ff7d0a 100%);
|
|
border-radius: 4rpx;
|
|
}
|
|
}
|
|
|
|
.rightGrid {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.other {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #130f05;
|
|
line-height: 36rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
margin-right: 4rpx;
|
|
}
|
|
|
|
.have {
|
|
font-family: DINAlternate, DINAlternate;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
color: #130f05;
|
|
line-height: 36rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
margin-right: 4rpx;
|
|
}
|
|
|
|
.all {
|
|
font-family: DINAlternate, DINAlternate;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
color: #716f69;
|
|
line-height: 36rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.nearbyScenic {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 24rpx 20rpx;
|
|
margin-top: 18rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 16rpx;
|
|
|
|
.nearbyScenicTop {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
.nearbyScenicTopTitle {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 600;
|
|
font-size: 28rpx;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
text-align: right;
|
|
font-style: normal;
|
|
}
|
|
|
|
.nearbyScenicTopRightBox {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.nearbyScenicTopRightBoxText {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
line-height: 34rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
|
|
.nearRightArrow {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-left: 8rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.nearbyScenicBottom {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 18rpx;
|
|
|
|
.nearByBottomLeftBox {
|
|
width: 136rpx;
|
|
height: 136rpx;
|
|
box-sizing: border-box;
|
|
padding: 4rpx 0;
|
|
margin-right: 40rpx;
|
|
|
|
.nearbyImg {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 8rpx;
|
|
}
|
|
}
|
|
|
|
.nearByBottomRightBox {
|
|
width: calc(100% - 176rpx);
|
|
|
|
.scenicName {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 600;
|
|
font-size: 29rpx;
|
|
color: #222222;
|
|
line-height: 42rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
width: 100%;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.scenicContent {
|
|
width: 100%;
|
|
margin-top: 8rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.scenicType {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 22rpx;
|
|
color: #3D7FFF;
|
|
line-height: 32rpx;
|
|
text-align: right;
|
|
font-style: normal;
|
|
padding: 4rpx 16rpx;
|
|
background: rgba(61, 127, 255, 0.1);
|
|
border-radius: 6rpx;
|
|
margin-right: 30rpx;
|
|
}
|
|
|
|
.scenicRateBox {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.scenicRate {}
|
|
|
|
.scenicRateText {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 20rpx;
|
|
color: rgba(0, 0, 0, 0.6);
|
|
line-height: 28rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
margin-left: 12rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.scenicBottom {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: space-between;
|
|
|
|
.scenicLeft {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.scenicIcon {
|
|
width: 26rpx;
|
|
height: 26rpx;
|
|
margin-right: 6rpx;
|
|
}
|
|
|
|
.scenicLabel {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #716f69;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
}
|
|
|
|
.scenicRight {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
|
|
.scenicRightLabel {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 20rpx;
|
|
color: #716f69;
|
|
line-height: 28rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.scenicUnit {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 20rpx;
|
|
color: #F13216;
|
|
line-height: 28rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
|
|
.scenicPrice {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 600;
|
|
font-size: 40rpx;
|
|
color: #F13216;
|
|
line-height: 40rpx;
|
|
text-align: right;
|
|
font-style: normal;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.roadStatus {
|
|
width: 100%;
|
|
margin-top: 40rpx;
|
|
|
|
.roadTop {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
.roadTopLeft {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.roadIcon {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
margin-right: 8rpx;
|
|
}
|
|
|
|
.roadTitle {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 600;
|
|
font-size: 28rpx;
|
|
color: #130f05;
|
|
line-height: 40rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
}
|
|
|
|
.roadTopRight {
|
|
.roadIcon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.messageListBox {
|
|
width: 100%;
|
|
height: 156rpx;
|
|
// height: 208rpx;
|
|
overflow: hidden;
|
|
position: relative;
|
|
background-color: #ffffff;
|
|
margin-top: 16rpx;
|
|
box-sizing: border-box;
|
|
padding: 24rpx;
|
|
border-radius: 16rpx;
|
|
|
|
.messageList {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.messageItem {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 6rpx 0;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.icon {
|
|
width: 11rpx;
|
|
height: 11rpx;
|
|
background: #090c1a;
|
|
transform: rotate(45deg);
|
|
margin-right: 16rpx;
|
|
}
|
|
|
|
.contentMessage {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
font-size: 24rpx;
|
|
color: #130f05;
|
|
line-height: 40rpx;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
&.scrolling {
|
|
animation: scrollAnimation 15s linear infinite;
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes scrollAnimation {
|
|
0% {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(-50%);
|
|
}
|
|
}
|
|
}
|
|
|
|
.shoppingMall {
|
|
width: 100%;
|
|
margin-top: 40rpx;
|
|
padding-bottom: 40rpx;
|
|
|
|
.mallTop {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
.mallTopLeft {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.mallIcon {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
margin-right: 8rpx;
|
|
}
|
|
|
|
.roadTitle {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 600;
|
|
font-size: 28rpx;
|
|
color: #130f05;
|
|
line-height: 40rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
}
|
|
|
|
.mallTopRight {
|
|
.mallIcon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mallContent {
|
|
width: 100%;
|
|
|
|
.advertisement {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-top: 16rpx;
|
|
|
|
.advertisementItem {
|
|
width: calc((100% - 16rpx) / 2);
|
|
box-sizing: border-box;
|
|
border-radius: 16rpx;
|
|
overflow: hidden;
|
|
|
|
.advertisementItemTop {
|
|
width: 100%;
|
|
height: 100rpx;
|
|
border-radius: 16rpx 16rpx 0 0;
|
|
box-sizing: border-box;
|
|
padding: 16rpx 24rpx;
|
|
position: relative;
|
|
|
|
.topTitle {
|
|
.light {
|
|
font-family: AppleSystemUIFont;
|
|
font-size: 32rpx;
|
|
color: #fd2c04;
|
|
line-height: 40rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
|
|
.rightTopTitle {
|
|
color: #20b45c;
|
|
}
|
|
|
|
.normal {
|
|
font-family: AppleSystemUIFont;
|
|
font-size: 32rpx;
|
|
color: #130f05;
|
|
line-height: 40rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
}
|
|
|
|
.topOther {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 20rpx;
|
|
color: #716f69;
|
|
line-height: 28rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
|
|
.mallBg {
|
|
width: 81rpx;
|
|
height: 75rpx;
|
|
position: absolute;
|
|
right: 12rpx;
|
|
top: 12rpx;
|
|
}
|
|
}
|
|
|
|
.topLeft {
|
|
background: linear-gradient(180deg, #ffe8e8 0%, #ffffff 100%);
|
|
}
|
|
|
|
.topRight {
|
|
background: linear-gradient(180deg, #dff8e4 0%, #ffffff 100%);
|
|
}
|
|
|
|
.advertisementItemBottom {
|
|
border-radius: 0 0 16rpx 16rpx;
|
|
width: 100%;
|
|
height: 160rpx;
|
|
box-sizing: border-box;
|
|
padding: 0 24rpx 24rpx;
|
|
background: #fff;
|
|
// display: flex;
|
|
// align-items: center;
|
|
// justify-content: space-between;
|
|
white-space: nowrap;
|
|
|
|
|
|
.advertisementImg {
|
|
width: 136rpx;
|
|
height: 136rpx;
|
|
border-radius: 16rpx;
|
|
margin-right: 16rpx;
|
|
}
|
|
|
|
/* 防止内容换行 */
|
|
.scroll-content {
|
|
display: inline-flex;
|
|
flex-wrap: nowrap;
|
|
|
|
.advertisementImg {
|
|
width: 136rpx;
|
|
height: 136rpx;
|
|
border-radius: 16rpx;
|
|
margin-right: 16rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.advertisement2 {
|
|
.advertisementItem {
|
|
.topLeft {
|
|
background: linear-gradient(180deg, #ffe5ca 0%, #ffffff 100%);
|
|
|
|
.topTitle {
|
|
.light {
|
|
color: #fe972c;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.mallList {
|
|
width: 100%;
|
|
margin-top: 16rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
|
|
.mallItem {
|
|
width: calc((100% - 16rpx) / 2);
|
|
background: #fff;
|
|
border-radius: 16rpx;
|
|
margin-bottom: 16rpx;
|
|
overflow: hidden;
|
|
|
|
.mallTop {
|
|
width: 100%;
|
|
height: 330rpx;
|
|
box-sizing: border-box;
|
|
|
|
.mallImg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.mallBottom {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 16rpx 20rpx 16rpx;
|
|
|
|
.priceTop {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 28rpx;
|
|
color: #130f05;
|
|
line-height: 32rpx;
|
|
font-style: normal;
|
|
width: calc((100vw - 80rpx) / 2 - 40rpx);
|
|
height: 64rpx;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
/* 设置显示的行数，超出的行数会被省略 */
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.retailPrice {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #756c6a;
|
|
line-height: 36rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
text-decoration-line: line-through;
|
|
}
|
|
|
|
.priceBox {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 8rpx;
|
|
justify-content: space-between;
|
|
|
|
.leftPrice {
|
|
.unit {
|
|
font-family: DINAlternate, DINAlternate;
|
|
font-weight: bold;
|
|
font-size: 24rpx;
|
|
color: #fe3f22;
|
|
line-height: 24rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
|
|
.price {
|
|
font-family: DINAlternate, DINAlternate;
|
|
font-weight: bold;
|
|
font-size: 36rpx;
|
|
color: #fe3f22;
|
|
line-height: 40rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
}
|
|
|
|
.rightPrice {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
|
|
.mallIcon {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.shopState {
|
|
font-size: 24rpx;
|
|
color: #fff;
|
|
background: #bbbbbb;
|
|
padding: 4rpx 16rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.content ::-webkit-scrollbar {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
color: transparent;
|
|
}
|
|
|
|
.noticePopup {
|
|
width: 85vw;
|
|
max-height: 75vh;
|
|
// object-fit: contain;
|
|
// width: 80vw;
|
|
// height: calc(2688 * 70vw / 1242);
|
|
// background: #fff;
|
|
border-radius: 32rpx;
|
|
// background-image: url(https://eshangtech.com/minTestImg/caiyunyiguanggao.jpg);
|
|
// background-image: url(https://ahyd.eshangtech.com/UploadImageDir/minprogram/caiyunyiguanggao_0529_0605.jpg);
|
|
// background-image: url(https://eshangtech.com/minTestImg/caiyunyiguanggao_0605_0612.jpg);
|
|
// background-image: url(https://eshangtech.com/minTestImg/caiyunyiguanggao_0612_0619.jpg);
|
|
// background-image: url(https://eshangtech.com/minTestImg/caiyunyiguanggao_0619_0625.png);
|
|
// background-image: url(https://eshangtech.com/minTestImg/caiyunyiguanggao_0626_0702.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
// background-size: 100% 100%;
|
|
box-sizing: border-box;
|
|
// padding: 300rpx 120rpx 160rpx;
|
|
position: relative;
|
|
overflow: hidden;
|
|
|
|
.noticePopupImg {
|
|
border-radius: 32rpx;
|
|
width: 85vw;
|
|
}
|
|
|
|
.closeIcon {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
position: absolute;
|
|
right: 32rpx;
|
|
top: 32rpx;
|
|
z-index: 2;
|
|
}
|
|
}
|
|
|
|
.ETCPopup {
|
|
width: 80vw;
|
|
height: 120px;
|
|
background: #fff;
|
|
border-radius: 32rpx;
|
|
box-sizing: border-box;
|
|
padding: 32rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
.ETCItem {
|
|
width: calc(50% - 32rpx);
|
|
// background: #e7f8ee;
|
|
// padding: 16rpx;
|
|
// border-radius: 8rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
// box-sizing: border-box;
|
|
.itemImg {
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
|
|
.itemText {
|
|
font-family: "PingFangSC";
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
line-height: 32rpx;
|
|
text-align: justify;
|
|
font-style: normal;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
.backTopBox {
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
position: fixed;
|
|
right: 32px;
|
|
bottom: 150px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 999;
|
|
|
|
.backIcon {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|