2 Commits
8f2b50958b
...
76faa0d0d3
| Author | SHA1 | Message | Date |
|---|---|---|---|
 郑锦全
|
76faa0d0d3 |
Merge branch 'dev' of https://git.ouxuan.net/APP/ox_zhiNengZhuShou into dev
|
3 years ago |
|
郑锦全
|
39c74bb3e5 |
tapd 1000742&1000745
|
3 years ago |
11 changed files with 526 additions and 137 deletions
-
193src/components/end_billing_modal/end_billing_modal.vue
-
45src/components/timing_order/timing_order.vue
-
5src/js/api.js
-
2src/pages/order_list/order_list.vue
-
31src/pages/write_off/confirm_order/confirm_order.vue
-
150src/pages/write_off/number_of_people/number_of_people.vue
-
48src/pages/write_off/search_result/search_result.vue
-
BINsrc/static/images/icon/selected_ring.png
-
142src/subpackage/device/components/order/timing_detail/timing_detail.vue
-
1src/subpackage/device/js/device_api.js
-
34src/subpackage/device/pages/order_details/order_details.vue
@ -0,0 +1,193 @@ |
|||||
|
<template> |
||||
|
<!-- 弹框 结束计费 --> |
||||
|
<view class="ox-dark-mask" @touchmove.stop.prevent="moveHandle" @click.stop=""> |
||||
|
<view class="odm-end-modal" > |
||||
|
<view class="oem-close"> |
||||
|
<image src="/static/images/icon/x_close.png" @click="closeChange"></image> |
||||
|
</view> |
||||
|
<view class="oem-tit">结束计费</view> |
||||
|
<view class="oem-line">操作人：{{orderInfo.end_bill_operator_name || '-'}}</view> |
||||
|
<view class="oem-line">时长合计：<text class="ol-txt1">{{orderInfo.extension.duration || '-'}}</text></view> |
||||
|
<view class="oem-line">金额合计：<text class="ol-txt2">¥{{orderInfo.amount || 0}}</text></view> |
||||
|
<view class="oem-box"> |
||||
|
<view @click="selectBtn(1)"> |
||||
|
<image :class="[selectType==1?'ob-img':'']" :src="selectType==1?'/static/images/icon/selected_ring.png':''"></image> |
||||
|
<view :class="[selectType==1?'ov-active':'']">停止计时</view> |
||||
|
</view> |
||||
|
<view @click="selectBtn(2)"> |
||||
|
<image :class="[selectType==2?'ob-img':'']" :src="selectType==2?'/static/images/icon/selected_ring.png':''"></image> |
||||
|
<view :class="[selectType==2?'ov-active':'']">完结订单</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="oem-tips">*<text>请输入金额</text></view> |
||||
|
<view class="oem-ipt"><input type="digit" v-model="input_amount"/></view> |
||||
|
<view class="oem-btn" hover-class="hover-active" @click="confirmChange" >确认</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/utils/util'; |
||||
|
import deviceApi from '../../subpackage/device/js/device_api.js'; |
||||
|
import deviceServer from '../../subpackage/device/js/device_server.js'; |
||||
|
import { mapState } from 'vuex'; |
||||
|
export default { |
||||
|
props: { |
||||
|
orderInfo: { |
||||
|
type: Object, |
||||
|
default: ()=>({}) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState(['brandInfo']), |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
input_amount: "", |
||||
|
selectType: 1, //默认1(停止计时) 2(完结订单) |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
moveHandle(){}, |
||||
|
closeChange(){ |
||||
|
this.$emit('close'); |
||||
|
}, |
||||
|
|
||||
|
confirmChange(){ |
||||
|
let { brandInfo, orderInfo, input_amount, selectType } = this |
||||
|
if(input_amount == '')return util.showNone('请输入金额！'); |
||||
|
util.showLoad(); |
||||
|
deviceServer.get({ |
||||
|
url: deviceApi.timeOrderEnd, |
||||
|
data: { |
||||
|
brand_id: brandInfo.brand.id, |
||||
|
order_no: orderInfo.order_no, |
||||
|
pay_amount: parseFloat(input_amount), |
||||
|
end_type: selectType==1?'end_timing':selectType==2?'end_order':'', |
||||
|
}, |
||||
|
failMsg: '加载失败！' |
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
util.hideLoad() |
||||
|
util.showNone('操作成功！'); |
||||
|
this.$emit('close'); |
||||
|
// setTimeout(()=>uni.navigateBack(),1200); |
||||
|
this.$emit('timeEndBtn'); |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
selectBtn(type){ |
||||
|
this.selectType = type |
||||
|
}, |
||||
|
}, |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" > |
||||
|
@import '~style/public.scss'; |
||||
|
.odm-end-modal{ |
||||
|
position: absolute; |
||||
|
left: 65rpx; |
||||
|
top: 12%; |
||||
|
background-color: #fff; |
||||
|
width: 620rpx; |
||||
|
padding: 30rpx 0rpx 60rpx; |
||||
|
border-radius: 10rpx; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
.oem-close{ |
||||
|
width: 100%; |
||||
|
@include centerFlex(flex-end); |
||||
|
>image{ |
||||
|
width: 32rpx; |
||||
|
height: 32rpx; |
||||
|
margin-right: 30rpx; |
||||
|
} |
||||
|
} |
||||
|
.oem-tit { |
||||
|
color: #333; |
||||
|
font-size: 32rpx; |
||||
|
font-weight: 700; |
||||
|
margin: 16rpx 0rpx 34rpx; |
||||
|
} |
||||
|
.oem-line{ |
||||
|
width: 456rpx; |
||||
|
color: #333; |
||||
|
font-size: 28rpx; |
||||
|
line-height: 48rpx; |
||||
|
.ol-txt1{ |
||||
|
color: #009874; |
||||
|
} |
||||
|
.ol-txt2{ |
||||
|
color: #FF873D; |
||||
|
} |
||||
|
} |
||||
|
.oem-box{ |
||||
|
margin: 58rpx 0 48rpx; |
||||
|
width: 456rpx; |
||||
|
@include centerFlex(space-between); |
||||
|
>view{ |
||||
|
@include centerFlex(flex-start); |
||||
|
>image{ |
||||
|
flex-shrink: 0; |
||||
|
width: 28rpx; |
||||
|
height: 28rpx; |
||||
|
border-radius: 50%; |
||||
|
border: 2rpx solid #D8D8D8; |
||||
|
&.ob-img{ |
||||
|
width: 32rpx; |
||||
|
height: 32rpx; |
||||
|
border: 0rpx solid #D8D8D8; |
||||
|
} |
||||
|
} |
||||
|
>view{ |
||||
|
margin-left: 12rpx; |
||||
|
font-size: 28rpx; |
||||
|
line-height: 48rpx; |
||||
|
color: #9C9C9F; |
||||
|
&.ov-active{ |
||||
|
color: #1A1A1A; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.oem-tips{ |
||||
|
width: 456rpx; |
||||
|
margin: 0rpx 0rpx 8rpx; |
||||
|
color: #EA5061; |
||||
|
font-size: 28rpx; |
||||
|
>text{ |
||||
|
color: #333333; |
||||
|
} |
||||
|
} |
||||
|
.oem-ipt{ |
||||
|
width: 456rpx; |
||||
|
border: 2rpx solid #D8D8D8; |
||||
|
border-radius: 10rpx; |
||||
|
& input { |
||||
|
flex-grow: 1; |
||||
|
height: 88rpx; |
||||
|
color: #333; |
||||
|
font-size: 28rpx; |
||||
|
padding: 0rpx 20rpx; |
||||
|
} |
||||
|
} |
||||
|
.oem-btn{ |
||||
|
width: 240rpx; |
||||
|
height: 88rpx; |
||||
|
margin-top: 60rpx; |
||||
|
border-radius: 10rpx; |
||||
|
background-color: #009874; |
||||
|
color: #FFF; |
||||
|
font-size: 32rpx; |
||||
|
line-height: 88rpx; |
||||
|
text-align: center; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
After Width: 32 | Height: 32 | Size: 503 B |
Write
Preview
Loading…
Cancel
Save
Reference in new issue