| | |
| | | :option="option" |
| | | :page.sync="pageType" |
| | | :table-loading="loading" |
| | | @row-click="rowClickChange" |
| | | @search-change='searchChange' |
| | | @selection-change="selectChange"> |
| | | <!--top区域按钮--> |
| | | <template slot="menuLeft" slot-scope="scope"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import {treeMenu} from '@/api/treeMyMenu' |
| | | import {validatenull} from '@/util/validate' |
| | | export default { |
| | | name: "dynamic-table", |
| | | props: { |
| | |
| | | }, |
| | | computed: { |
| | | updatedColumns() { |
| | | const queryFields = this.componentVO.tableDefineVO.queryColumns.map(item => item.field); |
| | | 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); |
| | | const search = queryFields.includes(item.field); // 判断 field 是否在 queryColumns 里 |
| | | |
| | | return { |
| | | align: item.align, |
| | |
| | | } |
| | | }, |
| | | 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 |
| | | }); |
| | | } |
| | | } |
| | | } |