cloud-web-corejs 1.0.144 → 1.0.146
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.
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
v-model="formData.dateRange"
|
|
7
7
|
@change="handleSelectChange"
|
|
8
8
|
clearable
|
|
9
|
+
style="width: 128px !important"
|
|
9
10
|
>
|
|
10
11
|
<el-option :label="$t1('本日')" :value="1"></el-option>
|
|
11
12
|
<el-option :label="$t1('本周')" :value="2"></el-option>
|
|
@@ -15,67 +16,91 @@
|
|
|
15
16
|
<el-select
|
|
16
17
|
class="f-btn"
|
|
17
18
|
v-model="formData.stat"
|
|
18
|
-
:placeholder="$
|
|
19
|
+
:placeholder="$t1('全部状态')"
|
|
19
20
|
clearable
|
|
20
21
|
@clear="formData.stat = null"
|
|
21
22
|
@change="handleSelectChange"
|
|
23
|
+
style="width: 128px !important"
|
|
24
|
+
>
|
|
25
|
+
<el-option :label="$t1('审核中')" :value="1"></el-option>
|
|
26
|
+
<el-option :label="$t1('已完成')" :value="2"></el-option>
|
|
27
|
+
<el-option :label="$t1('已驳回')" :value="3"></el-option>
|
|
28
|
+
</el-select>
|
|
29
|
+
<el-select
|
|
30
|
+
class="f-btn"
|
|
31
|
+
v-model="formData.objTypeCode"
|
|
32
|
+
:placeholder="$t1('流程类型')"
|
|
33
|
+
clearable
|
|
34
|
+
@change="handleSelectChange"
|
|
35
|
+
style="width: 128px !important"
|
|
22
36
|
>
|
|
23
37
|
<el-option
|
|
24
|
-
|
|
25
|
-
:
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
:label="$t2('已完成', 'components.wf.wfStatus2')"
|
|
29
|
-
:value="2"
|
|
30
|
-
></el-option>
|
|
31
|
-
<el-option
|
|
32
|
-
:label="$t2('已驳回', 'components.wf.wfStatus3')"
|
|
33
|
-
:value="3"
|
|
38
|
+
v-for="(item, index) in objTypeList"
|
|
39
|
+
:key="index"
|
|
40
|
+
:label="item.objTypeName"
|
|
41
|
+
:value="item.objTypeCode"
|
|
34
42
|
></el-option>
|
|
35
43
|
</el-select>
|
|
36
|
-
<el-input
|
|
44
|
+
<el-input
|
|
45
|
+
v-model="formData.name"
|
|
46
|
+
:placeholder="$t1('流程主题')"
|
|
47
|
+
style="width: 128px !important"
|
|
48
|
+
></el-input>
|
|
37
49
|
<span class="button-sty">
|
|
38
50
|
<el-date-picker
|
|
39
51
|
v-model="formData.startStartTime"
|
|
40
52
|
type="date"
|
|
41
|
-
placeholder="启动时间（开始）"
|
|
53
|
+
:placeholder="$t1('启动时间（开始）')"
|
|
42
54
|
size="small"
|
|
43
55
|
clearable
|
|
44
56
|
value-format="yyyy-MM-dd"
|
|
45
57
|
:picker-options="$baseStartPickerOptions(formData.endStartTime)"
|
|
58
|
+
style="width: 128px !important"
|
|
46
59
|
></el-date-picker>
|
|
47
60
|
<span>-</span>
|
|
48
61
|
<el-date-picker
|
|
49
62
|
v-model="formData.endStartTime"
|
|
50
63
|
type="date"
|
|
51
|
-
placeholder="启动时间（结束）"
|
|
64
|
+
:placeholder="$t1('启动时间（结束）')"
|
|
52
65
|
size="small"
|
|
53
66
|
clearable
|
|
54
67
|
value-format="yyyy-MM-dd"
|
|
55
68
|
:picker-options="$baseEndPickerOptions(formData.startStartTime)"
|
|
69
|
+
style="width: 128px !important"
|
|
56
70
|
></el-date-picker>
|
|
57
71
|
</span>
|
|
58
72
|
<span class="button-sty">
|
|
59
73
|
<el-date-picker
|
|
60
74
|
v-model="formData.startEndTime"
|
|
61
75
|
type="date"
|
|
62
|
-
placeholder="结束时间（开始）"
|
|
76
|
+
:placeholder="$t1('结束时间（开始）')"
|
|
63
77
|
size="small"
|
|
64
78
|
clearable
|
|
65
79
|
value-format="yyyy-MM-dd"
|
|
66
80
|
:picker-options="$baseStartPickerOptions(formData.endEndTime)"
|
|
81
|
+
style="width: 128px !important"
|
|
67
82
|
></el-date-picker>
|
|
68
83
|
<span>-</span>
|
|
69
84
|
<el-date-picker
|
|
70
85
|
v-model="formData.endEndTime"
|
|
71
86
|
type="date"
|
|
72
|
-
placeholder="结束时间（结束）"
|
|
87
|
+
:placeholder="$t1('结束时间（结束）')"
|
|
73
88
|
size="small"
|
|
74
89
|
clearable
|
|
75
90
|
value-format="yyyy-MM-dd"
|
|
76
91
|
:picker-options="$baseEndPickerOptions(formData.startEndTime)"
|
|
92
|
+
style="width: 128px !important"
|
|
77
93
|
></el-date-picker>
|
|
78
94
|
</span>
|
|
95
|
+
<el-button
|
|
96
|
+
type="primary"
|
|
97
|
+
plain
|
|
98
|
+
class="button-sty"
|
|
99
|
+
@click="resetEvent"
|
|
100
|
+
icon="el-icon-brush"
|
|
101
|
+
>
|
|
102
|
+
{{ $t1("重置") }}
|
|
103
|
+
</el-button>
|
|
79
104
|
<el-button
|
|
80
105
|
type="warning"
|
|
81
106
|
size="small"
|
|
@@ -124,7 +149,29 @@
|
|
|
124
149
|
<span>流程详情列表</span>
|
|
125
150
|
</div>
|
|
126
151
|
<div style="height: 100%">
|
|
127
|
-
<vxe-grid ref="table-m1" v-bind="vxeOption" :data="tableData">
|
|
152
|
+
<vxe-grid ref="table-m1" v-bind="vxeOption" :data="tableData">
|
|
153
|
+
<template #form>
|
|
154
|
+
<div class="clearfix screen-btns">
|
|
155
|
+
<div class="fl">
|
|
156
|
+
<base-table-export
|
|
157
|
+
:option="{
|
|
158
|
+
title: $t1('流程处理耗用时间查询'),
|
|
159
|
+
targetRef: 'table-m1',
|
|
160
|
+
}"
|
|
161
|
+
:parent-target="_self"
|
|
162
|
+
/>
|
|
163
|
+
</div>
|
|
164
|
+
<div class="fr">
|
|
165
|
+
<!-- <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
|
|
166
|
+
plain>{{ $t1('重置') }}
|
|
167
|
+
</vxe-button>
|
|
168
|
+
<vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">
|
|
169
|
+
{{ $t1('搜索') }}
|
|
170
|
+
</vxe-button> -->
|
|
171
|
+
</div>
|
|
172
|
+
</div>
|
|
173
|
+
</template>
|
|
174
|
+
</vxe-grid>
|
|
128
175
|
</div>
|
|
129
176
|
</el-card>
|
|
130
177
|
</el-col>
|
|
@@ -169,14 +216,23 @@
|
|
|
169
216
|
</el-card>
|
|
170
217
|
</el-col>
|
|
171
218
|
</el-row>
|
|
219
|
+
<wfContentDialog
|
|
220
|
+
v-if="showWfDialog"
|
|
221
|
+
:visible.sync="showWfDialog"
|
|
222
|
+
:option.sync="wfContentOption"
|
|
223
|
+
></wfContentDialog>
|
|
172
224
|
</div>
|
|
173
225
|
</template>
|
|
174
226
|
|
|
175
227
|
<script>
|
|
176
228
|
import scriptHttpMixin from "@base/components/xform/mixins/scriptHttp";
|
|
229
|
+
import wfContentDialog from "@base/views/user/wf/wf_manage/wfContentDialog";
|
|
177
230
|
export default {
|
|
178
231
|
name: "wf_report:index",
|
|
179
232
|
mixins: [scriptHttpMixin],
|
|
233
|
+
components: {
|
|
234
|
+
wfContentDialog,
|
|
235
|
+
},
|
|
180
236
|
data() {
|
|
181
237
|
return {
|
|
182
238
|
vxeOption: {},
|
|
@@ -224,16 +280,33 @@ export default {
|
|
|
224
280
|
dateRange: 3,
|
|
225
281
|
stat: null,
|
|
226
282
|
},
|
|
283
|
+
objTypeList: [],
|
|
284
|
+
|
|
285
|
+
showWfDialog: false,
|
|
286
|
+
wfContentOption: {},
|
|
227
287
|
};
|
|
228
288
|
},
|
|
229
289
|
mounted() {
|
|
290
|
+
this.initObjTypeList();
|
|
230
291
|
this.initTableList();
|
|
231
292
|
this.loadWfSummaryCount();
|
|
232
293
|
},
|
|
233
294
|
methods: {
|
|
295
|
+
openWfDialog(row) {
|
|
296
|
+
this.wfContentOption = {
|
|
297
|
+
objId: row.obj_id,
|
|
298
|
+
url: row.url,
|
|
299
|
+
objTypeCode: row.obj_type_code,
|
|
300
|
+
};
|
|
301
|
+
this.showWfDialog = true;
|
|
302
|
+
},
|
|
234
303
|
searchEvent() {
|
|
235
304
|
this.$refs["table-m1"].commitProxy("reload");
|
|
236
305
|
},
|
|
306
|
+
resetEvent() {
|
|
307
|
+
this.formData = {};
|
|
308
|
+
this.$refs["table-m1"].commitProxy("reload");
|
|
309
|
+
},
|
|
237
310
|
initTableList() {
|
|
238
311
|
let that = this;
|
|
239
312
|
let formCode = this.$route.query.formCode;
|
|
@@ -249,8 +322,13 @@ export default {
|
|
|
249
322
|
},
|
|
250
323
|
columns: [
|
|
251
324
|
{ type: "checkbox", width: 48, resizable: false, fixed: "left" },
|
|
252
|
-
{
|
|
253
|
-
|
|
325
|
+
{
|
|
326
|
+
field: "obj_type_name",
|
|
327
|
+
title: this.$t1("流程类型"),
|
|
328
|
+
width: 150,
|
|
329
|
+
fixed: "left",
|
|
330
|
+
},
|
|
331
|
+
{ field: "name", title: this.$t1("流程主题"), width: 180 },
|
|
254
332
|
{
|
|
255
333
|
field: "stat",
|
|
256
334
|
title: "状态",
|
|
@@ -279,10 +357,10 @@ export default {
|
|
|
279
357
|
},
|
|
280
358
|
},
|
|
281
359
|
},
|
|
282
|
-
{ field: "task_name", title: "当前节点", width: 180 },
|
|
360
|
+
{ field: "task_name", title: this.$t1("当前节点"), width: 180 },
|
|
283
361
|
{
|
|
284
362
|
field: "candidate_names",
|
|
285
|
-
title: "当前处理人",
|
|
363
|
+
title: this.$t1("当前处理人"),
|
|
286
364
|
width: 180,
|
|
287
365
|
slots: {
|
|
288
366
|
default: ({ row }) => {
|
|
@@ -295,11 +373,11 @@ export default {
|
|
|
295
373
|
},
|
|
296
374
|
},
|
|
297
375
|
},
|
|
298
|
-
{ field: "start_time", title: "启动时间", width: 150 },
|
|
299
|
-
{ field: "end_time", title: "结束时间", width: 150 },
|
|
376
|
+
{ field: "start_time", title: this.$t1("启动时间"), width: 150 },
|
|
377
|
+
{ field: "end_time", title: this.$t1("结束时间"), width: 150 },
|
|
300
378
|
{
|
|
301
379
|
field: "duration",
|
|
302
|
-
title: "总耗时",
|
|
380
|
+
title: this.$t1("总耗时"),
|
|
303
381
|
width: 180,
|
|
304
382
|
slots: {
|
|
305
383
|
default: ({ row }) => {
|
|
@@ -314,7 +392,7 @@ export default {
|
|
|
314
392
|
},
|
|
315
393
|
{
|
|
316
394
|
field: "task_duration",
|
|
317
|
-
title: "当前节点耗时",
|
|
395
|
+
title: this.$t1("当前节点耗时"),
|
|
318
396
|
width: 180,
|
|
319
397
|
slots: {
|
|
320
398
|
default: ({ row }) => {
|
|
@@ -327,8 +405,10 @@ export default {
|
|
|
327
405
|
},
|
|
328
406
|
},
|
|
329
407
|
},
|
|
408
|
+
{ field: "approver_num", title: this.$t1("审批总人数"), width: 180 },
|
|
409
|
+
{ field: "node_num", title: this.$t1("审批节点数量"), width: 180 },
|
|
330
410
|
{
|
|
331
|
-
width:
|
|
411
|
+
width: 90,
|
|
332
412
|
fixed: "right",
|
|
333
413
|
title: "",
|
|
334
414
|
sortable: false,
|
|
@@ -345,13 +425,30 @@ export default {
|
|
|
345
425
|
<el-tooltip
|
|
346
426
|
enterable={false}
|
|
347
427
|
effect="dark"
|
|
348
|
-
content="
|
|
428
|
+
content={this.$t1("查看详情")}
|
|
349
429
|
placement="top"
|
|
350
430
|
popper-class="tooltip-skin"
|
|
351
431
|
>
|
|
352
432
|
<i class="iconfont icon-dianji" />
|
|
353
433
|
</el-tooltip>
|
|
354
434
|
</a>,
|
|
435
|
+
<a
|
|
436
|
+
href="javascript:void(0);"
|
|
437
|
+
class="a-link"
|
|
438
|
+
onclick={() => {
|
|
439
|
+
this.openWfDialog(row);
|
|
440
|
+
}}
|
|
441
|
+
>
|
|
442
|
+
<el-tooltip
|
|
443
|
+
enterable={false}
|
|
444
|
+
effect="dark"
|
|
445
|
+
content={this.$t1("查看单据")}
|
|
446
|
+
placement="top"
|
|
447
|
+
popper-class="tooltip-skin"
|
|
448
|
+
>
|
|
449
|
+
<i class="el-icon-edit" />
|
|
450
|
+
</el-tooltip>
|
|
451
|
+
</a>,
|
|
355
452
|
];
|
|
356
453
|
},
|
|
357
454
|
},
|
|
@@ -402,6 +499,18 @@ export default {
|
|
|
402
499
|
this.searchEvent();
|
|
403
500
|
this.clearWfSummaryNode();
|
|
404
501
|
},
|
|
502
|
+
initObjTypeList() {
|
|
503
|
+
this.$http({
|
|
504
|
+
url: `/${this.serviceName}/wf_info/listGroupPage`,
|
|
505
|
+
method: "post",
|
|
506
|
+
data: {
|
|
507
|
+
type: 99,
|
|
508
|
+
},
|
|
509
|
+
success: (res) => {
|
|
510
|
+
this.objTypeList = res?.objx?.records || [];
|
|
511
|
+
},
|
|
512
|
+
});
|
|
513
|
+
},
|
|
405
514
|
},
|
|
406
515
|
};
|
|
407
516
|
</script>
|
|
@@ -413,7 +522,7 @@ export default {
|
|
|
413
522
|
}
|
|
414
523
|
.filter-btns {
|
|
415
524
|
.f-btn {
|
|
416
|
-
margin-right:
|
|
525
|
+
margin-right: 25px;
|
|
417
526
|
}
|
|
418
527
|
}
|
|
419
528
|
.sum-statistics {
|