Commit 85c45fcd372b908f1037431689d881af1b69ba78

Authored by zhangzzzz
1 parent 43cccc63

首页样式优化;

Too many changes to show.

To preserve performance only 3 of 6 files are displayed.

src/components/Tab/index.less
@@ -15,7 +15,7 @@ @@ -15,7 +15,7 @@
15 border: 0; 15 border: 0;
16 color: #fff; 16 color: #fff;
17 &:hover{ 17 &:hover{
18 - background: var(--xly-skin-active-color, #1890FF); 18 + background: var(--xly-skin-active-color, #1890FF) !important;
19 color: #fff!important; 19 color: #fff!important;
20 } 20 }
21 &:active, &:visited, &:focus { 21 &:active, &:visited, &:focus {
src/default.less
1 @import "~@/variable.less"; 1 @import "~@/variable.less";
2 -:global{  
3 - .sActiveIdStyle {  
4 - top: 0;  
5 - }  
6 - .select-table-option{  
7 - max-width: 100wh;  
8 - overflow: hidden;  
9 - .select-table{  
10 - td{  
11 - font-weight: normal!important;  
12 - overflow: hidden;  
13 - text-overflow: ellipsis;  
14 - white-space: nowrap;  
15 - } 2 +
  3 +.sActiveIdStyle {
  4 + top: 0;
  5 +}
  6 +
  7 +.select-table-option {
  8 + max-width: 100wh;
  9 + overflow: hidden;
  10 +
  11 + .select-table {
  12 + td {
  13 + font-weight: normal !important;
  14 + overflow: hidden;
  15 + text-overflow: ellipsis;
  16 + white-space: nowrap;
16 } 17 }
17 } 18 }
18 - .select-search{  
19 - box-sizing: border-box;  
20 - padding: 5px;  
21 - background: #f1f1f1;  
22 - }  
23 - .select-pagination{  
24 - padding: 5px 0;  
25 - margin-bottom: -5px;  
26 - background: #f1f1f1;  
27 - display: flex;  
28 - justify-content: space-between;  
29 - }  
30 - .toolbarIcon{  
31 - width: 13px;  
32 - height: 13px;  
33 - display: inline-block;  
34 - fill: #fff;  
35 - stroke: #fff;  
36 - margin-right: 3px;  
37 - position: relative;  
38 - top: 2px;  
39 - }  
40 - .commonNewBillContainer{  
41 - .ant-form-item-control-input-content{  
42 - .ant-input-number{  
43 - width: 100%!important;  
44 - .ant-input-number-input {  
45 - height: 28px;  
46 - } 19 +}
  20 +
  21 +.select-search {
  22 + box-sizing: border-box;
  23 + padding: 5px;
  24 + background: #f1f1f1;
  25 +}
  26 +
  27 +.select-pagination {
  28 + padding: 5px 0;
  29 + margin-bottom: -5px;
  30 + background: #f1f1f1;
  31 + display: flex;
  32 + justify-content: space-between;
  33 +}
  34 +
  35 +.toolbarIcon {
  36 + width: 13px;
  37 + height: 13px;
  38 + display: inline-block;
  39 + fill: #fff;
  40 + stroke: #fff;
  41 + margin-right: 3px;
  42 + position: relative;
  43 + top: 2px;
  44 +}
  45 +
  46 +.commonNewBillContainer {
  47 + .ant-form-item-control-input-content {
  48 + .ant-input-number {
  49 + width: 100% !important;
  50 +
  51 + .ant-input-number-input {
  52 + height: 28px;
47 } 53 }
48 } 54 }
49 } 55 }
50 - .homeTab {  
51 - width: 80px;  
52 - text-align: center;  
53 - font-size: 14px;  
54 - cursor: pointer;  
55 - span{  
56 - margin-left: 8px;  
57 - }  
58 - }  
59 - .homeTab__active{  
60 - color: var(--xly-skin-active-color, #1890FF); 56 +}
  57 +
  58 +.homeTab {
  59 + width: 80px;
  60 + text-align: center;
  61 + font-size: 14px;
  62 + cursor: pointer;
  63 +
  64 + span {
  65 + margin-left: 8px;
61 } 66 }
62 - .mainTabWrap{  
63 - & > .ant-tabs-nav {  
64 - .ant-tabs-tab{  
65 - &:first-child{  
66 - display: none;  
67 - } 67 +}
  68 +
  69 +.homeTab__active {
  70 + color: var(--xly-skin-active-color, #1890FF);
  71 +}
  72 +
  73 +.mainTabWrap {
  74 + &>.ant-tabs-nav {
  75 + .ant-tabs-tab {
  76 + &:first-child {
  77 + display: none;
68 } 78 }
69 } 79 }
70 } 80 }
71 - .placeHidden {  
72 - opacity: 0;  
73 - visibility: hidden; 81 +}
  82 +
  83 +.placeHidden {
  84 + opacity: 0;
  85 + visibility: hidden;
  86 +}
  87 +
  88 +.ant-tabs-dropdown-menu {
  89 + padding: 0px !important;
  90 +}
  91 +
  92 +// 空表单margin高度改为0
  93 +.ant-empty-normal {
  94 + margin: 0 !important;
  95 +
  96 + .ant-empty-image {
  97 + display: none;
  98 + }
  99 +}
  100 +
  101 +.custom-collapse {
  102 + .ant-collapse-item {
  103 + border-bottom: 1.5px solid #f5f5f5;
74 } 104 }
75 - .ant-tabs-dropdown-menu {  
76 - padding: 0px!important; 105 +
  106 + .ant-collapse-content-box {
  107 + padding: 0;
77 } 108 }
78 - // 空表单margin高度改为0  
79 - .ant-empty-normal{  
80 - margin: 0!important;  
81 - .ant-empty-image{  
82 - display: none;  
83 - } 109 +
  110 + .ant-collapse-header {
  111 + font-size: 14px;
  112 + font-weight: bold;
  113 + background: rgba(204, 204, 204, 1);
84 } 114 }
85 - .custom-collapse{  
86 - .ant-collapse-item {  
87 - border-bottom: 1.5px solid #f5f5f5;  
88 - }  
89 - .ant-collapse-content-box{  
90 - padding: 0;  
91 - }  
92 - .ant-collapse-header{  
93 - font-size: 14px;  
94 - font-weight: bold;  
95 - background: rgba(204, 204, 204, 1);  
96 - }  
97 - .ant-collapse-content{  
98 - border-top: none;  
99 - }  
100 - .ant-table-container{  
101 - border-left: none!important;  
102 - }  
103 - .ant-collapse-extra{  
104 - margin-left: 8px!important;  
105 - } 115 +
  116 + .ant-collapse-content {
  117 + border-top: none;
106 } 118 }
107 - div, span, p, input, textarea{  
108 - font-family: @font_family!important; 119 +
  120 + .ant-table-container {
  121 + border-left: none !important;
109 } 122 }
110 - #slaveTabs {  
111 - margin-top: 8px;  
112 - height: auto; 123 +
  124 + .ant-collapse-extra {
  125 + margin-left: 8px !important;
113 } 126 }
114 - #slaveTabs::-webkit-scrollbar{  
115 - width: 1px;  
116 - background-color: rgb(230,230,230,1);  
117 - opacity: 5%; 127 +}
  128 +
  129 +div,
  130 +span,
  131 +p,
  132 +input,
  133 +textarea {
  134 + font-family: @font_family !important;
  135 +}
  136 +
  137 +#slaveTabs {
  138 + margin-top: 8px;
  139 + height: auto;
  140 +}
  141 +
  142 +#slaveTabs::-webkit-scrollbar {
  143 + width: 1px;
  144 + background-color: rgb(230, 230, 230, 1);
  145 + opacity: 5%;
  146 +}
  147 +
  148 +tr.ant-table-measure-row {
  149 + td {
  150 + padding: 0;
118 } 151 }
  152 +}
119 153
120 - tr.ant-table-measure-row{  
121 - td{  
122 - padding: 0;  
123 - } 154 +tr:not(.ant-table-measure-row) {
  155 + td {
  156 + padding: 4px;
124 } 157 }
125 - tr:not(.ant-table-measure-row) {  
126 - td{ 158 +}
  159 +
  160 +.xly-bill-list,
  161 +.xly-workorder-list,
  162 +.other-list,
  163 +.productPlan {
  164 + td {
  165 + padding: 0 !important;
  166 +
  167 + .listDiv {
127 padding: 4px; 168 padding: 4px;
128 } 169 }
129 } 170 }
130 - .xly-bill-list, .xly-workorder-list, .other-list, .productPlan{  
131 - td{  
132 - padding: 0!important;  
133 - .listDiv {  
134 - padding: 4px;  
135 - } 171 +}
  172 +
  173 +// 处理表单详情的样式问题开始
  174 +button.ant-table-row-expand-icon {
  175 + margin-left: ~'calc(50% - 9px)';
  176 +}
  177 +
  178 +.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  179 + margin: 0 0 0 47px;
  180 +}
  181 +
  182 +.ant-table-bordered .virtuallist>table>.ant-table-tbody>tr>td {
  183 + border-right: 1px solid #d9d9d9 !important;
  184 +}
  185 +
  186 +// 处理表单详情的样式问题结束
  187 +
  188 +.ant-input {
  189 + padding: 3px 4px;
  190 +}
  191 +
  192 +.ant-input-number-input {
  193 + padding: 3px 4px;
  194 + font-size: 12px;
  195 +}
  196 +
  197 +.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  198 + //padding: 3px 4px;
  199 +}
  200 +
  201 +td {
  202 +
  203 + .ant-input:focus,
  204 + .ant-input-focused {
  205 + border: none;
  206 + box-shadow: none;
  207 + }
  208 +
  209 + .ant-picker-focused {
  210 + border: none;
  211 + box-shadow: none;
  212 + }
  213 +
  214 + .ant-select-focused {
  215 + border: none;
  216 + box-shadow: none;
  217 + outline: none;
  218 +
  219 + .ant-select-selector {
  220 + border: none;
  221 + box-shadow: none !important;
  222 + outline: none;
136 } 223 }
137 } 224 }
138 - // 处理表单详情的样式问题开始  
139 - button.ant-table-row-expand-icon {  
140 - margin-left: ~'calc(50% - 9px)'; 225 +
  226 + .ant-input-number-focused {
  227 + border: none;
  228 + box-shadow: none;
  229 + }
  230 +
  231 + .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  232 + padding: 0 4px;
  233 + border: none;
  234 + line-height: 26px;
  235 + height: 26px;
  236 + background-color: transparent;
141 } 237 }
142 - .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table{  
143 - margin: 0 0 0 47px; 238 +
  239 + .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  240 + line-height: 26px;
  241 + height: 26px;
  242 + background-color: transparent;
144 } 243 }
145 - .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr>td{  
146 - border-right: 1px solid #d9d9d9!important; 244 +
  245 + .ant-input {
  246 + border: none;
  247 + background-color: transparent;
147 } 248 }
148 - // 处理表单详情的样式问题结束  
149 249
150 - .ant-input{  
151 - padding: 3px 4px; 250 + .ant-input-number {
  251 + border: none;
  252 + background-color: transparent;
152 } 253 }
153 - .ant-input-number-input{  
154 - padding: 3px 4px;  
155 - font-size: 12px; 254 +
  255 + .ant-picker {
  256 + border: none;
  257 + padding: 3px 4px 3px;
  258 + background-color: transparent;
156 } 259 }
157 - .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{  
158 - //padding: 3px 4px; 260 +}
  261 +
  262 +.noInput {
  263 + max-width: 100%;
  264 + min-height: @cell-height;
  265 + line-height: @cell-height;
  266 + display: block; // inline-block会引发line-height问题
  267 + overflow: hidden;
  268 + text-overflow: ellipsis;
  269 + white-space: nowrap;
  270 +
  271 + &>span {
  272 + padding: @td_padding_sub;
159 } 273 }
160 - td{  
161 - .ant-input:focus, .ant-input-focused{  
162 - border: none;  
163 - box-shadow: none;  
164 - }  
165 - .ant-picker-focused{  
166 - border: none;  
167 - box-shadow: none;  
168 - }  
169 - .ant-select-focused{  
170 - border: none;  
171 - box-shadow: none;  
172 - outline: none;  
173 - .ant-select-selector{  
174 - border: none;  
175 - box-shadow: none!important;  
176 - outline: none; 274 +}
  275 +
  276 +input[disabled] {
  277 + color: #000 !important;
  278 + background: #fff !important;
  279 + font: 12px @font_family;
  280 + line-height: 1.66667;
  281 + overflow: hidden;
  282 + text-overflow: ellipsis;
  283 +}
  284 +
  285 +.ant-select-selector {
  286 + color: #000 !important;
  287 +}
  288 +
  289 +.ant-form-item-control-input-content {
  290 + //height: 100%;
  291 + min-height: @cell-height;
  292 + line-height: @cell-height;
  293 +}
  294 +
  295 +tbody {
  296 + color: #000;
  297 + font-size: 12px;
  298 +
  299 + tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1) {
  300 + &:hover {
  301 + background: #fff7e6 !important;
  302 +
  303 + td {
  304 + background: #fff7e6 !important;
  305 + font-weight: bold;
  306 + }
  307 +
  308 + .sActiveIdStyle {
  309 + background: #fff7e6 !important;
177 } 310 }
178 - }  
179 - .ant-input-number-focused{  
180 - border: none;  
181 - box-shadow: none;  
182 - }  
183 - .ant-select:not(.ant-select-customize-input) .ant-select-selector{  
184 - padding: 0 4px;  
185 - border: none;  
186 - line-height: 26px;  
187 - height: 26px;  
188 - background-color: transparent;  
189 - }  
190 - .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{  
191 - line-height: 26px;  
192 - height: 26px;  
193 - background-color: transparent;  
194 - }  
195 - .ant-input{  
196 - border: none;  
197 - background-color: transparent;  
198 - }  
199 - .ant-input-number{  
200 - border: none;  
201 - background-color: transparent;  
202 - }  
203 - .ant-picker{  
204 - border: none;  
205 - padding: 3px 4px 3px;  
206 - background-color: transparent;  
207 } 311 }
208 } 312 }
209 313
210 - .noInput{ 314 + .ant-input-number {
211 max-width: 100%; 315 max-width: 100%;
212 - min-height: @cell-height;  
213 - line-height: @cell-height;  
214 - display: block; // inline-block会引发line-height问题  
215 - overflow:hidden;  
216 - text-overflow:ellipsis;  
217 - white-space:nowrap;  
218 - & > span{  
219 - padding: @td_padding_sub;  
220 - }  
221 } 316 }
222 317
223 - input[disabled]{  
224 - color: #000!important;  
225 - background: #fff!important;  
226 - font: 12px @font_family;  
227 - line-height: 1.66667;  
228 - overflow: hidden;  
229 - text-overflow :ellipsis; 318 + input[disabled] {
  319 + border: none;
  320 + padding: @td_padding_sub;
  321 + background: transparent !important;
  322 + }
  323 +
  324 + button[class*='ant-table-row-expand-icon']+.changeClassName {
  325 + display: inline;
  326 + }
  327 +
  328 + .changeClassName {
  329 + .ant-checkbox {
  330 + padding: @td_padding_sub;
  331 + }
230 } 332 }
231 333
232 - .ant-select-selector{  
233 - color: #000!important; 334 + .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  335 + background-color: transparent;
  336 + color: #000 !important;
234 } 337 }
235 338
236 - .ant-form-item-control-input-content{  
237 - //height: 100%;  
238 - min-height: @cell-height; 339 + .ant-select-single .ant-select-selector .ant-select-selection-search {
  340 + left: 4px;
  341 + background-color: transparent;
239 line-height: @cell-height; 342 line-height: @cell-height;
  343 + display: inline-block;
240 } 344 }
241 345
242 - tbody{  
243 - color: #000; 346 + .sActiveIdStyle {
  347 + height: 100%;
  348 + max-width: 100%;
  349 + padding: @td_padding_sub;
244 font-size: 12px; 350 font-size: 12px;
245 - tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1){  
246 - &:hover{  
247 - background: #fff7e6!important;  
248 - td{  
249 - background: #fff7e6!important;  
250 - font-weight: bold;  
251 - }  
252 - .sActiveIdStyle{  
253 - background: #fff7e6!important;  
254 - }  
255 - }  
256 - }  
257 - .ant-input-number{  
258 - max-width: 100%;  
259 - }  
260 - input[disabled]{  
261 - border: none;  
262 - padding: @td_padding_sub;  
263 - background: transparent!important;  
264 - }  
265 - button[class*='ant-table-row-expand-icon']+.changeClassName{  
266 - display: inline;  
267 - }  
268 - .changeClassName{  
269 - .ant-checkbox {  
270 - padding: @td_padding_sub;  
271 - } 351 + z-index: 9;
  352 + white-space: nowrap;
  353 + word-break: break-all;
  354 + text-overflow: ellipsis;
  355 + overflow: hidden;
  356 + background: #fff;
  357 + top: 0;
  358 + left: 0;
  359 + position: absolute !important;
  360 +
  361 + &+.ant-select {
  362 + display: none;
272 } 363 }
273 - .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{  
274 - background-color: transparent;  
275 - color: #000!important; 364 +
  365 + &+input {
  366 + //display: none;
276 } 367 }
277 - .ant-select-single .ant-select-selector .ant-select-selection-search{  
278 - left: 4px;  
279 - background-color: transparent;  
280 - line-height: @cell-height; 368 +
  369 + span {
  370 + font-size: 12px;
  371 + position: relative;
  372 + top: 50%;
  373 + transform: translateY(-50%);
281 display: inline-block; 374 display: inline-block;
  375 + cursor: pointer;
  376 +
  377 + &:hover {
  378 + text-decoration: underline;
  379 + }
282 } 380 }
283 - .sActiveIdStyle {  
284 - height: 100%;  
285 - max-width: 100%;  
286 - padding: @td_padding_sub;  
287 - font-size: 12px;  
288 - z-index: 9; 381 +
  382 + .viewChooseSpan {
  383 + display: block;
  384 + top: 14px;
289 white-space: nowrap; 385 white-space: nowrap;
290 word-break: break-all; 386 word-break: break-all;
291 text-overflow: ellipsis; 387 text-overflow: ellipsis;
292 overflow: hidden; 388 overflow: hidden;
293 - background: #fff;  
294 - top: 0;  
295 - left: 0;  
296 - position: absolute!important;  
297 - & + .ant-select{  
298 - display: none;  
299 - }  
300 - & + input{  
301 - //display: none;  
302 - }  
303 - span {  
304 - font-size: 12px;  
305 - position: relative;  
306 - top: 50%;  
307 - transform: translateY(-50%);  
308 - display: inline-block;  
309 - cursor: pointer;  
310 - &:hover{  
311 - text-decoration: underline;  
312 - }  
313 - }  
314 - .viewChooseSpan{  
315 - display: block;  
316 - top: 14px;  
317 - white-space: nowrap;  
318 - word-break: break-all;  
319 - text-overflow: ellipsis;  
320 - overflow: hidden;  
321 - }  
322 } 389 }
323 - .sActiveIdStyle_viewChooseSpan{  
324 - width: 100%;  
325 - }  
326 - .sActiveIdStyleNone, .sActiveIdStyleBlock{  
327 - & + .ant-select{  
328 - display: block;  
329 - }  
330 - }  
331 - .ant-table-row-indent + button.ant-table-row-expand-icon{  
332 - margin-left: 6px;  
333 - margin-top: 6px; 390 + }
  391 +
  392 + .sActiveIdStyle_viewChooseSpan {
  393 + width: 100%;
  394 + }
  395 +
  396 + .sActiveIdStyleNone,
  397 + .sActiveIdStyleBlock {
  398 + &+.ant-select {
  399 + display: block;
334 } 400 }
335 } 401 }
336 402
337 - .xlyCommonTable.tableEnabled tbody {  
338 - tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1){  
339 - &:hover{ 403 + .ant-table-row-indent+button.ant-table-row-expand-icon {
  404 + margin-left: 6px;
  405 + margin-top: 6px;
  406 + }
  407 +}
  408 +
  409 +.xlyCommonTable.tableEnabled tbody {
  410 + tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1) {
  411 + &:hover {
  412 + background: #FFF !important;
  413 +
  414 + td {
340 background: #FFF !important; 415 background: #FFF !important;
341 - td{  
342 - background: #FFF !important;  
343 - font-weight: bold;  
344 - }  
345 - .sActiveIdStyle{  
346 - background: #FFF !important;  
347 - }  
348 - .readonlyStyle { 416 + font-weight: bold;
  417 + }
  418 +
  419 + .sActiveIdStyle {
  420 + background: #FFF !important;
  421 + }
  422 +
  423 + .readonlyStyle {
  424 + background: #f1f2f8 !important;
  425 +
  426 + .sActiveIdStyle {
349 background: #f1f2f8 !important; 427 background: #f1f2f8 !important;
350 - .sActiveIdStyle{  
351 - background: #f1f2f8 !important;  
352 - }  
353 } 428 }
354 } 429 }
355 } 430 }
356 - .readonlyStyle { 431 + }
  432 +
  433 + .readonlyStyle {
  434 + background: #f1f2f8 !important;
  435 +
  436 + .sActiveIdStyle {
357 background: #f1f2f8 !important; 437 background: #f1f2f8 !important;
358 - .sActiveIdStyle{  
359 - background: #f1f2f8 !important;  
360 - }  
361 } 438 }
362 - .ant-input-search {  
363 - height: 25px;  
364 - top: -2px;  
365 - .ant-input-group-addon {  
366 - left: 0;  
367 - .ant-input-search-button {  
368 - height: 26px;  
369 - } 439 + }
  440 +
  441 + .ant-input-search {
  442 + height: 25px;
  443 + top: -2px;
  444 +
  445 + .ant-input-group-addon {
  446 + left: 0;
  447 +
  448 + .ant-input-search-button {
  449 + height: 26px;
370 } 450 }
371 } 451 }
372 } 452 }
  453 +}
