Commit 85c45fcd372b908f1037431689d881af1b69ba78

Authored by zhangzzzz
1 parent 43cccc63

首页样式优化;

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
src/index.less
1 @import "~@/variable.less"; 1 @import "~@/variable.less";
2 -@table-bg-even: #f5f5f5; /* 表格偶数行背景色 */  
3 -@table-bg-split: #CDCDCD; /* 表格分割行背景色 */  
4 -html, body, :global(#root) { 2 +@table-bg-even: #f5f5f5;
  3 +/* 表格偶数行背景色 */
  4 +@table-bg-split: #CDCDCD;
  5 +
  6 +/* 表格分割行背景色 */
  7 +html,
  8 +body,
  9 +#root {
5 background: #888; 10 background: #888;
6 height: 100%; 11 height: 100%;
7 font-size: 13px; 12 font-size: 13px;
8 } 13 }
  14 +
9 html { 15 html {
10 overflow: hidden; 16 overflow: hidden;
11 } 17 }
12 18
13 // 公用更改样式 19 // 公用更改样式
14 .formItemMargin { 20 .formItemMargin {
15 - margin-bottom: 2px!important; 21 + margin-bottom: 2px !important;
16 } 22 }
17 -#sTemplateFullMemo{ 23 +
  24 +#sTemplateFullMemo {
18 max-height: 300px; 25 max-height: 300px;
19 } 26 }
  27 +
20 .clayout { 28 .clayout {
21 position: relative; 29 position: relative;
22 padding: 89px 0 0 0; 30 padding: 89px 0 0 0;
23 background: #f0f2f5; 31 background: #f0f2f5;
24 } 32 }
25 -.content{ 33 +
  34 +.content {
26 max-height: 100%; 35 max-height: 100%;
27 overflow-y: auto; 36 overflow-y: auto;
28 } 37 }
29 -.filterContent{ 38 +
  39 +.filterContent {
30 max-height: 100%; 40 max-height: 100%;
31 position: relative; 41 position: relative;
32 z-index: 20; 42 z-index: 20;
33 } 43 }
34 -.bShow > div:first-child { 44 +
  45 +.bShow>div:first-child {
35 line-height: 0; 46 line-height: 0;
36 height: 0; 47 height: 0;
37 } 48 }
38 49
39 -.bShow > div:first-child > span { 50 +.bShow>div:first-child>span {
40 background-color: transparent; 51 background-color: transparent;
41 } 52 }
42 53
43 -.bShow > div:first-child > span > img { 54 +.bShow>div:first-child>span>img {
44 position: fixed; 55 position: fixed;
45 width: 93px; 56 width: 93px;
46 height: 93px; 57 height: 93px;
47 right: 0px; 58 right: 0px;
48 z-index: 999; 59 z-index: 999;
49 - top: 122px; /* 解决审核图标挡住操作按钮 */ 60 + top: 122px;
  61 + /* 解决审核图标挡住操作按钮 */
50 object-fit: contain; 62 object-fit: contain;
51 } 63 }
52 -.bShow1 > div:first-child { 64 +
  65 +.bShow1>div:first-child {
53 line-height: 0; 66 line-height: 0;
54 height: 0; 67 height: 0;
55 position: relative; 68 position: relative;
56 } 69 }
57 70
58 -.bShow1 > div:first-child > span { 71 +.bShow1>div:first-child>span {
59 background-color: transparent; 72 background-color: transparent;
60 } 73 }
61 -.bShow1 > div:first-child > span > img { 74 +
  75 +.bShow1>div:first-child>span>img {
62 position: fixed; 76 position: fixed;
63 width: 93px; 77 width: 93px;
64 height: 93px; 78 height: 93px;
65 right: 28px; 79 right: 28px;
66 z-index: 999; 80 z-index: 999;
67 - top: 102px; /* 解决审核图标挡住操作按钮 */ 81 + top: 102px;
  82 + /* 解决审核图标挡住操作按钮 */
68 object-fit: contain; 83 object-fit: contain;
69 } 84 }
70 -.personChecked{ 85 +
  86 +.personChecked {
71 position: relative; 87 position: relative;
72 } 88 }
73 -.personName{ 89 +
  90 +.personName {
74 color: #d81e06; 91 color: #d81e06;
75 font-size: 17px; 92 font-size: 17px;
76 font-weight: bold; 93 font-weight: bold;
@@ -80,2459 +97,3248 @@ html { @@ -80,2459 +97,3248 @@ html {
80 z-index: 999; 97 z-index: 999;
81 } 98 }
82 99
83 -:global {  
84 - #modalChooseProductMaterial{  
85 - .ant-pagination-total-text{  
86 - span{  
87 - display: none!important;  
88 - }  
89 - }  
90 - }  
91 - /* subBill单据页 分页组件根据表格定位 */  
92 - .sub_table .ant-table-pagination.ant-pagination {  
93 - position: static;  
94 - margin-top: 10px;  
95 - margin-bottom: -6px;  
96 - }  
97 - .multilist .ant-table-pagination.ant-pagination {  
98 - position: static;  
99 - margin-top: 10px;  
100 - margin-bottom: -6px;  
101 - }  
102 - .clear{  
103 - *zoom: 1;  
104 - &:before,  
105 - &:after {  
106 - content: " ";  
107 - display: table;  
108 - }  
109 - &:after {  
110 - clear: both; 100 +#modalChooseProductMaterial {
  101 + .ant-pagination-total-text {
  102 + span {
  103 + display: none !important;
111 } 104 }
112 } 105 }
113 - .overflow-ellipsis{  
114 - overflow: hidden;  
115 - text-overflow: ellipsis;  
116 - white-space: nowrap; 106 +}
  107 +
  108 +/* subBill单据页 分页组件根据表格定位 */
  109 +.sub_table .ant-table-pagination.ant-pagination {
  110 + position: static;
  111 + margin-top: 10px;
  112 + margin-bottom: -6px;
  113 +}
  114 +
  115 +.multilist .ant-table-pagination.ant-pagination {
  116 + position: static;
  117 + margin-top: 10px;
  118 + margin-bottom: -6px;
  119 +}
  120 +
  121 +.clear {
  122 + *zoom: 1;
  123 +
  124 + &:before,
  125 + &:after {
  126 + content: " ";
  127 + display: table;
117 } 128 }
118 - .ant-modal-body{  
119 - max-height: unset!important; 129 +
  130 + &:after {
  131 + clear: both;
120 } 132 }
121 - .topTable{  
122 - .ant-table-header {  
123 - table {  
124 - visibility: visible!important; // issue antd  
125 - }  
126 - }  
127 - .ant-table-body{  
128 - overflow: auto!important; 133 +}
  134 +
  135 +.overflow-ellipsis {
  136 + overflow: hidden;
  137 + text-overflow: ellipsis;
  138 + white-space: nowrap;
  139 +}
  140 +
  141 +.ant-modal-body {
  142 + max-height: unset !important;
  143 +}
  144 +
  145 +.topTable {
  146 + .ant-table-header {
  147 + table {
  148 + visibility: visible !important; // issue antd
129 } 149 }
130 } 150 }
131 - #modalChooseProcess{  
132 - .resize-container{  
133 - #staticEditTable{  
134 - .topTable .ant-table-body{  
135 - height: 100%!important;  
136 - } 151 +
  152 + .ant-table-body {
  153 + overflow: auto !important;
  154 + }
  155 +}
  156 +
  157 +#modalChooseProcess {
  158 + .resize-container {
  159 + #staticEditTable {
  160 + .topTable .ant-table-body {
  161 + height: 100% !important;
137 } 162 }
138 } 163 }
139 } 164 }
140 - #modalChooseProcess{  
141 - .resize-container-select{  
142 - #staticEditTable{  
143 - .ant-table-body{  
144 - height: 100%!important;  
145 - } 165 +}
  166 +
  167 +#modalChooseProcess {
  168 + .resize-container-select {
  169 + #staticEditTable {
  170 + .ant-table-body {
  171 + height: 100% !important;
146 } 172 }
147 } 173 }
148 } 174 }
149 - #modalChooseProcess{  
150 - .resize-container{  
151 - #staticEditTree{  
152 - height: 100%!important;  
153 - } 175 +}
  176 +
  177 +#modalChooseProcess {
  178 + .resize-container {
  179 + #staticEditTree {
  180 + height: 100% !important;
154 } 181 }
155 } 182 }
156 - .resize-container-select{  
157 - #staticEditTable{  
158 - .topTable {  
159 - height:calc(~'100% - 55px');  
160 - } 183 +}
  184 +
  185 +.resize-container-select {
  186 + #staticEditTable {
  187 + .topTable {
  188 + height: calc(~'100% - 55px');
161 } 189 }
162 } 190 }
163 - .resize-container{  
164 - .xly-tree-box{  
165 - height:calc(~'100% - 13px');  
166 - .ant-form-item{  
167 - height: calc(~'100% - 30px');  
168 - .ant-form-item-control-wrapper{ 191 +}
  192 +
  193 +.resize-container {
  194 + .xly-tree-box {
  195 + height: calc(~'100% - 13px');
  196 +
  197 + .ant-form-item {
  198 + height: calc(~'100% - 30px');
  199 +
  200 + .ant-form-item-control-wrapper {
  201 + height: 100%;
  202 +
  203 + .ant-form-item-control {
169 height: 100%; 204 height: 100%;
170 - .ant-form-item-control{ 205 +
  206 + .ant-form-item-children {
171 height: 100%; 207 height: 100%;
172 - .ant-form-item-children{ 208 +
  209 + &>div {
173 height: 100%; 210 height: 100%;
174 - & > div {  
175 - height: 100%;  
176 - }  
177 } 211 }
178 } 212 }
179 } 213 }
180 } 214 }
181 } 215 }
182 - #staticEditTable{  
183 - .topTable {  
184 - height:calc(~'100% - 13px');  
185 - }  
186 - }  
187 } 216 }
188 217
189 - body {  
190 - -webkit-font-smoothing: antialiased;  
191 - }  
192 - /* 排序 */  
193 - .ant-col-order-25 { -webkit-box-ordinal-group: 26; -webkit-order: 25; -ms-flex-order: 25; order: 25; }  
194 - .ant-col-order-26 { -webkit-box-ordinal-group: 27; -webkit-order: 26; -ms-flex-order: 26; order: 26; }  
195 - .ant-col-order-27 { -webkit-box-ordinal-group: 28; -webkit-order: 27; -ms-flex-order: 27; order: 27; }  
196 - .ant-col-order-28 { -webkit-box-ordinal-group: 29; -webkit-order: 28; -ms-flex-order: 28; order: 28; }  
197 - .ant-col-order-29 { -webkit-box-ordinal-group: 30; -webkit-order: 29; -ms-flex-order: 29; order: 29; }  
198 - .ant-col-order-30 { -webkit-box-ordinal-group: 31; -webkit-order: 30; -ms-flex-order: 30; order: 30; }  
199 - .ant-col-order-31 { -webkit-box-ordinal-group: 32; -webkit-order: 31; -ms-flex-order: 31; order: 31; }  
200 - .ant-col-order-32 { -webkit-box-ordinal-group: 33; -webkit-order: 32; -ms-flex-order: 32; order: 32; }  
201 - .ant-col-order-33 { -webkit-box-ordinal-group: 34; -webkit-order: 33; -ms-flex-order: 33; order: 33; }  
202 - .ant-col-order-34 { -webkit-box-ordinal-group: 35; -webkit-order: 34; -ms-flex-order: 34; order: 34; }  
203 - .ant-col-order-35 { -webkit-box-ordinal-group: 36; -webkit-order: 35; -ms-flex-order: 35; order: 35; }  
204 - .ant-col-order-36 { -webkit-box-ordinal-group: 37; -webkit-order: 36; -ms-flex-order: 36; order: 36; }  
205 - .ant-col-order-37 { -webkit-box-ordinal-group: 38; -webkit-order: 37; -ms-flex-order: 37; order: 37; }  
206 - .ant-col-order-38 { -webkit-box-ordinal-group: 39; -webkit-order: 38; -ms-flex-order: 38; order: 38; }  
207 - .ant-col-order-39 { -webkit-box-ordinal-group: 40; -webkit-order: 39; -ms-flex-order: 39; order: 39; }  
208 - .ant-col-order-40 { -webkit-box-ordinal-group: 41; -webkit-order: 40; -ms-flex-order: 40; order: 40; }  
209 - .ant-col-order-41 { -webkit-box-ordinal-group: 42; -webkit-order: 41; -ms-flex-order: 41; order: 41; }  
210 - .ant-col-order-42 { -webkit-box-ordinal-group: 43; -webkit-order: 42; -ms-flex-order: 42; order: 42; }  
211 - .ant-col-order-43 { -webkit-box-ordinal-group: 44; -webkit-order: 43; -ms-flex-order: 43; order: 43; }  
212 - .ant-col-order-44 { -webkit-box-ordinal-group: 45; -webkit-order: 44; -ms-flex-order: 44; order: 44; }  
213 - .ant-col-order-45 { -webkit-box-ordinal-group: 46; -webkit-order: 45; -ms-flex-order: 45; order: 45; }  
214 - .ant-col-order-46 { -webkit-box-ordinal-group: 47; -webkit-order: 46; -ms-flex-order: 46; order: 46; }  
215 - .ant-col-order-47 { -webkit-box-ordinal-group: 48; -webkit-order: 47; -ms-flex-order: 47; order: 47; }  
216 - .ant-col-order-48 { -webkit-box-ordinal-group: 49; -webkit-order: 48; -ms-flex-order: 48; order: 48; }  
217 - .ant-col-order-49 { -webkit-box-ordinal-group: 50; -webkit-order: 49; -ms-flex-order: 49; order: 49; }  
218 - .ant-col-order-50 { -webkit-box-ordinal-group: 51; -webkit-order: 50; -ms-flex-order: 50; order: 50; }  
219 - .ant-col-order-51 { -webkit-box-ordinal-group: 52; -webkit-order: 51; -ms-flex-order: 51; order: 51; }  
220 - .ant-col-order-52 { -webkit-box-ordinal-group: 53; -webkit-order: 52; -ms-flex-order: 52; order: 52; }  
221 - .ant-col-order-53 { -webkit-box-ordinal-group: 54; -webkit-order: 53; -ms-flex-order: 53; order: 53; }  
222 - .ant-col-order-54 { -webkit-box-ordinal-group: 55; -webkit-order: 54; -ms-flex-order: 54; order: 54; }  
223 - .ant-col-order-55 { -webkit-box-ordinal-group: 56; -webkit-order: 55; -ms-flex-order: 55; order: 55; }  
224 - .ant-col-order-56 { -webkit-box-ordinal-group: 57; -webkit-order: 56; -ms-flex-order: 56; order: 56; }  
225 - .ant-col-order-57 { -webkit-box-ordinal-group: 58; -webkit-order: 57; -ms-flex-order: 57; order: 57; }  
226 - .ant-col-order-58 { -webkit-box-ordinal-group: 59; -webkit-order: 58; -ms-flex-order: 58; order: 58; }  
227 - .ant-col-order-59 { -webkit-box-ordinal-group: 60; -webkit-order: 59; -ms-flex-order: 59; order: 59; }  
228 - .ant-col-order-60 { -webkit-box-ordinal-group: 61; -webkit-order: 60; -ms-flex-order: 60; order: 60; }  
229 - .ant-col-order-61 { -webkit-box-ordinal-group: 62; -webkit-order: 61; -ms-flex-order: 61; order: 61; }  
230 - .ant-col-order-62 { -webkit-box-ordinal-group: 63; -webkit-order: 62; -ms-flex-order: 62; order: 62; }  
231 - .ant-col-order-63 { -webkit-box-ordinal-group: 64; -webkit-order: 63; -ms-flex-order: 63; order: 63; }  
232 - .ant-col-order-64 { -webkit-box-ordinal-group: 65; -webkit-order: 64; -ms-flex-order: 64; order: 64; }  
233 - .ant-col-order-65 { -webkit-box-ordinal-group: 66; -webkit-order: 65; -ms-flex-order: 65; order: 65; }  
234 - .ant-col-order-66 { -webkit-box-ordinal-group: 67; -webkit-order: 66; -ms-flex-order: 66; order: 66; }  
235 - .ant-col-order-67 { -webkit-box-ordinal-group: 68; -webkit-order: 67; -ms-flex-order: 67; order: 67; }  
236 - .ant-col-order-68 { -webkit-box-ordinal-group: 69; -webkit-order: 68; -ms-flex-order: 68; order: 68; }  
237 - .ant-col-order-69 { -webkit-box-ordinal-group: 70; -webkit-order: 69; -ms-flex-order: 69; order: 69; }  
238 - .ant-col-order-70 { -webkit-box-ordinal-group: 71; -webkit-order: 70; -ms-flex-order: 70; order: 70; }  
239 - .ant-col-order-71 { -webkit-box-ordinal-group: 72; -webkit-order: 71; -ms-flex-order: 71; order: 71; }  
240 - .ant-col-order-72 { -webkit-box-ordinal-group: 73; -webkit-order: 72; -ms-flex-order: 72; order: 72; }  
241 - .ant-col-order-73 { -webkit-box-ordinal-group: 74; -webkit-order: 73; -ms-flex-order: 73; order: 73; }  
242 - .ant-col-order-74 { -webkit-box-ordinal-group: 75; -webkit-order: 74; -ms-flex-order: 74; order: 74; }  
243 - .ant-col-order-75 { -webkit-box-ordinal-group: 76; -webkit-order: 75; -ms-flex-order: 75; order: 75; }  
244 - .ant-col-order-76 { -webkit-box-ordinal-group: 77; -webkit-order: 76; -ms-flex-order: 76; order: 76; }  
245 - .ant-col-order-77 { -webkit-box-ordinal-group: 78; -webkit-order: 77; -ms-flex-order: 77; order: 77; }  
246 - .ant-col-order-78 { -webkit-box-ordinal-group: 79; -webkit-order: 78; -ms-flex-order: 78; order: 78; }  
247 - .ant-col-order-79 { -webkit-box-ordinal-group: 80; -webkit-order: 79; -ms-flex-order: 79; order: 79; }  
248 - .ant-col-order-80 { -webkit-box-ordinal-group: 81; -webkit-order: 80; -ms-flex-order: 80; order: 80; }  
249 - .ant-col-order-81 { -webkit-box-ordinal-group: 82; -webkit-order: 81; -ms-flex-order: 81; order: 81; }  
250 - .ant-col-order-82 { -webkit-box-ordinal-group: 83; -webkit-order: 82; -ms-flex-order: 82; order: 82; }  
251 - .ant-col-order-83 { -webkit-box-ordinal-group: 84; -webkit-order: 83; -ms-flex-order: 83; order: 83; }  
252 - .ant-col-order-84 { -webkit-box-ordinal-group: 85; -webkit-order: 84; -ms-flex-order: 84; order: 84; }  
253 - .ant-col-order-85 { -webkit-box-ordinal-group: 86; -webkit-order: 85; -ms-flex-order: 85; order: 85; }  
254 - .ant-col-order-86 { -webkit-box-ordinal-group: 87; -webkit-order: 86; -ms-flex-order: 86; order: 86; }  
255 - .ant-col-order-87 { -webkit-box-ordinal-group: 88; -webkit-order: 87; -ms-flex-order: 87; order: 87; }  
256 - .ant-col-order-88 { -webkit-box-ordinal-group: 89; -webkit-order: 88; -ms-flex-order: 88; order: 88; }  
257 - .ant-col-order-89 { -webkit-box-ordinal-group: 90; -webkit-order: 89; -ms-flex-order: 89; order: 89; }  
258 - .ant-col-order-90 { -webkit-box-ordinal-group: 91; -webkit-order: 90; -ms-flex-order: 90; order: 90; }  
259 - .ant-col-order-91 { -webkit-box-ordinal-group: 92; -webkit-order: 91; -ms-flex-order: 91; order: 91; }  
260 - .ant-col-order-92 { -webkit-box-ordinal-group: 93; -webkit-order: 92; -ms-flex-order: 92; order: 92; }  
261 - .ant-col-order-93 { -webkit-box-ordinal-group: 94; -webkit-order: 93; -ms-flex-order: 93; order: 93; }  
262 - .ant-col-order-94 { -webkit-box-ordinal-group: 95; -webkit-order: 94; -ms-flex-order: 94; order: 94; }  
263 - .ant-col-order-95 { -webkit-box-ordinal-group: 96; -webkit-order: 95; -ms-flex-order: 95; order: 95; }  
264 - .ant-col-order-96 { -webkit-box-ordinal-group: 97; -webkit-order: 96; -ms-flex-order: 96; order: 96; }  
265 - .ant-col-order-97 { -webkit-box-ordinal-group: 98; -webkit-order: 97; -ms-flex-order: 97; order: 97; }  
266 - .ant-col-order-98 { -webkit-box-ordinal-group: 99; -webkit-order: 98; -ms-flex-order: 98; order: 98; }  
267 - .ant-col-order-99 { -webkit-box-ordinal-group: 100; -webkit-order: 99; -ms-flex-order: 99; order: 99; }  
268 - .ant-col-order-100 { -webkit-box-ordinal-group: 101; -webkit-order: 100; -ms-flex-order: 100; order: 100; }  
269 - .ant-tabs {  
270 - height: 100%; 218 + #staticEditTable {
  219 + .topTable {
  220 + height: calc(~'100% - 13px');
  221 + }
271 } 222 }
  223 +}
272 224
  225 +body {
  226 + -webkit-font-smoothing: antialiased;
  227 +}
273 228
274 - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {  
275 - /* tabs 页签 */  
276 - line-height: 24px!important;  
277 - padding: 8px 10px!important;  
278 - margin-right: 18px!important;  
279 - font-size: 14px!important;  
280 - background: none!important;  
281 - border: 0!important;  
282 - } 229 +/* 排序 */
  230 +.ant-col-order-25 {
  231 + -webkit-box-ordinal-group: 26;
  232 + -webkit-order: 25;
  233 + -ms-flex-order: 25;
  234 + order: 25;
  235 +}
283 236
284 - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab span {  
285 - color: #fff;  
286 - } 237 +.ant-col-order-26 {
  238 + -webkit-box-ordinal-group: 27;
  239 + -webkit-order: 26;
  240 + -ms-flex-order: 26;
  241 + order: 26;
  242 +}
287 243
288 - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-ink-bar {  
289 - /* tabs 页签 */  
290 - visibility: visible!important;  
291 - bottom: 0!important;  
292 - }  
293 - .ant-tabs-nav .ant-tabs-tab-active {  
294 - /* tabs 页签 */  
295 - font-weight: 400!important;  
296 - } 244 +.ant-col-order-27 {
  245 + -webkit-box-ordinal-group: 28;
  246 + -webkit-order: 27;
  247 + -ms-flex-order: 27;
  248 + order: 27;
  249 +}
297 250
298 - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .anticon-close {  
299 - /* 关闭按钮页签样式 */  
300 - color: #fff!important;  
301 - margin-left: 5px!important;  
302 - }  
303 - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active .anticon-close {  
304 - color: #1890FF!important;  
305 - }  
306 - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active span {  
307 - color: #1890FF!important;  
308 - }  
309 - .ant-layout {  
310 - background: transparent!important;  
311 - height: 100%;  
312 - }  
313 - .ant-form-item-required:before {  
314 - }  
315 - /* 表格必填项 */  
316 - .table-title-required{  
317 - font-family: SimSun;  
318 - line-height: 1;  
319 - font-size: 14px;  
320 - color: #f5222d;  
321 - }  
322 - .ant-card-wider-padding .ant-card-head {  
323 - /* tabs */  
324 - padding: 0!important;  
325 - }  
326 - .ant-tabs-bar {  
327 - margin-bottom: 0!important;  
328 - }  
329 - .ant-tabs-small .ant-tabs-tab {  
330 - padding: 8px 12px!important;  
331 - }  
332 - .ant-tree.ant-tree-show-line li span.ant-tree-switcher {  
333 - /* 树 */  
334 - color: #000!important;  
335 - }  
336 - .ant-input-affix-wrapper {  
337 - /* 搜索框 */  
338 - font-size: 16px!important;  
339 - }  
340 - .ant-menu-inline .ant-menu-item:not(:last-child) {  
341 - /* 菜单 */  
342 - margin: 0!important;  
343 - }  
344 - .ant-menu-vertical .ant-menu-item {  
345 - /* 菜单 */  
346 - margin-bottom: 0!important;  
347 - }  
348 - .ant-menu-vertical .ant-menu-item:not(:last-child) {  
349 - /* 菜单 */  
350 - margin-bottom: 0!important;  
351 - }  
352 - .tabChild___3EqgA .ant-form-item-label{  
353 - text-align: right!important;  
354 - padding-right:10px!important;  
355 - }  
356 - .tabChild___3EqgA .ant-form-item-control{  
357 - padding-left: 20px!important;  
358 - }  
359 - .tabChildDot___DZtMw .ant-form-item-label{  
360 - text-align: right!important;  
361 - padding-right:10px!important;  
362 - }  
363 - .ant-select-selection--single {  
364 - border-radius: 0!important;  
365 - height: 32px!important;  
366 - }  
367 - .white-bk {  
368 - font-size: 12px!important;  
369 - }  
370 - .white-bk .ant-select-selection--single {  
371 - background-color: #fff!important;  
372 - font-size: 12px;  
373 - }  
374 - .ant-checkbox-wrapper + span, .ant-checkbox + span {  
375 - /* checkbox */  
376 - overflow: hidden;  
377 - text-overflow: ellipsis;  
378 - white-space: nowrap;  
379 - padding-right: 0!important;  
380 - display: inline-block;  
381 - vertical-align: middle;  
382 - margin-top: -3px;  
383 - margin-right: 5px;  
384 - }  
385 - .ant-tabs-small .ant-tabs-nav-container {  
386 - font-size: 14px!important;  
387 - }  
388 - .ant-table-scroll {  
389 - overflow-y: hidden!important;  
390 - }  
391 - .ant-table-header table {  
392 - border-radius: 0!important;  
393 - }  
394 - .ant-calendar-picker-icon:after {  
395 - font-size: 14px!important;  
396 - }  
397 - .ant-calendar-picker-clear, .ant-calendar-picker-icon {  
398 - width: 16px!important;  
399 - height: 16px!important;  
400 - right: 8px!important;  
401 - margin-top: -8px!important;  
402 - line-height: 16px!important;  
403 - font-size: 14px!important;  
404 - }  
405 - .ant-calendar-picker-icon:after {  
406 - font-size: 16px!important;  
407 - }  
408 - .ant-btn-clicked:after {  
409 - border: 0!important;  
410 - }  
411 - .ant-upload {  
412 - line-height: normal!important;  
413 - }  
414 - /*设置所有表格选中行背景色 */  
415 - #staticEditTable .selected-record-row td {  
416 - background-color: #e6f7ff!important;  
417 - div{  
418 - background:#e6f7ff; /* ffe7ba */  
419 - }  
420 - }  
421 - /*设置列表选中行背景色 */  
422 - .xly-normal-list #staticEditTable .selected-record-row td{  
423 - background-color: #e6f7ff;  
424 - div{  
425 - background:none;  
426 - }  
427 - }  
428 - /* 通用大屏列表选中行 */  
429 - .commonRollChar #staticEditTable .selected-record-row td{  
430 - background:none!important;  
431 - div{  
432 - background:none!important;  
433 - }  
434 - }  
435 - /* 可编辑列表 */  
436 - .editable #staticEditTable .selected-record-row td{  
437 - background:none!important;  
438 - div{  
439 - //padding:1px 13px!important;  
440 - background-color: #fff;  
441 - }  
442 - }  
443 - .editable #staticEditTable .ant-form-item-control{  
444 - height: 28px!important;  
445 - }  
446 - /* 设置偶行背景色 */  
447 - .xlyCommonTable:not(.tableEnabled) .dark-record-row td {  
448 - background-color:@table-bg-even!important;  
449 - .ant-table-selection-column {  
450 - background-color:@table-bg-even!important;  
451 - }  
452 - } 251 +.ant-col-order-28 {
  252 + -webkit-box-ordinal-group: 29;
  253 + -webkit-order: 28;
  254 + -ms-flex-order: 28;
  255 + order: 28;
  256 +}
453 257
454 - .xlyCommonTable.tableEnabled .ant-table-tbody > tr.ant-table-row-selected > td {  
455 - background: #FFF !important;  
456 - border-color: #d9d9d9 !important;  
457 - } 258 +.ant-col-order-29 {
  259 + -webkit-box-ordinal-group: 30;
  260 + -webkit-order: 29;
  261 + -ms-flex-order: 29;
  262 + order: 29;
  263 +}
