Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
c0e85434 by renchao@pashanhoo.com
Options

style:首页修改完成

1 parent e3fecef2
Inline Side-by-side
Showing 2 changed files with 29 additions and 16 deletions
...@@ -14,6 +14,12 @@ ...@@ -14,6 +14,12 @@
14 align-items: center; 14 align-items: center;
15 } 15 }
16 16
17 .homeItem {
18 /deep/.el-card__body {
19 height: 83%;
20 }
21 }
22
17 .workbench { 23 .workbench {
18 flex-wrap: wrap; 24 flex-wrap: wrap;
19 height: 100%; 25 height: 100%;
...@@ -21,11 +27,12 @@ ...@@ -21,11 +27,12 @@
21 27
22 li { 28 li {
23 width: 32.5%; 29 width: 32.5%;
24 height: 90px; 30 height: calc(50% - 5px);
25 @include flex-center; 31 @include flex-center;
26 flex-direction: column; 32 flex-direction: column;
27 color: #fff; 33 color: #fff;
28 font-size: 14px; 34 font-size: 14px;
35 margin-bottom: 0;
29 36
30 i { 37 i {
31 color: #fff; 38 color: #fff;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-12 09:23:03 4 * @LastEditTime: 2023-12-28 09:01:29
5 --> 5 -->
6 <template> 6 <template>
7 <div class="home"> 7 <div class="home">
8 <div class="home-left"> 8 <div class="home-left">
9 <el-row :gutter="8"> 9 <el-row :gutter="8" class="height50">
10 <el-col :span="12"> 10 <el-col :span="12" class="height100">
11 <el-card shadow="hover" :body-style="{ padding: '0' }" style="height:260px"> 11 <el-card shadow="hover" :body-style="{ padding: '0' }" class="height100 homeItem">
12 <div slot="header" class="flexst"> 12 <div slot="header" class="flexst">
13 <h5 class="title">常办项目</h5> 13 <h5 class="title">常办项目</h5>
14 <el-button type="primary" @click="setFrequencyProject">配置常办</el-button> 14 <el-button type="primary" @click="setFrequencyProject">配置常办</el-button>
15 </div> 15 </div>
16 <ul class="workbench flexst"> 16 <ul class="workbench flexst" style="margin:5px">
17 <li v-for="(item, index) in projectList" @click="handleProject(item)" class="pointer" :key="index" 17 <li v-for="(item, index) in projectList" @click="handleProject(item)" class="pointer" :key="index"
18 :style="{ backgroundColor: newsListColor[index] }"> 18 :style="{ backgroundColor: newsListColor[index] }">
19 <i class="el-icon-s-claim"></i> 19 <i class="el-icon-s-claim"></i>
...@@ -22,8 +22,8 @@ ...@@ -22,8 +22,8 @@
22 </ul> 22 </ul>
23 </el-card> 23 </el-card>
24 </el-col> 24 </el-col>
25 <el-col :span="12"> 25 <el-col :span="12" class="height100">
26 <el-card shadow="hover" style="height:260px"> 26 <el-card shadow="hover" class="height100">
27 <div slot="header" class="flexst"> 27 <div slot="header" class="flexst">
28 <h5 class="title">系统通知</h5> 28 <h5 class="title">系统通知</h5>
29 <el-popover placement="right" width="50" trigger="hover"> 29 <el-popover placement="right" width="50" trigger="hover">
...@@ -44,9 +44,9 @@ ...@@ -44,9 +44,9 @@
44 </el-card> 44 </el-card>
45 </el-col> 45 </el-col>
46 </el-row> 46 </el-row>
47 <el-row :gutter="8" class="marginTop10"> 47 <el-row :gutter="8" class="marginTop10 height50">
48 <el-col :span="12"> 48 <el-col :span="12" class="height100">
49 <el-card shadow="hover" style="height:215px"> 49 <el-card shadow="hover" class="height100">
50 <div slot="header" class="flexst"> 50 <div slot="header" class="flexst">
51 <h5 class="title">待办事项</h5> 51 <h5 class="title">待办事项</h5>
52 <i class="el-icon-s-unfold pointer"></i> 52 <i class="el-icon-s-unfold pointer"></i>
...@@ -59,8 +59,8 @@ ...@@ -59,8 +59,8 @@
59 </ul> 59 </ul>
60 </el-card> 60 </el-card>
61 </el-col> 61 </el-col>
62 <el-col :span="12"> 62 <el-col :span="12" class="height100">
63 <el-card shadow="hover" style="height:215px"> 63 <el-card shadow="hover" class="height100">
64 <div slot="header" class="flexst"> 64 <div slot="header" class="flexst">
65 <h5 class="title">政策法规</h5> 65 <h5 class="title">政策法规</h5>
66 <el-popover placement="right" width="50" trigger="hover"> 66 <el-popover placement="right" width="50" trigger="hover">
...@@ -80,10 +80,10 @@ ...@@ -80,10 +80,10 @@
80 </el-card> 80 </el-card>
81 </el-col> 81 </el-col>
82 </el-row> 82 </el-row>
83 <el-card shadow="hover" class="marginTop10 box-mountNode" id="mountNodeCon" 83 <!-- <el-card shadow="hover" class="marginTop10 box-mountNode" id="mountNodeCon"
84 :body-style="{ padding: '8px 6px 0 6px' }"> 84 :body-style="{ padding: '8px 6px 0 6px' }">
85 <div id="mountNode"></div> 85 <div id="mountNode"></div>
86 </el-card> 86 </el-card> -->
87 </div> 87 </div>
88 <div class="home-right"> 88 <div class="home-right">
89 <el-card shadow="hover"> 89 <el-card shadow="hover">
...@@ -185,7 +185,7 @@ ...@@ -185,7 +185,7 @@
185 } 185 }
186 }, 186 },
187 mounted () { 187 mounted () {
188 this.buildChart();//构建图标 188 // this.buildChart();//构建图标
189 this.loginTimeChart() 189 this.loginTimeChart()
190 this.queryTodoList();//获取待办列表 190 this.queryTodoList();//获取待办列表
191 this.queryDoneList();//获取已办列表 191 this.queryDoneList();//获取已办列表
...@@ -403,6 +403,12 @@ ...@@ -403,6 +403,12 @@
403 } 403 }
404 </script> 404 </script>
405 <style scoped lang="scss"> 405 <style scoped lang="scss">
406 .height50 {
407 height: calc(50% - 4px);
408 }
409 .height100 {
410 height: 100%;
411 }
406 @import "~@/styles/mixin.scss"; 412 @import "~@/styles/mixin.scss";
407 @import "./index.scss"; 413 @import "./index.scss";
408 /deep/.el-card__header { 414 /deep/.el-card__header {
......