CN-671 Dashboard - 多维度表格优化:列数值和环比靠中间对齐;表格增加“show more”,接口请求50条,默认展示10条,点击show more加载全部;增加列排序功能;

This commit is contained in:
hanyuxia
2022-08-26 16:26:31 +08:00
parent 11b1941146
commit 15eb858602
3 changed files with 125 additions and 91 deletions

View File

@@ -1,7 +1,7 @@
.tabs {
$blue: #2C72C6;
$grey: #353636;
height:100%;
height:calc(100% - 64px);
font-size:12px;
.tab-hide{
margin-top:40px;
@@ -12,7 +12,7 @@
height:100%;
border: 1px solid #E2E5EC;;
padding:1px;
border-radius: 4px;
border-radius: 4px 4px 0 0;
.tab-table {
border:0px;
.data-click:hover{
@@ -21,12 +21,22 @@
}
.data-total{
display: flex !important;
justify-content:center;
}
.data-value{
display: flex !important;
justify-content:right;
width:50%;
}
.data-trend{
display: flex;
width:50%;
}
.data-total-trend {
display: flex;
justify-content:left;
margin-left: 6px;
align-items: center;
justify-content: center;
margin-top: 2px;
border-radius: 10px;
font-weight:500;
@@ -92,10 +102,15 @@
height: calc(100% - 40px);
border:none;
.el-table__body-wrapper {
height: calc(100% - 32px) !important;
height: calc(100% - 34px) !important;
}
}
}
.cn-chart__tabs-hide-tab {
.el-tabs__content {
height: 100% !important;
}
}
.tab-search {
position:absolute;
height:40px;
@@ -270,3 +285,33 @@
right:200px !important;
transform: translateY(126px) !important;*/
}
.fixed-row {
display:flex;
justify-content: flex-start;
align-items: center;
margin-top: 2px;
width: 100%;
height:40px;
border:solid 1px #E2E5EC;
padding-left:10px !important;
text-align: left;
border-top:0px;
border-radius:0 0 4px 4px;
color:#046eca;
.fixed-button {
display:flex;
justify-content: center;
padding:7px 10px;
align-items: center;
height: 30px;
}
.fixed-button:hover {
cursor:pointer;
background: #e6f4ff;
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
border-radius: 4px;
}
}
.btn-up{
margin-top:40px;
}