| | |
| | | :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" |
| | |
| | | @search-change="searchChange" |
| | | @search-reset="searchReset" |
| | | @selection-change="selectionChange" |
| | | @row-click="rowClick" |
| | | @current-change="currentChange" |
| | | @size-change="sizeChange" |
| | | @refresh-change="refreshChange" |
| | |
| | | </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> |
| | |
| | | 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', |
| | | label: this.referConfig.textField || this.referConfig.options.textField || "name" |
| | | }, |
| | | url: this.referConfig.options.url || '/api/ubcs-code/mdmEngineController/defaultReferDataGrid', |
| | | method: this.referConfig.options.method || 'GET', |
| | | tableDefinedUrl:'',//平台表格地址 |
| | | copyParam: ['referBo', 'textField', 'valueField', 'displayTable', 'whereSql', 'queryScheme'], |
| | | query: {}, |
| | |
| | | border: true, |
| | | index: true, |
| | | selection: true, |
| | | reserveSelection:true, |
| | | dialogClickModal: false, |
| | | highlightCurrentRow: true, |
| | | column: [] |
| | |
| | | }, |
| | | created() { |
| | | this.getParams(); |
| | | 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; |
| | |
| | | this.option.column = [{ |
| | | prop: 'id', |
| | | label: '英文名称', |
| | | sort: true, |
| | | sortable: true, |
| | | width: 150, |
| | | search: true |
| | | }, { |
| | | prop: 'name', |
| | | label: '中文名称', |
| | | sort: true, |
| | | sortable: true, |
| | | width: 150, |
| | | search: true |
| | | }, { |
| | |
| | | hidden: (!this.controllerSecret) |
| | | }]; |
| | | } else { |
| | | debugger; |
| | | this.option.column = this.options.tableConfig.cols.map(item => { |
| | | if (item.field != 'LAY_TABLE_INDEX' && item.field != 'LAY_CHECKED') { |
| | | return { |
| | |
| | | label: item.title, |
| | | prop: item.field, |
| | | formatter:item.template, |
| | | search: true |
| | | search:this.options.tableConfig.queryColumns.some(qItem=>{ |
| | | return qItem.field==item.field |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | |
| | | |
| | | this.value=value.join(','); |
| | | this.text=text.join(',') |
| | | this.$emit("setValue", {field:this.referConfig.field,showField:this.referConfig.showField,value:this.value,text:this.text,rawData:this.selectionList}); |
| | | this.$emit("setValue", {field:this.referConfig.field,showField:this.referConfig.showField,value:this.value,text:this.text,rawData:this.selectionList,fieldMap:this.referConfig.fieldMap}); |
| | | this.visible=false; |
| | | }, |
| | | searchReset() { |
| | |
| | | }, |
| | | sizeChange(pageSize){ |
| | | this.page.pageSize = pageSize; |
| | | }, |
| | | rowClick (row) { |
| | | this.$refs.referDefalutCrud.toggleSelection(); |
| | | this.$refs.referDefalutCrud.toggleRowSelection(row); //选中当前行 |
| | | this.selectionList=[row] |
| | | }, |
| | | selectionChange(list) { |
| | | if (!this.isMuti && list.length > 1) { |
| | |
| | | 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.data; |
| | | getList(Object.assign(params,this.params,this.query, query),page.currentPage, page.pageSize, this.url, this.method).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; |
| | | }); |
| | | } |
| | | |