Showing
1 changed file
with
49 additions
and
9 deletions
| 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-09-22 18:12:44 | 4 | + * @LastEditTime: 2022-09-26 09:06:31 |
| 5 | * @FilePath: /swx/src/pages/createActivity/index.vue | 5 | * @FilePath: /swx/src/pages/createActivity/index.vue |
| 6 | * @Description: 创建活动页面 | 6 | * @Description: 创建活动页面 |
| 7 | --> | 7 | --> |
| ... | @@ -16,6 +16,10 @@ | ... | @@ -16,6 +16,10 @@ |
| 16 | right-icon="arrow-down" | 16 | right-icon="arrow-down" |
| 17 | placeholder="请选择活动主办方" | 17 | placeholder="请选择活动主办方" |
| 18 | placeholder-style="color: #999;" | 18 | placeholder-style="color: #999;" |
| 19 | + customStyle="" | ||
| 20 | + inputAlign="" | ||
| 21 | + maxlength="" | ||
| 22 | + type="text" | ||
| 19 | :required="true" | 23 | :required="true" |
| 20 | :disabled="true" /> | 24 | :disabled="true" /> |
| 21 | <view class="divide-line"></view> | 25 | <view class="divide-line"></view> |
| ... | @@ -28,6 +32,9 @@ | ... | @@ -28,6 +32,9 @@ |
| 28 | placeholder="请输入活动主题(最多30个字)" | 32 | placeholder="请输入活动主题(最多30个字)" |
| 29 | placeholder-style="color: #999;" | 33 | placeholder-style="color: #999;" |
| 30 | autosize | 34 | autosize |
| 35 | + customStyle="" | ||
| 36 | + inputAlign="" | ||
| 37 | + rightIcon="" | ||
| 31 | :required="true" | 38 | :required="true" |
| 32 | :maxlength="30" | 39 | :maxlength="30" |
| 33 | :border="false" | 40 | :border="false" |
| ... | @@ -38,7 +45,7 @@ | ... | @@ -38,7 +45,7 @@ |
| 38 | <view class="form-item-title required">活动封面图<text class="sub">(图片比例16:9展示最佳)</text></view> | 45 | <view class="form-item-title required">活动封面图<text class="sub">(图片比例16:9展示最佳)</text></view> |
| 39 | <van-uploader v-if="!has_image" @after-read="afterRead"> | 46 | <van-uploader v-if="!has_image" @after-read="afterRead"> |
| 40 | <view class="upload-box" :style="uploaderStyle"> | 47 | <view class="upload-box" :style="uploaderStyle"> |
| 41 | - <van-icon :name="icon_upload" size="5rem" class="upload-icon" /> | 48 | + <van-icon :name="icon_upload" size="5rem" color="" class="upload-icon" /> |
| 42 | </view> | 49 | </view> |
| 43 | </van-uploader> | 50 | </van-uploader> |
| 44 | <view v-else class="upload-box" :style="uploaderStyle"> | 51 | <view v-else class="upload-box" :style="uploaderStyle"> |
| ... | @@ -53,6 +60,10 @@ | ... | @@ -53,6 +60,10 @@ |
| 53 | :value="message" | 60 | :value="message" |
| 54 | input-class="input-class" | 61 | input-class="input-class" |
| 55 | label="" | 62 | label="" |
| 63 | + inputAlign="" | ||
| 64 | + maxlength="" | ||
| 65 | + placeholderStyle="" | ||
| 66 | + rightIcon="" | ||
| 56 | type="textarea" | 67 | type="textarea" |
| 57 | placeholder="开始输入活动详情介绍" | 68 | placeholder="开始输入活动详情介绍" |
| 58 | :autosize="{ maxHeight: 200, minHeight: 100 }" | 69 | :autosize="{ maxHeight: 200, minHeight: 100 }" |
| ... | @@ -66,7 +77,7 @@ | ... | @@ -66,7 +77,7 @@ |
| 66 | <view class="sign-box"> | 77 | <view class="sign-box"> |
| 67 | <view @tap="onTapSign(item)" @longpress="onLongPressSign(item)" v-for="(item, index) in signInfo" :key="index" class="sign-item" :class="{ 'checked': item.checked }"><text class="required">{{ item.label }}</text></view> | 78 | <view @tap="onTapSign(item)" @longpress="onLongPressSign(item)" v-for="(item, index) in signInfo" :key="index" class="sign-item" :class="{ 'checked': item.checked }"><text class="required">{{ item.label }}</text></view> |
| 68 | <!-- <view class="sign-item"><text class="">推荐人</text></view> --> | 79 | <!-- <view class="sign-item"><text class="">推荐人</text></view> --> |
| 69 | - <view class="sign-item" @tap="addSign"><van-icon name="plus" /></view> | 80 | + <view class="sign-item" @tap="addSign"><van-icon name="plus" color="" /></view> |
| 70 | </view> | 81 | </view> |
| 71 | <view class="divide-line"></view> | 82 | <view class="divide-line"></view> |
| 72 | <view style="background-color: #FFFFFF;"> | 83 | <view style="background-color: #FFFFFF;"> |
| ... | @@ -90,6 +101,9 @@ | ... | @@ -90,6 +101,9 @@ |
| 90 | input-align="right" | 101 | input-align="right" |
| 91 | placeholder="请选择活动时间" | 102 | placeholder="请选择活动时间" |
| 92 | placeholder-style="color: #999;" | 103 | placeholder-style="color: #999;" |
| 104 | + customStyle="" | ||
| 105 | + maxlength="" | ||
| 106 | + type="" | ||
| 93 | :required="false" | 107 | :required="false" |
| 94 | :disabled="true" /> | 108 | :disabled="true" /> |
| 95 | </timePickerData> | 109 | </timePickerData> |
| ... | @@ -108,6 +122,9 @@ | ... | @@ -108,6 +122,9 @@ |
| 108 | input-align="right" | 122 | input-align="right" |
| 109 | placeholder="请选择报名开始时间" | 123 | placeholder="请选择报名开始时间" |
| 110 | placeholder-style="color: #999;" | 124 | placeholder-style="color: #999;" |
| 125 | + customStyle="" | ||
| 126 | + maxlength="" | ||
| 127 | + type="" | ||
| 111 | :required="false" | 128 | :required="false" |
| 112 | :disabled="true" /> | 129 | :disabled="true" /> |
| 113 | </timePickerData> | 130 | </timePickerData> |
| ... | @@ -126,6 +143,9 @@ | ... | @@ -126,6 +143,9 @@ |
| 126 | input-align="right" | 143 | input-align="right" |
| 127 | placeholder="请选择报名截止时间" | 144 | placeholder="请选择报名截止时间" |
| 128 | placeholder-style="color: #999;" | 145 | placeholder-style="color: #999;" |
| 146 | + customStyle="" | ||
| 147 | + maxlength="" | ||
| 148 | + type="" | ||
| 129 | :required="false" | 149 | :required="false" |
| 130 | :disabled="true" /> | 150 | :disabled="true" /> |
| 131 | </timePickerData> | 151 | </timePickerData> |
| ... | @@ -138,6 +158,9 @@ | ... | @@ -138,6 +158,9 @@ |
| 138 | input-align="right" | 158 | input-align="right" |
| 139 | placeholder="请选择人数限制" | 159 | placeholder="请选择人数限制" |
| 140 | placeholder-style="color: #999;" | 160 | placeholder-style="color: #999;" |
| 161 | + customStyle="" | ||
| 162 | + maxlength="" | ||
| 163 | + type="" | ||
| 141 | @tap="show_popup=true" | 164 | @tap="show_popup=true" |
| 142 | :required="false" | 165 | :required="false" |
| 143 | :disabled="true" /> | 166 | :disabled="true" /> |
| ... | @@ -177,6 +200,9 @@ | ... | @@ -177,6 +200,9 @@ |
| 177 | type="textarea" | 200 | type="textarea" |
| 178 | placeholder="请输入字段名称(6个字以内)" | 201 | placeholder="请输入字段名称(6个字以内)" |
| 179 | placeholder-style="color: #999;" | 202 | placeholder-style="color: #999;" |
| 203 | + customStyle="" | ||
| 204 | + inputAlign="" | ||
| 205 | + rightIcon="" | ||
| 180 | :required="true" | 206 | :required="true" |
| 181 | :maxlength="6" | 207 | :maxlength="6" |
| 182 | :border="true" | 208 | :border="true" |
| ... | @@ -213,7 +239,7 @@ | ... | @@ -213,7 +239,7 @@ |
| 213 | </view> | 239 | </view> |
| 214 | </van-overlay> | 240 | </van-overlay> |
| 215 | 241 | ||
| 216 | - <van-popup :show="show_popup" position="bottom" custom-style="height: 40%;" :lock-scroll="true" @close="onClosePopup"> | 242 | + <van-popup :show="show_popup" position="bottom" custom-style="height: 40%;" :lock-scroll="true"> |
| 217 | <view> | 243 | <view> |
| 218 | <view class="form-item" style="overflow: auto; border-bottom: 1px solid #F2F2F2;"> | 244 | <view class="form-item" style="overflow: auto; border-bottom: 1px solid #F2F2F2;"> |
| 219 | <view class="form-item-title" style="float: left; padding-top: 0.5rem;">不限制人数</view> | 245 | <view class="form-item-title" style="float: left; padding-top: 0.5rem;">不限制人数</view> |
| ... | @@ -236,6 +262,9 @@ | ... | @@ -236,6 +262,9 @@ |
| 236 | placeholder="请输入人数最小值" | 262 | placeholder="请输入人数最小值" |
| 237 | placeholder-style="color: #999; font-size: 1rem;" | 263 | placeholder-style="color: #999; font-size: 1rem;" |
| 238 | input-align="right" | 264 | input-align="right" |
| 265 | + customStyle="" | ||
| 266 | + rightIcon="" | ||
| 267 | + maxlength="" | ||
| 239 | :border="false" | 268 | :border="false" |
| 240 | /> | 269 | /> |
| 241 | </view> | 270 | </view> |
| ... | @@ -250,6 +279,9 @@ | ... | @@ -250,6 +279,9 @@ |
| 250 | placeholder="请输入人数最大值" | 279 | placeholder="请输入人数最大值" |
| 251 | placeholder-style="color: #999; font-size: 1rem;" | 280 | placeholder-style="color: #999; font-size: 1rem;" |
| 252 | input-align="right" | 281 | input-align="right" |
| 282 | + customStyle="" | ||
| 283 | + rightIcon="" | ||
| 284 | + maxlength="" | ||
| 253 | :border="false" | 285 | :border="false" |
| 254 | /> | 286 | /> |
| 255 | </view> | 287 | </view> |
| ... | @@ -258,12 +290,12 @@ | ... | @@ -258,12 +290,12 @@ |
| 258 | <van-row> | 290 | <van-row> |
| 259 | <van-col span="12"> | 291 | <van-col span="12"> |
| 260 | <view style="padding: 1rem 0; margin: 1rem; text-align: center;"> | 292 | <view style="padding: 1rem 0; margin: 1rem; text-align: center;"> |
| 261 | - <view @tap="closeEditSign" style="color: #199A74; border: 1px solid #199A74; padding: 0.5rem 1rem; border-radius: 1rem;">取消</view> | 293 | + <view @tap="closeEditLimit" style="color: #199A74; border: 1px solid #199A74; padding: 0.5rem 1rem; border-radius: 1rem;">取消</view> |
| 262 | </view> | 294 | </view> |
| 263 | </van-col> | 295 | </van-col> |
| 264 | <van-col span="12"> | 296 | <van-col span="12"> |
| 265 | <view style="padding: 1rem 0; margin: 1rem; text-align: center;"> | 297 | <view style="padding: 1rem 0; margin: 1rem; text-align: center;"> |
| 266 | - <view @tap="confirmEditSign" style="color: #FFFFFF; background-color: #199A74; padding: 0.5rem 1rem; border-radius: 1rem;">确定</view> | 298 | + <view @tap="confirmEditLimit" style="color: #FFFFFF; background-color: #199A74; padding: 0.5rem 1rem; border-radius: 1rem;">确定</view> |
| 267 | </view> | 299 | </view> |
| 268 | </van-col> | 300 | </van-col> |
| 269 | </van-row> | 301 | </van-row> |
| ... | @@ -379,10 +411,18 @@ const addSign = () => { | ... | @@ -379,10 +411,18 @@ const addSign = () => { |
| 379 | show_edit_sign.value = true; | 411 | show_edit_sign.value = true; |
| 380 | } | 412 | } |
| 381 | 413 | ||
| 382 | -const show_popup = ref(true); | 414 | +const show_popup = ref(false); |
| 383 | const onClosePopup = () => { | 415 | const onClosePopup = () => { |
| 384 | show_popup.value = false; | 416 | show_popup.value = false; |
| 385 | } | 417 | } |
| 418 | +const closeEditLimit = () => { | ||
| 419 | + show_popup.value = false; | ||
| 420 | +} | ||
| 421 | +const confirmEditLimit = () => { | ||
| 422 | + show_popup.value = false; | ||
| 423 | +} | ||
| 424 | + | ||
| 425 | + | ||
| 386 | const datetime = ref(''); | 426 | const datetime = ref(''); |
| 387 | let startTime = new Date() | 427 | let startTime = new Date() |
| 388 | let endTime = new Date() | 428 | let endTime = new Date() |
| ... | @@ -409,8 +449,8 @@ const onResult = (arr) => { | ... | @@ -409,8 +449,8 @@ const onResult = (arr) => { |
| 409 | const person_num = ref('') | 449 | const person_num = ref('') |
| 410 | 450 | ||
| 411 | const limit_number = ref(false); | 451 | const limit_number = ref(false); |
| 412 | -const min_number = ref(); | 452 | +const min_number = ref(''); |
| 413 | -const max_number = ref(); | 453 | +const max_number = ref(''); |
| 414 | const onChangeLimit = ({ detail }) => { | 454 | const onChangeLimit = ({ detail }) => { |
| 415 | limit_number.value = detail | 455 | limit_number.value = detail |
| 416 | } | 456 | } | ... | ... |
-
Please register or login to post a comment