373 454
374 - .ant-modal{  
375 - max-width: unset;  
376 - } 455 +.ant-modal {
  456 + max-width: unset;
  457 +}
377 458
378 - .xlyCommonTable:not(.tableEnabled) .ant-table-tbody > tr.ant-table-row-selected > td{  
379 - background: #e6f7ff;  
380 - } 459 +.xlyCommonTable:not(.tableEnabled) .ant-table-tbody>tr.ant-table-row-selected>td {
  460 + background: #e6f7ff;
  461 +}
381 462
382 - .xlyCommonTable.tableEnabled .ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover {  
383 - background: initial;  
384 - } 463 +.xlyCommonTable.tableEnabled .ant-table-tbody>tr.ant-table-row:hover>td,
  464 +.ant-table-tbody>tr>td.ant-table-cell-row-hover {
  465 + background: initial;
  466 +}
385 467
386 - @selected-line-border-color: #1296db;  
387 - .xlyCommonTable.tableEnabled .ant-table-tbody > tr.ant-table-row-selected,  
388 - .xlyCommonTable.tableEnabled .ant-table-tbody > tr.selected-record-row {  
389 - // box-shadow: 0px 2px 0px 0px #2400ff inset, 0px -2px 0px 0px red inset;  
390 - >td { 468 +@selected-line-border-color: #1296db;
  469 +
  470 +.xlyCommonTable.tableEnabled .ant-table-tbody>tr.ant-table-row-selected,
  471 +.xlyCommonTable.tableEnabled .ant-table-tbody>tr.selected-record-row {
  472 +
  473 + // box-shadow: 0px 2px 0px 0px #2400ff inset, 0px -2px 0px 0px red inset;
  474 + >td {
  475 + box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
  476 +
  477 + .sActiveIdStyle {
  478 + box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
  479 + }
  480 +
  481 + .readonlyStyle {
391 box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; 482 box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
392 - .sActiveIdStyle{ 483 +
  484 + .sActiveIdStyle {
393 box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; 485 box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
394 } 486 }
395 - .readonlyStyle {  
396 - box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;  
397 - .sActiveIdStyle{  
398 - box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;  
399 - } 487 + }
  488 +
  489 + // background-color: transparent !important;
  490 + // border: 1px solid @selected-line-border-color !important;
  491 + // border-left: 0 !important;
  492 + // border-right: 0 !important;
  493 + &:first-child {
  494 + // border-left: 1px solid @selected-line-border-color !important;
  495 + box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
  496 +
  497 + .sActiveIdStyle {
  498 + box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
400 } 499 }
401 - // background-color: transparent !important;  
402 - // border: 1px solid @selected-line-border-color !important;  
403 - // border-left: 0 !important;  
404 - // border-right: 0 !important;  
405 - &:first-child {  
406 - // border-left: 1px solid @selected-line-border-color !important; 500 +
  501 + .readonlyStyle {
407 box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; 502 box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
408 - .sActiveIdStyle{  
409 - box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;  
410 - }  
411 - .readonlyStyle { 503 +
  504 + .sActiveIdStyle {
412 box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; 505 box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
413 - .sActiveIdStyle{  
414 - box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;  
415 - }  
416 - }  
417 - }  
418 - &:last-child {  
419 - // border-right: 1px solid @selected-line-border-color !important;  
420 - box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;  
421 - .sActiveIdStyle{  
422 - box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;  
423 - }  
424 - .readonlyStyle {  
425 - box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;  
426 - .sActiveIdStyle{  
427 - box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;  
428 - }  
429 } 506 }
430 } 507 }
431 } 508 }
432 - // &.dark-record-row {  
433 - // >td {  
434 - // background-color: #f5f5f5 !important;  
435 - // }  
436 - // }  
437 - }  
438 509
439 - .xlyCommonTable.tableEnabled .ant-table-tbody > tr.selected-record-row {  
440 - > td {  
441 - .readonlySpanStyle {  
442 - box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;  
443 - }  
444 - &:first-child {  
445 - .readonlySpanStyle {  
446 - box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;  
447 - } 510 + &:last-child {
  511 + // border-right: 1px solid @selected-line-border-color !important;
  512 + box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
  513 +
  514 + .sActiveIdStyle {
  515 + box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
448 } 516 }
449 - &:last-child {  
450 - .readonlySpanStyle { 517 +
  518 + .readonlyStyle {
  519 + box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
  520 +
  521 + .sActiveIdStyle {
451 box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset; 522 box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
452 } 523 }
453 } 524 }
454 } 525 }
455 } 526 }
456 527
457 - // .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.ant-table-row-selected { 528 + // &.dark-record-row {
458 // >td { 529 // >td {
459 - // &:last-child {  
460 - // border-right: 1px solid @selected-line-border-color !important;  
461 - // } 530 + // background-color: #f5f5f5 !important;
462 // } 531 // }
463 // } 532 // }
  533 +}
464 534
465 -  
466 - .selected-record-row{  
467 - background-color: #e6f7ff!important;  
468 - font-weight: bold;  
469 - input{  
470 - font-weight: bold;  
471 - }  
472 - td{  
473 - background: #e6f7ff!important;  
474 - font-weight: bold;  
475 - }  
476 - .ant-input-number-disabled{  
477 - background: transparent;  
478 - transition: unset;  
479 - border: none;  
480 - width: unset;  
481 - }  
482 - .sActiveIdStyle{  
483 - background: #e6f7ff!important;  
484 - }  
485 - .ant-select-selector{  
486 - transition: unset; 535 +.xlyCommonTable.tableEnabled .ant-table-tbody>tr.selected-record-row {
  536 + >td {
  537 + .readonlySpanStyle {
  538 + box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
487 } 539 }
488 - }  
489 - .xlyCommonTable.tableEnabled .selected-record-row{  
490 - background-color: #FFF !important;  
491 - td{  
492 - background: #FFF !important; 540 +
  541 + &:first-child {
  542 + .readonlySpanStyle {
  543 + box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
  544 + }
493 } 545 }
494 - .sActiveIdStyle{  
495 - background: #FFF !important; 546 +
  547 + &:last-child {
  548 + .readonlySpanStyle {
  549 + box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
  550 + }
496 } 551 }
497 } 552 }
498 - .ant-form-item-label {  
499 - vertical-align: middle;  
500 - display: inline-block;  
501 - text-align: left!important;  
502 - }  
503 - .ant-form-item-label label {  
504 - //color: rgba(0, 0, 0, 0.65)!important;  
505 - color:inherit!important;  
506 - overflow: hidden;  
507 - text-overflow: ellipsis;  
508 - white-space: nowrap;  
509 - padding-right: 0!important;  
510 - text-align: left;  
511 - &:before{  
512 - content: '';  
513 - width: 10px;  
514 - } 553 +}
  554 +
  555 +// .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.ant-table-row-selected {
  556 +// >td {
  557 +// &:last-child {
  558 +// border-right: 1px solid @selected-line-border-color !important;
  559 +// }
  560 +// }
  561 +// }
  562 +
  563 +
  564 +.selected-record-row {
  565 + background-color: #e6f7ff !important;
  566 + font-weight: bold;
  567 +
  568 + input {
  569 + font-weight: bold;
515 } 570 }
516 - .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{  
517 - width: auto; 571 +
  572 + td {
  573 + background: #e6f7ff !important;
  574 + font-weight: bold;
518 } 575 }
519 - .ant-form-item-label .ant-form-item-required {  
520 - font-size: 12px!important;  
521 - left: 0px; 576 +
  577 + .ant-input-number-disabled {
  578 + background: transparent;
  579 + transition: unset;
  580 + border: none;
  581 + width: unset;
522 } 582 }
523 - .commonCheckBill{  
524 - .sActiveIdStyle{  
525 - left:1px;  
526 - top:1px;  
527 - width: ~'calc(100% - 2px)';  
528 - height: ~'calc(100% - 2px)';  
529 - }  
530 - .ant-input-number{  
531 - width: 100%!important;  
532 - } 583 +
  584 + .sActiveIdStyle {
  585 + background: #e6f7ff !important;
533 } 586 }
534 - .searchMainForm{  
535 - .sActiveIdStyle{  
536 - left:1px;  
537 - top:1px!important;  
538 - padding:0px!important;  
539 - max-width: 90%!important;  
540 - //width: ~'calc(100% - 2px)'!important;  
541 - height: ~'calc(100% - 2px)'!important;  
542 - background: #fff;  
543 - }  
544 - .sActiveIdStyle-sMemo{  
545 - max-width: 100%!important;  
546 - }  
547 - #sMemo{  
548 - margin-bottom: 0;  
549 - }  
550 - .ant-input-number{  
551 - width: 100%!important;  
552 - }  
553 - .masterMemo{  
554 - background-color: #f1f2f8!important;  
555 - color: #000!important;  
556 - top: 4px !important;  
557 - left: 1px!important;  
558 - height: ~'calc(100% - 9px)' !important;  
559 - line-height: 20px;  
560 - letter-spacing:-1px;  
561 - 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  
562 - } 587 +
  588 + .ant-select-selector {
  589 + transition: unset;
563 } 590 }
564 - .suit .searchMainForm{  
565 - .sActiveIdStyle{  
566 - left:8px;  
567 - } 591 +}
  592 +
  593 +.xlyCommonTable.tableEnabled .selected-record-row {
  594 + background-color: #FFF !important;
  595 +
  596 + td {
  597 + background: #FFF !important;
568 } 598 }
569 - .insertTd{  
570 - z-index: 999!important; 599 +
  600 + .sActiveIdStyle {
  601 + background: #FFF !important;
571 } 602 }
572 - .ant-form-item{  
573 - margin-bottom: 0; 603 +}
  604 +
  605 +.ant-form-item-label {
  606 + vertical-align: middle;
  607 + display: inline-block;
  608 + text-align: left !important;
  609 +}
  610 +
  611 +.ant-form-item-label label {
  612 + //color: rgba(0, 0, 0, 0.65)!important;
  613 + color: inherit !important;
  614 + overflow: hidden;
  615 + text-overflow: ellipsis;
  616 + white-space: nowrap;
  617 + padding-right: 0 !important;
  618 + text-align: left;
  619 +
  620 + &:before {
  621 + content: '';
  622 + width: 10px;
574 } 623 }
575 - .linksActiveIdStyle {  
576 - color: @active_color2!important;  
577 - cursor: pointer;  
578 - backgroundColor: transparent!important;  
579 - padding: 4px 0px; 624 +}
  625 +
  626 +.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  627 + width: auto;
  628 +}
  629 +
  630 +.ant-form-item-label .ant-form-item-required {
  631 + font-size: 12px !important;
  632 + left: 0px;
  633 +}
  634 +
  635 +.commonCheckBill {
  636 + .sActiveIdStyle {
  637 + left: 1px;
  638 + top: 1px;
  639 + width: ~'calc(100% - 2px)';
  640 + height: ~'calc(100% - 2px)';
580 } 641 }
581 - .linksActiveIdStyle:hover{  
582 - text-decoration: underline!important; 642 +
  643 + .ant-input-number {
  644 + width: 100% !important;
583 } 645 }
584 - .ant-checkbox-wrapper{  
585 - line-height: 14px; 646 +}
  647 +
  648 +.searchMainForm {
  649 + .sActiveIdStyle {
  650 + left: 1px;
  651 + top: 1px !important;
  652 + padding: 0px !important;
  653 + max-width: 90% !important;
  654 + //width: ~'calc(100% - 2px)'!important;
  655 + height: ~'calc(100% - 2px)' !important;
  656 + background: #fff;
586 } 657 }
587 658
588 - .ant-tabs-tab.ant-tabs-tab-disabled{  
589 - &:hover{  
590 - color: rgba(0, 0, 0, 0.25)!important;  
591 - } 659 + .sActiveIdStyle-sMemo {
  660 + max-width: 100% !important;
592 } 661 }
593 - // 因紧凑型主题,修改部分过小的样式  
594 - .ant-tabs-tab{  
595 - font-size: 14px; 662 +
  663 + #sMemo {
  664 + margin-bottom: 0;
596 } 665 }
597 - #allBtnNav{  
598 - font-size: 14px;  
599 - &[disabled] {  
600 - &:hover{  
601 - color: unset!important;  
602 - }  
603 - } 666 +
  667 + .ant-input-number {
  668 + width: 100% !important;
604 } 669 }
605 - .ant-card-head{  
606 - font-size: 14px; 670 +
  671 + .masterMemo {
  672 + background-color: #f1f2f8 !important;
  673 + color: #000 !important;
  674 + top: 4px !important;
  675 + left: 1px !important;
  676 + height: ~'calc(100% - 9px)' !important;
  677 + line-height: 20px;
  678 + letter-spacing: -1px;
  679 + 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
607 } 680 }
608 - // end  
609 - // tab样式与老版本统一  
610 - .ant-tabs-content-holder{  
611 - .ant-tabs-nav-wrap{  
612 - background: #fff;  
613 - .ant-tabs-nav-list{  
614 - background: #fff;  
615 - .ant-tabs-tab{  
616 - border: 1px solid #d9d9d9;  
617 - border-right: 0;  
618 - padding: 0 18px;  
619 - height: 30px;  
620 - line-height: 30px;  
621 - margin-left: 0;  
622 - background: #fafafa;  
623 - &:nth-last-child(2){  
624 - border-right: 1px solid #d9d9d9;  
625 - }  
626 - }  
627 - .ant-tabs-tab-active{  
628 - border-bottom: 1px solid transparent;  
629 - background: #fff;  
630 - }  
631 - .ant-tabs-ink-bar{  
632 - top: 0;  
633 - bottom: unset;  
634 - }  
635 - }  
636 - } 681 +}
  682 +
  683 +.suit .searchMainForm {
  684 + .sActiveIdStyle {
  685 + left: 8px;
637 } 686 }
638 - // end  
639 - .input24 {  
640 - :global {  
641 - .ant-col-2.ant-form-item-label {  
642 - flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)';  
643 - max-width: ~'calc(0.25 * 7 / 24 * 100%)';  
644 - }  
645 - .ant-col-22.ant-form-item-control {  
646 - flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)';  
647 - max-width: ~'calc(0.25 * 87 / 24 * 100%)';  
648 - }  
649 - .ant-col-7.ant-form-item-label {  
650 - flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)';  
651 - max-width: ~'calc(0.25 * 7 / 24 * 100%)';  
652 - }  
653 - .ant-col-15.ant-form-item-control {  
654 - flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)';  
655 - max-width: ~'calc(0.25 * 87 / 24 * 100%)';  
656 - }  
657 - } 687 +}
  688 +
  689 +.insertTd {
  690 + z-index: 999 !important;
  691 +}
  692 +
  693 +.ant-form-item {
  694 + margin-bottom: 0;
  695 +}
  696 +
  697 +.linksActiveIdStyle {
  698 + color: @active_color2 !important;
  699 + cursor: pointer;
  700 + backgroundColor: transparent !important;
  701 + padding: 4px 0px;
  702 +}
  703 +
  704 +.linksActiveIdStyle:hover {
  705 + text-decoration: underline !important;
  706 +}
  707 +
  708 +.ant-checkbox-wrapper {
  709 + line-height: 14px;
  710 +}
  711 +
  712 +.ant-tabs-tab.ant-tabs-tab-disabled {
  713 + &:hover {
  714 + color: rgba(0, 0, 0, 0.25) !important;
658 } 715 }
659 - .input18 {  
660 - :global {  
661 - .ant-col-7.ant-form-item-label {  
662 - flex: 0 0 ~'calc(0.25 * 7 / 18 * 100%)';  
663 - max-width: ~'calc(0.25 * 7 / 18 * 100%)';  
664 - }  
665 - .ant-col-15.ant-form-item-control {  
666 - flex: 0 0 ~'calc(0.25 * 42 / 12 * 100%)';  
667 - max-width: ~'calc(0.25 * 42 / 12 * 100%)';  
668 - } 716 +}
  717 +
  718 +// 因紧凑型主题,修改部分过小的样式
  719 +.ant-tabs-tab {
  720 + font-size: 14px;
  721 +}
  722 +
  723 +#allBtnNav {
  724 + font-size: 14px;
  725 +
  726 + &[disabled] {
  727 + &:hover {
  728 + color: unset !important;
669 } 729 }
670 } 730 }
671 - .input12 {  
672 - :global {  
673 - .ant-col-7.ant-form-item-label {  
674 - flex: 0 0 ~'calc(0.25 * 7 / 12 * 100%)';  
675 - max-width: ~'calc(0.25 * 7 / 12 * 100%)'; 731 +}
  732 +
  733 +.ant-card-head {
  734 + font-size: 14px;
  735 +}
  736 +
  737 +// end
  738 +// tab样式与老版本统一
  739 +.ant-tabs-content-holder {
  740 + .ant-tabs-nav-wrap {
  741 + background: #fff;
  742 +
  743 + .ant-tabs-nav-list {
  744 + background: #fff;
  745 +
  746 + .ant-tabs-tab {
  747 + border: 1px solid #d9d9d9;
  748 + border-right: 0;
  749 + padding: 0 18px;
  750 + height: 30px;
  751 + line-height: 30px;
  752 + margin-left: 0;
  753 + background: #fafafa;
  754 +
  755 + &:nth-last-child(2) {
  756 + border-right: 1px solid #d9d9d9;
  757 + }
676 } 758 }
677 - .ant-col-15.ant-form-item-control {  
678 - flex: 0 0 ~'calc(0.25 * 39 / 12 * 100%)';  
679 - max-width: ~'calc(0.25 * 39 / 12 * 100%)'; 759 +
  760 + .ant-tabs-tab-active {
  761 + border-bottom: 1px solid transparent;
  762 + background: #fff;
680 } 763 }
681 - }  
682 - }  
683 - .ant-table-pagination.ant-pagination {  
684 - position: fixed;  
685 - bottom: 0;  
686 - right: 8px;  
687 - z-index: 999;  
688 - }  
689 - .ant-table-summary td {  
690 - padding: 4px!important;  
691 - text-align: center;  
692 - }  
693 - .ant-table-column-title {  
694 - moz-user-select: -moz-none;  
695 - -moz-user-select: none;  
696 - -o-user-select:none;  
697 - -khtml-user-select:none;  
698 - -webkit-user-select:none;  
699 - -ms-user-select:none;  
700 - user-select:none;  
701 - text-overflow: ellipsis;  
702 - overflow: hidden;  
703 - }  
704 764
705 - #calTab {  
706 - .ant-tabs > .ant-tabs-nav {  
707 - margin-bottom: 0;  
708 - }  
709 - .formula{  
710 - textarea.ant-input {  
711 - height: 140px!important; 765 + .ant-tabs-ink-bar {
  766 + top: 0;
  767 + bottom: unset;
712 } 768 }
713 } 769 }
714 } 770 }
715 - /* 调整系统权限界面 */  
716 - #SysPermissionList {  
717 - .ant-tree{  
718 - margin-top: 1px;  
719 - border:1px solid #d9d9d9;  
720 - overflow-y: auto;  
721 - height: 516px;  
722 - }  
723 - .ant-tabs-nav{  
724 - margin-bottom: 0;  
725 - //border-bottom: 1px solid #d9d9d9;  
726 - }  
727 - #staticEditTree .ant-input-search{  
728 - //width: 63%  
729 - width: 405px;  
730 - }  
731 - } 771 +}
732 772
733 - #modalChooseProcess, #modalChooseProductMaterial{  
734 - .ant-table-pagination.ant-pagination {  
735 - position: static;  
736 - } 773 +// end
  774 +.input24 {
  775 + .ant-col-2.ant-form-item-label {
  776 + flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)';
  777 + max-width: ~'calc(0.25 * 7 / 24 * 100%)';
737 } 778 }
738 779
739 - .xly-eject{  
740 - z-index: 999; 780 + .ant-col-22.ant-form-item-control {
  781 + flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)';
  782 + max-width: ~'calc(0.25 * 87 / 24 * 100%)';
741 } 783 }
742 - .xly-normal-list{  
743 - padding-left: 10px;  
744 - padding-right: 10px; 784 +
  785 + .ant-col-7.ant-form-item-label {
  786 + flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)';
  787 + max-width: ~'calc(0.25 * 7 / 24 * 100%)';
745 } 788 }
746 - .xly-normal-list1{  
747 - padding-left: 0;  
748 - padding-right: 0; 789 +
  790 + .ant-col-15.ant-form-item-control {
  791 + flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)';
  792 + max-width: ~'calc(0.25 * 87 / 24 * 100%)';
749 } 793 }
750 - .react-resizable{  
751 - user-select: none; 794 +}
  795 +
  796 +.input18 {
  797 + .ant-col-7.ant-form-item-label {
  798 + flex: 0 0 ~'calc(0.25 * 7 / 18 * 100%)';
  799 + max-width: ~'calc(0.25 * 7 / 18 * 100%)';
752 } 800 }
753 - .xly-workorder-list{  
754 - .ant-layout{  
755 - overflow: hidden;  
756 - } 801 +
  802 + .ant-col-15.ant-form-item-control {
  803 + flex: 0 0 ~'calc(0.25 * 42 / 12 * 100%)';
  804 + max-width: ~'calc(0.25 * 42 / 12 * 100%)';
757 } 805 }
758 - .ant-table-sticky-holder{  
759 - z-index: 15; 806 +}
  807 +
  808 +.input12 {
  809 + .ant-col-7.ant-form-item-label {
  810 + flex: 0 0 ~'calc(0.25 * 7 / 12 * 100%)';
  811 + max-width: ~'calc(0.25 * 7 / 12 * 100%)';
760 } 812 }
761 813
762 - thead{  
763 - .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{  
764 - z-index: 15;  
765 - } 814 + .ant-col-15.ant-form-item-control {
  815 + flex: 0 0 ~'calc(0.25 * 39 / 12 * 100%)';
  816 + max-width: ~'calc(0.25 * 39 / 12 * 100%)';
766 } 817 }
767 - tbody{  
768 - .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{  
769 - z-index: 10;  
770 - }  
771 - .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{  
772 - background: none;  
773 - }  
774 - .ant-select-disabled.ant-select-multiple .ant-select-selection-item{  
775 - background: none;  
776 - border: none;  
777 - color: #000;  
778 - padding-left: 0px;  
779 - } 818 +}
  819 +
  820 +.ant-table-pagination.ant-pagination {
  821 + position: fixed;
  822 + bottom: 0;
  823 + right: 8px;
  824 + z-index: 999;
  825 +}
  826 +
  827 +.ant-table-summary td {
  828 + padding: 4px !important;
  829 + text-align: center;
  830 +}
  831 +
  832 +.ant-table-column-title {
  833 + moz-user-select: -moz-none;
  834 + -moz-user-select: none;
  835 + -o-user-select: none;
  836 + -khtml-user-select: none;
  837 + -webkit-user-select: none;
  838 + -ms-user-select: none;
  839 + user-select: none;
  840 + text-overflow: ellipsis;
  841 + overflow: hidden;
  842 +}
  843 +
  844 +#calTab {
  845 + .ant-tabs>.ant-tabs-nav {
  846 + margin-bottom: 0;
780 } 847 }
781 848
782 - .modalChooseProcessContent, #modalChooseProcess, #modalChooseProcessContent, #modalChooseProductMaterial{  
783 - .ant-table-body, #staticEditTree{  
784 - height: @modal-table-height; 849 + .formula {
  850 + textarea.ant-input {
  851 + height: 140px !important;
785 } 852 }
786 } 853 }
787 - .dark-mode{ 854 +}
788 855
789 - }  
790 - .ant-table-sticky-scroll{  
791 - display: none; 856 +/* 调整系统权限界面 */
  857 +#SysPermissionList {
  858 + .ant-tree {
  859 + margin-top: 1px;
  860 + border: 1px solid #d9d9d9;
  861 + overflow-y: auto;
  862 + height: 516px;
792 } 863 }
793 864
794 - .ant-table-body::-webkit-scrollbar {  
795 - width: 8px;  
796 - height: 8px;  
797 - }  
798 - .ant-table-body::-webkit-scrollbar-thumb {  
799 - background-color: rgba(204, 204, 204, 1);  
800 - //border-radius: 10px;  
801 - }  
802 - /*鼠标悬浮在该类指向的控件上时滑块的样式*/  
803 - .ant-table-body:hover::-webkit-scrollbar-thumb {  
804 - background-color: rgba(204, 204, 204, 1);  
805 - //border-radius: 10px;  
806 - }  
807 - /*鼠标悬浮在滑块上时滑块的样式*/  
808 - .ant-table-body::-webkit-scrollbar-thumb:hover {  
809 - background-color: rgba(180, 180, 180, 1);  
810 - }  
811 - /*正常时候的主干部分*/  
812 - .ant-table-body::-webkit-scrollbar-track {  
813 - background: #f5f5f5;  
814 - }  
815 - /*鼠标悬浮在滚动条上的主干部分*/  
816 - .ant-table-body::-webkit-scrollbar-track:hover {  
817 - background: #f5f5f5;  
818 - }  
819 - .ant-table-body::-webkit-scrollbar-corner {  
820 - background: rgba(204, 204, 204, 1); 865 + .ant-tabs-nav {
  866 + margin-bottom: 0;
  867 + //border-bottom: 1px solid #d9d9d9;
821 } 868 }
822 869
823 - .custom-scroll::-webkit-scrollbar {  
824 - width: 8px;  
825 - height: 8px;  
826 - }  
827 - .custom-scroll::-webkit-scrollbar-thumb {  
828 - background-color: rgba(204, 204, 204, 1);  
829 - //border-radius: 10px;  
830 - }  
831 - /*鼠标悬浮在该类指向的控件上时滑块的样式*/  
832 - .custom-scroll:hover::-webkit-scrollbar-thumb {  
833 - background-color: rgba(204, 204, 204, 1);  
834 - //border-radius: 10px; 870 + #staticEditTree .ant-input-search {
  871 + //width: 63%
  872 + width: 405px;
835 } 873 }
836 - /*鼠标悬浮在滑块上时滑块的样式*/  
837 - .custom-scroll::-webkit-scrollbar-thumb:hover {  
838 - background-color: rgba(180, 180, 180, 1);  
839 - }  
840 - /*正常时候的主干部分*/  
841 - .custom-scroll::-webkit-scrollbar-track {  
842 - background: #f5f5f5;  
843 - }  
844 - /*鼠标悬浮在滚动条上的主干部分*/  
845 - .custom-scroll::-webkit-scrollbar-track:hover {  
846 - background: #f5f5f5;  
847 - }  
848 - .custom-scroll::-webkit-scrollbar-corner {  
849 - background: rgba(204, 204, 204, 1); 874 +}
  875 +
  876 +#modalChooseProcess,
  877 +#modalChooseProductMaterial {
  878 + .ant-table-pagination.ant-pagination {
  879 + position: static;
850 } 880 }
851 - .row-dragging {  
852 - background: #fafafa;  
853 - border: 1px solid #ccc;  
854 - z-index: 99999;  
855 - height: 29px;  
856 - line-height: 29px; 881 +}
  882 +
  883 +.xly-eject {
  884 + z-index: 999;
  885 +}
  886 +
  887 +.xly-normal-list {
  888 + padding-left: 10px;
  889 + padding-right: 10px;
  890 +}
  891 +
  892 +.xly-normal-list1 {
  893 + padding-left: 0;
  894 + padding-right: 0;
  895 +}
  896 +
  897 +.react-resizable {
  898 + user-select: none;
  899 +}
  900 +
  901 +.xly-workorder-list {
  902 + .ant-layout {
857 overflow: hidden; 903 overflow: hidden;
858 - word-break: break-all;  
859 - text-overflow: ellipsis;  
860 - //font-size: 12px!important;  
861 - //td, span, input, div{  
862 - // display: inline-block!important;  
863 - // padding: 0;  
864 - // margin: 0;  
865 - // height: 29px!important;  
866 - // line-height: 20px!important;  
867 - // font-size: 12px!important;  
868 - //}  
869 - }  
870 - .row-dragging .drag-visible {  
871 - visibility: visible!important;  
872 - opacity: 1!important;  
873 - }  
874 - .xly-workorder-list{  
875 - .ant-tabs-nav{  
876 - margin-bottom: 0;  
877 - }  
878 - }  
879 - .drag-visible{  
880 - text-align: center;  
881 - }  
882 - .insertTd{  
883 - z-index: 999!important;  
884 - }  
885 - .ant-table-small .ant-table-thead > tr > th{  
886 - background: #f5f5f5;  
887 - }  
888 - .ant-modal-mask{  
889 - z-index: 999;  
890 } 904 }
891 - .commonCheckBillContainer{  
892 - .ant-table-pagination.ant-pagination{  
893 - position: static;  
894 - }  
895 - }  
896 - .ant-tabs{  
897 - overflow: unset; 905 +}
  906 +
  907 +.ant-table-sticky-holder {
  908 + z-index: 15;
  909 +}
  910 +
  911 +thead {
  912 +
  913 + .ant-table-cell-fix-left,
  914 + .ant-table-cell-fix-right,
  915 + .ant-table-cell-fix-left-last,
  916 + .ant-table-cell-fix-left-first,
  917 + .ant-table-cell-fix-right-first,
  918 + .ant-table-cell-fix-right-last,
  919 + .ant-table-cell-fix-sticky {
  920 + z-index: 15;
898 } 921 }
899 - .operate-bar{  
900 - min-height: 28px;  
901 - a{  
902 - width: 40px;  
903 - margin: 0!important;  
904 - position: relative;  
905 - img{  
906 - display: block;  
907 - position: absolute;  
908 - top: 0;  
909 - bottom: 0;  
910 - left: 0;  
911 - right: 0;  
912 - margin: auto;  
913 - }  
914 - svg{  
915 - display: block;  
916 - position: absolute!important;  
917 - top: 0!important;  
918 - bottom: 0;  
919 - left: 0!important;  
920 - right: 0;  
921 - margin: auto;  
922 - }  
923 - } 922 +}
  923 +
  924 +tbody {
  925 +
  926 + .ant-table-cell-fix-left,
  927 + .ant-table-cell-fix-right,
  928 + .ant-table-cell-fix-left-last,
  929 + .ant-table-cell-fix-left-first,
  930 + .ant-table-cell-fix-right-first,
  931 + .ant-table-cell-fix-right-last,
  932 + .ant-table-cell-fix-sticky {
  933 + z-index: 10;
924 } 934 }
925 - .ant-tree-switcher-leaf-line::before{  
926 - right: 10px; 935 +
  936 + .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  937 + background: none;
927 } 938 }
928 - .masterLinkSpan{  
929 - width: auto;  
930 - height: 26px;  
931 - line-height: 26px;  
932 - overflow: hidden;  
933 - color: #2f54eb;  
934 - //position: absolute;  
935 - padding-right: 2px;  
936 - z-index: 10;  
937 - cursor: pointer; 939 +
  940 + .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
  941 + background: none;
  942 + border: none;
  943 + color: #000;
  944 + padding-left: 0px;
938 } 945 }
939 - /* checkBill commonView区域 */  
940 - .checkbillStyle .masterLinkSpan{  
941 - width: 100%; 946 +}
  947 +
  948 +.modalChooseProcessContent,
  949 +#modalChooseProcess,
  950 +#modalChooseProcessContent,
  951 +#modalChooseProductMaterial {
  952 +
  953 + .ant-table-body,
  954 + #staticEditTree {
  955 + height: @modal-table-height;
