| | |
| | | |
| | | <script> |
| | | |
| | | import {dataForm} from "@/api/base/ui"; |
| | | |
| | | export default { |
| | | name: "dynamic-form", |
| | | props: { |
| | |
| | | type: Object, |
| | | default: {} |
| | | }, |
| | | //上一区域业务类型 |
| | | sourceBtmType:{ |
| | | type: String |
| | | }, |
| | | dataStore: { |
| | | //弹窗时按钮所属区域选中数据 |
| | | type: Array, |
| | |
| | | data() { |
| | | return { |
| | | form: {}, |
| | | params:{}, |
| | | sourceDataMapParams:{}, |
| | | currentDefineVO:this.componentVO.formDefineVO, |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | sourceData: { |
| | | handler(newval) { |
| | | //源数据有变化时变更当前区域数据 |
| | | console.log(this.areasName); |
| | | console.log(newval); |
| | | this.sourceDataMapParams=this.sourceDataMap(); |
| | | this.getParams(); |
| | | this.handleRefresh(); |
| | | } |
| | | } |
| | | }, |
| | | created() { |
| | | this.getParams(); |
| | | }, |
| | | methods: { |
| | | sourceDataMap: function () { |
| | | const sourceDataMap = {}; |
| | | if (Object.keys(this.sourceData).length>0) { |
| | | if(this.sourceData.oid ) { |
| | | if (this.sourceData.oid.indexOf('@vcitreesep@') > -1) { |
| | | this.sourceData.oid = this.sourceData.oid.split('@vcitreesep@')[1]; |
| | | } |
| | | sourceDataMap.sourceBtmName = this.sourceBtmType;; |
| | | sourceDataMap.sourceOid = this.sourceData.oid; |
| | | } |
| | | for (let i in this.sourceData) { |
| | | let item = this.sourceData[i] |
| | | if (item && item.constructor === Object) return; |
| | | if (i == 'type' || i == 'context' || i == 'content') return; |
| | | sourceDataMap['sourceData["' + i + '"]'] = item |
| | | } |
| | | } |
| | | |
| | | if (Object.keys(this.paramVOS).length>0) { |
| | | for (let i in this.paramVOS) { |
| | | let item = this.paramVOS[i] |
| | | if (item && item.constructor === Object) return; |
| | | if (i == 'type' || i == 'context' || i == 'content') return; |
| | | sourceDataMap['sourceData["' + i + '"]'] = item |
| | | } |
| | | } |
| | | return sourceDataMap; |
| | | }, |
| | | getParams: function () { |
| | | const formParams = { |
| | | btmname: this.currentDefineVO.btmType, |
| | | btmType:this.currentDefineVO.btmType, |
| | | formDefineId: this.currentDefineVO.id, |
| | | componentOid: this.componentVO.oid, |
| | | uiDefineId: this.uiContext, |
| | | oid:this.currentDefineVO.oid |
| | | }; |
| | | if(this.dataStore[0] && this.dataStore[0].oid) { |
| | | formParams.oid = this.dataStore[0].oid; |
| | | } |
| | | const sourceDataMapList = this.sourceDataMapParams; |
| | | |
| | | this.params = Object.assign({},formParams, sourceDataMapList); |
| | | }, |
| | | onLoad:function () { |
| | | if (Object.keys(this.sourceData).length>0 && this.isShow) { |
| | | this.loading = true; |
| | | dataForm(this.params).then(res => { |
| | | this.form = res.data.obj; |
| | | this.loading = false; |
| | | }).catch(error => { |
| | | this.$message.error(error); |
| | | this.loading = false; |
| | | }); |
| | | } |
| | | }, |
| | | handleRefresh(){ |
| | | |
| | | } |