1214

src/components/toast.vue

@@ -1,20 +1,13 @@
 <template>
-  <div class="toastbox" @click="close" v-if="show">
+  <div class="toastbox" @click="close">
     <div class="toastdetal">
       <div class="toastcontent">
-        <!-- <div class="desc">
-          <span class="toastdesc">投票成功</span>
-          <span class="toastdesc">您今天还有2次投票机会！</span>
-          <span class="toastdesc">恭喜你获得一次抽奖机会!</span>
-        </div> -->
           <div class="desc">
-          <span class="toastdesc">已投票3次！</span>
-          <span class="toastdesc"> 您今日投票次数已达到上限～</span>
-          <span class="toastdesc"> 明天再来吧！</span>
+          <span class="toastdesc">投票成功！</span>
+          <span class="toastdesc" v-if="!!url">恭喜你获得一次抽奖机会！</span>
         </div>
         <div class="btn">
-          <button class="confirm" @click="confirmbtn">确定</button>
-          <!-- <button class="confirm" @click="gotocosmobonus">立即前往</button> -->
+          <button class="confirm" @click="confirmbtn">{{url==""?'确定':'立即前往'}}</button>
         </div>
       </div>
     </div>
@@ -24,9 +17,9 @@
 <script>
 export default {
   name: "toastbox",
+  props: ['url'],
   data() {
     return {
-      show: true
     };
   },
   methods: {
@@ -34,11 +27,8 @@ export default {
       this.$emit("close");
     },
     confirmbtn() {
-      this.show = false;
+      this.$emit('confirmbtn');
     },
-    gotocosmobonus(){
-      
-    }
   }
 };
 </script>

src/store/vote.js

@@ -5,7 +5,7 @@ export default {
   namespaced: true,
   state: {
     activity: {},
-    user: '3',
+    user: '4',
     detail: {},
   },
   mutations: {
@@ -59,7 +59,6 @@ export default {
             openid: payload.openid,
           }
         }).then((res) => {
-
           resolve(res)
         }).catch(reject)
       })

src/views/vote/detail.vue

@@ -2,7 +2,7 @@
   <div class="context">
     <div class="ContextbBox">
       <span class="personnumber">NO.{{detail.MemberId}}</span>
-      <span class="votelist">投票列表</span>
+      <span class="votelist" @click="tolist">投票列表</span>
       <img :src="detail.Photo">
       <div class="detailinformation">
         <div class="nameinformation">
@@ -26,11 +26,13 @@
       <span class="dashedline"></span>
       <span class="writeword">寄语：{{detail.Message}}</span>
     </div>
+    <toast v-if="show" :url="info.AfterVote" @close="close" @confirmbtn="tolink"></toast>
   </div>
 </template>
 <script>
 import { createNamespacedHelpers } from 'vuex';
 const {mapState: mapVoteState, mapActions: mapVoteActions} = createNamespacedHelpers('vote')
+import toast from '../../components/toast.vue'
 
 export default {
   name: "votingdetails",
@@ -38,11 +40,18 @@ export default {
     return {
       actid: '',
       memberid: '',
+      show: false,
     };
   },
+  components: {
+    toast,
+  },
   mounted() {
     this.actid = this.$route.params.actid;
     this.memberid = this.$route.params.memberid;
+    this.getActivity({
+      actid: this.actid,
+    })
     this.getMember({
       actid: this.actid,
       memberid: this.memberid,
@@ -50,6 +59,7 @@ export default {
   },
   computed: {
     ...mapVoteState({
+      info: x => x.activity,
       detail: x => x.detail,
       user: x => x.user,
     })
@@ -58,14 +68,32 @@ export default {
     ...mapVoteActions([
       'getMember',
       'vote',
+      'getActivity',
     ]),
     Vote() {
       this.vote({
         actid: this.actid,
         memberid: this.memberid,
         openid: this.user,
+      }).then(() => {
+        this.getMember({
+          actid: this.actid,
+          memberid: this.memberid,
+        })
+        this.show = true
       })
-    }
+    },
+    tolist() {
+      this.$router.push({
+        path: `/vote/${this.actid}`
+      })
+    },
+    close() {
+      this.show = false
+    },
+    tolink() {
+      window.location.href = this.info.AfterVote
+    },
   },
 };
 </script>