| | |
| | | :visible.sync="visible" |
| | | top="0" |
| | | class="avue-dialog avue-dialog--top" |
| | | :width="options.width|| '80%'"> |
| | | |
| | | :width="options.width|| '80%'" |
| | | :height="options.height|| 'auto'"> |
| | | <avue-crud :option="option" |
| | | :table-loading="loading" |
| | | :data="data" |
| | |
| | | this.getParams(); |
| | | }, |
| | | 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; |
| | | if(this.referConfig.options.tableConfig.page){ |
| | | this.page.pageSize=this.referConfig.options.tableConfig.page.limit || this.referConfig.options.tableConfig.page.pageSize; |
| | | this.page.currentPage=this.referConfig.options.tableConfig.page.page || this.referConfig.options.tableConfig.page.currentPage; |
| | | }else if(!validatenull(this.referConfig.options.limit)){ |
| | | this.page.pageSize=this.referConfig.options.limit |
| | | } |
| | | }, |
| | | computed:{ |
| | |
| | | queryParams['order'] = this.options.initSort.type;//方法 |
| | | queryParams['sort'] = this.options.initSort.field;//字段 |
| | | } |
| | | if(this.options.sortField){ |
| | | queryParams['sort'] = this.options.sortField;//字段 |
| | | } |
| | | if(this.options.sortType){ |
| | | queryParams['order'] = this.options.sortType;//方法 |
| | | } |
| | | if (this.options.conditionParams) { |
| | | //说明是扩展属性 |
| | | for (var key in this.options.conditionParams) { |
| | |
| | | label: '英文名称', |
| | | sortable: true, |
| | | width: 150, |
| | | search: true |
| | | search: true, |
| | | formatter:function (d){ |
| | | return d.id || d.data.id |
| | | } |
| | | }, { |
| | | prop: 'name', |
| | | label: '中文名称', |
| | | sortable: true, |
| | | width: 150, |
| | | search: true |
| | | search: true, |
| | | formatter:function (d){ |
| | | return d.name || d.data.name |
| | | } |
| | | }, { |
| | | prop: 'description', |
| | | label: '描述', |
| | | width: 250 |
| | | width: 250, |
| | | formatter:function (d){ |
| | | return d.description || d.data.description |
| | | } |
| | | }, { |
| | | prop: 'secretGradeText', |
| | | label: '密级', |
| | | width: 60, |
| | | hidden: (!this.controllerSecret) |
| | | hidden: (!this.controllerSecret), |
| | | hide: (!this.controllerSecret), |
| | | formatter:function (d){ |
| | | return d.secretGradeText || d.data.secretGradeText |
| | | } |
| | | }]; |
| | | } else { |
| | | debugger; |
| | | this.option.column = this.options.tableConfig.cols.map(item => { |
| | | if (item.field != 'LAY_TABLE_INDEX' && item.field != 'LAY_CHECKED') { |
| | | let formatter=item.template || item.templet; |
| | | if(typeof formatter == "string" && formatter !=''){ |
| | | formatter=eval("(" + formatter + ")") |
| | | }else{ |
| | | formatter=function (d){ |
| | | if(d[item.field]!=undefined){ |
| | | return d[item.field] |
| | | }else if(d.data[item.field] !=undefined){ |
| | | return d.data[item.field] |
| | | }else { |
| | | return '' |
| | | } |
| | | } |
| | | } |
| | | return { |
| | | ...item, |
| | | label: item.title, |
| | | prop: item.field, |
| | | formatter:item.template, |
| | | formatter:formatter, |
| | | sortable:item.sort, |
| | | hide:item.hidden, |
| | | search:this.options.tableConfig.queryColumns.some(qItem=>{ |
| | | return qItem.field==item.field |
| | | }) |
| | |
| | | this.selectionList.forEach((item,_index) =>{ |
| | | if(isMutiValue){ |
| | | var valueFieldArray = _that.props.value.split(","); |
| | | valueFieldArray.forEach((_indexField,_itemField)=>{ |
| | | value.push( item[_itemField] + (_that.referConfig.valueSep?_that.referConfig.valueSep:' ')); |
| | | valueFieldArray.forEach((_itemField,_indexField)=>{ |
| | | let itemValue=item[_itemField]; |
| | | if(itemValue==undefined || itemValue == null){ |
| | | itemValue=item['data'][_itemField] |
| | | } |
| | | value.push( itemValue + (_that.referConfig.valueSep?_that.referConfig.valueSep:' ')); |
| | | }) |
| | | }else { |
| | | value.push(item[_that.props.value]); |
| | | let itemValue=item[_that.props.value]; |
| | | if(itemValue==undefined || itemValue == null){ |
| | | itemValue=item['data'][_that.props.value] |
| | | } |
| | | value.push(itemValue); |
| | | } |
| | | if(isMutiRaw) { |
| | | var rawFieldArray = _that.props.label.split(","); |
| | | rawFieldArray.forEach((_indexField,_itemField)=>{ |
| | | text.push(item[_itemField] + (_that.referConfig.textSep?_that.referConfig.textSep:' ')) ; |
| | | rawFieldArray.forEach((_itemField,_indexField)=>{ |
| | | let itemText=item[_itemField]; |
| | | if(itemText==undefined || itemText == null){ |
| | | itemText=item['data'][_itemField] |
| | | } |
| | | text.push(itemText + (_that.referConfig.textSep?_that.referConfig.textSep:' ')) ; |
| | | }) |
| | | }else{ |
| | | text.push(item[_that.props.label]); |
| | | let itemText=item[_that.props.label]; |
| | | if(itemText==undefined || itemText == null){ |
| | | itemText=item['data'][_that.props.label] |
| | | } |
| | | text.push(itemText); |
| | | } |
| | | }) |
| | | |
| | | let mapFields =Object.assign(this.referConfig.fieldMap,JSON.parse(this.options.mapFields)) ; |
| | | 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:mapFields}); |
| | | this.visible=false; |
| | | }, |
| | | searchReset() { |
| | |
| | | } |
| | | } |
| | | 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 |
| | | let data=[] |
| | | if(res.data.records){ |
| | | data = res.data.records |
| | | this.page.total=res.data.total ; |
| | | }else{ |
| | | data = res.data.data.records; |
| | | this.page.total=res.data.data.total; |
| | | } |
| | | this.data=data.map(item => { |
| | | item.data=item.data || {} |
| | | return { |
| | | ...item |
| | | } |
| | | }) |
| | | this.loading = false; |
| | | this.selectionClear(); |
| | | }).catch(error=>{ |