UNPKG

ac-gridcn/src/Gridcn.scss

Version:

1@import "../node_modules/bee-icon/src/Icon.scss";
2@import "../node_modules/bee-form-control/src/FormControl.scss";
3@import "../node_modules/bee-complex-grid/src/Grid.scss";
4@import "../node_modules/bee-datepicker/src/DatePicker.scss";
5@import "../node_modules/ac-btns/src/Btns.scss";
6@import "../node_modules/ac-tips/src/AcTips.scss";
7@import "../node_modules/bee-modal/src/Modal.scss";
8
9$primaryColor : #e14c46;
10$secondary : #eceff1;
11$borderColor:#d5d6d9;
12$borderColor2:#d0d0d0;
13
ac-gridcn {
  .u-table .u-checkbox .u-checkbox-label {
      //参照样式影响
      position: unset;
  }
  
20
  .u-grid {
      background: #fff;
      overflow: hidden;
24
      table {
          table-layout: fixed;
      }
28
      //修改table的header背景色颜色和body中隔行差
30
31
      .table-menu {
          height: 16px;
          line-height: 1;
      }
36
      th.column-number-right,
      td.column-number-right {
          // text-align: right !important;
      }
41
      .u-table-thead th {
          background: #ECEFF5;
      }
45
      .u-table-filter-column-filter-icon {
          height: 33px;
          line-height: 33px;
          background: #ECEFF5;
      }
51
      .u-table-placeholder .table-nodata {
          position: inherit;
      }
  }
56
  .u-input-group {
      border-spacing: 0;
  }
60
  .u-table {
62
      tr {
          transition: none;
65
          &:nth-child(2n) {
              background: #ffffff;
          }
69
          &:nth-child(2n + 1) {
              background: #ffffff;
          }
73
          &:hover,
          &.u-table-row-hover {
              background: #F3F3F3;
77
          }
79
          &.u-table-row {
81
              &.selected,
              &.ref-multiple-table-row-selected {
                  background: #E3E3E3;
              }
          }
87
          .u-table-thead .th-drag:hover {
              background: #DCE1EB;
          }
91
      }
93
      th {
          padding: 8px 8px;
          height: 35px;
      }
98
      td {
          padding: 0 8px;
          height: 30px;
          border-color: #E9E9E9;
103
      }
105
      th {
          overflow: visible;
          background-clip: padding-box;
          word-break: keep-all;
          white-space: nowrap;
          text-overflow: ellipsis;
          text-align: left;
      }
114
      tr.filterable {
          th {
              padding: 0 2px;
118
              input,
              .u-select .u-select-selection,
              .u-input-number {
                  border-color: $borderColor;
              }
124
              input.u-form-control:hover,
              .u-select-enabled .u-select-selection:hover,
              .u-input-number:hover {
                  border-color: #8cc6ff;
              }
130
              input.u-form-control:active,
              .u-select .u-select-selection:active,
              .u-input-number:active,
              input.u-form-control:focus,
              .u-select .u-select-selection:focus,
              .u-input-number:focus {
                  border-color: #007ace;
              }
139
              .u-select .u-select-arrow,
              .datepicker-container .u-input-group-btn,
              .datepicker-input-group .u-input-group-btn {
                  color: #adb4bc;
              }
145
              .datepicker-input-group .u-form-control {
                  height: 26px;
                  font-size: 13px;
                  padding-left: 8px;
                  padding-right: 8px;
              }
152
              .u-select {
                  height: 26px;
155
                  .u-select-selection-rendered {
                      line-height: 26px;
158
                      .u-select-selection-selected-value {
                          font-size: 13px;
                      }
                  }
163
                  .u-select-selection {
                      height: 26px;
                  }
167
                  .u-select-arrow {
                      color: #adb4bc;
                  }
              }
172
              .u-input-number-out {
                  height: 26px;
          
                  .u-input-number {
                      height: 26px;
          
                      .u-form-control {
                          height: 24px;
                          padding-left: 8px;
                          padding-right: 8px;
                      }
                      .u-input-group-btn {
                          right: 0px !important;
                          border-color: $borderColor !important;
                          top: 0px !important;
          
                          .icon-group {
                              height: 24px !important;
                              overflow: hidden;
          
                              .plus,
                              .reduce {
                                  color: #adb4bc !important;
                              }
          
                              .plus {
                                  top: -2px;
                              }
          
                              .reduce {
                                  border-top: 1px solid #d5d6d9 !important;
                                  top: -1px;
                              }
                          }
                      }
                  }
              }
              .ncc-refer-container>.ant-row {
                  height: 26px;
              }
213
              .ncc-refer-container .refer-wrapper .refer-wrapper-content {
                  height: 26px;
                  border: 1px solid $borderColor;
              }
218
              .ncc-refer-container .refer-select-wrapper .refer-canzhao-wrapper {
                  top: 0px;
              }
222
              .ncc-refer-container .refer-wrapper .refer-wrapper-content>ul .selected-item span {
                  height: 20px;
                  line-height: 20px;
              }
          }
      }
229
      .u-table-row.sumrow {
          background: #fffbf3;
      }
233
  }
235
  .ac-gridcn-panel {
      padding-top: 10px;
      padding-bottom: 10px;
      background: #fff;
      user-select: none;
  }
242
  &.max {
      position: absolute;
      top: 0;
      height: 100%;
      background: #fff;
      width: 100%;
      z-index: 2;
      overflow: auto;
      .ac-gridcn-panel {
          padding-top: 10px;
      }
  }
255
  .ac-btns button.ac-btns-item.u-button.ac-btns-max {
      padding-bottom: 2px;
  }
259
  .ac-btns button.ac-btns-item.u-button.ac-btns-copyToHere {
      height: 26px;
      padding-bottom: 0;
      padding-top: 0;
      line-height: 26px;
      min-height: auto;
      position: relative;
      top: -1px;
  }
269
  .ac-gridcn-panel-btns {
      display: block;
      text-align: right;
      .u-button-group{
          margin-right: 8px;
      }
      // .ac-btns-export {
      //     margin-left: 8px;
      // }
      .ac-btns-cancel{
          margin-right: 8px!important;
      }
      .ac-btns-max,
      .ac-btns-min{
          margin-right: 0 !important;
          .uf{
              font-size: 16px!important;
          }
      }
  }
290
  .u-table-thead th .required {
      display: none;
  }
294
  &-column-title-required:before {
      content: '*';
      color: #f53c32;
      padding-right: 2px;
  }
300
  &.max {
      position: absolute;
      top: 0;
      height: 100%;
      background: #fff;
      width: 100%;
      z-index: 2;
      overflow: auto;
  }
310
  &-panel {
      display: flex;
      justify-content: space-between;
      background: #fff;
      height: 50px;
      padding-left: 16px;
      padding-right: 16px;
      &-header{
          cursor: pointer;
          line-height: 30px;
321
      }
      &-btns {
324
          button.u-button.u-button[disabled],
          button.u-button.u-button[disabled]:hover {
              background: #fff;
              color: #dfe1e6;
              border-color: $borderColor2;
              box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
          }
332
          .u-button:hover {
              background-color: hsl(0, 0%, 100%);
              border-color: $primaryColor;
              color: $primaryColor;
          }
      }
339
      &.close {
          margin-left: 8px;
          margin-right: 8px;
          border: 1px solid #D0D0D0;
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
          border-radius: 3px;
      }
  }
348
  .copy-to-here {
      cursor: pointer;
      color: #0073E1;
  }
353
  &-inner {
      &.show {
          .u-grid {
              height: auto;
              // min-height: 76px;
          }
360
      }
362
      &.hide {
          display: none;
365
          .u-grid {
              height: 0;
          }
      }
370
      &.max {
          width: 100%;
          height: 100%;
      }
  }
  .ac-btns button.ac-btns-item.u-button.ac-btns-max,
  .ac-btns button.ac-btns-item.u-button.ac-btns-min {
      margin-left: 8px;
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px;
      width: 30px;
      height: 30px;
      padding: 0;
      line-height: 35px;
  }
  //disabled状态
  &.disabled {
      .u-table {
          .u-table-multiSelect-column {
              cursor: not-allowed;
          }
392
          .u-checkbox {
              pointer-events: none;
              cursor: not-allowed;
          }
397
          .u-checkbox-label:before,
          .u-checkbox-label:after {
              border-color: #DFE1E6;
              color: #909090;
              cursor: not-allowed;
          }
      }
  }
406
  .u-table tr td {
408
      // 行编辑错误提示
      .triangle-flag {
          position: relative;
          display: flex;
          justify-content: left;
          align-items: center;
415
          .triangle-redline {
              width: 2px;
              height: 20px;
              border-left: 2px solid #ff0000;
              display: inline-block;
              margin-right: 2px;
          }
423
          .triangle-element {
              width: calc(100% - 30px);
              height: 26px;
              text-align: left;
              font-size: 13px;
              padding: 0 8px;
          }
431
          input,
          .u-select .u-select-selection,
          .u-input-number {
              border-color: $borderColor;
          }
437
          input.u-form-control:hover,
          .u-select-enabled .u-select-selection:hover,
          .u-input-number:hover {
              border-color: #8cc6ff;
          }
443
          input.u-form-control:active,
          .u-select .u-select-selection:active,
          .u-input-number:active,
          input.u-form-control:focus,
          .u-select .u-select-selection:focus,
          .u-input-number:focus {
              border-color: #007ace;
          }
452
          .u-select .u-select-arrow,
          .datepicker-container .u-input-group-btn,
          .datepicker-input-group .u-input-group-btn {
              color: #adb4bc;
          }
458
          .datepicker-input-group .u-form-control {
              height: 26px;
              font-size: 13px;
              padding-left: 8px;
              padding-right: 8px;
          }
465
          .u-select {
              height: 26px;
468
              .u-select-selection-rendered {
                  line-height: 26px;
                  margin-left: 0;
                  margin-right: 0;
473
                  .u-select-selection-selected-value {
                      font-size: 13px;
                      padding-left: 8px;
                      padding-right: 8px;
                  }
              }
480
              .u-select-selection {
                  height: 26px;
              }
484
              .u-select-arrow {
                  color: #adb4bc;
              }
          }
489
          .ncc-refer-container>.ant-row {
              height: 26px;
          }
493
          .ncc-refer-container .refer-wrapper .refer-wrapper-content {
              height: 26px;
              border: 1px solid $borderColor;
          }
498
          .ncc-refer-container .refer-select-wrapper .refer-canzhao-wrapper {
              top: 0px;
          }
502
          .ncc-refer-container .refer-wrapper .refer-wrapper-content>ul .selected-item span {
              height: 20px;
              line-height: 20px;
          }
507
          .triangle-icon {
              color: #ff0000;
              padding-left: 3px;
              cursor: pointer;
512
              .uf {
                  padding: 0;
              }
          }
517
          .triangle_border_nw {
              width: 0;
              height: 0;
              border-width: 0 0 6px 6px;
              border-style: solid;
              border-color: transparent transparent transparent #f44336;
              position: absolute;
              top: 0px;
              left: 0px;
          }
528
          .triangle_border_nw_number {
              width: 0;
              height: 0;
              border-width: 0 0 6px 6px;
              border-style: solid;
              border-color: transparent transparent transparent #f44336;
              position: absolute;
              top: 2px;
              left: 2px;
          }
      }
  }
541
  .u-pagination {
      height: 50px;
      display: flex;
      justify-content: space-between;
      padding-top: 9px;
      padding-left: 12px;
      background: #f6f6f6;
      margin-bottom: 0px;
      .u-pagination-gap>li>a{
          margin: 0 4px;
      }
      .u-pagination-sm>li>a{
          padding: 4px 8px;
      }
      .u-select {
          width: 85px;
          .u-select-selection {
              border-color: $borderColor2;
          }
      }
      .page_jump_value{
          border-color: $borderColor2;
      }
      .u-pagination-list>.active>a,
      .u-pagination-list>.active>a:focus,
      .u-pagination-list>.active>a:hover,
      .u-pagination-list>.active>span,
      .u-pagination-list>.active>span:focus,
      .u-pagination-list>.active>span:hover {
          color: #E14C46;
          background: #fff;
          border-color: #E14C46;
      }
575
      .u-pagination-list>.disabled>a,
      .u-pagination-list>.disabled>a:focus,
      .u-pagination-list>.disabled>a:hover,
      .u-pagination-list>.disabled>span,
      .u-pagination-list>.disabled>span:focus,
      .u-pagination-list>.disabled>span:hover,
      .u-pagination-list>li>a,
      .u-pagination-list>li>span {
          background: #fff;
          border-color: $borderColor2;
          line-height: 16px;
      }
588
      .u-pagination-list a,
      .u-pagination-list li {
          height: 16px;
          line-height: 16px;
      }
  }
595}
ac-gridcn.isEdit{
  .u-table-thead th .required {
      display: inline-block;
      position: relative;
      top: 2px;
      margin-right: 4px;
      color: $primaryColor;
  }
604}
ac-gridcn.isEdit{
  .u-table-thead th .required {
      display: inline-block;
      position: relative;
      top: 2px;
      margin-right: 4px;
      color: $primaryColor;
  }
  &.header-scroll .ac-btns button.ac-btns-item.u-button.ac-btns-copyToHere{
      top: 7px;
  }
  .u-pagination{
      opacity: 0;
      pointer-events: none;
  }
620}
u-table-filter-column-pop-cont-item {
  &>span {
      margin: 0 !important;
  }
625}
626
triangle-flag {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
632
  .triangle-redline {
      width: 2px;
      height: 20px;
      border-left: 2px solid #ff0000;
      display: inline-block;
      margin-right: 2px;
  }
640
  .container-refer {
      width: 100%;
  }
644
  .triangle-element {
      width: 100%;
  }
648
  .triangle-icon {
      color: #ff0000;
      padding-left: 3px;
      cursor: pointer;
653
      .uf {
          padding: 0;
      }
  }
658
  .triangle_border_nw {
      width: 0;
      height: 0;
      border-width: 0 0 6px 6px;
      border-style: solid;
      border-color: transparent transparent transparent #f44336;
      position: absolute;
      top: 0px;
      left: 0px;
  }
669
  .triangle_border_nw_number {
      width: 0;
      height: 0;
      border-width: 0 0 6px 6px;
      border-style: solid;
      border-color: transparent transparent transparent #f44336;
      position: absolute;
      top: 2px;
      left: 2px;
  }
680
  .u-input-number-out {
      height: 26px;
683
      .u-input-number {
          height: 26px;
686
          .u-form-control {
              height: 24px;
              padding-left: 8px;
              padding-right: 8px;
          }
692
          .u-input-group-btn {
              right: 0px !important;
              border-color: $borderColor !important;
              top: 0px !important;
697
              .icon-group {
                  height: 24px !important;
                  overflow: hidden;
701
                  .plus,
                  .reduce {
                      color: #adb4bc !important;
                  }
706
                  .plus {
                      top: -2px;
                  }
710
                  .reduce {
                      border-top: 1px solid #d5d6d9 !important;
                      top: -1px;
                  }
              }
          }
717
      }
  }
720
721
722}
723
inline-edit-tooltip {
  line-height: 1 !important;
726
  div.tooltip-arrow {
      border-bottom-color: #de2626 !important;
  }
730
  div.tooltip-inner {
      background-color: #de2626;
      height: 28px;
      line-height: 22px;
  }
736}
737
738#filter_column_popover.u-popover {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
742}
\No newline at end of file

