|
@@ -6,27 +6,37 @@
|
|
|
<view v-if="isConnected">
|
|
|
<block v-if="isLogin && car_info.car_sn">
|
|
|
<view class="container-view">
|
|
|
- <!-- #ifdef MP-WEIXIN -->
|
|
|
- <view :style="{height: `${statusBarHeight + 30}px`}"></view>
|
|
|
- <!-- #endif -->
|
|
|
- <!-- #ifdef APP -->
|
|
|
- <view :style="{height: `${statusBarHeight}px`}"></view>
|
|
|
- <!-- #endif -->
|
|
|
- <!-- <navBar type="index" /> -->
|
|
|
- <view class="flex-row flex-between align-center padding_about_40">
|
|
|
- <view class="car-name-view" @tap="navSwitchCar">
|
|
|
- <text class="text" style="margin-right: 10rpx;">{{car_info.car_name}}</text>
|
|
|
- <img src="https://qiniu.bms16.com/FoSXDpVGvbdmwbX3CMUBvR7X4IzI"
|
|
|
- style="width: 14rpx;height: 14rpx;" alt="">
|
|
|
- </view>
|
|
|
- <view @click="routerLink('/pages/message/index?isSys=0')" class="news">
|
|
|
- <view v-if="newsList.device_count > 0" class="num">
|
|
|
- {{ newsList.device_count}}
|
|
|
+ <view class="header_view">
|
|
|
+ <!-- #ifdef MP-WEIXIN -->
|
|
|
+ <view :style="{height: `${statusBarHeight + 30}px`}"></view>
|
|
|
+ <!-- #endif -->
|
|
|
+ <!-- #ifdef APP -->
|
|
|
+ <view :style="{height: `${statusBarHeight}px`}"></view>
|
|
|
+ <!-- #endif -->
|
|
|
+ <!-- <navBar type="index" /> -->
|
|
|
+ <view class="flex-row flex-between align-center padding_about_40">
|
|
|
+ <view class="car-name-view" @tap="navSwitchCar">
|
|
|
+ <text class="text" style="margin-right: 10rpx;">{{car_info.car_name}}</text>
|
|
|
+ <img src="https://qiniu.bms16.com/FoSXDpVGvbdmwbX3CMUBvR7X4IzI"
|
|
|
+ style="width: 14rpx;height: 14rpx;" alt="">
|
|
|
+ </view>
|
|
|
+ <view @click="routerLink('/pages/message/index?isSys=0')" class="news">
|
|
|
+ <view v-if="newsList.device_count > 0" class="num">
|
|
|
+ {{ newsList.device_count}}
|
|
|
+ </view>
|
|
|
+ <image src="https://qiniu.bms16.com/FtlfBtBE5-TeTI5EdrciX_u8u_Sx"
|
|
|
+ style="width: 48rpx;height: 48rpx;" mode=""></image>
|
|
|
</view>
|
|
|
- <image src="https://qiniu.bms16.com/FtlfBtBE5-TeTI5EdrciX_u8u_Sx"
|
|
|
- style="width: 48rpx;height: 48rpx;" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="fillClass">
|
|
|
+ <!-- #ifdef MP-WEIXIN -->
|
|
|
+ <view :style="{height: `${statusBarHeight + 80}px`}"></view>
|
|
|
+ <!-- #endif -->
|
|
|
+ <!-- #ifdef APP -->
|
|
|
+ <view :style="{height: `${statusBarHeight + 50}px`}"></view>
|
|
|
+ <!-- #endif -->
|
|
|
+ </view>
|
|
|
<view v-if="isOverdueShow" class="overdue-view flex-row flex-between">
|
|
|
<view class="overdue-view-text flex-row">
|
|
|
<text class="overdue-text-left">您已逾期
|
|
@@ -47,7 +57,7 @@
|
|
|
<view v-if="!car_info.sold_time" class="flex-row flex-between" style="align-items: center;">
|
|
|
<text class="quantity flex-row">{{car_info.soc}} <text
|
|
|
style="font-size: 28rpx;font-weight: 500;">%</text></text>
|
|
|
- <view @tap.stop="tapReturnCar" class="return-car-btn flex-row">
|
|
|
+ <view v-if="car_info.sold_time==0" @tap.stop="tapReturnCar" class="return-car-btn flex-row">
|
|
|
<image style="width: 46rpx;height: 46rpx;" src="https://qiniu.bms16.com/FtyG7Gq2QBaVVrZmTnmZFzXhE5nN" mode=""></image>
|
|
|
<view style="margin-left: 12rpx;">我要还车</view>
|
|
|
</view>
|
|
@@ -57,7 +67,7 @@
|
|
|
:show-percent="false" :percent="car_info.soc"></u-line-progress>
|
|
|
<view class="quantity-text flex-row">
|
|
|
<view style="font-weight:400;font-size: 22rpx;width: 44rpx;">{{$t("续航")}}</view>
|
|
|
- <view style="font-size: 36rpx;">{{formatDistance(car_info.remain_mail) }}<text style="font-size: 30rpx;">{{car_info.remain_mail ? car_info.remain_mail>1000?'km':'m' :'km'}}</text></view>
|
|
|
+ <view style="font-size: 36rpx;">{{car_info.remain_mail }}<text style="font-size: 30rpx;">km</text></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- <img :src="car_info.model_images||'https://qiniu.bms16.com/Fg8_p7083jpsy8BXG4bR6yMs7jQX'" style="width: 100%;height: 526rpx;" alt=""> -->
|
|
@@ -80,9 +90,11 @@
|
|
|
</view>
|
|
|
<Control :contrilList="contrilList" @toBluetooth="inductiveUnlockHandle" @loadCarDetail="loadCarDetail"/>
|
|
|
|
|
|
-
|
|
|
- <view :class="['flex-row', 'flex-between', 'map-card-view',car_info.exchange_package_info && car_info.exchange_package_info.activity_time?'height_362':'height_260']">
|
|
|
- <MapCard :car_info="car_info" :height="!!(car_info.exchange_package_info && car_info.exchange_package_info.activity_time)"/>
|
|
|
+ <!-- car_info.is_share==1 是别人共享的车 -->
|
|
|
+ <!-- car_info.authority_list.indexOf(4) == -1 共享地图权限 -->
|
|
|
+ <!-- car_info.authority_list.indexOf(5) == -1 共享套餐权限 -->
|
|
|
+ <view :class="['flex-row', 'flex-between', 'map-card-view',car_info.exchange_package_info && car_info.exchange_package_info.activity_time&&(car_info.is_share!=1&&car_info.authority_list.indexOf(5) != -1)?'height_362':'height_260']">
|
|
|
+ <MapCard v-if="car_info.is_share==1&&car_info.authority_list.indexOf(4) == -1" :car_info="car_info" :height="!!(car_info.exchange_package_info && car_info.exchange_package_info.activity_time)"/>
|
|
|
|
|
|
<view class="card-right">
|
|
|
<view class="card-bg" @tap="navTravelingTrack">
|
|
@@ -96,11 +108,11 @@
|
|
|
style="width: 24rpx;height: 20rpx;"
|
|
|
src="https://qiniu.bms16.com/FltPK-o7KGS3dQ2pfQHXGSxOdzaN" alt=""></view>
|
|
|
</view>
|
|
|
- <view class="card-top-text">{{car_info.current_mail}}<text class="font_24">km</text>
|
|
|
+ <view class="card-top-text">{{isTrackOrAll?car_info.current_mail:car_info.total_mil}}<text class="font_24">km</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <view v-if="car_info.exchange_package_info && car_info.exchange_package_info.activity_time" class="card-bg">
|
|
|
+ <view v-if="car_info.exchange_package_info && car_info.exchange_package_info.activity_time&&(car_info.is_share==1&&car_info.authority_list.indexOf(5) == -1)" class="card-bg">
|
|
|
<view class="flex-row card-top-title">
|
|
|
<img style="width: 36rpx;height: 36rpx;"
|
|
|
src="https://qiniu.bms16.com/FtalApKa3STyruaBxxRB4O9hHXyE" alt="">
|
|
@@ -471,7 +483,8 @@
|
|
|
loadCarDetail(car_sn) {
|
|
|
const me = this
|
|
|
http.postApi(config.API_FLK_CAR_DETAIL, {
|
|
|
- car_sn
|
|
|
+ car_sn,
|
|
|
+ time:Math.floor(Date.now() / 1000)
|
|
|
}, (resp) => {
|
|
|
uni.hideLoading();
|
|
|
console.log(resp.data)
|
|
@@ -578,7 +591,18 @@
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
@import './index.css';
|
|
|
-
|
|
|
+ .header_view {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ background-color: #c4cad6;
|
|
|
+ // color: white;
|
|
|
+ // text-align: center;
|
|
|
+ // line-height: 50px;
|
|
|
+ z-index: 999; /* 确保在最上层 */
|
|
|
+ }
|
|
|
+ .fillClass {}
|
|
|
.news {
|
|
|
position: relative;
|
|
|
margin-right: 20rpx;
|