2、报名活动时的报名人的管理报名人的信息管理的的提交按钮的逻辑,在页面信息没有填完,按钮置灰

This commit is contained in:
wangzimeng 2025-08-12 11:47:45 +08:00
parent 0ed7d1e926
commit aa6d9a2c1b

View File

@ -17,7 +17,8 @@
<view style="height: 1px;background-color: #F0F0F0;width: 100%;margin: 30rpx 0px;"></view> <view style="height: 1px;background-color: #F0F0F0;width: 100%;margin: 30rpx 0px;"></view>
</view> </view>
<view style="width: 100%;height: 200rpx;"></view> <view style="width: 100%;height: 200rpx;"></view>
<view style="padding: 30rpx;position: fixed;bottom: 0rpx;left: 0;width: 92%;z-index: 10;background-color: #ffffff;"> <view
style="padding: 30rpx;position: fixed;bottom: 0rpx;left: 0;width: 92%;z-index: 10;background-color: #ffffff;">
<view class="btn_2" @click="show = true;isAdd = 1;"> <view class="btn_2" @click="show = true;isAdd = 1;">
<view> <view>
<u-icon name="plus" color="#BBFC5B" size="15"></u-icon> <u-icon name="plus" color="#BBFC5B" size="15"></u-icon>
@ -36,7 +37,8 @@
姓名 姓名
</view> </view>
<view style="width: 75%;"> <view style="width: 75%;">
<input :cursor-spacing="300" type="text" placeholder="请填写真实姓名" class="input" v-model="form.name" /> <input :cursor-spacing="300" type="text" placeholder="请填写真实姓名" class="input"
v-model="form.name" />
</view> </view>
</view> </view>
<view style="height: 1px;background-color: #eeeeee;width: 100%;margin-top: 20rpx;"></view> <view style="height: 1px;background-color: #eeeeee;width: 100%;margin-top: 20rpx;"></view>
@ -45,7 +47,8 @@
身份证号 身份证号
</view> </view>
<view style="width: 75%;"> <view style="width: 75%;">
<input :cursor-spacing="300" type="idcard" placeholder="请填写身份证号" class="input" v-model="form.idnum" /> <input :cursor-spacing="300" type="idcard" placeholder="请填写身份证号" class="input"
v-model="form.idnum" />
</view> </view>
</view> </view>
<view style="height: 1px;background-color: #eeeeee;width: 100%;"></view> <view style="height: 1px;background-color: #eeeeee;width: 100%;"></view>
@ -54,7 +57,8 @@
手机号 手机号
</view> </view>
<view style="width: 75%;"> <view style="width: 75%;">
<input :cursor-spacing="300" type="number" placeholder="请填写手机号" class="input" v-model="form.mobile" /> <input :cursor-spacing="300" type="number" placeholder="请填写手机号" class="input"
v-model="form.mobile" />
</view> </view>
</view> </view>
<view style="height: 1px;background-color: #eeeeee;width: 100%;"></view> <view style="height: 1px;background-color: #eeeeee;width: 100%;"></view>
@ -64,7 +68,8 @@
style="width: 34rpx;height: 34rpx;border-radius: 63rpx;" @click="privacyShow = true"></image> style="width: 34rpx;height: 34rpx;border-radius: 63rpx;" @click="privacyShow = true"></image>
<image v-else src="../../static/fabu/check.png" @click="privacyShow = false" <image v-else src="../../static/fabu/check.png" @click="privacyShow = false"
style="width: 34rpx;height: 34rpx;border-radius: 63rpx;"></image> style="width: 34rpx;height: 34rpx;border-radius: 63rpx;"></image>
<view style="color: #3D3D3D;font-size: 22rpx;line-height: 33rpx;margin-left: 15rpx;">隐私报名(报名信息仅对我和组织者公开)</view> <view style="color: #3D3D3D;font-size: 22rpx;line-height: 33rpx;margin-left: 15rpx;">
隐私报名(报名信息仅对我和组织者公开)</view>
</view> </view>
<view style="font-size: 24rpx;color: #9C9C9C;margin-top: 40rpx;"> <view style="font-size: 24rpx;color: #9C9C9C;margin-top: 40rpx;">
<text>你的个人信息我们将严格保密并仅用于投保使用详情可查看</text> <text>你的个人信息我们将严格保密并仅用于投保使用详情可查看</text>
@ -74,7 +79,9 @@
</view> </view>
</view> </view>
<view style="margin-top: 40rpx;"> <view style="margin-top: 40rpx;">
<view class="btn_1" @click="save">确认</view> <view class="btn_1" @click="save" v-if="form.name != '' && form.idnum != '' && form.mobile != ''">确认
</view>
<view class="btn_3" v-else @click="unSave">确认</view>
</view> </view>
</u-popup> </u-popup>
</view> </view>
@ -122,7 +129,9 @@ export default {
}) })
}, },
delData(item) { delData(item) {
uni.$u.http.post('/api/school.newactivity.activity_join/del',{ids:item.id}).then(res=>{ uni.$u.http.post('/api/school.newactivity.activity_join/del', {
ids: item.id
}).then(res => {
console.log(res) console.log(res)
if (res.code == 1) { if (res.code == 1) {
uni.showToast({ uni.showToast({
@ -232,6 +241,12 @@ export default {
} }
}) })
}, },
unSave() {
uni.showToast({
title: '填完全部信息后,才能提交',
icon: 'none'
})
},
close() { close() {
this.show = false this.show = false
}, },
@ -286,6 +301,24 @@ export default {
justify-content: center; justify-content: center;
} }
.btn_3 {
width: 95%;
height: 90rpx;
background: #f0f0f0;
border-radius: 198rpx 198rpx 198rpx 198rpx;
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400;
font-size: 32rpx;
color: #9c9c9c;
line-height: 90rpx;
text-align: center;
margin: 0 auto;
margin-top: 30rpx;
display: flex;
align-items: center;
justify-content: center;
}
.input { .input {
text-align: right; text-align: right;
} }