You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.6 KiB
70 lines
1.6 KiB
1 year ago
|
<template>
|
||
|
|
<view v-if="orderData" @click="goDetails" :class="orderData.orderStatus==2? 'orderItem charging ': 'orderItem '">
|
||
|
|
<view class="orderItem_header flex">
|
||
|
|
<view class="orderItem_header_number oneflex">{{orderData.id}}</view>
|
||
|
|
<view class="orderItem_header_type"> {{ orderData.orderStatus|orderStatus}} </view>
|
||
|
|
</view>
|
||
|
|
<view class="orderItem_bottom">
|
||
|
|
<view class=" flex ac">
|
||
|
|
<view class=" orderItem_bottom_name oneflex">{{orderData.stationName}}</view>
|
||
|
|
<view class="orderItem_bottom_price"> ￥{{ orderData.orderStatus==4? tool.getnum(orderData.payMoneyAcc,3) : tool.getnum(orderData.payMoneyPre,3) }} </view>
|
||
|
|
</view>
|
||
|
|
<view class="orderItem_bottom_time">{{orderData.startTime}}</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "orderItem",
|
||
|
|
props:{
|
||
|
|
orderData:{
|
||
|
|
type:Object,
|
||
|
|
default:()=>null
|
||
|
|
},
|
||
|
|
listIndex:{
|
||
|
|
type:Number,
|
||
|
|
default:0
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
};
|
||
|
|
},
|
||
|
|
filters:{
|
||
|
|
orderStatus(e){
|
||
|
|
switch(Number(e)){
|
||
|
|
case 1:
|
||
|
|
return '启动中'
|
||
|
|
case 2:
|
||
|
|
return '充电中'
|
||
|
|
case 3:
|
||
|
|
return '停止中'
|
||
|
|
case 4:
|
||
|
|
return '已结束'
|
||
|
|
default:
|
||
|
|
return '数据错误'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
goDetails(){
|
||
|
|
if(this.orderData.orderStatus==2 || this.orderData.orderStatus==3){
|
||
|
|
uni.navigateTo({
|
||
|
|
url:`/Order/pages/charging/index?id=${this.orderData.id}`
|
||
|
|
})
|
||
|
|
}else{
|
||
|
|
uni.navigateTo({
|
||
|
|
url:`/Order/pages/index/index?id=${this.orderData.id}`
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
@import 'index.scss';
|
||
|
|
</style>
|