Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
C
CivWeb
Project
Project
Details
Activity
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
ReactWeb5
CivWeb
Commits
11c5f767
Commit
11c5f767
authored
Sep 08, 2022
by
王万里
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
feat: 新干县登录
parent
b6d9518a
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
415 additions
and
0 deletions
+415
-0
PingFang.ttf
src/assets/fonts/PingFang.ttf
+0
-0
index.js
src/pages/user/login/index.js
+2
-0
6.jpg
src/pages/user/login/template/project/xingan/images/6.jpg
+0
-0
7.png
src/pages/user/login/template/project/xingan/images/7.png
+0
-0
index.js
src/pages/user/login/template/project/xingan/index.js
+207
-0
index.less
src/pages/user/login/template/project/xingan/index.less
+206
-0
No files found.
src/assets/fonts/PingFang.ttf
0 → 100644
View file @
11c5f767
This diff was suppressed by a .gitattributes entry.
src/pages/user/login/index.js
View file @
11c5f767
...
...
@@ -20,6 +20,7 @@ import WaterLogin from './template/water';
import
JSZHLogin
from
'./template/project/JSZH'
;
import
ChengmaiLogin
from
'./template/project/chengmai'
;
import
HuhehaoteLogin
from
'./template/project/huhehaote'
;
import
XinganLogin
from
'./template/project/xingan'
;
import
{
AppInitState
}
from
'../../../render'
;
const
LoginTemplate
=
{
'新春 - 智联.html'
:
NewYear
,
...
...
@@ -35,6 +36,7 @@ const LoginTemplate = {
'节水主题二.html'
:
EnergJS2
,
'项目 - 澄迈.html'
:
ChengmaiLogin
,
'项目 - 呼和浩特.html'
:
HuhehaoteLogin
,
'项目 - 新干.html'
:
XinganLogin
,
default
:
BaseLogin
,
};
/* eslint-disable */
...
...
src/pages/user/login/template/project/xingan/images/6.jpg
0 → 100644
View file @
11c5f767
This diff was suppressed by a .gitattributes entry.
src/pages/user/login/template/project/xingan/images/7.png
0 → 100644
View file @
11c5f767
This diff was suppressed by a .gitattributes entry.
src/pages/user/login/template/project/xingan/index.js
0 → 100644
View file @
11c5f767
import
React
,
{
forwardRef
,
useEffect
,
useRef
,
useState
}
from
'react'
;
import
{
Modal
}
from
'antd'
;
import
{
Helmet
,
HelmetProvider
}
from
'react-helmet-async'
;
import
{
connect
}
from
'react-redux'
;
import
{
useHistory
,
withRouter
}
from
'@wisdom-utils/runtime'
;
import
{
actionCreators
}
from
'@/containers/App/store'
;
import
defaultSetting
from
'../../../../../../../config/defaultSetting'
;
import
LoginAction
from
'../../../login'
;
import
styles
from
'./index.less'
;
import
Account
from
'../../../js/useAccount'
;
import
{
defaultApp
}
from
'../../../../../../micro'
;
import
logoPng
from
'./images/7.png'
import
QRCode
from
'qrcode.react'
;
import
classnames
from
'classnames'
;
import
moment
from
'moment'
;
const
renderQRCode
=
props
=>
{
const
qrcodes
=
props
.
qrcode
.
split
(
'|'
)
||
[];
if
(
qrcodes
.
length
>
0
&&
qrcodes
[
0
])
{
let
value
=
qrcodes
[
0
].
replace
(
/{ip}/gi
,
props
.
ip
||
window
.
location
.
host
).
split
(
'='
)[
1
];
return
<
QRCode
value
=
{
value
}
/>
;
}
return
<
span
>
手持
APP
下载未配置
<
/span>
;
};
const
Login
=
forwardRef
((
props
,
_ref
)
=>
{
const
sliVerify
=
useRef
();
const
loginFormRef
=
useRef
();
const
formRef
=
useRef
(
null
);
const
[
status
,
setStatus
]
=
useState
(
'normal'
);
const
[
autoLogin
,
setAutoLogin
]
=
useState
(
false
);
const
[
submitting
,
setSubmitting
]
=
useState
(
false
);
const
[
type
,
setType
]
=
useState
(
'Account'
);
const
[
visible
,
setVisible
]
=
useState
(
false
);
const
history
=
useHistory
();
const
[
action
,
setAction
]
=
useState
(()
=>
new
LoginAction
(
Object
.
assign
({},
props
,
{
history
}),
setVisible
,
false
));
const
[
dateObj
,
setDateObj
]
=
useState
({})
const
handleSubmit
=
values
=>
{
/* eslint-disable */
action
&&
(
type
===
'Account'
?
action
.
loginHandler
(
values
.
userName
,
values
.
password
,
null
,
autoLogin
,
sliVerify
)
:
type
===
'Mobile'
?
action
.
phoneLoginFormHandler
(
values
.
mobile
,
values
.
captcha
)
:
null
);
setSubmitting
(
true
);
props
.
updateCurrentIndex
&&
props
.
updateCurrentIndex
(
-
1
);
};
useEffect
(()
=>
{
action
&&
action
.
events
.
on
(
'loginSuccess'
,
event
=>
{
setSubmitting
(
false
);
props
.
updateCurrentIndex
&&
props
.
updateCurrentIndex
(
0
);
props
.
history
.
push
(
`/?client=
${
props
.
global
.
client
}
`
);
// window.share.event.emit('triggerMicro', props.global);
// initMicroApps();
defaultApp
();
});
action
&&
action
.
events
.
on
(
'loginError'
,
event
=>
{
setVisible
(
false
);
setSubmitting
(
false
);
});
action
&&
action
.
events
.
on
(
'loginVisible'
,
status
=>
{
setVisible
(
status
);
});
return
()
=>
{
action
&&
action
.
events
&&
action
.
events
.
removeAllListeners
(
'loginSuccess'
);
action
&&
action
.
events
&&
action
.
events
.
removeAllListeners
(
'loginError'
);
action
&&
action
.
events
&&
action
.
events
.
removeAllListeners
(
'loginVisible'
);
};
},
[
props
.
loginMode
]);
useEffect
(()
=>
{
setSubmitting
(
false
);
},
[
visible
]);
const
renderPlatform
=
()
=>
{
const
template
=
props
.
global
.
loginTemplate
;
const
params
=
{
fromRef
:
formRef
,
type
,
setType
,
status
,
submitting
,
autoLogin
,
setAutoLogin
,
action
,
onSubmit
:
handleSubmit
,
loginMode
:
props
.
loginMode
,
updateLoginMode
:
props
.
updateLoginMode
,
welcome
:
null
,
};
return
<
Account
{...
params
}
/>
;
};
/* eslint-disable */
const
handleWeek
=
()
=>
{
const
weekOfDay
=
Number
(
moment
().
format
(
'E'
));
let
weekDayName
=
''
switch
(
weekOfDay
){
case
1
:
weekDayName
=
'周一'
break
case
2
:
weekDayName
=
'周二'
break
case
3
:
weekDayName
=
'周三'
break
case
4
:
weekDayName
=
'周四'
break
case
5
:
weekDayName
=
'周五'
break
case
6
:
weekDayName
=
'周六'
break
case
0
:
weekDayName
=
'周日'
break
default
:
weekDayName
=
''
}
return
weekDayName
}
useEffect
(()
=>
{
const
timer
=
setInterval
(()
=>
{
setDateObj
({
curTime
:
moment
().
format
(
'HH:mm:ss'
),
week
:
handleWeek
(),
date
:
moment
().
format
(
'YYYY/MM/DD'
)
});
},
1000
);
return
()
=>
{
clearInterval
(
timer
);
};
},
[])
return
(
<
HelmetProvider
>
<
Helmet
>
<
title
>
{
props
.
global
.
title
||
defaultSetting
.
title
}
<
/title
>
<
meta
name
=
"description"
content
=
{
props
.
global
.
title
||
defaultSetting
.
title
}
/
>
<
/Helmet
>
<
div
className
=
{
styles
.
login
}
>
<
div
className
=
{
styles
[
'inner-wrapper'
]}
>
{
/* <div className={styles['left-imgbox']}></div> */
}
<
div
className
=
{
styles
[
'inner-center'
]}
>
<
div
className
=
{
styles
[
'welcome-title'
]}
>
欢迎登录
<
/div
>
<
div
className
=
{
classnames
(
styles
[
'inner-bg'
],
styles
[
'login-part'
])}
ref
=
{
loginFormRef
}
>
{
renderPlatform
()}
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
{
styles
[
'login-header'
]}
>
<
div
className
=
{
styles
[
'left-title'
]}
>
<
img
src
=
{
logoPng
}
alt
=
'logo'
className
=
{
styles
[
'logo-png'
]}
/
>
<
div
className
=
{
styles
[
'cn-title'
]}
>
新干县城乡供水一体化智慧平台
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
{
styles
[
'copyright'
]}
>
Copyright
上海熊猫机械
(
集团
)
有限公司版权所有
2018
All
Rights
Reserved
冀
ICP
备
18028007
号
-
2
<
/div
>
<
Modal
centered
visible
=
{
visible
}
width
=
{
340
}
footer
=
{
null
}
closable
=
{
false
}
bodyStyle
=
{{
padding
:
'15px'
}}
>
<
div
ref
=
{
sliVerify
}
/
>
<
/Modal
>
<
/div
>
<
/HelmetProvider
>
);
});
const
mapStateToProps
=
state
=>
({
global
:
state
.
getIn
([
'global'
,
'globalConfig'
]),
loginMode
:
state
.
getIn
([
'global'
,
'loginMode'
]),
});
const
mapDispatchToProps
=
dispatch
=>
({
updateConfig
(
config
)
{
dispatch
(
actionCreators
.
getConfig
(
config
));
},
createContext
(
data
)
{
dispatch
(
actionCreators
.
createContext
(
data
));
},
updateLoginMode
(
mode
)
{
dispatch
(
actionCreators
.
changeLoginMode
(
mode
));
},
updateCurrentIndex
(
index
)
{
dispatch
(
actionCreators
.
updateCurrentIndex
(
index
));
},
});
export
default
connect
(
mapStateToProps
,
mapDispatchToProps
,
)(
withRouter
(
Login
));
src/pages/user/login/template/project/xingan/index.less
0 → 100644
View file @
11c5f767
@font-face {
font-family: PingFang SC;
src: url('@/assets/fonts/PingFang.ttf');
}
.login {
width: 100%;
height: 100%;
background: url('./images/6.jpg') no-repeat center;
background-size: 100% 100%;
background-clip: border-box;
position: relative;
min-height: 7.0rem;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.login .inner-bg {
width: 100%;
height: 100%;
&>div {
width: 70%;
margin: 0 auto;
}
}
.inner-wrapper {
// width: 800px;
// height: 400px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
position: absolute;
bottom: 20%;
// top: 46%;
// right: 0;
// transform: translateY(-50%);
}
.login .inner-bg .title {
font-size: 27px;
font-weight: bold;
color: rgba(255, 255, 255, 1);
letter-spacing: 2px;
}
@keyframes waving {
from {
top: 0;
}
to {
top: 10px;
}
}
@keyframes waving2 {
from {
left: 0;
}
to {
left: -9999px;
}
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.inner-center {
// width: 400px;
// height: 400px;
// background-color: #ffffff;
// display: flex;
// flex-flow: column;
// align-items: center;
// border-radius: 0 10px 10px 0;
width: 482px;
height: 316px;
background: rgba(255,255,255,0.3);
border: 1px solid #FFFFFF;
box-shadow: 0px 15px 15px 3px rgba(140,142,145,0.52);
border-radius: 15px;
}
.welcome-title{
width: 100%;
height: 68px;
line-height: 68px;
font-size: 24px;
font-family: PingFang SC;
font-weight: bold;
color: #000000;
opacity: 0.85;
text-align: center;
}
.formgroup2 {
display: flex;
align-items: center;
display: flex;
margin: 0px 5.5%;
margin-bottom: 10%;
align-items: center;
margin-bottom: 40px;
}
.APPcodeBox {
width: 100%;
display: flex;
flex-flow: column;
align-items: center;
cursor: pointer;
position: relative;
}
.APPCtext {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #000000;
line-height: 30px;
opacity: 0.75;
}
.login-header{
width: 100%;
position: absolute;
top: 4%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
.left-title{
display: flex;
justify-content: center;
align-items: center;
.cn-title{
font-size: 48px;
font-family: PingFang SC;
font-weight: bold;
color: #A6D1FF;
background: linear-gradient(180deg, #00B3FF 0%, #0173B7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 25px;
}
.logo-png{
width: 107px;
height: 111px;
}
}
.right-timebox{
display: flex;
justify-content: center;
align-items: center;
height: 60px;
.curr-time{
width: 140px;
font-size: 36px;
font-family: Microsoft YaHei;
font-weight: 300;
color: #FFFFFF;
}
.curr-week-date{
margin-left: 10px;
.curr-week{
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
}
.curr-date{
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
}
}
}
}
.copyright{
position: absolute;
bottom: 7%;
width: 100%;
margin: 0 auto;
font-size: 12px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #F1F6FD;
text-align: center;
}
\ No newline at end of file
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