From 208548501db7256ab364f904196f614c4f1a0b40 Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期一, 29 四月 2024 11:51:14 +0800 Subject: [PATCH] 添加action --- Source/ProjectWeb/src/components/actions/AddEditDialog.vue | 157 ++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 120 insertions(+), 37 deletions(-) diff --git a/Source/ProjectWeb/src/components/actions/AddEditDialog.vue b/Source/ProjectWeb/src/components/actions/AddEditDialog.vue index 0ee7d33..09b5960 100644 --- a/Source/ProjectWeb/src/components/actions/AddEditDialog.vue +++ b/Source/ProjectWeb/src/components/actions/AddEditDialog.vue @@ -1,36 +1,46 @@ <template> <el-dialog v-dialogDrag - :title="paramVOS.title" + :title="title" :visible.sync="visible" :width="width" - :fullscreen="paramVOS.content || paramVOS.context" + :fullscreen="fullscreen" :append-to-body="true" - class="avue-dialog avue-dialog--top" + top="0" + class="avue-dialog" :destroy-on-close="true" @close="dialogClose"> - <basic-form ref="formRef" v-if="paramVOS.form"> + <basic-form ref="formRef" v-if="paramVOS.form" + :key="'dialog-'+paramVOS.form" + :span="span" + :style="fullscreen?'':'height:'+height" + :isEdit="true" + :formItems="formItems" + :formData="form"> </basic-form> - <ui-view ref="uiViewRef" v-else-if="paramVOS.content || paramVOS.context" + <ui-view ref="uiViewRef" v-else-if="paramVOS.context" + :key="'AddEditDialog-'+type" + :style="fullscreen?'':'height:'+height" :btmType="paramVOS.type" :context="paramVOS.context" :inDialog="true" - :key="'AddEditDialog-'+type" + :canEdit="true" :sourceData="sourceData" :dataStore="dataStore" :paramVOS="paramVOS" ></ui-view> - <div slot="footer" class="dialog-footer avue-dialog__footer"> + <div v-if="showSave" class="dialog-footer avue-dialog__footer"> <el-button type="primary" plain size="small" @click="saveHandler">淇� 瀛�</el-button> <el-button size="small" @click="dialogClose">鍙� 娑�</el-button> - <el-button size="small" @click="resetValue">閲� 缃�</el-button> + <el-button size="small" @click="resetValue" v-if="paramVOS.form">閲� 缃�</el-button> </div> </el-dialog> </template> <script> import uiView from "@/views/base/UIContentViewerInDialog" -import {dataForm} from "@/api/base/ui"; -import {addSave} from "@/api/base/actions" +import {getFormDefineById,dataForm} from "@/api/base/ui"; +import {addSave,editSave} from "@/api/base/actions" +import {validatenull} from "@/util/validate" export default { name: "AddEditDialog", @@ -49,21 +59,51 @@ paramVOS: { type: Object, default: {} - }, - width: { - type: String, - default:'60%' } }, data(){ return { type:"add", - visible:false + visible:false, + showSave:this.paramVOS.customBtn || true, + span:12, + formItems:[], + form:{} } }, computed:{ title(){ return this.paramVOS.title || (this.type=='add'?'娣诲姞':'淇敼') + }, + width() { + if (!validatenull(this.paramVOS.width)) { + if (this.paramVOS.width.includes("px") || this.paramVOS.width.includes("%")) { + return this.paramVOS.width; + } else { + return this.paramVOS.width + "px"; + } + } else { + return "60%"; + } + }, + height(){ + if (!validatenull(this.paramVOS.height)) { + if (this.paramVOS.height.includes("px") || this.paramVOS.height.includes("%")) { + return this.paramVOS.height; + } else { + return this.paramVOS.height + "px"; + } + } else { + return "auto" + } + }, + fullscreen(){ + if(this.paramVOS.width || this.paramVOS.height){ + return false; + }else if(this.paramVOS.form){ + return false; + } + return true; } }, created() { @@ -84,40 +124,83 @@ this.visible = false; }, onLoad: function () { - if (Object.keys(this.sourceData).length > 0 && this.isShow) { + if (Object.keys(this.sourceData).length > 0) { this.loading = true; - dataForm(this.params).then(res => { - this.form = res.data.obj; - this.loading = false; + getFormDefineById(this.paramVOS.type,this.paramVOS.form).then(result => { + this.formItems=result.data.obj.items; + this.span=result.data.obj.columnOneRow?(24/result.data.obj.columnOneRow) : 12; + + if (this.paramVOS.initvalue) { + this.form=this.paramVOS.initvalue; + } + if(this.type=="edit"){ + //鍔犺浇琛ㄥ崟鏁版嵁 + dataForm(this.params,this.paramVOS.getdataurl,this.paramVOS.getdatamethod).then(res => { + this.form = res.data.obj; + this.loading = false; + }).catch(error => { + this.$message.error(error); + this.loading = false; + }); + } }).catch(error => { this.$message.error(error); this.loading = false; }); + } }, saveHandler() { - this.$refs.formRef.validate((valid, done) => { - if (valid) { - addSave(this.paramVOS.url,this.paramVOS.method,this.form).then(() => { - this.$message({ - type: "success", - message: "鍒涘缓鎴愬姛!" - }); - if(this.saveCallback){ - this.saveCallback(); - } - this.dialogClose(); - }).error((e) => { - this.$message.error(e||"鍒涘缓澶辫触") - }); + if(this.paramVOS.form){ + this.$refs.formRef.validate((valid, done) => { + if (valid) { + this.saveValue(this.form) + } else { - } else { - + } + }); + }else{ + //this.$refs.uiViewRef. + debugger; + if(this.saveCallback){ + this.saveCallback({}); } - }); + } + + }, + saveValue(savedata){ + if(this.type=="add"){ + addSave(savedata,this.paramVOS.url,this.paramVOS.method).then(() => { + this.$message({ + type: "success", + message: "淇濆瓨鎴愬姛!" + }); + if(this.saveCallback){ + this.saveCallback(savedata); + } + this.dialogClose(); + }).error((e) => { + this.$message.error(e||"淇濆瓨澶辫触") + }); + }else{ + editSave(savedata,this.paramVOS.url,this.paramVOS.method).then(() => { + this.$message({ + type: "success", + message: "淇敼鎴愬姛!" + }); + if(this.saveCallback){ + this.saveCallback(savedata); + } + this.dialogClose(); + }).error((e) => { + this.$message.error(e||"淇敼澶辫触") + }); + } }, resetValue() { - this.$refs.formRef.resetFields(); + if (this.paramVOS.form) { + this.$refs.formRef.resetFields(); + } } } } -- Gitblit v1.9.3