cnhis-design-vue 3.1.18-beta.8 → 3.1.19-beta.0

package/es/components/big-table/src/hooks/useEvent2.js

@@ -5,6 +5,7 @@ import { hideFilterWrap } from '../utils2.js';
 const useEvent = (props, state, emit, xGrid, anchorEvent) => {
   function keyDown({ $event }) {
     var _a, _b;
+    const { isArrow, isEnter, isChecked, isTab, isEdit } = ((_a = props.columnConfig) == null ? void 0 : _a.keyboardConfig) || {};
     let activeRow = null;
     let index = 0;
     const xGridRef = xGrid.value;
@@ -13,9 +14,8 @@ const useEvent = (props, state, emit, xGrid, anchorEvent) => {
       index = xGridRef.getRowIndex(activeRow);
     }
     let activeIndex = index || 0;
-    if (!activeRow)
+    if (!activeRow && !isEdit)
       return;
-    const { isArrow, isEnter, isChecked } = ((_a = props.columnConfig) == null ? void 0 : _a.keyboardConfig) || {};
     function emitKeyBoard() {
       emit("keyboard", {
         key: $event.key,
@@ -31,19 +31,34 @@ const useEvent = (props, state, emit, xGrid, anchorEvent) => {
         activeIndex = index + 1;
       }
       const row = xGridRef.getData(activeIndex);
-      xGridRef.setCurrentRow(row);
       xGridRef.scrollToRow(row);
+      xGridRef.setCurrentRow(row);
       emitKeyBoard();
-    }
-    if (isEnter && $event.key === "Enter") {
-      emitKeyBoard();
+      return;
     }
     if (isChecked && $event.key === " ") {
       $event.preventDefault();
+      xGridRef.scrollToRow(activeRow);
       xGridRef.setCheckboxRow(activeRow, true);
       emitKeyBoard();
-      xGridRef.scrollToRow(activeRow);
+      return;
+    }
+    if (isEdit && (isTab && $event.key === "Tab" || isEnter && $event.key === "Enter")) {
+      $event.preventDefault();
+      setTimeout(() => {
+        const { row, column, $rowIndex } = xGridRef.getSelectedCell();
+        emit("keyboard", {
+          key: $event.key,
+          index: $rowIndex,
+          row,
+          column
+        });
+        xGridRef.scrollToRow(row);
+        xGridRef.setEditCell(row, column);
+      });
+      return;
     }
+    emitKeyBoard();
   }
   let scrollEvent = (params) => {
     emit("scroll", params);

package/es/components/big-table/style/index.css

@@ -1,634 +1 @@
-.big-table-filter-wrap {
-  position: fixed;
-  z-index: 99998;
-  transform: translateX(-2%);
-  margin-top: -6px;
-  min-width: 280px;
-  border-radius: 4px;
-  background-color: #fff;
-  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  overflow: hidden;
-  transition: width 2s;
-}
-.big-table-filter-wrap .sort-list {
-  margin-top: 6px;
-}
-.big-table-filter-wrap .sort-item {
-  height: 32px;
-  padding: 0 13px;
-  display: flex;
-  align-items: center;
-}
-.big-table-filter-wrap .sort-item:hover,
-.big-table-filter-wrap .sort-item.active {
-  background: #f2f2f2;
-}
-.big-table-filter-wrap .sort-icon {
-  width: 16px;
-  height: 16px;
-  background-size: contain;
-  display: inline-block;
-}
-.big-table-filter-wrap .sort-text {
-  margin-left: 11px;
-  font-size: 14px;
-  line-height: 32px;
-  color: rgba(0, 0, 0, 0.8);
-}
-.big-table-filter-wrap .sort-icon-desc {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABT0lEQVRYR+3WvSuGYRTH8c9TykpJSimLMvgHpLyUCQsmg/wBMss/ILvdJgspNnkbZFYGk7JQSAaLwUuX7uFxu3E/nvvqSd3XeHW6zvec65zfORUNPpUG+1cClBnIysABhiMV5y4mqt/OAliPCHCImd8AIgWf/WzMIhzFK/Z/iigWQAtuE4A2PH0HEQugG5eJ005clwBlBmrJwDwGcorBNjYybOsqwit05QQ4R1/RAB3oqQHgoWiAnL5/NKvrC/4tQBNacYesDAR5fkxHV6QU72EQczhNSfE4VpOOmY01jsOyMYYXLGElcbSIZT4W4C1MxQIIUy9sU1ltGXyeYQSfuua7L2jOWYnPKbt2HKE3dR/0Iqx593lq4AT9OQE2MZ2yDTpyXKUlF0lthP3gy8nKwBqGcgLsYCHDNuwAAe4Nk7ipZRbk9F2MWZFt+CeiEuAdAU5CIQxYYdUAAAAASUVORK5CYII=');
-}
-.big-table-filter-wrap .filter-header {
-  padding: 0 13px;
-  cursor: initial;
-}
-.big-table-filter-wrap .filter-header-icon {
-  border-top-color: #333;
-  border-right-color: #333;
-}
-.big-table-filter-wrap .filter-header-text {
-  margin-left: 11px;
-}
-.big-table-filter-wrap .check-search-wrap {
-  padding: 8px 0;
-  width: 100%;
-  background: #f7f7f7;
-  display: flex;
-  justify-content: center;
-}
-.big-table-filter-wrap .check-seach-input {
-  line-height: 32px;
-}
-.big-table-filter-wrap .checkbox-box {
-  padding-right: 3px;
-  width: 100%;
-}
-.big-table-filter-wrap .checkbox-wrap {
-  padding-left: 13px;
-  padding-right: 3px;
-  background: #fff;
-  display: flex;
-  flex-direction: column;
-  overflow-y: auto;
-}
-.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar {
-  width: 4px;
-  height: 4px;
-}
-.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-thumb {
-  background-color: #d5d5d5;
-  border-radius: 4px;
-}
-.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-track {
-  background-color: #fff;
-  border-radius: 4px;
-}
-.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-corner {
-  background-color: #000;
-  border-radius: 4px;
-  width: 4px;
-}
-.big-table-filter-wrap .checkbox-wrap--search {
-  padding-right: 10px;
-}
-.big-table-filter-wrap .checkbox-btn-wrap {
-  display: flex;
-  padding: 9px 10px 9px 14px;
-}
-.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn {
-  width: 56px;
-  padding: 0;
-}
-.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn + .checkbox-btn {
-  margin-left: 8px;
-}
-.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn {
-  border: 0;
-  border-radius: 0;
-  width: initial;
-  margin: 0 13px;
-  position: relative;
-}
-.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn:hover::after {
-  display: block;
-  content: '';
-  position: absolute;
-  bottom: 5px;
-  width: 100%;
-  height: 1px;
-  background-color: #5585f5;
-}
-.big-table-filter-wrap .arrows-icon {
-  position: absolute;
-  bottom: -1px;
-  right: -1px;
-  font-size: 15px;
-  cursor: nw-resize;
-  width: 25px;
-  height: 20px;
-}
-.big-table__separate {
-  padding: 4px;
-}
-.big-table__separatePlaceholder {
-  display: inline-block;
-  visibility: hidden;
-  max-width: 0;
-  word-break: keep-all;
-  width: 0;
-}
-body > .vxe-table--tooltip-wrapper {
-  display: none !important;
-}
-.custom-big-table {
-  position: relative;
-  /* 行内表单样式 */
-  /* 行内表单样式 */
-}
-.custom-big-table .n-input {
-  width: fit-content;
-}
-.custom-big-table .img-wrap {
-  padding: 2px 0;
-  line-height: 1;
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-.custom-big-table .img-wrap img {
-  max-height: 100%;
-  object-fit: contain;
-  cursor: pointer;
-}
-.custom-big-table .img-wrap.img-circle img {
-  width: 28px;
-  border-radius: 50%;
-  object-fit: contain;
-}
-.custom-big-table .bigTable-qr-span {
-  position: relative;
-  display: inline-block;
-  height: 100%;
-}
-.custom-big-table .bigTable-qr-span .bigTable-qr-img {
-  max-height: 96%;
-}
-.custom-big-table .bigTable-qr-span > span {
-  position: absolute;
-  top: 0;
-  left: 0;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.7);
-  color: #fff;
-  display: none;
-  cursor: pointer;
-}
-.custom-big-table .bigTable-qr-span:hover > span {
-  display: inline-flex;
-}
-.custom-big-table .base-form {
-  overflow: hidden !important;
-  display: flex;
-  align-items: center;
-  width: 100%;
-}
-.custom-big-table .base-form-content {
-  width: 100%;
-}
-.custom-big-table textarea {
-  height: 32px;
-  margin-bottom: 0;
-  resize: none;
-}
-.custom-big-table .formItem-select-multiple {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  line-height: 40px;
-}
-.custom-big-table.mt {
-  margin-top: 26px;
-  height: calc(100% - 78px) !important;
-}
-.custom-big-table.expand-padding .vxe-table .vxe-body--expanded-cell {
-  padding-left: 66px !important;
-  padding-right: 66px !important;
-}
-.custom-big-table th.vxe-header--column {
-  cursor: pointer;
-}
-.custom-big-table .row-btn {
-  margin-right: 10px;
-}
-.custom-big-table .vxe-table {
-  transform: translateZ(0);
-}
-.custom-big-table .vxe-table .vxe-table--empty-content {
-  width: 100%;
-  height: 100%;
-}
-.custom-big-table .vxe-table .vxe-table--empty-content > div {
-  width: 100%;
-  height: 100%;
-}
-.custom-big-table .vxe-table .vxe-table--empty-content > div .no-data-tip {
-  display: inline-flex;
-}
-.custom-big-table .vxe-table .col--checkbox .vxe-cell,
-.custom-big-table .vxe-table .col--seq .vxe-cell {
-  padding: 0;
-}
-.custom-big-table .vxe-table .col--checkbox .vxe-cell .vxe-checkbox--label,
-.custom-big-table .vxe-table .col--seq .vxe-cell .vxe-checkbox--label {
-  padding-left: 0;
-}
-.custom-big-table .vxe-table .vxe-cell .vxe-tree-cell {
-  height: 100%;
-}
-.custom-big-table .vxe-table .scan-multi-delete {
-  color: #f06f64;
-}
-.custom-big-table .vxe-table .vxe-table--header {
-  background-color: #f2f2f2;
-}
-.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title {
-  height: 100%;
-  line-height: unset;
-  width: 100%;
-  display: inline-flex;
-}
-.custom-big-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title,
-.custom-big-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title {
-  display: inline-block;
-}
-.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar,
-.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-  background-color: #f2f2f2;
-}
-.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover,
-.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover {
-  background-color: #b2b2b2;
-}
-.custom-big-table .vxe-table .vxe-footer--row .vxe-footer--column > .vxe-cell .vxe-cell--item {
-  height: 30px;
-  line-height: 30px;
-}
-.custom-big-table .vxe-table .vxe-cell--checkbox .vxe-checkbox--label {
-  display: none;
-}
-.custom-big-table .filter-box {
-  display: flex;
-  align-items: center;
-  width: 100%;
-}
-.custom-big-table .filter-box .text-over-tooltip-components {
-  max-width: calc(100% - 40px);
-}
-.custom-big-table .filter-box .vxe-filter--btn {
-  border-top-color: #c0c4cc;
-  border-right-color: #c0c4cc;
-}
-.custom-big-table .filter-box .vxe-filter--btn.active {
-  border-top-color: #35393c;
-  border-right-color: #35393c;
-}
-.custom-big-table .filter-box .vxe-filter--btn.checked {
-  border-top-color: #5585f5;
-  border-right-color: #5585f5;
-}
-.custom-big-table .disabled-checked-tips {
-  position: absolute;
-  top: 50%;
-  bottom: 0;
-  right: 0;
-  box-sizing: border-box;
-  width: 16px;
-  height: 16px;
-  margin-top: -8px;
-  overflow: hidden;
-  border-radius: 50%;
-  border: 2px solid #ff1818;
-  background: #fff;
-}
-.custom-big-table .disabled-checked-tips::after {
-  position: absolute;
-  content: '';
-  width: 16px;
-  height: 2px;
-  background-color: #ff1818;
-  transform: rotate(45deg);
-  transform-origin: 0 2px;
-  left: 0;
-  top: 0;
-}
-.custom-big-table .form-select-table .n-base-select-menu__empty {
-  display: none;
-}
-.custom-big-table .percent-wrap {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-}
-.custom-big-table .percent-wrap .percent-value {
-  line-height: 1;
-  margin-bottom: -4px;
-  margin-top: 4px;
-}
-.custom-big-table .refresh {
-  display: flex;
-  align-items: center;
-  background-color: #fff;
-  box-shadow: 0 2px 4px 0 rgba(108, 108, 108, 0.13);
-  color: #5585f5;
-  font-size: 12px;
-  height: 27px;
-  position: absolute;
-  right: 0;
-  top: 6px;
-  z-index: 1;
-  padding-left: 14px;
-  padding-right: 14px;
-  border-top-left-radius: 14px;
-  border-bottom-left-radius: 14px;
-  cursor: pointer;
-}
-.custom-big-table .refresh-row {
-  margin-left: 3px;
-  margin-bottom: 0;
-}
-.custom-big-table .check-wrap {
-  background: #ffffe9;
-  width: 100%;
-  line-height: 26px;
-  display: flex;
-  justify-content: center;
-  position: absolute;
-  margin-top: -26px;
-}
-.custom-big-table .check-wrap .check-wrap-title,
-.custom-big-table .check-wrap .check-wrap-btn {
-  color: #000000;
-  font-size: 12px;
-  margin-bottom: 0;
-  cursor: pointer;
-}
-.custom-big-table .check-wrap .check-wrap-btn {
-  color: #5585f5;
-}
-.custom-big-table .domPropsInnerHTML-span {
-  height: 100%;
-  /*         老版图标样式              */
-}
-.custom-big-table .domPropsInnerHTML-span img {
-  display: inline-block;
-  height: var(--tableImageHeight);
-  width: var(--tableImageWidth);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-custom {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: var(--table-icon-color);
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px var(--table-icon-shadow);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-red {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: red;
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px rgba(255, 0, 0, 0.5);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-blue {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: blue;
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px rgba(0, 0, 255, 0.5);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-green {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: green;
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px rgba(0, 128, 0, 0.5);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-gray {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: gray;
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px rgba(128, 128, 128, 0.5);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-yellow {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: yellow;
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px rgba(255, 255, 0, 0.5);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-resolved {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: #36be8c;
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px rgba(54, 190, 140, 0.5);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-huifu {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: #42d0f6;
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px rgba(66, 208, 246, 0.5);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-close {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: #718391;
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px rgba(113, 131, 145, 0.5);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-audit {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: #f4ba32;
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px rgba(244, 186, 50, 0.5);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-design {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: #927ce1;
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px rgba(146, 124, 225, 0.5);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-develop {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: #4eb0ef;
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px rgba(78, 176, 239, 0.5);
-}
-.custom-big-table .domPropsInnerHTML-span .icon-dot-develop-complete {
-  width: 8px;
-  height: 8px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  background: #6381f9;
-  display: inline-block;
-  margin-right: 6px;
-  box-shadow: 0px 2px 4px 0px rgba(99, 129, 249, 0.5);
-}
-.custom-big-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle {
-  box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.12);
-}
-.custom-big-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle {
-  box-shadow: -4px 0 4px 0 rgba(0, 0, 0, 0.12);
-}
-.annotation-edit {
-  cursor: pointer;
-  color: #0067ee;
-  font-size: 16px;
-  user-select: none;
-  display: inline-flex;
-  align-items: center;
-}
-.annotation-edit.is-active {
-  color: rgba(255, 152, 40);
-}
-.annotation-edit__icon {
-  display: inline-flex;
-  align-items: center;
-}
-.no-data-tip {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  color: #333333;
-  font-size: 22px;
-}
-.no-data-tip > img {
-  max-width: 70%;
-  width: 260px;
-}
-.no-data-tip > p {
-  margin-top: 12px;
-  margin-bottom: 0;
-  font-size: 16px;
-  color: rgba(0, 0, 0, 0.8);
-}
-.no-data-tip > span {
-  font-size: 14px;
-  color: rgba(0, 0, 0, 0.4);
-  margin-top: 6px;
-}
-.text-over-tooltip-components {
-  display: inline-block;
-  max-width: 98%;
-  /* 文字超出宽度显示省略号 单行 */
-  /* 自定义样式 */
-}
-.text-over-tooltip-components .ellipsis {
-  font-size: 14px;
-  color: #35393c;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.text-over-tooltip-components .ellipsis i {
-  font-style: normal;
-  word-break: keep-all;
-  white-space: nowrap;
-}
-.text-over-tooltip-components .fs20 {
-  font-size: 20px;
-  font-weight: 600;
-  color: green;
-  line-height: 22px;
-}
-.text-over-tooltip-components .fs12 {
-  font-size: 12px;
-  font-weight: 400;
-  color: orange;
-  line-height: 14px;
-}
-.svg-icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden;
-}
-.vxe-header--column [annotation-hover-show='true'] {
-  visibility: hidden;
-}
-.vxe-header--column:hover [annotation-hover-show='true'] {
-  visibility: visible;
-}
-.big-table__annotationWrapper {
-  width: 20px;
-  display: inline-flex;
-  align-items: center;
-}
+.big-table-filter-wrap{background-color:#fff;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;flex-wrap:wrap;margin-top:-6px;min-width:280px;overflow:hidden;position:fixed;transform:translateX(-2%);transition:width 2s;z-index:99998}.big-table-filter-wrap .sort-list{margin-top:6px}.big-table-filter-wrap .sort-item{align-items:center;display:flex;height:32px;padding:0 13px}.big-table-filter-wrap .sort-item.active,.big-table-filter-wrap .sort-item:hover{background:#f2f2f2}.big-table-filter-wrap .sort-icon{background-size:contain;display:inline-block;height:16px;width:16px}.big-table-filter-wrap .sort-text{color:rgba(0,0,0,.8);font-size:14px;line-height:32px;margin-left:11px}.big-table-filter-wrap .sort-icon-desc{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABT0lEQVRYR+3WvSuGYRTH8c9TykpJSimLMvgHpLyUCQsmg/wBMss/ILvdJgspNnkbZFYGk7JQSAaLwUuX7uFxu3E/nvvqSd3XeHW6zvec65zfORUNPpUG+1cClBnIysABhiMV5y4mqt/OAliPCHCImd8AIgWf/WzMIhzFK/Z/iigWQAtuE4A2PH0HEQugG5eJ005clwBlBmrJwDwGcorBNjYybOsqwit05QQ4R1/RAB3oqQHgoWiAnL5/NKvrC/4tQBNacYesDAR5fkxHV6QU72EQczhNSfE4VpOOmY01jsOyMYYXLGElcbSIZT4W4C1MxQIIUy9sU1ltGXyeYQSfuua7L2jOWYnPKbt2HKE3dR/0Iqx593lq4AT9OQE2MZ2yDTpyXKUlF0lthP3gy8nKwBqGcgLsYCHDNuwAAe4Nk7ipZRbk9F2MWZFt+CeiEuAdAU5CIQxYYdUAAAAASUVORK5CYII=")}.big-table-filter-wrap .filter-header{cursor:auto;padding:0 13px}.big-table-filter-wrap .filter-header-icon{border-right-color:#333;border-top-color:#333}.big-table-filter-wrap .filter-header-text{margin-left:11px}.big-table-filter-wrap .check-search-wrap{background:#f7f7f7;display:flex;justify-content:center;padding:8px 0;width:100%}.big-table-filter-wrap .check-seach-input{line-height:32px}.big-table-filter-wrap .checkbox-box{padding-right:3px;width:100%}.big-table-filter-wrap .checkbox-wrap{background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding-left:13px;padding-right:3px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar{height:4px;width:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-thumb{background-color:#d5d5d5;border-radius:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-corner{background-color:#000;border-radius:4px;width:4px}.big-table-filter-wrap .checkbox-wrap--search{padding-right:10px}.big-table-filter-wrap .checkbox-btn-wrap{display:flex;padding:9px 10px 9px 14px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn{padding:0;width:56px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn+.checkbox-btn{margin-left:8px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn{border:0;border-radius:0;margin:0 13px;position:relative;width:auto}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn:hover:after{background-color:#5585f5;bottom:5px;content:"";display:block;height:1px;position:absolute;width:100%}.big-table-filter-wrap .arrows-icon{bottom:-1px;cursor:nw-resize;font-size:15px;height:20px;position:absolute;right:-1px;width:25px}.big-table__separate{padding:4px}.big-table__separatePlaceholder{display:inline-block;max-width:0;visibility:hidden;width:0;word-break:keep-all}.custom-big-table{position:relative}.custom-big-table .n-input{width:fit-content}.custom-big-table .img-wrap{align-items:center;display:flex;height:100%;line-height:1;padding:2px 0}.custom-big-table .img-wrap img{cursor:pointer;max-height:100%;object-fit:contain}.custom-big-table .img-wrap.img-circle img{border-radius:50%;object-fit:contain;width:28px}.custom-big-table .bigTable-qr-span{display:inline-block;height:100%;position:relative}.custom-big-table .bigTable-qr-span .bigTable-qr-img{max-height:96%}.custom-big-table .bigTable-qr-span>span{align-items:center;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.custom-big-table .bigTable-qr-span:hover>span{display:inline-flex}.custom-big-table .base-form{align-items:center;display:flex;overflow:hidden!important;width:100%}.custom-big-table .base-form-content{width:100%}.custom-big-table textarea{height:32px;margin-bottom:0;resize:none}.custom-big-table .formItem-select-multiple{align-items:center;display:flex;line-height:40px;width:100%}.custom-big-table.mt{height:calc(100% - 78px)!important;margin-top:26px}.custom-big-table.expand-padding .vxe-table .vxe-body--expanded-cell{padding-left:66px!important;padding-right:66px!important}.custom-big-table th.vxe-header--column{cursor:pointer}.custom-big-table .row-btn{margin-right:10px}.custom-big-table .vxe-table{transform:translateZ(0)}.custom-big-table .vxe-table .vxe-table--empty-content,.custom-big-table .vxe-table .vxe-table--empty-content>div{height:100%;width:100%}.custom-big-table .vxe-table .vxe-table--empty-content>div .no-data-tip{display:inline-flex}.custom-big-table .vxe-table .col--checkbox .vxe-cell,.custom-big-table .vxe-table .col--seq .vxe-cell{padding:0}.custom-big-table .vxe-table .col--checkbox .vxe-cell .vxe-checkbox--label,.custom-big-table .vxe-table .col--seq .vxe-cell .vxe-checkbox--label{padding-left:0}.custom-big-table .vxe-table .vxe-cell .vxe-tree-cell{height:100%}.custom-big-table .vxe-table .scan-multi-delete{color:#f06f64}.custom-big-table .vxe-table .vxe-table--header{background-color:#f2f2f2}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title{display:inline-flex;height:100%;line-height:unset;width:100%}.custom-big-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title,.custom-big-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title{display:inline-block}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:#f2f2f2;height:10px;width:10px}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background-color:#b2b2b2}.custom-big-table .vxe-table .vxe-footer--row .vxe-footer--column>.vxe-cell .vxe-cell--item{height:30px;line-height:30px}.custom-big-table .vxe-table .vxe-cell--checkbox .vxe-checkbox--label{display:none}.custom-big-table .filter-box{align-items:center;display:flex;width:100%}.custom-big-table .filter-box .text-over-tooltip-components{max-width:calc(100% - 40px)}.custom-big-table .filter-box .vxe-filter--btn{border-right-color:#c0c4cc;border-top-color:#c0c4cc}.custom-big-table .filter-box .vxe-filter--btn.active{border-right-color:#35393c;border-top-color:#35393c}.custom-big-table .filter-box .vxe-filter--btn.checked{border-right-color:#5585f5;border-top-color:#5585f5}.custom-big-table .disabled-checked-tips{background:#fff;border:2px solid #ff1818;border-radius:50%;bottom:0;box-sizing:border-box;height:16px;margin-top:-8px;overflow:hidden;position:absolute;right:0;top:50%;width:16px}.custom-big-table .disabled-checked-tips:after{background-color:#ff1818;content:"";height:2px;left:0;position:absolute;top:0;transform:rotate(45deg);transform-origin:0 2px;width:16px}.custom-big-table .form-select-table .n-base-select-menu__empty{display:none}.custom-big-table .percent-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.custom-big-table .percent-wrap .percent-value{line-height:1;margin-bottom:-4px;margin-top:4px}.custom-big-table .refresh{align-items:center;background-color:#fff;border-bottom-left-radius:14px;border-top-left-radius:14px;box-shadow:0 2px 4px 0 hsla(0,0%,42%,.13);color:#5585f5;cursor:pointer;display:flex;font-size:12px;height:27px;padding-left:14px;padding-right:14px;position:absolute;right:0;top:6px;z-index:1}.custom-big-table .refresh-row{margin-bottom:0;margin-left:3px}.custom-big-table .check-wrap{background:#ffffe9;display:flex;justify-content:center;line-height:26px;margin-top:-26px;position:absolute;width:100%}.custom-big-table .check-wrap .check-wrap-btn,.custom-big-table .check-wrap .check-wrap-title{color:#000;cursor:pointer;font-size:12px;margin-bottom:0}.custom-big-table .check-wrap .check-wrap-btn{color:#5585f5}.custom-big-table .domPropsInnerHTML-span{height:100%}.custom-big-table .domPropsInnerHTML-span img{display:inline-block;height:var(--tableImageHeight);width:var(--tableImageWidth)}.custom-big-table .domPropsInnerHTML-span .icon-dot-custom{background:var(--table-icon-color);box-shadow:0 2px 4px 0 var(--table-icon-shadow)}.custom-big-table .domPropsInnerHTML-span .icon-dot-custom,.custom-big-table .domPropsInnerHTML-span .icon-dot-red{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-red{background:red;box-shadow:0 2px 4px 0 rgba(255,0,0,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-blue{background:blue;box-shadow:0 2px 4px 0 rgba(0,0,255,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-blue,.custom-big-table .domPropsInnerHTML-span .icon-dot-green{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-green{background:green;box-shadow:0 2px 4px 0 rgba(0,128,0,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-gray{background:gray;box-shadow:0 2px 4px 0 hsla(0,0%,50%,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-gray,.custom-big-table .domPropsInnerHTML-span .icon-dot-yellow{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-yellow{background:#ff0;box-shadow:0 2px 4px 0 rgba(255,255,0,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-resolved{background:#36be8c;box-shadow:0 2px 4px 0 rgba(54,190,140,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-huifu,.custom-big-table .domPropsInnerHTML-span .icon-dot-resolved{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-huifu{background:#42d0f6;box-shadow:0 2px 4px 0 rgba(66,208,246,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-close{background:#718391;box-shadow:0 2px 4px 0 rgba(113,131,145,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-audit,.custom-big-table .domPropsInnerHTML-span .icon-dot-close{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-audit{background:#f4ba32;box-shadow:0 2px 4px 0 rgba(244,186,50,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-design{background:#927ce1;box-shadow:0 2px 4px 0 rgba(146,124,225,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-design,.custom-big-table .domPropsInnerHTML-span .icon-dot-develop{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-develop{background:#4eb0ef;box-shadow:0 2px 4px 0 rgba(78,176,239,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-develop-complete{background:#6381f9;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-shadow:0 2px 4px 0 rgba(99,129,249,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{box-shadow:4px 0 4px 0 rgba(0,0,0,.12)}.custom-big-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{box-shadow:-4px 0 4px 0 rgba(0,0,0,.12)}.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.no-data-tip{align-items:center;color:#333;display:flex;flex-direction:column;font-size:22px;height:100%;justify-content:center;width:100%}.no-data-tip>img{max-width:70%;width:260px}.no-data-tip>p{color:rgba(0,0,0,.8);font-size:16px;margin-bottom:0;margin-top:12px}.no-data-tip>span{color:rgba(0,0,0,.4);font-size:14px;margin-top:6px}.text-over-tooltip-components{display:inline-block;max-width:98%}.text-over-tooltip-components .ellipsis{color:#35393c;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-over-tooltip-components .ellipsis i{font-style:normal;white-space:nowrap;word-break:keep-all}.text-over-tooltip-components .fs20{color:green;font-size:20px;font-weight:600;line-height:22px}.text-over-tooltip-components .fs12{color:orange;font-size:12px;font-weight:400;line-height:14px}.svg-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}.vxe-header--column [annotation-hover-show=true]{visibility:hidden}.vxe-header--column:hover [annotation-hover-show=true]{visibility:visible}.big-table__annotationWrapper{align-items:center;display:inline-flex;width:20px}