elink-star
/
epmet-work-pc-chengyang
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

表格样式，开头样式

feature
是小王呀\24601 1 year ago
parent
0a2b2cde1d
commit
84c9bba11f
2 changed files with 64 additions and 46 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 83
      src/views/modules/shequzhili/analysis/css/index.scss
  2. 27
      src/views/modules/shequzhili/analysis/index.vue

83
src/views/modules/shequzhili/analysis/css/index.scss
View File

@ -93,7 +93,7 @@ border-left: #777 solid 1px;
// margin: 0 21px 0 21px;
.item {
width: 282px;
width: 20%;
height: 86px;
background: #f7faff;
border-radius: 6px;
@ -130,16 +130,28 @@ border-left: #777 solid 1px;
display: flex;
align-items: center;
height: 23px;
.row_left {
font-size: 18px;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
text-align: center;
margin-left: 5px;
font-size: 24px;
font-weight: bold;
color: #333333;
text-align: center;
margin-left: 5px;
}
.text1{
font-size: 16px;
font-family: PingFang SC;
color: #00BB72;
margin-left:20px
}
.text2{
font-size: 16px;
font-family: PingFang SC;
color: #FF7135;
margin-left:20px
}
.row_right {
margin: 0px 5px 0 0;
@ -151,13 +163,7 @@ border-left: #777 solid 1px;
height: 16px;
margin-top: 2px;
}
.text{
font-size: 16px;
font-family: PingFang SC;
color: #333333;
padding-left:10px ;
}
}
}
@ -169,8 +175,6 @@ border-left: #777 solid 1px;
height: 23px;
margin-top: 10px;
.row_left {
font-size: 18px;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
text-align: center;
@ -249,7 +253,7 @@ border-left: #777 solid 1px;
}
}
.item1 {
width: 400px;
width: 30%;
height: 86px;
background: #f7faff;
border-radius: 6px;
@ -281,21 +285,39 @@ border-left: #777 solid 1px;
font-weight: bold;
color: #333333;
}
.row_left1 {
font-size: 24px;
font-weight: bold;
color: #333333;
text-align: center;
margin-left: 5px;
}
.item_row1 {
border-radius: 4px;
display: flex;
align-items: center;
height: 23px;
.row_left {
font-size: 11px;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
.row_left1 {
font-size: 24px;
font-weight: bold;
color: #333333;
text-align: center;
margin-left: 5px;
}
.row_left2 {
font-size: 24px;
font-weight: bold;
color: #FF7035;
text-align: center;
margin-left: 5px;
}
.text1{
font-size: 16px;
font-family: PingFang SC;
color: #FDB305;
padding-left:20px
}
.row_right {
margin: 0px 5px 0 0;
@ -307,12 +329,7 @@ border-left: #777 solid 1px;
height: 16px;
margin-top: 2px;
}
.text{
font-size: 16px;
font-family: PingFang SC;
color: #333333;
padding-left:10px
}
}
}
@ -324,10 +341,8 @@ border-left: #777 solid 1px;
height: 23px;
margin-top: 10px;
.row_left {
font-size: 18px;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
color: #333333;
text-align: center;
margin-left: 5px;
}

27
src/views/modules/shequzhili/analysis/index.vue
View File

@ -29,6 +29,9 @@
<div class="item_content">
<div class="item_row1">
<div class="row_left">{{analysisList.total}}</div>
</div>
<div class="item_row2">
<div class="row_left">事件总数</div>
@ -39,11 +42,11 @@
</div>
<div class="item1">
<div class="item_category">
<img src="@/assets/images/category/perpon.png" />
<img src="./img//eventNum.png" />
<div class="item_content">
<div class="item_row1">
<div class="row_left">{{analysisList.resolveTotal}}</div>
<div class="text">{{analysisList.resolveRate}}%</div>
<div class="row_left1">{{analysisList.resolveTotal}}</div>
<div class="text1">{{analysisList.resolveRate}}%</div>
</div>
<div class="item_row2">
<div class="row_left">已办结事件数</div>
@ -53,8 +56,8 @@
<div class="item_category">
<div class="item_content">
<div class="item_row1">
<div class="row_left">{{analysisList.unresolveTotal}}</div>
<div class="text">{{analysisList.resolveRate}}%</div>
<div class="row_left2">{{analysisList.unresolveTotal}}</div>
<div class="text1">{{analysisList.resolveRate}}%</div>
</div>
<div class="item_row2">
<div class="row_left">未办结事件数</div>
@ -65,12 +68,12 @@
</div>
<div class="item">
<div class="item_category">
<img src="@/assets/images/category/perpon.png" alt />
<img src="./img/perp.png" alt />
<div class="item_content">
<div class="item_row1">
<div class="row_left">{{analysisList.illegalConnectTotal}}</div>
<div class="text">{{analysisList.illegalConnectRate}}%</div>
<div class="text1">{{analysisList.illegalConnectRate}}%</div>
</div>
<div class="item_row2">
@ -87,7 +90,7 @@
<div class="item_row1">
<div class="row_left">{{analysisList.illegalResolveTotal}}</div>
<div class="text">{{analysisList.illegalResolveRate}}%</div>
<div class="text2">{{analysisList.illegalResolveRate}}%</div>
</div>
<div class="item_row2">
@ -103,7 +106,7 @@
</div>
<el-table
:data="tableList"
style="width: 100%;margin-bottom: 20px;"
style="width: 80%;"
row-key="id"
border
default-expand-all
@ -151,7 +154,7 @@
</el-table>
<div style="display: flex;justify-content: space-between;flex-direction:row; height:500px">
<div style="display: flex;width: 50%; margin-right: 10px; justify-content: space-between;flex-direction:column;">
<div style="display: flex;width: 50%; padding-right: 5px;flex-direction:column;">
<h1 style="font-size: 24px; font-weight: bold;"> 部门科室工单量统计 </h1>
<el-table :data="departmentList" height="250" border class="m-table-item" style="width: 100%">
<!-- <el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> -->
@ -170,9 +173,9 @@
</el-table>
</div>
<div style="display: flex;margin-right: 10px; justify-content: space-between;flex-direction:column;">
<div style="display: flex;padding-right: 5px;width: 50%;flex-direction:column;">
<h1 style="font-size: 24px; font-weight: bold;"> 社区工单量统计 </h1>
<el-table :data="communityList" height="300" border class="m-table-item" style="width: 100%">
<el-table :data="communityList" height="300" border class="m-table-item" style="">
<!-- <el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> -->
<!-- <el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column> -->
<el-table-column prop="assignOrgName" align="center" label="社区"

Write Preview
Loading…
Cancel
Save