8.12 gengxing
Showing
6 changed files
with
56 additions
and
32 deletions
| ... | @@ -230,6 +230,7 @@ aside { | ... | @@ -230,6 +230,7 @@ aside { |
| 230 | } | 230 | } |
| 231 | .w100{width: 100%;} | 231 | .w100{width: 100%;} |
| 232 | .w200px{min-width: 200px;} | 232 | .w200px{min-width: 200px;} |
| 233 | .w120px{min-width: 120px;} | ||
| 233 | .pt30{padding-top: 30px;} | 234 | .pt30{padding-top: 30px;} |
| 234 | .d-form-border{ | 235 | .d-form-border{ |
| 235 | border: 1px solid #E5E5E5;margin: 20px 0;padding: 20px} | 236 | border: 1px solid #E5E5E5;margin: 20px 0;padding: 20px} | ... | ... |
| ... | @@ -54,7 +54,7 @@ | ... | @@ -54,7 +54,7 @@ |
| 54 | <div v-if="language==1" class="tip">If you need to make a hotel reservation, please fill in the full | 54 | <div v-if="language==1" class="tip">If you need to make a hotel reservation, please fill in the full |
| 55 | names of all required persons when booking the hotel. | 55 | names of all required persons when booking the hotel. |
| 56 | <!-- (For two or more people, please use ',')--> | 56 | <!-- (For two or more people, please use ',')--> |
| 57 | (For two people, please separate the names with a comma ',) | 57 | (For two people, please separate the names with a comma ",") |
| 58 | </div> | 58 | </div> |
| 59 | 59 | ||
| 60 | </el-form-item> | 60 | </el-form-item> |
| ... | @@ -504,6 +504,7 @@ function submit() { | ... | @@ -504,6 +504,7 @@ function submit() { |
| 504 | router.push({ | 504 | router.push({ |
| 505 | name: 'bookingPay', | 505 | name: 'bookingPay', |
| 506 | query: { | 506 | query: { |
| 507 | matchId:room.value.activityId, | ||
| 507 | orderId: res.data.orderId, | 508 | orderId: res.data.orderId, |
| 508 | money: res.data.total, | 509 | money: res.data.total, |
| 509 | type: 'hotel' | 510 | type: 'hotel' | ... | ... |
| ... | @@ -422,7 +422,7 @@ | ... | @@ -422,7 +422,7 @@ |
| 422 | <div class="leftboderTT">{{ language == 0 ? '选择支付方式' : 'Choose payment method' }}</div> | 422 | <div class="leftboderTT">{{ language == 0 ? '选择支付方式' : 'Choose payment method' }}</div> |
| 423 | <div class="mt20"> | 423 | <div class="mt20"> |
| 424 | <el-radio-group v-model="payType"> | 424 | <el-radio-group v-model="payType"> |
| 425 | <el-radio v-if="language==0" border value="2"> | 425 | <el-radio v-if="language==0" border label="2"> |
| 426 | <!-- 微信--> | 426 | <!-- 微信--> |
| 427 | <svg class="icon" height="40" p-id="24747" t="1709002960407" | 427 | <svg class="icon" height="40" p-id="24747" t="1709002960407" |
| 428 | version="1.1" viewBox="0 0 3152 1024" width="94" xmlns="http://www.w3.org/2000/svg"> | 428 | version="1.1" viewBox="0 0 3152 1024" width="94" xmlns="http://www.w3.org/2000/svg"> |
| ... | @@ -434,7 +434,7 @@ | ... | @@ -434,7 +434,7 @@ |
| 434 | fill="#595757" p-id="24749"></path> | 434 | fill="#595757" p-id="24749"></path> |
| 435 | </svg> | 435 | </svg> |
| 436 | </el-radio> | 436 | </el-radio> |
| 437 | <el-radio v-if="language==1" border value="3"> | 437 | <el-radio v-if="language==1" border label="3"> |
| 438 | <!--paypal--> | 438 | <!--paypal--> |
| 439 | <svg class="icon" height="40" p-id="22654" t="1709002828937" | 439 | <svg class="icon" height="40" p-id="22654" t="1709002828937" |
| 440 | version="1.1" viewBox="0 0 4220 1024" width="94" xmlns="http://www.w3.org/2000/svg"> | 440 | version="1.1" viewBox="0 0 4220 1024" width="94" xmlns="http://www.w3.org/2000/svg"> |
| ... | @@ -464,10 +464,10 @@ | ... | @@ -464,10 +464,10 @@ |
| 464 | fill="#003087" p-id="22662"></path> | 464 | fill="#003087" p-id="22662"></path> |
| 465 | </svg> | 465 | </svg> |
| 466 | </el-radio> | 466 | </el-radio> |
| 467 | <el-radio value="4" v-if="language==0&&type=='hotel'" border> | 467 | <el-radio label="4" v-if="language==0&&type=='hotel'" border> |
| 468 | 对公打款 | 468 | 对公打款 |
| 469 | </el-radio> | 469 | </el-radio> |
| 470 | <el-radio v-if="language==1&&type=='hotel'" border value="5"> | 470 | <el-radio v-if="language==1&&type=='hotel'" border label="5"> |
| 471 | Corporate payment | 471 | Corporate payment |
| 472 | </el-radio> | 472 | </el-radio> |
| 473 | </el-radio-group> | 473 | </el-radio-group> |
| ... | @@ -579,10 +579,9 @@ | ... | @@ -579,10 +579,9 @@ |
| 579 | </div> | 579 | </div> |
| 580 | </div> | 580 | </div> |
| 581 | </el-dialog> | 581 | </el-dialog> |
| 582 | <el-dialog v-model="showOfflineSuccessDialog" :title="language==0?'提示':'Tip'" width="460px" | 582 | <el-dialog v-model="showOfflineSuccessDialog" :title="language==0?'提示':'Tip'" width="460px" :show-close="false"> |
| 583 | @close="OfflineSuccessDialogClose"> | ||
| 584 | <el-result | 583 | <el-result |
| 585 | :sub-title="language==0?'请在7日内上传凭证,否则订单取消':'Please upload the payment receipt within 7 days, otherwise the order will be cancelled'" | 584 | :sub-title="language==0?'请及时上传转账凭证,若未能上传,订单可能被取消。您可直接下载本订单的缴费单,亦可前往于订单中心下载合并后的缴费单。':'Please upload your payment proof promptly. If you fail to upload it, your booking may be canceled.'" |
| 586 | :title="language==0?'订单已提交':'Order submitted'" | 585 | :title="language==0?'订单已提交':'Order submitted'" |
| 587 | icon="success" | 586 | icon="success" |
| 588 | > | 587 | > |
| ... | @@ -590,6 +589,14 @@ | ... | @@ -590,6 +589,14 @@ |
| 590 | <el-button class="btn-lineG w200px" round type="primary" @click="downOfflineInvoice"> | 589 | <el-button class="btn-lineG w200px" round type="primary" @click="downOfflineInvoice"> |
| 591 | {{ language == 0 ? '下载缴费单' : 'Download Invoice' }} | 590 | {{ language == 0 ? '下载缴费单' : 'Download Invoice' }} |
| 592 | </el-button> | 591 | </el-button> |
| 592 | <div style="margin-top: 20px"> | ||
| 593 | <el-button style="display: inline-block" class="btn-lineG w120px" round type="primary" @click="toContinue"> | ||
| 594 | {{ language == 0 ? '继续预定' : 'Continue Reservation' }} | ||
| 595 | </el-button> | ||
| 596 | <el-button style="display: inline-block" class="btn-lineG w120px" round type="primary" @click="toMyReservation"> | ||
| 597 | {{ language == 0 ? '前往订单中心' : 'View Orders' }} | ||
| 598 | </el-button> | ||
| 599 | </div> | ||
| 593 | </template> | 600 | </template> |
| 594 | </el-result> | 601 | </el-result> |
| 595 | </el-dialog> | 602 | </el-dialog> |
| ... | @@ -615,6 +622,7 @@ const tableData = ref([]) | ... | @@ -615,6 +622,7 @@ const tableData = ref([]) |
| 615 | const payType = ref('2') | 622 | const payType = ref('2') |
| 616 | const orderId = ref(route.query.orderId) | 623 | const orderId = ref(route.query.orderId) |
| 617 | const matchId = ref() | 624 | const matchId = ref() |
| 625 | const matchIdHistory = ref() | ||
| 618 | const groupId = ref() | 626 | const groupId = ref() |
| 619 | const proofUrl = ref() | 627 | const proofUrl = ref() |
| 620 | import useUserStore from "@/store/modules/user"; | 628 | import useUserStore from "@/store/modules/user"; |
| ... | @@ -690,7 +698,7 @@ onMounted(() => { | ... | @@ -690,7 +698,7 @@ onMounted(() => { |
| 690 | } | 698 | } |
| 691 | } | 699 | } |
| 692 | if (route.query.matchId) { | 700 | if (route.query.matchId) { |
| 693 | matchId.value = route.query.matchId | 701 | matchIdHistory.value = route.query.matchId |
| 694 | } | 702 | } |
| 695 | getData() | 703 | getData() |
| 696 | }) | 704 | }) |
| ... | @@ -749,7 +757,8 @@ function getData() { | ... | @@ -749,7 +757,8 @@ function getData() { |
| 749 | hideconfirmbtn.value = true | 757 | hideconfirmbtn.value = true |
| 750 | } | 758 | } |
| 751 | if (form.value.paymentType) { | 759 | if (form.value.paymentType) { |
| 752 | payType.value = form.value.paymentType | 760 | payType.value = '2' |
| 761 | // payType.value = form.value.paymentType | ||
| 753 | } | 762 | } |
| 754 | }).catch(err => { | 763 | }).catch(err => { |
| 755 | console.log(err) | 764 | console.log(err) |
| ... | @@ -1051,6 +1060,19 @@ const downOfflineInvoice = () => { | ... | @@ -1051,6 +1060,19 @@ const downOfflineInvoice = () => { |
| 1051 | ...obj | 1060 | ...obj |
| 1052 | }, `Invoice_${new Date().getTime()}.pdf`) | 1061 | }, `Invoice_${new Date().getTime()}.pdf`) |
| 1053 | } | 1062 | } |
| 1063 | |||
| 1064 | const toContinue = () => { | ||
| 1065 | router.push({ | ||
| 1066 | path: `/booking/hotel/${matchIdHistory.value}` | ||
| 1067 | }) | ||
| 1068 | } | ||
| 1069 | |||
| 1070 | const toMyReservation = () => { | ||
| 1071 | router.push({ | ||
| 1072 | path: `/center/myReservation` | ||
| 1073 | }) | ||
| 1074 | } | ||
| 1075 | |||
| 1054 | const submitProof = () => { | 1076 | const submitProof = () => { |
| 1055 | //提交凭证 | 1077 | //提交凭证 |
| 1056 | if (!form.value.pic) { | 1078 | if (!form.value.pic) { | ... | ... |
| ... | @@ -100,13 +100,13 @@ | ... | @@ -100,13 +100,13 @@ |
| 100 | </span> | 100 | </span> |
| 101 | </el-col> | 101 | </el-col> |
| 102 | <el-col :lg="6" :md="16" :sm="16" :xs="16"> | 102 | <el-col :lg="6" :md="16" :sm="16" :xs="16"> |
| 103 | <div class="text-right mb20 text-danger" v-if="b.status == '0' && b.countdown>0"> | 103 | <!-- <div class="text-right mb20 text-danger" v-if="b.status == '0' && b.countdown>0">--> |
| 104 | <el-countdown | 104 | <!-- <el-countdown--> |
| 105 | :value="b.countdown" | 105 | <!-- :value="b.countdown"--> |
| 106 | format="D天 HH:mm:ss" | 106 | <!-- format="D天 HH:mm:ss"--> |
| 107 | value-style="color:#E60012;font-size:16px;" | 107 | <!-- value-style="color:#E60012;font-size:16px;"--> |
| 108 | @finish="finish(b)"/> | 108 | <!-- @finish="finish(b)"/>--> |
| 109 | </div> | 109 | <!-- </div>--> |
| 110 | 110 | ||
| 111 | <div class="text-right"> | 111 | <div class="text-right"> |
| 112 | <el-button v-if="(b.orderType == 0||b.orderType == 5)&&b.viewStatus!=0 &&!min" class="mb10" plain round | 112 | <el-button v-if="(b.orderType == 0||b.orderType == 5)&&b.viewStatus!=0 &&!min" class="mb10" plain round | ... | ... |
| ... | @@ -98,13 +98,13 @@ | ... | @@ -98,13 +98,13 @@ |
| 98 | <el-form-item :label="language==0?'送达酒店':'Destination Hotel'" prop="pickUpBo.hotle" required> | 98 | <el-form-item :label="language==0?'送达酒店':'Destination Hotel'" prop="pickUpBo.hotle" required> |
| 99 | <el-input v-model="form.pickUpBo.hotle"/> | 99 | <el-input v-model="form.pickUpBo.hotle"/> |
| 100 | </el-form-item> | 100 | </el-form-item> |
| 101 | <el-form-item :label="language==0?'行程单':'Round-Trip Itinerary'" prop="pickUpBo.itinerary" required> | 101 | <el-form-item :label="language==0?'行程单':'Round-Trip Itinerary'" prop="pickUpBo.itinerary"> |
| 102 | <image-upload v-model="form.pickUpBo.itinerary" :button-text="language==0?'上传':'Upload'" | 102 | <image-upload v-model="form.pickUpBo.itinerary" :button-text="language==0?'上传':'Upload'" |
| 103 | :is-show-tip="false" | 103 | :is-show-tip="false" |
| 104 | :limit="1"/> | 104 | :limit="1"/> |
| 105 | </el-form-item> | 105 | </el-form-item> |
| 106 | 106 | ||
| 107 | <el-form-item :label="language==0?'酒店预订单':'Hotel Reservation'" prop="pickUpBo.hotleFile" required> | 107 | <el-form-item :label="language==0?'酒店预订单':'Hotel Reservation'" prop="pickUpBo.hotleFile"> |
| 108 | <image-upload v-model="form.pickUpBo.hotleFile" :button-text="language==0?'上传':'Upload'" | 108 | <image-upload v-model="form.pickUpBo.hotleFile" :button-text="language==0?'上传':'Upload'" |
| 109 | :is-show-tip="false" | 109 | :is-show-tip="false" |
| 110 | :limit="1"/> | 110 | :limit="1"/> |
| ... | @@ -195,13 +195,13 @@ | ... | @@ -195,13 +195,13 @@ |
| 195 | <el-form-item :label="language==0?'出发酒店':'Departure Hotel'" prop="downOffBo.hotle" required> | 195 | <el-form-item :label="language==0?'出发酒店':'Departure Hotel'" prop="downOffBo.hotle" required> |
| 196 | <el-input v-model="form.downOffBo.hotle"/> | 196 | <el-input v-model="form.downOffBo.hotle"/> |
| 197 | </el-form-item> | 197 | </el-form-item> |
| 198 | <el-form-item :label="language==0?'行程单':'Round-Trip Itinerary'" prop="downOffBo.itinerary" required> | 198 | <el-form-item :label="language==0?'行程单':'Round-Trip Itinerary'" prop="downOffBo.itinerary"> |
| 199 | <image-upload v-model="form.downOffBo.itinerary" :button-text="language==0?'上传':'Upload'" | 199 | <image-upload v-model="form.downOffBo.itinerary" :button-text="language==0?'上传':'Upload'" |
| 200 | :is-show-tip="false" | 200 | :is-show-tip="false" |
| 201 | :limit="1"/> | 201 | :limit="1"/> |
| 202 | </el-form-item> | 202 | </el-form-item> |
| 203 | 203 | ||
| 204 | <el-form-item :label="language==0?'酒店预订单':'Hotel Reservation'" prop="downOffBo.hotleFile" required> | 204 | <el-form-item :label="language==0?'酒店预订单':'Hotel Reservation'" prop="downOffBo.hotleFile"> |
| 205 | <image-upload v-model="form.downOffBo.hotleFile" :button-text="language==0?'上传':'Upload'" | 205 | <image-upload v-model="form.downOffBo.hotleFile" :button-text="language==0?'上传':'Upload'" |
| 206 | :is-show-tip="false" | 206 | :is-show-tip="false" |
| 207 | :limit="1"/> | 207 | :limit="1"/> |
| ... | @@ -318,11 +318,11 @@ const rules = ref( | ... | @@ -318,11 +318,11 @@ const rules = ref( |
| 318 | trigger: 'change', | 318 | trigger: 'change', |
| 319 | message: language.value == 0 ? '请输入' : 'Please enter' | 319 | message: language.value == 0 ? '请输入' : 'Please enter' |
| 320 | },], | 320 | },], |
| 321 | 'pickUpBo.itinerary': [{ | 321 | // 'pickUpBo.itinerary': [{ |
| 322 | required: true, | 322 | // required: true, |
| 323 | trigger: 'change', | 323 | // trigger: 'change', |
| 324 | message: language.value == 0 ? '请选择' : 'Please choose' | 324 | // message: language.value == 0 ? '请选择' : 'Please choose' |
| 325 | },], | 325 | // },], |
| 326 | 'downOffBo.nationalitys': [{ | 326 | 'downOffBo.nationalitys': [{ |
| 327 | required: true, | 327 | required: true, |
| 328 | trigger: 'blur', | 328 | trigger: 'blur', |
| ... | @@ -378,11 +378,11 @@ const rules = ref( | ... | @@ -378,11 +378,11 @@ const rules = ref( |
| 378 | trigger: 'change', | 378 | trigger: 'change', |
| 379 | message: language.value == 0 ? '请输入' : 'Please enter' | 379 | message: language.value == 0 ? '请输入' : 'Please enter' |
| 380 | },], | 380 | },], |
| 381 | 'downOffBo.itinerary': [{ | 381 | // 'downOffBo.itinerary': [{ |
| 382 | required: true, | 382 | // required: true, |
| 383 | trigger: 'change', | 383 | // trigger: 'change', |
| 384 | message: language.value == 0 ? '请选择' : 'Please choose' | 384 | // message: language.value == 0 ? '请选择' : 'Please choose' |
| 385 | },], | 385 | // },], |
| 386 | 386 | ||
| 387 | }) | 387 | }) |
| 388 | const open = (params) => { | 388 | const open = (params) => { | ... | ... |
-
Please register or sign in to post a comment