hookehuyr

fix 提交活动发布时需要确认

1 <!-- 1 <!--
2 * @Date: 2022-09-21 16:04:10 2 * @Date: 2022-09-21 16:04:10
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-10-28 16:42:03 4 + * @LastEditTime: 2022-10-28 18:21:13
5 * @FilePath: /swx/src/pages/createActivity/index.vue 5 * @FilePath: /swx/src/pages/createActivity/index.vue
6 * @Description: 创建活动页面 6 * @Description: 创建活动页面
7 --> 7 -->
...@@ -156,7 +156,7 @@ ...@@ -156,7 +156,7 @@
156 156
157 <view class="confirm-publish-wrapper"> 157 <view class="confirm-publish-wrapper">
158 <view class="box"> 158 <view class="box">
159 - <view @tap="onSubmit" class="button">确定发布</view> 159 + <view @tap="create_show=true" class="button">确定发布</view>
160 </view> 160 </view>
161 </view> 161 </view>
162 162
...@@ -259,6 +259,8 @@ ...@@ -259,6 +259,8 @@
259 </van-popup> 259 </van-popup>
260 260
261 <van-toast id="van-toast" /> 261 <van-toast id="van-toast" />
262 + <van-dialog title="温馨提示" :show="create_show" :show-cancel-button="true" message="是否确认提交?" confirm-button-color="#199A74" @confirm="onCreateConfirm" @cancel="onCreateCancel"></van-dialog>
263 +
262 </template> 264 </template>
263 265
264 <script setup> 266 <script setup>
...@@ -712,6 +714,14 @@ const validForm = () => { // 校验表单 ...@@ -712,6 +714,14 @@ const validForm = () => { // 校验表单
712 return true; 714 return true;
713 } 715 }
714 716
717 +const create_show = ref(false);
718 +const onCreateConfirm = () => {
719 + create_show.value = false;
720 + onSubmit()
721 +}
722 +const onCreateCancel = () => {
723 + create_show.value = false;
724 +}
715 const onSubmit = async () => { 725 const onSubmit = async () => {
716 const fields = signInfo.value.filter(item => !item.nop && item.checked); // 处理报名信息结构,剔除固定字段,获取选中字段 726 const fields = signInfo.value.filter(item => !item.nop && item.checked); // 处理报名信息结构,剔除固定字段,获取选中字段
717 if (validForm()) { 727 if (validForm()) {
......