须知
Showing
3 changed files
with
62 additions
and
132 deletions
| ... | @@ -588,6 +588,7 @@ const handleSubmit = async () => { | ... | @@ -588,6 +588,7 @@ const handleSubmit = async () => { |
| 588 | padding: 20rpx 30rpx; | 588 | padding: 20rpx 30rpx; |
| 589 | background: #fff; | 589 | background: #fff; |
| 590 | box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05); | 590 | box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05); |
| 591 | z-index: 99; | ||
| 591 | 592 | ||
| 592 | .total-info { | 593 | .total-info { |
| 593 | flex: 1; | 594 | flex: 1; | ... | ... |
| ... | @@ -78,55 +78,22 @@ | ... | @@ -78,55 +78,22 @@ |
| 78 | </uni-forms> | 78 | </uni-forms> |
| 79 | </view> | 79 | </view> |
| 80 | </view> | 80 | </view> |
| 81 | <view class="fixed-agreeline"> | 81 | <view class="fixed-agreeline"> |
| 82 | <view class="agreeline"> | 82 | <view class="agreeline"> |
| 83 | <image @click="changeAgree(agree)" v-if="agree" | 83 | <checkbox-group @change="onAgreeChange"> |
| 84 | :src="config.baseUrl_api+'/fs/static/login/xz_dwn@2x.png'"></image> | 84 | <label class="agree-label"> |
| 85 | <image @click="changeAgree(agree)" v-else :src="config.baseUrl_api+'/fs/static/login/xz@2x.png'"> | 85 | <checkbox :checked="agree" color="#C40F18" value="1" /> |
| 86 | </image> | 86 | <text class="agree-text">我已阅读并同意</text> |
| 87 | <view>我已阅读<text @click="openpopup">《入会须知》</text></view> | 87 | <text class="notice-link" @click.stop="showNotice(1)">《注册须知》</text> |
| 88 | </view> | 88 | <text class="notice-link" @click.stop="showNotice(2)">《入会须知》</text> |
| 89 | </view> | 89 | </label> |
| 90 | <view class="fixedBottom"><button class="btn-red" @click="goSubmit">确 定</button></view> | 90 | </checkbox-group> |
| 91 | 91 | </view> | |
| 92 | <!-- 会员须知 --> | 92 | </view> |
| 93 | <uni-popup ref="popup" type="bottom" background-color="#fff" animation :disable-scroll="true" | 93 | <view class="fixedBottom"><button class="btn-red" @click="goSubmit">确 定</button></view> |
| 94 | :mask-click="false"> | 94 | |
| 95 | <view class="tt">注册须知</view> | 95 | </view> |
| 96 | <view class="tt">入会须知</view> | 96 | </template> |
| 97 | <view class="popBody"> | ||
| 98 | _{{baseFormData.name}}_欢迎您申请成为中国跆拳道协会(以下简称中国跆协)会员,请确保本次申请是经过您本人或监护人授权同意后的自愿行为,请您务必仔细阅读本入会须知。 | ||
| 99 | <br /> | ||
| 100 | 一、中国跆协会员分为个人会员和单位会员。 | ||
| 101 | <br /> | ||
| 102 | 二、成为本协会会员条件:遵守中国跆协章程和协会各项规章制度及相关决议,按期交纳会费,积极支持和参与中国跆拳道事业发展的社会各届人士或地方跆拳道协会、俱乐部、培训机构等,均可自愿申请成为中国跆协会员。<br /> | ||
| 103 | 三、个人会员为在中国工作和生活的跆拳道爱好者,16 周岁以下应有监护人协助申请,会员须为中国公民。<br /> | ||
| 104 | 四、会员入会需向所在区域内中国跆协单位会员提出入会申请,并按程序报中国跆协批准,按规定交纳会费。<br /> | ||
| 105 | 五、会员享有《中国跆拳道协会会员管理办法》规定的会员权利。 | ||
| 106 | <br /> | ||
| 107 | 六、会员应履行《中国跆拳道协会会员管理办法》规定的会员义务。 | ||
| 108 | <br /> | ||
| 109 | 七、凡中国跆协会员,须按照《中国跆拳道协会会员会费标准(2021 版)》按时交纳年度会费。<br /> | ||
| 110 | 八、会员行为违反《中国跆拳道协会会员管理办法》中规定的,按照相关处罚规定进行处理。<br /> | ||
| 111 | 九、其它会员相关内容请查看《中国跆拳道协会章程》《中国跆拳道协会会员管理办法》。<br /> | ||
| 112 | |||
| 113 | <button @click="closepopup" class="btn-red">我已阅读</button> | ||
| 114 | </view> | ||
| 115 | </uni-popup> | ||
| 116 | |||
| 117 | <uni-popup ref="infoConfirm" type="center" :disable-scroll="true" :mask-click="false"> | ||
| 118 | <view class="tt">确认信息</view> | ||
| 119 | <view class="popBody"> | ||
| 120 | <view> | ||
| 121 | |||
| 122 | </view> | ||
| 123 | |||
| 124 | <button @click="closepopup" class="btn-red">已确认</button> | ||
| 125 | </view> | ||
| 126 | </uni-popup> | ||
| 127 | |||
| 128 | </view> | ||
| 129 | </template> | ||
| 130 | 97 | ||
| 131 | <script setup> | 98 | <script setup> |
| 132 | import { | 99 | import { |
| ... | @@ -144,9 +111,7 @@ import { | ... | @@ -144,9 +111,7 @@ import { |
| 144 | import * as aes2 from '@/common/utils.js' | 111 | import * as aes2 from '@/common/utils.js' |
| 145 | 112 | ||
| 146 | const current = ref(0) | 113 | const current = ref(0) |
| 147 | const popup = ref(null) | 114 | const agree = ref(false) |
| 148 | const infoConfirm = ref(null) | ||
| 149 | const agree = ref(false) | ||
| 150 | const perId = ref() | 115 | const perId = ref() |
| 151 | const photoArr = ref({}) | 116 | const photoArr = ref({}) |
| 152 | const regionsList = ref([]) | 117 | const regionsList = ref([]) |
| ... | @@ -307,9 +272,22 @@ function onClickItem(e) { | ... | @@ -307,9 +272,22 @@ function onClickItem(e) { |
| 307 | } | 272 | } |
| 308 | 273 | ||
| 309 | 274 | ||
| 310 | function changeAgree(item) { | 275 | function onAgreeChange(e) { |
| 311 | agree.value = !item | 276 | const values = e.detail.value |
| 312 | } | 277 | agree.value = values.includes('1') |
| 278 | } | ||
| 279 | |||
| 280 | // 查看须知 - 跳转到须知页面 | ||
| 281 | function showNotice(type) { | ||
| 282 | const pageMap = { | ||
| 283 | 1: '/pages/index/notice-registration', | ||
| 284 | 2: '/pages/index/notice-membership-vip' | ||
| 285 | } | ||
| 286 | const url = pageMap[type] | ||
| 287 | if (url) { | ||
| 288 | uni.navigateTo({url}) | ||
| 289 | } | ||
| 290 | } | ||
| 313 | 291 | ||
| 314 | //身份证识别 | 292 | //身份证识别 |
| 315 | function upIdCardImgFront(e) { | 293 | function upIdCardImgFront(e) { |
| ... | @@ -506,18 +484,7 @@ function giveBirthDay() { | ... | @@ -506,18 +484,7 @@ function giveBirthDay() { |
| 506 | } | 484 | } |
| 507 | 485 | ||
| 508 | 486 | ||
| 509 | function openpopup() { | 487 | function changeIdcType(e) { |
| 510 | popup.value.open() | ||
| 511 | } | ||
| 512 | |||
| 513 | |||
| 514 | function closepopup() { | ||
| 515 | agree.value = true | ||
| 516 | popup.value.close() | ||
| 517 | } | ||
| 518 | |||
| 519 | |||
| 520 | function changeIdcType(e) { | ||
| 521 | // 切换证件照类型把当前页面数据清空 | 488 | // 切换证件照类型把当前页面数据清空 |
| 522 | cardObj.value = {} | 489 | cardObj.value = {} |
| 523 | photoArr.value = {} | 490 | photoArr.value = {} |
| ... | @@ -532,13 +499,13 @@ function changeIdcType(e) { | ... | @@ -532,13 +499,13 @@ function changeIdcType(e) { |
| 532 | 499 | ||
| 533 | function goSubmit() { | 500 | function goSubmit() { |
| 534 | 501 | ||
| 535 | if (!agree.value) { | 502 | if (!agree.value) { |
| 536 | uni.showToast({ | 503 | uni.showToast({ |
| 537 | icon: 'none', | 504 | icon: 'none', |
| 538 | title: '请阅知入会须知', | 505 | title: '请阅读并同意注册须知、入会须知', |
| 539 | duration: 2000 | 506 | duration: 2000 |
| 540 | }); | 507 | }); |
| 541 | return | 508 | return |
| 542 | } | 509 | } |
| 543 | // 验证必填项 | 510 | // 验证必填项 |
| 544 | if (!baseFormData.value.name) { | 511 | if (!baseFormData.value.name) { |
| ... | @@ -735,22 +702,26 @@ function getUserInfo() { | ... | @@ -735,22 +702,26 @@ function getUserInfo() { |
| 735 | z-index: 1; | 702 | z-index: 1; |
| 736 | } | 703 | } |
| 737 | 704 | ||
| 738 | .agreeline { | 705 | .agreeline { |
| 739 | padding: 20rpx 40rpx; | 706 | padding: 20rpx 30rpx; |
| 740 | box-sizing: border-box; | 707 | box-sizing: border-box; |
| 741 | display: flex; | 708 | } |
| 742 | font-size: 30rpx; | 709 | |
| 743 | 710 | .agree-label { | |
| 744 | text { | 711 | display: flex; |
| 745 | color: #014A9F; | 712 | align-items: center; |
| 746 | } | 713 | flex-wrap: wrap; |
| 747 | 714 | font-size: 24rpx; | |
| 748 | image { | 715 | } |
| 749 | width: 40rpx; | 716 | |
| 750 | height: 40rpx; | 717 | .agree-text { |
| 751 | margin-right: 20rpx; | 718 | color: #666; |
| 752 | } | 719 | margin-left: 10rpx; |
| 753 | } | 720 | } |
| 721 | |||
| 722 | .notice-link { | ||
| 723 | color: #007AFF; | ||
| 724 | } | ||
| 754 | 725 | ||
| 755 | .upCard { | 726 | .upCard { |
| 756 | position: relative; | 727 | position: relative; | ... | ... |
| ... | @@ -102,48 +102,6 @@ | ... | @@ -102,48 +102,6 @@ |
| 102 | </view> | 102 | </view> |
| 103 | <uni-icons color="#999" size="20" type="arrowright"></uni-icons> | 103 | <uni-icons color="#999" size="20" type="arrowright"></uni-icons> |
| 104 | </view> | 104 | </view> |
| 105 | <!-- <view class="query-item" @click="goToWebView(1)"> | ||
| 106 | <view class="query-item-left"> | ||
| 107 | <image :src="config.baseUrl_api + '/fs/static/user_icon03@2x.png'" class="query-item-icon"></image> | ||
| 108 | <text class="query-item-text">单位会员查询</text> | ||
| 109 | </view> | ||
| 110 | <uni-icons type="arrowright" size="20" color="#999"></uni-icons> | ||
| 111 | </view> | ||
| 112 | <view class="query-item" @click="goToWebView(2)"> | ||
| 113 | <view class="query-item-left"> | ||
| 114 | <image :src="config.baseUrl_api + '/fs/static/user_icon03@2x.png'" class="query-item-icon"></image> | ||
| 115 | <text class="query-item-text">个人会员查询</text> | ||
| 116 | </view> | ||
| 117 | <uni-icons type="arrowright" size="20" color="#999"></uni-icons> | ||
| 118 | </view> | ||
| 119 | <view class="query-item" @click="goToWebView(3)"> | ||
| 120 | <view class="query-item-left"> | ||
| 121 | <image :src="config.baseUrl_api + '/fs/static/user_icon02@2x.png'" class="query-item-icon"></image> | ||
| 122 | <text class="query-item-text">旧版级位证书查询</text> | ||
| 123 | </view> | ||
| 124 | <uni-icons type="arrowright" size="20" color="#999"></uni-icons> | ||
| 125 | </view> --> | ||
| 126 | <!-- <view class="query-item" @click="goToWebView(4)"> | ||
| 127 | <view class="query-item-left"> | ||
| 128 | <image :src="config.baseUrl_api + '/fs/static/user_icon02@2x.png'" class="query-item-icon"></image> | ||
| 129 | <text class="query-item-text">新版级位证书查询</text> | ||
| 130 | </view> | ||
| 131 | <uni-icons type="arrowright" size="20" color="#999"></uni-icons> | ||
| 132 | </view> --> | ||
| 133 | <!-- <view class="query-item" @click="goToWebView(5)"> | ||
| 134 | <view class="query-item-left"> | ||
| 135 | <image :src="config.baseUrl_api + '/fs/static/user_icon02@2x.png'" class="query-item-icon"></image> | ||
| 136 | <text class="query-item-text">级位记录查询</text> | ||
| 137 | </view> | ||
| 138 | <uni-icons type="arrowright" size="20" color="#999"></uni-icons> | ||
| 139 | </view> --> | ||
| 140 | <!-- <view class="query-item" @click="goToWebView(6)"> | ||
| 141 | <view class="query-item-left"> | ||
| 142 | <image :src="config.baseUrl_api + '/fs/static/user_icon02@2x.png'" class="query-item-icon"></image> | ||
| 143 | <text class="query-item-text">国际段位证书查询</text> | ||
| 144 | </view> | ||
| 145 | <uni-icons type="arrowright" size="20" color="#999"></uni-icons> | ||
| 146 | </view> --> | ||
| 147 | <view class="query-item" @click="goToRecord(1)"> | 105 | <view class="query-item" @click="goToRecord(1)"> |
| 148 | <view class="query-item-left"> | 106 | <view class="query-item-left"> |
| 149 | <image :src="config.baseUrl_api + '/fs/static/user_icon02@2x.png'" class="query-item-icon"></image> | 107 | <image :src="config.baseUrl_api + '/fs/static/user_icon02@2x.png'" class="query-item-icon"></image> | ... | ... |
-
Please register or sign in to post a comment