去除对公打款
Showing
2 changed files
with
96 additions
and
87 deletions
| ... | @@ -155,13 +155,13 @@ | ... | @@ -155,13 +155,13 @@ |
| 155 | <!-- }}{{ language == 0 ? '元' : 'Euro' }} x 1--> | 155 | <!-- }}{{ language == 0 ? '元' : 'Euro' }} x 1--> |
| 156 | <!-- {{ language == 0 ? '张' : 'Tickets' }}--> | 156 | <!-- {{ language == 0 ? '张' : 'Tickets' }}--> |
| 157 | <!-- </el-col>--> | 157 | <!-- </el-col>--> |
| 158 | 158 | ||
| 159 | </el-row> | 159 | </el-row> |
| 160 | </div> | 160 | </div> |
| 161 | </div> | 161 | </div> |
| 162 | 162 | ||
| 163 | <div class="leftboderTT">{{ language == 0 ? '预订信息' : 'Booking information' }}</div> | 163 | <div class="leftboderTT">{{ language == 0 ? '预订信息' : 'Booking information' }}</div> |
| 164 | 164 | ||
| 165 | <div class="border-info mt20"> | 165 | <div class="border-info mt20"> |
| 166 | <el-row v-if="type == 'hotel'"> | 166 | <el-row v-if="type == 'hotel'"> |
| 167 | <el-col :lg="8" :md="12" :sm="12" :xs="24"> | 167 | <el-col :lg="8" :md="12" :sm="12" :xs="24"> |
| ... | @@ -184,12 +184,12 @@ | ... | @@ -184,12 +184,12 @@ |
| 184 | <el-tag class="mr10">{{ car.carSeat }} {{ language == 0 ? '座 ' : 'Sets' }}</el-tag> | 184 | <el-tag class="mr10">{{ car.carSeat }} {{ language == 0 ? '座 ' : 'Sets' }}</el-tag> |
| 185 | <el-tag>{{ car.carColor }}</el-tag> | 185 | <el-tag>{{ car.carColor }}</el-tag> |
| 186 | </div> | 186 | </div> |
| 187 | 187 | ||
| 188 | <span v-if="car.num > 0"> {{ car.num }}{{ | 188 | <span v-if="car.num > 0"> {{ car.num }}{{ |
| 189 | language == 0 ? '辆' : 'Cars' | 189 | language == 0 ? '辆' : 'Cars' |
| 190 | }} * {{ language == 0 ? '¥' : '$' }}{{ car.price }}</span> | 190 | }} * {{ language == 0 ? '¥' : '$' }}{{ car.price }}</span> |
| 191 | </div> | 191 | </div> |
| 192 | 192 | ||
| 193 | <div>{{ language == 0 ? '人数' : 'People' }}: {{ form.pickUpBo.count }}</div> | 193 | <div>{{ language == 0 ? '人数' : 'People' }}: {{ form.pickUpBo.count }}</div> |
| 194 | <div>{{ language == 0 ? '航班/火车班次' : 'Flight/Train' }}: {{ form.pickUpBo.no }}</div> | 194 | <div>{{ language == 0 ? '航班/火车班次' : 'Flight/Train' }}: {{ form.pickUpBo.no }}</div> |
| 195 | <div>{{ language == 0 ? '接机/接站地点' : 'Pick-up/Drop-off Place' }}: | 195 | <div>{{ language == 0 ? '接机/接站地点' : 'Pick-up/Drop-off Place' }}: |
| ... | @@ -211,7 +211,7 @@ | ... | @@ -211,7 +211,7 @@ |
| 211 | <el-tag class="mr10">{{ car.carSeat }} {{ language == 0 ? '座 ' : 'Sets' }}</el-tag> | 211 | <el-tag class="mr10">{{ car.carSeat }} {{ language == 0 ? '座 ' : 'Sets' }}</el-tag> |
| 212 | <el-tag>{{ car.carColor }}</el-tag> | 212 | <el-tag>{{ car.carColor }}</el-tag> |
| 213 | </div> | 213 | </div> |
| 214 | 214 | ||
| 215 | <span v-if="car.num > 0"> {{ car.num }}{{ | 215 | <span v-if="car.num > 0"> {{ car.num }}{{ |
| 216 | language == 0 ? '辆' : 'Cars' | 216 | language == 0 ? '辆' : 'Cars' |
| 217 | }} * {{ language == 0 ? '¥' : '$' }}{{ car.price }}</span> | 217 | }} * {{ language == 0 ? '¥' : '$' }}{{ car.price }}</span> |
| ... | @@ -344,18 +344,19 @@ | ... | @@ -344,18 +344,19 @@ |
| 344 | }}{{ Number(totalFee).toFixed(2) }} | 344 | }}{{ Number(totalFee).toFixed(2) }} |
| 345 | </el-col> | 345 | </el-col> |
| 346 | </el-row> | 346 | </el-row> |
| 347 | 347 | ||
| 348 | </el-row> | 348 | </el-row> |
| 349 | 349 | ||
| 350 | </div> | 350 | </div> |
| 351 | 351 | ||
| 352 | <el-row align="middle" justify="space-between"> | 352 | <el-row align="middle" justify="space-between"> |
| 353 | <el-col :lg="12"> | 353 | <el-col :lg="12"> |
| 354 | <div v-if="form.payDate">{{ language == 0 ? '支付时间' : 'Payment Time' }}:{{ form.payDate }}</div> | 354 | <div v-if="form.payDate">{{ language == 0 ? '支付时间' : 'Payment Time' }}:{{ form.payDate }}</div> |
| 355 | <div class="mt10">{{ language == 0 ? '支付方式' : 'Payment Method' }}: | 355 | <div class="mt10">{{ language == 0 ? '支付方式' : 'Payment Method' }}: |
| 356 | <span v-if="form.paymentType=='1'">{{ language == 0 ? '微信支付' : 'WePay' }}</span> | 356 | <span v-if="form.paymentType=='1'">{{ language == 0 ? '微信支付' : 'WePay' }}</span> |
| 357 | <span v-else-if="form.paymentType=='3'">PayPal</span> | 357 | <span v-else-if="form.paymentType=='3'">PayPal</span> |
| 358 | <span v-else-if="form.paymentType=='4'|| form.paymentType=='5'">{{language == 0 ?'对公转账':'Bank Transfer'}}</span> | 358 | <span |
| 359 | v-else-if="form.paymentType=='4'|| form.paymentType=='5'">{{ language == 0 ? '对公转账' : 'Bank Transfer' }}</span> | ||
| 359 | <span v-else>--</span> | 360 | <span v-else>--</span> |
| 360 | </div> | 361 | </div> |
| 361 | </el-col> | 362 | </el-col> |
| ... | @@ -411,9 +412,11 @@ | ... | @@ -411,9 +412,11 @@ |
| 411 | {{ language == 0 ? '登录后查看明细' : 'View detailed information after logging in' }} | 412 | {{ language == 0 ? '登录后查看明细' : 'View detailed information after logging in' }} |
| 412 | </el-button> | 413 | </el-button> |
| 413 | </div> | 414 | </div> |
| 414 | 415 | ||
| 415 | <div v-if="form.viewStatus == '0'&&(form.surplus!='0,0'&&form.surplus!='0')&&form.paymentType!='4'&&form.paymentType!='5'" class="pd20"> | 416 | <div |
| 416 | 417 | v-if="form.viewStatus == '0'&&(form.surplus!='0,0'&&form.surplus!='0')&&form.paymentType!='4'&&form.paymentType!='5'" | |
| 418 | class="pd20"> | ||
| 419 | |||
| 417 | <div class="leftboderTT">{{ language == 0 ? '选择支付方式' : 'Choose payment method' }}</div> | 420 | <div class="leftboderTT">{{ language == 0 ? '选择支付方式' : 'Choose payment method' }}</div> |
| 418 | <div class="mt20"> | 421 | <div class="mt20"> |
| 419 | <el-radio-group v-model="payType"> | 422 | <el-radio-group v-model="payType"> |
| ... | @@ -459,10 +462,10 @@ | ... | @@ -459,10 +462,10 @@ |
| 459 | fill="#003087" p-id="22662"></path> | 462 | fill="#003087" p-id="22662"></path> |
| 460 | </svg> | 463 | </svg> |
| 461 | </el-radio> | 464 | </el-radio> |
| 462 | <el-radio value="4" v-if="language==0&&type=='hotel'" border> | 465 | <!-- <el-radio value="4" v-if="language==0&&type=='hotel'" border>--> |
| 463 | 对公打款 | 466 | <!-- 对公打款--> |
| 464 | </el-radio> | 467 | <!-- </el-radio>--> |
| 465 | <el-radio value="5" v-if="language==1&&type=='hotel'" border> | 468 | <el-radio v-if="language==1&&type=='hotel'" border value="5"> |
| 466 | Corporate payment | 469 | Corporate payment |
| 467 | </el-radio> | 470 | </el-radio> |
| 468 | </el-radio-group> | 471 | </el-radio-group> |
| ... | @@ -489,29 +492,29 @@ | ... | @@ -489,29 +492,29 @@ |
| 489 | </div> | 492 | </div> |
| 490 | </div> | 493 | </div> |
| 491 | </div> | 494 | </div> |
| 492 | 495 | ||
| 493 | <!-- 线下支付且待支付状态--> | 496 | <!-- 线下支付且待支付状态--> |
| 494 | <el-row v-if="(form.paymentType=='4'|| form.paymentType=='5')&&form.viewStatus=='0'" class="proofBox"> | 497 | <el-row v-if="(form.paymentType=='4'|| form.paymentType=='5')&&form.viewStatus=='0'" class="proofBox"> |
| 495 | <el-col :lg="12"> | 498 | <el-col :lg="12"> |
| 496 | <div class="flex"> | 499 | <div class="flex"> |
| 497 | <label style="width: 10em"> | 500 | <label style="width: 10em"> |
| 498 | {{ language==0?'上传缴费凭证:':'Upload proof:' }} | 501 | {{ language == 0 ? '上传缴费凭证:' : 'Upload proof:' }} |
| 499 | </label> | 502 | </label> |
| 500 | <file-upload :is-show-tip="false" v-model="form.pic" :limit="1"/> | 503 | <file-upload v-model="form.pic" :is-show-tip="false" :limit="1"/> |
| 501 | </div> | 504 | </div> |
| 502 | </el-col> | 505 | </el-col> |
| 503 | <el-col :lg="12"> | 506 | <el-col :lg="12"> |
| 504 | <el-button class="fr" text type="primary" @click="downOfflineInvoice" icon="download"> | 507 | <el-button class="fr" icon="download" text type="primary" @click="downOfflineInvoice"> |
| 505 | {{ language == 0 ? '下载缴费单' : 'Download Invoice' }} | 508 | {{ language == 0 ? '下载缴费单' : 'Download Invoice' }} |
| 506 | </el-button> | 509 | </el-button> |
| 507 | </el-col> | 510 | </el-col> |
| 508 | <!-- 如果没审批通过--> | 511 | <!-- 如果没审批通过--> |
| 509 | <el-col :lg="24" align="center" justify="center"> | 512 | <el-col :lg="24" align="center" justify="center"> |
| 510 | <el-button round type="primary" @click="submitProof">提交凭证</el-button> | 513 | <el-button round type="primary" @click="submitProof">提交凭证</el-button> |
| 511 | </el-col> | 514 | </el-col> |
| 512 | </el-row> | 515 | </el-row> |
| 513 | 516 | ||
| 514 | 517 | ||
| 515 | <el-row align="middle" class="mt20 mb60" justify="center"> | 518 | <el-row align="middle" class="mt20 mb60" justify="center"> |
| 516 | <el-col :span="24" class="text-center"> | 519 | <el-col :span="24" class="text-center"> |
| 517 | <el-button v-if="!hideconfirmbtn&&form.viewStatus == '0'" class="btn-lineG w200px" round type="primary" | 520 | <el-button v-if="!hideconfirmbtn&&form.viewStatus == '0'" class="btn-lineG w200px" round type="primary" |
| ... | @@ -524,10 +527,10 @@ | ... | @@ -524,10 +527,10 @@ |
| 524 | <el-button v-if="form.viewStatus == '0'" class="underline" link @click="cancel"> | 527 | <el-button v-if="form.viewStatus == '0'" class="underline" link @click="cancel"> |
| 525 | {{ language == 0 ? '取消订单' : 'Cancel Order' }} | 528 | {{ language == 0 ? '取消订单' : 'Cancel Order' }} |
| 526 | </el-button> | 529 | </el-button> |
| 527 | 530 | ||
| 528 | </el-col> | 531 | </el-col> |
| 529 | </el-row> | 532 | </el-row> |
| 530 | 533 | ||
| 531 | <div v-if="form.payDate&&form.viewStatus=='1'"> | 534 | <div v-if="form.payDate&&form.viewStatus=='1'"> |
| 532 | <div class="text-center"> | 535 | <div class="text-center"> |
| 533 | <el-icon color="#32B16C" size="80"> | 536 | <el-icon color="#32B16C" size="80"> |
| ... | @@ -539,7 +542,7 @@ | ... | @@ -539,7 +542,7 @@ |
| 539 | </div> | 542 | </div> |
| 540 | </el-card> | 543 | </el-card> |
| 541 | </div> | 544 | </div> |
| 542 | 545 | ||
| 543 | <div v-if="errorBox" class="box"> | 546 | <div v-if="errorBox" class="box"> |
| 544 | <el-result | 547 | <el-result |
| 545 | :sub-title="language==0?'请确认订单号是否正确':'Please confirm if the order number is correct'" | 548 | :sub-title="language==0?'请确认订单号是否正确':'Please confirm if the order number is correct'" |
| ... | @@ -554,7 +557,7 @@ | ... | @@ -554,7 +557,7 @@ |
| 554 | </el-result> | 557 | </el-result> |
| 555 | </div> | 558 | </div> |
| 556 | <Dialog ref="DialogRef"/> | 559 | <Dialog ref="DialogRef"/> |
| 557 | 560 | ||
| 558 | <el-dialog v-model="showSJDialog" :close-on-click-modal="false" :close-on-press-escape="false" | 561 | <el-dialog v-model="showSJDialog" :close-on-click-modal="false" :close-on-press-escape="false" |
| 559 | :title="language==0?'开收据':'Issue a receipt'" width="460px"> | 562 | :title="language==0?'开收据':'Issue a receipt'" width="460px"> |
| 560 | <div class="flex"> | 563 | <div class="flex"> |
| ... | @@ -574,9 +577,9 @@ | ... | @@ -574,9 +577,9 @@ |
| 574 | </el-dialog> | 577 | </el-dialog> |
| 575 | <el-dialog v-model="showOfflineSuccessDialog" :title="language==0?'提示':'Tip'" width="460px"> | 578 | <el-dialog v-model="showOfflineSuccessDialog" :title="language==0?'提示':'Tip'" width="460px"> |
| 576 | <el-result | 579 | <el-result |
| 577 | :sub-title="language==0?'请在7日内上传凭证,否则订单取消':'Please upload the payment receipt within 7 days, otherwise the order will be cancelled'" | 580 | :sub-title="language==0?'请在7日内上传凭证,否则订单取消':'Please upload the payment receipt within 7 days, otherwise the order will be cancelled'" |
| 578 | :title="language==0?'订单已提交':'Order submitted'" | 581 | :title="language==0?'订单已提交':'Order submitted'" |
| 579 | icon="success" | 582 | icon="success" |
| 580 | > | 583 | > |
| 581 | <template #extra> | 584 | <template #extra> |
| 582 | <el-button class="btn-lineG w200px" round type="primary" @click="downOfflineInvoice"> | 585 | <el-button class="btn-lineG w200px" round type="primary" @click="downOfflineInvoice"> |
| ... | @@ -726,7 +729,7 @@ function getData() { | ... | @@ -726,7 +729,7 @@ function getData() { |
| 726 | form.value.extJsonObj = JSON.parse(form.value.extJson) || {} | 729 | form.value.extJsonObj = JSON.parse(form.value.extJson) || {} |
| 727 | matchId.value = form.value.extJsonObj?.activeId | 730 | matchId.value = form.value.extJsonObj?.activeId |
| 728 | //如果对公打款- | 731 | //如果对公打款- |
| 729 | if(form.value.paymentType=='4' || form.value.paymentType=='5'){ | 732 | if (form.value.paymentType == '4' || form.value.paymentType == '5') { |
| 730 | hideconfirmbtn.value = true | 733 | hideconfirmbtn.value = true |
| 731 | } | 734 | } |
| 732 | }).catch(err => { | 735 | }).catch(err => { |
| ... | @@ -759,15 +762,15 @@ async function getTicketOrderInfoFN() { | ... | @@ -759,15 +762,15 @@ async function getTicketOrderInfoFN() { |
| 759 | form.value.extJson.message = JSON.parse(form.value.extJson.message) | 762 | form.value.extJson.message = JSON.parse(form.value.extJson.message) |
| 760 | await getDetail(form.value.extJson.ticketDate.activityId) | 763 | await getDetail(form.value.extJson.ticketDate.activityId) |
| 761 | matchId.value = form.value.extJson.ticketDate.activityId | 764 | matchId.value = form.value.extJson.ticketDate.activityId |
| 762 | 765 | ||
| 763 | totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn | 766 | totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn |
| 764 | } catch (e) { | 767 | } catch (e) { |
| 765 | console.log(e) | 768 | console.log(e) |
| 766 | } finally { | 769 | } finally { |
| 767 | 770 | ||
| 768 | } | 771 | } |
| 769 | console.log(form.value) | 772 | console.log(form.value) |
| 770 | 773 | ||
| 771 | } | 774 | } |
| 772 | 775 | ||
| 773 | async function getDetail(activeId) { | 776 | async function getDetail(activeId) { |
| ... | @@ -797,13 +800,13 @@ function goPay() { | ... | @@ -797,13 +800,13 @@ function goPay() { |
| 797 | }) | 800 | }) |
| 798 | } | 801 | } |
| 799 | if (payType.value == '4' || payType.value == '5') { | 802 | if (payType.value == '4' || payType.value == '5') { |
| 800 | //对公打款 | 803 | //对公打款 |
| 801 | booking.createOfflinePay({orderId: orderId.value}).then(res => { | 804 | booking.createOfflinePay({orderId: orderId.value}).then(res => { |
| 802 | console.log(res) | 805 | console.log(res) |
| 803 | // booking.getRoomBillPayment({orderId: orderId.value}).then(res => { | 806 | // booking.getRoomBillPayment({orderId: orderId.value}).then(res => { |
| 804 | // 显示付款单信息-上传凭证 | 807 | // 显示付款单信息-上传凭证 |
| 805 | hideconfirmbtn.value = true | 808 | hideconfirmbtn.value = true |
| 806 | showOfflineSuccessDialog.value = true | 809 | showOfflineSuccessDialog.value = true |
| 807 | // }) | 810 | // }) |
| 808 | }) | 811 | }) |
| 809 | } | 812 | } |
| ... | @@ -949,7 +952,7 @@ function exportPdf() { | ... | @@ -949,7 +952,7 @@ function exportPdf() { |
| 949 | ...obj | 952 | ...obj |
| 950 | }, `Hotel Reservation.pdf`) | 953 | }, `Hotel Reservation.pdf`) |
| 951 | } | 954 | } |
| 952 | 955 | ||
| 953 | } | 956 | } |
| 954 | 957 | ||
| 955 | // 套餐详情 | 958 | // 套餐详情 |
| ... | @@ -1003,7 +1006,7 @@ const showSJ = () => { | ... | @@ -1003,7 +1006,7 @@ const showSJ = () => { |
| 1003 | // proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, { | 1006 | // proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, { |
| 1004 | // ...obj | 1007 | // ...obj |
| 1005 | // }, `Receipt_${new Date().getTime()}.pdf`) | 1008 | // }, `Receipt_${new Date().getTime()}.pdf`) |
| 1006 | 1009 | ||
| 1007 | // 报名 | 1010 | // 报名 |
| 1008 | proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, { | 1011 | proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, { |
| 1009 | ...obj | 1012 | ...obj |
| ... | @@ -1023,7 +1026,7 @@ const downOfflineInvoice = () => { | ... | @@ -1023,7 +1026,7 @@ const downOfflineInvoice = () => { |
| 1023 | } | 1026 | } |
| 1024 | const submitProof = () => { | 1027 | const submitProof = () => { |
| 1025 | //提交凭证 | 1028 | //提交凭证 |
| 1026 | if(!form.value.pic){ | 1029 | if (!form.value.pic) { |
| 1027 | ElMessage.warning(language.value == 0 ? '请上传凭证' : 'Please upload a voucher') | 1030 | ElMessage.warning(language.value == 0 ? '请上传凭证' : 'Please upload a voucher') |
| 1028 | return | 1031 | return |
| 1029 | } | 1032 | } |
| ... | @@ -1081,27 +1084,27 @@ const submitProof = () => { | ... | @@ -1081,27 +1084,27 @@ const submitProof = () => { |
| 1081 | width: 100%; | 1084 | width: 100%; |
| 1082 | max-width: 1000px; | 1085 | max-width: 1000px; |
| 1083 | margin: 20px auto; | 1086 | margin: 20px auto; |
| 1084 | 1087 | ||
| 1085 | .head { | 1088 | .head { |
| 1086 | background: #EFF2F7; | 1089 | background: #EFF2F7; |
| 1087 | height: 50px; | 1090 | height: 50px; |
| 1088 | font-size: 16px; | 1091 | font-size: 16px; |
| 1089 | font-weight: 400; | 1092 | font-weight: 400; |
| 1090 | } | 1093 | } |
| 1091 | 1094 | ||
| 1092 | th { | 1095 | th { |
| 1093 | background: #FAFBFD; | 1096 | background: #FAFBFD; |
| 1094 | font-size: 14px; | 1097 | font-size: 14px; |
| 1095 | border-bottom: 1px solid #E5E5E5; | 1098 | border-bottom: 1px solid #E5E5E5; |
| 1096 | border-right: 1px solid #E5E5E5; | 1099 | border-right: 1px solid #E5E5E5; |
| 1097 | } | 1100 | } |
| 1098 | 1101 | ||
| 1099 | td { | 1102 | td { |
| 1100 | border-bottom: 1px solid #E5E5E5; | 1103 | border-bottom: 1px solid #E5E5E5; |
| 1101 | border-right: 1px solid #E5E5E5; | 1104 | border-right: 1px solid #E5E5E5; |
| 1102 | padding: 10px; | 1105 | padding: 10px; |
| 1103 | } | 1106 | } |
| 1104 | 1107 | ||
| 1105 | &.table-border { | 1108 | &.table-border { |
| 1106 | border-top: 1px solid #E5E5E5; | 1109 | border-top: 1px solid #E5E5E5; |
| 1107 | border-left: 1px solid #E5E5E5; | 1110 | border-left: 1px solid #E5E5E5; |
| ... | @@ -1120,23 +1123,23 @@ const submitProof = () => { | ... | @@ -1120,23 +1123,23 @@ const submitProof = () => { |
| 1120 | 1123 | ||
| 1121 | .result { | 1124 | .result { |
| 1122 | font-size: 22px; | 1125 | font-size: 22px; |
| 1123 | 1126 | ||
| 1124 | .flex { | 1127 | .flex { |
| 1125 | display: flex; | 1128 | display: flex; |
| 1126 | align-items: center; | 1129 | align-items: center; |
| 1127 | font-weight: 500; | 1130 | font-weight: 500; |
| 1128 | 1131 | ||
| 1129 | img { | 1132 | img { |
| 1130 | margin-right: 10px | 1133 | margin-right: 10px |
| 1131 | } | 1134 | } |
| 1132 | } | 1135 | } |
| 1133 | 1136 | ||
| 1134 | .priceb { | 1137 | .priceb { |
| 1135 | color: #7B7F83; | 1138 | color: #7B7F83; |
| 1136 | font-size: 16px; | 1139 | font-size: 16px; |
| 1137 | text-align: right; | 1140 | text-align: right; |
| 1138 | line-height: 50px; | 1141 | line-height: 50px; |
| 1139 | 1142 | ||
| 1140 | span { | 1143 | span { |
| 1141 | font-weight: bold; | 1144 | font-weight: bold; |
| 1142 | font-size: 22px; | 1145 | font-size: 22px; |
| ... | @@ -1149,7 +1152,7 @@ const submitProof = () => { | ... | @@ -1149,7 +1152,7 @@ const submitProof = () => { |
| 1149 | .skeletonBox { | 1152 | .skeletonBox { |
| 1150 | position: relative; | 1153 | position: relative; |
| 1151 | overflow: hidden; | 1154 | overflow: hidden; |
| 1152 | 1155 | ||
| 1153 | .btn-lineG { | 1156 | .btn-lineG { |
| 1154 | position: absolute; | 1157 | position: absolute; |
| 1155 | left: 0; | 1158 | left: 0; |
| ... | @@ -1159,7 +1162,7 @@ const submitProof = () => { | ... | @@ -1159,7 +1162,7 @@ const submitProof = () => { |
| 1159 | bottom: 0; | 1162 | bottom: 0; |
| 1160 | width: 200px; | 1163 | width: 200px; |
| 1161 | box-shadow: 0 0 1000px 500px rgba(255, 255, 255, 0.5); | 1164 | box-shadow: 0 0 1000px 500px rgba(255, 255, 255, 0.5); |
| 1162 | 1165 | ||
| 1163 | } | 1166 | } |
| 1164 | } | 1167 | } |
| 1165 | 1168 | ||
| ... | @@ -1171,26 +1174,26 @@ const submitProof = () => { | ... | @@ -1171,26 +1174,26 @@ const submitProof = () => { |
| 1171 | 1174 | ||
| 1172 | .priceBar { | 1175 | .priceBar { |
| 1173 | padding: 0 0 20px; | 1176 | padding: 0 0 20px; |
| 1174 | 1177 | ||
| 1175 | .flex { | 1178 | .flex { |
| 1176 | display: flex; | 1179 | display: flex; |
| 1177 | justify-content: right; | 1180 | justify-content: right; |
| 1178 | align-items: baseline; | 1181 | align-items: baseline; |
| 1179 | 1182 | ||
| 1180 | .item { | 1183 | .item { |
| 1181 | font-size: 16px; | 1184 | font-size: 16px; |
| 1182 | margin-right: 15px; | 1185 | margin-right: 15px; |
| 1183 | 1186 | ||
| 1184 | label { | 1187 | label { |
| 1185 | color: #95A1A6; | 1188 | color: #95A1A6; |
| 1186 | } | 1189 | } |
| 1187 | 1190 | ||
| 1188 | span { | 1191 | span { |
| 1189 | font-family: DIN Alternate; | 1192 | font-family: DIN Alternate; |
| 1190 | } | 1193 | } |
| 1191 | } | 1194 | } |
| 1192 | } | 1195 | } |
| 1193 | 1196 | ||
| 1194 | .size26 { | 1197 | .size26 { |
| 1195 | font-size: 26px; | 1198 | font-size: 26px; |
| 1196 | } | 1199 | } |
| ... | @@ -1205,5 +1208,10 @@ const submitProof = () => { | ... | @@ -1205,5 +1208,10 @@ const submitProof = () => { |
| 1205 | .price { | 1208 | .price { |
| 1206 | color: orange; | 1209 | color: orange; |
| 1207 | } | 1210 | } |
| 1208 | .proofBox{padding: 20px;margin: 0 20px;border: 1px dashed #999;} | 1211 | |
| 1212 | .proofBox { | ||
| 1213 | padding: 20px; | ||
| 1214 | margin: 0 20px; | ||
| 1215 | border: 1px dashed #999; | ||
| 1216 | } | ||
| 1209 | </style> | 1217 | </style> | ... | ... |
| ... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
| 9 | <div v-if="isLogin"> | 9 | <div v-if="isLogin"> |
| 10 | <group-info-row v-if="groupId" :group-id="groupId" :match-id="matchId"/> | 10 | <group-info-row v-if="groupId" :group-id="groupId" :match-id="matchId"/> |
| 11 | <coach-info-row v-if="groupId" :group-id="groupId" :match-id="matchId"/> | 11 | <coach-info-row v-if="groupId" :group-id="groupId" :match-id="matchId"/> |
| 12 | 12 | ||
| 13 | <div v-if="user.utype=='1'&&myMemberTable.length>0" class="pd20"> | 13 | <div v-if="user.utype=='1'&&myMemberTable.length>0" class="pd20"> |
| 14 | <div class="leftboderTT">{{ language == 0 ? '随行人员清单' : 'List of accompanying personnel' }} | 14 | <div class="leftboderTT">{{ language == 0 ? '随行人员清单' : 'List of accompanying personnel' }} |
| 15 | </div> | 15 | </div> |
| ... | @@ -75,7 +75,7 @@ | ... | @@ -75,7 +75,7 @@ |
| 75 | </el-icon> | 75 | </el-icon> |
| 76 | {{ language == 0 ? '导出设项报名清单' : 'Export LIST OF REGISTERED COMPETITIONS' }} | 76 | {{ language == 0 ? '导出设项报名清单' : 'Export LIST OF REGISTERED COMPETITIONS' }} |
| 77 | </el-link> | 77 | </el-link> |
| 78 | 78 | ||
| 79 | <el-link type="primary" @click="exportPdf"> | 79 | <el-link type="primary" @click="exportPdf"> |
| 80 | <el-icon> | 80 | <el-icon> |
| 81 | <Upload/> | 81 | <Upload/> |
| ... | @@ -105,7 +105,7 @@ | ... | @@ -105,7 +105,7 @@ |
| 105 | </el-button> | 105 | </el-button> |
| 106 | </div> | 106 | </div> |
| 107 | </el-card> | 107 | </el-card> |
| 108 | 108 | ||
| 109 | <el-card class="mt20 mb20"> | 109 | <el-card class="mt20 mb20"> |
| 110 | <el-row class="result"> | 110 | <el-row class="result"> |
| 111 | <el-col :lg="12"> | 111 | <el-col :lg="12"> |
| ... | @@ -227,7 +227,7 @@ | ... | @@ -227,7 +227,7 @@ |
| 227 | </svg> | 227 | </svg> |
| 228 | </el-radio> | 228 | </el-radio> |
| 229 | </el-radio-group> | 229 | </el-radio-group> |
| 230 | 230 | ||
| 231 | <div v-if="payType == '2'&&wePayCodeUrl"> | 231 | <div v-if="payType == '2'&&wePayCodeUrl"> |
| 232 | <div class="payImgbox flexCenter"> | 232 | <div class="payImgbox flexCenter"> |
| 233 | <div> | 233 | <div> |
| ... | @@ -249,9 +249,10 @@ | ... | @@ -249,9 +249,10 @@ |
| 249 | please refresh the page | 249 | please refresh the page |
| 250 | </div> | 250 | </div> |
| 251 | </div> | 251 | </div> |
| 252 | 252 | ||
| 253 | <div v-if="payType == '3'"> | 253 | <div v-if="payType == '3'"> |
| 254 | <table cellpadding="0" cellspacing="0" class="table-border table"> | 254 | <table cellpadding="0" cellspacing="0" class="table-border table"> |
| 255 | <tbody> | ||
| 255 | <tr> | 256 | <tr> |
| 256 | <th class="head" colspan="2"> | 257 | <th class="head" colspan="2"> |
| 257 | {{ language == 0 ? '线下缴费的收款信息' : 'Offline Payment Collection Information' }} | 258 | {{ language == 0 ? '线下缴费的收款信息' : 'Offline Payment Collection Information' }} |
| ... | @@ -313,8 +314,8 @@ | ... | @@ -313,8 +314,8 @@ |
| 313 | <span v-else class="text-danger size12">*You can confirm with the contact person by phone after uploading the remittance form. The specific payment results can be viewed in the My Registration section of the personal center to check the progress</span> | 314 | <span v-else class="text-danger size12">*You can confirm with the contact person by phone after uploading the remittance form. The specific payment results can be viewed in the My Registration section of the personal center to check the progress</span> |
| 314 | </td> | 315 | </td> |
| 315 | </tr> | 316 | </tr> |
| 317 | </tbody> | ||
| 316 | </table> | 318 | </table> |
| 317 | |||
| 318 | <div class="text-center"> | 319 | <div class="text-center"> |
| 319 | <el-button class="btn-lineG w200px" round type="primary" @click="upRR">{{ | 320 | <el-button class="btn-lineG w200px" round type="primary" @click="upRR">{{ |
| 320 | language == 0 ? '保存' : 'Save' | 321 | language == 0 ? '保存' : 'Save' |
| ... | @@ -336,7 +337,7 @@ | ... | @@ -336,7 +337,7 @@ |
| 336 | </el-icon> | 337 | </el-icon> |
| 337 | <p class="text-success">{{ language == 0 ? '支付成功' : 'successful!' }}</p> | 338 | <p class="text-success">{{ language == 0 ? '支付成功' : 'successful!' }}</p> |
| 338 | <h3 class="wePrice">{{ language == 0 ? '¥' : '$' }}{{ form.totalFee || 0 }}</h3> | 339 | <h3 class="wePrice">{{ language == 0 ? '¥' : '$' }}{{ form.totalFee || 0 }}</h3> |
| 339 | 340 | ||
| 340 | <el-button v-if="language != 0" class="btn-lineG w200px" round type="primary" @click="downInvoice"> | 341 | <el-button v-if="language != 0" class="btn-lineG w200px" round type="primary" @click="downInvoice"> |
| 341 | {{ language == 0 ? '下载收据' : 'DownLoad Invoice' }} | 342 | {{ language == 0 ? '下载收据' : 'DownLoad Invoice' }} |
| 342 | </el-button> | 343 | </el-button> |
| ... | @@ -357,7 +358,7 @@ | ... | @@ -357,7 +358,7 @@ |
| 357 | </div> | 358 | </div> |
| 358 | </el-card> | 359 | </el-card> |
| 359 | </div> | 360 | </div> |
| 360 | 361 | ||
| 361 | <div v-if="errorBox" class="box"> | 362 | <div v-if="errorBox" class="box"> |
| 362 | <el-result | 363 | <el-result |
| 363 | :sub-title="language==0?'请确认订单号是否正确':'Please confirm if the order number is correct'" | 364 | :sub-title="language==0?'请确认订单号是否正确':'Please confirm if the order number is correct'" |
| ... | @@ -371,7 +372,7 @@ | ... | @@ -371,7 +372,7 @@ |
| 371 | </template> | 372 | </template> |
| 372 | </el-result> | 373 | </el-result> |
| 373 | </div> | 374 | </div> |
| 374 | 375 | ||
| 375 | <el-dialog v-model="showSJDialog" :close-on-click-modal="false" :close-on-press-escape="false" | 376 | <el-dialog v-model="showSJDialog" :close-on-click-modal="false" :close-on-press-escape="false" |
| 376 | :title="language==0?'开收据':'Issue a receipt'" width="460px"> | 377 | :title="language==0?'开收据':'Issue a receipt'" width="460px"> |
| 377 | <div class="flex"> | 378 | <div class="flex"> |
| ... | @@ -389,7 +390,7 @@ | ... | @@ -389,7 +390,7 @@ |
| 389 | </div> | 390 | </div> |
| 390 | </div> | 391 | </div> |
| 391 | </el-dialog> | 392 | </el-dialog> |
| 392 | 393 | ||
| 393 | </div> | 394 | </div> |
| 394 | </template> | 395 | </template> |
| 395 | 396 | ||
| ... | @@ -460,7 +461,7 @@ onMounted(() => { | ... | @@ -460,7 +461,7 @@ onMounted(() => { |
| 460 | } | 461 | } |
| 461 | var is_mobile = navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null; | 462 | var is_mobile = navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null; |
| 462 | console.log(is_mobile) | 463 | console.log(is_mobile) |
| 463 | 464 | ||
| 464 | if (is_mobile) { | 465 | if (is_mobile) { |
| 465 | isphone.value = true | 466 | isphone.value = true |
| 466 | } else { | 467 | } else { |
| ... | @@ -524,7 +525,7 @@ function getSignList() { | ... | @@ -524,7 +525,7 @@ function getSignList() { |
| 524 | }).catch(err => { | 525 | }).catch(err => { |
| 525 | if (isLogin.value) { | 526 | if (isLogin.value) { |
| 526 | router.push({name: 'myMatch'}) | 527 | router.push({name: 'myMatch'}) |
| 527 | 528 | ||
| 528 | } | 529 | } |
| 529 | }) | 530 | }) |
| 530 | } | 531 | } |
| ... | @@ -617,7 +618,7 @@ function exportSignList(n) { | ... | @@ -617,7 +618,7 @@ function exportSignList(n) { |
| 617 | ...obj | 618 | ...obj |
| 618 | }, `${fileName}_${new Date().getTime()}.xlsx`) | 619 | }, `${fileName}_${new Date().getTime()}.xlsx`) |
| 619 | } | 620 | } |
| 620 | 621 | ||
| 621 | } | 622 | } |
| 622 | 623 | ||
| 623 | function exportPdf() { | 624 | function exportPdf() { |
| ... | @@ -637,7 +638,7 @@ function exportPdf() { | ... | @@ -637,7 +638,7 @@ function exportPdf() { |
| 637 | ...obj | 638 | ...obj |
| 638 | }, `${fileName}_${new Date().getTime()}.pdf`) | 639 | }, `${fileName}_${new Date().getTime()}.pdf`) |
| 639 | } | 640 | } |
| 640 | 641 | ||
| 641 | } | 642 | } |
| 642 | 643 | ||
| 643 | function copy(str) { | 644 | function copy(str) { |
| ... | @@ -747,27 +748,27 @@ const showSJ = () => { | ... | @@ -747,27 +748,27 @@ const showSJ = () => { |
| 747 | width: 100%; | 748 | width: 100%; |
| 748 | max-width: 1000px; | 749 | max-width: 1000px; |
| 749 | margin: 20px auto; | 750 | margin: 20px auto; |
| 750 | 751 | ||
| 751 | .head { | 752 | .head { |
| 752 | background: #EFF2F7; | 753 | background: #EFF2F7; |
| 753 | height: 50px; | 754 | height: 50px; |
| 754 | font-size: 16px; | 755 | font-size: 16px; |
| 755 | font-weight: 400; | 756 | font-weight: 400; |
| 756 | } | 757 | } |
| 757 | 758 | ||
| 758 | th { | 759 | th { |
| 759 | background: #FAFBFD; | 760 | background: #FAFBFD; |
| 760 | font-size: 14px; | 761 | font-size: 14px; |
| 761 | border-bottom: 1px solid #E5E5E5; | 762 | border-bottom: 1px solid #E5E5E5; |
| 762 | border-right: 1px solid #E5E5E5; | 763 | border-right: 1px solid #E5E5E5; |
| 763 | } | 764 | } |
| 764 | 765 | ||
| 765 | td { | 766 | td { |
| 766 | border-bottom: 1px solid #E5E5E5; | 767 | border-bottom: 1px solid #E5E5E5; |
| 767 | border-right: 1px solid #E5E5E5; | 768 | border-right: 1px solid #E5E5E5; |
| 768 | padding: 10px; | 769 | padding: 10px; |
| 769 | } | 770 | } |
| 770 | 771 | ||
| 771 | &.table-border { | 772 | &.table-border { |
| 772 | border-top: 1px solid #E5E5E5; | 773 | border-top: 1px solid #E5E5E5; |
| 773 | border-left: 1px solid #E5E5E5; | 774 | border-left: 1px solid #E5E5E5; |
| ... | @@ -786,23 +787,23 @@ const showSJ = () => { | ... | @@ -786,23 +787,23 @@ const showSJ = () => { |
| 786 | 787 | ||
| 787 | .result { | 788 | .result { |
| 788 | font-size: 22px; | 789 | font-size: 22px; |
| 789 | 790 | ||
| 790 | .flex { | 791 | .flex { |
| 791 | display: flex; | 792 | display: flex; |
| 792 | align-items: center; | 793 | align-items: center; |
| 793 | font-weight: 500; | 794 | font-weight: 500; |
| 794 | 795 | ||
| 795 | img { | 796 | img { |
| 796 | margin-right: 10px | 797 | margin-right: 10px |
| 797 | } | 798 | } |
| 798 | } | 799 | } |
| 799 | 800 | ||
| 800 | .priceb { | 801 | .priceb { |
| 801 | color: #7B7F83; | 802 | color: #7B7F83; |
| 802 | font-size: 16px; | 803 | font-size: 16px; |
| 803 | text-align: right; | 804 | text-align: right; |
| 804 | line-height: 50px; | 805 | line-height: 50px; |
| 805 | 806 | ||
| 806 | span { | 807 | span { |
| 807 | font-weight: bold; | 808 | font-weight: bold; |
| 808 | font-size: 22px; | 809 | font-size: 22px; |
| ... | @@ -815,7 +816,7 @@ const showSJ = () => { | ... | @@ -815,7 +816,7 @@ const showSJ = () => { |
| 815 | .skeletonBox { | 816 | .skeletonBox { |
| 816 | position: relative; | 817 | position: relative; |
| 817 | overflow: hidden; | 818 | overflow: hidden; |
| 818 | 819 | ||
| 819 | .btn-lineG { | 820 | .btn-lineG { |
| 820 | position: absolute; | 821 | position: absolute; |
| 821 | left: 0; | 822 | left: 0; |
| ... | @@ -825,7 +826,7 @@ const showSJ = () => { | ... | @@ -825,7 +826,7 @@ const showSJ = () => { |
| 825 | bottom: 0; | 826 | bottom: 0; |
| 826 | width: 200px; | 827 | width: 200px; |
| 827 | box-shadow: 0 0 1000px 500px rgba(255, 255, 255, 0.5); | 828 | box-shadow: 0 0 1000px 500px rgba(255, 255, 255, 0.5); |
| 828 | 829 | ||
| 829 | } | 830 | } |
| 830 | } | 831 | } |
| 831 | 832 | ||
| ... | @@ -837,26 +838,26 @@ const showSJ = () => { | ... | @@ -837,26 +838,26 @@ const showSJ = () => { |
| 837 | 838 | ||
| 838 | .priceBar { | 839 | .priceBar { |
| 839 | padding: 0 0 20px; | 840 | padding: 0 0 20px; |
| 840 | 841 | ||
| 841 | .flex { | 842 | .flex { |
| 842 | display: flex; | 843 | display: flex; |
| 843 | justify-content: right; | 844 | justify-content: right; |
| 844 | align-items: baseline; | 845 | align-items: baseline; |
| 845 | 846 | ||
| 846 | .item { | 847 | .item { |
| 847 | font-size: 16px; | 848 | font-size: 16px; |
| 848 | margin-right: 15px; | 849 | margin-right: 15px; |
| 849 | 850 | ||
| 850 | label { | 851 | label { |
| 851 | color: #95A1A6; | 852 | color: #95A1A6; |
| 852 | } | 853 | } |
| 853 | 854 | ||
| 854 | span { | 855 | span { |
| 855 | font-family: DIN Alternate; | 856 | font-family: DIN Alternate; |
| 856 | } | 857 | } |
| 857 | } | 858 | } |
| 858 | } | 859 | } |
| 859 | 860 | ||
| 860 | .size26 { | 861 | .size26 { |
| 861 | font-size: 26px; | 862 | font-size: 26px; |
| 862 | } | 863 | } | ... | ... |
-
Please register or sign in to post a comment