|
|
|
|
<template>
|
|
|
|
|
<view class="pagecontent page-content my-bg" style=" background-color: #fff;">
|
|
|
|
|
<cu-custom bgColor="bg-red">
|
|
|
|
|
<block slot="content">首页</block>
|
|
|
|
|
</cu-custom>
|
|
|
|
|
<view class="fixed">
|
|
|
|
|
<view class="bg-red pagestart">
|
|
|
|
|
<view class="cu-bar search showBtn">
|
|
|
|
|
<!-- <view class="text-xxl margin-left text-center bg-red">
|
|
|
|
|
<view class="cuIcon-scan"></view>
|
|
|
|
|
</view> -->
|
|
|
|
|
<view class="margin-left text-center">
|
|
|
|
|
<text>{{locationName}}</text>
|
|
|
|
|
<text class="cuIcon-triangledown"></text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="search-form radius" @tap="InputFocus">
|
|
|
|
|
<text class="cuIcon-search"></text>
|
|
|
|
|
<input disabled :adjust-position="false" type="text" placeholder="搜索油站名称"
|
|
|
|
|
confirm-type="search"></input>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- <view class="" @tap='gotoMap'>
|
|
|
|
|
<image src="../../../static/img/dt.png" mode="widthFix" style="width: 27px;height: 27px;"></image>
|
|
|
|
|
</view> -->
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 红色背景四个 -->
|
|
|
|
|
<view class="bg-red padding pagestarttwo">
|
|
|
|
|
<view class="grid col-4 text-center ">
|
|
|
|
|
<view class="text-xxl" @tap="openScan">
|
|
|
|
|
<view class="cuIcon-scan">
|
|
|
|
|
</view>
|
|
|
|
|
<text class="text-df">
|
|
|
|
|
扫一扫
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="text-xxl" @tap="showQr">
|
|
|
|
|
<view class="cuIcon-qr_code">
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
<text class="text-df">
|
|
|
|
|
付款码
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="text-xxl" @tap="toCards">
|
|
|
|
|
<view class="cuIcon-vipcard">
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
<text class="text-df">
|
|
|
|
|
加油卡
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="text-xxl" @tap="toOrders">
|
|
|
|
|
<view class="cuIcon-form">
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
<text class="text-df">
|
|
|
|
|
订单中心
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="placeholder-hidden">
|
|
|
|
|
|
|
|
|
|
<view class="bg-red pagestart">
|
|
|
|
|
<view class="cu-bar search">
|
|
|
|
|
<view class="text-xxl margin-left text-center bg-red">
|
|
|
|
|
<!-- <view class="cuIcon-scan"></view> -->
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 红色背景四个 -->
|
|
|
|
|
<view class="bg-red padding pagestarttwo">
|
|
|
|
|
<view class="grid col-4 text-center ">
|
|
|
|
|
<view class="text-xxl">
|
|
|
|
|
<view class="cuIcon-scan">
|
|
|
|
|
</view>
|
|
|
|
|
<text class="text-df">
|
|
|
|
|
扫一扫
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="text-xxl">
|
|
|
|
|
<view class="cuIcon-qr_code">
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
<text class="text-df">
|
|
|
|
|
付款码
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="text-xxl">
|
|
|
|
|
<view class="cuIcon-vipcard">
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
<text class="text-df">
|
|
|
|
|
加油卡
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="text-xxl">
|
|
|
|
|
<view class="cuIcon-form">
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
<text class="text-df">
|
|
|
|
|
订单中心
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 宫格菜单开始 -->
|
|
|
|
|
<view class="bg-white padding pagestartthree">
|
|
|
|
|
<view class="grid col-5 text-center ">
|
|
|
|
|
<view class="text-xxl " v-for="(item,index) in cuIconList" @tap="shadoumeiyou(index)" :key="index"
|
|
|
|
|
:class="index<5?'margin-bottom':''">
|
|
|
|
|
<!-- <view :class="['cuIcon-'+item.icon,'text-' +item.color]">
|
|
|
|
|
</view> -->
|
|
|
|
|
<view class="text-center">
|
|
|
|
|
<view class="my-icon-sm">
|
|
|
|
|
<image :src="item.iconUrl?imgURL +item.iconUrl:item.local" mode="widthFix"></image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="text-sm">
|
|
|
|
|
<text class="text-sm color-333">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 广告图片开始 -->
|
|
|
|
|
<!-- <view class=" padding" style=" background-color: #f1f1f1;">
|
|
|
|
|
<view class="">
|
|
|
|
|
<swiper autoplay interval='5000' style="width: 100%;height: 204rpx;" class="swiper" circular>
|
|
|
|
|
<swiper-item @click="swiperClick(item,index)" v-for="(item,index) in swiperArray" :key='index'>
|
|
|
|
|
<image :src="item.src" style="width: 100%;height: 100%;"></image>
|
|
|
|
|
</swiper-item>
|
|
|
|
|
</swiper>
|
|
|
|
|
</view>
|
|
|
|
|
</view> -->
|
|
|
|
|
<!-- 筛选开始 -->
|
|
|
|
|
<view class="screentop bg-white " @tap="scrollScreen">
|
|
|
|
|
<!-- <view class="">
|
|
|
|
|
<sl-filter @result="filterRes" reflexTitle ref="slFilter" :menuList="menuList"></sl-filter>
|
|
|
|
|
</view> -->
|
|
|
|
|
<view class=" ">
|
|
|
|
|
<view class="" v-if="siteList.length>0">
|
|
|
|
|
<site-item v-for="(item,index) in siteList" :key="item.id" :site-item="item" :first="index==0"
|
|
|
|
|
class="cu-list menu-avatar cu-item" @tap="toDetail(item)">
|
|
|
|
|
</site-item>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="" v-else>
|
|
|
|
|
<my-empty></my-empty>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<msg-models :showAuthFrror="showAuthFrror" @hideOneModal="hideModel"></msg-models>
|
|
|
|
|
<three-sites @hideOneModal="showThreeSites=false" :showThreeSites="showThreeSites"></three-sites>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import msgModels from '../../components/showModels.vue'
|
|
|
|
|
import accountApi from '@/api/account.js'
|
|
|
|
|
import Financial from '@/api/Financial.js'
|
|
|
|
|
import threeSites from '@/components/three-sites.vue'
|
|
|
|
|
import oilSiteApi from '@/api/oil-site.js'
|
|
|
|
|
import siteItem from '@/components/site-item/site-item.vue'
|
|
|
|
|
// import slFilter from '@/components/sl-filter/sl-filter.vue'
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
siteItem,
|
|
|
|
|
threeSites,
|
|
|
|
|
msgModels
|
|
|
|
|
// slFilter
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
swiperArray: [
|
|
|
|
|
// {
|
|
|
|
|
// src: 'https://xoil-public.oss-cn-beijing.aliyuncs.com/WMP-IMG/banner-2etc.png',
|
|
|
|
|
// // link: 'https://h5.51etr.com/pro/onlineApply/?type=20220831103626200101811'
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
src: 'https://xoil-public.oss-cn-beijing.aliyuncs.com/WMP-IMG/banner-2dwk.png',
|
|
|
|
|
link: 'https://tengxun.hkzj168.com/?ChannelId=20220831152210221048473'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
src:'https://xoil-public.oss-cn-beijing.aliyuncs.com/baichuan_MP/bannerindexs.png',
|
|
|
|
|
JumpPage:'Financial'
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
],
|
|
|
|
|
siteInfo: {},
|
|
|
|
|
yellowURL: this.global.yellowURL + 'xq-ad/',
|
|
|
|
|
siteId: '',
|
|
|
|
|
isOther: uni.getStorageSync('isOther'),
|
|
|
|
|
showAuthFrzen: uni.getStorageSync('showAuthFrzen') ? uni.getStorageSync('showAuthFrzen') : 0,
|
|
|
|
|
showAuthFrror: false,
|
|
|
|
|
showThreeSites: false,
|
|
|
|
|
filterData: {},
|
|
|
|
|
menuList: uni.getStorageSync('filterData') ? uni.getStorageSync('filterData') : [{
|
|
|
|
|
title: '渠道',
|
|
|
|
|
isMutiple: false,
|
|
|
|
|
key: 'channelCode',
|
|
|
|
|
detailList: [{
|
|
|
|
|
title: "全部",
|
|
|
|
|
value: ""
|
|
|
|
|
}]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '0#轻柴油',
|
|
|
|
|
key: 'oilProductCode',
|
|
|
|
|
isMutiple: false,
|
|
|
|
|
detailList: [{
|
|
|
|
|
title: "全部",
|
|
|
|
|
value: ""
|
|
|
|
|
}]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '品牌',
|
|
|
|
|
key: 'siteBrand',
|
|
|
|
|
isSort: true,
|
|
|
|
|
isMutiple: false,
|
|
|
|
|
detailList: [{
|
|
|
|
|
title: "全部",
|
|
|
|
|
value: ""
|
|
|
|
|
}]
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
getCount: 0,
|
|
|
|
|
siteList: [],
|
|
|
|
|
height: 0,
|
|
|
|
|
starUrl: this.global.starUrl,
|
|
|
|
|
qqMapKey: this.global.qqMapKey,
|
|
|
|
|
|
|
|
|
|
imgURL: this.global.imgURL + 'index/',
|
|
|
|
|
location: uni.getStorageSync('location'),
|
|
|
|
|
InputBottom: 0,
|
|
|
|
|
show: false,
|
|
|
|
|
locationName: '',
|
|
|
|
|
title: 'Hello',
|
|
|
|
|
cuIconList: [{
|
|
|
|
|
iconUrl: 'icon-1.png',
|
|
|
|
|
// icon: 'location',
|
|
|
|
|
color: 'red',
|
|
|
|
|
badge: 120,
|
|
|
|
|
name: '附近油站'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
iconUrl: 'icon-2.png',
|
|
|
|
|
color: 'orange',
|
|
|
|
|
badge: 0,
|
|
|
|
|
name: '线路规划'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
local: 'https://xoil-public.oss-cn-beijing.aliyuncs.com/enterprise_startoil/qzdt.png',
|
|
|
|
|
color: 'purple',
|
|
|
|
|
badge: 0,
|
|
|
|
|
name: '全站地图'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
iconUrl: 'icon-3.png',
|
|
|
|
|
color: 'yellow',
|
|
|
|
|
badge: 0,
|
|
|
|
|
name: '实体油卡'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
iconUrl: 'icon-4.png',
|
|
|
|
|
color: 'olive',
|
|
|
|
|
badge: 0,
|
|
|
|
|
name: '消费分析'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
iconUrl: 'icon-5.png',
|
|
|
|
|
color: 'cyan',
|
|
|
|
|
badge: 0,
|
|
|
|
|
name: '消息中心'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
iconUrl: 'icon-6.png',
|
|
|
|
|
color: 'red',
|
|
|
|
|
badge: 0,
|
|
|
|
|
name: '中交风控'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
iconUrl: 'icon-7.png',
|
|
|
|
|
color: 'purple',
|
|
|
|
|
badge: 0,
|
|
|
|
|
name: 'ETC'
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// iconUrl: 'icon-8.png',
|
|
|
|
|
// // icon: 'taxi',
|
|
|
|
|
// color: 'mauve',
|
|
|
|
|
// badge: 0,
|
|
|
|
|
// name: '违章查询'
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
iconUrl: 'icon-9.png',
|
|
|
|
|
color: 'purple',
|
|
|
|
|
badge: 0,
|
|
|
|
|
name: '我的车辆'
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
iconUrl: 'iocn-10.png',
|
|
|
|
|
color: 'cyan',
|
|
|
|
|
badge: 0,
|
|
|
|
|
name: '操作说明'
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {},
|
|
|
|
|
onReady() {
|
|
|
|
|
let _that = this
|
|
|
|
|
let IsOtherUser = _that.isOther
|
|
|
|
|
console.log(IsOtherUser, '这里是判断是否为卡力')
|
|
|
|
|
console.log('这里是onShow', IsOtherUser, '++++++')
|
|
|
|
|
if (IsOtherUser) {
|
|
|
|
|
console.log('首页 卡力 进入')
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '卡力用户只支持跳转登录',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
uni.reLaunc({
|
|
|
|
|
url: '../../../BagAuth/pages/login/login'
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
console.log('首页 非卡力 进入')
|
|
|
|
|
},
|
|
|
|
|
onShow() {
|
|
|
|
|
this.refreshLocation()
|
|
|
|
|
let _that = this
|
|
|
|
|
let IsOtherUser = _that.isOther
|
|
|
|
|
console.log(IsOtherUser, '这里是判断是否为卡力')
|
|
|
|
|
console.log('这里是onShow', IsOtherUser, '++++++')
|
|
|
|
|
if (IsOtherUser) {
|
|
|
|
|
console.log('首页 卡力 进入')
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '卡力用户只支持跳转登录',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
uni.reLaunc({
|
|
|
|
|
url: '../../../BagAuth/pages/login/login'
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
console.log('首页 非卡力 进入')
|
|
|
|
|
},
|
|
|
|
|
onLoad(e) {
|
|
|
|
|
let _that = this
|
|
|
|
|
let IsOtherUser = _that.isOther
|
|
|
|
|
// console.log(IsOtherUser, '这里是判断是否为卡力')
|
|
|
|
|
// console.log('这里是onLoad', IsOtherUser, '++++++')
|
|
|
|
|
if (IsOtherUser) {
|
|
|
|
|
console.log('首页 卡力 进入')
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '卡力用户只支持跳转登录',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: '../../../BagAuth/pages/login/login'
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
// console.log('首页 非卡力 进入测试++')
|
|
|
|
|
this.reverseGeocoder(this.location);
|
|
|
|
|
setTimeout(()=>{
|
|
|
|
|
let startParamsData = uni.getStorageSync('isJump')||null;
|
|
|
|
|
if(startParamsData){
|
|
|
|
|
this.shadoumeiyou(6)
|
|
|
|
|
if(startParamsData?.disposable){
|
|
|
|
|
uni.removeStorageSync('isJump');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},500)
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
onPullDownRefresh() {
|
|
|
|
|
this.refreshLocation()
|
|
|
|
|
this.getSiteList()
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
uni.stopPullDownRefresh()
|
|
|
|
|
}, 800);
|
|
|
|
|
},
|
|
|
|
|
onTabItemTap(res) {
|
|
|
|
|
this.showThreeSites = false
|
|
|
|
|
},
|
|
|
|
|
onShow() {
|
|
|
|
|
const token = uni.getStorageSync('Authorization')
|
|
|
|
|
const openid = uni.getStorageSync('openid')
|
|
|
|
|
if (token && openid) {
|
|
|
|
|
this.getAuthInfo()
|
|
|
|
|
this.refreshLocation()
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '您还没有登录哦',
|
|
|
|
|
icon: "none"
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
// uni.navigateTo({
|
|
|
|
|
// url: `/BagStation/pages/stationDetail/stieQr?siteId=1372099296709754880&activeChannelCode=XOIL`
|
|
|
|
|
// })
|
|
|
|
|
// uni.redirectTo({
|
|
|
|
|
// url:'/BagStation/pages/makeOrder/makeOrder'
|
|
|
|
|
// // url:'/BagStation/pages/makeOrder/payResult?status=success'
|
|
|
|
|
// })
|
|
|
|
|
// url:'/BagStation/pages/makeOrder/payResult?status=success'
|
|
|
|
|
this.getSiteList();
|
|
|
|
|
},
|
|
|
|
|
mounted() {},
|
|
|
|
|
beforeCreate() {},
|
|
|
|
|
onReady() {
|
|
|
|
|
// this.getSiteList()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
swiperClick(item,index) {
|
|
|
|
|
if(item?.JumpPage){
|
|
|
|
|
switch(item.JumpPage){
|
|
|
|
|
case "Financial":
|
|
|
|
|
this.shadoumeiyou(6)
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}else if(item?.link){
|
|
|
|
|
switch (Number(index)) {
|
|
|
|
|
default:
|
|
|
|
|
console.log('item.link')
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: '/pages/tabbar/home/link?url=' + encodeURIComponent(JSON.stringify(item.link))
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
gotoMap() {
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: '/BagStation/pages/allMap/allMap'
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
goToPage(url) {
|
|
|
|
|
if (!url) return;
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
getAmount() {
|
|
|
|
|
accountApi.getTotalOilCardInfo().then(res => {
|
|
|
|
|
if (res.code == 20000) {
|
|
|
|
|
this.userTotal = res.data
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// refreshLocation() {
|
|
|
|
|
// wx.showLoading({
|
|
|
|
|
// title: '定位中...',
|
|
|
|
|
// mask: true,
|
|
|
|
|
// })
|
|
|
|
|
// return new Promise((resolve, reject) => {
|
|
|
|
|
// let _locationChangeFn = (res) => {
|
|
|
|
|
// console.log('location change', res)
|
|
|
|
|
// uni.setStorageSync('location', res)
|
|
|
|
|
// this.getSiteList();
|
|
|
|
|
// wx.hideLoading()
|
|
|
|
|
// wx.offLocationChange(_locationChangeFn)
|
|
|
|
|
// }
|
|
|
|
|
// wx.startLocationUpdate({
|
|
|
|
|
// success: (res) => {
|
|
|
|
|
// console.log(res);
|
|
|
|
|
// wx.onLocationChange(_locationChangeFn)
|
|
|
|
|
// resolve()
|
|
|
|
|
// },
|
|
|
|
|
// fail: (err) => {
|
|
|
|
|
// console.log('获取当前位置失败', err)
|
|
|
|
|
// wx.hideLoading()
|
|
|
|
|
// reject()
|
|
|
|
|
// }
|
|
|
|
|
// })
|
|
|
|
|
// })
|
|
|
|
|
// },
|
|
|
|
|
refreshLocation() {
|
|
|
|
|
uni.getLocation({
|
|
|
|
|
type: 'wgs84',
|
|
|
|
|
success: function(res) {
|
|
|
|
|
uni.setStorageSync('location', res)
|
|
|
|
|
},
|
|
|
|
|
complete: (res) => {
|
|
|
|
|
// console.log('定位',res)
|
|
|
|
|
this.getSiteList()
|
|
|
|
|
var msgTip = ''
|
|
|
|
|
if (res.errMsg == 'getLocation:fail auth deny') {
|
|
|
|
|
msgTip = '请允许小程序获取您的位置'
|
|
|
|
|
} else if (res.errMsg == 'getLocation:fail:ERROR_NOCELL&WIFI_LOCATIONSWITCHOFF') {
|
|
|
|
|
msgTip = '请您打开手机定位'
|
|
|
|
|
}
|
|
|
|
|
if (msgTip) {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: msgTip,
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}, 300)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
hideModel(name) {
|
|
|
|
|
if (name == 'auth') {
|
|
|
|
|
this.showAuthFrror = false
|
|
|
|
|
if (this.showAuthFrzen <= new Date().getTime()) {
|
|
|
|
|
// 一小时后再提示
|
|
|
|
|
uni.setStorageSync('showAuthFrzen', new Date().getTime() + 10 * 1000)
|
|
|
|
|
// uni.setStorageSync('showAuthFrzen', new Date().getTime() + 1 * 60 * 60 * 1000)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
getAuthInfo() {
|
|
|
|
|
oilSiteApi.getUserAuthInfo().then(res => {
|
|
|
|
|
if (res.code === 20000) {
|
|
|
|
|
let _that = this
|
|
|
|
|
let IsOtherUser = _that.isOther
|
|
|
|
|
// console.log(IsOtherUser, '这里是判断是否为卡力')
|
|
|
|
|
// console.log('这里是getUserAuthInfo', IsOtherUser, '++++++')
|
|
|
|
|
if (IsOtherUser) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '卡力用户只支持跳转登录',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
uni.reLaunch({
|
|
|
|
|
url: '../../../BagAuth/pages/login/login'
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.getAmount()
|
|
|
|
|
this.getSiteList()
|
|
|
|
|
// realStatus: 0 vehicleStatus: 0
|
|
|
|
|
if (this.showAuthFrzen <= new Date().getTime()) {
|
|
|
|
|
this.showAuthFrror = res.data.realStatus && res.data.vehicleStatus ? false :
|
|
|
|
|
true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
goCall() {
|
|
|
|
|
uni.makePhoneCall({
|
|
|
|
|
phoneNumber: '4008-56-5355'
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
reverseGeocoder(location) {
|
|
|
|
|
this.selLocation = location
|
|
|
|
|
this.$qqmapsdk.reverseGeocoder({
|
|
|
|
|
location: location,
|
|
|
|
|
success: (res) => {
|
|
|
|
|
// console.log(res)
|
|
|
|
|
this.locationName = res.result.address_component.city
|
|
|
|
|
},
|
|
|
|
|
fail: (res) => {
|
|
|
|
|
// console.log(res)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
shadoumeiyou(index) {
|
|
|
|
|
// if(!uni.getStorageSync('user')){
|
|
|
|
|
// uni.showToast({
|
|
|
|
|
// title:'请先登登录',
|
|
|
|
|
// icon:'none'
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
if (index == 0) {
|
|
|
|
|
uni.switchTab({
|
|
|
|
|
url: '/pages/tabbar/station/stationList'
|
|
|
|
|
})
|
|
|
|
|
} else if (index == 1) {
|
|
|
|
|
// const referer = '星油云'; //调用插件的app的名称
|
|
|
|
|
// const endPoint = JSON.stringify({
|
|
|
|
|
// name: '输入目的地',
|
|
|
|
|
// latitude: 39.89631551,
|
|
|
|
|
// longitude: 116.323459711
|
|
|
|
|
// });
|
|
|
|
|
// wx.navigateTo({
|
|
|
|
|
// url: 'plugin://routePlan/index?key=' + this.qqMapKey + '&referer=' + referer +
|
|
|
|
|
// '&endPoint=' + endPoint
|
|
|
|
|
// })
|
|
|
|
|
if (!uni.getStorageSync('user')) {
|
|
|
|
|
uni.showModal({
|
|
|
|
|
title: '请您登录',
|
|
|
|
|
content: "登录星油加油才可以加油 |˛˙꒳˙)♡",
|
|
|
|
|
confirmText: '去登陆',
|
|
|
|
|
success: (res) => {
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
uni.reLaunch({
|
|
|
|
|
url: '../../../BagAuth/pages/login/login'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
uni.removeStorageSync("origins")
|
|
|
|
|
uni.removeStorageSync("destination")
|
|
|
|
|
wx.navigateTo({
|
|
|
|
|
// url:'../../../BagStation/pages/routePlain/routePlain',
|
|
|
|
|
url: '../../../BagStation/pages/newRoutePlanning/newRoutePlanning'
|
|
|
|
|
// url:'../../../BagStation/pages/overviewMap/overviewMap',
|
|
|
|
|
})
|
|
|
|
|
} else if (index == 9) {
|
|
|
|
|
this.goToPage('/BagAuth/pages/agreeMent/OperationGuide')
|
|
|
|
|
}
|
|
|
|
|
// else if(index==8){
|
|
|
|
|
// uni.navigateTo({
|
|
|
|
|
// url: '/BagStation/myCars/myCars'
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
else if (index == 2) {
|
|
|
|
|
if (!uni.getStorageSync('user')) {
|
|
|
|
|
uni.showModal({
|
|
|
|
|
title: '请您登录',
|
|
|
|
|
content: "登录星油加油才可以加油 |˛˙꒳˙)♡",
|
|
|
|
|
confirmText: '去登陆',
|
|
|
|
|
success: (res) => {
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
uni.reLaunch({
|
|
|
|
|
url: '../../../BagAuth/pages/login/login'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
wx.navigateTo({
|
|
|
|
|
// url:'../../../BagStation/pages/routePlain/routePlain',
|
|
|
|
|
// url:'../../../BagStation/pages/newRoutePlanning/newRoutePlanning'
|
|
|
|
|
url: '../../../BagStation/pages/overviewMap/overviewMap',
|
|
|
|
|
})
|
|
|
|
|
} else if(index == 6){
|
|
|
|
|
const user = uni.getStorageSync('user');
|
|
|
|
|
if(user){
|
|
|
|
|
Financial.findHomePageReport({customerId:user.id}).then(res=>{
|
|
|
|
|
if(res.data){
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url:`../../../Financial/pages/estimate/index?data=${encodeURIComponent(JSON.stringify(res.data))}`
|
|
|
|
|
})
|
|
|
|
|
}else{
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url:'../../../Financial/pages/index?guide=1'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}else{
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '请先登录!',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
} else if (index == 7) {
|
|
|
|
|
this.swiperClick(this.swiperArray[0],1)
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '功能暂无',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
showQr() {
|
|
|
|
|
// uni.navigateTo({
|
|
|
|
|
// url: '/BagStation/pages/stationDetail/stieQr'
|
|
|
|
|
// })
|
|
|
|
|
if (!uni.getStorageSync('user')) {
|
|
|
|
|
uni.showModal({
|
|
|
|
|
title: '请您登录',
|
|
|
|
|
content: "登录星油加油才可以加油 |˛˙꒳˙)♡",
|
|
|
|
|
confirmText: '去登陆',
|
|
|
|
|
success: (res) => {
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
uni.reLaunch({
|
|
|
|
|
url: '../../../BagAuth/pages/login/login'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.showThreeSites = true
|
|
|
|
|
},
|
|
|
|
|
toCards() {
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: '/BagMoney/pages/oilCards/oilCards'
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
toOrders() {
|
|
|
|
|
uni.switchTab({
|
|
|
|
|
url: '/pages/tabbar/order/orderList/orderList'
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
filterRes(val) {
|
|
|
|
|
this.filterData = val
|
|
|
|
|
this.getSiteList()
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
getSiteList() {
|
|
|
|
|
let data1 = {
|
|
|
|
|
currentPage: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
params: { //类型:Object 必有字段 备注:// 筛选对象
|
|
|
|
|
sort: "juli", //类型:String 必有字段 备注:// 智能排序 ( price:价格最低 juli:距离最近 ) 默认距离排序
|
|
|
|
|
longitude: 116.397451, // 必有字段 备注:// 当前位置经度
|
|
|
|
|
latitude: 39.909187, // 必有字段 备注:// 当前位置维度
|
|
|
|
|
...uni.getStorageSync('location'),
|
|
|
|
|
...this.filterData,
|
|
|
|
|
// siteBrand: "", // 备注:// 石油品牌 ( 1-中国石油 2-中国石化 3-壳牌 4-民营 5-中海油 6-京博 7-中化石油 8-其他 )
|
|
|
|
|
// channelCode: "", // 备注:// 渠道编码 ( OIL:星油 WJY:万金油 LV:老吕(找油网) TY:团油 YDJY:一点加油(壳牌))
|
|
|
|
|
oilProductCode: "0#" // 备注:// 油号选择 ( 0# 92# 92#)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
if (!uni.getStorageSync('user')) {
|
|
|
|
|
data1.params.role = 1
|
|
|
|
|
oilSiteApi.readOnlySites(data1).then(res => {
|
|
|
|
|
let _that = this
|
|
|
|
|
let IsOtherUser = _that.isOther
|
|
|
|
|
console.log(IsOtherUser, '这里是判断是否为卡力')
|
|
|
|
|
console.log('这里是readOnlySites', IsOtherUser, '++++++')
|
|
|
|
|
if (IsOtherUser) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '卡力用户只支持跳转登录',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
uni.reLaunc({
|
|
|
|
|
url: '../../../BagAuth/pages/login/login'
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.getCount++
|
|
|
|
|
if (res.code == 20000) {
|
|
|
|
|
// console.log(res.data.list)
|
|
|
|
|
this.siteList = res.data.list
|
|
|
|
|
} else {
|
|
|
|
|
if (this.getCount == 1) {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.getSiteList()
|
|
|
|
|
}, 1000)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
uni.getSetting({
|
|
|
|
|
success: (resSet) => {
|
|
|
|
|
if (resSet.authSetting['scope.address'] == false) {
|
|
|
|
|
uni.showMode({
|
|
|
|
|
title: '请您打开定位权限',
|
|
|
|
|
content: '用于获取您当前位置附近的油站',
|
|
|
|
|
confirmText: '去设置',
|
|
|
|
|
success: (res) => {
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
uni.openSetting({
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
oilSiteApi.getSiteList(data1).then(res => {
|
|
|
|
|
if (res.code == 20000) {
|
|
|
|
|
// console.log(res.data.list)
|
|
|
|
|
this.siteList = res.data.list
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
toDetail(item) {
|
|
|
|
|
let itemS = JSON.stringify(item)
|
|
|
|
|
if (uni.getStorageSync('user')) {
|
|
|
|
|
if (item.channelCode === 'TY') {
|
|
|
|
|
uni.setStorageSync('OtherSiteInfo', item)
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: `/BagStation/pages/stationDetail/stationDetail?channerCode=${item.channelCode}`,
|
|
|
|
|
fail: (err) => {
|
|
|
|
|
// console.log(err)
|
|
|
|
|
},
|
|
|
|
|
success: () => {
|
|
|
|
|
// console.log('err')
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: `/BagStation/pages/stationDetail/stationDetail?item=${itemS}`,
|
|
|
|
|
fail: (err) => {
|
|
|
|
|
// console.log(err)
|
|
|
|
|
},
|
|
|
|
|
success: () => {
|
|
|
|
|
// console.log('err')
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
uni.showModal({
|
|
|
|
|
title: '请您登录',
|
|
|
|
|
content: "登录星油加油才可以加油 |˛˙꒳˙)♡",
|
|
|
|
|
confirmText: '去登陆',
|
|
|
|
|
success: (res) => {
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
uni.reLaunch({
|
|
|
|
|
url: '../../../BagAuth/pages/login/login'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
getFilterData() {
|
|
|
|
|
oilSiteApi.getCheckInfo().then(res => {
|
|
|
|
|
if (res.code == 20000) {
|
|
|
|
|
let channelCodes = []
|
|
|
|
|
res.data.channelCodes.map(item => {
|
|
|
|
|
channelCodes.push({
|
|
|
|
|
title: item.name,
|
|
|
|
|
value: item.id
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
let productCodes = []
|
|
|
|
|
res.data.productCodes.map(item => {
|
|
|
|
|
productCodes.push({
|
|
|
|
|
title: item.name,
|
|
|
|
|
value: item.id
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
let siteBrands = []
|
|
|
|
|
res.data.siteBrands.map(item => {
|
|
|
|
|
siteBrands.push({
|
|
|
|
|
title: item.name,
|
|
|
|
|
value: item.id
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
// console.log(channelCodes, productCodes, siteBrands)
|
|
|
|
|
this.menuList[0].detailList.concat(channelCodes)
|
|
|
|
|
this.menuList[1].detailList.concat(productCodes)
|
|
|
|
|
this.menuList[2].detailList.concat(siteBrands)
|
|
|
|
|
uni.setStorageSync('filterData', this.menuList)
|
|
|
|
|
// this.$refs.slFilter.resetMenuList(this.menuList)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
onSelected(res) {
|
|
|
|
|
// console.log(res)
|
|
|
|
|
},
|
|
|
|
|
dateChange(d) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
icon: 'none',
|
|
|
|
|
title: d
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
InputFocus(e) {
|
|
|
|
|
uni.switchTab({
|
|
|
|
|
url: '/pages/tabbar/station/stationList'
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
InputBlur(e) {
|
|
|
|
|
this.InputBottom = 0
|
|
|
|
|
},
|
|
|
|
|
nameSelect(value, item) {
|
|
|
|
|
this.title2 = item.text
|
|
|
|
|
// console.log(item)
|
|
|
|
|
},
|
|
|
|
|
typeSelect(value, item) {
|
|
|
|
|
// console.log(item)
|
|
|
|
|
this.title1 = item.text
|
|
|
|
|
},
|
|
|
|
|
optionSelect(value, item) {
|
|
|
|
|
// console.log(item)
|
|
|
|
|
this.title3 = item.text
|
|
|
|
|
},
|
|
|
|
|
// 扫码逻辑开始
|
|
|
|
|
getSiteInfo(id) {
|
|
|
|
|
let data2 = {
|
|
|
|
|
...uni.getStorageSync('location'),
|
|
|
|
|
siteId: id
|
|
|
|
|
}
|
|
|
|
|
oilSiteApi.getSiteDetails(data2).then(res => {
|
|
|
|
|
if (res.code == 20000) {
|
|
|
|
|
this.siteInfo = res.data
|
|
|
|
|
if (res.data.oilSiteChannelDetailsVos.length == 1 && res.data.oilSiteChannelDetailsVos[0]
|
|
|
|
|
.activePay) {
|
|
|
|
|
uni.setStorageSync('tempScanSite', this.siteInfo)
|
|
|
|
|
this.makePay()
|
|
|
|
|
} else {
|
|
|
|
|
this.toDetail(this.siteId)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
makePay() {
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: `/BagStation/pages/makeOrder/makeOrder?siteId=${this.siteId}`
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getScanRes(code) {
|
|
|
|
|
let data2 = {
|
|
|
|
|
qrCode: code
|
|
|
|
|
}
|
|
|
|
|
oilSiteApi.getScanRes(data2).then(res => {
|
|
|
|
|
if (res.code == 20000) {
|
|
|
|
|
this.siteId = res.data.siteId
|
|
|
|
|
this.getSiteInfo(this.siteId)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
scan1() {
|
|
|
|
|
// 测试用
|
|
|
|
|
this.getScanRes('fixed_1371293944539422720')
|
|
|
|
|
},
|
|
|
|
|
openScan() {
|
|
|
|
|
uni.scanCode({
|
|
|
|
|
scanType: 'qrCode',
|
|
|
|
|
onlyFromCamera: true,
|
|
|
|
|
success: (res) => {
|
|
|
|
|
console.log(res.result)
|
|
|
|
|
this.getScanRes(res.result)
|
|
|
|
|
},
|
|
|
|
|
fail: (err) => {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: err
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
//结束
|
|
|
|
|
scrollScreen() {
|
|
|
|
|
// console.log('吸顶判断')
|
|
|
|
|
uni.createSelectorQuery().selectViewport().scrollOffset(res => {
|
|
|
|
|
let view = uni.createSelectorQuery().in(this).select(".screentop");
|
|
|
|
|
let cuBar = uni.createSelectorQuery().in(this).select(".cu-bar");
|
|
|
|
|
view.boundingClientRect(data => {
|
|
|
|
|
cuBar.boundingClientRect(dataCu => {
|
|
|
|
|
if (data.top > dataCu.top) {
|
|
|
|
|
uni.pageScrollTo({
|
|
|
|
|
scrollTop: data.top - dataCu.top,
|
|
|
|
|
duration: 0,
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}).exec();
|
|
|
|
|
}).exec();
|
|
|
|
|
}).exec();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
.showBtn {
|
|
|
|
|
padding-right: 3%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bottom-bar {
|
|
|
|
|
position: relative;
|
|
|
|
|
padding-top: 50px;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main-topbar>>>.cu-bar {
|
|
|
|
|
height: 380rpx !important;
|
|
|
|
|
z-index: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main-topbar>>>.cu-bar .content {
|
|
|
|
|
padding-bottom: 300rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bottom-bar-fixed {
|
|
|
|
|
position: fixed;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
padding-top: 70rpx;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main-money {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.van-tag {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding: 0.3rem 0.4rem;
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 1px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
top: 25%;
|
|
|
|
|
background-color: #b9ffca;
|
|
|
|
|
border-radius: 10rem 0 0 10rem;
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.screentop {
|
|
|
|
|
min-height: 50vh;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.cu-list.menu-avatar>.cu-item {
|
|
|
|
|
height: 175rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fixed {
|
|
|
|
|
width: 750upx;
|
|
|
|
|
position: fixed;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pagestart {}
|
|
|
|
|
|
|
|
|
|
.placeholder-hidden {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.my-icon-sm {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 70upx;
|
|
|
|
|
text-align: center;
|
|
|
|
|
max-height: 70upx;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.my-icon-sm .text-sm {
|
|
|
|
|
line-height: 1rem;
|
|
|
|
|
}
|
|
|
|
|
</style>
|