458 264
459 - /* 设置分割行背景色 */  
460 - .split-record-row td, .split-record-row-skip td {  
461 - background-color:@table-bg-split!important;  
462 - font-weight: bold;  
463 - .ant-table-selection-column {  
464 - font-weight: bold;  
465 - background-color:@table-bg-split!important;  
466 - }  
467 - .noInput{  
468 - overflow: unset;  
469 - }  
470 - //span{background-color:@table-bg-split!important;}  
471 - .linksActiveIdStyle{  
472 - word-break:keep-all!important;  
473 - word-space:nowrap!important;  
474 - }  
475 - }  
476 - .split-record-row td {  
477 - span{background-color:@table-bg-split!important;}  
478 - }  
479 - .split-record-row-skip td {  
480 - .noInput{background-color:@table-bg-split!important;}  
481 - }  
482 - .split-record-row-skip td span.ant-checkbox{  
483 - background-color: transparent!important;  
484 - }  
485 - /* 设置分割行边框 */  
486 - .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.split-record-row >td{  
487 - border: none!important;  
488 - }  
489 - .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.split-record-row-skip >td{  
490 - border: none!important;  
491 - }  
492 - .virtuallist>table>.ant-table-tbody>tr.split-record-row >td>div{  
493 - overflow: unset;  
494 - }  
495 - .virtuallist>table>.ant-table-tbody>tr.split-record-row-skip >td>div{  
496 - overflow: unset;  
497 - }  
498 - /* 设置分割行悬浮背景 */  
499 - tr.split-record-row:not(.selected-record-row):not(.ant-table-expanded-row-level-1){  
500 - &:hover{  
501 - background: @table-bg-split!important;  
502 - td{  
503 - background: @table-bg-split!important;  
504 - font-weight: bold;  
505 - }  
506 - .sActiveIdStyle{  
507 - background: @table-bg-split!important;  
508 - }  
509 - }  
510 - }  
511 - tr.split-record-row-skip:not(.selected-record-row):not(.ant-table-expanded-row-level-1){  
512 - &:hover{  
513 - background: @table-bg-split!important;  
514 - td{  
515 - background: @table-bg-split!important;  
516 - font-weight: bold;  
517 - }  
518 - .sActiveIdStyle{  
519 - background: @table-bg-split!important;  
520 - }  
521 - }  
522 - }  
523 - /* 根据条件 设置符合条件的行背景 */  
524 - .SetRow_blue td {  
525 - background-color:blue!important;  
526 - .ant-table-selection-column {  
527 - background-color:blue!important;  
528 - }  
529 - }  
530 - .SetRow_orange td {  
531 - background-color:orange!important;  
532 - .ant-table-selection-column {  
533 - background-color: orange!important;  
534 - }  
535 - }  
536 - .SetRow_green td {  
537 - background-color:green!important;  
538 - .ant-table-selection-column {  
539 - background-color: green!important;  
540 - }  
541 - }  
542 - .SetRow_red td {  
543 - background-color:#ff9393!important;  
544 - .ant-table-selection-column {  
545 - background-color: #ffdede!important;  
546 - }  
547 - }  
548 - .SetRow_yellow td {  
549 - background-color:yellow!important;  
550 - .ant-table-selection-column {  
551 - background-color:yellow!important;  
552 - }  
553 - }  
554 - .SetRow_pink td {  
555 - background-color:pink!important;  
556 - .ant-table-selection-column {  
557 - background-color:pink!important;  
558 - }  
559 - }  
560 - tr[class*="SetRow_"] {  
561 - .readonlyField {  
562 - background-color: transparent !important;  
563 - }  
564 - }  
565 - /* 根据条件 设置符合条件的单元格背景 */  
566 - .SetCell_green div{  
567 - background-color: green!important;  
568 - }  
569 - .SetCell_red div{  
570 - background-color: red!important;  
571 - }  
572 - .SetCell_yellow div{  
573 - background-color: yellow!important;  
574 - }  
575 - .SetCell_blue div{  
576 - background-color: blue!important;  
577 - }  
578 - .SetCell_orange div{  
579 - background-color: orange!important;  
580 - }  
581 - .SetCell_pink div{  
582 - background-color: pink!important;  
583 - }  
584 - /* 未读消息 整行文字加粗 */  
585 - .newsNoRead{  
586 - font-weight: bold!important;  
587 - }  
588 - .ant-pagination-item {  
589 - border-radius: 0!important;  
590 - }  
591 - .ant-pagination-options-quick-jumper input {  
592 - border-radius: 0!important;  
593 - }  
594 - .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link {  
595 - border-radius: 0!important;  
596 - height: 28px;  
597 - }  
598 - .ant-pagination-options-quick-jumper {  
599 - height: 28px!important;  
600 - line-height: 28px!important;  
601 - }  
602 - .ant-pagination-options-quick-jumper input {  
603 - height: 28px!important;  
604 - }  
605 - .ant-modal-content {  
606 - border-radius: 0!important;  
607 - }  
608 - .ant-modal-header {  
609 - padding:7px 24px!important;  
610 - background: var(--xly-skin-modal-bg-color, #646464) !important;  
611 - color: #fff!important;  
612 - font-size: 18px;  
613 - border-radius: 0!important;  
614 - }  
615 - .ant-modal-close-x {  
616 - height: 33px!important;  
617 - line-height:33px!important;  
618 - }  
619 - .ant-modal-title {  
620 - color: #fff!important;  
621 - }  
622 - .ant-modal-close {  
623 - color: #fff!important; 265 +.ant-col-order-30 {
  266 + -webkit-box-ordinal-group: 31;
  267 + -webkit-order: 30;
  268 + -ms-flex-order: 30;
  269 + order: 30;
  270 +}
624 271
625 - }  
626 - .ant-menu-item i.selected {  
627 - color: #f6c136;  
628 - }  
629 - .mergeTable .ant-table-header {  
630 - position: fixed;  
631 - top: 113px;  
632 - z-index: 20;  
633 - border-top: 1px solid #d9d9d9;  
634 - }  
635 - .ant-select-selection-selected-value {  
636 - padding-left: 11px;  
637 - }  
638 - #sMemo{ font-size: 12px!important;}  
639 - .ant-form-item-children {  
640 - display: block;  
641 - } 272 +.ant-col-order-31 {
  273 + -webkit-box-ordinal-group: 32;
  274 + -webkit-order: 31;
  275 + -ms-flex-order: 31;
  276 + order: 31;
  277 +}
642 278
643 - .speacialNote{  
644 - font-size: 12px;  
645 - color: rgba(0, 0, 0, 0.65)!important;  
646 - }  
647 - /* 制单日期、制单人员、订单号设置保存时自动生成文字提醒 */  
648 - .searchMainForm .speacialNote{  
649 - position: absolute;  
650 - left: 32%;  
651 - top:0;  
652 - font-size: 12px;  
653 - color: #000!important;  
654 - }  
655 - .searchMainForm {  
656 - border-top: 0;  
657 - padding: 8px 8px 8px 8px!important; /* 间距收窄 */  
658 - margin: 0 10px!important;  
659 - background: #fff;  
660 - } 279 +.ant-col-order-32 {
  280 + -webkit-box-ordinal-group: 33;
  281 + -webkit-order: 32;
  282 + -ms-flex-order: 32;
  283 + order: 32;
  284 +}
661 285
662 - .viewStyle {  
663 - background: #fff;  
664 - } 286 +.ant-col-order-33 {
  287 + -webkit-box-ordinal-group: 34;
  288 + -webkit-order: 33;
  289 + -ms-flex-order: 33;
  290 + order: 33;
  291 +}
665 292
666 - .searchMainForm input[disabled],  
667 - .searchMainForm textArea[disabled],  
668 - .searchMainForm .ant-select-disabled .ant-select-selection-item,  
669 - // .searchMainForm .sActiveIdStyle,  
670 - .viewStyle input[disabled],  
671 - .viewStyle textArea[disabled],  
672 - .xlyMemoList textArea[disabled]  
673 - // .viewStyle .sActiveIdStyle,  
674 - {  
675 - background-color: #f1f2f8!important;  
676 - // color: #999!important;  
677 - color: #000!important;  
678 - &+.sActiveIdStyle {  
679 - background-color: #f1f2f8!important;  
680 - .masterLinkSpan {  
681 - background-color: #f1f2f8!important;  
682 - }  
683 - }  
684 - }  
685 - .searchMainForm .ant-picker.ant-picker-disabled,  
686 - .viewStyle .ant-picker.ant-picker-disabled  
687 - {  
688 - background-color: #f1f2f8!important;  
689 - &+.sActiveIdStyle {  
690 - background-color: #f1f2f8!important;  
691 - .masterLinkSpan {  
692 - background-color: #f1f2f8!important;  
693 - }  
694 - }  
695 - }  
696 - .searchMainForm .ant-select-disabled,  
697 - .viewStyle .ant-select-disabled  
698 - {  
699 - .ant-select-selector{  
700 - background-color: #f1f2f8!important;  
701 - }  
702 - &+.sActiveIdStyle {  
703 - background-color: #f1f2f8!important;  
704 - .masterLinkSpan {  
705 - background-color: #f1f2f8!important;  
706 - }  
707 - }  
708 - } 293 +.ant-col-order-34 {
  294 + -webkit-box-ordinal-group: 35;
  295 + -webkit-order: 34;
  296 + -ms-flex-order: 34;
  297 + order: 34;
  298 +}
709 299
710 - /* 所有表格只读模式设置背景色 */  
711 - .coustomStyle input{  
712 - background-color: #f1f2f8!important;  
713 - }  
714 - /* 生产施工单 选择框异常 */  
715 - .ant-select-selection__rendered {  
716 - margin-left: 0!important;  
717 - margin-right: 0!important;  
718 - background-color: #fff;  
719 - font-size: 12px;  
720 - height: 30px;  
721 - line-height: 31px!important;  
722 - }  
723 - /* 通用弹窗select样式 */ 300 +.ant-col-order-35 {
  301 + -webkit-box-ordinal-group: 36;
  302 + -webkit-order: 35;
  303 + -ms-flex-order: 35;
  304 + order: 35;
  305 +}
724 306
725 - .commonInputSearch input:hover{  
726 - background: #e6f7ff!important; /* #e6e7ff */  
727 - }  
728 - .commonInputSearch input:focus{  
729 - background: #e6f7ff!important;  
730 - }  
731 - .react-grid-item {  
732 - .ant-row {  
733 - flex-wrap: nowrap !important;  
734 - }  
735 - .sActiveIdStyle_viewChooseSpan{  
736 - position: absolute !important;  
737 - background: #FFF;  
738 - width: calc(100% - 2px);  
739 - height: calc(100% - 2px) !important;  
740 - margin: 1px;  
741 - z-index: 1;  
742 - overflow: hidden;  
743 - text-overflow: ellipsis;  
744 - white-space: nowrap;  
745 - .viewChooseSpan {  
746 - cursor: pointer;  
747 - }  
748 - }  
749 - }  
750 - .ant-row .commonInputSearch input:focus{  
751 - background: #e6f7ff!important;  
752 - } 307 +.ant-col-order-36 {
  308 + -webkit-box-ordinal-group: 37;
  309 + -webkit-order: 36;
  310 + -ms-flex-order: 36;
  311 + order: 36;
  312 +}
753 313
754 - /* 右击单击 弹窗 */  
755 - .ContextMenuCol{  
756 - border: 1px solid #d3d3d3;  
757 - .ant-select-auto-complete.ant-select .ant-input{  
758 - border: 0!important;  
759 - } 314 +.ant-col-order-37 {
  315 + -webkit-box-ordinal-group: 38;
  316 + -webkit-order: 37;
  317 + -ms-flex-order: 37;
  318 + order: 37;
  319 +}
760 320
761 - }  
762 - /** 这个样式控制表单页悬浮框样式,这个样式涵盖的范围太广,导致其他样式被覆盖 */  
763 - .white-bk .ant-select-selection__rendered{  
764 - background-color: #fff;  
765 - font-size: 12px;  
766 - } 321 +.ant-col-order-38 {
  322 + -webkit-box-ordinal-group: 39;
  323 + -webkit-order: 38;
  324 + -ms-flex-order: 38;
  325 + order: 38;
  326 +}
767 327
768 - .ant-cascader-picker-disabled {  
769 - background: #fafafa!important;  
770 - color: rgba(0, 0, 0, 0.5)!important;  
771 - }  
772 - #mergeTableEdit .ant-input-number-input[disabled] {  
773 - background: transparent!important;  
774 - }  
775 - /* 设置CommonTable通用表格样式 */  
776 - #staticEditTable {  
777 - background-color: #fff; /* 设置通用表格背景色 */  
778 - position: relative;  
779 - margin-top: -1px;  
780 - }  
781 - #staticEditTable .ant-input[disabled] {  
782 - background: transparent!important;  
783 - }  
784 - #staticEditTable .ant-input-number-input[disabled] {  
785 - background: transparent!important;  
786 - }  
787 - /* 默认数字控件是90px,单层表格行设置数字控件不设置宽度 */  
788 - .viewStyle .ant-input-number{  
789 - width: auto!important;  
790 - }  
791 - .viewStyle .ant-select-show-search{  
792 - border:1px solid #d9d9d9!important;  
793 - }  
794 - .viewStyle .react-grid-item .ant-select-show-search {  
795 - border: 0 !important;  
796 - }  
797 - .commonNewTabBilll {  
798 - .ant-form-item-control {  
799 - flex: 1;  
800 - max-width: 100%;  
801 - }  
802 - .ant-form-item-control-input{  
803 - .masterLinkSpan {  
804 - left: -3px;  
805 - top: 1px;  
806 - background: #FFF;  
807 - }  
808 - }  
809 - }  
810 - /* 控制所有表格 悬浮行背景颜色*/  
811 - /* 通用表格 icon字体 */  
812 - #staticEditTable a i{  
813 - font-size: 15px;  
814 - }  
815 - /*销售订单列表单元格元素控制*/  
816 - .xly-normal-list #staticEditTable td {  
817 - font-size: 12px!important;  
818 - color: #000!important; /* 设置通用列表单元格文字颜色 */  
819 - padding: 0 5px!important;  
820 - overflow: hidden;  
821 - text-overflow: ellipsis;  
822 - white-space: nowrap;/*超出变成省略号 */  
823 - }  
824 - /* 设置通用表格滚动条问题 */  
825 - #staticEditTable .ant-select-selection {  
826 - height: 31px !important;  
827 - background-color: transparent!important;  
828 - }  
829 - #staticEditTable .ant-calendar-picker-icon:after {  
830 - content: ''!important;  
831 - }  
832 - /* 设置CommonTable通用树样式 */  
833 - #staticEditTree{  
834 - height: 100%;  
835 - overflow: auto;  
836 - }  
837 - /* 系统权限Tree*/  
838 - .xly-jurisdiction #staticEditTree{  
839 - //max-height: ~'calc(100vh - 160px)';  
840 - overflow: hidden;  
841 - }  
842 - /* 选择工序Tree*/  
843 - #modalChooseProcess #staticEditTree{  
844 - height: 298px;  
845 - overflow: auto;  
846 - }  
847 - #modalChooseProcess #staticEditTable .sActiveIdStyle{  
848 - position: inherit!important;  
849 - }  
850 - /* Begin 数据导入页面 */  
851 - #importDataInfo .topTable{  
852 - .ant-table-scroll{  
853 - height:calc(~'100vh - 225px');  
854 - overflow-x: auto!important;  
855 - }  
856 - .ant-table-header{ /* 解决无数据时没滚动条导致头部显示不全问题 */  
857 - width: max-content;  
858 - overflow-y: scroll!important;  
859 - }  
860 - .ant-table-body{  
861 - width: max-content;  
862 - height:calc(~'100vh - 276px');  
863 - overflow-x: auto!important;  
864 - overflow-y: auto!important;  
865 - }  
866 - }  
867 - /* END 数据导入页面 */ 328 +.ant-col-order-39 {
  329 + -webkit-box-ordinal-group: 40;
  330 + -webkit-order: 39;
  331 + -ms-flex-order: 39;
  332 + order: 39;
  333 +}
868 334
869 - /* Begin 设计功能弹出层界面样式调整 */  
870 - #StatementInfo .ant-btn{  
871 - border: 0;  
872 - background-color: #1890FF;  
873 - }  
874 - #StatementInfo .billToolBar{  
875 - margin-bottom: 8px;  
876 - }  
877 - #StatementInfo .ant-table-fixed{  
878 - width: 100%!important;  
879 - }  
880 - #StatementInfo ul{width: 100%;}  
881 - #StatementInfo li{ float:left;width: 60px;}  
882 - #StatementInfo .toolBar___22SoH li{  
883 - padding:0!important;  
884 - }  
885 - #StatementInfo .toolBar___22SoH a:hover {  
886 - color:#1890FF !important  
887 - }  
888 - #StatementInfo li a{ color: #fff;}  
889 - #StatementInfo li a[disabled] { color: #a2a2a2;}  
890 - #StatementInfo li i { margin-right:6px;}  
891 - #StatementInfo .ant-table-body{  
892 - overflow-x: hidden!important;  
893 - overflow-y: auto!important;  
894 - height: 133px;  
895 - }  
896 - #StatementInfo .ant-table-footer{  
897 - display: none;  
898 - }  
899 - /* END 设计功能弹出层 */ 335 +.ant-col-order-40 {
  336 + -webkit-box-ordinal-group: 41;
  337 + -webkit-order: 40;
  338 + -ms-flex-order: 40;
  339 + order: 40;
  340 +}
900 341
901 - .ant-message span {  
902 - white-space: pre-wrap;  
903 - }  
904 - .ant-input-number-handler-wrap {  
905 - display: none!important;  
906 - }  
907 - .ant-card-extra {  
908 - padding: 0!important;  
909 - }  
910 - .ant-card-body {  
911 - overflow: auto;  
912 - }  
913 - .ant-modal-body {  
914 - overflow: hidden;  
915 - }  
916 - /* 设置通用切换slaveTab */  
917 - .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-disabled span{  
918 - color: #6b6868;  
919 - cursor: not-allowed; /*设置不可用tab样式 */  
920 - }  
921 - .importDataInfo{  
922 - .ant-legacy-form-item-control{  
923 - line-height: unset;  
924 - }  
925 - }  
926 - #popupPan .ant-table-body {  
927 - max-height: 350px!important;  
928 - }  
929 - #worker .ant-table-scroll > div:last-child {  
930 - min-height: 110px;  
931 - }  
932 - #worker .ant-input-number-input[disabled] {  
933 - background: transparent!important;  
934 - }  
935 - #workerOrder table {  
936 - width: auto;  
937 - }  
938 - #workerOrder td {  
939 - padding: 0 8px!important;  
940 - height: 32px;  
941 - }  
942 - #commonList {  
943 - background: #f0f2f5!important;  
944 - } 342 +.ant-col-order-41 {
  343 + -webkit-box-ordinal-group: 42;
  344 + -webkit-order: 41;
  345 + -ms-flex-order: 41;
  346 + order: 41;
  347 +}
945 348
946 - #sPartsName .ant-form-item {  
947 - display: inline-block;  
948 - width: 100%;  
949 - margin-bottom: 0!important;  
950 - height: 21px!important;  
951 - }  
952 - #sPartsName .ant-form-item-control {  
953 - line-height: 21px!important;  
954 - }  
955 - //.ant-select {  
956 - // width: 100%!important;  
957 - //}  
958 - #staticEditTable{  
959 - .ant-pagination{  
960 - .ant-select {  
961 - width: 63px !important;  
962 - }  
963 - }  
964 - .ant-pagination-total-text{  
965 - position: absolute;  
966 - right: 10px;  
967 - }  
968 - .ant-pagination-options {  
969 - .ant-pagination-options-size-changer{  
970 - .ant-select-selection{  
971 - height: auto !important;  
972 - }  
973 - }  
974 - }  
975 - }  
976 - //设备信息中的从表样式  
977 - .xly-bill-list .iPlcNoTable .topTable .ant-spin-nested-loading .ant-spin-container .ant-table{  
978 - height: 83% !important;  
979 - .ant-table-body{  
980 - overflow: auto !important;  
981 - }  
982 - } 349 +.ant-col-order-42 {
  350 + -webkit-box-ordinal-group: 43;
  351 + -webkit-order: 42;
  352 + -ms-flex-order: 42;
  353 + order: 42;
983 } 354 }
984 355
985 -.tableOption {  
986 - line-height: 0!important;  
987 - position: absolute;  
988 - top: -27px;  
989 - right: 0; 356 +.ant-col-order-43 {
  357 + -webkit-box-ordinal-group: 44;
  358 + -webkit-order: 43;
  359 + -ms-flex-order: 43;
  360 + order: 43;
990 } 361 }
991 362
992 -.tableOption > span:first-child {  
993 - display: inline-block; 363 +.ant-col-order-44 {
  364 + -webkit-box-ordinal-group: 45;
  365 + -webkit-order: 44;
  366 + -ms-flex-order: 44;
  367 + order: 44;
994 } 368 }
995 369
996 -.tableOption > button {  
997 - border: 1px solid #1890FF;  
998 - background: #1890FF;  
999 - color: #fff;  
1000 - margin-left: 8px;  
1001 - min-width: 65px;  
1002 - height: 28px;  
1003 - line-height: 28px; 370 +.ant-col-order-45 {
  371 + -webkit-box-ordinal-group: 46;
  372 + -webkit-order: 45;
  373 + -ms-flex-order: 45;
  374 + order: 45;
1004 } 375 }
1005 376
1006 -.tableOption > button:hover {  
1007 - border: 1px solid #1890FF!important;  
1008 - background: #1890FF!important;  
1009 - color: #fff!important; 377 +.ant-col-order-46 {
  378 + -webkit-box-ordinal-group: 47;
  379 + -webkit-order: 46;
  380 + -ms-flex-order: 46;
  381 + order: 46;
1010 } 382 }
1011 383
1012 -.tableOption > button[disabled], .tableOption > button[disabled]:hover {  
1013 - color: rgba(0, 0, 0, 0.5) !important;  
1014 - background: #f5f5f5!important;  
1015 - border: 1px solid #d9d9d9!important; 384 +.ant-col-order-47 {
  385 + -webkit-box-ordinal-group: 48;
  386 + -webkit-order: 47;
  387 + -ms-flex-order: 47;
  388 + order: 47;
1016 } 389 }
1017 390
  391 +.ant-col-order-48 {
  392 + -webkit-box-ordinal-group: 49;
  393 + -webkit-order: 48;
  394 + -ms-flex-order: 48;
  395 + order: 48;
  396 +}
1018 397
  398 +.ant-col-order-49 {
  399 + -webkit-box-ordinal-group: 50;
  400 + -webkit-order: 49;
  401 + -ms-flex-order: 49;
  402 + order: 49;
  403 +}
1019 404
1020 -.TextArea{  
1021 - font-size: 20px;  
1022 - margin: 0 10px 10px 10px; 405 +.ant-col-order-50 {
  406 + -webkit-box-ordinal-group: 51;
  407 + -webkit-order: 50;
  408 + -ms-flex-order: 50;
  409 + order: 50;
1023 } 410 }
1024 411
1025 -.wrapRow{  
1026 - width: 100%;  
1027 - padding: 0 25px 0 25px; 412 +.ant-col-order-51 {
  413 + -webkit-box-ordinal-group: 52;
  414 + -webkit-order: 51;
  415 + -ms-flex-order: 51;
  416 + order: 51;
1028 } 417 }
1029 -.lef{  
1030 - width: 48%;  
1031 - float: left; 418 +
  419 +.ant-col-order-52 {
  420 + -webkit-box-ordinal-group: 53;
  421 + -webkit-order: 52;
  422 + -ms-flex-order: 52;
  423 + order: 52;
1032 } 424 }
1033 -.rig{  
1034 - width: 48%;  
1035 - margin-left: 4%;  
1036 - float: left; 425 +
  426 +.ant-col-order-53 {
  427 + -webkit-box-ordinal-group: 54;
  428 + -webkit-order: 53;
  429 + -ms-flex-order: 53;
  430 + order: 53;
1037 } 431 }
1038 432
1039 -.uploadPic i {  
1040 - display: block;  
1041 - font-size: 32px;  
1042 - color: #999; 433 +.ant-col-order-54 {
  434 + -webkit-box-ordinal-group: 55;
  435 + -webkit-order: 54;
  436 + -ms-flex-order: 54;
  437 + order: 54;
1043 } 438 }
1044 439
1045 -.uploadPic > div {  
1046 - color: #666;  
1047 - font-size: 14px; 440 +.ant-col-order-55 {
  441 + -webkit-box-ordinal-group: 56;
  442 + -webkit-order: 55;
  443 + -ms-flex-order: 55;
  444 + order: 55;
1048 } 445 }
1049 -.header {  
1050 - position: fixed;  
1051 - width: 100%;  
1052 - z-index: 999;  
1053 - top: 60px;  
1054 - height: 30px!important;  
1055 - padding: 0px!important;  
1056 - line-height: inherit!important;  
1057 - background: transparent!important; 446 +
  447 +.ant-col-order-56 {
  448 + -webkit-box-ordinal-group: 57;
  449 + -webkit-order: 56;
  450 + -ms-flex-order: 56;
  451 + order: 56;
1058 } 452 }
1059 453
  454 +.ant-col-order-57 {
  455 + -webkit-box-ordinal-group: 58;
  456 + -webkit-order: 57;
  457 + -ms-flex-order: 57;
  458 + order: 57;
  459 +}
1060 460
  461 +.ant-col-order-58 {
  462 + -webkit-box-ordinal-group: 59;
  463 + -webkit-order: 58;
  464 + -ms-flex-order: 58;
  465 + order: 58;
  466 +}
1061 467
1062 -.clayoutClassify {  
1063 - margin: 70px 0 0 0; 468 +.ant-col-order-59 {
  469 + -webkit-box-ordinal-group: 60;
  470 + -webkit-order: 59;
  471 + -ms-flex-order: 59;
  472 + order: 59;
1064 } 473 }
1065 474
1066 -.popupPan .clayoutClassify {  
1067 - margin: 0!important; 475 +.ant-col-order-60 {
  476 + -webkit-box-ordinal-group: 61;
  477 + -webkit-order: 60;
  478 + -ms-flex-order: 60;
  479 + order: 60;
1068 } 480 }
1069 481
1070 -.clayoutBot {  
1071 - padding: 0 10px; 482 +.ant-col-order-61 {
  483 + -webkit-box-ordinal-group: 62;
  484 + -webkit-order: 61;
  485 + -ms-flex-order: 61;
  486 + order: 61;
1072 } 487 }
1073 488
1074 -.clayoutTop {  
1075 - padding: 30px 32px 20px 32px; 489 +.ant-col-order-62 {
  490 + -webkit-box-ordinal-group: 63;
  491 + -webkit-order: 62;
  492 + -ms-flex-order: 62;
  493 + order: 62;
1076 } 494 }
1077 495
1078 -.clayoutCalc {  
1079 - margin: 0 10px;  
1080 - background: #fff!important; 496 +.ant-col-order-63 {
  497 + -webkit-box-ordinal-group: 64;
  498 + -webkit-order: 63;
  499 + -ms-flex-order: 63;
  500 + order: 63;
1081 } 501 }
1082 -.slaveTabs .ant-tabs-bar {  
1083 - margin: 0 10px!important; 502 +
  503 +.ant-col-order-64 {
  504 + -webkit-box-ordinal-group: 65;
  505 + -webkit-order: 64;
  506 + -ms-flex-order: 64;
  507 + order: 64;
1084 } 508 }
1085 -.slaveTabs .ant-table-thead > tr > th {  
1086 - //background-color: #d0d0d0!important; 509 +
  510 +.ant-col-order-65 {
  511 + -webkit-box-ordinal-group: 66;
  512 + -webkit-order: 65;
  513 + -ms-flex-order: 65;
  514 + order: 65;
1087 } 515 }
1088 -.modal .clayoutTop {  
1089 - padding: 0!important; 516 +
  517 +.ant-col-order-66 {
  518 + -webkit-box-ordinal-group: 67;
  519 + -webkit-order: 66;
  520 + -ms-flex-order: 66;
  521 + order: 66;
1090 } 522 }
1091 523
1092 -.modal .mergeTableEdit {  
1093 - width: auto!important; 524 +.ant-col-order-67 {
  525 + -webkit-box-ordinal-group: 68;
  526 + -webkit-order: 67;
  527 + -ms-flex-order: 67;
  528 + order: 67;
1094 } 529 }
1095 530
1096 -.sider {  
1097 - flex: none!important;  
1098 - max-width: none!important;  
1099 - min-width: 0!important;  
1100 - width: auto!important;  
1101 - background: #fff!important; 531 +.ant-col-order-68 {
  532 + -webkit-box-ordinal-group: 69;
  533 + -webkit-order: 68;
  534 + -ms-flex-order: 68;
  535 + order: 68;
1102 } 536 }
1103 537
1104 -.jsqSider {  
1105 - background: #fff!important; 538 +.ant-col-order-69 {
  539 + -webkit-box-ordinal-group: 70;
  540 + -webkit-order: 69;
  541 + -ms-flex-order: 69;
  542 + order: 69;
1106 } 543 }
1107 544
1108 -.jsqSider button {  
1109 - width: 57px;  
1110 - height: 30px;  
1111 - padding: 0!important;  
1112 - line-height: 30px;  
1113 - text-align: center; 545 +.ant-col-order-70 {
  546 + -webkit-box-ordinal-group: 71;
  547 + -webkit-order: 70;
  548 + -ms-flex-order: 70;
  549 + order: 70;
1114 } 550 }
1115 551
1116 -.tabGroup {  
1117 - padding-left: 0!important; 552 +.ant-col-order-71 {
  553 + -webkit-box-ordinal-group: 72;
  554 + -webkit-order: 71;
  555 + -ms-flex-order: 71;
  556 + order: 71;
1118 } 557 }
1119 558
1120 -.tabChild {  
1121 - margin-bottom: 20px; 559 +.ant-col-order-72 {
  560 + -webkit-box-ordinal-group: 73;
  561 + -webkit-order: 72;
  562 + -ms-flex-order: 72;
  563 + order: 72;
1122 } 564 }
1123 565
1124 -.tabChildTitle {  
1125 - border-bottom: 1px dotted #354052;  
1126 - margin-bottom: 10px;  
1127 - color: #fff;  
1128 - line-height: 22px; 566 +.ant-col-order-73 {
  567 + -webkit-box-ordinal-group: 74;
  568 + -webkit-order: 73;
  569 + -ms-flex-order: 73;
  570 + order: 73;
1129 } 571 }
1130 572
1131 -.tabChildTitle span {  
1132 - background: #354052;  
1133 - display: inline-block;  
1134 - padding: 5px 15px;  
1135 - line-height: 22px;  
1136 - border-top-left-radius: 5px;  
1137 - border-bottom-right-radius: 5px;  
1138 - font-size: 12px; 573 +.ant-col-order-74 {
  574 + -webkit-box-ordinal-group: 75;
  575 + -webkit-order: 74;
  576 + -ms-flex-order: 74;
  577 + order: 74;
1139 } 578 }
1140 579
  580 +.ant-col-order-75 {
  581 + -webkit-box-ordinal-group: 76;
  582 + -webkit-order: 75;
  583 + -ms-flex-order: 75;
  584 + order: 75;
  585 +}
