浏览代码

静态页面

1002884655 4 年前
父节点
当前提交
6b2c9cb756

+ 20
- 2
src/components/WuYeBaoXiu/index.jsx 查看文件

1
-import React, { useState } from 'react'
1
+import React, { useState, useEffect } from 'react'
2
 import { useModel } from '@/store'
2
 import { useModel } from '@/store'
3
 import Taro from '@tarojs/taro'
3
 import Taro from '@tarojs/taro'
4
 import WuYeBaoXiuItem from '@/components/WuYeBaoXiuItem/index'
4
 import WuYeBaoXiuItem from '@/components/WuYeBaoXiuItem/index'
5
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
5
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
6
+import request, { apis } from '@/utils/request'
6
 import '@/assets/css/reset.less'
7
 import '@/assets/css/reset.less'
7
 import '@/assets/css/iconfont.less'
8
 import '@/assets/css/iconfont.less'
8
 import './index.less'
9
 import './index.less'
11
 
12
 
12
   const { user } = useModel('user')
13
   const { user } = useModel('user')
13
   const [PageList, setPageList] = useState([])
14
   const [PageList, setPageList] = useState([])
15
+  const [BannerList, setBannerList] = useState([])
16
+
17
+  useEffect(() => {
18
+    GetBanner()
19
+  }, [])
20
+
21
+  const GetBanner = (done = () => { }) => { // 获取轮播图
22
+    request({ ...apis.getBanner, params: { contentType: `news`, pageNum: 1, pageSize: 1 } }).then((res) => {
23
+      setBannerList([...(res || [])])
24
+      done()
25
+    }).catch(() => {
26
+      done()
27
+    })
28
+  }
14
 
29
 
