Skip to content

dev / lilejia-f2mb-pro

Go to a project
Toggle navigation
Toggle navigation pinning
9d879fe4 by simon
Options

no message

1 parent 7bea0642
Inline Side-by-side
Showing 3 changed files with 71 additions and 9 deletions
...@@ -9,11 +9,7 @@ ...@@ -9,11 +9,7 @@
9 <div class="successModel"> 9 <div class="successModel">
10 <div class="model-data">{{data.content}}</div> 10 <div class="model-data">{{data.content}}</div>
11 <div v-if="data.btnShow" class="sys-btn-02" @click="modelBtnClickHandler">{{data.btnText}}</div> 11 <div v-if="data.btnShow" class="sys-btn-02" @click="modelBtnClickHandler">{{data.btnText}}</div>
12 <div 12 <div v-if="data.labelBtnShow" class="label-btn" @click="labelBtnClickHandler">{{data.labelBtnText}}</div>
13 v-if="data.labelBtnShow"
14 class="label-btn"
15 @click="labelBtnClickHandler"
16 >{{data.labelBtnText}}</div>
17 <div class="model-bottom-line"></div> 13 <div class="model-bottom-line"></div>
18 </div> 14 </div>
19 </div> 15 </div>
...@@ -76,6 +72,29 @@ ...@@ -76,6 +72,29 @@
76 </div> 72 </div>
77 </div> 73 </div>
78 74
75 <!-- 中奖-->
76 <div class="model rule-model award" v-if="data.index == 'award'">
77 <div class="model-close" @click="modelCloseHandler"></div>
78
79 <div class="model-content">
80 <div class="model-head-line"></div>
81 <div class="model-title">{{data.title}}</div>
82
83 <div class="rule-container">
84 <div class="rule-line award-line">
85 <div>
86 恭喜人气值排名前80的选手们获得由立白集团送出的礼品，请获奖选手在10月20日晚上22点前，点击以下链接填写相关资料（过时没有提交资料视为自动放弃获奖礼品），活动组委会以此资料在一个月内，陆续给大家寄出奖品，请认真准确填写。
87 </div>
88 </div>
89 </div>
90
91 <div class="successModel">
92 <div v-if="data.btnShow" class="sys-btn-02" @click="modelBtnClickHandler">{{data.btnText}}</div>
93 <div class="model-bottom-line"></div>
94 </div>
95 </div>
96 </div>
97
79 <!-- 规则--> 98 <!-- 规则-->
80 <div class="model rule-model" v-if="data.index == 'rule'"> 99 <div class="model rule-model" v-if="data.index == 'rule'">
81 <div class="model-close" @click="modelCloseHandler"></div> 100 <div class="model-close" @click="modelCloseHandler"></div>
...@@ -507,6 +526,10 @@ export default { ...@@ -507,6 +526,10 @@ export default {
507 } 526 }
508 } 527 }
509 528
529 .award-line{
530 width: 420px;
531 }
532
510 .sm-width { 533 .sm-width {
511 width: 480px !important; 534 width: 480px !important;
512 margin-bottom: 30px; 535 margin-bottom: 30px;
......
...@@ -13,5 +13,8 @@ Vue.config.productionTip = false ...@@ -13,5 +13,8 @@ Vue.config.productionTip = false
13 new Vue({ 13 new Vue({
14 router, 14 router,
15 store, 15 store,
16 data: {
17 isInit: false,
18 },
16 render: h => h(App) 19 render: h => h(App)
17 }).$mount('#app') 20 }).$mount('#app')
......
...@@ -37,9 +37,9 @@ export default { ...@@ -37,9 +37,9 @@ export default {
37 show: false, 37 show: false,
38 title: "", 38 title: "",
39 content: "", 39 content: "",
40 index: "subcribe-02", 40 index: "",
41 // index : "submit", 41 // index : "submit",
42 btnShow: false, 42 btnShow: true,
43 btnText: "", 43 btnText: "",
44 confirmHandler: null, 44 confirmHandler: null,
45 labelBtnShow: false, 45 labelBtnShow: false,
...@@ -50,7 +50,6 @@ export default { ...@@ -50,7 +50,6 @@ export default {
50 }, 50 },
51 methods: { 51 methods: {
52 toSign() { 52 toSign() {
53
54 Toast.loading({ 53 Toast.loading({
55 mask: true, 54 mask: true,
56 message: "请稍等..." 55 message: "请稍等..."
...@@ -61,14 +60,51 @@ export default { ...@@ -61,14 +60,51 @@ export default {
61 if (res.isSubcribe == 1) { 60 if (res.isSubcribe == 1) {
62 this.$router.push("/sign"); 61 this.$router.push("/sign");
63 } else { 62 } else {
64 this.model.show = true; 63 this.showSubcribeModel();
65 } 64 }
66 }); 65 });
66 },
67 showAwardModel() {
68 this.model.show = true;
69 this.model.title = "活动结束";
70 this.model.content = "";
71 this.model.btnShow = true;
72 this.model.btnText = "前往填写";
73 this.model.index = "award";
74 this.model.confirmHandler = this.toAward;
75 this.model.labelBtnShow = false;
76 this.model.labelBtnText = "";
77 this.model.labelBtnHandler = null;
78 },
79 showSubcribeModel() {
80 this.model.show = true;
81 this.model.title = "";
82 this.model.content = "";
83 this.model.btnShow = false;
84 this.model.btnText = "";
85 this.model.index = "subcribe-02";
86 this.model.confirmHandler = null;
87 this.model.labelBtnShow = false;
88 this.model.labelBtnText = "";
89 this.model.labelBtnHandler = null;
90 },
91 toAward() {
92 console.log("toAward");
93 this.model.show = false;
94 this.$router.push({
95 path: "award"
96 });
67 } 97 }
68 }, 98 },
69 components: { 99 components: {
70 BottomTool, 100 BottomTool,
71 BizModel 101 BizModel
102 },
103 created() {
104 if (!this.$root.isInit) {
105 this.$root.isInit = true;
106 this.showAwardModel();
107 }
72 } 108 }
73 }; 109 };
74 </script> 110 </script>
......