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.
@@ -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>