cps：获取微信配置接口对接

htmldev/cps/src/api/request.js

@@ -1,6 +1,5 @@
 import Vue from 'vue'
 import axios from 'axios'
-import router from '../router'
 import _ from 'lodash'
 import { Toast, Notify } from 'vant'
 import { getCookieValue } from '@/utils'
@@ -16,12 +15,7 @@ const request = axios.create({
     'Content-Type': 'application/json;charset=UTF-8'
   }
 })
-let tingbangSource = 'h5'
-if (platform.isAlipay) {
-  tingbangSource = 'alipay'
-} else if (platform.isWeixin) {
-  tingbangSource = 'wechat'
-}
+
 let loading = null
 // 当前正在请求的数量
 let needLoadingRequestCount = 0
@@ -58,15 +52,12 @@ const toHideLoading = _.debounce(() => {
 request.interceptors.request.use(request => {
   const requestUrl = request.url
 
-  request.headers.token = getCookieValue('afhousetoken')
-  request.headers.tingbangSource = tingbangSource
   if (platform.isWeixin) {
     // 因为微信开发者工具重复授权，本地开发时写死
     if (/^(0|192|10|localhost)/.test(domain)) {
-      // request.url += '&owner_open_id=0c540a8d284b38f84d2f8ad262ab5d2c'
-      request.headers.wechatToken = '0c540a8d284b38f84d2f8ad262ab5d2c'
+      request.headers.wechatToken = '290e12a0ac3e9d467dbd1e0e98f1eb0c'
     } else {
-      request.headers.wechatToken = getCookieValue('afhousewechatToken')
+      request.headers.wechatToken = getCookieValue('fanbutingwechatToken')
     }
   }
   request.url = requestUrl + (requestUrl.indexOf('?') > -1 ? '&' : '?') + 'nextUrl=' + encodeURIComponent(location.href)
@@ -97,16 +88,9 @@ request.interceptors.response.use(response => {
   if (loading) {
     hideLoading()
   }
-  if (code === 301 && url) {
-    Vue.cookie.delete('afhousewechatToken')
+  if (code === 401 && url) {
+    Vue.cookie.delete('fanbutingwechatToken')
     location.replace(url)
-  } else if (code === 403 && router.currentRoute.name !== 'Login') {
-    router.replace({
-      path: '/login',
-      query: {
-        nextUrl: router.currentRoute.fullPath
-      }
-    })
   }
   return response.data
 }, (error) => {

htmldev/cps/src/page/login/api/index.js

@@ -1,10 +0,0 @@
-import request from '@/api/request'
-
-export const login = (phone, code) => request({
-  method: 'POST',
-  url: '/api/v1/user/login',
-  data: {
-    phone,
-    code
-  }
-})

htmldev/cps/src/page/login/index.vue

@@ -1,348 +0,0 @@
-<template>
-  <div class="wrapper">
-    <img
-      class="logo"
-      src=""
-      alt="">
-    <ul class="form-wrap">
-      <li>
-        <label>
-          <span
-            v-for="(str, index) in '+86'"
-            :key="index">{{ str }}</span>
-        </label>
-        <div class="value-wrap">
-          <input
-            type="tel"
-            placeholder="请输入手机号码"
-            v-myBlur
-            v-model.trim="postData.phone"
-            @input="funLimitLength">
-        </div>
-      </li>
-      <li>
-        <div class="value-wrap">
-          <input
-            type="tel"
-            placeholder="请输入短信验证码"
-            v-myBlur
-            v-model.trim="postData.code"
-            @input="funLimitLength">
-        </div>
-        <button
-          class="get-code"
-          @click="funGetCode">{{ [0, 60].includes(numCount) ? '获取验证码' : numCount + '秒' }}
-        </button>
-      </li>
-    </ul>
-    <button
-      class="submit"
-      :disabled="booLock"
-      @click="funSubmit">登 录
-    </button>
-    <div class="footer">
-      <van-checkbox
-        v-model="checked"
-        checked-color="#D32323"></van-checkbox>
-      <p class="tip-text">
-        <span
-          class="label"
-          v-for="(str, index) in '登录听邦即代表您已同意'"
-          :key="'a' + index">{{ str }}</span>
-        <span
-          class="value"
-          v-for="(str, index) in '《用户协议》'"
-          :key="'b' + index" @click="jumpAgreement">{{ str }}</span>
-        <span
-          class="label">与</span>
-        <span
-          class="value"
-          v-for="(str, index) in '《隐私协议》'"
-          :key="'c' + index" @click="jumpPrivacy">{{ str }}</span>
-      </p>
-    </div>
-  </div>
-</template>
-
-<script>
-import { Toast, Checkbox } from 'vant'
-import { sendSMS } from '@/api/common'
-import { login } from './api'
-import { isMobile, isSmscode } from '@/utils/validate'
-import { clearLoginInfo } from '@/utils'
-
-export default {
-  name: 'login',
-  components: {
-    'van-checkbox': Checkbox
-  },
-  data () {
-    return {
-      postData: {
-        phone: '',
-        code: ''
-      },
-      numCount: 60,
-      timer: null,
-      arrErrorList: [],
-      checked: false,
-      booLock: false
-    }
-  },
-  async mounted () {
-    await this.$nextTick()
-  },
-  methods: {
-    jumpAgreement () {
-      location.href = '//tingbang-h5.codedreamit.com/agreement'
-    },
-    jumpPrivacy () {
-      location.href = '//tingbang-h5.codedreamit.com/privacy'
-    },
-    funLimitLength () {
-      const { phone, code } = this.postData
-      this.postData.phone = phone.replace(/[^\d]/g, '').slice(0, 11)
-      this.postData.code = code.replace(/[^\d]/g, '').slice(0, 6)
-    },
-    funCutDown () {
-      clearInterval(this.timer)
-      this.timer = setInterval(() => {
-        if (this.numCount === 0) {
-          clearInterval(this.timer)
-          this.numCount = 0
-          return
-        }
-        this.numCount--
-      }, 1000)
-    },
-    // 获取验证码
-    async funGetCode () {
-      const numCount = this.numCount
-      const { phone } = this.postData
-      if (numCount < 60 && numCount > 0) {
-        return
-      }
-      this.numCount = 60
-      if (!isMobile(phone)) {
-        Toast('请输入手机号码')
-        return
-      }
-
-      this.funCutDown()
-      try {
-        const { status, msg } = await sendSMS(phone)
-        if (status) {
-          Toast('发送成功')
-        } else {
-          Toast(msg)
-          clearInterval(this.timer)
-          this.numCount = 60
-        }
-      } catch (err) {
-        clearInterval(this.timer)
-        this.numCount = 60
-      }
-    },
-    verifyData () {
-      const { phone, code } = this.postData
-      this.arrErrorList = []
-      if (!isMobile(phone)) {
-        this.arrErrorList.push('请输入手机号码')
-      }
-      if (!isSmscode(code)) {
-        this.arrErrorList.push('请输入验证码')
-      }
-      if (!this.checked) {
-        this.arrErrorList.push('请勾选用户协议及隐私政策')
-      }
-      return this.arrErrorList.length <= 0
-    },
-    async funSubmit () {
-      const { phone, code } = this.postData
-      if (!this.verifyData()) {
-        Toast({
-          message: this.arrErrorList[0],
-          forbidClick: true
-        })
-        return
-      }
-      try {
-        this.booLock = true
-        const { status, data, msg } = await login(phone, code)
-        this.booLock = false
-        if (status) {
-          const { token } = data
-          clearLoginInfo()
-          this.$nextTick(() => {
-            this.$store.commit('common/UPDATE_PHONE', phone)
-            this.$store.commit('common/UPDATE_TOKEN', token)
-
-            this.$cookie.set('afhousephone', phone, { expires: '30D' })
-            this.$cookie.set('afhousetoken', token, { expires: '30D' })
-          })
-
-          Toast({
-            type: 'success',
-            message: '登录成功',
-            forbidClick: true,
-            onClose: () => {
-              const { nextUrl } = this.$route.query
-              if (/\//.test(nextUrl)) {
-                this.$router.replace({ path: nextUrl })
-              } else {
-                this.$router.go(-1)
-              }
-            }
-          })
-          return
-        }
-        Toast(msg)
-      } catch (err) {
-        this.booLock = false
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.wrapper {
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  padding-bottom: 50px;
-  background: linear-gradient(180deg, #000000 0%, #272727 100%);
-}
-
-.logo {
-  width: 121px;
-  height: 138px;
-}
-
-.form-wrap {
-  li {
-    position: relative;
-    left: 0;
-    top: 0;
-    display: flex;
-    align-items: center;
-    width: 327px;
-    padding: 13px 0;
-    margin-top: 12px;
-    border-bottom: 1px solid #2A2929;
-    border-radius: 4px;
-
-    &:nth-of-type(1) {
-      margin-top: 53px;
-    }
-  }
-
-  label {
-    display: flex;
-    align-items: center;
-    margin-right: 9px;
-
-    span {
-      line-height: 22px;
-      font-size: 16px;
-      font-weight: 500;
-      color: #A6A2A2;
-
-      &.label-code:nth-of-type(5), {
-        visibility: hidden;
-      }
-    }
-  }
-
-  .value-wrap {
-    flex: 1;
-    display: flex;
-    align-items: center;
-  }
-
-  input,
-  textarea {
-    width: 100%;
-    height: 22px;
-    font-size: 16px;
-    color: #fff;
-    word-break: break-all;
-    resize: none;
-    outline: 0 none;
-    overflow: hidden;
-    background: transparent;
-    -webkit-text-fill-color: #fff;
-    opacity: 1;
-
-    &::-webkit-input-placeholder {
-      color: #A6A2A2;
-      -webkit-text-fill-color: #A6A2A2;
-      opacity: 1;
-    }
-  }
-
-  .get-code {
-    @include vertical-center;
-    right: 0;
-    z-index: 1;
-    display: block;
-    min-width: 87px;
-    padding: 6px;
-    line-height: 14px;
-    font-size: 12px;
-    font-weight: 500;
-    color: #C9A585;
-    background: #D32323;
-    border-radius: 14px;
-  }
-}
-
-.submit {
-  width: 343px;
-  height: 50px;
-  margin-top: 39px;
-  background: #D32323;
-  border-radius: 25px;
-  font-size: 18px;
-  color: #FFFFFF;
-  line-height: 50px;
-  letter-spacing: 1px;
-}
-
-.footer {
-  position: absolute;
-  left: 0;
-  bottom: 24px;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  justify-content: center;
-
-  .tip-text {
-    display: flex;
-    align-items: center;
-    margin-left: 6px;
-
-    span {
-      font-size: 12px;
-      font-family: STSongti-SC-Bold, STSongti-SC;
-      font-weight: bold;
-      color: #848484;
-      line-height: 17px;
-
-      &.value {
-        color: #D32323;
-      }
-    }
-  }
-}
-</style>

htmldev/cps/src/router/index.js

@@ -15,14 +15,6 @@ const routes = [
     name: '404',
     component: _import('page/404/index')
   },
-  {
-    path: '/login',
-    name: 'Login',
-    component: _import('page/login/index'),
-    meta: {
-      title: '登录'
-    }
-  },
   {
     path: '/',
     component: _import('views/marketing/index'),

htmldev/cps/src/utils/index.js

@@ -52,7 +52,7 @@ export function getCookieValue (name) {
 export function updateWechatToken () {
   const wechatToken = getQueryString('wechatToken') || ''
   if (wechatToken && platform.isWeixin) {
-    Vue.cookie.set('afhousewechatToken', wechatToken, { expires: '30D' })
+    Vue.cookie.set('fanbutingwechatToken', wechatToken, { expires: '30D' })
   }
 }
 

htmldev/cps/src/views/marketing/api/index.js

@@ -0,0 +1,10 @@
+import request from '@/api/request'
+
+/**
+ * 获取省钱列表
+ */
+export const getHomeList = () => request({
+  method: 'GET',
+  url: '/api/home/list',
+  showLoading: false
+})

htmldev/cps/src/views/marketing/index.vue

@@ -31,6 +31,7 @@
 
 <script>
 import BScroll from 'better-scroll'
+import { getHomeList } from './api'
 
 export default {
   data () {
@@ -70,6 +71,11 @@ export default {
       this._adjust(this.currentTabIndex)
     }, 500)
   },
+  activated () {
+    if (!this.$route.meta.isUseCache) {
+      this.fetchData()
+    }
+  },
   methods: {
     funInitBScroll (index) {
       const options = {
@@ -131,6 +137,12 @@ export default {
     // 导航类目超过一屏在使用
     _adjust (tabId) {
       this.scroll.scrollTo(this.initTranslate(tabId), 0, 300)
+    },
+    async fetchData () {
+      try {
+        const data = await getHomeList()
+        console.log(data)
+      } catch (err) {}
     }
   }
 }