style:首页完成
Showing
4 changed files
with
16 additions
and
12 deletions
... | @@ -56,6 +56,10 @@ | ... | @@ -56,6 +56,10 @@ |
56 | } | 56 | } |
57 | } | 57 | } |
58 | 58 | ||
59 | .el-icon-date { | ||
60 | display: none; | ||
61 | } | ||
62 | |||
59 | // to fixed https://github.com/ElemeFE/element/issues/2461 | 63 | // to fixed https://github.com/ElemeFE/element/issues/2461 |
60 | // refine element ui upload | 64 | // refine element ui upload |
61 | .el-input.is-disabled .el-input__inner { | 65 | .el-input.is-disabled .el-input__inner { |
... | @@ -120,6 +124,7 @@ | ... | @@ -120,6 +124,7 @@ |
120 | ::-webkit-scrollbar-thumb:hover { | 124 | ::-webkit-scrollbar-thumb:hover { |
121 | background-color: rgb(162, 164, 167); | 125 | background-color: rgb(162, 164, 167); |
122 | } | 126 | } |
127 | |||
123 | // element 样式补丁 | 128 | // element 样式补丁 |
124 | .el-menu--horizontal { | 129 | .el-menu--horizontal { |
125 | border-bottom: none !important; | 130 | border-bottom: none !important; | ... | ... |
... | @@ -55,6 +55,7 @@ | ... | @@ -55,6 +55,7 @@ |
55 | overflow: hidden; | 55 | overflow: hidden; |
56 | text-overflow: ellipsis; | 56 | text-overflow: ellipsis; |
57 | white-space: nowrap; | 57 | white-space: nowrap; |
58 | width: 75%; | ||
58 | } | 59 | } |
59 | 60 | ||
60 | ul { | 61 | ul { |
... | @@ -70,7 +71,7 @@ | ... | @@ -70,7 +71,7 @@ |
70 | 71 | ||
71 | .box-mountNode { | 72 | .box-mountNode { |
72 | flex: 1; | 73 | flex: 1; |
73 | height: calc(100% - 485px); | 74 | height: calc(100% - 510px); |
74 | } | 75 | } |
75 | 76 | ||
76 | .home-right { | 77 | .home-right { | ... | ... |
... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
14 | </el-card> | 14 | </el-card> |
15 | </el-col> | 15 | </el-col> |
16 | <el-col :span="12"> | 16 | <el-col :span="12"> |
17 | <el-card shadow="hover" style="height:243px"> | 17 | <el-card shadow="hover" style="height:247px"> |
18 | <div slot="header" class="flexst"> | 18 | <div slot="header" class="flexst"> |
19 | <h5 class="title">系统通知</h5> | 19 | <h5 class="title">系统通知</h5> |
20 | <i class="el-icon-s-unfold pointer"></i> | 20 | <i class="el-icon-s-unfold pointer"></i> |
... | @@ -32,7 +32,7 @@ | ... | @@ -32,7 +32,7 @@ |
32 | </el-row> | 32 | </el-row> |
33 | <el-row :gutter="8" class="marginTop10"> | 33 | <el-row :gutter="8" class="marginTop10"> |
34 | <el-col :span="12"> | 34 | <el-col :span="12"> |
35 | <el-card shadow="hover"> | 35 | <el-card shadow="hover" style="height:247px"> |
36 | <div slot="header" class="flexst"> | 36 | <div slot="header" class="flexst"> |
37 | <h5 class="title">待办事项</h5> | 37 | <h5 class="title">待办事项</h5> |
38 | <i class="el-icon-s-unfold pointer"></i> | 38 | <i class="el-icon-s-unfold pointer"></i> |
... | @@ -40,13 +40,13 @@ | ... | @@ -40,13 +40,13 @@ |
40 | <ul> | 40 | <ul> |
41 | <li v-for="(item, index) in todoList" :key="index" class="flexst"> | 41 | <li v-for="(item, index) in todoList" :key="index" class="flexst"> |
42 | <p class="right15">{{ item.dealTime.substring(0, 10) }}</p> | 42 | <p class="right15">{{ item.dealTime.substring(0, 10) }}</p> |
43 | <p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p> | 43 | <p class="list-title" style="text-align:right">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p> |
44 | </li> | 44 | </li> |
45 | </ul> | 45 | </ul> |
46 | </el-card> | 46 | </el-card> |
47 | </el-col> | 47 | </el-col> |
48 | <el-col :span="12"> | 48 | <el-col :span="12"> |
49 | <el-card shadow="hover" style="height:225px"> | 49 | <el-card shadow="hover" style="height:247px"> |
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> |
... | @@ -184,9 +184,9 @@ export default { | ... | @@ -184,9 +184,9 @@ export default { |
184 | queryNoticeList () { | 184 | queryNoticeList () { |
185 | getHomeNoticeList().then(res => { | 185 | getHomeNoticeList().then(res => { |
186 | if (res.result) { | 186 | if (res.result) { |
187 | this.noticeList = res.result.noticeList | 187 | this.noticeList = res.result.noticeList.slice(0, 5) |
188 | this.noticeList.forEach(item => { | 188 | this.noticeList.forEach(item => { |
189 | 189 | item.createtime = this._timedate(item.createtime) | |
190 | }) | 190 | }) |
191 | this.policyList = res.result.policyList | 191 | this.policyList = res.result.policyList |
192 | } | 192 | } |
... | @@ -198,6 +198,8 @@ export default { | ... | @@ -198,6 +198,8 @@ export default { |
198 | time_str = "今天"; | 198 | time_str = "今天"; |
199 | } else if (new Date(date).getDate() === (new Date().getDate() - 1)) { | 199 | } else if (new Date(date).getDate() === (new Date().getDate() - 1)) { |
200 | time_str = "昨天"; | 200 | time_str = "昨天"; |
201 | } else { | ||
202 | time_str = date | ||
201 | } | 203 | } |
202 | return time_str; | 204 | return time_str; |
203 | }, | 205 | }, |
... | @@ -243,6 +245,6 @@ export default { | ... | @@ -243,6 +245,6 @@ export default { |
243 | @import "./index.scss"; | 245 | @import "./index.scss"; |
244 | 246 | ||
245 | /deep/.el-card__body { | 247 | /deep/.el-card__body { |
246 | padding: 10px; | 248 | padding: 3px 10px 5px 10px; |
247 | } | 249 | } |
248 | </style> | 250 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -168,8 +168,4 @@ export default { | ... | @@ -168,8 +168,4 @@ export default { |
168 | </script> | 168 | </script> |
169 | <style scoped lang="scss"> | 169 | <style scoped lang="scss"> |
170 | @import "~@/styles/public.scss"; | 170 | @import "~@/styles/public.scss"; |
171 | |||
172 | /deep/.el-icon-date { | ||
173 | display: none; | ||
174 | } | ||
175 | </style> | 171 | </style> | ... | ... |
-
Please register or sign in to post a comment