From 3fc643dea8f8c957a95a86d250b5d8b06fb740e1 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 03 三月 2022 23:48:59 +0800 Subject: [PATCH] 2022-03-03 --- src/tabviews/custom/components/table/edit-table/normalTable/index.scss | 185 +++++++++++++++++++++++++++++++++------------- 1 files changed, 132 insertions(+), 53 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 0cbfb78..c66d3dc 100644 --- a/src/tabviews/custom/components/table/edit-table/normalTable/index.scss +++ b/src/tabviews/custom/components/table/edit-table/normalTable/index.scss @@ -18,6 +18,12 @@ color: inherit; font-size: inherit; } + .mk-edit-sign { + position: absolute; + bottom: 2px; + right: 5px; + opacity: 0.7; + } table { max-width: 100%; @@ -135,58 +141,77 @@ } } } - // .ant-table-body::-webkit-scrollbar { - // width: 8px; - // height: 10px; - // } - // ::-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); - // } - // ::-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); - // } - .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; - width: 100%; - 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; + } + .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-select { + width: 100%; + } + .ant-input-number-handler-wrap { + display: none; + } + .anticon-exclamation-circle { + color: #ff4d4f; + position: absolute; + right: 13px; + top: calc(50% - 8px); } } td.pointer { @@ -203,6 +228,57 @@ 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 { + display: block; + width: 100%; + color: #26C281; + border: 1px solid #dddddd; + border-radius: 0; + font-size: 25px; + height: 40px; + } + .mk-add-line:disabled { + border-color: #fafafa!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 { @@ -211,8 +287,14 @@ td.pointer .mk-mask { display: block; } - .ant-pagination { + .mk-operation { display: none; + } + .ant-table-placeholder { + display: none; + } + .mk-editable { + display: inline-block; } } .edit-custom-table:not(.fixed-height) { @@ -246,9 +328,6 @@ } } .edit-custom-table.ghost { - .main-pickup { - display: none; - } .ant-table-thead > tr { > th { color: inherit; -- Gitblit v1.8.0