|
@@ -1,73 +1,84 @@
|
1
|
|
-import React, { useEffect, useMemo, useState } from 'react'
|
2
|
|
-import Taro, { useRouter } from '@tarojs/taro'
|
3
|
|
-import './index.scss'
|
4
|
|
-import { View, Text, Input, Image } from '@tarojs/components'
|
5
|
|
-import ContainerLayout from '../../../compents/container/index'
|
6
|
|
-import radio from '../../../assets/radio.png'
|
7
|
|
-import Layout from '../../../layout/index'
|
8
|
|
-import request from '../../../util/request'
|
9
|
|
-import groupby from 'lodash.groupby';
|
10
|
|
-
|
11
|
|
-const house = (props) => {
|
12
|
|
-
|
13
|
|
- const router = useRouter()
|
14
|
|
- const { houseId } = router.params
|
15
|
|
-
|
16
|
|
- const [list, setList] = useState({})
|
17
|
|
-
|
18
|
|
-
|
|
1
|
+import React, { useEffect, useMemo, useState } from "react";
|
|
2
|
+import Taro, { useRouter } from "@tarojs/taro";
|
|
3
|
+import "./index.scss";
|
|
4
|
+import { View, Text, Input, Image } from "@tarojs/components";
|
|
5
|
+import ContainerLayout from "../../../compents/container/index";
|
|
6
|
+import radio from "../../../assets/radio.png";
|
|
7
|
+import Layout from "../../../layout/index";
|
|
8
|
+import request from "../../../util/request";
|
|
9
|
+import groupby from "lodash.groupby";
|
|
10
|
+import copy from '../../../assets/copy.png'
|
|
11
|
+const house = props => {
|
|
12
|
+ const router = useRouter();
|
|
13
|
+ const { houseId } = router.params;
|
|
14
|
+
|
|
15
|
+ const [list, setList] = useState({});
|
19
|
16
|
|
20
|
17
|
useEffect(() => {
|
21
|
|
- getList()
|
22
|
|
- }, [])
|
|
18
|
+ getList();
|
|
19
|
+ }, []);
|
23
|
20
|
|
24
|
21
|
const getList = () => {
|
25
|
|
- request({ url: '/taHousePerson',params:{houseId:houseId,pageSize:9999} }).then((res) => {
|
26
|
|
- const { records, ...page } = res.data.data
|
27
|
|
- console.log(groupby(records, item => item.orderId))
|
28
|
|
- setList(groupby(records, item => item.orderId))
|
|
22
|
+ request({
|
|
23
|
+ url: "/taHousePerson",
|
|
24
|
+ params: { houseId: houseId, pageSize: 9999 }
|
|
25
|
+ }).then(res => {
|
|
26
|
+ const { records, ...page } = res.data.data;
|
|
27
|
+ console.log(groupby(records, item => item.orderId));
|
|
28
|
+ setList(groupby(records, item => item.orderId));
|
29
|
29
|
// {
|
30
|
30
|
// const [date,_] = item.createDate.split('T')
|
31
|
31
|
// return date
|
32
|
32
|
// }))
|
33
|
|
- })
|
34
|
|
- }
|
35
|
|
-
|
36
|
|
-const getDate =(value)=>{
|
37
|
|
- const [date,time] = value.split('T')
|
38
|
|
- console.log(time,'time')
|
39
|
|
-return `${date} ${time.split(':')[0]}:${time.split(':')[1]}`
|
40
|
|
-}
|
41
|
|
- return <View className='household'>
|
42
|
|
-
|
43
|
|
- <Layout>
|
44
|
|
- {/* <View className='household-text'>vjoaphepionvodashvoia</View> */}
|
45
|
|
-
|
46
|
|
- {
|
47
|
|
- Object.keys(list).map((item) => {
|
48
|
|
- return <View className='household-view'>
|
49
|
|
- {/* {index + 1} */}
|
50
|
|
- <Text className='household-view-title'>订单编号:{item}</Text>
|
51
|
|
- <ContainerLayout className='household-view-card'>
|
52
|
|
- {list[item].map((x) => {
|
53
|
|
- return <view>{x.name}: {x.phone}</view>
|
54
|
|
- })}
|
55
|
|
- {`入住时间:${getDate(list[item][0].createDate)}`}
|
56
|
|
- {list[item].length == 0 && '暂无入住人信息'}
|
57
|
|
-
|
58
|
|
- </ContainerLayout>
|
59
|
|
-
|
60
|
|
- </View>
|
61
|
|
- })
|
62
|
|
-
|
63
|
|
- }
|
64
|
|
- {
|
65
|
|
- Object.keys(list).length === 0 && <view style={{textAlign:'center',paddingTop:30}}>
|
66
|
|
- 暂无入住信息
|
67
|
|
- </view>
|
68
|
|
- }
|
69
|
|
-
|
70
|
|
- {/* {list.map((x, index) => {
|
|
33
|
+ });
|
|
34
|
+ };
|
|
35
|
+
|
|
36
|
+ const getDate = value => {
|
|
37
|
+ const [date, time] = value.split("T");
|
|
38
|
+ console.log(time, "time");
|
|
39
|
+ return `${date} ${time.split(":")[0]}:${time.split(":")[1]}`;
|
|
40
|
+ };
|
|
41
|
+
|
|
42
|
+ const onCopy = value => {
|
|
43
|
+ wx.setClipboardData({
|
|
44
|
+ data: value.name + " " + value.phone,
|
|
45
|
+ success(res) {}
|
|
46
|
+ });
|
|
47
|
+ };
|
|
48
|
+ return (
|
|
49
|
+ <View className="household">
|
|
50
|
+ <Layout>
|
|
51
|
+ {/* <View className='household-text'>vjoaphepionvodashvoia</View> */}
|
|
52
|
+
|
|
53
|
+ {Object.keys(list).map(item => {
|
|
54
|
+ return (
|
|
55
|
+ <View className="household-view">
|
|
56
|
+ {/* {index + 1} */}
|
|
57
|
+ <Text className="household-view-title">订单编号:{item}</Text>
|
|
58
|
+ <ContainerLayout className="household-view-card">
|
|
59
|
+ {list[item].map(x => {
|
|
60
|
+ return (
|
|
61
|
+ <view>
|
|
62
|
+ <Text>
|
|
63
|
+ {x.name}: {x.phone}
|
|
64
|
+ </Text>
|
|
65
|
+ <Image className="household-view-card-icon" src={copy} onClick={() => onCopy(x)}></Image>
|
|
66
|
+ </view>
|
|
67
|
+ );
|
|
68
|
+ })}
|
|
69
|
+ <view>{`入住时间:${getDate(list[item][0].createDate)}`}</view>
|
|
70
|
+ {list[item].length == 0 && "暂无入住人信息"}
|
|
71
|
+ </ContainerLayout>
|
|
72
|
+ </View>
|
|
73
|
+ );
|
|
74
|
+ })}
|
|
75
|
+ {Object.keys(list).length === 0 && (
|
|
76
|
+ <view style={{ textAlign: "center", paddingTop: 30 }}>
|
|
77
|
+ 暂无入住信息
|
|
78
|
+ </view>
|
|
79
|
+ )}
|
|
80
|
+
|
|
81
|
+ {/* {list.map((x, index) => {
|
71
|
82
|
return <View className='household-view'>
|
72
|
83
|
|
73
|
84
|
<Text className='household-view-title'>入住日期:{index + 1}</Text>
|
|
@@ -79,10 +90,9 @@ return `${date} ${time.split(':')[0]}:${time.split(':')[1]}`
|
79
|
90
|
</View>
|
80
|
91
|
|
81
|
92
|
})} */}
|
82
|
|
- </Layout>
|
83
|
|
-
|
84
|
|
-
|
85
|
|
- </View>
|
86
|
|
-}
|
|
93
|
+ </Layout>
|
|
94
|
+ </View>
|
|
95
|
+ );
|
|
96
|
+};
|
87
|
97
|
|
88
|
|
-export default house
|
|
98
|
+export default house;
|