重构输送线选择器；添加表格展开功能

wanshenmean

10 天以前 035f2a81a59532ac9f892dab9ade44304847b4fb

 Code/WMS/WIDESEA_WMSClient/src/components/basic/VolTable.vue

@@ -21,6 +21,7 @@
      @select="userSelect"
      @select-all="userSelect"
      @selection-change="selectionChange"
      @expand-change="expandChange"
      @row-dblclick="rowDbClick"
      @row-click="rowClick"
      @header-click="headerClick"
@@ -38,6 +39,24 @@
      style="width: 100%"
      :scrollbar-always-on="true"
    >
      <el-table-column
        v-if="showExpand"
        type="expand"
        :fixed="expand.fixed"
        :width="expand.width || 55"
      >
        <template #default="scope">
          <div class="expand-cell">
            <table-render
              v-if="expand.render && typeof expand.render == 'function'"
              :row="scope.row"
              :index="scope.$index"
              :column="expand"
              :render="expand.render"
            ></table-render>
          </div>
        </template>
      </el-table-column>
      <el-table-column
        v-if="ck"
        type="selection"
@@ -559,6 +578,12 @@
        return 1;
      },
    },
    expand: {
      type: Object,
      default: () => {
        return {};
      },
    },
    pagination: {
      type: Object,
      default: function () {
@@ -834,6 +859,9 @@
    this.defaultLoadPage && this.load();
  },
  computed: {
    showExpand() {
      return !!(this.expand && typeof this.expand.render === "function");
    },
    filterColumns() {
      return this.columns.filter((x, index) => {
        if (!x.field) {
@@ -844,6 +872,12 @@
    },
  },
  methods: {
    expandChange(row, expandedRows) {
      if (this.expand && typeof this.expand.onChange === "function") {
        this.expand.onChange(row, expandedRows, this);
      }
      this.$emit("expandChange", { row, expandedRows });
    },
    watchRowSelectChange(newLen, oldLen) {
      if (newLen < oldLen && this.selectRows.length) {
        this.selectRows = [];
@@ -1784,6 +1818,9 @@
  border-bottom: 1px solid;
  padding-bottom: 2px;
}
.vol-table .expand-cell {
  padding: 8px 0;
}
.vol-table .empty-tag {
  border: none;
  background: none;