1141 586
1142 -.labelNo {  
1143 - height: auto; 587 +.ant-col-order-76 {
  588 + -webkit-box-ordinal-group: 77;
  589 + -webkit-order: 76;
  590 + -ms-flex-order: 76;
  591 + order: 76;
1144 } 592 }
1145 593
1146 -.labelNo .formItemMargin {  
1147 - height: auto!important; 594 +.ant-col-order-77 {
  595 + -webkit-box-ordinal-group: 78;
  596 + -webkit-order: 77;
  597 + -ms-flex-order: 77;
  598 + order: 77;
1148 } 599 }
1149 600
1150 -.labelNo textarea {  
1151 - border-top: 0!important; 601 +.ant-col-order-78 {
  602 + -webkit-box-ordinal-group: 79;
  603 + -webkit-order: 78;
  604 + -ms-flex-order: 78;
  605 + order: 78;
1152 } 606 }
1153 607
1154 -.white-bk > div> div > div > div > span > span input{  
1155 - background-color: #fff!important;  
1156 - font-size: 12px; 608 +.ant-col-order-79 {
  609 + -webkit-box-ordinal-group: 80;
  610 + -webkit-order: 79;
  611 + -ms-flex-order: 79;
  612 + order: 79;
1157 } 613 }
1158 614
  615 +.ant-col-order-80 {
  616 + -webkit-box-ordinal-group: 81;
  617 + -webkit-order: 80;
  618 + -ms-flex-order: 80;
  619 + order: 80;
  620 +}
1159 621
  622 +.ant-col-order-81 {
  623 + -webkit-box-ordinal-group: 82;
  624 + -webkit-order: 81;
  625 + -ms-flex-order: 81;
  626 + order: 81;
  627 +}
1160 628
1161 -.searchSlaveForm {  
1162 - border: 1px solid #d9d9d9;  
1163 - border-top: 0;  
1164 - padding: 15px!important;  
1165 - padding-top: 25px!important;  
1166 - background: #fff; 629 +.ant-col-order-82 {
  630 + -webkit-box-ordinal-group: 83;
  631 + -webkit-order: 82;
  632 + -ms-flex-order: 82;
  633 + order: 82;
1167 } 634 }
1168 635
1169 -.formItemMargin0 {  
1170 - margin-bottom: 0!important; 636 +.ant-col-order-83 {
  637 + -webkit-box-ordinal-group: 84;
  638 + -webkit-order: 83;
  639 + -ms-flex-order: 83;
  640 + order: 83;
1171 } 641 }
1172 642
1173 -.formItemMargin0 > div > div > span > span {  
1174 - background: transparent!important; 643 +.ant-col-order-84 {
  644 + -webkit-box-ordinal-group: 85;
  645 + -webkit-order: 84;
  646 + -ms-flex-order: 84;
  647 + order: 84;
1175 } 648 }
1176 649
1177 -.formItemMargin0 > div > div > span > span input {  
1178 - border: 0!important; 650 +.ant-col-order-85 {
  651 + -webkit-box-ordinal-group: 86;
  652 + -webkit-order: 85;
  653 + -ms-flex-order: 85;
  654 + order: 85;
1179 } 655 }
1180 656
1181 -/* 设置整单外发 大小为12 */  
1182 -.formItemMag10 label{  
1183 - font-size: 12px!important; 657 +.ant-col-order-86 {
  658 + -webkit-box-ordinal-group: 87;
  659 + -webkit-order: 86;
  660 + -ms-flex-order: 86;
  661 + order: 86;
1184 } 662 }
1185 -.searchForm {  
1186 - background: #fff; 663 +
  664 +.ant-col-order-87 {
  665 + -webkit-box-ordinal-group: 88;
  666 + -webkit-order: 87;
  667 + -ms-flex-order: 87;
  668 + order: 87;
1187 } 669 }
1188 670
1189 -.searchForm .formItemMag10 label > span:last-child {  
1190 - width: inherit!important; 671 +.ant-col-order-88 {
  672 + -webkit-box-ordinal-group: 89;
  673 + -webkit-order: 88;
  674 + -ms-flex-order: 88;
  675 + order: 88;
1191 } 676 }
1192 677
1193 -.searchForm .formItemMag10 > div > div {  
1194 - line-height: 32px!important; 678 +.ant-col-order-89 {
  679 + -webkit-box-ordinal-group: 90;
  680 + -webkit-order: 89;
  681 + -ms-flex-order: 89;
  682 + order: 89;
1195 } 683 }
1196 684
1197 -.searchForm .formItemMag0 label {  
1198 - margin-top: 5px!important;  
1199 - margin-bottom: 0!important; 685 +.ant-col-order-90 {
  686 + -webkit-box-ordinal-group: 91;
  687 + -webkit-order: 90;
  688 + -ms-flex-order: 90;
  689 + order: 90;
1200 } 690 }
1201 691
1202 -.searchForm .area {  
1203 - height: auto;  
1204 - min-height: 300px; 692 +.ant-col-order-91 {
  693 + -webkit-box-ordinal-group: 92;
  694 + -webkit-order: 91;
  695 + -ms-flex-order: 91;
  696 + order: 91;
1205 } 697 }
1206 698
1207 -.tabChildDot {  
1208 - padding-bottom: 10px;  
1209 - margin-bottom: 10px;  
1210 - border-bottom: 1px dotted #354052; 699 +.ant-col-order-92 {
  700 + -webkit-box-ordinal-group: 93;
  701 + -webkit-order: 92;
  702 + -ms-flex-order: 92;
  703 + order: 92;
1211 } 704 }
1212 705
1213 -.tab240 {  
1214 - height: 240px; 706 +.ant-col-order-93 {
  707 + -webkit-box-ordinal-group: 94;
  708 + -webkit-order: 93;
  709 + -ms-flex-order: 93;
  710 + order: 93;
1215 } 711 }
1216 712
1217 -.searchForm .list {  
1218 - border: 1px solid #d9d9d9;  
1219 - border-radius: 4px;  
1220 - padding: 4px 11px;  
1221 - min-height: 280px; 713 +.ant-col-order-94 {
  714 + -webkit-box-ordinal-group: 95;
  715 + -webkit-order: 94;
  716 + -ms-flex-order: 94;
  717 + order: 94;
1222 } 718 }
1223 719
1224 -.searchForm .list:hover {  
1225 - border: 1px solid #1890FF; 720 +.ant-col-order-95 {
  721 + -webkit-box-ordinal-group: 96;
  722 + -webkit-order: 95;
  723 + -ms-flex-order: 95;
  724 + order: 95;
1226 } 725 }
1227 726
1228 -.searchForm .list li {  
1229 - height: 32px;  
1230 - line-height: 32px; 727 +.ant-col-order-96 {
  728 + -webkit-box-ordinal-group: 97;
  729 + -webkit-order: 96;
  730 + -ms-flex-order: 96;
  731 + order: 96;
1231 } 732 }
1232 733
1233 -.tableOption .formItemMargin {  
1234 - margin-bottom: 0!important; 734 +.ant-col-order-97 {
  735 + -webkit-box-ordinal-group: 98;
  736 + -webkit-order: 97;
  737 + -ms-flex-order: 97;
  738 + order: 97;
1235 } 739 }
1236 740
1237 -/* 设定单据->销售对账 */  
1238 -.outStandFilter {  
1239 - padding: 20px 32px 0 32px!important;  
1240 - min-height: 72px; 741 +.ant-col-order-98 {
  742 + -webkit-box-ordinal-group: 99;
  743 + -webkit-order: 98;
  744 + -ms-flex-order: 98;
  745 + order: 98;
1241 } 746 }
1242 747
1243 -.outStandRow {  
1244 - z-index: 20;  
1245 - padding: 10px 0 0 20px;  
1246 - background: #f7f7f7;  
1247 - transition: background .3s ease;  
1248 - box-shadow: 0 0 5px #1890FF;  
1249 - width: 70%;  
1250 - min-height: 49px;  
1251 - float: left; 748 +.ant-col-order-99 {
  749 + -webkit-box-ordinal-group: 100;
  750 + -webkit-order: 99;
  751 + -ms-flex-order: 99;
  752 + order: 99;
1252 } 753 }
1253 754
1254 -.outStandFormItem {  
1255 - margin-bottom: 0!important; 755 +.ant-col-order-100 {
  756 + -webkit-box-ordinal-group: 101;
  757 + -webkit-order: 100;
  758 + -ms-flex-order: 100;
  759 + order: 100;
1256 } 760 }
1257 761
1258 -.outStandFormItem label span + span {  
1259 - width: auto!important; 762 +.ant-tabs {
  763 + height: 100%;
1260 } 764 }
1261 765
1262 -.inputGroup {  
1263 - position: relative; 766 +
  767 +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
  768 + /* tabs 页签 */
  769 + line-height: 24px !important;
  770 + padding: 8px 10px !important;
  771 + margin-right: 18px !important;
  772 + font-size: 14px !important;
  773 + background: none !important;
  774 + border: 0 !important;
1264 } 775 }
1265 776
1266 -.inputGroup > div {  
1267 - width: 100%!important; 777 +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab span {
  778 + color: #fff;
1268 } 779 }
1269 780
1270 -.inputGroup input {  
1271 - position: absolute;  
1272 - right: 0;  
1273 - top: 0; 781 +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-ink-bar {
  782 + /* tabs 页签 */
  783 + visibility: visible !important;
  784 + bottom: 0 !important;
1274 } 785 }
1275 786
1276 -.inputGroup .iconAdd {  
1277 - position: absolute;  
1278 - right: 0;  
1279 - top: 0; 787 +.ant-tabs-nav .ant-tabs-tab-active {
  788 + /* tabs 页签 */
  789 + font-weight: 400 !important;
1280 } 790 }
1281 791
1282 -.inputGroup .iconAdd > span {  
1283 - width: 32px;  
1284 - height: 32px;  
1285 - position: absolute!important;  
1286 - left: 0!important;  
1287 - top: 14px!important;  
1288 - cursor: pointer; 792 +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close {
  793 + /* 关闭按钮页签样式 */
  794 + color: #fff !important;
  795 + margin-left: 5px !important;
1289 } 796 }
1290 797
1291 -.inputGroup .iconAdd i {  
1292 - position: absolute;  
1293 - left: 0;  
1294 - top: 0;  
1295 - width: 32px;  
1296 - height: 32px; 798 +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active .anticon-close {
  799 + color: #1890FF !important;
1297 } 800 }
1298 801
1299 -.inputGroup .iconAdd i:before {  
1300 - color: rgba(0, 0, 0, 0.43);  
1301 - transform: scale(0.75) rotate(0deg);  
1302 - line-height: 32px; 802 +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active span {
  803 + color: #1890FF !important;
1303 } 804 }
1304 805
1305 -.inputGroup .iconAdd i:hover:before {  
1306 - line-height: 32px;  
1307 - font-weight: 700;  
1308 - color: rgba(0, 0, 0, 0.65); 806 +.ant-layout {
  807 + background: transparent !important;
  808 + height: 100%;
1309 } 809 }
1310 810
1311 -.inputGroup .iconAdd input {  
1312 - padding-left: 20px!important;  
1313 - height: 32px!important; 811 +.ant-form-item-required:before {}
  812 +
  813 +/* 表格必填项 */
  814 +.table-title-required {
  815 + font-family: SimSun;
  816 + line-height: 1;
  817 + font-size: 14px;
  818 + color: #f5222d;
1314 } 819 }
1315 820
1316 -.inputGroup > div > div {  
1317 - background: #fafafa!important;  
1318 - width: 100%!important; 821 +.ant-card-wider-padding .ant-card-head {
  822 + /* tabs */
  823 + padding: 0 !important;
1319 } 824 }
1320 825
1321 -.inputGroup > div > div > div {  
1322 - width: 100%!important; 826 +.ant-tabs-bar {
  827 + margin-bottom: 0 !important;
1323 } 828 }
1324 829
1325 -.tableInputGroup {  
1326 - position: relative; 830 +.ant-tabs-small .ant-tabs-tab {
  831 + padding: 8px 12px !important;
1327 } 832 }
1328 833
1329 -.tableInputGroup .iconAdd {  
1330 - position: absolute;  
1331 - right: 8px;  
1332 - top: 6px; 834 +.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  835 + /* 树 */
  836 + color: #000 !important;
1333 } 837 }
1334 838
1335 -.tableInputGroup input {  
1336 - position: absolute;  
1337 - right: 0;  
1338 - top: 0;  
1339 - width: 16px!important;  
1340 - height: 16px!important;  
1341 - padding: 0!important;  
1342 - border-radius: 0!important; 839 +.ant-input-affix-wrapper {
  840 + /* 搜索框 */
  841 + font-size: 16px !important;
1343 } 842 }
1344 843
1345 -.tableInputGroup .iconAdd > span {  
1346 - width: 16px;  
1347 - height: 16px;  
1348 - position: absolute!important;  
1349 - left: 0!important;  
1350 - top: 8px!important;  
1351 - cursor: pointer; 844 +.ant-menu-inline .ant-menu-item:not(:last-child) {
  845 + /* 菜单 */
  846 + margin: 0 !important;
1352 } 847 }
1353 848
1354 -.tableInputGroup .iconAdd i {  
1355 - position: absolute;  
1356 - left: 0;  
1357 - top: 0;  
1358 - width: 16px;  
1359 - height: 16px; 849 +.ant-menu-vertical .ant-menu-item {
  850 + /* 菜单 */
  851 + margin-bottom: 0 !important;
1360 } 852 }
1361 853
1362 -.tableInputGroup .iconAdd i:before {  
1363 - color: rgba(0, 0, 0, 0.43);  
1364 - transform: scale(0.75) rotate(0deg);  
1365 - line-height: 16px; 854 +.ant-menu-vertical .ant-menu-item:not(:last-child) {
  855 + /* 菜单 */
  856 + margin-bottom: 0 !important;
1366 } 857 }
1367 858
1368 -.tableInputGroup .iconAdd i:hover:before {  
1369 - line-height: 16px;  
1370 - font-weight: 700;  
1371 - color: rgba(0, 0, 0, 0.65); 859 +.tabChild___3EqgA .ant-form-item-label {
  860 + text-align: right !important;
  861 + padding-right: 10px !important;
1372 } 862 }
1373 863
1374 -.tableInputGroup > div > div > span {  
1375 - display: none!important; 864 +.tabChild___3EqgA .ant-form-item-control {
  865 + padding-left: 20px !important;
1376 } 866 }
1377 867
1378 -.layout {  
1379 - padding-top: 20px; 868 +.tabChildDot___DZtMw .ant-form-item-label {
  869 + text-align: right !important;
  870 + padding-right: 10px !important;
1380 } 871 }
1381 872
1382 -.editSelect > div {  
1383 - height: 32px;  
1384 - border-color: transparent!important;  
1385 - border-radius: 0;  
1386 - transition: none;  
1387 - width: 100%; 873 +.ant-select-selection--single {
  874 + border-radius: 0 !important;
  875 + height: 32px !important;
1388 } 876 }
1389 877
1390 -.tableOperation {  
1391 - padding: 0 6px; 878 +.white-bk {
  879 + font-size: 12px !important;
1392 } 880 }
1393 881
1394 -.tableOperation > button {  
1395 - border: 0!important;  
1396 - background: none!important;  
1397 - color: #1890FF;  
1398 - cursor: pointer;  
1399 - outline: 0; 882 +.white-bk .ant-select-selection--single {
  883 + background-color: #fff !important;
  884 + font-size: 12px;
1400 } 885 }
1401 886
1402 -.tableOperation > button:focus {  
1403 - outline: 0; 887 +.ant-checkbox-wrapper+span,
  888 +.ant-checkbox+span {
  889 + /* checkbox */
  890 + overflow: hidden;
  891 + text-overflow: ellipsis;
  892 + white-space: nowrap;
  893 + padding-right: 0 !important;
  894 + display: inline-block;
  895 + vertical-align: middle;
  896 + margin-top: -3px;
  897 + margin-right: 5px;
1404 } 898 }
1405 899
1406 -.rightSearch {  
1407 - width: 220px;  
1408 - position: absolute;  
1409 - right: 80px;  
1410 - top: -29px; 900 +.ant-tabs-small .ant-tabs-nav-container {
  901 + font-size: 14px !important;
1411 } 902 }
1412 903
1413 -.rightSearch input {  
1414 - height: 28px; 904 +.ant-table-scroll {
  905 + overflow-y: hidden !important;
1415 } 906 }
1416 907
1417 -.rightSearch button {  
1418 - height: 28px; 908 +.ant-table-header table {
  909 + border-radius: 0 !important;
1419 } 910 }
1420 911
1421 -.searchBox {  
1422 - width: 200px!important;  
1423 - height: 26px;  
1424 - background: hsla(0,0%,100%,.12);  
1425 - transition: all .3s linear; 912 +.ant-calendar-picker-icon:after {
  913 + font-size: 14px !important;
1426 } 914 }
1427 915
1428 -.show {  
1429 - width: 300px!important;  
1430 - border: 1px solid #1890FF; 916 +.ant-calendar-picker-clear,
  917 +.ant-calendar-picker-icon {
  918 + width: 16px !important;
  919 + height: 16px !important;
  920 + right: 8px !important;
  921 + margin-top: -8px !important;
  922 + line-height: 16px !important;
  923 + font-size: 14px !important;
1431 } 924 }
1432 925
1433 -.searchBox button {  
1434 - border: 0;  
1435 - background: none; 926 +.ant-calendar-picker-icon:after {
  927 + font-size: 16px !important;
1436 } 928 }
1437 929
1438 -.searchBox button:hover {  
1439 - background: none; 930 +.ant-btn-clicked:after {
  931 + border: 0 !important;
1440 } 932 }
1441 933
1442 -.tabButton {  
1443 - //margin-top: 10px;  
1444 - font-size: 12px;  
1445 - text-indent: 1em;  
1446 - height: 185px;  
1447 - overflow: auto;  
1448 - border-left: 1px solid #d9d9d9;  
1449 - border-bottom: 1px solid #d9d9d9; 934 +.ant-upload {
  935 + line-height: normal !important;
1450 } 936 }
1451 937
  938 +/*设置所有表格选中行背景色 */
  939 +#staticEditTable .selected-record-row td {
  940 + background-color: #e6f7ff !important;
1452 941
1453 -.tabButton button {  
1454 - display: block!important;  
1455 - border: 0!important;  
1456 - width: 100%!important;  
1457 - text-indent: 0.6em!important;  
1458 - text-align: left; 942 + div {
  943 + background: #e6f7ff;
  944 + /* ffe7ba */
  945 + }
1459 } 946 }
1460 947
1461 -/* 上传 */  
1462 -.uploadListInline {  
1463 - margin-right: 8px;  
1464 -} 948 +/*设置列表选中行背景色 */
  949 +.xly-normal-list #staticEditTable .selected-record-row td {
  950 + background-color: #e6f7ff;
1465 951
1466 -.uploadListInline > div:last-child > div {  
1467 - height: 300px; 952 + div {
  953 + background: none;
  954 + }
1468 } 955 }
1469 956
1470 -.uploadListInline > div:last-child > div a {  
1471 - width: auto;  
1472 - height: 280px;  
1473 -} 957 +/* 通用大屏列表选中行 */
  958 +.commonRollChar #staticEditTable .selected-record-row td {
  959 + background: none !important;
1474 960
1475 -.uploadListInline > div:last-child > div img {  
1476 - width: auto;  
1477 - height: 280px; 961 + div {
  962 + background: none !important;
  963 + }
1478 } 964 }
1479 965
1480 -/* 图片列表上传 */  
1481 -.staticUpload {  
1482 - display: inline-block;  
1483 -} 966 +/* 可编辑列表 */
  967 +.editable #staticEditTable .selected-record-row td {
  968 + background: none !important;
