Merge branch 'dev_New' of http://114.132.189.42:9002/r/product-inventory-ma...

huminmin

6 小时以前 c82a938c4fee27a6e478782ffc355809cd5cdcda

 src/components/PIMTable/PIMTable.vue

@@ -5,18 +5,20 @@
    :border="border"
    :data="tableData"
    :header-cell-style="{ background: '#F0F1F5', color: '#333333' }"
    height="calc(100vh - 18.5em)"
    :height="height"
    :highlight-current-row="highlightCurrentRow"
    :row-class-name="rowClassName"
    :row-style="rowStyle"
    :row-key="rowKey"
    style="width: 100%"
    :style="tableStyle"
    tooltip-effect="dark"
    @row-click="rowClick"
    @current-change="currentChange"
    :expand-row-keys="expandRowKeys"
    :show-summary="isShowSummary"
    :summary-method="summaryMethod"
    @row-click="rowClick"
    @current-change="currentChange"
    @selection-change="handleSelectionChange"
    @expand-change="expandChange"
    class="lims-table"
  >
    <el-table-column
@@ -38,12 +40,22 @@
      :fixed="item.fixed"
      :label="item.label"
      :prop="item.prop"
      show-overflow-tooltip
      :show-overflow-tooltip="item.dataType !== 'action'"
      :align="item.align"
      :sortable="!!item.sortable"
      :type="item.type"
      :width="item.width"
    >
      <template #header="scope">
        <div class="pim-table-header-cell">
          <div class="pim-table-header-title">
            {{ item.label }}
          </div>
          <div v-if="item.headerSlot" class="pim-table-header-extra">
            <slot :name="item.headerSlot" :column="scope.column" />
          </div>
        </div>
      </template>
      <template
        v-if="item.hasOwnProperty('colunmTemplate')"
        #[item.colunmTemplate]="scope"
@@ -122,7 +134,6 @@
          <template v-for="(o, key) in item.operation" :key="key">
            <el-button
              v-show="o.type != 'upload'"
              size="small"
              v-if="o.showHide ? o.showHide(scope.row) : true"
              :disabled="o.disabled ? o.disabled(scope.row) : false"
              :plain="o.plain"
@@ -147,7 +158,6 @@
                (o.uploadIdFun ? o.uploadIdFun(scope.row) : scope.row.id)
              "
              ref="uploadRef"
              size="small"
              :multiple="o.multiple ? o.multiple : false"
              :limit="1"
              :disabled="o.disabled ? o.disabled(scope.row) : false"
@@ -176,7 +186,6 @@
              :show-file-list="false"
            >
              <el-button
                :size="o.size ? o.size : 'small'"
                link
                type="primary"
                :disabled="o.disabled ? o.disabled(scope.row) : false"
@@ -205,8 +214,7 @@
    </el-table-column>
  </el-table>
  <pagination
    v-show="total > 0"
    :total="total"
    :total="page.total"
    :layout="page.layout"
    :page="page.current"
    :limit="page.size"
@@ -224,7 +232,7 @@
const uploadHeader = proxy.uploadHeader;
const javaApi = proxy.javaApi;

const emit = defineEmits(["pagination"]);
const emit = defineEmits(["pagination", "expand-change", "selection-change"]);

// Filters
const typeFn = (val, row) => {
@@ -241,9 +249,13 @@
    type: Boolean,
    default: false,
  },
  handleSelectionChange: {
    type: Function,
    default: () => {},
  height: {
    type: [Number, String],
    default: "calc(100vh - 22em)",
  },
  expandRowKeys: {
    type: Array,
    default: () => [],
  },
  summaryMethod: {
    type: Function,
@@ -295,7 +307,7 @@
  },
  rowKey: {
    type: String,
    default: undefined,
    default: 'id',
  },
  page: {
    type: Object,
@@ -309,6 +321,10 @@
  total: {
    type: Number,
    default: 0,
  },
  tableStyle: {
    type: [String, Object],
    default: () => ({ width: "100%" }),
  },
});

@@ -405,6 +421,14 @@
const paginationSearch = ({ page, limit }) => {
  emit("pagination", { page: page, limit: limit });
};

const expandChange = (row, expandedRows) => {
  emit("expand-change", row, expandedRows);
};

const handleSelectionChange = (newSelection) => {
  emit("selection-change", newSelection);
};
</script>

<style scoped lang="scss">
@@ -415,4 +439,22 @@
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.pim-table-header-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-align: center;
}

.pim-table-header-title {
  font-weight: 500;
}

.pim-table-header-extra :deep(.el-input),
.pim-table-header-extra :deep(.el-select) {
  width: 100%;
}
</style>