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