style.css 45 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197
  1. @charset "UTF-8";
  2. /*font*/
  3. /*size*/
  4. /*icon*/
  5. /*color*/
  6. /*input/radio/checkbox*/
  7. /*popup*/
  8. /*table*/
  9. /*filter*/
  10. /*menu*/
  11. /*loading*/
  12. /*validate*/
  13. /*grid*/
  14. /*toolbar*/
  15. /*tooltip*/
  16. /*pager*/
  17. /*modal*/
  18. /*checkbox*/
  19. /*radio*/
  20. /*button*/
  21. /*input*/
  22. /*textarea*/
  23. /*form*/
  24. /*select*/
  25. /*switch*/
  26. /*pulldown*/
  27. .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
  28. font-size: 1.34em; }
  29. .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
  30. color: #dcdfe6;
  31. vertical-align: middle;
  32. font-weight: 700;
  33. -webkit-user-select: none;
  34. -moz-user-select: none;
  35. -ms-user-select: none;
  36. user-select: none; }
  37. .vxe-table--render-default .is--checked.vxe-cell--checkbox, .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox {
  38. color: #409eff; }
  39. .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon, .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon {
  40. color: #409eff; }
  41. .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled) {
  42. cursor: pointer; }
  43. .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon {
  44. color: #409eff; }
  45. .vxe-table--render-default .is--disabled.vxe-cell--checkbox {
  46. color: #BFBFBF;
  47. cursor: not-allowed; }
  48. .vxe-table--render-default .is--disabled.vxe-cell--checkbox .vxe-checkbox--icon {
  49. color: #dcdfe6; }
  50. .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--label {
  51. padding-left: 0.5em;
  52. vertical-align: middle; }
  53. .vxe-table--render-default .vxe-cell--radio {
  54. cursor: pointer; }
  55. .vxe-table--render-default .vxe-cell--radio .vxe-radio--icon {
  56. font-size: 1.4em; }
  57. .vxe-table--render-default .vxe-cell--radio .vxe-radio--icon {
  58. color: #dcdfe6;
  59. vertical-align: middle;
  60. font-weight: 700;
  61. -webkit-user-select: none;
  62. -moz-user-select: none;
  63. -ms-user-select: none;
  64. user-select: none; }
  65. .vxe-table--render-default .is--checked.vxe-cell--radio {
  66. color: #409eff; }
  67. .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--icon {
  68. color: #409eff; }
  69. .vxe-table--render-default .vxe-cell--radio:not(.is--disabled) {
  70. cursor: pointer; }
  71. .vxe-table--render-default .vxe-cell--radio:not(.is--disabled):hover .vxe-radio--icon {
  72. color: #409eff; }
  73. .vxe-table--render-default .is--disabled.vxe-cell--radio {
  74. color: #BFBFBF;
  75. cursor: not-allowed; }
  76. .vxe-table--render-default .is--disabled.vxe-cell--radio .vxe-radio--icon {
  77. color: #dcdfe6; }
  78. .vxe-table--render-default .vxe-cell--radio .vxe-radio--label {
  79. padding-left: 0.5em;
  80. vertical-align: middle; }
  81. [class*="vxe-"], [class*="vxe-"]:after, [class*="vxe-"]:before,
  82. [class*="vxe-"] *:after, [class*="vxe-"] *:before {
  83. -webkit-box-sizing: border-box;
  84. box-sizing: border-box; }
  85. .vxe-table--render-default .vxe-header--column.col--ellipsis:not(.col--actived) > .vxe-cell,
  86. .vxe-table--render-default .vxe-body--column.col--ellipsis:not(.col--actived) > .vxe-cell,
  87. .vxe-table--render-default .vxe-footer--column.col--ellipsis:not(.col--actived) > .vxe-cell {
  88. overflow: hidden;
  89. text-overflow: ellipsis;
  90. white-space: nowrap; }
  91. [class*="vxe-"] {
  92. font-variant: tabular-nums;
  93. -webkit-font-feature-settings: 'tnum';
  94. font-feature-settings: 'tnum'; }
  95. .vxe-primary-color {
  96. color: #409eff; }
  97. .vxe-success-color {
  98. color: #67c23a; }
  99. .vxe-info-color {
  100. color: #909399; }
  101. .vxe-warning-color {
  102. color: #e6a23c; }
  103. .vxe-danger-color {
  104. color: #f56c6c; }
  105. .vxe-perfect-color {
  106. color: #f8f8f9; }
  107. .vxe-row:after {
  108. content: '';
  109. display: block;
  110. clear: both;
  111. height: 0;
  112. overflow: hidden;
  113. visibility: hidden; }
  114. .vxe-row > .vxe-col--1 {
  115. float: left;
  116. width: 4.16667%; }
  117. .vxe-row > .vxe-col--2 {
  118. float: left;
  119. width: 8.33333%; }
  120. .vxe-row > .vxe-col--3 {
  121. float: left;
  122. width: 12.5%; }
  123. .vxe-row > .vxe-col--4 {
  124. float: left;
  125. width: 16.66667%; }
  126. .vxe-row > .vxe-col--5 {
  127. float: left;
  128. width: 20.83333%; }
  129. .vxe-row > .vxe-col--6 {
  130. float: left;
  131. width: 25%; }
  132. .vxe-row > .vxe-col--7 {
  133. float: left;
  134. width: 29.16667%; }
  135. .vxe-row > .vxe-col--8 {
  136. float: left;
  137. width: 33.33333%; }
  138. .vxe-row > .vxe-col--9 {
  139. float: left;
  140. width: 37.5%; }
  141. .vxe-row > .vxe-col--10 {
  142. float: left;
  143. width: 41.66667%; }
  144. .vxe-row > .vxe-col--11 {
  145. float: left;
  146. width: 45.83333%; }
  147. .vxe-row > .vxe-col--12 {
  148. float: left;
  149. width: 50%; }
  150. .vxe-row > .vxe-col--13 {
  151. float: left;
  152. width: 54.16667%; }
  153. .vxe-row > .vxe-col--14 {
  154. float: left;
  155. width: 58.33333%; }
  156. .vxe-row > .vxe-col--15 {
  157. float: left;
  158. width: 62.5%; }
  159. .vxe-row > .vxe-col--16 {
  160. float: left;
  161. width: 66.66667%; }
  162. .vxe-row > .vxe-col--17 {
  163. float: left;
  164. width: 70.83333%; }
  165. .vxe-row > .vxe-col--18 {
  166. float: left;
  167. width: 75%; }
  168. .vxe-row > .vxe-col--19 {
  169. float: left;
  170. width: 79.16667%; }
  171. .vxe-row > .vxe-col--20 {
  172. float: left;
  173. width: 83.33333%; }
  174. .vxe-row > .vxe-col--21 {
  175. float: left;
  176. width: 87.5%; }
  177. .vxe-row > .vxe-col--22 {
  178. float: left;
  179. width: 91.66667%; }
  180. .vxe-row > .vxe-col--23 {
  181. float: left;
  182. width: 95.83333%; }
  183. .vxe-row > .vxe-col--24 {
  184. float: left;
  185. width: 100%; }
  186. /*animat*/
  187. .is--animat .vxe-sort--asc-btn:before, .is--animat .vxe-sort--asc-btn:after,
  188. .is--animat .vxe-sort--desc-btn:before,
  189. .is--animat .vxe-sort--desc-btn:after,
  190. .is--animat .vxe-filter--btn:before,
  191. .is--animat .vxe-filter--btn:after {
  192. -webkit-transition: border 0.1s ease-in-out;
  193. transition: border 0.1s ease-in-out; }
  194. .is--animat .vxe-input--wrapper .vxe-input {
  195. -webkit-transition: border 0.1s ease-in-out;
  196. transition: border 0.1s ease-in-out; }
  197. .is--animat .vxe-table--expand-btn,
  198. .is--animat .vxe-tree--node-btn {
  199. -webkit-transition: -webkit-transform 0.1s ease-in-out;
  200. transition: -webkit-transform 0.1s ease-in-out;
  201. transition: transform 0.1s ease-in-out;
  202. transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; }
  203. .is--animat .vxe-checkbox > input:checked + span,
  204. .is--animat .vxe-radio > input:checked + span {
  205. -webkit-transition: background-color 0.1s ease-in-out;
  206. transition: background-color 0.1s ease-in-out; }
  207. /**Variable**/
  208. /*加载中*/
  209. .vxe-loading {
  210. display: none;
  211. position: absolute;
  212. width: 100%;
  213. height: 100%;
  214. top: 0;
  215. left: 0;
  216. z-index: 99;
  217. -webkit-user-select: none;
  218. -moz-user-select: none;
  219. -ms-user-select: none;
  220. user-select: none;
  221. background-color: rgba(255, 255, 255, 0.5); }
  222. .vxe-loading.is--visible {
  223. display: block; }
  224. .vxe-loading > .vxe-loading--chunk {
  225. width: 100%;
  226. position: absolute;
  227. top: 50%;
  228. left: 0;
  229. -webkit-transform: translateY(-50%);
  230. transform: translateY(-50%);
  231. text-align: center;
  232. color: #409eff; }
  233. .vxe-loading .vxe-loading--default-icon {
  234. font-size: 1.4em; }
  235. .vxe-loading .vxe-loading--text {
  236. padding: 0.4em 0; }
  237. .vxe-loading .vxe-loading--spinner {
  238. display: inline-block;
  239. position: relative;
  240. width: 56px;
  241. height: 56px; }
  242. .vxe-loading .vxe-loading--spinner:before, .vxe-loading .vxe-loading--spinner:after {
  243. content: "";
  244. width: 100%;
  245. height: 100%;
  246. border-radius: 50%;
  247. background-color: #409eff;
  248. opacity: 0.6;
  249. position: absolute;
  250. top: 0;
  251. left: 0;
  252. -webkit-animation: bounce 2.0s infinite ease-in-out;
  253. animation: bounce 2.0s infinite ease-in-out; }
  254. .vxe-loading .vxe-loading--spinner:after {
  255. -webkit-animation-delay: -1.0s;
  256. animation-delay: -1.0s; }
  257. @-webkit-keyframes bounce {
  258. 0%, 100% {
  259. -webkit-transform: scale(0);
  260. transform: scale(0); }
  261. 50% {
  262. -webkit-transform: scale(1);
  263. transform: scale(1); } }
  264. @keyframes bounce {
  265. 0%, 100% {
  266. -webkit-transform: scale(0);
  267. transform: scale(0); }
  268. 50% {
  269. -webkit-transform: scale(1);
  270. transform: scale(1); } }
  271. .size--mini .vxe-loading .vxe-loading--spinner {
  272. width: 38px;
  273. height: 38px; }
  274. .size--small .vxe-loading .vxe-loading--spinner {
  275. width: 44px;
  276. height: 44px; }
  277. .size--medium .vxe-loading .vxe-loading--spinner {
  278. width: 50px;
  279. height: 50px; }
  280. .vxe-table--render-default.vxe-editable .vxe-body--column, .vxe-table--render-default .vxe-header--column.col--ellipsis,
  281. .vxe-table--render-default .vxe-body--column.col--ellipsis,
  282. .vxe-table--render-default .vxe-footer--column.col--ellipsis {
  283. height: 48px; }
  284. .vxe-table--render-default.vxe-editable.size--medium .vxe-body--column, .vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis,
  285. .vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis,
  286. .vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis {
  287. height: 44px; }
  288. .vxe-table--render-default.vxe-editable.size--small .vxe-body--column, .vxe-table--render-default.size--small .vxe-header--column.col--ellipsis,
  289. .vxe-table--render-default.size--small .vxe-body--column.col--ellipsis,
  290. .vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis {
  291. height: 40px; }
  292. .vxe-table--render-default.vxe-editable.size--mini .vxe-body--column, .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,
  293. .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis,
  294. .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis {
  295. height: 36px; }
  296. .vxe-table-slots,
  297. .vxe-table--file-form {
  298. display: none; }
  299. .vxe-table--print-frame {
  300. position: fixed;
  301. bottom: -100%;
  302. left: -100%;
  303. height: 0;
  304. width: 0;
  305. border: 0; }
  306. .vxe-table--body-wrapper {
  307. scroll-behavior: auto; }
  308. .vxe-table--body-wrapper,
  309. .vxe-table--fixed-left-body-wrapper,
  310. .vxe-table--fixed-right-body-wrapper {
  311. overflow-y: auto;
  312. overflow-x: auto; }
  313. /*默认的渲染*/
  314. .vxe-cell .vxe-default-input,
  315. .vxe-cell .vxe-default-textarea,
  316. .vxe-table--filter-wrapper .vxe-default-input,
  317. .vxe-table--filter-wrapper .vxe-default-textarea {
  318. background-color: #ffffff; }
  319. .vxe-cell .vxe-default-input,
  320. .vxe-cell .vxe-default-textarea,
  321. .vxe-cell .vxe-default-select,
  322. .vxe-table--filter-wrapper .vxe-default-input,
  323. .vxe-table--filter-wrapper .vxe-default-textarea,
  324. .vxe-table--filter-wrapper .vxe-default-select {
  325. outline: 0;
  326. padding: 0 2px;
  327. width: 100%;
  328. color: #606266;
  329. border-radius: 4px;
  330. border: 1px solid #dcdfe6; }
  331. .vxe-cell .vxe-default-input:focus,
  332. .vxe-cell .vxe-default-textarea:focus,
  333. .vxe-cell .vxe-default-select:focus,
  334. .vxe-table--filter-wrapper .vxe-default-input:focus,
  335. .vxe-table--filter-wrapper .vxe-default-textarea:focus,
  336. .vxe-table--filter-wrapper .vxe-default-select:focus {
  337. border: 1px solid #409eff; }
  338. .vxe-cell .vxe-default-input[disabled],
  339. .vxe-cell .vxe-default-textarea[disabled],
  340. .vxe-cell .vxe-default-select[disabled],
  341. .vxe-table--filter-wrapper .vxe-default-input[disabled],
  342. .vxe-table--filter-wrapper .vxe-default-textarea[disabled],
  343. .vxe-table--filter-wrapper .vxe-default-select[disabled] {
  344. cursor: not-allowed;
  345. background-color: #f3f3f3; }
  346. .vxe-cell .vxe-default-input,
  347. .vxe-cell .vxe-default-textarea,
  348. .vxe-cell .vxe-default-select,
  349. .vxe-table--filter-wrapper .vxe-default-input,
  350. .vxe-table--filter-wrapper .vxe-default-textarea,
  351. .vxe-table--filter-wrapper .vxe-default-select {
  352. height: 34px; }
  353. .vxe-cell .vxe-default-input[type="date"]::-webkit-inner-spin-button,
  354. .vxe-table--filter-wrapper .vxe-default-input[type="date"]::-webkit-inner-spin-button {
  355. margin-top: 4px; }
  356. .vxe-cell .vxe-default-input[type="date"]::-webkit-inner-spin-button, .vxe-cell .vxe-default-input[type="number"]::-webkit-inner-spin-button,
  357. .vxe-table--filter-wrapper .vxe-default-input[type="date"]::-webkit-inner-spin-button,
  358. .vxe-table--filter-wrapper .vxe-default-input[type="number"]::-webkit-inner-spin-button {
  359. height: 24px; }
  360. .vxe-cell .vxe-default-input::-webkit-input-placeholder, .vxe-table--filter-wrapper .vxe-default-input::-webkit-input-placeholder {
  361. color: #C0C4CC; }
  362. .vxe-cell .vxe-default-input::-moz-placeholder, .vxe-table--filter-wrapper .vxe-default-input::-moz-placeholder {
  363. color: #C0C4CC; }
  364. .vxe-cell .vxe-default-input:-ms-input-placeholder, .vxe-table--filter-wrapper .vxe-default-input:-ms-input-placeholder {
  365. color: #C0C4CC; }
  366. .vxe-cell .vxe-default-input::-ms-input-placeholder, .vxe-table--filter-wrapper .vxe-default-input::-ms-input-placeholder {
  367. color: #C0C4CC; }
  368. .vxe-cell .vxe-default-input::placeholder,
  369. .vxe-table--filter-wrapper .vxe-default-input::placeholder {
  370. color: #C0C4CC; }
  371. .vxe-cell .vxe-default-textarea,
  372. .vxe-table--filter-wrapper .vxe-default-textarea {
  373. resize: none;
  374. vertical-align: middle; }
  375. .vxe-cell .vxe-input,
  376. .vxe-cell .vxe-textarea,
  377. .vxe-cell .vxe-select,
  378. .vxe-table--filter-wrapper .vxe-input,
  379. .vxe-table--filter-wrapper .vxe-textarea,
  380. .vxe-table--filter-wrapper .vxe-select {
  381. width: 100%;
  382. display: block; }
  383. .vxe-cell .vxe-input > .vxe-input--inner,
  384. .vxe-cell .vxe-textarea > .vxe-textarea--inner,
  385. .vxe-table--filter-wrapper .vxe-input > .vxe-input--inner,
  386. .vxe-table--filter-wrapper .vxe-textarea > .vxe-textarea--inner {
  387. padding: 0 2px; }
  388. .vxe-cell .vxe-textarea--inner,
  389. .vxe-cell .vxe-default-textarea,
  390. .vxe-table--filter-wrapper .vxe-textarea--inner,
  391. .vxe-table--filter-wrapper .vxe-default-textarea {
  392. resize: none; }
  393. .vxe-table--checkbox-range,
  394. .vxe-table--cell-main-area,
  395. .vxe-table--cell-extend-area,
  396. .vxe-table--cell-active-area,
  397. .vxe-table--cell-copy-area {
  398. display: none;
  399. position: absolute;
  400. pointer-events: none;
  401. z-index: 1; }
  402. .vxe-table--fixed-left-wrapper .vxe-table--checkbox-range,
  403. .vxe-table--fixed-left-wrapper .vxe-table--cell-main-area,
  404. .vxe-table--fixed-left-wrapper .vxe-table--cell-extend-area,
  405. .vxe-table--fixed-left-wrapper .vxe-table--cell-active-area,
  406. .vxe-table--fixed-left-wrapper .vxe-table--cell-copy-area,
  407. .vxe-table--fixed-right-wrapper .vxe-table--checkbox-range,
  408. .vxe-table--fixed-right-wrapper .vxe-table--cell-main-area,
  409. .vxe-table--fixed-right-wrapper .vxe-table--cell-extend-area,
  410. .vxe-table--fixed-right-wrapper .vxe-table--cell-active-area,
  411. .vxe-table--fixed-right-wrapper .vxe-table--cell-copy-area {
  412. z-index: 2; }
  413. .vxe-table--fixed-left-wrapper .vxe-table--cell-main-area[half="1"],
  414. .vxe-table--fixed-left-wrapper .vxe-table--cell-extend-area[half="1"],
  415. .vxe-table--fixed-left-wrapper .vxe-table--cell-active-area[half="1"] {
  416. border-right: 0; }
  417. .vxe-table--fixed-left-wrapper .vxe-table--cell-copy-area[half="1"] {
  418. background-size: 3px 12px, 0 12px, 12px 3px, 12px 3px; }
  419. .vxe-table--fixed-right-wrapper .vxe-table--cell-main-area[half="1"],
  420. .vxe-table--fixed-right-wrapper .vxe-table--cell-extend-area[half="1"],
  421. .vxe-table--fixed-right-wrapper .vxe-table--cell-active-area[half="1"] {
  422. border-left: 0; }
  423. .vxe-table--fixed-right-wrapper .vxe-table--cell-copy-area[half="1"] {
  424. background-size: 0 12px, 3px 12px, 12px 3px, 12px 3px; }
  425. /*复选框-范围选择*/
  426. .vxe-table--checkbox-range {
  427. background-color: rgba(50, 128, 252, 0.2);
  428. border: 1px solid #006af1; }
  429. .vxe-table--cell-area {
  430. height: 0;
  431. font-size: 0;
  432. display: none; }
  433. .vxe-table--cell-area > .vxe-table--cell-main-area {
  434. background-color: rgba(64, 158, 255, 0.2);
  435. border: 1px solid #409eff; }
  436. .vxe-table--cell-area .vxe-table--cell-main-area-btn {
  437. display: none;
  438. position: absolute;
  439. right: -1px;
  440. bottom: -1px;
  441. width: 7px;
  442. height: 7px;
  443. border-style: solid;
  444. border-color: #fff;
  445. border-width: 1px 0 0 1px;
  446. background-color: #409eff;
  447. pointer-events: auto;
  448. cursor: crosshair; }
  449. .vxe-table--cell-area .vxe-table--cell-extend-area {
  450. border: 2px solid #409eff; }
  451. @-webkit-keyframes moveCopyCellBorder {
  452. from { }
  453. to {
  454. background-position: 0 -12px, 100% 12px, 12px 0, -12px 100%; } }
  455. @keyframes moveCopyCellBorder {
  456. from { }
  457. to {
  458. background-position: 0 -12px, 100% 12px, 12px 0, -12px 100%; } }
  459. .vxe-table--cell-copy-area {
  460. background: linear-gradient(0deg, transparent 6px, #409eff 6px) repeat-y, linear-gradient(0deg, transparent 50%, #409eff 0) repeat-y, linear-gradient(90deg, transparent 50%, #409eff 0) repeat-x, linear-gradient(90deg, transparent 50%, #409eff 0) repeat-x;
  461. background-size: 3px 12px, 3px 12px, 12px 3px, 12px 3px;
  462. background-position: 0 0, 100% 0, 0 0, 0 100%;
  463. -webkit-animation: moveCopyCellBorder .5s infinite linear;
  464. animation: moveCopyCellBorder .5s infinite linear; }
  465. .vxe-table--cell-active-area {
  466. border: 2px solid #409eff; }
  467. .vxe-table--cell-multi-area > .vxe-table--cell-main-area {
  468. background-color: rgba(64, 158, 255, 0.2); }
  469. /*圆角*/
  470. .vxe-table--render-default.is--round .vxe-table--render-default.is--round, .vxe-table--render-default.is--round .vxe-table--border-line, .vxe-table--render-default.is--round:not(.is--header):not(.is--footer) .vxe-table--body-wrapper.body--wrapper {
  471. border-radius: 4px; }
  472. .vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.body--wrapper, .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.body--wrapper {
  473. border-radius: 4px 4px 0 0; }
  474. .vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-left--wrapper {
  475. border-radius: 4px 0 0 0; }
  476. .vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-right--wrapper {
  477. border-radius: 0 4px 0 0; }
  478. .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.body--wrapper, .vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.body--wrapper {
  479. border-radius: 0 0 4px 4px; }
  480. .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-left--wrapper, .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-left--wrapper, .vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-left--wrapper {
  481. border-radius: 0 0 0 4px; }
  482. .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-right--wrapper, .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-right--wrapper, .vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-right--wrapper {
  483. border-radius: 0 0 4px 0; }
  484. /*header*/
  485. .vxe-table {
  486. /*排序*/ }
  487. .vxe-table .vxe-table--header-wrapper {
  488. color: #606266; }
  489. .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line {
  490. position: absolute;
  491. left: 0;
  492. bottom: 0;
  493. height: 0;
  494. border-bottom: 1px solid #e8eaec; }
  495. .vxe-table .vxe-cell--sort {
  496. width: 1.5em;
  497. height: 1.35em;
  498. vertical-align: middle;
  499. text-align: center;
  500. display: inline-block;
  501. position: relative; }
  502. .vxe-table .vxe-sort--asc-btn,
  503. .vxe-table .vxe-sort--desc-btn {
  504. position: absolute;
  505. left: 0.2em;
  506. color: #c0c4cc;
  507. width: 1em;
  508. text-align: center;
  509. height: 0.8em;
  510. line-height: 0.8em;
  511. cursor: pointer; }
  512. .vxe-table .vxe-sort--asc-btn:hover,
  513. .vxe-table .vxe-sort--desc-btn:hover {
  514. color: #606266; }
  515. .vxe-table .vxe-sort--asc-btn.sort--active,
  516. .vxe-table .vxe-sort--desc-btn.sort--active {
  517. color: #409eff; }
  518. .vxe-table .vxe-sort--asc-btn {
  519. top: -0.1em; }
  520. .vxe-table .vxe-sort--desc-btn {
  521. bottom: -0.2em; }
  522. .vxe-header--column {
  523. position: relative;
  524. font-weight: 700; }
  525. .vxe-header--column.col--ellipsis > .vxe-cell {
  526. display: -webkit-box;
  527. display: -ms-flexbox;
  528. display: flex;
  529. -webkit-box-align: center;
  530. -ms-flex-align: center;
  531. align-items: center; }
  532. .vxe-header--column.col--ellipsis > .vxe-cell .vxe-cell--title {
  533. overflow: hidden;
  534. text-overflow: ellipsis;
  535. white-space: nowrap; }
  536. .vxe-header--column.col--ellipsis > .vxe-cell > i:not(.vxe-cell--title),
  537. .vxe-header--column.col--ellipsis > .vxe-cell > span:not(.vxe-cell--title) {
  538. -ms-flex-negative: 0;
  539. flex-shrink: 0; }
  540. .vxe-header--column .vxe-cell--required-icon {
  541. display: inline-block;
  542. color: #f56c6c;
  543. width: 0.8em;
  544. height: 1em;
  545. line-height: 1em;
  546. font-family: Verdana, Arial, Tahoma;
  547. font-weight: normal;
  548. position: relative; }
  549. .vxe-header--column .vxe-cell--required-icon:before {
  550. content: "*";
  551. position: absolute;
  552. left: 0;
  553. top: 0.2em; }
  554. .vxe-header--column .vxe-cell--required-icon {
  555. margin-right: 0.1em; }
  556. .vxe-header--column .vxe-cell--edit-icon,
  557. .vxe-header--column .vxe-cell-help-icon {
  558. margin-right: 0.2em; }
  559. .vxe-header--column .vxe-cell-help-icon {
  560. cursor: help; }
  561. .vxe-header--column .vxe-resizable {
  562. position: absolute;
  563. right: -7px;
  564. bottom: 0;
  565. width: 14px;
  566. height: 100%;
  567. text-align: center;
  568. z-index: 1;
  569. cursor: col-resize; }
  570. .vxe-header--column .vxe-resizable.is--line:before, .vxe-header--column .vxe-resizable.is--line:after {
  571. content: "";
  572. display: inline-block;
  573. vertical-align: middle; }
  574. .vxe-header--column .vxe-resizable.is--line:before {
  575. width: 1px;
  576. height: 50%;
  577. background-color: #D9DDDF; }
  578. .vxe-header--column .vxe-resizable.is--line:after {
  579. width: 0;
  580. height: 100%; }
  581. .vxe-table--fixed-right-wrapper .vxe-header--column .vxe-resizable {
  582. right: auto;
  583. left: -7px; }
  584. /*table*/
  585. .vxe-table--render-default {
  586. position: relative;
  587. font-size: 14px;
  588. color: #606266;
  589. font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  590. direction: ltr;
  591. /*边框*/
  592. /*列宽线*/
  593. /*边框线*/
  594. /*树形节点*/
  595. /*展开行*/
  596. /*设置列高度*/
  597. /*溢出列*/
  598. /*暂无数据*/
  599. /*校验不通过*/
  600. /*单元格编辑状态*/
  601. /*可编辑*/ }
  602. .vxe-table--render-default .vxe-table--body-wrapper {
  603. background-color: #ffffff; }
  604. .vxe-table--render-default .vxe-table--footer-wrapper {
  605. background-color: #ffffff; }
  606. .vxe-table--render-default .vxe-table--header,
  607. .vxe-table--render-default .vxe-table--body,
  608. .vxe-table--render-default .vxe-table--footer {
  609. border: 0;
  610. border-spacing: 0;
  611. border-collapse: separate;
  612. table-layout: fixed; }
  613. .vxe-table--render-default .vxe-table--header-wrapper,
  614. .vxe-table--render-default .vxe-table--footer-wrapper {
  615. overflow-x: hidden;
  616. overflow-y: hidden; }
  617. .vxe-table--render-default:not(.is--empty).is--footer.is--scroll-x .vxe-table--body-wrapper {
  618. overflow-x: scroll; }
  619. .vxe-table--render-default .vxe-body--row.row--stripe {
  620. background-color: #fafafa; }
  621. .vxe-table--render-default .vxe-body--row.row--radio {
  622. background-color: #fff3e0; }
  623. .vxe-table--render-default .vxe-body--row.row--checked {
  624. background-color: #fff3e0; }
  625. .vxe-table--render-default .vxe-body--row.row--current {
  626. background-color: #e6f7ff; }
  627. .vxe-table--render-default .vxe-body--row.row--hover {
  628. background-color: #f5f7fa; }
  629. .vxe-table--render-default .vxe-body--row.row--hover.row--stripe {
  630. background-color: #f5f7fa; }
  631. .vxe-table--render-default .vxe-body--row.row--hover.row--radio {
  632. background-color: #ffebbc; }
  633. .vxe-table--render-default .vxe-body--row.row--hover.row--checked {
  634. background-color: #ffebbc; }
  635. .vxe-table--render-default .vxe-body--row.row--hover.row--current {
  636. background-color: #d7effb; }
  637. .vxe-table--render-default.drag--resize .vxe-table--main-wrapper *,
  638. .vxe-table--render-default.drag--resize .vxe-table--fixed-left-wrapper *,
  639. .vxe-table--render-default.drag--resize .vxe-table--fixed-right-wrapper * {
  640. cursor: col-resize; }
  641. .vxe-table--render-default.drag--range .vxe-table--main-wrapper *,
  642. .vxe-table--render-default.drag--range .vxe-table--fixed-left-wrapper *,
  643. .vxe-table--render-default.drag--range .vxe-table--fixed-right-wrapper *, .vxe-table--render-default.drag--area .vxe-table--main-wrapper *,
  644. .vxe-table--render-default.drag--area .vxe-table--fixed-left-wrapper *,
  645. .vxe-table--render-default.drag--area .vxe-table--fixed-right-wrapper * {
  646. cursor: default; }
  647. .vxe-table--render-default.drag--extend-range .vxe-table--main-wrapper *,
  648. .vxe-table--render-default.drag--extend-range .vxe-table--fixed-left-wrapper *,
  649. .vxe-table--render-default.drag--extend-range .vxe-table--fixed-right-wrapper * {
  650. cursor: crosshair; }
  651. .vxe-table--render-default.column--highlight .vxe-header--column:not(.col--seq):hover {
  652. background-color: #d7effb; }
  653. .vxe-table--render-default.cell--area .vxe-table--main-wrapper {
  654. -webkit-user-select: none;
  655. -moz-user-select: none;
  656. -ms-user-select: none;
  657. user-select: none; }
  658. .vxe-table--render-default .vxe-header--column,
  659. .vxe-table--render-default .vxe-body--column,
  660. .vxe-table--render-default .vxe-footer--column {
  661. position: relative;
  662. line-height: 22px;
  663. text-align: left; }
  664. .vxe-table--render-default .vxe-header--column:not(.col--ellipsis),
  665. .vxe-table--render-default .vxe-body--column:not(.col--ellipsis),
  666. .vxe-table--render-default .vxe-footer--column:not(.col--ellipsis) {
  667. padding: 13px 0; }
  668. .vxe-table--render-default .vxe-header--column.col--current,
  669. .vxe-table--render-default .vxe-body--column.col--current,
  670. .vxe-table--render-default .vxe-footer--column.col--current {
  671. background-color: #e6f7ff; }
  672. .vxe-table--render-default .vxe-header--column.col--center,
  673. .vxe-table--render-default .vxe-body--column.col--center,
  674. .vxe-table--render-default .vxe-footer--column.col--center {
  675. text-align: center; }
  676. .vxe-table--render-default .vxe-header--column.col--right,
  677. .vxe-table--render-default .vxe-body--column.col--right,
  678. .vxe-table--render-default .vxe-footer--column.col--right {
  679. text-align: right; }
  680. .vxe-table--render-default .vxe-header--column.col--ellipsis.col--center .vxe-cell,
  681. .vxe-table--render-default .vxe-footer--column.col--ellipsis.col--center .vxe-cell {
  682. -webkit-box-pack: center;
  683. -ms-flex-pack: center;
  684. justify-content: center; }
  685. .vxe-table--render-default .vxe-header--column.col--ellipsis.col--right .vxe-cell,
  686. .vxe-table--render-default .vxe-footer--column.col--ellipsis.col--right .vxe-cell {
  687. -webkit-box-pack: end;
  688. -ms-flex-pack: end;
  689. justify-content: flex-end; }
  690. .vxe-table--render-default .vxe-body--column.col--checkbox {
  691. -webkit-user-select: none;
  692. -moz-user-select: none;
  693. -ms-user-select: none;
  694. user-select: none; }
  695. .vxe-table--render-default .vxe-table--footer-wrapper {
  696. border-top: 1px solid #e8eaec; }
  697. .vxe-table--render-default.border--default .vxe-table--header-wrapper, .vxe-table--render-default.border--full .vxe-table--header-wrapper, .vxe-table--render-default.border--outer .vxe-table--header-wrapper {
  698. background-color: #f8f8f9; }
  699. .vxe-table--render-default.border--default .vxe-header--column,
  700. .vxe-table--render-default.border--default .vxe-body--column,
  701. .vxe-table--render-default.border--default .vxe-footer--column, .vxe-table--render-default.border--inner .vxe-header--column,
  702. .vxe-table--render-default.border--inner .vxe-body--column,
  703. .vxe-table--render-default.border--inner .vxe-footer--column {
  704. background-image: -webkit-gradient(linear, left top, left bottom, from(#e8eaec), to(#e8eaec));
  705. background-image: linear-gradient(#e8eaec, #e8eaec);
  706. background-repeat: no-repeat;
  707. background-size: 100% 1px;
  708. background-position: right bottom; }
  709. .vxe-table--render-default.border--full .vxe-header--column,
  710. .vxe-table--render-default.border--full .vxe-body--column,
  711. .vxe-table--render-default.border--full .vxe-footer--column {
  712. background-image: -webkit-gradient(linear, left top, left bottom, from(#e8eaec), to(#e8eaec)), -webkit-gradient(linear, left top, left bottom, from(#e8eaec), to(#e8eaec));
  713. background-image: linear-gradient(#e8eaec, #e8eaec), linear-gradient(#e8eaec, #e8eaec);
  714. background-repeat: no-repeat;
  715. background-size: 1px 100%, 100% 1px;
  716. background-position: right top, right bottom; }
  717. .vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column {
  718. border-right-color: #e8eaec; }
  719. .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter, .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter, .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter, .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter {
  720. background-image: -webkit-gradient(linear, left top, left bottom, from(#e8eaec), to(#e8eaec));
  721. background-image: linear-gradient(#e8eaec, #e8eaec);
  722. background-repeat: no-repeat;
  723. background-size: 100% 1px;
  724. background-position: right bottom; }
  725. .vxe-table--render-default.border--inner .vxe-table--header-wrapper, .vxe-table--render-default.border--none .vxe-table--header-wrapper {
  726. background-color: #ffffff; }
  727. .vxe-table--render-default.border--inner .vxe-table--fixed-left-wrapper, .vxe-table--render-default.border--none .vxe-table--fixed-left-wrapper {
  728. border-right: 0; }
  729. .vxe-table--render-default.border--inner .vxe-table--border-line {
  730. border-width: 0 0 1px 0; }
  731. .vxe-table--render-default.border--none .vxe-table--border-line {
  732. display: none; }
  733. .vxe-table--render-default.border--none .vxe-table--header-border-line {
  734. display: none; }
  735. .vxe-table--render-default.size--medium {
  736. font-size: 14px; }
  737. .vxe-table--render-default.size--medium .vxe-table--empty-placeholder,
  738. .vxe-table--render-default.size--medium .vxe-table--empty-block {
  739. min-height: 44px; }
  740. .vxe-table--render-default.size--medium .vxe-header--column:not(.col--ellipsis),
  741. .vxe-table--render-default.size--medium .vxe-body--column:not(.col--ellipsis),
  742. .vxe-table--render-default.size--medium .vxe-footer--column:not(.col--ellipsis) {
  743. padding: 11px 0; }
  744. .vxe-table--render-default.size--medium .vxe-cell .vxe-default-input,
  745. .vxe-table--render-default.size--medium .vxe-cell .vxe-default-textarea,
  746. .vxe-table--render-default.size--medium .vxe-cell .vxe-default-select {
  747. height: 32px; }
  748. .vxe-table--render-default.size--medium .vxe-cell .vxe-default-input[type="date"]::-webkit-inner-spin-button {
  749. margin-top: 3px; }
  750. .vxe-table--render-default.size--small {
  751. font-size: 13px; }
  752. .vxe-table--render-default.size--small .vxe-table--empty-placeholder,
  753. .vxe-table--render-default.size--small .vxe-table--empty-block {
  754. min-height: 40px; }
  755. .vxe-table--render-default.size--small .vxe-header--column:not(.col--ellipsis),
  756. .vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis),
  757. .vxe-table--render-default.size--small .vxe-footer--column:not(.col--ellipsis) {
  758. padding: 9px 0; }
  759. .vxe-table--render-default.size--small .vxe-cell .vxe-default-input,
  760. .vxe-table--render-default.size--small .vxe-cell .vxe-default-textarea,
  761. .vxe-table--render-default.size--small .vxe-cell .vxe-default-select {
  762. height: 30px; }
  763. .vxe-table--render-default.size--small .vxe-cell .vxe-default-input[type="date"]::-webkit-inner-spin-button {
  764. margin-top: 2px; }
  765. .vxe-table--render-default.size--mini {
  766. font-size: 12px; }
  767. .vxe-table--render-default.size--mini .vxe-table--empty-placeholder,
  768. .vxe-table--render-default.size--mini .vxe-table--empty-block {
  769. min-height: 36px; }
  770. .vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis),
  771. .vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis),
  772. .vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis) {
  773. padding: 7px 0; }
  774. .vxe-table--render-default.size--mini .vxe-cell .vxe-default-input,
  775. .vxe-table--render-default.size--mini .vxe-cell .vxe-default-textarea,
  776. .vxe-table--render-default.size--mini .vxe-cell .vxe-default-select {
  777. height: 28px; }
  778. .vxe-table--render-default.size--mini .vxe-cell .vxe-default-input[type="date"]::-webkit-inner-spin-button {
  779. margin-top: 1px; }
  780. .vxe-table--render-default .vxe-cell {
  781. white-space: pre-line;
  782. word-break: break-all;
  783. padding-left: 10px;
  784. padding-right: 10px; }
  785. .vxe-table--render-default .vxe-cell--placeholder {
  786. color: #C0C4CC; }
  787. .vxe-table--render-default .fixed--hidden {
  788. visibility: hidden; }
  789. .vxe-table--render-default .vxe-table--fixed-left-wrapper,
  790. .vxe-table--render-default .vxe-table--fixed-right-wrapper {
  791. width: 100%;
  792. position: absolute;
  793. top: 0;
  794. z-index: 5;
  795. overflow: hidden;
  796. background-color: inherit;
  797. -webkit-transition: 0.3s -webkit-box-shadow;
  798. transition: 0.3s -webkit-box-shadow;
  799. transition: 0.3s box-shadow;
  800. transition: 0.3s box-shadow, 0.3s -webkit-box-shadow; }
  801. .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper,
  802. .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--body-wrapper {
  803. overflow-x: hidden; }
  804. .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper {
  805. width: calc(100% + 40px); }
  806. .vxe-table--render-default.is--header .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper:before,
  807. .vxe-table--render-default.is--header .vxe-table--fixed-right-wrapper .vxe-table--body-wrapper:before {
  808. display: none; }
  809. .vxe-table--render-default .vxe-table--fixed-left-wrapper {
  810. left: 0;
  811. width: 200px; }
  812. .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle {
  813. -webkit-box-shadow: 4px 3px 4px 0px rgba(0, 0, 0, 0.12);
  814. box-shadow: 4px 3px 4px 0px rgba(0, 0, 0, 0.12); }
  815. .vxe-table--render-default .vxe-table--fixed-right-wrapper {
  816. right: 0; }
  817. .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle {
  818. -webkit-box-shadow: -4px 3px 4px 0px rgba(0, 0, 0, 0.12);
  819. box-shadow: -4px 3px 4px 0px rgba(0, 0, 0, 0.12); }
  820. .vxe-table--render-default .vxe-table--header-wrapper,
  821. .vxe-table--render-default .vxe-table--body-wrapper,
  822. .vxe-table--render-default .vxe-table--footer-wrapper {
  823. position: relative; }
  824. .vxe-table--render-default .vxe-table--header-wrapper.fixed-left--wrapper, .vxe-table--render-default .vxe-table--header-wrapper.fixed-right--wrapper,
  825. .vxe-table--render-default .vxe-table--body-wrapper.fixed-left--wrapper,
  826. .vxe-table--render-default .vxe-table--body-wrapper.fixed-right--wrapper,
  827. .vxe-table--render-default .vxe-table--footer-wrapper.fixed-left--wrapper,
  828. .vxe-table--render-default .vxe-table--footer-wrapper.fixed-right--wrapper {
  829. position: absolute;
  830. top: 0; }
  831. .vxe-table--render-default .vxe-table--header-wrapper.fixed-left--wrapper,
  832. .vxe-table--render-default .vxe-table--body-wrapper.fixed-left--wrapper,
  833. .vxe-table--render-default .vxe-table--footer-wrapper.fixed-left--wrapper {
  834. left: 0; }
  835. .vxe-table--render-default .vxe-table--header-wrapper.fixed-right--wrapper,
  836. .vxe-table--render-default .vxe-table--body-wrapper.fixed-right--wrapper,
  837. .vxe-table--render-default .vxe-table--footer-wrapper.fixed-right--wrapper {
  838. right: 0;
  839. overflow-y: auto; }
  840. .vxe-table--render-default .vxe-body--x-space {
  841. width: 100%;
  842. height: 1px;
  843. margin-bottom: -1px; }
  844. .vxe-table--render-default .vxe-body--y-space {
  845. width: 0;
  846. float: left; }
  847. .vxe-table--render-default .vxe-table--resizable-bar {
  848. display: none;
  849. position: absolute;
  850. top: 0;
  851. left: 0;
  852. width: 1px;
  853. height: 100%;
  854. z-index: 9;
  855. cursor: col-resize; }
  856. .vxe-table--render-default .vxe-table--resizable-bar:before {
  857. content: "";
  858. display: block;
  859. height: 100%;
  860. background-color: #409eff; }
  861. .vxe-table--render-default .vxe-table--border-line {
  862. position: absolute;
  863. top: 0;
  864. left: 0;
  865. width: 100%;
  866. height: 100%;
  867. z-index: 10;
  868. pointer-events: none;
  869. border: 1px solid #e8eaec; }
  870. .vxe-table--render-default.is--tree-line .vxe-body--row:first-child .vxe-tree--line {
  871. border-width: 0 0 1px 0; }
  872. .vxe-table--render-default.is--tree-line .vxe-body--row .vxe-body--column {
  873. background-image: none; }
  874. .vxe-table--render-default .vxe-tree--line-wrapper {
  875. position: relative;
  876. display: block;
  877. height: 0; }
  878. .vxe-table--render-default .vxe-tree--line {
  879. content: "";
  880. position: absolute;
  881. bottom: -0.9em;
  882. width: 0.8em;
  883. border-width: 0 0 1px 1px;
  884. border-style: dotted;
  885. border-color: #909399;
  886. pointer-events: none; }
  887. .vxe-table--render-default .vxe-cell--tree-node {
  888. position: relative; }
  889. .vxe-table--render-default .vxe-tree--btn-wrapper {
  890. position: absolute;
  891. top: 50%;
  892. width: 1em;
  893. height: 1em;
  894. text-align: center;
  895. -webkit-transform: translateY(-50%);
  896. transform: translateY(-50%);
  897. z-index: 1;
  898. -webkit-user-select: none;
  899. -moz-user-select: none;
  900. -ms-user-select: none;
  901. user-select: none;
  902. cursor: pointer; }
  903. .vxe-table--render-default .vxe-tree--node-btn {
  904. display: block;
  905. color: #939599; }
  906. .vxe-table--render-default .vxe-tree--node-btn:hover {
  907. color: #606266; }
  908. .vxe-table--render-default .vxe-tree-cell {
  909. display: block;
  910. padding-left: 1.5em; }
  911. .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-tree-cell {
  912. overflow: hidden;
  913. text-overflow: ellipsis;
  914. white-space: nowrap; }
  915. .vxe-table--render-default .vxe-table--expanded {
  916. cursor: pointer; }
  917. .vxe-table--render-default .vxe-table--expanded .vxe-table--expand-btn {
  918. display: inline-block;
  919. width: 1em;
  920. height: 1em;
  921. text-align: center;
  922. -webkit-user-select: none;
  923. -moz-user-select: none;
  924. -ms-user-select: none;
  925. user-select: none;
  926. color: #939599; }
  927. .vxe-table--render-default .vxe-table--expanded .vxe-table--expand-btn:hover {
  928. color: #606266; }
  929. .vxe-table--render-default .vxe-table--expanded + .vxe-table--expand-label {
  930. padding-left: 0.5em; }
  931. .vxe-table--render-default .vxe-body--expanded-column {
  932. border-bottom: 1px solid #e8eaec; }
  933. .vxe-table--render-default .vxe-body--expanded-column.col--ellipsis > .vxe-body--expanded-cell {
  934. overflow: hidden;
  935. text-overflow: ellipsis;
  936. white-space: nowrap; }
  937. .vxe-table--render-default .vxe-body--expanded-cell {
  938. position: relative;
  939. z-index: 1; }
  940. .vxe-table--render-default .vxe-body--expanded-cell.is--ellipsis {
  941. overflow: auto; }
  942. .vxe-table--render-default .vxe-header--column.col--ellipsis > .vxe-cell,
  943. .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell,
  944. .vxe-table--render-default .vxe-footer--column.col--ellipsis > .vxe-cell {
  945. max-height: 48px; }
  946. .vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis > .vxe-cell,
  947. .vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis > .vxe-cell,
  948. .vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis > .vxe-cell {
  949. max-height: 44px; }
  950. .vxe-table--render-default.size--medium .vxe-cell--checkbox {
  951. font-size: 14px; }
  952. .vxe-table--render-default.size--medium .vxe-cell--radio {
  953. font-size: 14px; }
  954. .vxe-table--render-default.size--small .vxe-header--column.col--ellipsis > .vxe-cell,
  955. .vxe-table--render-default.size--small .vxe-body--column.col--ellipsis > .vxe-cell,
  956. .vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis > .vxe-cell {
  957. max-height: 40px; }
  958. .vxe-table--render-default.size--small .vxe-cell--checkbox {
  959. font-size: 13px; }
  960. .vxe-table--render-default.size--small .vxe-cell--radio {
  961. font-size: 13px; }
  962. .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis > .vxe-cell,
  963. .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis > .vxe-cell,
  964. .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis > .vxe-cell {
  965. max-height: 36px; }
  966. .vxe-table--render-default.size--mini .vxe-cell--checkbox {
  967. font-size: 12px; }
  968. .vxe-table--render-default.size--mini .vxe-cell--radio {
  969. font-size: 12px; }
  970. .vxe-table--render-default .vxe-table--empty-placeholder,
  971. .vxe-table--render-default .vxe-table--empty-block {
  972. min-height: 48px;
  973. -webkit-box-pack: center;
  974. -ms-flex-pack: center;
  975. justify-content: center;
  976. -webkit-box-align: center;
  977. -ms-flex-align: center;
  978. align-items: center;
  979. text-align: center;
  980. overflow: hidden;
  981. width: 100%;
  982. pointer-events: none; }
  983. .vxe-table--render-default .vxe-table--empty-block {
  984. display: none;
  985. visibility: hidden; }
  986. .vxe-table--render-default .vxe-table--empty-placeholder {
  987. display: none;
  988. position: absolute;
  989. top: 0;
  990. z-index: 5; }
  991. .vxe-table--render-default .vxe-table--empty-content {
  992. display: block;
  993. width: 50%;
  994. pointer-events: auto; }
  995. .vxe-table--render-default.is--empty .vxe-table--empty-block,
  996. .vxe-table--render-default.is--empty .vxe-table--empty-placeholder {
  997. display: -webkit-box;
  998. display: -ms-flexbox;
  999. display: flex; }
  1000. .vxe-table--render-default .vxe-body--column.col--selected {
  1001. -webkit-box-shadow: inset 0px 0px 0px 2px #409eff;
  1002. box-shadow: inset 0px 0px 0px 2px #409eff; }
  1003. .vxe-table--render-default .vxe-body--column.col--actived, .vxe-table--render-default .vxe-body--column.col--selected {
  1004. position: relative; }
  1005. .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-cell--valid {
  1006. width: 320px;
  1007. position: absolute;
  1008. bottom: calc(100% + 4px);
  1009. left: 50%;
  1010. -webkit-transform: translateX(-50%);
  1011. transform: translateX(-50%);
  1012. text-align: center;
  1013. pointer-events: none;
  1014. z-index: 4; }
  1015. .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-cell--valid .vxe-cell--valid-msg {
  1016. display: inline-block;
  1017. border-radius: 4px;
  1018. padding: 8px 12px;
  1019. color: #fff;
  1020. background-color: #f56c6c;
  1021. pointer-events: auto; }
  1022. .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-input,
  1023. .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-textarea,
  1024. .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-select {
  1025. border-color: #f56c6c; }
  1026. .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-input > .vxe-input--inner {
  1027. border-color: #f56c6c; }
  1028. .vxe-table--render-default .vxe-body--row:first-child .vxe-cell--valid {
  1029. bottom: auto;
  1030. top: calc(100% + 4px); }
  1031. .vxe-table--render-default .vxe-body--column:first-child .vxe-cell--valid {
  1032. left: 10px;
  1033. -webkit-transform: translateX(0);
  1034. transform: translateX(0);
  1035. text-align: left; }
  1036. .vxe-table--render-default .vxe-body--row.row--new > .vxe-body--column {
  1037. position: relative; }
  1038. .vxe-table--render-default .vxe-body--row.row--new > .vxe-body--column:before {
  1039. content: "";
  1040. top: -5px;
  1041. left: -5px;
  1042. position: absolute;
  1043. border-width: 5px;
  1044. border-style: solid;
  1045. border-color: transparent #19A15F transparent transparent;
  1046. -webkit-transform: rotate(45deg);
  1047. transform: rotate(45deg); }
  1048. .vxe-table--render-default .vxe-body--column.col--dirty {
  1049. position: relative; }
  1050. .vxe-table--render-default .vxe-body--column.col--dirty:before {
  1051. content: "";
  1052. top: -5px;
  1053. left: -5px;
  1054. position: absolute;
  1055. border-width: 5px;
  1056. border-style: solid;
  1057. border-color: transparent #f56c6c transparent transparent;
  1058. -webkit-transform: rotate(45deg);
  1059. transform: rotate(45deg); }
  1060. .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived {
  1061. -webkit-box-shadow: inset 0px 0px 0px 2px #409eff;
  1062. box-shadow: inset 0px 0px 0px 2px #409eff; }
  1063. .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived.col--valid-error {
  1064. -webkit-box-shadow: inset 0px 0px 0px 2px #f56c6c;
  1065. box-shadow: inset 0px 0px 0px 2px #f56c6c; }
  1066. .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-default-input,
  1067. .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-default-textarea {
  1068. border: 0;
  1069. padding: 0; }
  1070. .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-default-input {
  1071. height: 22px; }
  1072. .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-input .vxe-input--inner {
  1073. border: 0;
  1074. padding-left: 0; }
  1075. .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-textarea {
  1076. height: 21px; }
  1077. .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-textarea .vxe-textarea--inner {
  1078. border: 0; }
  1079. .vxe-table--render-default.vxe-editable .vxe-body--column {
  1080. padding: 0; }
  1081. .vxe-table--render-default.vxe-editable .vxe-body--column.col--actived {
  1082. padding: 0; }
  1083. /*footer*/
  1084. .vxe-table--footer-wrapper {
  1085. color: #606266;
  1086. margin-top: -1px; }
  1087. .vxe-table--footer-wrapper.body--wrapper {
  1088. overflow-x: auto; }
  1089. .vxe-footer--column.col--ellipsis > .vxe-cell {
  1090. display: -webkit-box;
  1091. display: -ms-flexbox;
  1092. display: flex;
  1093. -webkit-box-align: center;
  1094. -ms-flex-align: center;
  1095. align-items: center; }
  1096. .vxe-footer--column.col--ellipsis > .vxe-cell .vxe-cell--item {
  1097. overflow: hidden;
  1098. text-overflow: ellipsis;
  1099. white-space: nowrap; }