Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
A
amos-convertor-view
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
station
amos-convertor-view
Commits
37678e91
Commit
37678e91
authored
Jun 18, 2021
by
吴俊凯
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
样式修改提交
parent
89b9b9b0
Show whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
1546 additions
and
92 deletions
+1546
-92
amos.config.js
amos.config.js
+7
-6
indexBcakground.png
src/assets/indexBcakground.png
+0
-0
pointInfo.scss
src/styles/view/biz/point/pointInfo.scss
+17
-2
PointInfoContent.js
src/view/bizview/pointInfo/PointInfoContent.js
+25
-32
SkinItem.js
src/view/common/skin/SkinItem.js
+51
-0
index.js
src/view/common/skin/index.js
+72
-0
invokeSkin.js
src/view/common/skin/invokeSkin.js
+42
-0
BizFrame.js
src/view/mainframe/BizFrame.js
+47
-52
transparent.css
themes/transparent.css
+1285
-0
No files found.
amos.config.js
View file @
37678e91
...
...
@@ -7,8 +7,8 @@
Amos
.
config
=
{
// 普通http
httpURI
:
{
baseURI
:
'http://172.16.10.
72
:10005/'
,
pluginURI
:
'http://172.16.10.
72
:10005/'
,
baseURI
:
'http://172.16.10.
66
:10005/'
,
pluginURI
:
'http://172.16.10.
66
:10005/'
,
fileServerURI
:
'http://39.98.246.31:8888/'
//图片服务器地址
//设计器数据绑定
// dataBindUrl: 'http://172.16.10.91:8083/api/visual/common/dataBind'
...
...
@@ -22,7 +22,7 @@
// 外部链接地址
outterURI
:
{
//巡检子服务地址,
xunjian
:
'http://172.16.
11.36:3001
/outter?isSub=true&token={token}&companyId={companyId}&deptId={deptId}&roleId={roleId}'
,
xunjian
:
'http://172.16.
3.49:3400
/outter?isSub=true&token={token}&companyId={companyId}&deptId={deptId}&roleId={roleId}'
,
//规则管控模型地址
mgtCtrlModel
:
'http://172.16.10.72:8080/login?token={token}'
,
//预案业务屏前端接口地址
...
...
@@ -133,11 +133,12 @@
window
.
LogConfig
=
LogConfig
;
window
.
innerConfig
=
innerConfig
;
window
.
demo
=
true
;
window
.
CheckDefaultTheme
=
'transparent'
;
// 'blue'
// 采用本地模式启动插件
window
.
useNative
=
true
;
window
.
appKey
=
'
studio_normalapp_2668446
'
;
window
.
product
=
'
STUDIO_APP
_WEB'
;
window
.
appKey
=
'
CONVERTER_STATION
'
;
window
.
product
=
'
CONVERTER_STATION
_WEB'
;
window
.
dutyType
=
'normal'
;
//normal/bank
// 是否采用hash路由
window
.
useHashHistory
=
tru
e
;
window
.
useHashHistory
=
fals
e
;
})();
src/assets/indexBcakground.png
0 → 100644
View file @
37678e91
895 KB
src/styles/view/biz/point/pointInfo.scss
View file @
37678e91
...
...
@@ -106,6 +106,8 @@
border-top
:
1px
solid
$core-border-color
;
border-bottom
:
1px
solid
$core-border-color
;
border-left
:
1px
solid
$core-border-color
;
background-color
:
'#f2f2f2'
;
padding
:
'0px'
;
}
.col_color
{
...
...
@@ -120,9 +122,9 @@
color
:
$biz-table-font-color
;
text-align
:
left
;
background
:
#efefef
;
border-top
:
1
px
solid
$core-border-color
;
border-top
:
2
px
solid
$core-border-color
;
border-bottom
:
1px
solid
$core-border-color
;
border-left
:
1
px
solid
$core-border-color
;
border-left
:
24
px
solid
$core-border-color
;
}
.col_groupcolor3
{
...
...
@@ -134,6 +136,19 @@
background
:
#efefef
;
border
:
1px
solid
$core-border-color
;
}
.col_groupcolor4
{
width
:
8%
;
padding
:
'0px'
;
line-height
:
45px
;
color
:
$biz-table-font-color
;
text-align
:
center
;
background
:
$biz-title-color
;
border-top
:
1px
solid
$core-border-color
;
border-bottom
:
1px
solid
$core-border-color
;
border-left
:
1px
solid
$core-border-color
;
background-color
:
#ffffff
;
padding
:
0px
;
}
.pointinfo_title_background
{
background-color
:
'#333333'
;
...
...
src/view/bizview/pointInfo/PointInfoContent.js
View file @
37678e91
...
...
@@ -11,9 +11,7 @@ import {
batchSavePointMeasuresAction
}
from
'./../../../services/checkInfoService'
;
import
{
queryPointFMEAAction
}
from
'./../../../services/ledgerService'
;
import
{
queryPointFMEAAction
}
from
'./../../../services/ledgerService'
;
import
pointInfocss
from
'../../../styles/view/biz/point/pointInfo.scss'
;
import
AmosGridTable
from
'./../common/tableComponent/table/AmosGridTable'
;
...
...
@@ -24,14 +22,14 @@ const offsetHeight = 110;
const
defaultHeight
=
390
;
const
strUnique
=
str
=>
{
if
(
str
)
{
let
arr
=
str
.
split
(
','
)
let
newarr
=
[...
new
Set
(
arr
)]
return
newarr
.
join
(
","
)
}
else
{
if
(
str
)
{
let
arr
=
str
.
split
(
','
)
;
let
newarr
=
[...
new
Set
(
arr
)];
return
newarr
.
join
(
','
);
}
else
{
return
''
;
}
}
};
const
measuresColumns
=
self
=>
{
return
[
...
...
@@ -193,19 +191,19 @@ class PointInfo extends Component {
pointID
&&
this
.
onInit
(
pointID
);
}
componentWillReceiveProps
(
nextProps
){
componentWillReceiveProps
(
nextProps
)
{
const
{
pointID
}
=
this
.
props
;
if
(
nextProps
.
pointID
&&
pointID
!==
nextProps
.
pointID
)
{
this
.
onInit
(
nextProps
.
pointID
);
}
}
onInit
=
(
id
)
=>
{
onInit
=
id
=>
{
this
.
onInfoReload
(
id
);
this
.
onTableReload
(
id
);
}
}
;
onTableReload
=
(
id
)
=>
{
onTableReload
=
id
=>
{
queryPointFMEAAction
(
id
).
then
(
data
=>
{
let
source
=
new
Array
();
data
.
map
(
item
=>
{
...
...
@@ -214,13 +212,13 @@ class PointInfo extends Component {
});
this
.
setState
({
dataSource
:
source
,
selectedRows
:
[],
selectedRowKeys
:
[]
});
});
}
}
;
onInfoReload
=
(
id
)
=>
{
onInfoReload
=
id
=>
{
fetchPointDetailAction
(
id
).
then
(
data
=>
{
this
.
setState
({
pointDetail
:
data
});
});
}
}
;
onEditClick
(
record
)
{
const
{
dataSource
}
=
this
.
state
;
...
...
@@ -292,8 +290,9 @@ class PointInfo extends Component {
};
let
groups
=
strUnique
(
groupName
);
return
(
<
div
className
=
'pointinfo-content'
style
=
{{
height
:
'100%'
}}
>
<
div
className
=
"dangerInfo"
<
div
className
=
"pointinfo-content"
style
=
{{
height
:
'100%'
}}
>
<
div
className
=
"dangerInfo"
//style={{ float: 'right', 'marginRight': '15px', 'marginTop': '10px', position: 'relative', 'zIndex': '33' }}
// onClick={() => {
// goBackAction();
...
...
@@ -311,24 +310,18 @@ class PointInfo extends Component {
<
div
className
=
"base point-view"
style
=
{{
padding
:
'0px'
}}
>
<
div
>
<
Row
id
=
"fxdinfo"
type
=
"flex"
justify
=
"start"
style
=
{{
padding
:
'0px'
,
height
:
'45px'
,
marginBottom
:
'10px'
}}
>
<
Col
className
=
"col_groupcolor"
style
=
{{
backgroundColor
:
'#f2f2f2'
,
padding
:
'0px'
}}
>
<
Col
className
=
"col_groupcolor"
>
<
p
>
<
span
>
类型
<
/span
>
<
/p
>
<
/Col
>
<
Col
className
=
"col_groupcolor"
style
=
{{
backgroundColor
:
'#ffffff'
,
padding
:
'0px'
}}
>
{
checkType
}
<
/Col
>
<
Col
className
=
"col_groupcolor"
style
=
{{
backgroundColor
:
'#f2f2f2'
,
padding
:
'0px'
}}
>
部门
<
/Col
>
<
Col
className
=
"col_groupcolor2"
style
=
{{
backgroundColor
:
'#ffffff'
,
paddingLeft
:
'24px'
,
paddingTop
:
'2px'
}}
>
<
Col
className
=
"col_groupcolor4"
>
{
checkType
}
<
/Col
>
<
Col
className
=
"col_groupcolor"
>
部门
<
/Col
>
<
Col
className
=
"col_groupcolor2"
style
=
{{
paddingLeft
:
'24px'
,
paddingTop
:
'2px'
}}
>
{
groups
}
<
/Col
>
<
Col
className
=
"col_groupcolor"
style
=
{{
backgroundColor
:
'#f2f2f2'
,
padding
:
'0px'
}}
>
责任人
<
/Col
>
<
Col
className
=
"col_groupcolor3"
style
=
{{
backgroundColor
:
'#ffffff'
,
paddingLeft
:
'24px'
,
paddingTop
:
'2px'
}}
>
<
Col
className
=
"col_groupcolor"
>
责任人
<
/Col
>
<
Col
className
=
"col_groupcolor3"
style
=
{{
paddingLeft
:
'24px'
,
paddingTop
:
'2px'
}}
>
{
realName
}
<
/Col
>
<
/Row
>
...
...
@@ -342,9 +335,9 @@ class PointInfo extends Component {
<
div
className
=
"device-list-content"
>
<
AmosGridTable
columns
=
{
measuresColumns
(
this
)}
callBack
=
{()
=>
{}}
callBack
=
{()
=>
{}}
dataList
=
{
dataSource
}
getTableDataAction
=
{()
=>
{}}
getTableDataAction
=
{()
=>
{}}
getSelectedRows
=
{
this
.
getSelectedRows
}
isPageable
=
{
false
}
/
>
...
...
src/view/common/skin/SkinItem.js
0 → 100644
View file @
37678e91
import
React
from
'react'
;
import
PropTypes
from
'prop-types'
;
import
Icon
from
'amos-icon'
;
import
classnames
from
'classnames'
;
const
footerSpans
=
[
{
key
:
'f1'
,
style
:
{
backgroundColor
:
'#00bbd3'
}
},
{
key
:
'f2'
,
style
:
{
backgroundColor
:
'#8ac249'
}
},
{
key
:
'f3'
,
style
:
{
backgroundColor
:
'#fc0'
}
},
{
key
:
'f4'
,
style
:
{
backgroundColor
:
'#e6564a'
}
}
];
const
SkinItem
=
props
=>
{
const
{
skinImg
,
name
,
bgColor
=
'transparent'
,
skinUse
,
onThemeChange
}
=
props
;
const
cls
=
classnames
(
'skin-item'
,
{
'normal'
:
!
skinUse
,
'used'
:
skinUse
});
return
(
<
div
className
=
{
cls
}
onClick
=
{
onThemeChange
}
>
<
img
src
=
{
skinImg
}
alt
=
""
/>
<
div
className
=
"skin-name"
style
=
{{
backgroundColor
:
bgColor
}}
>
{
name
}
<
/div
>
<
div
className
=
"skin-footer"
>
{
(
footerSpans
||
[]).
map
(
footer
=>
<
span
key
=
{
footer
.
key
}
style
=
{
footer
.
style
}
/>
)
}
<
/div
>
<
div
className
=
"skin-check"
style
=
{{
backgroundColor
:
bgColor
}}
>
选用皮肤
<
/div
>
<
div
className
=
"skin-use"
style
=
{{
display
:
skinUse
?
'block'
:
'none'
}}
>
<
Icon
icon
=
"xuanzhong"
/>
使用中
<
/div
>
<
/div
>
);
};
SkinItem
.
propTypes
=
{
skinImg
:
PropTypes
.
string
,
name
:
PropTypes
.
string
,
bgColor
:
PropTypes
.
string
,
skinUse
:
PropTypes
.
bool
,
onThemeChange
:
PropTypes
.
func
};
SkinItem
.
defaultProps
=
{
skinUse
:
false
};
export
default
SkinItem
;
src/view/common/skin/index.js
0 → 100644
View file @
37678e91
import
React
,
{
Component
}
from
'react'
;
import
PropTypes
from
'prop-types'
;
import
Icon
from
'amos-icon'
;
import
{
Switch
,
Scrollbars
}
from
'amos-framework'
;
import
SkinItem
from
'./SkinItem'
;
class
Skin
extends
Component
{
static
propTypes
=
{
skins
:
PropTypes
.
array
,
onEyeModeChange
:
PropTypes
.
func
,
changeTheme
:
PropTypes
.
func
,
closed
:
PropTypes
.
func
};
static
defaulProps
=
{
changeTheme
(){}
};
onThemeChange
=
(
skin
)
=>
{
this
.
props
.
changeTheme
(
skin
);
}
closedSkin
=
()
=>
{
this
.
props
.
closed
();
}
renderSkinContent
=
()
=>
{
const
{
skins
=
[]
}
=
this
.
props
;
return
(
skins
||
[]).
map
(
s
=>
(
<
SkinItem
key
=
{
s
.
id
}
skinImg
=
{
s
.
icon
}
name
=
{
s
.
text
}
bgColor
=
{
s
.
bgColor
}
skinUse
=
{
s
.
skinUse
}
onThemeChange
=
{()
=>
this
.
onThemeChange
(
s
)}
/
>
));
}
render
()
{
const
{
onEyeModeChange
}
=
this
.
props
;
const
skinContent
=
this
.
renderSkinContent
();
return
(
<
div
className
=
"skin-scroll-wrapper"
>
<
Scrollbars
>
<
div
className
=
"skin-wrapper"
>
<
div
className
=
"skin-header"
>
<
h3
>
皮肤
<
/h3
>
<
Icon
icon
=
"cross"
onClick
=
{
this
.
closedSkin
}
/
>
<
/div
>
<
div
className
=
"skin-switch"
>
<
label
className
=
"switch-tip"
>
护眼模式
:
<
/label
>
<
Switch
checkedChildren
=
"开"
unCheckedChildren
=
"关"
defaultChecked
onChange
=
{
onEyeModeChange
}
/
>
<
/div
>
<
div
className
=
"skin-content"
>
{
skinContent
}
<
/div
>
<
/div
>
<
/Scrollbars
>
<
/div
>
);
}
}
export
default
Skin
;
src/view/common/skin/invokeSkin.js
0 → 100644
View file @
37678e91
export
default
function
(
skin
){
const
rootDom
=
document
.
getElementById
(
'app'
);
rootDom
.
className
=
skin
;
const
gbUrl
=
`./src/assets/skin/dark/bg-
${
skin
}
.jpg`
;
rootDom
.
style
.
backgroundImage
=
`url(
${
gbUrl
}
)`
;
rootDom
.
style
.
backgroundRepeat
=
'no-repeat'
;
rootDom
.
style
.
backgroundSize
=
'cover'
;
}
export
const
updateLinkCss
=
function
(
href
,
id
=
'theme'
){
if
(
href
&&
href
.
length
>=
0
){
let
themeLink
=
document
.
getElementById
(
id
);
if
(
themeLink
){
themeLink
.
setAttribute
(
'href'
,
href
);
}
else
{
let
link
=
document
.
createElement
(
'link'
);
link
.
setAttribute
(
'rel'
,
'stylesheet'
);
link
.
setAttribute
(
'type'
,
'text/css'
);
link
.
setAttribute
(
'id'
,
'theme'
);
link
.
setAttribute
(
'href'
,
href
);
let
heads
=
document
.
getElementsByTagName
(
'head'
);
if
(
heads
.
length
)
{
heads
[
0
].
appendChild
(
link
);
}
else
{
document
.
documentElement
.
appendChild
(
link
);
}
}
}
};
export
const
downloadFile
=
(
url
,
fileName
)
=>
{
let
aLink
=
document
.
createElement
(
'a'
);
var
evt
=
document
.
createEvent
(
'MouseEvent'
);
evt
.
initEvent
(
'click'
,
false
,
false
);
aLink
.
download
=
fileName
;
aLink
.
href
=
url
;
aLink
.
dispatchEvent
(
evt
);
if
(
navigator
.
userAgent
.
indexOf
(
'Firefox'
)
>=
0
)
{
aLink
.
click
();
//FF的支持,可能不需要
}
};
src/view/mainframe/BizFrame.js
View file @
37678e91
...
...
@@ -9,13 +9,12 @@ import PropTypes from 'prop-types';
import
storageConsts
,
{
CONSTS
}
from
'./../../consts/storageConsts'
;
import
{
secExtUrl
,
SecurityUrl
,
getOutterURL
}
from
'./../../consts/urlConsts'
;
import
{
pathMapping
}
from
'./../../routes/customRoutes'
;
import
{
getCurrentUser
,
currentUserBizPermissions
,
logoutAction
}
from
'./../../services/securityService'
import
{
getCurrentUser
,
currentUserBizPermissions
,
logoutAction
}
from
'./../../services/securityService'
;
import
{
getPathname
}
from
'amos-designer/lib/utils/history'
;
import
imgStatic
from
'./../../consts/imgStatic'
;
import
{
updateLinkCss
}
from
'./../common/skin/invokeSkin'
;
import
'../../styles/view/mainframe/mainframe.scss'
;
const
enhanceStorage
=
Connect
.
enhanceStorage
;
const
lsTool
=
Store
.
lsTool
;
...
...
@@ -46,9 +45,9 @@ class BizFrame extends Component {
const
changeRegionData
=
this
.
props
.
read
(
CONSTS
.
region_change
);
changeRegionData
&&
this
.
handleChangeRegionData
(
JSON
.
parse
(
changeRegionData
));
}
}
;
handleControlData
=
(
controlData
)
=>
{
handleControlData
=
controlData
=>
{
//处理三维视图中设置菜单中的注销同时关闭业务视图
if
(
controlData
.
control
)
{
const
{
logOut
}
=
controlData
.
control
||
{};
...
...
@@ -56,9 +55,10 @@ class BizFrame extends Component {
window
.
close
();
}
}
}
}
;
componentDidMount
()
{
componentDidMount
()
{
updateLinkCss
(
`/themes/
${
window
.
CheckDefaultTheme
}
.css`
);
const
is
=
window
.
location
.
href
.
indexOf
(
'isShow='
);
if
(
is
!==
-
1
)
{
const
header
=
document
.
getElementsByClassName
(
'header'
)[
0
];
...
...
@@ -73,18 +73,18 @@ class BizFrame extends Component {
/**
* 处理三维地图上各种点的跳转
*/
handleForwardData
=
(
forwardData
)
=>
{
handleForwardData
=
forwardData
=>
{
//处理三维视图中设置菜单中的注销同时关闭业务视图
if
(
forwardData
.
details
)
{
const
{
dialogId
,
type
,
detailForw
,
checkId
,
show
,
editable
}
=
forwardData
.
details
||
{};
if
(
type
===
'patrol'
)
{
if
(
detailForw
===
'details'
){
if
(
detailForw
===
'details'
)
{
browserHistory
.
push
({
pathname
:
pathMapping
.
pointInfo
,
state
:
{
pointDetail
:
{
pointID
:
dialogId
}
}
});
}
else
if
(
detailForw
===
'danger'
){
}
else
if
(
detailForw
===
'danger'
)
{
const
{
name
}
=
forwardData
.
details
||
{};
browserHistory
.
push
({
pathname
:
pathMapping
.
dangerList
,
state
:
{
point
:
{
id
:
dialogId
,
name
,
normalForward
:
false
}
}
});
}
else
if
(
detailForw
===
'record'
){
browserHistory
.
push
({
pathname
:
pathMapping
.
pointCheckDetail
,
state
:
{
pointID
:
dialogId
,
checkID
:
checkId
}
});
}
else
if
(
detailForw
===
'record'
)
{
browserHistory
.
push
({
pathname
:
pathMapping
.
pointCheckDetail
,
state
:
{
pointID
:
dialogId
,
checkID
:
checkId
}
});
}
}
else
if
(
type
===
'video'
)
{
return
;
...
...
@@ -94,46 +94,54 @@ class BizFrame extends Component {
return
;
}
else
if
(
type
===
'croom'
)
{
return
;
}
else
if
(
type
===
'riskSource'
)
{
//风险模型
}
else
if
(
type
===
'riskSource'
)
{
//风险模型
browserHistory
.
push
({
pathname
:
pathMapping
.
riskModel
,
state
:
{
riskSourceId
:
dialogId
}
});
}
else
if
(
type
===
'impEquipment'
)
{
//重点装备
}
else
if
(
type
===
'impEquipment'
)
{
//重点装备
browserHistory
.
push
({
pathname
:
pathMapping
.
matchEquipment
,
state
:
{
equipmentId
:
dialogId
,
show
}
});
}
else
if
(
type
===
'fireResource'
)
{
//消防资源
if
(
detailForw
===
'fireCar'
){
//消防车
}
else
if
(
type
===
'fireResource'
)
{
//消防资源
if
(
detailForw
===
'fireCar'
)
{
//消防车
browserHistory
.
push
({
pathname
:
pathMapping
.
firetruckinfo
,
state
:
{
activeKey
:
'1'
,
fireCarId
:
dialogId
,
editable
}
});
}
else
{
let
stateObj
=
{};
if
(
detailForw
===
'fireEquipment'
)
{
// 消防装备
if
(
detailForw
===
'fireEquipment'
)
{
// 消防装备
stateObj
.
activeKey
=
'2'
;
}
else
if
(
detailForw
===
'fireFoam'
)
{
// 消防泡沫间
}
else
if
(
detailForw
===
'fireFoam'
)
{
// 消防泡沫间
stateObj
.
activeKey
=
'3'
;
}
else
if
(
detailForw
===
'fireStation'
)
{
// 消防小室
}
else
if
(
detailForw
===
'fireStation'
)
{
// 消防小室
stateObj
.
activeKey
=
'4'
;
}
else
if
(
detailForw
===
'hydrant'
)
{
// 灭火栓
}
else
if
(
detailForw
===
'hydrant'
)
{
// 灭火栓
stateObj
.
activeKey
=
'5'
;
}
else
if
(
detailForw
===
'firePool'
)
{
// 消防水池
}
else
if
(
detailForw
===
'firePool'
)
{
// 消防水池
stateObj
.
activeKey
=
'6'
;
}
else
if
(
detailForw
===
'fireDetection'
)
{
// 火探
}
else
if
(
detailForw
===
'fireDetection'
)
{
// 火探
stateObj
.
activeKey
=
'7'
;
}
stateObj
.
recordId
=
dialogId
;
browserHistory
.
push
({
pathname
:
pathMapping
.
fireResource
,
state
:
stateObj
});
}
}
else
if
(
type
===
'prePlan'
)
{
this
.
setState
(
{
showPrePlan
:
show
}
,
()
=>
{
this
.
setState
(
{
showPrePlan
:
show
}
,
()
=>
{
browserHistory
.
push
({
pathname
:
pathMapping
.
assessmentView
});
});
}
else
if
(
type
===
'alarmVideoMonitor'
){
}
else
if
(
type
===
'alarmVideoMonitor'
)
{
browserHistory
.
push
({
pathname
:
pathMapping
.
alarmVideoMonitor
,
state
:
{}
});
}
}
}
}
;
handleSideControlData
=
(
data
)
=>
{
handleSideControlData
=
data
=>
{};
}
handleChangeRegionData
=
(
changeRegionData
)
=>
{
handleChangeRegionData
=
changeRegionData
=>
{
if
(
changeRegionData
.
refresh
)
{
const
{
refresh
}
=
changeRegionData
.
refresh
||
{};
if
(
refresh
)
{
...
...
@@ -143,7 +151,7 @@ class BizFrame extends Component {
}
}
}
}
}
;
openDefaultPage
=
menus
=>
{
// open first url
...
...
@@ -160,7 +168,6 @@ class BizFrame extends Component {
}
};
// getFrameConfig = () => {
// return {
// opSearchMenusUrl: formatUrl(secExtUrl.opSearchMenusUrl, { nodeName: '', type: window.BizPermissionType }),
...
...
@@ -174,25 +181,28 @@ class BizFrame extends Component {
userPic
:
require
(
'./../../assets/user/normal.png'
),
// userExtra: true,
loginLink
:
'/login'
,
currentUserAction
:
getCurrentUser
,
currentUserAction
:
getCurrentUser
,
// 自行处理注销
handleLogout
:
this
.
handleLogOut
};
};
handleLogOut
=
()
=>
{
logoutAction
().
then
(
d
=>
{
logoutAction
().
then
(
d
=>
{
browserHistory
.
push
(
'/login'
);
Toast
.
success
({
title
:
'注销成功'
});
},
err
=>
{
},
err
=>
{
Toast
.
error
({
title
:
'错误'
,
cotnent
:
err
||
'注销错误!'
});
browserHistory
.
push
(
'/login'
);
});
}
);
};
render
()
{
...
...
@@ -201,24 +211,9 @@ class BizFrame extends Component {
const
url
=
formatUrl
(
getOutterURL
(
'prePlan'
));
if
(
showPrePlan
)
{
return
(
<
IFrame
url
=
{
url
}
width
=
"100%"
height
=
"100%"
display
=
"initial"
position
=
"relative"
allowFullScreen
scrolling
=
"auto"
/>
);
return
<
IFrame
url
=
{
url
}
width
=
"100%"
height
=
"100%"
display
=
"initial"
position
=
"relative"
allowFullScreen
scrolling
=
"auto"
/>
;
}
else
{
return
(
<
MainFrame
{...
this
.
props
}
userMenusAction
=
{
currentUserBizPermissions
}
sysToolPorps
=
{
sysToolPorps
}
/
>
);
return
<
MainFrame
{...
this
.
props
}
userMenusAction
=
{
currentUserBizPermissions
}
sysToolPorps
=
{
sysToolPorps
}
/>
;
}
}
}
...
...
themes/transparent.css
0 → 100644
View file @
37678e91
@import
'./transparent.scss'
;
@import
'~amos-framework/lib/styles/mixins/scrollbar.scss'
;
.amos-main-content
{
background
:
url('../src/assets/indexBcakground.png')
;
background-size
:
100%
100%
;
}
.amos-main-content
.main-frame-cardpane-content
{
background
:
transparent
!important
;
}
.main-frame-cardpane
.main-frame-cardpane-content
{
border-top
:
0px
solid
#d5e1f3
;
}
.amos-splitpane-vertical
{
background
:
transparent
!important
;
}
.ant-table-wrapper
.ant-table-content
.ant-table-header
th
,
.ant-table-bordered
.ant-table-thead
>
tr
>
th
{
color
:
white
!important
;
background
:
rgba
(
0
,
185
,
255
,
0.2
)
!important
;
border-color
:
#1f5383
!important
;
}
.ant-table-fixed-header
.ant-table-scroll
.ant-table-header
{
padding-bottom
:
0
!important
;
margin-bottom
:
0
!important
;
overflow
:
hidden
;
background
:
transparent
;
}
.ant-table-header
>
table
{
border-top
:
#1f5383
!important
;
}
.ant-table-bordered
.ant-table-body
>
table
{
border
:
1px
solid
#1f5383
!important
;
}
.ant-table-content
.ant-table-placeholder
{
color
:
white
;
background
:
transparent
;
border
:
1px
solid
#1f5383
!important
;
}
.patrol-page-table-tool
{
background
:
#01133b
!important
;
}
.patrol-page-table-tool
.amos-btn
,
.patrol-page-table-tool
.amos-dropnav.amos-dropnav-light
.amos-dropnav-item
>
a
,
.patrol-page-table-tool
.amos-dropdown
{
color
:
white
!important
;
}
.ant-table-body
{
overflow
:
auto
!important
;
background
:
transparent
!important
;
}
.ant-table-body
td
{
color
:
white
!important
;
background
:
rgba
(
0
,
185
,
255
,
0.1
);
border-color
:
#1f5383
!important
;
}
.ant-table-tbody
>
tr
:hover
>
td
{
background
:
rgba
(
0
,
173
,
239
,
0.2
);
}
.ant-table-thead
.ant-checkbox-wrapper
.ant-checkbox-inner
,
.ant-table-tbody
.ant-checkbox-wrapper
.ant-checkbox-inner
,
.ant-table-thead
.ant-checkbox-disabled
.ant-checkbox-inner
,
.ant-table-body
td
.amos-checkbox
.amos-checkbox-status
::before
{
background
:
transparent
;
border
:
1px
solid
rgba
(
0
,
185
,
255
,
0.6
)
!important
;
}
/* 分页样式 */
.ant-pagination
{
border-top
:
1px
solid
#1f5383
!important
;
}
.ant-pagination
.ant-pagination-total-text
{
color
:
white
;
}
.ant-pagination
.ant-pagination-prev
,
.ant-pagination
.ant-pagination-next
{
background
:
rgba
(
0
,
185
,
255
,
0.2
);
}
.ant-pagination
.ant-pagination-prev
a
,
.ant-pagination
.ant-pagination-next
a
{
color
:
#59f0fb
;
}
.ant-pagination
.ant-pagination-item
{
background
:
rgba
(
0
,
185
,
255
,
0.2
);
border
:
none
;
}
.ant-pagination
.ant-pagination-item
a
{
color
:
white
;
}
.ant-pagination
.ant-pagination-item-active
{
color
:
white
!important
;
background
:
rgba
(
0
,
185
,
255
,
0.1
);
border
:
1px
solid
red
;
}
.ant-pagination
.ant-select-selection
{
color
:
white
;
background
:
rgba
(
0
,
185
,
255
,
0.2
);
border
:
none
;
}
.ant-select-dropdown
,
.amos-popover-content
,
.amos-dropdown-menu-warpper
,
.ant-dropdown-menu
{
color
:
white
;
background
:
#063c8c
;
}
.ant-select-dropdown
.ant-select-dropdown-menu-item
,
.ant-select-tree
li
.ant-select-tree-node-content-wrapper
,
.ant-select-tree
li
.ant-select-tree-switcher_open
,
.ant-select-tree
li
.ant-select-tree-switcher_close
,
.ant-dropdown-menu
.ant-dropdown-menu-item
,
.ui-menu
.ui-menu-item
{
color
:
white
;
}
.ant-select-dropdown
.ant-select-dropdown-menu-item-selected
,
.ant-select-tree
li
.ant-select-tree-node-content-wrapper.ant-select-tree-node-selected
,
.amos-popover-content
.amos-select-option-selected
,
.ant-dropdown-menu
.ant-dropdown-menu-item-active
{
color
:
white
;
background
:
#084bb0
;
}
.ant-select-dropdown
.ant-select-dropdown-menu-item
:hover
,
.ant-select-tree
li
.ant-select-tree-node-content-wrapper
:hover
,
.amos-select-option
:hover
,
.ant-dropdown-menu
.ant-dropdown-menu-item
:hover
,
.ui-menu
.ui-menu-item
:hover
{
color
:
white
;
background
:
#084bb0
;
}
/* 筛选面板 */
.qq-client
{
border-left
:
1px
solid
#1f5383
;
}
.qq-client-content
{
background
:
#043363
;
border
:
1px
solid
#1f5383
;
}
.qq-client-open
{
background
:
#013f7f
;
}
.qq-client-content
h2
{
color
:
white
;
background
:
#013f7f
;
border-bottom
:
1px
solid
#1f5383
;
}
.amos-form
.amos-form-item
{
color
:
white
;
}
.amos-form
.amos-form-item
input
,
.amos-form
.amos-form-item
.amos-select-dropdown
,
.amos-form
.amos-form-item
.ant-select-selection
{
color
:
white
;
background
:
transparent
;
border
:
1px
solid
rgba
(
111
,
171
,
223
,
0.6
);
outline
:
none
;
}
.amos-input
{
color
:
white
;
background
:
transparent
;
border
:
1px
solid
rgba
(
111
,
171
,
223
,
0.6
);
outline
:
none
;
}
.amos-textarea
{
color
:
white
;
background
:
transparent
;
border
:
1px
solid
rgba
(
111
,
171
,
223
,
0.6
);
outline
:
none
;
}
.input_item_Input
{
color
:
white
;
background
:
transparent
;
border
:
1px
solid
rgba
(
111
,
171
,
223
,
0.6
);
outline
:
none
;
}
.amos-timeline-item-content
{
color
:
white
;
}
.amos-form
.amos-form-item-control
.amos-btn
{
background
:
#345fa6
;
border
:
1px
solid
#2e5392
;
}
.amos-btn-minor
{
color
:
white
;
background
:
#27b3fe
;
border
:
1px
solid
#27b3fe
;
}
.ant-table-title
{
border
:
1px
solid
#1f5383
!important
;
}
.ant-table-title
.ant-btn
{
color
:
white
;
background
:
#052152
;
border
:
1px
solid
#143c70
;
}
checkDetail-root
{
height
:
100%
;
font-size
:
25px
;
text-align
:
center
;
}
.checkDetail-root
.amos-layout
{
display
:
-webkit-box
;
}
.checkDetail-root
.amos-layout-header
{
width
:
100%
;
height
:
100%
;
padding
:
0
;
background
:
#345fa6
;
}
.checkDetail-root
.amos-layout-header
.check-detail-header
{
float
:
left
;
width
:
97.5%
;
height
:
45px
;
font-size
:
15px
;
line-height
:
40px
;
color
:
white
;
text-align
:
left
;
background
:
#444343
;
}
.checkDetail-root
.amos-layout-header
.check-detail-header-goback
{
float
:
right
;
width
:
2.5%
;
height
:
45px
;
font-size
:
15px
;
color
:
white
;
text-align
:
left
;
background
:
#444343
;
}
.checkDetail-root
.amos-layout-sider
{
padding-left
:
10px
;
background
:
#333
;
-webkit-box-flex
:
1
;
}
.checkDetail-root
.amos-layout-content
{
-webkit-box-flex
:
2
;
-webkit-flex
:
2
0
70%
;
-ms-flex
:
2
0
70%
;
flex
:
2
0
70%
;
padding-top
:
5px
;
background
:
transparent
;
-webkit-box-flex
:
1
;
}
.checkDetail-root
.check-detail-content-input
{
height
:
100%
;
padding-top
:
5px
;
font-size
:
18px
;
line-height
:
20px
;
text-align
:
left
;
background
:
transparent
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content1
{
width
:
100%
;
height
:
40px
;
padding-left
:
10px
!important
;
line-height
:
40px
;
color
:
white
!important
;
background
:
transparent
!important
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
{
width
:
100%
;
height
:
100%
;
padding-top
:
5px
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-table-wrapper
{
background
:
transparent
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-table
{
border-radius
:
0
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-table-content
.ant-table-header
table
{
border
:
0
solid
#deddde
;
border-radius
:
0
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-table-content
.ant-table-body
{
border-left
:
1px
solid
#deddde
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-table-content
.ant-table-body
table
{
border
:
0
solidr
#deddde
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-table-title
{
display
:
none
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-table-thead
tr
th
{
color
:
black
;
background
:
white
;
border-top
:
1px
solid
#e9e9e9
;
border-left
:
1px
solid
#e9e9e9
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-table-placeholder
{
color
:
white
;
background
:
#333333
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.highlight-row
{
background
:
#ecf6fd
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-pagination
.ant-pagination-item
{
height
:
25px
;
min-width
:
25px
;
margin
:
5px
;
line-height
:
25px
;
border-radius
:
6px
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-pagination
.ant-pagination-prev
{
height
:
25px
;
min-width
:
25px
;
margin
:
5px
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-pagination
.ant-pagination-prev
::after
{
height
:
25px
;
line-height
:
25px
;
color
:
black
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-pagination
.ant-pagination-item-active
{
height
:
25px
;
min-width
:
25px
;
margin
:
5px
;
line-height
:
25px
;
border-radius
:
6px
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-pagination
.ant-pagination-item-active
a
{
color
:
white
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-pagination
.ant-pagination-next
{
height
:
25px
;
min-width
:
25px
;
margin
:
5px
;
line-height
:
25px
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-pagination
.ant-pagination-next
::after
{
height
:
25px
;
line-height
:
25px
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-pagination
.ant-pagination-options
.ant-select-selection
{
height
:
25px
;
}
.checkDetail-root
.check-detail-imge
{
width
:
100%
;
height
:
90%
;
font-size
:
18px
;
text-align
:
left
;
border
:
1px
solid
#deddde
;
}
.checkDetail-root
.check-detail-imge
.check-detail-imge-text
{
height
:
40px
;
padding-left
:
10px
;
line-height
:
40px
;
border-bottom
:
1px
solid
#deddde
;
}
.checkDetail-root
.check-detail-imge
.point-details-picture
{
height
:
100%
;
background
:
transparent
;
}
.checkDetail-root
.header
{
height
:
40px
;
font-size
:
18px
;
line-height
:
40px
;
-webkit-box-shadow
:
initial
;
box-shadow
:
initial
;
background
:
transparent
!important
;
color
:
white
;
}
.checkDetail-root
.header
.check-detail-header
{
float
:
left
;
width
:
97%
;
padding-left
:
10px
;
text-align
:
left
;
}
.checkDetail-root
.header
.check-detail-header-goback
{
float
:
right
;
width
:
3%
;
text-align
:
center
;
}
.checkDetail-root
.content-parent
{
position
:
absolute
;
top
:
40px
;
left
:
5px
;
display
:
inline
;
padding-top
:
5px
;
color
:
white
;
}
.checkDetail-root
.content-parent
.content
{
float
:
left
;
width
:
70%
;
padding-top
:
10px
;
padding-left
:
10px
;
}
.checkDetail-root
.content-parent
.sider
{
float
:
right
;
width
:
30%
;
padding-right
:
10px
;
padding-left
:
10px
;
padding-top
:
10px
;
}
check-detail-table
{
display
:
inline
;
font-size
:
7px
;
line-height
:
40px
;
}
.check-detail-table
.check-detail-table-row1
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
border
:
1px
solid
#deddde
;
border-bottom
:
0
;
border-left
:
0
;
}
.check-detail-table
.check-detail-table-row2
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
border
:
1px
solid
#deddde
;
border-top
:
0
;
border-left
:
0
;
}
.check-detail-table
.check-detail-table-row2
.colTitle
{
border-bottom
:
0
;
}
.check-detail-table
.colTitle
{
float
:
left
;
width
:
131px
;
height
:
40px
;
background
:
#1f5383
;
text-align
:
center
;
border-bottom
:
1px
solid
#deddde
;
border-left
:
1px
solid
#deddde
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-box-flex
:
1
;
-webkit-flex
:
1
;
-ms-flex
:
1
;
flex
:
1
;
}
.check-detail-table
.colValue
{
float
:
left
;
text-align
:
center
;
width
:
131px
;
height
:
40px
;
-webkit-box-flex
:
1
;
-webkit-flex
:
1
;
-ms-flex
:
1
;
flex
:
1
;
background
:
transparent
;
border-bottom
:
1px
solid
#deddde
;
border-left
:
1px
solid
#deddde
;
}
.check-detail-table
.colValue1
{
float
:
left
;
width
:
20%
;
height
:
40px
;
border-left
:
1px
solid
#deddde
;
}
.check-detail-table
.colValue2
{
float
:
left
;
width
:
20%
;
height
:
40px
;
border-left
:
1px
solid
#deddde
;
}
.check-detail-table
.colValue3
{
float
:
left
;
width
:
30%
;
height
:
40px
;
line-height
:
20px
;
border-left
:
1px
solid
#deddde
;
}
carousel-content
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
}
.carousel-content
.carousel-inner
{
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
100%
;
-webkit-transition
:
left
0.5s
;
transition
:
left
0.5s
;
}
.carousel-content
.carousel-inner
.carousel-item
{
float
:
left
;
height
:
100%
;
}
.carousel-content
.carousel-img
{
width
:
100%
;
height
:
100%
;
padding
:
5px
;
}
.carousel-content
.carousel-indicators
{
position
:
absolute
;
bottom
:
10px
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
height
:
60px
;
-webkit-transition
:
left
0.5s
;
transition
:
left
0.5s
;
}
.carousel-content
.carousel-indicators
.carousel-left-bar
{
width
:
15px
;
margin-right
:
10px
;
line-height
:
53px
;
text-align
:
center
;
cursor
:
pointer
;
background
:
transparent
;
border-radius
:
4px
0
0
4px
;
}
.carousel-content
.carousel-indicators
.carousel-right-bar
{
width
:
15px
;
line-height
:
53px
;
text-align
:
center
;
cursor
:
pointer
;
background
:
transparent
;
border-radius
:
0
4px
4px
0
;
}
.carousel-content
.carousel-indicators
.carousel-center-bar
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
;
}
.carousel-content
.carousel-indicators
.carousel-center-bar
ul
{
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
100%
;
}
.carousel-content
.carousel-indicators
.carousel-center-bar
ul
.carousel-bar-item
{
float
:
left
;
height
:
100%
;
margin-right
:
10px
;
cursor
:
pointer
;
}
.carousel-content
.carousel-indicators
.carousel-center-bar
ul
.carousel-bar-item.active
{
border
:
1px
solid
linear-gradient
(
180deg
,
#aeaeae
0%
,
#aeaeae
0%
,
#c9c9c9
100%
,
#c9c9c9
100%
);
}
/* .amos-popover-content {
background: #063c8c;
} */
.amos-modal-header
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
width
:
100%
;
height
:
30px
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding
:
0
0
0
18px
;
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#002e58
),
to
(
#004370
));
background
:
-webkit-linear-gradient
(
top
,
#002e58
0%
,
#004370
100%
);
background
:
linear-gradient
(
180deg
,
#002e58
0%
,
#004370
100%
);
border-bottom
:
1px
solid
#1f5383
;
border-radius
:
6px
6px
0
0
;
}
.amos-modal-content
{
max-height
:
60vh
;
min-height
:
100px
;
padding
:
10px
0
;
background
:
#06153e
!important
;
}
.amos-modal-footer
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
width
:
100%
;
height
:
60px
;
padding
:
0
;
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#002e58
),
to
(
#004370
));
background
:
-webkit-linear-gradient
(
top
,
#002e58
0%
,
#004370
100%
);
background
:
linear-gradient
(
180deg
,
#002e58
0%
,
#004370
100%
);
border-top
:
1px
solid
#1f5383
;
border-bottom
:
1px
solid
#1f5383
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
end
;
-webkit-justify-content
:
flex-end
;
-ms-flex-pack
:
end
;
justify-content
:
flex-end
;
border-radius
:
0
0
6px
6px
;
}
.amos-modal-header
.amos-modal-title
{
margin
:
0
;
font-size
:
16px
;
font-weight
:
500
;
line-height
:
22px
;
color
:
white
;
}
.amos-modal-close
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
width
:
30px
;
height
:
30px
;
padding
:
0
;
background
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
#eb0404
),
to
(
#ff0057
));
background
:
-webkit-linear-gradient
(
bottom
,
#eb0404
0%
,
#ff0057
100%
);
background
:
linear-gradient
(
360deg
,
#eb0404
0%
,
#ff0057
100%
);
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
;
}
.ant-calendar
{
position
:
relative
;
outline
:
none
;
width
:
231px
;
color
:
white
;
border
:
1px
solid
#143c70
;
list-style
:
none
;
font-size
:
12px
;
text-align
:
left
;
background-color
:
#043363
;
border-radius
:
4px
;
-webkit-box-shadow
:
0
1px
6px
rgb
(
0
0
0
/
20%
);
box-shadow
:
0
1px
6px
rgb
(
0
0
0
/
20%
);
background-clip
:
padding-box
;
line-height
:
1.5
;
}
.ant-calendar-input
{
border
:
0
;
width
:
100%
;
cursor
:
auto
;
outline
:
0
;
height
:
22px
;
color
:
white
;
background
:
#043363
;
}
.ant-calendar-date
{
display
:
block
;
margin
:
0
auto
;
color
:
white
;
border-radius
:
2px
;
width
:
20px
;
height
:
20px
;
line-height
:
18px
;
border
:
1px
solid
transparent
;
padding
:
0
;
background
:
transparent
;
text-align
:
center
;
-webkit-transition
:
background
0.3s
ease
;
transition
:
background
0.3s
ease
;
}
.ant-calendar-input-wrap
{
color
:
white
;
height
:
34px
;
padding
:
6px
;
border-bottom
:
1px
solid
#e9e9e9
;
}
.calendar-month-select
{
padding
:
0
2px
;
font-weight
:
bold
;
display
:
inline-block
;
color
:
white
;
line-height
:
34px
;
}
.ant-calendar-month-panel
{
position
:
absolute
;
top
:
1px
;
right
:
0
;
bottom
:
0
;
left
:
0
;
z-index
:
10
;
border-radius
:
4px
;
color
:
white
;
background
:
#043363
;
outline
:
none
;
}
.ant-calendar-header
.ant-calendar-prev-century-btn
,
.ant-calendar-header
.ant-calendar-next-century-btn
,
.ant-calendar-header
.ant-calendar-prev-decade-btn
,
.ant-calendar-header
.ant-calendar-next-decade-btn
,
.ant-calendar-header
.ant-calendar-prev-month-btn
,
.ant-calendar-header
.ant-calendar-next-month-btn
,
.ant-calendar-header
.ant-calendar-prev-year-btn
,
.ant-calendar-header
.ant-calendar-next-year-btn
{
position
:
absolute
;
top
:
0
;
color
:
white
;
font-family
:
Arial
,
'Hiragino Sans GB'
,
'Microsoft Yahei'
,
'Microsoft Sans Serif'
,
sans-serif
;
padding
:
0
5px
;
font-size
:
16px
;
display
:
inline-block
;
line-height
:
34px
;
}
.ant-calendar-month-panel-header
.ant-calendar-month-panel-century-select
,
.ant-calendar-month-panel-header
.ant-calendar-month-panel-decade-select
,
.ant-calendar-month-panel-header
.ant-calendar-month-panel-year-select
,
.ant-calendar-month-panel-header
.ant-calendar-month-panel-month-select
{
padding
:
0
2px
;
font-weight
:
bold
;
display
:
inline-block
;
color
:
white
;
line-height
:
34px
;
}
.ant-calendar-header
.ant-calendar-century-select
,
.ant-calendar-header
.ant-calendar-decade-select
,
.ant-calendar-header
.ant-calendar-year-select
,
.ant-calendar-header
.ant-calendar-month-select
{
padding
:
0
2px
;
font-weight
:
bold
;
display
:
inline-block
;
color
:
white
;
line-height
:
34px
;
}
.ant-calendar-month-panel-month
{
display
:
inline-block
;
margin
:
0
auto
;
color
:
white
;
background
:
transparent
;
text-align
:
center
;
height
:
24px
;
line-height
:
24px
;
padding
:
0
6px
;
border-radius
:
4px
;
-webkit-transition
:
background
0.3s
ease
;
transition
:
background
0.3s
ease
;
}
.ant-calendar-month-panel-header
.ant-calendar-month-panel-prev-century-btn
,
.ant-calendar-month-panel-header
.ant-calendar-month-panel-next-century-btn
,
.ant-calendar-month-panel-header
.ant-calendar-month-panel-prev-decade-btn
,
.ant-calendar-month-panel-header
.ant-calendar-month-panel-next-decade-btn
,
.ant-calendar-month-panel-header
.ant-calendar-month-panel-prev-month-btn
,
.ant-calendar-month-panel-header
.ant-calendar-month-panel-next-month-btn
,
.ant-calendar-month-panel-header
.ant-calendar-month-panel-prev-year-btn
,
.ant-calendar-month-panel-header
.ant-calendar-month-panel-next-year-btn
{
position
:
absolute
;
top
:
0
;
color
:
white
;
font-family
:
Arial
,
'Hiragino Sans GB'
,
'Microsoft Yahei'
,
'Microsoft Sans Serif'
,
sans-serif
;
padding
:
0
5px
;
font-size
:
16px
;
display
:
inline-block
;
line-height
:
34px
;
}
.statistics-content
.statistics-item
{
width
:
38%
;
color
:
white
;
border
:
1px
solid
#143c70
;
border-radius
:
8px
;
background-color
:
#043363
;
-webkit-box-shadow
:
3px
3px
8px
#043363
;
box-shadow
:
3px
3px
8px
#043363
;
height
:
60px
;
margin-right
:
1vw
;
margin-bottom
:
1vw
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding-left
:
10px
;
font-size
:
15px
;
cursor
:
pointer
;
}
/* 换流站样式 */
.point-view
{
width
:
100%
;
height
:
100%
;
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
}
.point-view
.point-first-row
{
height
:
40%
;
margin
:
10px
;
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
}
.point-view
.point-first-row
.point-statistics
{
position
:
relative
;
float
:
left
;
width
:
18%
;
height
:
100%
;
margin-right
:
1%
;
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border
:
1px
solid
#143c70
;
}
.point-view
.point-first-row
.point-statistics
.point-statistics-title
{
padding-left
:
20px
;
font-size
:
18px
;
line-height
:
40px
;
color
:
white
;
text-align
:
left
;
background
:
rgba
(
255
,
255
,
255
,
0
);
}
.point-view
.point-first-row
.point-month-ins
{
float
:
left
;
width
:
38%
;
height
:
100%
;
margin-right
:
1%
;
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border
:
1px
solid
#ddddde
;
}
.point-view
.point-first-row
.point-month-ins
.point-month-ins-title
{
padding-left
:
20px
;
font-size
:
18px
;
line-height
:
40px
;
color
:
white
;
text-align
:
left
;
background
:
rgba
(
255
,
255
,
255
,
0
);
}
.point-view
.point-first-row
.point-execution-situation
.point-execution-situation-title
{
padding-left
:
20px
;
font-size
:
18px
;
line-height
:
40px
;
color
:
white
;
text-align
:
left
;
background
:
rgba
(
255
,
255
,
255
,
0
);
}
.point-view
.point-first-row
.point-execution-situation
{
float
:
right
;
width
:
42%
;
height
:
100%
;
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border
:
1px
solid
#143c70
;
}
.point-view
.point-first-row
.point-execution-situation
.point-list-content
.ant-table-body
tr
td
,
.point-view
.create-device-root
.create-device-host-bottom
.device-list-content
.ant-table-body
tr
td
,
.point-view
.create-device-root
.create-device-host-bottom
.device-list-content
.ant-table-header
.ant-table-thead
tr
th
{
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border-color
:
#143c70
;
}
.point-view
.create-device-root
.create-device-host-top
{
width
:
100%
;
height
:
40px
;
margin-bottom
:
10px
;
color
:
white
;
background-color
:
rgba
(
255
,
255
,
255
,
0
);
}
.point-view
.create-device-root
.create-device-host-top
.table-search
.create-device-search-root
.catalog-select
.ant-select-selection
{
height
:
30px
;
color
:
white
;
background-color
:
rgba
(
255
,
255
,
255
,
0
);
border-color
:
#143c70
;
border-radius
:
4px
;
}
.ant-select-selection__rendered
{
display
:
block
;
margin-left
:
11px
;
margin-right
:
11px
;
position
:
relative
;
line-height
:
30px
;
color
:
white
;
background-color
:
rgba
(
255
,
255
,
255
,
0
);
}
.amos-taglist
{
padding
:
0
0
3px
6px
;
margin
:
0
;
line-height
:
1
;
list-style
:
none
;
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
}
.point-view
.point-first-row
.point-execution-situation
.point-list-content
.ant-pagination-options
.ant-select-selection
{
height
:
25px
;
color
:
white
;
background-color
:
rgba
(
255
,
255
,
255
,
0
);
border-color
:
#143c70
;
}
.point-view
.point-first-row
.point-execution-situation
.point-list-content
.ant-pagination-item
{
height
:
25px
;
min-width
:
25px
;
margin
:
5px
;
line-height
:
25px
;
color
:
white
;
background-color
:
#043363
;
border-color
:
#143c70
;
border-radius
:
6px
;
}
.point-view
.point-first-row
.point-execution-situation
.point-list-content
.ant-pagination-prev
,
.point-view
.point-first-row
.point-execution-situation
.point-list-content
.ant-pagination-next
{
height
:
25px
;
min-width
:
25px
;
margin
:
5px
;
line-height
:
25px
;
color
:
white
;
background-color
:
#043363
;
border-color
:
#143c70
;
border-radius
:
6px
;
}
.amos-select-dropdown
{
font-family
:
var
(
--font-family-all
);
font-size
:
var
(
--font-size
);
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
position
:
relative
;
min-width
:
12em
;
line-height
:
28px
;
background-color
:
rgba
(
255
,
255
,
255
,
0
);
border
:
1px
solid
#143c70
;
border-radius
:
2px
;
outline
:
none
;
}
.amos-taglist
li
input
{
height
:
22px
;
vertical-align
:
top
;
border
:
none
;
outline
:
none
;
color
:
white
;
background-color
:
rgba
(
255
,
255
,
255
,
0
);
}
.amos-taglist
.amos-taglist-label
{
display
:
inline-block
;
max-width
:
100px
;
line-height
:
22px
;
vertical-align
:
middle
;
color
:
white
;
background-color
:
rgba
(
255
,
255
,
255
,
0
);
}
.amos-taglist
.amos-taglist-item
{
position
:
relative
;
padding-left
:
5px
;
cursor
:
default
;
background-color
:
#063c8c
;
border
:
1px
solid
#063c8c
;
border-radius
:
2px
;
}
.point-view
.create-device-root
.create-device-host-top
.table-search
.create-device-search-root
.search-device
.ant-input
{
height
:
2.5rem
;
padding
:
0
0.6rem
;
color
:
inherit
;
vertical-align
:
middle
;
border-color
:
#143c70
;
border-radius
:
10px
;
border-radius
:
4px
;
-webkit-appearance
:
none
;
color
:
white
;
background-color
:
rgba
(
255
,
255
,
255
,
0
);
}
.pointinfo-content
.amos-cardpane.amos-cardpane-bordered.amos-cardpane-animate
{
background
:
rgba
(
255
,
255
,
255
,
0
);
}
.pointinfo-content
.amos-cardpane-head
{
height
:
40px
;
background
:
inherit
;
background-color
:
rgba
(
255
,
255
,
255
,
0
);
border-radius
:
0
0
0
0
;
border-color
:
#ddddde
;
font-size
:
18px
;
color
:
white
;
text-align
:
left
;
border-radius
:
0px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
border-width
:
1px
;
border-style
:
solid
;
}
.pointinfo-content
.amos-cardpane.amos-cardpane-bordered.amos-cardpane-animate
.amos-cardpane-head-title
{
font-size
:
18px
;
line-height
:
40px
;
color
:
white
;
}
.pointinfo-content
.col_groupcolor
{
width
:
8%
;
padding
:
'0px'
;
line-height
:
45px
;
color
:
white
;
text-align
:
center
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border-top
:
1px
solid
#143c70
;
border-bottom
:
1px
solid
#143c70
;
border-left
:
1px
solid
#143c70
;
}
.pointinfo-content
.col_groupcolor3
{
width
:
43%
;
padding
:
'0px'
;
line-height
:
40px
;
color
:
white
;
text-align
:
left
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border
:
1px
solid
#143c70
;
}
.pointinfo-content
.col_groupcolor2
{
width
:
25%
;
padding
:
'0px'
;
line-height
:
40px
;
color
:
white
;
text-align
:
left
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border-top
:
2px
solid
#143c70
;
border-bottom
:
1px
solid
#143c70
;
border-left
:
24px
solid
#143c70
;
}
.pointinfo-content
.col_groupcolor4
{
width
:
8%
;
padding
:
'0px'
;
line-height
:
45px
;
color
:
white
;
text-align
:
center
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border-top
:
1px
solid
#143c70
;
border-bottom
:
1px
solid
#143c70
;
border-left
:
1px
solid
#143c70
;
}
.point-view
.create-device-root
.create-device-host-top
.table-search
.create-device-search-root
.check-detail-header-goback
button
{
height
:
2.5rem
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border
:
1px
solid
#143c70
;
opacity
:
1
;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar-header
{
padding
:
16px
16px
22px
12px
;
background
:
rgba
(
255
,
255
,
255
,
0
);
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
{
position
:
relative
;
z-index
:
2
;
float
:
left
;
width
:
300px
;
margin-right
:
10px
;
background-color
:
rgba
(
255
,
255
,
255
,
0
);
border
:
1px
solid
#143c70
;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
.ant-fullcalendar-tbody
tr
.ant-fullcalendar-cell
{
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border
:
1px
solid
#143c70
;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
.ant-fullcalendar-tbody
tr
.ant-fullcalendar-cell.ant-fullcalendar-next-month-btn-day
{
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border
:
1px
solid
#143c70
;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
.ant-fullcalendar-tbody
tr
.ant-fullcalendar-cell.ant-fullcalendar-last-month-cell
{
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border
:
1px
solid
#143c70
;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar-header
.select-scroll-wrapper
.ant-select-selection
{
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border
:
1px
solid
#143c70
;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
.ant-fullcalendar-tbody
tr
.ant-fullcalendar-cell
.ant-fullcalendar-value
{
color
:
white
;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
.ant-fullcalendar-tbody
tr
.ant-fullcalendar-cell.ant-fullcalendar-last-month-cell
.ant-fullcalendar-value
{
color
:
white
;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
.ant-fullcalendar-tbody
tr
.ant-fullcalendar-cell.ant-fullcalendar-next-month-btn-day
.ant-fullcalendar-value
{
color
:
white
;
}
.checkDetail-root
{
height
:
100%
;
font-size
:
25px
;
text-align
:
center
;
background
:
rgba
(
255
,
255
,
255
,
0
);
}
.check-detail-table
.colTitle
{
float
:
left
;
width
:
131px
;
height
:
40px
;
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
text-align
:
center
;
border-bottom
:
1px
solid
#143c70
;
border-left
:
1px
solid
#143c70
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-box-flex
:
1
;
-webkit-flex
:
1
;
-ms-flex
:
1
;
flex
:
1
;
}
.check-detail-table
.colValue
{
float
:
left
;
text-align
:
center
;
width
:
131px
;
height
:
40px
;
-webkit-box-flex
:
1
;
-webkit-flex
:
1
;
-ms-flex
:
1
;
flex
:
1
;
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border-bottom
:
1px
solid
#143c70
;
border-left
:
1px
solid
#143c70
;
}
.check-detail-table
.colValue3
{
float
:
left
;
width
:
30%
;
height
:
40px
;
line-height
:
20px
;
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border-left
:
1px
solid
#143c70
;
}
.check-detail-table
.check-detail-table-row2
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
border
:
1px
solid
#143c70
;
border-top
:
0
;
border-left
:
0
;
}
.check-detail-table
.check-detail-table-row1
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
border
:
1px
solid
#143c70
;
border-bottom
:
0
;
border-left
:
0
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
{
width
:
100%
;
height
:
100%
;
padding-top
:
5px
;
background
:
rgba
(
255
,
255
,
255
,
0
);
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-table-body
tr
td
{
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border-color
:
#143c70
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content1
{
width
:
100%
;
height
:
40px
;
padding-left
:
10px
;
line-height
:
40px
;
background
:
#f3f3f3
;
border
:
1px
solid
#143c70
;
}
.checkDetail-root
.check-detail-imge
{
width
:
100%
;
height
:
90%
;
font-size
:
18px
;
text-align
:
left
;
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border
:
1px
solid
#143c70
;
}
.checkDetail-root
.check-detail-imge
.check-detail-imge-text
{
height
:
40px
;
padding-left
:
10px
;
line-height
:
40px
;
color
:
white
;
background
:
rgba
(
255
,
255
,
255
,
0
);
border-bottom
:
1px
solid
#143c70
;
}
.amos-modal-container
.amos-modal-header
{
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#002e58
),
to
(
#004370
));
background
:
-webkit-linear-gradient
(
top
,
#002e58
0%
,
#004370
100%
);
background
:
linear-gradient
(
180deg
,
#002e58
0%
,
#004370
100%
);
padding
:
4px
10px
;
font-size
:
15px
;
border-bottom
:
none
;
}
.checkDetail-root
.check-detail-content-input
.check-detail-content2
.ant-pagination
.ant-pagination-options
.ant-select-selection
{
height
:
25px
;
color
:
#004370
;
background
:
#ddddde
;
border-color
:
#ddddde
;
}
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