Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
bdc
/
bdcjg-web
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
e9a49a21
authored
2023-01-12 14:27:12 +0800
by
任超
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
style:样式完成
1 parent
11853c3e
Hide whitespace changes
Inline
Side-by-side
Showing
11 changed files
with
31 additions
and
66 deletions
src/components/echart/Rose/chart.vue
src/components/echart/columnar/chart.vue
src/components/echart/columnarsmat/chart.vue
src/layout/components/Sidebar/sidebarLeft.vue
src/layout/components/Sidebar/sidebarRight.vue
src/permission.js
src/router/index.js
src/styles/element-ui.scss
src/views/dataView/leftcard.vue
src/views/dataView/rightcard.vue
src/views/dataView/screencontent.vue
src/components/echart/Rose/chart.vue
View file @
e9a49a2
<
template
>
<Echart
:options=
"options"
id=
"centreLeft1Chart"
height=
"200px"
width=
"
95
%"
></Echart>
<Echart
:options=
"options"
id=
"centreLeft1Chart"
height=
"200px"
width=
"
100
%"
></Echart>
</
template
>
<
script
>
import
Echart
from
'@/common/echart'
...
...
@@ -19,8 +19,8 @@ export default {
this
.
options
=
{
grid
:
{
// 让图表占满容器
top
:
"
5
0%"
,
right
:
'
30%
'
,
top
:
"
6
0%"
,
right
:
'
0
'
,
bottom
:
"0%"
,
},
color
:
[
...
...
src/components/echart/columnar/chart.vue
View file @
e9a49a2
<
template
>
<!-- 柱状图 -->
<Echart
:options=
"options"
id=
"bottomLeftChart"
height=
"
420px
"
width=
"100%"
></Echart>
<Echart
:options=
"options"
id=
"bottomLeftChart"
height=
"
100%
"
width=
"100%"
></Echart>
</
template
>
<
script
>
...
...
src/components/echart/columnarsmat/chart.vue
View file @
e9a49a2
...
...
@@ -26,7 +26,7 @@ export default {
this
.
options
=
{
grid
:
{
// 让图表占满容器
top
:
"
12
%"
,
top
:
"
20
%"
,
left
:
"15%"
,
right
:
"10%"
,
bottom
:
"26%"
,
...
...
src/layout/components/Sidebar/sidebarLeft.vue
View file @
e9a49a2
<
template
>
<el-menu
router
:default-active=
"activeMenu"
mode=
"horizontal"
>
<!-- 权限菜单 -->
<sidebar-item
v-for=
"route in permission_routes.slice(
2, 5
)"
:key=
"route.path"
:item=
"route"
<sidebar-item
v-for=
"route in permission_routes.slice(
1, 4
)"
:key=
"route.path"
:item=
"route"
:base-path=
"route.path"
/>
<!-- 菜单全部展示 -->
<!--
<sidebar-item
v-for=
"route in asyncRoutes"
:key=
"route.path"
:item=
"route"
:base-path=
"route.path"
/>
-->
...
...
src/layout/components/Sidebar/sidebarRight.vue
View file @
e9a49a2
<
template
>
<el-menu
router
:default-active=
"activeMenu"
mode=
"horizontal"
>
<!-- 权限菜单 -->
<sidebar-item
v-for=
"route in permission_routes.slice(
5, 8
)"
:key=
"route.path"
:item=
"route"
<sidebar-item
v-for=
"route in permission_routes.slice(
4, 7
)"
:key=
"route.path"
:item=
"route"
:base-path=
"route.path"
/>
<!-- 菜单全部展示 -->
<!--
<sidebar-item
v-for=
"route in asyncRoutes"
:key=
"route.path"
:item=
"route"
:base-path=
"route.path"
/>
-->
...
...
src/permission.js
View file @
e9a49a2
...
...
@@ -27,7 +27,7 @@ router.beforeEach(async (to, from, next) => {
if
(
routeTo
&&
routeTo
!==
'/'
)
{
next
({
...
to
,
replace
:
true
})
}
else
{
next
(
'/
jgH
ome'
)
next
(
'/
h
ome'
)
}
}
NProgress
.
done
()
...
...
src/router/index.js
View file @
e9a49a2
...
...
@@ -20,22 +20,17 @@ export const constantRoutes = [
}
]
},
{
path
:
'/dataView'
,
name
:
'dataView'
,
component
:
()
=>
import
(
'@/views/dataView/index'
)
},
// 监管首页
{
path
:
'/'
,
component
:
Layout
,
redirect
:
'/
jgH
ome'
,
redirect
:
'/
h
ome'
,
meta
:
{
title
:
'首页'
},
children
:
[
{
path
:
'
jgH
ome'
,
path
:
'
h
ome'
,
component
:
()
=>
import
(
'@/views/home/index'
),
name
:
'
jgH
ome'
,
name
:
'
h
ome'
,
meta
:
{
title
:
'工作台'
,
icon
:
'workbench'
,
affix
:
true
}
}
]
...
...
src/styles/element-ui.scss
View file @
e9a49a2
...
...
@@ -177,6 +177,7 @@ table th {
}
table
td
{
box-sizing
:
border-box
;
border-bottom
:
8px
solid
rgba
(
0
,
0
,
0
,
0
.1
)
!
important
;
}
...
...
@@ -187,12 +188,13 @@ table td {
.el-table__body
tr
:hover
{
background
:
rgba
(
2
,
160
,
253
,
0
.
1
)
!
important
;
background
:
rgba
(
2
,
160
,
253
,
0
.
3
)
!
important
;
box-shadow
:
inset
0px
0px
18px
0px
#02A0FD
!
important
;
}
.el-table__body
tr
:hover
>
td
.el-table__cell
{
.el-table__body
tr
:hover
>
td
{
background
:
none
!
important
;
border-bottom
:
8px
solid
transparent
!
important
;
}
// 表格样式
...
...
src/views/dataView/leftcard.vue
View file @
e9a49a2
...
...
@@ -77,15 +77,14 @@ export default {
<
style
lang=
"scss"
scoped
>
.leftcard
{
width
:
30%
;
height
:
100%
;
height
:
calc
(
100%
-94px
)
;
display
:
flex
;
flex-direction
:
column
;
.card
{
background
:
url("~@/image/homeLeftBg.png")
no-repeat
;
background-size
:
100%
100%
;
position
:
relative
;
flex
:
1
;
height
:
100%
;
padding
:
8px
0
;
}
...
...
@@ -94,6 +93,9 @@ export default {
background-size
:
100%
100%
;
position
:
relative
;
padding
:
10px
0
;
box-sizing
:
border-box
;
flex
:
1
;
height
:
100%
;
}
.cardhead
{
...
...
src/views/dataView/rightcard.vue
View file @
e9a49a2
...
...
@@ -2,7 +2,7 @@
<div
class=
"rightcard"
>
<div
class=
"card1 cardCon d-center"
>
<div
class=
"cardhead"
>
房屋情况统计表
</div>
<div
class=
"cardcontent"
style=
"margin-top:
5
0px"
>
<div
class=
"cardcontent"
style=
"margin-top:
7
0px"
>
<dv-scroll-board
:config=
"config"
class=
"board"
/>
</div>
</div>
...
...
@@ -51,7 +51,9 @@ export default {
}
.rightcard
{
width
:
30%
;
display
:
flex
;
height
:
calc
(
100%
-94px
);
flex-direction
:
column
;
.cardhead
{
...
...
@@ -72,21 +74,21 @@ export default {
}
.cardCon
{
padding
:
20px
10
px
;
padding
:
20px
5
px
;
position
:
relative
;
text-align
:
center
;
width
:
100%
;
}
.card1
{
height
:
2
4
0px
;
height
:
2
0
0px
;
background
:
url("~@/image/homeLeftBg.png")
no-repeat
;
background-size
:
100%
100%
;
.board
{
width
:
90%
;
margin
:
0
auto
;
height
:
1
6
5px
;
height
:
1
3
5px
;
margin-top
:
40px
;
}
}
...
...
@@ -94,13 +96,15 @@ export default {
.card2
{
background
:
url("~@/image/djywl.png")
no-repeat
;
background-size
:
100%
100%
;
padding
:
70px
0
20
px
0
;
padding
:
50px
0
15
px
0
;
}
.card3
{
height
:
170px
;
flex
:
1
;
height
:
100%
;
background
:
url("~@/image/lxzl.png")
no-repeat
;
background-size
:
100%
100%
;
padding-bottom
:
0
;
}
.cardhead
{
...
...
src/views/dataView/screencontent.vue
View file @
e9a49a2
...
...
@@ -45,44 +45,6 @@ export default {
height
:
calc
(
100%
-94px
);
margin
:
auto
;
display
:
flex
;
justify-content
:
space-between
;
.centercard
{
width
:
40%
;
.card1
{
width
:
100%
;
box-sizing
:
border-box
;
background-size
:
100%
100%
;
}
.card2
{
width
:
100%
;
box-sizing
:
border-box
;
background-size
:
100%
100%
;
}
}
.rightcard
{
width
:
30%
;
height
:
100%
;
.card1
{
width
:
100%
;
box-sizing
:
border-box
;
background-size
:
100%
100%
;
}
.card2
{
width
:
100%
;
box-sizing
:
border-box
;
background-size
:
100%
100%
;
}
.card3
{
width
:
100%
;
box-sizing
:
border-box
;
background-size
:
100%
100%
;
}
}
justify-content
:
space-between
;
}
</
style
>
...
...
Please
register
or
sign in
to post a comment