feats

config/dev.js

@@ -3,8 +3,8 @@ module.exports = {
     NODE_ENV: '"development"'
   },
   defineConstants: {
-    HOST: '"https://xlk.njyz.tech"',
-    // HOST: '"http://127.0.0.1:8081"',
+    // HOST: '"https://xlk.njyz.tech"',
+    HOST: '"http://127.0.0.1:8081"',
     WSS_HOST: '"wss://xlk.njyz.tech"',
     OSS_PATH: '"https://xlk-assets.oss-accelerate.aliyuncs.com/"',
     OSS_FAST_PATH: '"https://xlk-assets.oss-accelerate.aliyuncs.com/"',

src/layout/index.js

@@ -11,12 +11,14 @@ import FixedConsultant from '@/components/FixedConsultant'
 import { report as reportCustomer } from '@/utils/customer'
 import { ROLE_CODE } from '@/constants/user'
 import useAuth from './useAuth'
+import useScreen from './useScreen'
 import { routes } from '../routes'
 
 import './style.scss'
 
 export default (ChildComponent) => (props) => {
   const consultant = useSelector(s => s.system.consultant)
+  const city = useSelector(s => s.city)
   const { spinning, userInfo } = useSelector(s => s.user)
   const { person, ...extInfo } = userInfo || {}
   const router = useRouter()
@@ -31,6 +33,8 @@ export default (ChildComponent) => (props) => {
   const [shareContent, setShareContent] = useState({})
   // 页面埋点
   const [trackData, setTrackData] = useState({})
+  // 开屏广告
+  const [firstScreen, showScreen, toggleShowScreen] = useScreen(city.id, person)
 
   // 报备客户
   useEffect(() => {
@@ -90,6 +94,7 @@ export default (ChildComponent) => (props) => {
             router={router}
             consultant={consultant}
             page={page}
+            city={city}
             shareContent={shareContent}
             trackData={trackData}
             {...props}

src/layout/useScreen.js

@@ -0,0 +1,33 @@
+/**
+ * 获取开屏广告
+ * @param {*} cityId 
+ */
+import { useEffect, useState, useCallback } from 'react'
+import { useDispatch, useSelector } from 'react-redux'
+import { queryExtContents } from '@/services/common'
+
+export default function useScreen(cityId, person) {
+  const dispatch = useDispatch()
+
+  const [firstScreen, setFirstScreen] = useState()
+  const show = useSelector(s => !s.system.firstScreen.filter(x => x === cityId)[0])
+  const toggle = useCallback(
+    () => dispatch({ type: 'TOGGLE_FIRSTSCREEN', payload: { cityId } }),
+    [cityId, dispatch],
+  )
+
+  useEffect(() => {
+    if (cityId && person?.personId) {
+      queryExtContents({cityId}).then((res) => {
+        const screen = (res || []).filter(x => x.showType === 'screen' && x.showPosition === 'index')[0] || {}
+        setFirstScreen(screen)
+  
+        if (screen) {
+          toggle()
+        }
+      })
+    }
+  }, [cityId, toggle, person?.personId])
+
+  return [firstScreen, show, toggle]
+}

src/reducers/system.js

@@ -13,6 +13,8 @@ const INITIAL_STATE = {
   recommender: {},
   // 当前推荐置业顾问信息
   consultant: {},
+  // 开屏广告 - 如果当前城市已展示过, 那么会把 cityId 放入数组
+  firstScreen: [],
 };
 
 export default function(state = INITIAL_STATE, action) {
@@ -41,6 +43,19 @@ export default function(state = INITIAL_STATE, action) {
         consultant: action.payload
       };
     }
+    case 'TOGGLE_FIRSTSCREEN': {
+      const { cityId } = action.payload
+      const showed = state.firstScreen.filter(x => x === cityId)[0]
+
+      if (!showed) {
+        return {
+          ...state,
+          firstScreen: state.firstScreen.concat(cityId)
+        };
+      }
+
+      return state;
+    }
 
     default:
       return state;