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
| <template>
| <div class="divBox">
| <el-card class="box-card">
| <zb-parser
| :form-id="formId"
| :is-create="isCreate"
| :edit-data="editData"
| @submit="handlerSubmit"
| @resetForm="resetForm"
| v-if="isShow"
| />
| </el-card>
| </div>
| </template>
|
| <script>
| import zbParser from '@/components/FormGenerator/components/parser/ZBParser'
| import { configSaveForm, configInfo } from '@/api/systemConfig.js'
| export default {
| name: "SmsMessage",
| components: { zbParser },
| data() {
| return {
| isShow: true,
| isCreate: 0,
| editData: {},
| formId: 111
| }
| },
| mounted() {
| this.getFormInfo()
| },
| methods: {
| resetForm(formValue) {
| this.isShow = false;
| },
| handlerSubmit(data) {
| const tempArr = []
| for (var key in data) {
| const obj = {}
| obj.name = key
| obj.title = key
| obj.value = data[key]
| tempArr.push(obj)
| }
| const _pram = {
| 'fields': tempArr,
| 'id': this.formId,
| 'sort': 0,
| 'status': true
| }
| configSaveForm(_pram).then(res => {
| this.getFormInfo()
| this.$message.success('操作成功')
| })
| },
| // 获取表单详情
| getFormInfo() {
| configInfo({ id: this.formId }).then(res => {
| this.isShow = false
| this.editData = res
| this.isCreate = 1
| setTimeout(() => { // 让表单重复渲染待编辑数据
| this.isShow = true
| }, 80)
| })
| }
| }
| }
| </script>
|
| <style scoped>
|
| </style>
|
|
