zmt
4 years ago
7 changed files with 259 additions and 12 deletions
-
218src/components/organize_order/organize_order.vue
-
3src/js/api.js
-
39src/pages/order_list/order_list.vue
-
5src/pages/order_search/order_search.vue
-
0src/subpackage/device/components/order/organize_detail/organize_detail.vue
-
1src/subpackage/device/pages/order_details/order_details.vue
-
5src/subpackage/device/pages/order_manage/order_manage.vue
@ -0,0 +1,218 @@ |
|||||
|
<template> |
||||
|
<view class="timing-order" > |
||||
|
<view class="ro-header"> |
||||
|
<view class="rh-view">{{orderInfo.original_order.extension.stadium_name || '-'}}</view> |
||||
|
<text :class="[ 'rh-text', orderInfo.original_order.pay_status == 0?'rh-active':'' ]">{{zh_order_status(orderInfo.original_order.pay_status)}}</text> |
||||
|
</view> |
||||
|
<view class="ro-section"> |
||||
|
<view class="rs-line"> |
||||
|
<view class="rl-view">订单编号：</view> |
||||
|
<view class="rl-view"> |
||||
|
<view class="rv-view">{{orderInfo.order_no || '-'}}</view> |
||||
|
</view> |
||||
|
<!-- <image src="/static/images/icon/arrow_b2.png"></image> --> |
||||
|
</view> |
||||
|
<view class="rs-line"> |
||||
|
<view class="rl-view">约玩主题：</view> |
||||
|
<view class="rl-view"> |
||||
|
<view class="rv-view">{{orderInfo.theme || '-'}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="rs-line"> |
||||
|
<view class="rl-view">约玩人数：</view> |
||||
|
<view class="rl-view"> |
||||
|
<view class="rv-view">{{orderInfo.person_applicants || '-'}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="rs-line"> |
||||
|
<view class="rl-view">约玩时间：</view> |
||||
|
<view class="rl-view"> |
||||
|
<view class="rv-view">{{orderInfo.label.Date+" "+ orderInfo.label.StartTime+" "+orderInfo.label.EndTime || '-'}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="rs-line" v-if="orderInfo.status=='End'"> |
||||
|
<view class="rl-view">未发放：</view> |
||||
|
<view class="rl-view"> |
||||
|
<view class="rv-view">{{orderInfo.un_amount_already_amount || '-'}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
<view class="ro-bot" v-if="orderInfo.original_order.pay_status != 0"> |
||||
|
<!-- status == End 可发放金额--> |
||||
|
<view v-if="orderInfo.status=='End'" class="ro-btn" @click="clickSendAmount">发放金额</view> |
||||
|
<view class="rb-total">实付款 <text class="rt-txt"> ¥{{orderInfo.original_order.pay_amount || 0}}</text></view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/utils/util'; |
||||
|
import { servers } from '../../js/server'; |
||||
|
import { API } from '../../js/api'; |
||||
|
export default { |
||||
|
props: { |
||||
|
orderInfo: { |
||||
|
type: Object, |
||||
|
default: ()=>({}) |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
zh_order_status(){ |
||||
|
// 订单状态 0未支付1已支付待使用2已使用3已失效4已退款5申请退款6同意退款 |
||||
|
return status =>{ |
||||
|
const _obj = { |
||||
|
'0': '未支付', |
||||
|
'1': '已支付', |
||||
|
'2': '已使用', |
||||
|
'3': '已失效', |
||||
|
'4': '已退款', |
||||
|
'5': '申请退款', |
||||
|
'6': '同意退款', |
||||
|
} |
||||
|
|
||||
|
return _obj[`${status}`] || '-' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
toOrderDetails(){ |
||||
|
let { orderInfo } = this |
||||
|
let _query = {} |
||||
|
_query["stadium_id"] = orderInfo.stadium_id |
||||
|
_query["order_no"] = orderInfo.order_no |
||||
|
_query["order_type"] = 10 |
||||
|
util.routeTo(`/subpackage/device/pages/order_details/order_details?query=${util.jsonStr(_query)}`,'nT'); |
||||
|
// this.$emit('orderDetailChange'); |
||||
|
}, |
||||
|
clickSendAmount(){ |
||||
|
let that = this |
||||
|
console.log(999,this.orderInfo) |
||||
|
uni.showModal({ |
||||
|
title: '发放金额', |
||||
|
content: `确定要将未发放金额${that.orderInfo.un_amount_already_amount}全部转给约玩发起人?`, |
||||
|
confirmColor:"#469576", |
||||
|
success: function (res) { |
||||
|
if (res.confirm) { |
||||
|
console.log('用户点击确定'); |
||||
|
servers.get({ |
||||
|
url: API.amountIssued, |
||||
|
data: { |
||||
|
order_no: that.orderInfo.order_no, |
||||
|
}, |
||||
|
failMsg: '加载失败！' |
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
console.log(888,res); |
||||
|
that.$emit('refreshList');//刷新列表 |
||||
|
}) |
||||
|
|
||||
|
} else if (res.cancel) { |
||||
|
console.log('用户点击取消'); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" > |
||||
|
@import '~style/public.scss'; |
||||
|
.timing-order{ |
||||
|
padding: 0 24upx; |
||||
|
border-radius: 10upx; |
||||
|
background-color: #fff; |
||||
|
.ro-header{ |
||||
|
margin-bottom: 18upx; |
||||
|
height: 98upx; |
||||
|
line-height: 96upx; |
||||
|
border-bottom: 2upx solid #D8D8D8; |
||||
|
@include centerFlex(space-between); |
||||
|
.rh-view{ |
||||
|
flex-grow: 1; |
||||
|
font-size: 28upx; |
||||
|
color: #1a1a1a; |
||||
|
@include textHide(1); |
||||
|
} |
||||
|
.rh-text{ |
||||
|
margin-left: 20upx; |
||||
|
flex-shrink: 0; |
||||
|
font-size: 28upx; |
||||
|
color: #9C9C9F; |
||||
|
} |
||||
|
.rh-active{ |
||||
|
color: $themeColor; |
||||
|
} |
||||
|
} |
||||
|
.ro-section{ |
||||
|
padding-bottom: 20upx; |
||||
|
.rs-line{ |
||||
|
display: flex; |
||||
|
.rl-view,.rv-view{ |
||||
|
line-height: 40upx; |
||||
|
font-size: 24upx; |
||||
|
color: #9c9c9f; |
||||
|
} |
||||
|
.rl-view{ |
||||
|
&:first-child{ |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
&+.rl-view{ |
||||
|
flex-grow: 1; |
||||
|
.rv-view{ |
||||
|
@include textHide(1); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.rv-active{ |
||||
|
color: $themeColor; |
||||
|
} |
||||
|
>image{ |
||||
|
width: 32rpx; |
||||
|
height: 32rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.ro-bot{ |
||||
|
// padding-top: 20rpx; |
||||
|
// padding-bottom: 30upx; |
||||
|
border-top: 2upx solid #D8D8D8; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: flex-end; |
||||
|
align-items: center; |
||||
|
.rb-total{ |
||||
|
// display: flex; |
||||
|
// flex-direction: row; |
||||
|
// justify-content: center; |
||||
|
line-height: 70rpx; |
||||
|
// text-align: right; |
||||
|
font-size: 24upx; |
||||
|
color: #9c9c9f; |
||||
|
.rt-txt{ |
||||
|
color: #1A1A1A; |
||||
|
margin-left: 10rpx; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.ro-btn{ |
||||
|
width: 120rpx; |
||||
|
height: 60rpx; |
||||
|
text-align: center; |
||||
|
line-height: 60rpx; |
||||
|
font-size: 24upx; |
||||
|
color: #469576; |
||||
|
position: absolute; |
||||
|
left: 32rpx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue