cnhis-design-vue 0.3.2-beta → 0.3.5-beta

package/packages/big-table/src/assets/iconfont/iconfont.less

@@ -0,0 +1,21 @@
+@font-face {
+  font-family: "iconfont"; /* Project id  */
+  src: url('iconfont.ttf?t=1631151904509') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-a-xitongtubiaotianjia:before {
+  content: "\e9c3";
+}
+
+.icon-a-xitongtubiaozhediejian:before {
+  content: "\e9c4";
+}
+

package/packages/big-table/src/assets/style/table-base.less

@@ -0,0 +1,275 @@
+body {
+  > .vxe-table--tooltip-wrapper {
+    display: none !important;
+  }
+}
+.big-table {
+  position: relative;
+
+  &:deep(.img-wrap) {
+    padding: 2px 0;
+    line-height: 1;
+    height: 100%;
+    display: flex;
+    align-items: center;
+
+    img {
+      max-height: 100%;
+      object-fit: contain;
+      cursor: pointer;
+    }
+    &.img-circle {
+      img {
+        width: 28px;
+        border-radius: 50%;
+        object-fit: contain;
+      }
+    }
+  }
+  .bigTable-qr-span {
+    position: relative;
+    display: inline-block;
+    height: 100%;
+    .bigTable-qr-img {
+      max-height: 96%;
+    }
+    > 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;
+    }
+    &:hover {
+      > span {
+        display: inline-flex;
+      }
+    }
+  }
+
+  /* 行内表单样式 */
+  &:deep(.base-form) {
+    overflow: hidden !important;
+    display: flex;
+    align-items: center;
+    width: 100%;
+  }
+  &:deep(.base-form-content) {
+    width: 100%;
+  }
+  &:deep(textarea) {
+    height: 32px;
+    margin-bottom: 0;
+    resize: none;
+  }
+  &:deep(.formItem-select-multiple) {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    line-height: 40px;
+  }
+  /* 行内表单样式 */
+
+  &.mt {
+    margin-top: 26px;
+    height: calc(100% - 78px) !important;
+  }
+
+  &.expand-padding {
+    &:deep(.vxe-table .vxe-body--expanded-cell) {
+      padding-left: 66px !important;
+      padding-right: 66px !important;
+    }
+  }
+
+  th.vxe-header--column {
+    cursor: pointer;
+  }
+  .row-btn {
+    margin-right: 10px;
+  }
+  &:deep(.vxe-table) {
+    transform: translateZ(0);
+    .vxe-table--empty-content {
+      width: 100%;
+      height: 100%;
+      > div {
+        width: 100%;
+        height: 100%;
+        .no-data-tip {
+          display: inline-flex;
+        }
+      }
+    }
+    .col--checkbox,
+    .col--seq {
+      .vxe-cell {
+        padding: 0;
+        .vxe-checkbox--label {
+          padding-left: 0;
+        }
+      }
+    }
+    .vxe-cell .vxe-tree-cell {
+      height: 100%;
+    }
+
+    .scan-multi-delete {
+      color: #F06F64;
+    }
+
+    .vxe-table--header {
+      background-color: #f2f2f2;
+      .vxe-header--column .vxe-cell--title {
+        height: 100%;
+        line-height: unset;
+        width: 100%;
+      }
+    }
+    .vxe-table--footer-wrapper.body--wrapper,
+    .vxe-table--body-wrapper {
+      &::-webkit-scrollbar {
+        width: 10px;
+        height: 10px;
+        background-color: #f2f2f2;
+      }
+      &::-webkit-scrollbar-thumb:hover {
+        background-color: #b2b2b2;
+      }
+    }
+    .vxe-footer--row .vxe-footer--column {
+      > .vxe-cell .vxe-cell--item {
+        height: 30px;
+        line-height: 30px;
+      }
+    }
+    .vxe-cell--checkbox.is--disabled {
+      .vxe-checkbox--icon {
+        display: none;
+      }
+    }
+  }
+  &:deep(.filter-box) {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    .text-over-tooltip-components {
+      max-width: calc(100% - 20px);
+    }
+    .vxe-filter--btn {
+      border-top-color: #c0c4cc;
+      border-right-color: #c0c4cc;
+    }
+    .vxe-filter--btn.active {
+      border-top-color: #35393c;
+      border-right-color: #35393c;
+    }
+    .vxe-filter--btn.checked {
+      border-top-color: #5585f5;
+      border-right-color: #5585f5;
+    }
+  }
+  &:deep(.disabled-checked-tips) {
+    position: absolute;
+    left: 6px;
+    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;
+    &::after {
+      position: absolute;
+      content: '';
+      width: 16px;
+      height: 2px;
+      background-color: #ff1818;
+      transform: rotate(45deg);
+      transform-origin: 0 2px;
+      left: 0;
+      top: 0;
+    }
+  }
+}
+
+.refresh {
+  display: flex;
+  align-items: center;
+  background-color: #fff;
+  box-shadow: 0px 2px 4px 0px 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;
+}
+.refresh-row {
+  margin-left: 3px;
+  margin-bottom: 0;
+}
+
+.check-wrap {
+  background: #ffffe9;
+  display: block;
+  width: 100%;
+  line-height: 26px;
+  display: flex;
+  justify-content: center;
+
+  position: absolute;
+  margin-top: -26px;
+
+  .check-wrap-title,
+  .check-wrap-btn {
+    color: #000000;
+    font-size: 12px;
+    margin-bottom: 0px;
+    cursor: pointer;
+  }
+
+  .check-wrap-btn {
+    color: #5585f5;
+  }
+}
+
+.percent-wrap {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  .percent-value {
+    line-height: 1;
+    margin-bottom: -4px;
+    margin-top: 4px;
+  }
+}
+.domPropsInnerHTML-span {
+  height: 100%;
+  &:deep(img) {
+    display: inline-block;
+    height: var(--tableImageHeight);
+    width: var(--tableImageWidth);
+  }
+}

package/packages/big-table/src/assets/style/table-global.less

@@ -0,0 +1,167 @@
+@import '../iconfont/iconfont.less';
+
+.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;
+
+  .sort-list {
+    margin-top: 6px;
+  }
+
+  .sort-item {
+    line-height: 32px;
+    padding: 0 13px;
+    display: flex;
+    align-items: center;
+
+    &:hover,
+    &.active {
+      background: #f2f2f2;
+    }
+  }
+
+  .sort-icon {
+    width: 16px;
+    height: 16px;
+    background-size: contain;
+    display: inline-block;
+  }
+
+  .sort-icon-asc {
+    background-image: url('../img/icon-asc.png');
+  }
+
+  .sort-text {
+    margin-left: 11px;
+    font-size: 14px;
+    line-height: 32px;
+    color: rgba(0, 0, 0, 0.8);
+  }
+
+  .sort-icon-desc {
+    background-image: url('../img/icon-desc.png');
+  }
+
+  .filter-header {
+    padding: 0 13px;
+    cursor: initial;
+  }
+
+  .filter-header-icon {
+    border-top-color: #333;
+    border-right-color: #333;
+  }
+
+  .filter-header-text {
+    margin-left: 11px;
+  }
+
+  .check-search-wrap {
+    padding: 8px 0;
+    width: 100%;
+    background: #f7f7f7;
+    display: flex;
+    justify-content: center;
+  }
+
+  .check-seach-input {
+    line-height: 32px;
+  }
+
+  .checkbox-box {
+    padding-right: 3px;
+    width: 100%;
+  }
+
+  .checkbox-wrap {
+    padding-left: 13px;
+    padding-right: 3px;
+    background: #fff;
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+      height: 4px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: #d5d5d5;
+      border-radius: 4px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background-color: #fff;
+      border-radius: 4px;
+    }
+
+    &::-webkit-scrollbar-corner {
+      background-color: #000;
+      border-radius: 4px;
+      width: 4px;
+    }
+  }
+
+  .checkbox-wrap--search {
+    padding-right: 10px;
+  }
+
+  .checkbox-btn-wrap {
+    display: flex;
+    padding: 9px 10px 19px 14px;
+
+    .checkbox-btn {
+      width: 56px;
+      padding: 0;
+    }
+
+    .checkbox-btn+.checkbox-btn {
+      margin-left: 8px;
+    }
+
+    .checkbox-btn-status {
+      .checkbox-btn {
+        border: 0;
+        border-radius: 0;
+        width: initial;
+        margin: 0 13px;
+        position: relative;
+
+        &:hover::after {
+          display: block;
+          content: '';
+          position: absolute;
+          bottom: 5px;
+          width: 100%;
+          height: 1px;
+          background-color: #5585f5;
+        }
+      }
+    }
+  }
+
+  .arrows-icon {
+    position: absolute;
+    bottom: -1px;
+    right: -1px;
+    font-size: 15px;
+    cursor: nw-resize;
+    width: 25px;
+    height: 20px;
+  }
+}

package/packages/big-table/src/bigTableEmits.ts

@@ -0,0 +1,46 @@
+const bigTableEmits: string[] = [
+  "refreshTable",
+  "selectionChangeAll",
+  "selectionChangeAllCancel",
+  "setGroupText",
+  "refreshOldTableData",
+  "setNestTableClick",
+  "rowdblclick",
+  "selectionChange",
+  "sortChange",
+  "pubTableRefresh",
+  "setBatchDynamicPropsCache",
+  "submitEditFormSuccess",
+  "submitEditFormSuccessBatch",
+  "submitEditFormError",
+  "submitEditFormErrorBatch",
+  "setWaitEditKeys",
+  "handleClickBtnByInline",
+  "initInlineEditFormConfig",
+  "handlePreView",
+  "SET_SAVE_ROW_STATUS",
+  "SET_CANCEL_ROW_STATUS",
+  "qrCodeEvent",
+  "setCurRowIndex",
+  "clickBtn",
+  "onSave",
+  "setNestTableClickSetting",
+  "showDrawer",
+  "linkDetail",
+  "hanldeCopyContent",
+  "triggerSpinning",
+  "resetInlineEditAll",
+  "resetBatchEditDoneStatus",
+  "setNestOriginTableMap",
+  "nestSetSelectRowObj",
+  "handlerClickRow",
+  "pubTableReload",
+  "scanMultiRemove",
+  "resetNestLastClickTable",
+  "setNestLastClickTable",
+  "selectionChangeLocal",
+  "switchBtnOnChange",
+  "asyncTableChange"
+];
+
+export default bigTableEmits;

