cloud-web-corejs 1.0.54-dev.108 → 1.0.54-dev.109
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/table/index.js +1 -1
- package/src/components/xform/form-designer/designer.js +1494 -1
- package/src/components/xform/form-designer/setting-panel/form-setting.vue +8 -1
- package/src/components/xform/form-render/indexMixin.js +1724 -1
- package/src/components/xform/mixins/defaultHandle.js +115 -1
- package/src/components/xform/utils/util.js +1598 -1
- package/src/store/config/index.js +664 -1
- package/src/views/bd/setting/form_import_log/edit.vue +120 -0
- package/src/views/bd/setting/form_import_log/list.vue +195 -0
@@ -0,0 +1,120 @@
|
|
1
|
+
<template>
|
2
|
+
<div class="detail-wrap">
|
3
|
+
<el-form ref="editForm" :model="formImportLog">
|
4
|
+
<div class="d-header clearfix">
|
5
|
+
<div class="fl">
|
6
|
+
<i class="el-icon-info"/>
|
7
|
+
{{ dataId ? $t1('查看表单导入日志') : $t1('新增表单导入日志') }}
|
8
|
+
</div>
|
9
|
+
<div class="fr">
|
10
|
+
<el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">
|
11
|
+
{{ $t1('重置') }}
|
12
|
+
</el-button>
|
13
|
+
</div>
|
14
|
+
</div>
|
15
|
+
<div class="d-cont">
|
16
|
+
<div class="d-item">
|
17
|
+
<div class="title first"><b>{{ $t1('基本信息') }}</b></div>
|
18
|
+
<table class="table-detail">
|
19
|
+
<tbody>
|
20
|
+
<tr>
|
21
|
+
<th>
|
22
|
+
<em class="f-red">*</em>
|
23
|
+
{{ $t1('表单分类路径') }}
|
24
|
+
</th>
|
25
|
+
<td colspan="5">
|
26
|
+
{{ formImportLog.treePathName }}
|
27
|
+
</td>
|
28
|
+
</tr>
|
29
|
+
<tr>
|
30
|
+
<th>
|
31
|
+
<em class="f-red">*</em>
|
32
|
+
{{ $t1('日志类型') }}
|
33
|
+
</th>
|
34
|
+
<td>
|
35
|
+
{{ formImportLog.logType }}
|
36
|
+
</td>
|
37
|
+
<th>
|
38
|
+
<em class="f-red">*</em>
|
39
|
+
{{ $t1('日志对象') }}
|
40
|
+
</th>
|
41
|
+
<td colspan="3">
|
42
|
+
[{{ formImportLog.abc }}] {{ formImportLog.logObj }}
|
43
|
+
</td>
|
44
|
+
</tr>
|
45
|
+
<tr>
|
46
|
+
<th>
|
47
|
+
<em class="f-red">*</em>
|
48
|
+
{{ $t1('导入时间') }}
|
49
|
+
</th>
|
50
|
+
<td>
|
51
|
+
{{ formImportLog.impDate }}
|
52
|
+
</td>
|
53
|
+
<th>
|
54
|
+
<em class="f-red">*</em>
|
55
|
+
{{ $t1('结果') }}
|
56
|
+
</th>
|
57
|
+
<td colspan="3">
|
58
|
+
{{ formImportLog.impReturnType }} - {{ formImportLog.impReturnMsg }}
|
59
|
+
</td>
|
60
|
+
</tr>
|
61
|
+
<tr>
|
62
|
+
<th>{{ $t1('创建人') }}</th>
|
63
|
+
<td>{{ formImportLog._createBy }}</td>
|
64
|
+
<th>{{ $t1('创建时间') }}</th>
|
65
|
+
<td>{{ formImportLog.createDate }}</td>
|
66
|
+
<th>{{ $t1('更新人') }}</th>
|
67
|
+
<td>{{ formImportLog._modifyBy }}</td>
|
68
|
+
<th>{{ $t1('更新时间') }}</th>
|
69
|
+
<td>{{ formImportLog.modifyDate }}</td>
|
70
|
+
</tr>
|
71
|
+
</tbody>
|
72
|
+
</table>
|
73
|
+
</div>
|
74
|
+
</div>
|
75
|
+
</el-form>
|
76
|
+
</div>
|
77
|
+
</template>
|
78
|
+
|
79
|
+
<script>
|
80
|
+
export default {
|
81
|
+
name: 'formImportLogEdit',
|
82
|
+
props: {
|
83
|
+
_dataId: [String, Number]
|
84
|
+
},
|
85
|
+
components: {},
|
86
|
+
data() {
|
87
|
+
return {
|
88
|
+
isEdit: false,
|
89
|
+
tabIndex: 'first',
|
90
|
+
dataId: '',
|
91
|
+
formImportLog: {}
|
92
|
+
};
|
93
|
+
},
|
94
|
+
created() {
|
95
|
+
if (this._dataId && !isNaN(this._dataId)) this.dataId = this._dataId;
|
96
|
+
},
|
97
|
+
mounted() {
|
98
|
+
this.getData();
|
99
|
+
},
|
100
|
+
methods: {
|
101
|
+
getData() {
|
102
|
+
if (this.dataId && !isNaN(this.dataId)) {
|
103
|
+
this.isEdit = true;
|
104
|
+
this.$commonHttp({
|
105
|
+
url: USER_PREFIX + `/form_import_log/get`,
|
106
|
+
method: `post`,
|
107
|
+
data: {
|
108
|
+
id: this.dataId
|
109
|
+
},
|
110
|
+
isLoading: true,
|
111
|
+
modalStrictly: true,
|
112
|
+
success: res => {
|
113
|
+
this.formImportLog = res.objx || {};
|
114
|
+
}
|
115
|
+
});
|
116
|
+
}
|
117
|
+
}
|
118
|
+
}
|
119
|
+
};
|
120
|
+
</script>
|
@@ -0,0 +1,195 @@
|
|
1
|
+
<template>
|
2
|
+
<div id="containt">
|
3
|
+
<el-tabs v-model="activeName" class="tab-box">
|
4
|
+
<el-tab-pane :label="$t1('常规')" name="first">
|
5
|
+
<editView v-if="showEdit" visible-key="showEdit" :_dataId.sync="dataId" :parent-target="_self"
|
6
|
+
@reload="$reloadHandle"></editView>
|
7
|
+
</el-tab-pane>
|
8
|
+
<el-tab-pane :label="$t1('列表')" name="second">
|
9
|
+
<div class="grid-height">
|
10
|
+
<vxe-grid ref="table-m1" v-bind="vxeOption" @resizable-change="$vxeTableUtil.onColumnWitchChange"
|
11
|
+
@custom="$vxeTableUtil.customHandle">
|
12
|
+
<template #form>
|
13
|
+
<div class="clearfix screen-btns">
|
14
|
+
<div class="fl">
|
15
|
+
</div>
|
16
|
+
<div class="fr">
|
17
|
+
<vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
|
18
|
+
plain>{{ $t1('重置') }}
|
19
|
+
</vxe-button>
|
20
|
+
<vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">
|
21
|
+
{{ $t1('搜索') }}
|
22
|
+
</vxe-button>
|
23
|
+
</div>
|
24
|
+
</div>
|
25
|
+
<vxe-form ref="form" class="screen-box" title-width="92px" title-align="right" :data="formData"
|
26
|
+
@submit="searchEvent" @reset="searchEvent">
|
27
|
+
<vxe-form-item :title="$t1('表单分类路径')+':'" field="treePathName">
|
28
|
+
<template v-slot>
|
29
|
+
<el-input v-model="formData.treePathName" size="small" clearable/>
|
30
|
+
</template>
|
31
|
+
</vxe-form-item>
|
32
|
+
<vxe-form-item :title="$t1('日志类型')+':'" field="logType">
|
33
|
+
<template v-slot>
|
34
|
+
<el-input v-model="formData.logType" size="small" clearable/>
|
35
|
+
</template>
|
36
|
+
</vxe-form-item>
|
37
|
+
<vxe-form-item :title="$t1('日志对象')+':'" field="logObj">
|
38
|
+
<template v-slot>
|
39
|
+
<el-input v-model="formData.logObj" size="small" clearable/>
|
40
|
+
</template>
|
41
|
+
</vxe-form-item>
|
42
|
+
<vxe-form-item :title="$t1('结果')+':'" field="impReturnType">
|
43
|
+
<template v-slot>
|
44
|
+
<el-select v-model="formData.impReturnType" size="small" clearable>
|
45
|
+
<el-option value="success" label="成功"></el-option>
|
46
|
+
<el-option value="fail" label="失败"></el-option>
|
47
|
+
</el-select>
|
48
|
+
</template>
|
49
|
+
</vxe-form-item>
|
50
|
+
<vxe-form-item title="导入时间:" field="date1">
|
51
|
+
<template #default="{ data }">
|
52
|
+
<el-date-picker
|
53
|
+
v-model="formData.startImpDate"
|
54
|
+
type="datetime"
|
55
|
+
placeholder=""
|
56
|
+
size="small"
|
57
|
+
clearable
|
58
|
+
value-format="yyyy-MM-dd HH:mm:ss"
|
59
|
+
:picker-options="$baseStartPickerOptions(formData.endImpDate)"
|
60
|
+
></el-date-picker>
|
61
|
+
<span>-</span>
|
62
|
+
<el-date-picker
|
63
|
+
v-model="formData.endImpDate"
|
64
|
+
type="datetime"
|
65
|
+
placeholder=""
|
66
|
+
size="small"
|
67
|
+
clearable
|
68
|
+
value-format="yyyy-MM-dd HH:mm:ss"
|
69
|
+
:picker-options="$baseEndPickerOptions(formData.startImpDate)"
|
70
|
+
></el-date-picker>
|
71
|
+
</template>
|
72
|
+
</vxe-form-item>
|
73
|
+
</vxe-form>
|
74
|
+
</template>
|
75
|
+
</vxe-grid>
|
76
|
+
</div>
|
77
|
+
</el-tab-pane>
|
78
|
+
</el-tabs>
|
79
|
+
</div>
|
80
|
+
</template>
|
81
|
+
|
82
|
+
<script>
|
83
|
+
import editView from './edit.vue';
|
84
|
+
|
85
|
+
export default {
|
86
|
+
name: 'form_import_log:list',
|
87
|
+
components: {editView},
|
88
|
+
data() {
|
89
|
+
return {
|
90
|
+
activeName: 'second',
|
91
|
+
dataId: 0,
|
92
|
+
showEdit: false,
|
93
|
+
vxeOption: {},
|
94
|
+
formData: {}
|
95
|
+
};
|
96
|
+
},
|
97
|
+
mounted() {
|
98
|
+
this.initTableList();
|
99
|
+
},
|
100
|
+
methods: {
|
101
|
+
searchEvent() {
|
102
|
+
this.$refs['table-m1'].commitProxy('reload');
|
103
|
+
},
|
104
|
+
resetEvent() {
|
105
|
+
this.formData = {};
|
106
|
+
this.$refs['table-m1'].commitProxy('reload');
|
107
|
+
},
|
108
|
+
openEditDialog(id) {
|
109
|
+
this.dataId = !id || typeof id == 'object' ? 0 : id;
|
110
|
+
this.activeName = 'first';
|
111
|
+
this.$openEditView('showEdit');
|
112
|
+
},
|
113
|
+
initTableList() {
|
114
|
+
let that = this;
|
115
|
+
let tableOption = {
|
116
|
+
vue: this,
|
117
|
+
tableRef: 'table-m1',
|
118
|
+
tableName: 'user_form_import_log_list-m1',
|
119
|
+
path: USER_PREFIX + '/form_import_log/listPage',
|
120
|
+
param: () => {
|
121
|
+
return this.formData;
|
122
|
+
},
|
123
|
+
columns: [
|
124
|
+
{type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
|
125
|
+
{
|
126
|
+
title: this.$t1('表单分类路径'),
|
127
|
+
field: 'treePathName',
|
128
|
+
width: 250,
|
129
|
+
fixed: 'left'
|
130
|
+
},
|
131
|
+
{
|
132
|
+
field: 'logType',
|
133
|
+
title: this.$t1('日志类型'),
|
134
|
+
width: 150
|
135
|
+
},
|
136
|
+
{
|
137
|
+
field: 'logObj',
|
138
|
+
title: this.$t1('日志对象'),
|
139
|
+
width: 250,
|
140
|
+
slots: {
|
141
|
+
default: ({row}) => {
|
142
|
+
return `[${row.abc}] ${row.logObj}`;
|
143
|
+
}
|
144
|
+
}
|
145
|
+
},
|
146
|
+
{
|
147
|
+
field: 'impReturnMsg',
|
148
|
+
title: this.$t1('结果'),
|
149
|
+
width: 350,
|
150
|
+
slots: {
|
151
|
+
default: ({row}) => {
|
152
|
+
return `${row.impReturnType} - ${row.impReturnMsg}`;
|
153
|
+
}
|
154
|
+
}
|
155
|
+
},
|
156
|
+
{
|
157
|
+
field: 'impDate',
|
158
|
+
title: this.$t1('导入时间'),
|
159
|
+
width: 150
|
160
|
+
},
|
161
|
+
{
|
162
|
+
width: 47,
|
163
|
+
fixed: 'right',
|
164
|
+
title: '',
|
165
|
+
sortable: false,
|
166
|
+
slots: {
|
167
|
+
default: ({row}) => {
|
168
|
+
return [
|
169
|
+
<div>
|
170
|
+
<a
|
171
|
+
href="javascript:void(0);"
|
172
|
+
class="a-link"
|
173
|
+
onclick={() => {
|
174
|
+
this.openEditDialog(row.id);
|
175
|
+
}}
|
176
|
+
>
|
177
|
+
<el-tooltip enterable={false} effect="dark" content={this.$t1('查看')} placement="top"
|
178
|
+
popper-class="tooltip-skin">
|
179
|
+
<i class="el-icon-edit"/>
|
180
|
+
</el-tooltip>
|
181
|
+
</a>
|
182
|
+
</div>
|
183
|
+
];
|
184
|
+
}
|
185
|
+
}
|
186
|
+
}
|
187
|
+
]
|
188
|
+
};
|
189
|
+
this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
|
190
|
+
this.vxeOption = opts;
|
191
|
+
});
|
192
|
+
}
|
193
|
+
}
|
194
|
+
};
|
195
|
+
</script>
|