942 } 956 }
943 - .checkbillStyle .sActiveIdStyleBlock{  
944 - width: 100%; 957 +}
  958 +
  959 +.dark-mode {}
  960 +
  961 +.ant-table-sticky-scroll {
  962 + display: none;
  963 +}
  964 +
  965 +.ant-table-body::-webkit-scrollbar {
  966 + width: 8px;
  967 + height: 8px;
  968 +}
  969 +
  970 +.ant-table-body::-webkit-scrollbar-thumb {
  971 + background-color: rgba(204, 204, 204, 1);
  972 + //border-radius: 10px;
  973 +}
  974 +
  975 +/*鼠标悬浮在该类指向的控件上时滑块的样式*/
  976 +.ant-table-body:hover::-webkit-scrollbar-thumb {
  977 + background-color: rgba(204, 204, 204, 1);
  978 + //border-radius: 10px;
  979 +}
  980 +
  981 +/*鼠标悬浮在滑块上时滑块的样式*/
  982 +.ant-table-body::-webkit-scrollbar-thumb:hover {
  983 + background-color: rgba(180, 180, 180, 1);
  984 +}
  985 +
  986 +/*正常时候的主干部分*/
  987 +.ant-table-body::-webkit-scrollbar-track {
  988 + background: #f5f5f5;
  989 +}
  990 +
  991 +/*鼠标悬浮在滚动条上的主干部分*/
  992 +.ant-table-body::-webkit-scrollbar-track:hover {
  993 + background: #f5f5f5;
  994 +}
  995 +
  996 +.ant-table-body::-webkit-scrollbar-corner {
  997 + background: rgba(204, 204, 204, 1);
  998 +}
  999 +
  1000 +.custom-scroll::-webkit-scrollbar {
  1001 + width: 8px;
  1002 + height: 8px;
  1003 +}
  1004 +
  1005 +.custom-scroll::-webkit-scrollbar-thumb {
  1006 + background-color: rgba(204, 204, 204, 1);
  1007 + //border-radius: 10px;
  1008 +}
  1009 +
  1010 +/*鼠标悬浮在该类指向的控件上时滑块的样式*/
  1011 +.custom-scroll:hover::-webkit-scrollbar-thumb {
  1012 + background-color: rgba(204, 204, 204, 1);
  1013 + //border-radius: 10px;
  1014 +}
  1015 +
  1016 +/*鼠标悬浮在滑块上时滑块的样式*/
  1017 +.custom-scroll::-webkit-scrollbar-thumb:hover {
  1018 + background-color: rgba(180, 180, 180, 1);
  1019 +}
  1020 +
  1021 +/*正常时候的主干部分*/
  1022 +.custom-scroll::-webkit-scrollbar-track {
  1023 + background: #f5f5f5;
  1024 +}
  1025 +
  1026 +/*鼠标悬浮在滚动条上的主干部分*/
  1027 +.custom-scroll::-webkit-scrollbar-track:hover {
  1028 + background: #f5f5f5;
  1029 +}
  1030 +
  1031 +.custom-scroll::-webkit-scrollbar-corner {
  1032 + background: rgba(204, 204, 204, 1);
  1033 +}
  1034 +
  1035 +.row-dragging {
  1036 + background: #fafafa;
  1037 + border: 1px solid #ccc;
  1038 + z-index: 99999;
  1039 + height: 29px;
  1040 + line-height: 29px;
  1041 + overflow: hidden;
  1042 + word-break: break-all;
  1043 + text-overflow: ellipsis;
  1044 + //font-size: 12px!important;
  1045 + //td, span, input, div{
  1046 + // display: inline-block!important;
  1047 + // padding: 0;
  1048 + // margin: 0;
  1049 + // height: 29px!important;
  1050 + // line-height: 20px!important;
  1051 + // font-size: 12px!important;
  1052 + //}
  1053 +}
  1054 +
  1055 +.row-dragging .drag-visible {
  1056 + visibility: visible !important;
  1057 + opacity: 1 !important;
  1058 +}
  1059 +
  1060 +.xly-workorder-list {
  1061 + .ant-tabs-nav {
  1062 + margin-bottom: 0;
945 } 1063 }
946 - .commonNewBillContainer .changeClassName .sActiveIdStyleBlock,  
947 - .commonNewBillContainer .input12 .sActiveIdStyleBlock,  
948 - .commonNewBillContainer .input18 .sActiveIdStyleBlock,  
949 - .commonNewBillContainer .input24 .sActiveIdStyleBlock  
950 - {  
951 - top: 0;  
952 - left: 3px !important;  
953 - .masterLinkSpan {  
954 - left: 0 !important;  
955 - } 1064 +}
  1065 +
  1066 +.drag-visible {
  1067 + text-align: center;
  1068 +}
  1069 +
  1070 +.insertTd {
  1071 + z-index: 999 !important;
  1072 +}
  1073 +
  1074 +.ant-table-small .ant-table-thead>tr>th {
  1075 + background: #f5f5f5;
  1076 +}
  1077 +
  1078 +.ant-modal-mask {
  1079 + z-index: 999;
  1080 +}
  1081 +
  1082 +.commonCheckBillContainer {
  1083 + .ant-table-pagination.ant-pagination {
  1084 + position: static;
956 } 1085 }
957 - .bill-search-group{  
958 - .masterLinkSpan{  
959 - padding-left: 7px;  
960 - background: #fff;  
961 - }  
962 - .sActiveIdStyle {  
963 - height: calc(100% - 2px);  
964 - max-width: 100%;  
965 - padding: @td_padding_sub;  
966 - font-size: 12px;  
967 - z-index: 9;  
968 - white-space: nowrap;  
969 - word-break: break-all;  
970 - text-overflow: ellipsis;  
971 - overflow: hidden;  
972 - background: #fff; 1086 +}
  1087 +
  1088 +.ant-tabs {
  1089 + overflow: unset;
  1090 +}
  1091 +
  1092 +.operate-bar {
  1093 + min-height: 28px;
  1094 +
  1095 + a {
  1096 + width: 40px;
  1097 + margin: 0 !important;
  1098 + position: relative;
  1099 +
  1100 + img {
  1101 + display: block;
  1102 + position: absolute;
973 top: 0; 1103 top: 0;
  1104 + bottom: 0;
974 left: 0; 1105 left: 0;
975 - position: absolute!important; 1106 + right: 0;
  1107 + margin: auto;
976 } 1108 }
977 - :global {  
978 - .searchMainFormArrow {  
979 - z-index: 1000 !important;  
980 - }  
981 - .searchMainFormArrowMaxHeight {  
982 - max-height: 91px !important;  
983 - overflow: hidden !important;  
984 - } 1109 +
  1110 + svg {
  1111 + display: block;
  1112 + position: absolute !important;
  1113 + top: 0 !important;
  1114 + bottom: 0;
  1115 + left: 0 !important;
  1116 + right: 0;
  1117 + margin: auto;
985 } 1118 }
986 } 1119 }
987 - .bill-search-group1 {  
988 - :global {  
989 - .searchMainFormArrowMaxHeight {  
990 - max-height: none !important;  
991 - }  
992 - } 1120 +}
  1121 +
  1122 +.ant-tree-switcher-leaf-line::before {
  1123 + right: 10px;
  1124 +}
  1125 +
  1126 +.masterLinkSpan {
  1127 + width: auto;
  1128 + height: 26px;
  1129 + line-height: 26px;
  1130 + overflow: hidden;
  1131 + color: #2f54eb;
  1132 + //position: absolute;
  1133 + padding-right: 2px;
  1134 + z-index: 10;
  1135 + cursor: pointer;
  1136 +}
  1137 +
  1138 +/* checkBill commonView区域 */
  1139 +.checkbillStyle .masterLinkSpan {
  1140 + width: 100%;
  1141 +}
  1142 +
  1143 +.checkbillStyle .sActiveIdStyleBlock {
  1144 + width: 100%;
  1145 +}
  1146 +
  1147 +.commonNewBillContainer .changeClassName .sActiveIdStyleBlock,
  1148 +.commonNewBillContainer .input12 .sActiveIdStyleBlock,
  1149 +.commonNewBillContainer .input18 .sActiveIdStyleBlock,
  1150 +.commonNewBillContainer .input24 .sActiveIdStyleBlock {
  1151 + top: 0;
  1152 + left: 3px !important;
  1153 +
  1154 + .masterLinkSpan {
  1155 + left: 0 !important;
993 } 1156 }
994 - .ant-pagination-options-size-changer.ant-select{  
995 - width: auto!important; 1157 +}
  1158 +
  1159 +.bill-search-group {
  1160 + .masterLinkSpan {
  1161 + padding-left: 7px;
  1162 + background: #fff;
996 } 1163 }
997 - // 富文本编辑器  
998 - .braft-output-content{  
999 - border: 1px solid #d9d9d9;  
1000 - border-radius: 2px;  
1001 - min-height: 28.5px; 1164 +
  1165 + .sActiveIdStyle {
  1166 + height: calc(100% - 2px);
  1167 + max-width: 100%;
  1168 + padding: @td_padding_sub;
  1169 + font-size: 12px;
  1170 + z-index: 9;
  1171 + white-space: nowrap;
  1172 + word-break: break-all;
  1173 + text-overflow: ellipsis;
  1174 + overflow: hidden;
  1175 + background: #fff;
  1176 + top: 0;
  1177 + left: 0;
  1178 + position: absolute !important;
1002 } 1179 }
1003 1180
1004 - // 英文版样式  
1005 - .xlyerpEnglish {  
1006 - .homeTab {  
1007 - width: 100px;  
1008 - } 1181 + .searchMainFormArrow {
  1182 + z-index: 1000 !important;
1009 } 1183 }
1010 1184
1011 - .ant-select-multiple .ant-select-selection-search input {  
1012 - width: auto !important; 1185 + .searchMainFormArrowMaxHeight {
  1186 + max-height: 91px !important;
  1187 + overflow: hidden !important;
1013 } 1188 }
  1189 +}
