@import "~@/variable.less"; :global{ .sActiveIdStyle { top: 0; } .select-table-option{ max-width: 100wh; overflow: hidden; .select-table{ td{ font-weight: normal!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } } .select-search{ box-sizing: border-box; padding: 5px; background: #f1f1f1; } .select-pagination{ padding: 5px 0; margin-bottom: -5px; background: #f1f1f1; display: flex; justify-content: space-between; } .toolbarIcon{ width: 13px; height: 13px; display: inline-block; fill: #fff; stroke: #fff; margin-right: 3px; position: relative; top: 2px; } .commonNewBillContainer{ .ant-form-item-control-input-content{ .ant-input-number{ width: 100%!important; .ant-input-number-input { height: 28px; } } } } .homeTab { width: 80px; text-align: center; font-size: 14px; cursor: pointer; span{ margin-left: 8px; } } .homeTab__active{ color: var(--xly-skin-active-color, #1890FF); } .mainTabWrap{ & > .ant-tabs-nav { .ant-tabs-tab{ &:first-child{ display: none; } } } } .placeHidden { opacity: 0; visibility: hidden; } .ant-tabs-dropdown-menu { padding: 0px!important; } // 空表单margin高度改为0 .ant-empty-normal{ margin: 0!important; .ant-empty-image{ display: none; } } .custom-collapse{ .ant-collapse-item { border-bottom: 1.5px solid #f5f5f5; } .ant-collapse-content-box{ padding: 0; } .ant-collapse-header{ font-size: 14px; font-weight: bold; background: rgba(204, 204, 204, 1); } .ant-collapse-content{ border-top: none; } .ant-table-container{ border-left: none!important; } .ant-collapse-extra{ margin-left: 8px!important; } } div, span, p, input, textarea{ font-family: @font_family!important; } #slaveTabs { margin-top: 8px; height: auto; } #slaveTabs::-webkit-scrollbar{ width: 1px; background-color: rgb(230,230,230,1); opacity: 5%; } tr.ant-table-measure-row{ td{ padding: 0; } } tr:not(.ant-table-measure-row) { td{ padding: 4px; } } .xly-bill-list, .xly-workorder-list, .other-list, .productPlan{ td{ padding: 0!important; .listDiv { padding: 4px; } } } // 处理表单详情的样式问题开始 button.ant-table-row-expand-icon { margin-left: ~'calc(50% - 9px)'; } .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table{ margin: 0 0 0 47px; } .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr>td{ border-right: 1px solid #d9d9d9!important; } // 处理表单详情的样式问题结束 .ant-input{ padding: 3px 4px; } .ant-input-number-input{ padding: 3px 4px; font-size: 12px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{ //padding: 3px 4px; } td{ .ant-input:focus, .ant-input-focused{ border: none; box-shadow: none; } .ant-picker-focused{ border: none; box-shadow: none; } .ant-select-focused{ border: none; box-shadow: none; outline: none; .ant-select-selector{ border: none; box-shadow: none!important; outline: none; } } .ant-input-number-focused{ border: none; box-shadow: none; } .ant-select:not(.ant-select-customize-input) .ant-select-selector{ padding: 0 4px; border: none; line-height: 26px; height: 26px; background-color: transparent; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{ line-height: 26px; height: 26px; background-color: transparent; } .ant-input{ border: none; background-color: transparent; } .ant-input-number{ border: none; background-color: transparent; } .ant-picker{ border: none; padding: 3px 4px 3px; background-color: transparent; } } .noInput{ max-width: 100%; min-height: @cell-height; line-height: @cell-height; display: block; // inline-block会引发line-height问题 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; & > span{ padding: @td_padding_sub; } } input[disabled]{ color: #000!important; background: #fff!important; font: 12px @font_family; line-height: 1.66667; overflow: hidden; text-overflow :ellipsis; } .ant-select-selector{ color: #000!important; } .ant-form-item-control-input-content{ //height: 100%; min-height: @cell-height; line-height: @cell-height; } tbody{ color: #000; font-size: 12px; tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1){ &:hover{ background: #fff7e6!important; td{ background: #fff7e6!important; font-weight: bold; } .sActiveIdStyle{ background: #fff7e6!important; } } } .ant-input-number{ max-width: 100%; } input[disabled]{ border: none; padding: @td_padding_sub; background: transparent!important; } button[class*='ant-table-row-expand-icon']+.changeClassName{ display: inline; } .changeClassName{ .ant-checkbox { padding: @td_padding_sub; } } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{ background-color: transparent; color: #000!important; } .ant-select-single .ant-select-selector .ant-select-selection-search{ left: 4px; background-color: transparent; line-height: @cell-height; display: inline-block; } .sActiveIdStyle { height: 100%; max-width: 100%; padding: @td_padding_sub; font-size: 12px; z-index: 9; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; overflow: hidden; background: #fff; top: 0; left: 0; position: absolute!important; & + .ant-select{ display: none; } & + input{ //display: none; } span { font-size: 12px; position: relative; top: 50%; transform: translateY(-50%); display: inline-block; cursor: pointer; &:hover{ text-decoration: underline; } } .viewChooseSpan{ display: block; top: 14px; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; overflow: hidden; } } .sActiveIdStyle_viewChooseSpan{ width: 100%; } .sActiveIdStyleNone, .sActiveIdStyleBlock{ & + .ant-select{ display: block; } } .ant-table-row-indent + button.ant-table-row-expand-icon{ margin-left: 6px; margin-top: 6px; } } .xlyCommonTable.tableEnabled tbody { tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1){ &:hover{ background: #FFF !important; td{ background: #FFF !important; font-weight: bold; } .sActiveIdStyle{ background: #FFF !important; } .readonlyStyle { background: #f1f2f8 !important; .sActiveIdStyle{ background: #f1f2f8 !important; } } } } .readonlyStyle { background: #f1f2f8 !important; .sActiveIdStyle{ background: #f1f2f8 !important; } } .ant-input-search { height: 25px; top: -2px; .ant-input-group-addon { left: 0; .ant-input-search-button { height: 26px; } } } } .ant-modal{ max-width: unset; } .xlyCommonTable:not(.tableEnabled) .ant-table-tbody > tr.ant-table-row-selected > td{ background: #e6f7ff; } .xlyCommonTable.tableEnabled .ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover { background: initial; } @selected-line-border-color: #1296db; .xlyCommonTable.tableEnabled .ant-table-tbody > tr.ant-table-row-selected, .xlyCommonTable.tableEnabled .ant-table-tbody > tr.selected-record-row { // box-shadow: 0px 2px 0px 0px #2400ff inset, 0px -2px 0px 0px red inset; >td { box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; .sActiveIdStyle{ box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; } .readonlyStyle { box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; .sActiveIdStyle{ box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; } } // background-color: transparent !important; // border: 1px solid @selected-line-border-color !important; // border-left: 0 !important; // border-right: 0 !important; &:first-child { // border-left: 1px solid @selected-line-border-color !important; box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; .sActiveIdStyle{ box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; } .readonlyStyle { box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; .sActiveIdStyle{ box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; } } } &:last-child { // border-right: 1px solid @selected-line-border-color !important; box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; .sActiveIdStyle{ box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; } .readonlyStyle { box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; .sActiveIdStyle{ box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; } } } } // &.dark-record-row { // >td { // background-color: #f5f5f5 !important; // } // } } .xlyCommonTable.tableEnabled .ant-table-tbody > tr.selected-record-row { > td { .readonlySpanStyle { box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; } &:first-child { .readonlySpanStyle { box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; } } &:last-child { .readonlySpanStyle { box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; } } } } // .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.ant-table-row-selected { // >td { // &:last-child { // border-right: 1px solid @selected-line-border-color !important; // } // } // } .selected-record-row{ background-color: #e6f7ff!important; font-weight: bold; input{ font-weight: bold; } td{ background: #e6f7ff!important; font-weight: bold; } .ant-input-number-disabled{ background: transparent; transition: unset; border: none; width: unset; } .sActiveIdStyle{ background: #e6f7ff!important; } .ant-select-selector{ transition: unset; } } .xlyCommonTable.tableEnabled .selected-record-row{ background-color: #FFF !important; td{ background: #FFF !important; } .sActiveIdStyle{ background: #FFF !important; } } .ant-form-item-label { vertical-align: middle; display: inline-block; text-align: left!important; } .ant-form-item-label label { //color: rgba(0, 0, 0, 0.65)!important; color:inherit!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 0!important; text-align: left; &:before{ content: ''; width: 10px; } } .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{ width: auto; } .ant-form-item-label .ant-form-item-required { font-size: 12px!important; left: 0px; } .commonCheckBill{ .sActiveIdStyle{ left:1px; top:1px; width: ~'calc(100% - 2px)'; height: ~'calc(100% - 2px)'; } .ant-input-number{ width: 100%!important; } } .searchMainForm{ .sActiveIdStyle{ left:1px; top:1px!important; padding:0px!important; max-width: 90%!important; //width: ~'calc(100% - 2px)'!important; height: ~'calc(100% - 2px)'!important; background: #fff; } .sActiveIdStyle-sMemo{ max-width: 100%!important; } #sMemo{ margin-bottom: 0; } .ant-input-number{ width: 100%!important; } .masterMemo{ background-color: #f1f2f8!important; color: #000!important; top: 4px !important; left: 1px!important; height: ~'calc(100% - 9px)' !important; line-height: 20px; letter-spacing:-1px; font-family: Monospaced Number, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif !important } } .suit .searchMainForm{ .sActiveIdStyle{ left:8px; } } .insertTd{ z-index: 999!important; } .ant-form-item{ margin-bottom: 0; } .linksActiveIdStyle { color: @active_color2!important; cursor: pointer; backgroundColor: transparent!important; padding: 4px 0px; } .linksActiveIdStyle:hover{ text-decoration: underline!important; } .ant-checkbox-wrapper{ line-height: 14px; } .ant-tabs-tab.ant-tabs-tab-disabled{ &:hover{ color: rgba(0, 0, 0, 0.25)!important; } } // 因紧凑型主题,修改部分过小的样式 .ant-tabs-tab{ font-size: 14px; } #allBtnNav{ font-size: 14px; &[disabled] { &:hover{ color: unset!important; } } } .ant-card-head{ font-size: 14px; } // end // tab样式与老版本统一 .ant-tabs-content-holder{ .ant-tabs:not(.noXlyTabs) { .ant-tabs-nav-wrap{ background: #fff; .ant-tabs-nav-list{ background: #fff; .ant-tabs-tab{ border: 1px solid #d9d9d9; border-right: 0; padding: 0 18px; height: 30px; line-height: 30px; margin-left: 0; background: #fafafa; &:nth-last-child(2){ border-right: 1px solid #d9d9d9; } } .ant-tabs-tab-active{ border-bottom: 1px solid transparent; background: #fff; } .ant-tabs-ink-bar{ top: 0; bottom: unset; } } } } } // end .input24 { :global { .ant-col-2.ant-form-item-label { flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)'; max-width: ~'calc(0.25 * 7 / 24 * 100%)'; } .ant-col-22.ant-form-item-control { flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)'; max-width: ~'calc(0.25 * 87 / 24 * 100%)'; } .ant-col-7.ant-form-item-label { flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)'; max-width: ~'calc(0.25 * 7 / 24 * 100%)'; } .ant-col-15.ant-form-item-control { flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)'; max-width: ~'calc(0.25 * 87 / 24 * 100%)'; } } } .input18 { :global { .ant-col-7.ant-form-item-label { flex: 0 0 ~'calc(0.25 * 7 / 18 * 100%)'; max-width: ~'calc(0.25 * 7 / 18 * 100%)'; } .ant-col-15.ant-form-item-control { flex: 0 0 ~'calc(0.25 * 42 / 12 * 100%)'; max-width: ~'calc(0.25 * 42 / 12 * 100%)'; } } } .input12 { :global { .ant-col-7.ant-form-item-label { flex: 0 0 ~'calc(0.25 * 7 / 12 * 100%)'; max-width: ~'calc(0.25 * 7 / 12 * 100%)'; } .ant-col-15.ant-form-item-control { flex: 0 0 ~'calc(0.25 * 39 / 12 * 100%)'; max-width: ~'calc(0.25 * 39 / 12 * 100%)'; } } } .ant-table-pagination.ant-pagination { position: fixed; bottom: 0; right: 8px; z-index: 999; } .ant-table-summary td { padding: 4px!important; text-align: center; } .ant-table-column-title { moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; text-overflow: ellipsis; overflow: hidden; } #calTab { .ant-tabs > .ant-tabs-nav { margin-bottom: 0; } .formula{ textarea.ant-input { height: 140px!important; } } } /* 调整系统权限界面 */ #SysPermissionList { .ant-tree{ margin-top: 1px; border:1px solid #d9d9d9; overflow-y: auto; height: 516px; } .ant-tabs-nav{ margin-bottom: 0; //border-bottom: 1px solid #d9d9d9; } #staticEditTree .ant-input-search{ //width: 63% width: 405px; } } #modalChooseProcess, #modalChooseProductMaterial{ .ant-table-pagination.ant-pagination { position: static; } } .xly-eject{ z-index: 999; } .xly-normal-list{ padding-left: 10px; padding-right: 10px; } .xly-normal-list1{ padding-left: 0; padding-right: 0; } .react-resizable{ user-select: none; } .xly-workorder-list{ .ant-layout{ overflow: hidden; } } .ant-table-sticky-holder{ z-index: 15; } thead{ .ant-table-cell-fix-left, .ant-table-cell-fix-right, .ant-table-cell-fix-left-last, .ant-table-cell-fix-left-first, .ant-table-cell-fix-right-first, .ant-table-cell-fix-right-last, .ant-table-cell-fix-sticky{ z-index: 15; } } tbody{ .ant-table-cell-fix-left, .ant-table-cell-fix-right, .ant-table-cell-fix-left-last, .ant-table-cell-fix-left-first, .ant-table-cell-fix-right-first, .ant-table-cell-fix-right-last, .ant-table-cell-fix-sticky{ z-index: 10; } .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{ background: none; } .ant-select-disabled.ant-select-multiple .ant-select-selection-item{ background: none; border: none; color: #000; padding-left: 0px; } } .modalChooseProcessContent, #modalChooseProcess, #modalChooseProcessContent, #modalChooseProductMaterial{ .ant-table-body, #staticEditTree{ height: @modal-table-height; } } .dark-mode{ } .ant-table-sticky-scroll{ display: none; } .ant-table-body::-webkit-scrollbar { width: 8px; height: 8px; } .ant-table-body::-webkit-scrollbar-thumb { background-color: rgba(204, 204, 204, 1); //border-radius: 10px; } /*鼠标悬浮在该类指向的控件上时滑块的样式*/ .ant-table-body:hover::-webkit-scrollbar-thumb { background-color: rgba(204, 204, 204, 1); //border-radius: 10px; } /*鼠标悬浮在滑块上时滑块的样式*/ .ant-table-body::-webkit-scrollbar-thumb:hover { background-color: rgba(180, 180, 180, 1); } /*正常时候的主干部分*/ .ant-table-body::-webkit-scrollbar-track { background: #f5f5f5; } /*鼠标悬浮在滚动条上的主干部分*/ .ant-table-body::-webkit-scrollbar-track:hover { background: #f5f5f5; } .ant-table-body::-webkit-scrollbar-corner { background: rgba(204, 204, 204, 1); } .custom-scroll::-webkit-scrollbar { width: 8px; height: 8px; } .custom-scroll::-webkit-scrollbar-thumb { background-color: rgba(204, 204, 204, 1); //border-radius: 10px; } /*鼠标悬浮在该类指向的控件上时滑块的样式*/ .custom-scroll:hover::-webkit-scrollbar-thumb { background-color: rgba(204, 204, 204, 1); //border-radius: 10px; } /*鼠标悬浮在滑块上时滑块的样式*/ .custom-scroll::-webkit-scrollbar-thumb:hover { background-color: rgba(180, 180, 180, 1); } /*正常时候的主干部分*/ .custom-scroll::-webkit-scrollbar-track { background: #f5f5f5; } /*鼠标悬浮在滚动条上的主干部分*/ .custom-scroll::-webkit-scrollbar-track:hover { background: #f5f5f5; } .custom-scroll::-webkit-scrollbar-corner { background: rgba(204, 204, 204, 1); } .row-dragging { background: #fafafa; border: 1px solid #ccc; z-index: 99999; height: 29px; line-height: 29px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; //font-size: 12px!important; //td, span, input, div{ // display: inline-block!important; // padding: 0; // margin: 0; // height: 29px!important; // line-height: 20px!important; // font-size: 12px!important; //} } .row-dragging .drag-visible { visibility: visible!important; opacity: 1!important; } .xly-workorder-list{ .ant-tabs-nav{ margin-bottom: 0; } } .drag-visible{ text-align: center; } .insertTd{ z-index: 999!important; } .ant-table-small .ant-table-thead > tr > th{ background: #f5f5f5; } .ant-modal-mask{ z-index: 999; } .commonCheckBillContainer{ .ant-table-pagination.ant-pagination{ position: static; } } .ant-tabs{ overflow: unset; } .operate-bar{ min-height: 28px; a{ width: 40px; margin: 0!important; position: relative; img{ display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } svg{ display: block; position: absolute!important; top: 0!important; bottom: 0; left: 0!important; right: 0; margin: auto; } } } .ant-tree-switcher-leaf-line::before{ right: 10px; } .masterLinkSpan{ width: auto; height: 26px; line-height: 26px; overflow: hidden; color: #2f54eb; //position: absolute; padding-right: 2px; z-index: 10; cursor: pointer; } /* checkBill commonView区域 */ .checkbillStyle .masterLinkSpan{ width: 100%; } .checkbillStyle .sActiveIdStyleBlock{ width: 100%; } .commonNewBillContainer .changeClassName .sActiveIdStyleBlock, .commonNewBillContainer .input12 .sActiveIdStyleBlock, .commonNewBillContainer .input18 .sActiveIdStyleBlock, .commonNewBillContainer .input24 .sActiveIdStyleBlock { top: 0; left: 3px !important; .masterLinkSpan { left: 0 !important; } } .bill-search-group{ .masterLinkSpan{ padding-left: 7px; background: #fff; } .sActiveIdStyle { height: calc(100% - 2px); max-width: 100%; padding: @td_padding_sub; font-size: 12px; z-index: 9; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; overflow: hidden; background: #fff; top: 0; left: 0; position: absolute!important; } :global { .searchMainFormArrow { z-index: 1000 !important; } .searchMainFormArrowMaxHeight { max-height: 91px !important; overflow: hidden !important; } } } .bill-search-group1 { :global { .searchMainFormArrowMaxHeight { max-height: none !important; } } } .ant-pagination-options-size-changer.ant-select{ width: auto!important; } // 富文本编辑器 .braft-output-content{ border: 1px solid #d9d9d9; border-radius: 2px; min-height: 28.5px; } // 英文版样式 .xlyerpEnglish { .homeTab { width: 100px; } } .ant-select-multiple .ant-select-selection-search input { width: auto !important; } .commonTitle { padding-top: 0; .ant-tooltip-arrow { display: none; } } .commonSpecialTitle { padding-top: 0; .ant-tooltip-arrow { display: block; } } }