Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
T
TOSTUMI
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Maple
TOSTUMI
Commits
9670e42a
Commit
9670e42a
authored
Oct 29, 2020
by
cellee
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
完善小区提交信息,转化英文
Signed-off-by:
cellee
<
893264950@qq.com
>
parent
6aaa43c3
Changes
8
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
233 additions
and
157 deletions
+233
-157
TitleSearch.tsx
src/components/TitleSearch/TitleSearch.tsx
+2
-5
CellList.ts
src/models/CommunityManagement/CellList.ts
+3
-3
Adds.tsx
src/pages/CommunityManagement/CellList/Adds.tsx
+66
-57
CellList.tsx
src/pages/CommunityManagement/CellList/CellList.tsx
+43
-51
Details.tsx
src/pages/CommunityManagement/CellList/Details.tsx
+19
-19
celllist.css
src/pages/CommunityManagement/CellList/celllist.css
+87
-16
celllist.less
src/pages/CommunityManagement/CellList/celllist.less
+9
-2
tip.ts
src/utils/tip.ts
+4
-4
No files found.
src/components/TitleSearch/TitleSearch.tsx
View file @
9670e42a
import
React
,
{
useState
,
useEffect
,
useRef
}
from
'react'
;
import
React
,
{
useState
,
useEffect
,
useRef
}
from
'react'
;
import
{
Link
,
useIntl
,
connect
,
Dispatch
,
history
}
from
'umi'
;
import
{
Link
,
useIntl
,
connect
,
Dispatch
,
history
}
from
'umi'
;
import
styles
from
'./index.less'
;
import
{
SearchOutlined
}
from
'@ant-design/icons'
;
import
BackButton
from
'../BackButton/BackButton'
;
import
TitleGet
from
'../TitleGet/TitleGet'
;
import
{
Input
,
Row
,
Col
,
Form
,
Select
,
Button
,
DatePicker
}
from
'antd'
;
import
{
Input
,
Row
,
Col
,
Form
,
Select
,
Button
,
DatePicker
}
from
'antd'
;
const
{
Option
}
=
Select
;
const
{
Option
}
=
Select
;
...
@@ -195,7 +192,7 @@ const TitleSearch = (props: any) => {
...
@@ -195,7 +192,7 @@ const TitleSearch = (props: any) => {
htmlType=
"submit"
htmlType=
"submit"
style=
{
{
backgroundColor
:
'#e7f4ff'
,
color
:
'rgba(24,144,255,1)'
}
}
style=
{
{
backgroundColor
:
'#e7f4ff'
,
color
:
'rgba(24,144,255,1)'
}
}
>
>
Search
<
SearchOutlined
/>
Search
</
Button
>
</
Button
>
</
Form
.
Item
>
</
Form
.
Item
>
</>
</>
...
...
src/models/CommunityManagement/CellList.ts
View file @
9670e42a
...
@@ -68,13 +68,13 @@ export default {
...
@@ -68,13 +68,13 @@ export default {
yield
put
({
type
:
'returnPage'
,
Data
});
yield
put
({
type
:
'returnPage'
,
Data
});
}
}
break
;
break
;
case
29
:
// 小区编辑
case
29
:
// 小区
新增
编辑
{
{
let
Result
=
resp
;
let
Result
=
resp
;
yield
put
({
type
:
'returnResult'
,
Result
});
yield
put
({
type
:
'returnResult'
,
Result
});
// message.success(`小区信息保存成功!
`);
message
.
success
(
`Information saved successfully!
`
);
//
history.push('/CommunityManagement/CellList');
history
.
push
(
'/CommunityManagement/CellList'
);
}
}
break
;
break
;
case
32
:
// 获取小区详情
case
32
:
// 获取小区详情
...
...
src/pages/CommunityManagement/CellList/Adds.tsx
View file @
9670e42a
...
@@ -10,8 +10,10 @@ import { village } from '@/utils/tip';
...
@@ -10,8 +10,10 @@ import { village } from '@/utils/tip';
import
moment
from
'moment'
;
import
moment
from
'moment'
;
const
{
RangePicker
}
=
TimePicker
;
// 接口申明
// 接口申明
interface
objc
{}
interface
objc
{
}
const
Adds
=
(
props
:
any
)
=>
{
const
Adds
=
(
props
:
any
)
=>
{
const
{
Data
,
dispatch
,
loading
,
Result
}
=
props
;
const
{
Data
,
dispatch
,
loading
,
Result
}
=
props
;
...
@@ -22,11 +24,10 @@ const Adds = (props: any) => {
...
@@ -22,11 +24,10 @@ const Adds = (props: any) => {
//物业费选择
//物业费选择
const
plainOptions
=
[
const
plainOptions
=
[
{
label
:
'
线上缴费
'
,
value
:
'0'
,
disabled
:
true
},
{
label
:
'
Online Payment
'
,
value
:
'0'
,
disabled
:
true
},
{
label
:
'
线下缴费
'
,
value
:
'1'
},
{
label
:
'
Offline Payment
'
,
value
:
'1'
},
];
];
const
{
RangePicker
}
=
TimePicker
;
// 表单物业费提交值
// 表单物业费提交值
const
[
PropertyFee
,
setPropertyFee
]
=
useState
([
'1'
]);
const
[
PropertyFee
,
setPropertyFee
]
=
useState
([
'1'
]);
...
@@ -42,22 +43,23 @@ const Adds = (props: any) => {
...
@@ -42,22 +43,23 @@ const Adds = (props: any) => {
const
[
codeStrat
,
setcodeStrat
]
=
useState
(
false
);
const
[
codeStrat
,
setcodeStrat
]
=
useState
(
false
);
const
[
tipMain
,
setTipMain
]
=
useState
(
''
);
const
[
tipMain
,
setTipMain
]
=
useState
(
''
);
useEffect
(()
=>
{
// 监听提交
console
.
log
(
Result
);
// useEffect(() => {
if
(
Result
!=
null
)
{
// console.log(Result);
console
.
log
(
'页面结果'
);
// if (Result != null) {
console
.
log
(
Result
);
// console.log('页面结果');
if
(
Result
.
error_code
==
undefined
)
{
// console.log(Result);
console
.
log
(
'服务器有问题'
);
// if (Result.error_code == undefined) {
message
.
error
(
'服务器有问题,请求失败'
,
5
);
// console.log('服务器有问题');
}
// message.error('服务器有问题,请求失败', 5);
if
(
Result
.
error_code
==
'0000'
)
{
// }
message
.
success
(
`Community Saved Successfully`
);
// if (Result.error_code == '0000') {
history
.
go
(
-
1
);
// message.success(`Community Saved Successfully`);
}
// ResultClear(module, dispatch);
ResultClear
(
module
,
dispatch
);
// history.go(-1);
}
// }
},
[
Result
]);
// }
// }, [Result]);
// 赋值
// 赋值
useEffect
(()
=>
{
useEffect
(()
=>
{
...
@@ -81,16 +83,13 @@ const Adds = (props: any) => {
...
@@ -81,16 +83,13 @@ const Adds = (props: any) => {
email
:
Data
.
residentialEmail
,
email
:
Data
.
residentialEmail
,
},
},
residentialManagerUserName
:
Data
.
residentialManagerUserName
,
residentialManagerUserName
:
Data
.
residentialManagerUserName
,
// 非必填的
help
:
{
help
:
{
residentialHotlineName
:
Data
.
residentialHotlineName
?
Data
.
residentialHotlineName
:
''
,
residentialHotlineName
:
Data
.
residentialHotlineName
,
residentialHotline
:
Data
.
residentialHotline
?
Data
.
residentialHotline
:
''
,
residentialHotline
:
Data
.
residentialHotline
,
time
:
Data
.
residentialHotlineServieStartTime
time
:
[
?
[
moment
(
Data
.
residentialHotlineServieStartTime
,
'HH:mm'
),
moment
(
Data
.
residentialHotlineServieStartTime
,
'HH:mm'
),
moment
(
Data
.
residentialHotlineServieEndTime
,
'HH:mm'
),
moment
(
Data
.
residentialHotlineServieEndTime
,
'HH:mm'
),
]
]
:
''
,
},
},
});
});
// 上传
// 上传
...
@@ -100,7 +99,7 @@ const Adds = (props: any) => {
...
@@ -100,7 +99,7 @@ const Adds = (props: any) => {
// 小区名 -- 上传需要
// 小区名 -- 上传需要
setCodeName
(
Data
.
residentialName
);
setCodeName
(
Data
.
residentialName
);
setcodeStrat
(
true
);
setcodeStrat
(
true
);
setTipMain
(
'Binding
content already exists, cannot be modified
'
);
setTipMain
(
'Binding
Content Already Exists, Cannot Be Modified!
'
);
}
else
{
}
else
{
console
.
log
(
'新建'
);
console
.
log
(
'新建'
);
}
}
...
@@ -134,11 +133,11 @@ const Adds = (props: any) => {
...
@@ -134,11 +133,11 @@ const Adds = (props: any) => {
console
.
log
(
po
);
console
.
log
(
po
);
setLouba
(
po
);
setLouba
(
po
);
setcodeStrat
(
true
);
setcodeStrat
(
true
);
setTipMain
(
'
已有绑定内容,不可做修改
!'
);
setTipMain
(
'
Binding Content Already Exists, Cannot Be Modified
!'
);
// 结果
// 结果
uploadMsg
(
info
);
uploadMsg
(
info
);
}
else
{
}
else
{
message
.
warning
(
'
请先填写小区名
'
);
message
.
warning
(
'
Please Fill In The Community Name
'
);
}
}
},
},
};
};
...
@@ -151,11 +150,11 @@ const Adds = (props: any) => {
...
@@ -151,11 +150,11 @@ const Adds = (props: any) => {
// 给楼巴上传列表值
// 给楼巴上传列表值
setGuide
(
po
);
setGuide
(
po
);
setcodeStrat
(
true
);
setcodeStrat
(
true
);
setTipMain
(
'
已有绑定内容,不可做修改
!'
);
setTipMain
(
'
Binding Content Already Exists, Cannot Be Modified
!'
);
// 结果
// 结果
uploadMsg
(
info
);
uploadMsg
(
info
);
}
else
{
}
else
{
message
.
warning
(
'
请先填写小区名
'
);
message
.
warning
(
'
Please Fill In The Community Name
'
);
}
}
},
},
};
};
...
@@ -168,11 +167,11 @@ const Adds = (props: any) => {
...
@@ -168,11 +167,11 @@ const Adds = (props: any) => {
// 给楼巴上传列表值 以及禁止修改小区名
// 给楼巴上传列表值 以及禁止修改小区名
setPeriod
(
po
);
setPeriod
(
po
);
setcodeStrat
(
true
);
setcodeStrat
(
true
);
setTipMain
(
'
已有绑定内容,不可做修改
!'
);
setTipMain
(
'
Binding Content Already Exists, Cannot Be Modified
!'
);
// 结果
// 结果
uploadMsg
(
info
);
uploadMsg
(
info
);
}
else
{
}
else
{
message
.
warning
(
'
请先填写小区名
'
);
message
.
warning
(
'
Please Fill In The Community Name
'
);
}
}
},
},
};
};
...
@@ -201,8 +200,18 @@ const Adds = (props: any) => {
...
@@ -201,8 +200,18 @@ const Adds = (props: any) => {
}
}
}
}
// 表单
提交
// 表单
验证
const
onFinish
=
(
values
:
any
)
=>
{
const
onFinish
=
(
values
:
any
)
=>
{
let
{
residentialZipCode
,
residentialAddress
,
residentialName
}
=
values
.
des
;
if
(
residentialZipCode
.
length
<
6
)
{
message
.
error
(
'Please Enter 6-digit Zip Code!'
)
}
else
{
onUpDate
(
values
)
}
}
// 表单提交
function
onUpDate
(
values
:
any
)
{
console
.
log
(
values
.
help
);
console
.
log
(
values
.
help
);
let
obj
:
any
=
new
Object
();
let
obj
:
any
=
new
Object
();
...
@@ -229,21 +238,21 @@ const Adds = (props: any) => {
...
@@ -229,21 +238,21 @@ const Adds = (props: any) => {
// 小区热线
// 小区热线
// 表单结构存在数据不存在情况, 所以要多判断一次
// 表单结构存在数据不存在情况, 所以要多判断一次
if
(
values
.
help
)
{
if
(
values
.
help
)
{
obj
.
residentialHotlineName
=
undeFi
(
values
.
help
.
residentialHotlineName
)
;
obj
.
residentialHotlineName
=
values
.
help
.
residentialHotlineName
?
undeFi
(
values
.
help
.
residentialHotlineName
)
:
values
.
info
.
tel
;
obj
.
residentialHotline
=
undeFi
(
values
.
help
.
residentialHotline
)
;
obj
.
residentialHotline
=
values
.
help
.
residentialHotlineName
?
undeFi
(
values
.
help
.
residentialHotline
)
:
values
.
info
.
tel
;
// 编辑的时候 为空 判断
// 编辑的时候 为空 判断
if
(
values
.
help
.
time
!==
''
&&
values
.
help
.
time
)
{
if
(
values
.
help
.
time
)
{
obj
.
residentialHotlineServieStartTime
=
undeFi
(
values
.
help
.
time
[
0
]).
format
(
'HH:mm'
);
obj
.
residentialHotlineServieStartTime
=
undeFi
(
values
.
help
.
time
[
0
]).
format
(
'HH:mm'
);
obj
.
residentialHotlineServieEndTime
=
undeFi
(
values
.
help
.
time
[
1
]).
format
(
'HH:mm'
);
obj
.
residentialHotlineServieEndTime
=
undeFi
(
values
.
help
.
time
[
1
]).
format
(
'HH:mm'
);
}
else
{
}
else
{
obj
.
residentialHotlineServieStartTime
=
''
;
obj
.
residentialHotlineServieStartTime
=
values
.
workingHours
[
0
].
format
(
'HH:mm'
)
;
obj
.
residentialHotlineServieEndTime
=
''
;
obj
.
residentialHotlineServieEndTime
=
values
.
workingHours
[
1
].
format
(
'HH:mm'
)
;
}
}
}
else
{
}
else
{
obj
.
residentialHotlineName
=
''
;
obj
.
residentialHotlineName
=
values
.
info
.
tel
;
obj
.
residentialHotline
=
''
;
obj
.
residentialHotline
=
values
.
info
.
tel
;
obj
.
residentialHotlineServieStartTime
=
''
;
obj
.
residentialHotlineServieStartTime
=
values
.
workingHours
[
0
].
format
(
'HH:mm'
)
;
obj
.
residentialHotlineServieEndTime
=
''
;
obj
.
residentialHotlineServieEndTime
=
values
.
workingHours
[
1
].
format
(
'HH:mm'
)
;
}
}
console
.
log
(
'Success:'
,
obj
);
console
.
log
(
'Success:'
,
obj
);
...
@@ -270,9 +279,9 @@ const Adds = (props: any) => {
...
@@ -270,9 +279,9 @@ const Adds = (props: any) => {
<>
<>
<
Spin
spinning=
{
loading
}
tip=
"信息提交中..."
size=
"large"
>
<
Spin
spinning=
{
loading
}
tip=
"信息提交中..."
size=
"large"
>
<
div
className=
"form"
>
<
div
className=
"form"
>
<
h3
>
<
h3
className=
'capi'
>
<
EditOutlined
/>
<
EditOutlined
/>
{
Data
?
'
编辑'
:
'新增'
}
小区
{
Data
?
'
edit'
:
'establish'
}
community
<
div
className=
"back"
>
<
div
className=
"back"
>
<
Button
onClick=
{
goToReturn
}
>
<
Button
onClick=
{
goToReturn
}
>
<
LeftOutlined
/>
<
LeftOutlined
/>
...
@@ -322,7 +331,7 @@ const Adds = (props: any) => {
...
@@ -322,7 +331,7 @@ const Adds = (props: any) => {
</
Form
.
Item
>
</
Form
.
Item
>
<
Form
.
Item
label=
"Working Hours"
name=
"workingHours"
rules=
{
village
[
1
]
as
any
}
>
<
Form
.
Item
label=
"Working Hours"
name=
"workingHours"
rules=
{
village
[
1
]
as
any
}
>
<
RangePicker
format=
"HH:mm"
/>
<
RangePicker
format=
"HH:mm"
placeholder=
{
[
'Start Time'
,
'End Time'
]
}
/>
</
Form
.
Item
>
</
Form
.
Item
>
<
Form
.
Item
label=
"Community Telephone"
name=
"info"
rules=
{
village
[
3
]
as
any
}
>
<
Form
.
Item
label=
"Community Telephone"
name=
"info"
rules=
{
village
[
3
]
as
any
}
>
...
@@ -357,8 +366,8 @@ const Adds = (props: any) => {
...
@@ -357,8 +366,8 @@ const Adds = (props: any) => {
<
Form
.
Item
label=
"Property Fee"
name=
"propertyFee"
style=
{
{
marginBottom
:
'0'
}
}
>
<
Form
.
Item
label=
"Property Fee"
name=
"propertyFee"
style=
{
{
marginBottom
:
'0'
}
}
>
<
Checkbox
.
Group
options=
{
plainOptions
}
defaultValue=
{
[
'1'
]
}
onChange=
{
onChange
}
/>
<
Checkbox
.
Group
options=
{
plainOptions
}
defaultValue=
{
[
'1'
]
}
onChange=
{
onChange
}
/>
<
div
className=
"tip"
>
<
div
className=
"tip
capi
"
>
<
span
>
*
</
span
>
线上缴费会有服务费
<
span
>
*
</
span
>
There will be a service charge for online payment
</
div
>
</
div
>
</
Form
.
Item
>
</
Form
.
Item
>
...
@@ -377,7 +386,7 @@ const Adds = (props: any) => {
...
@@ -377,7 +386,7 @@ const Adds = (props: any) => {
<
LinkOutlined
color=
"#409EFF"
/>
<
LinkOutlined
color=
"#409EFF"
/>
{
loubaUpload
.
length
>
0
?
loubaUpload
[
0
].
name
:
''
}
{
loubaUpload
.
length
>
0
?
loubaUpload
[
0
].
name
:
''
}
</
p
>
</
p
>
<
span
>
支持文件
:.doc,.docx,.jpg,.png,.pdf
</
span
>
<
span
className=
"capi"
>
Support Files
:.doc,.docx,.jpg,.png,.pdf
</
span
>
</
div
>
</
div
>
</
Form
.
Item
>
</
Form
.
Item
>
...
@@ -390,7 +399,7 @@ const Adds = (props: any) => {
...
@@ -390,7 +399,7 @@ const Adds = (props: any) => {
<
LinkOutlined
color=
"#409EFF"
/>
<
LinkOutlined
color=
"#409EFF"
/>
{
guideUpload
.
length
>
0
?
guideUpload
[
0
].
name
:
''
}
{
guideUpload
.
length
>
0
?
guideUpload
[
0
].
name
:
''
}
</
p
>
</
p
>
<
span
>
支持文件
:.doc,.docx,.jpg,.png,.pdf
</
span
>
<
span
className=
"capi"
>
Support Files
:.doc,.docx,.jpg,.png,.pdf
</
span
>
</
div
>
</
div
>
</
Form
.
Item
>
</
Form
.
Item
>
...
@@ -407,7 +416,7 @@ const Adds = (props: any) => {
...
@@ -407,7 +416,7 @@ const Adds = (props: any) => {
<
LinkOutlined
color=
"#409EFF"
/>
<
LinkOutlined
color=
"#409EFF"
/>
{
periodUpload
.
length
>
0
?
periodUpload
[
0
].
name
:
''
}
{
periodUpload
.
length
>
0
?
periodUpload
[
0
].
name
:
''
}
</
p
>
</
p
>
<
span
>
支持文件
:.doc,.docx,.jpg,.png,.pdf
</
span
>
<
span
className=
"capi"
>
Support Files
:.doc,.docx,.jpg,.png,.pdf
</
span
>
</
div
>
</
div
>
</
Form
.
Item
>
</
Form
.
Item
>
...
@@ -418,16 +427,16 @@ const Adds = (props: any) => {
...
@@ -418,16 +427,16 @@ const Adds = (props: any) => {
<
Form
.
Item
name=
{
[
'help'
,
'residentialHotlineName'
]
}
noStyle
>
<
Form
.
Item
name=
{
[
'help'
,
'residentialHotlineName'
]
}
noStyle
>
<
Input
<
Input
style=
{
{
marginRight
:
'10px'
,
width
:
'160px'
}
}
style=
{
{
marginRight
:
'10px'
,
width
:
'160px'
}
}
placeholder=
"
热线电话名称
"
placeholder=
"
Name Of Hotline
"
/>
/>
</
Form
.
Item
>
</
Form
.
Item
>
<
Form
.
Item
name=
{
[
'help'
,
'residentialHotline'
]
}
noStyle
>
<
Form
.
Item
name=
{
[
'help'
,
'residentialHotline'
]
}
noStyle
>
<
Input
style=
{
{
marginRight
:
'10px'
,
width
:
'180px'
}
}
placeholder=
"
热线电话
"
/>
<
Input
style=
{
{
marginRight
:
'10px'
,
width
:
'180px'
}
}
placeholder=
"
Hotline
"
/>
</
Form
.
Item
>
</
Form
.
Item
>
<
Form
.
Item
name=
{
[
'help'
,
'time'
]
}
noStyle
>
<
Form
.
Item
name=
{
[
'help'
,
'time'
]
}
noStyle
>
<
RangePicker
format=
"HH:mm"
/>
<
RangePicker
format=
"HH:mm"
placeholder=
{
[
'Start Time'
,
'End Time'
]
}
/>
</
Form
.
Item
>
</
Form
.
Item
>
</
Input
.
Group
>
</
Input
.
Group
>
</
Form
.
Item
>
</
Form
.
Item
>
...
...
src/pages/CommunityManagement/CellList/CellList.tsx
View file @
9670e42a
...
@@ -44,7 +44,18 @@ const CellLists = (props: any) => {
...
@@ -44,7 +44,18 @@ const CellLists = (props: any) => {
]);
]);
const
{
dispatch
,
Data
,
loading
,
curString
,
village
}
=
props
;
const
{
dispatch
,
Data
,
loading
,
curString
,
village
}
=
props
;
// console.log(Data);
// 翻页数据
function
pagesList
(
name
:
string
,
list
:
any
,
num
:
number
){
let
msg
=
{
residentialManagerUserName
:
name
?
name
:
''
,
communityNameList
:
list
,
pageNum
:
num
,
}
return
msg
}
console
.
log
(
village
.
page
)
// 先请求一次 拿到所有小区列表
// 先请求一次 拿到所有小区列表
useEffect
(()
=>
{
useEffect
(()
=>
{
...
@@ -54,12 +65,7 @@ const CellLists = (props: any) => {
...
@@ -54,12 +65,7 @@ const CellLists = (props: any) => {
// 监听data请求完毕再请求一次
// 监听data请求完毕再请求一次
useEffect
(()
=>
{
useEffect
(()
=>
{
if
(
Data
!=
null
)
{
if
(
Data
!=
null
)
{
let
msg
=
{
RA
(
48
,
pagesList
(
''
,
Data
.
communityList
,
1
),
module
,
dispatch
);
residentialManagerUserName
:
''
,
communityNameList
:
Data
.
communityList
,
pageNum
:
1
,
};
RA
(
48
,
msg
,
module
,
dispatch
);
}
}
},
[
Data
]);
},
[
Data
]);
...
@@ -84,39 +90,23 @@ const CellLists = (props: any) => {
...
@@ -84,39 +90,23 @@ const CellLists = (props: any) => {
// 点击搜索
// 点击搜索
const
CallBackTitleSearch
=
(
comment
:
any
)
=>
{
const
CallBackTitleSearch
=
(
comment
:
any
)
=>
{
message
.
error
(
'后台接口更新中'
);
console
.
log
(
comment
)
// if (comment.communityName.length > 0 || typeof comment.label !== 'undefined') {
if
(
comment
.
communityName
.
length
>
0
||
typeof
comment
.
label
!==
'undefined'
)
{
// let tmp: any = new Object();
RA
(
48
,
pagesList
(
comment
.
label
,
comment
.
communityName
,
1
),
module
,
dispatch
);
// tmp.adminName = comment.label;
}
// tmp.communityName = comment.communityName;
else
{
// tmp.curPage = 1;
message
.
error
(
'Please Enter And Select A Content To Search!'
);
// // QA(tmp);
}
// console.log(tmp);
// // CallbackSearch()
// //中断
// // RA(9, {
// // userToken: token,
// // pageNum: '1',
// // subscribeDate: tmp.subscribeDate,
// // status: tmp.status,
// // communityNameList: comment.communityName,
// // }, module, dispatch);
// } else {
// message.error('请输入管理员姓名或选择小区进行搜索!');
// }
};
};
//
页面切换
//
点击页面属性传参数
const
paginationHandler
=
(
page
:
number
,
pageSize
?:
number
)
=>
{
const
paginationHandler
=
(
page
:
number
,
pageSize
?:
number
)
=>
{
dispatch
({
RA
(
48
,
pagesList
(
''
,
Data
.
communityList
,
page
),
module
,
dispatch
);
type
:
'ContractModel/getList'
,
};
payload
:
{
index
:
19
,
// 刷新
page
:
{
const
resetHandler
=
()
=>
{
pageNum
:
page
,
RA
(
48
,
pagesList
(
''
,
Data
.
communityList
,
1
),
module
,
dispatch
);
},
},
});
};
};
return
(
return
(
...
@@ -150,27 +140,29 @@ const CellLists = (props: any) => {
...
@@ -150,27 +140,29 @@ const CellLists = (props: any) => {
density
:
true
,
density
:
true
,
fullScreen
:
true
,
fullScreen
:
true
,
reload
:
()
=>
{
reload
:
()
=>
{
//
resetHandler();
resetHandler
();
},
},
setting
:
false
,
setting
:
false
,
}
}
}
}
headerTitle=
"Community List"
headerTitle=
"Community List"
// pagination=
{{
defaultCurrent
:
1,
total
:
Data
.
totalRow
}}
// pagination=
{{
defaultCurrent
:
1,
total
:
Data
.
totalRow
}}
/>
/>
<
div
className=
"pages"
>
{
village
.
page
?
(
{
/* <Pagination
<
div
className=
"pages"
>
current={village.page}
total={village.totalRow}
<
Pagination
onChange={paginationHandler}
current=
{
village
.
page
.
currentPage
}
// onShowSizeChange={pageSizeHandler}
total=
{
village
.
page
.
totalRow
}
// current={users.meta.page}
pageSize=
{
village
.
page
.
curPageSize
}
// pageSize={users.meta.per_page}
onChange=
{
paginationHandler
}
/> */
}
/>
</
div
>
</
div
>
)
:
''
}
</>
</>
)
:
(
)
:
(
'暂无数据'
'暂无数据'
)
}
)
}
</
div
>
</
div
>
);
);
};
};
...
...
src/pages/CommunityManagement/CellList/Details.tsx
View file @
9670e42a
...
@@ -125,7 +125,7 @@ const Detail = (props: any) => {
...
@@ -125,7 +125,7 @@ const Detail = (props: any) => {
<
div
className=
"form"
>
<
div
className=
"form"
>
<
h3
>
<
h3
>
<
EyeOutlined
/>
<
EyeOutlined
/>
小区详情
Community Details
<
div
className=
"back"
>
<
div
className=
"back"
>
<
Button
<
Button
type=
"primary"
type=
"primary"
...
@@ -149,7 +149,7 @@ const Detail = (props: any) => {
...
@@ -149,7 +149,7 @@ const Detail = (props: any) => {
<
div
className=
"celBox"
>
<
div
className=
"celBox"
>
{
/* 激活码 */
}
{
/* 激活码 */
}
<
div
className=
"code"
>
<
div
className=
"code"
>
<
li
>
小区激活码
</
li
>
<
li
>
Community Activation Code
</
li
>
<
Image
width=
{
140
}
src=
{
detailData
.
visitorUrl
}
fallback=
{
imgs
}
/>
<
Image
width=
{
140
}
src=
{
detailData
.
visitorUrl
}
fallback=
{
imgs
}
/>
<
li
className=
"lis"
>
{
detailData
.
rows
.
cdkCode
}
</
li
>
<
li
className=
"lis"
>
{
detailData
.
rows
.
cdkCode
}
</
li
>
</
div
>
</
div
>
...
@@ -157,19 +157,19 @@ const Detail = (props: any) => {
...
@@ -157,19 +157,19 @@ const Detail = (props: any) => {
{
/* 详情 */
}
{
/* 详情 */
}
<
div
className=
"list-item"
>
<
div
className=
"list-item"
>
<
div
className=
"item"
>
<
div
className=
"item"
>
<
label
>
小区名称
:
</
label
>
<
label
>
Community Name
:
</
label
>
<
span
>
{
detailData
.
rows
.
residentialName
}
</
span
>
<
span
>
{
detailData
.
rows
.
residentialName
}
</
span
>
</
div
>
</
div
>
{
/* ---------- */
}
{
/* ---------- */
}
<
div
className=
"item"
>
<
div
className=
"item"
>
<
label
>
详细地址
:
</
label
>
<
label
>
Community Address
:
</
label
>
<
span
>
<
span
>
{
detailData
.
rows
.
residentialAddress
}
{
detailData
.
rows
.
residentialZipCode
}{
' '
}
{
detailData
.
rows
.
residentialAddress
}
{
detailData
.
rows
.
residentialZipCode
}{
' '
}
</
span
>
</
span
>
</
div
>
</
div
>
{
/* ---------- */
}
{
/* ---------- */
}
<
div
className=
"item"
>
<
div
className=
"item"
>
<
label
>
工作时间
:
</
label
>
<
label
>
Working Hours
:
</
label
>
<
span
>
<
span
>
{
detailData
.
rows
.
residentialStartWorking
}
-
{
' '
}
{
detailData
.
rows
.
residentialStartWorking
}
-
{
' '
}
{
detailData
.
rows
.
residentialEndWorking
}
{
detailData
.
rows
.
residentialEndWorking
}
...
@@ -178,23 +178,23 @@ const Detail = (props: any) => {
...
@@ -178,23 +178,23 @@ const Detail = (props: any) => {
{
/* ---------- */
}
{
/* ---------- */
}
<
div
className=
"inst"
>
<
div
className=
"inst"
>
<
div
className=
"item"
>
<
div
className=
"item"
>
<
label
>
小区联系电话
:
</
label
>
<
label
>
Community Telephone
:
</
label
>
<
span
>
{
detailData
.
rows
.
residentialPhone
}
</
span
>
<
span
>
{
detailData
.
rows
.
residentialPhone
}
</
span
>
</
div
>
</
div
>
<
div
className=
"item"
>
<
div
className=
"item"
>
<
label
>
小区邮箱
:
</
label
>
<
label
>
Community Email
:
</
label
>
<
span
>
{
detailData
.
rows
.
residentialEmail
}
</
span
>
<
span
>
{
detailData
.
rows
.
residentialEmail
}
</
span
>
</
div
>
</
div
>
</
div
>
</
div
>
{
/* ---------- */
}
{
/* ---------- */
}
<
div
className=
"item"
>
<
div
className=
"item"
>
<
label
>
小区管理员
:
</
label
>
<
label
>
Administrators
:
</
label
>
<
span
>
{
detailData
.
rows
.
residentialManagerUserName
}
</
span
>
<
span
>
{
detailData
.
rows
.
residentialManagerUserName
}
</
span
>
</
div
>
</
div
>
{
/* ---------- */
}
{
/* ---------- */
}
<
div
className=
"item"
style=
{
{
marginBottom
:
'0'
}
}
>
<
div
className=
"item"
style=
{
{
marginBottom
:
'0'
}
}
>
<
label
>
物业费
:
</
label
>
<
label
>
Property Fee
:
</
label
>
<
Checkbox
.
Group
options=
{
plainOptions
}
defaultValue=
{
[
'1'
]
}
/>
<
Checkbox
.
Group
options=
{
plainOptions
}
defaultValue=
{
[
'1'
]
}
/>
</
div
>
</
div
>
</
div
>
</
div
>
...
@@ -205,7 +205,7 @@ const Detail = (props: any) => {
...
@@ -205,7 +205,7 @@ const Detail = (props: any) => {
<
div
className=
"celBox"
>
<
div
className=
"celBox"
>
<
div
className=
"list-item"
>
<
div
className=
"list-item"
>
<
div
className=
"item"
>
<
div
className=
"item"
>
<
label
>
楼巴时刻表
:
</
label
>
<
label
>
Louba Timetable
:
</
label
>
<
Avatar
<
Avatar
shape=
"square"
shape=
"square"
style=
{
{
color
:
'#f56a00'
,
backgroundColor
:
'#F2F6FC'
}
}
style=
{
{
color
:
'#f56a00'
,
backgroundColor
:
'#F2F6FC'
}
}
...
@@ -214,7 +214,7 @@ const Detail = (props: any) => {
...
@@ -214,7 +214,7 @@ const Detail = (props: any) => {
/>
/>
{
detailData
.
rows
.
balouscheduleUrl
?
(
{
detailData
.
rows
.
balouscheduleUrl
?
(
<
Button
type=
"link"
onClick=
{
()
=>
opens
(
detailData
.
rows
.
balouscheduleUrl
)
}
>
<
Button
type=
"link"
onClick=
{
()
=>
opens
(
detailData
.
rows
.
balouscheduleUrl
)
}
>
预览
Browse
</
Button
>
</
Button
>
)
:
(
)
:
(
''
''
...
@@ -222,7 +222,7 @@ const Detail = (props: any) => {
...
@@ -222,7 +222,7 @@ const Detail = (props: any) => {
</
div
>
</
div
>
{
/* ---------- */
}
{
/* ---------- */
}
<
div
className=
"item"
>
<
div
className=
"item"
>
<
label
>
物业办事指南
:
</
label
>
<
label
>
Property Guide
:
</
label
>
<
Avatar
<
Avatar
shape=
"square"
shape=
"square"
style=
{
{
color
:
'#f56a00'
,
backgroundColor
:
'#F2F6FC'
}
}
style=
{
{
color
:
'#f56a00'
,
backgroundColor
:
'#F2F6FC'
}
}
...
@@ -231,7 +231,7 @@ const Detail = (props: any) => {
...
@@ -231,7 +231,7 @@ const Detail = (props: any) => {
/>
/>
{
detailData
.
rows
.
serviceGuideUrl
?
(
{
detailData
.
rows
.
serviceGuideUrl
?
(
<
Button
type=
"link"
onClick=
{
()
=>
opens
(
detailData
.
rows
.
serviceGuideUrl
)
}
>
<
Button
type=
"link"
onClick=
{
()
=>
opens
(
detailData
.
rows
.
serviceGuideUrl
)
}
>
预览
Browse
</
Button
>
</
Button
>
)
:
(
)
:
(
''
''
...
@@ -239,7 +239,7 @@ const Detail = (props: any) => {
...
@@ -239,7 +239,7 @@ const Detail = (props: any) => {
</
div
>
</
div
>
{
/* ---------- */
}
{
/* ---------- */
}
<
div
className=
"item"
>
<
div
className=
"item"
>
<
label
>
保质期服务
:
</
label
>
<
label
>
Shelf Life Service
:
</
label
>
<
Avatar
<
Avatar
shape=
"square"
shape=
"square"
style=
{
{
color
:
'#f56a00'
,
backgroundColor
:
'#F2F6FC'
}
}
style=
{
{
color
:
'#f56a00'
,
backgroundColor
:
'#F2F6FC'
}
}
...
@@ -248,7 +248,7 @@ const Detail = (props: any) => {
...
@@ -248,7 +248,7 @@ const Detail = (props: any) => {
/>
/>
{
detailData
.
rows
.
lifeServiceUrl
?
(
{
detailData
.
rows
.
lifeServiceUrl
?
(
<
Button
type=
"link"
onClick=
{
()
=>
opens
(
detailData
.
rows
.
lifeServiceUrl
)
}
>
<
Button
type=
"link"
onClick=
{
()
=>
opens
(
detailData
.
rows
.
lifeServiceUrl
)
}
>
预览
Browse
</
Button
>
</
Button
>
)
:
(
)
:
(
''
''
...
@@ -262,7 +262,7 @@ const Detail = (props: any) => {
...
@@ -262,7 +262,7 @@ const Detail = (props: any) => {
<
div
className=
"celBox"
>
<
div
className=
"celBox"
>
<
div
className=
"list-item"
>
<
div
className=
"list-item"
>
<
div
className=
"item item_span"
>
<
div
className=
"item item_span"
>
<
label
>
帮助中心
:
</
label
>
<
label
>
Help Center
:
</
label
>
<
span
>
{
detailData
.
rows
.
residentialHotlineName
}
</
span
>
<
span
>
{
detailData
.
rows
.
residentialHotlineName
}
</
span
>
<
span
>
{
detailData
.
rows
.
residentialHotline
}
</
span
>
<
span
>
{
detailData
.
rows
.
residentialHotline
}
</
span
>
<
span
>
{
detailData
.
rows
.
residentialHotlineServieStartTime
}
</
span
>
<
span
>
{
detailData
.
rows
.
residentialHotlineServieStartTime
}
</
span
>
...
@@ -277,7 +277,7 @@ const Detail = (props: any) => {
...
@@ -277,7 +277,7 @@ const Detail = (props: any) => {
<
div
className=
"celBox"
>
<
div
className=
"celBox"
>
<
div
className=
"list-item"
>
<
div
className=
"list-item"
>
<
div
className=
"item"
>
<
div
className=
"item"
>
<
label
>
临时到访码下载
:
</
label
>
<
label
>
Temporary Code
:
</
label
>
<
Image
width=
{
64
}
src=
{
hfor
}
/>
<
Image
width=
{
64
}
src=
{
hfor
}
/>
<
Button
<
Button
type=
"link"
type=
"link"
...
@@ -285,7 +285,7 @@ const Detail = (props: any) => {
...
@@ -285,7 +285,7 @@ const Detail = (props: any) => {
openDows
(
require
(
'@/assets/h5.png'
),
'code.png'
);
openDows
(
require
(
'@/assets/h5.png'
),
'code.png'
);
}
}
}
}
>
>
下载
Download
</
Button
>
</
Button
>
<
Input
<
Input
...
@@ -300,7 +300,7 @@ const Detail = (props: any) => {
...
@@ -300,7 +300,7 @@ const Detail = (props: any) => {
copy
(
'http://47.74.233.180:8651/tosVisitorNo'
);
copy
(
'http://47.74.233.180:8651/tosVisitorNo'
);
}
}
}
}
>
>
复制
Copy
</
Button
>
</
Button
>
</
div
>
</
div
>
</
div
>
</
div
>
...
...
src/pages/CommunityManagement/CellList/celllist.css
View file @
9670e42a
li
{
list-style
:
none
;
}
.contop
{
.contop
{
padding
:
20px
;
padding
:
20px
;
background
:
#fff
;
background
:
#fff
;
...
@@ -26,25 +29,11 @@
...
@@ -26,25 +29,11 @@
margin-bottom
:
20px
;
margin-bottom
:
20px
;
background
:
#fff
;
background
:
#fff
;
}
}
.form
.span
,
.form
.li
{
display
:
inline-block
;
min-width
:
240px
;
line-height
:
30px
;
background
:
#efefef
;
font-size
:
15px
;
margin-top
:
-3px
;
vertical-align
:
middle
;
margin-left
:
12px
;
padding
:
0
6px
;
border-radius
:
2px
;
border
:
1px
solid
#d9d9d9
;
color
:
#999
;
}
.form
.li
{
.form
.li
{
min-width
:
140px
;
min-width
:
140px
;
margin-top
:
15px
;
margin-top
:
15px
;
margin-left
:
0
;
margin-left
:
0
;
display
:
block
;
}
}
.form
input
,
.form
input
,
.form
.ant-upload-list
{
.form
.ant-upload-list
{
...
@@ -69,5 +58,87 @@
...
@@ -69,5 +58,87 @@
margin-bottom
:
20px
;
margin-bottom
:
20px
;
}
}
.form
.tip
{
.form
.tip
{
padding
:
15px
0
;
padding
:
10px
0
15px
;
}
.form
.tip
p
{
display
:
none
;
color
:
#67c23a
;
}
.form
.tip
p
.show
{
display
:
block
;
}
.form
.tip
p
span
{
margin-right
:
5px
;
}
.form
.ant-form-item-label
>
label
{
width
:
160px
;
}
.form
.ant-divider-horizontal
{
margin
:
20px
0
;
}
.form
.celBox
{
position
:
relative
;
}
.form
.celBox
.item
{
font-size
:
14px
;
line-height
:
35px
;
margin-bottom
:
10px
;
}
.form
.celBox
.item
label
{
display
:
inline-block
;
min-width
:
160px
;
}
.form
.celBox
.item_span
span
{
display
:
inline-block
;
margin-right
:
15px
;
}
.form
.celBox
.inst
{
display
:
flex
;
}
.form
.celBox
.inst
.item
{
flex
:
1
;
}
.form
.celBox
.inst
.item
:nth-child
(
2
)
{
flex
:
2
;
}
.form
.celBox
.code
{
position
:
absolute
;
right
:
5%
;
top
:
50%
;
transform
:
translateY
(
-55%
);
width
:
200px
;
text-align
:
center
;
}
.form
.celBox
.code
li
{
text-align
:
center
;
line-height
:
35px
;
}
.form
.celBox
.code
img
{
width
:
140px
;
border
:
1px
solid
#f0f0f0
;
border-radius
:
3px
;
margin-bottom
:
5px
;
}
.form
.celBox
.code
.lis
{
color
:
#67c23a
;
font-size
:
18px
;
font-weight
:
500
;
}
.ant-picker-time-panel-column
{
width
:
100px
;
}
.redFs
{
font-size
:
12px
;
color
:
red
;
}
img
{
cursor
:
pointer
;
}
.capi
{
text-transform
:
capitalize
;
}
.pages
{
background
:
#fff
;
text-align
:
right
;
padding
:
10px
;
}
}
src/pages/CommunityManagement/CellList/celllist.less
View file @
9670e42a
...
@@ -84,12 +84,12 @@ li {
...
@@ -84,12 +84,12 @@ li {
.celBox {
.celBox {
position: relative;
position: relative;
.item {
.item {
font-size: 1
5
px;
font-size: 1
4
px;
line-height: 35px;
line-height: 35px;
margin-bottom: 10px;
margin-bottom: 10px;
label {
label {
display: inline-block;
display: inline-block;
min-width: 1
1
0px;
min-width: 1
6
0px;
}
}
}
}
...
@@ -113,6 +113,8 @@ li {
...
@@ -113,6 +113,8 @@ li {
right: 5%;
right: 5%;
top: 50%;
top: 50%;
transform: translateY(-55%);
transform: translateY(-55%);
width: 200px;
text-align: center;
li {
li {
text-align: center;
text-align: center;
line-height: 35px;
line-height: 35px;
...
@@ -146,3 +148,8 @@ img {
...
@@ -146,3 +148,8 @@ img {
.capi {
.capi {
text-transform: capitalize;
text-transform: capitalize;
}
}
.pages{
background: #fff;
text-align: right;
padding: 10px ;
}
\ No newline at end of file
src/utils/tip.ts
View file @
9670e42a
...
@@ -13,8 +13,8 @@ export const tipList = [
...
@@ -13,8 +13,8 @@ export const tipList = [
// 小区提示
// 小区提示
export
const
village
=
[
export
const
village
=
[
[{
required
:
true
,
message
:
' '
}],
[{
required
:
true
,
message
:
' '
}],
[{
required
:
true
,
message
:
'
请选择工作时间
'
}],
[{
required
:
true
,
message
:
'
Please select working hours !
'
}],
[{
required
:
true
,
message
:
'
请输入小区管理员
'
}],
[{
required
:
true
,
message
:
'
Please enter the community administrator !
'
}],
[{
required
:
true
,
message
:
'
请输入小区服务电话和服务邮箱
'
}],
[{
required
:
true
,
message
:
'
Please enter the phone number and email address !
'
}],
[{
required
:
true
,
message
:
'
请完整输入小区邮编地址和名称
'
}],
[{
required
:
true
,
message
:
'
Please input the address and name of the community !
'
}],
];
];
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment