<template>
	<view>
		<!-- 模态框 -->
		<view class="cu-modal" :class="show?'show':''">
			<view class="cu-dialog">
				<view class="padding-xl">
					<view class="cuIcon-roundcheck big-icon padding-tb text-main-color"></view>
					<view class="text-bold text-lg margin-bottom-sm">接单成功</view>
					<template v-if="data.orderType == 1">
						<view v-if="data.payType == 0">接单成功，请在30分钟内发货或排发货时间，超时3倍未排可能被平台处罚，该订单款项在流程结束后将由银联自动结算至你帐户。</view>
						<view v-else-if="data.payType == 1">接单成功，货到付款单，交货时按单内二维码收款或客户在其帐户端支付。接单后请在请在30分钟内发货或排发货时间，超时3倍未排可能被平台处罚，该订单款项在流程结束后将由银联自动结算至你帐户。</view>
					</template>
					<template v-else>
						<view v-if="data.payType == 0">请在30分钟内联系客户，预约好上门时间，并在订单中操作排单时间，超时6倍将受平台处罚管理；该订单款项在任务流程结束后由银联自动结算至您帐户! </view>
						<view v-else-if="data.payType == 1">该单需上门收款。请在30分钟内联系客户，并告知客户属上门收款单（金额以客户端弹出的金额为准或上门后师傅端弹出的二维码内金额支付）预约好上门时间，并在订单中操作排单时间，超时6倍将受平台处罚管理；该订单款项在任务流程结束后由银联自动结算至您帐户! </view>
					</template>
					
				</view>
				<view class="cu-bar bg-white solid-top">
					<view class="action margin-0 flex-sub text-main-color" data-modal="showAcceptOrderNoticeModal"
						@click="contactCustomer">联系客户</view>
					<view class="action margin-0 flex-sub text-black solid-left" data-modal="showAcceptOrderNoticeModal"
						@tap="hideModal">稍后联系</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'acceptOrderNotice',
		emits: ['confirmFeedback', 'close'],
		props: {
			show: {
				type: Boolean,
				default: false
			},
			data: {
				type: Object,
				default: () => {}
			}
		},
		data() {
			return {
			}
		},
		methods: {
			hideModal() {
				this.$emit('close');
			},
			contactCustomer(e) {
				this.hideModal(e);
				this.$emit('confirmFeedback')
			}
		}
	}
</script>

<style>
</style>