15
   const Refresh = (e) => { // 下拉刷新
30
   const Refresh = (e) => { // 下拉刷新
16
     setPageList(e)
31
     setPageList(e)
26
 
41
 
27
         {/* 大图 */}
42
         {/* 大图 */}
28
         <view className='BigImg'>
43
         <view className='BigImg'>
29
-          <image mode='aspectFill' src={null} className='centerLabel'></image>
44
+          {
45
+            BannerList.length > 0 &&
46
+            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => { Taro.navigateTo({ url: `/pages/HuoDong/ZiXunDetail/index?id=${BannerList[0].targetId}` }) }}></image>
47
+          }
30
         </view>
48
         </view>
31
 
49
 
32
         {/* 我要报修 */}
50
         {/* 我要报修 */}

+ 20
- 2
src/components/WuYeFuWu/index.jsx 查看文件

1
-import React, { useState } from 'react'
1
+import React, { useState, useEffect } from 'react'
2
 import { useModel } from '@/store'
2
 import { useModel } from '@/store'
3
 import WuYeFuWuItem from '@/components/WuYeFuWuItem/index'
3
 import WuYeFuWuItem from '@/components/WuYeFuWuItem/index'
4
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
4
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
5
+import request, { apis } from '@/utils/request'
5
 import '@/assets/css/reset.less'
6
 import '@/assets/css/reset.less'
6
 import '@/assets/css/iconfont.less'
7
 import '@/assets/css/iconfont.less'
7
 import './index.less'
8
 import './index.less'
10
 
11
 
11
   const { user } = useModel('user')
12
   const { user } = useModel('user')
12
   const [PageList, setPageList] = useState([])
13
   const [PageList, setPageList] = useState([])
14
+  const [BannerList, setBannerList] = useState([])
15
+
16
+  useEffect(() => {
17
+    GetBanner()
18
+  }, [])
19
+
20
+  const GetBanner = (done = () => { }) => { // 获取轮播图
21
+    request({ ...apis.getBanner, params: { contentType: `news`, pageNum: 1, pageSize: 1 } }).then((res) => {
22
+      setBannerList([...(res || [])])
23
+      done()
24
+    }).catch(() => {
25
+      done()
26
+    })
27
+  }
13
 
28
 
14
   const Refresh = (e) => { // 下拉刷新
29
   const Refresh = (e) => { // 下拉刷新
15
     setPageList(e)
30
     setPageList(e)
24
       <ScrollPageRefresh ApiName={`getWuYeFuWuList`} Refresh={Refresh} Push={Push}>
39
       <ScrollPageRefresh ApiName={`getWuYeFuWuList`} Refresh={Refresh} Push={Push}>
25
         {/* 大图 */}
40
         {/* 大图 */}
26
         <view className='BigImg'>
41
         <view className='BigImg'>
27
-          <image mode='aspectFill' src={null} className='centerLabel'></image>
42
+          {
43
+            BannerList.length > 0 &&
44
+            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => { Taro.navigateTo({ url: `/pages/HuoDong/ZiXunDetail/index?id=${BannerList[0].targetId}` }) }}></image>
45
+          }
28
         </view>
46
         </view>
29
 
47
 
30
         {/* 物业办事指南 */}
48
         {/* 物业办事指南 */}

+ 20
- 2
src/components/WuYeGongGao/index.jsx 查看文件

1
-import React, { useState } from 'react'
1
+import React, { useState, useEffect } from 'react'
2
 import { useModel } from '@/store'
2
 import { useModel } from '@/store'
3
 import WuYeGongGaoItem from '@/components/WuYeGongGaoItem/index'
3
 import WuYeGongGaoItem from '@/components/WuYeGongGaoItem/index'
4
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
4
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
5
+import request, { apis } from '@/utils/request'
5
 import '@/assets/css/reset.less'
6
 import '@/assets/css/reset.less'
6
 import '@/assets/css/iconfont.less'
7
 import '@/assets/css/iconfont.less'
7
 import './index.less'
8
 import './index.less'
10
 
11
 
11
   const { user } = useModel('user')
12
   const { user } = useModel('user')
12
   const [PageList, setPageList] = useState([])
13
   const [PageList, setPageList] = useState([])
14
+  const [BannerList, setBannerList] = useState([])
15
+
16
+  useEffect(() => {
17
+    GetBanner()
18
+  }, [])
19
+
20
+  const GetBanner = (done = () => { }) => { // 获取轮播图
21
+    request({ ...apis.getBanner, params: { contentType: `news`, pageNum: 1, pageSize: 1 } }).then((res) => {
22
+      setBannerList([...(res || [])])
23
+      done()
24
+    }).catch(() => {
25
+      done()
26
+    })
27
+  }
13
 
28
 
14
   const Refresh = (e) => { // 下拉刷新
29
   const Refresh = (e) => { // 下拉刷新
15
     setPageList(e)
30
     setPageList(e)
25
 
40
 
26
         {/* 大图 */}
41
         {/* 大图 */}
27
         <view className='BigImg'>
42
         <view className='BigImg'>
28
-          <image mode='aspectFill' src={null} className='centerLabel'></image>
43
+          {
44
+            BannerList.length > 0 &&
45
+            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => { Taro.navigateTo({ url: `/pages/HuoDong/ZiXunDetail/index?id=${BannerList[0].targetId}` }) }}></image>
46
+          }
29
         </view>
47
         </view>
30
 
48
 
31
         {/* 列表 */}
49
         {/* 列表 */}

+ 20
- 2
src/components/WuYeJiaoFei/index.jsx 查看文件

1
-import React, { useState } from 'react'
1
+import React, { useState, useEffect } from 'react'
2
 import WuYeJiaoFeiItem from '@/components/WuYeJiaoFeiItem/index'
2
 import WuYeJiaoFeiItem from '@/components/WuYeJiaoFeiItem/index'
3
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
3
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
4
+import request, { apis } from '@/utils/request'
4
 import '@/assets/css/reset.less'
5
 import '@/assets/css/reset.less'
5
 import '@/assets/css/iconfont.less'
6
 import '@/assets/css/iconfont.less'
6
 import './index.less'
7
 import './index.less'
8
 export default function WuYeJiaoFei () {
9
 export default function WuYeJiaoFei () {
9
 
10
 
10
   const [PageList, setPageList] = useState([])
11
   const [PageList, setPageList] = useState([])
12
+  const [BannerList, setBannerList] = useState([])
13
+
14
+  useEffect(() => {
15
+    GetBanner()
16
+  }, [])
17
+
18
+  const GetBanner = (done = () => { }) => { // 获取轮播图
19
+    request({ ...apis.getBanner, params: { contentType: `news`, pageNum: 1, pageSize: 1 } }).then((res) => {
20
+      setBannerList([...(res || [])])
21
+      done()
22
+    }).catch(() => {
23
+      done()
24
+    })
25
+  }
11
 
26
 
12
   const Refresh = (e) => { // 下拉刷新
27
   const Refresh = (e) => { // 下拉刷新
13
     setPageList(e)
28
     setPageList(e)
23
 
38
 
24
         {/* 大图 */}
39
         {/* 大图 */}
25
         <view className='BigImg'>
40
         <view className='BigImg'>
26
-          <image mode='aspectFill' src={null} className='centerLabel'></image>
41
+          {
42
+            BannerList.length > 0 &&
43
+            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => { Taro.navigateTo({ url: `/pages/HuoDong/ZiXunDetail/index?id=${BannerList[0].targetId}` }) }}></image>
44
+          }
27
         </view>
45
         </view>
28
 
46
 
29
         {/* 缴费列表 */}
47
         {/* 缴费列表 */}

+ 4
- 5
src/pages/ShouYe/index.jsx 查看文件

39
   // }, [user])
39
   // }, [user])
40
 
40
 
41
   useUserMounted(() => {
41
   useUserMounted(() => {
42
-    console.log(user, `user`)
43
     OnRefresh()
42
     OnRefresh()
44
   })
43
   })
45
 
44
 
67
 
66
 
68
   const GetBanner = (done = () => { }) => { // 获取轮播图
67
   const GetBanner = (done = () => { }) => { // 获取轮播图
69
     setBannerList([])
68
     setBannerList([])
70
-    request({ ...apis.getBanner, params: { contentType: `activity` } }).then((res) => {
71
-      setBannerList([...res.records])
69
+    request({ ...apis.getBanner, params: { contentType: `activity`, pageNum: 1, pageSize: 5 } }).then((res) => {
70
+      setBannerList([...(res || [])])
72
       done()
71
       done()
73
     }).catch(() => {
72
     }).catch(() => {
74
       done()
73
       done()
165
                           {
164
                           {
166
                             BannerList.map((item, index) => (
165
                             BannerList.map((item, index) => (
167
                               <SwiperItem className='SwiperItem' key={`Banner-${index}`}>
166
                               <SwiperItem className='SwiperItem' key={`Banner-${index}`}>
168
-                                <view className='BannerItem'>
169
-                                  <image mode='aspectFill' src={item.img}></image>
167
+                                <view className='BannerItem' onClick={() => { Taro.navigateTo({ url: `/pages/HuoDong/HuoDongDetail/index?id=${item.targetId}` }) }}>
168
+                                  <image mode='aspectFill' src={item.image}></image>
170
                                 </view>
169
                                 </view>
171
                               </SwiperItem>
170
                               </SwiperItem>
172
                             ))
171
                             ))