1014 1190
1015 - .commonTitle {  
1016 - padding-top: 0;  
1017 - .ant-tooltip-arrow {  
1018 - display: none;  
1019 - } 1191 +.bill-search-group1 {
  1192 + .searchMainFormArrowMaxHeight {
  1193 + max-height: none !important;
1020 } 1194 }
1021 - .commonSpecialTitle {  
1022 - padding-top: 0;  
1023 - .ant-tooltip-arrow {  
1024 - display: block;  
1025 - } 1195 +}
  1196 +
  1197 +.ant-pagination-options-size-changer.ant-select {
  1198 + width: auto !important;
  1199 +}
  1200 +
  1201 +// 富文本编辑器
  1202 +.braft-output-content {
  1203 + border: 1px solid #d9d9d9;
  1204 + border-radius: 2px;
  1205 + min-height: 28.5px;
  1206 +}
  1207 +
  1208 +// 英文版样式
  1209 +.xlyerpEnglish {
  1210 + .homeTab {
  1211 + width: 100px;
1026 } 1212 }
1027 } 1213 }
  1214 +
  1215 +.ant-select-multiple .ant-select-selection-search input {
  1216 + width: auto !important;
  1217 +}
  1218 +
  1219 +.commonTitle {
  1220 + padding-top: 0;
  1221 +
  1222 + .ant-tooltip-arrow {
  1223 + display: none;
  1224 + }
  1225 +}
  1226 +
  1227 +.commonSpecialTitle {
  1228 + padding-top: 0;
  1229 +
  1230 + .ant-tooltip-arrow {
  1231 + display: block;
  1232 + }
  1233 +}
