entityManagerEdit.form.vue.ftl
2.49 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<#-- ----------------------- 生成在线表单的编辑页的模板 ----------------------------->
<#assign baseUrl><#noparse>${</#noparse>${cfg.system}<#noparse>}</#noparse><#if package.ModuleName??>/${package.ModuleName}</#if>/${table.entityPath}/v1</#assign>
<template>
<div data-vv-scope="${table.entityName}Form">
<el-dialog
title="<#if table.comment??>${table.comment}<#else>实体信息</#if>"
:visible="dialogVisible"
:before-close="beforeCloseDialog"
:fullscreen="true"
:append-to-body="true"
>
<template>
${cfg.form.formHtml}
</template>
<div slot="footer" style="text-align: center">
<el-button type="primary" @click="save()">保存</el-button>
<el-button @click="beforeCloseDialog">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import api from "@/api/${table.entityName}.js";
import onlineHottable from "hotent-ui/src/mixins/onlineHottable.js";
import onlineSubtable from "hotent-ui/src/mixins/onlineSubtable.js";
export default {
name: '${table.entityName}ManagerEdit',
mixins: [onlineHottable, onlineSubtable],
data() {
return {
dialogVisible: false,
isView: false,
saveMethod: "POST",
data: ${cfg.data},
blankData:${cfg.data},
permission: ${cfg.permission}
};
},
created() {
this.$nextTick(() => {
this.handlerJs()
})
},
methods: {
handlerJs(){
${cfg.form.diyJs!}
},
showDialog(id) {
if (id) {
this.saveMethod = "PUT";
api.getDetail(id).then(
resp => {
if (resp && resp.state) {
Object.assign(Object.values(this.data)[0], resp.value)
this.dialogVisible = true;
}
}
);
} else {
this.saveMethod = "POST";
this.dialogVisible = true;
}
},
beforeCloseDialog() {
this.data = JSON.parse(JSON.stringify(this.blankData));
this.dialogVisible = false;
},
afterSaveData() {
setTimeout(() => {
this.beforeCloseDialog();
this.$parent && this.$parent.loadData({})
}, 500);
},
save() {
this.$root.$validator.validateAll('${table.entityName}Form').then((result) => {
if (result) {
api.save(Object.values(this.data)[0]).then(() => {
this.afterSaveData()
})
} else {
this.$message.error('未通过表单校验,请正确填写表单。')
}
})
}
}
};
</script>