From a9bbbe822377536e6f3374b05e2b64b12b2f188c Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期一, 27 五月 2024 10:25:43 +0800 Subject: [PATCH] action文档 --- Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue | 127 +++++++++++++++++++++++++++++++++++++---- 1 files changed, 113 insertions(+), 14 deletions(-) diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue index 7c570d8..4cadbbc 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue @@ -1,14 +1,23 @@ <template> <div :id="'UI-dynamic-'+areasName+componentVO.oid" class="UI-dynamic"> - <dynamic-button v-if="componentVO && componentVO.buttons" :componentVO="componentVO" :butttonList="componentVO.buttons" :dataStore="[form]" :sourceData="sourceData" type="form"></dynamic-button> - <basic-form :span="this.componentVO.formDefineVO.columnOneRow?(24/this.componentVO.formDefineVO.columnOneRow) : 12" + <dynamic-button v-if="componentVO && componentVO.buttons" :key="areasName+'buttons-'+componentVO.oid" + :componentVO="componentVO" :butttonList="componentVO.buttons" :dataStore="[form]" :sourceData="sourceData" + @afterMethod="handleRefresh" type="form"></dynamic-button> + <basic-form :key="areasName+'basicForm-'+componentVO.oid" + :span="this.componentVO.formDefineVO.columnOneRow?(24/this.componentVO.formDefineVO.columnOneRow) : 12" :formItems="this.componentVO.formDefineVO && this.componentVO.formDefineVO.items" - :formData="form"> + :disabled="!inDialog" + :isEdit="canEdit" + :formData="form" + :initValue="paramVOS.initvalue" + :uploadattachment="paramVOS.uploadattachment || false" + @getFormData="getFormData"> </basic-form> </div> </template> <script> +import {dataForm} from "@/api/base/ui"; export default { name: "dynamic-form", @@ -29,6 +38,15 @@ type: Boolean, default: false }, + canEdit:{ + //鍐呭鏄惁鍙紪杈� + type:Boolean, + default:false + }, + actionType:{ + //鎸夐挳鎿嶄綔绫诲瀷 + default:"" + }, areasName: { type: String, default: '' @@ -37,6 +55,10 @@ //鎵�灞炲尯鍩熺殑涓婁竴鍖哄煙閫変腑鏁版嵁 type: Object, default: {} + }, + //涓婁竴鍖哄煙涓氬姟绫诲瀷 + sourceBtmType:{ + type: String }, dataStore: { //寮圭獥鏃舵寜閽墍灞炲尯鍩熼�変腑鏁版嵁 @@ -56,6 +78,9 @@ data() { return { form: {}, + params:{}, + sourceDataMapParams:{}, + currentDefineVO:this.componentVO.formDefineVO, } }, mounted() { @@ -64,27 +89,101 @@ form:{ handler(newval) { if(newval) { - this.$emit("setDataStore", { - area: this.areasName, - type:this.componentVO.uiComponentType, - btmType:this.componentVO.treeDefineVO.btmType, - dataStore:[newval] - }); + } - } + }, + deep: true, + immediate: true }, sourceData: { handler(newval) { //婧愭暟鎹湁鍙樺寲鏃跺彉鏇村綋鍓嶅尯鍩熸暟鎹� - console.log(this.areasName); - console.log(newval); + this.sourceDataMapParams=this.sourceDataMap(); + this.getParams(); this.handleRefresh(); - } + }, + deep: true, + immediate: true } }, + created() { + this.getParams(); + }, methods: { - handleRefresh(){ + 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) { + const item = this.sourceData[i] + if (item && item.constructor === Object) continue; + if (i == 'type' || i == 'context' || i == 'content') continue; + sourceDataMap['sourceData["' + i + '"]'] = item + } + } + if (Object.keys(this.paramVOS).length > 0) { + for (let j in this.paramVOS) { + if (this.paramVOS[j] && this.paramVOS[j].constructor === Object) continue; + if (j == 'type' || j == 'context' || j == 'content' || j == "getdataurl" || j == "getdatamethod" || j == "url" || j == "method" || j == "uploadfileurl" || j == "title") continue; + sourceDataMap['sourceData["' + j + '"]'] = this.paramVOS[j] + } + } + return sourceDataMap; + }, + getParams: function () { + const formParams = { + btmname: this.currentDefineVO.btmType, + btmType: this.currentDefineVO.btmType, + formDefineId: this.currentDefineVO.id, + 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 (this.paramVOS.initvalue) { + this.form = this.paramVOS.initvalue; + } + if (Object.keys(this.sourceData).length > 0 && this.isShow && this.actionType != "add") { + this.loading = true; + dataForm(this.params, this.paramVOS.getdataurl, this.paramVOS.getdatamethod).then(res => { + this.form = res.data.obj.data; + this.loading = false; + }).catch(error => { + this.loading = false; + }); + } + }, + handleRefresh() { + this.form = {} + this.onLoad(); + }, + getFormData(form) { + this.form = form; + this.$emit("setDataStore", { + area: this.areasName, + type: this.componentVO.uiComponentType, + btmType: this.currentDefineVO.btmType, + dataStore: [this.form] + }); + this.$emit("setData", { + area: this.areasName, + type: this.componentVO.uiComponentType, + currentDefineVO: this.currentDefineVO, + data: this.form + }); } } } -- Gitblit v1.9.3