style.css 46 KB

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