1214

src/App.vue

@@ -7,7 +7,7 @@
 <script>
 import './assets/css/reset.css'
 import { createNamespacedHelpers } from 'vuex'
-const { mapActions: mapIndexActions } = createNamespacedHelpers('main')
+const { mapActions: mapIndexActions } = createNamespacedHelpers('vote')
 export default {
   data () {
     return {
@@ -23,15 +23,16 @@ export default {
     //     this.toolClass.getCode('wx32e2e8c81f66070e')
     //   } else {
     //     localStorage.setItem('code', this.code)
-    //     // this.customer(this.code).then(() => {
-    //     this.showPage = true
-    //     // })
+    //     this.customer(this.code).then(() => {
+    //       this.showPage = true
+    //     })
     //   }
     // } else {
     //   this.toolClass.getCode('wx32e2e8c81f66070e')
     // }
   },
   methods: {
+    ...mapIndexActions(['user'])
   }
 }
 </script>

src/router.js

@@ -16,12 +16,12 @@ export default new Router({
       component: () => import('./views/vote/list.vue')
     },
     {
-      path: '/detail/:id',
+      path: '/detail/:actid/:memberid',
       name: 'voteDetail',
       component: () => import('./views/vote/detail.vue')
     },
     {
-      path: '/vote/signup/:id',
+      path: '/vote/signup/:actid',
       name: 'signUp',
       component: () => import('./views/vote/signup.vue')
     }

src/store/vote.js

@@ -5,17 +5,25 @@ export default {
   namespaced: true,
   state: {
     activity: {},
+    user: '3',
+    detail: {},
   },
   mutations: {
     updateActivity (state, data) {
       state.activity = data || {}
     },
+    updateUser (state, data) {
+      state.user = data
+    },
+    updateDetail (state, data) {
+      state.detail = data || {}
+    }
   },
   actions: {
     getActivity ({ commit }, {actid}) {
       return new Promise((resolve, reject) => {
         ajax({
-          ...api.getactivity,
+          ...api.voteing.info,
           urlData: {
             actid: actid,
           }
@@ -25,8 +33,65 @@ export default {
         }).catch(reject)
       })
     },
-    voteMember ({ commit }, payload) {
+    getMember ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        ajax({
+          ...api.voteing.detail,
+          urlData: {
+            actid: payload.actid,
+            memberid: payload.memberid,
+          },
+        }).then((res) => {
+          commit('updateDetail', res)
+          resolve(res)
+        }).catch(reject)
+      })
+    },
+    vote (m, payload) {
+      return new Promise((resolve, reject) => {
+        ajax({
+          ...api.voteing.vote,
+          urlData: {
+            actid: payload.actid,
+            memberid: payload.memberid,
+          },
+          queryData: {
+            openid: payload.openid,
+          }
+        }).then((res) => {
 
+          resolve(res)
+        }).catch(reject)
+      })
     },
+    voteMember ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        ajax({
+          ...api.voteing.registe,
+          urlData: {
+            actid: payload.actid,
+          },
+          queryData: {
+            ...payload,
+          }
+        }).then((res) => {
+          commit('updateDetail', res)
+          resolve(res)
+        }).catch(reject)
+      })
+    },
+    getUser ({ commit }, { code }) {
+      return new Promise((resolve, reject) => {
+        ajax({
+          ...api.voteing.user,
+          urlData: {
+            code: code,
+          },
+        }).then((res) => {
+          commit('updateUser', res)
+          resolve(res)
+        }).catch(reject)
+      })
+    }
   }
 }

src/util/api.js

@@ -7,13 +7,31 @@ const $api = {
       url: `${baseUrl}/file`
     },
   },
-  getactivity: {
-    url: `${baseUrl}/voting/:actid`,
-    method: 'get',
-  },
-  getactivitylist:{
-    url: `${baseUrl}/voting`,
-    method: 'get',
+  voteing: {
+    info: {
+      url: `${baseUrl}/voting/:actid`,
+      method: 'get',
+    },
+    list: {
+      url: `${baseUrl}/voting`,
+      method: 'get',
+    },
+    user: {
+      url: `${baseUrl}/wechat/user/:code`,
+      method: 'get',
+    },
+    detail: {
+      url: `${baseUrl}/voting/:actid/:memberid`,
+      method: 'get',
+    },
+    registe: {
+      url: `${baseUrl}/voting/:actid`,
+      method: 'post',
+    },
+    vote: {
+      url: `${baseUrl}/voting/:actid/:memberid`,
+      method: 'post',
+    }
   }
 }
 export default $api

