feats

src/app.js

@@ -30,13 +30,16 @@ class App extends Component {
   // 在此处是为了兼容热启动
   componentDidShow () {
     const { setUser } = store.getModel('user').getState()
+    const { setAppParams } = store.getModel('appParams').getState()
 
     // 保存刚进入系统时的router
     const router = getCurrentInstance().router
 
     // 如果是分享或者扫码
     // scene 与其它参数时互斥的. 有 scene 说明时扫码进来的
-    const { from = '', recommender = '', scene = '' } = router.params
+    const params = router.params || {}
+    const { from = '', recommender = '', scene = '' } = params
+    setAppParams({...params})
 
     // 登录
     Taro.login({
@@ -47,6 +50,13 @@ class App extends Component {
             Taro.setStorage({ key: 'token', data: x.token })
             Taro.setStorage({ key: 'sessionKey', data: x.sessionKey })
 
+            if (x.scene) {
+              setAppParams({
+                ...params,
+                ...x.scene
+              })
+            }
+
             // 埋点
             trackUserSource(router, x.scene).then(res => this.updateTracing = res)
           })

src/components/GetUserPhone/index.jsx

@@ -10,6 +10,7 @@ import './index.less'
 export default function GetUserPhone (props) {
   const [showPannel, setShowPannel] = useState(true)
   const { user, setUser } = useModel('user')
+  const { appParams } = useModel('appParams')
 
   const ToGetUserPhone = (e) => { // 授权手机号
     const { errMsg, ...data } = e.detail
@@ -19,7 +20,8 @@ export default function GetUserPhone (props) {
         data: {
           sessionKey: Taro.getStorageSync('sessionKey'),
           encryptedData: data.encryptedData,
-          iv: data.iv
+          iv: data.iv,
+          recommender: (appParams || {}).recommender || ''
         }
       }).then((res) => {
         setUser({ ...user, phone: res.phoneNumber })

src/store/models/index.js

@@ -1,10 +1,10 @@
 import useSystem from './useSystem'
-import useAppRouter from './useAppRouter'
+import useAppParams from './useAppParams'
 import useUser from './useUser'
 import useScreen from './useScreen'
 
 const models = {
-  'appRouter': useAppRouter,
+  'appParams': useAppParams,
   'sys': useSystem,
   'user': useUser,
   'screen': useScreen

src/store/models/useAppRouter.js → src/store/models/useAppParams.js

@@ -2,11 +2,11 @@ import React, { useEffect, useState } from 'react'
 import Taro from '@tarojs/taro'
 
 // 保存系统进入时的参数
-export default function useAppRouter() {
-  const [router, setRouter] = useState()
+export default function useAppParams() {
+  const [appParams, setAppParams] = useState()
 
   return {
-    router,
-    setRouter
+    appParams,
+    setAppParams
   }
 }

src/utils/api.js

@@ -200,6 +200,12 @@ const $api = {
     url: `${prefix}/signup`
   },
 
+  // 二维码
+  qrcode: {
+    method: 'post',
+    url: `${prefix}/qrcode`
+  }
+
 }
 
 

src/utils/qrcode.js

@@ -0,0 +1,15 @@
+import { apis, request2 } from './request'
+
+export function getCardQrParam(user) {
+  const param = [
+    `id=${user.personId}`,
+    `from=card`,
+    `recommender=${user.personId}`
+  ]
+
+  return param.join('&')
+}
+
+export function getQrCodeImage(data) {
+  return request2({...apis.qrcode, data})
+}