ytj

config/index.js

@@ -21,7 +21,17 @@ module.exports = {
     port: 8081,
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
-    proxyTable: {},
+    proxyTable: {
+      '/api': {
+        // target: 'https://dp.huiju360.com.cn/hj_operations',
+        // target: 'http://192.168.0.62:8080', //wf
+        target: 'http://dev.ycjcjy.com', //zys
+        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
+        pathRewrite: {
+          '^/api': '/api-v2/api'
+        },
+      },
+    },
     // CSS Sourcemaps off by default because relative paths are "buggy"
     // with this option, according to the CSS-Loader README
     // (https://github.com/webpack/css-loader#sourcemaps)

package.json

@@ -20,6 +20,7 @@
   },
   "devDependencies": {
     "autoprefixer": "^6.4.0",
+    "axios": "^0.18.0",
     "babel-core": "^6.0.0",
     "babel-loader": "^6.0.0",
     "babel-plugin-transform-runtime": "^6.0.0",

src/common/css/reset.css

@@ -60,4 +60,8 @@ select option {
 	width: 100%;
 	height: 100%;
 	position: relative;
+}
+
+.van-toast div{
+	color: white;
 }

src/module/user/bindMobile/bindMobile.vue

@@ -0,0 +1,165 @@
+<template>
+  <div class="mainPage">
+    <div class="mask">
+      <div class="box">
+        <div class="title">绑定</div>
+
+        <div class="mobile">
+          <i class="iconfont icon-dianhua"></i>
+          <input type="number" max="11" placeholder="手机号" v-model="postData.phone">
+        </div>
+
+        <div class="recommend">
+          <span>推荐人</span>
+          <div @click="selectCase">
+            <span>{{caseName}}</span>
+            <i class="iconfont icon-triangle-bottom"></i>
+          </div>
+          <div @click="selectSales">
+            <span>{{salesName}}</span>
+            <i class="iconfont icon-triangle-bottom"></i>
+          </div>
+        </div>
+
+        <div class="sms">
+          <i class="iconfont icon-mima"></i>
+          <input type="number" max="6" placeholder="验证码" v-model="postData.captcha">
+          <div class="sand" v-if="seconds === 60" @click="sandMsg">发送验证码</div>
+          <div class="sand" v-else>{{seconds}}后可重发</div>
+        </div>
+
+        <div class="submit" @click="submit">
+          <div>提交</div>
+        </div>
+      </div>
+      <transition name="slide">
+        <div class="select" v-if="showCase">
+          <van-picker
+            show-toolbar
+            title="请选择"
+            value-key='CaseName'
+            :columns="columns"
+            @cancel="onCancelC"
+            @confirm="onConfirmC"
+          />
+        </div>
+      </transition>
+      <transition name="slide">
+        <div class="select" v-if="showSales">
+          <van-picker
+            show-toolbar
+            title="请选择"
+            value-key='UserName'
+            :columns="columnsS"
+            @cancel="onCancelS"
+            @confirm="onConfirmS"
+          />
+        </div>
+      </transition>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex'
+const { mapActions: actions } = createNamespacedHelpers('userCenter')
+export default {
+  data () {
+    return {
+      showCase: false,
+      showSales: false,
+      columns: [],
+      columnsS: [],
+      caseName: '选择案场',
+      salesName: '选择销售',
+      seconds: 60,
+      postData: {
+        phone: '',
+        case: '',
+        sales: '',
+        captcha: ''
+      }
+    }
+  },
+  computed: {
+    ...mapState({
+      caseInfo: x => x.userCenter.caseInfo
+    })
+  },
+  created () {
+    this.getCaseInfo(1).then(() => {
+      this.columns = this.caseInfo.cases
+    })
+  },
+  methods: {
+    ...actions(['getCaseInfo']),
+    ...actions(['getCaptcha']),
+    ...actions(['submitData']),
+    onConfirmC (value, index) {
+      this.caseName = value.CaseName
+      this.postData.case = value.CaseId
+      for (let i=0;i<this.caseInfo.sales.length;i++){
+        if (this.caseInfo.sales[i].CaseId === this.postData.case){
+          this.columnsS.push(this.caseInfo.sales[i])
+        }
+      }
+      this.showCase = false
+    },
+    onCancelC () {
+      this.showCase = false
+    },
+    onConfirmS (value, index) {
+      this.salesName = value.UserName
+      this.postData.sales = value.UserId
+      this.showSales = false
+    },
+    onCancelS () {
+      this.showSales = false
+    },
+    selectCase () {
+      this.showCase = true
+    },
+    selectSales () {
+      if (!this.postData.case) {
+        this.$toast('请先选择案场')
+        return
+      } else if (!this.columnsS) {
+        this.$toast('此案场无销售')
+        return
+      }
+      this.showSales = true
+    },
+    sandMsg () {
+      if (!this.postData.phone) {
+        this.$toast('请先填写手机号')
+        return
+      }
+      this.getCaptcha(this.postData.phone)
+      this.runTime()
+    },
+    runTime () {
+      setTimeout(() => {
+        this.seconds--
+        if (this.seconds < 60 && this.seconds >= 1) {
+          this.runTime()
+        } else if (this.seconds < 1) {
+          this.seconds = 60
+        }
+      }, 1000)
+    },
+    submit () {
+      if (!this.postData.captcha) {
+        this.$toast('请先获取验证码')
+        return
+      }
+      this.submitData(this.postData).then((res) => {
+        this.$toast(res)
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "page.scss";
+</style>

src/module/user/bindMobile/page.scss

@@ -0,0 +1,115 @@
+.mainPage {
+  background: url("../../../common/icon/bg.jpg") no-repeat 0 -0.8rem;
+  background-size: 100% calc(100% + 90px);
+  position: relative;
+  .mask{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: rgba(0,0,0,0.3);
+    position: relative;
+    .select {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+    }
+    .box{
+      width: 3.25rem;
+      height: 3.34rem;
+      background:rgba(255,255,255,1);
+      border-radius:8px;
+      padding: .2rem;
+      box-sizing: border-box;
+      .title{
+        font-size: .16rem;
+        font-weight: bold;
+        text-align: center;
+        padding-bottom: .24rem;
+      }
+      .mobile,.sms{
+        width: 2.85rem;
+        height: .5rem;
+        background:rgba(255,255,255,1);
+        border-radius:8px;
+        border:1px solid rgba(168,182,200,0.2);
+        display: flex;
+        align-items: center;
+        position: relative;
+        i{
+          color: rgba(168,182,200,1);
+          padding: .14rem;
+          font-size: .18rem;
+        }
+        input{
+          flex: 1;
+          height: 100%;
+        }
+        .sand{
+          width: .7rem;
+          height: .24rem;
+          border-radius:20px;
+          border:1px solid rgba(218,218,218,1);
+          color: rgba(218,218,218,1);
+          font-size: 12px;
+          text-align: center;
+          line-height: .24rem;
+          position: absolute;
+          right: .1rem;
+        }
+      }
+      .recommend{
+        width: 2.85rem;
+        height: .4rem;
+        padding: .15rem 0;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        span{
+          color: rgba(168,182,200,1);
+        }
+        i{
+          color: rgba(168,182,200,1);
+          padding-left: .14rem;
+          font-size: .12rem;
+        }
+        div{
+          height: 100%;
+          display: flex;
+          align-items: center;
+          border-radius:8px;
+          border:1px solid rgba(168,182,200,0.2);
+          padding: .1rem;
+          box-sizing: border-box;
+        }
+      }
+      .submit{
+        margin-top: .24rem;
+        width: 2.85rem;
+        height: .48rem;
+        border-radius:25px;
+        border:1px solid rgba(255,66,28,1);
+        text-align: center;
+        line-height: .48rem;
+        div{
+          font-size: .15rem;
+          color: rgba(255,66,28,1);
+        }
+      }
+    }
+  }
+}
+
+.slide-enter-active {
+  transition: all .3s ease;
+}
+.slide-leave-active {
+  transition: all .3s ease;
+}
+.slide-enter, .slide-leave-to
+/* .slide-fade-leave-active for below version 2.1.8 */ {
+  transform: translateY(2.6rem);
+  opacity: 0;
+}

src/module/user/fiveA/index.vue

@@ -44,7 +44,8 @@ import courseItem from '../../../components/courseItem/index'
 import newsItem from '../../../components/newsItem/index'
 import { swiper, swiperSlide } from 'vue-awesome-swiper'
 import 'swiper/dist/css/swiper.css'
-
+import { mapState, createNamespacedHelpers } from 'vuex'
+const { mapActions: mapFiveAActions } = createNamespacedHelpers('fiveA')
 export default {
   name: '',
   data () {
@@ -123,6 +124,9 @@ export default {
     MySwiperMsg () {
       return this.$refs.MySwiperMsg.swiper
     },
+    ...mapState({
+      nav: x => x.fiveA.nav
+    })
   },
   components: {
     newsItem,
@@ -131,10 +135,10 @@ export default {
     courseItem,
   },
   created () {
-
+    this.getFiveAInfo()
   },
   methods: {
-
+    ...mapFiveAActions(['getFiveAInfo'])
   }
 }
 </script>

src/module/user/mainPage/indexPage/index.vue

@@ -71,7 +71,8 @@
 import newsItem from '../../../../components/newsItem/index'
 import { swiper, swiperSlide } from 'vue-awesome-swiper'
 import 'swiper/dist/css/swiper.css'
-
+import { mapState, createNamespacedHelpers } from 'vuex'
+const { mapActions: mapIndexActions } = createNamespacedHelpers('index')
 export default {
   name: '',
   data () {
@@ -120,12 +121,15 @@ export default {
     }
   },
   computed: {
+    ...mapState({
+      banner: x => x.index.banner
+    }),
     MySwiper() {
       return this.$refs.mySwiper.swiper
     },
     MySwiperMsg() {
       return this.$refs.MySwiperMsg.swiper
-    },
+    }
   },
   components: {
     newsItem,
@@ -133,10 +137,10 @@ export default {
     swiperSlide,
   },
   created () {
-    
+    this.getIndexInfo(123)
   },
   methods: {
-    
+    ...mapIndexActions(['getIndexInfo'])
   }
 }
 </script>

src/module/user/mainPage/userCenter/index.vue

@@ -1,83 +1,103 @@
 <template>
   <div class="mainPage">
-    <div class="userTop_view">
-      <div class="gradient_bg"></div>
-      <div class="zIndex_bg"></div>
-      <div class="userAvatar_Border">
-        <div class="userAvatar">
-          <img src="" alt="" width="100%" height="100%">
-        </div>
-      </div>
-      <div class="uesr-info">
-        <div class="user-name">Rejo Varghese</div>
-        <div class="mobile">18833445567</div>
-      </div>
+    <div class="loading" v-if="isLoading">
+      <img :src='loading' alt="">
     </div>
-    <div class="vip-privilege flex-h">
-      <div class="flex-item privilege-item">
-        <div class="img-box">
-          <img src="../../../../common/icon/userCenter-icon-1.png" width="100%" height="100%" alt="">
+    <div v-else>
+      <div class="userTop_view" >
+        <div class="gradient_bg"></div>
+        <div class="zIndex_bg"></div>
+        <div class="userAvatar_Border">
+          <div class="userAvatar">
+            <img src="" alt="" width="100%" height="100%">
+          </div>
         </div>
-        <span>优惠券</span>
-        <span>2张未使用</span>
-      </div>
-      <div class="flex-item privilege-item">
-        <div class="img-box">
-          <img src="../../../../common/icon/userCenter-icon-2.png" width="100%" height="100%" alt="">
+        <div class="uesr-info">
+          <div class="user-name">Rejo Varghese</div>
+          <div class="mobile">18833445567</div>
         </div>
-        <span>卡券</span>
-        <span>2张未使用</span>
       </div>
-      <div class="flex-item privilege-item">
-        <div class="img-box">
-          <img src="../../../../common/icon/userCenter-icon-3.png" width="100%" height="100%" alt="">
+      <div class="vip-privilege flex-h">
+        <div class="flex-item privilege-item">
+          <div class="img-box">
+            <img src="../../../../common/icon/userCenter-icon-1.png" width="100%" height="100%" alt="">
+          </div>
+          <span>优惠券</span>
+          <span>2张未使用</span>
+        </div>
+        <div class="flex-item privilege-item">
+          <div class="img-box">
+            <img src="../../../../common/icon/userCenter-icon-2.png" width="100%" height="100%" alt="">
+          </div>
+          <span>卡券</span>
+          <span>2张未使用</span>
+        </div>
+        <div class="flex-item privilege-item">
+          <div class="img-box">
+            <img src="../../../../common/icon/userCenter-icon-3.png" width="100%" height="100%" alt="">
+          </div>
+          <span>VIP卡</span>
+          <span>￥200 <i class="iconfont icon-jiantou-right" style="font-size: 0.1rem;"></i></span>
         </div>
-        <span>VIP卡</span>
-        <span>￥200 <i class="iconfont icon-jiantou-right" style="font-size: 0.1rem;"></i></span>
       </div>
-    </div>
 
-    <div class="userCenter-menu">
-      <div class="menu-item flex-h">
-        <span>课程订单</span>
-        <i class="iconfont icon-jiantou-right"></i>
-      </div>
-      <div class="menu-item flex-h">
-        <span>商品订单</span>
-        <i class="iconfont icon-jiantou-right"></i>
-      </div>
-      <div class="menu-item flex-h">
-        <span>体检报告</span>
-        <i class="iconfont icon-jiantou-right"></i>
-      </div>
-      <div class="menu-item flex-h">
-        <span>消息提醒</span>
-        <i class="iconfont icon-jiantou-right"></i>
+      <div class="userCenter-menu">
+        <div class="menu-item flex-h">
+          <span>课程订单</span>
+          <i class="iconfont icon-jiantou-right"></i>
+        </div>
+        <div class="menu-item flex-h">
+          <span>商品订单</span>
+          <i class="iconfont icon-jiantou-right"></i>
+        </div>
+        <div class="menu-item flex-h">
+          <span>体检报告</span>
+          <i class="iconfont icon-jiantou-right"></i>
+        </div>
+        <div class="menu-item flex-h">
+          <span>消息提醒</span>
+          <i class="iconfont icon-jiantou-right"></i>
+        </div>
       </div>
     </div>
   </div>
 </template>
 
 <script>
-
+import loading from '../../../../common/icon/loading.gif'
+import { mapState, createNamespacedHelpers } from 'vuex'
+const { mapActions: actions } = createNamespacedHelpers('userCenter')
 export default {
   name: '',
   data () {
     return {
+      user: {
 
+      },
+      loading,
+      isLoading: true
     }
   },
   computed: {
-
+    ...mapState({
+      userInfo: x => x.userCenter.userInfo
+    })
   },
   components: {
 
   },
   created () {
-
+    this.getUserInfo().then(() => {
+      this.user = this.userInfo
+      if (this.user.mobile) {
+        this.isLoading = false
+      } else {
+        this.$router.push({ name: 'bindMobile' })
+      }
+    })
   },
   methods: {
-
+    ...actions(['getUserInfo'])
   }
 }
 </script>

src/module/user/mainPage/userCenter/page.scss

@@ -1,3 +1,16 @@
+.mainPage{
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
+
+.loading{
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .userTop_view {
   position: relative;
   height: 1.7rem;

src/module/user/router.js

@@ -8,6 +8,7 @@ import majorProjects from './majorProjects/index' // 项目专题
 import majorProjectsDetail from './majorProjectsDetail/index' // 项目专题
 import coffeeIndex from './mainPage/coffeeIndex/index' // 城咖啡
 import userCenter from './mainPage/userCenter/index' // 个人中心
+import bindMobile from './bindMobile/bindMobile' // 绑定手机号
 
 Vue.use(Router)
 
@@ -47,6 +48,11 @@ const router = new Router({
     name: 'fiveA',
     component: fiveA,
     children: []
+  },{ // 绑定手机号
+    path: '/bindMobile',
+    name: 'bindMobile',
+    component: bindMobile,
+    children: []
   }],
   linkActiveClass: 'active',
 })

src/module/user/user.html

@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" charset="utf-8" />
-  <link rel="stylesheet" href="//at.alicdn.com/t/font_775069_c8w80pqou5c.css">
+  <link rel="stylesheet" href="//at.alicdn.com/t/font_775069_198sg7n0wo1.css">
   <title>城的空间</title>
 </head>
 <body>

src/module/user/user.js

@@ -5,10 +5,15 @@ import 'vant/lib/vant-css/index.css'
 import router from './router'
 import store from '../../store/index'
 import Vuex from 'vuex'
+import Ajax from '../../util/ajax'
+import api from '../../util/api'
+import toolClass from '../../util/util'
 
 Vue.use(Vant)
 Vue.use(Vuex)
-
+Vue.prototype.$api = api
+Vue.prototype.$ajax = Ajax
+Vue.prototype.toolClass = toolClass
 /* eslint-disable no-new */
 new Vue({
   el: '#app',

src/store/app/app.js

@@ -0,0 +1,24 @@
+
+export default {
+  namespaced: true,
+  state: {
+    location: []
+  },
+  mutations: {
+    init (state, data) { // 这里的state对应着上面这个state
+      state.location = data
+    }
+  },
+  actions: {
+    updateLocationInfo (context) { // 这里的context和我们使用的$store拥有相同的对象和方法
+      return new Promise((resolve) => {
+        this.$ajax(this.$api.cms.location.url, {
+          method: this.$api.cms.location.method
+        }).then(res => {
+          context.commit('init', res)
+          resolve()
+        })
+      })
+    }
+  }
+}

src/store/fiveA/fiveA.js

@@ -0,0 +1,111 @@
+import Ajax from '../../util/ajax'
+import api from '../../util/api'
+const http = new Object
+
+// 请求数据
+http.getNav = (data) => {
+  return new Promise((resolve, reject) => {
+    Ajax(api.fiveA.nav.url, {
+      method: api.fiveA.nav.method
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+http.getBanner = (data) => {
+  console.log(data)
+  return new Promise((resolve, reject) => {
+    Ajax(api.fiveA.banner.url, {
+      method: api.fiveA.banner.method
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+http.getList = (data) => {
+  console.log(data)
+  return new Promise((resolve, reject) => {
+    Ajax(api.fiveA.list.url, {
+      method: api.fiveA.list.method
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+http.getCms = (data) => {
+  console.log(data)
+  return new Promise((resolve, reject) => {
+    Ajax(api.fiveA.cms.url, {
+      method: api.fiveA.cms.method
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+export default {
+  namespaced: true,
+  state: {
+    nav: [],
+    banner: [],
+    list: [],
+    cms: []
+  },
+  mutations: {
+    setNav (state, data) {
+      state.nav = data
+    },
+    setBannet (state, data) {
+      state.banner = data
+    },
+    setList (state, data) {
+      state.list = data
+    },
+    setCms (state, data) {
+      state.cms = data
+    }
+  },
+  actions: {
+    // async getIndexInfo (context, param) { // 首页全部请求
+    //   try {
+    //     let banner = await http.getBanner(param)
+    //     context.commit('setBanner', banner)
+    //     let fiveA = await http.getFiveA(param)
+    //     context.commit('setFiveA', fiveA)
+    //     let message = await http.getBanner(param)
+    //     context.commit('setMessage', message)
+    //     let porject = await http.getBanner(param)
+    //     context.commit('setPorject', porject)
+    //     let cms = await http.getBanner(param)
+    //     context.commit('setCms', cms)
+    //   } catch (err) {
+    //     console.log(err)
+    //   }
+    // }
+    getFiveAInfo (context, data) {
+      http.getNav().then((res) => {
+        context.commit('setNav', res)
+      })
+      http.getBanner().then((res) => {
+        context.commit('setBanner', res)
+      })
+      http.getList().then((res) => {
+        context.commit('setList', res)
+      })
+      http.getCms().then((res) => {
+        context.commit('setCms', res)
+      })
+    }
+  }
+}

src/store/index.js

@@ -1 +1,25 @@
 
+import Vue from 'vue'
+import Vuex from 'vuex'
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  state: {
+    loadding: false,
+    pageSize: 10,
+  }
+})
+export const modules = {
+  app: () => require('./app/app').default,
+  index: () => require('./index/index').default,
+  fiveA: () => require('./fiveA/fiveA').default,
+  userCenter: () => require('./userCenter/userCenter').default,
+}
+
+Object.keys(modules).forEach((modKey) => {
+  const modNS = modKey.split('/')
+  const getMod = modules[modKey]
+  store.registerModule(...modNS, getMod())
+})
+
+export default store

src/store/index/index.js

@@ -0,0 +1,115 @@
+import Ajax from '../../util/ajax'
+import api from '../../util/api'
+const http = new Object
+
+// 请求数据
+http.getBanner = (data) => {
+  console.log(data)
+  return new Promise((resolve, reject) => {
+    Ajax(api.user.case.url, {
+      method: api.user.case.method
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+http.getFiveA = (data) => {
+  console.log(data)
+  return new Promise((resolve, reject) => {
+    Ajax(api.index.fiveA.url, {
+      method: api.index.fiveA.method
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+http.getMessage = (data) => {
+  console.log(data)
+  return new Promise((resolve, reject) => {
+    Ajax(api.index.message.url, {
+      method: api.index.message.method
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+http.getPorject = (data) => {
+  console.log(data)
+  return new Promise((resolve, reject) => {
+    Ajax(api.index.project.url, {
+      method: api.index.project.method
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+http.getCms = (data) => {
+  console.log(data)
+  return new Promise((resolve, reject) => {
+    Ajax(api.index.cms.url, {
+      method: api.index.cms.method
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+export default {
+  namespaced: true,
+  state: {
+    banner: [],
+    fiveA: [],
+    message: [],
+    porject: [],
+    cms: []
+  },
+  mutations: {
+    setBannet (state, data) { // 获取首页轮播图
+      state.banner = data
+    },
+    setFiveA (state, data) { // 获取5A
+      state.fiveA = data
+    },
+    setMessage (state, data) { // 获取首页消息
+      state.message = data
+    },
+    setPorject (state, data) { // 获取项目专题
+      state.porject = data
+    },
+    setCms (state, data) { // 获取cms
+      state.cms = data
+    },
+  },
+  actions: {
+    async getIndexInfo (context, param) { // 首页全部请求
+      try {
+        let banner = await http.getBanner(param)
+        context.commit('setBanner', banner)
+        let fiveA = await http.getFiveA(param)
+        context.commit('setFiveA', fiveA)
+        let message = await http.getBanner(param)
+        context.commit('setMessage', message)
+        let porject = await http.getBanner(param)
+        context.commit('setPorject', porject)
+        let cms = await http.getBanner(param)
+        context.commit('setCms', cms)
+      } catch (err) {
+        console.log(err)
+      }
+    }
+  }
+}

src/store/userCenter/userCenter.js

@@ -0,0 +1,109 @@
+import Ajax from '../../util/ajax'
+import api from '../../util/api'
+const http = new Object
+
+// 请求数据
+http.getUserInfo = (data) => {
+  return new Promise((resolve, reject) => {
+    Ajax(api.user.info.url, {
+      method: api.user.info.method
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+http.getCaseInfo = (data) => {
+  return new Promise((resolve, reject) => {
+    Ajax(api.user.case.url, {
+      method: api.user.case.method,
+      queryData: {
+        org: data
+      }
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+http.getCaptcha = (data) => {
+  console.log(data)
+  return new Promise((resolve, reject) => {
+    Ajax(api.user.captcha.url, {
+      method: api.user.captcha.method,
+      queryData: {
+        phone: data
+      }
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+http.submitData = (data) => {
+  console.log(data)
+  return new Promise((resolve, reject) => {
+    Ajax(api.user.wxsignup.url, {
+      method: api.user.wxsignup.method,
+      data: data
+    }).then(res => {
+      resolve(res)
+    }).catch((err) => {
+      reject(err)
+    })
+  })
+}
+
+export default {
+  namespaced: true,
+  state: {
+    userInfo: {},
+    caseInfo: {}
+  },
+  mutations: {
+    setUserInfo (state, data) {
+      state.userInfo = data
+    },
+    setCaseInfo (state, data) {
+      state.caseInfo = data
+    }
+  },
+  actions: {
+    getUserInfo (context, data) {
+      return new Promise((resolve) => {
+        http.getUserInfo().then((res) => {
+          context.commit('setUserInfo', res)
+          resolve(res)
+        })
+      })
+    },
+    getCaseInfo (context, data) {
+      return new Promise((resolve) => {
+        http.getCaseInfo(data).then((res) => {
+          context.commit('setCaseInfo', res)
+          resolve(res)
+        })
+      })
+    },
+    getCaptcha (context, data) {
+      return new Promise((resolve) => {
+        http.getCaptcha(data).then((res) => {
+          resolve(res)
+        })
+      })
+    },
+    submitData(context, data) {
+      return new Promise((resolve) => {
+        http.submitData(data).then((res) => {
+          resolve(res)
+        })
+      })
+    }
+  }
+}

src/util/ajax.js

@@ -0,0 +1,66 @@
+import axios from 'axios'
+import qs from 'qs'
+import router from '../module/user/router'
+
+const Axios = axios.create({
+  timeout: 60000,
+  responseType: 'json',
+  withCredentials: true,
+  queryData: {},
+  urlData: {},
+  headers: {
+    'Content-Type': 'multipart/form-data'
+  }
+})
+
+Axios.interceptors.request.use((config) => {
+  // 处理请求data,若为get请求，拼到url后面，若为post请求，直接添加到body中
+  let urlData = qs.stringify(config.urlData)
+  let queryData = qs.stringify(config.queryData)
+  // 判断是通过斜杠传参还是通过query传参
+  if (config.url.indexOf(':') > -1) {
+    if (typeof config.urlData === 'object') {
+      config.url = Object.keys(config.urlData).reduce((url, k) => { // 此方法对每个元素进行处理
+        const re = new RegExp(`:${k}(?!w)`, 'i')
+        return url.replace(re, config.urlData[k])
+      }, config.url)
+    }
+  } else {
+    if (queryData) {
+      config.url += '?' + queryData
+    }
+  }
+  let fm = new FormData()
+  for (let k in config.data) {
+    if (Array.isArray(config.data[k])) {
+      fm.append(k, ...config.data[k].map(v => `${k}=${encodeURIComponent(v)}`))
+    } else {
+      fm.append(k, config.data[k])
+    }
+  }
+  config.data = fm
+  return config
+}, (error) => {
+  console.log(error)
+})
+
+const ajax = (...args) => {
+  return new Promise((resolve, reject) => {
+    Axios(...args).then(({ data }) => {
+      // console.log(111)
+      const { code, message, result } = data
+      if (code === 200) {
+        resolve(result)
+      } else if (code === 401) {
+        // router.push({ name: 'login' })
+      } else {
+        Message({
+          message: message,
+          type: 'error'
+        })
+      }
+    }).catch(reject)
+  })
+}
+
+export default ajax

src/util/api.js

@@ -0,0 +1,65 @@
+const baseUrl = '/api'
+const wechat = '/wechat'
+const guest = '/guest'
+
+const $api = {
+  index: { // 测试
+    banner: {
+      method: 'post',
+      url: `${baseUrl}${wechat}/wxsignin`
+    },
+    fiveA: {
+      method: 'post',
+      url: `${baseUrl}${wechat}/wxsignin`
+    },
+    message: {
+      method: 'post',
+      url: `${baseUrl}${wechat}/wxsignin`
+    },
+    project: {
+      method: 'post',
+      url: `${baseUrl}${wechat}/wxsignin`
+    },
+    cms: {
+      method: 'post',
+      url: `${baseUrl}${wechat}/wxsignin`
+    }
+  },
+  fiveA: {
+    nav: {
+      method: 'post',
+      url: `${baseUrl}${wechat}/wxsignin`
+    },
+    banner: {
+      method: 'post',
+      url: `${baseUrl}${wechat}/wxsignin`
+    },
+    list: {
+      method: 'post',
+      url: `${baseUrl}${wechat}/wxsignin`
+    },
+    cms: {
+      method: 'post',
+      url: `${baseUrl}${wechat}/wxsignin`
+    }
+  },
+  user: {
+    info: {
+      method: 'post',
+      url: `${baseUrl}${wechat}/wxsignin`
+    },
+    case: {
+      method: 'get',
+      url: `${baseUrl}${guest}/case`
+    },
+    wxsignup: {
+      method: 'post',
+      url: `${baseUrl}${guest}/wxsignup`
+    },
+    captcha: {
+      method: 'get',
+      url: `${baseUrl}${guest}/captcha`
+    }
+  }
+}
+export default $api

src/util/util.js

@@ -0,0 +1,25 @@
+const toolClass = {
+  dateFormat: (timestamp) => {
+    let date = new Date(timestamp)
+    let y = date.getFullYear()
+    let m = date.getMonth() + 1
+    let d = date.getDate()
+    let h = date.getHours()
+    let min = date.getMinutes()
+    if (m < 10) {
+      m = '0' + m
+    }
+    if (d < 10) {
+      d = '0' + d
+    }
+    if (h < 10) {
+      h = '0' + h
+    }
+    if (min < 10) {
+      min = '0' + min
+    }
+    return y + '-' + m + '-' + d + ' ' + h + ':' + min
+  }
+}
+
+export default toolClass

wechat

@@ -0,0 +1 @@
+Subproject commit 5e21b59049435bb41575957c04fbfa6a13378c41