Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue

@@ -6,6 +6,8 @@
               :option="option"
               :page.sync="pageType"
               :table-loading="loading"
               @row-click="rowClickChange"
               @search-change='searchChange'
               @selection-change="selectChange">
      <!--top区域按钮-->
      <template slot="menuLeft" slot-scope="scope">
@@ -23,6 +25,8 @@
</template>

<script>
import {treeMenu} from '@/api/treeMyMenu'
import {validatenull} from '@/util/validate'
export default {
  name: "dynamic-table",
  props: {
@@ -483,6 +487,8 @@
        calcHeight: 15,
        indexFixed: false,
        menuFixed: false,
        searchMenuSpan:12,
        searchShow:false,
        column: [],
      },
      selectList: [],
@@ -490,8 +496,11 @@
  },
  computed: {
    updatedColumns() {
      const queryFields = !validatenull(this.componentVO.tableDefineVO.queryColumns) ? this.componentVO.tableDefineVO.queryColumns.map(item => item.field) : [];

      return this.componentVO.tableDefineVO.cols[0].map(item => {
        const typeValue = item.fieldType === 'text' || item.fieldType === 'combox' ? 'input' : item.fieldType; // 表单Type类型
        const search = queryFields.includes(item.field); // 判断 field 是否在 queryColumns 里

        return {
          align: item.align,
@@ -501,6 +510,7 @@
          hidden: item.hidden,
          label: item.title,
          width: item.width,
          search: search
        };
      });
    },
@@ -541,11 +551,19 @@
    }
  },
  methods: {
    rowClickChange(row){
      this.$refs.dataTable.toggleRowSelection(row);
    },
    selectChange(row) {
      this.selectList = row;
    },
    TreeSelectChange(row) {
      this.TreeSelectList = row;
    searchChange(form,done){
      console.log(form)
      done()
      this.$emit("setDataStore", {
        area: this.areasName,
        dataStore:row
      });
    }
  }
}