zx_flk_app/pages/orderStatus/orderStatus.vue

<template>
	<view class="container-view">
		<view class="time-info">
			<!-- order_status  0 待支付（可重新调起支付）1 已预约成功（未取车、激活电池则为取车）2 待激活 （可以激活电池）3 使用中(可续费、还车)
			4 已逾期(可续费）5 还车申请中（待确认）6 还车中,等待门店取车  7 车辆已归还  8 订单已支付,已取消  9 订单未支付已取消
			以及拖车工单状态
			workInfo.status 0 待商家确认拖车服务, 1门店拖车中, 2订单已结束, 3已取消拖车服务-->
			<!-- 拖车订单状态优先展示 -->
			<view v-if="workInfo.status">
				<view v-if="workInfo.status == 0">待商家确认拖车服务</view>
				<view v-else-if="workInfo.status == 1">门店拖车中</view>
				<!-- <view v-else-if="workInfo.status == 2">拖车服务已取消</view> -->
				<view v-else-if="workInfo.status == 2">订单已结束</view>
			</view>
			<view v-else>
				<view v-if="orderInfo.order_status == 1">
					{{orderInfo.return_type == 1?('请于'+tools.formatTimeSecond(orderInfo.hire_begin_time)+'到门店取车'):('将于'+tools.formatTimeSecond(orderInfo.hire_begin_time)+'送车上门')}}
				</view>
				<view v-else-if="orderInfo.order_status == 2">请上传车辆图片激活车辆</view>
				<view v-else-if="orderInfo.order_status == 3" class="blue-text">使用中...</view>
				<view v-else-if="orderInfo.order_status == 4" class="red-text">已逾期</view>
				<view v-else-if="orderInfo.order_status == 5">待门店确认</view>
				<view v-else-if="orderInfo.order_status == 6">还车中,等待门店取车</view>
				<view v-else-if="orderInfo.order_status == 7">已完成</view>
				<view v-else-if="orderInfo.order_status == 8||orderInfo.order_status == 9">已取消</view>
				<view v-else>
					<text>待支付 剩余</text>
					<u-count-down bg-color="none" font-size="50" :show-day="false" :timestamp="timer"
						@end="loadEnd"></u-count-down>
				</view>
			</view>
			<view class="time-money">
				<view class="flex-row flex-between">
					<view class="money-item">
						<view :class="orderInfo.order_status == 4?'red-status':''">
							{{orderInfo.hire_duration_time.day > 0 ? orderInfo.hire_duration_time.day :'' }}<text
							v-if="orderInfo.hire_duration_time.day>0">日</text>{{orderInfo.hire_duration_time.hour > 0 ? orderInfo.hire_duration_time.hour :'' }}<text
							v-if="orderInfo.hire_duration_time.hour>0">小时</text>{{orderInfo.hire_duration_time.minute > 0 ? orderInfo.hire_duration_time.minute :'' }}<text
							v-if="orderInfo.hire_duration_time.minute>0">分</text>
						</view>
						<view v-if="(orderInfo.order_status == 2&&orderInfo.hire_type==2) || orderInfo.order_status == 3">租期剩余</view>
						<view v-else-if="orderInfo.order_status == 4" class="red-status">逾期时长</view>
						<view v-else>租借周期</view>
							<!-- <view
							v-if="(orderInfo.order_status != 2&&orderInfo.hire_type==1) && orderInfo.order_status != 3 && orderInfo.order_status != 4">
							租借周期</view> -->
					</view>
					<view class="money-item">
						<view :class="orderInfo.order_status == 4?'red-status':''">
							{{orderInfo.order_status == 4?tools.toFix(over_fee/100):tools.toFix(orderInfo.hire_money / 100)}}<text>元</text>
						</view>
						<view v-if="orderInfo.order_status == 4" class="red-status">逾期金额</view>
						<view v-else>订单金额</view>
					</view>
					<view @tap="bindExpanded">
						<text>{{isExpanded?'收起':'展开'}}</text>
						<img
							:src="isExpanded?'https://qiniu.bms16.com/FvRah8ro91B_TUVEmInBq6n69W2f':'https://qiniu.bms16.com/FtbxPP0aXYG8hyJTEJfNTXa_Puuc'" />
					</view>
				</view>
				<view v-if="isExpanded" class="dashed-border"></view>
				<view v-if="isExpanded">
					<view v-if="workInfo.status">
						<view class="big-text">拖车信息</view>
						<view class="sn-content flex-row flex-between">
							<view class="sn-title">拖车位置</view>
							<view class="sn-text" style="width: 420rpx;">{{workInfo.address}}</view>
						</view>
						<view class="sn-content flex-row flex-between">
							<view class="sn-title">还车门店</view>
							<view class="sn-text">{{workInfo.shop_name}}</view>
						</view>
						<view class="sn-content flex-row flex-between">
							<view class="sn-title">拖车距离</view>
							<view class="sn-text">{{tools.toFix(workInfo.distance/1000)}}KM</view>
						</view>
						<view class="sn-content flex-row flex-between">
							<view class="sn-title">拖车费用<image @tap="isShowDragMoney = true" class="chargeinfo_img"
									src="https://qiniu.bms16.com/FjJufAn7ewzRY0kfM2ABUoq7YeSk"></image>
							</view>
							<view class="sn-text">￥{{tools.toFix(workInfo.money/100)}}</view>
						</view>
						<view class="sn-content flex-row flex-between">
							<view class="sn-title">支付方式</view>
							<view v-if="workInfo.pay_type == 0" class="sn-text">微信支付</view>
							<view v-if="workInfo.pay_type == 2" class="sn-text">支付宝支付</view>
							<view v-if="workInfo.pay_type == 9" class="sn-text">钱包余额支付</view>
						</view>
					</view>
					<view class="big-text">订单信息</view>
					<view class="sn-content flex-row flex-between">
						<view class="sn-title">订单编号</view>
						<view class="sn-text">{{orderInfo.order_sn}}</view>
					</view>
					<view v-if="orderInfo.order_status == 0" class="sn-content flex-row flex-between">
						<view class="sn-title">下单时间</view>
						<view class="sn-text">{{tools.formatTime(orderInfo.ctime)}}</view>
					</view>
					<view v-if="orderInfo.order_status == 8||orderInfo.order_status == 9"
						class="sn-content flex-row flex-between">
						<view class="sn-title">取消时间</view>
						<view class="sn-text">{{tools.formatTime(orderInfo.close_time)}}</view>
					</view>
					<view v-if="(orderInfo.order_status == 8||orderInfo.order_status == 9)&&orderInfo.close_reason!=''"
						class="sn-content flex-row flex-between">
						<view class="sn-title">取消原因</view>
						<view class="sn-text">{{orderInfo.close_reason}}</view>
					</view>
					<view v-if="orderInfo.order_status != 8&&orderInfo.order_status != 9&&orderInfo.pay_time!=0"
						class="sn-content flex-row flex-between">
						<view class="sn-title">支付时间</view>
						<view class="sn-text">{{tools.formatTime(orderInfo.pay_time)}}</view>
					</view>
					<view v-if="orderInfo.order_status != 8&&orderInfo.order_status != 9"
						class="sn-content flex-row flex-between">
						<view class="sn-title">支付方式</view>
						<view v-if="orderInfo.pay_type == 0" class="sn-text">微信支付</view>
						<view v-if="orderInfo.pay_type == 2" class="sn-text">支付宝支付</view>
						<view v-if="orderInfo.pay_type == 9" class="sn-text">钱包余额支付</view>
					</view>
					<view v-if="orderInfo.order_status != 8&&orderInfo.order_status != 9"
						class="sn-content flex-row flex-between">
						<view class="sn-title">押金金额</view>
						<view  class="sn-text flex-row">
							<text :class="orderInfo.pay_with_pledge == 5?'none-text':''">￥{{orderInfo.deposit / 100}}</text>
							<view v-if="orderInfo.pay_with_pledge == 5"  style="margin-left: 20rpx;">0</view>
						</view>
					</view>
					<view v-if="orderInfo.order_status != 8&&orderInfo.order_status != 9"
						class="sn-content flex-row flex-between">
						<view class="sn-title">押金类型</view>
						<view v-if="orderInfo.pay_with_pledge == 1" class="sn-text">不需要押金</view>
						<view v-if="orderInfo.pay_with_pledge == 2" class="sn-text">线上支付</view>
						<view v-if="orderInfo.pay_with_pledge == 3" class="sn-text">押金已退</view>
						<view v-if="orderInfo.pay_with_pledge == 4" class="sn-text">已申请退押金</view>
						<view v-if="orderInfo.pay_with_pledge == 5" class="sn-text">支付宝信用免押</view>
						<view v-if="orderInfo.pay_with_pledge == 6" class="sn-text">支付宝免押已解约</view>
						<view v-if="orderInfo.pay_with_pledge == 7" class="sn-text">平台信任免押</view>
						<!-- <view v-if="orderInfo.pay_with_pledge == 6" class="sn-text flex-row">
							<text>已退回</text>
							<view class="g-border"></view>
							￥{{orderInfo.deposit}} 充值押金
						</view> -->
					</view>

					<view v-if="orderInfo.order_status != 8&&orderInfo.order_status != 9&&orderInfo.insurance != 0"
						class="sn-content flex-row flex-between">
						<view class="sn-title">保险金额</view>
						<view class="sn-text">￥{{orderInfo.insurance / 100}}
						</view>
					</view>
					<view v-if="orderInfo.order_status != 8&&orderInfo.order_status != 9&&orderInfo.total_cabinet_order_money != 0"
						class="sn-content flex-row flex-between">
						<view class="sn-title">换电金额</view>
						<view class="sn-text">￥{{orderInfo.total_cabinet_order_money / 100}}
						</view>
					</view>

					<view v-if="orderInfo.order_status == 5||orderInfo.order_status == 6"
						class="sn-content flex-row flex-between">
						<view class="sn-title">归还时间</view>
						<view class="sn-text">{{tools.formatTime(orderInfo.return_time)}}</view>
					</view>
					<view v-if="orderInfo.order_status == 7&&orderInfo.return_time!=0"
						class="sn-content flex-row flex-between">
						<view class="sn-title">完成时间</view>
						<view class="sn-text">{{tools.formatTime(orderInfo.return_time)}}</view>
					</view>
				</view>
			</view>
		</view>
		<view class="show_mark_container" v-if="isShowDragMoney">
			<view class="pop_content">
				<view class="show_title">拖车费用说明</view>
				<view class="pop_foo">
					<view class="show_info_content flex-row flex-between">
						<view>起步费(含{{charge_standard.start_mil}}km)</view>
						<view>￥{{charge_standard.start_price}}</view>
					</view>
					<view class="show_info_content flex-row flex-between">
						<view>
							<view>公里费({{charge_standard.actual_start_mil}}km)</view>
							<view class="show_info_tips">
								超出起步范围的距离，每{{charge_standard.step_mil}}公里{{charge_standard.step_price}}元
							</view>
						</view>
						<view>￥{{charge_standard.over_start_price}}</view>
					</view>

				</view>
				<view class="row-btn">
					<view class="left-btn" @tap="isShowDragMoney = false">我知道了</view>
				</view>
			</view>
		</view>
		<view class="car-info">
			<view>车辆信息</view>
			<view class="car-top flex-row flex-between">
				<view class="top-flex">
					<view>{{modelInfo.car_model}}</view>
					<view>续航{{modelInfo.endurance}}｜重量{{modelInfo.weight}}</view>
				</view>
				<img
					:src="modelInfo.model_images!=''?modelInfo.model_images[0]:'https://qiniu.bms16.com/FhEvnKUckAHPtWaC04mi2s53IEVj'" />
			</view>
		</view>
		<view v-if="orderInfo.battery_sn!=''"  class="exchange-info">
			<view class="flex-row flex-between">
				<view class="exchange-info-title">换电信息</view>
				<view @tap="navToExchange" class="flex-row" style="margin-bottom: 28rpx;">
					<view class="exchange-button">已换电<text>{{orderInfo.used_exchange_num}}</text>次</view>
					<image src="https://qiniu.bms16.com/FpIN7AVzFU75slFlX-SIdnSEmn1k" style="width: 28rpx;height: 28rpx;" />
				</view>
			</view>			
			<view class="exchange-content">本单您可享受{{orderInfo.gift_exchange_num}}次免费换电，
			当前免费换电剩余{{(orderInfo.gift_exchange_num - orderInfo.used_exchange_num) > 0 ? (orderInfo.gift_exchange_num - orderInfo.used_exchange_num) : '0' }}次，超出后需要单独支付换电费用
			</view>
		</view>

		<!-- <view v-if="orderInfo.pay_with_pledge != 1" class="deposit-info">
			<view>车辆押金</view>
			<view v-if="orderInfo.pay_with_pledge == 5" class="selected-deposit">
				<view class="deposit-item flex-row" style="align-items: center;">
					<view>支付宝芝麻信用</view>
				</view>
				<view class="blue-text" style="font-size: 32rpx;">免押</view>
			</view>
			<view
				v-if="orderInfo.pay_with_pledge == 2 || orderInfo.pay_with_pledge == 3 || orderInfo.pay_with_pledge == 4"
				class="selected-deposit">
				<view class="deposit-item flex-row">
					<view>押金租借</view>
				</view>
				<view class="blue-text" style="font-size: 36rpx;">
					¥{{orderInfo.deposit / 100}}</view>
			</view>
		</view> -->

		<view v-if="orderInfo.hire_begin_time!=0&&orderInfo.hire_end_time!=0" class="return-info">
			<view class="return-top flex-row flex-between">
				<view>取还时间</view>
				<view>
						共{{orderInfo.hire_return_time.day > 0 ? orderInfo.hire_return_time.day :'' }}<text
							v-if="orderInfo.hire_return_time.day>0">日</text>{{orderInfo.hire_return_time.hour > 0 ? orderInfo.hire_return_time.hour :'' }}<text
							v-if="orderInfo.hire_return_time.hour>0">小时</text>{{orderInfo.hire_return_time.minute > 0 ? orderInfo.hire_return_time.minute :'' }}<text
							v-if="orderInfo.hire_return_time.minute>0">分</text>
				</view>
			</view>
			<view class="return-bottom flex-row">
				<view>{{tools.formatTimeDate(orderInfo.hire_begin_time)}}</view>
				<img src="https://qiniu.bms16.com/FoXmBbj7YGWmjyeuVEY35nzieqnx" />
				<view>{{tools.formatTimeDate(orderInfo.hire_end_time)}}</view>
			</view>
		</view>
		<view v-if="orderInfo.return_type == 1" class="method-info">
			<view>自行去门店取还</view>
			<view class="method-item flex-row">
				<img
					:src="shopInfo.shop_image!=[]?shopInfo.shop_image[0]:'https://qiniu.bms16.com/FrfV4epBPSzUJNmTNWJ5z6vG_ScM'" />
				<view  @tap="bindToNav" class="flex-row flex-between" style="width: 75%;">
					<view class="item-center">
						<view>{{shopInfo.shop_name}}</view>
						<view>{{shopInfo.address}}</view>
						<view class="flex-row" style="align-items: center;">
							<img src="https://qiniu.bms16.com/FlGVpR2fdrD1GfeHfDgt-dUMgkOq" />
							{{shopInfo.work_begin_time!=''&&shopInfo.work_end_time!=''?shopInfo.work_begin_time+'-'+shopInfo.work_end_time:'-'}}
						</view>
					</view>
					<view class="item-bottom flex-row flex-column" style="align-items: center;">
						<img src="https://qiniu.bms16.com/FqCVS_ihJb8IuxeJNGaqC6NKhYMY" />
						<view>{{shopInfo.distance}}</view>
					</view>
				</view>
			</view>
		</view>
		<view v-if="insurance_status != 0" class="guarantee-info flex-row flex-between">
			<view>保障服务</view>
			<view class="flex-row">
				<img v-if="orderInfo.order_status==2||orderInfo.order_status==3"
					src="https://qiniu.bms16.com/FnFvHiZzSKIve3qMEvtTuvtwgRch" />
				<img v-else src="https://qiniu.bms16.com/FpvVEi-w3d0jxwFmwZyw9Zf9EweG" />
				<!-- insurance_status  0 无保险   1 生效中  2 待生效  3 已失效 -->
				<text v-if="insurance_status == 1">已生效</text>
				<text v-else-if="insurance_status == 2">待生效</text>
				<text v-else>已失效</text>
			</view>
		</view>
		<view v-if="orderInfo.order_status==2||orderInfo.order_status==3||orderInfo.order_status==4"
			class="overdue-info">
			<view>逾期规则</view>
			<view class="overdue-one">
				<view>1. 逾期后还可用车吗?</view>
				<view>如果逾期将触发智能锁车逻辑，可能导致您无法正常用车，请及时续费或联系商家处理。</view>
			</view>
			<view class="overdue-two">
				<view>2. 逾期费计算标准是什么?</view>
				<view>小时租逾期费=每小时费用*逾期小时；当日还/日/周/月/季租逾期费=每天费用*逾期天数；如果不满1小时按1小时算，不满1天按1天算，最终收取的逾期费以门店确认的费用为准</view>
			</view>
			<view class="overdue-thr">
				<view>3. 逾期后续租如何收费?</view>
				<view>逾期后及时续租不收取逾期费，逾期时长将从续租订单的用车时间中抵扣</view>
			</view>
		</view>
		<!-- 考虑为空的情况 -->
		<view v-if="cancelInfo.cancel_setting.length != 0 && cancelInfo.cancel_setting" class="remove-info">
			<view>预约取消政策</view>
			<view class="remove-title flex-row">
				<view>预约取消时间</view>
				<view>扣费标准</view>
			</view>
			<view v-for="(item,index) in cancelInfo.cancel_setting" :key="index" class="remove-text flex-row">
				<view>支付{{item.hour}}小时内</view>
				<view v-if="item.hour-0 >= 0.1">扣除{{item.percent}}%租金总金额</view>
				<view v-else>免费取消</view>
			</view>
		</view>
		<view class="assort-info">
			<view>配套服务</view>
			<view class="assort-box flex-row">
				<view v-for="(item,index) in serviceList" :key="index" class="assort-text"
					:class="{'even-item': index % 2 !== 0, 'odd-item': index % 2 === 0}">
					{{item}}
				</view>
			</view>
		</view>
		<view class="payment-info flex-row flex-between">
			<view v-if="orderInfo.order_status == 1" class="flex-row"> <!-- 待取车 -->
				<view class="cancel" @tap="clickCancel">取消订单</view>
				<view @tap="callPhone" class="deposit-btn w_224">门店/客服</view>
				<view v-if="orderInfo.return_type == 1" @tap="navToInput" class="sesame-btn w_288">立即用车</view>
				<view v-else class="sesame-btn-s w_288">待商家送车</view>
				<!-- <view class="sesame-btn">待商家送车</view> -->
			</view>
			<view v-else-if="orderInfo.order_status == 2" class="flex-row"> <!-- 待激活 -->
				<!-- <view class="cancel">更多操作</view> -->
				<view class="cancel" @tap="clickCancel">取消订单</view>
				<view @tap="callPhone" class="deposit-btn w_224">门店/客服</view>
				<view @tap="navToActive" class="sesame-btn w_288">激活车辆</view>
			</view>
			<view v-else-if="orderInfo.order_status == 3" class="flex-row"> <!-- 使用中 -->
				<!-- <view class="cancel">更多操作</view> -->
				<view @tap="bindBattery" class="deposit-btn w_254">用车</view>
				<view @tap="bindRenew" class="sesame-btn w_418">我要续租</view>
			</view>
			<view v-else-if="orderInfo.order_status == 4" class="flex-row"> <!-- 已逾期 -->
				<!-- <view class="cancel">更多操作</view> -->
				<view @tap="callPhone" class="deposit-btn w_254">门店/客服</view>
				<view @tap="bindRenew" class="sesame-btn w_418">我要续租</view>
			</view>
			<view v-else-if="orderInfo.order_status == 5||orderInfo.order_status == 6" @tap="callPhone" class="pay-btn">
				联系门店</view> <!-- 待门店确认||还车中,等待门店取车 -->
			<view v-else-if="orderInfo.order_status == 7" @tap="bindToHome" class="pay-btn">返回首页</view> <!-- 已完成 -->
			<!-- <view v-else-if="orderInfo.order_status == 7" class="pay-btn">去评价</view> -->
			<view v-else-if="orderInfo.order_status == 8||orderInfo.order_status == 9" class="pay-btn" @tap="callPhone">
				门店/客服</view> <!-- 已取消 -->
			<view v-else class="to-pay flex-row flex-between"> <!-- 待支付 -->
				<allPrice :amount="waitMoney"></allPrice>
				<view class="bottom-right flex-row">
					<view @tap="clickCancel">取消订单</view>
					<view @tap="bindToPay">立即支付</view>
				</view>
			</view>
		</view>

		<view v-if="isShowCancel" class="cancel-b">
			<view class="cancel-box">
				<view class="cancel-title flex-row flex-between">
					<view>选择取消原因</view>
					<view @tap="isShowCancel = false" style="font-size: 60rpx;">×</view>
				</view>
				<view @tap="bindCancel" data-status="1" class="cancel-item flex-row flex-between">
					<view>行程变更无需用车</view>
					<img
						:src="reason == 1?'https://qiniu.bms16.com/FhWimtmWybKlYMB6mgIReVWArbfq':'https://qiniu.bms16.com/Fh0JH6_QbiXYmVy7FNYnDkVIGvLC'" />
				</view>
				<view @tap="bindCancel" data-status="2" class="cancel-item flex-row flex-between">
					<view>修改订单信息</view>
					<img
						:src="reason == 2?'https://qiniu.bms16.com/FhWimtmWybKlYMB6mgIReVWArbfq':'https://qiniu.bms16.com/Fh0JH6_QbiXYmVy7FNYnDkVIGvLC'" />
				</view>
				<view @tap="bindCancel" data-status="3" class="cancel-item flex-row flex-between">
					<view>不想要了</view>
					<img
						:src="reason == 3?'https://qiniu.bms16.com/FhWimtmWybKlYMB6mgIReVWArbfq':'https://qiniu.bms16.com/Fh0JH6_QbiXYmVy7FNYnDkVIGvLC'" />
				</view>
			</view>
		</view>

		<view v-if="isShowPrice" class="show_mark_patment">
			<view class="payment-info" style="border-radius: 32rpx 32rpx 0rpx 0rpx;">
				<view class="pay_money">
					<view class="flex-row flex-between">
						<view>价格明细</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" @tap="isShowPrice = false"
								src="https://qiniu.bms16.com/FtoTEHOJiUf_gjPCJGGHMsAtHI5M" />
						</view>
					</view>
					<view class="flex-row flex-between">
						<view>拖车费用</view>
						<view>￥{{charge_list.fare}}</view>
					</view>
					<view class="flex-row flex-between">
						<view>优惠金额</view>
						<view>-￥0.00</view>
					</view>
					<view class="charge_money_info">
						<view>支付金额</view>
						<view>￥{{charge_list.fare}}</view>
					</view>
				</view>
				<view class="pay_line"></view>
				<view class="pay_info">
					<view class="payment-top flex-row">
						<img @tap="isArgee = !isArgee"
							:src="isArgee?'https://qiniu.bms16.com/FhWimtmWybKlYMB6mgIReVWArbfq':'https://qiniu.bms16.com/FkmDjxBNZhFGFU5inza2usdtDlX8'" />
						已阅读并同意
						<text>《小众电动车租赁用户协议》</text>
					</view>
					<view class="payment-bottom flex-row flex-between">
						<view class="bottom-left flex-row">
							<view>￥{{charge_list.fare}}</view>
							<view @tap="isShowPrice = false">明细<img
									src="https://qiniu.bms16.com/Fvl1d-AWRvwY_ehNrw7bMZOK6LBZ" /></view>
						</view>
						<view @tap="navToPage" data-url="/pages/orderStatus/orderStatus">立即支付</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script module="tools" lang="wxs" src="@/pages/common/wxs/tools.wxs"></script>
<script module="tools" lang="sjs" src="@/pages/common/wxs/tools.sjs"></script>
<script>
	var config = require('../../common/config.js');
	var common = require('../../common/common.js');
	var http = require('../../common/http.js');
	var storage = require('../../common/storage.js');
	var user = require('../../common/user.js');
	var appWhiteListFilter = require('../../common/appWhiteListFilter.js');
	import allPrice from '@/component/allPrice/allPrice';
	export default {
		components: {
			allPrice,
		},
		data() {
			return {
				isJumpReturn:false,
				isReturnHome:true,
				return_imgs: {},
				charge_standard: {},
				isShowDragMoney: false, // 是否显示拖车费用弹框
				work_sn: '',
				workInfo: {}, // 拖车工单信息
				isShowCancel: false,
				order_sn: '',
				cancelInfo: {
					cancel_setting: [],
				},
				reason: 0,
				orderInfo: {},
				modelInfo: {},
				shopInfo: {
					shop_image: [],
				},
				serviceList: [],
				waitMoney: '',
				longitude: '',
				latitude: '',
				shop_image: [],
				isExpanded: false,
				isShowPrice: false,
				timer: '',
				isSelectStatus: 1,
				price_list: [], //车辆价格  hire_duration_unit 1 日 4 小时 6 周
				insurance_status: 0,
				over_fee:0,//逾期金额
				plate_number: '',
				isScanCondeRentalCar: ''
			};
		},
		
		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad: function(options) {
			const myLocation = uni.getStorageSync('user_current_location')
			this.isJumpReturn = options.isJumpReturn ? false : true
			this.order_sn = options.order_sn || ''
			this.work_sn = options.work_sn || ''
			this.longitude = options.longitude ? options.longitude : (myLocation ? myLocation.longitude : '')
			this.latitude = options.latitude ? options.latitude : (myLocation ? myLocation.latitude : '')
			if (appWhiteListFilter.isScanCondeRentalCar()) {
				this.setData({
					isScanCondeRentalCar: true
				})
			}
			this.bindOrderInfo()
		},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow: function() {
			this.isReturnHome = true
		},
			
		onUnload: function () {
			if(this.isReturnHome && this.isJumpReturn){
				uni.switchTab({
					url: '/pages/my/my' // 假设首页的路径是/pages/home/home
				});
			}
		},
		
		computed: {},

		methods: {
			bindOrderInfo() {
				const me = this
				if (!me.work_sn && !me.order_sn) return common.simpleToast('车辆订单不存在!')
				http.postApi(config.API_DAYHIRE_HIRE_ORDER_INFO, {
					work_sn: me.work_sn,
					order_sn: me.order_sn,
					longitude: me.longitude,
					latitude: me.latitude,
				}, (resp) => {
					if (resp.data.code === 200) {
						me.cancelInfo = resp.data.data.cancel_info
						me.cancelInfo.cancel_setting = resp.data.data.cancel_info.cancel_cost_setting || []
						me.orderInfo = resp.data.data.order_info
						me.modelInfo = resp.data.data.model_info
						me.modelInfo.model_images = me.modelInfo.model_images.split(',')
						me.modelInfo.endurance = common.formatDistance(me.modelInfo.endurance - 0)
						me.modelInfo.weight = common.formatWeight(me.modelInfo.weight - 0)
						me.shopInfo = resp.data.data.shop_info
						me.shopInfo.shop_image = JSON.parse(me.shopInfo.shop_image.split(','))
						me.shopInfo.distance = common.formatDistance(me.shopInfo.distance - 0)
						me.serviceList = resp.data.data.service_list
						me.waitMoney = resp.data.data.wait_money / 100
						me.workInfo = resp.data.data.work_info
						me.insurance_status = resp.data.data.insurance_status
						me.charge_standard = (me.workInfo && me.workInfo.status) ? this.calculateFare(me.workInfo.distance, JSON.parse(me.workInfo.drag_car_price_json)) : ''
						me.return_imgs = resp.data.data.return_imgs
						if(resp.data.data.order_info.order_status==4){
							me.setData({
								over_fee : resp.data.data.over_info.over_fee
							})
						}
						// if (this.orderInfo.order_status == 0) {
						// this.startCountDown()
						// this.updateCountdown()
						// }
						if (me.orderInfo.order_status == 0) {
							let _ctime = resp.data.data.order_info.ctime + 300 - 26
							let now = Date.parse(new Date()) / 1000
							me.timer = (_ctime - now) <= 330 ? (_ctime - now) : 0
							// me.timer=30
						}
						// 取还时间展示
						me.orderInfo.hire_return_time = common.getTimeToDay(Math.ceil(me.orderInfo.hire_end_time - me.orderInfo.hire_begin_time)/60)
						// 剩余租期判断
						if((me.orderInfo.hire_type==2&&me.orderInfo.order_status==2)||me.orderInfo.order_status==3){
							me.orderInfo.hire_duration_time = common.getTimeToDay(Math.ceil(me.orderInfo.hire_end_time-(Math.floor(new Date()) / 1000))/60)
						}else{
							if(me.orderInfo.order_status==4){
								me.orderInfo.hire_duration_time = common.getTimeToDay(Math.ceil(Math.floor(new Date()) / 1000-me.orderInfo.hire_end_time)/60)
							}else{
								me.orderInfo.hire_duration_time = me.orderInfo.hire_return_time
								}
						}
					} else {
						// 默认返回上一个页面再提示报错
						uni.navigateBack({
							delta: 1
						})
						common.simpleToast(resp.data.msg)
					}
				})
			},

			clickCancel() {
				const me = this
				uni.showModal({
					title: '取消订单',
					content: '您是否需要取消该订单',
					confirmText: '是',
					confirmColor: '#0074FF',
					cancelText: '否',
					cancelColor: '#191D23',
					success: function(res) {
						if (res.confirm) {
							me.isShowCancel = true
						}
					}
				});
			},

			bindCancel(e) {
				const me = this
				me.reason = e.currentTarget.dataset.status;
				me.cancel = true
				common.loading()
				setTimeout(function() {
					http.postApi(config.API_DAYHIRE_HIRE_CANCEL_ORDER, {
						order_sn: me.order_sn
					}, (resp) => {
						if (resp.data.code === 200) {
							uni.hideLoading()
							common.simpleToast('取消成功')
							setTimeout(()=> {
								me.bindOrderInfo()
							}, 500);
						} else{
							common.simpleToast('订单取消失败')
						}
						me.reason = 0
						me.isShowCancel = false
					})
				}, 600);
			},

			bindToNav() {
				console.log(111);
				const {
					address,
					latitude,
					longitude,
					shop_name
				} = this.shopInfo
				uni.openLocation({
					latitude: latitude - 0,
					longitude: longitude - 0,
					scale: 15,
					name: shop_name,
					address: address,
					success: function(res) {},
				})
			},

			bindToHome() {
				uni.reLaunch({
					url: '/pages/index/index',
					success: function(res) {},
					fail: function(res) {},
					complete: function(res) {}
				});
			},

			callPhone() {
				const me = this
				const phone = me.shopInfo.link_phone
				uni.showModal({
					content: `您是否要拨打电话${phone}？`,
					confirmText: '确定',
					success: (res) => {
						if (res.confirm) {
							uni.makePhoneCall({
								phoneNumber: phone,
								success() {},
								fail() {}
							})
						}
					},
					fail: (res) => {}
				})
			},

			bindRenew() {
				this.isReturnHome = false
				let isRenew = true
				uni.navigateTo({
					url: '/pages/carIntroduce/carIntroduce?plate_number=' + this.orderInfo.license_plate_number +
						'&isRenew=' + isRenew +
						'&order_sn=' + this.order_sn,
					success: function(res) {},
					fail: function(res) {},
					complete: function(res) {}
				});
			},

			bindBattery() {
				this.isReturnHome = false
				uni.navigateTo({
					url: '/pages/battery/battery?plate_number=' + this.orderInfo.license_plate_number,
					success: function(res) {},
					fail: function(res) {},
					complete: function(res) {}
				});
			},

			bindExpanded() {
				this.isExpanded = !this.isExpanded
			},

			navToInput() {
				this.isReturnHome = false
				uni.navigateTo({
					url: '/pages/inputLicensePlate/inputLicensePlate?order_sn=' + this.orderInfo.order_sn,
					success: function(res) {},
					fail: function(res) {},
					complete: function(res) {}
				});
			},

			// 激活车辆
			navToActive() {
				this.isReturnHome = false
				const me = this
				if (this.orderInfo.hire_type == 1) {  // 预约
					if(me.isScanCondeRentalCar) {
						uni.scanCode({
							onlyFromCamera: true,
							success: function (res) {
								me.loadScanCode(res.result)
							},
							fail: function (res) { },
							complete: function (res) { },
						})
					} else {
						uni.navigateTo({
							url: '/pages/inputLicensePlate/inputLicensePlate?order_sn=' + this.order_sn +'&order_model_id='+this.orderInfo.model_id,
							success: function(res) {},
							fail: function(res) {},
							complete: function(res) {}
						});
					}
				} else {  // 非预约
					const isJumpReturn = false
					uni.navigateTo({
						url: '/pages/activation/activation?order_sn=' + this.order_sn + '&plate_number=' + this
							.orderInfo.license_plate_number +'&isJumpReturn=' + isJumpReturn,
						success: function(res) {},
						fail: function(res) {},
						complete: function(res) {}
					});
				}
			},
			
			loadScanCode(battery_sn) {
				const pData = {
					longitude: this.longitude,
					latitude: this.latitude,
					battery_sn: battery_sn
				}
				const me = this
				http.postApi(config.API_DAYHIRE_CAR_CAR_INFO, pData, (resp) => {
					uni.hideLoading()
					if (resp.data.code === 200) {
						const timestamp = Date.now(); // 获取当前时间戳（毫秒）  
						const isOffline = (Math.floor(timestamp / 1000) - resp.data.data.last_comm_time) > 1800
						me.plate_number = resp.data.data.license_plate_number
						if (resp.data.data.last_comm_time === 0 || isOffline) {
							common.simpleToast('此车辆已离线，请选择其他车辆')
						} else {
							let carInfo = JSON.stringify(resp.data.data)
							const car_model = resp.data.data.model_info.car_model
							const model_images = resp.data.data.model_info.model_images.split(',')
							const return_imgs = resp.data.data.return_imgs
							var model_id = resp.data.data.model_info.model_id
							if (resp.data.data.has_owner) { //车辆正在被使用
								if (resp.data.data.is_mine) { //是本人在使用
									wx.showModal({
										title: '提示',
										content: '已有正在使用的车辆，是否跳转至车辆详情页?',
										cancelText: '取消',
										confirmText: '确定',
										success: function(res) {
											this.isReturnHome = false
											uni.navigateTo({
												url: '/pages/battery/battery?plate_number=' +
													this.plate_number
											});
										},
										fail: function(res) {},
										complete: function(res) {},
									})
								} else {
									common.simpleToast('此车辆正在被使用')
								}
							} else {
								if (me.order_sn&&me.order_sn != '') {
									if (this.orderInfo.model_id != model_id) { // 预租车型与之前预约车型不一致
										common.simpleToast('与预约车型不符')
									} else {
										this.isReturnHome = false
										uni.navigateTo({
											url: '/pages/activation/activation?plate_number=' + 
												this.plate_number + '&order_sn=' + this.order_sn +
												'&car_model=' + car_model + '&model_image=' +
												model_images[0] + '&return_imgs=' + JSON.stringify(
													return_imgs),
											fail() {}
										})
									}
				
								} else {
									this.isReturnHome = false
									uni.navigateTo({
										url: '/pages/carIntroduce/carIntroduce?carInfo=' +
											encodeURIComponent(carInfo) + '&plate_number=' + this.plate_number,
										fail() {}
									})
								}
							}
						}
					} else {
						common.simpleToast(resp.data.msg)
					}
				})
			},

			bindToPay() {
				const me = this
				//#ifdef MP-ALIPAY
				const _from = 'ali'
				const _pay_type = 2
				//#endif
				//#ifdef MP-WEIXIN
				const _from = 'wx'
				const _pay_type = 0
				//#endif
				http.postApi(config.API_DAYHIRE_HIRE_CONTINUE_PAY, {
					order_sn: me.order_sn,
					from: _from,
					pay_type: _pay_type
				}, (resp) => {
					common.loading()
					if (resp.data.code === 200) {
						uni.hideLoading()
						//#ifdef MP-ALIPAY
						my.tradePay({
							tradeNO: resp.data.data.trade_no,
							success: function(res) {
								if (res.resultCode == 9000) {
									common.simpleToast('支付成功');
								}
								setTimeout(function() {
									me.bindOrderInfo()
								}, 1000)
							},
							fail: function(res) {
								common.simpleToast('支付失败，请重试')
							},
						})
						//#endif
						//#ifdef MP-WEIXIN
						var payParams = JSON.parse(resp.data.data.payParams);
						user.wxPay(me.order_sn, payParams, function(isSuccess) {
							if (isSuccess) {
								common.simpleToast('支付成功')
								setTimeout(function() {
									me.bindOrderInfo()
								}, 1000)
							} else {
								common.simpleToast('支付失败，请重试')
							}
						});
						//#endif
					} else {
						uni.hideLoading()
						common.simpleToast(resp.data.msg)
					}
				})
			},

			// 计算拖车说明收费价格
			calculateFare(distance, charge_list) {
				let fare = 0
				if (distance <= charge_list.start_mil) {
					fare = charge_list.start_price / 100
				} else {
					// actual_start_mil:实际距离单位米
					// over_start_price:向上取整的公里数*超出首公里的费用
					var actual_start_mil = distance - charge_list.start_mil
					var over_start_price = (Math.ceil(actual_start_mil / charge_list.step_mil)) * charge_list.step_price
					fare = (charge_list.start_price + over_start_price) / 100
				}
				const fareArray = fare.toFixed(2).split('.'); //将价格拆分为整数部分和小数部分
				const price_list = {
					start_mil: (charge_list.start_mil / 1000).toFixed(2),
					start_price: (charge_list.start_price / 100).toFixed(2),
					step_mil: (charge_list.step_mil / 1000).toFixed(2),
					step_price: (charge_list.step_price / 100).toFixed(2),
					actual_start_mil: actual_start_mil ? (actual_start_mil / 1000).toFixed(2) : 0,
					over_start_price: over_start_price ? (over_start_price / 100).toFixed(2) : 0,
					fare: fare.toFixed(2), // 保留两位小数
					fareArray: fareArray //将价格拆分为整数部分和小数部分
				}
				return price_list
			},

			bindChangeStatus(e) {
				const {
					status,
					unit
				} = e.currentTarget.dataset
				this.setData({
					isSelectStatus: unit,
					selectIndex: status
				})
				// this.bindDuration()
			},

			//计算价格
			// bindDuration(){
			// 	const me = this
			// 	var _insurance_price  //保险金
			// 	const unit_price=(me.price_list[0].hire_price/100) * me.leaseTime  //租金
			// 	// insurance_setting 保险
			// 	if (me.insurance_setting!=null) {  // 有保险的时候
			// 		// isSelectDeposit==0为免押  isOpenNoDeposit为是否成功开通免押  total_money为总金额
			// 		// unit_price 租金   insurance_setting.price 保险金   deposit 押金
			// 		if (me.duration_unit == 4) { // 时
			// 			_insurance_price = (me.insurance_setting.price - 0) * 1
			// 		} else if(me.duration_unit == 6) { // 周
			// 			_insurance_price = (me.insurance_setting.price - 0) * 7 * me.leaseTime
			// 		} else { //天
			// 			_insurance_price = (me.insurance_setting.price - 0) * me.leaseTime
			// 		}
			// 	} else {  // 无保险
			// 		_insurance_price = 0
			// 	}

			// 	if (me.isOpenNoDeposit) {
			// 		// 金额=(周期数*周期价格)+保险金
			// 			me.amount = ((me.leaseTime * me.price_list[0].hire_price -0) + (_insurance_price - 0)) / 100
			// 	} else {
			// 		// 金额=(周期数*周期价格)+押金+保险金
			// 		me.amount = ((me.leaseTime * me.price_list[0].hire_price -0) + (me.modelInfo.deposit -0) + (_insurance_price - 0)) / 100
			// 	}
			// },

			loadEnd() {
				this.bindOrderInfo()
			},
			navToExchange(){
				console.log('跳转换电记录');
				uni.navigateTo({
					url: '/pages/exchangeRecord/exchangeRecord'+
					'?order_sn=' + this.orderInfo.order_sn
				})
			}
		}
	};
</script>

<style>
	@import './orderStatus.css';
</style>