package/packages/big-table/src/bigTableProps.ts

@@ -0,0 +1,125 @@
+const bigTableProps = {
+  data: { type: Array, default: () => [] },
+  MAX_CHECK_SIZE: { type: Number, default: 0 },
+  showFooter: Boolean,
+  sumData: { type: Object, default: () => ({}) },
+  avgData: { type: Object, default: () => ({}) },
+  columnConfig: {
+    type: Object,
+    default: () => {
+      return {};
+    },
+  },
+  refreshRow: {
+    type: Number,
+    default: 0,
+  },
+  relatedItems: {
+    type: Object,
+    default: () => {
+      return {
+        triggerMethodPc: "", // 相关项打开方式
+        triggerMethodField: "", // 相关项打开字段
+      };
+    },
+  },
+  pageVO: {
+    type: Object,
+    default: () => {
+      return {
+        pageIndex: 1, // 当前第几页
+        pageSize: 20, // 每页几条数据
+        total: 20, // 总数多少条
+      };
+    },
+  },
+  tableOptions: { type: Object, default: () => ({}) },
+  quickSearchConfig: { type: Array, default: () => [] },
+  primaryKey: { type: String, default: "" },
+  tableDataCache: { type: Array, default: () => [] },
+  oldtableData: { type: Array, default: () => [] }, // 原始数据
+  tableName: String,
+  fieldListOriginal: { type: Array, default: () => [] },
+  tableParams: { type: Object, default: () => ({}) },
+  emptyItems: {
+    type: Object,
+    default: () => {
+      return {
+        noDataImg: "nodata",
+        noDataTip: "",
+      };
+    },
+  },
+  styleSetting: { type: Object, default: () => ({}) },
+  sysImageSize: { type: Array, default: () => [] },
+  height: String,
+  groupCountFields: { type: Array, default: () => [] },
+  groupCountMap: { type: Object, default: () => ({}) },
+  listFormUnionSetting: { type: Object, default: () => ({}) },
+  inlineEditFormConfig: { type: Object, default: () => ({}) },
+  clickRowData: { type: Object, default: () => ({}) },
+  btnList: { type: Array, default: () => [] },
+  spinning: Boolean,
+  rowGroupSetting: { type: Object, default: () => ({}) },
+  inlineEditFormSubmitDone: Boolean,
+  isInlineOperating: { type: Boolean, default: false },
+  inlineEditCurrentOperateBtnId: String,
+  tableRefreshCache: { type: Object, default: () => ({}) }, // 记录需要刷新的列表，当切换到当前列表时更新
+  userInfo: { type: Object, default: () => ({}) },
+  isInlineEditing: Boolean,
+  isInlineAdding: Boolean,
+  isInlineSave: Boolean,
+  isInlineCancel: Boolean,
+  inlineError: Boolean,
+  resetInlineEdit: Function, // 重置状态（不包含编辑、新增状态)
+  resetEditRowStatus: Function, // 重置编辑行保存表单相关状态
+  pageIndexOldtableData: {
+    // 原始数据
+    type: Array,
+    default: () => [],
+  },
+  submitForm: Function,
+  isMatchComponent: Boolean,
+  asyncCount: Boolean,
+  showSettings: { type: Object, default: () => ({}) },
+  inlineFormData: { type: Object, default: () => ({}) },
+  inlineOriginalTableRow: { type: Object, default: () => ({}) },
+  filterDomPortal:{ // 表头筛选挂载的地方
+    type: String,
+    default: "body"
+  },
+  filterTopOffset:{ // 表头 top 调节
+    type: Number,
+    default: 0
+  },
+
+  //nestTable.js
+  isNestTable: {
+    // 标记是否子表
+    type: Boolean,
+    default: false,
+  },
+  showNestTable: Boolean, // 主表中是否展示子表+按钮
+  curNestColumnConfig: {
+    // 子表配置
+    type: Object,
+    default: () => ({}),
+  },
+  nestTableDataRequest: Function, // 获取子表数据接口
+  //batchEditing.js
+  // 曾经的getters
+  isBatchEditing: Boolean,
+  isEditAllRow: Boolean,
+  isBatchSave: Boolean,
+  isBatchCancel: Boolean,
+  batchDynamicPropsCache: { type: Object, default: () => ({}) },
+  batchEditDoneNumber: { type: Object, default: () => ({}) },
+  batchError: Boolean,
+  batchFormData: { type: Object, default: () => ({}) },
+
+  // 曾经的mapActions
+  resetInlineBatchEdit: Function,
+  resetBatchEditRowStatus: Function,
+};
+
+export default bigTableProps;