PM

src/store/vote.js

@@ -12,7 +12,7 @@ export default {
     },
   },
   actions: {
-    getActivity (context, {actid}) {
+    getActivity ({ commit }, {actid}) {
       return new Promise((resolve, reject) => {
         ajax({
           ...api.getactivity,
@@ -20,10 +20,13 @@ export default {
             actid: actid,
           }
         }).then((res) => {
-          context.commit('updateActivity', res)
+          commit('updateActivity', res)
           resolve(res)
         }).catch(reject)
       })
     },
+    voteMember ({ commit }, payload) {
+
+    },
   }
 }

src/util/api.js

@@ -1,13 +1,18 @@
 const baseUrl = '/api'
-const common = ''
 
 const $api = {
+  file: {
+    image: { // 图片上传
+      method: 'post',
+      url: `${baseUrl}/file`
+    },
+  },
   getactivity: {
-    url: '/api/voting/:actid',
+    url: `${baseUrl}/voting/:actid`,
     method: 'get',
   },
   getactivitylist:{
-    url: '/api/voting',
+    url: `${baseUrl}/voting`,
     method: 'get',
   }
 }

src/util/util.js

@@ -60,22 +60,6 @@ const toolClass = {
       }).catch(reject)
     })
   },
-  uploadBase64 (base64) {
-    return new Promise((resolve, reject) => {
-      Ajax({
-        ...api.file.base64,
-        queryData: {
-          namestr: base64.namestr
-        },
-        data: { base64str: base64.base64str },
-      }).then((res) => {
-        let result = {
-          result: res
-        }
-        resolve(result)
-      }).catch(reject)
-    })
-  }
 }
 
 export default toolClass

src/views/vote/list.vue

@@ -111,10 +111,7 @@ export default {
     },
     signup() {
       this.$router.push({
-        name: "signup",
-        query: {
-          actid: this.$route.query.actid,
-        }
+        path: `/vote/signup/${this.actid}`,
       });
     },
     gotovotingdetails() {

src/views/vote/signup.vue

@@ -2,55 +2,93 @@
   <div class="context">
     <div class="ContextBox">
       <div class="uploadimg">
-        <img :src="FamilyPortraitIcon">
+        <img src="https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yttj_icon_love.png">
         <span>上传您认为最美的全家福照片</span>
       </div>
-      <img class="uploadimgbox" :src="uploadimg">
+      <van-uploader :after-read="onRead">
+        <img class="uploadimgbox" :src="uploadimg">
+      </van-uploader>
       <div class="WriteWord">
-        <img :src="WriteWordIcon">
+        <img src="https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yttj_icon_pen.png">
         <span>寄语</span>
       </div>
       <div class="input_content">
-        <textarea id="textArea" class="content_txt" maxlength="200"></textarea>
+        <textarea id="textArea" @input="messageWrite" maxlength="200" v-model="postData.message" class="content_txt" ></textarea>
         <span class="number">
-          <span id="textNum">0</span>
+          <span id="textNum">{{messagenum}}</span>
           <span class="totalnum" >/200</span>
         </span>
       </div>
       <div class="ContactInformation">
-          <img :src="ContactInformationIcon"/>
+          <img src="https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yttj_icon_phone.png"/>
           <span>联系方式</span>
       </div>
-      <input placeholder="输入手机号"/>
-      <input placeholder="输入姓名"/>
+      <input placeholder="输入手机号" v-model="postData.phone"/>
+      <input placeholder="输入姓名" v-model="postData.name"/>
       <!-- <textarea class="addressarea" placeholder="所在社区"></textarea> -->
       <div class="btn">
           <button class="SubmitBtn">提交</button>
       </div>
-      
     </div>
   </div>
 </template>
 
 <script>
-// import FamilyPortraitIcon from "../../common/icon/xin.png";
-// import WriteWordIcon from "../../common/icon/xiegenjin.png";
-// import ContactInformationIcon from "../../common/icon/dianhua.png"
-// import uploadimg from "../../images/uploadimg.png";
+import { createNamespacedHelpers } from 'vuex';
+const {mapState: mapVoteState, mapActions: mapVoteActions} = createNamespacedHelpers('vote')
 export default {
-  name: "signup",
+  name: 'signup',
   data() {
     return {
-      // FamilyPortraitIcon,
-      // WriteWordIcon,
-      // uploadimg,
-      // ContactInformationIcon,
+      isLoading: false,
+      uploadimg: 'https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/uploadimg.png',
+      messagenum: 0,
+      postData: {
+        photo: '',
+        phone: '',
+        name: '',
+        addr: '',
+        message: '',
+      }
     };
-  }
+  },
+  computed: {
+  },
+  methods: {
+    ...mapVoteActions([
+      '',
+    ]),
+    onRead (file) {
+      let that = this
+      this.isLoading = true
+      let reader = new FileReader();
+      reader.readAsDataURL(file.file);
+      reader.onload = function (e) {
+        let data = e.target.result;
+        //加载图片获取图片真实宽度和高度
+        let image = new Image();
+        image.src = data;
+        image.onload = function () {
+          that.toolClass.upload(file).then((res) => {
+            that.uploadimg = res.result.url
+            that.postData.photo = res.result.url
+          }).catch(() => {
+            that.isLoading = false
+          })
+        };
+      };
+    },
+    messageWrite () {
+      this.messagenum = this.postData.message.length
+    },
+    SubmitBtn () {
+
+    },
+  },
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang='scss' scoped>
 .context {
   width: 100%;
   height: 100%;