From 5046d0d13dc6a8563b8e54e31913bc44cfa1072f Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期二, 26 四月 2022 19:23:18 +0800 Subject: [PATCH] 2022-04-26 --- src/tabviews/custom/components/table/edit-table/normalTable/index.scss | 219 ++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 185 insertions(+), 34 deletions(-) diff --git a/src/tabviews/custom/components/table/edit-table/normalTable/index.scss b/src/tabviews/custom/components/table/edit-table/normalTable/index.scss index 027503b..9e0ddc1 100644 --- a/src/tabviews/custom/components/table/edit-table/normalTable/index.scss +++ b/src/tabviews/custom/components/table/edit-table/normalTable/index.scss @@ -1,5 +1,6 @@ .edit-custom-table { position: relative; + min-height: 150px; padding: 0px; .normal-table-footer { @@ -17,6 +18,12 @@ .ant-table { color: inherit; font-size: inherit; + } + .mk-edit-sign { + position: absolute; + bottom: 2px; + right: 5px; + opacity: 0.7; } table { @@ -135,47 +142,91 @@ } } } - .fix-header { - .ant-table-body { - min-height: unset - } - .ant-table-placeholder { - display: none; - } - .ant-table-wrapper { - display: none; - } - .ant-affix .ant-table-wrapper { - display: block; - } - } - .ant-input { - border: none; - box-shadow: none!important; - height: auto; - border-radius: 0; - } - .ant-input-number { - border: none; - box-shadow: none!important; - height: auto; - .ant-input-number-handler-wrap { - display: none; - } - .ant-input-number-input { - border-radius: 0; - padding: 0; - height: auto; - } - } + .editing_table_cell { .ant-input { padding: 0px; + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + border: 1px solid var(--antd-wave-shadow-color); + height: auto; + border-radius: 0; + box-shadow: none!important; } - .anticon { + .ant-select { + padding: 0px; + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + .ant-select-selection { + height: 100%; + border-radius: 0; + + .ant-select-arrow { + display: none; + } + } + } + .ant-input-number { + height: auto; + border-radius: 0; + position: unset; + border: none; + box-shadow: none!important; + + .ant-input-number-handler-wrap { + display: none; + } + .ant-input-number-input { + border-radius: 0; + padding: 0; + height: auto; + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + border: 1px solid var(--antd-wave-shadow-color); + } + } + .anticon-exclamation-circle { color: #ff4d4f; position: absolute; right: 3px; + top: calc(50% - 8px); + } + } + .editing_all_table_cell { + .ant-input { + border-radius: 0; + padding: 4px 5px; + } + .ant-select { + width: 100%; + .ant-select-selection { + border-radius: 0; + } + } + .ant-input-number { + border-radius: 0; + + .ant-input-number-handler-wrap { + display: none; + } + .ant-input-number-input { + border-radius: 0; + padding: 4px 5px; + } + } + .anticon-exclamation-circle { + color: #ff4d4f; + position: absolute; + right: 13px; top: calc(50% - 8px); } } @@ -193,6 +244,62 @@ right: 0; } } + .mk-editable { + position: absolute; + display: none; + top: calc(50% - 18px); + cursor: pointer; + padding: 10px 5px; + opacity: 0; + } + tr:hover { + .mk-editable { + opacity: 1; + } + .mk-plus { + left: -25px; + } + .mk-del { + right: -25px; + } + } + .mk-plus { + left: 0px; + color: rgb(38, 194, 129); + padding-right: 10px; + } + .mk-del { + right: 0px; + color: rgb(255, 77, 79); + padding-left: 10px; + } + .mk-add-line { + width: 100px; + color: #26C281; + border-radius: 0; + font-size: 25px; + height: 45px; + } + .submit-footer-table { + float: right; + min-height: 24px; + height: auto; + color: #ffffff; + background-color: #1890ff; + border-width: 0; + margin-top: 10px!important; + margin-right: 10px!important; + } +} +.edit-custom-table.buoyMode { + .ant-table-scroll { + overflow: unset; + overflow-x: unset; + + .ant-table-body { + overflow-x: unset!important; + } + } } .edit-custom-table.editable { td { @@ -206,6 +313,9 @@ } .ant-table-placeholder { display: none; + } + .mk-editable { + display: inline-block; } } .edit-custom-table:not(.fixed-height) { @@ -281,4 +391,45 @@ cursor: pointer; } } +} +.edit-table-dropdown { + .ant-select-dropdown-menu-item { + white-space: unset; + text-overflow: unset; + } +} +.edit-custom-table-btn-wrap { + float: right; + padding: 5px 0px; + .main-pickup { + position: relative; + z-index: 2; + } + .submit-table { + position: relative; + z-index: 2; + margin-right: 15px; + min-height: 24px; + height: auto; + color: #ffffff; + background-color: #1890ff; + border-width: 0; + margin-top: 0px!important; + margin-bottom: 0px!important; + } +} +.edit-custom-table-leftbtn-wrap { + float: left; + line-height: 45px; + .submit-table { + position: relative; + z-index: 2; + min-height: 28px; + height: auto; + color: #ffffff; + background-color: #1890ff; + border-width: 0; + margin-top: 0px; + margin-bottom: 0px; + } } \ No newline at end of file -- Gitblit v1.8.0