3e1407b4 by lttnew

须知

1 parent 90c0a58b
...@@ -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>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!