1028 \ No newline at end of file 1234 \ No newline at end of file
src/global.less
1 -@import "~@/variable.less";  
2 -@table-bg-even: #f5f5f5;  
3 -/* 表格偶数行背景色 */  
4 -@table-bg-split: #CDCDCD;  
5 -  
6 -/* 表格分割行背景色 */  
7 -html,  
8 -body,  
9 -:global(#root) {  
10 - background: #888;  
11 - height: 100%;  
12 - font-size: 13px;  
13 -}  
14 -  
15 -html {  
16 - overflow: hidden;  
17 -}  
18 -  
19 -.homeTab {  
20 - width: 80px;  
21 - text-align: center;  
22 - font-size: 14px;  
23 - cursor: pointer;  
24 -  
25 - span {  
26 - margin-left: 8px;  
27 - }  
28 -}  
29 -  
30 -.homeTab__active {  
31 - color: var(--xly-skin-active-color, #1890FF);  
32 -}  
33 -  
34 -.mainTabWrap {  
35 - &>.ant-tabs-nav {  
36 - .ant-tabs-tab {  
37 - &:first-child {  
38 - display: none;  
39 - }  
40 - }  
41 - }  
42 -}  
43 -  
44 -.toolbarIcon {  
45 - width: 13px;  
46 - height: 13px;  
47 - display: inline-block;  
48 - fill: #fff;  
49 - stroke: #fff;  
50 - margin-right: 3px;  
51 - position: relative;  
52 - top: 2px; 1 +@import "antd-v4/dist/antd.css";
  2 +@import "./index.less";
  3 +@import "./default.less";
  4 +@import "./variable.less";
  5 +
  6 +.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item,
  7 +.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu {
  8 + padding: 0 12px;
  9 +}
  10 +
  11 +:where(.css-dev-only-do-not-override-240cud).ant-tabs .ant-tabs-tab {
  12 + color: inherit;
  13 +}
  14 +
  15 +:where(.css-dev-only-do-not-override-240cud).ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,
  16 +:where(.css-dev-only-do-not-override-240cud).ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more {
  17 + color: inherit;
  18 +}
  19 +
  20 +.ant-btn {
  21 + padding: 3px 11px;
  22 + font-size: 12px;
  23 + height: 28px;
  24 +}
  25 +
  26 +.ant-btn>.anticon+span,
  27 +.ant-btn>span+.anticon {
  28 + margin-left: 4px;
  29 +}
  30 +
  31 +.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,
  32 +.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab {
  33 + padding: 4px 8px;
  34 +}
  35 +
  36 +.ant-card {
  37 + font-size: 12px;
  38 +}
  39 +
  40 +.ant-card-head {
  41 + padding: 0 12px;
  42 + border-bottom: 1px solid #d9d9d9;
  43 + min-height: 36px;
  44 +}
  45 +
  46 +.ant-card-head-title {
  47 + padding: 8.5px 0;
  48 +}
  49 +
  50 +.ant-card-body {
  51 + padding: 12px;
  52 +}
  53 +
  54 +.ant-tree {
  55 + font-size: 12px;
  56 + line-height: 1.66667;
  57 +}
  58 +
  59 +.ant-tree .ant-tree-treenode {
  60 + padding: 0;
  61 + height: 22px;
  62 +}
  63 +
  64 +.ant-menu-vertical>.ant-menu-item,
  65 +.ant-menu-vertical-left>.ant-menu-item,
  66 +.ant-menu-vertical-right>.ant-menu-item,
  67 +.ant-menu-inline>.ant-menu-item,
  68 +.ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title,
  69 +.ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title,
  70 +.ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title,
  71 +.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title {
  72 + height: 32px;
  73 + line-height: 32px;
  74 +}
  75 +
  76 +.ant-layout-footer {
  77 + font-size: 12px;
  78 +}
  79 +
  80 +.ant-table .ant-table-thead>tr>th {
  81 + background: #e6e6e6;
  82 +}
  83 +
  84 +.ant-table.ant-table-middle .ant-table-thead>tr>th {
  85 + padding: 8px;
  86 + font-size: 12px;
  87 +}
  88 +
  89 +.ant-table-tbody>tr>td {
  90 + border-bottom: 1px solid #d9d9d9;
53 } 91 }
54 \ No newline at end of file 92 \ No newline at end of file