|
|
@@ -19,10 +19,22 @@
|
|
|
</tui-list-cell>
|
|
|
</view>
|
|
|
|
|
|
+ <view class="module-com">
|
|
|
+ <view class="module-tit">
|
|
|
+ <span>本人正面照</span>
|
|
|
+ <span class="app-color-3">(必填)</span>
|
|
|
+ </view>
|
|
|
+ <view class="module-det">
|
|
|
+ <htz-image-upload :max="1" :compress="true" v-model="currentImgData" :headers="headers" :quality="80"
|
|
|
+ @uploadSuccess="imgUploadSuccess" @imgDelete="imgDeleteFn" :action="uploadImgUrl">
|
|
|
+ </htz-image-upload>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
<view class="module-com">
|
|
|
<tui-list-cell class="line-cell" :hover="false" >
|
|
|
<div class="tui-title">花店名称</div>
|
|
|
- <input v-model="form.name" type="text" placeholder-class="phcolor" placeholder-style="color:#CCCCCC" class="tui-input" name="name" placeholder="请填写,没店请填您的昵称" />
|
|
|
+ <input v-model="form.name" type="text" placeholder-class="phcolor" placeholder-style="color:#CCCCCC" class="tui-input" name="name" placeholder="请填写,未开店请填您的昵称" />
|
|
|
</tui-list-cell>
|
|
|
<tui-list-cell class="line-cell" :hover="false" :arrow="true" @click="openAddres" >
|
|
|
<div class="tui-title">所在城市</div>
|
|
|
@@ -38,20 +50,31 @@
|
|
|
<div class="tui-title">楼号门牌</div>
|
|
|
<input v-model="form.floor" type="text" placeholder-class="phcolor" placeholder-style="color:#CCCCCC" class="tui-input" name="floor" placeholder="选填" />
|
|
|
</tui-list-cell>
|
|
|
- </view>
|
|
|
|
|
|
- <view class="module-com">
|
|
|
- <view class="module-tit">
|
|
|
- <span>本人正面照</span>
|
|
|
- <span class="app-color-3">(必填)</span>
|
|
|
- </view>
|
|
|
- <view class="module-det">
|
|
|
- <htz-image-upload :max="1" :compress="true" v-model="currentImgData" :headers="headers" :quality="80"
|
|
|
- @uploadSuccess="imgUploadSuccess" @imgDelete="imgDeleteFn" :action="uploadImgUrl">
|
|
|
- </htz-image-upload>
|
|
|
- </view>
|
|
|
+ <tui-list-cell class="line-cell" :hover="false" >
|
|
|
+ <div class="tui-title">可选优惠</div>
|
|
|
+ <view style="color:red;font-size:35upx;">
|
|
|
+ <checkbox-group @change="discountFn">
|
|
|
+ <label>
|
|
|
+ <checkbox value="1" style="transform:scale(0.7);" :checked="discountVal == 1" /><text>20元代金券</text>
|
|
|
+ </label>
|
|
|
+ </checkbox-group>
|
|
|
+ </view>
|
|
|
+ </tui-list-cell>
|
|
|
+
|
|
|
+ <tui-list-cell class="line-cell" :hover="false" >
|
|
|
+ <div class="tui-title">实付金额</div>
|
|
|
+ <view style="color:#3385FF;font-size:35upx;" v-if="discountVal == 1">¥770 <text style="text-decoration:line-through;color:#adaaaa;margin-left:30upx;">¥790</text></view>
|
|
|
+ <view style="color:#3385FF;font-size:35upx;" v-else>¥790</view>
|
|
|
+ </tui-list-cell>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
+ <view style="color:red;font-size:25upx;margin-top:50upx;">
|
|
|
+ <label>
|
|
|
+ <text style="margin-left:38upx;">温馨提示:购票后无法退款,请提前做好行程安排哦~</text>
|
|
|
+ </label>
|
|
|
+ </view>
|
|
|
<div class="btn-wrap">
|
|
|
<button class="admin-button-com blue big" formType="submit" >提交</button>
|
|
|
</div>
|
|
|
@@ -88,7 +111,7 @@ export default {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
- agree:0,
|
|
|
+ discountVal:0,
|
|
|
form: {
|
|
|
name: "",
|
|
|
mobile: "",
|
|
|
@@ -132,8 +155,13 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
...mapActions(['setUserShopAll']),
|
|
|
- agreeItem(e){
|
|
|
- this.agree = e.target.value
|
|
|
+ discountFn(e){
|
|
|
+ let arr = e.target.value
|
|
|
+ if (this.$util.isEmpty(arr)) {
|
|
|
+ this.discountVal = 0
|
|
|
+ }else{
|
|
|
+ this.discountVal = 1
|
|
|
+ }
|
|
|
},
|
|
|
requestAuthCode(){
|
|
|
let that = this
|