|
|
@@ -2,29 +2,34 @@
|
|
|
<view class="">
|
|
|
<view class="car-info u-flex">
|
|
|
<view class="car-info-img">
|
|
|
- <u-image :src="vehicleImage" mode="aspectFit" width="100%" height="100%"></u-image>
|
|
|
+ <u-image :src="leaveDetail.vehicleImage||vehicleImage" mode="aspectFit" width="100%" height="100%"></u-image>
|
|
|
</view>
|
|
|
<view class="car-info-text u-flex-1">
|
|
|
<view class="text-item">
|
|
|
- <view class="car">{{ orderVehicleNo }}</view>
|
|
|
- <view class="position">车位：{{orderSpaceName}}</view>
|
|
|
+ <view class="car">{{ leaveDetail.vehicleNo }}</view>
|
|
|
+ <view class="position">车位：{{leaveDetail.spaceName}}</view>
|
|
|
</view>
|
|
|
<!-- <view class="text-item" style="color: #3192FB;">临时卡</view> -->
|
|
|
<!-- <view class="text-item u-flex u-flex u-row-between">
|
|
|
<view class="">余额：<span class="balance">暂无</span></view>
|
|
|
<view class="recharge" @click="$refs.uToast.show({title: '建设中'})">充值</view>
|
|
|
</view> -->
|
|
|
- <view class="text-item">类型：{{vehicleType|filterCarType}}</view>
|
|
|
+ <view class="text-item">类型：{{leaveDetail.vehicleType|filterCarType}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="parking-info">
|
|
|
- <view class="parking-info-item">进场时间：{{orderInTime}}</view>
|
|
|
- <view class="parking-info-item">出场时间：{{orderOutTime}}</view>
|
|
|
- <view class="parking-info-item">停车时长：{{frontDuration}}</view>
|
|
|
- <view class="parking-info-item">本次应收：<span class="u-type-primary">{{totalAmount}}元</span></view>
|
|
|
- <view class="parking-info-item">历史欠费：<span class="u-type-warning">{{totalAmount}}元</span></view>
|
|
|
+ <view class="parking-info-item">进场时间：{{leaveDetail.inTime}}</view>
|
|
|
+ <view class="parking-info-item">出场时间：{{leaveDetail.outTime}}</view>
|
|
|
+ <view class="parking-info-item">停车时长：{{leaveDetail.duration}}</view>
|
|
|
+ <view class="parking-info-item">本次应收：<span class="u-type-primary">{{leaveDetail.totalAmount}}元</span></view>
|
|
|
+ <view class="parking-info-item u-flex u-row-between" @click="goOwelist">
|
|
|
+ <view class="">
|
|
|
+ 历史欠费：<span class="u-type-warning">{{leaveDetail.oweAmount}}元</span>
|
|
|
+ </view>
|
|
|
+ <u-icon name="arrow-right" color="#7B7B7B" size="28"></u-icon>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="bottom-btn-wrap" v-if="payStatus==0">
|
|
|
+ <view class="bottom-btn-wrap" v-if="leaveDetail.payStatus==0">
|
|
|
<view class="bottom-btn-box u-flex">
|
|
|
<view class="bottom-btn bg-blue" @click="handleOut">出场</view>
|
|
|
<view class="bottom-btn bg-gray" @click="openPage('pages/getout/getout')">取消</view>
|
|
|
@@ -32,36 +37,78 @@
|
|
|
</view>
|
|
|
|
|
|
<!-- 订单细节 -->
|
|
|
- <u-modal v-model="showOrderDetails"
|
|
|
- title="温馨提示"
|
|
|
- cancel-text="取消"
|
|
|
- confirm-text="确认"
|
|
|
- :show-cancel-button="true"
|
|
|
- @confirm="confirmOut"
|
|
|
- :title-style="{color: '#404040',fontSize: '46rpx',borderBottom:'1px solid #D5D5D5',margin:'0 30rpx 30rpx',paddingBottom:'30rpx'}">
|
|
|
- <view class="slot-content">
|
|
|
- <rich-text class="orderDetails" :nodes="content"></rich-text>
|
|
|
+ <u-popup class="popup orderDetails" v-model="showOrderDetails" mode="center" border-radius="20" width="90%">
|
|
|
+ <view class="popup-title">温馨提示</view>
|
|
|
+ <view class="details-body">
|
|
|
+ <dl><dt>停车时长：</dt> <dd>{{leaveDetail.duration}}</dd></dl>
|
|
|
+ <dl><dt>车辆类型：</dt> <dd>{{leaveDetail.vehicleType|filterCarType}}</dd></dl>
|
|
|
+ <dl><dt>本次应收：</dt> <dd class="u-type-primary">{{leaveDetail.totalAmount}}元</dd></dl>
|
|
|
+ <dl><dt>历史欠费：</dt> <dd class="u-type-warning">{{leaveDetail.oweAmount}}元</dd></dl>
|
|
|
+ <view class="tip">
|
|
|
+ 你是否将该车辆出场，如果是请点击确认，否则点击取消！
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="details-footer u-flex u-row-between">
|
|
|
+ <view class="details-footer-btn details-footer-btn--blue" @click="payAll">全部缴费</view>
|
|
|
+ <view class="details-footer-btn details-footer-btn--yellow" @click="payThis">本次缴费</view>
|
|
|
+ <view class="details-footer-btn bg-gray" @click="openPage('pages/getout/getout')">取消</view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+ <!-- 支付方式 -->
|
|
|
+ <u-popup class="popup payway-popup" v-model="showPayway" mode="center" border-radius="20" width="90%">
|
|
|
+ <view class="popup-title">支付方式</view>
|
|
|
+ <view class="popup-body u-flex u-row-between">
|
|
|
+ <view class="payway-item" @click="$refs.uToast.show({title: '暂不支持'})">
|
|
|
+ <u-image src="/static/img/payway-xj.png" width="143" height="143"></u-image>
|
|
|
+ <!-- <view class="icon-wrap">
|
|
|
+ <u-icon name="rmb-circle-fill" color="#FFC02D" size="66"></u-icon>
|
|
|
+ </view> -->
|
|
|
+ 现金支付
|
|
|
+ </view>
|
|
|
+ <view class="payway-item" @click="scanPay">
|
|
|
+ <u-image src="/static/img/payway-scan.png" width="143" height="143"></u-image>
|
|
|
+ <!-- <view class="icon-wrap">
|
|
|
+ <u-icon name="scan" color="#FFC02D" size="66"></u-icon>
|
|
|
+ </view> -->
|
|
|
+ 扫码收费
|
|
|
+ </view>
|
|
|
+ <view class="payway-item" @click="qrPay">
|
|
|
+ <u-image src="/static/img/payway-qr.png" width="143" height="143"></u-image>
|
|
|
+ <!-- <view class="icon-wrap">
|
|
|
+ <u-icon name="rmb-circle-fill" color="#FFC02D" size="66"></u-icon>
|
|
|
+ </view> -->
|
|
|
+ 收款码
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </u-modal>
|
|
|
+ <view class="popup-footer payway-popup-footer">
|
|
|
+ <view class="payway-popup-btn" @click="closePayway">关闭</view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
<u-toast ref="uToast" />
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ //#ifdef APP-PLUS
|
|
|
+ let speak = uni.requireNativePlugin("SpeechPlug");
|
|
|
+ //#endif
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
vehicleImage:'/static/img/default-car.png',
|
|
|
showOrderDetails:false,//是否线上订单细节
|
|
|
- content:'',
|
|
|
+ leaveDetail:[],
|
|
|
orderID:'',
|
|
|
orderInTime:'',
|
|
|
orderOutTime:'',
|
|
|
orderSpaceName:'',
|
|
|
orderVehicleNo:'',
|
|
|
totalAmount:'',
|
|
|
+ oweAmount:'',
|
|
|
+ duration:'',
|
|
|
vehicleType:0,
|
|
|
payStatus:null,
|
|
|
+ showPayway:false,
|
|
|
|
|
|
}
|
|
|
},
|
|
|
@@ -71,6 +118,9 @@
|
|
|
this.orderOutTime = page.orderOutTime;
|
|
|
this.orderSpaceName = page.orderSpaceName;
|
|
|
this.orderVehicleNo = page.orderVehicleNo;
|
|
|
+ //#ifdef APP-PLUS
|
|
|
+ this.speaks(this.orderVehicleNo);
|
|
|
+ //#endif
|
|
|
// this.handleEntranceOutDetail();
|
|
|
|
|
|
},
|
|
|
@@ -84,6 +134,9 @@
|
|
|
url: path
|
|
|
})
|
|
|
},
|
|
|
+ speaks(msg){
|
|
|
+ speak?.speakAction(msg)
|
|
|
+ },
|
|
|
handleEntranceOutDetail(){
|
|
|
this.$u.api.entranceOutDetail({spaceId:this.orderID})
|
|
|
.then(res=>{
|
|
|
@@ -91,21 +144,8 @@
|
|
|
// title: res.msg,
|
|
|
// type: 'success',
|
|
|
// });
|
|
|
- this.payAmount = res.data.payAmount;
|
|
|
- this.payStatus = res.data.payStatus;
|
|
|
- this.vehicleImage =res.data.vehicleImage;
|
|
|
- this.totalAmount = res.data.totalAmount;
|
|
|
- this.vehicleType = res.data.vehicleType;
|
|
|
- this.content = `
|
|
|
- <dl><dt>停车时长：</dt> <dd>` + this.frontDuration + `</dd></dl>`
|
|
|
- + `<dl><dt>账户类型：</dt><dd>` + '暂无' + `</dd></dl>`
|
|
|
- + `<dl><dt>账户余额：</dt><dd>` + '暂无' + `</dd></dl>`
|
|
|
- + `<dl><dt>车辆类型：</dt><dd>` + '暂无' + `</dd></dl>`
|
|
|
- + `<dl><dt>押金：</dt><dd>` + '暂无' + `</dd></dl>`
|
|
|
- + `<dl><dt>应收：</dt><dd>` + res.data.payAmount + `</dd></dl>`
|
|
|
- + `<dl><dt>补交：</dt><dd><span class="u-type-warning">` + '暂无' + `<span></dd></dl>`
|
|
|
- + `<div class="tip">你是否将该车辆出场，如果是请点击确认，否则点击取消！</div>`;
|
|
|
-
|
|
|
+ this.leaveDetail = res.data;
|
|
|
+
|
|
|
console.log('entranceOutDetail',res)
|
|
|
}).catch(err=>{
|
|
|
this.$refs.uToast.show({
|
|
|
@@ -118,6 +158,23 @@
|
|
|
},
|
|
|
handleOut(res){
|
|
|
this.showOrderDetails = true;
|
|
|
+ },
|
|
|
+ payThis(){
|
|
|
+ this.showOrderDetails = false;
|
|
|
+ this.showPayway = true;
|
|
|
+ },
|
|
|
+ payAll(){
|
|
|
+ this.showOrderDetails = false;
|
|
|
+ this.showPayway = true;
|
|
|
+ },
|
|
|
+ closePayway(){
|
|
|
+ this.showPayway = false;
|
|
|
+ },
|
|
|
+ scanPay(){
|
|
|
+
|
|
|
+ },
|
|
|
+ qrPay(){
|
|
|
+
|
|
|
},
|
|
|
confirmOut(){
|
|
|
this.$u.api.getOut({spaceId:this.orderID})
|
|
|
@@ -136,6 +193,14 @@
|
|
|
console.log('getOut ',err)
|
|
|
});
|
|
|
},
|
|
|
+ goOwelist(){
|
|
|
+ this.$u.route({
|
|
|
+ url: 'pages/owelist/owelist',
|
|
|
+ params: {
|
|
|
+ orderID: this.orderID
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
timeago(inTime,outTime){
|
|
|
var time_start = new Date(inTime.replace(/-/g,'/'));
|
|
|
var time_end = new Date(outTime.replace(/-/g,'/'));
|