1484 969
1485 -.staticUpload button {  
1486 - height: 28px!important; 970 + div {
  971 + //padding:1px 13px!important;
  972 + background-color: #fff;
  973 + }
1487 } 974 }
1488 975
1489 -.staticUpload > div:last-child {  
1490 - display: none; 976 +.editable #staticEditTable .ant-form-item-control {
  977 + height: 28px !important;
1491 } 978 }
1492 -/* 销售订单自定义审核界面设置 */  
1493 -.checkTable {  
1494 - margin-bottom: 20px;  
1495 - table tr td{  
1496 - padding-left: 4px!important;  
1497 - padding: 4px 4px;  
1498 - font-size: 12px;  
1499 - height: 30px; 979 +
  980 +/* 设置偶行背景色 */
  981 +.xlyCommonTable:not(.tableEnabled) .dark-record-row td {
  982 + background-color: @table-bg-even !important;
  983 +
  984 + .ant-table-selection-column {
  985 + background-color: @table-bg-even !important;
1500 } 986 }
1501 } 987 }
1502 988
1503 -.checkInputGroup {  
1504 - padding-left: 0!important;  
1505 - margin-top: 10px!important; 989 +.xlyCommonTable.tableEnabled .ant-table-tbody>tr.ant-table-row-selected>td {
  990 + background: #FFF !important;
  991 + border-color: #d9d9d9 !important;
1506 } 992 }
1507 993
1508 -.clickRow {  
1509 - background: #f0fcff!important;  
1510 -} 994 +/* 设置分割行背景色 */
  995 +.split-record-row td,
  996 +.split-record-row-skip td {
  997 + background-color: @table-bg-split !important;
  998 + font-weight: bold;
1511 999
1512 -.contentPop {  
1513 - background: #fff!important;  
1514 -} 1000 + .ant-table-selection-column {
  1001 + font-weight: bold;
  1002 + background-color: @table-bg-split !important;
  1003 + }
1515 1004
1516 -.buttonOpt {  
1517 - margin-top: 25px;  
1518 -} 1005 + .noInput {
  1006 + overflow: unset;
  1007 + }
1519 1008
1520 -.buttonOpt button {  
1521 - margin-right: 10px;  
1522 - padding: 0 15px!important; 1009 + //span{background-color:@table-bg-split!important;}
  1010 + .linksActiveIdStyle {
  1011 + word-break: keep-all !important;
  1012 + word-space: nowrap !important;
  1013 + }
1523 } 1014 }
1524 1015
1525 -.tableShow td span {  
1526 - padding: 0 8px!important;  
1527 - line-height: 32px; 1016 +.split-record-row td {
  1017 + span {
  1018 + background-color: @table-bg-split !important;
  1019 + }
1528 } 1020 }
1529 1021
1530 -.collapseB {  
1531 - margin-top: 20px;  
1532 - text-align: center;  
1533 - display: inline-block;  
1534 - width: 98%;  
1535 - font-size: 16px;  
1536 - background: #fafafa;  
1537 - color: rgba(0, 0, 0, 0.65) !important;  
1538 - border: 0;  
1539 - cursor: pointer; 1022 +.split-record-row-skip td {
  1023 + .noInput {
  1024 + background-color: @table-bg-split !important;
  1025 + }
1540 } 1026 }
1541 1027
1542 -.collapseA {  
1543 - text-align: center;  
1544 - display: inline-block;  
1545 - width: 98%;  
1546 - font-size: 16px;  
1547 - background: #fafafa;  
1548 - color: rgba(0, 0, 0, 0.65) !important;  
1549 - border: 0;  
1550 - cursor: pointer;  
1551 - margin-top: 5px; 1028 +.split-record-row-skip td span.ant-checkbox {
  1029 + background-color: transparent !important;
1552 } 1030 }
1553 1031
1554 -.collapseA span, .collapseB span {  
1555 - font-size: 14px;  
1556 - margin-right: 5px; 1032 +/* 设置分割行边框 */
  1033 +.ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.split-record-row>td {
  1034 + border: none !important;
1557 } 1035 }
1558 1036
1559 -.collapseA i, .collapseB i {  
1560 - vertical-align: middle; 1037 +.ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.split-record-row-skip>td {
  1038 + border: none !important;
1561 } 1039 }
1562 1040
1563 -.collapseA:focus, .collapseB:focus {  
1564 - outline: 0; 1041 +.virtuallist>table>.ant-table-tbody>tr.split-record-row>td>div {
  1042 + overflow: unset;
1565 } 1043 }
1566 1044
1567 -/* 快捷过滤 */  
1568 -.advForm {  
1569 - background: #eef1f6;  
1570 - height: 52px; 1045 +.virtuallist>table>.ant-table-tbody>tr.split-record-row-skip>td>div {
  1046 + overflow: unset;
1571 } 1047 }
1572 1048
1573 -.advFormItem {  
1574 - margin-bottom: 4px!important;  
1575 - margin-right: 7px!important;  
1576 -} 1049 +/* 设置分割行悬浮背景 */
  1050 +tr.split-record-row:not(.selected-record-row):not(.ant-table-expanded-row-level-1) {
  1051 + &:hover {
  1052 + background: @table-bg-split !important;
1577 1053
1578 -.advFormItem > div {  
1579 - width: 100%; 1054 + td {
  1055 + background: @table-bg-split !important;
  1056 + font-weight: bold;
  1057 + }
  1058 +
  1059 + .sActiveIdStyle {
  1060 + background: @table-bg-split !important;
  1061 + }
  1062 + }
1580 } 1063 }
1581 1064
1582 -.advFormItem .advDelectIcon {  
1583 - position: absolute;  
1584 - right: -20px;  
1585 - top: 0; 1065 +tr.split-record-row-skip:not(.selected-record-row):not(.ant-table-expanded-row-level-1) {
  1066 + &:hover {
  1067 + background: @table-bg-split !important;
  1068 +
  1069 + td {
  1070 + background: @table-bg-split !important;
  1071 + font-weight: bold;
  1072 + }
  1073 +
  1074 + .sActiveIdStyle {
  1075 + background: @table-bg-split !important;
  1076 + }
  1077 + }
1586 } 1078 }
1587 1079
1588 -.advDelectIcon i {  
1589 - position: absolute;  
1590 - right: -5px;  
1591 - top: 8px;  
1592 - cursor: pointer;  
1593 - color: rgba(0, 0, 0, 0.65)!important; 1080 +/* 根据条件 设置符合条件的行背景 */
  1081 +.SetRow_blue td {
  1082 + background-color: blue !important;
  1083 +
  1084 + .ant-table-selection-column {
  1085 + background-color: blue !important;
  1086 + }
1594 } 1087 }
1595 1088
1596 -.advRow {  
1597 - position: absolute!important;  
1598 - z-index: 20;  
1599 - padding: 10px 34px 0 10px;  
1600 - transition: background .3s ease;  
1601 - border: 1px solid transparent;  
1602 - width: 46%;  
1603 - float: left; 1089 +.SetRow_orange td {
  1090 + background-color: orange !important;
  1091 +
  1092 + .ant-table-selection-column {
  1093 + background-color: orange !important;
  1094 + }
1604 } 1095 }
1605 1096
1606 -.advRowActive {  
1607 - position: absolute!important;  
1608 - z-index: 20;  
1609 - padding: 10px 34px 0 10px;  
1610 - background: #eef1f6;  
1611 - transition: background .3s ease;  
1612 - border: 1px solid #1890FF;  
1613 - width: 46%;  
1614 - float: left; 1097 +.SetRow_green td {
  1098 + background-color: green !important;
  1099 +
  1100 + .ant-table-selection-column {
  1101 + background-color: green !important;
  1102 + }
1615 } 1103 }
1616 1104
1617 -.advRow > button, .advRowActive > button {  
1618 - position: absolute;  
1619 - top: 10px;  
1620 - width: 32px;  
1621 - height: 32px;  
1622 - background: #1890FF;  
1623 - border: 0;  
1624 - color: #fff;  
1625 - cursor: pointer; 1105 +.SetRow_red td {
  1106 + background-color: #ff9393 !important;
  1107 +
  1108 + .ant-table-selection-column {
  1109 + background-color: #ffdede !important;
  1110 + }
1626 } 1111 }
1627 1112
1628 -.advRow button > i, .advRowActive button > i {  
1629 - display: block;  
1630 - font-size: 14px;  
1631 - color: #fff;  
1632 - text-align: center;  
1633 - line-height: 32px; 1113 +.SetRow_yellow td {
  1114 + background-color: yellow !important;
  1115 +
  1116 + .ant-table-selection-column {
  1117 + background-color: yellow !important;
  1118 + }
1634 } 1119 }
1635 1120
1636 -.advButton {  
1637 - position: relative;  
1638 - margin-right: 7px;  
1639 - margin-bottom: 7px; 1121 +.SetRow_pink td {
  1122 + background-color: pink !important;
  1123 +
  1124 + .ant-table-selection-column {
  1125 + background-color: pink !important;
  1126 + }
1640 } 1127 }
1641 1128
1642 -.advRow button:focus {  
1643 - outline: 0; 1129 +tr[class*="SetRow_"] {
  1130 + .readonlyField {
  1131 + background-color: transparent !important;
  1132 + }
1644 } 1133 }
1645 1134
1646 -.advButton button {  
1647 - width: 100%; 1135 +/* 根据条件 设置符合条件的单元格背景 */
  1136 +.SetCell_green div {
  1137 + background-color: green !important;
1648 } 1138 }
1649 1139
1650 -.advCol {  
1651 - left: 47%;  
1652 - width: 30%;  
1653 - z-index: 20;  
1654 - float: left!important;  
1655 - padding-top: 11px;  
1656 - margin-left: 20px; 1140 +.SetCell_red div {
  1141 + background-color: red !important;
1657 } 1142 }
1658 1143
1659 -.popupPan .advRow, .popupPan .advRowActive {  
1660 - width: 60%!important; 1144 +.SetCell_yellow div {
  1145 + background-color: yellow !important;
1661 } 1146 }
1662 1147
1663 -.popupPan .advCol {  
1664 - left: 60%!important;  
1665 - margin-left: 5px!important; 1148 +.SetCell_blue div {
  1149 + background-color: blue !important;
1666 } 1150 }
1667 1151
1668 -.advCol button {  
1669 - height: 32px!important;  
1670 - min-width: 80px;  
1671 - padding: 0 16px; 1152 +.SetCell_orange div {
  1153 + background-color: orange !important;
1672 } 1154 }
1673 1155
1674 -.advCol button > span {  
1675 - line-height: 32px!important; 1156 +.SetCell_pink div {
  1157 + background-color: pink !important;
1676 } 1158 }
1677 1159
1678 -.advInput {  
1679 - width: 100%;  
1680 - height: 32px; 1160 +/* 未读消息 整行文字加粗 */
  1161 +.newsNoRead {
  1162 + font-weight: bold !important;
1681 } 1163 }
1682 1164
1683 -.advInput input {  
1684 - height: 32px!important; 1165 +.ant-pagination-item {
  1166 + border-radius: 0 !important;
1685 } 1167 }
1686 1168
1687 -/* 分页 */  
1688 -.pagination {  
1689 - float: none!important;  
1690 - text-align: center;  
1691 - margin: 8px 0!important; 1169 +.ant-pagination-options-quick-jumper input {
  1170 + border-radius: 0 !important;
1692 } 1171 }
1693 1172
1694 -.pagination li {  
1695 - min-width: 28px; 1173 +.ant-pagination-prev .ant-pagination-item-link,
  1174 +.ant-pagination-next .ant-pagination-item-link {
  1175 + border-radius: 0 !important;
1696 height: 28px; 1176 height: 28px;
1697 - line-height: 28px;  
1698 } 1177 }
1699 1178
1700 -.pagination li a:after {  
1701 - height: 28px!important; 1179 +.ant-pagination-options-quick-jumper {
  1180 + height: 28px !important;
  1181 + line-height: 28px !important;
1702 } 1182 }
1703 1183
1704 -/* 可修改表格 */  
1705 -.mergeTableEdit {  
1706 - position: relative;  
1707 - width: 1000px;  
1708 - margin: 0 auto; 1184 +.ant-pagination-options-quick-jumper input {
  1185 + height: 28px !important;
1709 } 1186 }
1710 1187
1711 -.mergeTableEdit .tableCommon {  
1712 - position: absolute;  
1713 - bottom: 0;  
1714 - margin-bottom: 8px;  
1715 - line-height: 0!important; 1188 +.ant-modal-content {
  1189 + border-radius: 0 !important;
1716 } 1190 }
1717 1191
1718 -.mergeTableEdit .tableCommonSpace {  
1719 - margin-top: 8px; 1192 +.ant-modal-header {
  1193 + padding: 7px 24px !important;
  1194 + background: var(--xly-skin-modal-bg-color, #646464) !important;
  1195 + color: #fff !important;
  1196 + font-size: 18px;
  1197 + border-radius: 0 !important;
1720 } 1198 }
1721 1199
1722 -.mergeTableEdit .tableCommonRig {  
1723 - position: absolute;  
1724 - bottom: 0;  
1725 - right: 0;  
1726 - margin-bottom: 8px;  
1727 - line-height: 0!important; 1200 +.ant-modal-close-x {
  1201 + height: 33px !important;
  1202 + line-height: 33px !important;
1728 } 1203 }
1729 1204
1730 -.tableCommon > button, .tableCommonSpace > button {  
1731 - min-width: 80px;  
1732 - height: 28px;  
1733 - background: #1890FF;  
1734 - color: #fff;  
1735 - border: 1px solid #1890FF!important;  
1736 - margin-right: 8px; 1205 +.ant-modal-title {
  1206 + color: #fff !important;
1737 } 1207 }
1738 1208
1739 -.tableCommonRig > button {  
1740 - min-width: 80px;  
1741 - height: 28px;  
1742 - background: #1890FF;  
1743 - color: #fff;  
1744 - border: 1px solid #1890FF!important;  
1745 - margin-left: 8px; 1209 +.ant-modal-close {
  1210 + color: #fff !important;
  1211 +
1746 } 1212 }
1747 1213
1748 -.mergeTableEdit .tableCommonRig {  
1749 - display: none; 1214 +.ant-menu-item i.selected {
  1215 + color: #f6c136;
1750 } 1216 }
1751 1217
1752 -.popupPan .tableCommonRig {  
1753 - display: block!important; 1218 +.mergeTable .ant-table-header {
  1219 + position: fixed;
  1220 + top: 113px;
  1221 + z-index: 20;
  1222 + border-top: 1px solid #d9d9d9;
1754 } 1223 }
1755 1224
1756 -.tableCommon > button:hover, .tableCommonRig > button:hover {  
1757 - background: #26d7eb!important;  
1758 - color: #fff!important; 1225 +.ant-select-selection-selected-value {
  1226 + padding-left: 11px;
1759 } 1227 }
1760 1228
1761 -.tableCommon > button[disabled]:hover{  
1762 - border:1px solid #b0b0b3 !important;  
1763 - background: #b0b0b3 !important;  
1764 - opacity: 0.6;  
1765 - color: #fff !important; 1229 +#sMemo {
  1230 + font-size: 12px !important;
1766 } 1231 }
1767 1232
1768 -.tableCommon > button[disabled]{  
1769 - border:1px solid #b0b0b3 !important;  
1770 - background: #b0b0b3 !important;  
1771 - opacity: 0.6;  
1772 - color: #fff !important; 1233 +.ant-form-item-children {
  1234 + display: block;
1773 } 1235 }
1774 1236
1775 -.btnLoad {  
1776 - width: 100%!important;  
1777 - padding: 0!important;  
1778 - text-align: center!important; 1237 +.speacialNote {
  1238 + font-size: 12px;
  1239 + color: rgba(0, 0, 0, 0.65) !important;
1779 } 1240 }
1780 1241
1781 -.workeOrderMainT {  
1782 - float: left;  
1783 - width: 90px;  
1784 - font-size: 14px;  
1785 - color: #1890FF;  
1786 - font-weight: 700;  
1787 - height: 32px;  
1788 - line-height: 28px;  
1789 - padding-bottom: 4px;  
1790 - border-bottom: 2px solid #1890FF;  
1791 - text-align: center;  
1792 - margin-bottom: 10px; 1242 +/* 制单日期、制单人员、订单号设置保存时自动生成文字提醒 */
  1243 +.searchMainForm .speacialNote {
  1244 + position: absolute;
  1245 + left: 32%;
  1246 + top: 0;
  1247 + font-size: 12px;
  1248 + color: #000 !important;
1793 } 1249 }
1794 1250
1795 -.workOrderMain {  
1796 - float: right;  
1797 - margin-right: 2.1%; 1251 +.searchMainForm {
  1252 + border-top: 0;
  1253 + padding: 8px 8px 8px 8px !important;
  1254 + /* 间距收窄 */
  1255 + margin: 0 10px !important;
  1256 + background: #fff;
1798 } 1257 }
1799 1258
1800 -.workOrderMain .formItemMargin {  
1801 - height: 32px!important; 1259 +.viewStyle {
  1260 + background: #fff;
1802 } 1261 }
1803 1262
1804 -.workOrderMain button, .workOrderMain button:active {  
1805 - float: right;  
1806 - background: #fc785e;  
1807 - border: 0;  
1808 - color: #fff; 1263 +.searchMainForm input[disabled],
  1264 +.searchMainForm textArea[disabled],
  1265 +.searchMainForm .ant-select-disabled .ant-select-selection-item,
  1266 +// .searchMainForm .sActiveIdStyle,
  1267 +.viewStyle input[disabled],
  1268 +.viewStyle textArea[disabled],
  1269 +.xlyMemoList textArea[disabled] // .viewStyle .sActiveIdStyle,
  1270 +
  1271 + {
  1272 + background-color: #f1f2f8 !important;
  1273 + // color: #999!important;
  1274 + color: #000 !important;
  1275 +
  1276 + &+.sActiveIdStyle {
  1277 + background-color: #f1f2f8 !important;
  1278 +
  1279 + .masterLinkSpan {
  1280 + background-color: #f1f2f8 !important;
  1281 + }
  1282 + }
1809 } 1283 }
1810 1284
1811 -.workOrderMain button:hover {  
1812 - background: #fe927d;  
1813 - border: 0;  
1814 - color: #fff; 1285 +.searchMainForm .ant-picker.ant-picker-disabled,
  1286 +.viewStyle .ant-picker.ant-picker-disabled {
  1287 + background-color: #f1f2f8 !important;
  1288 +
  1289 + &+.sActiveIdStyle {
  1290 + background-color: #f1f2f8 !important;
  1291 +
  1292 + .masterLinkSpan {
  1293 + background-color: #f1f2f8 !important;
  1294 + }
  1295 + }
1815 } 1296 }
1816 1297
1817 -.workOrderMain > div {  
1818 - width: 106px;  
1819 - float: right; 1298 +.searchMainForm .ant-select-disabled,
  1299 +.viewStyle .ant-select-disabled {
  1300 + .ant-select-selector {
  1301 + background-color: #f1f2f8 !important;
  1302 + }
  1303 +
  1304 + &+.sActiveIdStyle {
  1305 + background-color: #f1f2f8 !important;
  1306 +
  1307 + .masterLinkSpan {
  1308 + background-color: #f1f2f8 !important;
  1309 + }
  1310 + }
  1311 +}
  1312 +
  1313 +/* 所有表格只读模式设置背景色 */
  1314 +.coustomStyle input {
  1315 + background-color: #f1f2f8 !important;
1820 } 1316 }
1821 1317
  1318 +/* 生产施工单 选择框异常 */
  1319 +.ant-select-selection__rendered {
  1320 + margin-left: 0 !important;
  1321 + margin-right: 0 !important;
  1322 + background-color: #fff;
  1323 + font-size: 12px;
  1324 + height: 30px;
  1325 + line-height: 31px !important;
  1326 +}
1822 1327
  1328 +/* 通用弹窗select样式 */
1823 1329
1824 -.collapseWorker {  
1825 - margin-top: 10px; 1330 +.commonInputSearch input:hover {
  1331 + background: #e6f7ff !important;
  1332 + /* #e6e7ff */
1826 } 1333 }
1827 1334
1828 -.workerList {  
1829 - height: auto;  
1830 - margin-bottom: 8px;  
1831 - font-size: 12px!important; 1335 +.commonInputSearch input:focus {
  1336 + background: #e6f7ff !important;
1832 } 1337 }
1833 1338
1834 -.workerListItem {  
1835 - margin-right: 15px;  
1836 - margin-bottom: 0px!important;  
1837 - overflow: hidden;  
1838 - height: 100%;  
1839 - background-color: transparent; 1339 +.react-grid-item {
  1340 + .ant-row {
  1341 + flex-wrap: nowrap !important;
  1342 + }
  1343 +
  1344 + .sActiveIdStyle_viewChooseSpan {
  1345 + position: absolute !important;
  1346 + background: #FFF;
  1347 + width: calc(100% - 2px);
  1348 + height: calc(100% - 2px) !important;
  1349 + margin: 1px;
  1350 + z-index: 1;
  1351 + overflow: hidden;
  1352 + text-overflow: ellipsis;
  1353 + white-space: nowrap;
  1354 +
  1355 + .viewChooseSpan {
  1356 + cursor: pointer;
  1357 + }
  1358 + }
1840 } 1359 }
1841 1360
1842 -.workerListItem label {  
1843 - float: left; 1361 +.ant-row .commonInputSearch input:focus {
  1362 + background: #e6f7ff !important;
1844 } 1363 }
1845 1364
1846 -.workerListItem > div > div {  
1847 - border: 0px!important;  
1848 - background-color: transparent;  
1849 - font-size: 12px; 1365 +/* 右击单击 弹窗 */
  1366 +.ContextMenuCol {
  1367 + border: 1px solid #d3d3d3;
  1368 +
  1369 + .ant-select-auto-complete.ant-select .ant-input {
  1370 + border: 0 !important;
  1371 + }
  1372 +
1850 } 1373 }
1851 1374
1852 -.workerListItem > div > div > div {  
1853 - height: 40px;  
1854 - line-height: 40px;  
1855 - padding: 0px 5px!important;  
1856 - overflow: hidden;  
1857 - display: flex;  
1858 - background-color: transparent; 1375 +/** 这个样式控制表单页悬浮框样式,这个样式涵盖的范围太广,导致其他样式被覆盖 */
  1376 +.white-bk .ant-select-selection__rendered {
  1377 + background-color: #fff;
1859 font-size: 12px; 1378 font-size: 12px;
1860 - margin-top: 0px;  
1861 } 1379 }
1862 1380
1863 -.workerListItem > div > div > div> label {  
1864 - flex: 1;  
1865 - font-size: 12px; 1381 +.ant-cascader-picker-disabled {
  1382 + background: #fafafa !important;
  1383 + color: rgba(0, 0, 0, 0.5) !important;
1866 } 1384 }
1867 -.workerListItem > div > div > div> label span {  
1868 - font-size: 12px; 1385 +
  1386 +#mergeTableEdit .ant-input-number-input[disabled] {
  1387 + background: transparent !important;
1869 } 1388 }
1870 -.workerForm {  
1871 - margin: 10px!important; 1389 +
  1390 +/* 设置CommonTable通用表格样式 */
  1391 +#staticEditTable {
  1392 + background-color: #fff;
  1393 + /* 设置通用表格背景色 */
  1394 + position: relative;
  1395 + margin-top: -1px;
1872 } 1396 }
1873 1397
1874 -.workerFormRow {  
1875 - display: flex; 1398 +#staticEditTable .ant-input[disabled] {
  1399 + background: transparent !important;
1876 } 1400 }
1877 1401
1878 -.workerFormRow > div:first-child {  
1879 - background: #1890FF;  
1880 - display: flex;  
1881 - flex-flow: row wrap;  
1882 - justify-content:center;  
1883 - align-items:center; 1402 +#staticEditTable .ant-input-number-input[disabled] {
  1403 + background: transparent !important;
1884 } 1404 }
1885 1405
1886 -.workerFormRow > div .item {  
1887 - font-size: 18px;  
1888 - font-weight: 700;  
1889 - color: #fff; 1406 +/* 默认数字控件是90px,单层表格行设置数字控件不设置宽度 */
  1407 +.viewStyle .ant-input-number {
  1408 + width: auto !important;
1890 } 1409 }
1891 1410
1892 -.workerOpt {  
1893 - position: absolute;  
1894 - left: -3.5%; 1411 +.viewStyle .ant-select-show-search {
  1412 + border: 1px solid #d9d9d9 !important;
1895 } 1413 }
1896 1414
1897 -.workerOpt i {  
1898 - color: #fff;  
1899 - cursor: pointer; 1415 +.viewStyle .react-grid-item .ant-select-show-search {
  1416 + border: 0 !important;
1900 } 1417 }
1901 1418
1902 -.workerFormPop {  
1903 - margin: 10px 0!important; 1419 +.commonNewTabBilll {
  1420 + .ant-form-item-control {
  1421 + flex: 1;
  1422 + max-width: 100%;
  1423 + }
  1424 +
  1425 + .ant-form-item-control-input {
  1426 + .masterLinkSpan {
  1427 + left: -3px;
  1428 + top: 1px;
  1429 + background: #FFF;
  1430 + }
  1431 + }
1904 } 1432 }
1905 1433
1906 -.workerFormPop .workerOpt {  
1907 - position: absolute;  
1908 - left: -6.5%; 1434 +/* 控制所有表格 悬浮行背景颜色*/
  1435 +/* 通用表格 icon字体 */
  1436 +#staticEditTable a i {
  1437 + font-size: 15px;
1909 } 1438 }
1910 1439
1911 -.clayoutJur {  
1912 - position: relative;  
1913 - margin: 0 10px;  
1914 - background: #fff!important;  
1915 - padding: 10px 10px 0 2px; 1440 +/*销售订单列表单元格元素控制*/
  1441 +.xly-normal-list #staticEditTable td {
  1442 + font-size: 12px !important;
  1443 + color: #000 !important;
  1444 + /* 设置通用列表单元格文字颜色 */
  1445 + padding: 0 5px !important;
  1446 + overflow: hidden;
  1447 + text-overflow: ellipsis;
  1448 + white-space: nowrap;
  1449 + /*超出变成省略号 */
1916 } 1450 }
1917 1451
1918 -.clayoutJur table {  
1919 - width: 100%!important; 1452 +/* 设置通用表格滚动条问题 */
  1453 +#staticEditTable .ant-select-selection {
  1454 + height: 31px !important;
  1455 + background-color: transparent !important;
1920 } 1456 }
1921 1457
1922 -.tableOptionJur {  
1923 - margin-bottom: 8px; 1458 +#staticEditTable .ant-calendar-picker-icon:after {
  1459 + content: '' !important;
1924 } 1460 }
1925 1461
1926 -.tableOptionJur > button {  
1927 - border: 1px solid #1890FF;  
1928 - background: #1890FF;  
1929 - color: #fff;  
1930 - margin-left: 8px;  
1931 - min-width: 65px;  
1932 - height: 28px;  
1933 - line-height: 28px; 1462 +/* 设置CommonTable通用树样式 */
  1463 +#staticEditTree {
  1464 + height: 100%;
  1465 + overflow: auto;
1934 } 1466 }
1935 1467
1936 -.tableOptionJur > button:first-child {  
1937 - margin-left: 0; 1468 +/* 系统权限Tree*/
  1469 +.xly-jurisdiction #staticEditTree {
  1470 + //max-height: ~'calc(100vh - 160px)';
  1471 + overflow: hidden;
1938 } 1472 }
1939 1473
1940 -.tableOptionJur > button:hover {  
1941 - border: 1px solid #1890FF;  
1942 - background: #1890FF;  
1943 - opacity: 0.6;  
1944 - color: #fff; 1474 +/* 选择工序Tree*/
  1475 +#modalChooseProcess #staticEditTree {
  1476 + height: 298px;
  1477 + overflow: auto;
1945 } 1478 }
1946 1479
1947 -/* 菜单项 */  
1948 -.affixMenu {  
1949 - cursor: pointer;  
1950 - position: fixed;  
1951 - font-size: 22px;  
1952 - right: 35px;  
1953 - top: 60px; 1480 +#modalChooseProcess #staticEditTable .sActiveIdStyle {
  1481 + position: inherit !important;
1954 } 1482 }
1955 1483
1956 -affixMenuhasProps {  
1957 - cursor: pointer;  
1958 - position: fixed;  
1959 - font-size: 22px;  
1960 - right: 35px;  
1961 - top: 60px;  
1962 - color: rgba(255, 255, 255, 0.6)!important; 1484 +/* Begin 数据导入页面 */
  1485 +#importDataInfo .topTable {
  1486 + .ant-table-scroll {
  1487 + height: calc(~'100vh - 225px');
  1488 + overflow-x: auto !important;
  1489 + }
  1490 +
  1491 + .ant-table-header {
  1492 + /* 解决无数据时没滚动条导致头部显示不全问题 */
  1493 + width: max-content;
  1494 + overflow-y: scroll !important;
  1495 + }
  1496 +
  1497 + .ant-table-body {
  1498 + width: max-content;
  1499 + height: calc(~'100vh - 276px');
  1500 + overflow-x: auto !important;
  1501 + overflow-y: auto !important;
  1502 + }
1963 } 1503 }
1964 1504
1965 -.affixMenuTable table {  
1966 - width: 100%!important; 1505 +/* END 数据导入页面 */
  1506 +
  1507 +/* Begin 设计功能弹出层界面样式调整 */
  1508 +#StatementInfo .ant-btn {
  1509 + border: 0;
  1510 + background-color: #1890FF;
1967 } 1511 }
1968 1512
1969 -.affixMenuTable table td {  
1970 - padding: 0!important; 1513 +#StatementInfo .billToolBar {
  1514 + margin-bottom: 8px;
1971 } 1515 }
1972 1516
1973 -.affixMenuTable table td input {  
1974 - border: 0!important;  
1975 - background: transparent; 1517 +#StatementInfo .ant-table-fixed {
  1518 + width: 100% !important;
1976 } 1519 }
1977 1520
1978 -.affixMenuTable table td label {  
1979 - padding: 0 11px; 1521 +#StatementInfo ul {
  1522 + width: 100%;
1980 } 1523 }
1981 1524
1982 -.affixMenuShow > span {  
1983 - margin-right: 10px; 1525 +#StatementInfo li {
  1526 + float: left;
  1527 + width: 60px;
1984 } 1528 }
1985 1529
1986 -.affixMenuTableAll span{  
1987 - font-size: 12px; 1530 +#StatementInfo .toolBar___22SoH li {
  1531 + padding: 0 !important;
1988 } 1532 }
1989 -.affixMenuTableAll h3 {  
1990 - margin-bottom: 15px; 1533 +
  1534 +#StatementInfo .toolBar___22SoH a:hover {
  1535 + color: #1890FF !important
1991 } 1536 }
1992 1537
1993 -.modalsContent .affixMenuTableAll:not(first-child) {  
1994 - margin-top: 0px; 1538 +#StatementInfo li a {
  1539 + color: #fff;
1995 } 1540 }
1996 1541
1997 -.modalsContent {  
1998 - //max-height: 395px;  
1999 - margin-right: -39px;  
2000 - padding-right: 24px;  
2001 - overflow-y: scroll; 1542 +#StatementInfo li a[disabled] {
  1543 + color: #a2a2a2;
2002 } 1544 }
2003 1545
2004 -.modalsContent {  
2005 - margin-top: -15px; 1546 +#StatementInfo li i {
  1547 + margin-right: 6px;
2006 } 1548 }
2007 1549
2008 -.modalsContent > div:first-child {  
2009 - padding: 8px 15px 8px 45px!important;  
2010 - margin-bottom: 10px; 1550 +#StatementInfo .ant-table-body {
  1551 + overflow-x: hidden !important;
  1552 + overflow-y: auto !important;
  1553 + height: 133px;
2011 } 1554 }
2012 1555
2013 -.modalsContent > div:first-child > i {  
2014 - font-size: 16px;  
2015 - top: 15.5px!important; 1556 +#StatementInfo .ant-table-footer {
  1557 + display: none;
2016 } 1558 }
2017 1559
2018 -.modalsContent .slaveTabs {  
2019 - margin: auto!important; 1560 +/* END 设计功能弹出层 */
  1561 +
  1562 +.ant-message span {
  1563 + white-space: pre-wrap;
2020 } 1564 }
2021 1565
  1566 +.ant-input-number-handler-wrap {
  1567 + display: none !important;
  1568 +}
2022 1569
  1570 +.ant-card-extra {
  1571 + padding: 0 !important;
  1572 +}
2023 1573
2024 -.iconGroup {  
2025 - i {  
2026 - position: absolute;  
2027 - right: 20px;  
2028 - bottom: 20px;  
2029 - transition: color 0.32s;  
2030 - color: @text-color-secondary;  
2031 - cursor: pointer;  
2032 - margin-left: 16px;  
2033 - &:hover {  
2034 - color: @text-color;  
2035 - }  
2036 - } 1574 +.ant-card-body {
  1575 + overflow: auto;
2037 } 1576 }
2038 1577
2039 -.popupButton {  
2040 - border: 0;  
2041 - background: 0;  
2042 - color: #1890FF;  
2043 - border-bottom: 1px solid #1890FF;  
2044 - cursor: pointer; 1578 +.ant-modal-body {
  1579 + overflow: hidden;
2045 } 1580 }
2046 1581
2047 -ton:focus {  
2048 - box-shadow: none!important;  
2049 - outline: none; 1582 +/* 设置通用切换slaveTab */
  1583 +.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-disabled span {
  1584 + color: #6b6868;
  1585 + cursor: not-allowed;
  1586 + /*设置不可用tab样式 */
2050 } 1587 }
2051 1588
2052 -:global {  
2053 - .xly-bill-list{  
2054 - padding: 0 10px;  
2055 - }  
2056 - th.column-money{  
2057 - color: #1890FF !important;  
2058 - box-shadow: 2px 0 3px -1px #999999 !important;  
2059 - }  
2060 - .ant-calendar-picker-input{  
2061 - outLine:none;  
2062 - font-size: 12px!important; 1589 +.importDataInfo {
  1590 + .ant-legacy-form-item-control {
  1591 + line-height: unset;
2063 } 1592 }
2064 - .processListTable {  
2065 - .ant-table-content{  
2066 - .ant-table-body{  
2067 - max-height: 90% !important;  
2068 - } 1593 +}
  1594 +
  1595 +#popupPan .ant-table-body {
  1596 + max-height: 350px !important;
  1597 +}
  1598 +
  1599 +#worker .ant-table-scroll>div:last-child {
  1600 + min-height: 110px;
  1601 +}
  1602 +
  1603 +#worker .ant-input-number-input[disabled] {
  1604 + background: transparent !important;
  1605 +}
  1606 +
  1607 +#workerOrder table {
  1608 + width: auto;
  1609 +}
  1610 +
  1611 +#workerOrder td {
  1612 + padding: 0 8px !important;
  1613 + height: 32px;
  1614 +}
  1615 +
  1616 +#commonList {
  1617 + background: #f0f2f5 !important;
  1618 +}
  1619 +
  1620 +#sPartsName .ant-form-item {
  1621 + display: inline-block;
  1622 + width: 100%;
  1623 + margin-bottom: 0 !important;
  1624 + height: 21px !important;
  1625 +}
  1626 +
  1627 +#sPartsName .ant-form-item-control {
  1628 + line-height: 21px !important;
  1629 +}
  1630 +
  1631 +//.ant-select {
  1632 +// width: 100%!important;
  1633 +//}
  1634 +#staticEditTable {
  1635 + .ant-pagination {
  1636 + .ant-select {
  1637 + width: 63px !important;
2069 } 1638 }
2070 } 1639 }
2071 - /* 所有CommonList列表样式控制*/  
2072 - .xly-normal-list .topTable {  
2073 - .ant-table-content {  
2074 - height:100%;  
2075 - .ant-table-scroll{  
2076 - height: 100%;  
2077 - padding-bottom: 61px; /* 兼容多表头 */  
2078 - }  
2079 - .ant-table-body{  
2080 - overflow-x: hidden!important;  
2081 - overflow-y: auto!important;  
2082 - }  
2083 - }  
2084 - .ant-spin-nested-loading {  
2085 - height: 100%;  
2086 - .ant-spin-container {  
2087 - height: 100%;  
2088 - .ant-table {  
2089 - height: 100%;  
2090 - } 1640 +
  1641 + .ant-pagination-total-text {
  1642 + position: absolute;
  1643 + right: 10px;
  1644 + }
  1645 +
  1646 + .ant-pagination-options {
  1647 + .ant-pagination-options-size-changer {
  1648 + .ant-select-selection {
  1649 + height: auto !important;
2091 } 1650 }
2092 } 1651 }
2093 - .ant-table-pagination.ant-pagination{  
2094 - margin: 6px 0;  
2095 - float: none;  
2096 - text-align: center;  
2097 - }  
2098 - .ant-table-fixed-header .ant-table-scroll .ant-table-header{  
2099 - overflow-y: scroll!important;  
2100 - }  
2101 } 1652 }
  1653 +}
