From 72419e2f826031a158173f46d723a672064e37cd Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 31 八月 2021 22:42:51 +0800
Subject: [PATCH] 2021-08-31
---
src/tabviews/custom/components/table/normal-table/index.scss | 240 ++++++++++++-----------------------------------------------
1 files changed, 49 insertions(+), 191 deletions(-)
diff --git a/src/tabviews/custom/components/table/normal-table/index.scss b/src/tabviews/custom/components/table/normal-table/index.scss
index 3d3f54b..e3d3aed 100644
--- a/src/tabviews/custom/components/table/normal-table/index.scss
+++ b/src/tabviews/custom/components/table/normal-table/index.scss
@@ -1,15 +1,21 @@
-.commontable {
+.custom-normal-table {
position: relative;
- min-height: calc(100vh - 94px);
- padding-top: 16px;
- padding-bottom: 80px;
- .box404 {
- padding-top: 30px;
+
+ .normal-header {
+ margin-bottom: 10px;
}
- .commontable-main-action {
- min-height: 25px;
- .button-list {
- padding-right: 110px;
+ .top-search {
+ border-bottom: 1px solid #efefef;
+ }
+ >.button-list.toolbar-button {
+ padding: 0;
+ line-height: 45px;
+ padding-right: 60px;
+ button {
+ margin-right: 0px;
+ margin-bottom: 0px;
+ min-height: 28px;
+ height: auto;
}
}
.ant-modal-mask {
@@ -25,43 +31,14 @@
max-height: calc(100vh - 265px);
}
}
- > .ant-spin {
- position: absolute;
- z-index: 10;
- left: calc(50% - 22px);
- top: calc(50vh - 70px);
- }
- > .ant-card {
- margin: 0 20px 20px;
- > .ant-card-head {
- border: 0;
- padding: 0;
- min-height: 30px;
- .ant-card-head-title {
- padding: 10px 0 0;
- span {
- color: #1890ff;
- display: inline-block;
- padding: 0 10px;
- font-size: 15px;
- border-bottom: 1px solid #1890ff;
- i {
- margin-right: 10px;
- }
- }
- }
- }
- > .ant-card-body {
- padding: 0;
- }
- }
.main-table-box {
position: relative;
+ min-height: 150px;
.main-pickup {
position: absolute;
- right: 35px;
+ right: 5px;
top: -22px;
- z-index: 1;
+ z-index: 2;
}
.custom-control {
position: absolute;
@@ -76,162 +53,43 @@
line-height: 150px!important;
}
}
- > .ant-tabs {
- width: 100%;
- padding: 0px 20px;
- margin-bottom: 20px;
- .ant-tabs-tab:not(.ant-tabs-tab-active) {
- cursor: pointer;
- }
- .ant-tabs-tab.ant-tabs-tab-active {
- cursor: default;
+ .no-action.main-table-box {
+ .main-pickup {
+ position: relative;
+ right: 0px;
+ top: 0px;
+ z-index: 2;
+ float: right;
}
}
- .common-table-copy {
- position: fixed;
- z-index: 2;
- bottom: 65px;
- right: 30px;
- width: 40px;
- height: 40px;
- }
- .ant-table-fixed-left, .ant-table-fixed-right {
- z-index: 1;
- }
- > .chart-view {
- position: relative;
- padding: 0 20px;
- >.ant-tabs {
- .ant-tabs-bar {
- position: relative;
- z-index: 1;
- margin: 0;
- border: 0;
- .ant-tabs-nav-scroll {
- text-align: right;
- padding-right: 20px;
- .ant-tabs-ink-bar {
- display: none!important;
- }
- .ant-tabs-tab {
- padding: 6px 5px;
- margin-right: 5px;
- }
+ .ant-collapse {
+ background-color: transparent;
+ border-radius: 0px;
+ > .ant-collapse-item {
+ border: 0;
+ >.ant-collapse-header {
+ padding: 0;
+ .normal-header {
+ padding-right: 40px;
}
}
}
- >.ant-col {
- min-height: 100px;
- }
- >.card-view.ant-col-24 {
- padding: 0!important;
- .card-row-box {
+ .ant-collapse-item:last-child > .ant-collapse-content {
+ border-radius: 0;
+ .ant-collapse-content-box {
padding: 0;
+ >.button-list.toolbar-button {
+ padding: 0;
+ line-height: 45px;
+ padding-right: 60px;
+ button {
+ margin-right: 0px;
+ margin-bottom: 0px;
+ min-height: 28px;
+ height: auto;
+ }
+ }
}
- }
- .chart-title {
- position: relative;
- color: rgba(0, 0, 0, 0.65);
- font-weight: 400;
- font-size: 16px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- margin: 0px;
- padding: 5px 10px;
- float: left;
- max-width: 50%;
- }
- .chart-table.chart-title {
- position: absolute;
- top: 0px;
- }
- .canvas {
- clear: both;
- }
- }
-}
-
-.menu-tree-modal {
- .ant-modal-body {
- min-height: 300px;
- .menu-header {
- text-align: center;
- span {
- font-weight: 600;
- margin-right: 20px;
- }
- .ant-typography {
- font-weight: 600;
- display: inline-block;
- }
- }
- .ant-tree li .ant-tree-node-content-wrapper {
- cursor: default;
- }
- }
-}
-
-.commontable.bg-gray {
- background: #f0f2f5;
- >.top-search {
- background: #ffffff;
- padding: 10px 10px;
- margin: 0 20px;
- }
- .chart-view {
- margin-bottom: 20px;
- .ant-col:last-child {
- .line-chart-plot-box {
- margin-bottom: 0px;
- }
- .card-row-box {
- margin-bottom: 0px;
- }
- .normal-data-table {
- margin-bottom: 0px;
- }
- }
- >.ant-col {
- min-height: 50px;
- }
- }
- .line-chart-plot-box {
- background: #ffffff;
- padding: 10px;
- margin-bottom: 20px;
- }
- .card-row-box {
- min-height: 130px;
- background: #ffffff;
- padding-bottom: 10px;
- margin-bottom: 20px;
- }
- .commontable-main-action {
- padding: 0 10px;
- background: #ffffff;
- }
- .normal-data-table {
- padding: 0 10px 10px;
- margin-bottom: 20px;
- background: #ffffff;
- }
- .main-pickup {
- right: 45px;
- }
- .custom-control {
- right: 10px;
- }
- > .ant-tabs {
- margin: 0px 20px 20px;
- padding: 0px;
- width: calc(100% - 40px);
- background: #ffffff;
- .top-search {
- padding: 0 10px 10px;
- }
- .button-list.toolbar-button {
- padding: 15px 10px 5px;
}
}
}
\ No newline at end of file
--
Gitblit v1.8.0