From 9b6ce1a5778c6e1a813237e87588c0052aae1bbb Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 29 四月 2020 17:26:15 +0800
Subject: [PATCH] 2020-04-29
---
src/templates/subtableconfig/index.scss | 262 +++-------------------------------------------------
1 files changed, 17 insertions(+), 245 deletions(-)
diff --git a/src/templates/subtableconfig/index.scss b/src/templates/subtableconfig/index.scss
index 6d596e6..3987f11 100644
--- a/src/templates/subtableconfig/index.scss
+++ b/src/templates/subtableconfig/index.scss
@@ -1,4 +1,4 @@
-.common-table-board {
+.model-subtable-board {
position: fixed;
z-index: 1070;
padding-top: 48px;
@@ -58,11 +58,6 @@
margin-bottom: 10px;
color: #1890ff;
border-bottom: 1px solid #e8e8e8;
- }
- }
- .tables {
- .ant-select-selection-selected-value {
- opacity: 0.4!important;
}
}
.ant-list {
@@ -133,7 +128,6 @@
position: relative;
width: calc(100vw - 235px);
height: 100%;
- // overflow-y: hidden;
background: #ffffff;
.ant-switch.big {
min-width: 60px;
@@ -164,217 +158,23 @@
.ant-card-body {
position: relative;
padding: 0;
+
+ .chart-view {
+ margin-bottom: 70px;
- .search-list {
- padding: 1px 24px 20px;
- min-height: 87px;
- border-bottom: 1px solid #d9d9d9;
- > .ant-row {
- min-height: 65px;
- }
- .ant-row .ant-col-6 {
- padding: 0 12px!important;
- }
- .ant-row.ant-form-item .ant-col {
- padding: 0;
- }
- .page-card {
- position: relative;
- background: #ffffff;
- border-radius: 2px;
- padding-top: 15px;
- .ant-form-item {
- cursor: move;
- display: flex;
- margin-bottom: 0px;
- .ant-form-item-label {
- // width: 100px;
- height: 40px;
- label {
- width: 100%;
- cursor: move;
- overflow: hidden;
- display: inline-block;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- }
- .ant-form-item-control-wrapper {
- flex: 1 1;
- .ant-select {
- width: 100%;
- margin-top: 4px;
- }
- .ant-calendar-picker {
- margin-top: 4px;
- }
- .input-mask {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- opacity: 0;
- z-index: 2;
- }
- .data-range .ant-calendar-picker-input {
- padding: 4px 20px 4px 5px;
- font-size: 13px;
- }
- }
- }
- .edit {
- position: absolute;
- left: 0;
- top: 5px;
- color: #1890ff;
- cursor: pointer;
- display: none;
- }
- .edit.close {
- left: 20px;
- color: #ff4d4f;
- }
- }
- .page-card:hover {
- .edit {
- display: inline-block;
- }
- }
- .ant-calendar-picker {
- min-width: 100px!important;
- width: 100%;
- }
- }
- .action-list {
- padding: 0px 20px 15px;
- min-height: 82px;
- > .ant-row {
- min-height: 80px;
- }
- .page-card {
- display: inline-block;
- margin: 0px 0px 0px 0px;
- padding: 15px 10px 0 0;
- position: relative;
- div {
- cursor: move;
- }
- .edit {
- position: absolute;
- left: 0;
- top: 0px;
- color: #1890ff;
- cursor: pointer;
- display: none;
- }
- .edit.close {
- left: 40px;
- color: #ff4d4f;
- }
- .edit.copy {
- left: 20px;
- color: #26C281;
- }
- button {
- cursor: move;
- .anticon-table {
- font-size: 10px;
- position: absolute;
- right: 1px;
- bottom: 0px;
- }
- }
- }
- .page-card:hover {
- .edit {
- display: inline-block;
- }
- }
- }
- .column-list {
- position: relative;
- padding: 0px 20px;
- .ant-switch {
- position: absolute;
- right: 20px;
- top: -10px;
- }
- .column-copy {
- position: absolute;
- font-size: 16px;
- right: 75px;
- top: -7px;
- color: #26C281;
- }
- > .ant-row {
- background: #fafafa;
- border-radius: 4px;
- min-height: 47px;
- border: 1px solid #e8e8e8;
- .column-box {
- display: flex;
- }
- .column-box:not(:first-child) {
- border-top: 1px solid #e8e8e8;
- }
- .page-card {
- position: relative;
- padding: 0px;
- min-height: 45px;
- > div {
- padding: 12px 0px 0px;
- cursor: move;
- height: 100%;
- .ant-table-column-sorters {
- padding: 0px 8px 12px;
- }
- .ant-table-column-fields {
- padding: 0px 8px 5px;
- }
- }
- .ant-table-column-sorter {
- position: relative;
- display: inline-block;
- width: 24px;
- font-size: 12px;
- color: #bfbfbf;
- .anticon-caret-up {
- position: relative;
- left: 10px;
- top: -3px;
- }
- .anticon-caret-down {
- position: relative;
- left: -2px;
- top: 3px;
- }
- }
- .edit {
- position: absolute;
- left: 0;
- top: 0px;
- color: #1890ff;
- cursor: pointer;
- display: none;
- }
- .edit.close {
- left: 20px;
- color: #ff4d4f;
- }
- .ant-checkbox-inner {
- margin-top: 14px;
- margin-left: calc(50% - 8px);
- }
- }
- .page-card:hover {
- .edit {
- display: inline-block;
- }
- }
- .page-card:not(:last-child) {
- border-right: 1px solid #e8e8e8;
- }
+ .chart-title {
+ margin-bottom: 15px;
+ color: rgba(0, 0, 0, 0.85);
+ font-weight: 400;
+ font-size: 18px;
+ line-height: 25px;
+ height: 35px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ max-width: 50%;
+ padding-top: 10px;
+ padding-left: 30px;
}
}
> .anticon-setting {
@@ -416,33 +216,5 @@
position: absolute;
margin-left: calc(50vw - 22px);
margin-top: 30vh;
- }
-}
-
-.common-table-fields-modal {
- .ant-modal {
- top: 50px;
- padding-bottom: 5px;
- .ant-modal-body {
- max-height: calc(100vh - 190px);
- overflow-y: auto;
- .ant-empty {
- margin: 15vh 8px;
- }
- }
- .ant-modal-body::-webkit-scrollbar {
- width: 7px;
- }
- .ant-modal-body::-webkit-scrollbar-thumb {
- border-radius: 5px;
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
- background: rgba(0, 0, 0, 0.13);
- }
- .ant-modal-body::-webkit-scrollbar-track {
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
- border-radius: 3px;
- border: 1px solid rgba(0, 0, 0, 0.07);
- background: rgba(0, 0, 0, 0);
- }
}
}
--
Gitblit v1.8.0