From c4d9e7a20dac267c5496ad3586c5053be279a17a Mon Sep 17 00:00:00 2001
From: wangting <675591594@qq.com>
Date: 星期五, 26 四月 2024 20:09:59 +0800
Subject: [PATCH] 添加action，表单组件
---
Source/ProjectWeb/src/components/actions/AddEditDialog.vue | 134 ++++++++++++++++++++++++++++++++------------
1 files changed, 97 insertions(+), 37 deletions(-)
diff --git a/Source/ProjectWeb/src/components/actions/AddEditDialog.vue b/Source/ProjectWeb/src/components/actions/AddEditDialog.vue
index 0ee7d33..a051c80 100644
--- a/Source/ProjectWeb/src/components/actions/AddEditDialog.vue
+++ b/Source/ProjectWeb/src/components/actions/AddEditDialog.vue
@@ -1,36 +1,41 @@
<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"
+ :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"
:btmType="paramVOS.type"
:context="paramVOS.context"
:inDialog="true"
- :key="'AddEditDialog-'+type"
:sourceData="sourceData"
:dataStore="dataStore"
:paramVOS="paramVOS"
></ui-view>
- <div slot="footer" class="dialog-footer avue-dialog__footer">
+ <div 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"
export default {
name: "AddEditDialog",
@@ -49,21 +54,34 @@
paramVOS: {
type: Object,
default: {}
- },
- width: {
- type: String,
- default:'60%'
}
},
data(){
return {
type:"add",
- visible:false
+ visible:false,
+ span:12,
+ formItems:[],
+ form:{}
}
},
computed:{
title(){
return this.paramVOS.title || (this.type=='add'?'娣诲姞':'淇敼')
+ },
+ width(){
+ return this.paramVOS.width || "60%"
+ },
+ height(){
+ return this.paramVOS.height || "500px"
+ },
+ fullscreen(){
+ if(this.paramVOS.width || this.paramVOS.height){
+ return false;
+ }else if(this.paramVOS.form){
+ return false;
+ }
+ return false;
}
},
created() {
@@ -84,40 +102,82 @@
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.
+ 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