|
|
@@ -1,10 +1,9 @@
|
|
|
<template>
|
|
|
<view class="">
|
|
|
- <navBar name="我的订单" left="0"></navBar>
|
|
|
+ <navBar name="车辆激活" left="0"></navBar>
|
|
|
<view class="container-view">
|
|
|
<view class="return-info">
|
|
|
<view class="h5">车辆信息</view>
|
|
|
-
|
|
|
<view v-if="overdueMoney" class="return-top flex-row flex-between">
|
|
|
<view style="align-items: baseline;" class="flex-row">逾期费用：
|
|
|
<allPrice :amount="(overdueMoney/100)" />
|
|
|
@@ -13,6 +12,9 @@
|
|
|
<view class="return-top flex-row flex-between">
|
|
|
<view>车辆编号：{{car_sn}}</view>
|
|
|
</view>
|
|
|
+ <view v-if="carInfoData.license_plate_number" class="return-top flex-row flex-between">
|
|
|
+ <view>车牌号：{{carInfoData.license_plate_number}}</view>
|
|
|
+ </view>
|
|
|
<view class="return-top flex-row flex-between">
|
|
|
<view>车辆名称：{{carInfoData.car_name}}</view>
|
|
|
</view>
|
|
|
@@ -20,14 +22,17 @@
|
|
|
<view>车型：{{carInfoData.model_name}}</view>
|
|
|
</view>
|
|
|
<view class="return-top flex-row flex-between">
|
|
|
- <view>续航：{{carInfoData.endurance}}m</view>
|
|
|
+ <view>续航：{{(carInfoData.endurance / 2).toFixed(2)}}km</view>
|
|
|
</view>
|
|
|
<view class="return-top flex-row flex-between">
|
|
|
- <view>重量：{{carInfoData.weight}}kg</view>
|
|
|
+ <view>重量：{{(carInfoData.weight / 100).toFixed(2)}}kg</view>
|
|
|
</view>
|
|
|
<view class="return-top flex-row ">
|
|
|
<view>照片：</view>
|
|
|
- <image class="img" :src="carInfoData.model_images" mode="aspectFill"></image>
|
|
|
+ <view style="display: flex;align-items: center;" class="">
|
|
|
+ <image style="margin-right: 10rpx;" v-for="(item,index) of carInfoData.model_images"
|
|
|
+ :key="index" class="img" :src="item" mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view v-if="shopInfo.shop_name" class="return-info">
|
|
|
@@ -40,21 +45,28 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="pictures-info">
|
|
|
- <view>车辆照片</view>
|
|
|
+ <view>上传照片</view>
|
|
|
<!-- <view>这里是关于激活车辆照片的文案描述，这里是关于激活车辆照片的文案描述</view> -->
|
|
|
- <uploaders :max="Number(shopList.flk_hire_car_img_num)" :car_info="car_imgs"
|
|
|
- @update-car-images="handleCarImagesUpdate"></uploaders>
|
|
|
+ <!-- <uploaders :max="Number(shopList.flk_hire_car_img_num)" :car_info="car_imgs"
|
|
|
+ @update-car-images="handleCarImagesUpdate"></uploaders> -->
|
|
|
+
|
|
|
+
|
|
|
+ <view class="list-group">
|
|
|
+ <view class="list-item" @click="bindUpImg(index)" @longpress="bindDelImage(index)" :data-idx="index" v-for="(item, index) in shopList.flk_hire_return_car_img"
|
|
|
+ :key="item.unique">
|
|
|
+ <image v-if="!item.imgUrl" class="img-item-demo" :src="item.url"></image>
|
|
|
+ <image v-else class="img-item" :src="item.imgUrl" mode="aspectFill"></image>
|
|
|
+ <view class="img_text">{{ item.title? item.title : '车辆照片'}}</view>
|
|
|
+ <view v-if="!item.imgUrl" class="empity-item">＋</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view v-if="isReturnCar" @tap="submitReturn" class="pictures-btn">归还车辆</view>
|
|
|
<view v-else @tap="submitEnabled" class="pictures-btn">激活车辆</view>
|
|
|
</view>
|
|
|
-
|
|
|
<PayTypeModel @closeShow="()=>isShowToBuy=false" @payToOrder="payToOrder" :free_price="totalPrice"
|
|
|
:isShowToBuy="isShowToBuy" />
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
-
|
|
|
-
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
@@ -66,6 +78,7 @@
|
|
|
const common = require('@/common/common.js');
|
|
|
import PayTypeModel from '@/component/payTypeModel/payTypeModel';
|
|
|
import allPrice from '@/component/allPrice/allPrice';
|
|
|
+ import upload from '@//component/uploaders/upload.js.js';
|
|
|
export default {
|
|
|
components: {
|
|
|
uploaders,
|
|
|
@@ -74,6 +87,7 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ imgList:[],
|
|
|
totalPrice: 0,
|
|
|
isShowToBuy: false,
|
|
|
myLocation: {},
|
|
|
@@ -101,7 +115,6 @@
|
|
|
*/
|
|
|
onLoad: function(options) {
|
|
|
this.locationFn()
|
|
|
- console.log(options, 'options');
|
|
|
this.isReturnCar = options.isReturnCar
|
|
|
if (options.isReturnCar) {
|
|
|
uni.setNavigationBarTitle({
|
|
|
@@ -136,6 +149,33 @@
|
|
|
onShow: function() {},
|
|
|
onUnload: function() {},
|
|
|
methods: {
|
|
|
+ async bindDelImage(index){
|
|
|
+ let res = await uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '你确定要删除吗？',
|
|
|
+ showCancel: true,
|
|
|
+ })
|
|
|
+ if (res[1].confirm) {
|
|
|
+ this.shopList.flk_hire_return_car_img[index].imgUrl = ''
|
|
|
+ this.$forceUpdate()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async bindUpImg(index) {
|
|
|
+ let res = await uni.chooseImage({
|
|
|
+ count: 1,
|
|
|
+ })
|
|
|
+ if(res[1]){
|
|
|
+ const imgList = res[1].tempFilePaths
|
|
|
+ let data = await upload.uploadFile(imgList)
|
|
|
+ this.shopList.flk_hire_return_car_img[index].imgUrl = data[0].url
|
|
|
+ this.$forceUpdate()
|
|
|
+ // this.imgList = this.imgList.concat(data)
|
|
|
+ // this.updateImages(this.imgList)
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
async payToOrder(pay_type) {
|
|
|
let milliseconds = new Date().getTime();
|
|
|
const current_time = this.overdueTime ? this.overdueTime : parseInt(milliseconds / 1000);
|
|
|
@@ -177,17 +217,20 @@
|
|
|
},
|
|
|
//还车
|
|
|
async submitReturn() {
|
|
|
- this._image_list = this.car_imgs.map(item => {
|
|
|
- return item.url
|
|
|
+ let _image_list = this.shopList.flk_hire_return_car_img.map(item => {
|
|
|
+ return item.imgUrl
|
|
|
})
|
|
|
- if (this._image_list.length < 1) return common.simpleToast('请上传车辆照片')
|
|
|
+ _image_list = _image_list.filter(item=> {
|
|
|
+ if(item){
|
|
|
+ return item
|
|
|
+ }
|
|
|
+ })
|
|
|
+ if (_image_list.length < this.shopList.flk_hire_return_car_img.length) return common.simpleToast('请上传车辆照片')
|
|
|
if (this.totalPrice > 0) {
|
|
|
this.isShowToBuy = true
|
|
|
} else {
|
|
|
this.payToOrder(1)
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
},
|
|
|
async shopInfoFn() {
|
|
|
let res = await uni.getLocation()
|
|
|
@@ -227,6 +270,7 @@
|
|
|
car_sn: this.car_sn
|
|
|
})
|
|
|
if (data.code == 200) {
|
|
|
+ data.data.model_images = data.data.model_images.split(',') || []
|
|
|
this.carInfoData = data.data
|
|
|
} else {
|
|
|
common.simpleToast(data.msg)
|
|
|
@@ -239,8 +283,13 @@
|
|
|
|
|
|
submitEnabled() {
|
|
|
const me = this
|
|
|
- const _image_list = this.car_imgs.map(item => item.url)
|
|
|
- if (_image_list.length < 1) return common.simpleToast('请上传车辆照片')
|
|
|
+ let _image_list =this.shopList.flk_hire_return_car_img.map(item => item.imgUrl)
|
|
|
+ _image_list = _image_list.filter(item=> {
|
|
|
+ if(item){
|
|
|
+ return item
|
|
|
+ }
|
|
|
+ })
|
|
|
+ if (_image_list.length < this.shopList.flk_hire_return_car_img.length) return common.simpleToast('请上传车辆照片')
|
|
|
const pData = {
|
|
|
car_sn: this.car_sn,
|
|
|
sub_sn: this.sub_sn,
|
|
|
@@ -263,6 +312,73 @@
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style>
|
|
|
+<style scoped>
|
|
|
@import './activation.css';
|
|
|
+ .list-group {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .list-item {
|
|
|
+ width: 200rpx;
|
|
|
+ height: 200rpx;
|
|
|
+ background-color: #F4F5F6;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-right: 9rpx;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ position: relative;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .img-item {
|
|
|
+ width: 200rpx;
|
|
|
+ height: 200rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ }
|
|
|
+ .img-item-demo {
|
|
|
+ width: 200rpx;
|
|
|
+ height: 200rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ /* 翻转图片的颜色 */
|
|
|
+ filter: invert(30%);
|
|
|
+ opacity: 0.8;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .empity-item {
|
|
|
+ position: absolute;
|
|
|
+ /* #ifdef MP-ALIPAY */
|
|
|
+ top: 0.7rem;
|
|
|
+ left: 0.5rem;
|
|
|
+ /* #endif */
|
|
|
+ /* #ifdef MP-WEIXIN */
|
|
|
+ top: 10rpx;
|
|
|
+ left: 48rpx;
|
|
|
+ /* #endif */
|
|
|
+
|
|
|
+ color: #e6e6e6;
|
|
|
+ font-size: 120rpx;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .img_text {
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #fff;
|
|
|
+ line-height: 24rpx;
|
|
|
+ /* text-align: center; */
|
|
|
+ font-style: normal;
|
|
|
+ /* text-align: center; */
|
|
|
+ position: absolute;
|
|
|
+ bottom: 17rpx;
|
|
|
+ /* left: 73rpx; */
|
|
|
+ }
|
|
|
</style>
|
郭宇琦