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