静态页面

src/components/WuYeBaoXiu/index.jsx

@@ -1,8 +1,9 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import { useModel } from '@/store'
 import Taro from '@tarojs/taro'
 import WuYeBaoXiuItem from '@/components/WuYeBaoXiuItem/index'
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
+import request, { apis } from '@/utils/request'
 import '@/assets/css/reset.less'
 import '@/assets/css/iconfont.less'
 import './index.less'
@@ -11,6 +12,20 @@ export default function WuYeBaoXiu () {
 
   const { user } = useModel('user')
   const [PageList, setPageList] = useState([])
+  const [BannerList, setBannerList] = useState([])
+
+  useEffect(() => {
+    GetBanner()
+  }, [])
+
+  const GetBanner = (done = () => { }) => { // 获取轮播图
+    request({ ...apis.getBanner, params: { contentType: `news`, pageNum: 1, pageSize: 1 } }).then((res) => {
+      setBannerList([...(res || [])])
+      done()
+    }).catch(() => {
+      done()
+    })
+  }
 
   const Refresh = (e) => { // 下拉刷新
     setPageList(e)
@@ -26,7 +41,10 @@ export default function WuYeBaoXiu () {
 
         {/* 大图 */}
         <view className='BigImg'>
-          <image mode='aspectFill' src={null} className='centerLabel'></image>
+          {
+            BannerList.length > 0 &&
+            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => { Taro.navigateTo({ url: `/pages/HuoDong/ZiXunDetail/index?id=${BannerList[0].targetId}` }) }}></image>
+          }
         </view>
 
         {/* 我要报修 */}

src/components/WuYeFuWu/index.jsx

@@ -1,7 +1,8 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import { useModel } from '@/store'
 import WuYeFuWuItem from '@/components/WuYeFuWuItem/index'
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
+import request, { apis } from '@/utils/request'
 import '@/assets/css/reset.less'
 import '@/assets/css/iconfont.less'
 import './index.less'
@@ -10,6 +11,20 @@ export default function WuYeFuWu () {
 
   const { user } = useModel('user')
   const [PageList, setPageList] = useState([])
+  const [BannerList, setBannerList] = useState([])
+
+  useEffect(() => {
+    GetBanner()
+  }, [])
+
+  const GetBanner = (done = () => { }) => { // 获取轮播图
+    request({ ...apis.getBanner, params: { contentType: `news`, pageNum: 1, pageSize: 1 } }).then((res) => {
+      setBannerList([...(res || [])])
+      done()
+    }).catch(() => {
+      done()
+    })
+  }
 
   const Refresh = (e) => { // 下拉刷新
     setPageList(e)
@@ -24,7 +39,10 @@ export default function WuYeFuWu () {
       <ScrollPageRefresh ApiName={`getWuYeFuWuList`} Refresh={Refresh} Push={Push}>
         {/* 大图 */}
         <view className='BigImg'>
-          <image mode='aspectFill' src={null} className='centerLabel'></image>
+          {
+            BannerList.length > 0 &&
+            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => { Taro.navigateTo({ url: `/pages/HuoDong/ZiXunDetail/index?id=${BannerList[0].targetId}` }) }}></image>
+          }
         </view>
 
         {/* 物业办事指南 */}

src/components/WuYeGongGao/index.jsx

@@ -1,7 +1,8 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import { useModel } from '@/store'
 import WuYeGongGaoItem from '@/components/WuYeGongGaoItem/index'
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
+import request, { apis } from '@/utils/request'
 import '@/assets/css/reset.less'
 import '@/assets/css/iconfont.less'
 import './index.less'
@@ -10,6 +11,20 @@ export default function WuYeGongGao () {
 
   const { user } = useModel('user')
   const [PageList, setPageList] = useState([])
+  const [BannerList, setBannerList] = useState([])
+
+  useEffect(() => {
+    GetBanner()
+  }, [])
+
+  const GetBanner = (done = () => { }) => { // 获取轮播图
+    request({ ...apis.getBanner, params: { contentType: `news`, pageNum: 1, pageSize: 1 } }).then((res) => {
+      setBannerList([...(res || [])])
+      done()
+    }).catch(() => {
+      done()
+    })
+  }
 
   const Refresh = (e) => { // 下拉刷新
     setPageList(e)
@@ -25,7 +40,10 @@ export default function WuYeGongGao () {
 
         {/* 大图 */}
         <view className='BigImg'>
-          <image mode='aspectFill' src={null} className='centerLabel'></image>
+          {
+            BannerList.length > 0 &&
+            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => { Taro.navigateTo({ url: `/pages/HuoDong/ZiXunDetail/index?id=${BannerList[0].targetId}` }) }}></image>
+          }
         </view>
 
         {/* 列表 */}

src/components/WuYeJiaoFei/index.jsx

@@ -1,6 +1,7 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import WuYeJiaoFeiItem from '@/components/WuYeJiaoFeiItem/index'
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
+import request, { apis } from '@/utils/request'
 import '@/assets/css/reset.less'
 import '@/assets/css/iconfont.less'
 import './index.less'
@@ -8,6 +9,20 @@ import './index.less'
 export default function WuYeJiaoFei () {
 
   const [PageList, setPageList] = useState([])
+  const [BannerList, setBannerList] = useState([])
+
+  useEffect(() => {
+    GetBanner()
+  }, [])
+
+  const GetBanner = (done = () => { }) => { // 获取轮播图
+    request({ ...apis.getBanner, params: { contentType: `news`, pageNum: 1, pageSize: 1 } }).then((res) => {
+      setBannerList([...(res || [])])
+      done()
+    }).catch(() => {
+      done()
+    })
+  }
 
   const Refresh = (e) => { // 下拉刷新
     setPageList(e)
@@ -23,7 +38,10 @@ export default function WuYeJiaoFei () {
 
         {/* 大图 */}
         <view className='BigImg'>
-          <image mode='aspectFill' src={null} className='centerLabel'></image>
+          {
+            BannerList.length > 0 &&
+            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => { Taro.navigateTo({ url: `/pages/HuoDong/ZiXunDetail/index?id=${BannerList[0].targetId}` }) }}></image>
+          }
         </view>
 
         {/* 缴费列表 */}

src/pages/ShouYe/index.jsx

@@ -39,7 +39,6 @@ export default function Index (props) {
   // }, [user])
 
   useUserMounted(() => {
-    console.log(user, `user`)
     OnRefresh()
   })
 
@@ -67,8 +66,8 @@ export default function Index (props) {
 
   const GetBanner = (done = () => { }) => { // 获取轮播图
     setBannerList([])
-    request({ ...apis.getBanner, params: { contentType: `activity` } }).then((res) => {
-      setBannerList([...res.records])
+    request({ ...apis.getBanner, params: { contentType: `activity`, pageNum: 1, pageSize: 5 } }).then((res) => {
+      setBannerList([...(res || [])])
       done()
     }).catch(() => {
       done()
@@ -165,8 +164,8 @@ export default function Index (props) {
                           {
                             BannerList.map((item, index) => (
                               <SwiperItem className='SwiperItem' key={`Banner-${index}`}>
-                                <view className='BannerItem'>
-                                  <image mode='aspectFill' src={item.img}></image>
+                                <view className='BannerItem' onClick={() => { Taro.navigateTo({ url: `/pages/HuoDong/HuoDongDetail/index?id=${item.targetId}` }) }}>
+                                  <image mode='aspectFill' src={item.image}></image>
                                 </view>
                               </SwiperItem>
                             ))