2102 1654
2103 - /* 通用分类自适应 */  
2104 - .xly-normal-list.other-list{  
2105 - .topTable {  
2106 - height: calc(~'100% - 170px'); 1655 +//设备信息中的从表样式
  1656 +.xly-bill-list .iPlcNoTable .topTable .ant-spin-nested-loading .ant-spin-container .ant-table {
  1657 + height: 83% !important;
  1658 +
  1659 + .ant-table-body {
  1660 + overflow: auto !important;
  1661 + }
  1662 +}
  1663 +
  1664 +.tableOption {
  1665 + line-height: 0 !important;
  1666 + position: absolute;
  1667 + top: -27px;
  1668 + right: 0;
  1669 +}
  1670 +
  1671 +.tableOption>span:first-child {
  1672 + display: inline-block;
  1673 +}
  1674 +
  1675 +.tableOption>button {
  1676 + border: 1px solid #1890FF;
  1677 + background: #1890FF;
  1678 + color: #fff;
  1679 + margin-left: 8px;
  1680 + min-width: 65px;
  1681 + height: 28px;
  1682 + line-height: 28px;
  1683 +}
  1684 +
  1685 +.tableOption>button:hover {
  1686 + border: 1px solid #1890FF !important;
  1687 + background: #1890FF !important;
  1688 + color: #fff !important;
  1689 +}
  1690 +
  1691 +.tableOption>button[disabled],
  1692 +.tableOption>button[disabled]:hover {
  1693 + color: rgba(0, 0, 0, 0.5) !important;
  1694 + background: #f5f5f5 !important;
  1695 + border: 1px solid #d9d9d9 !important;
  1696 +}
  1697 +
  1698 +
  1699 +
  1700 +.TextArea {
  1701 + font-size: 20px;
  1702 + margin: 0 10px 10px 10px;
  1703 +}
  1704 +
  1705 +.wrapRow {
  1706 + width: 100%;
  1707 + padding: 0 25px 0 25px;
  1708 +}
  1709 +
  1710 +.lef {
  1711 + width: 48%;
  1712 + float: left;
  1713 +}
  1714 +
  1715 +.rig {
  1716 + width: 48%;
  1717 + margin-left: 4%;
  1718 + float: left;
  1719 +}
  1720 +
  1721 +.uploadPic i {
  1722 + display: block;
  1723 + font-size: 32px;
  1724 + color: #999;
  1725 +}
  1726 +
  1727 +.uploadPic>div {
  1728 + color: #666;
  1729 + font-size: 14px;
  1730 +}
  1731 +
  1732 +.header {
  1733 + position: fixed;
  1734 + width: 100%;
  1735 + z-index: 999;
  1736 + top: 60px;
  1737 + height: 30px !important;
  1738 + padding: 0px !important;
  1739 + line-height: inherit !important;
  1740 + background: transparent !important;
  1741 +}
  1742 +
  1743 +
  1744 +
  1745 +.clayoutClassify {
  1746 + margin: 70px 0 0 0;
  1747 +}
  1748 +
  1749 +.popupPan .clayoutClassify {
  1750 + margin: 0 !important;
  1751 +}
  1752 +
  1753 +.clayoutBot {
  1754 + padding: 0 10px;
  1755 +}
  1756 +
  1757 +.clayoutTop {
  1758 + padding: 30px 32px 20px 32px;
  1759 +}
  1760 +
  1761 +.clayoutCalc {
  1762 + margin: 0 10px;
  1763 + background: #fff !important;
  1764 +}
  1765 +
  1766 +.slaveTabs .ant-tabs-bar {
  1767 + margin: 0 10px !important;
  1768 +}
  1769 +
  1770 +.slaveTabs .ant-table-thead>tr>th {
  1771 + //background-color: #d0d0d0!important;
  1772 +}
  1773 +
  1774 +.modal .clayoutTop {
  1775 + padding: 0 !important;
  1776 +}
  1777 +
  1778 +.modal .mergeTableEdit {
  1779 + width: auto !important;
  1780 +}
  1781 +
  1782 +.sider {
  1783 + flex: none !important;
  1784 + max-width: none !important;
  1785 + min-width: 0 !important;
  1786 + width: auto !important;
  1787 + background: #fff !important;
  1788 +}
  1789 +
  1790 +.jsqSider {
  1791 + background: #fff !important;
  1792 +}
  1793 +
  1794 +.jsqSider button {
  1795 + width: 57px;
  1796 + height: 30px;
  1797 + padding: 0 !important;
  1798 + line-height: 30px;
  1799 + text-align: center;
  1800 +}
  1801 +
  1802 +.tabGroup {
  1803 + padding-left: 0 !important;
  1804 +}
  1805 +
  1806 +.tabChild {
  1807 + margin-bottom: 20px;
  1808 +}
  1809 +
  1810 +.tabChildTitle {
  1811 + border-bottom: 1px dotted #354052;
  1812 + margin-bottom: 10px;
  1813 + color: #fff;
  1814 + line-height: 22px;
  1815 +}
  1816 +
  1817 +.tabChildTitle span {
  1818 + background: #354052;
  1819 + display: inline-block;
  1820 + padding: 5px 15px;
  1821 + line-height: 22px;
  1822 + border-top-left-radius: 5px;
  1823 + border-bottom-right-radius: 5px;
  1824 + font-size: 12px;
  1825 +}
  1826 +
  1827 +
  1828 +.labelNo {
  1829 + height: auto;
  1830 +}
  1831 +
  1832 +.labelNo .formItemMargin {
  1833 + height: auto !important;
  1834 +}
  1835 +
  1836 +.labelNo textarea {
  1837 + border-top: 0 !important;
  1838 +}
  1839 +
  1840 +.white-bk>div>div>div>div>span>span input {
  1841 + background-color: #fff !important;
  1842 + font-size: 12px;
  1843 +}
  1844 +
  1845 +
  1846 +
  1847 +.searchSlaveForm {
  1848 + border: 1px solid #d9d9d9;
  1849 + border-top: 0;
  1850 + padding: 15px !important;
  1851 + padding-top: 25px !important;
  1852 + background: #fff;
  1853 +}
  1854 +
  1855 +.formItemMargin0 {
  1856 + margin-bottom: 0 !important;
  1857 +}
  1858 +
  1859 +.formItemMargin0>div>div>span>span {
  1860 + background: transparent !important;
  1861 +}
  1862 +
  1863 +.formItemMargin0>div>div>span>span input {
  1864 + border: 0 !important;
  1865 +}
  1866 +
  1867 +/* 设置整单外发 大小为12 */
  1868 +.formItemMag10 label {
  1869 + font-size: 12px !important;
  1870 +}
  1871 +
  1872 +.searchForm {
  1873 + background: #fff;
  1874 +}
  1875 +
  1876 +.searchForm .formItemMag10 label>span:last-child {
  1877 + width: inherit !important;
  1878 +}
  1879 +
  1880 +.searchForm .formItemMag10>div>div {
  1881 + line-height: 32px !important;
  1882 +}
  1883 +
  1884 +.searchForm .formItemMag0 label {
  1885 + margin-top: 5px !important;
  1886 + margin-bottom: 0 !important;
  1887 +}
  1888 +
  1889 +.searchForm .area {
  1890 + height: auto;
  1891 + min-height: 300px;
  1892 +}
  1893 +
  1894 +.tabChildDot {
  1895 + padding-bottom: 10px;
  1896 + margin-bottom: 10px;
  1897 + border-bottom: 1px dotted #354052;
  1898 +}
  1899 +
  1900 +.tab240 {
  1901 + height: 240px;
  1902 +}
  1903 +
  1904 +.searchForm .list {
  1905 + border: 1px solid #d9d9d9;
  1906 + border-radius: 4px;
  1907 + padding: 4px 11px;
  1908 + min-height: 280px;
  1909 +}
  1910 +
  1911 +.searchForm .list:hover {
  1912 + border: 1px solid #1890FF;
  1913 +}
  1914 +
  1915 +.searchForm .list li {
  1916 + height: 32px;
  1917 + line-height: 32px;
  1918 +}
  1919 +
  1920 +.tableOption .formItemMargin {
  1921 + margin-bottom: 0 !important;
  1922 +}
  1923 +
  1924 +/* 设定单据->销售对账 */
  1925 +.outStandFilter {
  1926 + padding: 20px 32px 0 32px !important;
  1927 + min-height: 72px;
  1928 +}
  1929 +
  1930 +.outStandRow {
  1931 + z-index: 20;
  1932 + padding: 10px 0 0 20px;
  1933 + background: #f7f7f7;
  1934 + transition: background .3s ease;
  1935 + box-shadow: 0 0 5px #1890FF;
  1936 + width: 70%;
  1937 + min-height: 49px;
  1938 + float: left;
  1939 +}
  1940 +
  1941 +.outStandFormItem {
  1942 + margin-bottom: 0 !important;
  1943 +}
  1944 +
  1945 +.outStandFormItem label span+span {
  1946 + width: auto !important;
  1947 +}
  1948 +
  1949 +.inputGroup {
  1950 + position: relative;
  1951 +}
  1952 +
  1953 +.inputGroup>div {
  1954 + width: 100% !important;
  1955 +}
  1956 +
  1957 +.inputGroup input {
  1958 + position: absolute;
  1959 + right: 0;
  1960 + top: 0;
  1961 +}
  1962 +
  1963 +.inputGroup .iconAdd {
  1964 + position: absolute;
  1965 + right: 0;
  1966 + top: 0;
  1967 +}
  1968 +
  1969 +.inputGroup .iconAdd>span {
  1970 + width: 32px;
  1971 + height: 32px;
  1972 + position: absolute !important;
  1973 + left: 0 !important;
  1974 + top: 14px !important;
  1975 + cursor: pointer;
  1976 +}
  1977 +
  1978 +.inputGroup .iconAdd i {
  1979 + position: absolute;
  1980 + left: 0;
  1981 + top: 0;
  1982 + width: 32px;
  1983 + height: 32px;
  1984 +}
  1985 +
  1986 +.inputGroup .iconAdd i:before {
  1987 + color: rgba(0, 0, 0, 0.43);
  1988 + transform: scale(0.75) rotate(0deg);
  1989 + line-height: 32px;
  1990 +}
  1991 +
  1992 +.inputGroup .iconAdd i:hover:before {
  1993 + line-height: 32px;
  1994 + font-weight: 700;
  1995 + color: rgba(0, 0, 0, 0.65);
  1996 +}
  1997 +
  1998 +.inputGroup .iconAdd input {
  1999 + padding-left: 20px !important;
  2000 + height: 32px !important;
  2001 +}
  2002 +
  2003 +.inputGroup>div>div {
  2004 + background: #fafafa !important;
  2005 + width: 100% !important;
  2006 +}
  2007 +
  2008 +.inputGroup>div>div>div {
  2009 + width: 100% !important;
  2010 +}
  2011 +
  2012 +.tableInputGroup {
  2013 + position: relative;
  2014 +}
  2015 +
  2016 +.tableInputGroup .iconAdd {
  2017 + position: absolute;
  2018 + right: 8px;
  2019 + top: 6px;
  2020 +}
  2021 +
  2022 +.tableInputGroup input {
  2023 + position: absolute;
  2024 + right: 0;
  2025 + top: 0;
  2026 + width: 16px !important;
  2027 + height: 16px !important;
  2028 + padding: 0 !important;
  2029 + border-radius: 0 !important;
  2030 +}
  2031 +
  2032 +.tableInputGroup .iconAdd>span {
  2033 + width: 16px;
  2034 + height: 16px;
  2035 + position: absolute !important;
  2036 + left: 0 !important;
  2037 + top: 8px !important;
  2038 + cursor: pointer;
  2039 +}
  2040 +
  2041 +.tableInputGroup .iconAdd i {
  2042 + position: absolute;
  2043 + left: 0;
  2044 + top: 0;
  2045 + width: 16px;
  2046 + height: 16px;
  2047 +}
  2048 +
  2049 +.tableInputGroup .iconAdd i:before {
  2050 + color: rgba(0, 0, 0, 0.43);
  2051 + transform: scale(0.75) rotate(0deg);
  2052 + line-height: 16px;
  2053 +}
  2054 +
  2055 +.tableInputGroup .iconAdd i:hover:before {
  2056 + line-height: 16px;
  2057 + font-weight: 700;
  2058 + color: rgba(0, 0, 0, 0.65);
  2059 +}
  2060 +
  2061 +.tableInputGroup>div>div>span {
  2062 + display: none !important;
  2063 +}
  2064 +
  2065 +.layout {
  2066 + padding-top: 20px;
  2067 +}
  2068 +
  2069 +.editSelect>div {
  2070 + height: 32px;
  2071 + border-color: transparent !important;
  2072 + border-radius: 0;
  2073 + transition: none;
  2074 + width: 100%;
  2075 +}
  2076 +
  2077 +.tableOperation {
  2078 + padding: 0 6px;
  2079 +}
  2080 +
  2081 +.tableOperation>button {
  2082 + border: 0 !important;
  2083 + background: none !important;
  2084 + color: #1890FF;
  2085 + cursor: pointer;
  2086 + outline: 0;
  2087 +}
  2088 +
  2089 +.tableOperation>button:focus {
  2090 + outline: 0;
  2091 +}
  2092 +
  2093 +.rightSearch {
  2094 + width: 220px;
  2095 + position: absolute;
  2096 + right: 80px;
  2097 + top: -29px;
  2098 +}
  2099 +
  2100 +.rightSearch input {
  2101 + height: 28px;
  2102 +}
  2103 +
  2104 +.rightSearch button {
  2105 + height: 28px;
  2106 +}
  2107 +
  2108 +.searchBox {
  2109 + width: 200px !important;
  2110 + height: 26px;
  2111 + background: hsla(0, 0%, 100%, .12);
  2112 + transition: all .3s linear;
  2113 +}
  2114 +
  2115 +.show {
  2116 + width: 300px !important;
  2117 + border: 1px solid #1890FF;
  2118 +}
  2119 +
  2120 +.searchBox button {
  2121 + border: 0;
  2122 + background: none;
  2123 +}
  2124 +
  2125 +.searchBox button:hover {
  2126 + background: none;
  2127 +}
  2128 +
  2129 +.tabButton {
  2130 + //margin-top: 10px;
  2131 + font-size: 12px;
  2132 + text-indent: 1em;
  2133 + height: 185px;
  2134 + overflow: auto;
  2135 + border-left: 1px solid #d9d9d9;
  2136 + border-bottom: 1px solid #d9d9d9;
  2137 +}
  2138 +
  2139 +
  2140 +.tabButton button {
  2141 + display: block !important;
  2142 + border: 0 !important;
  2143 + width: 100% !important;
  2144 + text-indent: 0.6em !important;
  2145 + text-align: left;
  2146 +}
  2147 +
  2148 +/* 上传 */
  2149 +.uploadListInline {
  2150 + margin-right: 8px;
  2151 +}
  2152 +
  2153 +.uploadListInline>div:last-child>div {
  2154 + height: 300px;
  2155 +}
  2156 +
  2157 +.uploadListInline>div:last-child>div a {
  2158 + width: auto;
  2159 + height: 280px;
  2160 +}
  2161 +
  2162 +.uploadListInline>div:last-child>div img {
  2163 + width: auto;
  2164 + height: 280px;
  2165 +}
  2166 +
  2167 +/* 图片列表上传 */
  2168 +.staticUpload {
  2169 + display: inline-block;
  2170 +}
  2171 +
  2172 +.staticUpload button {
  2173 + height: 28px !important;
  2174 +}
  2175 +
  2176 +.staticUpload>div:last-child {
  2177 + display: none;
  2178 +}
  2179 +
  2180 +/* 销售订单自定义审核界面设置 */
  2181 +.checkTable {
  2182 + margin-bottom: 20px;
  2183 +
  2184 + table tr td {
  2185 + padding-left: 4px !important;
  2186 + padding: 4px 4px;
  2187 + font-size: 12px;
  2188 + height: 30px;
  2189 + }
  2190 +}
  2191 +
  2192 +.checkInputGroup {
  2193 + padding-left: 0 !important;
  2194 + margin-top: 10px !important;
  2195 +}
  2196 +
  2197 +.clickRow {
  2198 + background: #f0fcff !important;
  2199 +}
  2200 +
  2201 +.contentPop {
  2202 + background: #fff !important;
  2203 +}
  2204 +
  2205 +.buttonOpt {
  2206 + margin-top: 25px;
  2207 +}
  2208 +
  2209 +.buttonOpt button {
  2210 + margin-right: 10px;
  2211 + padding: 0 15px !important;
  2212 +}
  2213 +
  2214 +.tableShow td span {
  2215 + padding: 0 8px !important;
  2216 + line-height: 32px;
  2217 +}
  2218 +
  2219 +.collapseB {
  2220 + margin-top: 20px;
  2221 + text-align: center;
  2222 + display: inline-block;
  2223 + width: 98%;
  2224 + font-size: 16px;
  2225 + background: #fafafa;
  2226 + color: rgba(0, 0, 0, 0.65) !important;
  2227 + border: 0;
  2228 + cursor: pointer;
  2229 +}
  2230 +
  2231 +.collapseA {
  2232 + text-align: center;
  2233 + display: inline-block;
  2234 + width: 98%;
  2235 + font-size: 16px;
  2236 + background: #fafafa;
  2237 + color: rgba(0, 0, 0, 0.65) !important;
  2238 + border: 0;
  2239 + cursor: pointer;
  2240 + margin-top: 5px;
  2241 +}
  2242 +
  2243 +.collapseA span,
  2244 +.collapseB span {
  2245 + font-size: 14px;
  2246 + margin-right: 5px;
  2247 +}
  2248 +
  2249 +.collapseA i,
  2250 +.collapseB i {
  2251 + vertical-align: middle;
  2252 +}
  2253 +
  2254 +.collapseA:focus,
  2255 +.collapseB:focus {
  2256 + outline: 0;
  2257 +}
  2258 +
  2259 +/* 快捷过滤 */
  2260 +.advForm {
  2261 + background: #eef1f6;
  2262 + height: 52px;
  2263 +}
  2264 +
  2265 +.advFormItem {
  2266 + margin-bottom: 4px !important;
  2267 + margin-right: 7px !important;
  2268 +}
  2269 +
  2270 +.advFormItem>div {
  2271 + width: 100%;
  2272 +}
  2273 +
  2274 +.advFormItem .advDelectIcon {
  2275 + position: absolute;
  2276 + right: -20px;
  2277 + top: 0;
  2278 +}
  2279 +
  2280 +.advDelectIcon i {
  2281 + position: absolute;
  2282 + right: -5px;
  2283 + top: 8px;
  2284 + cursor: pointer;
  2285 + color: rgba(0, 0, 0, 0.65) !important;
  2286 +}
  2287 +
  2288 +.advRow {
  2289 + position: absolute !important;
  2290 + z-index: 20;
  2291 + padding: 10px 34px 0 10px;
  2292 + transition: background .3s ease;
  2293 + border: 1px solid transparent;
  2294 + width: 46%;
  2295 + float: left;
  2296 +}
  2297 +
  2298 +.advRowActive {
  2299 + position: absolute !important;
  2300 + z-index: 20;
  2301 + padding: 10px 34px 0 10px;
  2302 + background: #eef1f6;
  2303 + transition: background .3s ease;
  2304 + border: 1px solid #1890FF;
  2305 + width: 46%;
  2306 + float: left;
  2307 +}
  2308 +
  2309 +.advRow>button,
  2310 +.advRowActive>button {
  2311 + position: absolute;
  2312 + top: 10px;
  2313 + width: 32px;
  2314 + height: 32px;
  2315 + background: #1890FF;
  2316 + border: 0;
  2317 + color: #fff;
  2318 + cursor: pointer;
  2319 +}
  2320 +
  2321 +.advRow button>i,
  2322 +.advRowActive button>i {
  2323 + display: block;
  2324 + font-size: 14px;
  2325 + color: #fff;
  2326 + text-align: center;
  2327 + line-height: 32px;
  2328 +}
  2329 +
  2330 +.advButton {
  2331 + position: relative;
  2332 + margin-right: 7px;
  2333 + margin-bottom: 7px;
  2334 +}
  2335 +
  2336 +.advRow button:focus {
  2337 + outline: 0;
  2338 +}
  2339 +
  2340 +.advButton button {
  2341 + width: 100%;
  2342 +}
  2343 +
  2344 +.advCol {
  2345 + left: 47%;
  2346 + width: 30%;
  2347 + z-index: 20;
  2348 + float: left !important;
  2349 + padding-top: 11px;
  2350 + margin-left: 20px;
  2351 +}
  2352 +
  2353 +.popupPan .advRow,
  2354 +.popupPan .advRowActive {
  2355 + width: 60% !important;
  2356 +}
  2357 +
  2358 +.popupPan .advCol {
  2359 + left: 60% !important;
  2360 + margin-left: 5px !important;
  2361 +}
  2362 +
  2363 +.advCol button {
  2364 + height: 32px !important;
  2365 + min-width: 80px;
  2366 + padding: 0 16px;
  2367 +}
  2368 +
  2369 +.advCol button>span {
  2370 + line-height: 32px !important;
  2371 +}
  2372 +
  2373 +.advInput {
  2374 + width: 100%;
  2375 + height: 32px;
  2376 +}
  2377 +
  2378 +.advInput input {
  2379 + height: 32px !important;
  2380 +}
  2381 +
  2382 +/* 分页 */
  2383 +.pagination {
  2384 + float: none !important;
  2385 + text-align: center;
  2386 + margin: 8px 0 !important;
  2387 +}
  2388 +
  2389 +.pagination li {
  2390 + min-width: 28px;
  2391 + height: 28px;
  2392 + line-height: 28px;
  2393 +}
  2394 +
  2395 +.pagination li a:after {
  2396 + height: 28px !important;
  2397 +}
  2398 +
  2399 +/* 可修改表格 */
  2400 +.mergeTableEdit {
  2401 + position: relative;
  2402 + width: 1000px;
  2403 + margin: 0 auto;
  2404 +}
  2405 +
  2406 +.mergeTableEdit .tableCommon {
  2407 + position: absolute;
  2408 + bottom: 0;
  2409 + margin-bottom: 8px;
  2410 + line-height: 0 !important;
  2411 +}
  2412 +
  2413 +.mergeTableEdit .tableCommonSpace {
  2414 + margin-top: 8px;
  2415 +}
  2416 +
  2417 +.mergeTableEdit .tableCommonRig {
  2418 + position: absolute;
  2419 + bottom: 0;
  2420 + right: 0;
  2421 + margin-bottom: 8px;
  2422 + line-height: 0 !important;
  2423 +}
  2424 +
  2425 +.tableCommon>button,
  2426 +.tableCommonSpace>button {
  2427 + min-width: 80px;
  2428 + height: 28px;
  2429 + background: #1890FF;
  2430 + color: #fff;
  2431 + border: 1px solid #1890FF !important;
  2432 + margin-right: 8px;
  2433 +}
  2434 +
  2435 +.tableCommonRig>button {
  2436 + min-width: 80px;
  2437 + height: 28px;
  2438 + background: #1890FF;
  2439 + color: #fff;
  2440 + border: 1px solid #1890FF !important;
  2441 + margin-left: 8px;
  2442 +}
  2443 +
  2444 +.mergeTableEdit .tableCommonRig {
  2445 + display: none;
  2446 +}
  2447 +
  2448 +.popupPan .tableCommonRig {
  2449 + display: block !important;
  2450 +}
  2451 +
  2452 +.tableCommon>button:hover,
  2453 +.tableCommonRig>button:hover {
  2454 + background: #26d7eb !important;
  2455 + color: #fff !important;
  2456 +}
  2457 +
  2458 +.tableCommon>button[disabled]:hover {
  2459 + border: 1px solid #b0b0b3 !important;
  2460 + background: #b0b0b3 !important;
  2461 + opacity: 0.6;
  2462 + color: #fff !important;
  2463 +}
  2464 +
  2465 +.tableCommon>button[disabled] {
  2466 + border: 1px solid #b0b0b3 !important;
  2467 + background: #b0b0b3 !important;
  2468 + opacity: 0.6;
  2469 + color: #fff !important;
  2470 +}
  2471 +
  2472 +.btnLoad {
  2473 + width: 100% !important;
  2474 + padding: 0 !important;
  2475 + text-align: center !important;
  2476 +}
  2477 +
  2478 +.workeOrderMainT {
  2479 + float: left;
  2480 + width: 90px;
  2481 + font-size: 14px;
  2482 + color: #1890FF;
  2483 + font-weight: 700;
  2484 + height: 32px;
  2485 + line-height: 28px;
  2486 + padding-bottom: 4px;
  2487 + border-bottom: 2px solid #1890FF;
  2488 + text-align: center;
  2489 + margin-bottom: 10px;
  2490 +}
  2491 +
  2492 +.workOrderMain {
  2493 + float: right;
  2494 + margin-right: 2.1%;
  2495 +}
  2496 +
  2497 +.workOrderMain .formItemMargin {
  2498 + height: 32px !important;
  2499 +}
  2500 +
  2501 +.workOrderMain button,
  2502 +.workOrderMain button:active {
  2503 + float: right;
  2504 + background: #fc785e;
  2505 + border: 0;
  2506 + color: #fff;
  2507 +}
  2508 +
  2509 +.workOrderMain button:hover {
  2510 + background: #fe927d;
  2511 + border: 0;
  2512 + color: #fff;
  2513 +}
  2514 +
  2515 +.workOrderMain>div {
  2516 + width: 106px;
  2517 + float: right;
  2518 +}
  2519 +
  2520 +
  2521 +
  2522 +.collapseWorker {
  2523 + margin-top: 10px;
  2524 +}
  2525 +
  2526 +.workerList {
  2527 + height: auto;
  2528 + margin-bottom: 8px;
  2529 + font-size: 12px !important;
  2530 +}
  2531 +
  2532 +.workerListItem {
  2533 + margin-right: 15px;
  2534 + margin-bottom: 0px !important;
  2535 + overflow: hidden;
  2536 + height: 100%;
  2537 + background-color: transparent;
  2538 +}
  2539 +
  2540 +.workerListItem label {
  2541 + float: left;
  2542 +}
  2543 +
  2544 +.workerListItem>div>div {
  2545 + border: 0px !important;
  2546 + background-color: transparent;
  2547 + font-size: 12px;
  2548 +}
  2549 +
  2550 +.workerListItem>div>div>div {
  2551 + height: 40px;
  2552 + line-height: 40px;
  2553 + padding: 0px 5px !important;
  2554 + overflow: hidden;
  2555 + display: flex;
  2556 + background-color: transparent;
  2557 + font-size: 12px;
  2558 + margin-top: 0px;
  2559 +}
  2560 +
  2561 +.workerListItem>div>div>div>label {
  2562 + flex: 1;
  2563 + font-size: 12px;
  2564 +}
  2565 +
  2566 +.workerListItem>div>div>div>label span {
  2567 + font-size: 12px;
  2568 +}
  2569 +
  2570 +.workerForm {
  2571 + margin: 10px !important;
  2572 +}
  2573 +
  2574 +.workerFormRow {
  2575 + display: flex;
  2576 +}
  2577 +
  2578 +.workerFormRow>div:first-child {
  2579 + background: #1890FF;
  2580 + display: flex;
  2581 + flex-flow: row wrap;
  2582 + justify-content: center;
  2583 + align-items: center;
  2584 +}
  2585 +
  2586 +.workerFormRow>div .item {
  2587 + font-size: 18px;
  2588 + font-weight: 700;
  2589 + color: #fff;
  2590 +}
  2591 +
  2592 +.workerOpt {
  2593 + position: absolute;
  2594 + left: -3.5%;
  2595 +}
  2596 +
  2597 +.workerOpt i {
  2598 + color: #fff;
  2599 + cursor: pointer;
  2600 +}
  2601 +
  2602 +.workerFormPop {
  2603 + margin: 10px 0 !important;
  2604 +}
  2605 +
  2606 +.workerFormPop .workerOpt {
  2607 + position: absolute;
  2608 + left: -6.5%;
  2609 +}
  2610 +
  2611 +.clayoutJur {
  2612 + position: relative;
  2613 + margin: 0 10px;
  2614 + background: #fff !important;
  2615 + padding: 10px 10px 0 2px;
  2616 +}
  2617 +
  2618 +.clayoutJur table {
  2619 + width: 100% !important;
  2620 +}
  2621 +
  2622 +.tableOptionJur {
  2623 + margin-bottom: 8px;
  2624 +}
  2625 +
  2626 +.tableOptionJur>button {
  2627 + border: 1px solid #1890FF;
  2628 + background: #1890FF;
  2629 + color: #fff;
  2630 + margin-left: 8px;
  2631 + min-width: 65px;
  2632 + height: 28px;
  2633 + line-height: 28px;
  2634 +}
  2635 +
  2636 +.tableOptionJur>button:first-child {
  2637 + margin-left: 0;
  2638 +}
  2639 +
  2640 +.tableOptionJur>button:hover {
  2641 + border: 1px solid #1890FF;
  2642 + background: #1890FF;
  2643 + opacity: 0.6;
  2644 + color: #fff;
  2645 +}
  2646 +
  2647 +/* 菜单项 */
  2648 +.affixMenu {
  2649 + cursor: pointer;
  2650 + position: fixed;
  2651 + font-size: 22px;
  2652 + right: 35px;
  2653 + top: 60px;
  2654 +}
  2655 +
  2656 +affixMenuhasProps {
  2657 + cursor: pointer;
  2658 + position: fixed;
  2659 + font-size: 22px;
  2660 + right: 35px;
  2661 + top: 60px;
  2662 + color: rgba(255, 255, 255, 0.6) !important;
  2663 +}
  2664 +
  2665 +.affixMenuTable table {
  2666 + width: 100% !important;
  2667 +}
  2668 +
  2669 +.affixMenuTable table td {
  2670 + padding: 0 !important;
  2671 +}
  2672 +
  2673 +.affixMenuTable table td input {
  2674 + border: 0 !important;
  2675 + background: transparent;
  2676 +}
  2677 +
  2678 +.affixMenuTable table td label {
  2679 + padding: 0 11px;
  2680 +}
  2681 +
  2682 +.affixMenuShow>span {
  2683 + margin-right: 10px;
  2684 +}
  2685 +
  2686 +.affixMenuTableAll span {
  2687 + font-size: 12px;
  2688 +}
  2689 +
  2690 +.affixMenuTableAll h3 {
  2691 + margin-bottom: 15px;
  2692 +}
  2693 +
  2694 +.modalsContent .affixMenuTableAll:not(first-child) {
  2695 + margin-top: 0px;
  2696 +}
  2697 +
  2698 +.modalsContent {
  2699 + //max-height: 395px;
  2700 + margin-right: -39px;
  2701 + padding-right: 24px;
  2702 + overflow-y: scroll;
  2703 +}
  2704 +
  2705 +.modalsContent {
  2706 + margin-top: -15px;
  2707 +}
  2708 +
  2709 +.modalsContent>div:first-child {
  2710 + padding: 8px 15px 8px 45px !important;
  2711 + margin-bottom: 10px;
  2712 +}
  2713 +
  2714 +.modalsContent>div:first-child>i {
  2715 + font-size: 16px;
  2716 + top: 15.5px !important;
  2717 +}
  2718 +
  2719 +.modalsContent .slaveTabs {
  2720 + margin: auto !important;
  2721 +}
  2722 +
  2723 +
  2724 +
  2725 +.iconGroup {
  2726 + i {
  2727 + position: absolute;
  2728 + right: 20px;
  2729 + bottom: 20px;
  2730 + transition: color 0.32s;
  2731 + color: @text-color-secondary;
  2732 + cursor: pointer;
  2733 + margin-left: 16px;
  2734 +
  2735 + &:hover {
  2736 + color: @text-color;
  2737 + }
  2738 + }
  2739 +}
  2740 +
  2741 +.popupButton {
  2742 + border: 0;
  2743 + background: 0;
  2744 + color: #1890FF;
  2745 + border-bottom: 1px solid #1890FF;
  2746 + cursor: pointer;
  2747 +}
  2748 +
  2749 +ton:focus {
  2750 + box-shadow: none !important;
  2751 + outline: none;
  2752 +}
  2753 +
  2754 +.xly-bill-list {
  2755 + padding: 0 10px;
  2756 +}
  2757 +
  2758 +th.column-money {
  2759 + color: #1890FF !important;
  2760 + box-shadow: 2px 0 3px -1px #999999 !important;
  2761 +}
  2762 +
  2763 +.ant-calendar-picker-input {
  2764 + outLine: none;
  2765 + font-size: 12px !important;
  2766 +}
  2767 +
  2768 +.processListTable {
  2769 + .ant-table-content {
  2770 + .ant-table-body {
  2771 + max-height: 90% !important;
2107 } 2772 }
2108 - .ant-table-header {  
2109 - width: 100%; 2773 + }
  2774 +}
  2775 +
  2776 +/* 所有CommonList列表样式控制*/
  2777 +.xly-normal-list .topTable {
  2778 + .ant-table-content {
  2779 + height: 100%;
  2780 +
  2781 + .ant-table-scroll {
  2782 + height: 100%;
  2783 + padding-bottom: 61px;
  2784 + /* 兼容多表头 */
2110 } 2785 }
  2786 +
2111 .ant-table-body { 2787 .ant-table-body {
2112 - width: 100%; 2788 + overflow-x: hidden !important;
  2789 + overflow-y: auto !important;
2113 } 2790 }
2114 } 2791 }
2115 - /* 通用分类 表头不设置滚动条*/  
2116 - .xly-normal-list.other-list .topTable .ant-table-fixed-header .ant-table-scroll .ant-table-header{  
2117 - overflow-y: auto!important;  
2118 - }  
2119 - .sider-table-box .topTable{ 2792 +
  2793 + .ant-spin-nested-loading {
2120 height: 100%; 2794 height: 100%;
2121 - .ant-table { 2795 +
  2796 + .ant-spin-container {
2122 height: 100%; 2797 height: 100%;
2123 - .ant-table-scroll { 2798 +
  2799 + .ant-table {
2124 height: 100%; 2800 height: 100%;
2125 } 2801 }
2126 - .ant-table-body {  
2127 - margin-bottom: -15px;  
2128 - height:calc(~'100% + 50px');  
2129 - padding-bottom: 30px;  
2130 - }  
2131 - .ant-table-content {  
2132 - height:100%;  
2133 - .ant-table-scroll{  
2134 - height: 100%;  
2135 - }  
2136 - }  
2137 } 2802 }
2138 } 2803 }
2139 - /* 所有单据通用设置 */  
2140 - .xly-bill-list .topTable {  
2141 - height:calc(~'100%'); /* 分页按钮 67*/ 2804 +
  2805 + .ant-table-pagination.ant-pagination {
  2806 + margin: 6px 0;
  2807 + float: none;
  2808 + text-align: center;
  2809 + }
  2810 +
  2811 + .ant-table-fixed-header .ant-table-scroll .ant-table-header {
  2812 + overflow-y: scroll !important;
  2813 + }
  2814 +}
  2815 +
  2816 +/* 通用分类自适应 */
  2817 +.xly-normal-list.other-list {
  2818 + .topTable {
  2819 + height: calc(~'100% - 170px');
  2820 + }
  2821 +
  2822 + .ant-table-header {
  2823 + width: 100%;
  2824 + }
  2825 +
  2826 + .ant-table-body {
  2827 + width: 100%;
  2828 + }
  2829 +}
  2830 +
  2831 +/* 通用分类 表头不设置滚动条*/
  2832 +.xly-normal-list.other-list .topTable .ant-table-fixed-header .ant-table-scroll .ant-table-header {
  2833 + overflow-y: auto !important;
  2834 +}
  2835 +
  2836 +.sider-table-box .topTable {
  2837 + height: 100%;
  2838 +
  2839 + .ant-table {
  2840 + height: 100%;
  2841 +
2142 .ant-table-scroll { 2842 .ant-table-scroll {
2143 height: 100%; 2843 height: 100%;
2144 - padding-bottom: 76px; /* 多表头设置 */  
2145 - overflow-x: auto !important;  
2146 } 2844 }
  2845 +
2147 .ant-table-body { 2846 .ant-table-body {
2148 margin-bottom: -15px; 2847 margin-bottom: -15px;
2149 - // width: max-content; 2848 + height: calc(~'100% + 50px');
  2849 + padding-bottom: 30px;
2150 } 2850 }
  2851 +
2151 .ant-table-content { 2852 .ant-table-content {
2152 - height:100%;  
2153 - .ant-table-scroll{ 2853 + height: 100%;
  2854 +
  2855 + .ant-table-scroll {
2154 height: 100%; 2856 height: 100%;
2155 } 2857 }
2156 - .ant-table-fixed-right { /* 单据固定列滚动条设置 */  
2157 - /* 2858 + }
  2859 + }
  2860 +}
  2861 +
  2862 +/* 所有单据通用设置 */
  2863 +.xly-bill-list .topTable {
  2864 + height: calc(~'100%');
  2865 +
  2866 + /* 分页按钮 67*/
  2867 + .ant-table-scroll {
  2868 + height: 100%;
  2869 + padding-bottom: 76px;
  2870 + /* 多表头设置 */
  2871 + overflow-x: auto !important;
  2872 + }
  2873 +
  2874 + .ant-table-body {
  2875 + margin-bottom: -15px;
  2876 + // width: max-content;
  2877 + }
  2878 +
  2879 + .ant-table-content {
  2880 + height: 100%;
  2881 +
  2882 + .ant-table-scroll {
  2883 + height: 100%;
  2884 + }
  2885 +
  2886 + .ant-table-fixed-right {
  2887 + /* 单据固定列滚动条设置 */
  2888 + /*
2158 修改日期:2021-03-17 2889 修改日期:2021-03-17
2159 修改人:吕杰 2890 修改人:吕杰
2160 区域:以下一行 2891 区域:以下一行
2161 需求变更:fix 2104 解决table操作列下拉错位问题 2892 需求变更:fix 2104 解决table操作列下拉错位问题
2162 */ 2893 */
2163 - // height: 87%!important;  
2164 - height: calc(~"100% - 48px") !important;  
2165 - }  
2166 - /* 2894 + // height: 87%!important;
  2895 + height: calc(~"100% - 48px") !important;
  2896 + }
  2897 +
  2898 + /*
2167 修改日期:2021-03-17 2899 修改日期:2021-03-17
2168 修改人:吕杰 2900 修改人:吕杰
2169 区域:以下三行 2901 区域:以下三行
2170 需求变更:fix 2104 解决table操作列下拉错位问题 2902 需求变更:fix 2104 解决table操作列下拉错位问题
2171 */ 2903 */
2172 - .ant-table-fixed-right .ant-table-body-outer {  
2173 - height: calc(~'100% - 28px');  
2174 - }  
2175 - .ant-table-fixed-right .ant-table-body-inner{  
2176 - overflow-x: hidden!important;  
2177 - overflow-y: auto!important;  
2178 - /* 2904 + .ant-table-fixed-right .ant-table-body-outer {
  2905 + height: calc(~'100% - 28px');
  2906 + }
  2907 +
  2908 + .ant-table-fixed-right .ant-table-body-inner {
  2909 + overflow-x: hidden !important;
  2910 + overflow-y: auto !important;
  2911 + /*
2179 修改日期:2021-03-17 2912 修改日期:2021-03-17
2180 修改人:吕杰 2913 修改人:吕杰
2181 区域:以下一行 2914 区域:以下一行
2182 需求变更:fix 2104 解决table操作列下拉错位问题 2915 需求变更:fix 2104 解决table操作列下拉错位问题
2183 */ 2916 */
2184 - // padding-bottom: 80px;  
2185 - } 2917 + // padding-bottom: 80px;
2186 } 2918 }
2187 - .ant-spin-nested-loading { 2919 + }
  2920 +
  2921 + .ant-spin-nested-loading {
  2922 + height: 100%;
  2923 +
  2924 + .ant-spin-container {
2188 height: 100%; 2925 height: 100%;
2189 - .ant-spin-container {  
2190 - height: 100%;  
2191 - .ant-table {  
2192 - height: 88%; /* 单据分页控件可见 */  
2193 - } 2926 +
  2927 + .ant-table {
  2928 + height: 88%;
  2929 + /* 单据分页控件可见 */
2194 } 2930 }
2195 } 2931 }
2196 - //.ant-table-placeholder {  
2197 - // margin-top: 15px;  
2198 - //}  
2199 - .ant-table-pagination.ant-pagination{  
2200 - margin: 6px 0;  
2201 - float: none;  
2202 - text-align: center;  
2203 - }  
2204 } 2932 }
2205 2933
2206 - .botTable {  
2207 - margin-top: -2px;  
2208 - table thead {  
2209 - display: none;  
2210 - }  
2211 - .ant-table-body {  
2212 - height: auto!important;  
2213 - min-height: inherit!important;  
2214 - overflow-y: scroll;  
2215 - }  
2216 - }  
2217 - .TabPaneStyle{  
2218 - height: 96%; /*解决Tab按键 界面跳动问题 94通用*/  
2219 - }  
2220 - .SetModelTable {  
2221 - display: flex;  
2222 - width: 100%;  
2223 - height: 100%;  
2224 - overflow: hide !important;  
2225 - }  
2226 - .SetModelTable>div:first-child {  
2227 - flex-shrink: 0;  
2228 - transition: width 0.2s;  
2229 - }  
2230 - // 整体布局相关  
2231 - .content{  
2232 - height: 100%;  
2233 - }  
2234 - /* 通用footer样式设置 */  
2235 - .ant-table-footer {  
2236 - height: 30px!important;  
2237 - padding: 0px!important;  
2238 - left: -1px;  
2239 - background-color:rgb(240, 242, 245)!important;  
2240 - //top: -30px;  
2241 - z-index: 10;/* 合计行层级比Modal1000低 */  
2242 - }  
2243 - /* 解决footer有边线 */  
2244 - .ant-table.ant-table-bordered .ant-table-footer{  
2245 - border: none!important;  
2246 - }  
2247 - .ant-table-footer:before{  
2248 - height: 0!important;  
2249 - }  
2250 - .hover-droping-cell{  
2251 - border-left: 4px dashed #1890FF;  
2252 - background-color: rgba(1,193,222, 0.2);  
2253 - }  
2254 - .react-resizable {  
2255 - position: relative;  
2256 - }  
2257 - .react-resizable-handle {  
2258 - position: absolute;  
2259 - width: 10px;  
2260 - height: 100%;  
2261 - bottom: 0;  
2262 - right: -10px;  
2263 - cursor: col-resize;  
2264 - z-index: 999;  
2265 - }  
2266 - /* 快速下单modal */  
2267 - .fast-order-modal{  
2268 - padding: 0px;  
2269 - }  
2270 - .modalBlockTitle{  
2271 - height: 40px;  
2272 - line-height: 40px; 2934 + //.ant-table-placeholder {
  2935 + // margin-top: 15px;
  2936 + //}
  2937 + .ant-table-pagination.ant-pagination {
  2938 + margin: 6px 0;
  2939 + float: none;
2273 text-align: center; 2940 text-align: center;
2274 - background-color: #00c1e0;  
2275 - color: #fff;  
2276 } 2941 }
  2942 +}
2277 2943
2278 - .toolBarSubDisabled .ant-menu-submenu-title {  
2279 - color: rgba(255, 255, 255, 0.35) !important;  
2280 - } 2944 +.botTable {
  2945 + margin-top: -2px;
2281 2946
2282 - .dark-select{  
2283 - background-color: #eaeaea!important;  
2284 - }  
2285 - .clayout > * {  
2286 - font-size: 12px!important;  
2287 - color: #ff0000!important;  
2288 - }  
2289 - .clayout .fastFilter > * {  
2290 - font-size: 12px!important  
2291 - }  
2292 - /* 设置通用选择器下拉框文字大小 */  
2293 - .ant-select-dropdown{  
2294 - font-size: 12px;  
2295 - }  
2296 - .ant-select-dropdown-menu-item:last-child {  
2297 - height: 30px;  
2298 - }  
2299 - /* 通用时间选择框*/  
2300 - .ant-calendar-picker{  
2301 - width: 100%;  
2302 - }  
2303 - .fastFilter .ant-input,.fastFilter .ant-select-selection__rendered {  
2304 - font-size: 12px!important;  
2305 - line-height: 32px; 2947 + table thead {
  2948 + display: none;
2306 } 2949 }
2307 - .ant-table-column-has-filters .ant-table-filter-icon{  
2308 - display: none!important; 2950 +
  2951 + .ant-table-body {
  2952 + height: auto !important;
  2953 + min-height: inherit !important;
  2954 + overflow-y: scroll;
2309 } 2955 }
  2956 +}
  2957 +
  2958 +.TabPaneStyle {
  2959 + height: 96%;
  2960 + /*解决Tab按键 界面跳动问题 94通用*/
  2961 +}
  2962 +
  2963 +.SetModelTable {
  2964 + display: flex;
  2965 + width: 100%;
  2966 + height: 100%;
  2967 + overflow: hide !important;
  2968 +}
  2969 +
  2970 +.SetModelTable>div:first-child {
  2971 + flex-shrink: 0;
  2972 + transition: width 0.2s;
  2973 +}
  2974 +
  2975 +// 整体布局相关
  2976 +.content {
  2977 + height: 100%;
  2978 +}
  2979 +
  2980 +/* 通用footer样式设置 */
  2981 +.ant-table-footer {
  2982 + height: 30px !important;
  2983 + padding: 0px !important;
  2984 + left: -1px;
  2985 + background-color: rgb(240, 242, 245) !important;
  2986 + //top: -30px;
  2987 + z-index: 10;
  2988 + /* 合计行层级比Modal1000低 */
  2989 +}
  2990 +
  2991 +/* 解决footer有边线 */
  2992 +.ant-table.ant-table-bordered .ant-table-footer {
  2993 + border: none !important;
  2994 +}
  2995 +
  2996 +.ant-table-footer:before {
  2997 + height: 0 !important;
  2998 +}
  2999 +
  3000 +.hover-droping-cell {
  3001 + border-left: 4px dashed #1890FF;
  3002 + background-color: rgba(1, 193, 222, 0.2);
  3003 +}
  3004 +
  3005 +.react-resizable {
  3006 + position: relative;
  3007 +}
  3008 +
  3009 +.react-resizable-handle {
  3010 + position: absolute;
  3011 + width: 10px;
  3012 + height: 100%;
  3013 + bottom: 0;
  3014 + right: -10px;
  3015 + cursor: col-resize;
  3016 + z-index: 999;
  3017 +}
  3018 +
  3019 +/* 快速下单modal */
  3020 +.fast-order-modal {
  3021 + padding: 0px;
  3022 +}
  3023 +
  3024 +.modalBlockTitle {
  3025 + height: 40px;
  3026 + line-height: 40px;
  3027 + text-align: center;
  3028 + background-color: #00c1e0;
  3029 + color: #fff;
  3030 +}
  3031 +
  3032 +.toolBarSubDisabled .ant-menu-submenu-title {
  3033 + color: rgba(255, 255, 255, 0.35) !important;
  3034 +}
  3035 +
  3036 +.dark-select {
  3037 + background-color: #eaeaea !important;
  3038 +}
  3039 +
  3040 +.clayout>* {
  3041 + font-size: 12px !important;
  3042 + color: #ff0000 !important;
  3043 +}
  3044 +
  3045 +.clayout .fastFilter>* {
  3046 + font-size: 12px !important
  3047 +}
  3048 +
  3049 +/* 设置通用选择器下拉框文字大小 */
  3050 +.ant-select-dropdown {
  3051 + font-size: 12px;
  3052 +}
  3053 +
  3054 +.ant-select-dropdown-menu-item:last-child {
  3055 + height: 30px;
  3056 +}
  3057 +
  3058 +/* 通用时间选择框*/
  3059 +.ant-calendar-picker {
  3060 + width: 100%;
  3061 +}
  3062 +
  3063 +.fastFilter .ant-input,
  3064 +.fastFilter .ant-select-selection__rendered {
  3065 + font-size: 12px !important;
  3066 + line-height: 32px;
  3067 +}
  3068 +
  3069 +.ant-table-column-has-filters .ant-table-filter-icon {
  3070 + display: none !important;
  3071 +}
  3072 +
  3073 +.ant-table-column-has-filters:hover .ant-table-filter-icon {
  3074 + display: block !important;
  3075 +}
  3076 +
  3077 +.ant-tabs-content {
  3078 + height: 100%;
  3079 +}
  3080 +
  3081 +.staticEditTable .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters.ant-table-column-has-filters {
  3082 + padding-right: 24px !important;
  3083 + position: relative;
  3084 +}
  3085 +
  3086 +.table>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters.ant-table-column-has-filters {
  3087 + padding-right: 30px !important;
  3088 +}
  3089 +
  3090 +.workorder-modal .ant-modal-content .ant-modal-body .searchMainForm {
  3091 + padding: 0px !important;
  3092 +}
2310 3093
2311 - .ant-table-column-has-filters:hover .ant-table-filter-icon{  
2312 - display: block!important; 3094 +.ant-select-search--inline .ant-select-search__field__wrap {
  3095 + width: 100% !important;
  3096 +}
  3097 +
  3098 +#staticEditTable .ant-select-search--inline .ant-select-search__field__wrap {
  3099 + width: 100% !important;
  3100 + border-radius: 0px;
  3101 +}
  3102 +
  3103 +.product-plan-info-box {
  3104 + height: 100vh;
  3105 +
  3106 + .ant-spin-nested-loading {
  3107 + height: 100%
2313 } 3108 }
2314 - .ant-tabs-content { 3109 +
  3110 + .ant-spin-container {
2315 height: 100%; 3111 height: 100%;
2316 } 3112 }
2317 - .staticEditTable .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters.ant-table-column-has-filters{  
2318 - padding-right: 24px!important;  
2319 - position: relative;  
2320 - } 3113 +}
2321 3114
2322 - .table > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters.ant-table-column-has-filters {  
2323 - padding-right: 30px!important;  
2324 - }  
2325 - .workorder-modal .ant-modal-content .ant-modal-body .searchMainForm {  
2326 - padding: 0px!important;  
2327 - }  
2328 - .ant-select-search--inline .ant-select-search__field__wrap {  
2329 - width: 100%!important;  
2330 - }  
2331 - #staticEditTable .ant-select-search--inline .ant-select-search__field__wrap {  
2332 - width: 100%!important;  
2333 - border-radius: 0px;  
2334 - }  
2335 - .product-plan-info-box {  
2336 - height: 100vh;  
2337 - .ant-spin-nested-loading {  
2338 - height: 100%  
2339 - }  
2340 - .ant-spin-container {  
2341 - height: 100%;  
2342 - }  
2343 - }  
2344 - .product-plan-sider{  
2345 - background-color: #fff!important;  
2346 - float: left;  
2347 - .ant-layout-sider-children {  
2348 - display: flex;  
2349 - flex-direction: column;  
2350 - border: 1px solid #ddd;  
2351 - border-top: 0px;  
2352 - height: calc(~'100% - 60px');  
2353 - }  
2354 - }  
2355 - #product-info-header .ant-select-selection--single, #product-info-header .ant-select-selection__rendered{  
2356 - height: 20px!important;  
2357 - }  
2358 - #product-info-header .ant-form-item {  
2359 - height: 20px!important;  
2360 - margin-top: 3px; 3115 +.product-plan-sider {
  3116 + background-color: #fff !important;
  3117 + float: left;
  3118 +
  3119 + .ant-layout-sider-children {
  3120 + display: flex;
  3121 + flex-direction: column;
  3122 + border: 1px solid #ddd;
  3123 + border-top: 0px;
  3124 + height: calc(~'100% - 60px');
2361 } 3125 }
2362 - #product-info-header .ant-form-item div {  
2363 - height: 20px!important; 3126 +}
  3127 +
  3128 +#product-info-header .ant-select-selection--single,
  3129 +#product-info-header .ant-select-selection__rendered {
  3130 + height: 20px !important;
  3131 +}
  3132 +
  3133 +#product-info-header .ant-form-item {
  3134 + height: 20px !important;
  3135 + margin-top: 3px;
  3136 +}
  3137 +
  3138 +#product-info-header .ant-form-item div {
  3139 + height: 20px !important;
  3140 +}
  3141 +
  3142 +.product-plain-container-layout {
  3143 + height: calc(~'100% - 60px')
  3144 +}
  3145 +
  3146 +/* 设置生产排程侧边栏样式 */
  3147 +.product-plan-sider {
  3148 + .topTable {
  3149 + height: 200px !important;
  3150 + max-height: 200px;
  3151 + overflow-y: auto !important;
2364 } 3152 }
2365 - .product-plain-container-layout {  
2366 - height: calc(~'100% - 60px') 3153 +
  3154 + .ant-table-scroll {
  3155 + width: 100%;
  3156 + height: 100%;
  3157 + overflow-y: hidden !important;
  3158 + overflow-y: hidden !important;
2367 } 3159 }
2368 - /* 设置生产排程侧边栏样式 */  
2369 - .product-plan-sider{  
2370 - .topTable{  
2371 - height: 200px!important;  
2372 - max-height: 200px;  
2373 - overflow-y: auto!important;  
2374 - }  
2375 - .ant-table-scroll{  
2376 - width: 100%;  
2377 - height: 100%;  
2378 - overflow-y: hidden!important;  
2379 - overflow-y: hidden!important;  
2380 - }  
2381 - .ant-table-body{  
2382 - height: 100%;  
2383 - overflow-y: hidden!important;  
2384 - overflow-x: hidden!important;  
2385 - } 3160 +
  3161 + .ant-table-body {
  3162 + height: 100%;
  3163 + overflow-y: hidden !important;
  3164 + overflow-x: hidden !important;
2386 } 3165 }
2387 - /* 产量上报 、物料需求表*/  
2388 - .xly-tab-table,.xly-MaterialRequirementPlane{  
2389 - font-size: 12px;  
2390 - .topTable{  
2391 - height:250px;  
2392 - overflow-y: auto;  
2393 - }  
2394 - .ant-table-scroll{  
2395 - overflow-x: hidden!important;  
2396 - overflow-y: auto!important;  
2397 - }  
2398 - .ant-table-body{  
2399 - max-height: none!important;  
2400 - overflow-y: hidden!important;  
2401 - overflow-x: auto!important;  
2402 - } 3166 +}
  3167 +
  3168 +/* 产量上报 、物料需求表*/
  3169 +.xly-tab-table,
  3170 +.xly-MaterialRequirementPlane {
  3171 + font-size: 12px;
  3172 +
  3173 + .topTable {
  3174 + height: 250px;
  3175 + overflow-y: auto;
2403 } 3176 }
2404 - /* 产量上报*/  
2405 - #productionReport{  
2406 - .topTable{  
2407 - height: 250px;  
2408 - } 3177 +
  3178 + .ant-table-scroll {
  3179 + overflow-x: hidden !important;
  3180 + overflow-y: auto !important;
2409 } 3181 }
2410 - #productionReport .ant-table-body{  
2411 - padding-bottom: 0px!important;  
2412 - overflow-y: auto!important; 3182 +
  3183 + .ant-table-body {
  3184 + max-height: none !important;
  3185 + overflow-y: hidden !important;
  3186 + overflow-x: auto !important;
2413 } 3187 }
2414 - .xly-MaterialRequirementPlane table tr td div {  
2415 - background:none; 3188 +}
  3189 +
  3190 +/* 产量上报*/
  3191 +#productionReport {
  3192 + .topTable {
  3193 + height: 250px;
2416 } 3194 }
2417 - .xly-MaterialRequirementPlane #staticEditTable td {  
2418 - font-size: 12px!important;  
2419 - color: #000!important;  
2420 - padding: 0 5px!important;  
2421 - overflow: hidden;  
2422 - text-overflow:ellipsis;  
2423 - white-space: nowrap;/*超出变成省略号 */  
2424 - }  
2425 - /* 计算方案 */  
2426 - #calTab .ant-btn{  
2427 - font-size: 12px!important;  
2428 - }  
2429 - #calTab textarea.ant-input{  
2430 - font-size: 12px!important;  
2431 - height: 500px!important;  
2432 - max-height: 500px!important;  
2433 - }  
2434 - /* 物料需求表*/  
2435 - .xly-MaterialRequirementPlane{  
2436 - .topTable{  
2437 - height:auto!important;  
2438 - } 3195 +}
  3196 +
  3197 +#productionReport .ant-table-body {
  3198 + padding-bottom: 0px !important;
  3199 + overflow-y: auto !important;
  3200 +}
  3201 +
  3202 +.xly-MaterialRequirementPlane table tr td div {
  3203 + background: none;
  3204 +}
  3205 +
  3206 +.xly-MaterialRequirementPlane #staticEditTable td {
  3207 + font-size: 12px !important;
  3208 + color: #000 !important;
  3209 + padding: 0 5px !important;
  3210 + overflow: hidden;
  3211 + text-overflow: ellipsis;
  3212 + white-space: nowrap;
  3213 + /*超出变成省略号 */
  3214 +}
  3215 +
  3216 +/* 计算方案 */
  3217 +#calTab .ant-btn {
  3218 + font-size: 12px !important;
  3219 +}
  3220 +
  3221 +#calTab textarea.ant-input {
  3222 + font-size: 12px !important;
  3223 + height: 500px !important;
  3224 + max-height: 500px !important;
  3225 +}
  3226 +
  3227 +/* 物料需求表*/
  3228 +.xly-MaterialRequirementPlane {
  3229 + .topTable {
  3230 + height: auto !important;
2439 } 3231 }
2440 - /* 物料需求展开明细表*/  
2441 - .materialRequirementPlane{ 3232 +}
  3233 +
  3234 +/* 物料需求展开明细表*/
  3235 +.materialRequirementPlane {
  3236 + .topTable .ant-table-content .ant-table-scroll {
  3237 + padding-bottom: 30px !important;
  3238 + }
  3239 +
  3240 + .ant-table-expanded-row {
2442 .topTable .ant-table-content .ant-table-scroll { 3241 .topTable .ant-table-content .ant-table-scroll {
2443 - padding-bottom: 30px !important; 3242 + height: auto !important;
  3243 + overflow: auto !important;
  3244 + overflow-x: auto !important;
  3245 + /* 嵌套子表不要x滚动条 */
2444 } 3246 }
2445 - .ant-table-expanded-row{  
2446 - .topTable .ant-table-content .ant-table-scroll {  
2447 - height: auto!important;  
2448 - overflow:auto!important;  
2449 - overflow-x:auto!important; /* 嵌套子表不要x滚动条 */  
2450 - }  
2451 - .ant-table-placeholder{  
2452 - margin-top: 18px!important;  
2453 - } 3247 +
  3248 + .ant-table-placeholder {
  3249 + margin-top: 18px !important;
2454 } 3250 }
2455 } 3251 }
2456 - #expandTable td {  
2457 - padding: 0 4px!important;  
2458 - font-size: 12px!important;  
2459 - }  
2460 - .ant-select-selection__placeholder, .ant-select-search__field__placeholder {  
2461 - margin-left: 3px;  
2462 - }  
2463 - .ant-table-fixed {  
2464 - border: 0px!important;  
2465 - border-radius: 0px;  
2466 - } 3252 +}
2467 3253
2468 - .ant-table-thead > tr:first-child > th:first-child {  
2469 - border-radius: 0px!important;  
2470 - } 3254 +#expandTable td {
  3255 + padding: 0 4px !important;
  3256 + font-size: 12px !important;
  3257 +}
