caoliancun/MP_XOIL_company_new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

星油企业版更新

Browse Source
This commit is contained in:
caolc
2023-02-13 15:43:06 +08:00
parent 41c2629561
commit d6e55390f3
51 changed files with 5176 additions and 480 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
BagStation/pages/newRoutePlanning/components/footerScroll.vue
View File

@@ -158,6 +158,7 @@
},
dragMap(e,w){
console.log('组件内触发')
this.$emit('dragMap',e,w)
},
//点击最近开始路线规划

14
BagStation/pages/newRoutePlanning/components/mapIcon.vue
View File

@@ -1,7 +1,7 @@
<template>
<view class="mapIcon">
<view class="Position">
<image @click="$emit('reset')" v-if="polyline.length==0" src="../../../../static/img/myPosition.png" ></image>
<image @click="$emit('reset')" v-if="polyline.length==0" src="https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油运营小程序/myPosition.png" ></image>
<image @click="$emit('swich',true);isShow.strategy=!isShow.strategy" v-else src="../../../static/img/trajectory.png" ></image>
</view>
<!-- <uni-icons v-if="polyline.length!==0" @click=" isShow.strategy=!isShow.strategy" type="map-pin-ellipse" size='25'></uni-icons> -->
@@ -151,12 +151,14 @@
}
.mapIcon {
text-align: end;
padding-right: 30rpx;
padding-bottom: 15rpx;
// padding-bottom: 15rpx;
position: relative;
height: 80rpx;
margin-bottom: 10rpx;
// height: 80rpx;
// margin-bottom: 10rpx;
position: absolute;
width: min-content;
top: -90rpx;
right: 30rpx;
}
.filterBox {

113
BagStation/pages/newRoutePlanning/components/serviceStation.vue
View File

@@ -1,56 +1,58 @@
<template>
<view @touchend='touchend' @touchmove='touchmove' @touchstart='onChange'
style="display: flex;flex-direction: column;flex-wrap: wrap;z-index: 9999999999999999999999999 !important;"
:style="{height:isShow.switchBar?`calc(${styles.height}rpx + ${styles.move}rpx )`: ` calc( ${styles.move}rpx + 150rpx)` }"
:class="styles.open? 'serviceStation_body' :'seleServiceStation_body' ">
<view @click="switchBar" class="switchBar"></view>
<view style="flex: 1; overflow: hidden; width: 100%; ">
<view style="" class="information">
<view class="information_left">
<image class="ser_img" :src="details.siteImages" mode="widthFix"></image>
<view
style="width: calc(100% - 80rpx);display: flex; flex-direction: column;justify-content: space-between;"
class="serviceStation_text black_color">
<view class="ovf">{{details.siteName}}</view>
<view style=" " class="ovf samall_text hui_color">{{details.address}}</view>
</view>
</view>
<view class="information_right">
<uni-icons type="paperplane-filled" size="20"></uni-icons>
<view class="samall_text hui_color">
{{ Number(details.juli/1000).toFixed(2) }}km
</view>
</view>
</view>
<view class="oli_swiper">
<view class="oli_swiper_title">
<view :style="{borderBottom: seleIndex==index? '#FF6700 solid 3px':''}" @click="seletitle(index)"
v-for="(item,index) in details.oilSiteChannelDetailsVos" class="oli_swiper_title_item">
{{item.channelCode|channelCode}}</view>
<!-- <view :style="{transform:`translateX( calc(${seleIndex} * 100%) )`,width:`calc(100% / ${details.oilSiteChannelDetailsVos.length})`}" class="tiao"></view> -->
</view>
<swiper class="swiper" next-margin='480rpx' :duration="500">
<swiper-item
v-for="(item,index) in (details.oilSiteChannelDetailsVos[seleIndex].oilSitePriceDetailsVos==null?[]:details.oilSiteChannelDetailsVos[seleIndex].oilSitePriceDetailsVos)"
:key='index'>
<view class="swiper-item">
<view class="swiper-item_oliType bag_text black_color">{{item.oilProductCode}}</view>
<view class="bag_text hu_color " style="text-align: start;">
{{moneyIntercept(item.sitePrice)}}/L
</view>
<view class="samall_text hui_color" style="text-align: end;text-decoration: line-through;">
{{ moneyIntercept(item.oilSitePrice) }}/L
</view>
<view >
<view @touchend='touchend' @touchmove='touchmove' @touchstart='onChange'
style="display: flex;flex-direction: column;flex-wrap: wrap;z-index: 9999999999999999999999999 !important;"
:style="{height:isShow.switchBar?`calc(${styles.height}rpx + ${styles.move}rpx )`: ` calc( ${styles.move}rpx + 150rpx)` }"
:class="styles.open? 'serviceStation_body' :'seleServiceStation_body' ">
<view @click.stop="switchBar()" class="switchBar"></view>
<view style="flex: 1; overflow: hidden; width: 100%; ">
<view style="" class="information">
<view class="information_left">
<image class="ser_img" :src="details.siteImages" mode="widthFix"></image>
<view
style="width: calc(100% - 80rpx);display: flex; flex-direction: column;justify-content: space-between;"
class="serviceStation_text black_color">
<view class="ovf">{{details.siteName}}</view>
<view style=" " class="ovf samall_text hui_color">{{details.address}}</view>
</view>
</swiper-item>
</swiper>
</view>
<view class="serviceStation_footer">
<view @click="Navigation" style="background-color: #8B583E;" class="serviceStation_footer_butten">导航
</view>
<view class="information_right">
<uni-icons type="paperplane-filled" size="20"></uni-icons>
<view class="samall_text hui_color">
{{ Number(details.juli/1000).toFixed(2) }}km
</view>
</view>
</view>
<view class="oli_swiper">
<view class="oli_swiper_title">
<view :style="{borderBottom: seleIndex==index? '#FF6700 solid 3px':''}" @click="seletitle(index)"
v-for="(item,index) in details.oilSiteChannelDetailsVos" class="oli_swiper_title_item">
{{item.channelCode|channelCode}}</view>
<!-- <view :style="{transform:`translateX( calc(${seleIndex} * 100%) )`,width:`calc(100% / ${details.oilSiteChannelDetailsVos.length})`}" class="tiao"></view> -->
</view>
<swiper class="swiper" next-margin='480rpx' :duration="500">
<swiper-item
v-for="(item,index) in (details.oilSiteChannelDetailsVos[seleIndex].oilSitePriceDetailsVos==null?[]:details.oilSiteChannelDetailsVos[seleIndex].oilSitePriceDetailsVos)"
:key='index'>
<view class="swiper-item">
<view class="swiper-item_oliType bag_text black_color">{{item.oilProductCode}}</view>
<view class="bag_text hu_color " style="text-align: start;">
{{moneyIntercept(item.sitePrice)}}/L
</view>
<view class="samall_text hui_color" style="text-align: end;text-decoration: line-through;">
{{ moneyIntercept(item.oilSitePrice) }}/L
</view>
</view>
</swiper-item>
</swiper>
</view>
<view class="serviceStation_footer">
<view @click.stop="Navigation" style="background-color: #8B583E;" class="serviceStation_footer_butten">导航
</view>
<view @tap.stop="jump" style="background-color: #FF6700;" class="serviceStation_footer_butten">详情</view>
</view>
<view @click="jump" style="background-color: #FF6700;" class="serviceStation_footer_butten">详情</view>
</view>
</view>
</view>
@@ -76,7 +78,7 @@
},
created() {
console.log(this.details, '***');
this.$emit('dragMap', this.details, false)
// this.$emit('dragMap', this.details, false)
},
mounted() {},
props: {
@@ -137,15 +139,16 @@
},
//开始滑动
onChange(e) {
console.log('开始滑动');
this.$emit('dragMap', this.details, false)
// 这一行为记录滑动位置代码 this.styles.Y = e.changedTouches[0].clientY + this.styles.move;
console.log('禁用');
this.styles.open = true;
this.styles.Y = e.changedTouches[0].clientY;
console.log('onChange')
console.log(e,'onChange')
},
// 滑动完成
touchend(e) {
console.log('滑动完成');
this.styles.open = false;
if (this.styles.move > 0) {
this.isShow.switchBar = true
@@ -165,9 +168,9 @@
seletitle(e) {
this.seleIndex = e
},
switchBar() {
switchBar(e) {
this.isShow.switchBar = !this.isShow.switchBar
console.log(this.isShow.switchBar)
console.log(this.isShow.switchBar,']]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]')
}
}
}