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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
| <template>
| <app-dialog-form
| v-bind="dialogFormProps"
| >
| <app-form-fields v-bind="formFieldsProps"/>
| </app-dialog-form>
| </template>
|
| <script setup>
|
| import {modal} from '@/plugins';
|
| import * as tools from '@/utils/tools.js';
|
| import {useI18n} from 'vue-i18n';
|
| const {t} = useI18n();
|
| import {useEntityStore} from '@/store/modules/index.js';
|
|
| const entityStore = useEntityStore();
|
| const dialogFormRef = ref();
| const formFieldsRef = ref();
|
| const props = defineProps({
| subReload: {
| type: Function,
| default: () => {
| }
| },
| });
|
| const formFieldsProps = {
| ref: formFieldsRef,
| fields: [{
| type: 'el-input',
| prop: "group_name",
| col: {span: 12},
| item: {
| label: '参数组',
| prop: 'group_name',
| rules: [{required: true, message: '请输入参数组'}],
| },
| input: {
| placeholder: '请输入参数组',
| }
| }, {
| type: 'el-input',
| prop: "label_chinese",
| col: {span: 12},
| item: {
| label: '参数描述',
| prop: 'label_chinese',
| rules: [{required: true, message: '请输入参数描述'}],
| },
| input: {
| placeholder: '请输入参数描述',
| }
| }]
| }
|
| const dialogFormProps = {
| title: '',
| ref: dialogFormRef,
| subSubmit: async () => {
| const data = await formFieldsRef.value.onValidate();
| const {id = '', list_order_no = 1, form_order_no = 1, code} = formFieldsRef.value.getDefaultModel();
|
| const field = code || `${tools.convertPinyin(data.label_chinese)}_${tools.randomString(6)}`;
| await entityStore.dataEntity({
| dataName: 'agm_agreement_property',
| data: {
| 'agm_agreement_property': {
| id,
| dataobject_id: 'agm_agreement_property',
| list_order_no,
| form_order_no,
| code: field,
| field,
| ...data
| }
| }
| });
| props.subReload(Boolean(!id));
| },
| subReset: async () => {
| formFieldsRef.value.onReset();
| }
| };
| const onOpen = async (row) => {
| dialogFormProps.title = t(row.id ? 'common.dialog.title.edit' : 'common.dialog.title.add');
| dialogFormRef.value.$forceUpdate(dialogFormProps);
| dialogFormRef.value.onOpen();
| await nextTick();
| formFieldsRef.value.setDefaultModel(row);
| }
|
| defineExpose({
| onOpen
| });
|
| </script>
|
|