2471 3258
2472 - .ant-table-thead > tr:first-child > th:last-child {  
2473 - border-radius: 0px!important;  
2474 - } 3259 +.ant-select-selection__placeholder,
  3260 +.ant-select-search__field__placeholder {
  3261 + margin-left: 3px;
  3262 +}
  3263 +
  3264 +.ant-table-fixed {
  3265 + border: 0px !important;
  3266 + border-radius: 0px;
  3267 +}
  3268 +
  3269 +.ant-table-thead>tr:first-child>th:first-child {
  3270 + border-radius: 0px !important;
  3271 +}
  3272 +
  3273 +.ant-table-thead>tr:first-child>th:last-child {
  3274 + border-radius: 0px !important;
2475 } 3275 }
2476 3276
2477 /* 控制不显示-因fixed属性增加的表格双显示问题 */ 3277 /* 控制不显示-因fixed属性增加的表格双显示问题 */
2478 -:global {  
2479 - .ant-table-scroll table .ant-table-fixed-columns-in-body {  
2480 - visibility: hidden !important;  
2481 - } 3278 +.ant-table-scroll table .ant-table-fixed-columns-in-body {
  3279 + visibility: hidden !important;
2482 } 3280 }
  3281 +
2483 /* 解决横向拉动覆盖fixed问题 */ 3282 /* 解决横向拉动覆盖fixed问题 */
2484 -:global {  
2485 - .ant-table.ant-table-scroll-position-left .ant-table-fixed-left {  
2486 - height: 100%;  
2487 - overflow: hidden !important;  
2488 - z-index:900;  
2489 - } 3283 +.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  3284 + height: 100%;
  3285 + overflow: hidden !important;
  3286 + z-index: 900;
2490 } 3287 }
2491 3288
2492 -:global {  
2493 - .ant-modal-body{  
2494 - padding-top:12px !important;  
2495 - .ant-col-5{  
2496 - width: 20%;  
2497 - }  
2498 - }  
2499 - .ant-modal-footer {  
2500 - border-top:0 !important; 3289 +.ant-modal-body {
  3290 + padding-top: 12px !important;
  3291 +
  3292 + .ant-col-5 {
  3293 + width: 20%;
2501 } 3294 }
2502 } 3295 }
2503 -:global {  
2504 - .ant-table-footer{  
2505 - background: none!important;  
2506 - border-top:none!important;  
2507 - }  
2508 - .ant-table-fixed-right {  
2509 - z-index:20!important;  
2510 - }  
2511 - .ant-table-fixed-right .ant-table-body-outer{  
2512 - margin-bottom: 0!important;  
2513 - }  
2514 - /* 通用输入框是有边框 */  
2515 - .ant-select-auto-complete.ant-select .ant-input{  
2516 - border-width: 1px!important;  
2517 - }  
2518 - /* 表格中输入框不设置边框 */  
2519 - table tr td .ant-select-auto-complete.ant-select .ant-input{  
2520 - border-width: 0px!important;;  
2521 - }  
2522 - /* 所有单据通用滚动条 */  
2523 - .xly-bill-list .ant-table-scroll{  
2524 - overflow-y: hidden !important;  
2525 - .ant-table-body {  
2526 - //padding-bottom: 30px;/* 解决固定列与内容滚动不联动 */  
2527 - overflow-x: hidden!important;  
2528 - //overflow-y: hidden!important;/* 解决固定列与内容滚动不联动 */  
2529 - max-height:100%!important;  
2530 - height:100%!important; /* 合计行*/  
2531 - } 3296 +
  3297 +.ant-modal-footer {
  3298 + border-top: 0 !important;
  3299 +}
  3300 +
  3301 +.ant-table-footer {
  3302 + background: none !important;
  3303 + border-top: none !important;
  3304 +}
  3305 +
  3306 +.ant-table-fixed-right {
  3307 + z-index: 20 !important;
  3308 +}
  3309 +
  3310 +.ant-table-fixed-right .ant-table-body-outer {
  3311 + margin-bottom: 0 !important;
  3312 +}
  3313 +
  3314 +/* 通用输入框是有边框 */
  3315 +.ant-select-auto-complete.ant-select .ant-input {
  3316 + border-width: 1px !important;
  3317 +}
  3318 +
  3319 +/* 表格中输入框不设置边框 */
  3320 +table tr td .ant-select-auto-complete.ant-select .ant-input {
  3321 + border-width: 0px !important;
  3322 + ;
  3323 +}
  3324 +
  3325 +/* 所有单据通用滚动条 */
  3326 +.xly-bill-list .ant-table-scroll {
  3327 + overflow-y: hidden !important;
  3328 +
  3329 + .ant-table-body {
  3330 + //padding-bottom: 30px;/* 解决固定列与内容滚动不联动 */
  3331 + overflow-x: hidden !important;
  3332 + //overflow-y: hidden!important;/* 解决固定列与内容滚动不联动 */
  3333 + max-height: 100% !important;
  3334 + height: 100% !important;
  3335 + /* 合计行*/
2532 } 3336 }
2533 - /*基础信息*/  
2534 - .basicInfo .xly-bill-list .ant-table-scroll{  
2535 - /* 3337 +}
  3338 +
  3339 +/*基础信息*/
  3340 +.basicInfo .xly-bill-list .ant-table-scroll {
  3341 + /*
2536 修改日期:2021-03-18 3342 修改日期:2021-03-18
2537 修改人:吕杰 3343 修改人:吕杰
2538 区域:以下一行 3344 区域:以下一行
@@ -2540,597 +3346,719 @@ ton:focus { @@ -2540,597 +3346,719 @@ ton:focus {
2540 说明:下边距多加17px,为x轴滚动条预留空间 3346 说明:下边距多加17px,为x轴滚动条预留空间
2541 原代码: padding-bottom: 30px; 3347 原代码: padding-bottom: 30px;
2542 */ 3348 */
2543 - padding-bottom: 47px;  
2544 - .ant-table-body {  
2545 - padding-bottom: 0px;  
2546 - overflow-y: auto!important;  
2547 - }  
2548 - }  
2549 - /* 生产施工单单据通用滚动条 */  
2550 - .xly-workorder-list .ant-layout{  
2551 - background-color: #ffffff!important;  
2552 - }  
2553 - .xly-workorder-list{  
2554 - height: 100vh;  
2555 - }  
2556 - /* 解决生产施工单下拉框没边框问题 */  
2557 - .xly-workorder-list .ant-select-selection__rendered {  
2558 - line-height: 31px;  
2559 - }  
2560 - /* 解决通用单据CommonBill下拉框没边框问题 */  
2561 - .xly-bill-list .ant-select-selection__rendered {  
2562 - line-height: 31px;  
2563 - }  
2564 - /* 解决通用单据CommonBill产品名称没边框问题*/  
2565 - .ant-select-auto-complete.ant-select .ant-select-search--inline{  
2566 - height: 31px!important; 3349 + padding-bottom: 47px;
  3350 +
  3351 + .ant-table-body {
  3352 + padding-bottom: 0px;
  3353 + overflow-y: auto !important;
2567 } 3354 }
  3355 +}
2568 3356
2569 - /* 解决通用头部带滚动条*/  
2570 - .ant-table-fixed-header .ant-table-scroll .ant-table-header{  
2571 - //overflow: hidden!important;  
2572 - overflow-x: hidden!important;  
2573 - overflow-y: scroll!important;  
2574 - margin-bottom: 0px!important;  
2575 - /* 3357 +/* 生产施工单单据通用滚动条 */
  3358 +.xly-workorder-list .ant-layout {
  3359 + background-color: #ffffff !important;
  3360 +}
  3361 +
  3362 +.xly-workorder-list {
  3363 + height: 100vh;
  3364 +}
  3365 +
  3366 +/* 解决生产施工单下拉框没边框问题 */
  3367 +.xly-workorder-list .ant-select-selection__rendered {
  3368 + line-height: 31px;
  3369 +}
  3370 +
  3371 +/* 解决通用单据CommonBill下拉框没边框问题 */
  3372 +.xly-bill-list .ant-select-selection__rendered {
  3373 + line-height: 31px;
  3374 +}
  3375 +
  3376 +/* 解决通用单据CommonBill产品名称没边框问题*/
  3377 +.ant-select-auto-complete.ant-select .ant-select-search--inline {
  3378 + height: 31px !important;
  3379 +}
  3380 +
  3381 +/* 解决通用头部带滚动条*/
  3382 +.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  3383 + //overflow: hidden!important;
  3384 + overflow-x: hidden !important;
  3385 + overflow-y: scroll !important;
  3386 + margin-bottom: 0px !important;
  3387 + /*
2576 修改日期:2021-03-17 3388 修改日期:2021-03-17
2577 修改人:吕杰 3389 修改人:吕杰
2578 区域:以下一行 3390 区域:以下一行
2579 需求变更:解决在mac电脑上表头与表体之间存在间隙问题 3391 需求变更:解决在mac电脑上表头与表体之间存在间隙问题
2580 */ 3392 */
2581 - padding-bottom: 0px!important;  
2582 - }  
2583 - .xly-bill-list .ant-table-fixed-header .ant-table-scroll .ant-table-header{  
2584 - overflow-y: auto!important;  
2585 - }  
2586 - .xly-workorder-list .ant-table-fixed-header .ant-table-scroll .ant-table-header{  
2587 - overflow-y: auto!important;  
2588 - }  
2589 - #StatementInfo .ant-table-fixed-header .ant-table-scroll .ant-table-header{  
2590 - overflow-y: hidden!important; /* 设计报表不设置表头Y滚动 */  
2591 - }  
2592 - .product-plan-sider,.xly-tab-table,.ant-table-fixed-header .ant-table-scroll .ant-table-header{  
2593 - overflow-y: hidden!important; /* 不设置表头Y滚动 */  
2594 - }  
2595 - /* 设置通用头部滚动条样式 */  
2596 - .ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {  
2597 - width: 18px;  
2598 - background-color: rgb(230,230,230,1); 3393 + padding-bottom: 0px !important;
  3394 +}
  3395 +
  3396 +.xly-bill-list .ant-table-fixed-header .ant-table-scroll .ant-table-header {
  3397 + overflow-y: auto !important;
  3398 +}
  3399 +
  3400 +.xly-workorder-list .ant-table-fixed-header .ant-table-scroll .ant-table-header {
  3401 + overflow-y: auto !important;
  3402 +}
  3403 +
  3404 +#StatementInfo .ant-table-fixed-header .ant-table-scroll .ant-table-header {
  3405 + overflow-y: hidden !important;
  3406 + /* 设计报表不设置表头Y滚动 */
  3407 +}
  3408 +
  3409 +.product-plan-sider,
  3410 +.xly-tab-table,
  3411 +.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  3412 + overflow-y: hidden !important;
  3413 + /* 不设置表头Y滚动 */
  3414 +}
  3415 +
  3416 +/* 设置通用头部滚动条样式 */
  3417 +.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  3418 + width: 18px;
  3419 + background-color: rgb(230, 230, 230, 1);
  3420 +}
  3421 +
  3422 +.MProcess .ant-modal-body {
  3423 + padding-top: 0px !important;
  3424 +}
  3425 +
  3426 +.ant-modal-body #modalChooseProcess .ant-table-scroll {
  3427 + overflow: hidden;
  3428 + height: 100% !important;
  3429 +
  3430 + .ant-table-body {
  3431 + height: 295px !important;
  3432 + /* 调整选择材料,选择工序高度为250,兼容1366*768*/
  3433 + overflow: auto;
2599 } 3434 }
2600 - .MProcess .ant-modal-body{  
2601 - padding-top:0px!important; 3435 +
  3436 + .ant-table-placeholder {
  3437 + margin-top: -68px;
  3438 + /*暂无数据样式调整*/
2602 } 3439 }
2603 - .ant-modal-body #modalChooseProcess .ant-table-scroll{  
2604 - overflow: hidden;  
2605 - height: 100%!important;  
2606 - .ant-table-body{  
2607 - height: 295px!important; /* 调整选择材料,选择工序高度为250,兼容1366*768*/  
2608 - overflow: auto;  
2609 - }  
2610 - .ant-table-placeholder{  
2611 - margin-top: -68px;/*暂无数据样式调整*/  
2612 - } 3440 +}
  3441 +
  3442 +.sProcessParamsModal {
  3443 + display: flex;
  3444 + flex-direction: row;
  3445 + flex-wrap: wrap;
  3446 + justify-content: space-between;
  3447 +
  3448 + .sProcessParamsModalType>span {
  3449 + //margin-right: 7px;
  3450 + width: 75px;
  3451 + font-size: 12px;
2613 } 3452 }
2614 - .sProcessParamsModal{ 3453 +
  3454 + .sProcessParamsModalType {
  3455 + width: 47%;
  3456 + margin-bottom: 10px;
  3457 + margin-right: 10px;
2615 display: flex; 3458 display: flex;
2616 flex-direction: row; 3459 flex-direction: row;
2617 - flex-wrap: wrap;  
2618 - justify-content: space-between;  
2619 - .sProcessParamsModalType > span{  
2620 - //margin-right: 7px;  
2621 - width: 75px;  
2622 - font-size: 12px;  
2623 - }  
2624 - .sProcessParamsModalType{  
2625 - width: 47%;  
2626 - margin-bottom: 10px;  
2627 - margin-right: 10px;  
2628 - display: flex;  
2629 - flex-direction: row;  
2630 - align-items: center;  
2631 - .changeClassName{  
2632 - border: 1px solid #d9d9d9;  
2633 - flex: 1;  
2634 - max-width: calc(100% - 75px);  
2635 - }  
2636 - }  
2637 - .sProcessParamsModalType:nth-child(2n){  
2638 - margin-right: 0;  
2639 - }  
2640 - }  
2641 - /* 选择工序弹出框列tree布局 */  
2642 - #modalChooseProcess .ant-tree{  
2643 - font-size: 12px; 3460 + align-items: center;
  3461 +
  3462 + .changeClassName {
  3463 + border: 1px solid #d9d9d9;
  3464 + flex: 1;
  3465 + max-width: calc(100% - 75px);
  3466 + }
2644 } 3467 }
2645 - /* 选择工序树 */  
2646 - .xly-tree-box{  
2647 - width: 179px;  
2648 - border: 1px solid #d9d9d9; 3468 +
  3469 + .sProcessParamsModalType:nth-child(2n) {
  3470 + margin-right: 0;
  3471 + }
  3472 +}
  3473 +
  3474 +/* 选择工序弹出框列tree布局 */
  3475 +#modalChooseProcess .ant-tree {
  3476 + font-size: 12px;
  3477 +}
  3478 +
  3479 +/* 选择工序树 */
  3480 +.xly-tree-box {
  3481 + width: 179px;
  3482 + border: 1px solid #d9d9d9;
  3483 +}
  3484 +
  3485 +.xly-tree-box .ant-form-item {
  3486 + margin-bottom: 0px !important;
  3487 +}
  3488 +
  3489 +.xly-tree-title {
  3490 + padding-left: 8px;
  3491 + height: 30px;
  3492 + line-height: 30px;
  3493 + font-size: 12px;
  3494 + color: #000;
  3495 + font-weight: bold;
  3496 + background-color: #f5f5f5;
  3497 +}
  3498 +
  3499 +//#modalChooseProcess .ant-col-5{
  3500 +// margin-left: 4px;
  3501 +//}
  3502 +//#modalChooseProcess .ant-col-15 .subForm___2sIdI{
  3503 +// margin-left: 0px!important;
  3504 +//}
  3505 +/* 快速下单单独样式调整 */
  3506 +.workorder-modal {
  3507 + .ant-modal-body {
  3508 + padding: 0 !important;
2649 } 3509 }
2650 - .xly-tree-box .ant-form-item{  
2651 - margin-bottom: 0px!important; 3510 +
  3511 + .ant-modal-footer {
  3512 + padding: 13px 25px !important;
2652 } 3513 }
2653 - .xly-tree-title{  
2654 - padding-left: 8px;  
2655 - height: 30px;  
2656 - line-height: 30px;  
2657 - font-size: 12px;  
2658 - color: #000;  
2659 - font-weight: bold;  
2660 - background-color: #f5f5f5; 3514 +}
  3515 +
  3516 +/* 备注弹出框设置 */
  3517 +.slaveMemo {
  3518 + .ant-modal-body {
  3519 + padding: 12px !important;
2661 } 3520 }
2662 - //#modalChooseProcess .ant-col-5{  
2663 - // margin-left: 4px;  
2664 - //}  
2665 - //#modalChooseProcess .ant-col-15 .subForm___2sIdI{  
2666 - // margin-left: 0px!important;  
2667 - //}  
2668 - /* 快速下单单独样式调整 */  
2669 - .workorder-modal{  
2670 - .ant-modal-body{  
2671 - padding: 0!important;  
2672 - }  
2673 - .ant-modal-footer{  
2674 - padding: 13px 25px !important;  
2675 - } 3521 +
  3522 + .ant-modal-footer {
  3523 + padding: 0px 16px 12px 16px !important;
2676 } 3524 }
2677 - /* 备注弹出框设置 */  
2678 - .slaveMemo{  
2679 - .ant-modal-body{  
2680 - padding: 12px!important;  
2681 - }  
2682 - .ant-modal-footer{  
2683 - padding: 0px 16px 12px 16px !important;  
2684 - }  
2685 - .ant-input[disabled]{  
2686 - color:#000!important;  
2687 - } 3525 +
  3526 + .ant-input[disabled] {
  3527 + color: #000 !important;
2688 } 3528 }
2689 - /* 生产排程单独样式搜索框调整 */  
2690 - .product-plan-info-box .fastFilter___gHbps{  
2691 - margin-left: 5px; 3529 +}
  3530 +
  3531 +/* 生产排程单独样式搜索框调整 */
  3532 +.product-plan-info-box .fastFilter___gHbps {
  3533 + margin-left: 5px;
  3534 +}
  3535 +
  3536 +.product-plan-info-box .advCol___CU0FP {
  3537 + left: 850px;
  3538 +}
  3539 +
  3540 +/* 材料备注弹出框样式 设置 */
  3541 +#ModalMaterialRemark .topTable {
  3542 + height: 100%;
  3543 +
  3544 + .ant-table-scroll {
  3545 + height: 120px !important;
  3546 + overflow-x: auto !important;
2692 } 3547 }
2693 - .product-plan-info-box .advCol___CU0FP{  
2694 - left: 850px; 3548 +
  3549 + .ant-table-header {
  3550 + width: max-content;
  3551 + overflow-x: hidden !important;
  3552 + /* 当暂无数据时,没有滚动条没法拉动,解决方案设置auto */
  3553 + overflow-y: scroll !important;
2695 } 3554 }
2696 - /* 材料备注弹出框样式 设置 */  
2697 - #ModalMaterialRemark .topTable { 3555 +
  3556 + .ant-table-content {
2698 height: 100%; 3557 height: 100%;
2699 - .ant-table-scroll{  
2700 - height: 120px!important;  
2701 - overflow-x: auto!important;  
2702 - }  
2703 - .ant-table-header{  
2704 - width: max-content;  
2705 - overflow-x: hidden!important; /* 当暂无数据时,没有滚动条没法拉动,解决方案设置auto */  
2706 - overflow-y: scroll!important;  
2707 - }  
2708 - .ant-table-content { 3558 +
  3559 + .ant-table-scroll {
2709 height: 100%; 3560 height: 100%;
2710 - .ant-table-scroll {  
2711 - height: 100%;  
2712 - }  
2713 } 3561 }
2714 - .ant-spin-nested-loading { 3562 + }
  3563 +
  3564 + .ant-spin-nested-loading {
  3565 + height: 100%;
  3566 +
  3567 + .ant-spin-container {
2715 height: 100%; 3568 height: 100%;
2716 - .ant-spin-container { 3569 +
  3570 + .ant-table {
2717 height: 100%; 3571 height: 100%;
2718 - .ant-table {  
2719 - height: 100%;  
2720 - }  
2721 } 3572 }
2722 } 3573 }
2723 - .ant-table-body{  
2724 - width: max-content;  
2725 - height: 100%;  
2726 - //height: 75px;  
2727 - //max-height: 75px!important;  
2728 - overflow-x: hidden!important;  
2729 - overflow-y: auto!important;  
2730 - //overflow-y: hidden!important; /* 设置固定列时 需要将ant-table-body y轴设置hidden*/  
2731 - //border:1px solid #d9d9d9;  
2732 - }  
2733 - .ant-table-fixed-right .ant-table-body-inner{  
2734 - height: 100%;  
2735 - overflow-x: hidden!important;  
2736 - overflow-y: scroll!important;  
2737 - }  
2738 - .ant-table-placeholder {  
2739 - margin-top: 15px;  
2740 - }  
2741 } 3574 }
2742 - /* 包装订单Tree样式 */  
2743 - #ModalMaterialRemark .xly-bill-pack{  
2744 - display: flex;  
2745 - .controlhandcover{  
2746 - width: 30%;  
2747 - }  
2748 - .ant-table-scroll{  
2749 - height: 180px!important;  
2750 - overflow-x: auto!important;  
2751 - }  
2752 - //.ant-table-body{  
2753 - // overflow-x: auto!important;  
2754 - //}  
2755 - .controlhandcover.ant-layout-sider {  
2756 - background-color: #fafafa !important;  
2757 - font-size: 12px;  
2758 - font-weight:normal;  
2759 - writing-mode: horizontal-tb;  
2760 - flex: 0 0 27%!important;  
2761 - max-width: 27%!important;  
2762 - margin-right: 5px;  
2763 - }  
2764 - .xly-control{  
2765 - width:100%;  
2766 - height: 100%;  
2767 - position: relative;  
2768 - }  
2769 - .xly-control-tree{  
2770 - text-align: left!important;  
2771 - width: 100%;  
2772 - padding-left: 20px;  
2773 - min-height: 35px!important;  
2774 - .ant-tree{  
2775 - text-align: left;  
2776 - }  
2777 - #staticEditTree{  
2778 - width: 100%;  
2779 - height: 120px;  
2780 - overflow: auto;  
2781 - .ant-tree-child-tree {  
2782 - font-size: 12px;  
2783 - }  
2784 - }  
2785 - .ant-tree > li{  
2786 - padding: 3px!important;  
2787 - }  
2788 - }  
2789 - .xly-control-operate{  
2790 - position: absolute;  
2791 - left: 0;  
2792 - bottom: 0;  
2793 - width: 100%;  
2794 - background-color: #f5f5f5;  
2795 - height: 24px!important;  
2796 - line-height: 24px!important;  
2797 - display: flex;  
2798 - justify-content: space-around;  
2799 - } 3575 +
  3576 + .ant-table-body {
  3577 + width: max-content;
  3578 + height: 100%;
  3579 + //height: 75px;
  3580 + //max-height: 75px!important;
  3581 + overflow-x: hidden !important;
  3582 + overflow-y: auto !important;
  3583 + //overflow-y: hidden!important; /* 设置固定列时 需要将ant-table-body y轴设置hidden*/
  3584 + //border:1px solid #d9d9d9;
2800 } 3585 }
2801 - #chooseProcessModal .topTable {  
2802 - .ant-table-scroll{  
2803 - height: 180px!important;  
2804 - } 3586 +
  3587 + .ant-table-fixed-right .ant-table-body-inner {
  3588 + height: 100%;
  3589 + overflow-x: hidden !important;
  3590 + overflow-y: scroll !important;
2805 } 3591 }
2806 - /* 选择合拼产品 */  
2807 - #packModal .topTable {  
2808 - .ant-table-scroll{  
2809 - height: 350px!important;  
2810 - } 3592 +
  3593 + .ant-table-placeholder {
  3594 + margin-top: 15px;
2811 } 3595 }
2812 - /* 列自定义配置 */  
2813 - #searchColumn .topTable {  
2814 - .ant-table-scroll{  
2815 - width: max-content !important;  
2816 - overflow: hidden!important;  
2817 - overflow: auto!important;  
2818 - }  
2819 - .ant-table-header {  
2820 - width: max-content !important;  
2821 - }  
2822 - .ant-table-body {  
2823 - height: 400px;  
2824 - max-height: 400px !important;  
2825 - overflow-x: auto!important;  
2826 - overflow-y: scroll!important;  
2827 - border-left:1px solid #d9d9d9;  
2828 - border-bottom:1px solid #d9d9d9;  
2829 - width: max-content !important;  
2830 - } 3596 +}
  3597 +
  3598 +/* 包装订单Tree样式 */
  3599 +#ModalMaterialRemark .xly-bill-pack {
  3600 + display: flex;
  3601 +
  3602 + .controlhandcover {
  3603 + width: 30%;
  3604 + }
  3605 +
  3606 + .ant-table-scroll {
  3607 + height: 180px !important;
  3608 + overflow-x: auto !important;
  3609 + }
  3610 +
  3611 + //.ant-table-body{
  3612 + // overflow-x: auto!important;
  3613 + //}
  3614 + .controlhandcover.ant-layout-sider {
  3615 + background-color: #fafafa !important;
  3616 + font-size: 12px;
  3617 + font-weight: normal;
  3618 + writing-mode: horizontal-tb;
  3619 + flex: 0 0 27% !important;
  3620 + max-width: 27% !important;
  3621 + margin-right: 5px;
2831 } 3622 }
2832 - /* Moal-价格更新样式 */  
2833 - .priceUpdate{  
2834 - span:last-child{  
2835 - border-bottom: 1px solid #d9d9d9!important; 3623 +
  3624 + .xly-control {
  3625 + width: 100%;
  3626 + height: 100%;
  3627 + position: relative;
  3628 + }
  3629 +
  3630 + .xly-control-tree {
  3631 + text-align: left !important;
  3632 + width: 100%;
  3633 + padding-left: 20px;
  3634 + min-height: 35px !important;
  3635 +
  3636 + .ant-tree {
  3637 + text-align: left;
2836 } 3638 }
2837 - .ant-input-group-addon{  
2838 - line-height: 0.9!important;  
2839 - width:20%!important;  
2840 - border-radius:0 !important;  
2841 - border-bottom: 0px!important; 3639 +
  3640 + #staticEditTree {
  3641 + width: 100%;
  3642 + height: 120px;
  3643 + overflow: auto;
  3644 +
  3645 + .ant-tree-child-tree {
  3646 + font-size: 12px;
  3647 + }
2842 } 3648 }
2843 - input[type='text']{  
2844 - border-bottom: 0px; 3649 +
  3650 + .ant-tree>li {
  3651 + padding: 3px !important;
2845 } 3652 }
2846 } 3653 }
2847 - /* CommonBill 导入数据 */  
2848 - #btnImportData{  
2849 - width: 100px;  
2850 - height: 24px;  
2851 - //background-color: rgb(100,100,100,100);  
2852 - //position: relative;  
2853 - //text-align: center;  
2854 - //left:951px;  
2855 - //top:-27px; 3654 +
  3655 + .xly-control-operate {
2856 position: absolute; 3656 position: absolute;
2857 - text-align: center;  
2858 - right: 60px;  
2859 - top: 3px;  
2860 - z-index: 999;  
2861 - }  
2862 - .btnGroupHasImport{  
2863 - width: calc(100% - 120px);  
2864 - }  
2865 - #btnImportData i{ margin-right:8px;}  
2866 - #btnImportData button{  
2867 - opacity: 0;  
2868 - top: 0;  
2869 left: 0; 3657 left: 0;
2870 - position: absolute; 3658 + bottom: 0;
2871 width: 100%; 3659 width: 100%;
2872 - height:100% ;  
2873 - }  
2874 - .importData.true{ color:rgb(250,250,250,250)!important; }  
2875 - .importData.undefined span{ color:#a2a2a2!important;}  
2876 - .importData.false span{ color:#a2a2a2!important;}  
2877 - .importData.true span{ color:#ffffff; }  
2878 - .importData span:hover{  
2879 - color: #1890FF!important;  
2880 - }  
2881 - /* 审核信息界面 */  
2882 - //#AudiInfomation .subForm___2sIdI{  
2883 - // margin-right: 0px!important;  
2884 - // background: #fff;  
2885 - //}  
2886 - /* 生产排程按钮样式 */  
2887 - #product-info-header span[disabled]{  
2888 - color: #a2a2a2!important;  
2889 - }  
2890 - #product-info-header span[disabled]:hover{  
2891 - color: #1890FF!important;  
2892 - }  
2893 - #product-info-header span:hover{  
2894 - color:#1890FF!important;  
2895 - img{  
2896 - opacity:0.3;  
2897 - filter:alpha(opacity=30); /* 设置透明度 */  
2898 - background-color: #1890FF!important;  
2899 - } 3660 + background-color: #f5f5f5;
  3661 + height: 24px !important;
  3662 + line-height: 24px !important;
  3663 + display: flex;
  3664 + justify-content: space-around;
2900 } 3665 }
2901 - #product-info-header img  
2902 - {  
2903 - width: 14px;  
2904 - height: 14px;  
2905 - margin-right: 8px; 3666 +}
  3667 +
  3668 +#chooseProcessModal .topTable {
  3669 + .ant-table-scroll {
  3670 + height: 180px !important;
  3671 + }
  3672 +}
  3673 +
  3674 +/* 选择合拼产品 */
  3675 +#packModal .topTable {
  3676 + .ant-table-scroll {
  3677 + height: 350px !important;
2906 } 3678 }
2907 - #product-info-header img[disabled] {  
2908 - opacity:0.5;  
2909 - filter:alpha(opacity=50); /* 设置透明度 */ 3679 +}
  3680 +
  3681 +/* 列自定义配置 */
  3682 +#searchColumn .topTable {
  3683 + .ant-table-scroll {
  3684 + width: max-content !important;
  3685 + overflow: hidden !important;
  3686 + overflow: auto !important;
2910 } 3687 }
2911 - #product-info-header i{  
2912 - margin-right: 8px; 3688 +
  3689 + .ant-table-header {
  3690 + width: max-content !important;
2913 } 3691 }
2914 - /* 会计期间 */  
2915 - .financePeriod{  
2916 - .ant-table-fixed-header .ant-table-scroll .ant-table-header{  
2917 - overflow-y: scroll!important;  
2918 - }  
2919 - .ant-table-body{  
2920 - height: 370px;  
2921 - overflow-y: auto!important;  
2922 - } 3692 +
  3693 + .ant-table-body {
  3694 + height: 400px;
  3695 + max-height: 400px !important;
  3696 + overflow-x: auto !important;
  3697 + overflow-y: scroll !important;
  3698 + border-left: 1px solid #d9d9d9;
  3699 + border-bottom: 1px solid #d9d9d9;
  3700 + width: max-content !important;
2923 } 3701 }
2924 - /* 列表弹出树 */  
2925 - .xly-eject{  
2926 - position: fixed;  
2927 - top:50%;  
2928 - right:0px; 3702 +}
  3703 +
  3704 +/* Moal-价格更新样式 */
  3705 +.priceUpdate {
  3706 + span:last-child {
  3707 + border-bottom: 1px solid #d9d9d9 !important;
2929 } 3708 }
2930 - .xly-eject img{  
2931 - width:50px;  
2932 - height:50px; 3709 +
  3710 + .ant-input-group-addon {
  3711 + line-height: 0.9 !important;
  3712 + width: 20% !important;
  3713 + border-radius: 0 !important;
  3714 + border-bottom: 0px !important;
2933 } 3715 }
2934 - /* 列表过滤树 */  
2935 - .xly-filter-tree{  
2936 - border-radius: 4px;  
2937 - display: none;  
2938 - width: 300px;  
2939 - background-color:#fff;  
2940 - position: fixed;  
2941 - top:80px;  
2942 - right:0px;  
2943 - z-index:20000;  
2944 - box-shadow: 0px 0px 16px rgba(0,0,0,0.05) /*阴影出现在元素的左侧*/  
2945 - }  
2946 - .xly-filter-tree #staticEditTree{  
2947 - width: 280px;  
2948 - margin: 10px auto;  
2949 - height:calc(100vh - 100px);  
2950 - overflow: auto;  
2951 - .ant-tree-child-tree{  
2952 - font-size: 12px;  
2953 - } 3716 +
  3717 + input[type='text'] {
  3718 + border-bottom: 0px;
2954 } 3719 }
2955 - .xly-tree-close{  
2956 - position: fixed;  
2957 - right:300px;  
2958 - top:50%;  
2959 - }  
2960 - .xly-tree-close img{  
2961 - width:40px;  
2962 - height:40px;  
2963 - }  
2964 - /* 工单悬浮窗 */  
2965 - .xly-workorder-list .xly-eject{  
2966 - width: 50px;  
2967 - height: 50px;  
2968 - left:0px;  
2969 - z-index: 2;  
2970 - }  
2971 - .xly-workorder-list .xly-filter-tree{  
2972 - width: 210px;  
2973 - left:0px;  
2974 - top:40%;  
2975 - background: #fff;  
2976 - border-radius: 4px;  
2977 - box-shadow: 0px 0px 16px rgba(0,0,0,0.05);  
2978 - overflow-y:auto;  
2979 - padding-left: 20px; 3720 +}
  3721 +
  3722 +/* CommonBill 导入数据 */
  3723 +#btnImportData {
  3724 + width: 100px;
  3725 + height: 24px;
  3726 + //background-color: rgb(100,100,100,100);
  3727 + //position: relative;
  3728 + //text-align: center;
  3729 + //left:951px;
  3730 + //top:-27px;
  3731 + position: absolute;
  3732 + text-align: center;
  3733 + right: 60px;
  3734 + top: 3px;
  3735 + z-index: 999;
  3736 +}
  3737 +
  3738 +.btnGroupHasImport {
  3739 + width: calc(100% - 120px);
  3740 +}
  3741 +
  3742 +#btnImportData i {
  3743 + margin-right: 8px;
  3744 +}
  3745 +
  3746 +#btnImportData button {
  3747 + opacity: 0;
  3748 + top: 0;
  3749 + left: 0;
  3750 + position: absolute;
  3751 + width: 100%;
  3752 + height: 100%;
  3753 +}
  3754 +
  3755 +.importData.true {
  3756 + color: rgb(250, 250, 250, 250) !important;
  3757 +}
  3758 +
  3759 +.importData.undefined span {
  3760 + color: #a2a2a2 !important;
  3761 +}
  3762 +
  3763 +.importData.false span {
  3764 + color: #a2a2a2 !important;
  3765 +}
  3766 +
  3767 +.importData.true span {
  3768 + color: #ffffff;
  3769 +}
  3770 +
  3771 +.importData span:hover {
  3772 + color: #1890FF !important;
  3773 +}
  3774 +
  3775 +/* 审核信息界面 */
  3776 +//#AudiInfomation .subForm___2sIdI{
  3777 +// margin-right: 0px!important;
  3778 +// background: #fff;
  3779 +//}
  3780 +/* 生产排程按钮样式 */
  3781 +#product-info-header span[disabled] {
  3782 + color: #a2a2a2 !important;
  3783 +}
  3784 +
  3785 +#product-info-header span[disabled]:hover {
  3786 + color: #1890FF !important;
  3787 +}
  3788 +
  3789 +#product-info-header span:hover {
  3790 + color: #1890FF !important;
  3791 +
  3792 + img {
  3793 + opacity: 0.3;
  3794 + filter: alpha(opacity=30);
  3795 + /* 设置透明度 */
  3796 + background-color: #1890FF !important;
2980 } 3797 }
2981 - .xly-workorder-list .xly-filter-tree #staticEditTree{  
2982 - width:100%;  
2983 - height:100%;  
2984 - max-height:calc(55vh);  
2985 - overflow-y: auto!important;  
2986 - overflow-x: hidden!important; 3798 +}
  3799 +
  3800 +#product-info-header img {
  3801 + width: 14px;
  3802 + height: 14px;
  3803 + margin-right: 8px;
  3804 +}
  3805 +
  3806 +#product-info-header img[disabled] {
  3807 + opacity: 0.5;
  3808 + filter: alpha(opacity=50);
  3809 + /* 设置透明度 */
  3810 +}
  3811 +
  3812 +#product-info-header i {
  3813 + margin-right: 8px;
  3814 +}
  3815 +
  3816 +/* 会计期间 */
  3817 +.financePeriod {
  3818 + .ant-table-fixed-header .ant-table-scroll .ant-table-header {
  3819 + overflow-y: scroll !important;
2987 } 3820 }
2988 - .xly-workorder-list .xly-tree-close{  
2989 - left:210px;  
2990 - top:43%; 3821 +
  3822 + .ant-table-body {
  3823 + height: 370px;
  3824 + overflow-y: auto !important;
2991 } 3825 }
2992 - /* 下拉框为空 */  
2993 - .dropdown-empty{  
2994 - height: 30px; 3826 +}
  3827 +
  3828 +/* 列表弹出树 */
  3829 +.xly-eject {
  3830 + position: fixed;
  3831 + top: 50%;
  3832 + right: 0px;
  3833 +}
  3834 +
  3835 +.xly-eject img {
  3836 + width: 50px;
  3837 + height: 50px;
  3838 +}
  3839 +
  3840 +/* 列表过滤树 */
  3841 +.xly-filter-tree {
  3842 + border-radius: 4px;
  3843 + display: none;
  3844 + width: 300px;
  3845 + background-color: #fff;
  3846 + position: fixed;
  3847 + top: 80px;
  3848 + right: 0px;
  3849 + z-index: 20000;
  3850 + box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05)
  3851 + /*阴影出现在元素的左侧*/
  3852 +}
  3853 +
  3854 +.xly-filter-tree #staticEditTree {
  3855 + width: 280px;
  3856 + margin: 10px auto;
  3857 + height: calc(100vh - 100px);
  3858 + overflow: auto;
  3859 +
  3860 + .ant-tree-child-tree {
  3861 + font-size: 12px;
2995 } 3862 }
2996 } 3863 }
2997 -:global {  
2998 - #modalChooseProcess{  
2999 - .ant-tree.ant-tree-show-line li span.ant-tree-switcher{  
3000 - background: none; 3864 +
  3865 +.xly-tree-close {
  3866 + position: fixed;
  3867 + right: 300px;
  3868 + top: 50%;
  3869 +}
  3870 +
  3871 +.xly-tree-close img {
  3872 + width: 40px;
  3873 + height: 40px;
  3874 +}
  3875 +
  3876 +/* 工单悬浮窗 */
  3877 +.xly-workorder-list .xly-eject {
  3878 + width: 50px;
  3879 + height: 50px;
  3880 + left: 0px;
  3881 + z-index: 2;
  3882 +}
  3883 +
  3884 +.xly-workorder-list .xly-filter-tree {
  3885 + width: 210px;
  3886 + left: 0px;
  3887 + top: 40%;
  3888 + background: #fff;
  3889 + border-radius: 4px;
  3890 + box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
  3891 + overflow-y: auto;
  3892 + padding-left: 20px;
  3893 +}
  3894 +
  3895 +.xly-workorder-list .xly-filter-tree #staticEditTree {
  3896 + width: 100%;
  3897 + height: 100%;
  3898 + max-height: calc(55vh);
  3899 + overflow-y: auto !important;
  3900 + overflow-x: hidden !important;
  3901 +}
  3902 +
  3903 +.xly-workorder-list .xly-tree-close {
  3904 + left: 210px;
  3905 + top: 43%;
  3906 +}
  3907 +
  3908 +/* 下拉框为空 */
  3909 +.dropdown-empty {
  3910 + height: 30px;
  3911 +}
  3912 +
  3913 +#modalChooseProcess {
  3914 + .ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  3915 + background: none;
  3916 + }
  3917 +
  3918 + .ant-tree.ant-tree-show-line li:not(:last-child):before {
  3919 + margin: 0;
  3920 + }
  3921 +
  3922 + .ant-tree>li[role=treeitem] {
  3923 + &:before {
  3924 + border-left: none;
3001 } 3925 }
3002 - .ant-tree.ant-tree-show-line li:not(:last-child):before{  
3003 - margin: 0; 3926 + }
  3927 +
  3928 + .ant-tree-child-tree {
  3929 + .process {
  3930 + max-width: 48px !important;
3004 } 3931 }
3005 - .ant-tree > li[role=treeitem] {  
3006 - &:before{  
3007 - border-left: none;  
3008 - } 3932 +
  3933 + .ant-tree-switcher-noop {
  3934 + display: none;
3009 } 3935 }
3010 - .ant-tree-child-tree{  
3011 - .process{  
3012 - max-width: 48px!important;  
3013 - }  
3014 - .ant-tree-switcher-noop{  
3015 - display: none;  
3016 - }  
3017 - li[role=treeitem]{  
3018 - padding-left: 24px;  
3019 - &:before{  
3020 - content: ' ';  
3021 - width: 1px;  
3022 - border-left: 1px solid #bbbbbb;  
3023 - height: 100%;  
3024 - position: absolute;  
3025 - left: 12px;  
3026 - margin: 0px 0;  
3027 - }  
3028 - &:after{  
3029 - content: ' ';  
3030 - width: 8px;  
3031 - height: 1px;  
3032 - background: #bbbbbb;  
3033 - position: absolute;  
3034 - left: 13px;  
3035 - top: 18px;  
3036 - margin: 0px 0;  
3037 - } 3936 +
  3937 + li[role=treeitem] {
  3938 + padding-left: 24px;
  3939 +
  3940 + &:before {
  3941 + content: ' ';
  3942 + width: 1px;
  3943 + border-left: 1px solid #bbbbbb;
  3944 + height: 100%;
  3945 + position: absolute;
  3946 + left: 12px;
  3947 + margin: 0px 0;
3038 } 3948 }
3039 - li[role=treeitem]:last-child{  
3040 - &:before{  
3041 - content: ' ';  
3042 - width: 1px;  
3043 - border-left: 1px solid #bbbbbb;  
3044 - height: ~"calc(50% - 1px)";  
3045 - position: absolute;  
3046 - left: 12px;  
3047 - margin: 0px 0;  
3048 - } 3949 +
  3950 + &:after {
  3951 + content: ' ';
  3952 + width: 8px;
  3953 + height: 1px;
  3954 + background: #bbbbbb;
  3955 + position: absolute;
  3956 + left: 13px;
  3957 + top: 18px;
  3958 + margin: 0px 0;
3049 } 3959 }
3050 } 3960 }
3051 - }  
3052 - /* 审核进度条 */  
3053 - .dataAuditProgress{  
3054 - width: 20%;  
3055 - height: 5%;  
3056 - position: fixed;  
3057 - bottom: 1%;  
3058 - left: 1%;  
3059 - }  
3060 3961
3061 - /* 变量设定 */  
3062 - .customizeParam {  
3063 - .ant-table-body{  
3064 - max-height: 350px!important;  
3065 - overflow: auto!important; 3962 + li[role=treeitem]:last-child {
  3963 + &:before {
  3964 + content: ' ';
  3965 + width: 1px;
  3966 + border-left: 1px solid #bbbbbb;
  3967 + height: ~"calc(50% - 1px)";
  3968 + position: absolute;
  3969 + left: 12px;
  3970 + margin: 0px 0;
  3971 + }
3066 } 3972 }
3067 } 3973 }
3068 - .commonNewBillContainer{  
3069 - .ant-table-pagination.ant-pagination{ /* 工单从表分页 */  
3070 - position:sticky;  
3071 - margin:10px 0px 0px 0px;  
3072 - } 3974 +}
  3975 +
  3976 +/* 审核进度条 */
  3977 +.dataAuditProgress {
  3978 + width: 20%;
  3979 + height: 5%;
  3980 + position: fixed;
  3981 + bottom: 1%;
  3982 + left: 1%;
  3983 +}
  3984 +
  3985 +/* 变量设定 */
  3986 +.customizeParam {
  3987 + .ant-table-body {
  3988 + max-height: 350px !important;
  3989 + overflow: auto !important;
3073 } 3990 }
3074 - .subbill {  
3075 - .ant-table-pagination.ant-pagination{ /* subbill分页组件样式 */  
3076 - position:absolute!important;  
3077 - margin:10px 0px 0px 0px;  
3078 - bottom: -38px;  
3079 - } 3991 +}
  3992 +
  3993 +.commonNewBillContainer {
  3994 + .ant-table-pagination.ant-pagination {
  3995 + /* 工单从表分页 */
  3996 + position: sticky;
  3997 + margin: 10px 0px 0px 0px;
3080 } 3998 }
3081 - .hasSlave{  
3082 - .ant-table-pagination.ant-pagination{ /* commonListTab从表分页组件样式 */  
3083 - position:absolute!important;  
3084 - margin:10px 0px 0px 0px;  
3085 - bottom: -34px;  
3086 - } 3999 +}
  4000 +
  4001 +.subbill {
  4002 + .ant-table-pagination.ant-pagination {
  4003 + /* subbill分页组件样式 */
  4004 + position: absolute !important;
  4005 + margin: 10px 0px 0px 0px;
  4006 + bottom: -38px;
3087 } 4007 }
  4008 +}
