Commit 35895079 authored by 程卓's avatar 程卓

dashboard 样式调整

parent 9d5af050
......@@ -6,7 +6,7 @@
<a-col :span="6">
<div class="home-card topBox" style="margin-right:10px;">
<a-row>
<a-col :span='7'>
<a-col :span='9'>
<div class="justify-between topBox" >
<div>
<p class="top-font" >小区数</p>
......@@ -14,7 +14,7 @@
</div>
</div>
</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-col :span='16'>
<span class="top-font" > 本月新增 : </span>
......@@ -55,7 +55,7 @@
<a-col :span="6">
<div class="home-card topBox" style="margin-right:10px;">
<a-row>
<a-col :span='7'>
<a-col :span='9'>
<div class="justify-between topBox" >
<div>
<p class="top-font" >门牌幢</p>
......@@ -63,7 +63,7 @@
</div>
</div>
</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-col :span='16'>
<span class="top-font" > 本月增加 : </span>
......@@ -98,7 +98,7 @@
<a-col :span="6">
<div class="home-card topBox" style="margin-right:10px;">
<a-row>
<a-col :span='7'>
<a-col :span='9'>
<div class="justify-between topBox" >
<div>
<p class="top-font" >物业企业</p>
......@@ -106,7 +106,8 @@
</div>
</div>
</a-col>
<a-col :span='12' />
<a-col :span='10' />
<a-col :span='1' />
<a-col :span='4'>
<div class="align-center" style="margin-top: 0px">
<img src="@/assets/icon/wyqys.png" style="width:50px;" alt="">
......@@ -126,7 +127,7 @@
<a-col :span="6">
<div class="home-card topBox" style="">
<a-row>
<a-col :span='7'>
<a-col :span='9'>
<div class="justify-between topBox" >
<div>
<p class="top-font" >业委会</p>
......@@ -134,7 +135,8 @@
</div>
</div>
</a-col>
<a-col :span='12' />
<a-col :span='10' />
<a-col :span='1' />
<a-col :span='4'>
<div class="align-center" style="margin-top: 0px">
<img src="@/assets/icon/ywhs.png" style="width:50px;" alt="">
......@@ -299,14 +301,14 @@
</div>
</a-col>
</a-row>
<a-row class="align-stretch" style="margin-top:10px;">
<a-col :span="12" style="marginRight:10px">
<div class="home-card" style="margin-top:10px;">
<a-row class="align-stretch" style="margin-top:10px;height:100%">
<a-col :span="12" style="paddingRight:10px;">
<div class="home-card" style="margin-top:10px;height:96%">
<ComplaintsTrain moduletitle="投诉问题" />
</div>
</a-col>
<a-col :span="12">
<div class="home-card" style="margin-top:10px;">
<div class="home-card" style="margin-top:10px;height:96%">
<ComplaintsTrain moduletitle="报修" />
</div>
</a-col>
......@@ -762,9 +764,11 @@ export default {
#home {
width: 100%;
height:100%;
display: flex;
flex-direction: column;
}
.home-card{
background: #fff;
padding: 15px;
......
......@@ -87,7 +87,7 @@ export default {
if (this.moduletitle == '报修') { // 没接口 假数据
this.list =[
{
complaintType: '高空坠物隐患',
complaintType: '供电供水设备经常出现故障',
_id: '高空坠物隐患',
},
{
......@@ -195,6 +195,7 @@ export default {
/* cursor: pointer; */
color: rgb(96,97,98);
align-items: center;
margin:10px 0;
}
.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