1	`@import "../node_modules/bee-icon/src/Icon.scss";`
2	`@import "../node_modules/bee-form-control/src/FormControl.scss";`
3	`@import "../node_modules/bee-complex-grid/src/Grid.scss";`
4	`@import "../node_modules/bee-datepicker/src/DatePicker.scss";`
5	`@import "../node_modules/ac-btns/src/Btns.scss";`
6	`@import "../node_modules/ac-tips/src/AcTips.scss";`
7	`@import "../node_modules/bee-modal/src/Modal.scss";`
8
9	`$primaryColor : #e14c46;`
10	`$secondary : #eceff1;`
11	`$borderColor:#d5d6d9;`
12	`$borderColor2:#d0d0d0;`
13
14	`.ac-gridcn {`
15	`.u-table .u-checkbox .u-checkbox-label {`
16	`//参照样式影响`
17	`position: unset;`
18	`}`
19
20
21	`.u-grid {`
22	`background: #fff;`
23	`overflow: hidden;`
24
25	`table {`
26	`table-layout: fixed;`
27	`}`
28
29	`//修改table的header背景色颜色和body中隔行差`
30
31
32	`.table-menu {`
33	`height: 16px;`
34	`line-height: 1;`
35	`}`
36
37	`th.column-number-right,`
38	`td.column-number-right {`
39	`// text-align: right !important;`
40	`}`
41
42	`.u-table-thead th {`
43	`background: #ECEFF5;`
44	`}`
45
46	`.u-table-filter-column-filter-icon {`
47	`height: 33px;`
48	`line-height: 33px;`
49	`background: #ECEFF5;`
50	`}`
51
52	`.u-table-placeholder .table-nodata {`
53	`position: inherit;`
54	`}`
55	`}`
56
57	`.u-input-group {`
58	`border-spacing: 0;`
59	`}`
60
61	`.u-table {`
62
63	`tr {`
64	`transition: none;`
65
66	`&:nth-child(2n) {`
67	`background: #ffffff;`
68	`}`
69
70	`&:nth-child(2n + 1) {`
71	`background: #ffffff;`
72	`}`
73
74	`&:hover,`
75	`&.u-table-row-hover {`
76	`background: #F3F3F3;`
77
78	`}`
79
80	`&.u-table-row {`
81
82	`&.selected,`
83	`&.ref-multiple-table-row-selected {`
84	`background: #E3E3E3;`
85	`}`
86	`}`
87
88	`.u-table-thead .th-drag:hover {`
89	`background: #DCE1EB;`
90	`}`
91
92	`}`
93
94	`th {`
95	`padding: 8px 8px;`
96	`height: 35px;`
97	`}`
98
99	`td {`
100	`padding: 0 8px;`
101	`height: 30px;`
102	`border-color: #E9E9E9;`
103
104	`}`
105
106	`th {`
107	`overflow: visible;`
108	`background-clip: padding-box;`
109	`word-break: keep-all;`
110	`white-space: nowrap;`
111	`text-overflow: ellipsis;`
112	`text-align: left;`
113	`}`
114
115	`tr.filterable {`
116	`th {`
117	`padding: 0 2px;`
118
119	`input,`
120	`.u-select .u-select-selection,`
121	`.u-input-number {`
122	`border-color: $borderColor;`
123	`}`
124
125	`input.u-form-control:hover,`
126	`.u-select-enabled .u-select-selection:hover,`
127	`.u-input-number:hover {`
128	`border-color: #8cc6ff;`
129	`}`
130
131	`input.u-form-control:active,`
132	`.u-select .u-select-selection:active,`
133	`.u-input-number:active,`
134	`input.u-form-control:focus,`
135	`.u-select .u-select-selection:focus,`
136	`.u-input-number:focus {`
137	`border-color: #007ace;`
138	`}`
139
140	`.u-select .u-select-arrow,`
141	`.datepicker-container .u-input-group-btn,`
142	`.datepicker-input-group .u-input-group-btn {`
143	`color: #adb4bc;`
144	`}`
145
146	`.datepicker-input-group .u-form-control {`
147	`height: 26px;`
148	`font-size: 13px;`
149	`padding-left: 8px;`
150	`padding-right: 8px;`
151	`}`
152
153	`.u-select {`
154	`height: 26px;`
155
156	`.u-select-selection-rendered {`
157	`line-height: 26px;`
158
159	`.u-select-selection-selected-value {`
160	`font-size: 13px;`
161	`}`
162	`}`
163
164	`.u-select-selection {`
165	`height: 26px;`
166	`}`
167
168	`.u-select-arrow {`
169	`color: #adb4bc;`
170	`}`
171	`}`
172
173	`.u-input-number-out {`
174	`height: 26px;`
175
176	`.u-input-number {`
177	`height: 26px;`
178
179	`.u-form-control {`
180	`height: 24px;`
181	`padding-left: 8px;`
182	`padding-right: 8px;`
183	`}`
184	`.u-input-group-btn {`
185	`right: 0px !important;`
186	`border-color: $borderColor !important;`
187	`top: 0px !important;`
188
189	`.icon-group {`
190	`height: 24px !important;`
191	`overflow: hidden;`
192
193	`.plus,`
194	`.reduce {`
195	`color: #adb4bc !important;`
196	`}`
197
198	`.plus {`
199	`top: -2px;`
200	`}`
201
202	`.reduce {`
203	`border-top: 1px solid #d5d6d9 !important;`
204	`top: -1px;`
205	`}`
206	`}`
207	`}`
208	`}`
209	`}`
210	`.ncc-refer-container>.ant-row {`
211	`height: 26px;`
212	`}`
213
214	`.ncc-refer-container .refer-wrapper .refer-wrapper-content {`
215	`height: 26px;`
216	`border: 1px solid $borderColor;`
217	`}`
218
219	`.ncc-refer-container .refer-select-wrapper .refer-canzhao-wrapper {`
220	`top: 0px;`
221	`}`
222
223	`.ncc-refer-container .refer-wrapper .refer-wrapper-content>ul .selected-item span {`
224	`height: 20px;`
225	`line-height: 20px;`
226	`}`
227	`}`
228	`}`
229
230	`.u-table-row.sumrow {`
231	`background: #fffbf3;`
232	`}`
233
234	`}`
235
236	`.ac-gridcn-panel {`
237	`padding-top: 10px;`
238	`padding-bottom: 10px;`
239	`background: #fff;`
240	`user-select: none;`
241	`}`
242
243	`&.max {`
244	`position: absolute;`
245	`top: 0;`
246	`height: 100%;`
247	`background: #fff;`
248	`width: 100%;`
249	`z-index: 2;`
250	`overflow: auto;`
251	`.ac-gridcn-panel {`
252	`padding-top: 10px;`
253	`}`
254	`}`
255
256	`.ac-btns button.ac-btns-item.u-button.ac-btns-max {`
257	`padding-bottom: 2px;`
258	`}`
259
260	`.ac-btns button.ac-btns-item.u-button.ac-btns-copyToHere {`
261	`height: 26px;`
262	`padding-bottom: 0;`
263	`padding-top: 0;`
264	`line-height: 26px;`
265	`min-height: auto;`
266	`position: relative;`
267	`top: -1px;`
268	`}`
269
270	`.ac-gridcn-panel-btns {`
271	`display: block;`
272	`text-align: right;`
273	`.u-button-group{`
274	`margin-right: 8px;`
275	`}`
276	`// .ac-btns-export {`
277	`// margin-left: 8px;`
278	`// }`
279	`.ac-btns-cancel{`
280	`margin-right: 8px!important;`
281	`}`
282	`.ac-btns-max,`
283	`.ac-btns-min{`
284	`margin-right: 0 !important;`
285	`.uf{`
286	`font-size: 16px!important;`
287	`}`
288	`}`
289	`}`
290
291	`.u-table-thead th .required {`
292	`display: none;`
293	`}`
294
295	`&-column-title-required:before {`
296	`content: '*';`
297	`color: #f53c32;`
298	`padding-right: 2px;`
299	`}`
300
301	`&.max {`
302	`position: absolute;`
303	`top: 0;`
304	`height: 100%;`
305	`background: #fff;`
306	`width: 100%;`
307	`z-index: 2;`
308	`overflow: auto;`
309	`}`
310
311	`&-panel {`
312	`display: flex;`
313	`justify-content: space-between;`
314	`background: #fff;`
315	`height: 50px;`
316	`padding-left: 16px;`
317	`padding-right: 16px;`
318	`&-header{`
319	`cursor: pointer;`
320	`line-height: 30px;`
321
322	`}`
323	`&-btns {`
324
325	`button.u-button.u-button[disabled],`
326	`button.u-button.u-button[disabled]:hover {`
327	`background: #fff;`
328	`color: #dfe1e6;`
329	`border-color: $borderColor2;`
330	`box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);`
331	`}`
332
333	`.u-button:hover {`
334	`background-color: hsl(0, 0%, 100%);`
335	`border-color: $primaryColor;`
336	`color: $primaryColor;`
337	`}`
338	`}`
339
340	`&.close {`
341	`margin-left: 8px;`
342	`margin-right: 8px;`
343	`border: 1px solid #D0D0D0;`
344	`box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);`
345	`border-radius: 3px;`
346	`}`
347	`}`
348
349	`.copy-to-here {`
350	`cursor: pointer;`
351	`color: #0073E1;`
352	`}`
353
354	`&-inner {`
355	`&.show {`
356	`.u-grid {`
357	`height: auto;`
358	`// min-height: 76px;`
359	`}`
360
361	`}`
362
363	`&.hide {`
364	`display: none;`
365
366	`.u-grid {`
367	`height: 0;`
368	`}`
369	`}`
370
371	`&.max {`
372	`width: 100%;`
373	`height: 100%;`
374	`}`
375	`}`
376	`.ac-btns button.ac-btns-item.u-button.ac-btns-max,`
377	`.ac-btns button.ac-btns-item.u-button.ac-btns-min {`
378	`margin-left: 8px;`
379	`border-bottom-left-radius: 3px;`
380	`border-top-left-radius: 3px;`
381	`width: 30px;`
382	`height: 30px;`
383	`padding: 0;`
384	`line-height: 35px;`
385	`}`
386	`//disabled状态`
387	`&.disabled {`
388	`.u-table {`
389	`.u-table-multiSelect-column {`
390	`cursor: not-allowed;`
391	`}`
392
393	`.u-checkbox {`
394	`pointer-events: none;`
395	`cursor: not-allowed;`
396	`}`
397
398	`.u-checkbox-label:before,`
399	`.u-checkbox-label:after {`
400	`border-color: #DFE1E6;`
401	`color: #909090;`
402	`cursor: not-allowed;`
403	`}`
404	`}`
405	`}`
406
407	`.u-table tr td {`
408
409	`// 行编辑错误提示`
410	`.triangle-flag {`
411	`position: relative;`
412	`display: flex;`
413	`justify-content: left;`
414	`align-items: center;`
415
416	`.triangle-redline {`
417	`width: 2px;`
418	`height: 20px;`
419	`border-left: 2px solid #ff0000;`
420	`display: inline-block;`
421	`margin-right: 2px;`
422	`}`
423
424	`.triangle-element {`
425	`width: calc(100% - 30px);`
426	`height: 26px;`
427	`text-align: left;`
428	`font-size: 13px;`
429	`padding: 0 8px;`
430	`}`
431
432	`input,`
433	`.u-select .u-select-selection,`
434	`.u-input-number {`
435	`border-color: $borderColor;`
436	`}`
437
438	`input.u-form-control:hover,`
439	`.u-select-enabled .u-select-selection:hover,`
440	`.u-input-number:hover {`
441	`border-color: #8cc6ff;`
442	`}`
443
444	`input.u-form-control:active,`
445	`.u-select .u-select-selection:active,`
446	`.u-input-number:active,`
447	`input.u-form-control:focus,`
448	`.u-select .u-select-selection:focus,`
449	`.u-input-number:focus {`
450	`border-color: #007ace;`
451	`}`
452
453	`.u-select .u-select-arrow,`
454	`.datepicker-container .u-input-group-btn,`
455	`.datepicker-input-group .u-input-group-btn {`
456	`color: #adb4bc;`
457	`}`
458
459	`.datepicker-input-group .u-form-control {`
460	`height: 26px;`
461	`font-size: 13px;`
462	`padding-left: 8px;`
463	`padding-right: 8px;`
464	`}`
465
466	`.u-select {`
467	`height: 26px;`
468
469	`.u-select-selection-rendered {`
470	`line-height: 26px;`
471	`margin-left: 0;`
472	`margin-right: 0;`
473
474	`.u-select-selection-selected-value {`
475	`font-size: 13px;`
476	`padding-left: 8px;`
477	`padding-right: 8px;`
478	`}`
479	`}`
480
481	`.u-select-selection {`
482	`height: 26px;`
483	`}`
484
485	`.u-select-arrow {`
486	`color: #adb4bc;`
487	`}`
488	`}`
489
490	`.ncc-refer-container>.ant-row {`
491	`height: 26px;`
492	`}`
493
494	`.ncc-refer-container .refer-wrapper .refer-wrapper-content {`
495	`height: 26px;`
496	`border: 1px solid $borderColor;`
497	`}`
498
499	`.ncc-refer-container .refer-select-wrapper .refer-canzhao-wrapper {`
500	`top: 0px;`
501	`}`
502
503	`.ncc-refer-container .refer-wrapper .refer-wrapper-content>ul .selected-item span {`
504	`height: 20px;`
505	`line-height: 20px;`
506	`}`
507
508	`.triangle-icon {`
509	`color: #ff0000;`
510	`padding-left: 3px;`
511	`cursor: pointer;`
512
513	`.uf {`
514	`padding: 0;`
515	`}`
516	`}`
517
518	`.triangle_border_nw {`
519	`width: 0;`
520	`height: 0;`
521	`border-width: 0 0 6px 6px;`
522	`border-style: solid;`
523	`border-color: transparent transparent transparent #f44336;`
524	`position: absolute;`
525	`top: 0px;`
526	`left: 0px;`
527	`}`
528
529	`.triangle_border_nw_number {`
530	`width: 0;`
531	`height: 0;`
532	`border-width: 0 0 6px 6px;`
533	`border-style: solid;`
534	`border-color: transparent transparent transparent #f44336;`
535	`position: absolute;`
536	`top: 2px;`
537	`left: 2px;`
538	`}`
539	`}`
540	`}`
541
542	`.u-pagination {`
543	`height: 50px;`
544	`display: flex;`
545	`justify-content: space-between;`
546	`padding-top: 9px;`
547	`padding-left: 12px;`
548	`background: #f6f6f6;`
549	`margin-bottom: 0px;`
550	`.u-pagination-gap>li>a{`
551	`margin: 0 4px;`
552	`}`
553	`.u-pagination-sm>li>a{`
554	`padding: 4px 8px;`
555	`}`
556	`.u-select {`
557	`width: 85px;`
558	`.u-select-selection {`
559	`border-color: $borderColor2;`
560	`}`
561	`}`
562	`.page_jump_value{`
563	`border-color: $borderColor2;`
564	`}`
565	`.u-pagination-list>.active>a,`
566	`.u-pagination-list>.active>a:focus,`
567	`.u-pagination-list>.active>a:hover,`
568	`.u-pagination-list>.active>span,`
569	`.u-pagination-list>.active>span:focus,`
570	`.u-pagination-list>.active>span:hover {`
571	`color: #E14C46;`
572	`background: #fff;`
573	`border-color: #E14C46;`
574	`}`
575
576	`.u-pagination-list>.disabled>a,`
577	`.u-pagination-list>.disabled>a:focus,`
578	`.u-pagination-list>.disabled>a:hover,`
579	`.u-pagination-list>.disabled>span,`
580	`.u-pagination-list>.disabled>span:focus,`
581	`.u-pagination-list>.disabled>span:hover,`
582	`.u-pagination-list>li>a,`
583	`.u-pagination-list>li>span {`
584	`background: #fff;`
585	`border-color: $borderColor2;`
586	`line-height: 16px;`
587	`}`
588
589	`.u-pagination-list a,`
590	`.u-pagination-list li {`
591	`height: 16px;`
592	`line-height: 16px;`
593	`}`
594	`}`
595	`}`
596	`.ac-gridcn.isEdit{`
597	`.u-table-thead th .required {`
598	`display: inline-block;`
599	`position: relative;`
600	`top: 2px;`
601	`margin-right: 4px;`
602	`color: $primaryColor;`
603	`}`
604	`}`
605	`.ac-gridcn.isEdit{`
606	`.u-table-thead th .required {`
607	`display: inline-block;`
608	`position: relative;`
609	`top: 2px;`
610	`margin-right: 4px;`
611	`color: $primaryColor;`
612	`}`
613	`&.header-scroll .ac-btns button.ac-btns-item.u-button.ac-btns-copyToHere{`
614	`top: 7px;`
615	`}`
616	`.u-pagination{`
617	`opacity: 0;`
618	`pointer-events: none;`
619	`}`
620	`}`
621	`.u-table-filter-column-pop-cont-item {`
622	`&>span {`
623	`margin: 0 !important;`
624	`}`
625	`}`
626
627	`.triangle-flag {`
628	`position: relative;`
629	`display: flex;`
630	`justify-content: center;`
631	`align-items: center;`
632
633	`.triangle-redline {`
634	`width: 2px;`
635	`height: 20px;`
636	`border-left: 2px solid #ff0000;`
637	`display: inline-block;`
638	`margin-right: 2px;`
639	`}`
640
641	`.container-refer {`
642	`width: 100%;`
643	`}`
644
645	`.triangle-element {`
646	`width: 100%;`
647	`}`
648
649	`.triangle-icon {`
650	`color: #ff0000;`
651	`padding-left: 3px;`
652	`cursor: pointer;`
653
654	`.uf {`
655	`padding: 0;`
656	`}`
657	`}`
658
659	`.triangle_border_nw {`
660	`width: 0;`
661	`height: 0;`
662	`border-width: 0 0 6px 6px;`
663	`border-style: solid;`
664	`border-color: transparent transparent transparent #f44336;`
665	`position: absolute;`
666	`top: 0px;`
667	`left: 0px;`
668	`}`
669
670	`.triangle_border_nw_number {`
671	`width: 0;`
672	`height: 0;`
673	`border-width: 0 0 6px 6px;`
674	`border-style: solid;`
675	`border-color: transparent transparent transparent #f44336;`
676	`position: absolute;`
677	`top: 2px;`
678	`left: 2px;`
679	`}`
680
681	`.u-input-number-out {`
682	`height: 26px;`
683
684	`.u-input-number {`
685	`height: 26px;`
686
687	`.u-form-control {`
688	`height: 24px;`
689	`padding-left: 8px;`
690	`padding-right: 8px;`
691	`}`
692
693	`.u-input-group-btn {`
694	`right: 0px !important;`
695	`border-color: $borderColor !important;`
696	`top: 0px !important;`
697
698	`.icon-group {`
699	`height: 24px !important;`
700	`overflow: hidden;`
701
702	`.plus,`
703	`.reduce {`
704	`color: #adb4bc !important;`
705	`}`
706
707	`.plus {`
708	`top: -2px;`
709	`}`
710
711	`.reduce {`
712	`border-top: 1px solid #d5d6d9 !important;`
713	`top: -1px;`
714	`}`
715	`}`
716	`}`
717
718	`}`
719	`}`
720
721
722	`}`
723
724	`.inline-edit-tooltip {`
725	`line-height: 1 !important;`
726
727	`div.tooltip-arrow {`
728	`border-bottom-color: #de2626 !important;`
729	`}`
730
731	`div.tooltip-inner {`
732	`background-color: #de2626;`
733	`height: 28px;`
734	`line-height: 22px;`
735	`}`
736	`}`
737
738	`#filter_column_popover.u-popover {`
739	`background-color: #fff;`
740	`border: 1px solid #ccc;`
741	`box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);`
742	`}`
\	No newline at end of file