3088 4009
  4010 +.hasSlave {
  4011 + .ant-table-pagination.ant-pagination {
  4012 + /* commonListTab从表分页组件样式 */
  4013 + position: absolute !important;
  4014 + margin: 10px 0px 0px 0px;
  4015 + bottom: -34px;
  4016 + }
3089 } 4017 }
3090 4018
  4019 +
3091 // 工单系统弹窗样式 4020 // 工单系统弹窗样式
3092 .workOrderSystemModal { 4021 .workOrderSystemModal {
3093 - :global {  
3094 - .ant-modal-close {  
3095 - color: #4a495f !important;  
3096 - } 4022 + .ant-modal-close {
  4023 + color: #4a495f !important;
  4024 + }
3097 4025
3098 - .ant-modal-close-x {  
3099 - width: 30px;  
3100 - } 4026 + .ant-modal-close-x {
  4027 + width: 30px;
  4028 + }
3101 4029
3102 - .ant-modal-header {  
3103 - background-color: #e1edfe !important;  
3104 - border: 0;  
3105 -  
3106 - .ant-modal-title {  
3107 - font-size: 14px;  
3108 - color: #4a495f !important;  
3109 - span:nth-child(1) {  
3110 - overflow: hidden;  
3111 - text-overflow: ellipsis;  
3112 - white-space: nowrap;  
3113 - display: inline-block;  
3114 - max-width: 30vw;  
3115 - } 4030 + .ant-modal-header {
  4031 + background-color: #e1edfe !important;
  4032 + border: 0;
  4033 +
  4034 + .ant-modal-title {
  4035 + font-size: 14px;
  4036 + color: #4a495f !important;
  4037 +
  4038 + span:nth-child(1) {
  4039 + overflow: hidden;
  4040 + text-overflow: ellipsis;
  4041 + white-space: nowrap;
  4042 + display: inline-block;
  4043 + max-width: 30vw;
3116 } 4044 }
3117 } 4045 }
  4046 + }
3118 4047
3119 - .ant-modal-body {  
3120 - padding: 0 !important;  
3121 - } 4048 + .ant-modal-body {
  4049 + padding: 0 !important;
3122 } 4050 }
3123 } 4051 }
3124 4052
3125 .commonAntSpace { 4053 .commonAntSpace {
3126 width: 100%; 4054 width: 100%;
3127 - :global {  
3128 - .ant-space-item:nth-child(1) {  
3129 - width: 100%;  
3130 - }  
3131 - .ant-space-item:nth-child(2) {  
3132 - width: auto;  
3133 - } 4055 +
  4056 + .ant-space-item:nth-child(1) {
  4057 + width: 100%;
  4058 + }
  4059 +
  4060 + .ant-space-item:nth-child(2) {
  4061 + width: auto;
3134 } 4062 }
3135 } 4063 }
3136 4064
@@ -3140,30 +4068,34 @@ ton:focus { @@ -3140,30 +4068,34 @@ ton:focus {
3140 width: 100%; 4068 width: 100%;
3141 height: 30px; 4069 height: 30px;
3142 padding: 0 0 0 20px; 4070 padding: 0 0 0 20px;
3143 - :global {  
3144 - .radioDiv {  
3145 - width: 100%;  
3146 - height: 30px;  
3147 - display: flex;  
3148 - align-items: center;  
3149 - .viewStyle{  
3150 - background-color: rgb(240, 242, 245);  
3151 - font-size: 14px !important;  
3152 - }  
3153 - .viewStyle input[disabled]{ 4071 +
  4072 + .radioDiv {
  4073 + width: 100%;
  4074 + height: 30px;
  4075 + display: flex;
  4076 + align-items: center;
  4077 +
  4078 + .viewStyle {
  4079 + background-color: rgb(240, 242, 245);
  4080 + font-size: 14px !important;
  4081 + }
  4082 +
  4083 + .viewStyle input[disabled] {
  4084 + font-size: 14px !important;
  4085 + }
  4086 +
  4087 + .ant-col-7 {
  4088 + background: none !important;
  4089 + color: rgb(0, 0, 0, 0.65) !important;
  4090 +
  4091 + label {
3154 font-size: 14px !important; 4092 font-size: 14px !important;
3155 } 4093 }
3156 - .ant-col-7{  
3157 - background:none!important;  
3158 - color:rgb(0, 0, 0, 0.65)!important;  
3159 - label{  
3160 - font-size: 14px !important;  
3161 - }  
3162 - }  
3163 - .ant-radio-wrapper-disabled {  
3164 - span {  
3165 - color: rgba(0, 0, 0, 0.88)!important;  
3166 - } 4094 + }
  4095 +
  4096 + .ant-radio-wrapper-disabled {
  4097 + span {
  4098 + color: rgba(0, 0, 0, 0.88) !important;
3167 } 4099 }
3168 } 4100 }
3169 } 4101 }
@@ -3174,22 +4106,19 @@ ton:focus { @@ -3174,22 +4106,19 @@ ton:focus {
3174 } 4106 }
3175 4107
3176 .costomTabBillTable { 4108 .costomTabBillTable {
3177 - :global {  
3178 - .ant-table-expanded-row-fixed {  
3179 - padding: 20px 20px 35px 0 !important;  
3180 - }  
3181 - .ant-spin-container {  
3182 - background: #FFF;  
3183 - } 4109 + .ant-table-expanded-row-fixed {
  4110 + padding: 20px 20px 35px 0 !important;
  4111 + }
  4112 +
  4113 + .ant-spin-container {
  4114 + background: #FFF;
3184 } 4115 }
3185 } 4116 }
3186 4117
3187 .costomTabBillDiff { 4118 .costomTabBillDiff {
3188 - :global {  
3189 - .ant-form-item-control-input-content {  
3190 - .ant-input {  
3191 - color: red !important;  
3192 - } 4119 + .ant-form-item-control-input-content {
  4120 + .ant-input {
  4121 + color: red !important;
3193 } 4122 }
3194 } 4123 }
3195 } 4124 }
@@ -3203,23 +4132,23 @@ ton:focus { @@ -3203,23 +4132,23 @@ ton:focus {
3203 // } 4132 // }
3204 4133
3205 .costomTabBillDivider { 4134 .costomTabBillDivider {
3206 - :global {  
3207 - // .ant-divider-horizontal.ant-divider-with-text-left::before {  
3208 - // width: 70px !important;  
3209 - // }  
3210 - .ant-form-item[class*="subForm"]{  
3211 - margin-bottom: 0 !important;  
3212 - }  
3213 - /* 订单评审 材料信息 折叠Pane */  
3214 - .ant-collapse > .ant-collapse-item > .ant-collapse-header{  
3215 - padding: 0px 0px 0px 8px!important;  
3216 - }  
3217 4135
3218 - span.ant-radio + *{  
3219 - font-size: 12px!important;  
3220 - } 4136 + // .ant-divider-horizontal.ant-divider-with-text-left::before {
  4137 + // width: 70px !important;
  4138 + // }
  4139 + .ant-form-item[class*="subForm"] {
  4140 + margin-bottom: 0 !important;
  4141 + }
3221 4142
  4143 + /* 订单评审 材料信息 折叠Pane */
  4144 + .ant-collapse>.ant-collapse-item>.ant-collapse-header {
  4145 + padding: 0px 0px 0px 8px !important;
3222 } 4146 }
  4147 +
  4148 + span.ant-radio+* {
  4149 + font-size: 12px !important;
  4150 + }
  4151 +
3223 } 4152 }
3224 4153
3225 .costomTabDelAll { 4154 .costomTabDelAll {
@@ -3227,13 +4156,12 @@ ton:focus { @@ -3227,13 +4156,12 @@ ton:focus {
3227 top: -22px; 4156 top: -22px;
3228 right: 0; 4157 right: 0;
3229 z-index: 15; 4158 z-index: 15;
3230 - :global {  
3231 - .ant-btn {  
3232 - height: 22px;  
3233 - display: flex;  
3234 - align-items: center;  
3235 - justify-content: center;  
3236 - } 4159 +
  4160 + .ant-btn {
  4161 + height: 22px;
  4162 + display: flex;
  4163 + align-items: center;
  4164 + justify-content: center;
3237 } 4165 }
3238 } 4166 }
3239 4167
@@ -3242,43 +4170,46 @@ ton:focus { @@ -3242,43 +4170,46 @@ ton:focus {
3242 top: 8px; 4170 top: 8px;
3243 left: 0; 4171 left: 0;
3244 z-index: 1; 4172 z-index: 1;
3245 - :global {  
3246 - .ant-radio-group {  
3247 - display: flex;  
3248 - flex-direction: column;  
3249 - .ant-radio-button-wrapper {  
3250 - height: auto;  
3251 - }  
3252 - span {  
3253 - display: block;  
3254 - width: 15px;  
3255 - line-height: 20px;  
3256 - } 4173 +
  4174 + .ant-radio-group {
  4175 + display: flex;
  4176 + flex-direction: column;
  4177 +
  4178 + .ant-radio-button-wrapper {
  4179 + height: auto;
3257 } 4180 }
3258 - }  
3259 -}  
3260 4181
3261 -:global {  
3262 - .xlyCommonBase {  
3263 - .ant-tabs-nav-list {  
3264 - visibility: hidden; 4182 + span {
  4183 + display: block;
  4184 + width: 15px;
  4185 + line-height: 20px;
3265 } 4186 }
3266 } 4187 }
3267 - .CommonTabModal{  
3268 - header{  
3269 - display: none!important;  
3270 - }  
3271 - .ant-layout{  
3272 - padding:10px 0 0 0!important;  
3273 - } 4188 +}
  4189 +
  4190 +.xlyCommonBase {
  4191 + .ant-tabs-nav-list {
  4192 + visibility: hidden;
3274 } 4193 }
3275 - #modalChooseProcess td.ant-table-cell-fix-right-first{  
3276 - background-color: #fff; 4194 +}
  4195 +
  4196 +.CommonTabModal {
  4197 + header {
  4198 + display: none !important;
3277 } 4199 }
3278 - .oper{  
3279 - display: flex;  
3280 - width: 22%;  
3281 - height: 38px;  
3282 - justify-content: space-between; 4200 +
  4201 + .ant-layout {
  4202 + padding: 10px 0 0 0 !important;
3283 } 4203 }
3284 } 4204 }
  4205 +
  4206 +#modalChooseProcess td.ant-table-cell-fix-right-first {
  4207 + background-color: #fff;
  4208 +}
  4209 +
  4210 +.oper {
  4211 + display: flex;
  4212 + width: 22%;
  4213 + height: 38px;
  4214 + justify-content: space-between;
  4215 +}
3285 \ No newline at end of file 4216 \ No newline at end of file
src/layouts/index.tsx
1 import { Outlet } from 'umi'; 1 import { Outlet } from 'umi';
2 -import 'antd-v4/dist/antd.css';  
3 export default function Layout() { 2 export default function Layout() {
4 return ( 3 return (
5 <Outlet /> 4 <Outlet />
src/variable.less
1 @import "~antd-v4/lib/style/themes/default.less"; 1 @import "~antd-v4/lib/style/themes/default.less";
2 -@active_color: #1890FF; // 高亮色 2 +@active_color: #1890FF; // 高亮色
3 @active_color2: #2f54eb; 3 @active_color2: #2f54eb;
4 -@disable_color: #a2a2a2; // 禁止颜色  
5 -@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; // 字体  
6 -@font_color: #000; // 字体颜色  
7 -@td_padding_sub: 0 4px; // 默认从表td padding 4 +@disable_color: #a2a2a2; // 禁止颜色
  5 +@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; // 字体
  6 +@font_color: #000; // 字体颜色
  7 +@td_padding_sub: 0 4px; // 默认从表td padding
8 @border-radius-base: 2px; // 组件/浮层圆角 8 @border-radius-base: 2px; // 组件/浮层圆角
9 @border-color-base: #d9d9d9; // 边框色 9 @border-color-base: #d9d9d9; // 边框色
10 @cell-height: 28px; // 默认单元格行高及最小高 10 @cell-height: 28px; // 默认单元格行高及最小高
11 @modal-table-height: 350px; 11 @modal-table-height: 350px;
12 -:global{  
13 - .ant-table-thead > tr > th {  
14 - font-weight: 600;  
15 - white-space: nowrap; 12 +
  13 +.ant-table-thead>tr>th {
  14 + font-weight: 600;
  15 + white-space: nowrap;
  16 +}
  17 +
  18 +.ant-input-disabled {
  19 + color: @font_color;
  20 + background: #fff;
  21 +}
  22 +
  23 +.ant-select-disabled {
  24 + color: @font_color;
  25 +}
  26 +
  27 +tbody {
  28 + .ant-picker.ant-picker-disabled {
  29 + background: transparent;
  30 + border: none;
16 } 31 }
17 - .ant-input-disabled {  
18 - color: @font_color;  
19 - background: #fff; 32 +
  33 + .ant-picker-input>input[disabled] {
  34 + color: @font_color !important;
20 } 35 }
  36 +
21 .ant-select-disabled { 37 .ant-select-disabled {
22 - color: @font_color;  
23 - }  
24 - tbody{  
25 - .ant-picker.ant-picker-disabled{  
26 - background: transparent;  
27 - border: none;  
28 - }  
29 - .ant-picker-input > input[disabled]{  
30 - color: @font_color!important; 38 + .ant-select-arrow {
  39 + display: none;
31 } 40 }
32 - .ant-select-disabled{  
33 - .ant-select-arrow{  
34 - display: none; 41 +
  42 + .ant-select-selector {
  43 + padding: @td_padding_sub !important;
  44 + color: #000 !important;
  45 + border: none !important;
  46 +
  47 + .ant-select-selection-item {
  48 + //line-height: 28px!important;
35 } 49 }
36 - .ant-select-selector{  
37 - padding: @td_padding_sub!important;  
38 - color: #000!important;  
39 - border: none!important;  
40 - .ant-select-selection-item{  
41 - //line-height: 28px!important;  
42 - }  
43 - }  
44 - }  
45 - .ant-picker-disabled{  
46 - padding: 0!important;  
47 } 50 }
48 } 51 }
  52 +
  53 + .ant-picker-disabled {
  54 + padding: 0 !important;
  55 + }
49 } 56 }
  57 +
50 .clear_both { 58 .clear_both {
51 *zoom: 1; 59 *zoom: 1;
  60 +
52 &:before, 61 &:before,
53 &:after { 62 &:after {
54 content: " "; 63 content: " ";
55 display: table; 64 display: table;
56 } 65 }
  66 +
57 &:after { 67 &:after {
58 clear: both; 68 clear: both;
59 } 69 }
60 -} 70 -}
  71 +}
61 \ No newline at end of file 72 \ No newline at end of file