Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
bdc
/
bdcdj-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
c0e85434
authored
2023-12-28 09:05:28 +0800
by
renchao@pashanhoo.com
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
style:首页修改完成
1 parent
e3fecef2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
29 additions
and
16 deletions
src/views/home/index.scss
src/views/home/index.vue
src/views/home/index.scss
View file @
c0e8543
...
...
@@ -14,6 +14,12 @@
align-items
:
center
;
}
.homeItem
{
/
deep
/
.el-card__body
{
height
:
83%
;
}
}
.workbench
{
flex-wrap
:
wrap
;
height
:
100%
;
...
...
@@ -21,11 +27,12 @@
li
{
width
:
32
.5%
;
height
:
90px
;
height
:
calc
(
50%
-
5px
)
;
@include
flex-center
;
flex-direction
:
column
;
color
:
#fff
;
font-size
:
14px
;
margin-bottom
:
0
;
i
{
color
:
#fff
;
...
...
src/views/home/index.vue
View file @
c0e8543
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-
07-12 09:23:03
* @LastEditTime: 2023-
12-28 09:01:29
-->
<
template
>
<div
class=
"home"
>
<div
class=
"home-left"
>
<el-row
:gutter=
"8"
>
<el-col
:span=
"12"
>
<el-card
shadow=
"hover"
:body-style=
"
{ padding: '0' }"
style="height:260px
">
<el-row
:gutter=
"8"
class=
"height50"
>
<el-col
:span=
"12"
class=
"height100"
>
<el-card
shadow=
"hover"
:body-style=
"
{ padding: '0' }"
class="height100 homeItem
">
<div
slot=
"header"
class=
"flexst"
>
<h5
class=
"title"
>
常办项目
</h5>
<el-button
type=
"primary"
@
click=
"setFrequencyProject"
>
配置常办
</el-button>
</div>
<ul
class=
"workbench flexst"
>
<ul
class=
"workbench flexst"
style=
"margin:5px"
>
<li
v-for=
"(item, index) in projectList"
@
click=
"handleProject(item)"
class=
"pointer"
:key=
"index"
:style=
"
{ backgroundColor: newsListColor[index] }">
<i
class=
"el-icon-s-claim"
></i>
...
...
@@ -22,8 +22,8 @@
</ul>
</el-card>
</el-col>
<el-col
:span=
"12"
>
<el-card
shadow=
"hover"
style=
"height:260px
"
>
<el-col
:span=
"12"
class=
"height100"
>
<el-card
shadow=
"hover"
class=
"height100
"
>
<div
slot=
"header"
class=
"flexst"
>
<h5
class=
"title"
>
系统通知
</h5>
<el-popover
placement=
"right"
width=
"50"
trigger=
"hover"
>
...
...
@@ -44,9 +44,9 @@
</el-card>
</el-col>
</el-row>
<el-row
:gutter=
"8"
class=
"marginTop10"
>
<el-col
:span=
"12"
>
<el-card
shadow=
"hover"
style=
"height:215px
"
>
<el-row
:gutter=
"8"
class=
"marginTop10
height50
"
>
<el-col
:span=
"12"
class=
"height100"
>
<el-card
shadow=
"hover"
class=
"height100
"
>
<div
slot=
"header"
class=
"flexst"
>
<h5
class=
"title"
>
待办事项
</h5>
<i
class=
"el-icon-s-unfold pointer"
></i>
...
...
@@ -59,8 +59,8 @@
</ul>
</el-card>
</el-col>
<el-col
:span=
"12"
>
<el-card
shadow=
"hover"
style=
"height:215px
"
>
<el-col
:span=
"12"
class=
"height100"
>
<el-card
shadow=
"hover"
class=
"height100
"
>
<div
slot=
"header"
class=
"flexst"
>
<h5
class=
"title"
>
政策法规
</h5>
<el-popover
placement=
"right"
width=
"50"
trigger=
"hover"
>
...
...
@@ -80,10 +80,10 @@
</el-card>
</el-col>
</el-row>
<el-card
shadow=
"hover"
class=
"marginTop10 box-mountNode"
id=
"mountNodeCon"
<
!--
<
el-card
shadow=
"hover"
class=
"marginTop10 box-mountNode"
id=
"mountNodeCon"
:body-style=
"
{ padding: '8px 6px 0 6px' }">
<div
id=
"mountNode"
></div>
</el-card>
</el-card>
-->
</div>
<div
class=
"home-right"
>
<el-card
shadow=
"hover"
>
...
...
@@ -185,7 +185,7 @@
}
},
mounted
()
{
this
.
buildChart
();
//构建图标
//
this.buildChart();//构建图标
this
.
loginTimeChart
()
this
.
queryTodoList
();
//获取待办列表
this
.
queryDoneList
();
//获取已办列表
...
...
@@ -403,6 +403,12 @@
}
</
script
>
<
style
scoped
lang=
"scss"
>
.height50
{
height
:
calc
(
50%
-
4px
);
}
.height100
{
height
:
100%
;
}
@import
"~@/styles/mixin.scss"
;
@import
"./index.scss"
;
/
deep
/
.el-card__header
{
...
...
Please
register
or
sign in
to post a comment