1
Showing
14 changed files
with
105 additions
and
50 deletions
| ... | @@ -6,6 +6,14 @@ let global_wx_oauth_url = "http://clubwxuat.hm.liby.com.cn/api/getOpenId.htm"; | ... | @@ -6,6 +6,14 @@ let global_wx_oauth_url = "http://clubwxuat.hm.liby.com.cn/api/getOpenId.htm"; |
| 6 | let golbal_api_proxy = "https://ow.go.qudone.com"; | 6 | let golbal_api_proxy = "https://ow.go.qudone.com"; |
| 7 | 7 | ||
| 8 | 8 | ||
| 9 | // 生产 | ||
| 10 | // let global_wx_appid = "wxa9f5d2a32cc7494a"; | ||
| 11 | // let global_view_coupon_url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx26be12d215d3d8cb&redirect_uri=https://clubwx.hm.liby.com.cn/url/MRFZZf.htm&response_type=code&scope=snsapi_userinfo&state=1&component_appid=wxa9f5d2a32cc7494a#wechat_redirect"; | ||
| 12 | // let global_view_integral_url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx26be12d215d3d8cb&redirect_uri=https://clubwx.hm.liby.com.cn/url/MRFZZf.htm&response_type=code&scope=snsapi_userinfo&state=1&component_appid=wxa9f5d2a32cc7494a#wechat_redirect"; | ||
| 13 | // let global_wx_oauth_url = "http://clubwxuat.hm.liby.com.cn/api/getOpenId.htm"; | ||
| 14 | // let golbal_api_proxy = "https://api.k.wxpai.cn/bizproxy"; | ||
| 15 | |||
| 16 | |||
| 9 | // if (location.href.indexOf("//k.wxpai.cn") > 0) { | 17 | // if (location.href.indexOf("//k.wxpai.cn") > 0) { |
| 10 | // base = "https://api.k.wxpai.cn/bizproxy" | 18 | // base = "https://api.k.wxpai.cn/bizproxy" |
| 11 | // wxOauthUrl = ""; | 19 | // wxOauthUrl = ""; | ... | ... |
src/assets/imgs/walfare-qrcode-02.png
0 → 100644
11.6 KB
src/assets/imgs/welfare-qy.png
100755 → 100644
| ... | @@ -19,11 +19,27 @@ | ... | @@ -19,11 +19,27 @@ |
| 19 | </div> | 19 | </div> |
| 20 | </div> | 20 | </div> |
| 21 | 21 | ||
| 22 | <div class="model" v-if="data.index == 'subcribe'"> | 22 | <div class="model" v-if="data.index == 'submit'"> |
| 23 | <div class="model-close" @click="modelCloseHandler"></div> | ||
| 24 | <div class="model-content"> | ||
| 25 | <div class="model-head-line"></div> | ||
| 26 | <div class="model-title">报名已成功</div> | ||
| 27 | |||
| 28 | <div class="successModel"> | ||
| 29 | <div class="model-data"> | ||
| 30 | 获得一次抽奖机会<br>每人每天投票一次 | ||
| 31 | </div> | ||
| 32 | <div class="sys-btn-02" @click="modelBtnClickHandler">前往抽奖</div> | ||
| 33 | <div class="model-bottom-line"></div> | ||
| 34 | </div> | ||
| 35 | </div> | ||
| 36 | </div> | ||
| 37 | |||
| 38 | <div class="model" v-if="data.index == 'subcribe-02'"> | ||
| 23 | <div class="model-close" @click="modelCloseHandler"></div> | 39 | <div class="model-close" @click="modelCloseHandler"></div> |
| 24 | <div class="model-content"> | 40 | <div class="model-content"> |
| 25 | <div class="model-head-line"></div> | 41 | <div class="model-head-line"></div> |
| 26 | <div class="model-title">微信提示</div> | 42 | <div class="model-title">温馨提示</div> |
| 27 | 43 | ||
| 28 | <div class="successModel"> | 44 | <div class="successModel"> |
| 29 | <div class="model-data"> | 45 | <div class="model-data"> |
| ... | @@ -39,6 +55,26 @@ | ... | @@ -39,6 +55,26 @@ |
| 39 | </div> | 55 | </div> |
| 40 | </div> | 56 | </div> |
| 41 | 57 | ||
| 58 | <div class="model" v-if="data.index == 'subcribe'"> | ||
| 59 | <div class="model-close" @click="modelCloseHandler"></div> | ||
| 60 | <div class="model-content"> | ||
| 61 | <div class="model-head-line"></div> | ||
| 62 | <div class="model-title">温馨提示</div> | ||
| 63 | |||
| 64 | <div class="successModel"> | ||
| 65 | <div class="model-data"> | ||
| 66 | 为防刷票 | ||
| 67 | <br />请扫码关注后获得投票链接哦 | ||
| 68 | </div> | ||
| 69 | <div class="qrcode"> | ||
| 70 | <img src="../../assets/imgs/walfare-qrcode.png" /> | ||
| 71 | </div> | ||
| 72 | |||
| 73 | <div class="model-bottom-line"></div> | ||
| 74 | </div> | ||
| 75 | </div> | ||
| 76 | </div> | ||
| 77 | |||
| 42 | <!-- 规则--> | 78 | <!-- 规则--> |
| 43 | <div class="model rule-model" v-if="data.index == 'rule'"> | 79 | <div class="model rule-model" v-if="data.index == 'rule'"> |
| 44 | <div class="model-close" @click="modelCloseHandler"></div> | 80 | <div class="model-close" @click="modelCloseHandler"></div> |
| ... | @@ -410,6 +446,7 @@ export default { | ... | @@ -410,6 +446,7 @@ export default { |
| 410 | margin: 50px auto 70px auto; | 446 | margin: 50px auto 70px auto; |
| 411 | width: 400px; | 447 | width: 400px; |
| 412 | text-align: center; | 448 | text-align: center; |
| 449 | line-height: 50px; | ||
| 413 | } | 450 | } |
| 414 | 451 | ||
| 415 | .sys-btn-02 { | 452 | .sys-btn-02 { |
| ... | @@ -494,7 +531,7 @@ export default { | ... | @@ -494,7 +531,7 @@ export default { |
| 494 | } | 531 | } |
| 495 | } | 532 | } |
| 496 | 533 | ||
| 497 | .bottom-line{ | 534 | .bottom-line { |
| 498 | height: 30px; | 535 | height: 30px; |
| 499 | } | 536 | } |
| 500 | </style> | 537 | </style> | ... | ... |
| ... | @@ -57,7 +57,7 @@ | ... | @@ -57,7 +57,7 @@ |
| 57 | <div class="prize-name">{{data.drawResult.prizeName}}</div> | 57 | <div class="prize-name">{{data.drawResult.prizeName}}</div> |
| 58 | <div class="form-contaner"> | 58 | <div class="form-contaner"> |
| 59 | <div class="form-item"> | 59 | <div class="form-item"> |
| 60 | <div class="form-label">收件人:</div> | 60 | <div class="form-label">收件姓名:</div> |
| 61 | <div class="form-input"> | 61 | <div class="form-input"> |
| 62 | <input v-model="submitForm.contactName" placeholder="请填写真实姓名" /> | 62 | <input v-model="submitForm.contactName" placeholder="请填写真实姓名" /> |
| 63 | </div> | 63 | </div> | ... | ... |
| ... | @@ -49,7 +49,7 @@ export default { | ... | @@ -49,7 +49,7 @@ export default { |
| 49 | show: false, | 49 | show: false, |
| 50 | title: "", | 50 | title: "", |
| 51 | content: "", | 51 | content: "", |
| 52 | index: "subcribe", | 52 | index: "subcribe-02", |
| 53 | btnShow: false, | 53 | btnShow: false, |
| 54 | btnText: "", | 54 | btnText: "", |
| 55 | confirmHandler: null, | 55 | confirmHandler: null, | ... | ... |
| ... | @@ -37,7 +37,7 @@ export default { | ... | @@ -37,7 +37,7 @@ export default { |
| 37 | show: false, | 37 | show: false, |
| 38 | title: "", | 38 | title: "", |
| 39 | content: "", | 39 | content: "", |
| 40 | index: "subcribe", | 40 | index: "subcribe-02", |
| 41 | btnShow: false, | 41 | btnShow: false, |
| 42 | btnText: "", | 42 | btnText: "", |
| 43 | confirmHandler: null, | 43 | confirmHandler: null, | ... | ... |
| ... | @@ -225,16 +225,18 @@ export default { | ... | @@ -225,16 +225,18 @@ export default { |
| 225 | 225 | ||
| 226 | .worksItem { | 226 | .worksItem { |
| 227 | margin: 0 auto 30px auto; | 227 | margin: 0 auto 30px auto; |
| 228 | width: 298px; | 228 | width: 296px; |
| 229 | height: 215px; | 229 | height: 215px; |
| 230 | border: solid 1px #d1d0d0; | 230 | border: solid 2px #d1d0d0; |
| 231 | box-shadow: 0 0 2px #d1d0d0; | 231 | box-shadow: 0 0 2px #d1d0d0; |
| 232 | border-radius: 20px; | 232 | border-radius: 20px; |
| 233 | overflow: hidden; | 233 | overflow: hidden; |
| 234 | text-align: center; | ||
| 234 | 235 | ||
| 235 | .worksThumb { | 236 | .worksThumb { |
| 236 | width: 300px; | 237 | width: 298px; |
| 237 | height: 168px; | 238 | height: 168px; |
| 239 | margin: auto; | ||
| 238 | background-size: cover; | 240 | background-size: cover; |
| 239 | } | 241 | } |
| 240 | .worksDescription { | 242 | .worksDescription { |
| ... | @@ -290,4 +292,8 @@ export default { | ... | @@ -290,4 +292,8 @@ export default { |
| 290 | .bottom-line { | 292 | .bottom-line { |
| 291 | height: 200px; | 293 | height: 200px; |
| 292 | } | 294 | } |
| 295 | |||
| 296 | .van-cell:not(:last-child)::after { | ||
| 297 | border: none !important; | ||
| 298 | } | ||
| 293 | </style> | 299 | </style> | ... | ... |
| ... | @@ -63,6 +63,8 @@ | ... | @@ -63,6 +63,8 @@ |
| 63 | 63 | ||
| 64 | <div class="btn-tips">*每用户每天仅能投票一次</div> | 64 | <div class="btn-tips">*每用户每天仅能投票一次</div> |
| 65 | 65 | ||
| 66 | <div class="bottom-line"></div> | ||
| 67 | |||
| 66 | <biz-model v-model="model"></biz-model> | 68 | <biz-model v-model="model"></biz-model> |
| 67 | </div> | 69 | </div> |
| 68 | </template> | 70 | </template> |
| ... | @@ -309,4 +311,8 @@ export default { | ... | @@ -309,4 +311,8 @@ export default { |
| 309 | top: 30px; | 311 | top: 30px; |
| 310 | z-index: 100; | 312 | z-index: 100; |
| 311 | } | 313 | } |
| 314 | |||
| 315 | .bottom-line { | ||
| 316 | height: 100px; | ||
| 317 | } | ||
| 312 | </style> | 318 | </style> | ... | ... |
| ... | @@ -8,7 +8,7 @@ | ... | @@ -8,7 +8,7 @@ |
| 8 | 8 | ||
| 9 | <div class="self-container"> | 9 | <div class="self-container"> |
| 10 | <div class="leap"></div> | 10 | <div class="leap"></div> |
| 11 | <div class="self-content"> | 11 | <div class="self-content" @click="praiseHandler"> |
| 12 | <div class="swipe"> | 12 | <div class="swipe"> |
| 13 | <van-swipe :autoplay="5000"> | 13 | <van-swipe :autoplay="5000"> |
| 14 | <van-swipe-item v-for="(item, index) in formData.worksList" :key="index"> | 14 | <van-swipe-item v-for="(item, index) in formData.worksList" :key="index"> |
| ... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
| 40 | <div class="msg">{{indexForm.rank}}</div> | 40 | <div class="msg">{{indexForm.rank}}</div> |
| 41 | </div> | 41 | </div> |
| 42 | 42 | ||
| 43 | <div class="text-container inline top" @click="praiseHandler"> | 43 | <div class="text-container inline top" > |
| 44 | <div class="no-praise" :class="{praise : indexForm.isPraiseToday == '1'}"></div> | 44 | <div class="no-praise" :class="{praise : indexForm.isPraiseToday == '1'}"></div> |
| 45 | <div class="msg primay">{{indexForm.isPraiseToday == '1' ? '今日已投' : '今日未投'}}</div> | 45 | <div class="msg primay">{{indexForm.isPraiseToday == '1' ? '今日已投' : '今日未投'}}</div> |
| 46 | </div> | 46 | </div> |
| ... | @@ -97,6 +97,7 @@ export default { | ... | @@ -97,6 +97,7 @@ export default { |
| 97 | initActvity() { | 97 | initActvity() { |
| 98 | httpGet({ url: urls.index, data: {} }).then(res => { | 98 | httpGet({ url: urls.index, data: {} }).then(res => { |
| 99 | this.indexForm = res; | 99 | this.indexForm = res; |
| 100 | this.init = true; | ||
| 100 | // this.indexForm.worksCode = ""; | 101 | // this.indexForm.worksCode = ""; |
| 101 | }); | 102 | }); |
| 102 | }, | 103 | }, |
| ... | @@ -104,31 +105,32 @@ export default { | ... | @@ -104,31 +105,32 @@ export default { |
| 104 | if (!this.init) { | 105 | if (!this.init) { |
| 105 | return; | 106 | return; |
| 106 | } | 107 | } |
| 107 | if (this.indexForm.isPraiseToday == 1) { | 108 | // if (this.indexForm.isPraiseToday == 1) { |
| 108 | return; | 109 | // return; |
| 109 | } | 110 | // } |
| 110 | 111 | ||
| 111 | let data = { | 112 | this.showWorksDetail({ worksCode: this.indexForm.worksCode }); |
| 112 | worksCode: | 113 | // let data = { |
| 113 | (typeof code).toLowerCase() == "string" | 114 | // worksCode: |
| 114 | ? code | 115 | // (typeof code).toLowerCase() == "string" |
| 115 | : this.indexForm.worksCode | 116 | // ? code |
| 116 | }; | 117 | // : this.indexForm.worksCode |
| 117 | Toast.loading({ | 118 | // }; |
| 118 | mask: true, | 119 | // Toast.loading({ |
| 119 | message: "数据提交..." | 120 | // mask: true, |
| 120 | }); | 121 | // message: "数据提交..." |
| 121 | request | 122 | // }); |
| 122 | .post(urls.praise, data) | 123 | // request |
| 123 | .then(res => { | 124 | // .post(urls.praise, data) |
| 124 | Toast.clear(); | 125 | // .then(res => { |
| 125 | this.indexForm.isPraiseToday = 1; | 126 | // Toast.clear(); |
| 126 | this.emitPraiseSuccess(); | 127 | // this.indexForm.isPraiseToday = 1; |
| 127 | }) | 128 | // this.emitPraiseSuccess(); |
| 128 | .catch(res => { | 129 | // }) |
| 129 | let msg = res.data.errMsg; | 130 | // .catch(res => { |
| 130 | Toast(msg); | 131 | // let msg = res.data.errMsg; |
| 131 | }); | 132 | // Toast(msg); |
| 133 | // }); | ||
| 132 | }, | 134 | }, |
| 133 | emitPraiseSuccess() { | 135 | emitPraiseSuccess() { |
| 134 | this.$emit("praiseSuccess"); | 136 | this.$emit("praiseSuccess"); |
| ... | @@ -137,6 +139,7 @@ export default { | ... | @@ -137,6 +139,7 @@ export default { |
| 137 | this.$emit("showRule"); | 139 | this.$emit("showRule"); |
| 138 | }, | 140 | }, |
| 139 | showWorksDetail(params) { | 141 | showWorksDetail(params) { |
| 142 | // console.log("showWorksDetail(params) : ", params) | ||
| 140 | this.$emit("worksDetail", params); | 143 | this.$emit("worksDetail", params); |
| 141 | } | 144 | } |
| 142 | }, | 145 | }, | ... | ... |
| ... | @@ -161,7 +161,7 @@ export default { | ... | @@ -161,7 +161,7 @@ export default { |
| 161 | }, | 161 | }, |
| 162 | praiseSuccessHandler() { | 162 | praiseSuccessHandler() { |
| 163 | this.model.show = true; | 163 | this.model.show = true; |
| 164 | this.model.title = "点赞成功"; | 164 | this.model.title = "投票成功"; |
| 165 | this.model.content = "您已获得一次抽奖机会"; | 165 | this.model.content = "您已获得一次抽奖机会"; |
| 166 | this.model.btnShow = true; | 166 | this.model.btnShow = true; |
| 167 | this.model.btnText = "前往抽奖"; | 167 | this.model.btnText = "前往抽奖"; | ... | ... |
| ... | @@ -95,6 +95,10 @@ export default { | ... | @@ -95,6 +95,10 @@ export default { |
| 95 | }); | 95 | }); |
| 96 | 96 | ||
| 97 | httpGet({ url: urls.myWork }).then(res => { | 97 | httpGet({ url: urls.myWork }).then(res => { |
| 98 | |||
| 99 | // this.model.index = "submit"; | ||
| 100 | // this.model.show = true; | ||
| 101 | |||
| 98 | this.init = true; | 102 | this.init = true; |
| 99 | Toast.clear(); | 103 | Toast.clear(); |
| 100 | this.formData = res.data || {}; | 104 | this.formData = res.data || {}; |
| ... | @@ -108,17 +112,8 @@ export default { | ... | @@ -108,17 +112,8 @@ export default { |
| 108 | }, | 112 | }, |
| 109 | submitSuccessHandler(data) { | 113 | submitSuccessHandler(data) { |
| 110 | if (data.isFirst) { | 114 | if (data.isFirst) { |
| 111 | this.model.title = "温馨提示"; | 115 | this.model.index = "submit"; |
| 112 | this.model.content = "报名已成功!获得1次抽奖机会"; | ||
| 113 | this.model.index = "default"; | ||
| 114 | this.model.btnShow = true; | 116 | this.model.btnShow = true; |
| 115 | this.model.btnText = "前往抽奖"; | ||
| 116 | this.model.show = true; | ||
| 117 | |||
| 118 | let that = this; | ||
| 119 | this.model.confirmHandler = function() { | ||
| 120 | that.$router.push("/draw"); | ||
| 121 | }; | ||
| 122 | } else { | 117 | } else { |
| 123 | this.model.title = "温馨提示"; | 118 | this.model.title = "温馨提示"; |
| 124 | this.model.content = "作品信息修改成功!"; | 119 | this.model.content = "作品信息修改成功!"; |
| ... | @@ -135,7 +130,7 @@ export default { | ... | @@ -135,7 +130,7 @@ export default { |
| 135 | }, | 130 | }, |
| 136 | showPraiseSuccessModel() { | 131 | showPraiseSuccessModel() { |
| 137 | this.model.show = true; | 132 | this.model.show = true; |
| 138 | this.model.title = "点赞成功"; | 133 | this.model.title = "投票成功"; |
| 139 | this.model.content = "您已获得一次抽奖机会"; | 134 | this.model.content = "您已获得一次抽奖机会"; |
| 140 | this.model.index = "default"; | 135 | this.model.index = "default"; |
| 141 | this.model.btnShow = true; | 136 | this.model.btnShow = true; | ... | ... |
| ... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
| 4 | 4 | ||
| 5 | <div class="qy"> | 5 | <div class="qy"> |
| 6 | <div class="qrcode"> | 6 | <div class="qrcode"> |
| 7 | <img src="../../assets/imgs/walfare-qrcode.png" /> | 7 | <img src="../../assets/imgs/walfare-qrcode-02.png" /> |
| 8 | </div> | 8 | </div> |
| 9 | </div> | 9 | </div> |
| 10 | <div class="cj"> | 10 | <div class="cj"> |
| ... | @@ -64,7 +64,7 @@ export default { | ... | @@ -64,7 +64,7 @@ export default { |
| 64 | position: absolute; | 64 | position: absolute; |
| 65 | width: 171px; | 65 | width: 171px; |
| 66 | height: 171px; | 66 | height: 171px; |
| 67 | left: 270px; | 67 | left: 269px; |
| 68 | bottom: 140px; | 68 | bottom: 140px; |
| 69 | img { | 69 | img { |
| 70 | width: 100%; | 70 | width: 100%; | ... | ... |
-
Please register or sign in to post a comment