Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
A
AmosBankView
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
bank
AmosBankView
Commits
eabed450
Commit
eabed450
authored
Nov 12, 2020
by
xinglei
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
*)修改首页样式
parent
e13fa66d
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
42 additions
and
31 deletions
+42
-31
amos.config.js
amos.config.js
+0
-2
indexCharts.scss
src/styles/view/3dview/indexCharts.scss
+0
-0
header.scss
src/styles/view/biz/header.scss
+23
-12
leftCharts.js
src/view/bank/3dview/indexCharts/leftCharts.js
+6
-6
middleTable.js
...ew/bank/3dview/indexCharts/rightChartChild/middleTable.js
+9
-9
topChart.js
src/view/bank/3dview/indexCharts/rightChartChild/topChart.js
+0
-0
alarmLineChart.js
src/view/bank/3dview/indexCharts/rightPane/alarmLineChart.js
+4
-2
No files found.
amos.config.js
View file @
eabed450
...
@@ -127,6 +127,4 @@
...
@@ -127,6 +127,4 @@
window
.
appKey
=
'AMOS_BANK'
;
window
.
appKey
=
'AMOS_BANK'
;
window
.
product
=
'AMOS_BANK_WEB'
;
window
.
product
=
'AMOS_BANK_WEB'
;
window
.
dutyType
=
'bank'
;
//normal/bank
window
.
dutyType
=
'bank'
;
//normal/bank
})();
})();
src/styles/view/3dview/indexCharts.scss
View file @
eabed450
This diff is collapsed.
Click to expand it.
src/styles/view/biz/header.scss
View file @
eabed450
...
@@ -2,8 +2,8 @@
...
@@ -2,8 +2,8 @@
#app
{
#app
{
.header
{
.header
{
background
:
$core-color
;
z-index
:
111
;
z-index
:
111
;
background
:
$core-color
;
.sys-tools
{
.sys-tools
{
display
:
none
;
display
:
none
;
...
@@ -26,31 +26,30 @@
...
@@ -26,31 +26,30 @@
.logo-wrapper
{
.logo-wrapper
{
// display: none;
// display: none;
width
:
240px
;
width
:
240px
;
font-size
:
18px
;
padding-left
:
15px
;
padding-left
:
15px
;
font-size
:
18px
;
// background: #345fa6;
// background: #345fa6;
color
:
#fff
;
color
:
#fff
;
.header-logo
{
.header-logo
{
width
:
100%
;
background
:
#345fa6
;
background
:
#345fa6
;
border
:
none
;
border
:
none
;
border-right
:
1px
solid
#2d5291
;
border-right
:
1px
solid
#2d5291
;
width
:
100%
;
}
}
.logo-text
{
.logo-text
{
display
:
inline-block
;
display
:
inline-block
;
}
}
}
}
.nav-menu-wrapper
{
.nav-menu-wrapper
{
.menu-expanded
{
.menu-expanded
{
position
:
relative
;
position
:
relative
;
z-index
:
90000
;
z-index
:
90000
;
}
}
.nav-menu-box
{
.nav-menu-box
{
.nav-menu-list
{
.nav-menu-list
{
color
:
white
;
color
:
white
;
...
@@ -65,7 +64,7 @@
...
@@ -65,7 +64,7 @@
}
}
.nav-menu-item-label
{
.nav-menu-item-label
{
font-size
:
1
5
px
;
font-size
:
1
8
px
;
color
:
white
;
color
:
white
;
}
}
...
@@ -88,56 +87,68 @@
...
@@ -88,56 +87,68 @@
}
}
}
}
}
}
.header.headerIndex
{
.header.headerIndex
{
background
:
url('/src/assets/3dview/header.png')
no-repeat
100%
100%
;
background-size
:
100%
100%
;
height
:
7rem
;
// line-height: 7rem;
// line-height: 7rem;
z-index
:
11111
;
z-index
:
11111
;
display
:
flex
;
display
:
flex
;
height
:
7rem
;
background
:
url('/src/assets/3dview/header.png')
no-repeat
100%
100%
;
background-size
:
100%
100%
;
box-shadow
:
none
;
box-shadow
:
none
;
.header-navs
{
.header-navs
{
width
:
38%
;
width
:
38%
;
.nav-menu-wrapper
{
.nav-menu-wrapper
{
top
:
3rem
;
top
:
3rem
;
width
:
100%
;
width
:
100%
;
.nav-menu-item
{
.nav-menu-item
{
width
:
24%
!
important
;
width
:
24%
!
important
;
border
:
none
!
important
;
border
:
none
!
important
;
.menusub-wrapper
{
.menusub-wrapper
{
width
:
100%
!
important
;
width
:
100%
!
important
;
}
}
}
}
.nav-menu-bg
{
.nav-menu-bg
{
display
:
none
;
display
:
none
;
}
}
}
}
}
}
.leftNavs
{
.leftNavs
{
.nav-menu-wrapper
{
.nav-menu-wrapper
{
padding-left
:
25
.5%
;
padding-right
:
15%
;
padding-right
:
15%
;
padding-left
:
25
.5%
;
.nav-menu-item
{
.nav-menu-item
{
width
:
33
.3%
!
important
;
width
:
33
.3%
!
important
;
}
}
}
}
}
}
.rightNavs
{
.rightNavs
{
.nav-menu-wrapper
{
.nav-menu-wrapper
{
padding-left
:
15%
;
padding-left
:
15%
;
}
}
}
}
.projectName
{
.projectName
{
width
:
24%
;
width
:
24%
;
height
:
7rem
;
height
:
7rem
;
line-height
:
7rem
;
line-height
:
7rem
;
text-align
:
center
;
text-align
:
center
;
img
{
img
{
vertical-align
:
middle
;
width
:
65%
;
width
:
65%
;
vertical-align
:
middle
;
}
}
}
}
}
}
.content-body.indexContent
{
.content-body.indexContent
{
top
:
0
;
top
:
0
;
height
:
100%
;
height
:
100%
;
...
...
src/view/bank/3dview/indexCharts/leftCharts.js
View file @
eabed450
...
@@ -336,8 +336,8 @@ class LeftCharts extends Component {
...
@@ -336,8 +336,8 @@ class LeftCharts extends Component {
<
img
src
=
"/src/assets/indexChart/temperature.png"
alt
=
''
className
=
"dh-img"
/>
<
img
src
=
"/src/assets/indexChart/temperature.png"
alt
=
''
className
=
"dh-img"
/>
<
/div
>
<
/div
>
<
div
className
=
"dh-values"
>
<
div
className
=
"dh-values"
>
<
div
className
=
"dh-values-item"
>
3
#温度:
{
wd3
.
value
===
undefined
?
'0°C'
:
wd3
.
value
+
'°C'
}
<
/div
>
<
div
className
=
"dh-values-item"
>
3
#温度:
{
wd3
.
value
===
undefined
?
'0°C'
:
wd3
.
value
}
<
/div
>
<
div
className
=
"dh-values-item"
>
4
#温度:
{
wd4
.
value
===
undefined
?
'0°C'
:
wd4
.
value
+
'°C'
}
<
/div
>
<
div
className
=
"dh-values-item"
>
4
#温度:
{
wd4
.
value
===
undefined
?
'0°C'
:
wd4
.
value
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
@@ -348,8 +348,8 @@ class LeftCharts extends Component {
...
@@ -348,8 +348,8 @@ class LeftCharts extends Component {
<
img
src
=
"/src/assets/indexChart/temperature.png"
alt
=
''
className
=
"dh-img"
/>
<
img
src
=
"/src/assets/indexChart/temperature.png"
alt
=
''
className
=
"dh-img"
/>
<
/div
>
<
/div
>
<
div
className
=
"dh-values"
>
<
div
className
=
"dh-values"
>
<
div
className
=
"dh-values-item"
>
1
#温度:
{
wd1
.
value
===
undefined
?
'0°C'
:
wd1
.
value
+
'°C'
}
<
/div
>
<
div
className
=
"dh-values-item"
>
1
#温度:
{
wd1
.
value
===
undefined
?
'0°C'
:
wd1
.
value
}
<
/div
>
<
div
className
=
"dh-values-item"
>
2
#温度:
{
wd1
.
value
===
undefined
?
'0°C'
:
wd2
.
value
+
'°C'
}
<
/div
>
<
div
className
=
"dh-values-item"
>
2
#温度:
{
wd1
.
value
===
undefined
?
'0°C'
:
wd2
.
value
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
@@ -360,8 +360,8 @@ class LeftCharts extends Component {
...
@@ -360,8 +360,8 @@ class LeftCharts extends Component {
<
img
src
=
"/src/assets/indexChart/temperature.png"
alt
=
''
className
=
"dh-img"
/>
<
img
src
=
"/src/assets/indexChart/temperature.png"
alt
=
''
className
=
"dh-img"
/>
<
/div
>
<
/div
>
<
div
className
=
"dh-values"
>
<
div
className
=
"dh-values"
>
<
div
className
=
"dh-values-item"
>
1
温度:
{
wd5
.
value
===
undefined
?
'0°C'
:
wd5
.
value
+
'°C'
}
<
/div
>
<
div
className
=
"dh-values-item"
>
1
#温度:
{
wd5
.
value
===
undefined
?
'0°C'
:
wd5
.
value
}
<
/div
>
<
div
className
=
"dh-values-item"
>
5
温度:
{
wd6
.
value
===
undefined
?
'0°C'
:
wd6
.
value
+
'°C'
}
<
/div
>
<
div
className
=
"dh-values-item"
>
5
#温度:
{
wd6
.
value
===
undefined
?
'0°C'
:
wd6
.
value
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
...
src/view/bank/3dview/indexCharts/rightChartChild/middleTable.js
View file @
eabed450
...
@@ -91,13 +91,13 @@ class MiddleTable extends Component {
...
@@ -91,13 +91,13 @@ class MiddleTable extends Component {
const
{
headerData
,
dataList
,
arrangeList
,
arrangeNo
}
=
this
.
state
;
const
{
headerData
,
dataList
,
arrangeList
,
arrangeNo
}
=
this
.
state
;
let
leader
=
(
headerData
.
leader
&&
headerData
.
leader
[
0
])
||
{};
let
leader
=
(
headerData
.
leader
&&
headerData
.
leader
[
0
])
||
{};
let
secondTier
=
headerData
.
secondTier
||
[];
let
secondTier
=
headerData
.
secondTier
||
[];
let
arrange
=
arrangeList
.
find
(
item
=>
item
.
id
===
arrangeNo
)
||
{};
let
arrange
=
(
arrangeList
&&
arrangeList
.
find
(
item
=>
item
.
id
===
arrangeNo
)
)
||
{};
return
(
return
(
<
div
className
=
'table-middle'
>
<
div
className
=
'table-middle'
>
<
div
className
=
'leaderBox'
>
<
div
className
=
'leaderBox'
>
<
div
className
=
'leader'
>
<
div
className
=
'leader'
>
<
span
className
=
'itemLabel'
>
带班领导
<
/span
>
<
span
className
=
'itemLabel'
>
带班领导
<
/span
>
<
span
className
=
'itemValue'
>
{
leader
.
dutyName
||
''
}
&
nbsp
;{
leader
.
mobile
||
''
}
<
/span
>
<
span
className
=
'itemValue'
>
{
leader
.
dutyName
||
''
}
&
nbsp
;
&
nbsp
;
&
nbsp
;
{
leader
.
mobile
||
''
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
'secondLine'
>
<
div
className
=
'secondLine'
>
<
span
className
=
'itemLabel'
>
二线人员
<
/span
>
<
span
className
=
'itemLabel'
>
二线人员
<
/span
>
...
@@ -134,19 +134,19 @@ class MiddleTable extends Component {
...
@@ -134,19 +134,19 @@ class MiddleTable extends Component {
<
Row
className
=
'table-header-split'
>
一线人员
<
/Row
>
<
Row
className
=
'table-header-split'
>
一线人员
<
/Row
>
<
Row
className
=
'table-body-cotent firstPeople'
>
<
Row
className
=
'table-body-cotent firstPeople'
>
<
Col
className
=
''
>
<
Col
className
=
''
>
<
Row
className
=
'table-header-row title'
>
<
Row
className
=
'table-header-row
duty-
title'
>
<
Col
className
=
'leftBtn'
span
=
{
1
}
><
img
className
=
'table-page-img'
src
=
"/src/assets/3dview/left.png"
onClick
=
{
()
=>
this
.
leftClick
()
}
/></
Col
>
<
Col
className
=
'leftBtn'
span
=
{
1
}
><
img
className
=
'table-page-img'
src
=
"/src/assets/3dview/left.png"
onClick
=
{
()
=>
this
.
leftClick
()
}
/></
Col
>
<
Col
span
=
{
7
}
>
岗位
<
/Col
>
<
Col
span
=
{
6
}
>
岗位
<
/Col
>
<
Col
span
=
{
8
}
>
{
arrange
.
startTime
}
-
{
arrange
.
endTime
}
<
/Col
>
<
Col
span
=
{
11
}
>
{
arrange
.
startTime
}
-
{
arrange
.
endTime
}
<
/Col
>
<
Col
span
=
{
7
}
>
电话
<
/Col
>
<
Col
span
=
{
4
}
>
电话
<
/Col
>
<
Col
className
=
'rightBtn'
span
=
{
1
}
><
img
className
=
'table-page-img'
src
=
"/src/assets/3dview/right.png"
onClick
=
{
()
=>
this
.
rightClick
()
}
/></
Col
>
<
Col
className
=
'rightBtn'
span
=
{
1
}
><
img
className
=
'table-page-img'
src
=
"/src/assets/3dview/right.png"
onClick
=
{
()
=>
this
.
rightClick
()
}
/></
Col
>
<
/Row
>
<
/Row
>
{
dataList
&&
dataList
.
map
((
d
,
index
)
=>
{
{
dataList
&&
dataList
.
map
((
d
,
index
)
=>
{
return
(
return
(
<
Row
className
=
'table-header-row content'
key
=
{
index
}
>
<
Row
className
=
'table-header-row content'
key
=
{
index
}
>
<
Col
span
=
{
8
}
>
{
d
.
postName
}
<
/Col
>
<
Col
span
=
{
6
}
>
{
d
.
postName
}
<
/Col
>
<
Col
span
=
{
8
}
>
{
d
.
dutyName
}
<
/Col
>
<
Col
span
=
{
11
}
>
{
d
.
dutyName
}
<
/Col
>
<
Col
span
=
{
8
}
>
{
d
.
mobile
}
<
/Col
>
<
Col
span
=
{
4
}
>
{
d
.
mobile
}
<
/Col
>
<
/Row
>
<
/Row
>
)
)
})
}
})
}
...
...
src/view/bank/3dview/indexCharts/rightChartChild/topChart.js
View file @
eabed450
This diff is collapsed.
Click to expand it.
src/view/bank/3dview/indexCharts/rightPane/alarmLineChart.js
View file @
eabed450
...
@@ -35,7 +35,8 @@ class AlarmLineChart extends Component {
...
@@ -35,7 +35,8 @@ class AlarmLineChart extends Component {
// itemHeight: 5,
// itemHeight: 5,
// itemGap: 13,
// itemGap: 13,
textStyle
:
{
textStyle
:
{
color
:
'white'
color
:
'white'
,
fontSize
:
14
},
},
data
:
[
'紧急'
,
'重要'
,
'次要'
,
'警告'
]
data
:
[
'紧急'
,
'重要'
,
'次要'
,
'警告'
]
...
@@ -47,7 +48,8 @@ class AlarmLineChart extends Component {
...
@@ -47,7 +48,8 @@ class AlarmLineChart extends Component {
interval
:
0
,
interval
:
0
,
show
:
true
,
show
:
true
,
textStyle
:
{
textStyle
:
{
color
:
'white'
color
:
'white'
,
fontSize
:
13
}
}
},
},
axisLine
:
{
axisLine
:
{
...
...
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