diff --git a/src/components/Tab/index.less b/src/components/Tab/index.less index 0188635..f52dfce 100644 --- a/src/components/Tab/index.less +++ b/src/components/Tab/index.less @@ -15,7 +15,7 @@ border: 0; color: #fff; &:hover{ - background: var(--xly-skin-active-color, #1890FF); + background: var(--xly-skin-active-color, #1890FF) !important; color: #fff!important; } &:active, &:visited, &:focus { diff --git a/src/default.less b/src/default.less index 1a1d201..fd7b665 100644 --- a/src/default.less +++ b/src/default.less @@ -1,1027 +1,1233 @@ @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; - } + +.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; - } +} + +.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); +} + +.homeTab { + width: 80px; + text-align: center; + font-size: 14px; + cursor: pointer; + + span { + margin-left: 8px; } - .mainTabWrap{ - & > .ant-tabs-nav { - .ant-tabs-tab{ - &:first-child{ - display: none; - } +} + +.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; +} + +.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-tabs-dropdown-menu { - padding: 0px!important; + + .ant-collapse-content-box { + padding: 0; } - // 空表单margin高度改为0 - .ant-empty-normal{ - margin: 0!important; - .ant-empty-image{ - display: none; - } + + .ant-collapse-header { + font-size: 14px; + font-weight: bold; + background: rgba(204, 204, 204, 1); } - .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; - } + + .ant-collapse-content { + border-top: none; } - div, span, p, input, textarea{ - font-family: @font_family!important; + + .ant-table-container { + border-left: none !important; } - #slaveTabs { - margin-top: 8px; - height: auto; + + .ant-collapse-extra { + margin-left: 8px !important; } - #slaveTabs::-webkit-scrollbar{ - width: 1px; - background-color: rgb(230,230,230,1); - opacity: 5%; +} + +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.ant-table-measure-row{ - td{ - padding: 0; - } +tr:not(.ant-table-measure-row) { + td { + padding: 4px; } - tr:not(.ant-table-measure-row) { - td{ +} + +.xly-bill-list, +.xly-workorder-list, +.other-list, +.productPlan { + td { + padding: 0 !important; + + .listDiv { 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; } } - // 处理表单详情的样式问题开始 - button.ant-table-row-expand-icon { - margin-left: ~'calc(50% - 9px)'; + + .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-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table{ - margin: 0 0 0 47px; + + .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { + line-height: 26px; + height: 26px; + background-color: transparent; } - .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr>td{ - border-right: 1px solid #d9d9d9!important; + + .ant-input { + border: none; + background-color: transparent; } - // 处理表单详情的样式问题结束 - .ant-input{ - padding: 3px 4px; + .ant-input-number { + border: none; + background-color: transparent; } - .ant-input-number-input{ - padding: 3px 4px; - font-size: 12px; + + .ant-picker { + border: none; + padding: 3px 4px 3px; + background-color: transparent; } - .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{ - //padding: 3px 4px; +} + +.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; } - 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; +} + +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-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{ + .ant-input-number { 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; + 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-selector{ - color: #000!important; + .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { + background-color: transparent; + color: #000 !important; } - .ant-form-item-control-input-content{ - //height: 100%; - min-height: @cell-height; + .ant-select-single .ant-select-selector .ant-select-selection-search { + left: 4px; + background-color: transparent; line-height: @cell-height; + display: inline-block; } - tbody{ - color: #000; + .sActiveIdStyle { + height: 100%; + max-width: 100%; + padding: @td_padding_sub; 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; - } + 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; } - .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{ - background-color: transparent; - color: #000!important; + + &+input { + //display: none; } - .ant-select-single .ant-select-selector .ant-select-selection-search{ - left: 4px; - background-color: transparent; - line-height: @cell-height; + + span { + font-size: 12px; + position: relative; + top: 50%; + transform: translateY(-50%); display: inline-block; + cursor: pointer; + + &:hover { + text-decoration: underline; + } } - .sActiveIdStyle { - height: 100%; - max-width: 100%; - padding: @td_padding_sub; - font-size: 12px; - z-index: 9; + + .viewChooseSpan { + display: block; + top: 14px; 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; + } + + .sActiveIdStyle_viewChooseSpan { + width: 100%; + } + + .sActiveIdStyleNone, + .sActiveIdStyleBlock { + &+.ant-select { + display: block; } } - .xlyCommonTable.tableEnabled tbody { - tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1){ - &:hover{ + .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; - td{ - background: #FFF !important; - font-weight: bold; - } - .sActiveIdStyle{ - background: #FFF !important; - } - .readonlyStyle { + font-weight: bold; + } + + .sActiveIdStyle { + background: #FFF !important; + } + + .readonlyStyle { + background: #f1f2f8 !important; + + .sActiveIdStyle { background: #f1f2f8 !important; - .sActiveIdStyle{ - background: #f1f2f8 !important; - } } } } - .readonlyStyle { + } + + .readonlyStyle { + background: #f1f2f8 !important; + + .sActiveIdStyle { 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-input-search { + height: 25px; + top: -2px; + + .ant-input-group-addon { + left: 0; + + .ant-input-search-button { + height: 26px; } } } +} - .ant-modal{ - max-width: unset; - } +.ant-modal { + max-width: unset; +} - .xlyCommonTable:not(.tableEnabled) .ant-table-tbody > tr.ant-table-row-selected > td{ - background: #e6f7ff; - } +.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; - } +.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 { +@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{ + + .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; } - // 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; + + .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; - } - .readonlyStyle { + + .sActiveIdStyle { 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 { + // 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; } - &:last-child { - .readonlySpanStyle { + + .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; } } } } - // .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.ant-table-row-selected { + // &.dark-record-row { // >td { - // &:last-child { - // border-right: 1px solid @selected-line-border-color !important; - // } + // background-color: #f5f5f5 !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 .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; } - } - .xlyCommonTable.tableEnabled .selected-record-row{ - background-color: #FFF !important; - td{ - background: #FFF !important; + + &:first-child { + .readonlySpanStyle { + box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; + } } - .sActiveIdStyle{ - background: #FFF !important; + + &:last-child { + .readonlySpanStyle { + box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; + } } } - .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-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; } - .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{ - width: auto; + + td { + background: #e6f7ff !important; + font-weight: bold; } - .ant-form-item-label .ant-form-item-required { - font-size: 12px!important; - left: 0px; + + .ant-input-number-disabled { + background: transparent; + transition: unset; + border: none; + width: unset; } - .commonCheckBill{ - .sActiveIdStyle{ - left:1px; - top:1px; - width: ~'calc(100% - 2px)'; - height: ~'calc(100% - 2px)'; - } - .ant-input-number{ - width: 100%!important; - } + + .sActiveIdStyle { + background: #e6f7ff !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 - } + + .ant-select-selector { + transition: unset; } - .suit .searchMainForm{ - .sActiveIdStyle{ - left:8px; - } +} + +.xlyCommonTable.tableEnabled .selected-record-row { + background-color: #FFF !important; + + td { + background: #FFF !important; } - .insertTd{ - z-index: 999!important; + + .sActiveIdStyle { + background: #FFF !important; } - .ant-form-item{ - margin-bottom: 0; +} + +.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; } - .linksActiveIdStyle { - color: @active_color2!important; - cursor: pointer; - backgroundColor: transparent!important; - padding: 4px 0px; +} + +.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)'; } - .linksActiveIdStyle:hover{ - text-decoration: underline!important; + + .ant-input-number { + width: 100% !important; } - .ant-checkbox-wrapper{ - line-height: 14px; +} + +.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; } - .ant-tabs-tab.ant-tabs-tab-disabled{ - &:hover{ - color: rgba(0, 0, 0, 0.25)!important; - } + .sActiveIdStyle-sMemo { + max-width: 100% !important; } - // 因紧凑型主题，修改部分过小的样式 - .ant-tabs-tab{ - font-size: 14px; + + #sMemo { + margin-bottom: 0; } - #allBtnNav{ - font-size: 14px; - &[disabled] { - &:hover{ - color: unset!important; - } - } + + .ant-input-number { + width: 100% !important; } - .ant-card-head{ - font-size: 14px; + + .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 } - // end - // tab样式与老版本统一 - .ant-tabs-content-holder{ - .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; - } - } - } +} + +.suit .searchMainForm { + .sActiveIdStyle { + left: 8px; } - // 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%)'; - } - } +} + +.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; } - .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%)'; - } +} + +// 因紧凑型主题，修改部分过小的样式 +.ant-tabs-tab { + font-size: 14px; +} + +#allBtnNav { + font-size: 14px; + + &[disabled] { + &:hover { + color: unset !important; } } - .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-card-head { + font-size: 14px; +} + +// end +// tab样式与老版本统一 +.ant-tabs-content-holder { + .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-col-15.ant-form-item-control { - flex: 0 0 ~'calc(0.25 * 39 / 12 * 100%)'; - max-width: ~'calc(0.25 * 39 / 12 * 100%)'; + + .ant-tabs-tab-active { + border-bottom: 1px solid transparent; + background: #fff; } - } - } - .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; + .ant-tabs-ink-bar { + top: 0; + bottom: unset; } } } - /* 调整系统权限界面 */ - #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; - } +// end +.input24 { + .ant-col-2.ant-form-item-label { + flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)'; + max-width: ~'calc(0.25 * 7 / 24 * 100%)'; } - .xly-eject{ - z-index: 999; + .ant-col-22.ant-form-item-control { + flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)'; + max-width: ~'calc(0.25 * 87 / 24 * 100%)'; } - .xly-normal-list{ - padding-left: 10px; - padding-right: 10px; + + .ant-col-7.ant-form-item-label { + flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)'; + max-width: ~'calc(0.25 * 7 / 24 * 100%)'; } - .xly-normal-list1{ - padding-left: 0; - padding-right: 0; + + .ant-col-15.ant-form-item-control { + flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)'; + max-width: ~'calc(0.25 * 87 / 24 * 100%)'; } - .react-resizable{ - user-select: none; +} + +.input18 { + .ant-col-7.ant-form-item-label { + flex: 0 0 ~'calc(0.25 * 7 / 18 * 100%)'; + max-width: ~'calc(0.25 * 7 / 18 * 100%)'; } - .xly-workorder-list{ - .ant-layout{ - overflow: hidden; - } + + .ant-col-15.ant-form-item-control { + flex: 0 0 ~'calc(0.25 * 42 / 12 * 100%)'; + max-width: ~'calc(0.25 * 42 / 12 * 100%)'; } - .ant-table-sticky-holder{ - z-index: 15; +} + +.input12 { + .ant-col-7.ant-form-item-label { + flex: 0 0 ~'calc(0.25 * 7 / 12 * 100%)'; + max-width: ~'calc(0.25 * 7 / 12 * 100%)'; } - 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; - } + .ant-col-15.ant-form-item-control { + flex: 0 0 ~'calc(0.25 * 39 / 12 * 100%)'; + max-width: ~'calc(0.25 * 39 / 12 * 100%)'; } - 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; - } +} + +.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; } - .modalChooseProcessContent, #modalChooseProcess, #modalChooseProcessContent, #modalChooseProductMaterial{ - .ant-table-body, #staticEditTree{ - height: @modal-table-height; + .formula { + textarea.ant-input { + height: 140px !important; } } - .dark-mode{ +} - } - .ant-table-sticky-scroll{ - display: none; +/* 调整系统权限界面 */ +#SysPermissionList { + .ant-tree { + margin-top: 1px; + border: 1px solid #d9d9d9; + overflow-y: auto; + height: 516px; } - .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); + .ant-tabs-nav { + margin-bottom: 0; + //border-bottom: 1px solid #d9d9d9; } - .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; + #staticEditTree .ant-input-search { + //width: 63% + width: 405px; } - /*鼠标悬浮在滑块上时滑块的样式*/ - .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); +} + +#modalChooseProcess, +#modalChooseProductMaterial { + .ant-table-pagination.ant-pagination { + position: static; } - .row-dragging { - background: #fafafa; - border: 1px solid #ccc; - z-index: 99999; - height: 29px; - line-height: 29px; +} + +.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; - 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; +} + +.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; } - .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; - } - } +} + +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-tree-switcher-leaf-line::before{ - right: 10px; + + .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { + background: none; } - .masterLinkSpan{ - width: auto; - height: 26px; - line-height: 26px; - overflow: hidden; - color: #2f54eb; - //position: absolute; - padding-right: 2px; - z-index: 10; - cursor: pointer; + + .ant-select-disabled.ant-select-multiple .ant-select-selection-item { + background: none; + border: none; + color: #000; + padding-left: 0px; } - /* checkBill commonView区域 */ - .checkbillStyle .masterLinkSpan{ - width: 100%; +} + +.modalChooseProcessContent, +#modalChooseProcess, +#modalChooseProcessContent, +#modalChooseProductMaterial { + + .ant-table-body, + #staticEditTree { + height: @modal-table-height; } - .checkbillStyle .sActiveIdStyleBlock{ - width: 100%; +} + +.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; } - .commonNewBillContainer .changeClassName .sActiveIdStyleBlock, - .commonNewBillContainer .input12 .sActiveIdStyleBlock, - .commonNewBillContainer .input18 .sActiveIdStyleBlock, - .commonNewBillContainer .input24 .sActiveIdStyleBlock - { - top: 0; - left: 3px !important; - .masterLinkSpan { - left: 0 !important; - } +} + +.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; } - .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; +} + +.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; - position: absolute!important; + right: 0; + margin: auto; } - :global { - .searchMainFormArrow { - z-index: 1000 !important; - } - .searchMainFormArrowMaxHeight { - max-height: 91px !important; - overflow: hidden !important; - } + + svg { + display: block; + position: absolute !important; + top: 0 !important; + bottom: 0; + left: 0 !important; + right: 0; + margin: auto; } } - .bill-search-group1 { - :global { - .searchMainFormArrowMaxHeight { - max-height: none !important; - } - } +} + +.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; } - .ant-pagination-options-size-changer.ant-select{ - width: auto!important; +} + +.bill-search-group { + .masterLinkSpan { + padding-left: 7px; + background: #fff; } - // 富文本编辑器 - .braft-output-content{ - border: 1px solid #d9d9d9; - border-radius: 2px; - min-height: 28.5px; + + .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; } - // 英文版样式 - .xlyerpEnglish { - .homeTab { - width: 100px; - } + .searchMainFormArrow { + z-index: 1000 !important; } - .ant-select-multiple .ant-select-selection-search input { - width: auto !important; + .searchMainFormArrowMaxHeight { + max-height: 91px !important; + overflow: hidden !important; } +} - .commonTitle { - padding-top: 0; - .ant-tooltip-arrow { - display: none; - } +.bill-search-group1 { + .searchMainFormArrowMaxHeight { + max-height: none !important; } - .commonSpecialTitle { - padding-top: 0; - .ant-tooltip-arrow { - display: block; - } +} + +.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; + } +} \ No newline at end of file diff --git a/src/global.less b/src/global.less index a458303..6b27529 100644 --- a/src/global.less +++ b/src/global.less @@ -1,53 +1,91 @@ -@import "~@/variable.less"; -@table-bg-even: #f5f5f5; -/* 表格偶数行背景色 */ -@table-bg-split: #CDCDCD; - -/* 表格分割行背景色 */ -html, -body, -:global(#root) { - background: #888; - height: 100%; - font-size: 13px; -} - -html { - overflow: hidden; -} - -.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; - } - } - } -} - -.toolbarIcon { - width: 13px; - height: 13px; - display: inline-block; - fill: #fff; - stroke: #fff; - margin-right: 3px; - position: relative; - top: 2px; +@import "antd-v4/dist/antd.css"; +@import "./index.less"; +@import "./default.less"; +@import "./variable.less"; + +.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item, +.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu { + padding: 0 12px; +} + +:where(.css-dev-only-do-not-override-240cud).ant-tabs .ant-tabs-tab { + color: inherit; +} + +:where(.css-dev-only-do-not-override-240cud).ant-tabs>.ant-tabs-nav .ant-tabs-nav-more, +:where(.css-dev-only-do-not-override-240cud).ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more { + color: inherit; +} + +.ant-btn { + padding: 3px 11px; + font-size: 12px; + height: 28px; +} + +.ant-btn>.anticon+span, +.ant-btn>span+.anticon { + margin-left: 4px; +} + +.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab, +.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab { + padding: 4px 8px; +} + +.ant-card { + font-size: 12px; +} + +.ant-card-head { + padding: 0 12px; + border-bottom: 1px solid #d9d9d9; + min-height: 36px; +} + +.ant-card-head-title { + padding: 8.5px 0; +} + +.ant-card-body { + padding: 12px; +} + +.ant-tree { + font-size: 12px; + line-height: 1.66667; +} + +.ant-tree .ant-tree-treenode { + padding: 0; + height: 22px; +} + +.ant-menu-vertical>.ant-menu-item, +.ant-menu-vertical-left>.ant-menu-item, +.ant-menu-vertical-right>.ant-menu-item, +.ant-menu-inline>.ant-menu-item, +.ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title, +.ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title, +.ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title, +.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title { + height: 32px; + line-height: 32px; +} + +.ant-layout-footer { + font-size: 12px; +} + +.ant-table .ant-table-thead>tr>th { + background: #e6e6e6; +} + +.ant-table.ant-table-middle .ant-table-thead>tr>th { + padding: 8px; + font-size: 12px; +} + +.ant-table-tbody>tr>td { + border-bottom: 1px solid #d9d9d9; } \ No newline at end of file diff --git a/src/index.less b/src/index.less index 175a039..38d5fde 100644 --- a/src/index.less +++ b/src/index.less @@ -1,76 +1,93 @@ @import "~@/variable.less"; -@table-bg-even: #f5f5f5; /* 表格偶数行背景色 */ -@table-bg-split: #CDCDCD; /* 表格分割行背景色 */ -html, body, :global(#root) { +@table-bg-even: #f5f5f5; +/* 表格偶数行背景色 */ +@table-bg-split: #CDCDCD; + +/* 表格分割行背景色 */ +html, +body, +#root { background: #888; height: 100%; font-size: 13px; } + html { overflow: hidden; } // 公用更改样式 .formItemMargin { - margin-bottom: 2px!important; + margin-bottom: 2px !important; } -#sTemplateFullMemo{ + +#sTemplateFullMemo { max-height: 300px; } + .clayout { position: relative; padding: 89px 0 0 0; background: #f0f2f5; } -.content{ + +.content { max-height: 100%; overflow-y: auto; } -.filterContent{ + +.filterContent { max-height: 100%; position: relative; z-index: 20; } -.bShow > div:first-child { + +.bShow>div:first-child { line-height: 0; height: 0; } -.bShow > div:first-child > span { +.bShow>div:first-child>span { background-color: transparent; } -.bShow > div:first-child > span > img { +.bShow>div:first-child>span>img { position: fixed; width: 93px; height: 93px; right: 0px; z-index: 999; - top: 122px; /* 解决审核图标挡住操作按钮 */ + top: 122px; + /* 解决审核图标挡住操作按钮 */ object-fit: contain; } -.bShow1 > div:first-child { + +.bShow1>div:first-child { line-height: 0; height: 0; position: relative; } -.bShow1 > div:first-child > span { +.bShow1>div:first-child>span { background-color: transparent; } -.bShow1 > div:first-child > span > img { + +.bShow1>div:first-child>span>img { position: fixed; width: 93px; height: 93px; right: 28px; z-index: 999; - top: 102px; /* 解决审核图标挡住操作按钮 */ + top: 102px; + /* 解决审核图标挡住操作按钮 */ object-fit: contain; } -.personChecked{ + +.personChecked { position: relative; } -.personName{ + +.personName { color: #d81e06; font-size: 17px; font-weight: bold; @@ -80,2459 +97,3248 @@ html { z-index: 999; } -:global { - #modalChooseProductMaterial{ - .ant-pagination-total-text{ - span{ - display: none!important; - } - } - } - /* subBill单据页 分页组件根据表格定位 */ - .sub_table .ant-table-pagination.ant-pagination { - position: static; - margin-top: 10px; - margin-bottom: -6px; - } - .multilist .ant-table-pagination.ant-pagination { - position: static; - margin-top: 10px; - margin-bottom: -6px; - } - .clear{ - *zoom: 1; - &:before, - &:after { - content: " "; - display: table; - } - &:after { - clear: both; +#modalChooseProductMaterial { + .ant-pagination-total-text { + span { + display: none !important; } } - .overflow-ellipsis{ - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +} + +/* subBill单据页 分页组件根据表格定位 */ +.sub_table .ant-table-pagination.ant-pagination { + position: static; + margin-top: 10px; + margin-bottom: -6px; +} + +.multilist .ant-table-pagination.ant-pagination { + position: static; + margin-top: 10px; + margin-bottom: -6px; +} + +.clear { + *zoom: 1; + + &:before, + &:after { + content: " "; + display: table; } - .ant-modal-body{ - max-height: unset!important; + + &:after { + clear: both; } - .topTable{ - .ant-table-header { - table { - visibility: visible!important; // issue antd - } - } - .ant-table-body{ - overflow: auto!important; +} + +.overflow-ellipsis { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.ant-modal-body { + max-height: unset !important; +} + +.topTable { + .ant-table-header { + table { + visibility: visible !important; // issue antd } } - #modalChooseProcess{ - .resize-container{ - #staticEditTable{ - .topTable .ant-table-body{ - height: 100%!important; - } + + .ant-table-body { + overflow: auto !important; + } +} + +#modalChooseProcess { + .resize-container { + #staticEditTable { + .topTable .ant-table-body { + height: 100% !important; } } } - #modalChooseProcess{ - .resize-container-select{ - #staticEditTable{ - .ant-table-body{ - height: 100%!important; - } +} + +#modalChooseProcess { + .resize-container-select { + #staticEditTable { + .ant-table-body { + height: 100% !important; } } } - #modalChooseProcess{ - .resize-container{ - #staticEditTree{ - height: 100%!important; - } +} + +#modalChooseProcess { + .resize-container { + #staticEditTree { + height: 100% !important; } } - .resize-container-select{ - #staticEditTable{ - .topTable { - height:calc(~'100% - 55px'); - } +} + +.resize-container-select { + #staticEditTable { + .topTable { + height: calc(~'100% - 55px'); } } - .resize-container{ - .xly-tree-box{ - height:calc(~'100% - 13px'); - .ant-form-item{ - height: calc(~'100% - 30px'); - .ant-form-item-control-wrapper{ +} + +.resize-container { + .xly-tree-box { + height: calc(~'100% - 13px'); + + .ant-form-item { + height: calc(~'100% - 30px'); + + .ant-form-item-control-wrapper { + height: 100%; + + .ant-form-item-control { height: 100%; - .ant-form-item-control{ + + .ant-form-item-children { height: 100%; - .ant-form-item-children{ + + &>div { height: 100%; - & > div { - height: 100%; - } } } } } } - #staticEditTable{ - .topTable { - height:calc(~'100% - 13px'); - } - } } - body { - -webkit-font-smoothing: antialiased; - } - /* 排序 */ - .ant-col-order-25 { -webkit-box-ordinal-group: 26; -webkit-order: 25; -ms-flex-order: 25; order: 25; } - .ant-col-order-26 { -webkit-box-ordinal-group: 27; -webkit-order: 26; -ms-flex-order: 26; order: 26; } - .ant-col-order-27 { -webkit-box-ordinal-group: 28; -webkit-order: 27; -ms-flex-order: 27; order: 27; } - .ant-col-order-28 { -webkit-box-ordinal-group: 29; -webkit-order: 28; -ms-flex-order: 28; order: 28; } - .ant-col-order-29 { -webkit-box-ordinal-group: 30; -webkit-order: 29; -ms-flex-order: 29; order: 29; } - .ant-col-order-30 { -webkit-box-ordinal-group: 31; -webkit-order: 30; -ms-flex-order: 30; order: 30; } - .ant-col-order-31 { -webkit-box-ordinal-group: 32; -webkit-order: 31; -ms-flex-order: 31; order: 31; } - .ant-col-order-32 { -webkit-box-ordinal-group: 33; -webkit-order: 32; -ms-flex-order: 32; order: 32; } - .ant-col-order-33 { -webkit-box-ordinal-group: 34; -webkit-order: 33; -ms-flex-order: 33; order: 33; } - .ant-col-order-34 { -webkit-box-ordinal-group: 35; -webkit-order: 34; -ms-flex-order: 34; order: 34; } - .ant-col-order-35 { -webkit-box-ordinal-group: 36; -webkit-order: 35; -ms-flex-order: 35; order: 35; } - .ant-col-order-36 { -webkit-box-ordinal-group: 37; -webkit-order: 36; -ms-flex-order: 36; order: 36; } - .ant-col-order-37 { -webkit-box-ordinal-group: 38; -webkit-order: 37; -ms-flex-order: 37; order: 37; } - .ant-col-order-38 { -webkit-box-ordinal-group: 39; -webkit-order: 38; -ms-flex-order: 38; order: 38; } - .ant-col-order-39 { -webkit-box-ordinal-group: 40; -webkit-order: 39; -ms-flex-order: 39; order: 39; } - .ant-col-order-40 { -webkit-box-ordinal-group: 41; -webkit-order: 40; -ms-flex-order: 40; order: 40; } - .ant-col-order-41 { -webkit-box-ordinal-group: 42; -webkit-order: 41; -ms-flex-order: 41; order: 41; } - .ant-col-order-42 { -webkit-box-ordinal-group: 43; -webkit-order: 42; -ms-flex-order: 42; order: 42; } - .ant-col-order-43 { -webkit-box-ordinal-group: 44; -webkit-order: 43; -ms-flex-order: 43; order: 43; } - .ant-col-order-44 { -webkit-box-ordinal-group: 45; -webkit-order: 44; -ms-flex-order: 44; order: 44; } - .ant-col-order-45 { -webkit-box-ordinal-group: 46; -webkit-order: 45; -ms-flex-order: 45; order: 45; } - .ant-col-order-46 { -webkit-box-ordinal-group: 47; -webkit-order: 46; -ms-flex-order: 46; order: 46; } - .ant-col-order-47 { -webkit-box-ordinal-group: 48; -webkit-order: 47; -ms-flex-order: 47; order: 47; } - .ant-col-order-48 { -webkit-box-ordinal-group: 49; -webkit-order: 48; -ms-flex-order: 48; order: 48; } - .ant-col-order-49 { -webkit-box-ordinal-group: 50; -webkit-order: 49; -ms-flex-order: 49; order: 49; } - .ant-col-order-50 { -webkit-box-ordinal-group: 51; -webkit-order: 50; -ms-flex-order: 50; order: 50; } - .ant-col-order-51 { -webkit-box-ordinal-group: 52; -webkit-order: 51; -ms-flex-order: 51; order: 51; } - .ant-col-order-52 { -webkit-box-ordinal-group: 53; -webkit-order: 52; -ms-flex-order: 52; order: 52; } - .ant-col-order-53 { -webkit-box-ordinal-group: 54; -webkit-order: 53; -ms-flex-order: 53; order: 53; } - .ant-col-order-54 { -webkit-box-ordinal-group: 55; -webkit-order: 54; -ms-flex-order: 54; order: 54; } - .ant-col-order-55 { -webkit-box-ordinal-group: 56; -webkit-order: 55; -ms-flex-order: 55; order: 55; } - .ant-col-order-56 { -webkit-box-ordinal-group: 57; -webkit-order: 56; -ms-flex-order: 56; order: 56; } - .ant-col-order-57 { -webkit-box-ordinal-group: 58; -webkit-order: 57; -ms-flex-order: 57; order: 57; } - .ant-col-order-58 { -webkit-box-ordinal-group: 59; -webkit-order: 58; -ms-flex-order: 58; order: 58; } - .ant-col-order-59 { -webkit-box-ordinal-group: 60; -webkit-order: 59; -ms-flex-order: 59; order: 59; } - .ant-col-order-60 { -webkit-box-ordinal-group: 61; -webkit-order: 60; -ms-flex-order: 60; order: 60; } - .ant-col-order-61 { -webkit-box-ordinal-group: 62; -webkit-order: 61; -ms-flex-order: 61; order: 61; } - .ant-col-order-62 { -webkit-box-ordinal-group: 63; -webkit-order: 62; -ms-flex-order: 62; order: 62; } - .ant-col-order-63 { -webkit-box-ordinal-group: 64; -webkit-order: 63; -ms-flex-order: 63; order: 63; } - .ant-col-order-64 { -webkit-box-ordinal-group: 65; -webkit-order: 64; -ms-flex-order: 64; order: 64; } - .ant-col-order-65 { -webkit-box-ordinal-group: 66; -webkit-order: 65; -ms-flex-order: 65; order: 65; } - .ant-col-order-66 { -webkit-box-ordinal-group: 67; -webkit-order: 66; -ms-flex-order: 66; order: 66; } - .ant-col-order-67 { -webkit-box-ordinal-group: 68; -webkit-order: 67; -ms-flex-order: 67; order: 67; } - .ant-col-order-68 { -webkit-box-ordinal-group: 69; -webkit-order: 68; -ms-flex-order: 68; order: 68; } - .ant-col-order-69 { -webkit-box-ordinal-group: 70; -webkit-order: 69; -ms-flex-order: 69; order: 69; } - .ant-col-order-70 { -webkit-box-ordinal-group: 71; -webkit-order: 70; -ms-flex-order: 70; order: 70; } - .ant-col-order-71 { -webkit-box-ordinal-group: 72; -webkit-order: 71; -ms-flex-order: 71; order: 71; } - .ant-col-order-72 { -webkit-box-ordinal-group: 73; -webkit-order: 72; -ms-flex-order: 72; order: 72; } - .ant-col-order-73 { -webkit-box-ordinal-group: 74; -webkit-order: 73; -ms-flex-order: 73; order: 73; } - .ant-col-order-74 { -webkit-box-ordinal-group: 75; -webkit-order: 74; -ms-flex-order: 74; order: 74; } - .ant-col-order-75 { -webkit-box-ordinal-group: 76; -webkit-order: 75; -ms-flex-order: 75; order: 75; } - .ant-col-order-76 { -webkit-box-ordinal-group: 77; -webkit-order: 76; -ms-flex-order: 76; order: 76; } - .ant-col-order-77 { -webkit-box-ordinal-group: 78; -webkit-order: 77; -ms-flex-order: 77; order: 77; } - .ant-col-order-78 { -webkit-box-ordinal-group: 79; -webkit-order: 78; -ms-flex-order: 78; order: 78; } - .ant-col-order-79 { -webkit-box-ordinal-group: 80; -webkit-order: 79; -ms-flex-order: 79; order: 79; } - .ant-col-order-80 { -webkit-box-ordinal-group: 81; -webkit-order: 80; -ms-flex-order: 80; order: 80; } - .ant-col-order-81 { -webkit-box-ordinal-group: 82; -webkit-order: 81; -ms-flex-order: 81; order: 81; } - .ant-col-order-82 { -webkit-box-ordinal-group: 83; -webkit-order: 82; -ms-flex-order: 82; order: 82; } - .ant-col-order-83 { -webkit-box-ordinal-group: 84; -webkit-order: 83; -ms-flex-order: 83; order: 83; } - .ant-col-order-84 { -webkit-box-ordinal-group: 85; -webkit-order: 84; -ms-flex-order: 84; order: 84; } - .ant-col-order-85 { -webkit-box-ordinal-group: 86; -webkit-order: 85; -ms-flex-order: 85; order: 85; } - .ant-col-order-86 { -webkit-box-ordinal-group: 87; -webkit-order: 86; -ms-flex-order: 86; order: 86; } - .ant-col-order-87 { -webkit-box-ordinal-group: 88; -webkit-order: 87; -ms-flex-order: 87; order: 87; } - .ant-col-order-88 { -webkit-box-ordinal-group: 89; -webkit-order: 88; -ms-flex-order: 88; order: 88; } - .ant-col-order-89 { -webkit-box-ordinal-group: 90; -webkit-order: 89; -ms-flex-order: 89; order: 89; } - .ant-col-order-90 { -webkit-box-ordinal-group: 91; -webkit-order: 90; -ms-flex-order: 90; order: 90; } - .ant-col-order-91 { -webkit-box-ordinal-group: 92; -webkit-order: 91; -ms-flex-order: 91; order: 91; } - .ant-col-order-92 { -webkit-box-ordinal-group: 93; -webkit-order: 92; -ms-flex-order: 92; order: 92; } - .ant-col-order-93 { -webkit-box-ordinal-group: 94; -webkit-order: 93; -ms-flex-order: 93; order: 93; } - .ant-col-order-94 { -webkit-box-ordinal-group: 95; -webkit-order: 94; -ms-flex-order: 94; order: 94; } - .ant-col-order-95 { -webkit-box-ordinal-group: 96; -webkit-order: 95; -ms-flex-order: 95; order: 95; } - .ant-col-order-96 { -webkit-box-ordinal-group: 97; -webkit-order: 96; -ms-flex-order: 96; order: 96; } - .ant-col-order-97 { -webkit-box-ordinal-group: 98; -webkit-order: 97; -ms-flex-order: 97; order: 97; } - .ant-col-order-98 { -webkit-box-ordinal-group: 99; -webkit-order: 98; -ms-flex-order: 98; order: 98; } - .ant-col-order-99 { -webkit-box-ordinal-group: 100; -webkit-order: 99; -ms-flex-order: 99; order: 99; } - .ant-col-order-100 { -webkit-box-ordinal-group: 101; -webkit-order: 100; -ms-flex-order: 100; order: 100; } - .ant-tabs { - height: 100%; + #staticEditTable { + .topTable { + height: calc(~'100% - 13px'); + } } +} +body { + -webkit-font-smoothing: antialiased; +} - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab { - /* tabs 页签 */ - line-height: 24px!important; - padding: 8px 10px!important; - margin-right: 18px!important; - font-size: 14px!important; - background: none!important; - border: 0!important; - } +/* 排序 */ +.ant-col-order-25 { + -webkit-box-ordinal-group: 26; + -webkit-order: 25; + -ms-flex-order: 25; + order: 25; +} - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab span { - color: #fff; - } +.ant-col-order-26 { + -webkit-box-ordinal-group: 27; + -webkit-order: 26; + -ms-flex-order: 26; + order: 26; +} - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-ink-bar { - /* tabs 页签 */ - visibility: visible!important; - bottom: 0!important; - } - .ant-tabs-nav .ant-tabs-tab-active { - /* tabs 页签 */ - font-weight: 400!important; - } +.ant-col-order-27 { + -webkit-box-ordinal-group: 28; + -webkit-order: 27; + -ms-flex-order: 27; + order: 27; +} - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .anticon-close { - /* 关闭按钮页签样式 */ - color: #fff!important; - margin-left: 5px!important; - } - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active .anticon-close { - color: #1890FF!important; - } - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active span { - color: #1890FF!important; - } - .ant-layout { - background: transparent!important; - height: 100%; - } - .ant-form-item-required:before { - } - /* 表格必填项 */ - .table-title-required{ - font-family: SimSun; - line-height: 1; - font-size: 14px; - color: #f5222d; - } - .ant-card-wider-padding .ant-card-head { - /* tabs */ - padding: 0!important; - } - .ant-tabs-bar { - margin-bottom: 0!important; - } - .ant-tabs-small .ant-tabs-tab { - padding: 8px 12px!important; - } - .ant-tree.ant-tree-show-line li span.ant-tree-switcher { - /* 树 */ - color: #000!important; - } - .ant-input-affix-wrapper { - /* 搜索框 */ - font-size: 16px!important; - } - .ant-menu-inline .ant-menu-item:not(:last-child) { - /* 菜单 */ - margin: 0!important; - } - .ant-menu-vertical .ant-menu-item { - /* 菜单 */ - margin-bottom: 0!important; - } - .ant-menu-vertical .ant-menu-item:not(:last-child) { - /* 菜单 */ - margin-bottom: 0!important; - } - .tabChild___3EqgA .ant-form-item-label{ - text-align: right!important; - padding-right:10px!important; - } - .tabChild___3EqgA .ant-form-item-control{ - padding-left: 20px!important; - } - .tabChildDot___DZtMw .ant-form-item-label{ - text-align: right!important; - padding-right:10px!important; - } - .ant-select-selection--single { - border-radius: 0!important; - height: 32px!important; - } - .white-bk { - font-size: 12px!important; - } - .white-bk .ant-select-selection--single { - background-color: #fff!important; - font-size: 12px; - } - .ant-checkbox-wrapper + span, .ant-checkbox + span { - /* checkbox */ - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - padding-right: 0!important; - display: inline-block; - vertical-align: middle; - margin-top: -3px; - margin-right: 5px; - } - .ant-tabs-small .ant-tabs-nav-container { - font-size: 14px!important; - } - .ant-table-scroll { - overflow-y: hidden!important; - } - .ant-table-header table { - border-radius: 0!important; - } - .ant-calendar-picker-icon:after { - font-size: 14px!important; - } - .ant-calendar-picker-clear, .ant-calendar-picker-icon { - width: 16px!important; - height: 16px!important; - right: 8px!important; - margin-top: -8px!important; - line-height: 16px!important; - font-size: 14px!important; - } - .ant-calendar-picker-icon:after { - font-size: 16px!important; - } - .ant-btn-clicked:after { - border: 0!important; - } - .ant-upload { - line-height: normal!important; - } - /*设置所有表格选中行背景色 */ - #staticEditTable .selected-record-row td { - background-color: #e6f7ff!important; - div{ - background:#e6f7ff; /* ffe7ba */ - } - } - /*设置列表选中行背景色 */ - .xly-normal-list #staticEditTable .selected-record-row td{ - background-color: #e6f7ff; - div{ - background:none; - } - } - /* 通用大屏列表选中行 */ - .commonRollChar #staticEditTable .selected-record-row td{ - background:none!important; - div{ - background:none!important; - } - } - /* 可编辑列表 */ - .editable #staticEditTable .selected-record-row td{ - background:none!important; - div{ - //padding:1px 13px!important; - background-color: #fff; - } - } - .editable #staticEditTable .ant-form-item-control{ - height: 28px!important; - } - /* 设置偶行背景色 */ - .xlyCommonTable:not(.tableEnabled) .dark-record-row td { - background-color:@table-bg-even!important; - .ant-table-selection-column { - background-color:@table-bg-even!important; - } - } +.ant-col-order-28 { + -webkit-box-ordinal-group: 29; + -webkit-order: 28; + -ms-flex-order: 28; + order: 28; +} - .xlyCommonTable.tableEnabled .ant-table-tbody > tr.ant-table-row-selected > td { - background: #FFF !important; - border-color: #d9d9d9 !important; - } +.ant-col-order-29 { + -webkit-box-ordinal-group: 30; + -webkit-order: 29; + -ms-flex-order: 29; + order: 29; +} - /* 设置分割行背景色 */ - .split-record-row td, .split-record-row-skip td { - background-color:@table-bg-split!important; - font-weight: bold; - .ant-table-selection-column { - font-weight: bold; - background-color:@table-bg-split!important; - } - .noInput{ - overflow: unset; - } - //span{background-color:@table-bg-split!important;} - .linksActiveIdStyle{ - word-break:keep-all!important; - word-space:nowrap!important; - } - } - .split-record-row td { - span{background-color:@table-bg-split!important;} - } - .split-record-row-skip td { - .noInput{background-color:@table-bg-split!important;} - } - .split-record-row-skip td span.ant-checkbox{ - background-color: transparent!important; - } - /* 设置分割行边框 */ - .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.split-record-row >td{ - border: none!important; - } - .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.split-record-row-skip >td{ - border: none!important; - } - .virtuallist>table>.ant-table-tbody>tr.split-record-row >td>div{ - overflow: unset; - } - .virtuallist>table>.ant-table-tbody>tr.split-record-row-skip >td>div{ - overflow: unset; - } - /* 设置分割行悬浮背景 */ - tr.split-record-row:not(.selected-record-row):not(.ant-table-expanded-row-level-1){ - &:hover{ - background: @table-bg-split!important; - td{ - background: @table-bg-split!important; - font-weight: bold; - } - .sActiveIdStyle{ - background: @table-bg-split!important; - } - } - } - tr.split-record-row-skip:not(.selected-record-row):not(.ant-table-expanded-row-level-1){ - &:hover{ - background: @table-bg-split!important; - td{ - background: @table-bg-split!important; - font-weight: bold; - } - .sActiveIdStyle{ - background: @table-bg-split!important; - } - } - } - /* 根据条件 设置符合条件的行背景 */ - .SetRow_blue td { - background-color:blue!important; - .ant-table-selection-column { - background-color:blue!important; - } - } - .SetRow_orange td { - background-color:orange!important; - .ant-table-selection-column { - background-color: orange!important; - } - } - .SetRow_green td { - background-color:green!important; - .ant-table-selection-column { - background-color: green!important; - } - } - .SetRow_red td { - background-color:#ff9393!important; - .ant-table-selection-column { - background-color: #ffdede!important; - } - } - .SetRow_yellow td { - background-color:yellow!important; - .ant-table-selection-column { - background-color:yellow!important; - } - } - .SetRow_pink td { - background-color:pink!important; - .ant-table-selection-column { - background-color:pink!important; - } - } - tr[class*="SetRow_"] { - .readonlyField { - background-color: transparent !important; - } - } - /* 根据条件 设置符合条件的单元格背景 */ - .SetCell_green div{ - background-color: green!important; - } - .SetCell_red div{ - background-color: red!important; - } - .SetCell_yellow div{ - background-color: yellow!important; - } - .SetCell_blue div{ - background-color: blue!important; - } - .SetCell_orange div{ - background-color: orange!important; - } - .SetCell_pink div{ - background-color: pink!important; - } - /* 未读消息 整行文字加粗 */ - .newsNoRead{ - font-weight: bold!important; - } - .ant-pagination-item { - border-radius: 0!important; - } - .ant-pagination-options-quick-jumper input { - border-radius: 0!important; - } - .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { - border-radius: 0!important; - height: 28px; - } - .ant-pagination-options-quick-jumper { - height: 28px!important; - line-height: 28px!important; - } - .ant-pagination-options-quick-jumper input { - height: 28px!important; - } - .ant-modal-content { - border-radius: 0!important; - } - .ant-modal-header { - padding:7px 24px!important; - background: var(--xly-skin-modal-bg-color, #646464) !important; - color: #fff!important; - font-size: 18px; - border-radius: 0!important; - } - .ant-modal-close-x { - height: 33px!important; - line-height:33px!important; - } - .ant-modal-title { - color: #fff!important; - } - .ant-modal-close { - color: #fff!important; +.ant-col-order-30 { + -webkit-box-ordinal-group: 31; + -webkit-order: 30; + -ms-flex-order: 30; + order: 30; +} - } - .ant-menu-item i.selected { - color: #f6c136; - } - .mergeTable .ant-table-header { - position: fixed; - top: 113px; - z-index: 20; - border-top: 1px solid #d9d9d9; - } - .ant-select-selection-selected-value { - padding-left: 11px; - } - #sMemo{ font-size: 12px!important;} - .ant-form-item-children { - display: block; - } +.ant-col-order-31 { + -webkit-box-ordinal-group: 32; + -webkit-order: 31; + -ms-flex-order: 31; + order: 31; +} - .speacialNote{ - font-size: 12px; - color: rgba(0, 0, 0, 0.65)!important; - } - /* 制单日期、制单人员、订单号设置保存时自动生成文字提醒 */ - .searchMainForm .speacialNote{ - position: absolute; - left: 32%; - top:0; - font-size: 12px; - color: #000!important; - } - .searchMainForm { - border-top: 0; - padding: 8px 8px 8px 8px!important; /* 间距收窄 */ - margin: 0 10px!important; - background: #fff; - } +.ant-col-order-32 { + -webkit-box-ordinal-group: 33; + -webkit-order: 32; + -ms-flex-order: 32; + order: 32; +} - .viewStyle { - background: #fff; - } +.ant-col-order-33 { + -webkit-box-ordinal-group: 34; + -webkit-order: 33; + -ms-flex-order: 33; + order: 33; +} - .searchMainForm input[disabled], - .searchMainForm textArea[disabled], - .searchMainForm .ant-select-disabled .ant-select-selection-item, - // .searchMainForm .sActiveIdStyle, - .viewStyle input[disabled], - .viewStyle textArea[disabled], - .xlyMemoList textArea[disabled] - // .viewStyle .sActiveIdStyle, - { - background-color: #f1f2f8!important; - // color: #999!important; - color: #000!important; - &+.sActiveIdStyle { - background-color: #f1f2f8!important; - .masterLinkSpan { - background-color: #f1f2f8!important; - } - } - } - .searchMainForm .ant-picker.ant-picker-disabled, - .viewStyle .ant-picker.ant-picker-disabled - { - background-color: #f1f2f8!important; - &+.sActiveIdStyle { - background-color: #f1f2f8!important; - .masterLinkSpan { - background-color: #f1f2f8!important; - } - } - } - .searchMainForm .ant-select-disabled, - .viewStyle .ant-select-disabled - { - .ant-select-selector{ - background-color: #f1f2f8!important; - } - &+.sActiveIdStyle { - background-color: #f1f2f8!important; - .masterLinkSpan { - background-color: #f1f2f8!important; - } - } - } +.ant-col-order-34 { + -webkit-box-ordinal-group: 35; + -webkit-order: 34; + -ms-flex-order: 34; + order: 34; +} - /* 所有表格只读模式设置背景色 */ - .coustomStyle input{ - background-color: #f1f2f8!important; - } - /* 生产施工单 选择框异常 */ - .ant-select-selection__rendered { - margin-left: 0!important; - margin-right: 0!important; - background-color: #fff; - font-size: 12px; - height: 30px; - line-height: 31px!important; - } - /* 通用弹窗select样式 */ +.ant-col-order-35 { + -webkit-box-ordinal-group: 36; + -webkit-order: 35; + -ms-flex-order: 35; + order: 35; +} - .commonInputSearch input:hover{ - background: #e6f7ff!important; /* #e6e7ff */ - } - .commonInputSearch input:focus{ - background: #e6f7ff!important; - } - .react-grid-item { - .ant-row { - flex-wrap: nowrap !important; - } - .sActiveIdStyle_viewChooseSpan{ - position: absolute !important; - background: #FFF; - width: calc(100% - 2px); - height: calc(100% - 2px) !important; - margin: 1px; - z-index: 1; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - .viewChooseSpan { - cursor: pointer; - } - } - } - .ant-row .commonInputSearch input:focus{ - background: #e6f7ff!important; - } +.ant-col-order-36 { + -webkit-box-ordinal-group: 37; + -webkit-order: 36; + -ms-flex-order: 36; + order: 36; +} - /* 右击单击 弹窗 */ - .ContextMenuCol{ - border: 1px solid #d3d3d3; - .ant-select-auto-complete.ant-select .ant-input{ - border: 0!important; - } +.ant-col-order-37 { + -webkit-box-ordinal-group: 38; + -webkit-order: 37; + -ms-flex-order: 37; + order: 37; +} - } - /** 这个样式控制表单页悬浮框样式，这个样式涵盖的范围太广，导致其他样式被覆盖 */ - .white-bk .ant-select-selection__rendered{ - background-color: #fff; - font-size: 12px; - } +.ant-col-order-38 { + -webkit-box-ordinal-group: 39; + -webkit-order: 38; + -ms-flex-order: 38; + order: 38; +} - .ant-cascader-picker-disabled { - background: #fafafa!important; - color: rgba(0, 0, 0, 0.5)!important; - } - #mergeTableEdit .ant-input-number-input[disabled] { - background: transparent!important; - } - /* 设置CommonTable通用表格样式 */ - #staticEditTable { - background-color: #fff; /* 设置通用表格背景色 */ - position: relative; - margin-top: -1px; - } - #staticEditTable .ant-input[disabled] { - background: transparent!important; - } - #staticEditTable .ant-input-number-input[disabled] { - background: transparent!important; - } - /* 默认数字控件是90px，单层表格行设置数字控件不设置宽度 */ - .viewStyle .ant-input-number{ - width: auto!important; - } - .viewStyle .ant-select-show-search{ - border:1px solid #d9d9d9!important; - } - .viewStyle .react-grid-item .ant-select-show-search { - border: 0 !important; - } - .commonNewTabBilll { - .ant-form-item-control { - flex: 1; - max-width: 100%; - } - .ant-form-item-control-input{ - .masterLinkSpan { - left: -3px; - top: 1px; - background: #FFF; - } - } - } - /* 控制所有表格 悬浮行背景颜色*/ - /* 通用表格 icon字体 */ - #staticEditTable a i{ - font-size: 15px; - } - /*销售订单列表单元格元素控制*/ - .xly-normal-list #staticEditTable td { - font-size: 12px!important; - color: #000!important; /* 设置通用列表单元格文字颜色 */ - padding: 0 5px!important; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap;/*超出变成省略号 */ - } - /* 设置通用表格滚动条问题 */ - #staticEditTable .ant-select-selection { - height: 31px !important; - background-color: transparent!important; - } - #staticEditTable .ant-calendar-picker-icon:after { - content: ''!important; - } - /* 设置CommonTable通用树样式 */ - #staticEditTree{ - height: 100%; - overflow: auto; - } - /* 系统权限Tree*/ - .xly-jurisdiction #staticEditTree{ - //max-height: ~'calc(100vh - 160px)'; - overflow: hidden; - } - /* 选择工序Tree*/ - #modalChooseProcess #staticEditTree{ - height: 298px; - overflow: auto; - } - #modalChooseProcess #staticEditTable .sActiveIdStyle{ - position: inherit!important; - } - /* Begin 数据导入页面 */ - #importDataInfo .topTable{ - .ant-table-scroll{ - height:calc(~'100vh - 225px'); - overflow-x: auto!important; - } - .ant-table-header{ /* 解决无数据时没滚动条导致头部显示不全问题 */ - width: max-content; - overflow-y: scroll!important; - } - .ant-table-body{ - width: max-content; - height:calc(~'100vh - 276px'); - overflow-x: auto!important; - overflow-y: auto!important; - } - } - /* END 数据导入页面 */ +.ant-col-order-39 { + -webkit-box-ordinal-group: 40; + -webkit-order: 39; + -ms-flex-order: 39; + order: 39; +} - /* Begin 设计功能弹出层界面样式调整 */ - #StatementInfo .ant-btn{ - border: 0; - background-color: #1890FF; - } - #StatementInfo .billToolBar{ - margin-bottom: 8px; - } - #StatementInfo .ant-table-fixed{ - width: 100%!important; - } - #StatementInfo ul{width: 100%;} - #StatementInfo li{ float:left;width: 60px;} - #StatementInfo .toolBar___22SoH li{ - padding:0!important; - } - #StatementInfo .toolBar___22SoH a:hover { - color:#1890FF !important - } - #StatementInfo li a{ color: #fff;} - #StatementInfo li a[disabled] { color: #a2a2a2;} - #StatementInfo li i { margin-right:6px;} - #StatementInfo .ant-table-body{ - overflow-x: hidden!important; - overflow-y: auto!important; - height: 133px; - } - #StatementInfo .ant-table-footer{ - display: none; - } - /* END 设计功能弹出层 */ +.ant-col-order-40 { + -webkit-box-ordinal-group: 41; + -webkit-order: 40; + -ms-flex-order: 40; + order: 40; +} - .ant-message span { - white-space: pre-wrap; - } - .ant-input-number-handler-wrap { - display: none!important; - } - .ant-card-extra { - padding: 0!important; - } - .ant-card-body { - overflow: auto; - } - .ant-modal-body { - overflow: hidden; - } - /* 设置通用切换slaveTab */ - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-disabled span{ - color: #6b6868; - cursor: not-allowed; /*设置不可用tab样式 */ - } - .importDataInfo{ - .ant-legacy-form-item-control{ - line-height: unset; - } - } - #popupPan .ant-table-body { - max-height: 350px!important; - } - #worker .ant-table-scroll > div:last-child { - min-height: 110px; - } - #worker .ant-input-number-input[disabled] { - background: transparent!important; - } - #workerOrder table { - width: auto; - } - #workerOrder td { - padding: 0 8px!important; - height: 32px; - } - #commonList { - background: #f0f2f5!important; - } +.ant-col-order-41 { + -webkit-box-ordinal-group: 42; + -webkit-order: 41; + -ms-flex-order: 41; + order: 41; +} - #sPartsName .ant-form-item { - display: inline-block; - width: 100%; - margin-bottom: 0!important; - height: 21px!important; - } - #sPartsName .ant-form-item-control { - line-height: 21px!important; - } - //.ant-select { - // width: 100%!important; - //} - #staticEditTable{ - .ant-pagination{ - .ant-select { - width: 63px !important; - } - } - .ant-pagination-total-text{ - position: absolute; - right: 10px; - } - .ant-pagination-options { - .ant-pagination-options-size-changer{ - .ant-select-selection{ - height: auto !important; - } - } - } - } - //设备信息中的从表样式 - .xly-bill-list .iPlcNoTable .topTable .ant-spin-nested-loading .ant-spin-container .ant-table{ - height: 83% !important; - .ant-table-body{ - overflow: auto !important; - } - } +.ant-col-order-42 { + -webkit-box-ordinal-group: 43; + -webkit-order: 42; + -ms-flex-order: 42; + order: 42; } -.tableOption { - line-height: 0!important; - position: absolute; - top: -27px; - right: 0; +.ant-col-order-43 { + -webkit-box-ordinal-group: 44; + -webkit-order: 43; + -ms-flex-order: 43; + order: 43; } -.tableOption > span:first-child { - display: inline-block; +.ant-col-order-44 { + -webkit-box-ordinal-group: 45; + -webkit-order: 44; + -ms-flex-order: 44; + order: 44; } -.tableOption > button { - border: 1px solid #1890FF; - background: #1890FF; - color: #fff; - margin-left: 8px; - min-width: 65px; - height: 28px; - line-height: 28px; +.ant-col-order-45 { + -webkit-box-ordinal-group: 46; + -webkit-order: 45; + -ms-flex-order: 45; + order: 45; } -.tableOption > button:hover { - border: 1px solid #1890FF!important; - background: #1890FF!important; - color: #fff!important; +.ant-col-order-46 { + -webkit-box-ordinal-group: 47; + -webkit-order: 46; + -ms-flex-order: 46; + order: 46; } -.tableOption > button[disabled], .tableOption > button[disabled]:hover { - color: rgba(0, 0, 0, 0.5) !important; - background: #f5f5f5!important; - border: 1px solid #d9d9d9!important; +.ant-col-order-47 { + -webkit-box-ordinal-group: 48; + -webkit-order: 47; + -ms-flex-order: 47; + order: 47; } +.ant-col-order-48 { + -webkit-box-ordinal-group: 49; + -webkit-order: 48; + -ms-flex-order: 48; + order: 48; +} +.ant-col-order-49 { + -webkit-box-ordinal-group: 50; + -webkit-order: 49; + -ms-flex-order: 49; + order: 49; +} -.TextArea{ - font-size: 20px; - margin: 0 10px 10px 10px; +.ant-col-order-50 { + -webkit-box-ordinal-group: 51; + -webkit-order: 50; + -ms-flex-order: 50; + order: 50; } -.wrapRow{ - width: 100%; - padding: 0 25px 0 25px; +.ant-col-order-51 { + -webkit-box-ordinal-group: 52; + -webkit-order: 51; + -ms-flex-order: 51; + order: 51; } -.lef{ - width: 48%; - float: left; + +.ant-col-order-52 { + -webkit-box-ordinal-group: 53; + -webkit-order: 52; + -ms-flex-order: 52; + order: 52; } -.rig{ - width: 48%; - margin-left: 4%; - float: left; + +.ant-col-order-53 { + -webkit-box-ordinal-group: 54; + -webkit-order: 53; + -ms-flex-order: 53; + order: 53; } -.uploadPic i { - display: block; - font-size: 32px; - color: #999; +.ant-col-order-54 { + -webkit-box-ordinal-group: 55; + -webkit-order: 54; + -ms-flex-order: 54; + order: 54; } -.uploadPic > div { - color: #666; - font-size: 14px; +.ant-col-order-55 { + -webkit-box-ordinal-group: 56; + -webkit-order: 55; + -ms-flex-order: 55; + order: 55; } -.header { - position: fixed; - width: 100%; - z-index: 999; - top: 60px; - height: 30px!important; - padding: 0px!important; - line-height: inherit!important; - background: transparent!important; + +.ant-col-order-56 { + -webkit-box-ordinal-group: 57; + -webkit-order: 56; + -ms-flex-order: 56; + order: 56; } +.ant-col-order-57 { + -webkit-box-ordinal-group: 58; + -webkit-order: 57; + -ms-flex-order: 57; + order: 57; +} +.ant-col-order-58 { + -webkit-box-ordinal-group: 59; + -webkit-order: 58; + -ms-flex-order: 58; + order: 58; +} -.clayoutClassify { - margin: 70px 0 0 0; +.ant-col-order-59 { + -webkit-box-ordinal-group: 60; + -webkit-order: 59; + -ms-flex-order: 59; + order: 59; } -.popupPan .clayoutClassify { - margin: 0!important; +.ant-col-order-60 { + -webkit-box-ordinal-group: 61; + -webkit-order: 60; + -ms-flex-order: 60; + order: 60; } -.clayoutBot { - padding: 0 10px; +.ant-col-order-61 { + -webkit-box-ordinal-group: 62; + -webkit-order: 61; + -ms-flex-order: 61; + order: 61; } -.clayoutTop { - padding: 30px 32px 20px 32px; +.ant-col-order-62 { + -webkit-box-ordinal-group: 63; + -webkit-order: 62; + -ms-flex-order: 62; + order: 62; } -.clayoutCalc { - margin: 0 10px; - background: #fff!important; +.ant-col-order-63 { + -webkit-box-ordinal-group: 64; + -webkit-order: 63; + -ms-flex-order: 63; + order: 63; } -.slaveTabs .ant-tabs-bar { - margin: 0 10px!important; + +.ant-col-order-64 { + -webkit-box-ordinal-group: 65; + -webkit-order: 64; + -ms-flex-order: 64; + order: 64; } -.slaveTabs .ant-table-thead > tr > th { - //background-color: #d0d0d0!important; + +.ant-col-order-65 { + -webkit-box-ordinal-group: 66; + -webkit-order: 65; + -ms-flex-order: 65; + order: 65; } -.modal .clayoutTop { - padding: 0!important; + +.ant-col-order-66 { + -webkit-box-ordinal-group: 67; + -webkit-order: 66; + -ms-flex-order: 66; + order: 66; } -.modal .mergeTableEdit { - width: auto!important; +.ant-col-order-67 { + -webkit-box-ordinal-group: 68; + -webkit-order: 67; + -ms-flex-order: 67; + order: 67; } -.sider { - flex: none!important; - max-width: none!important; - min-width: 0!important; - width: auto!important; - background: #fff!important; +.ant-col-order-68 { + -webkit-box-ordinal-group: 69; + -webkit-order: 68; + -ms-flex-order: 68; + order: 68; } -.jsqSider { - background: #fff!important; +.ant-col-order-69 { + -webkit-box-ordinal-group: 70; + -webkit-order: 69; + -ms-flex-order: 69; + order: 69; } -.jsqSider button { - width: 57px; - height: 30px; - padding: 0!important; - line-height: 30px; - text-align: center; +.ant-col-order-70 { + -webkit-box-ordinal-group: 71; + -webkit-order: 70; + -ms-flex-order: 70; + order: 70; } -.tabGroup { - padding-left: 0!important; +.ant-col-order-71 { + -webkit-box-ordinal-group: 72; + -webkit-order: 71; + -ms-flex-order: 71; + order: 71; } -.tabChild { - margin-bottom: 20px; +.ant-col-order-72 { + -webkit-box-ordinal-group: 73; + -webkit-order: 72; + -ms-flex-order: 72; + order: 72; } -.tabChildTitle { - border-bottom: 1px dotted #354052; - margin-bottom: 10px; - color: #fff; - line-height: 22px; +.ant-col-order-73 { + -webkit-box-ordinal-group: 74; + -webkit-order: 73; + -ms-flex-order: 73; + order: 73; } -.tabChildTitle span { - background: #354052; - display: inline-block; - padding: 5px 15px; - line-height: 22px; - border-top-left-radius: 5px; - border-bottom-right-radius: 5px; - font-size: 12px; +.ant-col-order-74 { + -webkit-box-ordinal-group: 75; + -webkit-order: 74; + -ms-flex-order: 74; + order: 74; } +.ant-col-order-75 { + -webkit-box-ordinal-group: 76; + -webkit-order: 75; + -ms-flex-order: 75; + order: 75; +} -.labelNo { - height: auto; +.ant-col-order-76 { + -webkit-box-ordinal-group: 77; + -webkit-order: 76; + -ms-flex-order: 76; + order: 76; } -.labelNo .formItemMargin { - height: auto!important; +.ant-col-order-77 { + -webkit-box-ordinal-group: 78; + -webkit-order: 77; + -ms-flex-order: 77; + order: 77; } -.labelNo textarea { - border-top: 0!important; +.ant-col-order-78 { + -webkit-box-ordinal-group: 79; + -webkit-order: 78; + -ms-flex-order: 78; + order: 78; } -.white-bk > div> div > div > div > span > span input{ - background-color: #fff!important; - font-size: 12px; +.ant-col-order-79 { + -webkit-box-ordinal-group: 80; + -webkit-order: 79; + -ms-flex-order: 79; + order: 79; } +.ant-col-order-80 { + -webkit-box-ordinal-group: 81; + -webkit-order: 80; + -ms-flex-order: 80; + order: 80; +} +.ant-col-order-81 { + -webkit-box-ordinal-group: 82; + -webkit-order: 81; + -ms-flex-order: 81; + order: 81; +} -.searchSlaveForm { - border: 1px solid #d9d9d9; - border-top: 0; - padding: 15px!important; - padding-top: 25px!important; - background: #fff; +.ant-col-order-82 { + -webkit-box-ordinal-group: 83; + -webkit-order: 82; + -ms-flex-order: 82; + order: 82; } -.formItemMargin0 { - margin-bottom: 0!important; +.ant-col-order-83 { + -webkit-box-ordinal-group: 84; + -webkit-order: 83; + -ms-flex-order: 83; + order: 83; } -.formItemMargin0 > div > div > span > span { - background: transparent!important; +.ant-col-order-84 { + -webkit-box-ordinal-group: 85; + -webkit-order: 84; + -ms-flex-order: 84; + order: 84; } -.formItemMargin0 > div > div > span > span input { - border: 0!important; +.ant-col-order-85 { + -webkit-box-ordinal-group: 86; + -webkit-order: 85; + -ms-flex-order: 85; + order: 85; } -/* 设置整单外发 大小为12 */ -.formItemMag10 label{ - font-size: 12px!important; +.ant-col-order-86 { + -webkit-box-ordinal-group: 87; + -webkit-order: 86; + -ms-flex-order: 86; + order: 86; } -.searchForm { - background: #fff; + +.ant-col-order-87 { + -webkit-box-ordinal-group: 88; + -webkit-order: 87; + -ms-flex-order: 87; + order: 87; } -.searchForm .formItemMag10 label > span:last-child { - width: inherit!important; +.ant-col-order-88 { + -webkit-box-ordinal-group: 89; + -webkit-order: 88; + -ms-flex-order: 88; + order: 88; } -.searchForm .formItemMag10 > div > div { - line-height: 32px!important; +.ant-col-order-89 { + -webkit-box-ordinal-group: 90; + -webkit-order: 89; + -ms-flex-order: 89; + order: 89; } -.searchForm .formItemMag0 label { - margin-top: 5px!important; - margin-bottom: 0!important; +.ant-col-order-90 { + -webkit-box-ordinal-group: 91; + -webkit-order: 90; + -ms-flex-order: 90; + order: 90; } -.searchForm .area { - height: auto; - min-height: 300px; +.ant-col-order-91 { + -webkit-box-ordinal-group: 92; + -webkit-order: 91; + -ms-flex-order: 91; + order: 91; } -.tabChildDot { - padding-bottom: 10px; - margin-bottom: 10px; - border-bottom: 1px dotted #354052; +.ant-col-order-92 { + -webkit-box-ordinal-group: 93; + -webkit-order: 92; + -ms-flex-order: 92; + order: 92; } -.tab240 { - height: 240px; +.ant-col-order-93 { + -webkit-box-ordinal-group: 94; + -webkit-order: 93; + -ms-flex-order: 93; + order: 93; } -.searchForm .list { - border: 1px solid #d9d9d9; - border-radius: 4px; - padding: 4px 11px; - min-height: 280px; +.ant-col-order-94 { + -webkit-box-ordinal-group: 95; + -webkit-order: 94; + -ms-flex-order: 94; + order: 94; } -.searchForm .list:hover { - border: 1px solid #1890FF; +.ant-col-order-95 { + -webkit-box-ordinal-group: 96; + -webkit-order: 95; + -ms-flex-order: 95; + order: 95; } -.searchForm .list li { - height: 32px; - line-height: 32px; +.ant-col-order-96 { + -webkit-box-ordinal-group: 97; + -webkit-order: 96; + -ms-flex-order: 96; + order: 96; } -.tableOption .formItemMargin { - margin-bottom: 0!important; +.ant-col-order-97 { + -webkit-box-ordinal-group: 98; + -webkit-order: 97; + -ms-flex-order: 97; + order: 97; } -/* 设定单据->销售对账 */ -.outStandFilter { - padding: 20px 32px 0 32px!important; - min-height: 72px; +.ant-col-order-98 { + -webkit-box-ordinal-group: 99; + -webkit-order: 98; + -ms-flex-order: 98; + order: 98; } -.outStandRow { - z-index: 20; - padding: 10px 0 0 20px; - background: #f7f7f7; - transition: background .3s ease; - box-shadow: 0 0 5px #1890FF; - width: 70%; - min-height: 49px; - float: left; +.ant-col-order-99 { + -webkit-box-ordinal-group: 100; + -webkit-order: 99; + -ms-flex-order: 99; + order: 99; } -.outStandFormItem { - margin-bottom: 0!important; +.ant-col-order-100 { + -webkit-box-ordinal-group: 101; + -webkit-order: 100; + -ms-flex-order: 100; + order: 100; } -.outStandFormItem label span + span { - width: auto!important; +.ant-tabs { + height: 100%; } -.inputGroup { - position: relative; + +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab { + /* tabs 页签 */ + line-height: 24px !important; + padding: 8px 10px !important; + margin-right: 18px !important; + font-size: 14px !important; + background: none !important; + border: 0 !important; } -.inputGroup > div { - width: 100%!important; +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab span { + color: #fff; } -.inputGroup input { - position: absolute; - right: 0; - top: 0; +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-ink-bar { + /* tabs 页签 */ + visibility: visible !important; + bottom: 0 !important; } -.inputGroup .iconAdd { - position: absolute; - right: 0; - top: 0; +.ant-tabs-nav .ant-tabs-tab-active { + /* tabs 页签 */ + font-weight: 400 !important; } -.inputGroup .iconAdd > span { - width: 32px; - height: 32px; - position: absolute!important; - left: 0!important; - top: 14px!important; - cursor: pointer; +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close { + /* 关闭按钮页签样式 */ + color: #fff !important; + margin-left: 5px !important; } -.inputGroup .iconAdd i { - position: absolute; - left: 0; - top: 0; - width: 32px; - height: 32px; +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active .anticon-close { + color: #1890FF !important; } -.inputGroup .iconAdd i:before { - color: rgba(0, 0, 0, 0.43); - transform: scale(0.75) rotate(0deg); - line-height: 32px; +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active span { + color: #1890FF !important; } -.inputGroup .iconAdd i:hover:before { - line-height: 32px; - font-weight: 700; - color: rgba(0, 0, 0, 0.65); +.ant-layout { + background: transparent !important; + height: 100%; } -.inputGroup .iconAdd input { - padding-left: 20px!important; - height: 32px!important; +.ant-form-item-required:before {} + +/* 表格必填项 */ +.table-title-required { + font-family: SimSun; + line-height: 1; + font-size: 14px; + color: #f5222d; } -.inputGroup > div > div { - background: #fafafa!important; - width: 100%!important; +.ant-card-wider-padding .ant-card-head { + /* tabs */ + padding: 0 !important; } -.inputGroup > div > div > div { - width: 100%!important; +.ant-tabs-bar { + margin-bottom: 0 !important; } -.tableInputGroup { - position: relative; +.ant-tabs-small .ant-tabs-tab { + padding: 8px 12px !important; } -.tableInputGroup .iconAdd { - position: absolute; - right: 8px; - top: 6px; +.ant-tree.ant-tree-show-line li span.ant-tree-switcher { + /* 树 */ + color: #000 !important; } -.tableInputGroup input { - position: absolute; - right: 0; - top: 0; - width: 16px!important; - height: 16px!important; - padding: 0!important; - border-radius: 0!important; +.ant-input-affix-wrapper { + /* 搜索框 */ + font-size: 16px !important; } -.tableInputGroup .iconAdd > span { - width: 16px; - height: 16px; - position: absolute!important; - left: 0!important; - top: 8px!important; - cursor: pointer; +.ant-menu-inline .ant-menu-item:not(:last-child) { + /* 菜单 */ + margin: 0 !important; } -.tableInputGroup .iconAdd i { - position: absolute; - left: 0; - top: 0; - width: 16px; - height: 16px; +.ant-menu-vertical .ant-menu-item { + /* 菜单 */ + margin-bottom: 0 !important; } -.tableInputGroup .iconAdd i:before { - color: rgba(0, 0, 0, 0.43); - transform: scale(0.75) rotate(0deg); - line-height: 16px; +.ant-menu-vertical .ant-menu-item:not(:last-child) { + /* 菜单 */ + margin-bottom: 0 !important; } -.tableInputGroup .iconAdd i:hover:before { - line-height: 16px; - font-weight: 700; - color: rgba(0, 0, 0, 0.65); +.tabChild___3EqgA .ant-form-item-label { + text-align: right !important; + padding-right: 10px !important; } -.tableInputGroup > div > div > span { - display: none!important; +.tabChild___3EqgA .ant-form-item-control { + padding-left: 20px !important; } -.layout { - padding-top: 20px; +.tabChildDot___DZtMw .ant-form-item-label { + text-align: right !important; + padding-right: 10px !important; } -.editSelect > div { - height: 32px; - border-color: transparent!important; - border-radius: 0; - transition: none; - width: 100%; +.ant-select-selection--single { + border-radius: 0 !important; + height: 32px !important; } -.tableOperation { - padding: 0 6px; +.white-bk { + font-size: 12px !important; } -.tableOperation > button { - border: 0!important; - background: none!important; - color: #1890FF; - cursor: pointer; - outline: 0; +.white-bk .ant-select-selection--single { + background-color: #fff !important; + font-size: 12px; } -.tableOperation > button:focus { - outline: 0; +.ant-checkbox-wrapper+span, +.ant-checkbox+span { + /* checkbox */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding-right: 0 !important; + display: inline-block; + vertical-align: middle; + margin-top: -3px; + margin-right: 5px; } -.rightSearch { - width: 220px; - position: absolute; - right: 80px; - top: -29px; +.ant-tabs-small .ant-tabs-nav-container { + font-size: 14px !important; } -.rightSearch input { - height: 28px; +.ant-table-scroll { + overflow-y: hidden !important; } -.rightSearch button { - height: 28px; +.ant-table-header table { + border-radius: 0 !important; } -.searchBox { - width: 200px!important; - height: 26px; - background: hsla(0,0%,100%,.12); - transition: all .3s linear; +.ant-calendar-picker-icon:after { + font-size: 14px !important; } -.show { - width: 300px!important; - border: 1px solid #1890FF; +.ant-calendar-picker-clear, +.ant-calendar-picker-icon { + width: 16px !important; + height: 16px !important; + right: 8px !important; + margin-top: -8px !important; + line-height: 16px !important; + font-size: 14px !important; } -.searchBox button { - border: 0; - background: none; +.ant-calendar-picker-icon:after { + font-size: 16px !important; } -.searchBox button:hover { - background: none; +.ant-btn-clicked:after { + border: 0 !important; } -.tabButton { - //margin-top: 10px; - font-size: 12px; - text-indent: 1em; - height: 185px; - overflow: auto; - border-left: 1px solid #d9d9d9; - border-bottom: 1px solid #d9d9d9; +.ant-upload { + line-height: normal !important; } +/*设置所有表格选中行背景色 */ +#staticEditTable .selected-record-row td { + background-color: #e6f7ff !important; -.tabButton button { - display: block!important; - border: 0!important; - width: 100%!important; - text-indent: 0.6em!important; - text-align: left; + div { + background: #e6f7ff; + /* ffe7ba */ + } } -/* 上传 */ -.uploadListInline { - margin-right: 8px; -} +/*设置列表选中行背景色 */ +.xly-normal-list #staticEditTable .selected-record-row td { + background-color: #e6f7ff; -.uploadListInline > div:last-child > div { - height: 300px; + div { + background: none; + } } -.uploadListInline > div:last-child > div a { - width: auto; - height: 280px; -} +/* 通用大屏列表选中行 */ +.commonRollChar #staticEditTable .selected-record-row td { + background: none !important; -.uploadListInline > div:last-child > div img { - width: auto; - height: 280px; + div { + background: none !important; + } } -/* 图片列表上传 */ -.staticUpload { - display: inline-block; -} +/* 可编辑列表 */ +.editable #staticEditTable .selected-record-row td { + background: none !important; -.staticUpload button { - height: 28px!important; + div { + //padding:1px 13px!important; + background-color: #fff; + } } -.staticUpload > div:last-child { - display: none; +.editable #staticEditTable .ant-form-item-control { + height: 28px !important; } -/* 销售订单自定义审核界面设置 */ -.checkTable { - margin-bottom: 20px; - table tr td{ - padding-left: 4px!important; - padding: 4px 4px; - font-size: 12px; - height: 30px; + +/* 设置偶行背景色 */ +.xlyCommonTable:not(.tableEnabled) .dark-record-row td { + background-color: @table-bg-even !important; + + .ant-table-selection-column { + background-color: @table-bg-even !important; } } -.checkInputGroup { - padding-left: 0!important; - margin-top: 10px!important; +.xlyCommonTable.tableEnabled .ant-table-tbody>tr.ant-table-row-selected>td { + background: #FFF !important; + border-color: #d9d9d9 !important; } -.clickRow { - background: #f0fcff!important; -} +/* 设置分割行背景色 */ +.split-record-row td, +.split-record-row-skip td { + background-color: @table-bg-split !important; + font-weight: bold; -.contentPop { - background: #fff!important; -} + .ant-table-selection-column { + font-weight: bold; + background-color: @table-bg-split !important; + } -.buttonOpt { - margin-top: 25px; -} + .noInput { + overflow: unset; + } -.buttonOpt button { - margin-right: 10px; - padding: 0 15px!important; + //span{background-color:@table-bg-split!important;} + .linksActiveIdStyle { + word-break: keep-all !important; + word-space: nowrap !important; + } } -.tableShow td span { - padding: 0 8px!important; - line-height: 32px; +.split-record-row td { + span { + background-color: @table-bg-split !important; + } } -.collapseB { - margin-top: 20px; - text-align: center; - display: inline-block; - width: 98%; - font-size: 16px; - background: #fafafa; - color: rgba(0, 0, 0, 0.65) !important; - border: 0; - cursor: pointer; +.split-record-row-skip td { + .noInput { + background-color: @table-bg-split !important; + } } -.collapseA { - text-align: center; - display: inline-block; - width: 98%; - font-size: 16px; - background: #fafafa; - color: rgba(0, 0, 0, 0.65) !important; - border: 0; - cursor: pointer; - margin-top: 5px; +.split-record-row-skip td span.ant-checkbox { + background-color: transparent !important; } -.collapseA span, .collapseB span { - font-size: 14px; - margin-right: 5px; +/* 设置分割行边框 */ +.ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.split-record-row>td { + border: none !important; } -.collapseA i, .collapseB i { - vertical-align: middle; +.ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.split-record-row-skip>td { + border: none !important; } -.collapseA:focus, .collapseB:focus { - outline: 0; +.virtuallist>table>.ant-table-tbody>tr.split-record-row>td>div { + overflow: unset; } -/* 快捷过滤 */ -.advForm { - background: #eef1f6; - height: 52px; +.virtuallist>table>.ant-table-tbody>tr.split-record-row-skip>td>div { + overflow: unset; } -.advFormItem { - margin-bottom: 4px!important; - margin-right: 7px!important; -} +/* 设置分割行悬浮背景 */ +tr.split-record-row:not(.selected-record-row):not(.ant-table-expanded-row-level-1) { + &:hover { + background: @table-bg-split !important; -.advFormItem > div { - width: 100%; + td { + background: @table-bg-split !important; + font-weight: bold; + } + + .sActiveIdStyle { + background: @table-bg-split !important; + } + } } -.advFormItem .advDelectIcon { - position: absolute; - right: -20px; - top: 0; +tr.split-record-row-skip:not(.selected-record-row):not(.ant-table-expanded-row-level-1) { + &:hover { + background: @table-bg-split !important; + + td { + background: @table-bg-split !important; + font-weight: bold; + } + + .sActiveIdStyle { + background: @table-bg-split !important; + } + } } -.advDelectIcon i { - position: absolute; - right: -5px; - top: 8px; - cursor: pointer; - color: rgba(0, 0, 0, 0.65)!important; +/* 根据条件 设置符合条件的行背景 */ +.SetRow_blue td { + background-color: blue !important; + + .ant-table-selection-column { + background-color: blue !important; + } } -.advRow { - position: absolute!important; - z-index: 20; - padding: 10px 34px 0 10px; - transition: background .3s ease; - border: 1px solid transparent; - width: 46%; - float: left; +.SetRow_orange td { + background-color: orange !important; + + .ant-table-selection-column { + background-color: orange !important; + } } -.advRowActive { - position: absolute!important; - z-index: 20; - padding: 10px 34px 0 10px; - background: #eef1f6; - transition: background .3s ease; - border: 1px solid #1890FF; - width: 46%; - float: left; +.SetRow_green td { + background-color: green !important; + + .ant-table-selection-column { + background-color: green !important; + } } -.advRow > button, .advRowActive > button { - position: absolute; - top: 10px; - width: 32px; - height: 32px; - background: #1890FF; - border: 0; - color: #fff; - cursor: pointer; +.SetRow_red td { + background-color: #ff9393 !important; + + .ant-table-selection-column { + background-color: #ffdede !important; + } } -.advRow button > i, .advRowActive button > i { - display: block; - font-size: 14px; - color: #fff; - text-align: center; - line-height: 32px; +.SetRow_yellow td { + background-color: yellow !important; + + .ant-table-selection-column { + background-color: yellow !important; + } } -.advButton { - position: relative; - margin-right: 7px; - margin-bottom: 7px; +.SetRow_pink td { + background-color: pink !important; + + .ant-table-selection-column { + background-color: pink !important; + } } -.advRow button:focus { - outline: 0; +tr[class*="SetRow_"] { + .readonlyField { + background-color: transparent !important; + } } -.advButton button { - width: 100%; +/* 根据条件 设置符合条件的单元格背景 */ +.SetCell_green div { + background-color: green !important; } -.advCol { - left: 47%; - width: 30%; - z-index: 20; - float: left!important; - padding-top: 11px; - margin-left: 20px; +.SetCell_red div { + background-color: red !important; } -.popupPan .advRow, .popupPan .advRowActive { - width: 60%!important; +.SetCell_yellow div { + background-color: yellow !important; } -.popupPan .advCol { - left: 60%!important; - margin-left: 5px!important; +.SetCell_blue div { + background-color: blue !important; } -.advCol button { - height: 32px!important; - min-width: 80px; - padding: 0 16px; +.SetCell_orange div { + background-color: orange !important; } -.advCol button > span { - line-height: 32px!important; +.SetCell_pink div { + background-color: pink !important; } -.advInput { - width: 100%; - height: 32px; +/* 未读消息 整行文字加粗 */ +.newsNoRead { + font-weight: bold !important; } -.advInput input { - height: 32px!important; +.ant-pagination-item { + border-radius: 0 !important; } -/* 分页 */ -.pagination { - float: none!important; - text-align: center; - margin: 8px 0!important; +.ant-pagination-options-quick-jumper input { + border-radius: 0 !important; } -.pagination li { - min-width: 28px; +.ant-pagination-prev .ant-pagination-item-link, +.ant-pagination-next .ant-pagination-item-link { + border-radius: 0 !important; height: 28px; - line-height: 28px; } -.pagination li a:after { - height: 28px!important; +.ant-pagination-options-quick-jumper { + height: 28px !important; + line-height: 28px !important; } -/* 可修改表格 */ -.mergeTableEdit { - position: relative; - width: 1000px; - margin: 0 auto; +.ant-pagination-options-quick-jumper input { + height: 28px !important; } -.mergeTableEdit .tableCommon { - position: absolute; - bottom: 0; - margin-bottom: 8px; - line-height: 0!important; +.ant-modal-content { + border-radius: 0 !important; } -.mergeTableEdit .tableCommonSpace { - margin-top: 8px; +.ant-modal-header { + padding: 7px 24px !important; + background: var(--xly-skin-modal-bg-color, #646464) !important; + color: #fff !important; + font-size: 18px; + border-radius: 0 !important; } -.mergeTableEdit .tableCommonRig { - position: absolute; - bottom: 0; - right: 0; - margin-bottom: 8px; - line-height: 0!important; +.ant-modal-close-x { + height: 33px !important; + line-height: 33px !important; } -.tableCommon > button, .tableCommonSpace > button { - min-width: 80px; - height: 28px; - background: #1890FF; - color: #fff; - border: 1px solid #1890FF!important; - margin-right: 8px; +.ant-modal-title { + color: #fff !important; } -.tableCommonRig > button { - min-width: 80px; - height: 28px; - background: #1890FF; - color: #fff; - border: 1px solid #1890FF!important; - margin-left: 8px; +.ant-modal-close { + color: #fff !important; + } -.mergeTableEdit .tableCommonRig { - display: none; +.ant-menu-item i.selected { + color: #f6c136; } -.popupPan .tableCommonRig { - display: block!important; +.mergeTable .ant-table-header { + position: fixed; + top: 113px; + z-index: 20; + border-top: 1px solid #d9d9d9; } -.tableCommon > button:hover, .tableCommonRig > button:hover { - background: #26d7eb!important; - color: #fff!important; +.ant-select-selection-selected-value { + padding-left: 11px; } -.tableCommon > button[disabled]:hover{ - border:1px solid #b0b0b3 !important; - background: #b0b0b3 !important; - opacity: 0.6; - color: #fff !important; +#sMemo { + font-size: 12px !important; } -.tableCommon > button[disabled]{ - border:1px solid #b0b0b3 !important; - background: #b0b0b3 !important; - opacity: 0.6; - color: #fff !important; +.ant-form-item-children { + display: block; } -.btnLoad { - width: 100%!important; - padding: 0!important; - text-align: center!important; +.speacialNote { + font-size: 12px; + color: rgba(0, 0, 0, 0.65) !important; } -.workeOrderMainT { - float: left; - width: 90px; - font-size: 14px; - color: #1890FF; - font-weight: 700; - height: 32px; - line-height: 28px; - padding-bottom: 4px; - border-bottom: 2px solid #1890FF; - text-align: center; - margin-bottom: 10px; +/* 制单日期、制单人员、订单号设置保存时自动生成文字提醒 */ +.searchMainForm .speacialNote { + position: absolute; + left: 32%; + top: 0; + font-size: 12px; + color: #000 !important; } -.workOrderMain { - float: right; - margin-right: 2.1%; +.searchMainForm { + border-top: 0; + padding: 8px 8px 8px 8px !important; + /* 间距收窄 */ + margin: 0 10px !important; + background: #fff; } -.workOrderMain .formItemMargin { - height: 32px!important; +.viewStyle { + background: #fff; } -.workOrderMain button, .workOrderMain button:active { - float: right; - background: #fc785e; - border: 0; - color: #fff; +.searchMainForm input[disabled], +.searchMainForm textArea[disabled], +.searchMainForm .ant-select-disabled .ant-select-selection-item, +// .searchMainForm .sActiveIdStyle, +.viewStyle input[disabled], +.viewStyle textArea[disabled], +.xlyMemoList textArea[disabled] // .viewStyle .sActiveIdStyle, + + { + background-color: #f1f2f8 !important; + // color: #999!important; + color: #000 !important; + + &+.sActiveIdStyle { + background-color: #f1f2f8 !important; + + .masterLinkSpan { + background-color: #f1f2f8 !important; + } + } } -.workOrderMain button:hover { - background: #fe927d; - border: 0; - color: #fff; +.searchMainForm .ant-picker.ant-picker-disabled, +.viewStyle .ant-picker.ant-picker-disabled { + background-color: #f1f2f8 !important; + + &+.sActiveIdStyle { + background-color: #f1f2f8 !important; + + .masterLinkSpan { + background-color: #f1f2f8 !important; + } + } } -.workOrderMain > div { - width: 106px; - float: right; +.searchMainForm .ant-select-disabled, +.viewStyle .ant-select-disabled { + .ant-select-selector { + background-color: #f1f2f8 !important; + } + + &+.sActiveIdStyle { + background-color: #f1f2f8 !important; + + .masterLinkSpan { + background-color: #f1f2f8 !important; + } + } +} + +/* 所有表格只读模式设置背景色 */ +.coustomStyle input { + background-color: #f1f2f8 !important; } +/* 生产施工单 选择框异常 */ +.ant-select-selection__rendered { + margin-left: 0 !important; + margin-right: 0 !important; + background-color: #fff; + font-size: 12px; + height: 30px; + line-height: 31px !important; +} +/* 通用弹窗select样式 */ -.collapseWorker { - margin-top: 10px; +.commonInputSearch input:hover { + background: #e6f7ff !important; + /* #e6e7ff */ } -.workerList { - height: auto; - margin-bottom: 8px; - font-size: 12px!important; +.commonInputSearch input:focus { + background: #e6f7ff !important; } -.workerListItem { - margin-right: 15px; - margin-bottom: 0px!important; - overflow: hidden; - height: 100%; - background-color: transparent; +.react-grid-item { + .ant-row { + flex-wrap: nowrap !important; + } + + .sActiveIdStyle_viewChooseSpan { + position: absolute !important; + background: #FFF; + width: calc(100% - 2px); + height: calc(100% - 2px) !important; + margin: 1px; + z-index: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + + .viewChooseSpan { + cursor: pointer; + } + } } -.workerListItem label { - float: left; +.ant-row .commonInputSearch input:focus { + background: #e6f7ff !important; } -.workerListItem > div > div { - border: 0px!important; - background-color: transparent; - font-size: 12px; +/* 右击单击 弹窗 */ +.ContextMenuCol { + border: 1px solid #d3d3d3; + + .ant-select-auto-complete.ant-select .ant-input { + border: 0 !important; + } + } -.workerListItem > div > div > div { - height: 40px; - line-height: 40px; - padding: 0px 5px!important; - overflow: hidden; - display: flex; - background-color: transparent; +/** 这个样式控制表单页悬浮框样式，这个样式涵盖的范围太广，导致其他样式被覆盖 */ +.white-bk .ant-select-selection__rendered { + background-color: #fff; font-size: 12px; - margin-top: 0px; } -.workerListItem > div > div > div> label { - flex: 1; - font-size: 12px; +.ant-cascader-picker-disabled { + background: #fafafa !important; + color: rgba(0, 0, 0, 0.5) !important; } -.workerListItem > div > div > div> label span { - font-size: 12px; + +#mergeTableEdit .ant-input-number-input[disabled] { + background: transparent !important; } -.workerForm { - margin: 10px!important; + +/* 设置CommonTable通用表格样式 */ +#staticEditTable { + background-color: #fff; + /* 设置通用表格背景色 */ + position: relative; + margin-top: -1px; } -.workerFormRow { - display: flex; +#staticEditTable .ant-input[disabled] { + background: transparent !important; } -.workerFormRow > div:first-child { - background: #1890FF; - display: flex; - flex-flow: row wrap; - justify-content:center; - align-items:center; +#staticEditTable .ant-input-number-input[disabled] { + background: transparent !important; } -.workerFormRow > div .item { - font-size: 18px; - font-weight: 700; - color: #fff; +/* 默认数字控件是90px，单层表格行设置数字控件不设置宽度 */ +.viewStyle .ant-input-number { + width: auto !important; } -.workerOpt { - position: absolute; - left: -3.5%; +.viewStyle .ant-select-show-search { + border: 1px solid #d9d9d9 !important; } -.workerOpt i { - color: #fff; - cursor: pointer; +.viewStyle .react-grid-item .ant-select-show-search { + border: 0 !important; } -.workerFormPop { - margin: 10px 0!important; +.commonNewTabBilll { + .ant-form-item-control { + flex: 1; + max-width: 100%; + } + + .ant-form-item-control-input { + .masterLinkSpan { + left: -3px; + top: 1px; + background: #FFF; + } + } } -.workerFormPop .workerOpt { - position: absolute; - left: -6.5%; +/* 控制所有表格 悬浮行背景颜色*/ +/* 通用表格 icon字体 */ +#staticEditTable a i { + font-size: 15px; } -.clayoutJur { - position: relative; - margin: 0 10px; - background: #fff!important; - padding: 10px 10px 0 2px; +/*销售订单列表单元格元素控制*/ +.xly-normal-list #staticEditTable td { + font-size: 12px !important; + color: #000 !important; + /* 设置通用列表单元格文字颜色 */ + padding: 0 5px !important; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + /*超出变成省略号 */ } -.clayoutJur table { - width: 100%!important; +/* 设置通用表格滚动条问题 */ +#staticEditTable .ant-select-selection { + height: 31px !important; + background-color: transparent !important; } -.tableOptionJur { - margin-bottom: 8px; +#staticEditTable .ant-calendar-picker-icon:after { + content: '' !important; } -.tableOptionJur > button { - border: 1px solid #1890FF; - background: #1890FF; - color: #fff; - margin-left: 8px; - min-width: 65px; - height: 28px; - line-height: 28px; +/* 设置CommonTable通用树样式 */ +#staticEditTree { + height: 100%; + overflow: auto; } -.tableOptionJur > button:first-child { - margin-left: 0; +/* 系统权限Tree*/ +.xly-jurisdiction #staticEditTree { + //max-height: ~'calc(100vh - 160px)'; + overflow: hidden; } -.tableOptionJur > button:hover { - border: 1px solid #1890FF; - background: #1890FF; - opacity: 0.6; - color: #fff; +/* 选择工序Tree*/ +#modalChooseProcess #staticEditTree { + height: 298px; + overflow: auto; } -/* 菜单项 */ -.affixMenu { - cursor: pointer; - position: fixed; - font-size: 22px; - right: 35px; - top: 60px; +#modalChooseProcess #staticEditTable .sActiveIdStyle { + position: inherit !important; } -affixMenuhasProps { - cursor: pointer; - position: fixed; - font-size: 22px; - right: 35px; - top: 60px; - color: rgba(255, 255, 255, 0.6)!important; +/* Begin 数据导入页面 */ +#importDataInfo .topTable { + .ant-table-scroll { + height: calc(~'100vh - 225px'); + overflow-x: auto !important; + } + + .ant-table-header { + /* 解决无数据时没滚动条导致头部显示不全问题 */ + width: max-content; + overflow-y: scroll !important; + } + + .ant-table-body { + width: max-content; + height: calc(~'100vh - 276px'); + overflow-x: auto !important; + overflow-y: auto !important; + } } -.affixMenuTable table { - width: 100%!important; +/* END 数据导入页面 */ + +/* Begin 设计功能弹出层界面样式调整 */ +#StatementInfo .ant-btn { + border: 0; + background-color: #1890FF; } -.affixMenuTable table td { - padding: 0!important; +#StatementInfo .billToolBar { + margin-bottom: 8px; } -.affixMenuTable table td input { - border: 0!important; - background: transparent; +#StatementInfo .ant-table-fixed { + width: 100% !important; } -.affixMenuTable table td label { - padding: 0 11px; +#StatementInfo ul { + width: 100%; } -.affixMenuShow > span { - margin-right: 10px; +#StatementInfo li { + float: left; + width: 60px; } -.affixMenuTableAll span{ - font-size: 12px; +#StatementInfo .toolBar___22SoH li { + padding: 0 !important; } -.affixMenuTableAll h3 { - margin-bottom: 15px; + +#StatementInfo .toolBar___22SoH a:hover { + color: #1890FF !important } -.modalsContent .affixMenuTableAll:not(first-child) { - margin-top: 0px; +#StatementInfo li a { + color: #fff; } -.modalsContent { - //max-height: 395px; - margin-right: -39px; - padding-right: 24px; - overflow-y: scroll; +#StatementInfo li a[disabled] { + color: #a2a2a2; } -.modalsContent { - margin-top: -15px; +#StatementInfo li i { + margin-right: 6px; } -.modalsContent > div:first-child { - padding: 8px 15px 8px 45px!important; - margin-bottom: 10px; +#StatementInfo .ant-table-body { + overflow-x: hidden !important; + overflow-y: auto !important; + height: 133px; } -.modalsContent > div:first-child > i { - font-size: 16px; - top: 15.5px!important; +#StatementInfo .ant-table-footer { + display: none; } -.modalsContent .slaveTabs { - margin: auto!important; +/* END 设计功能弹出层 */ + +.ant-message span { + white-space: pre-wrap; } +.ant-input-number-handler-wrap { + display: none !important; +} +.ant-card-extra { + padding: 0 !important; +} -.iconGroup { - i { - position: absolute; - right: 20px; - bottom: 20px; - transition: color 0.32s; - color: @text-color-secondary; - cursor: pointer; - margin-left: 16px; - &:hover { - color: @text-color; - } - } +.ant-card-body { + overflow: auto; } -.popupButton { - border: 0; - background: 0; - color: #1890FF; - border-bottom: 1px solid #1890FF; - cursor: pointer; +.ant-modal-body { + overflow: hidden; } -ton:focus { - box-shadow: none!important; - outline: none; +/* 设置通用切换slaveTab */ +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-disabled span { + color: #6b6868; + cursor: not-allowed; + /*设置不可用tab样式 */ } -:global { - .xly-bill-list{ - padding: 0 10px; - } - th.column-money{ - color: #1890FF !important; - box-shadow: 2px 0 3px -1px #999999 !important; - } - .ant-calendar-picker-input{ - outLine:none; - font-size: 12px!important; +.importDataInfo { + .ant-legacy-form-item-control { + line-height: unset; } - .processListTable { - .ant-table-content{ - .ant-table-body{ - max-height: 90% !important; - } +} + +#popupPan .ant-table-body { + max-height: 350px !important; +} + +#worker .ant-table-scroll>div:last-child { + min-height: 110px; +} + +#worker .ant-input-number-input[disabled] { + background: transparent !important; +} + +#workerOrder table { + width: auto; +} + +#workerOrder td { + padding: 0 8px !important; + height: 32px; +} + +#commonList { + background: #f0f2f5 !important; +} + +#sPartsName .ant-form-item { + display: inline-block; + width: 100%; + margin-bottom: 0 !important; + height: 21px !important; +} + +#sPartsName .ant-form-item-control { + line-height: 21px !important; +} + +//.ant-select { +// width: 100%!important; +//} +#staticEditTable { + .ant-pagination { + .ant-select { + width: 63px !important; } } - /* 所有CommonList列表样式控制*/ - .xly-normal-list .topTable { - .ant-table-content { - height:100%; - .ant-table-scroll{ - height: 100%; - padding-bottom: 61px; /* 兼容多表头 */ - } - .ant-table-body{ - overflow-x: hidden!important; - overflow-y: auto!important; - } - } - .ant-spin-nested-loading { - height: 100%; - .ant-spin-container { - height: 100%; - .ant-table { - height: 100%; - } + + .ant-pagination-total-text { + position: absolute; + right: 10px; + } + + .ant-pagination-options { + .ant-pagination-options-size-changer { + .ant-select-selection { + height: auto !important; } } - .ant-table-pagination.ant-pagination{ - margin: 6px 0; - float: none; - text-align: center; - } - .ant-table-fixed-header .ant-table-scroll .ant-table-header{ - overflow-y: scroll!important; - } } +} - /* 通用分类自适应 */ - .xly-normal-list.other-list{ - .topTable { - height: calc(~'100% - 170px'); +//设备信息中的从表样式 +.xly-bill-list .iPlcNoTable .topTable .ant-spin-nested-loading .ant-spin-container .ant-table { + height: 83% !important; + + .ant-table-body { + overflow: auto !important; + } +} + +.tableOption { + line-height: 0 !important; + position: absolute; + top: -27px; + right: 0; +} + +.tableOption>span:first-child { + display: inline-block; +} + +.tableOption>button { + border: 1px solid #1890FF; + background: #1890FF; + color: #fff; + margin-left: 8px; + min-width: 65px; + height: 28px; + line-height: 28px; +} + +.tableOption>button:hover { + border: 1px solid #1890FF !important; + background: #1890FF !important; + color: #fff !important; +} + +.tableOption>button[disabled], +.tableOption>button[disabled]:hover { + color: rgba(0, 0, 0, 0.5) !important; + background: #f5f5f5 !important; + border: 1px solid #d9d9d9 !important; +} + + + +.TextArea { + font-size: 20px; + margin: 0 10px 10px 10px; +} + +.wrapRow { + width: 100%; + padding: 0 25px 0 25px; +} + +.lef { + width: 48%; + float: left; +} + +.rig { + width: 48%; + margin-left: 4%; + float: left; +} + +.uploadPic i { + display: block; + font-size: 32px; + color: #999; +} + +.uploadPic>div { + color: #666; + font-size: 14px; +} + +.header { + position: fixed; + width: 100%; + z-index: 999; + top: 60px; + height: 30px !important; + padding: 0px !important; + line-height: inherit !important; + background: transparent !important; +} + + + +.clayoutClassify { + margin: 70px 0 0 0; +} + +.popupPan .clayoutClassify { + margin: 0 !important; +} + +.clayoutBot { + padding: 0 10px; +} + +.clayoutTop { + padding: 30px 32px 20px 32px; +} + +.clayoutCalc { + margin: 0 10px; + background: #fff !important; +} + +.slaveTabs .ant-tabs-bar { + margin: 0 10px !important; +} + +.slaveTabs .ant-table-thead>tr>th { + //background-color: #d0d0d0!important; +} + +.modal .clayoutTop { + padding: 0 !important; +} + +.modal .mergeTableEdit { + width: auto !important; +} + +.sider { + flex: none !important; + max-width: none !important; + min-width: 0 !important; + width: auto !important; + background: #fff !important; +} + +.jsqSider { + background: #fff !important; +} + +.jsqSider button { + width: 57px; + height: 30px; + padding: 0 !important; + line-height: 30px; + text-align: center; +} + +.tabGroup { + padding-left: 0 !important; +} + +.tabChild { + margin-bottom: 20px; +} + +.tabChildTitle { + border-bottom: 1px dotted #354052; + margin-bottom: 10px; + color: #fff; + line-height: 22px; +} + +.tabChildTitle span { + background: #354052; + display: inline-block; + padding: 5px 15px; + line-height: 22px; + border-top-left-radius: 5px; + border-bottom-right-radius: 5px; + font-size: 12px; +} + + +.labelNo { + height: auto; +} + +.labelNo .formItemMargin { + height: auto !important; +} + +.labelNo textarea { + border-top: 0 !important; +} + +.white-bk>div>div>div>div>span>span input { + background-color: #fff !important; + font-size: 12px; +} + + + +.searchSlaveForm { + border: 1px solid #d9d9d9; + border-top: 0; + padding: 15px !important; + padding-top: 25px !important; + background: #fff; +} + +.formItemMargin0 { + margin-bottom: 0 !important; +} + +.formItemMargin0>div>div>span>span { + background: transparent !important; +} + +.formItemMargin0>div>div>span>span input { + border: 0 !important; +} + +/* 设置整单外发 大小为12 */ +.formItemMag10 label { + font-size: 12px !important; +} + +.searchForm { + background: #fff; +} + +.searchForm .formItemMag10 label>span:last-child { + width: inherit !important; +} + +.searchForm .formItemMag10>div>div { + line-height: 32px !important; +} + +.searchForm .formItemMag0 label { + margin-top: 5px !important; + margin-bottom: 0 !important; +} + +.searchForm .area { + height: auto; + min-height: 300px; +} + +.tabChildDot { + padding-bottom: 10px; + margin-bottom: 10px; + border-bottom: 1px dotted #354052; +} + +.tab240 { + height: 240px; +} + +.searchForm .list { + border: 1px solid #d9d9d9; + border-radius: 4px; + padding: 4px 11px; + min-height: 280px; +} + +.searchForm .list:hover { + border: 1px solid #1890FF; +} + +.searchForm .list li { + height: 32px; + line-height: 32px; +} + +.tableOption .formItemMargin { + margin-bottom: 0 !important; +} + +/* 设定单据->销售对账 */ +.outStandFilter { + padding: 20px 32px 0 32px !important; + min-height: 72px; +} + +.outStandRow { + z-index: 20; + padding: 10px 0 0 20px; + background: #f7f7f7; + transition: background .3s ease; + box-shadow: 0 0 5px #1890FF; + width: 70%; + min-height: 49px; + float: left; +} + +.outStandFormItem { + margin-bottom: 0 !important; +} + +.outStandFormItem label span+span { + width: auto !important; +} + +.inputGroup { + position: relative; +} + +.inputGroup>div { + width: 100% !important; +} + +.inputGroup input { + position: absolute; + right: 0; + top: 0; +} + +.inputGroup .iconAdd { + position: absolute; + right: 0; + top: 0; +} + +.inputGroup .iconAdd>span { + width: 32px; + height: 32px; + position: absolute !important; + left: 0 !important; + top: 14px !important; + cursor: pointer; +} + +.inputGroup .iconAdd i { + position: absolute; + left: 0; + top: 0; + width: 32px; + height: 32px; +} + +.inputGroup .iconAdd i:before { + color: rgba(0, 0, 0, 0.43); + transform: scale(0.75) rotate(0deg); + line-height: 32px; +} + +.inputGroup .iconAdd i:hover:before { + line-height: 32px; + font-weight: 700; + color: rgba(0, 0, 0, 0.65); +} + +.inputGroup .iconAdd input { + padding-left: 20px !important; + height: 32px !important; +} + +.inputGroup>div>div { + background: #fafafa !important; + width: 100% !important; +} + +.inputGroup>div>div>div { + width: 100% !important; +} + +.tableInputGroup { + position: relative; +} + +.tableInputGroup .iconAdd { + position: absolute; + right: 8px; + top: 6px; +} + +.tableInputGroup input { + position: absolute; + right: 0; + top: 0; + width: 16px !important; + height: 16px !important; + padding: 0 !important; + border-radius: 0 !important; +} + +.tableInputGroup .iconAdd>span { + width: 16px; + height: 16px; + position: absolute !important; + left: 0 !important; + top: 8px !important; + cursor: pointer; +} + +.tableInputGroup .iconAdd i { + position: absolute; + left: 0; + top: 0; + width: 16px; + height: 16px; +} + +.tableInputGroup .iconAdd i:before { + color: rgba(0, 0, 0, 0.43); + transform: scale(0.75) rotate(0deg); + line-height: 16px; +} + +.tableInputGroup .iconAdd i:hover:before { + line-height: 16px; + font-weight: 700; + color: rgba(0, 0, 0, 0.65); +} + +.tableInputGroup>div>div>span { + display: none !important; +} + +.layout { + padding-top: 20px; +} + +.editSelect>div { + height: 32px; + border-color: transparent !important; + border-radius: 0; + transition: none; + width: 100%; +} + +.tableOperation { + padding: 0 6px; +} + +.tableOperation>button { + border: 0 !important; + background: none !important; + color: #1890FF; + cursor: pointer; + outline: 0; +} + +.tableOperation>button:focus { + outline: 0; +} + +.rightSearch { + width: 220px; + position: absolute; + right: 80px; + top: -29px; +} + +.rightSearch input { + height: 28px; +} + +.rightSearch button { + height: 28px; +} + +.searchBox { + width: 200px !important; + height: 26px; + background: hsla(0, 0%, 100%, .12); + transition: all .3s linear; +} + +.show { + width: 300px !important; + border: 1px solid #1890FF; +} + +.searchBox button { + border: 0; + background: none; +} + +.searchBox button:hover { + background: none; +} + +.tabButton { + //margin-top: 10px; + font-size: 12px; + text-indent: 1em; + height: 185px; + overflow: auto; + border-left: 1px solid #d9d9d9; + border-bottom: 1px solid #d9d9d9; +} + + +.tabButton button { + display: block !important; + border: 0 !important; + width: 100% !important; + text-indent: 0.6em !important; + text-align: left; +} + +/* 上传 */ +.uploadListInline { + margin-right: 8px; +} + +.uploadListInline>div:last-child>div { + height: 300px; +} + +.uploadListInline>div:last-child>div a { + width: auto; + height: 280px; +} + +.uploadListInline>div:last-child>div img { + width: auto; + height: 280px; +} + +/* 图片列表上传 */ +.staticUpload { + display: inline-block; +} + +.staticUpload button { + height: 28px !important; +} + +.staticUpload>div:last-child { + display: none; +} + +/* 销售订单自定义审核界面设置 */ +.checkTable { + margin-bottom: 20px; + + table tr td { + padding-left: 4px !important; + padding: 4px 4px; + font-size: 12px; + height: 30px; + } +} + +.checkInputGroup { + padding-left: 0 !important; + margin-top: 10px !important; +} + +.clickRow { + background: #f0fcff !important; +} + +.contentPop { + background: #fff !important; +} + +.buttonOpt { + margin-top: 25px; +} + +.buttonOpt button { + margin-right: 10px; + padding: 0 15px !important; +} + +.tableShow td span { + padding: 0 8px !important; + line-height: 32px; +} + +.collapseB { + margin-top: 20px; + text-align: center; + display: inline-block; + width: 98%; + font-size: 16px; + background: #fafafa; + color: rgba(0, 0, 0, 0.65) !important; + border: 0; + cursor: pointer; +} + +.collapseA { + text-align: center; + display: inline-block; + width: 98%; + font-size: 16px; + background: #fafafa; + color: rgba(0, 0, 0, 0.65) !important; + border: 0; + cursor: pointer; + margin-top: 5px; +} + +.collapseA span, +.collapseB span { + font-size: 14px; + margin-right: 5px; +} + +.collapseA i, +.collapseB i { + vertical-align: middle; +} + +.collapseA:focus, +.collapseB:focus { + outline: 0; +} + +/* 快捷过滤 */ +.advForm { + background: #eef1f6; + height: 52px; +} + +.advFormItem { + margin-bottom: 4px !important; + margin-right: 7px !important; +} + +.advFormItem>div { + width: 100%; +} + +.advFormItem .advDelectIcon { + position: absolute; + right: -20px; + top: 0; +} + +.advDelectIcon i { + position: absolute; + right: -5px; + top: 8px; + cursor: pointer; + color: rgba(0, 0, 0, 0.65) !important; +} + +.advRow { + position: absolute !important; + z-index: 20; + padding: 10px 34px 0 10px; + transition: background .3s ease; + border: 1px solid transparent; + width: 46%; + float: left; +} + +.advRowActive { + position: absolute !important; + z-index: 20; + padding: 10px 34px 0 10px; + background: #eef1f6; + transition: background .3s ease; + border: 1px solid #1890FF; + width: 46%; + float: left; +} + +.advRow>button, +.advRowActive>button { + position: absolute; + top: 10px; + width: 32px; + height: 32px; + background: #1890FF; + border: 0; + color: #fff; + cursor: pointer; +} + +.advRow button>i, +.advRowActive button>i { + display: block; + font-size: 14px; + color: #fff; + text-align: center; + line-height: 32px; +} + +.advButton { + position: relative; + margin-right: 7px; + margin-bottom: 7px; +} + +.advRow button:focus { + outline: 0; +} + +.advButton button { + width: 100%; +} + +.advCol { + left: 47%; + width: 30%; + z-index: 20; + float: left !important; + padding-top: 11px; + margin-left: 20px; +} + +.popupPan .advRow, +.popupPan .advRowActive { + width: 60% !important; +} + +.popupPan .advCol { + left: 60% !important; + margin-left: 5px !important; +} + +.advCol button { + height: 32px !important; + min-width: 80px; + padding: 0 16px; +} + +.advCol button>span { + line-height: 32px !important; +} + +.advInput { + width: 100%; + height: 32px; +} + +.advInput input { + height: 32px !important; +} + +/* 分页 */ +.pagination { + float: none !important; + text-align: center; + margin: 8px 0 !important; +} + +.pagination li { + min-width: 28px; + height: 28px; + line-height: 28px; +} + +.pagination li a:after { + height: 28px !important; +} + +/* 可修改表格 */ +.mergeTableEdit { + position: relative; + width: 1000px; + margin: 0 auto; +} + +.mergeTableEdit .tableCommon { + position: absolute; + bottom: 0; + margin-bottom: 8px; + line-height: 0 !important; +} + +.mergeTableEdit .tableCommonSpace { + margin-top: 8px; +} + +.mergeTableEdit .tableCommonRig { + position: absolute; + bottom: 0; + right: 0; + margin-bottom: 8px; + line-height: 0 !important; +} + +.tableCommon>button, +.tableCommonSpace>button { + min-width: 80px; + height: 28px; + background: #1890FF; + color: #fff; + border: 1px solid #1890FF !important; + margin-right: 8px; +} + +.tableCommonRig>button { + min-width: 80px; + height: 28px; + background: #1890FF; + color: #fff; + border: 1px solid #1890FF !important; + margin-left: 8px; +} + +.mergeTableEdit .tableCommonRig { + display: none; +} + +.popupPan .tableCommonRig { + display: block !important; +} + +.tableCommon>button:hover, +.tableCommonRig>button:hover { + background: #26d7eb !important; + color: #fff !important; +} + +.tableCommon>button[disabled]:hover { + border: 1px solid #b0b0b3 !important; + background: #b0b0b3 !important; + opacity: 0.6; + color: #fff !important; +} + +.tableCommon>button[disabled] { + border: 1px solid #b0b0b3 !important; + background: #b0b0b3 !important; + opacity: 0.6; + color: #fff !important; +} + +.btnLoad { + width: 100% !important; + padding: 0 !important; + text-align: center !important; +} + +.workeOrderMainT { + float: left; + width: 90px; + font-size: 14px; + color: #1890FF; + font-weight: 700; + height: 32px; + line-height: 28px; + padding-bottom: 4px; + border-bottom: 2px solid #1890FF; + text-align: center; + margin-bottom: 10px; +} + +.workOrderMain { + float: right; + margin-right: 2.1%; +} + +.workOrderMain .formItemMargin { + height: 32px !important; +} + +.workOrderMain button, +.workOrderMain button:active { + float: right; + background: #fc785e; + border: 0; + color: #fff; +} + +.workOrderMain button:hover { + background: #fe927d; + border: 0; + color: #fff; +} + +.workOrderMain>div { + width: 106px; + float: right; +} + + + +.collapseWorker { + margin-top: 10px; +} + +.workerList { + height: auto; + margin-bottom: 8px; + font-size: 12px !important; +} + +.workerListItem { + margin-right: 15px; + margin-bottom: 0px !important; + overflow: hidden; + height: 100%; + background-color: transparent; +} + +.workerListItem label { + float: left; +} + +.workerListItem>div>div { + border: 0px !important; + background-color: transparent; + font-size: 12px; +} + +.workerListItem>div>div>div { + height: 40px; + line-height: 40px; + padding: 0px 5px !important; + overflow: hidden; + display: flex; + background-color: transparent; + font-size: 12px; + margin-top: 0px; +} + +.workerListItem>div>div>div>label { + flex: 1; + font-size: 12px; +} + +.workerListItem>div>div>div>label span { + font-size: 12px; +} + +.workerForm { + margin: 10px !important; +} + +.workerFormRow { + display: flex; +} + +.workerFormRow>div:first-child { + background: #1890FF; + display: flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; +} + +.workerFormRow>div .item { + font-size: 18px; + font-weight: 700; + color: #fff; +} + +.workerOpt { + position: absolute; + left: -3.5%; +} + +.workerOpt i { + color: #fff; + cursor: pointer; +} + +.workerFormPop { + margin: 10px 0 !important; +} + +.workerFormPop .workerOpt { + position: absolute; + left: -6.5%; +} + +.clayoutJur { + position: relative; + margin: 0 10px; + background: #fff !important; + padding: 10px 10px 0 2px; +} + +.clayoutJur table { + width: 100% !important; +} + +.tableOptionJur { + margin-bottom: 8px; +} + +.tableOptionJur>button { + border: 1px solid #1890FF; + background: #1890FF; + color: #fff; + margin-left: 8px; + min-width: 65px; + height: 28px; + line-height: 28px; +} + +.tableOptionJur>button:first-child { + margin-left: 0; +} + +.tableOptionJur>button:hover { + border: 1px solid #1890FF; + background: #1890FF; + opacity: 0.6; + color: #fff; +} + +/* 菜单项 */ +.affixMenu { + cursor: pointer; + position: fixed; + font-size: 22px; + right: 35px; + top: 60px; +} + +affixMenuhasProps { + cursor: pointer; + position: fixed; + font-size: 22px; + right: 35px; + top: 60px; + color: rgba(255, 255, 255, 0.6) !important; +} + +.affixMenuTable table { + width: 100% !important; +} + +.affixMenuTable table td { + padding: 0 !important; +} + +.affixMenuTable table td input { + border: 0 !important; + background: transparent; +} + +.affixMenuTable table td label { + padding: 0 11px; +} + +.affixMenuShow>span { + margin-right: 10px; +} + +.affixMenuTableAll span { + font-size: 12px; +} + +.affixMenuTableAll h3 { + margin-bottom: 15px; +} + +.modalsContent .affixMenuTableAll:not(first-child) { + margin-top: 0px; +} + +.modalsContent { + //max-height: 395px; + margin-right: -39px; + padding-right: 24px; + overflow-y: scroll; +} + +.modalsContent { + margin-top: -15px; +} + +.modalsContent>div:first-child { + padding: 8px 15px 8px 45px !important; + margin-bottom: 10px; +} + +.modalsContent>div:first-child>i { + font-size: 16px; + top: 15.5px !important; +} + +.modalsContent .slaveTabs { + margin: auto !important; +} + + + +.iconGroup { + i { + position: absolute; + right: 20px; + bottom: 20px; + transition: color 0.32s; + color: @text-color-secondary; + cursor: pointer; + margin-left: 16px; + + &:hover { + color: @text-color; + } + } +} + +.popupButton { + border: 0; + background: 0; + color: #1890FF; + border-bottom: 1px solid #1890FF; + cursor: pointer; +} + +ton:focus { + box-shadow: none !important; + outline: none; +} + +.xly-bill-list { + padding: 0 10px; +} + +th.column-money { + color: #1890FF !important; + box-shadow: 2px 0 3px -1px #999999 !important; +} + +.ant-calendar-picker-input { + outLine: none; + font-size: 12px !important; +} + +.processListTable { + .ant-table-content { + .ant-table-body { + max-height: 90% !important; } - .ant-table-header { - width: 100%; + } +} + +/* 所有CommonList列表样式控制*/ +.xly-normal-list .topTable { + .ant-table-content { + height: 100%; + + .ant-table-scroll { + height: 100%; + padding-bottom: 61px; + /* 兼容多表头 */ } + .ant-table-body { - width: 100%; + overflow-x: hidden !important; + overflow-y: auto !important; } } - /* 通用分类 表头不设置滚动条*/ - .xly-normal-list.other-list .topTable .ant-table-fixed-header .ant-table-scroll .ant-table-header{ - overflow-y: auto!important; - } - .sider-table-box .topTable{ + + .ant-spin-nested-loading { height: 100%; - .ant-table { + + .ant-spin-container { height: 100%; - .ant-table-scroll { + + .ant-table { height: 100%; } - .ant-table-body { - margin-bottom: -15px; - height:calc(~'100% + 50px'); - padding-bottom: 30px; - } - .ant-table-content { - height:100%; - .ant-table-scroll{ - height: 100%; - } - } } } - /* 所有单据通用设置 */ - .xly-bill-list .topTable { - height:calc(~'100%'); /* 分页按钮 67*/ + + .ant-table-pagination.ant-pagination { + margin: 6px 0; + float: none; + text-align: center; + } + + .ant-table-fixed-header .ant-table-scroll .ant-table-header { + overflow-y: scroll !important; + } +} + +/* 通用分类自适应 */ +.xly-normal-list.other-list { + .topTable { + height: calc(~'100% - 170px'); + } + + .ant-table-header { + width: 100%; + } + + .ant-table-body { + width: 100%; + } +} + +/* 通用分类 表头不设置滚动条*/ +.xly-normal-list.other-list .topTable .ant-table-fixed-header .ant-table-scroll .ant-table-header { + overflow-y: auto !important; +} + +.sider-table-box .topTable { + height: 100%; + + .ant-table { + height: 100%; + .ant-table-scroll { height: 100%; - padding-bottom: 76px; /* 多表头设置 */ - overflow-x: auto !important; } + .ant-table-body { margin-bottom: -15px; - // width: max-content; + height: calc(~'100% + 50px'); + padding-bottom: 30px; } + .ant-table-content { - height:100%; - .ant-table-scroll{ + height: 100%; + + .ant-table-scroll { height: 100%; } - .ant-table-fixed-right { /* 单据固定列滚动条设置 */ - /* + } + } +} + +/* 所有单据通用设置 */ +.xly-bill-list .topTable { + height: calc(~'100%'); + + /* 分页按钮 67*/ + .ant-table-scroll { + height: 100%; + padding-bottom: 76px; + /* 多表头设置 */ + overflow-x: auto !important; + } + + .ant-table-body { + margin-bottom: -15px; + // width: max-content; + } + + .ant-table-content { + height: 100%; + + .ant-table-scroll { + height: 100%; + } + + .ant-table-fixed-right { + /* 单据固定列滚动条设置 */ + /* 修改日期：2021-03-17 修改人：吕杰 区域：以下一行 需求变更：fix 2104 解决table操作列下拉错位问题 */ - // height: 87%!important; - height: calc(~"100% - 48px") !important; - } - /* + // height: 87%!important; + height: calc(~"100% - 48px") !important; + } + + /* 修改日期：2021-03-17 修改人：吕杰 区域：以下三行 需求变更：fix 2104 解决table操作列下拉错位问题 */ - .ant-table-fixed-right .ant-table-body-outer { - height: calc(~'100% - 28px'); - } - .ant-table-fixed-right .ant-table-body-inner{ - overflow-x: hidden!important; - overflow-y: auto!important; - /* + .ant-table-fixed-right .ant-table-body-outer { + height: calc(~'100% - 28px'); + } + + .ant-table-fixed-right .ant-table-body-inner { + overflow-x: hidden !important; + overflow-y: auto !important; + /* 修改日期：2021-03-17 修改人：吕杰 区域：以下一行 需求变更：fix 2104 解决table操作列下拉错位问题 */ - // padding-bottom: 80px; - } + // padding-bottom: 80px; } - .ant-spin-nested-loading { + } + + .ant-spin-nested-loading { + height: 100%; + + .ant-spin-container { height: 100%; - .ant-spin-container { - height: 100%; - .ant-table { - height: 88%; /* 单据分页控件可见 */ - } + + .ant-table { + height: 88%; + /* 单据分页控件可见 */ } } - //.ant-table-placeholder { - // margin-top: 15px; - //} - .ant-table-pagination.ant-pagination{ - margin: 6px 0; - float: none; - text-align: center; - } } - .botTable { - margin-top: -2px; - table thead { - display: none; - } - .ant-table-body { - height: auto!important; - min-height: inherit!important; - overflow-y: scroll; - } - } - .TabPaneStyle{ - height: 96%; /*解决Tab按键 界面跳动问题 94通用*/ - } - .SetModelTable { - display: flex; - width: 100%; - height: 100%; - overflow: hide !important; - } - .SetModelTable>div:first-child { - flex-shrink: 0; - transition: width 0.2s; - } - // 整体布局相关 - .content{ - height: 100%; - } - /* 通用footer样式设置 */ - .ant-table-footer { - height: 30px!important; - padding: 0px!important; - left: -1px; - background-color:rgb(240, 242, 245)!important; - //top: -30px; - z-index: 10;/* 合计行层级比Modal1000低 */ - } - /* 解决footer有边线 */ - .ant-table.ant-table-bordered .ant-table-footer{ - border: none!important; - } - .ant-table-footer:before{ - height: 0!important; - } - .hover-droping-cell{ - border-left: 4px dashed #1890FF; - background-color: rgba(1,193,222, 0.2); - } - .react-resizable { - position: relative; - } - .react-resizable-handle { - position: absolute; - width: 10px; - height: 100%; - bottom: 0; - right: -10px; - cursor: col-resize; - z-index: 999; - } - /* 快速下单modal */ - .fast-order-modal{ - padding: 0px; - } - .modalBlockTitle{ - height: 40px; - line-height: 40px; + //.ant-table-placeholder { + // margin-top: 15px; + //} + .ant-table-pagination.ant-pagination { + margin: 6px 0; + float: none; text-align: center; - background-color: #00c1e0; - color: #fff; } +} - .toolBarSubDisabled .ant-menu-submenu-title { - color: rgba(255, 255, 255, 0.35) !important; - } +.botTable { + margin-top: -2px; - .dark-select{ - background-color: #eaeaea!important; - } - .clayout > * { - font-size: 12px!important; - color: #ff0000!important; - } - .clayout .fastFilter > * { - font-size: 12px!important - } - /* 设置通用选择器下拉框文字大小 */ - .ant-select-dropdown{ - font-size: 12px; - } - .ant-select-dropdown-menu-item:last-child { - height: 30px; - } - /* 通用时间选择框*/ - .ant-calendar-picker{ - width: 100%; - } - .fastFilter .ant-input,.fastFilter .ant-select-selection__rendered { - font-size: 12px!important; - line-height: 32px; + table thead { + display: none; } - .ant-table-column-has-filters .ant-table-filter-icon{ - display: none!important; + + .ant-table-body { + height: auto !important; + min-height: inherit !important; + overflow-y: scroll; } +} + +.TabPaneStyle { + height: 96%; + /*解决Tab按键 界面跳动问题 94通用*/ +} + +.SetModelTable { + display: flex; + width: 100%; + height: 100%; + overflow: hide !important; +} + +.SetModelTable>div:first-child { + flex-shrink: 0; + transition: width 0.2s; +} + +// 整体布局相关 +.content { + height: 100%; +} + +/* 通用footer样式设置 */ +.ant-table-footer { + height: 30px !important; + padding: 0px !important; + left: -1px; + background-color: rgb(240, 242, 245) !important; + //top: -30px; + z-index: 10; + /* 合计行层级比Modal1000低 */ +} + +/* 解决footer有边线 */ +.ant-table.ant-table-bordered .ant-table-footer { + border: none !important; +} + +.ant-table-footer:before { + height: 0 !important; +} + +.hover-droping-cell { + border-left: 4px dashed #1890FF; + background-color: rgba(1, 193, 222, 0.2); +} + +.react-resizable { + position: relative; +} + +.react-resizable-handle { + position: absolute; + width: 10px; + height: 100%; + bottom: 0; + right: -10px; + cursor: col-resize; + z-index: 999; +} + +/* 快速下单modal */ +.fast-order-modal { + padding: 0px; +} + +.modalBlockTitle { + height: 40px; + line-height: 40px; + text-align: center; + background-color: #00c1e0; + color: #fff; +} + +.toolBarSubDisabled .ant-menu-submenu-title { + color: rgba(255, 255, 255, 0.35) !important; +} + +.dark-select { + background-color: #eaeaea !important; +} + +.clayout>* { + font-size: 12px !important; + color: #ff0000 !important; +} + +.clayout .fastFilter>* { + font-size: 12px !important +} + +/* 设置通用选择器下拉框文字大小 */ +.ant-select-dropdown { + font-size: 12px; +} + +.ant-select-dropdown-menu-item:last-child { + height: 30px; +} + +/* 通用时间选择框*/ +.ant-calendar-picker { + width: 100%; +} + +.fastFilter .ant-input, +.fastFilter .ant-select-selection__rendered { + font-size: 12px !important; + line-height: 32px; +} + +.ant-table-column-has-filters .ant-table-filter-icon { + display: none !important; +} + +.ant-table-column-has-filters:hover .ant-table-filter-icon { + display: block !important; +} + +.ant-tabs-content { + height: 100%; +} + +.staticEditTable .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters.ant-table-column-has-filters { + padding-right: 24px !important; + position: relative; +} + +.table>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters.ant-table-column-has-filters { + padding-right: 30px !important; +} + +.workorder-modal .ant-modal-content .ant-modal-body .searchMainForm { + padding: 0px !important; +} - .ant-table-column-has-filters:hover .ant-table-filter-icon{ - display: block!important; +.ant-select-search--inline .ant-select-search__field__wrap { + width: 100% !important; +} + +#staticEditTable .ant-select-search--inline .ant-select-search__field__wrap { + width: 100% !important; + border-radius: 0px; +} + +.product-plan-info-box { + height: 100vh; + + .ant-spin-nested-loading { + height: 100% } - .ant-tabs-content { + + .ant-spin-container { height: 100%; } - .staticEditTable .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters.ant-table-column-has-filters{ - padding-right: 24px!important; - position: relative; - } +} - .table > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters.ant-table-column-has-filters { - padding-right: 30px!important; - } - .workorder-modal .ant-modal-content .ant-modal-body .searchMainForm { - padding: 0px!important; - } - .ant-select-search--inline .ant-select-search__field__wrap { - width: 100%!important; - } - #staticEditTable .ant-select-search--inline .ant-select-search__field__wrap { - width: 100%!important; - border-radius: 0px; - } - .product-plan-info-box { - height: 100vh; - .ant-spin-nested-loading { - height: 100% - } - .ant-spin-container { - height: 100%; - } - } - .product-plan-sider{ - background-color: #fff!important; - float: left; - .ant-layout-sider-children { - display: flex; - flex-direction: column; - border: 1px solid #ddd; - border-top: 0px; - height: calc(~'100% - 60px'); - } - } - #product-info-header .ant-select-selection--single, #product-info-header .ant-select-selection__rendered{ - height: 20px!important; - } - #product-info-header .ant-form-item { - height: 20px!important; - margin-top: 3px; +.product-plan-sider { + background-color: #fff !important; + float: left; + + .ant-layout-sider-children { + display: flex; + flex-direction: column; + border: 1px solid #ddd; + border-top: 0px; + height: calc(~'100% - 60px'); } - #product-info-header .ant-form-item div { - height: 20px!important; +} + +#product-info-header .ant-select-selection--single, +#product-info-header .ant-select-selection__rendered { + height: 20px !important; +} + +#product-info-header .ant-form-item { + height: 20px !important; + margin-top: 3px; +} + +#product-info-header .ant-form-item div { + height: 20px !important; +} + +.product-plain-container-layout { + height: calc(~'100% - 60px') +} + +/* 设置生产排程侧边栏样式 */ +.product-plan-sider { + .topTable { + height: 200px !important; + max-height: 200px; + overflow-y: auto !important; } - .product-plain-container-layout { - height: calc(~'100% - 60px') + + .ant-table-scroll { + width: 100%; + height: 100%; + overflow-y: hidden !important; + overflow-y: hidden !important; } - /* 设置生产排程侧边栏样式 */ - .product-plan-sider{ - .topTable{ - height: 200px!important; - max-height: 200px; - overflow-y: auto!important; - } - .ant-table-scroll{ - width: 100%; - height: 100%; - overflow-y: hidden!important; - overflow-y: hidden!important; - } - .ant-table-body{ - height: 100%; - overflow-y: hidden!important; - overflow-x: hidden!important; - } + + .ant-table-body { + height: 100%; + overflow-y: hidden !important; + overflow-x: hidden !important; } - /* 产量上报 、物料需求表*/ - .xly-tab-table,.xly-MaterialRequirementPlane{ - font-size: 12px; - .topTable{ - height:250px; - overflow-y: auto; - } - .ant-table-scroll{ - overflow-x: hidden!important; - overflow-y: auto!important; - } - .ant-table-body{ - max-height: none!important; - overflow-y: hidden!important; - overflow-x: auto!important; - } +} + +/* 产量上报 、物料需求表*/ +.xly-tab-table, +.xly-MaterialRequirementPlane { + font-size: 12px; + + .topTable { + height: 250px; + overflow-y: auto; } - /* 产量上报*/ - #productionReport{ - .topTable{ - height: 250px; - } + + .ant-table-scroll { + overflow-x: hidden !important; + overflow-y: auto !important; } - #productionReport .ant-table-body{ - padding-bottom: 0px!important; - overflow-y: auto!important; + + .ant-table-body { + max-height: none !important; + overflow-y: hidden !important; + overflow-x: auto !important; } - .xly-MaterialRequirementPlane table tr td div { - background:none; +} + +/* 产量上报*/ +#productionReport { + .topTable { + height: 250px; } - .xly-MaterialRequirementPlane #staticEditTable td { - font-size: 12px!important; - color: #000!important; - padding: 0 5px!important; - overflow: hidden; - text-overflow:ellipsis; - white-space: nowrap;/*超出变成省略号 */ - } - /* 计算方案 */ - #calTab .ant-btn{ - font-size: 12px!important; - } - #calTab textarea.ant-input{ - font-size: 12px!important; - height: 500px!important; - max-height: 500px!important; - } - /* 物料需求表*/ - .xly-MaterialRequirementPlane{ - .topTable{ - height:auto!important; - } +} + +#productionReport .ant-table-body { + padding-bottom: 0px !important; + overflow-y: auto !important; +} + +.xly-MaterialRequirementPlane table tr td div { + background: none; +} + +.xly-MaterialRequirementPlane #staticEditTable td { + font-size: 12px !important; + color: #000 !important; + padding: 0 5px !important; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + /*超出变成省略号 */ +} + +/* 计算方案 */ +#calTab .ant-btn { + font-size: 12px !important; +} + +#calTab textarea.ant-input { + font-size: 12px !important; + height: 500px !important; + max-height: 500px !important; +} + +/* 物料需求表*/ +.xly-MaterialRequirementPlane { + .topTable { + height: auto !important; } - /* 物料需求展开明细表*/ - .materialRequirementPlane{ +} + +/* 物料需求展开明细表*/ +.materialRequirementPlane { + .topTable .ant-table-content .ant-table-scroll { + padding-bottom: 30px !important; + } + + .ant-table-expanded-row { .topTable .ant-table-content .ant-table-scroll { - padding-bottom: 30px !important; + height: auto !important; + overflow: auto !important; + overflow-x: auto !important; + /* 嵌套子表不要x滚动条 */ } - .ant-table-expanded-row{ - .topTable .ant-table-content .ant-table-scroll { - height: auto!important; - overflow:auto!important; - overflow-x:auto!important; /* 嵌套子表不要x滚动条 */ - } - .ant-table-placeholder{ - margin-top: 18px!important; - } + + .ant-table-placeholder { + margin-top: 18px !important; } } - #expandTable td { - padding: 0 4px!important; - font-size: 12px!important; - } - .ant-select-selection__placeholder, .ant-select-search__field__placeholder { - margin-left: 3px; - } - .ant-table-fixed { - border: 0px!important; - border-radius: 0px; - } +} - .ant-table-thead > tr:first-child > th:first-child { - border-radius: 0px!important; - } +#expandTable td { + padding: 0 4px !important; + font-size: 12px !important; +} - .ant-table-thead > tr:first-child > th:last-child { - border-radius: 0px!important; - } +.ant-select-selection__placeholder, +.ant-select-search__field__placeholder { + margin-left: 3px; +} + +.ant-table-fixed { + border: 0px !important; + border-radius: 0px; +} + +.ant-table-thead>tr:first-child>th:first-child { + border-radius: 0px !important; +} + +.ant-table-thead>tr:first-child>th:last-child { + border-radius: 0px !important; } /* 控制不显示-因fixed属性增加的表格双显示问题 */ -:global { - .ant-table-scroll table .ant-table-fixed-columns-in-body { - visibility: hidden !important; - } +.ant-table-scroll table .ant-table-fixed-columns-in-body { + visibility: hidden !important; } + /* 解决横向拉动覆盖fixed问题 */ -:global { - .ant-table.ant-table-scroll-position-left .ant-table-fixed-left { - height: 100%; - overflow: hidden !important; - z-index:900; - } +.ant-table.ant-table-scroll-position-left .ant-table-fixed-left { + height: 100%; + overflow: hidden !important; + z-index: 900; } -:global { - .ant-modal-body{ - padding-top:12px !important; - .ant-col-5{ - width: 20%; - } - } - .ant-modal-footer { - border-top:0 !important; +.ant-modal-body { + padding-top: 12px !important; + + .ant-col-5 { + width: 20%; } } -:global { - .ant-table-footer{ - background: none!important; - border-top:none!important; - } - .ant-table-fixed-right { - z-index:20!important; - } - .ant-table-fixed-right .ant-table-body-outer{ - margin-bottom: 0!important; - } - /* 通用输入框是有边框 */ - .ant-select-auto-complete.ant-select .ant-input{ - border-width: 1px!important; - } - /* 表格中输入框不设置边框 */ - table tr td .ant-select-auto-complete.ant-select .ant-input{ - border-width: 0px!important;; - } - /* 所有单据通用滚动条 */ - .xly-bill-list .ant-table-scroll{ - overflow-y: hidden !important; - .ant-table-body { - //padding-bottom: 30px;/* 解决固定列与内容滚动不联动 */ - overflow-x: hidden!important; - //overflow-y: hidden!important;/* 解决固定列与内容滚动不联动 */ - max-height:100%!important; - height:100%!important; /* 合计行*/ - } + +.ant-modal-footer { + border-top: 0 !important; +} + +.ant-table-footer { + background: none !important; + border-top: none !important; +} + +.ant-table-fixed-right { + z-index: 20 !important; +} + +.ant-table-fixed-right .ant-table-body-outer { + margin-bottom: 0 !important; +} + +/* 通用输入框是有边框 */ +.ant-select-auto-complete.ant-select .ant-input { + border-width: 1px !important; +} + +/* 表格中输入框不设置边框 */ +table tr td .ant-select-auto-complete.ant-select .ant-input { + border-width: 0px !important; + ; +} + +/* 所有单据通用滚动条 */ +.xly-bill-list .ant-table-scroll { + overflow-y: hidden !important; + + .ant-table-body { + //padding-bottom: 30px;/* 解决固定列与内容滚动不联动 */ + overflow-x: hidden !important; + //overflow-y: hidden!important;/* 解决固定列与内容滚动不联动 */ + max-height: 100% !important; + height: 100% !important; + /* 合计行*/ } - /*基础信息*/ - .basicInfo .xly-bill-list .ant-table-scroll{ - /* +} + +/*基础信息*/ +.basicInfo .xly-bill-list .ant-table-scroll { + /* 修改日期：2021-03-18 修改人：吕杰 区域：以下一行 @@ -2540,597 +3346,719 @@ ton:focus { 说明：下边距多加17px，为x轴滚动条预留空间 原代码： padding-bottom: 30px; */ - padding-bottom: 47px; - .ant-table-body { - padding-bottom: 0px; - overflow-y: auto!important; - } - } - /* 生产施工单单据通用滚动条 */ - .xly-workorder-list .ant-layout{ - background-color: #ffffff!important; - } - .xly-workorder-list{ - height: 100vh; - } - /* 解决生产施工单下拉框没边框问题 */ - .xly-workorder-list .ant-select-selection__rendered { - line-height: 31px; - } - /* 解决通用单据CommonBill下拉框没边框问题 */ - .xly-bill-list .ant-select-selection__rendered { - line-height: 31px; - } - /* 解决通用单据CommonBill产品名称没边框问题*/ - .ant-select-auto-complete.ant-select .ant-select-search--inline{ - height: 31px!important; + padding-bottom: 47px; + + .ant-table-body { + padding-bottom: 0px; + overflow-y: auto !important; } +} - /* 解决通用头部带滚动条*/ - .ant-table-fixed-header .ant-table-scroll .ant-table-header{ - //overflow: hidden!important; - overflow-x: hidden!important; - overflow-y: scroll!important; - margin-bottom: 0px!important; - /* +/* 生产施工单单据通用滚动条 */ +.xly-workorder-list .ant-layout { + background-color: #ffffff !important; +} + +.xly-workorder-list { + height: 100vh; +} + +/* 解决生产施工单下拉框没边框问题 */ +.xly-workorder-list .ant-select-selection__rendered { + line-height: 31px; +} + +/* 解决通用单据CommonBill下拉框没边框问题 */ +.xly-bill-list .ant-select-selection__rendered { + line-height: 31px; +} + +/* 解决通用单据CommonBill产品名称没边框问题*/ +.ant-select-auto-complete.ant-select .ant-select-search--inline { + height: 31px !important; +} + +/* 解决通用头部带滚动条*/ +.ant-table-fixed-header .ant-table-scroll .ant-table-header { + //overflow: hidden!important; + overflow-x: hidden !important; + overflow-y: scroll !important; + margin-bottom: 0px !important; + /* 修改日期：2021-03-17 修改人：吕杰 区域：以下一行 需求变更：解决在mac电脑上表头与表体之间存在间隙问题 */ - padding-bottom: 0px!important; - } - .xly-bill-list .ant-table-fixed-header .ant-table-scroll .ant-table-header{ - overflow-y: auto!important; - } - .xly-workorder-list .ant-table-fixed-header .ant-table-scroll .ant-table-header{ - overflow-y: auto!important; - } - #StatementInfo .ant-table-fixed-header .ant-table-scroll .ant-table-header{ - overflow-y: hidden!important; /* 设计报表不设置表头Y滚动 */ - } - .product-plan-sider,.xly-tab-table,.ant-table-fixed-header .ant-table-scroll .ant-table-header{ - overflow-y: hidden!important; /* 不设置表头Y滚动 */ - } - /* 设置通用头部滚动条样式 */ - .ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar { - width: 18px; - background-color: rgb(230,230,230,1); + padding-bottom: 0px !important; +} + +.xly-bill-list .ant-table-fixed-header .ant-table-scroll .ant-table-header { + overflow-y: auto !important; +} + +.xly-workorder-list .ant-table-fixed-header .ant-table-scroll .ant-table-header { + overflow-y: auto !important; +} + +#StatementInfo .ant-table-fixed-header .ant-table-scroll .ant-table-header { + overflow-y: hidden !important; + /* 设计报表不设置表头Y滚动 */ +} + +.product-plan-sider, +.xly-tab-table, +.ant-table-fixed-header .ant-table-scroll .ant-table-header { + overflow-y: hidden !important; + /* 不设置表头Y滚动 */ +} + +/* 设置通用头部滚动条样式 */ +.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar { + width: 18px; + background-color: rgb(230, 230, 230, 1); +} + +.MProcess .ant-modal-body { + padding-top: 0px !important; +} + +.ant-modal-body #modalChooseProcess .ant-table-scroll { + overflow: hidden; + height: 100% !important; + + .ant-table-body { + height: 295px !important; + /* 调整选择材料，选择工序高度为250，兼容1366*768*/ + overflow: auto; } - .MProcess .ant-modal-body{ - padding-top:0px!important; + + .ant-table-placeholder { + margin-top: -68px; + /*暂无数据样式调整*/ } - .ant-modal-body #modalChooseProcess .ant-table-scroll{ - overflow: hidden; - height: 100%!important; - .ant-table-body{ - height: 295px!important; /* 调整选择材料，选择工序高度为250，兼容1366*768*/ - overflow: auto; - } - .ant-table-placeholder{ - margin-top: -68px;/*暂无数据样式调整*/ - } +} + +.sProcessParamsModal { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + + .sProcessParamsModalType>span { + //margin-right: 7px; + width: 75px; + font-size: 12px; } - .sProcessParamsModal{ + + .sProcessParamsModalType { + width: 47%; + margin-bottom: 10px; + margin-right: 10px; display: flex; flex-direction: row; - flex-wrap: wrap; - justify-content: space-between; - .sProcessParamsModalType > span{ - //margin-right: 7px; - width: 75px; - font-size: 12px; - } - .sProcessParamsModalType{ - width: 47%; - margin-bottom: 10px; - margin-right: 10px; - display: flex; - flex-direction: row; - align-items: center; - .changeClassName{ - border: 1px solid #d9d9d9; - flex: 1; - max-width: calc(100% - 75px); - } - } - .sProcessParamsModalType:nth-child(2n){ - margin-right: 0; - } - } - /* 选择工序弹出框列tree布局 */ - #modalChooseProcess .ant-tree{ - font-size: 12px; + align-items: center; + + .changeClassName { + border: 1px solid #d9d9d9; + flex: 1; + max-width: calc(100% - 75px); + } } - /* 选择工序树 */ - .xly-tree-box{ - width: 179px; - border: 1px solid #d9d9d9; + + .sProcessParamsModalType:nth-child(2n) { + margin-right: 0; + } +} + +/* 选择工序弹出框列tree布局 */ +#modalChooseProcess .ant-tree { + font-size: 12px; +} + +/* 选择工序树 */ +.xly-tree-box { + width: 179px; + border: 1px solid #d9d9d9; +} + +.xly-tree-box .ant-form-item { + margin-bottom: 0px !important; +} + +.xly-tree-title { + padding-left: 8px; + height: 30px; + line-height: 30px; + font-size: 12px; + color: #000; + font-weight: bold; + background-color: #f5f5f5; +} + +//#modalChooseProcess .ant-col-5{ +// margin-left: 4px; +//} +//#modalChooseProcess .ant-col-15 .subForm___2sIdI{ +// margin-left: 0px!important; +//} +/* 快速下单单独样式调整 */ +.workorder-modal { + .ant-modal-body { + padding: 0 !important; } - .xly-tree-box .ant-form-item{ - margin-bottom: 0px!important; + + .ant-modal-footer { + padding: 13px 25px !important; } - .xly-tree-title{ - padding-left: 8px; - height: 30px; - line-height: 30px; - font-size: 12px; - color: #000; - font-weight: bold; - background-color: #f5f5f5; +} + +/* 备注弹出框设置 */ +.slaveMemo { + .ant-modal-body { + padding: 12px !important; } - //#modalChooseProcess .ant-col-5{ - // margin-left: 4px; - //} - //#modalChooseProcess .ant-col-15 .subForm___2sIdI{ - // margin-left: 0px!important; - //} - /* 快速下单单独样式调整 */ - .workorder-modal{ - .ant-modal-body{ - padding: 0!important; - } - .ant-modal-footer{ - padding: 13px 25px !important; - } + + .ant-modal-footer { + padding: 0px 16px 12px 16px !important; } - /* 备注弹出框设置 */ - .slaveMemo{ - .ant-modal-body{ - padding: 12px!important; - } - .ant-modal-footer{ - padding: 0px 16px 12px 16px !important; - } - .ant-input[disabled]{ - color:#000!important; - } + + .ant-input[disabled] { + color: #000 !important; } - /* 生产排程单独样式搜索框调整 */ - .product-plan-info-box .fastFilter___gHbps{ - margin-left: 5px; +} + +/* 生产排程单独样式搜索框调整 */ +.product-plan-info-box .fastFilter___gHbps { + margin-left: 5px; +} + +.product-plan-info-box .advCol___CU0FP { + left: 850px; +} + +/* 材料备注弹出框样式 设置 */ +#ModalMaterialRemark .topTable { + height: 100%; + + .ant-table-scroll { + height: 120px !important; + overflow-x: auto !important; } - .product-plan-info-box .advCol___CU0FP{ - left: 850px; + + .ant-table-header { + width: max-content; + overflow-x: hidden !important; + /* 当暂无数据时，没有滚动条没法拉动,解决方案设置auto */ + overflow-y: scroll !important; } - /* 材料备注弹出框样式 设置 */ - #ModalMaterialRemark .topTable { + + .ant-table-content { height: 100%; - .ant-table-scroll{ - height: 120px!important; - overflow-x: auto!important; - } - .ant-table-header{ - width: max-content; - overflow-x: hidden!important; /* 当暂无数据时，没有滚动条没法拉动,解决方案设置auto */ - overflow-y: scroll!important; - } - .ant-table-content { + + .ant-table-scroll { height: 100%; - .ant-table-scroll { - height: 100%; - } } - .ant-spin-nested-loading { + } + + .ant-spin-nested-loading { + height: 100%; + + .ant-spin-container { height: 100%; - .ant-spin-container { + + .ant-table { height: 100%; - .ant-table { - height: 100%; - } } } - .ant-table-body{ - width: max-content; - height: 100%; - //height: 75px; - //max-height: 75px!important; - overflow-x: hidden!important; - overflow-y: auto!important; - //overflow-y: hidden!important; /* 设置固定列时 需要将ant-table-body y轴设置hidden*/ - //border:1px solid #d9d9d9; - } - .ant-table-fixed-right .ant-table-body-inner{ - height: 100%; - overflow-x: hidden!important; - overflow-y: scroll!important; - } - .ant-table-placeholder { - margin-top: 15px; - } } - /* 包装订单Tree样式 */ - #ModalMaterialRemark .xly-bill-pack{ - display: flex; - .controlhandcover{ - width: 30%; - } - .ant-table-scroll{ - height: 180px!important; - overflow-x: auto!important; - } - //.ant-table-body{ - // overflow-x: auto!important; - //} - .controlhandcover.ant-layout-sider { - background-color: #fafafa !important; - font-size: 12px; - font-weight:normal; - writing-mode: horizontal-tb; - flex: 0 0 27%!important; - max-width: 27%!important; - margin-right: 5px; - } - .xly-control{ - width:100%; - height: 100%; - position: relative; - } - .xly-control-tree{ - text-align: left!important; - width: 100%; - padding-left: 20px; - min-height: 35px!important; - .ant-tree{ - text-align: left; - } - #staticEditTree{ - width: 100%; - height: 120px; - overflow: auto; - .ant-tree-child-tree { - font-size: 12px; - } - } - .ant-tree > li{ - padding: 3px!important; - } - } - .xly-control-operate{ - position: absolute; - left: 0; - bottom: 0; - width: 100%; - background-color: #f5f5f5; - height: 24px!important; - line-height: 24px!important; - display: flex; - justify-content: space-around; - } + + .ant-table-body { + width: max-content; + height: 100%; + //height: 75px; + //max-height: 75px!important; + overflow-x: hidden !important; + overflow-y: auto !important; + //overflow-y: hidden!important; /* 设置固定列时 需要将ant-table-body y轴设置hidden*/ + //border:1px solid #d9d9d9; } - #chooseProcessModal .topTable { - .ant-table-scroll{ - height: 180px!important; - } + + .ant-table-fixed-right .ant-table-body-inner { + height: 100%; + overflow-x: hidden !important; + overflow-y: scroll !important; } - /* 选择合拼产品 */ - #packModal .topTable { - .ant-table-scroll{ - height: 350px!important; - } + + .ant-table-placeholder { + margin-top: 15px; } - /* 列自定义配置 */ - #searchColumn .topTable { - .ant-table-scroll{ - width: max-content !important; - overflow: hidden!important; - overflow: auto!important; - } - .ant-table-header { - width: max-content !important; - } - .ant-table-body { - height: 400px; - max-height: 400px !important; - overflow-x: auto!important; - overflow-y: scroll!important; - border-left:1px solid #d9d9d9; - border-bottom:1px solid #d9d9d9; - width: max-content !important; - } +} + +/* 包装订单Tree样式 */ +#ModalMaterialRemark .xly-bill-pack { + display: flex; + + .controlhandcover { + width: 30%; + } + + .ant-table-scroll { + height: 180px !important; + overflow-x: auto !important; + } + + //.ant-table-body{ + // overflow-x: auto!important; + //} + .controlhandcover.ant-layout-sider { + background-color: #fafafa !important; + font-size: 12px; + font-weight: normal; + writing-mode: horizontal-tb; + flex: 0 0 27% !important; + max-width: 27% !important; + margin-right: 5px; } - /* Moal-价格更新样式 */ - .priceUpdate{ - span:last-child{ - border-bottom: 1px solid #d9d9d9!important; + + .xly-control { + width: 100%; + height: 100%; + position: relative; + } + + .xly-control-tree { + text-align: left !important; + width: 100%; + padding-left: 20px; + min-height: 35px !important; + + .ant-tree { + text-align: left; } - .ant-input-group-addon{ - line-height: 0.9!important; - width:20%!important; - border-radius:0 !important; - border-bottom: 0px!important; + + #staticEditTree { + width: 100%; + height: 120px; + overflow: auto; + + .ant-tree-child-tree { + font-size: 12px; + } } - input[type='text']{ - border-bottom: 0px; + + .ant-tree>li { + padding: 3px !important; } } - /* CommonBill 导入数据 */ - #btnImportData{ - width: 100px; - height: 24px; - //background-color: rgb(100,100,100,100); - //position: relative; - //text-align: center; - //left:951px; - //top:-27px; + + .xly-control-operate { position: absolute; - text-align: center; - right: 60px; - top: 3px; - z-index: 999; - } - .btnGroupHasImport{ - width: calc(100% - 120px); - } - #btnImportData i{ margin-right:8px;} - #btnImportData button{ - opacity: 0; - top: 0; left: 0; - position: absolute; + bottom: 0; width: 100%; - height:100% ; - } - .importData.true{ color:rgb(250,250,250,250)!important; } - .importData.undefined span{ color:#a2a2a2!important;} - .importData.false span{ color:#a2a2a2!important;} - .importData.true span{ color:#ffffff; } - .importData span:hover{ - color: #1890FF!important; - } - /* 审核信息界面 */ - //#AudiInfomation .subForm___2sIdI{ - // margin-right: 0px!important; - // background: #fff; - //} - /* 生产排程按钮样式 */ - #product-info-header span[disabled]{ - color: #a2a2a2!important; - } - #product-info-header span[disabled]:hover{ - color: #1890FF!important; - } - #product-info-header span:hover{ - color:#1890FF!important; - img{ - opacity:0.3; - filter:alpha(opacity=30); /* 设置透明度 */ - background-color: #1890FF!important; - } + background-color: #f5f5f5; + height: 24px !important; + line-height: 24px !important; + display: flex; + justify-content: space-around; } - #product-info-header img - { - width: 14px; - height: 14px; - margin-right: 8px; +} + +#chooseProcessModal .topTable { + .ant-table-scroll { + height: 180px !important; + } +} + +/* 选择合拼产品 */ +#packModal .topTable { + .ant-table-scroll { + height: 350px !important; } - #product-info-header img[disabled] { - opacity:0.5; - filter:alpha(opacity=50); /* 设置透明度 */ +} + +/* 列自定义配置 */ +#searchColumn .topTable { + .ant-table-scroll { + width: max-content !important; + overflow: hidden !important; + overflow: auto !important; } - #product-info-header i{ - margin-right: 8px; + + .ant-table-header { + width: max-content !important; } - /* 会计期间 */ - .financePeriod{ - .ant-table-fixed-header .ant-table-scroll .ant-table-header{ - overflow-y: scroll!important; - } - .ant-table-body{ - height: 370px; - overflow-y: auto!important; - } + + .ant-table-body { + height: 400px; + max-height: 400px !important; + overflow-x: auto !important; + overflow-y: scroll !important; + border-left: 1px solid #d9d9d9; + border-bottom: 1px solid #d9d9d9; + width: max-content !important; } - /* 列表弹出树 */ - .xly-eject{ - position: fixed; - top:50%; - right:0px; +} + +/* Moal-价格更新样式 */ +.priceUpdate { + span:last-child { + border-bottom: 1px solid #d9d9d9 !important; } - .xly-eject img{ - width:50px; - height:50px; + + .ant-input-group-addon { + line-height: 0.9 !important; + width: 20% !important; + border-radius: 0 !important; + border-bottom: 0px !important; } - /* 列表过滤树 */ - .xly-filter-tree{ - border-radius: 4px; - display: none; - width: 300px; - background-color:#fff; - position: fixed; - top:80px; - right:0px; - z-index:20000; - box-shadow: 0px 0px 16px rgba(0,0,0,0.05) /*阴影出现在元素的左侧*/ - } - .xly-filter-tree #staticEditTree{ - width: 280px; - margin: 10px auto; - height:calc(100vh - 100px); - overflow: auto; - .ant-tree-child-tree{ - font-size: 12px; - } + + input[type='text'] { + border-bottom: 0px; } - .xly-tree-close{ - position: fixed; - right:300px; - top:50%; - } - .xly-tree-close img{ - width:40px; - height:40px; - } - /* 工单悬浮窗 */ - .xly-workorder-list .xly-eject{ - width: 50px; - height: 50px; - left:0px; - z-index: 2; - } - .xly-workorder-list .xly-filter-tree{ - width: 210px; - left:0px; - top:40%; - background: #fff; - border-radius: 4px; - box-shadow: 0px 0px 16px rgba(0,0,0,0.05); - overflow-y:auto; - padding-left: 20px; +} + +/* CommonBill 导入数据 */ +#btnImportData { + width: 100px; + height: 24px; + //background-color: rgb(100,100,100,100); + //position: relative; + //text-align: center; + //left:951px; + //top:-27px; + position: absolute; + text-align: center; + right: 60px; + top: 3px; + z-index: 999; +} + +.btnGroupHasImport { + width: calc(100% - 120px); +} + +#btnImportData i { + margin-right: 8px; +} + +#btnImportData button { + opacity: 0; + top: 0; + left: 0; + position: absolute; + width: 100%; + height: 100%; +} + +.importData.true { + color: rgb(250, 250, 250, 250) !important; +} + +.importData.undefined span { + color: #a2a2a2 !important; +} + +.importData.false span { + color: #a2a2a2 !important; +} + +.importData.true span { + color: #ffffff; +} + +.importData span:hover { + color: #1890FF !important; +} + +/* 审核信息界面 */ +//#AudiInfomation .subForm___2sIdI{ +// margin-right: 0px!important; +// background: #fff; +//} +/* 生产排程按钮样式 */ +#product-info-header span[disabled] { + color: #a2a2a2 !important; +} + +#product-info-header span[disabled]:hover { + color: #1890FF !important; +} + +#product-info-header span:hover { + color: #1890FF !important; + + img { + opacity: 0.3; + filter: alpha(opacity=30); + /* 设置透明度 */ + background-color: #1890FF !important; } - .xly-workorder-list .xly-filter-tree #staticEditTree{ - width:100%; - height:100%; - max-height:calc(55vh); - overflow-y: auto!important; - overflow-x: hidden!important; +} + +#product-info-header img { + width: 14px; + height: 14px; + margin-right: 8px; +} + +#product-info-header img[disabled] { + opacity: 0.5; + filter: alpha(opacity=50); + /* 设置透明度 */ +} + +#product-info-header i { + margin-right: 8px; +} + +/* 会计期间 */ +.financePeriod { + .ant-table-fixed-header .ant-table-scroll .ant-table-header { + overflow-y: scroll !important; } - .xly-workorder-list .xly-tree-close{ - left:210px; - top:43%; + + .ant-table-body { + height: 370px; + overflow-y: auto !important; } - /* 下拉框为空 */ - .dropdown-empty{ - height: 30px; +} + +/* 列表弹出树 */ +.xly-eject { + position: fixed; + top: 50%; + right: 0px; +} + +.xly-eject img { + width: 50px; + height: 50px; +} + +/* 列表过滤树 */ +.xly-filter-tree { + border-radius: 4px; + display: none; + width: 300px; + background-color: #fff; + position: fixed; + top: 80px; + right: 0px; + z-index: 20000; + box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05) + /*阴影出现在元素的左侧*/ +} + +.xly-filter-tree #staticEditTree { + width: 280px; + margin: 10px auto; + height: calc(100vh - 100px); + overflow: auto; + + .ant-tree-child-tree { + font-size: 12px; } } -:global { - #modalChooseProcess{ - .ant-tree.ant-tree-show-line li span.ant-tree-switcher{ - background: none; + +.xly-tree-close { + position: fixed; + right: 300px; + top: 50%; +} + +.xly-tree-close img { + width: 40px; + height: 40px; +} + +/* 工单悬浮窗 */ +.xly-workorder-list .xly-eject { + width: 50px; + height: 50px; + left: 0px; + z-index: 2; +} + +.xly-workorder-list .xly-filter-tree { + width: 210px; + left: 0px; + top: 40%; + background: #fff; + border-radius: 4px; + box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05); + overflow-y: auto; + padding-left: 20px; +} + +.xly-workorder-list .xly-filter-tree #staticEditTree { + width: 100%; + height: 100%; + max-height: calc(55vh); + overflow-y: auto !important; + overflow-x: hidden !important; +} + +.xly-workorder-list .xly-tree-close { + left: 210px; + top: 43%; +} + +/* 下拉框为空 */ +.dropdown-empty { + height: 30px; +} + +#modalChooseProcess { + .ant-tree.ant-tree-show-line li span.ant-tree-switcher { + background: none; + } + + .ant-tree.ant-tree-show-line li:not(:last-child):before { + margin: 0; + } + + .ant-tree>li[role=treeitem] { + &:before { + border-left: none; } - .ant-tree.ant-tree-show-line li:not(:last-child):before{ - margin: 0; + } + + .ant-tree-child-tree { + .process { + max-width: 48px !important; } - .ant-tree > li[role=treeitem] { - &:before{ - border-left: none; - } + + .ant-tree-switcher-noop { + display: none; } - .ant-tree-child-tree{ - .process{ - max-width: 48px!important; - } - .ant-tree-switcher-noop{ - display: none; - } - li[role=treeitem]{ - padding-left: 24px; - &:before{ - content: ' '; - width: 1px; - border-left: 1px solid #bbbbbb; - height: 100%; - position: absolute; - left: 12px; - margin: 0px 0; - } - &:after{ - content: ' '; - width: 8px; - height: 1px; - background: #bbbbbb; - position: absolute; - left: 13px; - top: 18px; - margin: 0px 0; - } + + li[role=treeitem] { + padding-left: 24px; + + &:before { + content: ' '; + width: 1px; + border-left: 1px solid #bbbbbb; + height: 100%; + position: absolute; + left: 12px; + margin: 0px 0; } - li[role=treeitem]:last-child{ - &:before{ - content: ' '; - width: 1px; - border-left: 1px solid #bbbbbb; - height: ~"calc(50% - 1px)"; - position: absolute; - left: 12px; - margin: 0px 0; - } + + &:after { + content: ' '; + width: 8px; + height: 1px; + background: #bbbbbb; + position: absolute; + left: 13px; + top: 18px; + margin: 0px 0; } } - } - /* 审核进度条 */ - .dataAuditProgress{ - width: 20%; - height: 5%; - position: fixed; - bottom: 1%; - left: 1%; - } - /* 变量设定 */ - .customizeParam { - .ant-table-body{ - max-height: 350px!important; - overflow: auto!important; + li[role=treeitem]:last-child { + &:before { + content: ' '; + width: 1px; + border-left: 1px solid #bbbbbb; + height: ~"calc(50% - 1px)"; + position: absolute; + left: 12px; + margin: 0px 0; + } } } - .commonNewBillContainer{ - .ant-table-pagination.ant-pagination{ /* 工单从表分页 */ - position:sticky; - margin:10px 0px 0px 0px; - } +} + +/* 审核进度条 */ +.dataAuditProgress { + width: 20%; + height: 5%; + position: fixed; + bottom: 1%; + left: 1%; +} + +/* 变量设定 */ +.customizeParam { + .ant-table-body { + max-height: 350px !important; + overflow: auto !important; } - .subbill { - .ant-table-pagination.ant-pagination{ /* subbill分页组件样式 */ - position:absolute!important; - margin:10px 0px 0px 0px; - bottom: -38px; - } +} + +.commonNewBillContainer { + .ant-table-pagination.ant-pagination { + /* 工单从表分页 */ + position: sticky; + margin: 10px 0px 0px 0px; } - .hasSlave{ - .ant-table-pagination.ant-pagination{ /* commonListTab从表分页组件样式 */ - position:absolute!important; - margin:10px 0px 0px 0px; - bottom: -34px; - } +} + +.subbill { + .ant-table-pagination.ant-pagination { + /* subbill分页组件样式 */ + position: absolute !important; + margin: 10px 0px 0px 0px; + bottom: -38px; } +} +.hasSlave { + .ant-table-pagination.ant-pagination { + /* commonListTab从表分页组件样式 */ + position: absolute !important; + margin: 10px 0px 0px 0px; + bottom: -34px; + } } + // 工单系统弹窗样式 .workOrderSystemModal { - :global { - .ant-modal-close { - color: #4a495f !important; - } + .ant-modal-close { + color: #4a495f !important; + } - .ant-modal-close-x { - width: 30px; - } + .ant-modal-close-x { + width: 30px; + } - .ant-modal-header { - background-color: #e1edfe !important; - border: 0; - - .ant-modal-title { - font-size: 14px; - color: #4a495f !important; - span:nth-child(1) { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: inline-block; - max-width: 30vw; - } + .ant-modal-header { + background-color: #e1edfe !important; + border: 0; + + .ant-modal-title { + font-size: 14px; + color: #4a495f !important; + + span:nth-child(1) { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: inline-block; + max-width: 30vw; } } + } - .ant-modal-body { - padding: 0 !important; - } + .ant-modal-body { + padding: 0 !important; } } .commonAntSpace { width: 100%; - :global { - .ant-space-item:nth-child(1) { - width: 100%; - } - .ant-space-item:nth-child(2) { - width: auto; - } + + .ant-space-item:nth-child(1) { + width: 100%; + } + + .ant-space-item:nth-child(2) { + width: auto; } } @@ -3140,30 +4068,34 @@ ton:focus { width: 100%; height: 30px; padding: 0 0 0 20px; - :global { - .radioDiv { - width: 100%; - height: 30px; - display: flex; - align-items: center; - .viewStyle{ - background-color: rgb(240, 242, 245); - font-size: 14px !important; - } - .viewStyle input[disabled]{ + + .radioDiv { + width: 100%; + height: 30px; + display: flex; + align-items: center; + + .viewStyle { + background-color: rgb(240, 242, 245); + font-size: 14px !important; + } + + .viewStyle input[disabled] { + font-size: 14px !important; + } + + .ant-col-7 { + background: none !important; + color: rgb(0, 0, 0, 0.65) !important; + + label { font-size: 14px !important; } - .ant-col-7{ - background:none!important; - color:rgb(0, 0, 0, 0.65)!important; - label{ - font-size: 14px !important; - } - } - .ant-radio-wrapper-disabled { - span { - color: rgba(0, 0, 0, 0.88)!important; - } + } + + .ant-radio-wrapper-disabled { + span { + color: rgba(0, 0, 0, 0.88) !important; } } } @@ -3174,22 +4106,19 @@ ton:focus { } .costomTabBillTable { - :global { - .ant-table-expanded-row-fixed { - padding: 20px 20px 35px 0 !important; - } - .ant-spin-container { - background: #FFF; - } + .ant-table-expanded-row-fixed { + padding: 20px 20px 35px 0 !important; + } + + .ant-spin-container { + background: #FFF; } } .costomTabBillDiff { - :global { - .ant-form-item-control-input-content { - .ant-input { - color: red !important; - } + .ant-form-item-control-input-content { + .ant-input { + color: red !important; } } } @@ -3203,23 +4132,23 @@ ton:focus { // } .costomTabBillDivider { - :global { - // .ant-divider-horizontal.ant-divider-with-text-left::before { - // width: 70px !important; - // } - .ant-form-item[class*="subForm"]{ - margin-bottom: 0 !important; - } - /* 订单评审 材料信息 折叠Pane */ - .ant-collapse > .ant-collapse-item > .ant-collapse-header{ - padding: 0px 0px 0px 8px!important; - } - span.ant-radio + *{ - font-size: 12px!important; - } + // .ant-divider-horizontal.ant-divider-with-text-left::before { + // width: 70px !important; + // } + .ant-form-item[class*="subForm"] { + margin-bottom: 0 !important; + } + /* 订单评审 材料信息 折叠Pane */ + .ant-collapse>.ant-collapse-item>.ant-collapse-header { + padding: 0px 0px 0px 8px !important; } + + span.ant-radio+* { + font-size: 12px !important; + } + } .costomTabDelAll { @@ -3227,13 +4156,12 @@ ton:focus { top: -22px; right: 0; z-index: 15; - :global { - .ant-btn { - height: 22px; - display: flex; - align-items: center; - justify-content: center; - } + + .ant-btn { + height: 22px; + display: flex; + align-items: center; + justify-content: center; } } @@ -3242,43 +4170,46 @@ ton:focus { top: 8px; left: 0; z-index: 1; - :global { - .ant-radio-group { - display: flex; - flex-direction: column; - .ant-radio-button-wrapper { - height: auto; - } - span { - display: block; - width: 15px; - line-height: 20px; - } + + .ant-radio-group { + display: flex; + flex-direction: column; + + .ant-radio-button-wrapper { + height: auto; } - } -} -:global { - .xlyCommonBase { - .ant-tabs-nav-list { - visibility: hidden; + span { + display: block; + width: 15px; + line-height: 20px; } } - .CommonTabModal{ - header{ - display: none!important; - } - .ant-layout{ - padding:10px 0 0 0!important; - } +} + +.xlyCommonBase { + .ant-tabs-nav-list { + visibility: hidden; } - #modalChooseProcess td.ant-table-cell-fix-right-first{ - background-color: #fff; +} + +.CommonTabModal { + header { + display: none !important; } - .oper{ - display: flex; - width: 22%; - height: 38px; - justify-content: space-between; + + .ant-layout { + padding: 10px 0 0 0 !important; } } + +#modalChooseProcess td.ant-table-cell-fix-right-first { + background-color: #fff; +} + +.oper { + display: flex; + width: 22%; + height: 38px; + justify-content: space-between; +} \ No newline at end of file diff --git a/src/layouts/index.tsx b/src/layouts/index.tsx index fd6ae27..bed323f 100644 --- a/src/layouts/index.tsx +++ b/src/layouts/index.tsx @@ -1,5 +1,4 @@ import { Outlet } from 'umi'; -import 'antd-v4/dist/antd.css'; export default function Layout() { return ( diff --git a/src/variable.less b/src/variable.less index 786efbe..200a3ab 100644 --- a/src/variable.less +++ b/src/variable.less @@ -1,60 +1,70 @@ @import "~antd-v4/lib/style/themes/default.less"; -@active_color: #1890FF; // 高亮色 +@active_color: #1890FF; // 高亮色 @active_color2: #2f54eb; -@disable_color: #a2a2a2; // 禁止颜色 -@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; // 字体 -@font_color: #000; // 字体颜色 -@td_padding_sub: 0 4px; // 默认从表td padding +@disable_color: #a2a2a2; // 禁止颜色 +@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; // 字体 +@font_color: #000; // 字体颜色 +@td_padding_sub: 0 4px; // 默认从表td padding @border-radius-base: 2px; // 组件/浮层圆角 @border-color-base: #d9d9d9; // 边框色 @cell-height: 28px; // 默认单元格行高及最小高 @modal-table-height: 350px; -:global{ - .ant-table-thead > tr > th { - font-weight: 600; - white-space: nowrap; + +.ant-table-thead>tr>th { + font-weight: 600; + white-space: nowrap; +} + +.ant-input-disabled { + color: @font_color; + background: #fff; +} + +.ant-select-disabled { + color: @font_color; +} + +tbody { + .ant-picker.ant-picker-disabled { + background: transparent; + border: none; } - .ant-input-disabled { - color: @font_color; - background: #fff; + + .ant-picker-input>input[disabled] { + color: @font_color !important; } + .ant-select-disabled { - color: @font_color; - } - tbody{ - .ant-picker.ant-picker-disabled{ - background: transparent; - border: none; - } - .ant-picker-input > input[disabled]{ - color: @font_color!important; + .ant-select-arrow { + display: none; } - .ant-select-disabled{ - .ant-select-arrow{ - display: none; + + .ant-select-selector { + padding: @td_padding_sub !important; + color: #000 !important; + border: none !important; + + .ant-select-selection-item { + //line-height: 28px!important; } - .ant-select-selector{ - padding: @td_padding_sub!important; - color: #000!important; - border: none!important; - .ant-select-selection-item{ - //line-height: 28px!important; - } - } - } - .ant-picker-disabled{ - padding: 0!important; } } + + .ant-picker-disabled { + padding: 0 !important; + } } + .clear_both { *zoom: 1; + &:before, &:after { content: " "; display: table; } + &:after { clear: both; } -} +} \ No newline at end of file