Skip to content

M
mobi
Commit 35895079 authored by 程卓's avatar 程卓
Browse files
Options

dashboard 样式调整

parent 9d5af050
Show whitespace changes
Inline Side-by-side
Showing with 18 additions and 13 deletions
src/views/home.vue
View file @ 35895079
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<a-col :span="6"> <a-col :span="6">
<div class="home-card topBox" style="margin-right:10px;"> <div class="home-card topBox" style="margin-right:10px;">
<a-row> <a-row>
<a-col :span='7'> <a-col :span='9'>
<div class="justify-between topBox" > <div class="justify-between topBox" >
<div> <div>
<p class="top-font" >小区数</p> <p class="top-font" >小区数</p>
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
</div> </div>
</div> </div>
</a-col> </a-col>
<a-col :span='12'> <a-col :span='10'>
<a-row style="border-left: 1px solid lightgrey; padding-left: 10px; padding-bottom: 5px;"> <a-row style="border-left: 1px solid lightgrey; padding-left: 10px; padding-bottom: 5px;">
<a-col :span='16'> <a-col :span='16'>
<span class="top-font" > 本月新增 : </span> <span class="top-font" > 本月新增 : </span>
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
<a-col :span="6"> <a-col :span="6">
<div class="home-card topBox" style="margin-right:10px;"> <div class="home-card topBox" style="margin-right:10px;">
<a-row> <a-row>
<a-col :span='7'> <a-col :span='9'>
<div class="justify-between topBox" > <div class="justify-between topBox" >
<div> <div>
<p class="top-font" >门牌幢</p> <p class="top-font" >门牌幢</p>
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
</div> </div>
</div> </div>
</a-col> </a-col>
<a-col :span='12'> <a-col :span='10'>
<a-row style="border-left: 1px solid lightgrey; padding-left: 10px; padding-bottom: 5px;"> <a-row style="border-left: 1px solid lightgrey; padding-left: 10px; padding-bottom: 5px;">
<a-col :span='16'> <a-col :span='16'>
<span class="top-font" > 本月增加 : </span> <span class="top-font" > 本月增加 : </span>
...@@ -98,7 +98,7 @@ ...@@ -98,7 +98,7 @@
<a-col :span="6"> <a-col :span="6">
<div class="home-card topBox" style="margin-right:10px;"> <div class="home-card topBox" style="margin-right:10px;">
<a-row> <a-row>
<a-col :span='7'> <a-col :span='9'>
<div class="justify-between topBox" > <div class="justify-between topBox" >
<div> <div>
<p class="top-font" >物业企业</p> <p class="top-font" >物业企业</p>
...@@ -106,7 +106,8 @@ ...@@ -106,7 +106,8 @@
</div> </div>
</div> </div>
</a-col> </a-col>
<a-col :span='12' /> <a-col :span='10' />
<a-col :span='1' />
<a-col :span='4'> <a-col :span='4'>
<div class="align-center" style="margin-top: 0px"> <div class="align-center" style="margin-top: 0px">
<img src="@/assets/icon/wyqys.png" style="width:50px;" alt=""> <img src="@/assets/icon/wyqys.png" style="width:50px;" alt="">
...@@ -126,7 +127,7 @@ ...@@ -126,7 +127,7 @@
<a-col :span="6"> <a-col :span="6">
<div class="home-card topBox" style=""> <div class="home-card topBox" style="">
<a-row> <a-row>
<a-col :span='7'> <a-col :span='9'>
<div class="justify-between topBox" > <div class="justify-between topBox" >
<div> <div>
<p class="top-font" >业委会</p> <p class="top-font" >业委会</p>
...@@ -134,7 +135,8 @@ ...@@ -134,7 +135,8 @@
</div> </div>
</div> </div>
</a-col> </a-col>
<a-col :span='12' /> <a-col :span='10' />
<a-col :span='1' />
<a-col :span='4'> <a-col :span='4'>
<div class="align-center" style="margin-top: 0px"> <div class="align-center" style="margin-top: 0px">
<img src="@/assets/icon/ywhs.png" style="width:50px;" alt=""> <img src="@/assets/icon/ywhs.png" style="width:50px;" alt="">
...@@ -299,14 +301,14 @@ ...@@ -299,14 +301,14 @@
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<a-row class="align-stretch" style="margin-top:10px;"> <a-row class="align-stretch" style="margin-top:10px;height:100%">
<a-col :span="12" style="marginRight:10px"> <a-col :span="12" style="paddingRight:10px;">
<div class="home-card" style="margin-top:10px;"> <div class="home-card" style="margin-top:10px;height:96%">
<ComplaintsTrain moduletitle="投诉问题" /> <ComplaintsTrain moduletitle="投诉问题" />
</div> </div>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<div class="home-card" style="margin-top:10px;"> <div class="home-card" style="margin-top:10px;height:96%">
<ComplaintsTrain moduletitle="报修" /> <ComplaintsTrain moduletitle="报修" />
</div> </div>
</a-col> </a-col>
...@@ -762,9 +764,11 @@ export default { ...@@ -762,9 +764,11 @@ export default {
#home { #home {
width: 100%; width: 100%;
height:100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.home-card{ .home-card{
background: #fff; background: #fff;
padding: 15px; padding: 15px;
......
src/views/home/ComplaintsTrain.vue
View file @ 35895079
...@@ -87,7 +87,7 @@ export default { ...@@ -87,7 +87,7 @@ export default {
if (this.moduletitle == '报修') { // 没接口 假数据 if (this.moduletitle == '报修') { // 没接口 假数据
this.list =[ this.list =[
{ {
complaintType: '高空坠物隐患', complaintType: '供电供水设备经常出现故障',
_id: '高空坠物隐患', _id: '高空坠物隐患',
}, },
{ {
...@@ -195,6 +195,7 @@ export default { ...@@ -195,6 +195,7 @@ export default {
/* cursor: pointer; */ /* cursor: pointer; */
color: rgb(96,97,98); color: rgb(96,97,98);
align-items: center; align-items: center;
margin:10px 0;
} }
.box .content .list .left{ .box .content .list .left{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment