1207b6a9 by joe

1

1 parent c53c5327

210 KB | W: | H:

167 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

31.4 KB | W: | H:

35.7 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -27,7 +27,7 @@
<div class="successModel">
<div class="model-data">
获得一次抽奖机会<br>人每天投票一次
获得一次抽奖机会<br>天还可以给自己投票1次哦
</div>
<div class="sys-btn-02" @click="modelBtnClickHandler">前往抽奖</div>
<div class="model-bottom-line"></div>
......@@ -412,7 +412,7 @@ export default {
background-color: transparent;
}
.model-bottom-line {
height: 80px;
height: 60px;
background-color: transparent;
}
......
......@@ -20,7 +20,7 @@
<!-- <div
v-if="data.drawResult.prizeType == 'coupon'"
class="prize-sn"
>{{data.drawResult.prizeSn}}</div> -->
>{{data.drawResult.prizeSn}}</div>-->
<div class="tip-container">
<span class="use-tip">奖品说明</span>
</div>
......@@ -59,23 +59,47 @@
<div class="form-item">
<div class="form-label">收件姓名:</div>
<div class="form-input">
<input v-model="submitForm.contactName" placeholder="请填写真实姓名" />
<input
:class="{readonly : data.drawResult.readonly}"
:readonly="data.drawResult.readonly ? 'readonly' : false"
v-model="submitForm.contactName"
placeholder="请填写真实姓名"
/>
</div>
</div>
<div class="form-item">
<div class="form-label">联系方式:</div>
<div class="form-input">
<input v-model="submitForm.contactMobile" placeholder="请填写手机号码" />
<input
:class="{readonly : data.drawResult.readonly}"
:readonly="data.drawResult.readonly ? 'readonly' : false"
v-model="submitForm.contactMobile"
placeholder="请填写手机号码"
/>
</div>
</div>
<div class="form-item align-top">
<div class="form-label">收件地址:</div>
<div class="form-input">
<textarea v-model="submitForm.address" placeholder="请填写真实收件地址" rows="3" cols="20"></textarea>
<textarea
:class="{readonly : data.drawResult.readonly}"
:readonly="data.drawResult.readonly ? 'readonly' : false"
v-model="submitForm.address"
placeholder="请填写真实收件地址"
rows="2"
cols="20"
></textarea>
</div>
</div>
<div class="form-item form-tip ">*礼品统一9月27日后寄出</div>
</div>
<div class="sys-btn-02 base-top" @click="submitContactHandler">确认提交</div>
<div
class="sys-btn-02 sm-margin-top lg-margin-top"
v-if="!data.drawResult.readonly"
@click="submitContactHandler"
>确认提交</div>
<div class="sys-btn-02 sm-margin-top lg-margin-top" v-if="data.drawResult.readonly" @click="modelBtnClickHandler">返回</div>
</div>
</div>
......@@ -193,6 +217,8 @@ export default {
show: false,
drawResult: {}
};
console.log("created");
}
};
</script>
......@@ -363,6 +389,28 @@ input::-webkit-input-placeholder {
font-size: 26px;
}
.readonly {
border: none !important;
background-color: transparent !important;
padding-top:0;
}
.form-tip {
font-size: 26px;
text-align: left;
color: #909090;
margin-left: 35px;
margin-bottom: 10px !important;
}
.sm-margin-top {
margin-top: 10px !important;
}
.lg-margin-top{
margin-bottom: 40px !important;
}
.prize-sn {
text-align: center;
font-size: 30px;
......
......@@ -114,7 +114,7 @@ export default {
<style lang="less" scoped>
.bottom-panel {
z-index: 999;
z-index: 1100;
position: fixed;
bottom: 0;
height: 165px;
......
......@@ -172,6 +172,9 @@ export default {
},
mounted() {
this.initActivity();
},
created(){
document.body.scrollTop = 0;
}
};
</script>
......
......@@ -38,6 +38,7 @@ export default {
title: "",
content: "",
index: "subcribe-02",
// index : "submit",
btnShow: false,
btnText: "",
confirmHandler: null,
......
......@@ -87,20 +87,13 @@ export default {
viewDetailHandler(item) {
console.log(item);
this.model.drawResult = item;
let type = item.prizeType;
switch (type) {
case "real":
this.model.drawResult.readonly = this.model.drawResult.contactName ? true : false
break;
}
this.model.show = true;
// let type = item.prizeType;
// switch (type) {
// case "real":
// this.model.drawResult = item;
// this.model.show = true;
// break;
// case "coupon":
// location.href = global_view_coupon_url;
// break;
// default:
// location.href = global_view_integral_url;
// break;
// }
},
backHandler(){
window.history.go(-1);
......
......@@ -60,14 +60,14 @@
</div>
</div>
</div>
<div class="sys-btn-02" :class="{disabled : !autoRegister}" @click="submitFormHandler">确认提交</div>
<div class="sys-btn-02" @click="submitFormHandler">确认提交</div>
<div
class="center base-margin-top auto-register-tips"
@click="acceptRegisterHandler"
v-if="formData.worksCode == '' || formData.worksCode == null "
>
<div class="icon-register" :class="{activity : autoRegister}"></div>
<div class="icon-register activity"></div>
<div class="tips">自动注册为立白集团会员,立享会员权益,详见“更多福利”</div>
</div>
......@@ -146,9 +146,9 @@ export default {
this.area.show = false;
},
acceptRegisterHandler() {
this.autoRegister = !this.autoRegister;
if (!this.autoRegister) {
}
// this.autoRegister = !this.autoRegister;
// if (!this.autoRegister) {
// }
},
showAgreementHandler() {
this.$emit("agreement");
......@@ -224,7 +224,8 @@ export default {
.catch(res => {
this.loading = false;
Toast.clear();
Toast("作品提交失败");
let msg = res.errMsg ? res.errMsg : "作品提交失败";
Toast(msg);
});
}
},
......
......@@ -16,15 +16,16 @@
v-if="!fileList || fileList.length < 3"
>+</van-uploader>
<image-clipper
ref="clipper"
v-if="imageData.show"
:img="imageData.data"
:clipper-img-width="750"
:clipper-img-height="380.95"
@ok="imageClipperHandler"
@cancel="imageData.show=false"
></image-clipper>
<div v-if="imageData.show" class="image-clipper-container" @touchmove.prevent>
<image-clipper
ref="clipper"
:img="imageData.data"
:clipper-img-width="750"
:clipper-img-height="380.95"
@ok="imageClipperHandler"
@cancel="imageData.show=false"
></image-clipper>
</div>
</div>
</template>
......@@ -144,7 +145,8 @@ export default {
},
components: {
ImageClipper
}
},
created() {}
};
</script>
......@@ -191,6 +193,15 @@ export default {
}
}
.image-clipper-container {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1200;
}
.avatar {
max-width: 120px;
max-height: 120px;
......
......@@ -37,6 +37,9 @@ export default {
},
components: {
BottomTool
},
created(){
document.body.scrollTop = 0;
}
};
</script>
......