| | |
| | | :visible.sync="visible" |
| | | top="0" |
| | | class="avue-dialog avue-dialog--top" |
| | | :width="referConfig.options.width|| '80%'"> |
| | | :width="options.width|| '80%'"> |
| | | |
| | | <avue-crud :option="option" |
| | | :table-loading="loading" |
| | | :data="data" |
| | |
| | | data() { |
| | | return { |
| | | visible: false, |
| | | options: this.referConfig.options, |
| | | options: this.referConfig.options||{}, |
| | | isMuti: ("true" == this.referConfig.options.isMuti || this.referConfig.options.isMuti == true || this.referConfig.options.muti == true) ? true : false, |
| | | props: { |
| | | value: this.referConfig.valueField || this.referConfig.options.valueField || 'oid', |
| | |
| | | selectionList: [], |
| | | option: { |
| | | addBtn: false, |
| | | height: this.referConfig.options.height ? this.referConfig.options.height : 475, |
| | | //height: this.referConfig.options.height ? this.referConfig.options.height : 475, |
| | | calcHeight: 30, |
| | | tip: false, |
| | | menu:false, |
| | |
| | | ...item, |
| | | label: item.title, |
| | | prop: item.field, |
| | | formatter:item.template, |
| | | search: true |
| | | } |
| | | } |
| | |
| | | searchChange(params, done) { |
| | | this.query = params; |
| | | this.page.currentPage = 1; |
| | | this.onLoad(this.page, params); |
| | | this.onLoad(this.page); |
| | | done(); |
| | | }, |
| | | currentChange(currentPage){ |
| | |
| | | selectionChange(list) { |
| | | if (!this.isMuti && list.length > 1) { |
| | | const nowVal = list.shift(); |
| | | this.$refs.referCrud.toggleRowSelection(nowVal, false); |
| | | this.$refs.referDefalutCrud.toggleRowSelection(nowVal, false); |
| | | } |
| | | this.selectionList = list |
| | | }, |
| | | selectionClear() { |
| | | this.selectionList = []; |
| | | this.$refs.referCrud.clearSelection(); |
| | | this.$refs.referDefalutCrud.toggleSelection(); |
| | | }, |
| | | refreshChange() { |
| | | this.onLoad(this.page, this.query); |
| | | }, |
| | | onLoad(page, params = this.params) { |
| | | onLoad(page, params={}) { |
| | | if(this.url){ |
| | | this.loading = true; |
| | | getList(Object.assign(params, this.query),page.currentPage, page.pageSize, this.url).then(res => { |
| | | const data = res.data.data; |
| | | this.page.total = data.total; |
| | | this.data = data.records; |
| | | var query={} |
| | | if (this.query) { |
| | | for (var key in this.query) { |
| | | query['conditionMap["' + key + '"]'] = this.query[key]; |
| | | } |
| | | } |
| | | getList(Object.assign(params,this.params,this.query, query),page.currentPage, page.pageSize, this.url).then(res => { |
| | | this.data = res.data.records; |
| | | this.page.total=res.data.total |
| | | this.loading = false; |
| | | this.selectionClear(); |
| | | }).catch(error=>{ |
| | | this.$message.error(error); |
| | | this.loading = false; |
| | | }); |
| | | } |
| | | |