| | |
| | | top="0" |
| | | class="avue-dialog avue-dialog--top" |
| | | :width="referConfig.options.width|| '80%'"> |
| | | |
| | | <avue-crud :option="option" |
| | | :table-loading="loading" |
| | | :data="data" |
| | |
| | | </avue-crud> |
| | | <div class="avue-dialog__footer"> |
| | | <div class="avue-dialog__footer--left valueInfo">{{ valueInfo }}</div> |
| | | {{ this.referConfig.options.width }} |
| | | <el-button @click="visible=false">取 消</el-button> |
| | | <el-button @click="setValue" type="primary">确 定</el-button> |
| | | </div> |
| | |
| | | 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, |
| | |
| | | console.log('referConfig:') |
| | | console.log(this.referConfig) |
| | | }, |
| | | mounted() { |
| | | mounted() { |
| | | if(this.referConfig.options.page){ |
| | | this.page.pageSize=this.referConfig.options.page.limit || this.referConfig.options.page.pageSize; |
| | | this.page.currentPage=this.referConfig.options.page.page || this.referConfig.options.page.currentPage; |
| | |
| | | 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; |
| | | var query={} |
| | | if (this.query) { |
| | | for (var key in this.query) { |
| | | query['conditionMap["' + key + '"]'] = this.query[key]; |
| | | } |
| | | } |
| | | getList(Object.assign(params,this.params, query,this.query),page.currentPage, page.pageSize, this.url).then(res => { |
| | | const data = res.data; |
| | | this.page.total = data.total; |
| | | this.data = data.records; |
| | | this.data = data.data; |
| | | this.loading = false; |
| | | this.selectionClear(); |
| | | }); |