保险
Showing
4 changed files
with
47 additions
and
17 deletions
This diff is collapsed.
Click to expand it.
| ... | @@ -481,7 +481,7 @@ function submitForm(n) { | ... | @@ -481,7 +481,7 @@ function submitForm(n) { |
| 481 | 481 | ||
| 482 | function commit() { | 482 | function commit() { |
| 483 | if (language.value == 0 && insuranceFlag.value == 2 && checked.value == '0') { | 483 | if (language.value == 0 && insuranceFlag.value == 2 && checked.value == '0') { |
| 484 | ElMessageBox.confirm(language.value == 0 ? '你是否同意赛事放帮忙购买保险?' : 'Do you agree to have the event organizer help purchase insurance?', | 484 | ElMessageBox.confirm(language.value == 0 ? '你是否同意赛事方帮忙购买保险?' : 'Do you agree to have the event organizer help purchase insurance?', |
| 485 | language.value == 0 ? '提示' : 'Tip', { | 485 | language.value == 0 ? '提示' : 'Tip', { |
| 486 | confirmButtonText: language.value == 0 ? '是' : 'Yes', | 486 | confirmButtonText: language.value == 0 ? '是' : 'Yes', |
| 487 | cancelButtonText: language.value == 0 ? '否,进入下一步' : 'NO,Go Next', | 487 | cancelButtonText: language.value == 0 ? '否,进入下一步' : 'NO,Go Next', | ... | ... |
| ... | @@ -437,7 +437,7 @@ function submitForm() { | ... | @@ -437,7 +437,7 @@ function submitForm() { |
| 437 | type: 'warning' | 437 | type: 'warning' |
| 438 | }) | 438 | }) |
| 439 | } else if (language.value == 0 && insuranceFlag.value == '2' && checked.value == 0) { | 439 | } else if (language.value == 0 && insuranceFlag.value == '2' && checked.value == 0) { |
| 440 | ElMessageBox.confirm(language.value == 0 ? '你是否同意赛事放帮忙购买保险?' : 'Do you agree to have the event organizer help purchase insurance?', | 440 | ElMessageBox.confirm(language.value == 0 ? '你是否同意赛事方帮忙购买保险?' : 'Do you agree to have the event organizer help purchase insurance?', |
| 441 | language.value == 0 ? '提示' : 'Tip', { | 441 | language.value == 0 ? '提示' : 'Tip', { |
| 442 | confirmButtonText: language.value == 0 ? '是' : 'Yes', | 442 | confirmButtonText: language.value == 0 ? '是' : 'Yes', |
| 443 | cancelButtonText: language.value == 0 ? '否,进入下一步' : 'NO,Go Next', | 443 | cancelButtonText: language.value == 0 ? '否,进入下一步' : 'NO,Go Next', | ... | ... |
| ... | @@ -3,7 +3,9 @@ | ... | @@ -3,7 +3,9 @@ |
| 3 | <div v-if="!errorBox" class="box"> | 3 | <div v-if="!errorBox" class="box"> |
| 4 | <el-card :body-style="{ padding: '0px' }" class="mt20"> | 4 | <el-card :body-style="{ padding: '0px' }" class="mt20"> |
| 5 | <div slot="header"> | 5 | <div slot="header"> |
| 6 | <div class="bg-lineg">{{ language == 0 ? '报名缴费清单' : 'Registration Payment List' }}</div> | 6 | <div class="bg-lineg"> |
| 7 | {{ language == 0 ? '报名缴费清单' : 'Registration Payment List' }} | ||
| 8 | </div> | ||
| 7 | </div> | 9 | </div> |
| 8 | <match-info-row v-if="matchId" :match-id="matchId" /> | 10 | <match-info-row v-if="matchId" :match-id="matchId" /> |
| 9 | <div v-if="isLogin"> | 11 | <div v-if="isLogin"> |
| ... | @@ -11,7 +13,8 @@ | ... | @@ -11,7 +13,8 @@ |
| 11 | <coach-info-row v-if="groupId" :group-id="groupId" :match-id="matchId" /> | 13 | <coach-info-row v-if="groupId" :group-id="groupId" :match-id="matchId" /> |
| 12 | 14 | ||
| 13 | <div v-if="user.utype=='1'&&myMemberTable.length>0" class="pd20"> | 15 | <div v-if="user.utype=='1'&&myMemberTable.length>0" class="pd20"> |
| 14 | <div class="leftboderTT">{{ language == 0 ? '随行人员清单' : 'List of accompanying personnel' }} | 16 | <div class="leftboderTT"> |
| 17 | {{ language == 0 ? '随行人员清单' : 'List of accompanying personnel' }} | ||
| 15 | </div> | 18 | </div> |
| 16 | <div> | 19 | <div> |
| 17 | <el-table :data="myMemberTable" border class="mt20"> | 20 | <el-table :data="myMemberTable" border class="mt20"> |
| ... | @@ -41,7 +44,9 @@ | ... | @@ -41,7 +44,9 @@ |
| 41 | </div> | 44 | </div> |
| 42 | </div> | 45 | </div> |
| 43 | <div v-if="signInfoList?.length>0||zuQuery.athName" class="pd20"> | 46 | <div v-if="signInfoList?.length>0||zuQuery.athName" class="pd20"> |
| 44 | <div class="leftboderTT">{{ language == 0 ? '参赛人员保险费' : 'Participant Insurance Fee' }} | 47 | <div class="leftboderTT"> |
| 48 | <!-- {{ language == 0 ? '' + '参赛人员保险费' : 'Participant Insurance Fee' }}--> | ||
| 49 | {{ language == 0 ? '' + '参赛人员' : 'Participant' }} | ||
| 45 | <div class="fr"> | 50 | <div class="fr"> |
| 46 | <el-input | 51 | <el-input |
| 47 | v-model="zuQuery.athName" :prefix-icon="Search" clearable | 52 | v-model="zuQuery.athName" :prefix-icon="Search" clearable |
| ... | @@ -51,12 +56,18 @@ | ... | @@ -51,12 +56,18 @@ |
| 51 | </div> | 56 | </div> |
| 52 | <!-- 人员列表--> | 57 | <!-- 人员列表--> |
| 53 | <sign-info-table | 58 | <sign-info-table |
| 54 | v-if="matchId" :has-action="false" :list="signInfoList" :match-id="matchId" | 59 | v-if="matchId" |
| 55 | :show-summary="true" :total="insuranceFeeTotal" class="mt20" | 60 | :has-action="false" |
| 61 | :list="signInfoList" | ||
| 62 | :match-id="matchId" | ||
| 63 | :show-summary="buy==1" | ||
| 64 | :total="insuranceFeeTotal" | ||
| 65 | class="mt20" | ||
| 56 | /> | 66 | /> |
| 57 | </div> | 67 | </div> |
| 58 | <div v-if="zuTableList?.length>0||zuQuery.groName" class="pd20"> | 68 | <div v-if="zuTableList?.length>0||zuQuery.groName" class="pd20"> |
| 59 | <div class="leftboderTT">{{ language == 0 ? '参赛设项服务费' : 'Registration Fee for Event Entry' }} | 69 | <div class="leftboderTT"> |
| 70 | {{ language == 0 ? '参赛设项服务费' : 'Registration Fee for Event Entry' }} | ||
| 60 | <div class="fr"> | 71 | <div class="fr"> |
| 61 | <el-input | 72 | <el-input |
| 62 | v-model="zuQuery.groName" :prefix-icon="Search" clearable | 73 | v-model="zuQuery.groName" :prefix-icon="Search" clearable |
| ... | @@ -65,7 +76,10 @@ | ... | @@ -65,7 +76,10 @@ |
| 65 | </div> | 76 | </div> |
| 66 | </div> | 77 | </div> |
| 67 | <zu-table | 78 | <zu-table |
| 68 | :has-action="false" :list="zuTableList" :show-summary="true" :total="serviceFeeTotal" | 79 | :has-action="false" |
| 80 | :list="zuTableList" | ||
| 81 | :show-summary="true" | ||
| 82 | :total="serviceFeeTotal" | ||
| 69 | class="mt20" | 83 | class="mt20" |
| 70 | /> | 84 | /> |
| 71 | </div> | 85 | </div> |
| ... | @@ -96,12 +110,13 @@ | ... | @@ -96,12 +110,13 @@ |
| 96 | <div v-if="signInfoList?.length>0" class="item"><label>{{ | 110 | <div v-if="signInfoList?.length>0" class="item"><label>{{ |
| 97 | language == 0 ? '参赛服务费' : 'REGISTRATION FEE' | 111 | language == 0 ? '参赛服务费' : 'REGISTRATION FEE' |
| 98 | }}:</label><span>{{ language == 0 ? '¥' : '€' }}{{ serviceFeeTotal }}</span></div> | 112 | }}:</label><span>{{ language == 0 ? '¥' : '€' }}{{ serviceFeeTotal }}</span></div> |
| 99 | <div v-if="zuTableList?.length>0" class="item"><label>{{ | 113 | <div v-if="zuTableList?.length>0 &&buy!='0'" class="item"><label>{{ |
| 100 | language == 0 ? '保险费' : 'INSURANCE' | 114 | language == 0 ? '保险费' : 'INSURANCE' |
| 101 | }}:</label><span>{{ language == 0 ? '¥' : '€' }}{{ insuranceFeeTotal }}</span></div> | 115 | }}:</label><span>{{ language == 0 ? '¥' : '€' }}{{ insuranceFeeTotal }}</span></div> |
| 102 | <div class="item"><label>{{ language == 0 ? '费用总计' : 'Total Cost' }}:</label><span | 116 | <div class="item"> |
| 103 | class="size26" | 117 | <label>{{ language == 0 ? '费用总计' : 'Total Cost' }}:</label> |
| 104 | >{{ language == 0 ? '¥' : '€' }}{{ form.totalFee }}</span></div> | 118 | <span class="size26">{{ language == 0 ? '¥' : '€' }}{{ form.totalFee }}</span> |
| 119 | </div> | ||
| 105 | </div> | 120 | </div> |
| 106 | </el-col> | 121 | </el-col> |
| 107 | </el-row> | 122 | </el-row> |
| ... | @@ -162,7 +177,9 @@ | ... | @@ -162,7 +177,9 @@ |
| 162 | </el-row> | 177 | </el-row> |
| 163 | </el-card> | 178 | </el-card> |
| 164 | <el-card v-if="form.auditStatus=='2'&&form.payStatus=='0'&&Number(form.totalFee)>0" class="mb60"> | 179 | <el-card v-if="form.auditStatus=='2'&&form.payStatus=='0'&&Number(form.totalFee)>0" class="mb60"> |
| 165 | <div class="leftboderTT">{{ language == 0 ? '选择支付方式' : 'Choose payment method' }}</div> | 180 | <div class="leftboderTT"> |
| 181 | {{ language == 0 ? '选择支付方式' : 'Choose payment method' }} | ||
| 182 | </div> | ||
| 166 | <div class="mt20"> | 183 | <div class="mt20"> |
| 167 | <el-radio-group v-model="payType" @change="changePaytype"> | 184 | <el-radio-group v-model="payType" @change="changePaytype"> |
| 168 | <!-- 0 线下 1 支付宝 2 微信 3 paypal--> | 185 | <!-- 0 线下 1 支付宝 2 微信 3 paypal--> |
| ... | @@ -291,6 +308,7 @@ | ... | @@ -291,6 +308,7 @@ |
| 291 | 308 | ||
| 292 | <div v-if="payType == '3'"> | 309 | <div v-if="payType == '3'"> |
| 293 | <table cellpadding="0" cellspacing="0" class="table-border table"> | 310 | <table cellpadding="0" cellspacing="0" class="table-border table"> |
| 311 | <tbody> | ||
| 294 | <tr> | 312 | <tr> |
| 295 | <th class="head" colspan="2"> | 313 | <th class="head" colspan="2"> |
| 296 | {{ language == 0 ? '线下缴费的收款信息' : 'Offline Payment Collection Information' }} | 314 | {{ language == 0 ? '线下缴费的收款信息' : 'Offline Payment Collection Information' }} |
| ... | @@ -358,6 +376,8 @@ | ... | @@ -358,6 +376,8 @@ |
| 358 | <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> | 376 | <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> |
| 359 | </td> | 377 | </td> |
| 360 | </tr> | 378 | </tr> |
| 379 | </tbody> | ||
| 380 | |||
| 361 | </table> | 381 | </table> |
| 362 | 382 | ||
| 363 | <div class="text-center"> | 383 | <div class="text-center"> |
| ... | @@ -432,7 +452,9 @@ | ... | @@ -432,7 +452,9 @@ |
| 432 | </el-form-item> | 452 | </el-form-item> |
| 433 | </div> | 453 | </div> |
| 434 | <div class="tip mt20"> | 454 | <div class="tip mt20"> |
| 435 | <label>{{ language == 0 ? '开电子收据须知' : 'Receipt notice' }}:</label> | 455 | <label> |
| 456 | {{ language == 0 ? '开电子收据须知' : 'Receipt notice' }}: | ||
| 457 | </label> | ||
| 436 | <div class="pd10"> | 458 | <div class="pd10"> |
| 437 | {{ remark }} | 459 | {{ remark }} |
| 438 | </div> | 460 | </div> |
| ... | @@ -467,6 +489,7 @@ import { useStorage } from '@vueuse/core/index' | ... | @@ -467,6 +489,7 @@ import { useStorage } from '@vueuse/core/index' |
| 467 | import { ElMessage, ElMessageBox } from 'element-plus' | 489 | import { ElMessage, ElMessageBox } from 'element-plus' |
| 468 | import { getBaseInfoByActiveId, getReceipt } from '@/apiPc/booking' | 490 | import { getBaseInfoByActiveId, getReceipt } from '@/apiPc/booking' |
| 469 | 491 | ||
| 492 | const buy = ref(route.query.buy || '0') | ||
| 470 | const isLogin = ref(false) | 493 | const isLogin = ref(false) |
| 471 | const language = useStorage('language', 0) | 494 | const language = useStorage('language', 0) |
| 472 | const signInfoList = ref([]) | 495 | const signInfoList = ref([]) |
| ... | @@ -486,7 +509,8 @@ const insuranceFeeTotal = ref(0) | ... | @@ -486,7 +509,8 @@ const insuranceFeeTotal = ref(0) |
| 486 | const serviceFeeTotal = ref(0) | 509 | const serviceFeeTotal = ref(0) |
| 487 | const zuQuery = ref({ | 510 | const zuQuery = ref({ |
| 488 | cptId: matchId.value, | 511 | cptId: matchId.value, |
| 489 | groupId: groupId.value | 512 | groupId: groupId.value, |
| 513 | buy: route.query.buy || '0' | ||
| 490 | }) | 514 | }) |
| 491 | const user = useUserStore().user | 515 | const user = useUserStore().user |
| 492 | const remark = ref('') | 516 | const remark = ref('') |
| ... | @@ -521,7 +545,10 @@ if (useUserStore().user) { | ... | @@ -521,7 +545,10 @@ if (useUserStore().user) { |
| 521 | } | 545 | } |
| 522 | 546 | ||
| 523 | function getData() { | 547 | function getData() { |
| 524 | return match.getMyOrderDetail({ orderId: orderId.value }).then(res => { | 548 | return match.getMyOrderDetail({ |
| 549 | orderId: orderId.value, | ||
| 550 | buy: buy.value | ||
| 551 | }).then(res => { | ||
| 525 | totalFee.value = res.data.totalFee | 552 | totalFee.value = res.data.totalFee |
| 526 | form.value = res.data | 553 | form.value = res.data |
| 527 | form.value.payTypeArr = res.data.payType.split(',') | 554 | form.value.payTypeArr = res.data.payType.split(',') |
| ... | @@ -560,6 +587,7 @@ function upRR() { | ... | @@ -560,6 +587,7 @@ function upRR() { |
| 560 | 587 | ||
| 561 | function getSignList() { | 588 | function getSignList() { |
| 562 | match.getMySignInfoList(zuQuery.value).then(res => { | 589 | match.getMySignInfoList(zuQuery.value).then(res => { |
| 590 | console.log(res) | ||
| 563 | insuranceFeeTotal.value = 0 | 591 | insuranceFeeTotal.value = 0 |
| 564 | serviceFeeTotal.value = 0 | 592 | serviceFeeTotal.value = 0 |
| 565 | signInfoList.value = res.data?.singleData || [] | 593 | signInfoList.value = res.data?.singleData || [] |
| ... | @@ -571,6 +599,7 @@ function getSignList() { | ... | @@ -571,6 +599,7 @@ function getSignList() { |
| 571 | serviceFeeTotal.value = serviceFeeTotal.value + Number(z.project.serviceFee) | 599 | serviceFeeTotal.value = serviceFeeTotal.value + Number(z.project.serviceFee) |
| 572 | } | 600 | } |
| 573 | }).catch(err => { | 601 | }).catch(err => { |
| 602 | console.log(err) | ||
| 574 | if (isLogin.value) { | 603 | if (isLogin.value) { |
| 575 | router.push({ name: 'myMatch' }) | 604 | router.push({ name: 'myMatch' }) |
| 576 | } | 605 | } |
| ... | @@ -740,6 +769,7 @@ function downloadAndSend() { | ... | @@ -740,6 +769,7 @@ function downloadAndSend() { |
| 740 | showSJ() | 769 | showSJ() |
| 741 | }) | 770 | }) |
| 742 | }).catch(err => { | 771 | }).catch(err => { |
| 772 | console.log(err) | ||
| 743 | loading.value = false | 773 | loading.value = false |
| 744 | }) | 774 | }) |
| 745 | } | 775 | } | ... | ... |
-
Please register or sign in to post a comment