|
@@ -1,33 +1,40 @@
|
1
|
|
-import React, { useState, useEffect } from 'react'
|
2
|
|
-import withLayout from '@/layout'
|
3
|
|
-import './index.scss'
|
4
|
|
-import { ScrollView } from '@tarojs/components'
|
5
|
|
-import '@/assets/css/iconfont.css'
|
6
|
|
-import NewsListItem from '../components/NewsListItem/index'
|
7
|
|
-import { useDidShow } from '@tarojs/taro'
|
8
|
|
-import { queryNewsList } from '@/services/news'
|
|
1
|
+import React, { useState, useEffect } from "react";
|
|
2
|
+import { useRouter } from "@tarojs/taro";
|
|
3
|
+import { useSelector } from "react-redux";
|
|
4
|
+import withLayout from "@/layout";
|
|
5
|
+import "./index.scss";
|
|
6
|
+import { ScrollView } from "@tarojs/components";
|
|
7
|
+import "@/assets/css/iconfont.css";
|
|
8
|
+import NewsListItem from "../components/NewsListItem/index";
|
|
9
|
+import { useDidShow } from "@tarojs/taro";
|
|
10
|
+import { queryNewsList } from "@/services/news";
|
9
|
11
|
|
10
|
12
|
export default withLayout((props) => {
|
11
|
|
-
|
|
13
|
+ const router = useRouter();
|
|
14
|
+ const { buildingId, from } = router.params;
|
|
15
|
+ const city = useSelector((state) => state.city);
|
12
|
16
|
// const [PageProps] = useState(props)
|
13
|
|
- const [PageList, setPageList] = useState([])
|
14
|
|
- const [IsPull, setPull] = useState(false)
|
15
|
|
- const [PullTimer, setPullTimer] = useState(null)
|
|
17
|
+ const [PageList, setPageList] = useState([]);
|
|
18
|
+ const [IsPull, setPull] = useState(false);
|
|
19
|
+ const [PullTimer, setPullTimer] = useState(null);
|
16
|
20
|
|
17
|
|
- const PageRefresh = () => { // 页面下拉刷新回调
|
18
|
|
- setPull(true)
|
19
|
|
- }
|
|
21
|
+ const PageRefresh = () => {
|
|
22
|
+ // 页面下拉刷新回调
|
|
23
|
+ setPull(true);
|
|
24
|
+ };
|
20
|
25
|
|
21
|
|
- useEffect(() => { // 下拉刷新触发
|
|
26
|
+ useEffect(() => {
|
|
27
|
+ // 下拉刷新触发
|
22
|
28
|
if (IsPull) {
|
23
|
|
- clearTimeout(PullTimer)
|
24
|
|
- setPullTimer(setTimeout(() => {
|
25
|
|
- setPull(false)
|
26
|
|
- }, 2000))
|
|
29
|
+ clearTimeout(PullTimer);
|
|
30
|
+ setPullTimer(
|
|
31
|
+ setTimeout(() => {
|
|
32
|
+ setPull(false);
|
|
33
|
+ }, 2000)
|
|
34
|
+ );
|
27
|
35
|
}
|
28
|
|
- }, [IsPull])
|
|
36
|
+ }, [IsPull]);
|
29
|
37
|
|
30
|
|
-
|
31
|
38
|
// componentDidShow() {
|
32
|
39
|
// // // this.onPullDownRefresh()
|
33
|
40
|
// // console.log('----', this)
|
|
@@ -58,12 +65,23 @@ export default withLayout((props) => {
|
58
|
65
|
|
59
|
66
|
const loadData = (params) => {
|
60
|
67
|
// const currentPage = page || this.state.pageIndex
|
|
68
|
+ // const { curCity: { id: cityId } } = this.props
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+ // if (from === "mine") {
|
|
72
|
+ // params.mine = true;
|
|
73
|
+ // }
|
|
74
|
+ // // 从项目详情过来
|
|
75
|
+ if (buildingId) {
|
|
76
|
+ params.buildingId = buildingId;
|
|
77
|
+ }else if(city?.curCity?.id){
|
|
78
|
+ params.cityId = city.curCity.id;
|
|
79
|
+ }
|
61
|
80
|
|
62
|
|
- queryNewsList(params).then(res=>{
|
63
|
|
- console.log(res,'queryNewsList')
|
64
|
|
- const { records, list, total, current, pages, size } = res || {}
|
65
|
|
- setPageList([...PageList, ...records])
|
66
|
|
- })
|
|
81
|
+ queryNewsList(params).then((res) => {
|
|
82
|
+ const { records, list, total, current, pages, size } = res || {};
|
|
83
|
+ setPageList([...PageList, ...records]);
|
|
84
|
+ });
|
67
|
85
|
|
68
|
86
|
// this.loadList(currentPage, pageSize).then(res => {
|
69
|
87
|
// const { records, list, total, current, pages, size } = res || {}
|
|
@@ -80,31 +98,31 @@ export default withLayout((props) => {
|
80
|
98
|
// // pageIndex: current >= pages ? pages : current,
|
81
|
99
|
// })
|
82
|
100
|
// })
|
83
|
|
- }
|
84
|
|
- useEffect(()=>{
|
85
|
|
- loadData({page : 0, pageSize : 10})
|
86
|
|
- },[])
|
|
101
|
+ };
|
|
102
|
+ useEffect(() => {
|
|
103
|
+ loadData({ page: 0, pageSize: 10 });
|
|
104
|
+ }, []);
|
87
|
105
|
|
88
|
106
|
return (
|
89
|
|
- <view className='Page newsList'>
|
90
|
|
-
|
91
|
|
- <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
|
92
|
|
- <view className='PageContent'>
|
93
|
|
-
|
94
|
|
- {
|
95
|
|
- PageList.map((item, index) => (
|
96
|
|
- <NewsListItem data={item}></NewsListItem>
|
97
|
|
- ))
|
98
|
|
- }
|
|
107
|
+ <view className="Page newsList">
|
|
108
|
+ <ScrollView
|
|
109
|
+ scroll-y={true}
|
|
110
|
+ refresher-enabled={true}
|
|
111
|
+ refresher-triggered={IsPull}
|
|
112
|
+ onrefresherrefresh={PageRefresh}
|
|
113
|
+ refresher-background="#fff"
|
|
114
|
+ >
|
|
115
|
+ <view className="PageContent">
|
|
116
|
+ {PageList.map((item, index) => (
|
|
117
|
+ <NewsListItem data={item}></NewsListItem>
|
|
118
|
+ ))}
|
99
|
119
|
|
100
|
120
|
{/* bottom */}
|
101
|
|
- <view className='PageBottom'>
|
|
121
|
+ <view className="PageBottom">
|
102
|
122
|
<text>已经到底了~</text>
|
103
|
123
|
</view>
|
104
|
|
-
|
105
|
124
|
</view>
|
106
|
125
|
</ScrollView>
|
107
|
|
-
|
108
|
126
|
</view>
|
109
|
|
- )
|
110
|
|
-})
|
|
127
|
+ );
|
|
128
|
+});
|