src/views/vote/detail.vue

@@ -1,41 +1,72 @@
 <template>
   <div class="context">
     <div class="ContextbBox">
-      <span class="personnumber">NO.20000</span>
+      <span class="personnumber">NO.{{detail.MemberId}}</span>
       <span class="votelist">投票列表</span>
-      <img :src="AudioPlay">
+      <img :src="detail.Photo">
       <div class="detailinformation">
         <div class="nameinformation">
-          <span class="information">璐璐</span>
+          <span class="information">{{detail.Name}}</span>
           <span class="information">姓名</span>
         </div>
         <span class="line"></span>
         <div class="nameinformation">
-          <span class="informationnum">221800</span>
+          <span class="informationnum">{{detail.Vote}}</span>
           <span class="information">当前票数</span>
         </div>
         <span class="line"></span>
         <div class="nameinformation">
-          <span class="information">120名</span>
+          <span class="information">{{detail.Rank}}名</span>
           <span class="information">排名</span>
         </div>
       </div>
     </div>
-    <button class="votebtn">投TA一票</button>
-    <div class="showorhide">
+    <button class="votebtn" @click="Vote">投TA一票</button>
+    <div class="showorhide" v-if="detail.Message != ''">
       <span class="dashedline"></span>
-      <span class="writeword">寄语：加油！非常有爱的一个家庭，希望能抽中大奖！ 希望大家多多支持，多多投票～希望能抽中大奖！</span>
+      <span class="writeword">寄语：{{detail.Message}}</span>
     </div>
   </div>
 </template>
 <script>
-// import AudioPlay from "../../images/audio_play.png";
+import { createNamespacedHelpers } from 'vuex';
+const {mapState: mapVoteState, mapActions: mapVoteActions} = createNamespacedHelpers('vote')
+
 export default {
   name: "votingdetails",
   data() {
     return {
+      actid: '',
+      memberid: '',
     };
-  }
+  },
+  mounted() {
+    this.actid = this.$route.params.actid;
+    this.memberid = this.$route.params.memberid;
+    this.getMember({
+      actid: this.actid,
+      memberid: this.memberid,
+    })
+  },
+  computed: {
+    ...mapVoteState({
+      detail: x => x.detail,
+      user: x => x.user,
+    })
+  },
+  methods: {
+    ...mapVoteActions([
+      'getMember',
+      'vote',
+    ]),
+    Vote() {
+      this.vote({
+        actid: this.actid,
+        memberid: this.memberid,
+        openid: this.user,
+      })
+    }
+  },
 };
 </script>
 <style lang="scss" scoped>

src/views/vote/signup.vue

@@ -27,7 +27,7 @@
       <input placeholder="输入姓名" v-model="postData.name"/>
       <!-- <textarea class="addressarea" placeholder="所在社区"></textarea> -->
       <div class="btn">
-          <button class="SubmitBtn">提交</button>
+          <button class="SubmitBtn" @click="SubmitBtn">提交</button>
       </div>
     </div>
   </div>
@@ -49,14 +49,25 @@ export default {
         name: '',
         addr: '',
         message: '',
-      }
+      },
+      actid: '',
     };
   },
   computed: {
+    ...mapVoteState({
+      user: x => x.user
+    })
+  },
+  created () {
+    if(this.$route.params.actid != '') {
+      this.actid = this.$route.params.actid
+    } else {
+      alert("不存在对应的活动信息！")
+    }
   },
   methods: {
     ...mapVoteActions([
-      '',
+      'voteMember',
     ]),
     onRead (file) {
       let that = this
@@ -82,7 +93,15 @@ export default {
       this.messagenum = this.postData.message.length
     },
     SubmitBtn () {
-
+      this.voteMember({
+        actid: this.actid,
+        openid: this.user,
+        ...this.postData,
+      }).then((res) => {
+        this.$router.push({
+          path: `/detail/${this.actid}/${res.MemberId}`
+        })
+      })
     },
   },
 };