ddy-process-pc-vue2 1.0.1-rc.2.3 → 1.0.1-rc.2.5
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/vue2/index.esm.js +1344 -204
- package/vue2/index.umd.js +1344 -204
package/vue2/index.umd.js
CHANGED
|
@@ -667,7 +667,7 @@
|
|
|
667
667
|
*/
|
|
668
668
|
getOutgoingProcessNode(taskId, processNodeId) {
|
|
669
669
|
let ajaxObj = {
|
|
670
|
-
url:
|
|
670
|
+
url: proxyStrV2 + "/tis/getOutgoingProcessNode",
|
|
671
671
|
param: {
|
|
672
672
|
taskId,
|
|
673
673
|
processNodeId
|
|
@@ -2683,6 +2683,167 @@
|
|
|
2683
2683
|
//
|
|
2684
2684
|
//
|
|
2685
2685
|
//
|
|
2686
|
+
//
|
|
2687
|
+
//
|
|
2688
|
+
//
|
|
2689
|
+
//
|
|
2690
|
+
//
|
|
2691
|
+
//
|
|
2692
|
+
//
|
|
2693
|
+
//
|
|
2694
|
+
//
|
|
2695
|
+
//
|
|
2696
|
+
//
|
|
2697
|
+
//
|
|
2698
|
+
//
|
|
2699
|
+
//
|
|
2700
|
+
//
|
|
2701
|
+
//
|
|
2702
|
+
//
|
|
2703
|
+
//
|
|
2704
|
+
//
|
|
2705
|
+
//
|
|
2706
|
+
//
|
|
2707
|
+
//
|
|
2708
|
+
//
|
|
2709
|
+
//
|
|
2710
|
+
//
|
|
2711
|
+
//
|
|
2712
|
+
//
|
|
2713
|
+
//
|
|
2714
|
+
//
|
|
2715
|
+
//
|
|
2716
|
+
//
|
|
2717
|
+
//
|
|
2718
|
+
//
|
|
2719
|
+
//
|
|
2720
|
+
//
|
|
2721
|
+
//
|
|
2722
|
+
//
|
|
2723
|
+
//
|
|
2724
|
+
//
|
|
2725
|
+
//
|
|
2726
|
+
//
|
|
2727
|
+
//
|
|
2728
|
+
//
|
|
2729
|
+
//
|
|
2730
|
+
//
|
|
2731
|
+
//
|
|
2732
|
+
//
|
|
2733
|
+
//
|
|
2734
|
+
//
|
|
2735
|
+
//
|
|
2736
|
+
//
|
|
2737
|
+
//
|
|
2738
|
+
//
|
|
2739
|
+
//
|
|
2740
|
+
//
|
|
2741
|
+
//
|
|
2742
|
+
//
|
|
2743
|
+
//
|
|
2744
|
+
//
|
|
2745
|
+
//
|
|
2746
|
+
//
|
|
2747
|
+
//
|
|
2748
|
+
//
|
|
2749
|
+
//
|
|
2750
|
+
//
|
|
2751
|
+
//
|
|
2752
|
+
//
|
|
2753
|
+
//
|
|
2754
|
+
//
|
|
2755
|
+
//
|
|
2756
|
+
//
|
|
2757
|
+
//
|
|
2758
|
+
//
|
|
2759
|
+
//
|
|
2760
|
+
//
|
|
2761
|
+
//
|
|
2762
|
+
//
|
|
2763
|
+
//
|
|
2764
|
+
//
|
|
2765
|
+
//
|
|
2766
|
+
//
|
|
2767
|
+
//
|
|
2768
|
+
//
|
|
2769
|
+
//
|
|
2770
|
+
//
|
|
2771
|
+
//
|
|
2772
|
+
//
|
|
2773
|
+
//
|
|
2774
|
+
//
|
|
2775
|
+
//
|
|
2776
|
+
//
|
|
2777
|
+
//
|
|
2778
|
+
//
|
|
2779
|
+
//
|
|
2780
|
+
//
|
|
2781
|
+
//
|
|
2782
|
+
//
|
|
2783
|
+
//
|
|
2784
|
+
//
|
|
2785
|
+
//
|
|
2786
|
+
//
|
|
2787
|
+
//
|
|
2788
|
+
//
|
|
2789
|
+
//
|
|
2790
|
+
//
|
|
2791
|
+
//
|
|
2792
|
+
//
|
|
2793
|
+
//
|
|
2794
|
+
//
|
|
2795
|
+
//
|
|
2796
|
+
//
|
|
2797
|
+
//
|
|
2798
|
+
//
|
|
2799
|
+
//
|
|
2800
|
+
//
|
|
2801
|
+
//
|
|
2802
|
+
//
|
|
2803
|
+
//
|
|
2804
|
+
//
|
|
2805
|
+
//
|
|
2806
|
+
//
|
|
2807
|
+
//
|
|
2808
|
+
//
|
|
2809
|
+
//
|
|
2810
|
+
//
|
|
2811
|
+
//
|
|
2812
|
+
//
|
|
2813
|
+
//
|
|
2814
|
+
//
|
|
2815
|
+
//
|
|
2816
|
+
//
|
|
2817
|
+
//
|
|
2818
|
+
//
|
|
2819
|
+
//
|
|
2820
|
+
//
|
|
2821
|
+
//
|
|
2822
|
+
//
|
|
2823
|
+
//
|
|
2824
|
+
//
|
|
2825
|
+
//
|
|
2826
|
+
//
|
|
2827
|
+
//
|
|
2828
|
+
//
|
|
2829
|
+
//
|
|
2830
|
+
//
|
|
2831
|
+
//
|
|
2832
|
+
//
|
|
2833
|
+
//
|
|
2834
|
+
//
|
|
2835
|
+
//
|
|
2836
|
+
//
|
|
2837
|
+
//
|
|
2838
|
+
//
|
|
2839
|
+
//
|
|
2840
|
+
//
|
|
2841
|
+
//
|
|
2842
|
+
//
|
|
2843
|
+
//
|
|
2844
|
+
//
|
|
2845
|
+
//
|
|
2846
|
+
//
|
|
2686
2847
|
|
|
2687
2848
|
|
|
2688
2849
|
var script$g = {
|
|
@@ -2723,8 +2884,10 @@
|
|
|
2723
2884
|
},
|
|
2724
2885
|
computed: {
|
|
2725
2886
|
checkModelList() {
|
|
2726
|
-
let arr = this.processNodeObj.
|
|
2727
|
-
|
|
2887
|
+
let arr = this.processNodeObj.branches.filter((o) =>
|
|
2888
|
+
{
|
|
2889
|
+
return this.checkList.includes(o.incomingConditionItemList[0].compareValue)
|
|
2890
|
+
}
|
|
2728
2891
|
);
|
|
2729
2892
|
|
|
2730
2893
|
this.resultList = arr || [];
|
|
@@ -2735,6 +2898,10 @@
|
|
|
2735
2898
|
processNode: {
|
|
2736
2899
|
handler(newVal, oldVal) {
|
|
2737
2900
|
// 如果是长度为1，固定
|
|
2901
|
+
console.log(newVal, 'processNodeObj');
|
|
2902
|
+
if (newVal.nodeType == 'userTask' && newVal.setPersonnel && newVal.assignees && newVal.assignees.length > 0) {
|
|
2903
|
+
this.targetUserId = newVal.assignees.map(i => i.id);
|
|
2904
|
+
}
|
|
2738
2905
|
if (newVal.userList && newVal.userList.length == 1) {
|
|
2739
2906
|
this.targetUserId = newVal.userList[0].userId;
|
|
2740
2907
|
}
|
|
@@ -2833,19 +3000,111 @@
|
|
|
2833
3000
|
let flag = true;
|
|
2834
3001
|
let val = { multiNodeParticipant: {}, vars: {} };
|
|
2835
3002
|
if (
|
|
2836
|
-
!this.processNodeObj.type ||
|
|
3003
|
+
(!this.processNodeObj.type ||
|
|
2837
3004
|
this.processNodeObj.type == this.Enum.ProcessNodeType.用户任务 ||
|
|
2838
|
-
this.processNodeObj.type == ProcessNodeType.用户节点
|
|
3005
|
+
this.processNodeObj.type == ProcessNodeType.用户节点)
|
|
3006
|
+
|
|
2839
3007
|
) {
|
|
3008
|
+
|
|
3009
|
+
/**
|
|
3010
|
+
* &&
|
|
3011
|
+
(
|
|
3012
|
+
this.processNodeObj.nodeType != 'exclusiveGateway'
|
|
3013
|
+
||
|
|
3014
|
+
this.processNodeObj.nodeType == 'exclusiveGateway' && this.processNodeObj.branches.length == 0
|
|
3015
|
+
)
|
|
3016
|
+
*/
|
|
3017
|
+
// exclusiveGateway 节点
|
|
3018
|
+
console.log(this.processNodeObj, 'this.processNodeObj 第一个判断');
|
|
3019
|
+
if (this.processNodeObj.nodeType == 'exclusiveGateway') {
|
|
3020
|
+
// 进来这里
|
|
3021
|
+
for (let key in this.userTaskListData) {
|
|
3022
|
+
let o = this.userTaskListData[key];
|
|
3023
|
+
let refCom = this.$refs[o];
|
|
3024
|
+
|
|
3025
|
+
refCom = Array.isArray(refCom) ? refCom[0] : refCom;
|
|
3026
|
+
if (refCom) {
|
|
3027
|
+
let res = refCom.getValue();
|
|
3028
|
+
if (!res) {
|
|
3029
|
+
flag = false;
|
|
3030
|
+
} else {
|
|
3031
|
+
if (this.radioModel && this.radioModel.nodeInfoDTO && this.radioModel.nodeInfoDTO.id) {
|
|
3032
|
+
if (
|
|
3033
|
+
this.radioModel.nodeInfoDTO.incomingConditionItemList &&
|
|
3034
|
+
this.radioModel.nodeInfoDTO.incomingConditionItemList.length > 0
|
|
3035
|
+
)
|
|
3036
|
+
val.vars[
|
|
3037
|
+
this.radioModel.nodeInfoDTO.incomingConditionItemList[0].itemName
|
|
3038
|
+
] =
|
|
3039
|
+
this.radioModel.nodeInfoDTO.incomingConditionItemList[0].compareValue;
|
|
3040
|
+
}
|
|
3041
|
+
val.multiNodeParticipant = {
|
|
3042
|
+
...val.multiNodeParticipant,
|
|
3043
|
+
...res.multiNodeParticipant,
|
|
3044
|
+
};
|
|
3045
|
+
val.vars = { ...val.vars, ...res.vars };
|
|
3046
|
+
}
|
|
3047
|
+
}
|
|
3048
|
+
}
|
|
3049
|
+
|
|
3050
|
+
}
|
|
3051
|
+
else if (this.processNodeObj.nodeType == 'inclusiveGateway') {
|
|
3052
|
+
// 进来这里
|
|
3053
|
+
if (this.resultList && this.resultList.length > 0) {
|
|
3054
|
+
|
|
3055
|
+
this.resultList.forEach(rlItem => {
|
|
3056
|
+
const o = this.userTaskListData[rlItem.nodeInfoDTO.id];
|
|
3057
|
+
let refCom = this.$refs[o];
|
|
3058
|
+
|
|
3059
|
+
refCom = Array.isArray(refCom) ? refCom[0] : refCom;
|
|
3060
|
+
if (refCom) {
|
|
3061
|
+
let res = refCom.getValue();
|
|
3062
|
+
if (!res) {
|
|
3063
|
+
flag = false;
|
|
3064
|
+
} else {
|
|
3065
|
+
if (rlItem.nodeInfoDTO.incomingConditionItemList.length !== 0) {
|
|
3066
|
+
rlItem.nodeInfoDTO.incomingConditionItemList.forEach((item) => {
|
|
3067
|
+
if (item.itemName) {
|
|
3068
|
+
val.vars[item.itemName] = item.compareValue;
|
|
3069
|
+
}
|
|
3070
|
+
});
|
|
3071
|
+
}
|
|
3072
|
+
val.multiNodeParticipant = {
|
|
3073
|
+
...val.multiNodeParticipant,
|
|
3074
|
+
...res.multiNodeParticipant,
|
|
3075
|
+
};
|
|
3076
|
+
val.vars = { ...val.vars, ...res.vars };
|
|
3077
|
+
}
|
|
3078
|
+
}
|
|
3079
|
+
});
|
|
3080
|
+
|
|
3081
|
+
} else {
|
|
3082
|
+
console.log(this.processNodeObj, 'this.processNodeObj.nodeInfoDTO 判断是否是多分支');
|
|
3083
|
+
// 判断是否是多分支
|
|
3084
|
+
if (this.processNodeObj && this.processNodeObj.nodeType == 'inclusiveGateway') {
|
|
3085
|
+
elementUi.Message.warning(`请选择下一节点`);
|
|
3086
|
+
} else {
|
|
3087
|
+
this.processNodeObj.nodeInfoDTO.name && elementUi.Message.warning(`请选择 ${this.processNodeObj.nodeInfoDTO.name} `);
|
|
3088
|
+
}
|
|
3089
|
+
return false;
|
|
3090
|
+
}
|
|
3091
|
+
}
|
|
2840
3092
|
// 新流程需要进入这里
|
|
2841
|
-
if (!this.processNodeObj.assignee || !Array.isArray(this.processNodeObj.assignee) || !this.processNodeObj.setPersonnel || this.isOption(this.processNodeObj.humanPerformerName)
|
|
3093
|
+
else if (!this.processNodeObj.assignee || !Array.isArray(this.processNodeObj.assignee) || !this.processNodeObj.setPersonnel || this.isOption(this.processNodeObj.humanPerformerName)
|
|
3094
|
+
||
|
|
3095
|
+
(this.processNodeObj.nodeInfoDTO && (!this.processNodeObj.nodeInfoDTO.assignee || !Array.isArray(this.processNodeObj.nodeInfoDTO.assignee) || !this.processNodeObj.nodeInfoDTO.setPersonnel || this.isOption(this.processNodeObj.nodeInfoDTO.humanPerformerName)))
|
|
3096
|
+
) {
|
|
2842
3097
|
if (this.targetUserId && this.targetUserId.length > 0) {
|
|
2843
3098
|
val.multiNodeParticipant = {};
|
|
2844
|
-
val.multiNodeParticipant[this.processNodeObj.id] =
|
|
3099
|
+
val.multiNodeParticipant[this.processNode.nodeInfoDTO ? this.processNodeObj.nodeInfoDTO.id : this.processNodeObj.id] =
|
|
2845
3100
|
Array.isArray(this.targetUserId) ? this.targetUserId : [this.targetUserId];
|
|
2846
3101
|
// val.push(obj);
|
|
2847
|
-
} else if (this.processNodeObj.REQUIRED !== false) {
|
|
2848
|
-
|
|
3102
|
+
} else if (this.processNodeObj.REQUIRED !== false || (this.processNodeObj.nodeInfoDTO && this.processNodeObj.nodeInfoDTO.REQUIRED !== false)) {
|
|
3103
|
+
if (this.processNodeObj.nodeInfoDTO) {
|
|
3104
|
+
this.processNodeObj.nodeInfoDTO.name && elementUi.Message.warning(`请选择 ${this.processNodeObj.nodeInfoDTO.name} 处理人`);
|
|
3105
|
+
} else {
|
|
3106
|
+
this.processNodeObj.name && elementUi.Message.warning(`请选择 ${this.processNodeObj.name} 处理人`);
|
|
3107
|
+
}
|
|
2849
3108
|
// ElMessage.warning(`请选择审批人`);
|
|
2850
3109
|
return false;
|
|
2851
3110
|
}
|
|
@@ -2863,15 +3122,15 @@
|
|
|
2863
3122
|
for (let key in this.userTaskListData) {
|
|
2864
3123
|
let o = this.userTaskListData[key];
|
|
2865
3124
|
let refCom = this.$refs[o];
|
|
2866
|
-
|
|
2867
|
-
|
|
3125
|
+
|
|
3126
|
+
refCom = Array.isArray(refCom) ? refCom[0] : refCom;
|
|
2868
3127
|
if (refCom) {
|
|
2869
3128
|
let res = refCom.getValue();
|
|
2870
3129
|
if (!res) {
|
|
2871
3130
|
flag = false;
|
|
2872
3131
|
} else {
|
|
2873
3132
|
if (
|
|
2874
|
-
this.processNodeObj.
|
|
3133
|
+
this.processNodeObj.nodeType == 'exclusiveGateway'
|
|
2875
3134
|
) {
|
|
2876
3135
|
if (this.radioModel && this.radioModel.id) {
|
|
2877
3136
|
if (
|
|
@@ -2883,13 +3142,13 @@
|
|
|
2883
3142
|
] =
|
|
2884
3143
|
this.radioModel.incomingConditionItemList[0].compareValue;
|
|
2885
3144
|
} else {
|
|
2886
|
-
elementUi.Message.warning(
|
|
3145
|
+
this.processNodeObj.name && elementUi.Message.warning(
|
|
2887
3146
|
`请选择 ${this.processNodeObj.name} 下一节点`
|
|
2888
3147
|
);
|
|
2889
3148
|
return false;
|
|
2890
3149
|
}
|
|
2891
3150
|
} else if (
|
|
2892
|
-
this.processNodeObj.
|
|
3151
|
+
this.processNodeObj.nodeType == 'inclusiveGateway'
|
|
2893
3152
|
) {
|
|
2894
3153
|
if (this.resultList && this.resultList.length > 0) {
|
|
2895
3154
|
this.resultList.forEach((r) => {
|
|
@@ -2902,7 +3161,7 @@
|
|
|
2902
3161
|
}
|
|
2903
3162
|
});
|
|
2904
3163
|
} else {
|
|
2905
|
-
elementUi.Message.warning(`请选择 ${this.processNodeObj.name} `);
|
|
3164
|
+
this.processNodeObj.name && elementUi.Message.warning(`请选择 ${this.processNodeObj.name} `);
|
|
2906
3165
|
return false;
|
|
2907
3166
|
}
|
|
2908
3167
|
}
|
|
@@ -2940,33 +3199,286 @@
|
|
|
2940
3199
|
"div",
|
|
2941
3200
|
{ staticClass: "user-task" },
|
|
2942
3201
|
[
|
|
2943
|
-
|
|
2944
|
-
|
|
2945
|
-
_vm.
|
|
3202
|
+
_vm.processNodeObj.nodeType == "exclusiveGateway" &&
|
|
3203
|
+
_vm.processNodeObj.branches &&
|
|
3204
|
+
_vm.processNodeObj.branches.length >= 1
|
|
3205
|
+
? [
|
|
3206
|
+
_vm.processNodeObj.branches.length > 1
|
|
3207
|
+
? _c(
|
|
3208
|
+
"el-form-item",
|
|
3209
|
+
{ attrs: { label: _vm.processNodeObj.name || "下一节点" } },
|
|
3210
|
+
[
|
|
3211
|
+
_c(
|
|
3212
|
+
"el-radio-group",
|
|
3213
|
+
{
|
|
3214
|
+
staticClass: "ml-4",
|
|
3215
|
+
model: {
|
|
3216
|
+
value: _vm.radioModel,
|
|
3217
|
+
callback: function ($$v) {
|
|
3218
|
+
_vm.radioModel = $$v;
|
|
3219
|
+
},
|
|
3220
|
+
expression: "radioModel",
|
|
3221
|
+
},
|
|
3222
|
+
},
|
|
3223
|
+
_vm._l(_vm.processNodeObj.branches, function (item) {
|
|
3224
|
+
return _c(
|
|
3225
|
+
"el-radio",
|
|
3226
|
+
{
|
|
3227
|
+
key: item.id,
|
|
3228
|
+
attrs: { label: item, size: "large" },
|
|
3229
|
+
},
|
|
3230
|
+
[
|
|
3231
|
+
_vm._v(
|
|
3232
|
+
_vm._s(
|
|
3233
|
+
item.name
|
|
3234
|
+
? item.name
|
|
3235
|
+
: item.nodeInfoDTO
|
|
3236
|
+
? item.nodeInfoDTO.name
|
|
3237
|
+
: ""
|
|
3238
|
+
)
|
|
3239
|
+
),
|
|
3240
|
+
]
|
|
3241
|
+
)
|
|
3242
|
+
}),
|
|
3243
|
+
1
|
|
3244
|
+
),
|
|
3245
|
+
],
|
|
3246
|
+
1
|
|
3247
|
+
)
|
|
3248
|
+
: _vm._e(),
|
|
3249
|
+
_vm._v(" "),
|
|
3250
|
+
_vm.radioModel.id
|
|
3251
|
+
? [
|
|
3252
|
+
_vm.radioModel.nodeInfoDTO &&
|
|
3253
|
+
_vm.radioModel.nodeInfoDTO.nodeType == "userTask"
|
|
3254
|
+
? [
|
|
3255
|
+
_c("userTask", {
|
|
3256
|
+
key: _vm.radioModel.nodeInfoDTO.id,
|
|
3257
|
+
ref: _vm.setItemRef(_vm.radioModel.nodeInfoDTO.id),
|
|
3258
|
+
attrs: {
|
|
3259
|
+
personType: _vm.personType,
|
|
3260
|
+
personEntity: _vm.personEntity,
|
|
3261
|
+
"process-node": Object.assign(
|
|
3262
|
+
{},
|
|
3263
|
+
_vm.radioModel.nodeInfoDTO,
|
|
3264
|
+
{
|
|
3265
|
+
REQUIRED:
|
|
3266
|
+
_vm.radioModel.nodeInfoDTO.setPersonnel ==
|
|
3267
|
+
true &&
|
|
3268
|
+
_vm.radioModel.nodeInfoDTO.assignees &&
|
|
3269
|
+
_vm.radioModel.nodeInfoDTO.assignees.length >
|
|
3270
|
+
0
|
|
3271
|
+
? false
|
|
3272
|
+
: true,
|
|
3273
|
+
}
|
|
3274
|
+
),
|
|
3275
|
+
rules: [
|
|
3276
|
+
{ required: true, message: "请选择处理人" },
|
|
3277
|
+
],
|
|
3278
|
+
},
|
|
3279
|
+
}),
|
|
3280
|
+
]
|
|
3281
|
+
: _vm.radioModel.nodeInfoDTO &&
|
|
3282
|
+
_vm.radioModel.nodeInfoDTO.nodeType == "inclusiveGateway"
|
|
3283
|
+
? [
|
|
3284
|
+
_c("userTask", {
|
|
3285
|
+
key: _vm.radioModel.nodeInfoDTO.id,
|
|
3286
|
+
ref: _vm.setItemRef(_vm.radioModel.nodeInfoDTO.id),
|
|
3287
|
+
attrs: {
|
|
3288
|
+
personType: _vm.personType,
|
|
3289
|
+
personEntity: _vm.personEntity,
|
|
3290
|
+
"process-node": Object.assign(
|
|
3291
|
+
{},
|
|
3292
|
+
_vm.radioModel.nodeInfoDTO,
|
|
3293
|
+
{
|
|
3294
|
+
REQUIRED:
|
|
3295
|
+
_vm.radioModel.nodeInfoDTO.setPersonnel ==
|
|
3296
|
+
true &&
|
|
3297
|
+
_vm.radioModel.nodeInfoDTO.assignees &&
|
|
3298
|
+
_vm.radioModel.nodeInfoDTO.assignees.length >
|
|
3299
|
+
0
|
|
3300
|
+
? false
|
|
3301
|
+
: true,
|
|
3302
|
+
}
|
|
3303
|
+
),
|
|
3304
|
+
rules: [
|
|
3305
|
+
{ required: true, message: "请选择处理人" },
|
|
3306
|
+
],
|
|
3307
|
+
},
|
|
3308
|
+
}),
|
|
3309
|
+
]
|
|
3310
|
+
: _vm.radioModel.nodeInfoDTO &&
|
|
3311
|
+
_vm.radioModel.nodeInfoDTO.nodeType == "exclusiveGateway"
|
|
3312
|
+
? _vm._l(
|
|
3313
|
+
_vm.radioModel.nodeInfoDTO.branches,
|
|
3314
|
+
function (item) {
|
|
3315
|
+
return _c("userTask", {
|
|
3316
|
+
key: item.nodeInfoDTO.id,
|
|
3317
|
+
ref: _vm.setItemRef(item.nodeInfoDTO.id),
|
|
3318
|
+
refInFor: true,
|
|
3319
|
+
attrs: {
|
|
3320
|
+
personType: _vm.personType,
|
|
3321
|
+
personEntity: _vm.personEntity,
|
|
3322
|
+
processNode: Object.assign({}, item.nodeInfoDTO, {
|
|
3323
|
+
REQUIRED:
|
|
3324
|
+
item.nodeInfoDTO.setPersonnel == true &&
|
|
3325
|
+
item.nodeInfoDTO.assignees &&
|
|
3326
|
+
item.nodeInfoDTO.assignees.length > 0
|
|
3327
|
+
? false
|
|
3328
|
+
: true,
|
|
3329
|
+
}),
|
|
3330
|
+
lv1label: "下一节点名称",
|
|
3331
|
+
rules: [
|
|
3332
|
+
{ required: true, message: "请选择处理人" },
|
|
3333
|
+
],
|
|
3334
|
+
},
|
|
3335
|
+
})
|
|
3336
|
+
}
|
|
3337
|
+
)
|
|
3338
|
+
: _vm._e(),
|
|
3339
|
+
]
|
|
3340
|
+
: _vm.processNodeObj &&
|
|
3341
|
+
_vm.processNodeObj.branches &&
|
|
3342
|
+
_vm.processNodeObj.branches.length == 1
|
|
3343
|
+
? _vm._l(_vm.processNodeObj.branches, function (pitem) {
|
|
3344
|
+
return _c("userTask", {
|
|
3345
|
+
key: pitem.nodeInfoDTO ? pitem.nodeInfoDTO.id : pitem.id,
|
|
3346
|
+
ref: _vm.setItemRef(
|
|
3347
|
+
pitem.nodeInfoDTO ? pitem.nodeInfoDTO.id : pitem.id
|
|
3348
|
+
),
|
|
3349
|
+
refInFor: true,
|
|
3350
|
+
attrs: {
|
|
3351
|
+
personType: _vm.personType,
|
|
3352
|
+
personEntity: _vm.personEntity,
|
|
3353
|
+
"process-node": Object.assign(
|
|
3354
|
+
{},
|
|
3355
|
+
pitem.nodeInfoDTO ? pitem.nodeInfoDTO : pitem,
|
|
3356
|
+
{
|
|
3357
|
+
REQUIRED:
|
|
3358
|
+
pitem.nodeInfoDTO.setPersonnel == true &&
|
|
3359
|
+
pitem.nodeInfoDTO.assignees &&
|
|
3360
|
+
pitem.nodeInfoDTO.assignees.length > 0
|
|
3361
|
+
? false
|
|
3362
|
+
: true,
|
|
3363
|
+
}
|
|
3364
|
+
),
|
|
3365
|
+
rules: [{ required: true, message: "请选择处理人" }],
|
|
3366
|
+
},
|
|
3367
|
+
})
|
|
3368
|
+
})
|
|
3369
|
+
: _vm._e(),
|
|
3370
|
+
]
|
|
3371
|
+
: _vm.processNodeObj.nodeType == "inclusiveGateway" &&
|
|
3372
|
+
_vm.processNodeObj.branches &&
|
|
3373
|
+
_vm.processNodeObj.branches.length > 0
|
|
3374
|
+
? [
|
|
3375
|
+
_c(
|
|
3376
|
+
"el-form-item",
|
|
3377
|
+
{ attrs: { label: _vm.processNodeObj.name || "下一节点" } },
|
|
3378
|
+
[
|
|
3379
|
+
_c(
|
|
3380
|
+
"el-checkbox-group",
|
|
3381
|
+
{
|
|
3382
|
+
model: {
|
|
3383
|
+
value: _vm.checkList,
|
|
3384
|
+
callback: function ($$v) {
|
|
3385
|
+
_vm.checkList = $$v;
|
|
3386
|
+
},
|
|
3387
|
+
expression: "checkList",
|
|
3388
|
+
},
|
|
3389
|
+
},
|
|
3390
|
+
[
|
|
3391
|
+
_vm._l(_vm.processNodeObj.branches, function (item) {
|
|
3392
|
+
return [
|
|
3393
|
+
_vm.isSelect(item.nodeInfoDTO ? item.nodeInfoDTO : item)
|
|
3394
|
+
? _c("el-checkbox", {
|
|
3395
|
+
key:
|
|
3396
|
+
"checkbox" +
|
|
3397
|
+
(item.nodeInfoDTO
|
|
3398
|
+
? item.nodeInfoDTO.id
|
|
3399
|
+
: item.id),
|
|
3400
|
+
attrs: {
|
|
3401
|
+
label: item.nodeInfoDTO
|
|
3402
|
+
? item.nodeInfoDTO.name
|
|
3403
|
+
: item.name,
|
|
3404
|
+
checked: true,
|
|
3405
|
+
disabled: "",
|
|
3406
|
+
},
|
|
3407
|
+
})
|
|
3408
|
+
: _c("el-checkbox", {
|
|
3409
|
+
key:
|
|
3410
|
+
"checkbox1" +
|
|
3411
|
+
(item.nodeInfoDTO
|
|
3412
|
+
? item.nodeInfoDTO.id
|
|
3413
|
+
: item.id),
|
|
3414
|
+
attrs: {
|
|
3415
|
+
label: item.nodeInfoDTO
|
|
3416
|
+
? item.nodeInfoDTO.name
|
|
3417
|
+
: item.name,
|
|
3418
|
+
},
|
|
3419
|
+
}),
|
|
3420
|
+
]
|
|
3421
|
+
}),
|
|
3422
|
+
],
|
|
3423
|
+
2
|
|
3424
|
+
),
|
|
3425
|
+
],
|
|
3426
|
+
1
|
|
3427
|
+
),
|
|
3428
|
+
_vm._v(" "),
|
|
3429
|
+
_vm._l(_vm.checkModelList, function (item) {
|
|
3430
|
+
return _c("userTask", {
|
|
3431
|
+
key: item.nodeInfoDTO ? item.nodeInfoDTO.id : item.id,
|
|
3432
|
+
ref: _vm.setItemRef(
|
|
3433
|
+
item.nodeInfoDTO ? item.nodeInfoDTO.id : item.id
|
|
3434
|
+
),
|
|
3435
|
+
refInFor: true,
|
|
3436
|
+
attrs: {
|
|
3437
|
+
personType: _vm.personType,
|
|
3438
|
+
personEntity: _vm.personEntity,
|
|
3439
|
+
processNode: Object.assign(
|
|
3440
|
+
{},
|
|
3441
|
+
item.nodeInfoDTO ? item.nodeInfoDTO : item,
|
|
3442
|
+
{
|
|
3443
|
+
REQUIRED: item.nodeInfoDTO
|
|
3444
|
+
? item.nodeInfoDTO.setPersonnel == true &&
|
|
3445
|
+
item.nodeInfoDTO.assignees &&
|
|
3446
|
+
item.nodeInfoDTO.assignees.length > 0
|
|
3447
|
+
? false
|
|
3448
|
+
: true
|
|
3449
|
+
: item.setPersonnel == true &&
|
|
3450
|
+
item.assignees &&
|
|
3451
|
+
item.assignees.length > 0
|
|
3452
|
+
? false
|
|
3453
|
+
: true,
|
|
3454
|
+
}
|
|
3455
|
+
),
|
|
3456
|
+
},
|
|
3457
|
+
})
|
|
3458
|
+
}),
|
|
3459
|
+
]
|
|
3460
|
+
: !_vm.processNodeObj.assignee ||
|
|
3461
|
+
!_vm.processNodeObj.assignees ||
|
|
3462
|
+
_vm.isOption(_vm.processNodeObj.humanPerformerName)
|
|
2946
3463
|
? [
|
|
2947
3464
|
_c(
|
|
2948
3465
|
"el-form-item",
|
|
2949
3466
|
{
|
|
2950
3467
|
staticStyle: { "margin-bottom": "10px" },
|
|
2951
3468
|
attrs: { label: _vm.lv1label || "节点名称" },
|
|
2952
|
-
scopedSlots: _vm._u(
|
|
2953
|
-
|
|
2954
|
-
|
|
2955
|
-
|
|
2956
|
-
|
|
2957
|
-
|
|
2958
|
-
|
|
2959
|
-
|
|
2960
|
-
|
|
2961
|
-
|
|
2962
|
-
]
|
|
2963
|
-
},
|
|
3469
|
+
scopedSlots: _vm._u([
|
|
3470
|
+
{
|
|
3471
|
+
key: "label",
|
|
3472
|
+
fn: function (ref) {
|
|
3473
|
+
ref.label;
|
|
3474
|
+
return [
|
|
3475
|
+
_c("div", { staticStyle: { "font-size": "16px" } }, [
|
|
3476
|
+
_vm._v(_vm._s(_vm.lv1label || "节点名称")),
|
|
3477
|
+
]),
|
|
3478
|
+
]
|
|
2964
3479
|
},
|
|
2965
|
-
|
|
2966
|
-
|
|
2967
|
-
false,
|
|
2968
|
-
51654731
|
|
2969
|
-
),
|
|
3480
|
+
},
|
|
3481
|
+
]),
|
|
2970
3482
|
},
|
|
2971
3483
|
[
|
|
2972
3484
|
_vm._v(" "),
|
|
@@ -3146,7 +3658,7 @@
|
|
|
3146
3658
|
/* style */
|
|
3147
3659
|
const __vue_inject_styles__$g = function (inject) {
|
|
3148
3660
|
if (!inject) return
|
|
3149
|
-
inject("data-v-e5d234be_0", { source: ".user-task :deep(.el-form-item__label) {\n white-space: nowrap;\n text-align: right;\n font-size: 14px;\n overflow: hidden;\n display: block !important;\n text-overflow: ellipsis;\n}\n.user-task .include {\n padding: 6px;\n}\n.user-task .include-type {\n border-radius: 6px;\n}\n.user-task .include-user {\n background: red;\n color: aliceblue;\n}\n.user-task .include-dept {\n background: blue;\n color: aliceblue;\n}\n.user-task .include-post {\n background: green;\n color: aliceblue;\n}\n.user-task .include-assign {\n background: bisque;\n color: red;\n border-radius: 12px;\n display: flex;\n align-items: center;\n width: fit-content;\n height: 18px;\n}\n.user-task .task-index {\n background: #1389ff;\n color: white;\n border-radius: 12px;\n width: -moz-fit-content;\n width: 25px;\n height: 100%;\n display: inline-flex;\n justify-content: center;\n margin-right: 6px;\n}\n\n/*# sourceMappingURL=userTask.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\operation\\userTask.vue","userTask.vue"],"names":[],"mappings":"AA2YA;EACA,mBAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,yBAAA;EACA,uBAAA;AC1YA;AD4YA;EACA,YAAA;AC1YA;AD2YA;EACA,kBAAA;ACzYA;AD2YA;EACA,eAAA;EACA,gBAAA;ACzYA;AD2YA;EACA,gBAAA;EACA,gBAAA;ACzYA;AD2YA;EACA,iBAAA;EACA,gBAAA;ACzYA;AD2YA;EACA,kBAAA;EACA,UAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;ACzYA;AD4YA;EACA,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EACA,uBAAA;EACA,iBAAA;AC1YA;;AAEA,uCAAuC","file":"userTask.vue","sourcesContent":["<template>\r\n <div class=\"user-task\">\r\n <template v-if=\"!processNodeObj.assignee || !processNodeObj.assignees || isOption(processNodeObj.humanPerformerName)\">\r\n <el-form-item\r\n :label=\"lv1label || '节点名称'\"\r\n style=\"margin-bottom: 10px\"\r\n >\r\n <template v-slot:label=\"{ label }\">\r\n <!-- <b class=\"task-index\">{{ (index + 1 ) }}</b> -->\r\n <div style=\"font-size: 16px\">{{ (lv1label || '节点名称') }}</div>\r\n </template>\r\n <b style=\"font-size: 16px\">{{ processNodeObj.name }}</b>\r\n </el-form-item>\r\n <el-form-item\r\n v-if=\"processNodeObj.routeTxt && processNodeObj.routeTxt.length > 0 && processNodeObj.userList && processNodeObj.userList.length >0\"\r\n :label=\"peopleLabel || '所属范围'\"\r\n style=\"margin-bottom: 10px\"\r\n >\r\n <div v-for=\"(item, index) in processNodeObj.routeTxt\" :key=\"item.type\">\r\n <div v-if=\"item.ids && item.ids.length > 0\">\r\n <b class=\"include include-type\" :class=\"['include-' + item.type]\">{{ item.type == 'user' ? '用户' : item.type == 'dept' ? '部门' : '岗位' }}</b>\r\n <span class=\"include include-name\">{{ item.name }}</span>\r\n <div class=\"include include-assign\" :class=\"['include-assign-' + (item.assigneeRetain ? 'true' : 'false')]\" v-if=\"index !== processNodeObj.routeTxt.length - 1\">{{ processNodeObj.assigneeRetain == 'true' ? '且同时满足' : '或者满足' }}</div>\r\n </div>\r\n </div>\r\n </el-form-item>\r\n <!-- 如果有固定的人 -->\r\n <el-form-item :label=\"label || '处理人'\" :rules=\"rules || {}\">\r\n <!-- 使用el-select -->\r\n <!-- 发起流程的时候 -->\r\n <el-select v-if=\"processNodeObj.userList && processNodeObj.userList.length >= 2\" v-model=\"targetUserId\" :multiple=\"processNodeObj.loopCardinality == -1 ? false : true\" @change=\"fixPeopleChange\">\r\n <el-option\r\n v-for=\"(item, index) in processNodeObj.userList\"\r\n :key=\"item.userId\"\r\n :label=\"item.realName\"\r\n :value=\"item.userId\"\r\n ></el-option>\r\n </el-select>\r\n <div class=\"setVal\" v-else-if=\"processNodeObj.userList && processNodeObj.userList.length == 1\">\r\n {{ processNodeObj.userList[0].realName }}\r\n </div>\r\n <!-- 审批流程的时候 -->\r\n <div class=\"setVal\" v-else-if=\"processNodeObj.setPersonnel && processNodeObj.assignees\">\r\n {{ (processNodeObj.assignees || []).map(i => i.name || i.realName).join(', ') }}\r\n </div>\r\n <staffTree\r\n v-else\r\n :processNodeObj=\"processNodeObj\"\r\n v-model=\"targetUserId\"\r\n :personType=\"personType\"\r\n :personEntity=\"personEntity\"\r\n @update:modelValue=\"\r\n (e) => {\r\n complete(e, processNodeObj);\r\n }\r\n \"\r\n @select=\"selectChange\"\r\n multiple\r\n :max=\"processNodeObj.loopCardinality == -1 ? 1 : 100\"\r\n :items=\"getTreeData(processNodeObj)\"\r\n >\r\n </staffTree>\r\n </el-form-item>\r\n </template>\r\n <!-- <template v-else>\r\n <el-form-item :label=\"lv1label || '节点名称'\">\r\n <b style=\"font-size: 16px\">{{ processNodeObj.name }}</b>\r\n </el-form-item>\r\n <el-form-item :label=\"label || '处理人'\">\r\n {{ '--' || processNodeObj.routeTxt.userNames }}\r\n </el-form-item>\r\n </template> -->\r\n <!-- <template v-else-if=\"processNodeObj.type == Enum.ProcessNodeType.单一分支\">\r\n <el-form-item\r\n :label=\"processNodeObj.name || '下一节点'\"\r\n v-if=\"processNodeObj.childNode.length > 1\"\r\n >\r\n <el-radio-group v-model=\"radioModel\" class=\"ml-4\">\r\n <el-radio\r\n v-for=\"item in processNodeObj.childNode\"\r\n :key=\"item.id\"\r\n :label=\"item\"\r\n size=\"large\"\r\n >{{ getLabel(item) }}</el-radio\r\n >\r\n </el-radio-group>\r\n </el-form-item>\r\n <template v-if=\"radioModel.id\">\r\n <userTask\r\n :ref=\"setItemRef(radioModel.id)\"\r\n :personType=\"personType\"\r\n :personEntity=\"personEntity\"\r\n :process-node=\"{ ...radioModel, taskNode: processNode.taskNode }\"\r\n :key=\"radioModel.id\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n </template>\r\n </template>\r\n <template\r\n v-else-if=\"\r\n processNodeObj.type == Enum.ProcessNodeType.多选节点 &&\r\n processNodeObj.childNode.length > 0\r\n \"\r\n >\r\n <el-form-item :label=\"processNodeObj.name || '下一节点'\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <template v-for=\"item in processNodeObj.childNode\">\r\n <el-checkbox\r\n :label=\"getLabel(item)\"\r\n v-if=\"isSelect(item)\"\r\n :checked=\"true\"\r\n disabled\r\n :key=\"'checkbox' + item.id\"\r\n />\r\n <el-checkbox\r\n :label=\"getLabel(item)\"\r\n v-else\r\n :key=\"'checkbox1' + item.id\"\r\n />\r\n </template>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <userTask\r\n :ref=\"setItemRef(item.id)\"\r\n :personType=\"personType\"\r\n :personEntity=\"personEntity\"\r\n :key=\"item.id\"\r\n v-for=\"item in checkModelList\"\r\n :processNode=\"{ ...item, taskNode: processNode.taskNode }\"\r\n >\r\n </userTask>\r\n </template> -->\r\n <!-- <template v-else-if=\"processNodeObj.type == Enum.ProcessNodeType.结束事件\">\r\n <el-form-item :label=\"lv1label || '节点名称'\">\r\n <b style=\"font-size: 16px\">{{ processNodeObj.name }}</b>\r\n </el-form-item>\r\n </template> -->\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport * as Enum from \"../enum\";\r\nimport staffTree from \"../staff-tree.vue\";\r\n// import userTask from \"./userTask.vue\"\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport api from \"../api\";\r\n\r\nexport default {\r\n name: \"userTask\",\r\n components: { staffTree },\r\n props: {\r\n index: {\r\n type: Number,\r\n default: 0\r\n },\r\n processNode: { require: true },\r\n label: \"\",\r\n peopleLabel: \"\",\r\n lv1label: \"\",\r\n personType: \"\",\r\n personEntity: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n rules: {\r\n require: false,\r\n type: Array,\r\n },\r\n },\r\n data() {\r\n return {\r\n deptList: [],\r\n Enum,\r\n resultList: [],\r\n radioModel: {},\r\n checkList: [],\r\n targetUserId: \"\",\r\n targetUserList: [],\r\n processNodeObj: this.processNode,\r\n userTaskListData: {},\r\n personnelList: [],\r\n };\r\n },\r\n computed: {\r\n checkModelList() {\r\n let arr = this.processNodeObj.childNode.filter((o) =>\r\n this.checkList.includes(o.incomingConditionItemList[0].compareValue)\r\n );\r\n\r\n this.resultList = arr || [];\r\n return this.resultList;\r\n },\r\n },\r\n watch: {\r\n processNode: {\r\n handler(newVal, oldVal) {\r\n // 如果是长度为1，固定\r\n if (newVal.userList && newVal.userList.length == 1) {\r\n this.targetUserId = newVal.userList[0].userId\r\n }\r\n this.processNodeObj = newVal || {};\r\n },\r\n deep: true,\r\n }\r\n },\r\n mounted() {\r\n if (\r\n this.processNodeObj.childNode &&\r\n this.processNodeObj.childNode.length == 1 &&\r\n this.processNodeObj.type == Enum.ProcessNodeType.单一分支\r\n ) {\r\n this.radioModel = this.processNodeObj.childNode[0];\r\n }\r\n },\r\n methods: {\r\n isSelect(item) {\r\n if (item.incomingConditionItemList[0]) {\r\n let flag =\r\n item.incomingConditionItemList[0].itemName.includes(\"selecd\");\r\n if (flag) {\r\n if (!this.checkList.includes(item.name))\r\n this.checkList.push(item.name);\r\n }\r\n return flag;\r\n }\r\n return false;\r\n },\r\n fixPeopleChange(e) {\r\n console.log(e, 'e')\r\n this.complete(e, this.processNodeObj)\r\n },\r\n // 获取选中的人的对象\r\n selectChange (list) {\r\n console.log(list, 'list')\r\n this.targetUserList = list;\r\n },\r\n complete(e, item) {\r\n console.log(e, item, 'e item', this.resultList, this.resultList.every((o) => o.vars))\r\n item.vars = e;\r\n if (this.resultList.every((o) => o.vars)) {\r\n this.processNodeObj.vars = this.resultList.map((o) => o.vars);\r\n console.log(this.processNodeObj.vars, 'this.processNodeObj.vars')\r\n this.$emit(\"complete\", this.processNodeObj);\r\n }\r\n },\r\n setItemRef(key) {\r\n this.userTaskListData[key] = \"userTask\" + key;\r\n return this.userTaskListData[key];\r\n },\r\n getTreeData(item) {\r\n if (item) {\r\n if (item.humanPerformerName == \"固定部门\") {\r\n return item.routeTxt.departmentIds.map((o) => {\r\n let obj = {};\r\n obj.id = o.rangeId;\r\n obj.leaf = false;\r\n obj.name = o.name;\r\n obj.orgType = this.Enum.UserType.部门;\r\n return obj;\r\n });\r\n } else if (item.humanPerformerName == \"固定单位\") {\r\n return item.routeTxt.companyIds.map((o) => {\r\n let obj = {};\r\n obj.id = o.rangeId;\r\n obj.leaf = false;\r\n obj.name = o.name;\r\n obj.orgType = this.Enum.UserType.主体;\r\n return obj;\r\n });\r\n } else if (item.humanPerformerName == \"固定群组\") {\r\n return item.routeTxt.teamList.map((o) => {\r\n let obj = {};\r\n obj.id = o.id;\r\n obj.leaf = false;\r\n obj.name = o.teamName;\r\n obj.orgType = this.Enum.UserType.群组;\r\n return obj;\r\n });\r\n }\r\n }\r\n return undefined;\r\n },\r\n isOption(humanPerformer) {\r\n return (\r\n humanPerformer == \"任意指定\" ||\r\n humanPerformer == \"固定部门\" ||\r\n humanPerformer == \"固定单位\" ||\r\n humanPerformer == \"固定角色/岗位\" ||\r\n humanPerformer == \"固定群组\"\r\n );\r\n },\r\n getValue() {\r\n let flag = true;\r\n let val = { multiNodeParticipant: {}, vars: {} };\r\n if (\r\n !this.processNodeObj.type || \r\n this.processNodeObj.type == this.Enum.ProcessNodeType.用户任务 ||\r\n this.processNodeObj.type == Enum.ProcessNodeType.用户节点\r\n ) {\r\n // 新流程需要进入这里\r\n if (!this.processNodeObj.assignee || !Array.isArray(this.processNodeObj.assignee) || !this.processNodeObj.setPersonnel || this.isOption(this.processNodeObj.humanPerformerName)) {\r\n if (this.targetUserId && this.targetUserId.length > 0) {\r\n let obj = {};\r\n val.multiNodeParticipant = {};\r\n val.multiNodeParticipant[this.processNodeObj.id] =\r\n Array.isArray(this.targetUserId) ? this.targetUserId : [this.targetUserId];\r\n // val.push(obj);\r\n } else if (this.processNodeObj.REQUIRED !== false) {\r\n ElMessage.warning(`请选择 ${this.processNodeObj.name} 处理人`);\r\n // ElMessage.warning(`请选择审批人`);\r\n return false;\r\n }\r\n } else {\r\n if (\r\n this.processNodeObj.incomingConditionItemList &&\r\n this.processNodeObj.incomingConditionItemList.length > 0\r\n ) {\r\n val.vars[\r\n this.processNodeObj.incomingConditionItemList[0].itemName\r\n ] = this.processNodeObj.incomingConditionItemList[0].compareValue;\r\n }\r\n }\r\n } else {\r\n for (let key in this.userTaskListData) {\r\n let o = this.userTaskListData[key];\r\n let refCom = this.$refs[o];\r\n if (this.processNodeObj.type == this.Enum.ProcessNodeType.多选节点)\r\n refCom = refCom[0];\r\n if (refCom) {\r\n let res = refCom.getValue();\r\n if (!res) {\r\n flag = false;\r\n } else {\r\n if (\r\n this.processNodeObj.type == this.Enum.ProcessNodeType.单一分支\r\n ) {\r\n if (this.radioModel && this.radioModel.id) {\r\n if (\r\n this.radioModel.incomingConditionItemList &&\r\n this.radioModel.incomingConditionItemList.length > 0\r\n )\r\n val.vars[\r\n this.radioModel.incomingConditionItemList[0].itemName\r\n ] =\r\n this.radioModel.incomingConditionItemList[0].compareValue;\r\n } else {\r\n ElMessage.warning(\r\n `请选择 ${this.processNodeObj.name} 下一节点`\r\n );\r\n return false;\r\n }\r\n } else if (\r\n this.processNodeObj.type == this.Enum.ProcessNodeType.多选节点\r\n ) {\r\n if (this.resultList && this.resultList.length > 0) {\r\n this.resultList.forEach((r) => {\r\n if (r.incomingConditionItemList.length !== 0) {\r\n r.incomingConditionItemList.forEach((item) => {\r\n if (item.itemName) {\r\n val.vars[item.itemName] = item.compareValue;\r\n }\r\n });\r\n }\r\n });\r\n } else {\r\n ElMessage.warning(`请选择 ${this.processNodeObj.name} `);\r\n return false;\r\n }\r\n }\r\n val.multiNodeParticipant = {\r\n ...val.multiNodeParticipant,\r\n ...res.multiNodeParticipant,\r\n };\r\n val.vars = { ...val.vars, ...res.vars };\r\n }\r\n }\r\n }\r\n }\r\n if (flag) return val;\r\n return flag;\r\n },\r\n getLabel(node) {\r\n let name = \"\";\r\n if (node.incomingConditionItemList.length > 0) {\r\n name = node.incomingConditionItemList[0].compareValue;\r\n }\r\n return name || node.name || \"后续节点\";\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.user-task {\r\n :deep(.el-form-item__label) {\r\n white-space: nowrap;\r\n text-align: right;\r\n font-size: 14px;\r\n overflow: hidden;\r\n display: block !important;\r\n text-overflow: ellipsis;\r\n }\r\n .include {\r\n padding: 6px;\r\n &-type {\r\n border-radius: 6px;\r\n }\r\n &-user {\r\n background: red;\r\n color: aliceblue;\r\n }\r\n &-dept {\r\n background: blue;\r\n color: aliceblue;\r\n }\r\n &-post {\r\n background: green;\r\n color: aliceblue;\r\n }\r\n &-assign {\r\n background: bisque;\r\n color: red;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n width: fit-content;\r\n height: 18px;\r\n }\r\n }\r\n .task-index {\r\n background: #1389ff;\r\n color: white;\r\n border-radius: 12px;\r\n width: -moz-fit-content;\r\n width: 25px;\r\n height: 100%;\r\n display: inline-flex;\r\n justify-content: center;\r\n margin-right: 6px;\r\n }\r\n}\r\n</style>\r\n",".user-task :deep(.el-form-item__label) {\n white-space: nowrap;\n text-align: right;\n font-size: 14px;\n overflow: hidden;\n display: block !important;\n text-overflow: ellipsis;\n}\n.user-task .include {\n padding: 6px;\n}\n.user-task .include-type {\n border-radius: 6px;\n}\n.user-task .include-user {\n background: red;\n color: aliceblue;\n}\n.user-task .include-dept {\n background: blue;\n color: aliceblue;\n}\n.user-task .include-post {\n background: green;\n color: aliceblue;\n}\n.user-task .include-assign {\n background: bisque;\n color: red;\n border-radius: 12px;\n display: flex;\n align-items: center;\n width: fit-content;\n height: 18px;\n}\n.user-task .task-index {\n background: #1389ff;\n color: white;\n border-radius: 12px;\n width: -moz-fit-content;\n width: 25px;\n height: 100%;\n display: inline-flex;\n justify-content: center;\n margin-right: 6px;\n}\n\n/*# sourceMappingURL=userTask.vue.map */"]}, media: undefined });
|
|
3661
|
+
inject("data-v-80e687fa_0", { source: ".user-task :deep(.el-form-item__label) {\n white-space: nowrap;\n text-align: right;\n font-size: 14px;\n overflow: hidden;\n display: block !important;\n text-overflow: ellipsis;\n}\n.user-task .include {\n padding: 6px;\n}\n.user-task .include-type {\n border-radius: 6px;\n}\n.user-task .include-user {\n background: red;\n color: aliceblue;\n}\n.user-task .include-dept {\n background: blue;\n color: aliceblue;\n}\n.user-task .include-post {\n background: green;\n color: aliceblue;\n}\n.user-task .include-assign {\n background: bisque;\n color: red;\n border-radius: 12px;\n display: flex;\n align-items: center;\n width: fit-content;\n height: 18px;\n}\n.user-task .task-index {\n background: #1389ff;\n color: white;\n border-radius: 12px;\n width: -moz-fit-content;\n width: 25px;\n height: 100%;\n display: inline-flex;\n justify-content: center;\n margin-right: 6px;\n}\n\n/*# sourceMappingURL=userTask.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\operation\\userTask.vue","userTask.vue"],"names":[],"mappings":"AA8oBA;EACA,mBAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,yBAAA;EACA,uBAAA;AC7oBA;AD+oBA;EACA,YAAA;AC7oBA;AD8oBA;EACA,kBAAA;AC5oBA;AD8oBA;EACA,eAAA;EACA,gBAAA;AC5oBA;AD8oBA;EACA,gBAAA;EACA,gBAAA;AC5oBA;AD8oBA;EACA,iBAAA;EACA,gBAAA;AC5oBA;AD8oBA;EACA,kBAAA;EACA,UAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;AC5oBA;AD+oBA;EACA,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EACA,uBAAA;EACA,iBAAA;AC7oBA;;AAEA,uCAAuC","file":"userTask.vue","sourcesContent":["<template>\r\n <div class=\"user-task\">\r\n <!-- <pre class=\"111\">\r\n {{ JSON.stringify(processNodeObj, null, 2) }}\r\n </pre> -->\r\n <!-- 单选 -->\r\n <template v-if=\"processNodeObj.nodeType == 'exclusiveGateway' && processNodeObj.branches && processNodeObj.branches.length >= 1\">\r\n <!-- <div>进来这里</div> -->\r\n <el-form-item\r\n :label=\"processNodeObj.name || '下一节点'\"\r\n v-if=\"processNodeObj.branches.length > 1\"\r\n >\r\n <el-radio-group v-model=\"radioModel\" class=\"ml-4\">\r\n <el-radio\r\n v-for=\"item in processNodeObj.branches\"\r\n :key=\"item.id\"\r\n :label=\"item\"\r\n size=\"large\"\r\n >{{ item.name ? item.name : (item.nodeInfoDTO ? item.nodeInfoDTO.name : '') }}</el-radio\r\n >\r\n </el-radio-group>\r\n </el-form-item>\r\n <!-- <div>{{ 'id: ' + radioModel.id }}</div> -->\r\n <template v-if=\"radioModel.id\">\r\n <!-- 直接是节点 -->\r\n <template v-if=\"radioModel.nodeInfoDTO && radioModel.nodeInfoDTO.nodeType == 'userTask'\">\r\n <userTask\r\n :ref=\"setItemRef(radioModel.nodeInfoDTO.id)\"\r\n :personType=\"personType\"\r\n :personEntity=\"personEntity\"\r\n :process-node=\"{ \r\n ...(radioModel.nodeInfoDTO),\r\n REQUIRED: radioModel.nodeInfoDTO.setPersonnel == true && radioModel.nodeInfoDTO.assignees && radioModel.nodeInfoDTO.assignees.length > 0 ? false : true,\r\n }\"\r\n :key=\"radioModel.nodeInfoDTO.id\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n </template>\r\n <!-- 多选 -->\r\n <template v-else-if=\"radioModel.nodeInfoDTO && radioModel.nodeInfoDTO.nodeType == 'inclusiveGateway'\">\r\n <userTask\r\n :ref=\"setItemRef(radioModel.nodeInfoDTO.id)\"\r\n :personType=\"personType\"\r\n :personEntity=\"personEntity\"\r\n :process-node=\"{ \r\n ...(radioModel.nodeInfoDTO),\r\n REQUIRED: radioModel.nodeInfoDTO.setPersonnel == true && radioModel.nodeInfoDTO.assignees && radioModel.nodeInfoDTO.assignees.length > 0 ? false : true,\r\n }\"\r\n :key=\"radioModel.nodeInfoDTO.id\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n </template>\r\n <!-- 单选 -->\r\n <template v-else-if=\"radioModel.nodeInfoDTO && radioModel.nodeInfoDTO.nodeType == 'exclusiveGateway'\">\r\n <userTask\r\n v-for=\"item in radioModel.nodeInfoDTO.branches\"\r\n :key=\"item.nodeInfoDTO.id\"\r\n :personType=\"personType\"\r\n :personEntity=\"personEntity\"\r\n :processNode=\"{ \r\n ...item.nodeInfoDTO,\r\n REQUIRED: item.nodeInfoDTO.setPersonnel == true && item.nodeInfoDTO.assignees && item.nodeInfoDTO.assignees.length > 0 ? false : true,\r\n }\"\r\n lv1label=\"下一节点名称\"\r\n :ref=\"setItemRef(item.nodeInfoDTO.id)\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n </template>\r\n </template>\r\n <template v-else-if=\"processNodeObj && processNodeObj.branches && processNodeObj.branches.length == 1\">\r\n <userTask\r\n v-for=\"pitem in processNodeObj.branches\"\r\n :ref=\"setItemRef(pitem.nodeInfoDTO ? pitem.nodeInfoDTO.id : pitem.id)\"\r\n :personType=\"personType\"\r\n :personEntity=\"personEntity\"\r\n :process-node=\"{ \r\n ...(pitem.nodeInfoDTO ? pitem.nodeInfoDTO : pitem),\r\n REQUIRED: pitem.nodeInfoDTO.setPersonnel == true && pitem.nodeInfoDTO.assignees && pitem.nodeInfoDTO.assignees.length > 0 ? false : true,\r\n }\"\r\n :key=\"pitem.nodeInfoDTO ? pitem.nodeInfoDTO.id : pitem.id\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n </template>\r\n </template>\r\n\r\n\r\n <!-- <template v-if=\"processNodeObj.nodeType == 'exclusiveGateway' && processNodeObj.branches && processNodeObj.branches.length == 1\">\r\n <div>进来这里</div>\r\n <el-form-item\r\n :label=\"processNodeObj.name || '下一节点'\"\r\n v-if=\"processNodeObj.branches.length > 1\"\r\n >\r\n <el-radio-group v-model=\"radioModel\" class=\"ml-4\">\r\n <el-radio\r\n v-for=\"item in processNodeObj.branches\"\r\n :key=\"item.id\"\r\n :label=\"item\"\r\n size=\"large\"\r\n >{{ item.name }}</el-radio\r\n >\r\n </el-radio-group>\r\n </el-form-item>\r\n <div>{{ 'id: ' + radioModel.id }}</div>\r\n \r\n <template v-if=\"processNodeObj && processNodeObj.branches && processNodeObj.branches.length > 0\">\r\n <userTask\r\n v-for=\"pitem in processNodeObj.branches\"\r\n :ref=\"setItemRef(pitem.nodeInfoDTO ? pitem.nodeInfoDTO.id : pitem.id)\"\r\n :personType=\"personType\"\r\n :personEntity=\"personEntity\"\r\n :process-node=\"{ \r\n ...(pitem.nodeInfoDTO ? pitem.nodeInfoDTO : pitem),\r\n REQUIRED: pitem.nodeInfoDTO.setPersonnel == true && pitem.nodeInfoDTO.assignees && pitem.nodeInfoDTO.assignees.length > 0 ? false : true,\r\n }\"\r\n :key=\"pitem.nodeInfoDTO ? pitem.nodeInfoDTO.id : pitem.id\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n </template>\r\n </template> -->\r\n <!-- 多选 -->\r\n <template\r\n v-else-if=\"\r\n processNodeObj.nodeType == 'inclusiveGateway' &&\r\n processNodeObj.branches && processNodeObj.branches.length > 0\r\n \"\r\n >\r\n <el-form-item :label=\"processNodeObj.name || '下一节点'\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <template v-for=\"item in processNodeObj.branches\">\r\n <el-checkbox\r\n :label=\"item.nodeInfoDTO ? item.nodeInfoDTO.name : item.name\"\r\n v-if=\"isSelect(item.nodeInfoDTO ? item.nodeInfoDTO : item)\"\r\n :checked=\"true\"\r\n disabled\r\n :key=\"'checkbox' + (item.nodeInfoDTO ? item.nodeInfoDTO.id : item.id)\"\r\n />\r\n <el-checkbox\r\n :label=\"item.nodeInfoDTO ? item.nodeInfoDTO.name : item.name\"\r\n v-else\r\n :key=\"'checkbox1' + (item.nodeInfoDTO ? item.nodeInfoDTO.id : item.id)\"\r\n />\r\n </template>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <userTask\r\n :ref=\"setItemRef(item.nodeInfoDTO ? item.nodeInfoDTO.id : item.id)\"\r\n :personType=\"personType\"\r\n :personEntity=\"personEntity\"\r\n :key=\"item.nodeInfoDTO ? item.nodeInfoDTO.id : item.id\"\r\n v-for=\"item in checkModelList\"\r\n :processNode=\"{ \r\n ...(item.nodeInfoDTO ? item.nodeInfoDTO : item),\r\n REQUIRED: item.nodeInfoDTO ? (item.nodeInfoDTO.setPersonnel == true && item.nodeInfoDTO.assignees && item.nodeInfoDTO.assignees.length > 0 ? false : true) : (item.setPersonnel == true && item.assignees && item.assignees.length > 0 ? false : true)\r\n }\"\r\n >\r\n </userTask>\r\n </template>\r\n\r\n <template v-else-if=\"!processNodeObj.assignee || !processNodeObj.assignees || isOption(processNodeObj.humanPerformerName)\">\r\n <el-form-item\r\n :label=\"lv1label || '节点名称'\"\r\n style=\"margin-bottom: 10px\"\r\n >\r\n <template v-slot:label=\"{ label }\">\r\n <!-- <b class=\"task-index\">{{ (index + 1 ) }}</b> -->\r\n <div style=\"font-size: 16px\">{{ (lv1label || '节点名称') }}</div>\r\n </template>\r\n <b style=\"font-size: 16px\">{{ processNodeObj.name }}</b>\r\n </el-form-item>\r\n <el-form-item\r\n v-if=\"processNodeObj.routeTxt && processNodeObj.routeTxt.length > 0 && processNodeObj.userList && processNodeObj.userList.length >0\"\r\n :label=\"peopleLabel || '所属范围'\"\r\n style=\"margin-bottom: 10px\"\r\n >\r\n <div v-for=\"(item, index) in processNodeObj.routeTxt\" :key=\"item.type\">\r\n <div v-if=\"item.ids && item.ids.length > 0\">\r\n <b class=\"include include-type\" :class=\"['include-' + item.type]\">{{ item.type == 'user' ? '用户' : item.type == 'dept' ? '部门' : '岗位' }}</b>\r\n <span class=\"include include-name\">{{ item.name }}</span>\r\n <div class=\"include include-assign\" :class=\"['include-assign-' + (item.assigneeRetain ? 'true' : 'false')]\" v-if=\"index !== processNodeObj.routeTxt.length - 1\">{{ processNodeObj.assigneeRetain == 'true' ? '且同时满足' : '或者满足' }}</div>\r\n </div>\r\n </div>\r\n </el-form-item>\r\n <!-- 如果有固定的人 -->\r\n <el-form-item :label=\"label || '处理人'\" :rules=\"rules || {}\">\r\n <!-- 使用el-select -->\r\n <!-- 发起流程的时候 -->\r\n <el-select v-if=\"processNodeObj.userList && processNodeObj.userList.length >= 2\" v-model=\"targetUserId\" :multiple=\"processNodeObj.loopCardinality == -1 ? false : true\" @change=\"fixPeopleChange\">\r\n <el-option\r\n v-for=\"(item, index) in processNodeObj.userList\"\r\n :key=\"item.userId\"\r\n :label=\"item.realName\"\r\n :value=\"item.userId\"\r\n ></el-option>\r\n </el-select>\r\n <div class=\"setVal\" v-else-if=\"processNodeObj.userList && processNodeObj.userList.length == 1\">\r\n {{ processNodeObj.userList[0].realName }}\r\n </div>\r\n <!-- 审批流程的时候 -->\r\n <div class=\"setVal\" v-else-if=\"processNodeObj.setPersonnel && processNodeObj.assignees\">\r\n {{ (processNodeObj.assignees || []).map(i => i.name || i.realName).join(', ') }}\r\n </div>\r\n <staffTree\r\n v-else\r\n :processNodeObj=\"processNodeObj\"\r\n v-model=\"targetUserId\"\r\n :personType=\"personType\"\r\n :personEntity=\"personEntity\"\r\n @update:modelValue=\"\r\n (e) => {\r\n complete(e, processNodeObj);\r\n }\r\n \"\r\n @select=\"selectChange\"\r\n multiple\r\n :max=\"processNodeObj.loopCardinality == -1 ? 1 : 100\"\r\n :items=\"getTreeData(processNodeObj)\"\r\n >\r\n </staffTree>\r\n </el-form-item>\r\n </template>\r\n <!-- <template v-else>\r\n <el-form-item :label=\"lv1label || '节点名称'\">\r\n <b style=\"font-size: 16px\">{{ processNodeObj.name }}</b>\r\n </el-form-item>\r\n <el-form-item :label=\"label || '处理人'\">\r\n {{ '--' || processNodeObj.routeTxt.userNames }}\r\n </el-form-item>\r\n </template> -->\r\n <!-- <template v-else-if=\"processNodeObj.type == Enum.ProcessNodeType.单一分支\">\r\n <el-form-item\r\n :label=\"processNodeObj.name || '下一节点'\"\r\n v-if=\"processNodeObj.childNode.length > 1\"\r\n >\r\n <el-radio-group v-model=\"radioModel\" class=\"ml-4\">\r\n <el-radio\r\n v-for=\"item in processNodeObj.childNode\"\r\n :key=\"item.id\"\r\n :label=\"item\"\r\n size=\"large\"\r\n >{{ getLabel(item) }}</el-radio\r\n >\r\n </el-radio-group>\r\n </el-form-item>\r\n <template v-if=\"radioModel.id\">\r\n <userTask\r\n :ref=\"setItemRef(radioModel.id)\"\r\n :personType=\"personType\"\r\n :personEntity=\"personEntity\"\r\n :process-node=\"{ ...radioModel, taskNode: processNode.taskNode }\"\r\n :key=\"radioModel.id\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n </template>\r\n </template>\r\n <template\r\n v-else-if=\"\r\n processNodeObj.type == Enum.ProcessNodeType.多选节点 &&\r\n processNodeObj.childNode.length > 0\r\n \"\r\n >\r\n <el-form-item :label=\"processNodeObj.name || '下一节点'\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <template v-for=\"item in processNodeObj.childNode\">\r\n <el-checkbox\r\n :label=\"getLabel(item)\"\r\n v-if=\"isSelect(item)\"\r\n :checked=\"true\"\r\n disabled\r\n :key=\"'checkbox' + item.id\"\r\n />\r\n <el-checkbox\r\n :label=\"getLabel(item)\"\r\n v-else\r\n :key=\"'checkbox1' + item.id\"\r\n />\r\n </template>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <userTask\r\n :ref=\"setItemRef(item.id)\"\r\n :personType=\"personType\"\r\n :personEntity=\"personEntity\"\r\n :key=\"item.id\"\r\n v-for=\"item in checkModelList\"\r\n :processNode=\"{ ...item, taskNode: processNode.taskNode }\"\r\n >\r\n </userTask>\r\n </template> -->\r\n <!-- <template v-else-if=\"processNodeObj.type == Enum.ProcessNodeType.结束事件\">\r\n <el-form-item :label=\"lv1label || '节点名称'\">\r\n <b style=\"font-size: 16px\">{{ processNodeObj.name }}</b>\r\n </el-form-item>\r\n </template> -->\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport * as Enum from \"../enum\";\r\nimport staffTree from \"../staff-tree.vue\";\r\n// import userTask from \"./userTask.vue\"\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport api from \"../api\";\r\n\r\nexport default {\r\n name: \"userTask\",\r\n components: { staffTree },\r\n props: {\r\n index: {\r\n type: Number,\r\n default: 0\r\n },\r\n processNode: { require: true },\r\n label: \"\",\r\n peopleLabel: \"\",\r\n lv1label: \"\",\r\n personType: \"\",\r\n personEntity: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n rules: {\r\n require: false,\r\n type: Array,\r\n },\r\n },\r\n data() {\r\n return {\r\n deptList: [],\r\n Enum,\r\n resultList: [],\r\n radioModel: {},\r\n checkList: [],\r\n targetUserId: \"\",\r\n targetUserList: [],\r\n processNodeObj: this.processNode,\r\n userTaskListData: {},\r\n personnelList: [],\r\n };\r\n },\r\n computed: {\r\n checkModelList() {\r\n let arr = this.processNodeObj.branches.filter((o) =>\r\n {\r\n return this.checkList.includes(o.incomingConditionItemList[0].compareValue)\r\n }\r\n );\r\n\r\n this.resultList = arr || [];\r\n return this.resultList;\r\n },\r\n },\r\n watch: {\r\n processNode: {\r\n handler(newVal, oldVal) {\r\n // 如果是长度为1，固定\r\n console.log(newVal, 'processNodeObj')\r\n if (newVal.nodeType == 'userTask' && newVal.setPersonnel && newVal.assignees && newVal.assignees.length > 0) {\r\n this.targetUserId = newVal.assignees.map(i => i.id)\r\n }\r\n if (newVal.userList && newVal.userList.length == 1) {\r\n this.targetUserId = newVal.userList[0].userId\r\n }\r\n this.processNodeObj = newVal || {};\r\n },\r\n deep: true,\r\n }\r\n },\r\n mounted() {\r\n if (\r\n this.processNodeObj.childNode &&\r\n this.processNodeObj.childNode.length == 1 &&\r\n this.processNodeObj.type == Enum.ProcessNodeType.单一分支\r\n ) {\r\n this.radioModel = this.processNodeObj.childNode[0];\r\n }\r\n },\r\n methods: {\r\n isSelect(item) {\r\n if (item.incomingConditionItemList[0]) {\r\n let flag =\r\n item.incomingConditionItemList[0].itemName.includes(\"selecd\");\r\n if (flag) {\r\n if (!this.checkList.includes(item.name))\r\n this.checkList.push(item.name);\r\n }\r\n return flag;\r\n }\r\n return false;\r\n },\r\n fixPeopleChange(e) {\r\n console.log(e, 'e')\r\n this.complete(e, this.processNodeObj)\r\n },\r\n // 获取选中的人的对象\r\n selectChange (list) {\r\n console.log(list, 'list')\r\n this.targetUserList = list;\r\n },\r\n complete(e, item) {\r\n console.log(e, item, 'e item', this.resultList, this.resultList.every((o) => o.vars))\r\n item.vars = e;\r\n if (this.resultList.every((o) => o.vars)) {\r\n this.processNodeObj.vars = this.resultList.map((o) => o.vars);\r\n console.log(this.processNodeObj.vars, 'this.processNodeObj.vars')\r\n this.$emit(\"complete\", this.processNodeObj);\r\n }\r\n },\r\n setItemRef(key) {\r\n this.userTaskListData[key] = \"userTask\" + key;\r\n return this.userTaskListData[key];\r\n },\r\n getTreeData(item) {\r\n if (item) {\r\n if (item.humanPerformerName == \"固定部门\") {\r\n return item.routeTxt.departmentIds.map((o) => {\r\n let obj = {};\r\n obj.id = o.rangeId;\r\n obj.leaf = false;\r\n obj.name = o.name;\r\n obj.orgType = this.Enum.UserType.部门;\r\n return obj;\r\n });\r\n } else if (item.humanPerformerName == \"固定单位\") {\r\n return item.routeTxt.companyIds.map((o) => {\r\n let obj = {};\r\n obj.id = o.rangeId;\r\n obj.leaf = false;\r\n obj.name = o.name;\r\n obj.orgType = this.Enum.UserType.主体;\r\n return obj;\r\n });\r\n } else if (item.humanPerformerName == \"固定群组\") {\r\n return item.routeTxt.teamList.map((o) => {\r\n let obj = {};\r\n obj.id = o.id;\r\n obj.leaf = false;\r\n obj.name = o.teamName;\r\n obj.orgType = this.Enum.UserType.群组;\r\n return obj;\r\n });\r\n }\r\n }\r\n return undefined;\r\n },\r\n isOption(humanPerformer) {\r\n return (\r\n humanPerformer == \"任意指定\" ||\r\n humanPerformer == \"固定部门\" ||\r\n humanPerformer == \"固定单位\" ||\r\n humanPerformer == \"固定角色/岗位\" ||\r\n humanPerformer == \"固定群组\"\r\n );\r\n },\r\n getValue() {\r\n let flag = true;\r\n let val = { multiNodeParticipant: {}, vars: {} };\r\n if (\r\n (!this.processNodeObj.type || \r\n this.processNodeObj.type == this.Enum.ProcessNodeType.用户任务 ||\r\n this.processNodeObj.type == Enum.ProcessNodeType.用户节点)\r\n \r\n ) {\r\n\r\n /**\r\n * &&\r\n (\r\n this.processNodeObj.nodeType != 'exclusiveGateway'\r\n ||\r\n this.processNodeObj.nodeType == 'exclusiveGateway' && this.processNodeObj.branches.length == 0\r\n )\r\n */\r\n // exclusiveGateway 节点\r\n console.log(this.processNodeObj, 'this.processNodeObj 第一个判断')\r\n if (this.processNodeObj.nodeType == 'exclusiveGateway') {\r\n // 进来这里\r\n for (let key in this.userTaskListData) {\r\n let o = this.userTaskListData[key];\r\n let refCom = this.$refs[o];\r\n\r\n refCom = Array.isArray(refCom) ? refCom[0] : refCom;\r\n if (refCom) {\r\n let res = refCom.getValue();\r\n if (!res) {\r\n flag = false;\r\n } else {\r\n if (this.radioModel && this.radioModel.nodeInfoDTO && this.radioModel.nodeInfoDTO.id) {\r\n if (\r\n this.radioModel.nodeInfoDTO.incomingConditionItemList &&\r\n this.radioModel.nodeInfoDTO.incomingConditionItemList.length > 0\r\n )\r\n val.vars[\r\n this.radioModel.nodeInfoDTO.incomingConditionItemList[0].itemName\r\n ] =\r\n this.radioModel.nodeInfoDTO.incomingConditionItemList[0].compareValue;\r\n }\r\n val.multiNodeParticipant = {\r\n ...val.multiNodeParticipant,\r\n ...res.multiNodeParticipant,\r\n };\r\n val.vars = { ...val.vars, ...res.vars };\r\n }\r\n }\r\n }\r\n \r\n } \r\n else if (this.processNodeObj.nodeType == 'inclusiveGateway') {\r\n // 进来这里\r\n if (this.resultList && this.resultList.length > 0) {\r\n\r\n this.resultList.forEach(rlItem => {\r\n const o = this.userTaskListData[rlItem.nodeInfoDTO.id]\r\n let refCom = this.$refs[o];\r\n\r\n refCom = Array.isArray(refCom) ? refCom[0] : refCom;\r\n if (refCom) {\r\n let res = refCom.getValue();\r\n if (!res) {\r\n flag = false;\r\n } else {\r\n if (rlItem.nodeInfoDTO.incomingConditionItemList.length !== 0) {\r\n rlItem.nodeInfoDTO.incomingConditionItemList.forEach((item) => {\r\n if (item.itemName) {\r\n val.vars[item.itemName] = item.compareValue;\r\n }\r\n });\r\n }\r\n val.multiNodeParticipant = {\r\n ...val.multiNodeParticipant,\r\n ...res.multiNodeParticipant,\r\n };\r\n val.vars = { ...val.vars, ...res.vars };\r\n }\r\n }\r\n })\r\n\r\n } else {\r\n console.log(this.processNodeObj, 'this.processNodeObj.nodeInfoDTO 判断是否是多分支')\r\n // 判断是否是多分支\r\n if (this.processNodeObj && this.processNodeObj.nodeType == 'inclusiveGateway') {\r\n ElMessage.warning(`请选择下一节点`)\r\n } else {\r\n this.processNodeObj.nodeInfoDTO.name && ElMessage.warning(`请选择 ${this.processNodeObj.nodeInfoDTO.name} `);\r\n }\r\n return false;\r\n }\r\n } \r\n // 新流程需要进入这里\r\n else if (!this.processNodeObj.assignee || !Array.isArray(this.processNodeObj.assignee) || !this.processNodeObj.setPersonnel || this.isOption(this.processNodeObj.humanPerformerName)\r\n || \r\n (this.processNodeObj.nodeInfoDTO && (!this.processNodeObj.nodeInfoDTO.assignee || !Array.isArray(this.processNodeObj.nodeInfoDTO.assignee) || !this.processNodeObj.nodeInfoDTO.setPersonnel || this.isOption(this.processNodeObj.nodeInfoDTO.humanPerformerName)))\r\n ) {\r\n if (this.targetUserId && this.targetUserId.length > 0) {\r\n let obj = {};\r\n val.multiNodeParticipant = {};\r\n val.multiNodeParticipant[this.processNode.nodeInfoDTO ? this.processNodeObj.nodeInfoDTO.id : this.processNodeObj.id] =\r\n Array.isArray(this.targetUserId) ? this.targetUserId : [this.targetUserId];\r\n // val.push(obj);\r\n } else if (this.processNodeObj.REQUIRED !== false || (this.processNodeObj.nodeInfoDTO && this.processNodeObj.nodeInfoDTO.REQUIRED !== false)) {\r\n if (this.processNodeObj.nodeInfoDTO) {\r\n this.processNodeObj.nodeInfoDTO.name && ElMessage.warning(`请选择 ${this.processNodeObj.nodeInfoDTO.name} 处理人`);\r\n } else {\r\n this.processNodeObj.name && ElMessage.warning(`请选择 ${this.processNodeObj.name} 处理人`);\r\n }\r\n // ElMessage.warning(`请选择审批人`);\r\n return false;\r\n }\r\n } else {\r\n if (\r\n this.processNodeObj.incomingConditionItemList &&\r\n this.processNodeObj.incomingConditionItemList.length > 0\r\n ) {\r\n val.vars[\r\n this.processNodeObj.incomingConditionItemList[0].itemName\r\n ] = this.processNodeObj.incomingConditionItemList[0].compareValue;\r\n }\r\n }\r\n } else {\r\n for (let key in this.userTaskListData) {\r\n let o = this.userTaskListData[key];\r\n let refCom = this.$refs[o];\r\n\r\n refCom = Array.isArray(refCom) ? refCom[0] : refCom;\r\n if (refCom) {\r\n let res = refCom.getValue();\r\n if (!res) {\r\n flag = false;\r\n } else {\r\n if (\r\n this.processNodeObj.nodeType == 'exclusiveGateway'\r\n ) {\r\n if (this.radioModel && this.radioModel.id) {\r\n if (\r\n this.radioModel.incomingConditionItemList &&\r\n this.radioModel.incomingConditionItemList.length > 0\r\n )\r\n val.vars[\r\n this.radioModel.incomingConditionItemList[0].itemName\r\n ] =\r\n this.radioModel.incomingConditionItemList[0].compareValue;\r\n } else {\r\n this.processNodeObj.name && ElMessage.warning(\r\n `请选择 ${this.processNodeObj.name} 下一节点`\r\n );\r\n return false;\r\n }\r\n } else if (\r\n this.processNodeObj.nodeType == 'inclusiveGateway'\r\n ) {\r\n if (this.resultList && this.resultList.length > 0) {\r\n this.resultList.forEach((r) => {\r\n if (r.incomingConditionItemList.length !== 0) {\r\n r.incomingConditionItemList.forEach((item) => {\r\n if (item.itemName) {\r\n val.vars[item.itemName] = item.compareValue;\r\n }\r\n });\r\n }\r\n });\r\n } else {\r\n this.processNodeObj.name && ElMessage.warning(`请选择 ${this.processNodeObj.name} `);\r\n return false;\r\n }\r\n }\r\n val.multiNodeParticipant = {\r\n ...val.multiNodeParticipant,\r\n ...res.multiNodeParticipant,\r\n };\r\n val.vars = { ...val.vars, ...res.vars };\r\n }\r\n }\r\n }\r\n }\r\n if (flag) return val;\r\n return flag;\r\n },\r\n getLabel(node) {\r\n let name = \"\";\r\n if (node.incomingConditionItemList.length > 0) {\r\n name = node.incomingConditionItemList[0].compareValue;\r\n }\r\n return name || node.name || \"后续节点\";\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.user-task {\r\n :deep(.el-form-item__label) {\r\n white-space: nowrap;\r\n text-align: right;\r\n font-size: 14px;\r\n overflow: hidden;\r\n display: block !important;\r\n text-overflow: ellipsis;\r\n }\r\n .include {\r\n padding: 6px;\r\n &-type {\r\n border-radius: 6px;\r\n }\r\n &-user {\r\n background: red;\r\n color: aliceblue;\r\n }\r\n &-dept {\r\n background: blue;\r\n color: aliceblue;\r\n }\r\n &-post {\r\n background: green;\r\n color: aliceblue;\r\n }\r\n &-assign {\r\n background: bisque;\r\n color: red;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n width: fit-content;\r\n height: 18px;\r\n }\r\n }\r\n .task-index {\r\n background: #1389ff;\r\n color: white;\r\n border-radius: 12px;\r\n width: -moz-fit-content;\r\n width: 25px;\r\n height: 100%;\r\n display: inline-flex;\r\n justify-content: center;\r\n margin-right: 6px;\r\n }\r\n}\r\n</style>\r\n",".user-task :deep(.el-form-item__label) {\n white-space: nowrap;\n text-align: right;\n font-size: 14px;\n overflow: hidden;\n display: block !important;\n text-overflow: ellipsis;\n}\n.user-task .include {\n padding: 6px;\n}\n.user-task .include-type {\n border-radius: 6px;\n}\n.user-task .include-user {\n background: red;\n color: aliceblue;\n}\n.user-task .include-dept {\n background: blue;\n color: aliceblue;\n}\n.user-task .include-post {\n background: green;\n color: aliceblue;\n}\n.user-task .include-assign {\n background: bisque;\n color: red;\n border-radius: 12px;\n display: flex;\n align-items: center;\n width: fit-content;\n height: 18px;\n}\n.user-task .task-index {\n background: #1389ff;\n color: white;\n border-radius: 12px;\n width: -moz-fit-content;\n width: 25px;\n height: 100%;\n display: inline-flex;\n justify-content: center;\n margin-right: 6px;\n}\n\n/*# sourceMappingURL=userTask.vue.map */"]}, media: undefined });
|
|
3150
3662
|
|
|
3151
3663
|
};
|
|
3152
3664
|
/* scoped */
|
|
@@ -3619,6 +4131,105 @@
|
|
|
3619
4131
|
//
|
|
3620
4132
|
//
|
|
3621
4133
|
//
|
|
4134
|
+
//
|
|
4135
|
+
//
|
|
4136
|
+
//
|
|
4137
|
+
//
|
|
4138
|
+
//
|
|
4139
|
+
//
|
|
4140
|
+
//
|
|
4141
|
+
//
|
|
4142
|
+
//
|
|
4143
|
+
//
|
|
4144
|
+
//
|
|
4145
|
+
//
|
|
4146
|
+
//
|
|
4147
|
+
//
|
|
4148
|
+
//
|
|
4149
|
+
//
|
|
4150
|
+
//
|
|
4151
|
+
//
|
|
4152
|
+
//
|
|
4153
|
+
//
|
|
4154
|
+
//
|
|
4155
|
+
//
|
|
4156
|
+
//
|
|
4157
|
+
//
|
|
4158
|
+
//
|
|
4159
|
+
//
|
|
4160
|
+
//
|
|
4161
|
+
//
|
|
4162
|
+
//
|
|
4163
|
+
//
|
|
4164
|
+
//
|
|
4165
|
+
//
|
|
4166
|
+
//
|
|
4167
|
+
//
|
|
4168
|
+
//
|
|
4169
|
+
//
|
|
4170
|
+
//
|
|
4171
|
+
//
|
|
4172
|
+
//
|
|
4173
|
+
//
|
|
4174
|
+
//
|
|
4175
|
+
//
|
|
4176
|
+
//
|
|
4177
|
+
//
|
|
4178
|
+
//
|
|
4179
|
+
//
|
|
4180
|
+
//
|
|
4181
|
+
//
|
|
4182
|
+
//
|
|
4183
|
+
//
|
|
4184
|
+
//
|
|
4185
|
+
//
|
|
4186
|
+
//
|
|
4187
|
+
//
|
|
4188
|
+
//
|
|
4189
|
+
//
|
|
4190
|
+
//
|
|
4191
|
+
//
|
|
4192
|
+
//
|
|
4193
|
+
//
|
|
4194
|
+
//
|
|
4195
|
+
//
|
|
4196
|
+
//
|
|
4197
|
+
//
|
|
4198
|
+
//
|
|
4199
|
+
//
|
|
4200
|
+
//
|
|
4201
|
+
//
|
|
4202
|
+
//
|
|
4203
|
+
//
|
|
4204
|
+
//
|
|
4205
|
+
//
|
|
4206
|
+
//
|
|
4207
|
+
//
|
|
4208
|
+
//
|
|
4209
|
+
//
|
|
4210
|
+
//
|
|
4211
|
+
//
|
|
4212
|
+
//
|
|
4213
|
+
//
|
|
4214
|
+
//
|
|
4215
|
+
//
|
|
4216
|
+
//
|
|
4217
|
+
//
|
|
4218
|
+
//
|
|
4219
|
+
//
|
|
4220
|
+
//
|
|
4221
|
+
//
|
|
4222
|
+
//
|
|
4223
|
+
//
|
|
4224
|
+
//
|
|
4225
|
+
//
|
|
4226
|
+
//
|
|
4227
|
+
//
|
|
4228
|
+
//
|
|
4229
|
+
//
|
|
4230
|
+
//
|
|
4231
|
+
//
|
|
4232
|
+
//
|
|
3622
4233
|
|
|
3623
4234
|
|
|
3624
4235
|
var script$e = {
|
|
@@ -3767,8 +4378,15 @@
|
|
|
3767
4378
|
let o = this.userTaskListData[key];
|
|
3768
4379
|
console.log(o, 'o', this.$refs[o]);
|
|
3769
4380
|
let refCom = this.$refs[o].$el ? this.$refs[o] : this.$refs[o][0];
|
|
3770
|
-
console.
|
|
4381
|
+
console.error('上传', refCom, refCom.getValue);
|
|
3771
4382
|
let res = refCom.getValue();
|
|
4383
|
+
if (res && res.vars && this.param.incomingConditionItemList&& this.param.incomingConditionItemList.length > 0) {
|
|
4384
|
+
this.param.incomingConditionItemList.forEach(item => {
|
|
4385
|
+
if (!res.vars[item.itemName]) {
|
|
4386
|
+
res.vars[item.itemName] = '';
|
|
4387
|
+
}
|
|
4388
|
+
});
|
|
4389
|
+
}
|
|
3772
4390
|
console.log(res, 'res get value');
|
|
3773
4391
|
if (!res) {
|
|
3774
4392
|
return false;
|
|
@@ -3792,6 +4410,23 @@
|
|
|
3792
4410
|
};
|
|
3793
4411
|
param.vars = { ...param.vars, ...res.vars };
|
|
3794
4412
|
}
|
|
4413
|
+
|
|
4414
|
+
// 如果不是结束事件，同时multiNodeParticipant为空，则提示
|
|
4415
|
+
if (this.param.nextTaskNode && this.param.nextTaskNode.nodeType != 'endEvent') {
|
|
4416
|
+
// 判断是不是仅有一个"exclusiveGateway"节点，同时该节点仅有一个子节点，同时已经选择了固定的人
|
|
4417
|
+
if (this.param.nextTaskNode.nodeType == 'exclusiveGateway' && this.param.nextTaskNode.branches && this.param.nextTaskNode.branches.length == 1 && this.param.nextTaskNode.branches[0].nodeInfoDTO && this.param.nextTaskNode.branches[0].nodeInfoDTO.setPersonnel == true && this.param.nextTaskNode.branches[0].nodeInfoDTO.assignees && this.param.nextTaskNode.branches[0].nodeInfoDTO.assignees.length > 0) {
|
|
4418
|
+
param.multiNodeParticipant = {
|
|
4419
|
+
...param.multiNodeParticipant,
|
|
4420
|
+
[this.param.nextTaskNode.branches[0].nodeInfoDTO.id]: this.param.nextTaskNode.branches[0].nodeInfoDTO.assignees.map(i => i.id)
|
|
4421
|
+
};
|
|
4422
|
+
} else {
|
|
4423
|
+
const keyLen = Object.keys(param.multiNodeParticipant).length;
|
|
4424
|
+
if (!keyLen) {
|
|
4425
|
+
elementUi.Message.warning('请选择下一节点');
|
|
4426
|
+
return false
|
|
4427
|
+
}
|
|
4428
|
+
}
|
|
4429
|
+
}
|
|
3795
4430
|
param.pass = true;
|
|
3796
4431
|
|
|
3797
4432
|
if (Date.now()) {
|
|
@@ -3813,6 +4448,10 @@
|
|
|
3813
4448
|
return
|
|
3814
4449
|
}
|
|
3815
4450
|
loading();
|
|
4451
|
+
if (param) {
|
|
4452
|
+
console.log(param, '测试', this.param);
|
|
4453
|
+
// return;
|
|
4454
|
+
}
|
|
3816
4455
|
if (preposition) {
|
|
3817
4456
|
preposition()
|
|
3818
4457
|
.then((e) => {
|
|
@@ -3840,6 +4479,8 @@
|
|
|
3840
4479
|
} else {
|
|
3841
4480
|
this.$emit("fail", res.msg);
|
|
3842
4481
|
}
|
|
4482
|
+
}).catch((e) => {
|
|
4483
|
+
this.$emit("fail", e.response ? (e.response.data ? e.response.data.msg || e.response.data.message : '') : e.message || e.msg || '');
|
|
3843
4484
|
});
|
|
3844
4485
|
}
|
|
3845
4486
|
},
|
|
@@ -3874,6 +4515,23 @@
|
|
|
3874
4515
|
};
|
|
3875
4516
|
param.vars = { ...param.vars, ...res.vars };
|
|
3876
4517
|
}
|
|
4518
|
+
|
|
4519
|
+
// 如果不是结束事件，同时multiNodeParticipant为空，则提示
|
|
4520
|
+
if (this.param.nextTaskNode && this.param.nextTaskNode.nodeType != 'endEvent') {
|
|
4521
|
+
// 判断是不是仅有一个"exclusiveGateway"节点，同时该节点仅有一个子节点，同时已经选择了固定的人
|
|
4522
|
+
if (this.param.nextTaskNode.nodeType == 'exclusiveGateway' && this.param.nextTaskNode.branches && this.param.nextTaskNode.branches.length == 1 && this.param.nextTaskNode.branches[0].nodeInfoDTO && this.param.nextTaskNode.branches[0].nodeInfoDTO.setPersonnel == true && this.param.nextTaskNode.branches[0].nodeInfoDTO.assignees && this.param.nextTaskNode.branches[0].nodeInfoDTO.assignees.length > 0) {
|
|
4523
|
+
param.multiNodeParticipant = {
|
|
4524
|
+
...param.multiNodeParticipant,
|
|
4525
|
+
[this.param.nextTaskNode.branches[0].nodeInfoDTO.id]: this.param.nextTaskNode.branches[0].nodeInfoDTO.assignees.map(i => i.id)
|
|
4526
|
+
};
|
|
4527
|
+
} else {
|
|
4528
|
+
const keyLen = Object.keys(param.multiNodeParticipant).length;
|
|
4529
|
+
if (!keyLen) {
|
|
4530
|
+
elementUi.Message.warning('请选择下一节点');
|
|
4531
|
+
return false
|
|
4532
|
+
}
|
|
4533
|
+
}
|
|
4534
|
+
}
|
|
3877
4535
|
if (this.param.getVars) {
|
|
3878
4536
|
let vars = this.param.getVars();
|
|
3879
4537
|
if (vars === false) return false;
|
|
@@ -3908,6 +4566,8 @@
|
|
|
3908
4566
|
} else {
|
|
3909
4567
|
this.$emit("fail", res.msg);
|
|
3910
4568
|
}
|
|
4569
|
+
}).catch((e) => {
|
|
4570
|
+
this.$emit("fail", e.response ? (e.response.data ? e.response.data.msg || e.response.data.message : '') : e.message || e.msg || '');
|
|
3911
4571
|
});
|
|
3912
4572
|
}
|
|
3913
4573
|
},
|
|
@@ -4064,7 +4724,10 @@
|
|
|
4064
4724
|
_vm._v(" "),
|
|
4065
4725
|
_vm._t("file"),
|
|
4066
4726
|
_vm._v(" "),
|
|
4067
|
-
_vm.param.nextTaskNode &&
|
|
4727
|
+
_vm.param.nextTaskNode &&
|
|
4728
|
+
_vm.param.nextTaskNode.id &&
|
|
4729
|
+
_vm.param.nextTaskNode.nodeType != "parallelGateway" &&
|
|
4730
|
+
_vm.param.nextTaskNode.nodeType != "exclusiveGateway"
|
|
4068
4731
|
? [
|
|
4069
4732
|
_vm.param.nextTaskNode.nodeType != "endEvent"
|
|
4070
4733
|
? [
|
|
@@ -4099,7 +4762,31 @@
|
|
|
4099
4762
|
]),
|
|
4100
4763
|
],
|
|
4101
4764
|
]
|
|
4102
|
-
: _vm.param.
|
|
4765
|
+
: _vm.param.nextTaskNode.nodeType == "exclusiveGateway" &&
|
|
4766
|
+
_vm.param.outGatewayUserTaskModel &&
|
|
4767
|
+
_vm.param.outGatewayUserTaskModel.length > 0
|
|
4768
|
+
? _vm._l(_vm.param.outGatewayUserTaskModel, function (item) {
|
|
4769
|
+
return _c("userTask", {
|
|
4770
|
+
key: item.id,
|
|
4771
|
+
ref: _vm.setItemRef(item.id),
|
|
4772
|
+
refInFor: true,
|
|
4773
|
+
attrs: {
|
|
4774
|
+
personType: _vm.param.personType,
|
|
4775
|
+
personEntity: _vm.param.personEntity,
|
|
4776
|
+
processNode: Object.assign({}, item, {
|
|
4777
|
+
pType: _vm.param.nextTaskNode.nodeType,
|
|
4778
|
+
REQUIRED:
|
|
4779
|
+
item.setPersonnel == true &&
|
|
4780
|
+
item.assignees &&
|
|
4781
|
+
item.assignees.length > 0
|
|
4782
|
+
? false
|
|
4783
|
+
: true,
|
|
4784
|
+
}),
|
|
4785
|
+
},
|
|
4786
|
+
})
|
|
4787
|
+
})
|
|
4788
|
+
: _vm.param.outGatewayUserTaskModel &&
|
|
4789
|
+
_vm.param.outGatewayUserTaskModel.length > 0
|
|
4103
4790
|
? _vm._l(_vm.param.outGatewayUserTaskModel, function (item) {
|
|
4104
4791
|
return _c("userTask", {
|
|
4105
4792
|
key: item.id,
|
|
@@ -4109,8 +4796,144 @@
|
|
|
4109
4796
|
personType: _vm.param.personType,
|
|
4110
4797
|
personEntity: _vm.param.personEntity,
|
|
4111
4798
|
processNode: Object.assign({}, item, {
|
|
4112
|
-
|
|
4799
|
+
REQUIRED:
|
|
4800
|
+
item.setPersonnel == true &&
|
|
4801
|
+
item.assignees &&
|
|
4802
|
+
item.assignees.length > 0
|
|
4803
|
+
? false
|
|
4804
|
+
: true,
|
|
4805
|
+
}),
|
|
4806
|
+
},
|
|
4807
|
+
})
|
|
4808
|
+
})
|
|
4809
|
+
: _vm.param.nextTaskNode.nodeType == "exclusiveGateway" &&
|
|
4810
|
+
_vm.param.nextTaskNode.branches &&
|
|
4811
|
+
_vm.param.nextTaskNode.branches.length == 1
|
|
4812
|
+
? [
|
|
4813
|
+
_vm.param.nextTaskNode.nodeType != "endEvent"
|
|
4814
|
+
? [
|
|
4815
|
+
_vm.param.nextTaskNode.branches[0].nodeInfoDTO
|
|
4816
|
+
? _c("userTask", {
|
|
4817
|
+
key: _vm.param.nextTaskNode.branches[0].nodeInfoDTO.id,
|
|
4818
|
+
ref: _vm.setItemRef(
|
|
4819
|
+
_vm.param.nextTaskNode.branches[0].nodeInfoDTO.id
|
|
4820
|
+
),
|
|
4821
|
+
attrs: {
|
|
4822
|
+
personType:
|
|
4823
|
+
_vm.param.nextTaskNode.branches[0].nodeInfoDTO
|
|
4824
|
+
.personType || "",
|
|
4825
|
+
personEntity: {},
|
|
4826
|
+
"process-node": Object.assign(
|
|
4827
|
+
{},
|
|
4828
|
+
_vm.param.nextTaskNode.branches[0].nodeInfoDTO,
|
|
4829
|
+
{
|
|
4830
|
+
REQUIRED:
|
|
4831
|
+
_vm.param.nextTaskNode.branches[0].nodeInfoDTO
|
|
4832
|
+
.setPersonnel == true &&
|
|
4833
|
+
_vm.param.nextTaskNode.branches[0].nodeInfoDTO
|
|
4834
|
+
.assignees &&
|
|
4835
|
+
_vm.param.nextTaskNode.branches[0].nodeInfoDTO
|
|
4836
|
+
.assignees.length > 0
|
|
4837
|
+
? false
|
|
4838
|
+
: true,
|
|
4839
|
+
}
|
|
4840
|
+
),
|
|
4841
|
+
lv1label: "下一节点名称",
|
|
4842
|
+
rules: [{ required: true, message: "请选择处理人" }],
|
|
4843
|
+
},
|
|
4844
|
+
})
|
|
4845
|
+
: _c("userTask", {
|
|
4846
|
+
key: _vm.param.nextTaskNode.branches[0].id,
|
|
4847
|
+
ref: _vm.setItemRef(
|
|
4848
|
+
_vm.param.nextTaskNode.branches[0].id
|
|
4849
|
+
),
|
|
4850
|
+
attrs: {
|
|
4851
|
+
personType:
|
|
4852
|
+
_vm.param.nextTaskNode.branches[0].personType || "",
|
|
4853
|
+
personEntity: {},
|
|
4854
|
+
"process-node": Object.assign(
|
|
4855
|
+
{},
|
|
4856
|
+
_vm.param.nextTaskNode.branches[0],
|
|
4857
|
+
{
|
|
4858
|
+
REQUIRED:
|
|
4859
|
+
_vm.param.nextTaskNode.branches[0]
|
|
4860
|
+
.setPersonnel == true &&
|
|
4861
|
+
_vm.param.nextTaskNode.branches[0].assignees &&
|
|
4862
|
+
_vm.param.nextTaskNode.branches[0].assignees
|
|
4863
|
+
.length > 0
|
|
4864
|
+
? false
|
|
4865
|
+
: true,
|
|
4866
|
+
}
|
|
4867
|
+
),
|
|
4868
|
+
lv1label: "下一节点名称",
|
|
4869
|
+
rules: [{ required: true, message: "请选择处理人" }],
|
|
4870
|
+
},
|
|
4871
|
+
}),
|
|
4872
|
+
]
|
|
4873
|
+
: [
|
|
4874
|
+
_c("el-form-item", { attrs: { label: "下一节点名称" } }, [
|
|
4875
|
+
_c("b", { staticStyle: { "font-size": "16px" } }, [
|
|
4876
|
+
_vm._v("结束事件"),
|
|
4877
|
+
]),
|
|
4878
|
+
]),
|
|
4879
|
+
],
|
|
4880
|
+
]
|
|
4881
|
+
: _vm.param.nextTaskNode.nodeType == "exclusiveGateway" &&
|
|
4882
|
+
_vm.param.nextTaskNode.branches &&
|
|
4883
|
+
_vm.param.nextTaskNode.branches.length > 1
|
|
4884
|
+
? [
|
|
4885
|
+
_vm.param.nextTaskNode.nodeType != "endEvent"
|
|
4886
|
+
? [
|
|
4887
|
+
_c("userTask", {
|
|
4888
|
+
key: _vm.param.nextTaskNode.id,
|
|
4889
|
+
ref: _vm.setItemRef(_vm.param.nextTaskNode.id),
|
|
4890
|
+
attrs: {
|
|
4891
|
+
personType: _vm.param.nextTaskNode.personType || "",
|
|
4892
|
+
personEntity: {},
|
|
4893
|
+
"process-node": Object.assign(
|
|
4894
|
+
{},
|
|
4895
|
+
_vm.param.nextTaskNode,
|
|
4896
|
+
{
|
|
4897
|
+
REQUIRED:
|
|
4898
|
+
_vm.param.nextTaskNode.setPersonnel == true &&
|
|
4899
|
+
_vm.param.nextTaskNode.assignees &&
|
|
4900
|
+
_vm.param.nextTaskNode.assignees.length > 0
|
|
4901
|
+
? false
|
|
4902
|
+
: true,
|
|
4903
|
+
}
|
|
4904
|
+
),
|
|
4905
|
+
lv1label: "下一节点名称",
|
|
4906
|
+
rules: [{ required: true, message: "请选择处理人" }],
|
|
4907
|
+
},
|
|
4908
|
+
}),
|
|
4909
|
+
]
|
|
4910
|
+
: [
|
|
4911
|
+
_c("el-form-item", { attrs: { label: "下一节点名称" } }, [
|
|
4912
|
+
_c("b", { staticStyle: { "font-size": "16px" } }, [
|
|
4913
|
+
_vm._v("结束事件"),
|
|
4914
|
+
]),
|
|
4915
|
+
]),
|
|
4916
|
+
],
|
|
4917
|
+
]
|
|
4918
|
+
: _vm.param.nextTaskNode.nodeType == "parallelGateway"
|
|
4919
|
+
? _vm._l(_vm.param.nextTaskNode.branches, function (item) {
|
|
4920
|
+
return _c("userTask", {
|
|
4921
|
+
key: item.id,
|
|
4922
|
+
ref: _vm.setItemRef(item.id),
|
|
4923
|
+
refInFor: true,
|
|
4924
|
+
attrs: {
|
|
4925
|
+
personType: _vm.param.personType || "",
|
|
4926
|
+
personEntity: _vm.param.personEntity || {},
|
|
4927
|
+
processNode: Object.assign({}, item, {
|
|
4928
|
+
REQUIRED:
|
|
4929
|
+
item.setPersonnel == true &&
|
|
4930
|
+
item.assignees &&
|
|
4931
|
+
item.assignees.length > 0
|
|
4932
|
+
? false
|
|
4933
|
+
: true,
|
|
4113
4934
|
}),
|
|
4935
|
+
lv1label: "下一节点名称",
|
|
4936
|
+
rules: [{ required: true, message: "请选择处理人" }],
|
|
4114
4937
|
},
|
|
4115
4938
|
})
|
|
4116
4939
|
})
|
|
@@ -4161,11 +4984,11 @@
|
|
|
4161
4984
|
/* style */
|
|
4162
4985
|
const __vue_inject_styles__$e = function (inject) {
|
|
4163
4986
|
if (!inject) return
|
|
4164
|
-
inject("data-v-52384047_0", { source: "\n@import \"./content.css\";\n.add-idea[data-v-52384047] {\r\n display: flex;\r\n justify-content: end;\n}\n.add-idea span[data-v-52384047] {\r\n color: #448ef6;\r\n cursor: pointer;\n}\n.sign-idea[data-v-52384047] {\r\n display: flex;\nspan {\r\n color: #448ef6;\r\n cursor: pointer;\n}\n}\n.sign-container[data-v-52384047] {\r\n min-height: 60vh;\n}\r\n", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\operation\\complete.vue"],"names":[],"mappings":";AAmaA,uBAAA;AACA;EACA,aAAA;EACA,oBAAA;AACA;AACA;EACA,cAAA;EACA,eAAA;AACA;AACA;EACA,aAAA;AACA;IACA,cAAA;IACA,eAAA;AACA;AACA;AACA;EACA,gBAAA;AACA","file":"complete.vue","sourcesContent":["<template>\r\n <el-form label-width=\"120px\" @submit.native.prevent status-icon>\r\n <template\r\n v-if=\"\r\n param.ProcessInsObj.processDefId !=\r\n 'obj_94014ede99b6495d8f6d5977314faa15'\r\n \"\r\n >\r\n <el-form-item label=\"快捷回复\">\r\n <el-radio-group v-model=\"commentMsg\">\r\n <el-radio label=\"同意\">同意</el-radio>\r\n <el-radio label=\"如拟\" v-if=\"param.showAsPlanned\">如拟</el-radio>\r\n <el-radio label=\"已阅\">已阅</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n <el-form-item v-if=\"param.showCommIdea\">\r\n <commIdea ref=\"commIdea\" @change=\"(e) => (commentMsg = e)\" />\r\n </el-form-item>\r\n <el-form-item\r\n label=\"审批意见\"\r\n :rules=\"[\r\n { required: param.commentMsgRequired, message: '审批意见不能为空' },\r\n ]\"\r\n >\r\n <el-input\r\n v-model=\"commentMsg\"\r\n :rows=\"5\"\r\n maxlength=\"200\"\r\n show-word-limit\r\n type=\"textarea\"\r\n resize=\"none\"\r\n placeholder=\"请输入审批意见\"\r\n class=\"formInput\"\r\n />\r\n <div class=\"add-idea\" v-if=\"param.showCommIdea\">\r\n <span @click=\"$refs['commIdea'].addIdea(commentMsg)\"\r\n >设置为常用意见</span\r\n >\r\n </div>\r\n </el-form-item>\r\n <!-- <el-form-item\r\n label=\"审批签字\"\r\n :rules=\"[\r\n { required: signRequired, message: '审批签字不能为空' },\r\n ]\"\r\n v-if=\"signRequired\"\r\n >\r\n <div class=\"sign-idea\">\r\n <span @click=\"toSign\">去签字</span>\r\n </div>\r\n </el-form-item> -->\r\n </template>\r\n <slot name=\"file\"></slot>\r\n <!-- <el-form-item label=\"下一步处理节点\" size=\"normal\"> </el-form-item> -->\r\n <template v-if=\"param.nextTaskNode && param.nextTaskNode.id\">\r\n <template v-if=\"param.nextTaskNode.nodeType != 'endEvent'\">\r\n <userTask\r\n :key=\"param.nextTaskNode.id\"\r\n :personType=\"param.nextTaskNode.personType || ''\"\r\n :personEntity=\"{}\"\r\n :process-node=\"{\r\n ...param.nextTaskNode,\r\n REQUIRED: param.nextTaskNode.setPersonnel == true && param.nextTaskNode.assignees && param.nextTaskNode.assignees.length > 0 ? false : true,\r\n }\"\r\n lv1label=\"下一节点名称\"\r\n :ref=\"setItemRef(param.nextTaskNode.id)\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n </template>\r\n <template v-else>\r\n <el-form-item label=\"下一节点名称\">\r\n <b style=\"font-size: 16px\">结束事件</b>\r\n </el-form-item>\r\n </template>\r\n </template>\r\n <userTask\r\n v-else-if=\"param.outGatewayUserTaskModel\"\r\n v-for=\"item in param.outGatewayUserTaskModel\"\r\n :key=\"item.id\"\r\n :personType=\"param.personType\"\r\n :personEntity=\"param.personEntity\"\r\n :processNode=\"{ ...item, taskNode: param.taskNode }\"\r\n :ref=\"setItemRef(item.id)\"\r\n >\r\n </userTask>\r\n\r\n <slot name=\"form\"></slot>\r\n\r\n <el-dialog title=\"签字\" :visible.sync=\"signVisible\" append-to-body width=\"800px\" @closed=\"closeSign\" :close-on-click-modal=\"false\">\r\n <div class=\"sign-container\">\r\n <TopSign @saveSignature=\"handleSignature\" @validateFail=\"noticeFail\">\r\n </TopSign>\r\n </div>\r\n </el-dialog>\r\n </el-form>\r\n</template>\r\n\r\n<script>\r\nimport * as $enum from \"../enum\";\r\nimport staffTree from \"../staff-tree.vue\";\r\nimport api from \"../api\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport userTask from \"./userTask.vue\";\r\nimport commIdea from \"./commIdea.vue\";\r\nimport TopSign from '../../TopSign/topSign.vue'\r\n\r\nexport default {\r\n components: { staffTree, userTask, commIdea, TopSign },\r\n props: {\r\n param: Object,\r\n },\r\n data() {\r\n return {\r\n commentMsg: \"\",\r\n targetUser: [],\r\n userTaskListData: {},\r\n outGatewayUserTaskModel: this.param.outGatewayUserTaskModel,\r\n Enum: $enum,\r\n signVisible: false,\r\n digitalSignature: '',\r\n confirmPreposition: false, \r\n confirmLoading: () => {}\r\n };\r\n },\r\n mounted() {\r\n if (\r\n this.param.ProcessInsObj.processDefId ==\r\n \"obj_94014ede99b6495d8f6d5977314faa15\"\r\n ) {\r\n this.commentMsg = \"同意\";\r\n }\r\n },\r\n computed: {\r\n hasSign() {\r\n if(this.param.taskObj.activityExtendAttributes) {\r\n let tmpObj = JSON.parse(this.param.taskObj.activityExtendAttributes)\r\n if(tmpObj.find(item => item.key == '签字')) {\r\n return tmpObj.find(item => item.key == '签字')\r\n }\r\n else {\r\n return false\r\n }\r\n }\r\n else {\r\n return false\r\n }\r\n },\r\n signRequired() {\r\n const fd = this.param.extendedProperties.find(i => {\r\n return i.name == 'signature'\r\n })\r\n return fd ? true : false\r\n // if(this.param.taskObj.activityExtendAttributes) {\r\n // let tmpObj = JSON.parse(this.param.taskObj.activityExtendAttributes)\r\n // if(tmpObj.find(item => item.key == '签字')) {\r\n // return tmpObj.find(item => item.key == '签字').value == '1'\r\n // }\r\n // else {\r\n // return false\r\n // }\r\n // }\r\n // else {\r\n // return false\r\n // }\r\n }\r\n },\r\n methods: {\r\n setItemRef(key) {\r\n this.userTaskListData[key] = \"userTask\" + key;\r\n return this.userTaskListData[key];\r\n },\r\n getProcessNode(o) {\r\n let obj = {};\r\n obj.humanPerformerName = o.userTaskModelDTO.humanPerformer.name;\r\n obj.id = o.id;\r\n obj.loopCardinality =\r\n o.loopCardinality || o.userTaskModelDTO.loopCardinality;\r\n obj.name = o.userTaskModelDTO.name;\r\n obj.type = o.type;\r\n obj.routeTxt = o.userTaskModelDTO.routeTxt;\r\n obj.participantList = o.userTaskModelDTO.participantList;\r\n obj.taskNode = this.param.taskNode;\r\n return obj;\r\n },\r\n isOption(humanPerformer) {\r\n return (\r\n humanPerformer == \"任意指定\" ||\r\n humanPerformer == \"固定部门\" ||\r\n humanPerformer == \"固定账户\" ||\r\n humanPerformer == \"固定单位\"\r\n );\r\n },\r\n\r\n getTreeData(item) {\r\n if (this.param.nextTaskNode) {\r\n if (item.userTaskModelDTO.humanPerformer.name == \"固定部门\") {\r\n return item.userTaskModelDTO.routeTxt.departmentIds.map((o) => {\r\n let obj = {};\r\n obj.id = o.rangeId;\r\n obj.leaf = false;\r\n obj.name = o.name;\r\n obj.orgType = $enum.UserType.部门;\r\n return obj;\r\n });\r\n } else if (item.userTaskModelDTO.humanPerformer.name == \"固定单位\") {\r\n return item.userTaskModelDTO.routeTxt.companyIds.map((o) => {\r\n let obj = {};\r\n obj.id = o.rangeId;\r\n obj.leaf = false;\r\n obj.name = o.name;\r\n obj.orgType = $enum.UserType.主体;\r\n return obj;\r\n });\r\n }\r\n }\r\n return undefined;\r\n },\r\n\r\n getRes() {\r\n return { targetUser: this.targetUser };\r\n },\r\n // 提交前的前置函数，loading函数，附件列表\r\n confirm(preposition, loading, attachment) {\r\n if (Array.isArray(attachment)) {\r\n this.param.attachment = attachment;\r\n }\r\n\r\n console.log(this.param, '测试', this.userTaskListData)\r\n if (!this.commentMsg && this.param.commentMsgRequired) {\r\n ElMessage.warning(\"请输入审批意见\");\r\n return false;\r\n }\r\n if (this.commentMsg.length > 200) {\r\n ElMessage.warning(\"审批意见不能超过200个字\");\r\n return false;\r\n }\r\n // let actionName = this.param.taskObj.commentModels.find(\r\n // (o) => o.isDefault\r\n // ).actionName;\r\n let param = {\r\n taskId: this.param.taskInstId,\r\n processInstanceId: this.param.processInstId,\r\n // actionName: actionName || \"\",\r\n commentMsg: this.commentMsg || \" \",\r\n comment: this.commentMsg || \" \",\r\n businessData: this.param.businessData,\r\n attachment: this.param.attachment,\r\n };\r\n for (let key in this.userTaskListData) {\r\n let o = this.userTaskListData[key];\r\n console.log(o, 'o', this.$refs[o])\r\n let refCom = this.$refs[o].$el ? this.$refs[o] : this.$refs[o][0];\r\n console.log(refCom, refCom.getValue);\r\n let res = refCom.getValue();\r\n console.log(res, 'res get value')\r\n if (!res) {\r\n return false;\r\n }\r\n let assignees = []\r\n // 已经选了人，则用返回的，不然用自己选的\r\n const nextTaskNode = this.param.nextTaskNode\r\n if (nextTaskNode.setPersonnel) {\r\n assignees = nextTaskNode.assignees || []\r\n } else {\r\n assignees = (refCom.targetUserList || []).map(i => ({\r\n id: i.id,\r\n name: i.name,\r\n }))\r\n }\r\n param.assignees = assignees\r\n\r\n param.multiNodeParticipant = {\r\n ...param.multiNodeParticipant,\r\n ...res.multiNodeParticipant,\r\n };\r\n param.vars = { ...param.vars, ...res.vars };\r\n }\r\n param.pass = true\r\n\r\n if (Date.now()) {\r\n console.log(param, 'end', this.param)\r\n // return;\r\n }\r\n // param.variables = {\r\n // wf_form_variable: ''\r\n // }\r\n if (this.param.getVars) {\r\n let vars = this.param.getVars();\r\n if (vars === false) return false;\r\n param.vars = { ...param.vars, ...vars };\r\n }\r\n if(this.signRequired) {\r\n this.confirmPreposition = preposition\r\n this.confirmLoading = loading\r\n this.signVisible = true\r\n return\r\n }\r\n loading();\r\n if (preposition) {\r\n preposition()\r\n .then((e) => {\r\n api.tis\r\n .complete(param)\r\n .then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n if (e) e();\r\n this.$emit(\"success\");\r\n } else {\r\n this.$emit(\"fail\", res.msg);\r\n }\r\n })\r\n .catch(() => {\r\n this.$emit(\"fail\", \"\");\r\n });\r\n })\r\n .catch(() => {\r\n this.$emit(\"fail\", \"\");\r\n });\r\n } else {\r\n api.tis.complete(param).then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n this.$emit(\"success\");\r\n } else {\r\n this.$emit(\"fail\", res.msg);\r\n }\r\n });\r\n }\r\n },\r\n confirmWithSign() {\r\n // let actionName = this.param.taskObj.commentModels.find(\r\n // (o) => o.isDefault\r\n // ).actionName;\r\n let param = {\r\n taskId: this.param.taskInstId,\r\n processInstanceId: this.param.processInstId,\r\n // actionName: actionName || \"\",\r\n commentMsg: this.commentMsg || \" \",\r\n comment: this.commentMsg || \" \",\r\n businessData: this.param.businessData,\r\n digitalSignature: {\r\n name: this.param.digitalSignature.name,\r\n url: this.param.digitalSignature.url,\r\n },\r\n attachment: this.param.attachment,\r\n };\r\n for (let key in this.userTaskListData) {\r\n let o = this.userTaskListData[key];\r\n let refCom = this.$refs[o].$el ? this.$refs[o] : this.$refs[o][0];\r\n console.log(refCom, refCom.getValue);\r\n let res = refCom.getValue();\r\n if (!res) {\r\n return false;\r\n }\r\n param.multiNodeParticipant = {\r\n ...param.multiNodeParticipant,\r\n ...res.multiNodeParticipant,\r\n };\r\n param.vars = { ...param.vars, ...res.vars };\r\n }\r\n if (this.param.getVars) {\r\n let vars = this.param.getVars();\r\n if (vars === false) return false;\r\n param.vars = { ...param.vars, ...vars };\r\n }\r\n param.pass = true\r\n this.confirmLoading();\r\n if (this.confirmPreposition) {\r\n this.confirmPreposition()\r\n .then((e) => {\r\n api.tis\r\n .complete(param)\r\n .then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n if (e) e();\r\n this.$emit(\"success\");\r\n } else {\r\n this.$emit(\"fail\", res.msg);\r\n }\r\n })\r\n .catch(() => {\r\n this.$emit(\"fail\", \"\");\r\n });\r\n })\r\n .catch(() => {\r\n this.$emit(\"fail\", \"\");\r\n });\r\n } else {\r\n api.tis.complete(param).then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n this.$emit(\"success\");\r\n } else {\r\n this.$emit(\"fail\", res.msg);\r\n }\r\n });\r\n }\r\n },\r\n toSign() {\r\n this.signVisible = true\r\n },\r\n handleSignature(e, needClose) {\r\n this.param.digitalSignature = e\r\n console.error(e, 'digitalSignature')\r\n if(needClose) {\r\n this.signVisible = false\r\n this.confirmWithSign()\r\n }\r\n },\r\n closeSign() {\r\n this.signVisible = false\r\n },\r\n noticeFail(msg) {\r\n ElMessage.warning(msg)\r\n }\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n@import \"./content.css\";\r\n.add-idea {\r\n display: flex;\r\n justify-content: end;\r\n}\r\n.add-idea span {\r\n color: #448ef6;\r\n cursor: pointer;\r\n}\r\n.sign-idea {\r\n display: flex;\r\n span {\r\n color: #448ef6;\r\n cursor: pointer;\r\n }\r\n}\r\n.sign-container {\r\n min-height: 60vh;\r\n}\r\n</style>\r\n"]}, media: undefined });
|
|
4987
|
+
inject("data-v-25cbe9d5_0", { source: "\n@import \"./content.css\";\n.add-idea[data-v-25cbe9d5] {\r\n display: flex;\r\n justify-content: end;\n}\n.add-idea span[data-v-25cbe9d5] {\r\n color: #448ef6;\r\n cursor: pointer;\n}\n.sign-idea[data-v-25cbe9d5] {\r\n display: flex;\nspan {\r\n color: #448ef6;\r\n cursor: pointer;\n}\n}\n.sign-container[data-v-25cbe9d5] {\r\n min-height: 60vh;\n}\r\n", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\operation\\complete.vue"],"names":[],"mappings":";AAujBA,uBAAA;AACA;EACA,aAAA;EACA,oBAAA;AACA;AACA;EACA,cAAA;EACA,eAAA;AACA;AACA;EACA,aAAA;AACA;IACA,cAAA;IACA,eAAA;AACA;AACA;AACA;EACA,gBAAA;AACA","file":"complete.vue","sourcesContent":["<template>\r\n <el-form label-width=\"120px\" @submit.native.prevent status-icon>\r\n <template\r\n v-if=\"\r\n param.ProcessInsObj.processDefId !=\r\n 'obj_94014ede99b6495d8f6d5977314faa15'\r\n \"\r\n >\r\n <el-form-item label=\"快捷回复\">\r\n <el-radio-group v-model=\"commentMsg\">\r\n <el-radio label=\"同意\">同意</el-radio>\r\n <el-radio label=\"如拟\" v-if=\"param.showAsPlanned\">如拟</el-radio>\r\n <el-radio label=\"已阅\">已阅</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n <el-form-item v-if=\"param.showCommIdea\">\r\n <commIdea ref=\"commIdea\" @change=\"(e) => (commentMsg = e)\" />\r\n </el-form-item>\r\n <el-form-item\r\n label=\"审批意见\"\r\n :rules=\"[\r\n { required: param.commentMsgRequired, message: '审批意见不能为空' },\r\n ]\"\r\n >\r\n <el-input\r\n v-model=\"commentMsg\"\r\n :rows=\"5\"\r\n maxlength=\"200\"\r\n show-word-limit\r\n type=\"textarea\"\r\n resize=\"none\"\r\n placeholder=\"请输入审批意见\"\r\n class=\"formInput\"\r\n />\r\n <div class=\"add-idea\" v-if=\"param.showCommIdea\">\r\n <span @click=\"$refs['commIdea'].addIdea(commentMsg)\"\r\n >设置为常用意见</span\r\n >\r\n </div>\r\n </el-form-item>\r\n <!-- <el-form-item\r\n label=\"审批签字\"\r\n :rules=\"[\r\n { required: signRequired, message: '审批签字不能为空' },\r\n ]\"\r\n v-if=\"signRequired\"\r\n >\r\n <div class=\"sign-idea\">\r\n <span @click=\"toSign\">去签字</span>\r\n </div>\r\n </el-form-item> -->\r\n </template>\r\n <slot name=\"file\"></slot>\r\n <!-- <el-form-item label=\"下一步处理节点\" size=\"normal\"> </el-form-item> -->\r\n <template v-if=\"param.nextTaskNode && param.nextTaskNode.id && param.nextTaskNode.nodeType != 'parallelGateway' && param.nextTaskNode.nodeType != 'exclusiveGateway'\">\r\n <template v-if=\"param.nextTaskNode.nodeType != 'endEvent'\">\r\n <userTask\r\n :key=\"param.nextTaskNode.id\"\r\n :personType=\"param.nextTaskNode.personType || ''\"\r\n :personEntity=\"{}\"\r\n :process-node=\"{\r\n ...param.nextTaskNode,\r\n REQUIRED: param.nextTaskNode.setPersonnel == true && param.nextTaskNode.assignees && param.nextTaskNode.assignees.length > 0 ? false : true,\r\n }\"\r\n lv1label=\"下一节点名称\"\r\n :ref=\"setItemRef(param.nextTaskNode.id)\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n </template>\r\n <template v-else>\r\n <el-form-item label=\"下一节点名称\">\r\n <b style=\"font-size: 16px\">结束事件</b>\r\n </el-form-item>\r\n </template>\r\n </template>\r\n <!-- 复杂网关：不带branch， -->\r\n <template v-else-if=\"param.nextTaskNode.nodeType == 'exclusiveGateway' && param.outGatewayUserTaskModel && param.outGatewayUserTaskModel.length > 0\">\r\n <userTask\r\n v-for=\"item in param.outGatewayUserTaskModel\"\r\n :key=\"item.id\"\r\n :personType=\"param.personType\"\r\n :personEntity=\"param.personEntity\"\r\n :processNode=\"{ \r\n ...item,\r\n pType: param.nextTaskNode.nodeType,\r\n REQUIRED: item.setPersonnel == true && item.assignees && item.assignees.length > 0 ? false : true,\r\n }\"\r\n :ref=\"setItemRef(item.id)\"\r\n >\r\n </userTask>\r\n </template>\r\n <template v-else-if=\"param.outGatewayUserTaskModel && param.outGatewayUserTaskModel.length > 0\">\r\n <userTask\r\n v-for=\"item in param.outGatewayUserTaskModel\"\r\n :key=\"item.id\"\r\n :personType=\"param.personType\"\r\n :personEntity=\"param.personEntity\"\r\n :processNode=\"{ \r\n ...item,\r\n REQUIRED: item.setPersonnel == true && item.assignees && item.assignees.length > 0 ? false : true,\r\n }\"\r\n :ref=\"setItemRef(item.id)\"\r\n >\r\n </userTask>\r\n </template>\r\n <!-- 互斥网关，只有一个分支 -->\r\n <template v-else-if=\"param.nextTaskNode.nodeType == 'exclusiveGateway' && param.nextTaskNode.branches && param.nextTaskNode.branches.length == 1\">\r\n <template v-if=\"param.nextTaskNode.nodeType != 'endEvent'\">\r\n <userTask\r\n v-if=\"param.nextTaskNode.branches[0].nodeInfoDTO\"\r\n :key=\"param.nextTaskNode.branches[0].nodeInfoDTO.id\"\r\n :personType=\"param.nextTaskNode.branches[0].nodeInfoDTO.personType || ''\"\r\n :personEntity=\"{}\"\r\n :process-node=\"{\r\n ...param.nextTaskNode.branches[0].nodeInfoDTO,\r\n REQUIRED: param.nextTaskNode.branches[0].nodeInfoDTO.setPersonnel == true && param.nextTaskNode.branches[0].nodeInfoDTO.assignees && param.nextTaskNode.branches[0].nodeInfoDTO.assignees.length > 0 ? false : true,\r\n }\"\r\n lv1label=\"下一节点名称\"\r\n :ref=\"setItemRef(param.nextTaskNode.branches[0].nodeInfoDTO.id)\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n <userTask\r\n v-else\r\n :key=\"param.nextTaskNode.branches[0].id\"\r\n :personType=\"param.nextTaskNode.branches[0].personType || ''\"\r\n :personEntity=\"{}\"\r\n :process-node=\"{\r\n ...param.nextTaskNode.branches[0],\r\n REQUIRED: param.nextTaskNode.branches[0].setPersonnel == true && param.nextTaskNode.branches[0].assignees && param.nextTaskNode.branches[0].assignees.length > 0 ? false : true,\r\n }\"\r\n lv1label=\"下一节点名称\"\r\n :ref=\"setItemRef(param.nextTaskNode.branches[0].id)\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n </template>\r\n <template v-else>\r\n <el-form-item label=\"下一节点名称\">\r\n <b style=\"font-size: 16px\">结束事件</b>\r\n </el-form-item>\r\n </template>\r\n </template>\r\n <!-- 互斥网关，多个分支 -->\r\n <template v-else-if=\"param.nextTaskNode.nodeType == 'exclusiveGateway' && param.nextTaskNode.branches && param.nextTaskNode.branches.length > 1\">\r\n <template v-if=\"param.nextTaskNode.nodeType != 'endEvent'\">\r\n <userTask\r\n :key=\"param.nextTaskNode.id\"\r\n :personType=\"param.nextTaskNode.personType || ''\"\r\n :personEntity=\"{}\"\r\n :process-node=\"{\r\n ...param.nextTaskNode,\r\n REQUIRED: param.nextTaskNode.setPersonnel == true && param.nextTaskNode.assignees && param.nextTaskNode.assignees.length > 0 ? false : true,\r\n }\"\r\n lv1label=\"下一节点名称\"\r\n :ref=\"setItemRef(param.nextTaskNode.id)\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n </template>\r\n <template v-else>\r\n <el-form-item label=\"下一节点名称\">\r\n <b style=\"font-size: 16px\">结束事件</b>\r\n </el-form-item>\r\n </template>\r\n </template>\r\n <!-- 并行网关 -->\r\n <template v-else-if=\"param.nextTaskNode.nodeType == 'parallelGateway'\">\r\n <userTask\r\n v-for=\"item in param.nextTaskNode.branches\"\r\n :key=\"item.id\"\r\n :personType=\"param.personType || ''\"\r\n :personEntity=\"param.personEntity || {}\"\r\n :processNode=\"{ \r\n ...item,\r\n REQUIRED: item.setPersonnel == true && item.assignees && item.assignees.length > 0 ? false : true,\r\n }\"\r\n lv1label=\"下一节点名称\"\r\n :ref=\"setItemRef(item.id)\"\r\n :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n >\r\n </userTask>\r\n </template>\r\n \r\n\r\n <slot name=\"form\"></slot>\r\n\r\n <el-dialog title=\"签字\" :visible.sync=\"signVisible\" append-to-body width=\"800px\" @closed=\"closeSign\" :close-on-click-modal=\"false\">\r\n <div class=\"sign-container\">\r\n <TopSign @saveSignature=\"handleSignature\" @validateFail=\"noticeFail\">\r\n </TopSign>\r\n </div>\r\n </el-dialog>\r\n </el-form>\r\n</template>\r\n\r\n<script>\r\nimport * as $enum from \"../enum\";\r\nimport staffTree from \"../staff-tree.vue\";\r\nimport api from \"../api\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport userTask from \"./userTask.vue\";\r\nimport commIdea from \"./commIdea.vue\";\r\nimport TopSign from '../../TopSign/topSign.vue'\r\n\r\nexport default {\r\n components: { staffTree, userTask, commIdea, TopSign },\r\n props: {\r\n param: Object,\r\n },\r\n data() {\r\n return {\r\n commentMsg: \"\",\r\n targetUser: [],\r\n userTaskListData: {},\r\n outGatewayUserTaskModel: this.param.outGatewayUserTaskModel,\r\n Enum: $enum,\r\n signVisible: false,\r\n digitalSignature: '',\r\n confirmPreposition: false, \r\n confirmLoading: () => {}\r\n };\r\n },\r\n mounted() {\r\n if (\r\n this.param.ProcessInsObj.processDefId ==\r\n \"obj_94014ede99b6495d8f6d5977314faa15\"\r\n ) {\r\n this.commentMsg = \"同意\";\r\n }\r\n },\r\n computed: {\r\n hasSign() {\r\n if(this.param.taskObj.activityExtendAttributes) {\r\n let tmpObj = JSON.parse(this.param.taskObj.activityExtendAttributes)\r\n if(tmpObj.find(item => item.key == '签字')) {\r\n return tmpObj.find(item => item.key == '签字')\r\n }\r\n else {\r\n return false\r\n }\r\n }\r\n else {\r\n return false\r\n }\r\n },\r\n signRequired() {\r\n const fd = this.param.extendedProperties.find(i => {\r\n return i.name == 'signature'\r\n })\r\n return fd ? true : false\r\n // if(this.param.taskObj.activityExtendAttributes) {\r\n // let tmpObj = JSON.parse(this.param.taskObj.activityExtendAttributes)\r\n // if(tmpObj.find(item => item.key == '签字')) {\r\n // return tmpObj.find(item => item.key == '签字').value == '1'\r\n // }\r\n // else {\r\n // return false\r\n // }\r\n // }\r\n // else {\r\n // return false\r\n // }\r\n }\r\n },\r\n methods: {\r\n setItemRef(key) {\r\n this.userTaskListData[key] = \"userTask\" + key;\r\n return this.userTaskListData[key];\r\n },\r\n getProcessNode(o) {\r\n let obj = {};\r\n obj.humanPerformerName = o.userTaskModelDTO.humanPerformer.name;\r\n obj.id = o.id;\r\n obj.loopCardinality =\r\n o.loopCardinality || o.userTaskModelDTO.loopCardinality;\r\n obj.name = o.userTaskModelDTO.name;\r\n obj.type = o.type;\r\n obj.routeTxt = o.userTaskModelDTO.routeTxt;\r\n obj.participantList = o.userTaskModelDTO.participantList;\r\n obj.taskNode = this.param.taskNode;\r\n return obj;\r\n },\r\n isOption(humanPerformer) {\r\n return (\r\n humanPerformer == \"任意指定\" ||\r\n humanPerformer == \"固定部门\" ||\r\n humanPerformer == \"固定账户\" ||\r\n humanPerformer == \"固定单位\"\r\n );\r\n },\r\n\r\n getTreeData(item) {\r\n if (this.param.nextTaskNode) {\r\n if (item.userTaskModelDTO.humanPerformer.name == \"固定部门\") {\r\n return item.userTaskModelDTO.routeTxt.departmentIds.map((o) => {\r\n let obj = {};\r\n obj.id = o.rangeId;\r\n obj.leaf = false;\r\n obj.name = o.name;\r\n obj.orgType = $enum.UserType.部门;\r\n return obj;\r\n });\r\n } else if (item.userTaskModelDTO.humanPerformer.name == \"固定单位\") {\r\n return item.userTaskModelDTO.routeTxt.companyIds.map((o) => {\r\n let obj = {};\r\n obj.id = o.rangeId;\r\n obj.leaf = false;\r\n obj.name = o.name;\r\n obj.orgType = $enum.UserType.主体;\r\n return obj;\r\n });\r\n }\r\n }\r\n return undefined;\r\n },\r\n\r\n getRes() {\r\n return { targetUser: this.targetUser };\r\n },\r\n // 提交前的前置函数，loading函数，附件列表\r\n confirm(preposition, loading, attachment) {\r\n if (Array.isArray(attachment)) {\r\n this.param.attachment = attachment;\r\n }\r\n\r\n console.log(this.param, '测试', this.userTaskListData)\r\n if (!this.commentMsg && this.param.commentMsgRequired) {\r\n ElMessage.warning(\"请输入审批意见\");\r\n return false;\r\n }\r\n if (this.commentMsg.length > 200) {\r\n ElMessage.warning(\"审批意见不能超过200个字\");\r\n return false;\r\n }\r\n // let actionName = this.param.taskObj.commentModels.find(\r\n // (o) => o.isDefault\r\n // ).actionName;\r\n let param = {\r\n taskId: this.param.taskInstId,\r\n processInstanceId: this.param.processInstId,\r\n // actionName: actionName || \"\",\r\n commentMsg: this.commentMsg || \" \",\r\n comment: this.commentMsg || \" \",\r\n businessData: this.param.businessData,\r\n attachment: this.param.attachment,\r\n };\r\n for (let key in this.userTaskListData) {\r\n let o = this.userTaskListData[key];\r\n console.log(o, 'o', this.$refs[o])\r\n let refCom = this.$refs[o].$el ? this.$refs[o] : this.$refs[o][0];\r\n console.error('上传', refCom, refCom.getValue);\r\n let res = refCom.getValue();\r\n if (res && res.vars && this.param.incomingConditionItemList&& this.param.incomingConditionItemList.length > 0) {\r\n this.param.incomingConditionItemList.forEach(item => {\r\n if (!res.vars[item.itemName]) {\r\n res.vars[item.itemName] = ''\r\n }\r\n })\r\n }\r\n console.log(res, 'res get value')\r\n if (!res) {\r\n return false;\r\n }\r\n let assignees = []\r\n // 已经选了人，则用返回的，不然用自己选的\r\n const nextTaskNode = this.param.nextTaskNode\r\n if (nextTaskNode.setPersonnel) {\r\n assignees = nextTaskNode.assignees || []\r\n } else {\r\n assignees = (refCom.targetUserList || []).map(i => ({\r\n id: i.id,\r\n name: i.name,\r\n }))\r\n }\r\n param.assignees = assignees\r\n\r\n param.multiNodeParticipant = {\r\n ...param.multiNodeParticipant,\r\n ...res.multiNodeParticipant,\r\n };\r\n param.vars = { ...param.vars, ...res.vars };\r\n }\r\n\r\n // 如果不是结束事件，同时multiNodeParticipant为空，则提示\r\n if (this.param.nextTaskNode && this.param.nextTaskNode.nodeType != 'endEvent') {\r\n // 判断是不是仅有一个\"exclusiveGateway\"节点，同时该节点仅有一个子节点，同时已经选择了固定的人\r\n if (this.param.nextTaskNode.nodeType == 'exclusiveGateway' && this.param.nextTaskNode.branches && this.param.nextTaskNode.branches.length == 1 && this.param.nextTaskNode.branches[0].nodeInfoDTO && this.param.nextTaskNode.branches[0].nodeInfoDTO.setPersonnel == true && this.param.nextTaskNode.branches[0].nodeInfoDTO.assignees && this.param.nextTaskNode.branches[0].nodeInfoDTO.assignees.length > 0) {\r\n param.multiNodeParticipant = {\r\n ...param.multiNodeParticipant,\r\n [this.param.nextTaskNode.branches[0].nodeInfoDTO.id]: this.param.nextTaskNode.branches[0].nodeInfoDTO.assignees.map(i => i.id)\r\n }\r\n } else {\r\n const keyLen = Object.keys(param.multiNodeParticipant).length\r\n if (!keyLen) {\r\n ElMessage.warning('请选择下一节点')\r\n return false\r\n }\r\n }\r\n }\r\n param.pass = true\r\n\r\n if (Date.now()) {\r\n console.log(param, 'end', this.param)\r\n // return;\r\n }\r\n // param.variables = {\r\n // wf_form_variable: ''\r\n // }\r\n if (this.param.getVars) {\r\n let vars = this.param.getVars();\r\n if (vars === false) return false;\r\n param.vars = { ...param.vars, ...vars };\r\n }\r\n if(this.signRequired) {\r\n this.confirmPreposition = preposition\r\n this.confirmLoading = loading\r\n this.signVisible = true\r\n return\r\n }\r\n loading();\r\n if (param) {\r\n console.log(param, '测试', this.param)\r\n // return;\r\n }\r\n if (preposition) {\r\n preposition()\r\n .then((e) => {\r\n api.tis\r\n .complete(param)\r\n .then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n if (e) e();\r\n this.$emit(\"success\");\r\n } else {\r\n this.$emit(\"fail\", res.msg);\r\n }\r\n })\r\n .catch(() => {\r\n this.$emit(\"fail\", \"\");\r\n });\r\n })\r\n .catch(() => {\r\n this.$emit(\"fail\", \"\");\r\n });\r\n } else {\r\n api.tis.complete(param).then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n this.$emit(\"success\");\r\n } else {\r\n this.$emit(\"fail\", res.msg);\r\n }\r\n }).catch((e) => {\r\n this.$emit(\"fail\", e.response ? (e.response.data ? e.response.data.msg || e.response.data.message : '') : e.message || e.msg || '');\r\n });\r\n }\r\n },\r\n confirmWithSign() {\r\n // let actionName = this.param.taskObj.commentModels.find(\r\n // (o) => o.isDefault\r\n // ).actionName;\r\n let param = {\r\n taskId: this.param.taskInstId,\r\n processInstanceId: this.param.processInstId,\r\n // actionName: actionName || \"\",\r\n commentMsg: this.commentMsg || \" \",\r\n comment: this.commentMsg || \" \",\r\n businessData: this.param.businessData,\r\n digitalSignature: {\r\n name: this.param.digitalSignature.name,\r\n url: this.param.digitalSignature.url,\r\n },\r\n attachment: this.param.attachment,\r\n };\r\n for (let key in this.userTaskListData) {\r\n let o = this.userTaskListData[key];\r\n let refCom = this.$refs[o].$el ? this.$refs[o] : this.$refs[o][0];\r\n console.log(refCom, refCom.getValue);\r\n let res = refCom.getValue();\r\n if (!res) {\r\n return false;\r\n }\r\n param.multiNodeParticipant = {\r\n ...param.multiNodeParticipant,\r\n ...res.multiNodeParticipant,\r\n };\r\n param.vars = { ...param.vars, ...res.vars };\r\n }\r\n\r\n // 如果不是结束事件，同时multiNodeParticipant为空，则提示\r\n if (this.param.nextTaskNode && this.param.nextTaskNode.nodeType != 'endEvent') {\r\n // 判断是不是仅有一个\"exclusiveGateway\"节点，同时该节点仅有一个子节点，同时已经选择了固定的人\r\n if (this.param.nextTaskNode.nodeType == 'exclusiveGateway' && this.param.nextTaskNode.branches && this.param.nextTaskNode.branches.length == 1 && this.param.nextTaskNode.branches[0].nodeInfoDTO && this.param.nextTaskNode.branches[0].nodeInfoDTO.setPersonnel == true && this.param.nextTaskNode.branches[0].nodeInfoDTO.assignees && this.param.nextTaskNode.branches[0].nodeInfoDTO.assignees.length > 0) {\r\n param.multiNodeParticipant = {\r\n ...param.multiNodeParticipant,\r\n [this.param.nextTaskNode.branches[0].nodeInfoDTO.id]: this.param.nextTaskNode.branches[0].nodeInfoDTO.assignees.map(i => i.id)\r\n }\r\n } else {\r\n const keyLen = Object.keys(param.multiNodeParticipant).length\r\n if (!keyLen) {\r\n ElMessage.warning('请选择下一节点')\r\n return false\r\n }\r\n }\r\n }\r\n if (this.param.getVars) {\r\n let vars = this.param.getVars();\r\n if (vars === false) return false;\r\n param.vars = { ...param.vars, ...vars };\r\n }\r\n param.pass = true\r\n this.confirmLoading();\r\n if (this.confirmPreposition) {\r\n this.confirmPreposition()\r\n .then((e) => {\r\n api.tis\r\n .complete(param)\r\n .then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n if (e) e();\r\n this.$emit(\"success\");\r\n } else {\r\n this.$emit(\"fail\", res.msg);\r\n }\r\n })\r\n .catch(() => {\r\n this.$emit(\"fail\", \"\");\r\n });\r\n })\r\n .catch(() => {\r\n this.$emit(\"fail\", \"\");\r\n });\r\n } else {\r\n api.tis.complete(param).then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n this.$emit(\"success\");\r\n } else {\r\n this.$emit(\"fail\", res.msg);\r\n }\r\n }).catch((e) => {\r\n this.$emit(\"fail\", e.response ? (e.response.data ? e.response.data.msg || e.response.data.message : '') : e.message || e.msg || '');\r\n });\r\n }\r\n },\r\n toSign() {\r\n this.signVisible = true\r\n },\r\n handleSignature(e, needClose) {\r\n this.param.digitalSignature = e\r\n console.error(e, 'digitalSignature')\r\n if(needClose) {\r\n this.signVisible = false\r\n this.confirmWithSign()\r\n }\r\n },\r\n closeSign() {\r\n this.signVisible = false\r\n },\r\n noticeFail(msg) {\r\n ElMessage.warning(msg)\r\n }\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n@import \"./content.css\";\r\n.add-idea {\r\n display: flex;\r\n justify-content: end;\r\n}\r\n.add-idea span {\r\n color: #448ef6;\r\n cursor: pointer;\r\n}\r\n.sign-idea {\r\n display: flex;\r\n span {\r\n color: #448ef6;\r\n cursor: pointer;\r\n }\r\n}\r\n.sign-container {\r\n min-height: 60vh;\r\n}\r\n</style>\r\n"]}, media: undefined });
|
|
4165
4988
|
|
|
4166
4989
|
};
|
|
4167
4990
|
/* scoped */
|
|
4168
|
-
const __vue_scope_id__$e = "data-v-
|
|
4991
|
+
const __vue_scope_id__$e = "data-v-25cbe9d5";
|
|
4169
4992
|
/* module identifier */
|
|
4170
4993
|
const __vue_module_identifier__$e = undefined;
|
|
4171
4994
|
/* functional template */
|
|
@@ -6026,9 +6849,6 @@
|
|
|
6026
6849
|
//
|
|
6027
6850
|
//
|
|
6028
6851
|
//
|
|
6029
|
-
//
|
|
6030
|
-
//
|
|
6031
|
-
//
|
|
6032
6852
|
|
|
6033
6853
|
|
|
6034
6854
|
var script$8 = {
|
|
@@ -6053,8 +6873,8 @@
|
|
|
6053
6873
|
},
|
|
6054
6874
|
data() {
|
|
6055
6875
|
return {
|
|
6876
|
+
myButtonList: [],
|
|
6056
6877
|
isCollapse: true,
|
|
6057
|
-
nodeVisible: false,
|
|
6058
6878
|
nodeForm: {},
|
|
6059
6879
|
nodeOption: {
|
|
6060
6880
|
column: [
|
|
@@ -6087,21 +6907,15 @@
|
|
|
6087
6907
|
},
|
|
6088
6908
|
immediate: true,
|
|
6089
6909
|
},
|
|
6910
|
+
buttonList: {
|
|
6911
|
+
handler(val) {
|
|
6912
|
+
this.buttonList = val;
|
|
6913
|
+
},
|
|
6914
|
+
immediate: true,
|
|
6915
|
+
deep: true,
|
|
6916
|
+
},
|
|
6090
6917
|
},
|
|
6091
6918
|
methods: {
|
|
6092
|
-
// 指定回退
|
|
6093
|
-
handleRollback() {
|
|
6094
|
-
if (!this.comment) {
|
|
6095
|
-
this.$message.error('请填写批复意见');
|
|
6096
|
-
return;
|
|
6097
|
-
}
|
|
6098
|
-
this.nodeVisible = true;
|
|
6099
|
-
},
|
|
6100
|
-
// 指定回退确定
|
|
6101
|
-
handleNodeSubmit() {
|
|
6102
|
-
const { nodeId } = this.nodeForm;
|
|
6103
|
-
this.$emit('rollback', nodeId);
|
|
6104
|
-
},
|
|
6105
6919
|
getButton(key) {
|
|
6106
6920
|
return this.buttonList.find(b => b.buttonKey == key);
|
|
6107
6921
|
},
|
|
@@ -6398,50 +7212,20 @@
|
|
|
6398
7212
|
on: {
|
|
6399
7213
|
click: function ($event) {
|
|
6400
7214
|
return _vm.$emit("print")
|
|
6401
|
-
},
|
|
6402
|
-
},
|
|
6403
|
-
},
|
|
6404
|
-
[
|
|
6405
|
-
_vm._v(
|
|
6406
|
-
"\n " +
|
|
6407
|
-
_vm._s(_vm.getButton("wf_print").name) +
|
|
6408
|
-
"\n "
|
|
6409
|
-
),
|
|
6410
|
-
]
|
|
6411
|
-
)
|
|
6412
|
-
: _vm._e(),
|
|
6413
|
-
],
|
|
6414
|
-
2
|
|
6415
|
-
),
|
|
6416
|
-
_vm._v(" "),
|
|
6417
|
-
_c(
|
|
6418
|
-
"el-dialog",
|
|
6419
|
-
{
|
|
6420
|
-
attrs: { "append-to-body": "", title: "选择回退节点" },
|
|
6421
|
-
model: {
|
|
6422
|
-
value: _vm.nodeVisible,
|
|
6423
|
-
callback: function ($$v) {
|
|
6424
|
-
_vm.nodeVisible = $$v;
|
|
6425
|
-
},
|
|
6426
|
-
expression: "nodeVisible",
|
|
6427
|
-
},
|
|
6428
|
-
},
|
|
6429
|
-
[
|
|
6430
|
-
_vm.nodeVisible
|
|
6431
|
-
? _c("nf-form", {
|
|
6432
|
-
attrs: { option: _vm.nodeOption },
|
|
6433
|
-
on: { submit: _vm.handleNodeSubmit },
|
|
6434
|
-
model: {
|
|
6435
|
-
value: _vm.nodeForm,
|
|
6436
|
-
callback: function ($$v) {
|
|
6437
|
-
_vm.nodeForm = $$v;
|
|
7215
|
+
},
|
|
6438
7216
|
},
|
|
6439
|
-
expression: "nodeForm",
|
|
6440
7217
|
},
|
|
6441
|
-
|
|
7218
|
+
[
|
|
7219
|
+
_vm._v(
|
|
7220
|
+
"\n " +
|
|
7221
|
+
_vm._s(_vm.getButton("wf_print").name) +
|
|
7222
|
+
"\n "
|
|
7223
|
+
),
|
|
7224
|
+
]
|
|
7225
|
+
)
|
|
6442
7226
|
: _vm._e(),
|
|
6443
7227
|
],
|
|
6444
|
-
|
|
7228
|
+
2
|
|
6445
7229
|
),
|
|
6446
7230
|
],
|
|
6447
7231
|
1
|
|
@@ -6453,11 +7237,11 @@
|
|
|
6453
7237
|
/* style */
|
|
6454
7238
|
const __vue_inject_styles__$8 = function (inject) {
|
|
6455
7239
|
if (!inject) return
|
|
6456
|
-
inject("data-v-
|
|
7240
|
+
inject("data-v-a5517ce6_0", { source: ".foot-item[data-v-a5517ce6] {\n padding: 12px 0;\n background-color: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n -webkit-transition: 0.3s;\n transition: 0.3s;\n -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n\n/*# sourceMappingURL=processBtns.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\operation\\processBtns.vue","processBtns.vue"],"names":[],"mappings":"AAyJA;EACA,eAAA;EACA,sBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,wBAAA;EACA,gBAAA;EACA,mDAAA;EACA,2CAAA;ACxJA;;AAEA,0CAA0C","file":"processBtns.vue","sourcesContent":["<template>\r\n <div>\r\n <el-row v-loading=\"loading\" class=\"foot-item\" :style=\"{\r\n // width: isCollapse ? 'calc(100% - 71px)' : 'calc(100% - 241px)',\r\n }\">\r\n <template v-if=\"process.status == 'todo'\">\r\n <!-- 暂存 -->\r\n <!-- <el-button type=\"primary\" :disabled=\"loading\" @click=\"$emit('draft')\">\r\n 暂存\r\n </el-button> -->\r\n <!-- 提交 -->\r\n <el-button v-if=\"getButton('wf_pass')\" type=\"success\" size=\"default\" :disabled=\"loading\"\r\n @click=\"$emit('examine', true, getButton('wf_pass').name)\">\r\n <span>{{ getButton('wf_pass').name }}</span>\r\n </el-button>\r\n <!-- 取消申请 -->\r\n <el-button v-if=\"getButton('wf_reject')\" type=\"danger\" size=\"default\" :disabled=\"loading\"\r\n @click=\"$emit('examine', false, getButton('wf_reject').name)\">\r\n <span>{{ getButton('wf_reject').name }}</span>\r\n </el-button>\r\n <!-- 催办 -->\r\n <el-button v-if=\"userId == process.variables.applyUserId\" size=\"default\" :disabled=\"loading\"\r\n @click=\"$emit('reminders')\">\r\n <span>催办</span>\r\n </el-button>\r\n <!-- 转办 -->\r\n <el-button v-if=\"getButton('wf_transfer')\" type=\"primary\" size=\"default\" :disabled=\"loading\"\r\n @click=\"$emit('user-select', { type: 'transfer', checkType: 'radio', name: getButton('wf_transfer').name })\">{{ getButton('wf_transfer').name\r\n }}</el-button>\r\n <!-- 委托 -->\r\n <el-button v-if=\"getButton('wf_delegate')\" type=\"warning\" size=\"default\" :disabled=\"loading\"\r\n @click=\"$emit('user-select', { type: 'delegate', checkType: 'radio', name: getButton('wf_delegate').name })\">\r\n {{ getButton('wf_delegate').name }}\r\n </el-button>\r\n <!-- 指定回退 -->\r\n <el-button v-if=\"getButton('wf_rollback')\" type=\"success\" size=\"default\" :disabled=\"loading\"\r\n @click=\"$emit('rollback', getButton('wf_rollback').name)\">\r\n {{ getButton('wf_rollback').name }}\r\n </el-button>\r\n <!-- 终止 -->\r\n <el-button v-if=\"getButton('wf_terminate')\" type=\"danger\" size=\"default\" :disabled=\"loading\"\r\n @click=\"$emit('terminate')\">\r\n {{ getButton('wf_terminate').name }}\r\n </el-button>\r\n <!-- 加签 -->\r\n <el-button v-if=\"process.isMultiInstance && getButton('wf_add_instance')\" type=\"primary\" size=\"default\"\r\n :disabled=\"loading\" @click=\"\r\n $emit('user-select', {\r\n type: 'addInstance',\r\n checkType: 'checkbox',\r\n name: getButton('wf_add_instance').name,\r\n })\r\n \">\r\n {{ getButton('wf_add_instance').name }}\r\n </el-button>\r\n <!-- 传阅 -->\r\n <el-button v-if=\"getButton('wf_cctask')\" size=\"default\" :disabled=\"loading\"\r\n @click=\"$emit('circulate', getButton('wf_cctask').name)\">\r\n <span>{{ getButton('wf_cctask').name }}</span>\r\n </el-button>\r\n </template>\r\n <!-- 撤销 -->\r\n <el-button v-if=\"\r\n process.isOwner &&\r\n process.isReturnable &&\r\n !['recall', 'reject'].includes(process.processIsFinished)\r\n \" type=\"warning\" size=\"default\" :disabled=\"loading\" @click=\"$emit('withdraw', '撤销')\">\r\n 撤销\r\n </el-button>\r\n <!-- 打印 -->\r\n <el-button v-if=\"getButton('wf_print')\" type=\"info\" size=\"default\" :disabled=\"loading\" @click=\"$emit('print')\">\r\n {{ getButton('wf_print').name }}\r\n </el-button>\r\n </el-row>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport api from '../api';\r\n\r\nexport default {\r\n name: 'nf-button',\r\n props: {\r\n userId: {\r\n type: String,\r\n default: '',\r\n },\r\n loading: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n buttonList: {\r\n type: Array,\r\n default: () => {\r\n return [];\r\n },\r\n },\r\n process: Object,\r\n comment: String,\r\n },\r\n data() {\r\n return {\r\n myButtonList: [],\r\n isCollapse: true,\r\n nodeForm: {},\r\n nodeOption: {\r\n column: [\r\n {\r\n label: '节点',\r\n prop: 'nodeId',\r\n type: 'select',\r\n props: {\r\n label: 'nodeName',\r\n value: 'nodeId',\r\n },\r\n span: 24,\r\n rules: [{ required: true, message: '请选择回退节点', trigger: 'change' }],\r\n },\r\n ],\r\n },\r\n backNodes: [],\r\n };\r\n },\r\n watch: {\r\n 'process.taskId': {\r\n handler(val) {\r\n if (val) {\r\n api.repository.backNodes({ taskId: val }).then(res => {\r\n const list = res.data;\r\n this.backNodes = list;\r\n // this.findObject(this.nodeOption.column, 'nodeId').dicData = list;\r\n });\r\n }\r\n },\r\n immediate: true,\r\n },\r\n buttonList: {\r\n handler(val) {\r\n this.buttonList = val;\r\n },\r\n immediate: true,\r\n deep: true,\r\n },\r\n },\r\n methods: {\r\n getButton(key) {\r\n return this.buttonList.find(b => b.buttonKey == key);\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.foot-item {\r\n padding: 12px 0;\r\n background-color: #fff;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n -webkit-transition: 0.3s;\r\n transition: 0.3s;\r\n -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n}\r\n</style>\r\n",".foot-item {\n padding: 12px 0;\n background-color: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n -webkit-transition: 0.3s;\n transition: 0.3s;\n -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n\n/*# sourceMappingURL=processBtns.vue.map */"]}, media: undefined });
|
|
6457
7241
|
|
|
6458
7242
|
};
|
|
6459
7243
|
/* scoped */
|
|
6460
|
-
const __vue_scope_id__$8 = "data-v-
|
|
7244
|
+
const __vue_scope_id__$8 = "data-v-a5517ce6";
|
|
6461
7245
|
/* module identifier */
|
|
6462
7246
|
const __vue_module_identifier__$8 = undefined;
|
|
6463
7247
|
/* functional template */
|
|
@@ -7202,6 +7986,7 @@
|
|
|
7202
7986
|
},
|
|
7203
7987
|
data() {
|
|
7204
7988
|
return {
|
|
7989
|
+
scale: 1,
|
|
7205
7990
|
viewer: null,
|
|
7206
7991
|
loading: true
|
|
7207
7992
|
};
|
|
@@ -7223,6 +8008,18 @@
|
|
|
7223
8008
|
}
|
|
7224
8009
|
},
|
|
7225
8010
|
methods: {
|
|
8011
|
+
handleWheel(event) {
|
|
8012
|
+
// if (event.ctrlKey) {
|
|
8013
|
+
event.preventDefault();
|
|
8014
|
+
const delta = Math.sign(event.deltaY) * 0.1; // 标准化滚轮值
|
|
8015
|
+
this.scale = Math.max(0.5, Math.min(this.scale - delta, 3)); // 限制缩放范围0.5~3
|
|
8016
|
+
if (this.viewer) {
|
|
8017
|
+
const canvas = this.viewer.get('canvas');
|
|
8018
|
+
// 窗口大小变化时，让画布自适应并居中
|
|
8019
|
+
canvas.zoom(this.scale);
|
|
8020
|
+
}
|
|
8021
|
+
// }
|
|
8022
|
+
},
|
|
7226
8023
|
async getXml(id) {
|
|
7227
8024
|
console.log(this.isXml, 'isxml');
|
|
7228
8025
|
let res = {};
|
|
@@ -7274,7 +8071,8 @@
|
|
|
7274
8071
|
if (this.viewer) {
|
|
7275
8072
|
const canvas = this.viewer.get('canvas');
|
|
7276
8073
|
// 窗口大小变化时，让画布自适应并居中
|
|
7277
|
-
canvas.zoom('fit-viewport', 'auto');
|
|
8074
|
+
// canvas.zoom('fit-viewport', 'auto');
|
|
8075
|
+
canvas.zoom(1, 'auto');
|
|
7278
8076
|
}
|
|
7279
8077
|
},
|
|
7280
8078
|
// 添加节点颜色
|
|
@@ -7352,7 +8150,11 @@
|
|
|
7352
8150
|
var _vm = this;
|
|
7353
8151
|
var _h = _vm.$createElement;
|
|
7354
8152
|
var _c = _vm._self._c || _h;
|
|
7355
|
-
return _c("div", {
|
|
8153
|
+
return _c("div", {
|
|
8154
|
+
ref: "container",
|
|
8155
|
+
staticClass: "bpmn-look",
|
|
8156
|
+
on: { wheel: _vm.handleWheel },
|
|
8157
|
+
})
|
|
7356
8158
|
};
|
|
7357
8159
|
var __vue_staticRenderFns__$6 = [];
|
|
7358
8160
|
__vue_render__$6._withStripped = true;
|
|
@@ -7360,11 +8162,11 @@
|
|
|
7360
8162
|
/* style */
|
|
7361
8163
|
const __vue_inject_styles__$6 = function (inject) {
|
|
7362
8164
|
if (!inject) return
|
|
7363
|
-
inject("data-v-61a90f80_0", { source: "\n.bpmn-look[data-v-61a90f80] {\r\n width: 100%;\r\n height: 500px;\r\n background: white;\r\n background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat !important;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 4px;\n}\n[data-v-61a90f80] .nodePrimary:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #409eff !important;\n}\n[data-v-61a90f80] .nodeSuccess:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #67c23a !important;\n}\n[data-v-61a90f80] .nodeWarn:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #e6a23c !important;\n}\n[data-v-61a90f80] .nodeError:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #f56c6c !important;\n}\n[data-v-61a90f80] .linePrimary:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #409eff !important;\n}\n[data-v-61a90f80] .lineSuccess:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #67c23a !important;\n}\n[data-v-61a90f80] .lineWarn:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #e6a23c !important;\n}\n[data-v-61a90f80] .lineError:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #f56c6c !important;\n}\n[data-v-61a90f80] .djs-element.hover .djs-outline {\r\n visibility: visible;\r\n shape-rendering: geometricPrecision;\r\n stroke-dasharray: 3, 3;\r\n stroke: var(--el-color-info);\r\n stroke-width: 1px;\n}\n[data-v-61a90f80] .djs-element.selected .djs-outline {\r\n visibility: visible;\r\n shape-rendering: geometricPrecision;\r\n stroke-dasharray: 3, 3;\r\n stroke: var(--el-color-primary);\r\n stroke-width: 1px;\n}\n[data-v-61a90f80] .djs-tooltip {\r\n font-size: 13px;\r\n width: 120px;\r\n text-align: center;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\n}\n[data-v-61a90f80] .djs-tooltip span {\r\n display: block;\r\n height: 1.2em;\r\n line-height: 1.2em;\n}\n[data-v-61a90f80] .djs-tooltip br {\r\n display: none;\n}\r\n", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\bpmnLook.vue"],"names":[],"mappings":";AA+KA;EACA,WAAA;EACA,aAAA;EACA,iBAAA;EACA,iiBAAA;EACA,yBAAA;EACA,kBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,mBAAA;EACA,mCAAA;EACA,sBAAA;EACA,4BAAA;EACA,iBAAA;AACA;AAEA;EACA,mBAAA;EACA,mCAAA;EACA,sBAAA;EACA,+BAAA;EACA,iBAAA;AACA;AAEA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;AACA;AAEA;EACA,cAAA;EACA,aAAA;EACA,kBAAA;AACA;AACA;EACA,aAAA;AACA","file":"bpmnLook.vue","sourcesContent":["<template>\r\n <div ref=\"container\" class=\"bpmn-look\"></div>\r\n</template>\r\n\r\n<script>\r\nimport BpmnViewer from 'bpmn-js/lib/Viewer';\r\nimport MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas'\r\nimport tooltips from \"diagram-js/lib/features/tooltips\";\r\nimport { handleResolveFlows } from './utils'\r\n// 导入api，在引用组件时会报错：Unknown custom element: <bpmn-look> - did you register the component correctly? For recursive components, make sure to provide the \"name\" option.\r\n// import api from \"./api\";\r\n\r\nexport default {\r\n name: 'bpmn-look',\r\n props: {\r\n diagram: {\r\n type: String,\r\n default: '',\r\n required: true\r\n },\r\n approvalData: {\r\n type: Array,\r\n default: () => ([]),\r\n },\r\n isXml: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n },\r\n data() {\r\n return {\r\n viewer: null,\r\n loading: true\r\n };\r\n },\r\n mounted() {\r\n this.initViewer();\r\n window.addEventListener('resize', this.canvasResize);\r\n },\r\n watch: {\r\n diagram: {\r\n async handler(newVal) {\r\n console.log(newVal.length, 'new')\r\n let xml = newVal\r\n if (xml && this.isXml) {\r\n this.loadXml(xml);\r\n }\r\n },\r\n immediate: true,\r\n }\r\n },\r\n methods: {\r\n async getXml(id) {\r\n console.log(this.isXml, 'isxml')\r\n let res = {}\r\n let xml = ''\r\n try {\r\n res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n console.log(res, 'res')\r\n if (res.code == 200) {\r\n xml = res.data;\r\n }\r\n } catch (e) {\r\n console.error(e)\r\n }\r\n return xml;\r\n },\r\n async initViewer() {\r\n if (this.viewer) {\r\n this.viewer.destroy();\r\n }\r\n // 打包的问题，读取不到模块的处理\r\n const View = Object.prototype.toString.call(BpmnViewer) == '[object Function]' ? BpmnViewer : BpmnViewer.default\r\n const Tooltips = Object.prototype.toString.call(tooltips) == '[object Object]' ? tooltips : tooltips.default\r\n const MMoveCanvasModule = Object.prototype.toString.call(MoveCanvasModule) == '[object Object]' ? MoveCanvasModule : MoveCanvasModule.default\r\n console.log(MoveCanvasModule, Object.prototype.toString.call(MoveCanvasModule), 'MoveCanvasModule')\r\n\r\n\r\n this.viewer = new View({\r\n container: this.$refs.container,\r\n additionalModules: [\r\n Tooltips,\r\n MMoveCanvasModule, // 移动整个画布\r\n // {\r\n // textRenderer: ['type', new TextRenderer({ defaultSize: { fontSize: 12 } })]\r\n // }\r\n ],\r\n });\r\n // 画布居中，需要在importXml之前\r\n this.viewer.on('import.done', ({ error }) => {\r\n if (!error) {\r\n console.log(1)\r\n // 画布居中\r\n this.canvasResize()\r\n // 给画布添加审批数据\r\n this.addApprovalData()\r\n }\r\n });\r\n },\r\n canvasResize() {\r\n if (this.viewer) {\r\n const canvas = this.viewer.get('canvas');\r\n // 窗口大小变化时，让画布自适应并居中\r\n canvas.zoom('fit-viewport', 'auto');\r\n }\r\n },\r\n // 添加节点颜色\r\n setNodeColor(nodes) {\r\n const canvas = this.viewer.get(\"canvas\");\r\n const elementRegistry = this.viewer.get(\"elementRegistry\");\r\n const tooltips = this.viewer.get(\"tooltips\");\r\n nodes.forEach((n) => {\r\n if (n.id && n.class) {\r\n canvas.addMarker(n.id, n.class);\r\n }\r\n if (n.id && n.tooltip) {\r\n const node = elementRegistry.get(n.id);\r\n if (node) {\r\n let { x, y, type } = node;\r\n if ([\"bpmn:StartEvent\", \"bpmn:EndEvent\"].includes(type)) {\r\n x = x - 45;\r\n y = y + 65;\r\n } else if ([\"bpmn:UserTask\"].includes(type)) {\r\n x = x - 10;\r\n y = y + 90;\r\n }\r\n tooltips.add({\r\n position: { x, y },\r\n html: n.tooltip,\r\n });\r\n }\r\n }\r\n });\r\n },\r\n addApprovalData() {\r\n console.log(this.approvalData, 'data')\r\n if (!this.approvalData || this.approvalData.length == 0) return;\r\n const flows = handleResolveFlows(this.approvalData)\r\n console.log(flows, 'flows')\r\n if (flows && flows.length > 0) {\r\n this.setNodeColor(flows);\r\n }\r\n },\r\n // 加载xml\r\n async loadXml(xml) {\r\n if (!this.viewer) {\r\n await this.initViewer();\r\n }\r\n try {\r\n // 尝试导入 XML\r\n console.log(xml.length)\r\n const { warnings } = await this.viewer.importXML(xml);\r\n console.log(warnings, 'warningds')\r\n if (warnings.length) {\r\n // 有警告信息时触发 warning 事件\r\n this.$emit('warning', warnings);\r\n }\r\n } catch (error) {\r\n // 导入失败时触发 error 事件\r\n this.$emit('error', {\r\n message: 'XML 加载失败',\r\n detail: error.message\r\n });\r\n console.error('XML 加载失败:', error);\r\n }\r\n }\r\n },\r\n beforeDestroy() {\r\n window.removeEventListener('resize', this.canvasResize);\r\n this.viewer && this.viewer.destroy();\r\n }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.bpmn-look {\r\n width: 100%;\r\n height: 500px;\r\n background: white;\r\n background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat !important;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 4px;\r\n}\r\n\r\n::v-deep .nodePrimary:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #409eff !important;\r\n}\r\n\r\n::v-deep .nodeSuccess:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #67c23a !important;\r\n}\r\n\r\n::v-deep .nodeWarn:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #e6a23c !important;\r\n}\r\n\r\n::v-deep .nodeError:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #f56c6c !important;\r\n}\r\n\r\n::v-deep .linePrimary:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #409eff !important;\r\n}\r\n\r\n::v-deep .lineSuccess:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #67c23a !important;\r\n}\r\n\r\n::v-deep .lineWarn:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #e6a23c !important;\r\n}\r\n\r\n::v-deep .lineError:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #f56c6c !important;\r\n}\r\n\r\n::v-deep .djs-element.hover .djs-outline {\r\n visibility: visible;\r\n shape-rendering: geometricPrecision;\r\n stroke-dasharray: 3, 3;\r\n stroke: var(--el-color-info);\r\n stroke-width: 1px;\r\n}\r\n\r\n::v-deep .djs-element.selected .djs-outline {\r\n visibility: visible;\r\n shape-rendering: geometricPrecision;\r\n stroke-dasharray: 3, 3;\r\n stroke: var(--el-color-primary);\r\n stroke-width: 1px;\r\n}\r\n\r\n::v-deep .djs-tooltip {\r\n font-size: 13px;\r\n width: 120px;\r\n text-align: center;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n::v-deep .djs-tooltip span {\r\n display: block;\r\n height: 1.2em;\r\n line-height: 1.2em;\r\n}\r\n::v-deep .djs-tooltip br {\r\n display: none;\r\n}\r\n</style>"]}, media: undefined });
|
|
8165
|
+
inject("data-v-0aaf0421_0", { source: "\n.bpmn-look[data-v-0aaf0421] {\r\n width: 100%;\r\n height: 500px;\r\n background: white;\r\n background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat !important;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 4px;\n}\n[data-v-0aaf0421] .nodePrimary:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #409eff !important;\n}\n[data-v-0aaf0421] .nodeSuccess:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #67c23a !important;\n}\n[data-v-0aaf0421] .nodeWarn:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #e6a23c !important;\n}\n[data-v-0aaf0421] .nodeError:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #f56c6c !important;\n}\n[data-v-0aaf0421] .linePrimary:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #409eff !important;\n}\n[data-v-0aaf0421] .lineSuccess:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #67c23a !important;\n}\n[data-v-0aaf0421] .lineWarn:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #e6a23c !important;\n}\n[data-v-0aaf0421] .lineError:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #f56c6c !important;\n}\n[data-v-0aaf0421] .djs-element.hover .djs-outline {\r\n visibility: visible;\r\n shape-rendering: geometricPrecision;\r\n stroke-dasharray: 3, 3;\r\n stroke: var(--el-color-info);\r\n stroke-width: 1px;\n}\n[data-v-0aaf0421] .djs-element.selected .djs-outline {\r\n visibility: visible;\r\n shape-rendering: geometricPrecision;\r\n stroke-dasharray: 3, 3;\r\n stroke: var(--el-color-primary);\r\n stroke-width: 1px;\n}\n[data-v-0aaf0421] .djs-tooltip {\r\n font-size: 13px;\r\n width: 120px;\r\n text-align: center;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\n}\n[data-v-0aaf0421] .djs-tooltip span {\r\n display: block;\r\n height: 1.2em;\r\n line-height: 1.2em;\n}\n[data-v-0aaf0421] .djs-tooltip br {\r\n display: none;\n}\r\n", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\bpmnLook.vue"],"names":[],"mappings":";AA6LA;EACA,WAAA;EACA,aAAA;EACA,iBAAA;EACA,iiBAAA;EACA,yBAAA;EACA,kBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,mBAAA;EACA,mCAAA;EACA,sBAAA;EACA,4BAAA;EACA,iBAAA;AACA;AAEA;EACA,mBAAA;EACA,mCAAA;EACA,sBAAA;EACA,+BAAA;EACA,iBAAA;AACA;AAEA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;AACA;AAEA;EACA,cAAA;EACA,aAAA;EACA,kBAAA;AACA;AACA;EACA,aAAA;AACA","file":"bpmnLook.vue","sourcesContent":["<template>\r\n <div ref=\"container\" class=\"bpmn-look\" @wheel=\"handleWheel\"></div>\r\n</template>\r\n\r\n<script>\r\nimport BpmnViewer from 'bpmn-js/lib/Viewer';\r\nimport MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas'\r\nimport tooltips from \"diagram-js/lib/features/tooltips\";\r\nimport { handleResolveFlows } from './utils'\r\n// 导入api，在引用组件时会报错：Unknown custom element: <bpmn-look> - did you register the component correctly? For recursive components, make sure to provide the \"name\" option.\r\n// import api from \"./api\";\r\n\r\nexport default {\r\n name: 'bpmn-look',\r\n props: {\r\n diagram: {\r\n type: String,\r\n default: '',\r\n required: true\r\n },\r\n approvalData: {\r\n type: Array,\r\n default: () => ([]),\r\n },\r\n isXml: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n },\r\n data() {\r\n return {\r\n scale: 1,\r\n viewer: null,\r\n loading: true\r\n };\r\n },\r\n mounted() {\r\n this.initViewer();\r\n window.addEventListener('resize', this.canvasResize);\r\n },\r\n watch: {\r\n diagram: {\r\n async handler(newVal) {\r\n console.log(newVal.length, 'new')\r\n let xml = newVal\r\n if (xml && this.isXml) {\r\n this.loadXml(xml);\r\n }\r\n },\r\n immediate: true,\r\n }\r\n },\r\n methods: {\r\n handleWheel(event) {\r\n // if (event.ctrlKey) {\r\n event.preventDefault();\r\n const delta = Math.sign(event.deltaY) * 0.1; // 标准化滚轮值\r\n this.scale = Math.max(0.5, Math.min(this.scale - delta, 3)); // 限制缩放范围0.5~3\r\n if (this.viewer) {\r\n const canvas = this.viewer.get('canvas');\r\n // 窗口大小变化时，让画布自适应并居中\r\n canvas.zoom(this.scale);\r\n }\r\n // }\r\n },\r\n async getXml(id) {\r\n console.log(this.isXml, 'isxml')\r\n let res = {}\r\n let xml = ''\r\n try {\r\n res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n console.log(res, 'res')\r\n if (res.code == 200) {\r\n xml = res.data;\r\n }\r\n } catch (e) {\r\n console.error(e)\r\n }\r\n return xml;\r\n },\r\n async initViewer() {\r\n if (this.viewer) {\r\n this.viewer.destroy();\r\n }\r\n // 打包的问题，读取不到模块的处理\r\n const View = Object.prototype.toString.call(BpmnViewer) == '[object Function]' ? BpmnViewer : BpmnViewer.default\r\n const Tooltips = Object.prototype.toString.call(tooltips) == '[object Object]' ? tooltips : tooltips.default\r\n const MMoveCanvasModule = Object.prototype.toString.call(MoveCanvasModule) == '[object Object]' ? MoveCanvasModule : MoveCanvasModule.default\r\n console.log(MoveCanvasModule, Object.prototype.toString.call(MoveCanvasModule), 'MoveCanvasModule')\r\n\r\n\r\n this.viewer = new View({\r\n container: this.$refs.container,\r\n additionalModules: [\r\n Tooltips,\r\n MMoveCanvasModule, // 移动整个画布\r\n // {\r\n // textRenderer: ['type', new TextRenderer({ defaultSize: { fontSize: 12 } })]\r\n // }\r\n ],\r\n });\r\n // 画布居中，需要在importXml之前\r\n this.viewer.on('import.done', ({ error }) => {\r\n if (!error) {\r\n console.log(1)\r\n // 画布居中\r\n this.canvasResize()\r\n // 给画布添加审批数据\r\n this.addApprovalData()\r\n }\r\n });\r\n },\r\n canvasResize() {\r\n if (this.viewer) {\r\n const canvas = this.viewer.get('canvas');\r\n // 窗口大小变化时，让画布自适应并居中\r\n // canvas.zoom('fit-viewport', 'auto');\r\n canvas.zoom(1, 'auto');\r\n }\r\n },\r\n // 添加节点颜色\r\n setNodeColor(nodes) {\r\n const canvas = this.viewer.get(\"canvas\");\r\n const elementRegistry = this.viewer.get(\"elementRegistry\");\r\n const tooltips = this.viewer.get(\"tooltips\");\r\n nodes.forEach((n) => {\r\n if (n.id && n.class) {\r\n canvas.addMarker(n.id, n.class);\r\n }\r\n if (n.id && n.tooltip) {\r\n const node = elementRegistry.get(n.id);\r\n if (node) {\r\n let { x, y, type } = node;\r\n if ([\"bpmn:StartEvent\", \"bpmn:EndEvent\"].includes(type)) {\r\n x = x - 45;\r\n y = y + 65;\r\n } else if ([\"bpmn:UserTask\"].includes(type)) {\r\n x = x - 10;\r\n y = y + 90;\r\n }\r\n tooltips.add({\r\n position: { x, y },\r\n html: n.tooltip,\r\n });\r\n }\r\n }\r\n });\r\n },\r\n addApprovalData() {\r\n console.log(this.approvalData, 'data')\r\n if (!this.approvalData || this.approvalData.length == 0) return;\r\n const flows = handleResolveFlows(this.approvalData)\r\n console.log(flows, 'flows')\r\n if (flows && flows.length > 0) {\r\n this.setNodeColor(flows);\r\n }\r\n },\r\n // 加载xml\r\n async loadXml(xml) {\r\n if (!this.viewer) {\r\n await this.initViewer();\r\n }\r\n try {\r\n // 尝试导入 XML\r\n console.log(xml.length)\r\n const { warnings } = await this.viewer.importXML(xml);\r\n console.log(warnings, 'warningds')\r\n if (warnings.length) {\r\n // 有警告信息时触发 warning 事件\r\n this.$emit('warning', warnings);\r\n }\r\n } catch (error) {\r\n // 导入失败时触发 error 事件\r\n this.$emit('error', {\r\n message: 'XML 加载失败',\r\n detail: error.message\r\n });\r\n console.error('XML 加载失败:', error);\r\n }\r\n }\r\n },\r\n beforeDestroy() {\r\n window.removeEventListener('resize', this.canvasResize);\r\n this.viewer && this.viewer.destroy();\r\n }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.bpmn-look {\r\n width: 100%;\r\n height: 500px;\r\n background: white;\r\n background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat !important;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 4px;\r\n}\r\n\r\n::v-deep .nodePrimary:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #409eff !important;\r\n}\r\n\r\n::v-deep .nodeSuccess:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #67c23a !important;\r\n}\r\n\r\n::v-deep .nodeWarn:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #e6a23c !important;\r\n}\r\n\r\n::v-deep .nodeError:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n fill: #f56c6c !important;\r\n}\r\n\r\n::v-deep .linePrimary:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #409eff !important;\r\n}\r\n\r\n::v-deep .lineSuccess:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #67c23a !important;\r\n}\r\n\r\n::v-deep .lineWarn:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #e6a23c !important;\r\n}\r\n\r\n::v-deep .lineError:not(.djs-shape) .djs-visual :last-child {\r\n stroke: #f56c6c !important;\r\n}\r\n\r\n::v-deep .djs-element.hover .djs-outline {\r\n visibility: visible;\r\n shape-rendering: geometricPrecision;\r\n stroke-dasharray: 3, 3;\r\n stroke: var(--el-color-info);\r\n stroke-width: 1px;\r\n}\r\n\r\n::v-deep .djs-element.selected .djs-outline {\r\n visibility: visible;\r\n shape-rendering: geometricPrecision;\r\n stroke-dasharray: 3, 3;\r\n stroke: var(--el-color-primary);\r\n stroke-width: 1px;\r\n}\r\n\r\n::v-deep .djs-tooltip {\r\n font-size: 13px;\r\n width: 120px;\r\n text-align: center;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n::v-deep .djs-tooltip span {\r\n display: block;\r\n height: 1.2em;\r\n line-height: 1.2em;\r\n}\r\n::v-deep .djs-tooltip br {\r\n display: none;\r\n}\r\n</style>"]}, media: undefined });
|
|
7364
8166
|
|
|
7365
8167
|
};
|
|
7366
8168
|
/* scoped */
|
|
7367
|
-
const __vue_scope_id__$6 = "data-v-
|
|
8169
|
+
const __vue_scope_id__$6 = "data-v-0aaf0421";
|
|
7368
8170
|
/* module identifier */
|
|
7369
8171
|
const __vue_module_identifier__$6 = undefined;
|
|
7370
8172
|
/* functional template */
|
|
@@ -7673,6 +8475,83 @@
|
|
|
7673
8475
|
//
|
|
7674
8476
|
//
|
|
7675
8477
|
//
|
|
8478
|
+
//
|
|
8479
|
+
//
|
|
8480
|
+
//
|
|
8481
|
+
//
|
|
8482
|
+
//
|
|
8483
|
+
//
|
|
8484
|
+
//
|
|
8485
|
+
//
|
|
8486
|
+
//
|
|
8487
|
+
//
|
|
8488
|
+
//
|
|
8489
|
+
//
|
|
8490
|
+
//
|
|
8491
|
+
//
|
|
8492
|
+
//
|
|
8493
|
+
//
|
|
8494
|
+
//
|
|
8495
|
+
//
|
|
8496
|
+
//
|
|
8497
|
+
//
|
|
8498
|
+
//
|
|
8499
|
+
//
|
|
8500
|
+
//
|
|
8501
|
+
//
|
|
8502
|
+
//
|
|
8503
|
+
//
|
|
8504
|
+
//
|
|
8505
|
+
//
|
|
8506
|
+
//
|
|
8507
|
+
//
|
|
8508
|
+
//
|
|
8509
|
+
//
|
|
8510
|
+
//
|
|
8511
|
+
//
|
|
8512
|
+
//
|
|
8513
|
+
//
|
|
8514
|
+
//
|
|
8515
|
+
//
|
|
8516
|
+
//
|
|
8517
|
+
//
|
|
8518
|
+
//
|
|
8519
|
+
//
|
|
8520
|
+
//
|
|
8521
|
+
//
|
|
8522
|
+
//
|
|
8523
|
+
//
|
|
8524
|
+
//
|
|
8525
|
+
//
|
|
8526
|
+
//
|
|
8527
|
+
//
|
|
8528
|
+
//
|
|
8529
|
+
//
|
|
8530
|
+
//
|
|
8531
|
+
//
|
|
8532
|
+
//
|
|
8533
|
+
//
|
|
8534
|
+
//
|
|
8535
|
+
//
|
|
8536
|
+
//
|
|
8537
|
+
//
|
|
8538
|
+
//
|
|
8539
|
+
//
|
|
8540
|
+
//
|
|
8541
|
+
//
|
|
8542
|
+
//
|
|
8543
|
+
//
|
|
8544
|
+
//
|
|
8545
|
+
//
|
|
8546
|
+
//
|
|
8547
|
+
//
|
|
8548
|
+
//
|
|
8549
|
+
//
|
|
8550
|
+
//
|
|
8551
|
+
//
|
|
8552
|
+
//
|
|
8553
|
+
//
|
|
8554
|
+
//
|
|
7676
8555
|
|
|
7677
8556
|
|
|
7678
8557
|
var script$5 = {
|
|
@@ -7776,6 +8655,7 @@
|
|
|
7776
8655
|
// emits: ['update:modelValue', "getData", "change", "changeGetData"],
|
|
7777
8656
|
data() {
|
|
7778
8657
|
return {
|
|
8658
|
+
incomingConditionItemList: [],
|
|
7779
8659
|
// 流程信息
|
|
7780
8660
|
deptId: '',
|
|
7781
8661
|
initProcessData: {
|
|
@@ -8030,8 +8910,13 @@
|
|
|
8030
8910
|
const deptId = ((this.processData.process || {}).variables || {}).deptId;
|
|
8031
8911
|
this.deptId = deptId;
|
|
8032
8912
|
const taskId = (this.processData.process || {}).taskId;
|
|
8913
|
+
this.taskObj.buttons = this.processData.button;
|
|
8033
8914
|
this.absoluteTaskId = taskId;
|
|
8915
|
+
this.straightenBtns();
|
|
8034
8916
|
console.log(deptId, 'id');
|
|
8917
|
+
this.$nextTick(() => {
|
|
8918
|
+
this.calculateHeight();
|
|
8919
|
+
});
|
|
8035
8920
|
|
|
8036
8921
|
console.log(this.processData.flow, 'flw');
|
|
8037
8922
|
this.flowChartVisible = true;
|
|
@@ -8248,8 +9133,17 @@
|
|
|
8248
9133
|
console.error(e);
|
|
8249
9134
|
res1 = {};
|
|
8250
9135
|
}
|
|
8251
|
-
|
|
8252
|
-
|
|
9136
|
+
let nextTaskNode = res1.data || {};
|
|
9137
|
+
|
|
9138
|
+
// 复杂网关分支:
|
|
9139
|
+
if (res1.code == 200 && !res1.data.evaluation) {
|
|
9140
|
+
this.incomingConditionItemList = [];
|
|
9141
|
+
nextTaskNode.branches = await this.getOutgoingProcessNode(
|
|
9142
|
+
this.absoluteTaskId,
|
|
9143
|
+
res1.data.id
|
|
9144
|
+
);
|
|
9145
|
+
}
|
|
9146
|
+
|
|
8253
9147
|
if (nextTaskNode.id && !nextTaskNode.setPersonnel) {
|
|
8254
9148
|
const nodeUserParams = getNodeUserParams(nextTaskNode);
|
|
8255
9149
|
let res;
|
|
@@ -8291,6 +9185,7 @@
|
|
|
8291
9185
|
this.operationParam.taskInstId = this.absoluteTaskId;
|
|
8292
9186
|
// this.operationParam.taskDeftId = this.task.activityDefId;
|
|
8293
9187
|
this.operationParam.nextTaskNode = this.nextTaskNode;
|
|
9188
|
+
this.operationParam.incomingConditionItemList = this.incomingConditionItemList;
|
|
8294
9189
|
this.operationParam.variables = (this.processData.process || {}).variables || {};
|
|
8295
9190
|
this.operationParam.extendedProperties = (this.processData.form || {}).extendedProperties || [];
|
|
8296
9191
|
this.operationParam.taskObj = this.taskObj;
|
|
@@ -8390,9 +9285,13 @@
|
|
|
8390
9285
|
if (res.data) {
|
|
8391
9286
|
for (let i = 0; i < res.data.length; i++) {
|
|
8392
9287
|
let o = res.data[i];
|
|
8393
|
-
if (o.
|
|
8394
|
-
o.
|
|
8395
|
-
|
|
9288
|
+
if (o.incomingConditionItemList && o.incomingConditionItemList.length !== 0) {
|
|
9289
|
+
o.nodeInfoDTO.incomingConditionItemList = o.incomingConditionItemList;
|
|
9290
|
+
console.error(o.incomingConditionItemList, 'o.incomingConditionItemList');
|
|
9291
|
+
this.incomingConditionItemList.push(...o.incomingConditionItemList);
|
|
9292
|
+
}
|
|
9293
|
+
if (o.nodeInfoDTO.nodeType != 'userTask') {
|
|
9294
|
+
o.nodeInfoDTO.branches = await this.getOutgoingProcessNode(taskId, o.nodeInfoDTO.id);
|
|
8396
9295
|
}
|
|
8397
9296
|
if (
|
|
8398
9297
|
res.data[i]["type"] != "endEvent" &&
|
|
@@ -8483,53 +9382,120 @@
|
|
|
8483
9382
|
elementUi.Message.info("取消操作");
|
|
8484
9383
|
});
|
|
8485
9384
|
},
|
|
9385
|
+
getButton(key) {
|
|
9386
|
+
return (this.processData.button || []).find(b => b.buttonKey == key);
|
|
9387
|
+
},
|
|
8486
9388
|
operBtn() {
|
|
8487
9389
|
let btnList = [];
|
|
8488
|
-
|
|
8489
|
-
|
|
8490
|
-
|
|
8491
|
-
|
|
9390
|
+
|
|
9391
|
+
const process = this.processData.process;
|
|
9392
|
+
|
|
9393
|
+
if (!process) {
|
|
9394
|
+
return btnList
|
|
9395
|
+
}
|
|
8492
9396
|
|
|
8493
9397
|
// 加签
|
|
8494
|
-
if (
|
|
9398
|
+
if (process.status == 'todo' && process.isMultiInstance && this.getButton('wf_add_instance')) {
|
|
8495
9399
|
let obj = {};
|
|
8496
|
-
obj.name = this.
|
|
9400
|
+
obj.name = this.getButton('wf_add_instance').name;
|
|
8497
9401
|
obj.btnProps = { type: "primary" };
|
|
8498
9402
|
obj.key = "sign";
|
|
8499
9403
|
obj.click = () => {
|
|
8500
|
-
this.
|
|
9404
|
+
this.handleUserSelect({
|
|
9405
|
+
type: 'addInstance',
|
|
9406
|
+
checkType: 'checkbox',
|
|
9407
|
+
name: this.getButton('wf_add_instance').name,
|
|
9408
|
+
});
|
|
8501
9409
|
};
|
|
8502
9410
|
btnList.push(obj);
|
|
8503
9411
|
}
|
|
9412
|
+
// if (flag && !this.isView && this.taskObj.counterSignLabel) {
|
|
9413
|
+
// let obj = {};
|
|
9414
|
+
// obj.name = this.taskObj.counterSignLabel;
|
|
9415
|
+
// obj.btnProps = { type: "primary" };
|
|
9416
|
+
// obj.key = "sign";
|
|
9417
|
+
// obj.click = () => {
|
|
9418
|
+
// this.showOperation(operation.counterSign, obj.name);
|
|
9419
|
+
// };
|
|
9420
|
+
// btnList.push(obj);
|
|
9421
|
+
// }
|
|
9422
|
+
|
|
8504
9423
|
// 转办
|
|
8505
|
-
if (
|
|
9424
|
+
if (process.status == 'todo' && this.getButton('wf_transfer')) {
|
|
8506
9425
|
let obj = {};
|
|
8507
|
-
obj.name = this.
|
|
9426
|
+
obj.name = this.getButton('wf_transfer').name;
|
|
8508
9427
|
obj.key = "delegate";
|
|
8509
9428
|
obj.click = () => {
|
|
8510
|
-
this.
|
|
9429
|
+
this.handleUserSelect({
|
|
9430
|
+
type: 'transfer',
|
|
9431
|
+
checkType: 'radio',
|
|
9432
|
+
name: this.getButton('wf_transfer').name,
|
|
9433
|
+
});
|
|
9434
|
+
};
|
|
9435
|
+
btnList.push(obj);
|
|
9436
|
+
}
|
|
9437
|
+
// if (flag && !this.isView && this.taskObj.delegateTaskButtonLabel) {
|
|
9438
|
+
// let obj = {};
|
|
9439
|
+
// obj.name = this.taskObj.delegateTaskButtonLabel;
|
|
9440
|
+
// obj.key = "delegate";
|
|
9441
|
+
// obj.click = () => {
|
|
9442
|
+
// this.showOperation(operation.delegateTask, obj.name);
|
|
9443
|
+
// };
|
|
9444
|
+
// btnList.push(obj);
|
|
9445
|
+
// }
|
|
9446
|
+
|
|
9447
|
+
// 委托
|
|
9448
|
+
if (process.status == 'todo' && this.getButton('wf_delegate')) {
|
|
9449
|
+
let obj = {};
|
|
9450
|
+
obj.name = this.getButton('wf_delegate').name;
|
|
9451
|
+
obj.btnProps = { type: "warning" };
|
|
9452
|
+
obj.key = "cc2";
|
|
9453
|
+
obj.click = () => {
|
|
9454
|
+
this.handleUserSelect({
|
|
9455
|
+
type: 'delegate',
|
|
9456
|
+
checkType: 'radio',
|
|
9457
|
+
name: this.getButton('wf_delegate').name
|
|
9458
|
+
});
|
|
9459
|
+
};
|
|
9460
|
+
btnList.push(obj);
|
|
9461
|
+
}
|
|
9462
|
+
|
|
9463
|
+
// 终止
|
|
9464
|
+
if (process.status == 'todo' && this.getButton('wf_terminate')) {
|
|
9465
|
+
let obj = {};
|
|
9466
|
+
obj.name = this.getButton('wf_terminate').name;
|
|
9467
|
+
obj.btnProps = { type: "danger" };
|
|
9468
|
+
obj.key = "cc3";
|
|
9469
|
+
obj.click = () => {
|
|
9470
|
+
this.handleTerminateProcess();
|
|
8511
9471
|
};
|
|
8512
9472
|
btnList.push(obj);
|
|
8513
9473
|
}
|
|
9474
|
+
|
|
8514
9475
|
// 传阅
|
|
8515
|
-
if (
|
|
9476
|
+
if (process.status == 'todo' && this.getButton('wf_cctask')) {
|
|
8516
9477
|
let obj = {};
|
|
8517
|
-
obj.name = this.
|
|
9478
|
+
obj.name = this.getButton('wf_cctask').name;
|
|
8518
9479
|
obj.btnProps = { type: "primary" };
|
|
8519
9480
|
obj.key = "cc";
|
|
8520
9481
|
obj.click = () => {
|
|
8521
|
-
this.
|
|
9482
|
+
this.handleCirculate(this.getButton('wf_cctask').name);
|
|
8522
9483
|
};
|
|
8523
9484
|
btnList.push(obj);
|
|
8524
9485
|
}
|
|
9486
|
+
// if (flag && !this.isView && this.taskObj.ccTaskButtonLabel) {
|
|
9487
|
+
// let obj = {};
|
|
9488
|
+
// obj.name = this.taskObj.ccTaskButtonLabel;
|
|
9489
|
+
// obj.btnProps = { type: "primary" };
|
|
9490
|
+
// obj.key = "cc";
|
|
9491
|
+
// obj.click = () => {
|
|
9492
|
+
// this.showOperation(operation.ccTask, obj.name);
|
|
9493
|
+
// };
|
|
9494
|
+
// btnList.push(obj);
|
|
9495
|
+
// }
|
|
9496
|
+
|
|
8525
9497
|
// 催办
|
|
8526
|
-
if (
|
|
8527
|
-
this.processId &&
|
|
8528
|
-
this.processStatus.createTopUserId == this.userId &&
|
|
8529
|
-
((this.taskNode.length > 0 &&
|
|
8530
|
-
this.aftTaskNode.taskState != TaskState.抄送) ||
|
|
8531
|
-
this.processStatus.status == "审批中")
|
|
8532
|
-
) {
|
|
9498
|
+
if (process.status == 'todo' && this.userId == (process.variables || {}).applyUserId) {
|
|
8533
9499
|
let obj = {};
|
|
8534
9500
|
obj.name = "催办";
|
|
8535
9501
|
// obj.btnProps = { color: "#1389ff" };
|
|
@@ -8539,95 +9505,157 @@
|
|
|
8539
9505
|
};
|
|
8540
9506
|
btnList.push(obj);
|
|
8541
9507
|
}
|
|
9508
|
+
// if (
|
|
9509
|
+
// this.processId &&
|
|
9510
|
+
// this.processStatus.createTopUserId == this.userId &&
|
|
9511
|
+
// ((this.taskNode.length > 0 &&
|
|
9512
|
+
// this.aftTaskNode.taskState != $enum.TaskState.抄送) ||
|
|
9513
|
+
// this.processStatus.status == "审批中")
|
|
9514
|
+
// ) {
|
|
9515
|
+
// let obj = {};
|
|
9516
|
+
// obj.name = "催办";
|
|
9517
|
+
// // obj.btnProps = { color: "#1389ff" };
|
|
9518
|
+
// obj.key = "self";
|
|
9519
|
+
// obj.click = () => {
|
|
9520
|
+
// this.handleReminders();
|
|
9521
|
+
// };
|
|
9522
|
+
// btnList.push(obj);
|
|
9523
|
+
// }
|
|
9524
|
+
|
|
8542
9525
|
// 撤销
|
|
8543
9526
|
if (
|
|
8544
|
-
|
|
8545
|
-
|
|
8546
|
-
(
|
|
8547
|
-
this.aftTaskNode.taskState != TaskState.抄送) ||
|
|
8548
|
-
this.processStatus.status == "审批中")
|
|
9527
|
+
process.isOwner &&
|
|
9528
|
+
process.isReturnable &&
|
|
9529
|
+
!['recall', 'reject'].includes(process.processIsFinished)
|
|
8549
9530
|
) {
|
|
8550
9531
|
let obj = {};
|
|
8551
9532
|
obj.name = "撤销";
|
|
8552
9533
|
obj.btnProps = { type: "danger" };
|
|
8553
9534
|
obj.key = "self";
|
|
8554
9535
|
obj.click = () => {
|
|
8555
|
-
this.
|
|
9536
|
+
this.handleWithdrawTask('撤销');
|
|
8556
9537
|
};
|
|
8557
9538
|
btnList.push(obj);
|
|
8558
9539
|
}
|
|
9540
|
+
|
|
8559
9541
|
// if (
|
|
8560
|
-
//
|
|
8561
|
-
//
|
|
8562
|
-
// this.
|
|
8563
|
-
//
|
|
8564
|
-
//
|
|
9542
|
+
// this.processId &&
|
|
9543
|
+
// this.processStatus.createTopUserId == this.userId &&
|
|
9544
|
+
// ((this.taskNode.length > 0 &&
|
|
9545
|
+
// this.aftTaskNode.taskState != $enum.TaskState.抄送) ||
|
|
9546
|
+
// this.processStatus.status == "审批中")
|
|
8565
9547
|
// ) {
|
|
8566
9548
|
// let obj = {};
|
|
8567
|
-
// obj.name = "
|
|
9549
|
+
// obj.name = "撤销";
|
|
8568
9550
|
// obj.btnProps = { type: "danger" };
|
|
8569
|
-
// obj.key = "
|
|
9551
|
+
// obj.key = "self";
|
|
8570
9552
|
// obj.click = () => {
|
|
8571
|
-
// this.
|
|
9553
|
+
// this.handleRevoke();
|
|
8572
9554
|
// };
|
|
8573
9555
|
// btnList.push(obj);
|
|
8574
9556
|
// }
|
|
8575
9557
|
|
|
8576
9558
|
// 拒绝
|
|
8577
|
-
if (
|
|
9559
|
+
if (
|
|
9560
|
+
process.status == 'todo' &&
|
|
9561
|
+
this.getButton('wf_reject')
|
|
9562
|
+
) {
|
|
8578
9563
|
let obj = {};
|
|
8579
|
-
obj.name =
|
|
9564
|
+
obj.name = this.getButton('wf_reject').name;
|
|
8580
9565
|
obj.btnProps = { type: "danger" };
|
|
8581
9566
|
obj.key = "refuse";
|
|
8582
9567
|
obj.click = () => {
|
|
8583
|
-
this.
|
|
9568
|
+
this.handleExamine(false, this.getButton('wf_reject').name);
|
|
8584
9569
|
};
|
|
8585
9570
|
btnList.push(obj);
|
|
8586
9571
|
}
|
|
9572
|
+
// if (flag && !this.isView && this.processStatus.currUserName) {
|
|
9573
|
+
// let obj = {};
|
|
9574
|
+
// obj.name = "拒绝";
|
|
9575
|
+
// obj.btnProps = { type: "danger" };
|
|
9576
|
+
// obj.key = "refuse";
|
|
9577
|
+
// obj.click = () => {
|
|
9578
|
+
// this.showOperation(operation.cancel, obj.name);
|
|
9579
|
+
// };
|
|
9580
|
+
// btnList.push(obj);
|
|
9581
|
+
// }
|
|
9582
|
+
|
|
8587
9583
|
// 办理
|
|
8588
|
-
if (
|
|
9584
|
+
if (process.status == 'todo' && this.getButton('wf_pass')) {
|
|
8589
9585
|
let obj = {};
|
|
8590
|
-
obj.name = this.
|
|
9586
|
+
obj.name = this.getButton('wf_pass').name;
|
|
8591
9587
|
obj.btnProps = { type: "primary" };
|
|
8592
9588
|
obj.key = "complete";
|
|
8593
9589
|
obj.click = () => {
|
|
8594
9590
|
if (this.before) {
|
|
8595
9591
|
this.before().then(() => {
|
|
8596
|
-
this.
|
|
9592
|
+
this.handleExamine(true, this.getButton('wf_pass').name);
|
|
8597
9593
|
});
|
|
8598
9594
|
} else {
|
|
8599
|
-
this.
|
|
9595
|
+
this.handleExamine(true, this.getButton('wf_pass').name);
|
|
8600
9596
|
}
|
|
8601
9597
|
};
|
|
8602
9598
|
btnList.push(obj);
|
|
8603
9599
|
}
|
|
9600
|
+
// if (flag && !this.isView && this.taskObj.completeButtonLabel) {
|
|
9601
|
+
// let obj = {};
|
|
9602
|
+
// obj.name = this.taskObj.completeButtonLabel;
|
|
9603
|
+
// obj.btnProps = { type: "primary" };
|
|
9604
|
+
// obj.key = "complete";
|
|
9605
|
+
// obj.click = () => {
|
|
9606
|
+
// if (this.before) {
|
|
9607
|
+
// this.before().then(() => {
|
|
9608
|
+
// this.showOperation(operation.complete, obj.name);
|
|
9609
|
+
// });
|
|
9610
|
+
// } else {
|
|
9611
|
+
// this.showOperation(operation.complete, obj.name);
|
|
9612
|
+
// }
|
|
9613
|
+
// };
|
|
9614
|
+
// btnList.push(obj);
|
|
9615
|
+
// }
|
|
9616
|
+
|
|
8604
9617
|
// 退回
|
|
8605
9618
|
if (
|
|
8606
|
-
|
|
8607
|
-
|
|
8608
|
-
this.taskObj &&
|
|
8609
|
-
this.taskObj.buttons.length > 0
|
|
9619
|
+
process.status == 'todo' &&
|
|
9620
|
+
this.getButton('wf_rollback')
|
|
8610
9621
|
) {
|
|
8611
|
-
|
|
8612
|
-
|
|
8613
|
-
|
|
8614
|
-
|
|
8615
|
-
|
|
8616
|
-
|
|
8617
|
-
|
|
8618
|
-
|
|
8619
|
-
};
|
|
8620
|
-
} else {
|
|
8621
|
-
obj.btnProps = {};
|
|
8622
|
-
obj.key = item.label;
|
|
8623
|
-
obj.click = () => {
|
|
8624
|
-
this.clickCustomButton(obj.name);
|
|
8625
|
-
};
|
|
8626
|
-
}
|
|
9622
|
+
let obj = {};
|
|
9623
|
+
obj.name = this.getButton('wf_rollback').name;
|
|
9624
|
+
obj.btnProps = { type: "danger" };
|
|
9625
|
+
obj.key = "back";
|
|
9626
|
+
obj.click = () => {
|
|
9627
|
+
this.handleRollbackTask(this.getButton('wf_rollback').name);
|
|
9628
|
+
};
|
|
9629
|
+
// 退回可能还有种情况，就是自定义this.clickCustomButton(obj.name);
|
|
8627
9630
|
|
|
8628
|
-
|
|
8629
|
-
});
|
|
9631
|
+
btnList.unshift(obj);
|
|
8630
9632
|
}
|
|
9633
|
+
// if (
|
|
9634
|
+
// flag &&
|
|
9635
|
+
// !this.isView &&
|
|
9636
|
+
// this.taskObj &&
|
|
9637
|
+
// this.taskObj.buttons.length > 0
|
|
9638
|
+
// ) {
|
|
9639
|
+
// this.taskObj.buttons.map((item) => {
|
|
9640
|
+
// let obj = {};
|
|
9641
|
+
// obj.name = item.label;
|
|
9642
|
+
// if (item.label == "退回") {
|
|
9643
|
+
// obj.btnProps = { type: "danger" };
|
|
9644
|
+
// obj.key = "back";
|
|
9645
|
+
// obj.click = () => {
|
|
9646
|
+
// this.showOperation(operation.roolback, obj.name);
|
|
9647
|
+
// };
|
|
9648
|
+
// } else {
|
|
9649
|
+
// obj.btnProps = {};
|
|
9650
|
+
// obj.key = item.label;
|
|
9651
|
+
// obj.click = () => {
|
|
9652
|
+
// this.clickCustomButton(obj.name);
|
|
9653
|
+
// };
|
|
9654
|
+
// }
|
|
9655
|
+
|
|
9656
|
+
// btnList.unshift(obj);
|
|
9657
|
+
// });
|
|
9658
|
+
// }
|
|
8631
9659
|
|
|
8632
9660
|
return btnList;
|
|
8633
9661
|
},
|
|
@@ -8971,31 +9999,142 @@
|
|
|
8971
9999
|
]
|
|
8972
10000
|
: _vm._e(),
|
|
8973
10001
|
_vm._v(" "),
|
|
8974
|
-
|
|
8975
|
-
|
|
8976
|
-
|
|
8977
|
-
|
|
8978
|
-
|
|
8979
|
-
|
|
8980
|
-
|
|
8981
|
-
|
|
8982
|
-
|
|
8983
|
-
|
|
8984
|
-
|
|
8985
|
-
|
|
8986
|
-
|
|
8987
|
-
|
|
8988
|
-
|
|
8989
|
-
|
|
8990
|
-
|
|
8991
|
-
|
|
8992
|
-
|
|
8993
|
-
|
|
8994
|
-
|
|
8995
|
-
|
|
8996
|
-
|
|
8997
|
-
|
|
8998
|
-
|
|
10002
|
+
_vm.isAdditional && _vm.absoluteBtns.outside.length > 0
|
|
10003
|
+
? _c(
|
|
10004
|
+
"div",
|
|
10005
|
+
{
|
|
10006
|
+
ref: "footBtnRow",
|
|
10007
|
+
staticClass: "footBtnRow foot-item",
|
|
10008
|
+
style: { width: _vm.mainWidth + "px" },
|
|
10009
|
+
},
|
|
10010
|
+
[_vm._t("btn", null, null, _vm.processStatus)],
|
|
10011
|
+
2
|
|
10012
|
+
)
|
|
10013
|
+
: !_vm.showBtns
|
|
10014
|
+
? _c("div")
|
|
10015
|
+
: (!_vm.ProcessInsObj.end &&
|
|
10016
|
+
_vm.absoluteBtns.outside.length > 0 &&
|
|
10017
|
+
_vm.processStatus.appId != "com.awspaas.user.apps.root") ||
|
|
10018
|
+
_vm.customBtns.length > 0
|
|
10019
|
+
? _c(
|
|
10020
|
+
"div",
|
|
10021
|
+
{
|
|
10022
|
+
directives: [
|
|
10023
|
+
{
|
|
10024
|
+
name: "loading",
|
|
10025
|
+
rawName: "v-loading",
|
|
10026
|
+
value: _vm.footBtnLoading,
|
|
10027
|
+
expression: "footBtnLoading",
|
|
10028
|
+
},
|
|
10029
|
+
],
|
|
10030
|
+
ref: "footBtnRow",
|
|
10031
|
+
staticClass: "footBtnRow foot-item",
|
|
10032
|
+
style: { width: _vm.mainWidth + "px" },
|
|
10033
|
+
},
|
|
10034
|
+
[
|
|
10035
|
+
(_vm.processData.process.status == "todo" ||
|
|
10036
|
+
_vm.customBtns.length > 0) &&
|
|
10037
|
+
_vm.absoluteBtns.outside.length > 0
|
|
10038
|
+
? [
|
|
10039
|
+
_vm.absoluteBtns.inside.length > 0
|
|
10040
|
+
? _c(
|
|
10041
|
+
"el-dropdown",
|
|
10042
|
+
{
|
|
10043
|
+
attrs: { placement: "top-start", trigger: "click" },
|
|
10044
|
+
},
|
|
10045
|
+
[
|
|
10046
|
+
_c(
|
|
10047
|
+
"el-button",
|
|
10048
|
+
{
|
|
10049
|
+
staticStyle: { "margin-right": "10px" },
|
|
10050
|
+
attrs: { size: "small" },
|
|
10051
|
+
},
|
|
10052
|
+
[_vm._v(" 更多 ")]
|
|
10053
|
+
),
|
|
10054
|
+
_vm._v(" "),
|
|
10055
|
+
_c(
|
|
10056
|
+
"el-dropdown-menu",
|
|
10057
|
+
{ attrs: { slot: "dropdown" }, slot: "dropdown" },
|
|
10058
|
+
_vm._l(
|
|
10059
|
+
_vm.absoluteBtns.inside,
|
|
10060
|
+
function (item, index) {
|
|
10061
|
+
return _c(
|
|
10062
|
+
"el-dropdown-item",
|
|
10063
|
+
{
|
|
10064
|
+
key: item.name + index,
|
|
10065
|
+
nativeOn: {
|
|
10066
|
+
click: function ($event) {
|
|
10067
|
+
return function () {
|
|
10068
|
+
item.click();
|
|
10069
|
+
_vm.aftClickBtn = item;
|
|
10070
|
+
}.apply(null, arguments)
|
|
10071
|
+
},
|
|
10072
|
+
},
|
|
10073
|
+
},
|
|
10074
|
+
[
|
|
10075
|
+
_c(
|
|
10076
|
+
"el-button",
|
|
10077
|
+
{
|
|
10078
|
+
staticClass: "btn drop-btn",
|
|
10079
|
+
attrs: {
|
|
10080
|
+
type: "text",
|
|
10081
|
+
size: "mini",
|
|
10082
|
+
icon: item.icon,
|
|
10083
|
+
loading: _vm.buttonLoading,
|
|
10084
|
+
},
|
|
10085
|
+
},
|
|
10086
|
+
[
|
|
10087
|
+
_vm._v(
|
|
10088
|
+
"\n " +
|
|
10089
|
+
_vm._s(item.name) +
|
|
10090
|
+
"\n "
|
|
10091
|
+
),
|
|
10092
|
+
]
|
|
10093
|
+
),
|
|
10094
|
+
],
|
|
10095
|
+
1
|
|
10096
|
+
)
|
|
10097
|
+
}
|
|
10098
|
+
),
|
|
10099
|
+
1
|
|
10100
|
+
),
|
|
10101
|
+
],
|
|
10102
|
+
1
|
|
10103
|
+
)
|
|
10104
|
+
: _vm._e(),
|
|
10105
|
+
_vm._v(" "),
|
|
10106
|
+
_vm._l(_vm.absoluteBtns.outside, function (item) {
|
|
10107
|
+
return _c(
|
|
10108
|
+
"el-button",
|
|
10109
|
+
_vm._b(
|
|
10110
|
+
{
|
|
10111
|
+
key: item.name,
|
|
10112
|
+
attrs: {
|
|
10113
|
+
size: "small",
|
|
10114
|
+
loading: _vm.buttonLoading,
|
|
10115
|
+
},
|
|
10116
|
+
on: {
|
|
10117
|
+
click: function () {
|
|
10118
|
+
item.click();
|
|
10119
|
+
_vm.aftClickBtn = item;
|
|
10120
|
+
},
|
|
10121
|
+
},
|
|
10122
|
+
},
|
|
10123
|
+
"el-button",
|
|
10124
|
+
item.btnProps,
|
|
10125
|
+
false
|
|
10126
|
+
),
|
|
10127
|
+
[_vm._v("\n " + _vm._s(item.name) + "\n ")]
|
|
10128
|
+
)
|
|
10129
|
+
}),
|
|
10130
|
+
]
|
|
10131
|
+
: _vm._e(),
|
|
10132
|
+
_vm._v(" "),
|
|
10133
|
+
_vm._t("btnAppend"),
|
|
10134
|
+
],
|
|
10135
|
+
2
|
|
10136
|
+
)
|
|
10137
|
+
: _vm._e(),
|
|
8999
10138
|
_vm._v(" "),
|
|
9000
10139
|
_c(
|
|
9001
10140
|
"div",
|
|
@@ -9298,11 +10437,11 @@
|
|
|
9298
10437
|
/* style */
|
|
9299
10438
|
const __vue_inject_styles__$5 = function (inject) {
|
|
9300
10439
|
if (!inject) return
|
|
9301
|
-
inject("data-v-6c0aa992_0", { source: "@charset \"UTF-8\";\n.operation-box[data-v-6c0aa992] {\n max-height: var(--dynamic-ctx-height);\n overflow: auto;\n padding-right: 20px;\n}\n.el-dropdown-menu__item[data-v-6c0aa992] {\n min-width: 140px;\n border-bottom: 1px solid #e8e8e8;\n}\n.el-dropdown-menu__item .el-button--text[data-v-6c0aa992] {\n color: #333 !important;\n}\n.el-dropdown-menu__item:hover .el-button--text[data-v-6c0aa992] {\n color: #1389ff !important;\n}\n.el-dropdown-menu__item[data-v-6c0aa992]:last-child {\n border: none !important;\n}\n.el-dropdown-menu[data-v-6c0aa992] {\n padding-bottom: 30px;\n}\n.mianContent > .tabs > .demo-tabs[data-v-6c0aa992] > .el-tabs__header {\n position: sticky;\n top: -20px;\n background-color: #fff;\n z-index: 1997;\n}\n.top-tabs[data-v-6c0aa992] {\n position: fixed;\n top: 62px;\n background-color: #fff;\n right: 0px;\n z-index: 1997;\n}\n.mianContent[data-v-6c0aa992] {\n height: 100%;\n overflow: hidden;\n position: relative;\n display: flex;\n flex-direction: column;\n /* // margin-bottom: 10px; */\n}\n.mianContent .demo-tabs[data-v-6c0aa992] {\n flex: 1;\n height: 0;\n display: flex;\n flex-direction: column;\n}\n.mianContent .demo-tabs[data-v-6c0aa992] .el-tabs__content {\n flex: 1;\n height: 0;\n}\n.mianContent .demo-tabs[data-v-6c0aa992] .el-tabs__content::-webkit-scrollbar {\n width: 0;\n}\n.mianContent .demo-tabs[data-v-6c0aa992] .el-tab-pane {\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n}\n.mianContent .demo-tabs[data-v-6c0aa992] .el-tab-pane.pane-流程图 .bpmn-look {\n height: 0;\n flex: 1;\n}\n.mianContent .rowtitle[data-v-6c0aa992] {\n /* margin-top: 24px; */\n margin-bottom: 16px;\n font-size: 16px;\n font-weight: bold;\n border-left: 4px solid #1389ff;\n padding-left: 9px;\n}\n.mianContent .topCard[data-v-6c0aa992] {\n overflow: hidden;\n /* // border: 1px solid #DADBDE; */\n}\n.mianContent .topCard .topRow[data-v-6c0aa992] {\n display: flex;\n /* // line-height: 46px; */\n font-size: 14px;\n font-weight: 400;\n line-height: 32px;\n}\n.mianContent .topCard .topRow div[data-v-6c0aa992]:first-child {\n color: #333333;\n}\n.mianContent .topCard .topRow div[data-v-6c0aa992]:last-child {\n color: #777777;\n padding-left: 10px;\n}\n.mianContent .topCard .topRow div.process-mliv-dd[data-v-6c0aa992] {\n /* // height: 26px; */\n min-width: 30px;\n padding: 0px 16px;\n border-radius: 4px;\n background: #1389ff;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n margin-left: 10px;\n}\n.mianContent .tabs[data-v-6c0aa992] {\n /* // margin-bottom: 60px; */\n height: 0;\n flex: 1;\n overflow: visible !important;\n display: flex;\n flex-direction: column;\n}\n.mianContent .tabs[data-v-6c0aa992] :deep(.is-active) {\n font-size: 16px;\n}\n.mianContent .tabs[data-v-6c0aa992] :deep(.el-tabs__header) {\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1997;\n}\n.mianContent .topBtnRow[data-v-6c0aa992] {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n height: 100%;\n}\n.mianContent .footBtnRow[data-v-6c0aa992] {\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n position: fixed;\n bottom: 0;\n right: 20px;\n height: 50px;\n border-top: 1px solid #dadbde;\n margin-top: 10px;\n background-color: #fff;\n z-index: 1001;\n}\n.mianContent .footBtnRow .el-button[data-v-6c0aa992] {\n min-width: 74px;\n height: 36px;\n border-radius: 6px;\n}\n.formInput[data-v-6c0aa992] {\n width: 90%;\n}\n.dialog[data-v-6c0aa992] :deep(.el-dialog__header) {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n}\n.dialog[data-v-6c0aa992] .el-dialog__body {\n border-top: 1px solid #dadbde;\n border-bottom: 1px solid #dadbde;\n overflow: visible;\n padding-right: 10px;\n}\n.dialog[data-v-6c0aa992] :deep(.el-dialog__footer) {\n padding: 12px;\n text-align: center;\n}\n.dialog .el-dialog__header[data-v-6c0aa992] {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n display: flex;\n align-items: center;\n}\n.dialog[data-v-6c0aa992] :deep(.el-dialog__body) {\n border-top: 1px solid #dadbde;\n border-bottom: 1px solid #dadbde;\n overflow: visible;\n}\n.dialog .el-dialog__body[data-v-6c0aa992] {\n padding: 45px 30px;\n}\n.dialog .el-dialog__footer[data-v-6c0aa992] {\n padding: 12px !important;\n text-align: center;\n}\n.dialog .el-dialog__headerbtn[data-v-6c0aa992] {\n top: 10px;\n right: 16px;\n}\n.view-file[data-v-6c0aa992] {\n color: #1389ff;\n cursor: pointer;\n}\n.view-node-info[data-v-6c0aa992] {\n cursor: pointer;\n color: #1389ff;\n margin-left: 34px;\n font-size: 16px;\n}\n.iconsR[data-v-6c0aa992] {\n cursor: pointer;\n transform: rotate(90deg);\n}\n[data-v-6c0aa992] .task .el-radio-group .el-radio--small.is-bordered {\n margin: 0 20px;\n}\n[data-v-6c0aa992] .task .el-radio-group .el-radio.is-bordered + .el-radio.is-bordered {\n margin: 5px 20px;\n}\n.sign-img[data-v-6c0aa992] {\n width: 60px;\n height: 60px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue","C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\index.vue"],"names":[],"mappings":"AAAA,gBAAgB;ACw7ChB;EACA,qCAAA;EACA,cAAA;EACA,mBAAA;ADt7CA;ACw7CA;EACA,gBAAA;EACA,gCAAA;ADr7CA;ACs7CA;EACA,sBAAA;ADp7CA;ACu7CA;EACA,yBAAA;ADr7CA;ACw7CA;EACA,uBAAA;ADt7CA;ACy7CA;EACA,oBAAA;ADt7CA;AC27CA;EACA,gBAAA;EACA,UAAA;EACA,sBAAA;EACA,aAAA;ADx7CA;AC87CA;EACA,eAAA;EACA,SAAA;EACA,sBAAA;EACA,UAAA;EACA,aAAA;AD37CA;AC67CA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,aAAA;EACA,sBAAA;EAIA,4BAAA;AD77CA;AC+7CA;EACA,OAAA;EACA,SAAA;EAEA,aAAA;EACA,sBAAA;AD97CA;AC+7CA;EACA,OAAA;EACA,SAAA;AD77CA;AC87CA;EACA,QAAA;AD57CA;AC+7CA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,gBAAA;AD77CA;AC+7CA;EACA,SAAA;EACA,OAAA;AD77CA;ACo8CA;EACA,sBAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;EAEA,8BAAA;EACA,iBAAA;ADl8CA;ACq8CA;EACA,gBAAA;EACA,kCAAA;ADl8CA;ACq8CA;EACA,aAAA;EACA,0BAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;ADl8CA;ACq8CA;EACA,cAAA;ADl8CA;ACq8CA;EACA,cAAA;EACA,kBAAA;ADl8CA;ACq8CA;EACA,qBAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,iBAAA;ADl8CA;ACq8CA;EACA,4BAAA;EACA,SAAA;EACA,OAAA;EACA,4BAAA;EACA,aAAA;EACA,sBAAA;ADl8CA;ACq8CA;EACA,eAAA;ADl8CA;AC08CA;EACA,gBAAA;EACA,MAAA;EACA,sBAAA;EACA,aAAA;ADv8CA;AC88CA;EACA,aAAA;EACA,yBAAA;EACA,mBAAA;EACA,YAAA;AD38CA;AC88CA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,sBAAA;EAEA,eAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,6BAAA;EACA,gBAAA;EACA,sBAAA;EACA,aAAA;AD58CA;AC68CA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;AD38CA;AC+8CA;EACA,UAAA;AD58CA;AC+8CA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;AD58CA;AC+8CA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,mBAAA;AD58CA;AC+8CA;EACA,aAAA;EACA,kBAAA;AD58CA;AC+8CA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;AD58CA;ACg9CA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;AD78CA;ACi9CA;EACA,kBAAA;AD98CA;ACg9CA;EACA,wBAAA;EACA,kBAAA;AD98CA;ACg9CA;EACA,SAAA;EACA,WAAA;AD98CA;ACi9CA;EACA,cAAA;EACA,eAAA;AD98CA;ACg9CA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AD78CA;AC+8CA;EACA,eAAA;EACA,wBAAA;AD58CA;AC+8CA;EACA,cAAA;AD58CA;AC88CA;EACA,gBAAA;AD58CA;AC+8CA;EACA,WAAA;EACA,YAAA;AD58CA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["@charset \"UTF-8\";\n.operation-box {\n max-height: var(--dynamic-ctx-height);\n overflow: auto;\n padding-right: 20px;\n}\n\n.el-dropdown-menu__item {\n min-width: 140px;\n border-bottom: 1px solid #e8e8e8;\n}\n.el-dropdown-menu__item .el-button--text {\n color: #333 !important;\n}\n.el-dropdown-menu__item:hover .el-button--text {\n color: #1389ff !important;\n}\n.el-dropdown-menu__item:last-child {\n border: none !important;\n}\n\n.el-dropdown-menu {\n padding-bottom: 30px;\n}\n\n.mianContent > .tabs > .demo-tabs > ::v-deep .el-tabs__header {\n position: sticky;\n top: -20px;\n background-color: #fff;\n z-index: 1997;\n}\n\n.top-tabs {\n position: fixed;\n top: 62px;\n background-color: #fff;\n right: 0px;\n z-index: 1997;\n}\n\n.mianContent {\n height: 100%;\n overflow: hidden;\n position: relative;\n display: flex;\n flex-direction: column;\n /* // margin-bottom: 10px; */\n}\n.mianContent .demo-tabs {\n flex: 1;\n height: 0;\n display: flex;\n flex-direction: column;\n}\n.mianContent .demo-tabs ::v-deep .el-tabs__content {\n flex: 1;\n height: 0;\n}\n.mianContent .demo-tabs ::v-deep .el-tabs__content::-webkit-scrollbar {\n width: 0;\n}\n.mianContent .demo-tabs ::v-deep .el-tab-pane {\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n}\n.mianContent .demo-tabs ::v-deep .el-tab-pane.pane-流程图 .bpmn-look {\n height: 0;\n flex: 1;\n}\n\n.mianContent .rowtitle {\n /* margin-top: 24px; */\n margin-bottom: 16px;\n font-size: 16px;\n font-weight: bold;\n border-left: 4px solid #1389ff;\n padding-left: 9px;\n}\n\n.mianContent .topCard {\n overflow: hidden;\n /* // border: 1px solid #DADBDE; */\n}\n\n.mianContent .topCard .topRow {\n display: flex;\n /* // line-height: 46px; */\n font-size: 14px;\n font-weight: 400;\n line-height: 32px;\n}\n\n.mianContent .topCard .topRow div:first-child {\n color: #333333;\n}\n\n.mianContent .topCard .topRow div:last-child {\n color: #777777;\n padding-left: 10px;\n}\n\n.mianContent .topCard .topRow div.process-mliv-dd {\n /* // height: 26px; */\n min-width: 30px;\n padding: 0px 16px;\n border-radius: 4px;\n background: #1389ff;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n margin-left: 10px;\n}\n\n.mianContent .tabs {\n /* // margin-bottom: 60px; */\n height: 0;\n flex: 1;\n overflow: visible !important;\n display: flex;\n flex-direction: column;\n}\n\n.mianContent .tabs :deep(.is-active) {\n font-size: 16px;\n}\n\n.mianContent .tabs :deep(.el-tabs__header) {\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1997;\n}\n\n.mianContent .topBtnRow {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n height: 100%;\n}\n\n.mianContent .footBtnRow {\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n position: fixed;\n bottom: 0;\n right: 20px;\n height: 50px;\n border-top: 1px solid #dadbde;\n margin-top: 10px;\n background-color: #fff;\n z-index: 1001;\n}\n.mianContent .footBtnRow .el-button {\n min-width: 74px;\n height: 36px;\n border-radius: 6px;\n}\n\n.formInput {\n width: 90%;\n}\n\n.dialog :deep(.el-dialog__header) {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n}\n\n.dialog ::v-deep.el-dialog__body {\n border-top: 1px solid #dadbde;\n border-bottom: 1px solid #dadbde;\n overflow: visible;\n padding-right: 10px;\n}\n\n.dialog :deep(.el-dialog__footer) {\n padding: 12px;\n text-align: center;\n}\n\n.dialog .el-dialog__header {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n display: flex;\n align-items: center;\n}\n\n.dialog :deep(.el-dialog__body) {\n border-top: 1px solid #dadbde;\n border-bottom: 1px solid #dadbde;\n overflow: visible;\n}\n\n.dialog .el-dialog__body {\n padding: 45px 30px;\n}\n.dialog .el-dialog__footer {\n padding: 12px !important;\n text-align: center;\n}\n.dialog .el-dialog__headerbtn {\n top: 10px;\n right: 16px;\n}\n\n.view-file {\n color: #1389ff;\n cursor: pointer;\n}\n\n.view-node-info {\n cursor: pointer;\n color: #1389ff;\n margin-left: 34px;\n font-size: 16px;\n}\n\n.iconsR {\n cursor: pointer;\n transform: rotate(90deg);\n}\n\n::v-deep .task .el-radio-group .el-radio--small.is-bordered {\n margin: 0 20px;\n}\n::v-deep .task .el-radio-group .el-radio.is-bordered + .el-radio.is-bordered {\n margin: 5px 20px;\n}\n\n.sign-img {\n width: 60px;\n height: 60px;\n}\n\n/*# sourceMappingURL=index.vue.map */","<template>\r\n <div\r\n class=\"mianContent\"\r\n v-loading=\"boxLoading && !isButton\"\r\n ref=\"mianContent\"\r\n :style=\"{\r\n // height:\r\n // activeName == '流程图'\r\n // ? '100%'\r\n // : $refs['footBtnRow']\r\n // ? `calc(100% - 50px)`\r\n // : ' 100%',\r\n // overflow: activeName == '流程图' ? 'hidden !important' : 'auto',\r\n }\"\r\n >\r\n <template v-if=\"!isButton\">\r\n <div class=\"tabs\" ref=\"baseTabs\">\r\n <el-tabs\r\n v-model=\"activeName\"\r\n class=\"demo-tabs\"\r\n @tab-click=\"handleClick\"\r\n >\r\n <el-tab-pane\r\n :label=\"item.name\"\r\n :name=\"item.slot || item.name\"\r\n v-for=\"(item, index) in tabs\"\r\n :key=\"index\"\r\n :item=\"item\"\r\n :class=\"['pane-' + item.name]\"\r\n >\r\n <template v-if=\"item.name == '基本信息' && !item.slot\">\r\n <div :style=\"`min-height: ${tabheight}px;`\">\r\n <slot name=\"default\" :taskNode=\"getTaskNode()\"></slot>\r\n </div>\r\n </template>\r\n <template v-else-if=\"item.name == '流程图' && !item.slot\">\r\n <div class=\"view-node-info\" @click=\"getNodeList\">\r\n 查看流程节点信息\r\n </div>\r\n <iframe\r\n v-if=\"trackUrl\"\r\n :src=\"trackUrl\"\r\n style=\"width: 100%; height: 100%; border: none\"\r\n :style=\"{ height: `${iframeHeight}px` }\"\r\n scrolling=\"no\"\r\n frameborder=\"0\"\r\n :key=\"processId\"\r\n ></iframe>\r\n <!-- 展示条件需要同时满足v-if -->\r\n <bpmnLook v-if=\"activeName == '流程图' && processData.process && processData.process.xml\" :approvalData=\"processData.flow\" :diagram=\"processData.process.xml\"></bpmnLook>\r\n <div\r\n v-else\r\n style=\"\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \"\r\n >\r\n 暂无流程图\r\n </div>\r\n </template>\r\n <template v-else-if=\"item.name == '审批记录' && !item.slot\">\r\n <processFlow v-if=\"activeName == '审批记录' && processData.flow\" :flow-list=\"formatFlow(processData.flow)\"></processFlow>\r\n <div\r\n v-else\r\n style=\"\r\n height: 100px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \"\r\n >\r\n 暂无数据\r\n </div>\r\n </template>\r\n <template v-else>\r\n <div :style=\"`min-height: ${tabheight}px;`\">\r\n <slot\r\n v-if=\"item.slot\"\r\n :name=\"item.slot\"\r\n :taskNode=\"getTaskNode()\"\r\n ></slot>\r\n <slot v-else name=\"default\" :taskNode=\"getTaskNode()\"></slot>\r\n </div>\r\n </template>\r\n </el-tab-pane>\r\n <!-- <el-tab-pane label=\"流程图\" name=\"2\" style=\"height: 100%\">\r\n </el-tab-pane> -->\r\n <!-- <el-tab-pane label=\"审批记录\" name=\"3\">\r\n <el-table\r\n :data=\"taskCommentList\"\r\n border\r\n style=\"width: 100%; margin-bottom: 20px\"\r\n v-if=\"taskCommentList && taskCommentList.length > 0\"\r\n >\r\n <el-table-column type=\"index\" width=\"80\" label=\"序号\" />\r\n <el-table-column\r\n prop=\"activityName\"\r\n label=\"节点名称\"\r\n ></el-table-column>\r\n <el-table-column\r\n prop=\"createUserName\"\r\n label=\"审批人\"\r\n ></el-table-column>\r\n <el-table-column\r\n prop=\"actionName\"\r\n label=\"审批操作\"\r\n ></el-table-column>\r\n <el-table-column prop=\"msg\" label=\"审批意见\">\r\n <template #default=\"scope\">\r\n <div v-html=\"scope.row.msg\"></div>\r\n <el-popover\r\n placement=\"bottom-end\"\r\n :width=\"500\"\r\n trigger=\"click\"\r\n v-if=\"scope.row.metaAnnexList.length > 0\"\r\n >\r\n <template #reference>\r\n <div class=\"view-file\">查看附件</div>\r\n </template>\r\n <ViewFile\r\n v-if=\"scope.row.metaAnnexList\"\r\n :dataList=\"scope.row.metaAnnexList\"\r\n />\r\n </el-popover>\r\n </template>\r\n </el-table-column>\r\n <el-table-column\r\n prop=\"createDate\"\r\n label=\"审批时间\"\r\n ></el-table-column>\r\n </el-table>\r\n <div\r\n v-else\r\n style=\"\r\n height: 100px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \"\r\n >\r\n 暂无数据\r\n </div>\r\n </el-tab-pane> -->\r\n </el-tabs>\r\n </div>\r\n </template>\r\n <!-- 底部按钮 -->\r\n <processBtns\r\n :loading=\"submitLoading\"\r\n :button-list=\"processData.button\"\r\n :userId=\"userId\"\r\n :process=\"processData.process\"\r\n :comment=\"comment\"\r\n @draft=\"handleDraft({ taskId: process.taskId, variables: form })\"\r\n @examine=\"handleExamine\"\r\n @user-select=\"handleUserSelect\"\r\n @print=\"handlePrint\"\r\n @rollback=\"handleRollbackTask\"\r\n @terminate=\"handleTerminateProcess\"\r\n @withdraw=\"handleWithdrawTask\"\r\n @reminders=\"handleReminders\"\r\n @circulate=\"handleCirculate\"\r\n ></processBtns>\r\n <div class=\"dialog\">\r\n <el-dialog\r\n :visible.sync=\"dialogVisibleOperation\"\r\n append-to-body\r\n class=\"dialog\"\r\n width=\"600px\"\r\n v-dialogDrag\r\n :title=\"operationLabel\"\r\n :close-on-click-modal=\"false\"\r\n :show-close=\"!isOperLoading\"\r\n :before-close=\"cancelHandlerFn\"\r\n top=\"6vh\" :style=\"dynamicStyle\"\r\n >\r\n <div class=\"operation-box\" ref=\"obRef\">\r\n <component\r\n v-if=\"dialogVisibleOperation\"\r\n ref=\"operationRef\"\r\n :is=\"operationCom\"\r\n :param=\"operationParam\"\r\n @success=\"operationSuccess\"\r\n @fail=\"operationFail\"\r\n :isOperLoading=\"isOperLoading\"\r\n >\r\n <template #form>\r\n <slot :name=\"aftClickBtn.slot\" v-if=\"aftClickBtn.slot\"></slot>\r\n </template>\r\n <template #file>\r\n <el-form\r\n label-width=\"120px\"\r\n status-icon\r\n v-if=\"attachShow\"\r\n @submit.native.prevent\r\n :rules=\"rules\"\r\n >\r\n <el-form-item\r\n label=\"附件\"\r\n :prop=\"attachRule.required ? 'attach' : ''\"\r\n >\r\n <jyr-file-upload\r\n v-model=\"attach\"\r\n :multiple=\"attachRule.limit > 0\"\r\n :limit=\"attachRule.limit\"\r\n fullFileObject\r\n showFileName\r\n ref=\"fileUpload\"\r\n />\r\n </el-form-item>\r\n </el-form>\r\n </template>\r\n </component>\r\n </div>\r\n\r\n <template #footer>\r\n <el-button\r\n v-loading\r\n type=\"primary\"\r\n @click=\"onClickOperation\"\r\n :loading=\"isOperLoading\"\r\n >确 定</el-button\r\n >\r\n <el-button\r\n v-loading\r\n @click=\"cancelHandlerFn\"\r\n :loading=\"isOperLoading\"\r\n >取 消</el-button\r\n >\r\n </template>\r\n </el-dialog>\r\n <!-- 选择任务 -->\r\n <el-dialog\r\n title=\"选择处理任务\"\r\n :visible.sync=\"showMulTask\"\r\n append-to-body\r\n :close-on-click-modal=\"false\"\r\n width=\"500px\"\r\n :show-close=\"false\"\r\n >\r\n <el-form ref=\"form\" label-width=\"100px\" class=\"task\">\r\n <el-form-item label=\"请选择：\" prop=\"content\">\r\n <el-radio-group v-model=\"mulTaskTaskId\" size=\"small\">\r\n <el-radio\r\n v-for=\"item in mulTaskList\"\r\n :key=\"item.nodeId\"\r\n :label=\"item.taskId\"\r\n border\r\n >{{ item.nodeName }}</el-radio\r\n >\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-form>\r\n <div class=\"dialog-footer\">\r\n <el-button type=\"primary\" @click=\"onCheckSure\">确定</el-button>\r\n </div>\r\n </el-dialog>\r\n <el-dialog\r\n :visible.sync=\"nodeInfoVisible\"\r\n append-to-body\r\n width=\"600px\"\r\n title=\"流程节点信息\"\r\n :modal=\"false\"\r\n :close-on-click-modal=\"false\"\r\n v-dialogDrag\r\n >\r\n <el-table :data=\"filterFlow(processData.flow)\" border>\r\n <el-table-column\r\n label=\"序号\"\r\n type=\"index\"\r\n width=\"120px\"\r\n ></el-table-column>\r\n <el-table-column prop=\"historyActivityName\" label=\"节点名称\"></el-table-column>\r\n <!-- <el-table-column prop=\"type\" label=\"类型\"></el-table-column> -->\r\n <el-table-column\r\n prop=\"assigneeName\"\r\n label=\"审批人\"\r\n ></el-table-column>\r\n </el-table>\r\n </el-dialog>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { Message as ElMessage, MessageBox as ElMessageBox } from \"element-ui\";\r\nimport treeselect from \"@riophae/vue-treeselect\";\r\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\r\nimport api from \"./api\";\r\nimport * as $enum from \"./enum\";\r\nimport staffTree from \"./staff-tree.vue\";\r\nimport ViewFile from \"./view-file.vue\";\r\nimport * as operation from \"./operation/index.js\";\r\nimport JyrFileUpload from \"../JyrFileUpload/index\";\r\nimport processBtns from \"./operation/processBtns.vue\";\r\nimport processFlow from \"./operation/processFlow.vue\";\r\nimport bpmnLook from './bpmnLook.vue';\r\nimport dayjs from \"dayjs\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n components: { bpmnLook, processBtns, processFlow, treeselect, staffTree, ...operation, ViewFile, JyrFileUpload },\r\n props: {\r\n /** 流程实例id */\r\n taskId: {\r\n // require: true,\r\n default: false,\r\n type: String,\r\n },\r\n processId: {\r\n require: true,\r\n default: false,\r\n type: String,\r\n },\r\n // processDefId: {\r\n // require: false,\r\n // default: false,\r\n // type: String,\r\n // },\r\n userId: { require: true, default: \"\", type: String },\r\n // task: {\r\n // default: false,\r\n // type: Object,\r\n // },\r\n showBtns: {\r\n default: true,\r\n type: Boolean,\r\n },\r\n isView: {\r\n default: false,\r\n type: Boolean,\r\n },\r\n getVars: { type: Function },\r\n before: { type: Function },\r\n isAlis: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n isAdditional: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n businessData: {\r\n type: Object,\r\n default: undefined,\r\n },\r\n excludeBtn: {\r\n type: String,\r\n default: \"\",\r\n },\r\n showAsPlanned: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n showCommIdea: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n commentMsgRequired: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n customBtn: {\r\n default: \"\",\r\n },\r\n tabs: {\r\n default: () => [\r\n {\r\n name: \"基本信息\",\r\n slot: \"\",\r\n },\r\n {\r\n name: \"流程图\",\r\n slot: \"\",\r\n },\r\n {\r\n name: \"审批记录\",\r\n slot: \"\",\r\n },\r\n ],\r\n },\r\n personType: {\r\n default: \"\",\r\n },\r\n personEntity: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n isButton: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n },\r\n provide() {\r\n return {\r\n isAlisInject: this.isAlis,\r\n };\r\n },\r\n // emits: ['update:modelValue', \"getData\", \"change\", \"changeGetData\"],\r\n data() {\r\n return {\r\n // 流程信息\r\n deptId: '',\r\n initProcessData: {\r\n button: [],\r\n flow: [],\r\n form: {},\r\n process: {},\r\n },\r\n processData: {\r\n button: [],\r\n flow: [],\r\n form: {},\r\n process: {},\r\n },\r\n submitLoading: false,\r\n flowChartVisible: false,\r\n comment: null,\r\n // 流程信息\r\n dynamicMaxHeight: '400px',\r\n showMulTask: false,\r\n mulTaskList: [],\r\n mulTaskTaskId: \"\",\r\n attach: [],\r\n customBtns: [],\r\n overheight: 10,\r\n iframeHeight: 500,\r\n mainWidth: 0,\r\n absoluteTaskId: \"\",\r\n infoView: false,\r\n showTopTabs: false,\r\n buttonLoading: false,\r\n footBtnLoading: true,\r\n tabheight: 400,\r\n aftClickBtn: \"\",\r\n attachRule: {\r\n required: true,\r\n limit: 0,\r\n },\r\n nodeInfoVisible: false,\r\n nodeInfoList: [],\r\n jjForm: {\r\n saveMetaAnnexCmdList: [],\r\n },\r\n targetUID: \"\",\r\n commentMsg: \"\",\r\n trackUrl: \"\",\r\n taskObj: {},\r\n taskCommentList: [],\r\n absoluteBtns: { inside: [], outside: [] },\r\n processStatus: \"\",\r\n nextTaskNode: [],\r\n activeName: \"基本信息\",\r\n ProcessInsObj: {},\r\n outGatewayUserTaskModel: [],\r\n dialogVisibleOperation: false,\r\n operationLabel: \"\",\r\n operationCom: {},\r\n operationParam: {},\r\n taskNode: [],\r\n aftTaskNode: {},\r\n operation,\r\n Enum: $enum,\r\n isOperLoading: false,\r\n boxLoading: false,\r\n rules: {\r\n attach: [{ required: true, trigger: \"change\" }],\r\n },\r\n\t noReload: false,\r\n digitalSignatureList: []\r\n };\r\n },\r\n mounted() {\r\n window.onresize = () => {\r\n return (() => {\r\n if (this.$refs[\"mianContent\"]) {\r\n this.mainWidth = this.$refs[\"mianContent\"].offsetWidth;\r\n }\r\n })();\r\n };\r\n },\r\n watch: {\r\n activeName: function (n) {\r\n if (n == 1) this.activeName = \"基本信息\";\r\n },\r\n infoView: function () {\r\n this.calculateHeight();\r\n },\r\n taskId: {\r\n handler(val) {\r\n if (!val) return;\r\n this.absoluteTaskId = val;\r\n },\r\n deep: true,\r\n immediate: true,\r\n },\r\n processId: {\r\n handler(val) {\r\n if (val) {\r\n this.customBtns = [];\r\n this.absoluteBtns = { inside: [], outside: [] };\r\n this.activeName = this.tabs.length > 0 ? this.tabs[0][\"name\"] : \"\";\r\n // 获取流程节点，流程图，流程实例，流程审批\r\n this.getProcessInfo()\r\n if (Date.now()) return;\r\n\r\n api.repository.queryTaskNodeList(this.processId).then((e) => {\r\n\t\t\t if(!this.noReload){\r\n\t\t\t\t this.noReload = false\r\n\t\t\t\t if (!this.absoluteTaskId && e.data.length > 1) {\r\n\t\t\t\t this.mulTaskList = e.data;\r\n\t\t\t\t this.showMulTask = true;\r\n\t\t\t\t return;\r\n\t\t\t\t } else {\r\n\t\t\t\t this.absoluteTaskId =\r\n\t\t\t\t e.data && e.data.length > 0 ? e.data[0][\"taskId\"] : \"\";\r\n\t\t\t\t this.aftTaskNode = e.data[0];\r\n\t\t\t\t }\r\n\t\t\t }\r\n\r\n console.log(\"======\", this.absoluteTaskId);\r\n if (e.code == $enum.apiCode.success) {\r\n this.taskNode = e.data;\r\n api.pis\r\n .getProcessStatus(this.processId, this.absoluteTaskId)\r\n .then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n this.processStatus = res.data;\r\n if (this.absoluteTaskId) {\r\n api.repository\r\n .getUserTaskModelCmd(this.absoluteTaskId)\r\n .then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n this.taskObj = res.data;\r\n this.straightenBtns();\r\n }\r\n });\r\n } else {\r\n this.straightenBtns();\r\n }\r\n }\r\n });\r\n }\r\n });\r\n\r\n api.repository\r\n .getTrackUrl({ processInstId: val, type: $enum.SourceType.电脑端 })\r\n .then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n if (window.location.protocol == \"https:\") {\r\n if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://121.40.143.183:80/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://121.40.143.183/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://acme-aws.ddzg.cn/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://59.53.91.231:8088/\",\r\n \"https://acme-test.ddzg.cn:2119/\"\r\n )\r\n } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://59.53.91.230:8088/\",\r\n \"https://kq.ddzg.cn:8093/\"\r\n )\r\n } else {\r\n this.trackUrl = res.data\r\n }\r\n } else {\r\n this.trackUrl = res.data;\r\n }\r\n }\r\n });\r\n api.tis.getTaskCommentList(this.processId, \"\").then((res) => {\r\n this.taskCommentList = res.data;\r\n this.digitalSignatureList = res.data.filter(item => item.digitalSignature).map(item => item.digitalSignature)\r\n });\r\n api.pis.getProcessInstanceById(this.processId).then((res) => {\r\n this.ProcessInsObj = res.data;\r\n this.$nextTick(() => {\r\n this.calculateHeight();\r\n });\r\n });\r\n\r\n // api.repository.queryTaskNodeList(this.processId).then((res) => {\r\n // if (res.code == $enum.apiCode.success) this.taskNode = res.data;\r\n // });\r\n }\r\n },\r\n immediate: true,\r\n //这个参数代表监听对象时，可以监听深度嵌套的对象属性\r\n deep: true,\r\n },\r\n absoluteTaskId: {\r\n handler(val) {\r\n if (val) {\r\n }\r\n },\r\n immediate: true,\r\n //这个参数代表监听对象时，可以监听深度嵌套的对象属性\r\n deep: true,\r\n },\r\n dialogVisibleOperation: {\r\n handler(val) {\r\n this.$emit(\"show-modal\", val);\r\n },\r\n },\r\n },\r\n methods: {\r\n // 流程\r\n formatFlow(flow) {\r\n const newFlow = (flow || []).map(item => {\r\n return {\r\n ...item,\r\n attachmentsFujian: (item.attachments || []).filter(i => i.type != 'signature'),\r\n attachmentsQianzi: (item.attachments || []).filter(i => i.type == 'signature'),\r\n }\r\n })\r\n return newFlow\r\n },\r\n cancelHandlerFn(){\r\n this.dialogVisibleOperation = false\r\n this.submitLoading = false\r\n },\r\n filterFlow(flowArr) {\r\n return flowArr.filter((item) => {\r\n return ['userTask', 'candidate'].includes(item.historyActivityType)\r\n });\r\n },\r\n getProcessInfo() {\r\n this.submitLoading = true\r\n this.boxLoading = true;\r\n\r\n api.tis.getTaskModelDetail(this.taskId ? {\r\n processInstId: this.processId,\r\n taskId: this.taskId,\r\n } : {\r\n processInstId: this.processId,\r\n }).then(async res => {\r\n if (res.code == 200) {\r\n this.processData = {\r\n ...this.initProcessData,\r\n ...(res.data || {}),\r\n };\r\n const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n this.deptId = deptId\r\n const taskId = (this.processData.process || {}).taskId\r\n this.absoluteTaskId = taskId\r\n console.log(deptId, 'id')\r\n\r\n console.log(this.processData.flow, 'flw')\r\n this.flowChartVisible = true\r\n this.submitLoading = false\r\n this.boxLoading = false\r\n }\r\n })\r\n },\r\n // 通过部门id获取流程节点的人员\r\n getUserDataByDeptId() {\r\n this.processList.map(async (item, index) => {\r\n console.log(item, 'item')\r\n const nodeUserParams = getNodeUserParams(item)\r\n let res\r\n try {\r\n res = await this.getNodeUser({\r\n deptId: this.deptId,\r\n intersection: nodeUserParams.intersection ? 1 : 0,\r\n userIds: nodeUserParams.userIds,\r\n postIds: nodeUserParams.postIds,\r\n deptIds: nodeUserParams.deptIds,\r\n })\r\n } catch (error) {\r\n console.log(error, 'error')\r\n }\r\n if (res.code == Enum.apiCode.success) {\r\n const l = this.processList[index]\r\n l.userList = res.data\r\n this.$set(this.processList, index, l)\r\n\r\n }\r\n // console.log(user, 'user', index)\r\n })\r\n },\r\n handleDraft() {\r\n this.submitLoading = true;\r\n },\r\n // 提交（办理）true、取消申请 false\r\n handleExamine(flag, name) {\r\n console.log(flag, 'flag')\r\n if (flag) {\r\n this.handlePass(name)\r\n } else {\r\n this.handleCancel(name)\r\n }\r\n this.submitLoading = true;\r\n },\r\n // 办理\r\n async handlePass(name) {\r\n if (this.deptId) {\r\n await this.getNextNode(this.deptId)\r\n }\r\n if (this.before) {\r\n this.before().then(() => {\r\n this.showOperation(operation.complete, name);\r\n });\r\n } else {\r\n this.showOperation(operation.complete, name);\r\n }\r\n },\r\n // 取消申请\r\n handleCancel(name) {\r\n this.showOperation(operation.cancel, name);\r\n },\r\n // 转办transfer，委托delegate，addInstance\r\n handleUserSelect({ type, checkType, name}) {\r\n if (type == 'transfer') {\r\n this.handleTransfer(name)\r\n }\r\n else if (type == 'addInstance') {\r\n this.handleAddInstance(name)\r\n }\r\n console.log('handleUserselect')\r\n },\r\n // 转办\r\n handleTransfer(name) {\r\n this.showOperation(operation.delegateTask, name);\r\n },\r\n // 加签\r\n handleAddInstance(name) {\r\n this.showOperation(operation.counterSign, name);\r\n },\r\n handlePrint() {\r\n console.log('handlePrint')\r\n },\r\n handleRollbackTask(name) {\r\n console.log('handleRollbackTask')\r\n this.showOperation(operation.roolback, name);\r\n },\r\n handleTerminateProcess() {\r\n console.log('handleTerminateProcess')\r\n },\r\n // 传阅\r\n handleCirculate(name) {\r\n console.log('handleCirculate')\r\n this.showOperation(operation.ccTask, name);\r\n },\r\n // 撤销，撤回\r\n handleWithdrawTask(name) {\r\n console.log('handleWithdrawTask')\r\n this.handleRevoke();\r\n // this.showOperation(operation.withdrawTask, '请选择撤销/撤回操作');\r\n },\r\n // 流程\r\n findTargetHtml(startNode, targetClass, searchKey = 'parentElement') {\r\n\t\t\t\tif (!startNode) return null\r\n \t\t\tif (startNode.classList.contains(targetClass)) {\r\n \t\t\treturn startNode\r\n \t\t\t}\r\n \t\t\tlet curEl = startNode[searchKey]\r\n \t\t\tif (!curEl) return null\r\n \t\t\tif (searchKey == 'children') {\r\n \t\t\tfor (let i = 0; i <= curEl.length - 1; i++) {\r\n \t\t\tif (curEl[i].classList.contains(targetClass)) {\r\n \t\t\treturn curEl[i]\r\n \t\t\t}\r\n \t\t\t}\r\n \t\t\treturn\r\n \t\t\t}\r\n \t\t\treturn this.findTargetHtml(curEl, targetClass)\r\n\t\t\t},\r\n findImageIndex(item){\r\n return item ? this.digitalSignatureList.findIndex(i => i == item) : -1\r\n },\r\n onCheckSure() {\r\n this.absoluteTaskId = this.mulTaskTaskId;\r\n this.mulTaskList.map((item) => {\r\n if (item.taskId == this.mulTaskTaskId) {\r\n this.aftTaskNode = item;\r\n }\r\n });\r\n\t this.noReload = true\r\n this.showMulTask = false;\r\n this.footBtnLoading = true;\r\n let temp = this.processId;\r\n this.processId = \"\";\r\n this.processId = temp;\r\n },\r\n showButtonLoading() {\r\n this.buttonLoading = true;\r\n },\r\n hideButtonLoading() {\r\n this.buttonLoading = false;\r\n },\r\n calculateHeight() {\r\n let h = 0;\r\n if (this.$refs[\"footBtnRow\"]) {\r\n h += this.$refs[\"footBtnRow\"].offsetHeight;\r\n }\r\n if (this.$refs[\"mianContent\"]) {\r\n this.mainWidth = this.$refs[\"mianContent\"].offsetWidth;\r\n }\r\n if (this.infoView && this.absoluteBtns.outside.length > 0) {\r\n h += 32;\r\n }\r\n if (this.$refs[\"infoBoxFign\"]) {\r\n let windowHeight =\r\n window.innerHeight ||\r\n document.documentElement.clientHeight ||\r\n document.body.clientHeight;\r\n this.tabheight =\r\n windowHeight - this.$refs[\"infoBoxFign\"].offsetTop - 192;\r\n }\r\n this.overheight = h + 116;\r\n this.iframeHeight = this.$refs[\"mianContent\"].offsetHeight - 146;\r\n },\r\n getNodeList() {\r\n this.nodeInfoVisible = true;\r\n // api.pis.findNodeParticipantRows(this.processId).then((e) => {\r\n \r\n // e.data.map((item) => {\r\n // if (item.type == \"串签\" || item.type == \"并签\") {\r\n // item[\"name\"] += `【${item.type}】`;\r\n // }\r\n // });\r\n // this.nodeInfoList = e.data;\r\n // });\r\n },\r\n fileNameLastof(e, len = 0) {\r\n if (e.indexOf(\"http\") == -1) len = 0;\r\n if (!e) return;\r\n let last = \"/\";\r\n if (e.indexOf(\"\\\\\") != -1) {\r\n last = \"\\\\\";\r\n }\r\n //整理文件名\r\n let filename = e;\r\n let lastindex = filename.lastIndexOf(last);\r\n return filename.substr(lastindex + 1 + len, filename.length);\r\n },\r\n clickCustomButton(name) {\r\n this.$emit(\"clickCustomButton\", {\r\n name,\r\n processStatus: this.processStatus,\r\n setName: (label) => {\r\n this.taskObj.buttons.map((item) => {\r\n if (item.label == name) {\r\n item.label = label;\r\n }\r\n });\r\n this.straightenBtns();\r\n },\r\n });\r\n },\r\n // 获取下一个节点数据\r\n async getNextNode(deptId) {\r\n let res1\r\n try {\r\n res1 = await api.tis.simulation(\r\n this.absoluteTaskId,\r\n this.processId,\r\n );\r\n } catch (e) {\r\n console.error(e)\r\n res1 = {}\r\n }\r\n const nextTaskNode = res1.data || {};\r\n console.log(nextTaskNode, 'next')\r\n if (nextTaskNode.id && !nextTaskNode.setPersonnel) {\r\n const nodeUserParams = getNodeUserParams(nextTaskNode)\r\n let res\r\n try {\r\n res = await this.getNodeUser({\r\n // 需要传入部门id\r\n deptId: deptId,\r\n intersection: nodeUserParams.intersection ? 1 : 0,\r\n userIds: nodeUserParams.userIds,\r\n postIds: nodeUserParams.postIds,\r\n deptIds: nodeUserParams.deptIds,\r\n })\r\n } catch (error) {\r\n console.log(error, 'error')\r\n }\r\n if (res.code == $enum.apiCode.success) {\r\n nextTaskNode.userList = res.data\r\n }\r\n }\r\n this.nextTaskNode = nextTaskNode\r\n console.log(nextTaskNode, 'getNextNode')\r\n },\r\n // 获取节点的人员\r\n async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n return await api.user.getTaskAuditor({\r\n deptId,\r\n intersection,\r\n userIds,\r\n postIds,\r\n deptIds\r\n })\r\n },\r\n async showOperation(com, label) {\r\n this.attach = [];\r\n if (false && this.processStatus.allUserNames.length > 0) {\r\n if (this.absoluteTaskId) {\r\n let vars;\r\n if (this.getVars) {\r\n vars = this.getVars();\r\n if (vars === false) {\r\n return false;\r\n }\r\n }\r\n let res = await api.tis.simulation(\r\n this.absoluteTaskId,\r\n this.processId,\r\n vars\r\n );\r\n if (res.code == $enum.apiCode.success) {\r\n for (var i in res.data) {\r\n if (\r\n res.data[i][\"type\"] != \"endEvent\" &&\r\n (res.data[i].userTaskModelDTO.humanPerformer.name ==\r\n \"固定账户\" ||\r\n res.data[i].userTaskModelDTO.humanPerformer.name ==\r\n \"与流程申请人相关\")\r\n ) {\r\n await api.repository\r\n .getParticipantsOfPerformerNames(this.absoluteTaskId, [\r\n res.data[i].id,\r\n ])\r\n .then((e) => {\r\n res.data[i].userTaskModelDTO.routeTxt[\"userNames\"] =\r\n e.data[res.data[i].id];\r\n });\r\n }\r\n }\r\n\r\n this.nextTaskNode = res.data;\r\n } else {\r\n this.nextTaskNode = [];\r\n this.outGatewayUserTaskModel = await this.getOutgoingProcessNode(\r\n this.absoluteTaskId,\r\n \"\"\r\n );\r\n }\r\n }\r\n }\r\n this.operationLabel = label;\r\n // this.operationParam = new operation.PorpParam(\"\", this.processId, this.processDefId, this.task.id, this.task.activityDefId);\r\n this.operationParam.processInstId = this.processId;\r\n // this.operationParam.processDefId = this.processDefId;\r\n this.operationParam.taskInstId = this.absoluteTaskId;\r\n // this.operationParam.taskDeftId = this.task.activityDefId;\r\n this.operationParam.nextTaskNode = this.nextTaskNode;\r\n this.operationParam.variables = (this.processData.process || {}).variables || {}\r\n this.operationParam.extendedProperties = (this.processData.form || {}).extendedProperties || []\r\n this.operationParam.taskObj = this.taskObj;\r\n this.operationParam.getVars = this.getVars;\r\n this.operationParam.outGatewayUserTaskModel =\r\n this.outGatewayUserTaskModel;\r\n this.operationParam.taskNode = this.getTaskNode();\r\n this.operationParam.businessData = this.businessData;\r\n this.operationParam.showAsPlanned = this.showAsPlanned;\r\n this.operationParam.showCommIdea = this.showCommIdea;\r\n this.operationParam.commentMsgRequired = this.commentMsgRequired;\r\n this.operationParam.personType = this.personType;\r\n this.operationParam.personEntity = {\r\n ...this.personEntity,\r\n ...(this.aftClickBtn.personEntity || {}),\r\n };\r\n this.operationParam.ProcessInsObj = this.ProcessInsObj;\r\n this.operationCom = com;\r\n this.dialogVisibleOperation = true;\r\n this.$nextTick(() => {\r\n \t\tlet ctnEl = this.$refs.obRef\r\n\t\t\t\tconsole.log(ctnEl, this.$refs);\r\n \t\tif (!ctnEl) return \r\n \t\tlet topDistance = ctnEl.getBoundingClientRect().top\r\n \t\tlet dialogEl = this.findTargetHtml(ctnEl, 'el-dialog')\r\n \t\tlet dialogFootEl = this.findTargetHtml(dialogEl, 'el-dialog__footer', 'children')\r\n \t\t// 视口高度 - margin - head - footer\r\n \t\tlet val = window.innerHeight - topDistance - topDistance - dialogFootEl.clientHeight - 32\r\n \t\tthis.dynamicMaxHeight = `${val}px`\r\n \t\t})\r\n },\r\n onClickOperation() {\r\n if (\r\n this.attachShow &&\r\n this.attachRule.required &&\r\n this.attach.length == 0\r\n ) {\r\n return ElMessage.error(\"请上传附件\");\r\n }\r\n if (this.aftClickBtn.preposition) {\r\n this.operationMain(this.aftClickBtn.preposition);\r\n } else {\r\n this.operationMain();\r\n }\r\n\r\n // if (this.$refs[\"fileUpload\"] && this.$refs[\"fileUpload\"].getLoading()) {\r\n // return ElMessage.error(\"请等待附件上传完成后重试\");\r\n // }\r\n },\r\n operationMain(preposition = false) {\r\n let saveMetaAnnexCmdList\r\n if (this.attachShow) {\r\n saveMetaAnnexCmdList = [];\r\n this.attach.map((item) => {\r\n saveMetaAnnexCmdList.push({\r\n id: item.id,\r\n name: this.fileNameLastof(item.name),\r\n size: item.fileSize,\r\n format: item.fileType,\r\n url: item.url,\r\n uploadTime: item.createTime,\r\n processInstId: this.operationParam.processInstId,\r\n taskInstId: this.operationParam.taskInstId,\r\n });\r\n });\r\n saveMetaAnnexCmdList = saveMetaAnnexCmdList.sort((a, b) => {\r\n return dayjs(a.uploadTime).valueOf() > dayjs(b.uploadTime).valueOf();\r\n });\r\n // api.tis.patchSave({\r\n // saveMetaAnnexCmdList,\r\n // });\r\n }\r\n\r\n if (this.$refs.operationRef) {\r\n this.$refs.operationRef.confirm(preposition, () => {\r\n this.isOperLoading = true;\r\n }, saveMetaAnnexCmdList);\r\n }\r\n },\r\n operationSuccess(isComplete = true) {\r\n ElMessage.success(\"操作成功\");\r\n this.dialogVisibleOperation = false;\r\n // router.go(0);\r\n if (isComplete) this.$emit(\"Complete\");\r\n this.isOperLoading = false;\r\n },\r\n operationFail(msg = \"\") {\r\n msg && ElMessage.warning(msg);\r\n this.isOperLoading = false;\r\n },\r\n async getOutgoingProcessNode(taskId, processNodeId) {\r\n let res = await api.repository.getOutgoingProcessNode(\r\n taskId,\r\n processNodeId\r\n );\r\n if (res.code == $enum.apiCode.success) {\r\n if (res.data) {\r\n for (let i = 0; i < res.data.length; i++) {\r\n let o = res.data[i];\r\n if (o.type != $enum.ProcessNodeType.用户任务) {\r\n o.childNode = await this.getOutgoingProcessNode(taskId, o.id);\r\n if (o.incomingConditionItemList.length !== 0) {\r\n // o.childNode.push(o);\r\n }\r\n }\r\n if (\r\n res.data[i][\"type\"] != \"endEvent\" &&\r\n (res.data[i].humanPerformerName == \"固定账户\" ||\r\n res.data[i].humanPerformerName == \"与流程申请人相关\")\r\n ) {\r\n await api.repository\r\n .getParticipantsOfPerformerNames(taskId, [res.data[i].id])\r\n .then((e) => {\r\n res.data[i][\"routeTxt\"][\"userNames\"] = e.data[res.data[i].id];\r\n });\r\n }\r\n }\r\n\r\n if (res.data.length == 0) {\r\n res.data.push({\r\n id: \"\",\r\n incomingConditionItemList: [],\r\n type: \"endEvent\",\r\n name: \"结束事件\",\r\n });\r\n }\r\n }\r\n return res.data;\r\n }\r\n return [];\r\n },\r\n getColor(status) {\r\n if (status == \"审核中\" || status == \"审批中\") return \"#6DC743\";\r\n if (status == \"已驳回\") return \"#F14B4C\";\r\n if (status == \"已撤销\") return \"#CECECE\";\r\n if (status == \"已完成\") return \"#6DC743\";\r\n\r\n return \"#1389FF\";\r\n },\r\n handleClick(e) {\r\n this.$emit(\"clickTab\",JSON.parse(JSON.stringify(e.$vnode.data.attrs.item)));\r\n },\r\n getTaskNode() {\r\n if (this.taskNode.filter)\r\n return this.taskNode.filter((o) => {\r\n return o.nodeId == this.taskObj.id;\r\n });\r\n return [];\r\n },\r\n handleRevoke() {\r\n ElMessageBox.confirm(`确定撤销吗`, \"撤销\", {\r\n confirmButtonText: \"确定\",\r\n cancelButtonText: \"取消\",\r\n type: \"warning\",\r\n })\r\n .then(() => {\r\n api.tis\r\n .withdrawTask(this.processData.process.processInstanceId)\r\n .then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n ElMessage.success(\"操作成功\");\r\n this.$emit(\"Complete\");\r\n }\r\n // else {\r\n // ElMessage.warning(res.msg);\r\n // }\r\n });\r\n })\r\n .catch(() => {\r\n ElMessage.info(\"取消操作\");\r\n });\r\n },\r\n handleReminders() {\r\n console.log(ElMessageBox);\r\n ElMessageBox.confirm(`确定催办吗`, \"催办\", {\r\n confirmButtonText: \"确定\",\r\n cancelButtonText: \"取消\",\r\n type: \"warning\",\r\n })\r\n .then(() => {\r\n api.tis.reminders(this.processData.process.processInstanceId).then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n ElMessage.success(\"操作成功\");\r\n this.$emit(\"Complete\");\r\n }\r\n // else {\r\n // ElMessage.warning(res.msg);\r\n // }\r\n });\r\n })\r\n .catch((e) => {\r\n ElMessage.info(\"取消操作\");\r\n });\r\n },\r\n operBtn() {\r\n let btnList = [];\r\n let flag =\r\n this.taskNode &&\r\n this.taskNode.length > 0 &&\r\n this.aftTaskNode.taskState != $enum.TaskState.不处理;\r\n\r\n // 加签\r\n if (flag && !this.isView && this.taskObj.counterSignLabel) {\r\n let obj = {};\r\n obj.name = this.taskObj.counterSignLabel;\r\n obj.btnProps = { type: \"primary\" };\r\n obj.key = \"sign\";\r\n obj.click = () => {\r\n this.showOperation(operation.counterSign, obj.name);\r\n };\r\n btnList.push(obj);\r\n }\r\n // 转办\r\n if (flag && !this.isView && this.taskObj.delegateTaskButtonLabel) {\r\n let obj = {};\r\n obj.name = this.taskObj.delegateTaskButtonLabel;\r\n obj.key = \"delegate\";\r\n obj.click = () => {\r\n this.showOperation(operation.delegateTask, obj.name);\r\n };\r\n btnList.push(obj);\r\n }\r\n // 传阅\r\n if (flag && !this.isView && this.taskObj.ccTaskButtonLabel) {\r\n let obj = {};\r\n obj.name = this.taskObj.ccTaskButtonLabel;\r\n obj.btnProps = { type: \"primary\" };\r\n obj.key = \"cc\";\r\n obj.click = () => {\r\n this.showOperation(operation.ccTask, obj.name);\r\n };\r\n btnList.push(obj);\r\n }\r\n // 催办\r\n if (\r\n this.processId &&\r\n this.processStatus.createTopUserId == this.userId &&\r\n ((this.taskNode.length > 0 &&\r\n this.aftTaskNode.taskState != $enum.TaskState.抄送) ||\r\n this.processStatus.status == \"审批中\")\r\n ) {\r\n let obj = {};\r\n obj.name = \"催办\";\r\n // obj.btnProps = { color: \"#1389ff\" };\r\n obj.key = \"self\";\r\n obj.click = () => {\r\n this.handleReminders();\r\n };\r\n btnList.push(obj);\r\n }\r\n // 撤销\r\n if (\r\n this.processId &&\r\n this.processStatus.createTopUserId == this.userId &&\r\n ((this.taskNode.length > 0 &&\r\n this.aftTaskNode.taskState != $enum.TaskState.抄送) ||\r\n this.processStatus.status == \"审批中\")\r\n ) {\r\n let obj = {};\r\n obj.name = \"撤销\";\r\n obj.btnProps = { type: \"danger\" };\r\n obj.key = \"self\";\r\n obj.click = () => {\r\n this.handleRevoke();\r\n };\r\n btnList.push(obj);\r\n }\r\n // if (\r\n // flag &&\r\n // !this.isView &&\r\n // this.taskObj &&\r\n // this.taskObj.buttons &&\r\n // this.taskObj.buttons.find((o) => o.label == \"退回\")\r\n // ) {\r\n // let obj = {};\r\n // obj.name = \"退回\";\r\n // obj.btnProps = { type: \"danger\" };\r\n // obj.key = \"back\";\r\n // obj.click = () => {\r\n // this.showOperation(operation.roolback, obj.name);\r\n // };\r\n // btnList.push(obj);\r\n // }\r\n\r\n // 拒绝\r\n if (flag && !this.isView && this.processStatus.currUserName) {\r\n let obj = {};\r\n obj.name = \"拒绝\";\r\n obj.btnProps = { type: \"danger\" };\r\n obj.key = \"refuse\";\r\n obj.click = () => {\r\n this.showOperation(operation.cancel, obj.name);\r\n };\r\n btnList.push(obj);\r\n }\r\n // 办理\r\n if (flag && !this.isView && this.taskObj.completeButtonLabel) {\r\n let obj = {};\r\n obj.name = this.taskObj.completeButtonLabel;\r\n obj.btnProps = { type: \"primary\" };\r\n obj.key = \"complete\";\r\n obj.click = () => {\r\n if (this.before) {\r\n this.before().then(() => {\r\n this.showOperation(operation.complete, obj.name);\r\n });\r\n } else {\r\n this.showOperation(operation.complete, obj.name);\r\n }\r\n };\r\n btnList.push(obj);\r\n }\r\n // 退回\r\n if (\r\n flag &&\r\n !this.isView &&\r\n this.taskObj &&\r\n this.taskObj.buttons.length > 0\r\n ) {\r\n this.taskObj.buttons.map((item) => {\r\n let obj = {};\r\n obj.name = item.label;\r\n if (item.label == \"退回\") {\r\n obj.btnProps = { type: \"danger\" };\r\n obj.key = \"back\";\r\n obj.click = () => {\r\n this.showOperation(operation.roolback, obj.name);\r\n };\r\n } else {\r\n obj.btnProps = {};\r\n obj.key = item.label;\r\n obj.click = () => {\r\n this.clickCustomButton(obj.name);\r\n };\r\n }\r\n\r\n btnList.unshift(obj);\r\n });\r\n }\r\n\r\n return btnList;\r\n },\r\n straightenBtns(flag = true) {\r\n let list = [];\r\n\r\n if (this.excludeBtn) {\r\n this.operBtn().map((item) => {\r\n if (this.excludeBtn.indexOf(item.key) == -1 || !item.key) {\r\n list.push(item);\r\n }\r\n });\r\n } else {\r\n list = this.operBtn();\r\n }\r\n if (this.customBtns.length > 0) {\r\n list = [];\r\n this.customBtns.map((item) => {\r\n if (this.excludeBtn.indexOf(item.key) == -1 || !item.key) {\r\n list.push(item);\r\n }\r\n });\r\n }\r\n\r\n let r = {\r\n outside: [],\r\n inside: [],\r\n };\r\n if (list.length > 4) {\r\n r.outside = list.splice(list.length - 4, list.length - 1);\r\n r.inside = list;\r\n } else {\r\n r.outside = list;\r\n }\r\n\r\n if (flag && this.customBtn) {\r\n this.customBtn(\r\n { btnList: this.operBtn(), processStatus: this.processStatus },\r\n (e) => {\r\n this.customBtns = e;\r\n this.straightenBtns(false);\r\n },\r\n () => {\r\n this.$emit(\"Complete\");\r\n }\r\n );\r\n console.log(\"=======333\");\r\n } else {\r\n this.absoluteBtns = r;\r\n this.$nextTick(() => {\r\n this.calculateHeight();\r\n this.footBtnLoading = false;\r\n this.boxLoading = false;\r\n });\r\n }\r\n },\r\n },\r\n computed: {\r\n dynamicStyle() {\r\n \t\t\treturn { '--dynamic-ctx-height': this.dynamicMaxHeight }\r\n\t\t\t},\r\n attachShow() {\r\n const extendedProperties = (this.processData.form || {}).extendedProperties || []\r\n\r\n let sign = false;\r\n let fd;\r\n let annex = \"\";\r\n console.error(this.operationLabel, 'operationLabel')\r\n switch (this.operationLabel) {\r\n case \"退回\":\r\n // annex = this.operationParam.taskObj.otherButtonAnnexList;\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'otherButtonAnnexList'\r\n })\r\n annex = fd ? fd.value : ''\r\n if (annex) sign = true;\r\n break;\r\n case \"通过\":\r\n case \"办理\":\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'completeButtonAnnex'\r\n })\r\n annex = fd ? fd.value : ''\r\n if (annex) sign = true;\r\n break;\r\n case \"处理\":\r\n // annex = this.operationParam.taskObj.completeButtonAnnex;\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'completeButtonAnnex'\r\n })\r\n annex = fd ? fd.value : ''\r\n if (annex) sign = true;\r\n break;\r\n case \"同意\":\r\n // annex = this.operationParam.taskObj.completeButtonAnnex;\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'completeButtonAnnex'\r\n })\r\n annex = fd ? fd.value : ''\r\n if (annex) sign = true;\r\n break;\r\n case \"拒绝\":\r\n // annex = this.operationParam.taskObj.otherButtonAnnexList;\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'otherButtonAnnexList'\r\n })\r\n annex = fd ? fd.value : ''\r\n break;\r\n case \"加签\":\r\n // annex = this.operationParam.taskObj.counterSignButtonAnnex;\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'counterSignButtonAnnex'\r\n })\r\n annex = fd ? fd.value : ''\r\n if (annex) sign = true;\r\n break;\r\n case \"转办\":\r\n // annex = this.operationParam.taskObj.delegateTaskButtonAnnex;\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'delegateTaskButtonAnnex'\r\n })\r\n annex = fd ? fd.value : ''\r\n if (annex) sign = true;\r\n break;\r\n }\r\n // 校验自定义按钮\r\n let temp = \"\";\r\n if (typeof annex != \"string\" && annex != null) {\r\n annex.map((item) => {\r\n if (item.indexOf(this.operationLabel) != -1) {\r\n sign = true;\r\n temp = item;\r\n }\r\n });\r\n }\r\n if (temp) annex = temp;\r\n\r\n // 解析数据\r\n if (sign) {\r\n const annexArr = annex.split(\":\");\r\n this.attachRule.required = annexArr[1] == \"true\" ? true : false;\r\n this.attachRule.limit =\r\n annexArr[2] == -1 ? 999 : annexArr[2];\r\n }\r\n return sign;\r\n },\r\n },\r\n};\r\n</script>\r\n<!-- <style >\r\n.demo-tabs {\r\n position: relative;\r\n .el-tabs__header {\r\n position: sticky;\r\n top: 0;\r\n background-color: #fff;\r\n z-index: 1997;\r\n }\r\n}\r\n</style> -->\r\n\r\n<style scoped lang=\"scss\">\r\n.operation-box {\r\n max-height: var(--dynamic-ctx-height);\r\n overflow: auto;\r\n padding-right: 20px;\r\n}\r\n.el-dropdown-menu__item {\r\n min-width: 140px;\r\n border-bottom: 1px solid #e8e8e8;\r\n .el-button--text {\r\n color: #333 !important;\r\n }\r\n &:hover {\r\n .el-button--text {\r\n color: #1389ff !important;\r\n }\r\n }\r\n &:last-child {\r\n border: none !important;\r\n }\r\n}\r\n.el-dropdown-menu {\r\n padding-bottom: 30px;\r\n}\r\n.mianContent {\r\n & > .tabs {\r\n & > .demo-tabs {\r\n & > ::v-deep .el-tabs__header {\r\n position: sticky;\r\n top: -20px;\r\n background-color: #fff;\r\n z-index: 1997;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.top-tabs {\r\n position: fixed;\r\n top: 62px;\r\n background-color: #fff;\r\n right: 0px;\r\n z-index: 1997;\r\n}\r\n.mianContent {\r\n height: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n // margin-top: 20px;\r\n // padding-top: 20px;\r\n // width: 100%;\r\n /* // margin-bottom: 10px; */\r\n // overflow: hidden;\r\n .demo-tabs {\r\n flex: 1;\r\n height: 0;\r\n // height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n ::v-deep .el-tabs__content {\r\n flex: 1;\r\n height: 0;\r\n &::-webkit-scrollbar {\r\n width: 0;\r\n }\r\n }\r\n ::v-deep .el-tab-pane {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n overflow-y: auto;\r\n &.pane-流程图 {\r\n .bpmn-look {\r\n height: 0;\r\n flex: 1;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.mianContent .rowtitle {\r\n /* margin-top: 24px; */\r\n margin-bottom: 16px;\r\n font-size: 16px;\r\n font-weight: bold;\r\n\r\n border-left: 4px solid #1389ff;\r\n padding-left: 9px;\r\n}\r\n\r\n.mianContent .topCard {\r\n overflow: hidden;\r\n /* // border: 1px solid #DADBDE; */\r\n}\r\n\r\n.mianContent .topCard .topRow {\r\n display: flex;\r\n /* // line-height: 46px; */\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 32px;\r\n}\r\n\r\n.mianContent .topCard .topRow div:first-child {\r\n color: #333333;\r\n}\r\n\r\n.mianContent .topCard .topRow div:last-child {\r\n color: #777777;\r\n padding-left: 10px;\r\n}\r\n\r\n.mianContent .topCard .topRow div.process-mliv-dd {\r\n /* // height: 26px; */\r\n min-width: 30px;\r\n padding: 0px 16px;\r\n border-radius: 4px;\r\n background: #1389ff;\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n margin-left: 10px;\r\n}\r\n\r\n.mianContent .tabs {\r\n /* // margin-bottom: 60px; */\r\n height: 0;\r\n flex: 1;\r\n overflow: visible !important;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.mianContent .tabs :deep(.is-active) {\r\n font-size: 16px;\r\n}\r\n\r\n// .mianContent .tabs :deep(.el-tabs__content) {\r\n// height: calc(100% - 55px);\r\n// /* 修改BUGID：1003401 */\r\n// overflow: auto;\r\n// }\r\n.mianContent .tabs :deep(.el-tabs__header) {\r\n position: sticky;\r\n top: 0;\r\n background-color: #fff;\r\n z-index: 1997;\r\n}\r\n\r\n// .mianContent .tabs :deep(.el-tabs__content)::-webkit-scrollbar {\r\n// width: 0;\r\n// }\r\n\r\n.mianContent .topBtnRow {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n height: 100%;\r\n}\r\n\r\n.mianContent .footBtnRow {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n box-sizing: border-box;\r\n // height: 100%;\r\n position: fixed;\r\n bottom: 0;\r\n right: 20px;\r\n height: 50px;\r\n border-top: 1px solid #dadbde;\r\n margin-top: 10px;\r\n background-color: #fff;\r\n z-index: 1001;\r\n .el-button {\r\n min-width: 74px;\r\n height: 36px;\r\n border-radius: 6px;\r\n }\r\n}\r\n\r\n.formInput {\r\n width: 90%;\r\n}\r\n\r\n.dialog :deep(.el-dialog__header) {\r\n padding: 18px 24px;\r\n font-size: 18px;\r\n font-weight: 400;\r\n}\r\n\r\n.dialog ::v-deep.el-dialog__body {\r\n border-top: 1px solid #dadbde;\r\n border-bottom: 1px solid #dadbde;\r\n overflow: visible;\r\n padding-right: 10px;\r\n}\r\n\r\n.dialog :deep(.el-dialog__footer) {\r\n padding: 12px;\r\n text-align: center;\r\n}\r\n.dialog {\r\n .el-dialog__header {\r\n padding: 18px 24px;\r\n font-size: 18px;\r\n font-weight: 400;\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.dialog :deep(.el-dialog__body) {\r\n border-top: 1px solid #dadbde;\r\n border-bottom: 1px solid #dadbde;\r\n overflow: visible;\r\n}\r\n\r\n.dialog {\r\n .el-dialog__body {\r\n padding: 45px 30px;\r\n }\r\n .el-dialog__footer {\r\n padding: 12px !important;\r\n text-align: center;\r\n }\r\n .el-dialog__headerbtn {\r\n top: 10px;\r\n right: 16px;\r\n }\r\n}\r\n.view-file {\r\n color: #1389ff;\r\n cursor: pointer;\r\n}\r\n.view-node-info {\r\n cursor: pointer;\r\n color: #1389ff;\r\n margin-left: 34px;\r\n font-size: 16px;\r\n}\r\n.iconsR {\r\n cursor: pointer;\r\n transform: rotate(90deg);\r\n}\r\n::v-deep .task .el-radio-group {\r\n .el-radio--small.is-bordered {\r\n margin: 0 20px;\r\n }\r\n .el-radio.is-bordered + .el-radio.is-bordered {\r\n margin: 5px 20px;\r\n }\r\n}\r\n.sign-img {\r\n width: 60px;\r\n height: 60px;\r\n}\r\n</style>\r\n"]}, media: undefined });
|
|
10440
|
+
inject("data-v-6177206d_0", { source: "@charset \"UTF-8\";\n.operation-box[data-v-6177206d] {\n max-height: var(--dynamic-ctx-height);\n overflow: auto;\n padding-right: 20px;\n}\n.el-dropdown-menu__item[data-v-6177206d] {\n min-width: 140px;\n border-bottom: 1px solid #e8e8e8;\n}\n.el-dropdown-menu__item .el-button--text[data-v-6177206d] {\n color: #333 !important;\n}\n.el-dropdown-menu__item:hover .el-button--text[data-v-6177206d] {\n color: #1389ff !important;\n}\n.el-dropdown-menu__item[data-v-6177206d]:last-child {\n border: none !important;\n}\n.el-dropdown-menu[data-v-6177206d] {\n padding-bottom: 30px;\n}\n.mianContent > .tabs > .demo-tabs[data-v-6177206d] > .el-tabs__header {\n position: sticky;\n top: -20px;\n background-color: #fff;\n z-index: 1997;\n}\n.top-tabs[data-v-6177206d] {\n position: fixed;\n top: 62px;\n background-color: #fff;\n right: 0px;\n z-index: 1997;\n}\n.mianContent[data-v-6177206d] {\n height: 100%;\n overflow: hidden;\n position: relative;\n display: flex;\n flex-direction: column;\n /* // margin-bottom: 10px; */\n}\n.mianContent .demo-tabs[data-v-6177206d] {\n flex: 1;\n height: 0;\n display: flex;\n flex-direction: column;\n}\n.mianContent .demo-tabs[data-v-6177206d] .el-tabs__content {\n flex: 1;\n height: 0;\n}\n.mianContent .demo-tabs[data-v-6177206d] .el-tabs__content::-webkit-scrollbar {\n width: 0;\n}\n.mianContent .demo-tabs[data-v-6177206d] .el-tab-pane {\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n}\n.mianContent .demo-tabs[data-v-6177206d] .el-tab-pane.pane-流程图 .bpmn-look {\n height: 0;\n flex: 1;\n}\n.mianContent .rowtitle[data-v-6177206d] {\n /* margin-top: 24px; */\n margin-bottom: 16px;\n font-size: 16px;\n font-weight: bold;\n border-left: 4px solid #1389ff;\n padding-left: 9px;\n}\n.mianContent .topCard[data-v-6177206d] {\n overflow: hidden;\n /* // border: 1px solid #DADBDE; */\n}\n.mianContent .topCard .topRow[data-v-6177206d] {\n display: flex;\n /* // line-height: 46px; */\n font-size: 14px;\n font-weight: 400;\n line-height: 32px;\n}\n.mianContent .topCard .topRow div[data-v-6177206d]:first-child {\n color: #333333;\n}\n.mianContent .topCard .topRow div[data-v-6177206d]:last-child {\n color: #777777;\n padding-left: 10px;\n}\n.mianContent .topCard .topRow div.process-mliv-dd[data-v-6177206d] {\n /* // height: 26px; */\n min-width: 30px;\n padding: 0px 16px;\n border-radius: 4px;\n background: #1389ff;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n margin-left: 10px;\n}\n.mianContent .tabs[data-v-6177206d] {\n /* // margin-bottom: 60px; */\n height: 0;\n flex: 1;\n overflow: visible !important;\n display: flex;\n flex-direction: column;\n}\n.mianContent .tabs[data-v-6177206d] :deep(.is-active) {\n font-size: 16px;\n}\n.mianContent .tabs[data-v-6177206d] :deep(.el-tabs__header) {\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1997;\n}\n.mianContent .topBtnRow[data-v-6177206d] {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n height: 100%;\n}\n.mianContent .footBtnRow[data-v-6177206d] {\n z-index: 1001;\n width: 100%;\n padding: 12px 0;\n background-color: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n -webkit-transition: 0.3s;\n transition: 0.3s;\n -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.mianContent .footBtnRow .el-button[data-v-6177206d] {\n min-width: 74px;\n height: 36px;\n border-radius: 6px;\n}\n.formInput[data-v-6177206d] {\n width: 90%;\n}\n.dialog[data-v-6177206d] :deep(.el-dialog__header) {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n}\n.dialog[data-v-6177206d] .el-dialog__body {\n border-top: 1px solid #dadbde;\n border-bottom: 1px solid #dadbde;\n overflow: visible;\n padding-right: 10px;\n}\n.dialog[data-v-6177206d] :deep(.el-dialog__footer) {\n padding: 12px;\n text-align: center;\n}\n.dialog .el-dialog__header[data-v-6177206d] {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n display: flex;\n align-items: center;\n}\n.dialog[data-v-6177206d] :deep(.el-dialog__body) {\n border-top: 1px solid #dadbde;\n border-bottom: 1px solid #dadbde;\n overflow: visible;\n}\n.dialog .el-dialog__body[data-v-6177206d] {\n padding: 45px 30px;\n}\n.dialog .el-dialog__footer[data-v-6177206d] {\n padding: 12px !important;\n text-align: center;\n}\n.dialog .el-dialog__headerbtn[data-v-6177206d] {\n top: 10px;\n right: 16px;\n}\n.view-file[data-v-6177206d] {\n color: #1389ff;\n cursor: pointer;\n}\n.view-node-info[data-v-6177206d] {\n cursor: pointer;\n color: #1389ff;\n margin-left: 34px;\n font-size: 16px;\n}\n.iconsR[data-v-6177206d] {\n cursor: pointer;\n transform: rotate(90deg);\n}\n[data-v-6177206d] .task .el-radio-group .el-radio--small.is-bordered {\n margin: 0 20px;\n}\n[data-v-6177206d] .task .el-radio-group .el-radio.is-bordered + .el-radio.is-bordered {\n margin: 5px 20px;\n}\n.sign-img[data-v-6177206d] {\n width: 60px;\n height: 60px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue","C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\index.vue"],"names":[],"mappings":"AAAA,gBAAgB;ACwpDhB;EACA,qCAAA;EACA,cAAA;EACA,mBAAA;ADtpDA;ACwpDA;EACA,gBAAA;EACA,gCAAA;ADrpDA;ACspDA;EACA,sBAAA;ADppDA;ACupDA;EACA,yBAAA;ADrpDA;ACwpDA;EACA,uBAAA;ADtpDA;ACypDA;EACA,oBAAA;ADtpDA;AC2pDA;EACA,gBAAA;EACA,UAAA;EACA,sBAAA;EACA,aAAA;ADxpDA;AC8pDA;EACA,eAAA;EACA,SAAA;EACA,sBAAA;EACA,UAAA;EACA,aAAA;AD3pDA;AC6pDA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,aAAA;EACA,sBAAA;EAIA,4BAAA;AD7pDA;AC+pDA;EACA,OAAA;EACA,SAAA;EAEA,aAAA;EACA,sBAAA;AD9pDA;AC+pDA;EACA,OAAA;EACA,SAAA;AD7pDA;AC8pDA;EACA,QAAA;AD5pDA;AC+pDA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,gBAAA;AD7pDA;AC+pDA;EACA,SAAA;EACA,OAAA;AD7pDA;ACoqDA;EACA,sBAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;EAEA,8BAAA;EACA,iBAAA;ADlqDA;ACqqDA;EACA,gBAAA;EACA,kCAAA;ADlqDA;ACqqDA;EACA,aAAA;EACA,0BAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;ADlqDA;ACqqDA;EACA,cAAA;ADlqDA;ACqqDA;EACA,cAAA;EACA,kBAAA;ADlqDA;ACqqDA;EACA,qBAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,iBAAA;ADlqDA;ACqqDA;EACA,4BAAA;EACA,SAAA;EACA,OAAA;EACA,4BAAA;EACA,aAAA;EACA,sBAAA;ADlqDA;ACqqDA;EACA,eAAA;ADlqDA;AC0qDA;EACA,gBAAA;EACA,MAAA;EACA,sBAAA;EACA,aAAA;ADvqDA;AC8qDA;EACA,aAAA;EACA,yBAAA;EACA,mBAAA;EACA,YAAA;AD3qDA;AC8qDA;EAaA,aAAA;EAEA,WAAA;EACA,eAAA;EACA,sBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,wBAAA;EACA,gBAAA;EACA,mDAAA;EACA,2CAAA;ADxrDA;ACyrDA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;ADvrDA;ACgtDA;EACA,UAAA;AD7sDA;ACgtDA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;AD7sDA;ACgtDA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,mBAAA;AD7sDA;ACgtDA;EACA,aAAA;EACA,kBAAA;AD7sDA;ACgtDA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;AD7sDA;ACitDA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;AD9sDA;ACktDA;EACA,kBAAA;AD/sDA;ACitDA;EACA,wBAAA;EACA,kBAAA;AD/sDA;ACitDA;EACA,SAAA;EACA,WAAA;AD/sDA;ACktDA;EACA,cAAA;EACA,eAAA;AD/sDA;ACitDA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AD9sDA;ACgtDA;EACA,eAAA;EACA,wBAAA;AD7sDA;ACgtDA;EACA,cAAA;AD7sDA;AC+sDA;EACA,gBAAA;AD7sDA;ACgtDA;EACA,WAAA;EACA,YAAA;AD7sDA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["@charset \"UTF-8\";\n.operation-box {\n max-height: var(--dynamic-ctx-height);\n overflow: auto;\n padding-right: 20px;\n}\n\n.el-dropdown-menu__item {\n min-width: 140px;\n border-bottom: 1px solid #e8e8e8;\n}\n.el-dropdown-menu__item .el-button--text {\n color: #333 !important;\n}\n.el-dropdown-menu__item:hover .el-button--text {\n color: #1389ff !important;\n}\n.el-dropdown-menu__item:last-child {\n border: none !important;\n}\n\n.el-dropdown-menu {\n padding-bottom: 30px;\n}\n\n.mianContent > .tabs > .demo-tabs > ::v-deep .el-tabs__header {\n position: sticky;\n top: -20px;\n background-color: #fff;\n z-index: 1997;\n}\n\n.top-tabs {\n position: fixed;\n top: 62px;\n background-color: #fff;\n right: 0px;\n z-index: 1997;\n}\n\n.mianContent {\n height: 100%;\n overflow: hidden;\n position: relative;\n display: flex;\n flex-direction: column;\n /* // margin-bottom: 10px; */\n}\n.mianContent .demo-tabs {\n flex: 1;\n height: 0;\n display: flex;\n flex-direction: column;\n}\n.mianContent .demo-tabs ::v-deep .el-tabs__content {\n flex: 1;\n height: 0;\n}\n.mianContent .demo-tabs ::v-deep .el-tabs__content::-webkit-scrollbar {\n width: 0;\n}\n.mianContent .demo-tabs ::v-deep .el-tab-pane {\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n}\n.mianContent .demo-tabs ::v-deep .el-tab-pane.pane-流程图 .bpmn-look {\n height: 0;\n flex: 1;\n}\n\n.mianContent .rowtitle {\n /* margin-top: 24px; */\n margin-bottom: 16px;\n font-size: 16px;\n font-weight: bold;\n border-left: 4px solid #1389ff;\n padding-left: 9px;\n}\n\n.mianContent .topCard {\n overflow: hidden;\n /* // border: 1px solid #DADBDE; */\n}\n\n.mianContent .topCard .topRow {\n display: flex;\n /* // line-height: 46px; */\n font-size: 14px;\n font-weight: 400;\n line-height: 32px;\n}\n\n.mianContent .topCard .topRow div:first-child {\n color: #333333;\n}\n\n.mianContent .topCard .topRow div:last-child {\n color: #777777;\n padding-left: 10px;\n}\n\n.mianContent .topCard .topRow div.process-mliv-dd {\n /* // height: 26px; */\n min-width: 30px;\n padding: 0px 16px;\n border-radius: 4px;\n background: #1389ff;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n margin-left: 10px;\n}\n\n.mianContent .tabs {\n /* // margin-bottom: 60px; */\n height: 0;\n flex: 1;\n overflow: visible !important;\n display: flex;\n flex-direction: column;\n}\n\n.mianContent .tabs :deep(.is-active) {\n font-size: 16px;\n}\n\n.mianContent .tabs :deep(.el-tabs__header) {\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1997;\n}\n\n.mianContent .topBtnRow {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n height: 100%;\n}\n\n.mianContent .footBtnRow {\n z-index: 1001;\n width: 100%;\n padding: 12px 0;\n background-color: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n -webkit-transition: 0.3s;\n transition: 0.3s;\n -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.mianContent .footBtnRow .el-button {\n min-width: 74px;\n height: 36px;\n border-radius: 6px;\n}\n\n.formInput {\n width: 90%;\n}\n\n.dialog :deep(.el-dialog__header) {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n}\n\n.dialog ::v-deep.el-dialog__body {\n border-top: 1px solid #dadbde;\n border-bottom: 1px solid #dadbde;\n overflow: visible;\n padding-right: 10px;\n}\n\n.dialog :deep(.el-dialog__footer) {\n padding: 12px;\n text-align: center;\n}\n\n.dialog .el-dialog__header {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n display: flex;\n align-items: center;\n}\n\n.dialog :deep(.el-dialog__body) {\n border-top: 1px solid #dadbde;\n border-bottom: 1px solid #dadbde;\n overflow: visible;\n}\n\n.dialog .el-dialog__body {\n padding: 45px 30px;\n}\n.dialog .el-dialog__footer {\n padding: 12px !important;\n text-align: center;\n}\n.dialog .el-dialog__headerbtn {\n top: 10px;\n right: 16px;\n}\n\n.view-file {\n color: #1389ff;\n cursor: pointer;\n}\n\n.view-node-info {\n cursor: pointer;\n color: #1389ff;\n margin-left: 34px;\n font-size: 16px;\n}\n\n.iconsR {\n cursor: pointer;\n transform: rotate(90deg);\n}\n\n::v-deep .task .el-radio-group .el-radio--small.is-bordered {\n margin: 0 20px;\n}\n::v-deep .task .el-radio-group .el-radio.is-bordered + .el-radio.is-bordered {\n margin: 5px 20px;\n}\n\n.sign-img {\n width: 60px;\n height: 60px;\n}\n\n/*# sourceMappingURL=index.vue.map */","<template>\r\n <div\r\n class=\"mianContent\"\r\n v-loading=\"boxLoading && !isButton\"\r\n ref=\"mianContent\"\r\n :style=\"{\r\n // height:\r\n // activeName == '流程图'\r\n // ? '100%'\r\n // : $refs['footBtnRow']\r\n // ? `calc(100% - 50px)`\r\n // : ' 100%',\r\n // overflow: activeName == '流程图' ? 'hidden !important' : 'auto',\r\n }\"\r\n >\r\n <template v-if=\"!isButton\">\r\n <div class=\"tabs\" ref=\"baseTabs\">\r\n <el-tabs\r\n v-model=\"activeName\"\r\n class=\"demo-tabs\"\r\n @tab-click=\"handleClick\"\r\n >\r\n <el-tab-pane\r\n :label=\"item.name\"\r\n :name=\"item.slot || item.name\"\r\n v-for=\"(item, index) in tabs\"\r\n :key=\"index\"\r\n :item=\"item\"\r\n :class=\"['pane-' + item.name]\"\r\n >\r\n <template v-if=\"item.name == '基本信息' && !item.slot\">\r\n <div :style=\"`min-height: ${tabheight}px;`\">\r\n <slot name=\"default\" :taskNode=\"getTaskNode()\"></slot>\r\n </div>\r\n </template>\r\n <template v-else-if=\"item.name == '流程图' && !item.slot\">\r\n <div class=\"view-node-info\" @click=\"getNodeList\">\r\n 查看流程节点信息\r\n </div>\r\n <iframe\r\n v-if=\"trackUrl\"\r\n :src=\"trackUrl\"\r\n style=\"width: 100%; height: 100%; border: none\"\r\n :style=\"{ height: `${iframeHeight}px` }\"\r\n scrolling=\"no\"\r\n frameborder=\"0\"\r\n :key=\"processId\"\r\n ></iframe>\r\n <!-- 展示条件需要同时满足v-if -->\r\n <bpmnLook v-if=\"activeName == '流程图' && processData.process && processData.process.xml\" :approvalData=\"processData.flow\" :diagram=\"processData.process.xml\"></bpmnLook>\r\n <div\r\n v-else\r\n style=\"\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \"\r\n >\r\n 暂无流程图\r\n </div>\r\n </template>\r\n <template v-else-if=\"item.name == '审批记录' && !item.slot\">\r\n <processFlow v-if=\"activeName == '审批记录' && processData.flow\" :flow-list=\"formatFlow(processData.flow)\"></processFlow>\r\n <div\r\n v-else\r\n style=\"\r\n height: 100px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \"\r\n >\r\n 暂无数据\r\n </div>\r\n </template>\r\n <template v-else>\r\n <div :style=\"`min-height: ${tabheight}px;`\">\r\n <slot\r\n v-if=\"item.slot\"\r\n :name=\"item.slot\"\r\n :taskNode=\"getTaskNode()\"\r\n ></slot>\r\n <slot v-else name=\"default\" :taskNode=\"getTaskNode()\"></slot>\r\n </div>\r\n </template>\r\n </el-tab-pane>\r\n <!-- <el-tab-pane label=\"流程图\" name=\"2\" style=\"height: 100%\">\r\n </el-tab-pane> -->\r\n <!-- <el-tab-pane label=\"审批记录\" name=\"3\">\r\n <el-table\r\n :data=\"taskCommentList\"\r\n border\r\n style=\"width: 100%; margin-bottom: 20px\"\r\n v-if=\"taskCommentList && taskCommentList.length > 0\"\r\n >\r\n <el-table-column type=\"index\" width=\"80\" label=\"序号\" />\r\n <el-table-column\r\n prop=\"activityName\"\r\n label=\"节点名称\"\r\n ></el-table-column>\r\n <el-table-column\r\n prop=\"createUserName\"\r\n label=\"审批人\"\r\n ></el-table-column>\r\n <el-table-column\r\n prop=\"actionName\"\r\n label=\"审批操作\"\r\n ></el-table-column>\r\n <el-table-column prop=\"msg\" label=\"审批意见\">\r\n <template #default=\"scope\">\r\n <div v-html=\"scope.row.msg\"></div>\r\n <el-popover\r\n placement=\"bottom-end\"\r\n :width=\"500\"\r\n trigger=\"click\"\r\n v-if=\"scope.row.metaAnnexList.length > 0\"\r\n >\r\n <template #reference>\r\n <div class=\"view-file\">查看附件</div>\r\n </template>\r\n <ViewFile\r\n v-if=\"scope.row.metaAnnexList\"\r\n :dataList=\"scope.row.metaAnnexList\"\r\n />\r\n </el-popover>\r\n </template>\r\n </el-table-column>\r\n <el-table-column\r\n prop=\"createDate\"\r\n label=\"审批时间\"\r\n ></el-table-column>\r\n </el-table>\r\n <div\r\n v-else\r\n style=\"\r\n height: 100px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \"\r\n >\r\n 暂无数据\r\n </div>\r\n </el-tab-pane> -->\r\n </el-tabs>\r\n </div>\r\n </template>\r\n <!-- 底部按钮 -->\r\n <!-- <processBtns\r\n :loading=\"submitLoading\"\r\n :button-list=\"processData.button\"\r\n :userId=\"userId\"\r\n :process=\"processData.process\"\r\n :comment=\"comment\"\r\n @draft=\"handleDraft({ taskId: process.taskId, variables: form })\"\r\n @examine=\"handleExamine\"\r\n @user-select=\"handleUserSelect\"\r\n @print=\"handlePrint\"\r\n @rollback=\"handleRollbackTask\"\r\n @terminate=\"handleTerminateProcess\"\r\n @withdraw=\"handleWithdrawTask\"\r\n @reminders=\"handleReminders\"\r\n @circulate=\"handleCirculate\"\r\n ></processBtns> -->\r\n\r\n <div\r\n class=\"footBtnRow foot-item\"\r\n :style=\"{ width: mainWidth + 'px' }\"\r\n ref=\"footBtnRow\"\r\n v-if=\"isAdditional && absoluteBtns.outside.length > 0\"\r\n >\r\n <slot name=\"btn\" v-bind=\"processStatus\"></slot>\r\n </div>\r\n <div v-else-if=\"!showBtns\"></div>\r\n <div\r\n class=\"footBtnRow foot-item\"\r\n ref=\"footBtnRow\"\r\n :style=\"{ width: mainWidth + 'px' }\"\r\n v-else-if=\"\r\n (!ProcessInsObj.end &&\r\n absoluteBtns.outside.length > 0 &&\r\n processStatus.appId != 'com.awspaas.user.apps.root') ||\r\n customBtns.length > 0\r\n \"\r\n v-loading=\"footBtnLoading\"\r\n >\r\n <!-- <slot name=\"btn\"> -->\r\n <template\r\n v-if=\"\r\n (processData.process.status == 'todo' || customBtns.length > 0) &&\r\n absoluteBtns.outside.length > 0\r\n \"\r\n >\r\n <el-dropdown\r\n placement=\"top-start\"\r\n trigger=\"click\"\r\n v-if=\"absoluteBtns.inside.length > 0\"\r\n >\r\n <el-button size=\"small\" style=\"margin-right: 10px\"> 更多 </el-button>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item\r\n v-for=\"(item, index) in absoluteBtns.inside\"\r\n :key=\"item.name + index\"\r\n @click.native=\"\r\n () => {\r\n item.click();\r\n aftClickBtn = item;\r\n }\r\n \"\r\n >\r\n <el-button\r\n class=\"btn drop-btn\"\r\n type=\"text\"\r\n size=\"mini\"\r\n :icon=\"item.icon\"\r\n :loading=\"buttonLoading\"\r\n >\r\n {{ item.name }}\r\n </el-button>\r\n </el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n <el-button\r\n v-for=\"item in absoluteBtns.outside\"\r\n :key=\"item.name\"\r\n v-bind=\"item.btnProps\"\r\n @click=\"\r\n () => {\r\n item.click();\r\n aftClickBtn = item;\r\n }\r\n \"\r\n size=\"small\"\r\n :loading=\"buttonLoading\"\r\n >\r\n {{ item.name }}\r\n </el-button>\r\n </template>\r\n <!-- </slot> -->\r\n <slot name=\"btnAppend\"></slot>\r\n </div>\r\n <div class=\"dialog\">\r\n <el-dialog\r\n :visible.sync=\"dialogVisibleOperation\"\r\n append-to-body\r\n class=\"dialog\"\r\n width=\"600px\"\r\n v-dialogDrag\r\n :title=\"operationLabel\"\r\n :close-on-click-modal=\"false\"\r\n :show-close=\"!isOperLoading\"\r\n :before-close=\"cancelHandlerFn\"\r\n top=\"6vh\" :style=\"dynamicStyle\"\r\n >\r\n <div class=\"operation-box\" ref=\"obRef\">\r\n <component\r\n v-if=\"dialogVisibleOperation\"\r\n ref=\"operationRef\"\r\n :is=\"operationCom\"\r\n :param=\"operationParam\"\r\n @success=\"operationSuccess\"\r\n @fail=\"operationFail\"\r\n :isOperLoading=\"isOperLoading\"\r\n >\r\n <template #form>\r\n <slot :name=\"aftClickBtn.slot\" v-if=\"aftClickBtn.slot\"></slot>\r\n </template>\r\n <template #file>\r\n <el-form\r\n label-width=\"120px\"\r\n status-icon\r\n v-if=\"attachShow\"\r\n @submit.native.prevent\r\n :rules=\"rules\"\r\n >\r\n <el-form-item\r\n label=\"附件\"\r\n :prop=\"attachRule.required ? 'attach' : ''\"\r\n >\r\n <jyr-file-upload\r\n v-model=\"attach\"\r\n :multiple=\"attachRule.limit > 0\"\r\n :limit=\"attachRule.limit\"\r\n fullFileObject\r\n showFileName\r\n ref=\"fileUpload\"\r\n />\r\n </el-form-item>\r\n </el-form>\r\n </template>\r\n </component>\r\n </div>\r\n\r\n <template #footer>\r\n <el-button\r\n v-loading\r\n type=\"primary\"\r\n @click=\"onClickOperation\"\r\n :loading=\"isOperLoading\"\r\n >确 定</el-button\r\n >\r\n <el-button\r\n v-loading\r\n @click=\"cancelHandlerFn\"\r\n :loading=\"isOperLoading\"\r\n >取 消</el-button\r\n >\r\n </template>\r\n </el-dialog>\r\n <!-- 选择任务 -->\r\n <el-dialog\r\n title=\"选择处理任务\"\r\n :visible.sync=\"showMulTask\"\r\n append-to-body\r\n :close-on-click-modal=\"false\"\r\n width=\"500px\"\r\n :show-close=\"false\"\r\n >\r\n <el-form ref=\"form\" label-width=\"100px\" class=\"task\">\r\n <el-form-item label=\"请选择：\" prop=\"content\">\r\n <el-radio-group v-model=\"mulTaskTaskId\" size=\"small\">\r\n <el-radio\r\n v-for=\"item in mulTaskList\"\r\n :key=\"item.nodeId\"\r\n :label=\"item.taskId\"\r\n border\r\n >{{ item.nodeName }}</el-radio\r\n >\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-form>\r\n <div class=\"dialog-footer\">\r\n <el-button type=\"primary\" @click=\"onCheckSure\">确定</el-button>\r\n </div>\r\n </el-dialog>\r\n <el-dialog\r\n :visible.sync=\"nodeInfoVisible\"\r\n append-to-body\r\n width=\"600px\"\r\n title=\"流程节点信息\"\r\n :modal=\"false\"\r\n :close-on-click-modal=\"false\"\r\n v-dialogDrag\r\n >\r\n <el-table :data=\"filterFlow(processData.flow)\" border>\r\n <el-table-column\r\n label=\"序号\"\r\n type=\"index\"\r\n width=\"120px\"\r\n ></el-table-column>\r\n <el-table-column prop=\"historyActivityName\" label=\"节点名称\"></el-table-column>\r\n <!-- <el-table-column prop=\"type\" label=\"类型\"></el-table-column> -->\r\n <el-table-column\r\n prop=\"assigneeName\"\r\n label=\"审批人\"\r\n ></el-table-column>\r\n </el-table>\r\n </el-dialog>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { Message as ElMessage, MessageBox as ElMessageBox } from \"element-ui\";\r\nimport treeselect from \"@riophae/vue-treeselect\";\r\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\r\nimport api from \"./api\";\r\nimport * as $enum from \"./enum\";\r\nimport staffTree from \"./staff-tree.vue\";\r\nimport ViewFile from \"./view-file.vue\";\r\nimport * as operation from \"./operation/index.js\";\r\nimport JyrFileUpload from \"../JyrFileUpload/index\";\r\nimport processBtns from \"./operation/processBtns.vue\";\r\nimport processFlow from \"./operation/processFlow.vue\";\r\nimport bpmnLook from './bpmnLook.vue';\r\nimport dayjs from \"dayjs\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n components: { bpmnLook, processBtns, processFlow, treeselect, staffTree, ...operation, ViewFile, JyrFileUpload },\r\n props: {\r\n /** 流程实例id */\r\n taskId: {\r\n // require: true,\r\n default: false,\r\n type: String,\r\n },\r\n processId: {\r\n require: true,\r\n default: false,\r\n type: String,\r\n },\r\n // processDefId: {\r\n // require: false,\r\n // default: false,\r\n // type: String,\r\n // },\r\n userId: { require: true, default: \"\", type: String },\r\n // task: {\r\n // default: false,\r\n // type: Object,\r\n // },\r\n showBtns: {\r\n default: true,\r\n type: Boolean,\r\n },\r\n isView: {\r\n default: false,\r\n type: Boolean,\r\n },\r\n getVars: { type: Function },\r\n before: { type: Function },\r\n isAlis: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n isAdditional: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n businessData: {\r\n type: Object,\r\n default: undefined,\r\n },\r\n excludeBtn: {\r\n type: String,\r\n default: \"\",\r\n },\r\n showAsPlanned: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n showCommIdea: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n commentMsgRequired: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n customBtn: {\r\n default: \"\",\r\n },\r\n tabs: {\r\n default: () => [\r\n {\r\n name: \"基本信息\",\r\n slot: \"\",\r\n },\r\n {\r\n name: \"流程图\",\r\n slot: \"\",\r\n },\r\n {\r\n name: \"审批记录\",\r\n slot: \"\",\r\n },\r\n ],\r\n },\r\n personType: {\r\n default: \"\",\r\n },\r\n personEntity: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n isButton: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n },\r\n provide() {\r\n return {\r\n isAlisInject: this.isAlis,\r\n };\r\n },\r\n // emits: ['update:modelValue', \"getData\", \"change\", \"changeGetData\"],\r\n data() {\r\n return {\r\n incomingConditionItemList: [],\r\n // 流程信息\r\n deptId: '',\r\n initProcessData: {\r\n button: [],\r\n flow: [],\r\n form: {},\r\n process: {},\r\n },\r\n processData: {\r\n button: [],\r\n flow: [],\r\n form: {},\r\n process: {},\r\n },\r\n submitLoading: false,\r\n flowChartVisible: false,\r\n comment: null,\r\n // 流程信息\r\n dynamicMaxHeight: '400px',\r\n showMulTask: false,\r\n mulTaskList: [],\r\n mulTaskTaskId: \"\",\r\n attach: [],\r\n customBtns: [],\r\n overheight: 10,\r\n iframeHeight: 500,\r\n mainWidth: 0,\r\n absoluteTaskId: \"\",\r\n infoView: false,\r\n showTopTabs: false,\r\n buttonLoading: false,\r\n footBtnLoading: true,\r\n tabheight: 400,\r\n aftClickBtn: \"\",\r\n attachRule: {\r\n required: true,\r\n limit: 0,\r\n },\r\n nodeInfoVisible: false,\r\n nodeInfoList: [],\r\n jjForm: {\r\n saveMetaAnnexCmdList: [],\r\n },\r\n targetUID: \"\",\r\n commentMsg: \"\",\r\n trackUrl: \"\",\r\n taskObj: {},\r\n taskCommentList: [],\r\n absoluteBtns: { inside: [], outside: [] },\r\n processStatus: \"\",\r\n nextTaskNode: [],\r\n activeName: \"基本信息\",\r\n ProcessInsObj: {},\r\n outGatewayUserTaskModel: [],\r\n dialogVisibleOperation: false,\r\n operationLabel: \"\",\r\n operationCom: {},\r\n operationParam: {},\r\n taskNode: [],\r\n aftTaskNode: {},\r\n operation,\r\n Enum: $enum,\r\n isOperLoading: false,\r\n boxLoading: false,\r\n rules: {\r\n attach: [{ required: true, trigger: \"change\" }],\r\n },\r\n\t noReload: false,\r\n digitalSignatureList: []\r\n };\r\n },\r\n mounted() {\r\n window.onresize = () => {\r\n return (() => {\r\n if (this.$refs[\"mianContent\"]) {\r\n this.mainWidth = this.$refs[\"mianContent\"].offsetWidth;\r\n }\r\n })();\r\n };\r\n },\r\n watch: {\r\n activeName: function (n) {\r\n if (n == 1) this.activeName = \"基本信息\";\r\n },\r\n infoView: function () {\r\n this.calculateHeight();\r\n },\r\n taskId: {\r\n handler(val) {\r\n if (!val) return;\r\n this.absoluteTaskId = val;\r\n },\r\n deep: true,\r\n immediate: true,\r\n },\r\n processId: {\r\n handler(val) {\r\n if (val) {\r\n this.customBtns = [];\r\n this.absoluteBtns = { inside: [], outside: [] };\r\n this.activeName = this.tabs.length > 0 ? this.tabs[0][\"name\"] : \"\";\r\n // 获取流程节点，流程图，流程实例，流程审批\r\n this.getProcessInfo()\r\n if (Date.now()) return;\r\n\r\n api.repository.queryTaskNodeList(this.processId).then((e) => {\r\n\t\t\t if(!this.noReload){\r\n\t\t\t\t this.noReload = false\r\n\t\t\t\t if (!this.absoluteTaskId && e.data.length > 1) {\r\n\t\t\t\t this.mulTaskList = e.data;\r\n\t\t\t\t this.showMulTask = true;\r\n\t\t\t\t return;\r\n\t\t\t\t } else {\r\n\t\t\t\t this.absoluteTaskId =\r\n\t\t\t\t e.data && e.data.length > 0 ? e.data[0][\"taskId\"] : \"\";\r\n\t\t\t\t this.aftTaskNode = e.data[0];\r\n\t\t\t\t }\r\n\t\t\t }\r\n\r\n console.log(\"======\", this.absoluteTaskId);\r\n if (e.code == $enum.apiCode.success) {\r\n this.taskNode = e.data;\r\n api.pis\r\n .getProcessStatus(this.processId, this.absoluteTaskId)\r\n .then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n this.processStatus = res.data;\r\n if (this.absoluteTaskId) {\r\n api.repository\r\n .getUserTaskModelCmd(this.absoluteTaskId)\r\n .then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n this.taskObj = res.data;\r\n this.straightenBtns();\r\n }\r\n });\r\n } else {\r\n this.straightenBtns();\r\n }\r\n }\r\n });\r\n }\r\n });\r\n\r\n api.repository\r\n .getTrackUrl({ processInstId: val, type: $enum.SourceType.电脑端 })\r\n .then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n if (window.location.protocol == \"https:\") {\r\n if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://121.40.143.183:80/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://121.40.143.183/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://acme-aws.ddzg.cn/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://59.53.91.231:8088/\",\r\n \"https://acme-test.ddzg.cn:2119/\"\r\n )\r\n } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://59.53.91.230:8088/\",\r\n \"https://kq.ddzg.cn:8093/\"\r\n )\r\n } else {\r\n this.trackUrl = res.data\r\n }\r\n } else {\r\n this.trackUrl = res.data;\r\n }\r\n }\r\n });\r\n api.tis.getTaskCommentList(this.processId, \"\").then((res) => {\r\n this.taskCommentList = res.data;\r\n this.digitalSignatureList = res.data.filter(item => item.digitalSignature).map(item => item.digitalSignature)\r\n });\r\n api.pis.getProcessInstanceById(this.processId).then((res) => {\r\n this.ProcessInsObj = res.data;\r\n this.$nextTick(() => {\r\n this.calculateHeight();\r\n });\r\n });\r\n\r\n // api.repository.queryTaskNodeList(this.processId).then((res) => {\r\n // if (res.code == $enum.apiCode.success) this.taskNode = res.data;\r\n // });\r\n }\r\n },\r\n immediate: true,\r\n //这个参数代表监听对象时，可以监听深度嵌套的对象属性\r\n deep: true,\r\n },\r\n absoluteTaskId: {\r\n handler(val) {\r\n if (val) {\r\n }\r\n },\r\n immediate: true,\r\n //这个参数代表监听对象时，可以监听深度嵌套的对象属性\r\n deep: true,\r\n },\r\n dialogVisibleOperation: {\r\n handler(val) {\r\n this.$emit(\"show-modal\", val);\r\n },\r\n },\r\n },\r\n methods: {\r\n // 流程\r\n formatFlow(flow) {\r\n const newFlow = (flow || []).map(item => {\r\n return {\r\n ...item,\r\n attachmentsFujian: (item.attachments || []).filter(i => i.type != 'signature'),\r\n attachmentsQianzi: (item.attachments || []).filter(i => i.type == 'signature'),\r\n }\r\n })\r\n return newFlow\r\n },\r\n cancelHandlerFn(){\r\n this.dialogVisibleOperation = false\r\n this.submitLoading = false\r\n },\r\n filterFlow(flowArr) {\r\n return flowArr.filter((item) => {\r\n return ['userTask', 'candidate'].includes(item.historyActivityType)\r\n });\r\n },\r\n getProcessInfo() {\r\n this.submitLoading = true\r\n this.boxLoading = true;\r\n\r\n api.tis.getTaskModelDetail(this.taskId ? {\r\n processInstId: this.processId,\r\n taskId: this.taskId,\r\n } : {\r\n processInstId: this.processId,\r\n }).then(async res => {\r\n if (res.code == 200) {\r\n this.processData = {\r\n ...this.initProcessData,\r\n ...(res.data || {}),\r\n };\r\n const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n this.deptId = deptId\r\n const taskId = (this.processData.process || {}).taskId\r\n this.taskObj.buttons = this.processData.button\r\n this.absoluteTaskId = taskId\r\n this.straightenBtns();\r\n console.log(deptId, 'id')\r\n this.$nextTick(() => {\r\n this.calculateHeight();\r\n });\r\n\r\n console.log(this.processData.flow, 'flw')\r\n this.flowChartVisible = true\r\n this.submitLoading = false\r\n this.boxLoading = false\r\n }\r\n })\r\n },\r\n // 通过部门id获取流程节点的人员\r\n getUserDataByDeptId() {\r\n this.processList.map(async (item, index) => {\r\n console.log(item, 'item')\r\n const nodeUserParams = getNodeUserParams(item)\r\n let res\r\n try {\r\n res = await this.getNodeUser({\r\n deptId: this.deptId,\r\n intersection: nodeUserParams.intersection ? 1 : 0,\r\n userIds: nodeUserParams.userIds,\r\n postIds: nodeUserParams.postIds,\r\n deptIds: nodeUserParams.deptIds,\r\n })\r\n } catch (error) {\r\n console.log(error, 'error')\r\n }\r\n if (res.code == Enum.apiCode.success) {\r\n const l = this.processList[index]\r\n l.userList = res.data\r\n this.$set(this.processList, index, l)\r\n\r\n }\r\n // console.log(user, 'user', index)\r\n })\r\n },\r\n handleDraft() {\r\n this.submitLoading = true;\r\n },\r\n // 提交（办理）true、取消申请 false\r\n handleExamine(flag, name) {\r\n console.log(flag, 'flag')\r\n if (flag) {\r\n this.handlePass(name)\r\n } else {\r\n this.handleCancel(name)\r\n }\r\n this.submitLoading = true;\r\n },\r\n // 办理\r\n async handlePass(name) {\r\n if (this.deptId) {\r\n await this.getNextNode(this.deptId)\r\n }\r\n if (this.before) {\r\n this.before().then(() => {\r\n this.showOperation(operation.complete, name);\r\n });\r\n } else {\r\n this.showOperation(operation.complete, name);\r\n }\r\n },\r\n // 取消申请\r\n handleCancel(name) {\r\n this.showOperation(operation.cancel, name);\r\n },\r\n // 转办transfer，委托delegate，addInstance\r\n handleUserSelect({ type, checkType, name}) {\r\n if (type == 'transfer') {\r\n this.handleTransfer(name)\r\n }\r\n else if (type == 'addInstance') {\r\n this.handleAddInstance(name)\r\n }\r\n console.log('handleUserselect')\r\n },\r\n // 转办\r\n handleTransfer(name) {\r\n this.showOperation(operation.delegateTask, name);\r\n },\r\n // 加签\r\n handleAddInstance(name) {\r\n this.showOperation(operation.counterSign, name);\r\n },\r\n handlePrint() {\r\n console.log('handlePrint')\r\n },\r\n handleRollbackTask(name) {\r\n console.log('handleRollbackTask')\r\n this.showOperation(operation.roolback, name);\r\n },\r\n handleTerminateProcess() {\r\n console.log('handleTerminateProcess')\r\n },\r\n // 传阅\r\n handleCirculate(name) {\r\n console.log('handleCirculate')\r\n this.showOperation(operation.ccTask, name);\r\n },\r\n // 撤销，撤回\r\n handleWithdrawTask(name) {\r\n console.log('handleWithdrawTask')\r\n this.handleRevoke();\r\n // this.showOperation(operation.withdrawTask, '请选择撤销/撤回操作');\r\n },\r\n // 流程\r\n findTargetHtml(startNode, targetClass, searchKey = 'parentElement') {\r\n\t\t\t\tif (!startNode) return null\r\n \t\t\tif (startNode.classList.contains(targetClass)) {\r\n \t\t\treturn startNode\r\n \t\t\t}\r\n \t\t\tlet curEl = startNode[searchKey]\r\n \t\t\tif (!curEl) return null\r\n \t\t\tif (searchKey == 'children') {\r\n \t\t\tfor (let i = 0; i <= curEl.length - 1; i++) {\r\n \t\t\tif (curEl[i].classList.contains(targetClass)) {\r\n \t\t\treturn curEl[i]\r\n \t\t\t}\r\n \t\t\t}\r\n \t\t\treturn\r\n \t\t\t}\r\n \t\t\treturn this.findTargetHtml(curEl, targetClass)\r\n\t\t\t},\r\n findImageIndex(item){\r\n return item ? this.digitalSignatureList.findIndex(i => i == item) : -1\r\n },\r\n onCheckSure() {\r\n this.absoluteTaskId = this.mulTaskTaskId;\r\n this.mulTaskList.map((item) => {\r\n if (item.taskId == this.mulTaskTaskId) {\r\n this.aftTaskNode = item;\r\n }\r\n });\r\n\t this.noReload = true\r\n this.showMulTask = false;\r\n this.footBtnLoading = true;\r\n let temp = this.processId;\r\n this.processId = \"\";\r\n this.processId = temp;\r\n },\r\n showButtonLoading() {\r\n this.buttonLoading = true;\r\n },\r\n hideButtonLoading() {\r\n this.buttonLoading = false;\r\n },\r\n calculateHeight() {\r\n let h = 0;\r\n if (this.$refs[\"footBtnRow\"]) {\r\n h += this.$refs[\"footBtnRow\"].offsetHeight;\r\n }\r\n if (this.$refs[\"mianContent\"]) {\r\n this.mainWidth = this.$refs[\"mianContent\"].offsetWidth;\r\n }\r\n if (this.infoView && this.absoluteBtns.outside.length > 0) {\r\n h += 32;\r\n }\r\n if (this.$refs[\"infoBoxFign\"]) {\r\n let windowHeight =\r\n window.innerHeight ||\r\n document.documentElement.clientHeight ||\r\n document.body.clientHeight;\r\n this.tabheight =\r\n windowHeight - this.$refs[\"infoBoxFign\"].offsetTop - 192;\r\n }\r\n this.overheight = h + 116;\r\n this.iframeHeight = this.$refs[\"mianContent\"].offsetHeight - 146;\r\n },\r\n getNodeList() {\r\n this.nodeInfoVisible = true;\r\n // api.pis.findNodeParticipantRows(this.processId).then((e) => {\r\n \r\n // e.data.map((item) => {\r\n // if (item.type == \"串签\" || item.type == \"并签\") {\r\n // item[\"name\"] += `【${item.type}】`;\r\n // }\r\n // });\r\n // this.nodeInfoList = e.data;\r\n // });\r\n },\r\n fileNameLastof(e, len = 0) {\r\n if (e.indexOf(\"http\") == -1) len = 0;\r\n if (!e) return;\r\n let last = \"/\";\r\n if (e.indexOf(\"\\\\\") != -1) {\r\n last = \"\\\\\";\r\n }\r\n //整理文件名\r\n let filename = e;\r\n let lastindex = filename.lastIndexOf(last);\r\n return filename.substr(lastindex + 1 + len, filename.length);\r\n },\r\n clickCustomButton(name) {\r\n this.$emit(\"clickCustomButton\", {\r\n name,\r\n processStatus: this.processStatus,\r\n setName: (label) => {\r\n this.taskObj.buttons.map((item) => {\r\n if (item.label == name) {\r\n item.label = label;\r\n }\r\n });\r\n this.straightenBtns();\r\n },\r\n });\r\n },\r\n // 获取下一个节点数据\r\n async getNextNode(deptId) {\r\n let res1\r\n try {\r\n res1 = await api.tis.simulation(\r\n this.absoluteTaskId,\r\n this.processId,\r\n );\r\n } catch (e) {\r\n console.error(e)\r\n res1 = {}\r\n }\r\n let nextTaskNode = res1.data || {};\r\n\r\n // 复杂网关分支:\r\n if (res1.code == 200 && !res1.data.evaluation) {\r\n this.incomingConditionItemList = []\r\n nextTaskNode.branches = await this.getOutgoingProcessNode(\r\n this.absoluteTaskId,\r\n res1.data.id\r\n );\r\n }\r\n\r\n if (nextTaskNode.id && !nextTaskNode.setPersonnel) {\r\n const nodeUserParams = getNodeUserParams(nextTaskNode)\r\n let res\r\n try {\r\n res = await this.getNodeUser({\r\n // 需要传入部门id\r\n deptId: deptId,\r\n intersection: nodeUserParams.intersection ? 1 : 0,\r\n userIds: nodeUserParams.userIds,\r\n postIds: nodeUserParams.postIds,\r\n deptIds: nodeUserParams.deptIds,\r\n })\r\n } catch (error) {\r\n console.log(error, 'error')\r\n }\r\n if (res.code == $enum.apiCode.success) {\r\n nextTaskNode.userList = res.data\r\n }\r\n }\r\n this.nextTaskNode = nextTaskNode\r\n console.log(nextTaskNode, 'getNextNode')\r\n },\r\n // 获取节点的人员\r\n async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n return await api.user.getTaskAuditor({\r\n deptId,\r\n intersection,\r\n userIds,\r\n postIds,\r\n deptIds\r\n })\r\n },\r\n async showOperation(com, label) {\r\n this.attach = [];\r\n if (false && this.processStatus.allUserNames.length > 0) {\r\n if (this.absoluteTaskId) {\r\n let vars;\r\n if (this.getVars) {\r\n vars = this.getVars();\r\n if (vars === false) {\r\n return false;\r\n }\r\n }\r\n let res = await api.tis.simulation(\r\n this.absoluteTaskId,\r\n this.processId,\r\n vars\r\n );\r\n if (res.code == $enum.apiCode.success) {\r\n for (var i in res.data) {\r\n if (\r\n res.data[i][\"type\"] != \"endEvent\" &&\r\n (res.data[i].userTaskModelDTO.humanPerformer.name ==\r\n \"固定账户\" ||\r\n res.data[i].userTaskModelDTO.humanPerformer.name ==\r\n \"与流程申请人相关\")\r\n ) {\r\n await api.repository\r\n .getParticipantsOfPerformerNames(this.absoluteTaskId, [\r\n res.data[i].id,\r\n ])\r\n .then((e) => {\r\n res.data[i].userTaskModelDTO.routeTxt[\"userNames\"] =\r\n e.data[res.data[i].id];\r\n });\r\n }\r\n }\r\n\r\n this.nextTaskNode = res.data;\r\n } else {\r\n this.nextTaskNode = [];\r\n this.outGatewayUserTaskModel = await this.getOutgoingProcessNode(\r\n this.absoluteTaskId,\r\n \"\"\r\n );\r\n }\r\n }\r\n }\r\n this.operationLabel = label;\r\n // this.operationParam = new operation.PorpParam(\"\", this.processId, this.processDefId, this.task.id, this.task.activityDefId);\r\n this.operationParam.processInstId = this.processId;\r\n // this.operationParam.processDefId = this.processDefId;\r\n this.operationParam.taskInstId = this.absoluteTaskId;\r\n // this.operationParam.taskDeftId = this.task.activityDefId;\r\n this.operationParam.nextTaskNode = this.nextTaskNode;\r\n this.operationParam.incomingConditionItemList = this.incomingConditionItemList\r\n this.operationParam.variables = (this.processData.process || {}).variables || {}\r\n this.operationParam.extendedProperties = (this.processData.form || {}).extendedProperties || []\r\n this.operationParam.taskObj = this.taskObj;\r\n this.operationParam.getVars = this.getVars;\r\n this.operationParam.outGatewayUserTaskModel =\r\n this.outGatewayUserTaskModel;\r\n this.operationParam.taskNode = this.getTaskNode();\r\n this.operationParam.businessData = this.businessData;\r\n this.operationParam.showAsPlanned = this.showAsPlanned;\r\n this.operationParam.showCommIdea = this.showCommIdea;\r\n this.operationParam.commentMsgRequired = this.commentMsgRequired;\r\n this.operationParam.personType = this.personType;\r\n this.operationParam.personEntity = {\r\n ...this.personEntity,\r\n ...(this.aftClickBtn.personEntity || {}),\r\n };\r\n this.operationParam.ProcessInsObj = this.ProcessInsObj;\r\n this.operationCom = com;\r\n this.dialogVisibleOperation = true;\r\n this.$nextTick(() => {\r\n \t\tlet ctnEl = this.$refs.obRef\r\n\t\t\t\tconsole.log(ctnEl, this.$refs);\r\n \t\tif (!ctnEl) return \r\n \t\tlet topDistance = ctnEl.getBoundingClientRect().top\r\n \t\tlet dialogEl = this.findTargetHtml(ctnEl, 'el-dialog')\r\n \t\tlet dialogFootEl = this.findTargetHtml(dialogEl, 'el-dialog__footer', 'children')\r\n \t\t// 视口高度 - margin - head - footer\r\n \t\tlet val = window.innerHeight - topDistance - topDistance - dialogFootEl.clientHeight - 32\r\n \t\tthis.dynamicMaxHeight = `${val}px`\r\n \t\t})\r\n },\r\n onClickOperation() {\r\n if (\r\n this.attachShow &&\r\n this.attachRule.required &&\r\n this.attach.length == 0\r\n ) {\r\n return ElMessage.error(\"请上传附件\");\r\n }\r\n if (this.aftClickBtn.preposition) {\r\n this.operationMain(this.aftClickBtn.preposition);\r\n } else {\r\n this.operationMain();\r\n }\r\n\r\n // if (this.$refs[\"fileUpload\"] && this.$refs[\"fileUpload\"].getLoading()) {\r\n // return ElMessage.error(\"请等待附件上传完成后重试\");\r\n // }\r\n },\r\n operationMain(preposition = false) {\r\n let saveMetaAnnexCmdList\r\n if (this.attachShow) {\r\n saveMetaAnnexCmdList = [];\r\n this.attach.map((item) => {\r\n saveMetaAnnexCmdList.push({\r\n id: item.id,\r\n name: this.fileNameLastof(item.name),\r\n size: item.fileSize,\r\n format: item.fileType,\r\n url: item.url,\r\n uploadTime: item.createTime,\r\n processInstId: this.operationParam.processInstId,\r\n taskInstId: this.operationParam.taskInstId,\r\n });\r\n });\r\n saveMetaAnnexCmdList = saveMetaAnnexCmdList.sort((a, b) => {\r\n return dayjs(a.uploadTime).valueOf() > dayjs(b.uploadTime).valueOf();\r\n });\r\n // api.tis.patchSave({\r\n // saveMetaAnnexCmdList,\r\n // });\r\n }\r\n\r\n if (this.$refs.operationRef) {\r\n this.$refs.operationRef.confirm(preposition, () => {\r\n this.isOperLoading = true;\r\n }, saveMetaAnnexCmdList);\r\n }\r\n },\r\n operationSuccess(isComplete = true) {\r\n ElMessage.success(\"操作成功\");\r\n this.dialogVisibleOperation = false;\r\n // router.go(0);\r\n if (isComplete) this.$emit(\"Complete\");\r\n this.isOperLoading = false;\r\n },\r\n operationFail(msg = \"\") {\r\n msg && ElMessage.warning(msg);\r\n this.isOperLoading = false;\r\n },\r\n async getOutgoingProcessNode(taskId, processNodeId) {\r\n let res = await api.repository.getOutgoingProcessNode(\r\n taskId,\r\n processNodeId\r\n );\r\n if (res.code == $enum.apiCode.success) {\r\n if (res.data) {\r\n for (let i = 0; i < res.data.length; i++) {\r\n let o = res.data[i];\r\n if (o.incomingConditionItemList && o.incomingConditionItemList.length !== 0) {\r\n o.nodeInfoDTO.incomingConditionItemList = o.incomingConditionItemList\r\n console.error(o.incomingConditionItemList, 'o.incomingConditionItemList')\r\n this.incomingConditionItemList.push(...o.incomingConditionItemList)\r\n }\r\n if (o.nodeInfoDTO.nodeType != 'userTask') {\r\n o.nodeInfoDTO.branches = await this.getOutgoingProcessNode(taskId, o.nodeInfoDTO.id);\r\n }\r\n if (\r\n res.data[i][\"type\"] != \"endEvent\" &&\r\n (res.data[i].humanPerformerName == \"固定账户\" ||\r\n res.data[i].humanPerformerName == \"与流程申请人相关\")\r\n ) {\r\n await api.repository\r\n .getParticipantsOfPerformerNames(taskId, [res.data[i].id])\r\n .then((e) => {\r\n res.data[i][\"routeTxt\"][\"userNames\"] = e.data[res.data[i].id];\r\n });\r\n }\r\n }\r\n\r\n if (res.data.length == 0) {\r\n res.data.push({\r\n id: \"\",\r\n incomingConditionItemList: [],\r\n type: \"endEvent\",\r\n name: \"结束事件\",\r\n });\r\n }\r\n }\r\n return res.data;\r\n }\r\n return [];\r\n },\r\n getColor(status) {\r\n if (status == \"审核中\" || status == \"审批中\") return \"#6DC743\";\r\n if (status == \"已驳回\") return \"#F14B4C\";\r\n if (status == \"已撤销\") return \"#CECECE\";\r\n if (status == \"已完成\") return \"#6DC743\";\r\n\r\n return \"#1389FF\";\r\n },\r\n handleClick(e) {\r\n this.$emit(\"clickTab\",JSON.parse(JSON.stringify(e.$vnode.data.attrs.item)));\r\n },\r\n getTaskNode() {\r\n if (this.taskNode.filter)\r\n return this.taskNode.filter((o) => {\r\n return o.nodeId == this.taskObj.id;\r\n });\r\n return [];\r\n },\r\n handleRevoke() {\r\n ElMessageBox.confirm(`确定撤销吗`, \"撤销\", {\r\n confirmButtonText: \"确定\",\r\n cancelButtonText: \"取消\",\r\n type: \"warning\",\r\n })\r\n .then(() => {\r\n api.tis\r\n .withdrawTask(this.processData.process.processInstanceId)\r\n .then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n ElMessage.success(\"操作成功\");\r\n this.$emit(\"Complete\");\r\n }\r\n // else {\r\n // ElMessage.warning(res.msg);\r\n // }\r\n });\r\n })\r\n .catch(() => {\r\n ElMessage.info(\"取消操作\");\r\n });\r\n },\r\n handleReminders() {\r\n console.log(ElMessageBox);\r\n ElMessageBox.confirm(`确定催办吗`, \"催办\", {\r\n confirmButtonText: \"确定\",\r\n cancelButtonText: \"取消\",\r\n type: \"warning\",\r\n })\r\n .then(() => {\r\n api.tis.reminders(this.processData.process.processInstanceId).then((res) => {\r\n if (res.code == $enum.apiCode.success) {\r\n ElMessage.success(\"操作成功\");\r\n this.$emit(\"Complete\");\r\n }\r\n // else {\r\n // ElMessage.warning(res.msg);\r\n // }\r\n });\r\n })\r\n .catch((e) => {\r\n ElMessage.info(\"取消操作\");\r\n });\r\n },\r\n getButton(key) {\r\n return (this.processData.button || []).find(b => b.buttonKey == key);\r\n },\r\n operBtn() {\r\n let btnList = [];\r\n\r\n const process = this.processData.process;\r\n\r\n if (!process) {\r\n return btnList\r\n }\r\n\r\n // 加签\r\n if (process.status == 'todo' && process.isMultiInstance && this.getButton('wf_add_instance')) {\r\n let obj = {};\r\n obj.name = this.getButton('wf_add_instance').name\r\n obj.btnProps = { type: \"primary\" };\r\n obj.key = \"sign\";\r\n obj.click = () => {\r\n this.handleUserSelect({\r\n type: 'addInstance',\r\n checkType: 'checkbox',\r\n name: this.getButton('wf_add_instance').name,\r\n })\r\n };\r\n btnList.push(obj);\r\n }\r\n // if (flag && !this.isView && this.taskObj.counterSignLabel) {\r\n // let obj = {};\r\n // obj.name = this.taskObj.counterSignLabel;\r\n // obj.btnProps = { type: \"primary\" };\r\n // obj.key = \"sign\";\r\n // obj.click = () => {\r\n // this.showOperation(operation.counterSign, obj.name);\r\n // };\r\n // btnList.push(obj);\r\n // }\r\n\r\n // 转办\r\n if (process.status == 'todo' && this.getButton('wf_transfer')) {\r\n let obj = {};\r\n obj.name = this.getButton('wf_transfer').name\r\n obj.key = \"delegate\";\r\n obj.click = () => {\r\n this.handleUserSelect({\r\n type: 'transfer',\r\n checkType: 'radio',\r\n name: this.getButton('wf_transfer').name,\r\n })\r\n };\r\n btnList.push(obj);\r\n }\r\n // if (flag && !this.isView && this.taskObj.delegateTaskButtonLabel) {\r\n // let obj = {};\r\n // obj.name = this.taskObj.delegateTaskButtonLabel;\r\n // obj.key = \"delegate\";\r\n // obj.click = () => {\r\n // this.showOperation(operation.delegateTask, obj.name);\r\n // };\r\n // btnList.push(obj);\r\n // }\r\n\r\n // 委托\r\n if (process.status == 'todo' && this.getButton('wf_delegate')) {\r\n let obj = {};\r\n obj.name = this.getButton('wf_delegate').name\r\n obj.btnProps = { type: \"warning\" };\r\n obj.key = \"cc2\";\r\n obj.click = () => {\r\n this.handleUserSelect({\r\n type: 'delegate',\r\n checkType: 'radio',\r\n name: this.getButton('wf_delegate').name\r\n })\r\n };\r\n btnList.push(obj);\r\n }\r\n\r\n // 终止\r\n if (process.status == 'todo' && this.getButton('wf_terminate')) {\r\n let obj = {};\r\n obj.name = this.getButton('wf_terminate').name\r\n obj.btnProps = { type: \"danger\" };\r\n obj.key = \"cc3\";\r\n obj.click = () => {\r\n this.handleTerminateProcess()\r\n };\r\n btnList.push(obj);\r\n }\r\n\r\n // 传阅\r\n if (process.status == 'todo' && this.getButton('wf_cctask')) {\r\n let obj = {};\r\n obj.name = this.getButton('wf_cctask').name\r\n obj.btnProps = { type: \"primary\" };\r\n obj.key = \"cc\";\r\n obj.click = () => {\r\n this.handleCirculate(this.getButton('wf_cctask').name)\r\n };\r\n btnList.push(obj);\r\n }\r\n // if (flag && !this.isView && this.taskObj.ccTaskButtonLabel) {\r\n // let obj = {};\r\n // obj.name = this.taskObj.ccTaskButtonLabel;\r\n // obj.btnProps = { type: \"primary\" };\r\n // obj.key = \"cc\";\r\n // obj.click = () => {\r\n // this.showOperation(operation.ccTask, obj.name);\r\n // };\r\n // btnList.push(obj);\r\n // }\r\n \r\n // 催办\r\n if (process.status == 'todo' && this.userId == (process.variables || {}).applyUserId) {\r\n let obj = {};\r\n obj.name = \"催办\";\r\n // obj.btnProps = { color: \"#1389ff\" };\r\n obj.key = \"self\";\r\n obj.click = () => {\r\n this.handleReminders();\r\n };\r\n btnList.push(obj);\r\n }\r\n // if (\r\n // this.processId &&\r\n // this.processStatus.createTopUserId == this.userId &&\r\n // ((this.taskNode.length > 0 &&\r\n // this.aftTaskNode.taskState != $enum.TaskState.抄送) ||\r\n // this.processStatus.status == \"审批中\")\r\n // ) {\r\n // let obj = {};\r\n // obj.name = \"催办\";\r\n // // obj.btnProps = { color: \"#1389ff\" };\r\n // obj.key = \"self\";\r\n // obj.click = () => {\r\n // this.handleReminders();\r\n // };\r\n // btnList.push(obj);\r\n // }\r\n\r\n // 撤销\r\n if (\r\n process.isOwner &&\r\n process.isReturnable &&\r\n !['recall', 'reject'].includes(process.processIsFinished)\r\n ) {\r\n let obj = {};\r\n obj.name = \"撤销\";\r\n obj.btnProps = { type: \"danger\" };\r\n obj.key = \"self\";\r\n obj.click = () => {\r\n this.handleWithdrawTask('撤销');\r\n };\r\n btnList.push(obj);\r\n }\r\n\r\n // if (\r\n // this.processId &&\r\n // this.processStatus.createTopUserId == this.userId &&\r\n // ((this.taskNode.length > 0 &&\r\n // this.aftTaskNode.taskState != $enum.TaskState.抄送) ||\r\n // this.processStatus.status == \"审批中\")\r\n // ) {\r\n // let obj = {};\r\n // obj.name = \"撤销\";\r\n // obj.btnProps = { type: \"danger\" };\r\n // obj.key = \"self\";\r\n // obj.click = () => {\r\n // this.handleRevoke();\r\n // };\r\n // btnList.push(obj);\r\n // }\r\n\r\n // 拒绝\r\n if (\r\n process.status == 'todo' &&\r\n this.getButton('wf_reject')\r\n ) {\r\n let obj = {};\r\n obj.name = this.getButton('wf_reject').name\r\n obj.btnProps = { type: \"danger\" };\r\n obj.key = \"refuse\";\r\n obj.click = () => {\r\n this.handleExamine(false, this.getButton('wf_reject').name)\r\n };\r\n btnList.push(obj);\r\n }\r\n // if (flag && !this.isView && this.processStatus.currUserName) {\r\n // let obj = {};\r\n // obj.name = \"拒绝\";\r\n // obj.btnProps = { type: \"danger\" };\r\n // obj.key = \"refuse\";\r\n // obj.click = () => {\r\n // this.showOperation(operation.cancel, obj.name);\r\n // };\r\n // btnList.push(obj);\r\n // }\r\n\r\n // 办理\r\n if (process.status == 'todo' && this.getButton('wf_pass')) {\r\n let obj = {};\r\n obj.name = this.getButton('wf_pass').name\r\n obj.btnProps = { type: \"primary\" };\r\n obj.key = \"complete\";\r\n obj.click = () => {\r\n if (this.before) {\r\n this.before().then(() => {\r\n this.handleExamine(true, this.getButton('wf_pass').name)\r\n });\r\n } else {\r\n this.handleExamine(true, this.getButton('wf_pass').name)\r\n }\r\n };\r\n btnList.push(obj);\r\n }\r\n // if (flag && !this.isView && this.taskObj.completeButtonLabel) {\r\n // let obj = {};\r\n // obj.name = this.taskObj.completeButtonLabel;\r\n // obj.btnProps = { type: \"primary\" };\r\n // obj.key = \"complete\";\r\n // obj.click = () => {\r\n // if (this.before) {\r\n // this.before().then(() => {\r\n // this.showOperation(operation.complete, obj.name);\r\n // });\r\n // } else {\r\n // this.showOperation(operation.complete, obj.name);\r\n // }\r\n // };\r\n // btnList.push(obj);\r\n // }\r\n\r\n // 退回\r\n if (\r\n process.status == 'todo' &&\r\n this.getButton('wf_rollback')\r\n ) {\r\n let obj = {};\r\n obj.name = this.getButton('wf_rollback').name\r\n obj.btnProps = { type: \"danger\" };\r\n obj.key = \"back\";\r\n obj.click = () => {\r\n this.handleRollbackTask(this.getButton('wf_rollback').name)\r\n };\r\n // 退回可能还有种情况，就是自定义this.clickCustomButton(obj.name);\r\n\r\n btnList.unshift(obj);\r\n }\r\n // if (\r\n // flag &&\r\n // !this.isView &&\r\n // this.taskObj &&\r\n // this.taskObj.buttons.length > 0\r\n // ) {\r\n // this.taskObj.buttons.map((item) => {\r\n // let obj = {};\r\n // obj.name = item.label;\r\n // if (item.label == \"退回\") {\r\n // obj.btnProps = { type: \"danger\" };\r\n // obj.key = \"back\";\r\n // obj.click = () => {\r\n // this.showOperation(operation.roolback, obj.name);\r\n // };\r\n // } else {\r\n // obj.btnProps = {};\r\n // obj.key = item.label;\r\n // obj.click = () => {\r\n // this.clickCustomButton(obj.name);\r\n // };\r\n // }\r\n\r\n // btnList.unshift(obj);\r\n // });\r\n // }\r\n\r\n return btnList;\r\n },\r\n straightenBtns(flag = true) {\r\n let list = [];\r\n\r\n if (this.excludeBtn) {\r\n this.operBtn().map((item) => {\r\n if (this.excludeBtn.indexOf(item.key) == -1 || !item.key) {\r\n list.push(item);\r\n }\r\n });\r\n } else {\r\n list = this.operBtn();\r\n }\r\n if (this.customBtns.length > 0) {\r\n list = [];\r\n this.customBtns.map((item) => {\r\n if (this.excludeBtn.indexOf(item.key) == -1 || !item.key) {\r\n list.push(item);\r\n }\r\n });\r\n }\r\n\r\n let r = {\r\n outside: [],\r\n inside: [],\r\n };\r\n if (list.length > 4) {\r\n r.outside = list.splice(list.length - 4, list.length - 1);\r\n r.inside = list;\r\n } else {\r\n r.outside = list;\r\n }\r\n\r\n if (flag && this.customBtn) {\r\n this.customBtn(\r\n { btnList: this.operBtn(), processStatus: this.processStatus },\r\n (e) => {\r\n this.customBtns = e;\r\n this.straightenBtns(false);\r\n },\r\n () => {\r\n this.$emit(\"Complete\");\r\n }\r\n );\r\n console.log(\"=======333\");\r\n } else {\r\n this.absoluteBtns = r;\r\n this.$nextTick(() => {\r\n this.calculateHeight();\r\n this.footBtnLoading = false;\r\n this.boxLoading = false;\r\n });\r\n }\r\n },\r\n },\r\n computed: {\r\n dynamicStyle() {\r\n \t\t\treturn { '--dynamic-ctx-height': this.dynamicMaxHeight }\r\n\t\t\t},\r\n attachShow() {\r\n const extendedProperties = (this.processData.form || {}).extendedProperties || []\r\n\r\n let sign = false;\r\n let fd;\r\n let annex = \"\";\r\n console.error(this.operationLabel, 'operationLabel')\r\n switch (this.operationLabel) {\r\n case \"退回\":\r\n // annex = this.operationParam.taskObj.otherButtonAnnexList;\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'otherButtonAnnexList'\r\n })\r\n annex = fd ? fd.value : ''\r\n if (annex) sign = true;\r\n break;\r\n case \"通过\":\r\n case \"办理\":\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'completeButtonAnnex'\r\n })\r\n annex = fd ? fd.value : ''\r\n if (annex) sign = true;\r\n break;\r\n case \"处理\":\r\n // annex = this.operationParam.taskObj.completeButtonAnnex;\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'completeButtonAnnex'\r\n })\r\n annex = fd ? fd.value : ''\r\n if (annex) sign = true;\r\n break;\r\n case \"同意\":\r\n // annex = this.operationParam.taskObj.completeButtonAnnex;\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'completeButtonAnnex'\r\n })\r\n annex = fd ? fd.value : ''\r\n if (annex) sign = true;\r\n break;\r\n case \"拒绝\":\r\n // annex = this.operationParam.taskObj.otherButtonAnnexList;\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'otherButtonAnnexList'\r\n })\r\n annex = fd ? fd.value : ''\r\n break;\r\n case \"加签\":\r\n // annex = this.operationParam.taskObj.counterSignButtonAnnex;\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'counterSignButtonAnnex'\r\n })\r\n annex = fd ? fd.value : ''\r\n if (annex) sign = true;\r\n break;\r\n case \"转办\":\r\n // annex = this.operationParam.taskObj.delegateTaskButtonAnnex;\r\n fd = extendedProperties.find(i => {\r\n return i.name == 'delegateTaskButtonAnnex'\r\n })\r\n annex = fd ? fd.value : ''\r\n if (annex) sign = true;\r\n break;\r\n }\r\n // 校验自定义按钮\r\n let temp = \"\";\r\n if (typeof annex != \"string\" && annex != null) {\r\n annex.map((item) => {\r\n if (item.indexOf(this.operationLabel) != -1) {\r\n sign = true;\r\n temp = item;\r\n }\r\n });\r\n }\r\n if (temp) annex = temp;\r\n\r\n // 解析数据\r\n if (sign) {\r\n const annexArr = annex.split(\":\");\r\n this.attachRule.required = annexArr[1] == \"true\" ? true : false;\r\n this.attachRule.limit =\r\n annexArr[2] == -1 ? 999 : annexArr[2];\r\n }\r\n return sign;\r\n },\r\n },\r\n};\r\n</script>\r\n<!-- <style >\r\n.demo-tabs {\r\n position: relative;\r\n .el-tabs__header {\r\n position: sticky;\r\n top: 0;\r\n background-color: #fff;\r\n z-index: 1997;\r\n }\r\n}\r\n</style> -->\r\n\r\n<style scoped lang=\"scss\">\r\n.operation-box {\r\n max-height: var(--dynamic-ctx-height);\r\n overflow: auto;\r\n padding-right: 20px;\r\n}\r\n.el-dropdown-menu__item {\r\n min-width: 140px;\r\n border-bottom: 1px solid #e8e8e8;\r\n .el-button--text {\r\n color: #333 !important;\r\n }\r\n &:hover {\r\n .el-button--text {\r\n color: #1389ff !important;\r\n }\r\n }\r\n &:last-child {\r\n border: none !important;\r\n }\r\n}\r\n.el-dropdown-menu {\r\n padding-bottom: 30px;\r\n}\r\n.mianContent {\r\n & > .tabs {\r\n & > .demo-tabs {\r\n & > ::v-deep .el-tabs__header {\r\n position: sticky;\r\n top: -20px;\r\n background-color: #fff;\r\n z-index: 1997;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.top-tabs {\r\n position: fixed;\r\n top: 62px;\r\n background-color: #fff;\r\n right: 0px;\r\n z-index: 1997;\r\n}\r\n.mianContent {\r\n height: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n // margin-top: 20px;\r\n // padding-top: 20px;\r\n // width: 100%;\r\n /* // margin-bottom: 10px; */\r\n // overflow: hidden;\r\n .demo-tabs {\r\n flex: 1;\r\n height: 0;\r\n // height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n ::v-deep .el-tabs__content {\r\n flex: 1;\r\n height: 0;\r\n &::-webkit-scrollbar {\r\n width: 0;\r\n }\r\n }\r\n ::v-deep .el-tab-pane {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n overflow-y: auto;\r\n &.pane-流程图 {\r\n .bpmn-look {\r\n height: 0;\r\n flex: 1;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.mianContent .rowtitle {\r\n /* margin-top: 24px; */\r\n margin-bottom: 16px;\r\n font-size: 16px;\r\n font-weight: bold;\r\n\r\n border-left: 4px solid #1389ff;\r\n padding-left: 9px;\r\n}\r\n\r\n.mianContent .topCard {\r\n overflow: hidden;\r\n /* // border: 1px solid #DADBDE; */\r\n}\r\n\r\n.mianContent .topCard .topRow {\r\n display: flex;\r\n /* // line-height: 46px; */\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 32px;\r\n}\r\n\r\n.mianContent .topCard .topRow div:first-child {\r\n color: #333333;\r\n}\r\n\r\n.mianContent .topCard .topRow div:last-child {\r\n color: #777777;\r\n padding-left: 10px;\r\n}\r\n\r\n.mianContent .topCard .topRow div.process-mliv-dd {\r\n /* // height: 26px; */\r\n min-width: 30px;\r\n padding: 0px 16px;\r\n border-radius: 4px;\r\n background: #1389ff;\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n margin-left: 10px;\r\n}\r\n\r\n.mianContent .tabs {\r\n /* // margin-bottom: 60px; */\r\n height: 0;\r\n flex: 1;\r\n overflow: visible !important;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.mianContent .tabs :deep(.is-active) {\r\n font-size: 16px;\r\n}\r\n\r\n// .mianContent .tabs :deep(.el-tabs__content) {\r\n// height: calc(100% - 55px);\r\n// /* 修改BUGID：1003401 */\r\n// overflow: auto;\r\n// }\r\n.mianContent .tabs :deep(.el-tabs__header) {\r\n position: sticky;\r\n top: 0;\r\n background-color: #fff;\r\n z-index: 1997;\r\n}\r\n\r\n// .mianContent .tabs :deep(.el-tabs__content)::-webkit-scrollbar {\r\n// width: 0;\r\n// }\r\n\r\n.mianContent .topBtnRow {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n height: 100%;\r\n}\r\n\r\n.mianContent .footBtnRow {\r\n // display: flex;\r\n // justify-content: center;\r\n // align-items: center;\r\n // box-sizing: border-box;\r\n // // height: 100%;\r\n // position: fixed;\r\n // bottom: 0;\r\n // right: 20px;\r\n // height: 50px;\r\n // border-top: 1px solid #dadbde;\r\n // margin-top: 10px;\r\n // background-color: #fff;\r\n z-index: 1001;\r\n\r\n width: 100%;\r\n padding: 12px 0;\r\n background-color: #fff;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n -webkit-transition: 0.3s;\r\n transition: 0.3s;\r\n -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n .el-button {\r\n min-width: 74px;\r\n height: 36px;\r\n border-radius: 6px;\r\n }\r\n}\r\n\r\n// .mianContent .footBtnRow {\r\n// display: flex;\r\n// justify-content: center;\r\n// align-items: center;\r\n// box-sizing: border-box;\r\n// // height: 100%;\r\n// position: fixed;\r\n// bottom: 0;\r\n// right: 20px;\r\n// height: 50px;\r\n// border-top: 1px solid #dadbde;\r\n// margin-top: 10px;\r\n// background-color: #fff;\r\n// z-index: 1001;\r\n// .el-button {\r\n// min-width: 74px;\r\n// height: 36px;\r\n// border-radius: 6px;\r\n// }\r\n// }\r\n\r\n.formInput {\r\n width: 90%;\r\n}\r\n\r\n.dialog :deep(.el-dialog__header) {\r\n padding: 18px 24px;\r\n font-size: 18px;\r\n font-weight: 400;\r\n}\r\n\r\n.dialog ::v-deep.el-dialog__body {\r\n border-top: 1px solid #dadbde;\r\n border-bottom: 1px solid #dadbde;\r\n overflow: visible;\r\n padding-right: 10px;\r\n}\r\n\r\n.dialog :deep(.el-dialog__footer) {\r\n padding: 12px;\r\n text-align: center;\r\n}\r\n.dialog {\r\n .el-dialog__header {\r\n padding: 18px 24px;\r\n font-size: 18px;\r\n font-weight: 400;\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.dialog :deep(.el-dialog__body) {\r\n border-top: 1px solid #dadbde;\r\n border-bottom: 1px solid #dadbde;\r\n overflow: visible;\r\n}\r\n\r\n.dialog {\r\n .el-dialog__body {\r\n padding: 45px 30px;\r\n }\r\n .el-dialog__footer {\r\n padding: 12px !important;\r\n text-align: center;\r\n }\r\n .el-dialog__headerbtn {\r\n top: 10px;\r\n right: 16px;\r\n }\r\n}\r\n.view-file {\r\n color: #1389ff;\r\n cursor: pointer;\r\n}\r\n.view-node-info {\r\n cursor: pointer;\r\n color: #1389ff;\r\n margin-left: 34px;\r\n font-size: 16px;\r\n}\r\n.iconsR {\r\n cursor: pointer;\r\n transform: rotate(90deg);\r\n}\r\n::v-deep .task .el-radio-group {\r\n .el-radio--small.is-bordered {\r\n margin: 0 20px;\r\n }\r\n .el-radio.is-bordered + .el-radio.is-bordered {\r\n margin: 5px 20px;\r\n }\r\n}\r\n.sign-img {\r\n width: 60px;\r\n height: 60px;\r\n}\r\n</style>\r\n"]}, media: undefined });
|
|
9302
10441
|
|
|
9303
10442
|
};
|
|
9304
10443
|
/* scoped */
|
|
9305
|
-
const __vue_scope_id__$5 = "data-v-
|
|
10444
|
+
const __vue_scope_id__$5 = "data-v-6177206d";
|
|
9306
10445
|
/* module identifier */
|
|
9307
10446
|
const __vue_module_identifier__$5 = undefined;
|
|
9308
10447
|
/* functional template */
|
|
@@ -10201,6 +11340,7 @@
|
|
|
10201
11340
|
info = {
|
|
10202
11341
|
appId: "",
|
|
10203
11342
|
businessCode: "",
|
|
11343
|
+
businessType: "",
|
|
10204
11344
|
keyWord: "",
|
|
10205
11345
|
businessDeptId: "",
|
|
10206
11346
|
userInfo: {},
|
|
@@ -10213,7 +11353,7 @@
|
|
|
10213
11353
|
this.revival = false;
|
|
10214
11354
|
this._appId = info.appId;
|
|
10215
11355
|
this._businessDeptId = info.businessDeptId;
|
|
10216
|
-
this.businessCode = info.businessCode;
|
|
11356
|
+
this.businessCode = info.businessCode || info.businessType;
|
|
10217
11357
|
this.userInfo = info.userInfo;
|
|
10218
11358
|
// 获取部门id
|
|
10219
11359
|
this.deptId = info.userInfo.deptId;
|
|
@@ -10800,12 +11940,12 @@
|
|
|
10800
11940
|
/* style */
|
|
10801
11941
|
const __vue_inject_styles__$2 = function (inject) {
|
|
10802
11942
|
if (!inject) return
|
|
10803
|
-
inject("data-v-2b0fb27a_0", { source: ".flow-dialog .el-dialog__header {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n display: flex;\n align-items: center;\n}\n.flow-dialog :deep(.el-dialog__body) {\n border-top: 1px solid #dadbde;\n border-bottom: 1px solid #dadbde;\n overflow: visible;\n overflow-x: hidden;\n}\n.flow-dialog .el-dialog__footer {\n padding: 12px !important;\n text-align: center;\n}\n.flow-dialog .el-dialog__headerbtn {\n top: 10px;\n right: 16px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\beforeCreate.vue","beforeCreate.vue"],"names":[],"mappings":"AAm4BA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;ACl4BA;ADs4BA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,kBAAA;ACn4BA;ADu4BA;EACA,wBAAA;EACA,kBAAA;ACp4BA;ADs4BA;EACA,SAAA;EACA,WAAA;ACp4BA;;AAEA,2CAA2C","file":"beforeCreate.vue","sourcesContent":["<template>\r\n <div>\r\n <el-dialog\r\n :visible.sync=\"flag\"\r\n width=\"45%\"\r\n class=\"flow-dialog\"\r\n :close-on-click-modal=\"false\"\r\n :title=\"revival ? '流程复活' : '创建并启动流程'\"\r\n append-to-body\r\n @closed=\"onClickCancel\"\r\n >\r\n <el-form\r\n class=\"create-form\"\r\n @submit.native.prevent\r\n label-width=\"200px\"\r\n status-icon\r\n >\r\n <el-form-item label=\"当前流程\" size=\"normal\" :rules=\"[{ required: true, message: '请选择流程' }]\">\r\n <el-select\r\n v-model=\"processDefId\"\r\n v-if=\"processDefList.length > 1\"\r\n style=\"width: 65%; margin-right: 10px\"\r\n filterable\r\n clearable\r\n @change=\"processDefChange\"\r\n placeholder=\"请选择\"\r\n >\r\n <el-option\r\n v-for=\"(item, index) in processDefList\"\r\n :key=\"item.id\"\r\n :label=\"item.name\"\r\n :value=\"item.id\"\r\n :disabled=\"item.disabled\"\r\n ></el-option>\r\n </el-select>\r\n <b class=\"process-def-name\" v-else>\r\n {{ processDefName }}\r\n </b>\r\n <div\r\n @click=\"viewFlowChart\"\r\n v-if=\"processDefId\"\r\n class=\"view-node-info\"\r\n style=\"margin-right: 10px\"\r\n >\r\n 预览\r\n </div>\r\n <div\r\n @click=\"viewFlowForecast\"\r\n v-if=\"processDefId && showFlowForecast\"\r\n class=\"view-node-info\">\r\n 流程预测\r\n </div>\r\n </el-form-item>\r\n\r\n <!-- 如果没有传入部门，则需要选择部门 -->\r\n <el-form-item v-if=\"!hasDeptId\" label=\"选择部门\" :rules=\"[{ required: true, message: '请选择部门' }]\">\r\n <selectDept\r\n class=\"dept-tree\"\r\n :deptId=\"deptId\"\r\n :ops=\"deptList\"\r\n @input=\"handleDeptChange\"\r\n />\r\n </el-form-item>\r\n\r\n <div class=\"node-list\" v-if=\"deptId\">\r\n <el-form-item\r\n v-if=\"processList && processList.length > 0\"\r\n label=\"下一步处理节点\"\r\n size=\"normal\"\r\n >\r\n </el-form-item>\r\n <template v-if=\"processList.length > 0\">\r\n <template v-for=\"(item, index) in processList\" >\r\n <userTask\r\n :index=\"index\"\r\n :personType=\"personType\"\r\n :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n :processNode=\"{\r\n ...item,\r\n REQUIRED: index == 0 ? true : false,\r\n }\"\r\n label=\"处理人\"\r\n :rules=\"[{ required: index == 0 ? true : false, message: '请选择审批人' }]\"\r\n :ref=\"setItemRef(item.id)\"\r\n @complete=\"complete\"\r\n ></userTask>\r\n <div class=\"user-task-split\" v-if=\"index !== processList.length - 1\"></div>\r\n </template>\r\n </template>\r\n\r\n <!-- <template v-if=\"otherProcessList.length > 0 && other\">\r\n <el-form-item\r\n v-if=\"processList && processList.length > 0\"\r\n label=\"其他处理节点\"\r\n size=\"normal\"\r\n >\r\n </el-form-item>\r\n\r\n <template v-if=\"processList.length > 0\">\r\n <userTask\r\n v-for=\"item in otherProcessList\"\r\n :personType=\"personType\"\r\n :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n :key=\"item.id\"\r\n :processNode=\"item\"\r\n :noprop=\"true\"\r\n :ref=\"setItemRef(item.id)\"\r\n ></userTask>\r\n </template>\r\n </template> -->\r\n </div>\r\n </el-form>\r\n <template #footer>\r\n <el-button\r\n :loading=\"btnLoading\"\r\n type=\"primary\"\r\n @click=\"onClickOperation\"\r\n >确 定</el-button\r\n >\r\n <el-button :loading=\"btnLoading\" @click=\"onClickCancel\"\r\n >取 消</el-button\r\n >\r\n </template>\r\n </el-dialog>\r\n\r\n <!-- <div class=\"dialog\"> -->\r\n <el-dialog\r\n :visible.sync=\"flowChartVisible\"\r\n width=\"60%\"\r\n append-to-body\r\n title=\"流程图信息\"\r\n class=\"track-view\"\r\n v-dialogDrag\r\n >\r\n <bpmnLook v-if=\"flowChartVisible && processXml\" ref=\"PreviewRef\" :diagram=\"processXml\"></bpmnLook>\r\n <!-- <iframe\r\n :src=\"trackUrl\"\r\n frameborder=\"0\"\r\n width=\"100%\"\r\n height=\"100%\"\r\n /> -->\r\n <!-- <el-image :src=\"trackUrl\"></el-image> -->\r\n </el-dialog>\r\n\r\n <el-dialog\r\n :visible.sync=\"flowForecastVisible\"\r\n width=\"45%\"\r\n append-to-body\r\n title=\"流程预测\"\r\n v-dialogDrag\r\n @close=\"flowForecastClose\"\r\n >\r\n <div style=\"margin-left: 20px;\">\r\n <div v-html=\"flowForecastData.completeTime\" style=\"margin-left: 40px;margin-bottom: 20px;\"></div>\r\n <el-timeline>\r\n <el-timeline-item\r\n v-for=\"(activity, index) in flowForecastData.processBudgetModelList\"\r\n :key=\"index\"\r\n icon=\"el-icon-check\"\r\n :color=\"index==0 ? '#009800': activity.color\"\r\n :timestamp=\"activity.title\" placement=\"top\">\r\n <div>\r\n <span style=\"color:#009800;\">\r\n <i class=\"el-icon-s-custom\" style=\"margin-right: 5px;\"></i>\r\n 执行人：{{activity.excutor}}\r\n </span>\r\n </div>\r\n </el-timeline-item>\r\n </el-timeline> \r\n </div>\r\n </el-dialog>\r\n \r\n <!-- </div> -->\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"./api\";\r\nimport * as Enum from \"./enum\";\r\nimport userTask from \"./operation/userTask.vue\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport bpmnLook from \"./bpmnLook.vue\";\r\nimport selectDept from \"./operation/selectDept.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n components: { userTask, bpmnLook, selectDept },\r\n props: {\r\n extraReqParams: {\r\n type: Object,\r\n default: function() {\r\n return {}\r\n },\r\n },\r\n other: {\r\n default: true,\r\n },\r\n personType: \"\",\r\n personEntity: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n beforeFunction:{\r\n type: Function,\r\n default: null\r\n },\r\n showFlowForecast: {\r\n default: false,\r\n type: Boolean,\r\n },\r\n flowForecastFunction:{\r\n type: Function,\r\n default: null\r\n }\r\n },\r\n data() {\r\n return {\r\n revivalVars: {},\r\n processData: {},\r\n absoluteTaskId: '',\r\n userTaskListData: {},\r\n flag: false,\r\n revival: false,\r\n flowChartVisible: false,\r\n flowForecastVisible: false,\r\n flowForecastData:{\r\n completeTime:'',\r\n processBudgetModelList:[]\r\n },\r\n flowForecastProcessInstId: '',\r\n btnLoading: false,\r\n processList: [],\r\n processDefId: \"\",\r\n processInstId: '',\r\n processDefName: \"\",\r\n businessId: \"\",\r\n trackUrl: \"\",\r\n processDefList: [],\r\n otherProcessList: [],\r\n callback: {},\r\n cancelCallBack: {},\r\n _multiNodeParticipant: [],\r\n _businessDeptId: \"\",\r\n businessCode: \"\",\r\n _vars: {},\r\n _appId: '',\r\n deptList: [],\r\n userInfo: {},\r\n hasDeptId: false,\r\n deptId: '',\r\n subjectId: '',\r\n processXml: '',\r\n };\r\n },\r\n provide () {\r\n return {\r\n getUserInfo: this.getUserInfo,\r\n }\r\n },\r\n methods: {\r\n getUserInfo () {\r\n return {\r\n deptId: this.deptId,\r\n subjectId: this.subjectId,\r\n }\r\n },\r\n handleDeptChange(val) {\r\n console.log(val, 'val')\r\n this.deptId = val\r\n this.getUserDataByDeptId()\r\n },\r\n complete(data) {\r\n console.log(data, 'complete')\r\n },\r\n setLoading(e) {\r\n this.btnLoading = e;\r\n },\r\n async getXml(id) {\r\n console.log(this.isXml, 'isxml')\r\n let res = {}\r\n let xml = ''\r\n try {\r\n res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n console.log(res, 'res')\r\n if (res.code == 200) {\r\n xml = res.data;\r\n }\r\n } catch (e) {\r\n console.error(e)\r\n }\r\n return xml;\r\n },\r\n async viewFlowChart() {\r\n this.flowChartVisible = true;\r\n this.processXml = await this.getXml(this.processDefId)\r\n // 打开预览窗口，后续代码不使用了\r\n if (Date.now()) return;\r\n api.repository\r\n .getDiagramUrl({\r\n processDefId: this.processDefId,\r\n diagramType: 1,\r\n type: Enum.SourceType.电脑端,\r\n })\r\n .then((res) => {\r\n res.data.url = 'http://localhost:2888/saber/#/flowPreview'\r\n this.trackUrl = this.getNewUrl(res.data.url, {...res.data})\r\n if (Date.now()) {\r\n this.flowChartVisible = true;\r\n return;\r\n }\r\n if (res.code == Enum.apiCode.success) {\r\n if (window.location.protocol == \"https:\") {\r\n if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://121.40.143.183:80/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://121.40.143.183/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://acme-aws.ddzg.cn/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://59.53.91.231:8088/\",\r\n \"https://acme-test.ddzg.cn:2119/\"\r\n )\r\n } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://59.53.91.230:8088/\",\r\n \"https://kq.ddzg.cn:8093/\"\r\n )\r\n } else {\r\n this.trackUrl = res.data\r\n }\r\n } else {\r\n this.trackUrl = res.data;\r\n }\r\n this.flowChartVisible = true;\r\n }\r\n });\r\n },\r\n // 判断url和当前网页的url域名是否相同\r\n isSameDomain(url) {\r\n return url.indexOf(window.location.host) != -1\r\n },\r\n // 根据url和query对象，拼接一个新的链接\r\n getNewUrl(url, query) {\r\n let queryStr = ''\r\n for (let key in query) {\r\n queryStr += `${key}=${query[key]}&`\r\n }\r\n // 判断url和当前网页的url域名是否相同\r\n if(!this.isSameDomain(url)){\r\n // 如果不同，则query要加上token，从localstorage获取\r\n let token = localStorage.getItem('token');\r\n queryStr += `token=${token}&`\r\n }\r\n queryStr = queryStr.slice(0, -1)\r\n return `${url}?${queryStr}`\r\n },\r\n viewFlowForecast(){\r\n if(this.flowForecastFunction){\r\n this.flowForecastFunction()\r\n }else {\r\n this.forecast({\r\n appId: this._appId ,\r\n title: '1',//title不能为空，随便传的一个值\r\n }) \r\n } \r\n },\r\n forecast(data) {\r\n this.btnLoading = true;\r\n return new Promise((resolve, reject) => {\r\n api.pis\r\n .getProcessForecast({\r\n processDefId: this.processDefId,\r\n ...data,\r\n })\r\n .then((e) => {\r\n this.btnLoading = false;\r\n if (e.code == Enum.apiCode.success) {\r\n if(e.data && e.data.processBudgetModelList && e.data.processBudgetModelList.length){\r\n this.flowForecastProcessInstId = e.data.processBudgetModelList[0].processInstId\r\n }else{\r\n e.data.processBudgetModelList = []\r\n this.flowForecastProcessInstId = ''\r\n }\r\n this.flowForecastData = e.data \r\n this.flowForecastVisible = true;\r\n resolve(e);\r\n } else {\r\n ElMessage.error(e.msg);\r\n }\r\n })\r\n .catch((e) => {\r\n this.btnLoading = false;\r\n ElMessage.error(\"流程预测失败，请重试\");\r\n reject(e);\r\n });\r\n });\r\n },\r\n flowForecastClose(){\r\n if(this.flowForecastProcessInstId){\r\n api.pis\r\n .deleteProcessById(this.flowForecastProcessInstId)\r\n .then((res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.flowForecastVisible = false;\r\n this.flowForecastData = {\r\n completeTime:'',\r\n processBudgetModelList:[]\r\n }\r\n this.flowForecastProcessInstId = ''\r\n }\r\n });\r\n }else{\r\n this.flowForecastVisible = false; \r\n this.flowForecastData = {\r\n completeTime:'',\r\n processBudgetModelList:[]\r\n }\r\n }\r\n },\r\n processDefChange(processId) {\r\n this.processDefId = processId;\r\n api.repository.getFirstProcessNode(this.processDefId).then(async (res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.processList = res.data;\r\n this.flag = true;\r\n\r\n // 获取部门\r\n await this.getNodeUserDept()\r\n // // 获取部门id\r\n // const deptId = info.userInfo.deptId\r\n // this.deptId = deptId\r\n // 没有传入部门，则需要在选择部门后进行后续操作\r\n if (!this.deptId) return;\r\n this.getUserDataByDeptId()\r\n // 获取人员，没有人则是之前的选人逻辑\r\n\r\n // api.repository\r\n // .getAfferentParticipantNodeList(this.processDefId)\r\n // .then((e) => {\r\n // this.otherProcessList = e.data.filter((el) => {\r\n // return el[\"id\"] != this.processList[0][\"id\"];\r\n // });\r\n // this.otherProcessList.map((el) => {\r\n // el[\"REQUIRED\"] = false;\r\n // });\r\n // });\r\n }\r\n });\r\n // api.repository.getAfferentParticipantNodeList(processId).then((res) => {\r\n // if (res.code == Enum.apiCode.success) {\r\n // res.data.map((item) => {\r\n // item.type = \"UserTaskModel\";\r\n // });\r\n // this.processList = res.data;\r\n // let tmp = JSON.parse(JSON.stringify(res.data));\r\n // tmp.shift();\r\n // this.otherProcessList = tmp;\r\n // }\r\n // });\r\n },\r\n setItemRef(key) {\r\n this.userTaskListData[key] = \"userTask\" + key;\r\n return this.userTaskListData[key];\r\n },\r\n isOption(humanPerformer) {\r\n return (\r\n humanPerformer == \"任意指定\" ||\r\n humanPerformer == \"固定部门\" ||\r\n humanPerformer == \"固定单位\" ||\r\n humanPerformer == \"固定群组\"\r\n );\r\n },\r\n createAndStart(data) {\r\n this.btnLoading = true;\r\n return new Promise((resolve, reject) => {\r\n api.pis\r\n .createAndStart({\r\n processDefId: this.processDefId,\r\n multiNodeParticipant: this._multiNodeParticipant,\r\n firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n // vars: this._businessDeptId\r\n // ? { _businessDeptId: this._businessDeptId, ...this._vars }\r\n // : this._vars,\r\n vars: {\r\n showType: \"all\",\r\n subjectId: this.subjectId,\r\n deptId: this.deptId,\r\n businessType: this.businessCode,\r\n ...data,\r\n ...this._vars,\r\n }\r\n })\r\n .then((e) => {\r\n this.btnLoading = false;\r\n if (e.code == Enum.apiCode.success) {\r\n this.flag = false;\r\n resolve(e);\r\n } else {\r\n ElMessage.error(e.msg);\r\n }\r\n })\r\n .catch((e) => {\r\n this.btnLoading = false;\r\n ElMessage.error(\"流程启动失败，请重试\");\r\n reject(e);\r\n });\r\n });\r\n },\r\n revivalFlow(data = {}, history = false, msg = \"流程复活\") {\r\n console.log(msg, '流程复活')\r\n this.btnLoading = true;\r\n return new Promise((resolve, reject) => {\r\n const vars = {\r\n ...this.revivalVars,\r\n showType: \"all\",\r\n subjectId: this.subjectId,\r\n deptId: this.deptId,\r\n businessType: this.businessCode,\r\n ...data,\r\n ...this._vars,\r\n }\r\n Object.keys(vars).forEach((key) => {\r\n // 字符串转小写\r\n const fk = key.toLowerCase();\r\n if (fk.includes('_')) {\r\n delete vars[key];\r\n }\r\n if (fk == 'appShow') {\r\n delete vars[key];\r\n }\r\n })\r\n api.pis\r\n .reactivate(\r\n {\r\n reactivate: true,\r\n processDefId: this.processDefId,\r\n processInstId: this.processInstId,\r\n isClearHistory: this.isClearHistory,\r\n // reactivateReason: \"重新提交\",\r\n multiNodeParticipant: this._multiNodeParticipant,\r\n firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n vars,\r\n },\r\n \"\",\r\n this.businessId,\r\n msg,\r\n \"\",\r\n history,\r\n this._multiNodeParticipant,\r\n this.extraReqParams,\r\n )\r\n .then((e) => {\r\n this.btnLoading = false;\r\n if (e.code == Enum.apiCode.success) {\r\n this.flag = false;\r\n resolve(e);\r\n } else {\r\n ElMessage.error(e.msg);\r\n }\r\n })\r\n .catch((e) => {\r\n this.btnLoading = false;\r\n ElMessage.error(\"流程复活失败，请重试\");\r\n reject(e);\r\n });\r\n });\r\n },\r\n Show(processDefId, appid = \"\", revival = false) {\r\n this.processList = [];\r\n this.revival = revival;\r\n this.processDefId = processDefId;\r\n\r\n if (appid) {\r\n api.repository.getProcessDefList(appid, \"\").then((e) => {\r\n if (e.code == Enum.apiCode.success) {\r\n e.data.map((item) => {\r\n if (item.id == processDefId) {\r\n this.processDefName = item.name;\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n return new Promise((resolve, reject) => {\r\n this.cancelCallBack = reject;\r\n api.repository.getFirstProcessNode(processDefId).then(async (res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.processList = res.data;\r\n this.flag = true;\r\n\r\n // 获取部门\r\n await this.getNodeUserDept()\r\n // 没有传入部门，则需要在选择部门后进行后续操作\r\n if (!this.deptId) return;\r\n this.getUserDataByDeptId()\r\n\r\n this.callback = resolve;\r\n // api.repository\r\n // .getAfferentParticipantNodeList(processDefId)\r\n // .then((e) => {\r\n // this.otherProcessList = e.data.filter((el) => {\r\n // return el[\"id\"] != this.processList[0][\"id\"];\r\n // });\r\n // this.otherProcessList.map((el) => {\r\n // el[\"REQUIRED\"] = false;\r\n // });\r\n // });\r\n }\r\n });\r\n });\r\n },\r\n selectShow(\r\n info = {\r\n appId: \"\",\r\n businessCode: \"\",\r\n keyWord: \"\",\r\n businessDeptId: \"\",\r\n userInfo: {},\r\n }\r\n ) {\r\n this.processList = [];\r\n this.otherProcessList = [];\r\n this.processDefId = \"\";\r\n this.processDefName = \"\";\r\n this.revival = false;\r\n this._appId = info.appId\r\n this._businessDeptId = info.businessDeptId;\r\n this.businessCode = info.businessCode\r\n this.userInfo = info.userInfo;\r\n // 获取部门id\r\n this.deptId = info.userInfo.deptId\r\n // 获取主体id\r\n this.subjectId = info.userInfo.subjectId\r\n this.hasDeptId = !!info.userInfo.deptId\r\n console.log('======_businessDeptId',this._businessDeptId);\r\n return new Promise((resolve, reject) => {\r\n console.log(reject, 'reject')\r\n this.cancelCallBack = reject;\r\n api.repository\r\n .getProcessDefListNew(info)\r\n .then((e) => {\r\n if (e.code == Enum.apiCode.success) {\r\n if (e.data.length == 1) {\r\n this.processDefList = e.data;\r\n this.processDefId = e.data[0].id;\r\n this.processDefName = e.data[0].name;\r\n api.repository\r\n .getFirstProcessNode(this.processDefId)\r\n .then(async (res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n console.log(res, 'res')\r\n this.processList = res.data;\r\n this.flag = true;\r\n this.callback = resolve;\r\n // 获取部门\r\n await this.getNodeUserDept()\r\n // 没有传入部门，则需要在选择部门后进行后续操作\r\n if (!this.deptId) return;\r\n this.getUserDataByDeptId()\r\n // 获取人员，没有人则是之前的选人逻辑\r\n\r\n \r\n // api.repository\r\n // .getAfferentParticipantNodeList(this.processDefId)\r\n // .then((e) => {\r\n // this.otherProcessList = e.data.filter((el) => {\r\n // return el[\"id\"] != this.processList[0][\"id\"];\r\n // });\r\n // this.otherProcessList.map((el) => {\r\n // el[\"REQUIRED\"] = false;\r\n // });\r\n // });\r\n }\r\n });\r\n } else {\r\n this.processList = [];\r\n this.otherProcessList = [];\r\n this.processDefId = \"\";\r\n this.processDefName = \"\";\r\n this.processDefList = e.data;\r\n\r\n if (info.keyWord) {\r\n this.processDefList.map((item) => {\r\n if (\r\n item.name.indexOf(info.keyWord) != -1 &&\r\n !this.processDefId\r\n ) {\r\n this.processDefId = item.id;\r\n this.processDefName = item.name;\r\n this.processDefChange(item.id);\r\n }\r\n });\r\n }\r\n this.flag = true;\r\n this.callback = resolve;\r\n }\r\n }\r\n });\r\n });\r\n },\r\n // 处理routeTxt\r\n handleRouteTxt(item) {\r\n let str\r\n // 交集\r\n if (item.assigneeRetain == true) {\r\n return \r\n }\r\n },\r\n // 通过部门id获取流程节点的人员\r\n getUserDataByDeptId() {\r\n this.processList.map(async (item, index) => {\r\n console.log(item, 'item')\r\n const nodeUserParams = getNodeUserParams(item)\r\n let res\r\n try {\r\n res = await this.getNodeUser({\r\n deptId: this.deptId,\r\n intersection: nodeUserParams.intersection ? 1 : 0,\r\n userIds: nodeUserParams.userIds,\r\n postIds: nodeUserParams.postIds,\r\n deptIds: nodeUserParams.deptIds,\r\n })\r\n } catch (error) {\r\n console.log(error, 'error')\r\n }\r\n if (res.code == Enum.apiCode.success) {\r\n const l = this.processList[index]\r\n l.userList = res.data\r\n this.$set(this.processList, index, l)\r\n\r\n }\r\n // console.log(user, 'user', index)\r\n })\r\n },\r\n // 获取节点的人员\r\n async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n return await api.user.getTaskAuditor({\r\n deptId,\r\n intersection,\r\n userIds,\r\n postIds,\r\n deptIds\r\n })\r\n },\r\n // 获取节点人员的部门\r\n async getNodeUserDept() {\r\n let res = {}\r\n try {\r\n res = await api.user.getSelectTree()\r\n console.log(res, 'res')\r\n } catch (error) {\r\n console.log(error, 'error')\r\n }\r\n console.log(res.data, 'data')\r\n this.deptList = res.data || []\r\n },\r\n\r\n listShow(list) {\r\n this.processList = [];\r\n this.otherProcessList = [];\r\n this.processDefId = \"\";\r\n this.processDefName = \"\";\r\n this.revival = false;\r\n return new Promise((resolve, reject) => {\r\n if (list.length == 1) {\r\n this.processDefId = list[0].id;\r\n this.processDefName = list[0].name;\r\n this.cancelCallBack = reject;\r\n api.repository.getFirstProcessNode(this.processDefId).then((res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.processList = res.data;\r\n this.flag = true;\r\n this.callback = resolve;\r\n api.repository\r\n .getAfferentParticipantNodeList(this.processDefId)\r\n .then((e) => {\r\n this.otherProcessList = e.data.filter((el) => {\r\n return el[\"id\"] != this.processList[0][\"id\"];\r\n });\r\n this.otherProcessList.map((el) => {\r\n el[\"REQUIRED\"] = false;\r\n });\r\n });\r\n }\r\n });\r\n } else {\r\n this.processDefList = list;\r\n this.flag = true;\r\n this.callback = resolve;\r\n }\r\n });\r\n },\r\n // 流程\r\n async getProcessInfo({ taskId, processInstId }) {\r\n\r\n let res = {};\r\n try {\r\n res = await api.tis.getTaskModelDetail(taskId ? {\r\n processInstId,\r\n taskId,\r\n } : {\r\n processInstId,\r\n })\r\n } catch (e) {\r\n res = {}\r\n }\r\n \r\n if (res.code == 200) {\r\n \r\n }\r\n return res\r\n },\r\n async revivalShow({ processInstId, businessId, taskId, deptId }) {\r\n this.processInstId = processInstId\r\n this.hasDeptId = !!deptId\r\n let res = await this.getProcessInfo({ taskId, processInstId })\r\n // let res = await api.pis.getProcessInstanceByBusinessKey(businessId);\r\n if (res.code == 200) {\r\n this.processData = {\r\n ...this.initProcessData,\r\n ...(res.data || {}),\r\n };\r\n const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n this.deptId = deptId\r\n this._businessDeptId = deptId\r\n this.hasDeptId = !!deptId\r\n const taskId = (this.processData.process || {}).taskId\r\n this.absoluteTaskId = taskId\r\n console.log(deptId, 'id')\r\n\r\n this.revival = true;\r\n this.businessId = businessId;\r\n this.subjectId = res.data.process.variables.subjectId\r\n this.businessCode = res.data.process.variables.businessType\r\n this.revivalVars = res.data.process.variables;\r\n\r\n this.processDefId = res.data.process.processDefinitionId;\r\n this.processDefName = res.data.process.processDefinitionName;\r\n this.processDefList = [];\r\n \r\n return this.Show(res.data.process.processDefinitionId, \"\", true);\r\n }\r\n \r\n },\r\n onClickOperation() {\r\n if(!this.processDefId || this.processDefId==''){\r\n ElMessage.warning(\"请选择流程\");\r\n return false;\r\n }\r\n let multiNodeParticipant = {},\r\n vars = {};\r\n for (let key in this.userTaskListData) {\r\n let o = this.userTaskListData[key];\r\n let refCom = this.$refs[o][0];\r\n let res = refCom\r\n ? refCom.getValue()\r\n : { multiNodeParticipant: [], vars: {} };\r\n if (!res) {\r\n return false;\r\n }\r\n console.log(res, 'res')\r\n multiNodeParticipant = {\r\n ...multiNodeParticipant,\r\n ...res.multiNodeParticipant,\r\n };\r\n vars = { ...vars, ...res.vars };\r\n console.log(vars, 'vars')\r\n }\r\n this._multiNodeParticipant = multiNodeParticipant;\r\n this._vars = vars;\r\n if(this.beforeFunction){\r\n this.beforeFunction()\r\n }else if (this.callback) {\r\n this.callback(this.revival ? this.revivalFlow : this.createAndStart);\r\n }\r\n // this.flag = false;\r\n },\r\n onClickCancel() {\r\n this.flag = false;\r\n this.btnLoading = false;\r\n if (this.cancelCallBack) this.cancelCallBack();\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.flow-dialog {\r\n .el-dialog__header {\r\n padding: 18px 24px;\r\n font-size: 18px;\r\n font-weight: 400;\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.flow-dialog :deep(.el-dialog__body) {\r\n border-top: 1px solid #dadbde;\r\n border-bottom: 1px solid #dadbde;\r\n overflow: visible;\r\n overflow-x: hidden;\r\n}\r\n\r\n.flow-dialog {\r\n .el-dialog__footer {\r\n padding: 12px !important;\r\n text-align: center;\r\n }\r\n .el-dialog__headerbtn {\r\n top: 10px;\r\n right: 16px;\r\n }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dept-tree {\r\n width: 65%;\r\n}\r\n\r\n.process-def-name {\r\n font-weight: bold;\r\n margin-right: 20px;\r\n font-size: 16px;\r\n}\r\n.view-node-info {\r\n display: inline-block;\r\n cursor: pointer;\r\n color: #1389ff;\r\n font-size: 14px;\r\n margin: 0;\r\n}\r\n\r\n.create-form {\r\n .el-form-item__label {\r\n padding-right: 18px;\r\n }\r\n .el-form-item {\r\n margin-bottom: 10px;\r\n }\r\n}\r\n.node-list {\r\n max-height: 300px;\r\n overflow-y: scroll;\r\n}\r\n.track-view {\r\n .el-dialog__body {\r\n display: flex;\r\n justify-content: center;\r\n height: 600px;\r\n position: relative;\r\n }\r\n}\r\niframe {\r\n min-height: 500px;\r\n}\r\n</style>\r\n",".flow-dialog .el-dialog__header {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n display: flex;\n align-items: center;\n}\n\n.flow-dialog :deep(.el-dialog__body) {\n border-top: 1px solid #dadbde;\n border-bottom: 1px solid #dadbde;\n overflow: visible;\n overflow-x: hidden;\n}\n\n.flow-dialog .el-dialog__footer {\n padding: 12px !important;\n text-align: center;\n}\n.flow-dialog .el-dialog__headerbtn {\n top: 10px;\n right: 16px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */"]}, media: undefined })
|
|
10804
|
-
,inject("data-v-2b0fb27a_1", { source: ".dept-tree[data-v-2b0fb27a] {\n width: 65%;\n}\n.process-def-name[data-v-2b0fb27a] {\n font-weight: bold;\n margin-right: 20px;\n font-size: 16px;\n}\n.view-node-info[data-v-2b0fb27a] {\n display: inline-block;\n cursor: pointer;\n color: #1389ff;\n font-size: 14px;\n margin: 0;\n}\n.create-form .el-form-item__label[data-v-2b0fb27a] {\n padding-right: 18px;\n}\n.create-form .el-form-item[data-v-2b0fb27a] {\n margin-bottom: 10px;\n}\n.node-list[data-v-2b0fb27a] {\n max-height: 300px;\n overflow-y: scroll;\n}\n.track-view .el-dialog__body[data-v-2b0fb27a] {\n display: flex;\n justify-content: center;\n height: 600px;\n position: relative;\n}\niframe[data-v-2b0fb27a] {\n min-height: 500px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\beforeCreate.vue","beforeCreate.vue"],"names":[],"mappings":"AAg6BA;EACA,UAAA;AC/5BA;ADk6BA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;AC/5BA;ADi6BA;EACA,qBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,SAAA;AC95BA;ADk6BA;EACA,mBAAA;AC/5BA;ADi6BA;EACA,mBAAA;AC/5BA;ADk6BA;EACA,iBAAA;EACA,kBAAA;AC/5BA;ADk6BA;EACA,aAAA;EACA,uBAAA;EACA,aAAA;EACA,kBAAA;AC/5BA;ADk6BA;EACA,iBAAA;AC/5BA;;AAEA,2CAA2C","file":"beforeCreate.vue","sourcesContent":["<template>\r\n <div>\r\n <el-dialog\r\n :visible.sync=\"flag\"\r\n width=\"45%\"\r\n class=\"flow-dialog\"\r\n :close-on-click-modal=\"false\"\r\n :title=\"revival ? '流程复活' : '创建并启动流程'\"\r\n append-to-body\r\n @closed=\"onClickCancel\"\r\n >\r\n <el-form\r\n class=\"create-form\"\r\n @submit.native.prevent\r\n label-width=\"200px\"\r\n status-icon\r\n >\r\n <el-form-item label=\"当前流程\" size=\"normal\" :rules=\"[{ required: true, message: '请选择流程' }]\">\r\n <el-select\r\n v-model=\"processDefId\"\r\n v-if=\"processDefList.length > 1\"\r\n style=\"width: 65%; margin-right: 10px\"\r\n filterable\r\n clearable\r\n @change=\"processDefChange\"\r\n placeholder=\"请选择\"\r\n >\r\n <el-option\r\n v-for=\"(item, index) in processDefList\"\r\n :key=\"item.id\"\r\n :label=\"item.name\"\r\n :value=\"item.id\"\r\n :disabled=\"item.disabled\"\r\n ></el-option>\r\n </el-select>\r\n <b class=\"process-def-name\" v-else>\r\n {{ processDefName }}\r\n </b>\r\n <div\r\n @click=\"viewFlowChart\"\r\n v-if=\"processDefId\"\r\n class=\"view-node-info\"\r\n style=\"margin-right: 10px\"\r\n >\r\n 预览\r\n </div>\r\n <div\r\n @click=\"viewFlowForecast\"\r\n v-if=\"processDefId && showFlowForecast\"\r\n class=\"view-node-info\">\r\n 流程预测\r\n </div>\r\n </el-form-item>\r\n\r\n <!-- 如果没有传入部门，则需要选择部门 -->\r\n <el-form-item v-if=\"!hasDeptId\" label=\"选择部门\" :rules=\"[{ required: true, message: '请选择部门' }]\">\r\n <selectDept\r\n class=\"dept-tree\"\r\n :deptId=\"deptId\"\r\n :ops=\"deptList\"\r\n @input=\"handleDeptChange\"\r\n />\r\n </el-form-item>\r\n\r\n <div class=\"node-list\" v-if=\"deptId\">\r\n <el-form-item\r\n v-if=\"processList && processList.length > 0\"\r\n label=\"下一步处理节点\"\r\n size=\"normal\"\r\n >\r\n </el-form-item>\r\n <template v-if=\"processList.length > 0\">\r\n <template v-for=\"(item, index) in processList\" >\r\n <userTask\r\n :index=\"index\"\r\n :personType=\"personType\"\r\n :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n :processNode=\"{\r\n ...item,\r\n REQUIRED: index == 0 ? true : false,\r\n }\"\r\n label=\"处理人\"\r\n :rules=\"[{ required: index == 0 ? true : false, message: '请选择审批人' }]\"\r\n :ref=\"setItemRef(item.id)\"\r\n @complete=\"complete\"\r\n ></userTask>\r\n <div class=\"user-task-split\" v-if=\"index !== processList.length - 1\"></div>\r\n </template>\r\n </template>\r\n\r\n <!-- <template v-if=\"otherProcessList.length > 0 && other\">\r\n <el-form-item\r\n v-if=\"processList && processList.length > 0\"\r\n label=\"其他处理节点\"\r\n size=\"normal\"\r\n >\r\n </el-form-item>\r\n\r\n <template v-if=\"processList.length > 0\">\r\n <userTask\r\n v-for=\"item in otherProcessList\"\r\n :personType=\"personType\"\r\n :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n :key=\"item.id\"\r\n :processNode=\"item\"\r\n :noprop=\"true\"\r\n :ref=\"setItemRef(item.id)\"\r\n ></userTask>\r\n </template>\r\n </template> -->\r\n </div>\r\n </el-form>\r\n <template #footer>\r\n <el-button\r\n :loading=\"btnLoading\"\r\n type=\"primary\"\r\n @click=\"onClickOperation\"\r\n >确 定</el-button\r\n >\r\n <el-button :loading=\"btnLoading\" @click=\"onClickCancel\"\r\n >取 消</el-button\r\n >\r\n </template>\r\n </el-dialog>\r\n\r\n <!-- <div class=\"dialog\"> -->\r\n <el-dialog\r\n :visible.sync=\"flowChartVisible\"\r\n width=\"60%\"\r\n append-to-body\r\n title=\"流程图信息\"\r\n class=\"track-view\"\r\n v-dialogDrag\r\n >\r\n <bpmnLook v-if=\"flowChartVisible && processXml\" ref=\"PreviewRef\" :diagram=\"processXml\"></bpmnLook>\r\n <!-- <iframe\r\n :src=\"trackUrl\"\r\n frameborder=\"0\"\r\n width=\"100%\"\r\n height=\"100%\"\r\n /> -->\r\n <!-- <el-image :src=\"trackUrl\"></el-image> -->\r\n </el-dialog>\r\n\r\n <el-dialog\r\n :visible.sync=\"flowForecastVisible\"\r\n width=\"45%\"\r\n append-to-body\r\n title=\"流程预测\"\r\n v-dialogDrag\r\n @close=\"flowForecastClose\"\r\n >\r\n <div style=\"margin-left: 20px;\">\r\n <div v-html=\"flowForecastData.completeTime\" style=\"margin-left: 40px;margin-bottom: 20px;\"></div>\r\n <el-timeline>\r\n <el-timeline-item\r\n v-for=\"(activity, index) in flowForecastData.processBudgetModelList\"\r\n :key=\"index\"\r\n icon=\"el-icon-check\"\r\n :color=\"index==0 ? '#009800': activity.color\"\r\n :timestamp=\"activity.title\" placement=\"top\">\r\n <div>\r\n <span style=\"color:#009800;\">\r\n <i class=\"el-icon-s-custom\" style=\"margin-right: 5px;\"></i>\r\n 执行人：{{activity.excutor}}\r\n </span>\r\n </div>\r\n </el-timeline-item>\r\n </el-timeline> \r\n </div>\r\n </el-dialog>\r\n \r\n <!-- </div> -->\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"./api\";\r\nimport * as Enum from \"./enum\";\r\nimport userTask from \"./operation/userTask.vue\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport bpmnLook from \"./bpmnLook.vue\";\r\nimport selectDept from \"./operation/selectDept.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n components: { userTask, bpmnLook, selectDept },\r\n props: {\r\n extraReqParams: {\r\n type: Object,\r\n default: function() {\r\n return {}\r\n },\r\n },\r\n other: {\r\n default: true,\r\n },\r\n personType: \"\",\r\n personEntity: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n beforeFunction:{\r\n type: Function,\r\n default: null\r\n },\r\n showFlowForecast: {\r\n default: false,\r\n type: Boolean,\r\n },\r\n flowForecastFunction:{\r\n type: Function,\r\n default: null\r\n }\r\n },\r\n data() {\r\n return {\r\n revivalVars: {},\r\n processData: {},\r\n absoluteTaskId: '',\r\n userTaskListData: {},\r\n flag: false,\r\n revival: false,\r\n flowChartVisible: false,\r\n flowForecastVisible: false,\r\n flowForecastData:{\r\n completeTime:'',\r\n processBudgetModelList:[]\r\n },\r\n flowForecastProcessInstId: '',\r\n btnLoading: false,\r\n processList: [],\r\n processDefId: \"\",\r\n processInstId: '',\r\n processDefName: \"\",\r\n businessId: \"\",\r\n trackUrl: \"\",\r\n processDefList: [],\r\n otherProcessList: [],\r\n callback: {},\r\n cancelCallBack: {},\r\n _multiNodeParticipant: [],\r\n _businessDeptId: \"\",\r\n businessCode: \"\",\r\n _vars: {},\r\n _appId: '',\r\n deptList: [],\r\n userInfo: {},\r\n hasDeptId: false,\r\n deptId: '',\r\n subjectId: '',\r\n processXml: '',\r\n };\r\n },\r\n provide () {\r\n return {\r\n getUserInfo: this.getUserInfo,\r\n }\r\n },\r\n methods: {\r\n getUserInfo () {\r\n return {\r\n deptId: this.deptId,\r\n subjectId: this.subjectId,\r\n }\r\n },\r\n handleDeptChange(val) {\r\n console.log(val, 'val')\r\n this.deptId = val\r\n this.getUserDataByDeptId()\r\n },\r\n complete(data) {\r\n console.log(data, 'complete')\r\n },\r\n setLoading(e) {\r\n this.btnLoading = e;\r\n },\r\n async getXml(id) {\r\n console.log(this.isXml, 'isxml')\r\n let res = {}\r\n let xml = ''\r\n try {\r\n res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n console.log(res, 'res')\r\n if (res.code == 200) {\r\n xml = res.data;\r\n }\r\n } catch (e) {\r\n console.error(e)\r\n }\r\n return xml;\r\n },\r\n async viewFlowChart() {\r\n this.flowChartVisible = true;\r\n this.processXml = await this.getXml(this.processDefId)\r\n // 打开预览窗口，后续代码不使用了\r\n if (Date.now()) return;\r\n api.repository\r\n .getDiagramUrl({\r\n processDefId: this.processDefId,\r\n diagramType: 1,\r\n type: Enum.SourceType.电脑端,\r\n })\r\n .then((res) => {\r\n res.data.url = 'http://localhost:2888/saber/#/flowPreview'\r\n this.trackUrl = this.getNewUrl(res.data.url, {...res.data})\r\n if (Date.now()) {\r\n this.flowChartVisible = true;\r\n return;\r\n }\r\n if (res.code == Enum.apiCode.success) {\r\n if (window.location.protocol == \"https:\") {\r\n if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://121.40.143.183:80/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://121.40.143.183/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://acme-aws.ddzg.cn/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://59.53.91.231:8088/\",\r\n \"https://acme-test.ddzg.cn:2119/\"\r\n )\r\n } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://59.53.91.230:8088/\",\r\n \"https://kq.ddzg.cn:8093/\"\r\n )\r\n } else {\r\n this.trackUrl = res.data\r\n }\r\n } else {\r\n this.trackUrl = res.data;\r\n }\r\n this.flowChartVisible = true;\r\n }\r\n });\r\n },\r\n // 判断url和当前网页的url域名是否相同\r\n isSameDomain(url) {\r\n return url.indexOf(window.location.host) != -1\r\n },\r\n // 根据url和query对象，拼接一个新的链接\r\n getNewUrl(url, query) {\r\n let queryStr = ''\r\n for (let key in query) {\r\n queryStr += `${key}=${query[key]}&`\r\n }\r\n // 判断url和当前网页的url域名是否相同\r\n if(!this.isSameDomain(url)){\r\n // 如果不同，则query要加上token，从localstorage获取\r\n let token = localStorage.getItem('token');\r\n queryStr += `token=${token}&`\r\n }\r\n queryStr = queryStr.slice(0, -1)\r\n return `${url}?${queryStr}`\r\n },\r\n viewFlowForecast(){\r\n if(this.flowForecastFunction){\r\n this.flowForecastFunction()\r\n }else {\r\n this.forecast({\r\n appId: this._appId ,\r\n title: '1',//title不能为空，随便传的一个值\r\n }) \r\n } \r\n },\r\n forecast(data) {\r\n this.btnLoading = true;\r\n return new Promise((resolve, reject) => {\r\n api.pis\r\n .getProcessForecast({\r\n processDefId: this.processDefId,\r\n ...data,\r\n })\r\n .then((e) => {\r\n this.btnLoading = false;\r\n if (e.code == Enum.apiCode.success) {\r\n if(e.data && e.data.processBudgetModelList && e.data.processBudgetModelList.length){\r\n this.flowForecastProcessInstId = e.data.processBudgetModelList[0].processInstId\r\n }else{\r\n e.data.processBudgetModelList = []\r\n this.flowForecastProcessInstId = ''\r\n }\r\n this.flowForecastData = e.data \r\n this.flowForecastVisible = true;\r\n resolve(e);\r\n } else {\r\n ElMessage.error(e.msg);\r\n }\r\n })\r\n .catch((e) => {\r\n this.btnLoading = false;\r\n ElMessage.error(\"流程预测失败，请重试\");\r\n reject(e);\r\n });\r\n });\r\n },\r\n flowForecastClose(){\r\n if(this.flowForecastProcessInstId){\r\n api.pis\r\n .deleteProcessById(this.flowForecastProcessInstId)\r\n .then((res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.flowForecastVisible = false;\r\n this.flowForecastData = {\r\n completeTime:'',\r\n processBudgetModelList:[]\r\n }\r\n this.flowForecastProcessInstId = ''\r\n }\r\n });\r\n }else{\r\n this.flowForecastVisible = false; \r\n this.flowForecastData = {\r\n completeTime:'',\r\n processBudgetModelList:[]\r\n }\r\n }\r\n },\r\n processDefChange(processId) {\r\n this.processDefId = processId;\r\n api.repository.getFirstProcessNode(this.processDefId).then(async (res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.processList = res.data;\r\n this.flag = true;\r\n\r\n // 获取部门\r\n await this.getNodeUserDept()\r\n // // 获取部门id\r\n // const deptId = info.userInfo.deptId\r\n // this.deptId = deptId\r\n // 没有传入部门，则需要在选择部门后进行后续操作\r\n if (!this.deptId) return;\r\n this.getUserDataByDeptId()\r\n // 获取人员，没有人则是之前的选人逻辑\r\n\r\n // api.repository\r\n // .getAfferentParticipantNodeList(this.processDefId)\r\n // .then((e) => {\r\n // this.otherProcessList = e.data.filter((el) => {\r\n // return el[\"id\"] != this.processList[0][\"id\"];\r\n // });\r\n // this.otherProcessList.map((el) => {\r\n // el[\"REQUIRED\"] = false;\r\n // });\r\n // });\r\n }\r\n });\r\n // api.repository.getAfferentParticipantNodeList(processId).then((res) => {\r\n // if (res.code == Enum.apiCode.success) {\r\n // res.data.map((item) => {\r\n // item.type = \"UserTaskModel\";\r\n // });\r\n // this.processList = res.data;\r\n // let tmp = JSON.parse(JSON.stringify(res.data));\r\n // tmp.shift();\r\n // this.otherProcessList = tmp;\r\n // }\r\n // });\r\n },\r\n setItemRef(key) {\r\n this.userTaskListData[key] = \"userTask\" + key;\r\n return this.userTaskListData[key];\r\n },\r\n isOption(humanPerformer) {\r\n return (\r\n humanPerformer == \"任意指定\" ||\r\n humanPerformer == \"固定部门\" ||\r\n humanPerformer == \"固定单位\" ||\r\n humanPerformer == \"固定群组\"\r\n );\r\n },\r\n createAndStart(data) {\r\n this.btnLoading = true;\r\n return new Promise((resolve, reject) => {\r\n api.pis\r\n .createAndStart({\r\n processDefId: this.processDefId,\r\n multiNodeParticipant: this._multiNodeParticipant,\r\n firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n // vars: this._businessDeptId\r\n // ? { _businessDeptId: this._businessDeptId, ...this._vars }\r\n // : this._vars,\r\n vars: {\r\n showType: \"all\",\r\n subjectId: this.subjectId,\r\n deptId: this.deptId,\r\n businessType: this.businessCode,\r\n ...data,\r\n ...this._vars,\r\n }\r\n })\r\n .then((e) => {\r\n this.btnLoading = false;\r\n if (e.code == Enum.apiCode.success) {\r\n this.flag = false;\r\n resolve(e);\r\n } else {\r\n ElMessage.error(e.msg);\r\n }\r\n })\r\n .catch((e) => {\r\n this.btnLoading = false;\r\n ElMessage.error(\"流程启动失败，请重试\");\r\n reject(e);\r\n });\r\n });\r\n },\r\n revivalFlow(data = {}, history = false, msg = \"流程复活\") {\r\n console.log(msg, '流程复活')\r\n this.btnLoading = true;\r\n return new Promise((resolve, reject) => {\r\n const vars = {\r\n ...this.revivalVars,\r\n showType: \"all\",\r\n subjectId: this.subjectId,\r\n deptId: this.deptId,\r\n businessType: this.businessCode,\r\n ...data,\r\n ...this._vars,\r\n }\r\n Object.keys(vars).forEach((key) => {\r\n // 字符串转小写\r\n const fk = key.toLowerCase();\r\n if (fk.includes('_')) {\r\n delete vars[key];\r\n }\r\n if (fk == 'appShow') {\r\n delete vars[key];\r\n }\r\n })\r\n api.pis\r\n .reactivate(\r\n {\r\n reactivate: true,\r\n processDefId: this.processDefId,\r\n processInstId: this.processInstId,\r\n isClearHistory: this.isClearHistory,\r\n // reactivateReason: \"重新提交\",\r\n multiNodeParticipant: this._multiNodeParticipant,\r\n firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n vars,\r\n },\r\n \"\",\r\n this.businessId,\r\n msg,\r\n \"\",\r\n history,\r\n this._multiNodeParticipant,\r\n this.extraReqParams,\r\n )\r\n .then((e) => {\r\n this.btnLoading = false;\r\n if (e.code == Enum.apiCode.success) {\r\n this.flag = false;\r\n resolve(e);\r\n } else {\r\n ElMessage.error(e.msg);\r\n }\r\n })\r\n .catch((e) => {\r\n this.btnLoading = false;\r\n ElMessage.error(\"流程复活失败，请重试\");\r\n reject(e);\r\n });\r\n });\r\n },\r\n Show(processDefId, appid = \"\", revival = false) {\r\n this.processList = [];\r\n this.revival = revival;\r\n this.processDefId = processDefId;\r\n\r\n if (appid) {\r\n api.repository.getProcessDefList(appid, \"\").then((e) => {\r\n if (e.code == Enum.apiCode.success) {\r\n e.data.map((item) => {\r\n if (item.id == processDefId) {\r\n this.processDefName = item.name;\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n return new Promise((resolve, reject) => {\r\n this.cancelCallBack = reject;\r\n api.repository.getFirstProcessNode(processDefId).then(async (res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.processList = res.data;\r\n this.flag = true;\r\n\r\n // 获取部门\r\n await this.getNodeUserDept()\r\n // 没有传入部门，则需要在选择部门后进行后续操作\r\n if (!this.deptId) return;\r\n this.getUserDataByDeptId()\r\n\r\n this.callback = resolve;\r\n // api.repository\r\n // .getAfferentParticipantNodeList(processDefId)\r\n // .then((e) => {\r\n // this.otherProcessList = e.data.filter((el) => {\r\n // return el[\"id\"] != this.processList[0][\"id\"];\r\n // });\r\n // this.otherProcessList.map((el) => {\r\n // el[\"REQUIRED\"] = false;\r\n // });\r\n // });\r\n }\r\n });\r\n });\r\n },\r\n selectShow(\r\n info = {\r\n appId: \"\",\r\n businessCode: \"\",\r\n keyWord: \"\",\r\n businessDeptId: \"\",\r\n userInfo: {},\r\n }\r\n ) {\r\n this.processList = [];\r\n this.otherProcessList = [];\r\n this.processDefId = \"\";\r\n this.processDefName = \"\";\r\n this.revival = false;\r\n this._appId = info.appId\r\n this._businessDeptId = info.businessDeptId;\r\n this.businessCode = info.businessCode\r\n this.userInfo = info.userInfo;\r\n // 获取部门id\r\n this.deptId = info.userInfo.deptId\r\n // 获取主体id\r\n this.subjectId = info.userInfo.subjectId\r\n this.hasDeptId = !!info.userInfo.deptId\r\n console.log('======_businessDeptId',this._businessDeptId);\r\n return new Promise((resolve, reject) => {\r\n console.log(reject, 'reject')\r\n this.cancelCallBack = reject;\r\n api.repository\r\n .getProcessDefListNew(info)\r\n .then((e) => {\r\n if (e.code == Enum.apiCode.success) {\r\n if (e.data.length == 1) {\r\n this.processDefList = e.data;\r\n this.processDefId = e.data[0].id;\r\n this.processDefName = e.data[0].name;\r\n api.repository\r\n .getFirstProcessNode(this.processDefId)\r\n .then(async (res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n console.log(res, 'res')\r\n this.processList = res.data;\r\n this.flag = true;\r\n this.callback = resolve;\r\n // 获取部门\r\n await this.getNodeUserDept()\r\n // 没有传入部门，则需要在选择部门后进行后续操作\r\n if (!this.deptId) return;\r\n this.getUserDataByDeptId()\r\n // 获取人员，没有人则是之前的选人逻辑\r\n\r\n \r\n // api.repository\r\n // .getAfferentParticipantNodeList(this.processDefId)\r\n // .then((e) => {\r\n // this.otherProcessList = e.data.filter((el) => {\r\n // return el[\"id\"] != this.processList[0][\"id\"];\r\n // });\r\n // this.otherProcessList.map((el) => {\r\n // el[\"REQUIRED\"] = false;\r\n // });\r\n // });\r\n }\r\n });\r\n } else {\r\n this.processList = [];\r\n this.otherProcessList = [];\r\n this.processDefId = \"\";\r\n this.processDefName = \"\";\r\n this.processDefList = e.data;\r\n\r\n if (info.keyWord) {\r\n this.processDefList.map((item) => {\r\n if (\r\n item.name.indexOf(info.keyWord) != -1 &&\r\n !this.processDefId\r\n ) {\r\n this.processDefId = item.id;\r\n this.processDefName = item.name;\r\n this.processDefChange(item.id);\r\n }\r\n });\r\n }\r\n this.flag = true;\r\n this.callback = resolve;\r\n }\r\n }\r\n });\r\n });\r\n },\r\n // 处理routeTxt\r\n handleRouteTxt(item) {\r\n let str\r\n // 交集\r\n if (item.assigneeRetain == true) {\r\n return \r\n }\r\n },\r\n // 通过部门id获取流程节点的人员\r\n getUserDataByDeptId() {\r\n this.processList.map(async (item, index) => {\r\n console.log(item, 'item')\r\n const nodeUserParams = getNodeUserParams(item)\r\n let res\r\n try {\r\n res = await this.getNodeUser({\r\n deptId: this.deptId,\r\n intersection: nodeUserParams.intersection ? 1 : 0,\r\n userIds: nodeUserParams.userIds,\r\n postIds: nodeUserParams.postIds,\r\n deptIds: nodeUserParams.deptIds,\r\n })\r\n } catch (error) {\r\n console.log(error, 'error')\r\n }\r\n if (res.code == Enum.apiCode.success) {\r\n const l = this.processList[index]\r\n l.userList = res.data\r\n this.$set(this.processList, index, l)\r\n\r\n }\r\n // console.log(user, 'user', index)\r\n })\r\n },\r\n // 获取节点的人员\r\n async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n return await api.user.getTaskAuditor({\r\n deptId,\r\n intersection,\r\n userIds,\r\n postIds,\r\n deptIds\r\n })\r\n },\r\n // 获取节点人员的部门\r\n async getNodeUserDept() {\r\n let res = {}\r\n try {\r\n res = await api.user.getSelectTree()\r\n console.log(res, 'res')\r\n } catch (error) {\r\n console.log(error, 'error')\r\n }\r\n console.log(res.data, 'data')\r\n this.deptList = res.data || []\r\n },\r\n\r\n listShow(list) {\r\n this.processList = [];\r\n this.otherProcessList = [];\r\n this.processDefId = \"\";\r\n this.processDefName = \"\";\r\n this.revival = false;\r\n return new Promise((resolve, reject) => {\r\n if (list.length == 1) {\r\n this.processDefId = list[0].id;\r\n this.processDefName = list[0].name;\r\n this.cancelCallBack = reject;\r\n api.repository.getFirstProcessNode(this.processDefId).then((res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.processList = res.data;\r\n this.flag = true;\r\n this.callback = resolve;\r\n api.repository\r\n .getAfferentParticipantNodeList(this.processDefId)\r\n .then((e) => {\r\n this.otherProcessList = e.data.filter((el) => {\r\n return el[\"id\"] != this.processList[0][\"id\"];\r\n });\r\n this.otherProcessList.map((el) => {\r\n el[\"REQUIRED\"] = false;\r\n });\r\n });\r\n }\r\n });\r\n } else {\r\n this.processDefList = list;\r\n this.flag = true;\r\n this.callback = resolve;\r\n }\r\n });\r\n },\r\n // 流程\r\n async getProcessInfo({ taskId, processInstId }) {\r\n\r\n let res = {};\r\n try {\r\n res = await api.tis.getTaskModelDetail(taskId ? {\r\n processInstId,\r\n taskId,\r\n } : {\r\n processInstId,\r\n })\r\n } catch (e) {\r\n res = {}\r\n }\r\n \r\n if (res.code == 200) {\r\n \r\n }\r\n return res\r\n },\r\n async revivalShow({ processInstId, businessId, taskId, deptId }) {\r\n this.processInstId = processInstId\r\n this.hasDeptId = !!deptId\r\n let res = await this.getProcessInfo({ taskId, processInstId })\r\n // let res = await api.pis.getProcessInstanceByBusinessKey(businessId);\r\n if (res.code == 200) {\r\n this.processData = {\r\n ...this.initProcessData,\r\n ...(res.data || {}),\r\n };\r\n const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n this.deptId = deptId\r\n this._businessDeptId = deptId\r\n this.hasDeptId = !!deptId\r\n const taskId = (this.processData.process || {}).taskId\r\n this.absoluteTaskId = taskId\r\n console.log(deptId, 'id')\r\n\r\n this.revival = true;\r\n this.businessId = businessId;\r\n this.subjectId = res.data.process.variables.subjectId\r\n this.businessCode = res.data.process.variables.businessType\r\n this.revivalVars = res.data.process.variables;\r\n\r\n this.processDefId = res.data.process.processDefinitionId;\r\n this.processDefName = res.data.process.processDefinitionName;\r\n this.processDefList = [];\r\n \r\n return this.Show(res.data.process.processDefinitionId, \"\", true);\r\n }\r\n \r\n },\r\n onClickOperation() {\r\n if(!this.processDefId || this.processDefId==''){\r\n ElMessage.warning(\"请选择流程\");\r\n return false;\r\n }\r\n let multiNodeParticipant = {},\r\n vars = {};\r\n for (let key in this.userTaskListData) {\r\n let o = this.userTaskListData[key];\r\n let refCom = this.$refs[o][0];\r\n let res = refCom\r\n ? refCom.getValue()\r\n : { multiNodeParticipant: [], vars: {} };\r\n if (!res) {\r\n return false;\r\n }\r\n console.log(res, 'res')\r\n multiNodeParticipant = {\r\n ...multiNodeParticipant,\r\n ...res.multiNodeParticipant,\r\n };\r\n vars = { ...vars, ...res.vars };\r\n console.log(vars, 'vars')\r\n }\r\n this._multiNodeParticipant = multiNodeParticipant;\r\n this._vars = vars;\r\n if(this.beforeFunction){\r\n this.beforeFunction()\r\n }else if (this.callback) {\r\n this.callback(this.revival ? this.revivalFlow : this.createAndStart);\r\n }\r\n // this.flag = false;\r\n },\r\n onClickCancel() {\r\n this.flag = false;\r\n this.btnLoading = false;\r\n if (this.cancelCallBack) this.cancelCallBack();\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.flow-dialog {\r\n .el-dialog__header {\r\n padding: 18px 24px;\r\n font-size: 18px;\r\n font-weight: 400;\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.flow-dialog :deep(.el-dialog__body) {\r\n border-top: 1px solid #dadbde;\r\n border-bottom: 1px solid #dadbde;\r\n overflow: visible;\r\n overflow-x: hidden;\r\n}\r\n\r\n.flow-dialog {\r\n .el-dialog__footer {\r\n padding: 12px !important;\r\n text-align: center;\r\n }\r\n .el-dialog__headerbtn {\r\n top: 10px;\r\n right: 16px;\r\n }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dept-tree {\r\n width: 65%;\r\n}\r\n\r\n.process-def-name {\r\n font-weight: bold;\r\n margin-right: 20px;\r\n font-size: 16px;\r\n}\r\n.view-node-info {\r\n display: inline-block;\r\n cursor: pointer;\r\n color: #1389ff;\r\n font-size: 14px;\r\n margin: 0;\r\n}\r\n\r\n.create-form {\r\n .el-form-item__label {\r\n padding-right: 18px;\r\n }\r\n .el-form-item {\r\n margin-bottom: 10px;\r\n }\r\n}\r\n.node-list {\r\n max-height: 300px;\r\n overflow-y: scroll;\r\n}\r\n.track-view {\r\n .el-dialog__body {\r\n display: flex;\r\n justify-content: center;\r\n height: 600px;\r\n position: relative;\r\n }\r\n}\r\niframe {\r\n min-height: 500px;\r\n}\r\n</style>\r\n",".dept-tree {\n width: 65%;\n}\n\n.process-def-name {\n font-weight: bold;\n margin-right: 20px;\n font-size: 16px;\n}\n\n.view-node-info {\n display: inline-block;\n cursor: pointer;\n color: #1389ff;\n font-size: 14px;\n margin: 0;\n}\n\n.create-form .el-form-item__label {\n padding-right: 18px;\n}\n.create-form .el-form-item {\n margin-bottom: 10px;\n}\n\n.node-list {\n max-height: 300px;\n overflow-y: scroll;\n}\n\n.track-view .el-dialog__body {\n display: flex;\n justify-content: center;\n height: 600px;\n position: relative;\n}\n\niframe {\n min-height: 500px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */"]}, media: undefined });
|
|
11943
|
+
inject("data-v-1b8bde7a_0", { source: ".flow-dialog .el-dialog__header {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n display: flex;\n align-items: center;\n}\n.flow-dialog :deep(.el-dialog__body) {\n border-top: 1px solid #dadbde;\n border-bottom: 1px solid #dadbde;\n overflow: visible;\n overflow-x: hidden;\n}\n.flow-dialog .el-dialog__footer {\n padding: 12px !important;\n text-align: center;\n}\n.flow-dialog .el-dialog__headerbtn {\n top: 10px;\n right: 16px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\beforeCreate.vue","beforeCreate.vue"],"names":[],"mappings":"AAo4BA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;ACn4BA;ADu4BA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,kBAAA;ACp4BA;ADw4BA;EACA,wBAAA;EACA,kBAAA;ACr4BA;ADu4BA;EACA,SAAA;EACA,WAAA;ACr4BA;;AAEA,2CAA2C","file":"beforeCreate.vue","sourcesContent":["<template>\r\n <div>\r\n <el-dialog\r\n :visible.sync=\"flag\"\r\n width=\"45%\"\r\n class=\"flow-dialog\"\r\n :close-on-click-modal=\"false\"\r\n :title=\"revival ? '流程复活' : '创建并启动流程'\"\r\n append-to-body\r\n @closed=\"onClickCancel\"\r\n >\r\n <el-form\r\n class=\"create-form\"\r\n @submit.native.prevent\r\n label-width=\"200px\"\r\n status-icon\r\n >\r\n <el-form-item label=\"当前流程\" size=\"normal\" :rules=\"[{ required: true, message: '请选择流程' }]\">\r\n <el-select\r\n v-model=\"processDefId\"\r\n v-if=\"processDefList.length > 1\"\r\n style=\"width: 65%; margin-right: 10px\"\r\n filterable\r\n clearable\r\n @change=\"processDefChange\"\r\n placeholder=\"请选择\"\r\n >\r\n <el-option\r\n v-for=\"(item, index) in processDefList\"\r\n :key=\"item.id\"\r\n :label=\"item.name\"\r\n :value=\"item.id\"\r\n :disabled=\"item.disabled\"\r\n ></el-option>\r\n </el-select>\r\n <b class=\"process-def-name\" v-else>\r\n {{ processDefName }}\r\n </b>\r\n <div\r\n @click=\"viewFlowChart\"\r\n v-if=\"processDefId\"\r\n class=\"view-node-info\"\r\n style=\"margin-right: 10px\"\r\n >\r\n 预览\r\n </div>\r\n <div\r\n @click=\"viewFlowForecast\"\r\n v-if=\"processDefId && showFlowForecast\"\r\n class=\"view-node-info\">\r\n 流程预测\r\n </div>\r\n </el-form-item>\r\n\r\n <!-- 如果没有传入部门，则需要选择部门 -->\r\n <el-form-item v-if=\"!hasDeptId\" label=\"选择部门\" :rules=\"[{ required: true, message: '请选择部门' }]\">\r\n <selectDept\r\n class=\"dept-tree\"\r\n :deptId=\"deptId\"\r\n :ops=\"deptList\"\r\n @input=\"handleDeptChange\"\r\n />\r\n </el-form-item>\r\n\r\n <div class=\"node-list\" v-if=\"deptId\">\r\n <el-form-item\r\n v-if=\"processList && processList.length > 0\"\r\n label=\"下一步处理节点\"\r\n size=\"normal\"\r\n >\r\n </el-form-item>\r\n <template v-if=\"processList.length > 0\">\r\n <template v-for=\"(item, index) in processList\" >\r\n <userTask\r\n :index=\"index\"\r\n :personType=\"personType\"\r\n :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n :processNode=\"{\r\n ...item,\r\n REQUIRED: index == 0 ? true : false,\r\n }\"\r\n label=\"处理人\"\r\n :rules=\"[{ required: index == 0 ? true : false, message: '请选择审批人' }]\"\r\n :ref=\"setItemRef(item.id)\"\r\n @complete=\"complete\"\r\n ></userTask>\r\n <div class=\"user-task-split\" v-if=\"index !== processList.length - 1\"></div>\r\n </template>\r\n </template>\r\n\r\n <!-- <template v-if=\"otherProcessList.length > 0 && other\">\r\n <el-form-item\r\n v-if=\"processList && processList.length > 0\"\r\n label=\"其他处理节点\"\r\n size=\"normal\"\r\n >\r\n </el-form-item>\r\n\r\n <template v-if=\"processList.length > 0\">\r\n <userTask\r\n v-for=\"item in otherProcessList\"\r\n :personType=\"personType\"\r\n :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n :key=\"item.id\"\r\n :processNode=\"item\"\r\n :noprop=\"true\"\r\n :ref=\"setItemRef(item.id)\"\r\n ></userTask>\r\n </template>\r\n </template> -->\r\n </div>\r\n </el-form>\r\n <template #footer>\r\n <el-button\r\n :loading=\"btnLoading\"\r\n type=\"primary\"\r\n @click=\"onClickOperation\"\r\n >确 定</el-button\r\n >\r\n <el-button :loading=\"btnLoading\" @click=\"onClickCancel\"\r\n >取 消</el-button\r\n >\r\n </template>\r\n </el-dialog>\r\n\r\n <!-- <div class=\"dialog\"> -->\r\n <el-dialog\r\n :visible.sync=\"flowChartVisible\"\r\n width=\"60%\"\r\n append-to-body\r\n title=\"流程图信息\"\r\n class=\"track-view\"\r\n v-dialogDrag\r\n >\r\n <bpmnLook v-if=\"flowChartVisible && processXml\" ref=\"PreviewRef\" :diagram=\"processXml\"></bpmnLook>\r\n <!-- <iframe\r\n :src=\"trackUrl\"\r\n frameborder=\"0\"\r\n width=\"100%\"\r\n height=\"100%\"\r\n /> -->\r\n <!-- <el-image :src=\"trackUrl\"></el-image> -->\r\n </el-dialog>\r\n\r\n <el-dialog\r\n :visible.sync=\"flowForecastVisible\"\r\n width=\"45%\"\r\n append-to-body\r\n title=\"流程预测\"\r\n v-dialogDrag\r\n @close=\"flowForecastClose\"\r\n >\r\n <div style=\"margin-left: 20px;\">\r\n <div v-html=\"flowForecastData.completeTime\" style=\"margin-left: 40px;margin-bottom: 20px;\"></div>\r\n <el-timeline>\r\n <el-timeline-item\r\n v-for=\"(activity, index) in flowForecastData.processBudgetModelList\"\r\n :key=\"index\"\r\n icon=\"el-icon-check\"\r\n :color=\"index==0 ? '#009800': activity.color\"\r\n :timestamp=\"activity.title\" placement=\"top\">\r\n <div>\r\n <span style=\"color:#009800;\">\r\n <i class=\"el-icon-s-custom\" style=\"margin-right: 5px;\"></i>\r\n 执行人：{{activity.excutor}}\r\n </span>\r\n </div>\r\n </el-timeline-item>\r\n </el-timeline> \r\n </div>\r\n </el-dialog>\r\n \r\n <!-- </div> -->\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"./api\";\r\nimport * as Enum from \"./enum\";\r\nimport userTask from \"./operation/userTask.vue\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport bpmnLook from \"./bpmnLook.vue\";\r\nimport selectDept from \"./operation/selectDept.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n components: { userTask, bpmnLook, selectDept },\r\n props: {\r\n extraReqParams: {\r\n type: Object,\r\n default: function() {\r\n return {}\r\n },\r\n },\r\n other: {\r\n default: true,\r\n },\r\n personType: \"\",\r\n personEntity: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n beforeFunction:{\r\n type: Function,\r\n default: null\r\n },\r\n showFlowForecast: {\r\n default: false,\r\n type: Boolean,\r\n },\r\n flowForecastFunction:{\r\n type: Function,\r\n default: null\r\n }\r\n },\r\n data() {\r\n return {\r\n revivalVars: {},\r\n processData: {},\r\n absoluteTaskId: '',\r\n userTaskListData: {},\r\n flag: false,\r\n revival: false,\r\n flowChartVisible: false,\r\n flowForecastVisible: false,\r\n flowForecastData:{\r\n completeTime:'',\r\n processBudgetModelList:[]\r\n },\r\n flowForecastProcessInstId: '',\r\n btnLoading: false,\r\n processList: [],\r\n processDefId: \"\",\r\n processInstId: '',\r\n processDefName: \"\",\r\n businessId: \"\",\r\n trackUrl: \"\",\r\n processDefList: [],\r\n otherProcessList: [],\r\n callback: {},\r\n cancelCallBack: {},\r\n _multiNodeParticipant: [],\r\n _businessDeptId: \"\",\r\n businessCode: \"\",\r\n _vars: {},\r\n _appId: '',\r\n deptList: [],\r\n userInfo: {},\r\n hasDeptId: false,\r\n deptId: '',\r\n subjectId: '',\r\n processXml: '',\r\n };\r\n },\r\n provide () {\r\n return {\r\n getUserInfo: this.getUserInfo,\r\n }\r\n },\r\n methods: {\r\n getUserInfo () {\r\n return {\r\n deptId: this.deptId,\r\n subjectId: this.subjectId,\r\n }\r\n },\r\n handleDeptChange(val) {\r\n console.log(val, 'val')\r\n this.deptId = val\r\n this.getUserDataByDeptId()\r\n },\r\n complete(data) {\r\n console.log(data, 'complete')\r\n },\r\n setLoading(e) {\r\n this.btnLoading = e;\r\n },\r\n async getXml(id) {\r\n console.log(this.isXml, 'isxml')\r\n let res = {}\r\n let xml = ''\r\n try {\r\n res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n console.log(res, 'res')\r\n if (res.code == 200) {\r\n xml = res.data;\r\n }\r\n } catch (e) {\r\n console.error(e)\r\n }\r\n return xml;\r\n },\r\n async viewFlowChart() {\r\n this.flowChartVisible = true;\r\n this.processXml = await this.getXml(this.processDefId)\r\n // 打开预览窗口，后续代码不使用了\r\n if (Date.now()) return;\r\n api.repository\r\n .getDiagramUrl({\r\n processDefId: this.processDefId,\r\n diagramType: 1,\r\n type: Enum.SourceType.电脑端,\r\n })\r\n .then((res) => {\r\n res.data.url = 'http://localhost:2888/saber/#/flowPreview'\r\n this.trackUrl = this.getNewUrl(res.data.url, {...res.data})\r\n if (Date.now()) {\r\n this.flowChartVisible = true;\r\n return;\r\n }\r\n if (res.code == Enum.apiCode.success) {\r\n if (window.location.protocol == \"https:\") {\r\n if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://121.40.143.183:80/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://121.40.143.183/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://acme-aws.ddzg.cn/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://59.53.91.231:8088/\",\r\n \"https://acme-test.ddzg.cn:2119/\"\r\n )\r\n } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://59.53.91.230:8088/\",\r\n \"https://kq.ddzg.cn:8093/\"\r\n )\r\n } else {\r\n this.trackUrl = res.data\r\n }\r\n } else {\r\n this.trackUrl = res.data;\r\n }\r\n this.flowChartVisible = true;\r\n }\r\n });\r\n },\r\n // 判断url和当前网页的url域名是否相同\r\n isSameDomain(url) {\r\n return url.indexOf(window.location.host) != -1\r\n },\r\n // 根据url和query对象，拼接一个新的链接\r\n getNewUrl(url, query) {\r\n let queryStr = ''\r\n for (let key in query) {\r\n queryStr += `${key}=${query[key]}&`\r\n }\r\n // 判断url和当前网页的url域名是否相同\r\n if(!this.isSameDomain(url)){\r\n // 如果不同，则query要加上token，从localstorage获取\r\n let token = localStorage.getItem('token');\r\n queryStr += `token=${token}&`\r\n }\r\n queryStr = queryStr.slice(0, -1)\r\n return `${url}?${queryStr}`\r\n },\r\n viewFlowForecast(){\r\n if(this.flowForecastFunction){\r\n this.flowForecastFunction()\r\n }else {\r\n this.forecast({\r\n appId: this._appId ,\r\n title: '1',//title不能为空，随便传的一个值\r\n }) \r\n } \r\n },\r\n forecast(data) {\r\n this.btnLoading = true;\r\n return new Promise((resolve, reject) => {\r\n api.pis\r\n .getProcessForecast({\r\n processDefId: this.processDefId,\r\n ...data,\r\n })\r\n .then((e) => {\r\n this.btnLoading = false;\r\n if (e.code == Enum.apiCode.success) {\r\n if(e.data && e.data.processBudgetModelList && e.data.processBudgetModelList.length){\r\n this.flowForecastProcessInstId = e.data.processBudgetModelList[0].processInstId\r\n }else{\r\n e.data.processBudgetModelList = []\r\n this.flowForecastProcessInstId = ''\r\n }\r\n this.flowForecastData = e.data \r\n this.flowForecastVisible = true;\r\n resolve(e);\r\n } else {\r\n ElMessage.error(e.msg);\r\n }\r\n })\r\n .catch((e) => {\r\n this.btnLoading = false;\r\n ElMessage.error(\"流程预测失败，请重试\");\r\n reject(e);\r\n });\r\n });\r\n },\r\n flowForecastClose(){\r\n if(this.flowForecastProcessInstId){\r\n api.pis\r\n .deleteProcessById(this.flowForecastProcessInstId)\r\n .then((res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.flowForecastVisible = false;\r\n this.flowForecastData = {\r\n completeTime:'',\r\n processBudgetModelList:[]\r\n }\r\n this.flowForecastProcessInstId = ''\r\n }\r\n });\r\n }else{\r\n this.flowForecastVisible = false; \r\n this.flowForecastData = {\r\n completeTime:'',\r\n processBudgetModelList:[]\r\n }\r\n }\r\n },\r\n processDefChange(processId) {\r\n this.processDefId = processId;\r\n api.repository.getFirstProcessNode(this.processDefId).then(async (res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.processList = res.data;\r\n this.flag = true;\r\n\r\n // 获取部门\r\n await this.getNodeUserDept()\r\n // // 获取部门id\r\n // const deptId = info.userInfo.deptId\r\n // this.deptId = deptId\r\n // 没有传入部门，则需要在选择部门后进行后续操作\r\n if (!this.deptId) return;\r\n this.getUserDataByDeptId()\r\n // 获取人员，没有人则是之前的选人逻辑\r\n\r\n // api.repository\r\n // .getAfferentParticipantNodeList(this.processDefId)\r\n // .then((e) => {\r\n // this.otherProcessList = e.data.filter((el) => {\r\n // return el[\"id\"] != this.processList[0][\"id\"];\r\n // });\r\n // this.otherProcessList.map((el) => {\r\n // el[\"REQUIRED\"] = false;\r\n // });\r\n // });\r\n }\r\n });\r\n // api.repository.getAfferentParticipantNodeList(processId).then((res) => {\r\n // if (res.code == Enum.apiCode.success) {\r\n // res.data.map((item) => {\r\n // item.type = \"UserTaskModel\";\r\n // });\r\n // this.processList = res.data;\r\n // let tmp = JSON.parse(JSON.stringify(res.data));\r\n // tmp.shift();\r\n // this.otherProcessList = tmp;\r\n // }\r\n // });\r\n },\r\n setItemRef(key) {\r\n this.userTaskListData[key] = \"userTask\" + key;\r\n return this.userTaskListData[key];\r\n },\r\n isOption(humanPerformer) {\r\n return (\r\n humanPerformer == \"任意指定\" ||\r\n humanPerformer == \"固定部门\" ||\r\n humanPerformer == \"固定单位\" ||\r\n humanPerformer == \"固定群组\"\r\n );\r\n },\r\n createAndStart(data) {\r\n this.btnLoading = true;\r\n return new Promise((resolve, reject) => {\r\n api.pis\r\n .createAndStart({\r\n processDefId: this.processDefId,\r\n multiNodeParticipant: this._multiNodeParticipant,\r\n firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n // vars: this._businessDeptId\r\n // ? { _businessDeptId: this._businessDeptId, ...this._vars }\r\n // : this._vars,\r\n vars: {\r\n showType: \"all\",\r\n subjectId: this.subjectId,\r\n deptId: this.deptId,\r\n businessType: this.businessCode,\r\n ...data,\r\n ...this._vars,\r\n }\r\n })\r\n .then((e) => {\r\n this.btnLoading = false;\r\n if (e.code == Enum.apiCode.success) {\r\n this.flag = false;\r\n resolve(e);\r\n } else {\r\n ElMessage.error(e.msg);\r\n }\r\n })\r\n .catch((e) => {\r\n this.btnLoading = false;\r\n ElMessage.error(\"流程启动失败，请重试\");\r\n reject(e);\r\n });\r\n });\r\n },\r\n revivalFlow(data = {}, history = false, msg = \"流程复活\") {\r\n console.log(msg, '流程复活')\r\n this.btnLoading = true;\r\n return new Promise((resolve, reject) => {\r\n const vars = {\r\n ...this.revivalVars,\r\n showType: \"all\",\r\n subjectId: this.subjectId,\r\n deptId: this.deptId,\r\n businessType: this.businessCode,\r\n ...data,\r\n ...this._vars,\r\n }\r\n Object.keys(vars).forEach((key) => {\r\n // 字符串转小写\r\n const fk = key.toLowerCase();\r\n if (fk.includes('_')) {\r\n delete vars[key];\r\n }\r\n if (fk == 'appShow') {\r\n delete vars[key];\r\n }\r\n })\r\n api.pis\r\n .reactivate(\r\n {\r\n reactivate: true,\r\n processDefId: this.processDefId,\r\n processInstId: this.processInstId,\r\n isClearHistory: this.isClearHistory,\r\n // reactivateReason: \"重新提交\",\r\n multiNodeParticipant: this._multiNodeParticipant,\r\n firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n vars,\r\n },\r\n \"\",\r\n this.businessId,\r\n msg,\r\n \"\",\r\n history,\r\n this._multiNodeParticipant,\r\n this.extraReqParams,\r\n )\r\n .then((e) => {\r\n this.btnLoading = false;\r\n if (e.code == Enum.apiCode.success) {\r\n this.flag = false;\r\n resolve(e);\r\n } else {\r\n ElMessage.error(e.msg);\r\n }\r\n })\r\n .catch((e) => {\r\n this.btnLoading = false;\r\n ElMessage.error(\"流程复活失败，请重试\");\r\n reject(e);\r\n });\r\n });\r\n },\r\n Show(processDefId, appid = \"\", revival = false) {\r\n this.processList = [];\r\n this.revival = revival;\r\n this.processDefId = processDefId;\r\n\r\n if (appid) {\r\n api.repository.getProcessDefList(appid, \"\").then((e) => {\r\n if (e.code == Enum.apiCode.success) {\r\n e.data.map((item) => {\r\n if (item.id == processDefId) {\r\n this.processDefName = item.name;\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n return new Promise((resolve, reject) => {\r\n this.cancelCallBack = reject;\r\n api.repository.getFirstProcessNode(processDefId).then(async (res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.processList = res.data;\r\n this.flag = true;\r\n\r\n // 获取部门\r\n await this.getNodeUserDept()\r\n // 没有传入部门，则需要在选择部门后进行后续操作\r\n if (!this.deptId) return;\r\n this.getUserDataByDeptId()\r\n\r\n this.callback = resolve;\r\n // api.repository\r\n // .getAfferentParticipantNodeList(processDefId)\r\n // .then((e) => {\r\n // this.otherProcessList = e.data.filter((el) => {\r\n // return el[\"id\"] != this.processList[0][\"id\"];\r\n // });\r\n // this.otherProcessList.map((el) => {\r\n // el[\"REQUIRED\"] = false;\r\n // });\r\n // });\r\n }\r\n });\r\n });\r\n },\r\n selectShow(\r\n info = {\r\n appId: \"\",\r\n businessCode: \"\",\r\n businessType: \"\",\r\n keyWord: \"\",\r\n businessDeptId: \"\",\r\n userInfo: {},\r\n }\r\n ) {\r\n this.processList = [];\r\n this.otherProcessList = [];\r\n this.processDefId = \"\";\r\n this.processDefName = \"\";\r\n this.revival = false;\r\n this._appId = info.appId\r\n this._businessDeptId = info.businessDeptId;\r\n this.businessCode = info.businessCode || info.businessType;\r\n this.userInfo = info.userInfo;\r\n // 获取部门id\r\n this.deptId = info.userInfo.deptId\r\n // 获取主体id\r\n this.subjectId = info.userInfo.subjectId\r\n this.hasDeptId = !!info.userInfo.deptId\r\n console.log('======_businessDeptId',this._businessDeptId);\r\n return new Promise((resolve, reject) => {\r\n console.log(reject, 'reject')\r\n this.cancelCallBack = reject;\r\n api.repository\r\n .getProcessDefListNew(info)\r\n .then((e) => {\r\n if (e.code == Enum.apiCode.success) {\r\n if (e.data.length == 1) {\r\n this.processDefList = e.data;\r\n this.processDefId = e.data[0].id;\r\n this.processDefName = e.data[0].name;\r\n api.repository\r\n .getFirstProcessNode(this.processDefId)\r\n .then(async (res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n console.log(res, 'res')\r\n this.processList = res.data;\r\n this.flag = true;\r\n this.callback = resolve;\r\n // 获取部门\r\n await this.getNodeUserDept()\r\n // 没有传入部门，则需要在选择部门后进行后续操作\r\n if (!this.deptId) return;\r\n this.getUserDataByDeptId()\r\n // 获取人员，没有人则是之前的选人逻辑\r\n\r\n \r\n // api.repository\r\n // .getAfferentParticipantNodeList(this.processDefId)\r\n // .then((e) => {\r\n // this.otherProcessList = e.data.filter((el) => {\r\n // return el[\"id\"] != this.processList[0][\"id\"];\r\n // });\r\n // this.otherProcessList.map((el) => {\r\n // el[\"REQUIRED\"] = false;\r\n // });\r\n // });\r\n }\r\n });\r\n } else {\r\n this.processList = [];\r\n this.otherProcessList = [];\r\n this.processDefId = \"\";\r\n this.processDefName = \"\";\r\n this.processDefList = e.data;\r\n\r\n if (info.keyWord) {\r\n this.processDefList.map((item) => {\r\n if (\r\n item.name.indexOf(info.keyWord) != -1 &&\r\n !this.processDefId\r\n ) {\r\n this.processDefId = item.id;\r\n this.processDefName = item.name;\r\n this.processDefChange(item.id);\r\n }\r\n });\r\n }\r\n this.flag = true;\r\n this.callback = resolve;\r\n }\r\n }\r\n });\r\n });\r\n },\r\n // 处理routeTxt\r\n handleRouteTxt(item) {\r\n let str\r\n // 交集\r\n if (item.assigneeRetain == true) {\r\n return \r\n }\r\n },\r\n // 通过部门id获取流程节点的人员\r\n getUserDataByDeptId() {\r\n this.processList.map(async (item, index) => {\r\n console.log(item, 'item')\r\n const nodeUserParams = getNodeUserParams(item)\r\n let res\r\n try {\r\n res = await this.getNodeUser({\r\n deptId: this.deptId,\r\n intersection: nodeUserParams.intersection ? 1 : 0,\r\n userIds: nodeUserParams.userIds,\r\n postIds: nodeUserParams.postIds,\r\n deptIds: nodeUserParams.deptIds,\r\n })\r\n } catch (error) {\r\n console.log(error, 'error')\r\n }\r\n if (res.code == Enum.apiCode.success) {\r\n const l = this.processList[index]\r\n l.userList = res.data\r\n this.$set(this.processList, index, l)\r\n\r\n }\r\n // console.log(user, 'user', index)\r\n })\r\n },\r\n // 获取节点的人员\r\n async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n return await api.user.getTaskAuditor({\r\n deptId,\r\n intersection,\r\n userIds,\r\n postIds,\r\n deptIds\r\n })\r\n },\r\n // 获取节点人员的部门\r\n async getNodeUserDept() {\r\n let res = {}\r\n try {\r\n res = await api.user.getSelectTree()\r\n console.log(res, 'res')\r\n } catch (error) {\r\n console.log(error, 'error')\r\n }\r\n console.log(res.data, 'data')\r\n this.deptList = res.data || []\r\n },\r\n\r\n listShow(list) {\r\n this.processList = [];\r\n this.otherProcessList = [];\r\n this.processDefId = \"\";\r\n this.processDefName = \"\";\r\n this.revival = false;\r\n return new Promise((resolve, reject) => {\r\n if (list.length == 1) {\r\n this.processDefId = list[0].id;\r\n this.processDefName = list[0].name;\r\n this.cancelCallBack = reject;\r\n api.repository.getFirstProcessNode(this.processDefId).then((res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.processList = res.data;\r\n this.flag = true;\r\n this.callback = resolve;\r\n api.repository\r\n .getAfferentParticipantNodeList(this.processDefId)\r\n .then((e) => {\r\n this.otherProcessList = e.data.filter((el) => {\r\n return el[\"id\"] != this.processList[0][\"id\"];\r\n });\r\n this.otherProcessList.map((el) => {\r\n el[\"REQUIRED\"] = false;\r\n });\r\n });\r\n }\r\n });\r\n } else {\r\n this.processDefList = list;\r\n this.flag = true;\r\n this.callback = resolve;\r\n }\r\n });\r\n },\r\n // 流程\r\n async getProcessInfo({ taskId, processInstId }) {\r\n\r\n let res = {};\r\n try {\r\n res = await api.tis.getTaskModelDetail(taskId ? {\r\n processInstId,\r\n taskId,\r\n } : {\r\n processInstId,\r\n })\r\n } catch (e) {\r\n res = {}\r\n }\r\n \r\n if (res.code == 200) {\r\n \r\n }\r\n return res\r\n },\r\n async revivalShow({ processInstId, businessId, taskId, deptId }) {\r\n this.processInstId = processInstId\r\n this.hasDeptId = !!deptId\r\n let res = await this.getProcessInfo({ taskId, processInstId })\r\n // let res = await api.pis.getProcessInstanceByBusinessKey(businessId);\r\n if (res.code == 200) {\r\n this.processData = {\r\n ...this.initProcessData,\r\n ...(res.data || {}),\r\n };\r\n const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n this.deptId = deptId\r\n this._businessDeptId = deptId\r\n this.hasDeptId = !!deptId\r\n const taskId = (this.processData.process || {}).taskId\r\n this.absoluteTaskId = taskId\r\n console.log(deptId, 'id')\r\n\r\n this.revival = true;\r\n this.businessId = businessId;\r\n this.subjectId = res.data.process.variables.subjectId\r\n this.businessCode = res.data.process.variables.businessType\r\n this.revivalVars = res.data.process.variables;\r\n\r\n this.processDefId = res.data.process.processDefinitionId;\r\n this.processDefName = res.data.process.processDefinitionName;\r\n this.processDefList = [];\r\n \r\n return this.Show(res.data.process.processDefinitionId, \"\", true);\r\n }\r\n \r\n },\r\n onClickOperation() {\r\n if(!this.processDefId || this.processDefId==''){\r\n ElMessage.warning(\"请选择流程\");\r\n return false;\r\n }\r\n let multiNodeParticipant = {},\r\n vars = {};\r\n for (let key in this.userTaskListData) {\r\n let o = this.userTaskListData[key];\r\n let refCom = this.$refs[o][0];\r\n let res = refCom\r\n ? refCom.getValue()\r\n : { multiNodeParticipant: [], vars: {} };\r\n if (!res) {\r\n return false;\r\n }\r\n console.log(res, 'res')\r\n multiNodeParticipant = {\r\n ...multiNodeParticipant,\r\n ...res.multiNodeParticipant,\r\n };\r\n vars = { ...vars, ...res.vars };\r\n console.log(vars, 'vars')\r\n }\r\n this._multiNodeParticipant = multiNodeParticipant;\r\n this._vars = vars;\r\n if(this.beforeFunction){\r\n this.beforeFunction()\r\n }else if (this.callback) {\r\n this.callback(this.revival ? this.revivalFlow : this.createAndStart);\r\n }\r\n // this.flag = false;\r\n },\r\n onClickCancel() {\r\n this.flag = false;\r\n this.btnLoading = false;\r\n if (this.cancelCallBack) this.cancelCallBack();\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.flow-dialog {\r\n .el-dialog__header {\r\n padding: 18px 24px;\r\n font-size: 18px;\r\n font-weight: 400;\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.flow-dialog :deep(.el-dialog__body) {\r\n border-top: 1px solid #dadbde;\r\n border-bottom: 1px solid #dadbde;\r\n overflow: visible;\r\n overflow-x: hidden;\r\n}\r\n\r\n.flow-dialog {\r\n .el-dialog__footer {\r\n padding: 12px !important;\r\n text-align: center;\r\n }\r\n .el-dialog__headerbtn {\r\n top: 10px;\r\n right: 16px;\r\n }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dept-tree {\r\n width: 65%;\r\n}\r\n\r\n.process-def-name {\r\n font-weight: bold;\r\n margin-right: 20px;\r\n font-size: 16px;\r\n}\r\n.view-node-info {\r\n display: inline-block;\r\n cursor: pointer;\r\n color: #1389ff;\r\n font-size: 14px;\r\n margin: 0;\r\n}\r\n\r\n.create-form {\r\n .el-form-item__label {\r\n padding-right: 18px;\r\n }\r\n .el-form-item {\r\n margin-bottom: 10px;\r\n }\r\n}\r\n.node-list {\r\n max-height: 300px;\r\n overflow-y: scroll;\r\n}\r\n.track-view {\r\n .el-dialog__body {\r\n display: flex;\r\n justify-content: center;\r\n height: 600px;\r\n position: relative;\r\n }\r\n}\r\niframe {\r\n min-height: 500px;\r\n}\r\n</style>\r\n",".flow-dialog .el-dialog__header {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n display: flex;\n align-items: center;\n}\n\n.flow-dialog :deep(.el-dialog__body) {\n border-top: 1px solid #dadbde;\n border-bottom: 1px solid #dadbde;\n overflow: visible;\n overflow-x: hidden;\n}\n\n.flow-dialog .el-dialog__footer {\n padding: 12px !important;\n text-align: center;\n}\n.flow-dialog .el-dialog__headerbtn {\n top: 10px;\n right: 16px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */"]}, media: undefined })
|
|
11944
|
+
,inject("data-v-1b8bde7a_1", { source: ".dept-tree[data-v-1b8bde7a] {\n width: 65%;\n}\n.process-def-name[data-v-1b8bde7a] {\n font-weight: bold;\n margin-right: 20px;\n font-size: 16px;\n}\n.view-node-info[data-v-1b8bde7a] {\n display: inline-block;\n cursor: pointer;\n color: #1389ff;\n font-size: 14px;\n margin: 0;\n}\n.create-form .el-form-item__label[data-v-1b8bde7a] {\n padding-right: 18px;\n}\n.create-form .el-form-item[data-v-1b8bde7a] {\n margin-bottom: 10px;\n}\n.node-list[data-v-1b8bde7a] {\n max-height: 300px;\n overflow-y: scroll;\n}\n.track-view .el-dialog__body[data-v-1b8bde7a] {\n display: flex;\n justify-content: center;\n height: 600px;\n position: relative;\n}\niframe[data-v-1b8bde7a] {\n min-height: 500px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\beforeCreate.vue","beforeCreate.vue"],"names":[],"mappings":"AAi6BA;EACA,UAAA;ACh6BA;ADm6BA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;ACh6BA;ADk6BA;EACA,qBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,SAAA;AC/5BA;ADm6BA;EACA,mBAAA;ACh6BA;ADk6BA;EACA,mBAAA;ACh6BA;ADm6BA;EACA,iBAAA;EACA,kBAAA;ACh6BA;ADm6BA;EACA,aAAA;EACA,uBAAA;EACA,aAAA;EACA,kBAAA;ACh6BA;ADm6BA;EACA,iBAAA;ACh6BA;;AAEA,2CAA2C","file":"beforeCreate.vue","sourcesContent":["<template>\r\n <div>\r\n <el-dialog\r\n :visible.sync=\"flag\"\r\n width=\"45%\"\r\n class=\"flow-dialog\"\r\n :close-on-click-modal=\"false\"\r\n :title=\"revival ? '流程复活' : '创建并启动流程'\"\r\n append-to-body\r\n @closed=\"onClickCancel\"\r\n >\r\n <el-form\r\n class=\"create-form\"\r\n @submit.native.prevent\r\n label-width=\"200px\"\r\n status-icon\r\n >\r\n <el-form-item label=\"当前流程\" size=\"normal\" :rules=\"[{ required: true, message: '请选择流程' }]\">\r\n <el-select\r\n v-model=\"processDefId\"\r\n v-if=\"processDefList.length > 1\"\r\n style=\"width: 65%; margin-right: 10px\"\r\n filterable\r\n clearable\r\n @change=\"processDefChange\"\r\n placeholder=\"请选择\"\r\n >\r\n <el-option\r\n v-for=\"(item, index) in processDefList\"\r\n :key=\"item.id\"\r\n :label=\"item.name\"\r\n :value=\"item.id\"\r\n :disabled=\"item.disabled\"\r\n ></el-option>\r\n </el-select>\r\n <b class=\"process-def-name\" v-else>\r\n {{ processDefName }}\r\n </b>\r\n <div\r\n @click=\"viewFlowChart\"\r\n v-if=\"processDefId\"\r\n class=\"view-node-info\"\r\n style=\"margin-right: 10px\"\r\n >\r\n 预览\r\n </div>\r\n <div\r\n @click=\"viewFlowForecast\"\r\n v-if=\"processDefId && showFlowForecast\"\r\n class=\"view-node-info\">\r\n 流程预测\r\n </div>\r\n </el-form-item>\r\n\r\n <!-- 如果没有传入部门，则需要选择部门 -->\r\n <el-form-item v-if=\"!hasDeptId\" label=\"选择部门\" :rules=\"[{ required: true, message: '请选择部门' }]\">\r\n <selectDept\r\n class=\"dept-tree\"\r\n :deptId=\"deptId\"\r\n :ops=\"deptList\"\r\n @input=\"handleDeptChange\"\r\n />\r\n </el-form-item>\r\n\r\n <div class=\"node-list\" v-if=\"deptId\">\r\n <el-form-item\r\n v-if=\"processList && processList.length > 0\"\r\n label=\"下一步处理节点\"\r\n size=\"normal\"\r\n >\r\n </el-form-item>\r\n <template v-if=\"processList.length > 0\">\r\n <template v-for=\"(item, index) in processList\" >\r\n <userTask\r\n :index=\"index\"\r\n :personType=\"personType\"\r\n :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n :processNode=\"{\r\n ...item,\r\n REQUIRED: index == 0 ? true : false,\r\n }\"\r\n label=\"处理人\"\r\n :rules=\"[{ required: index == 0 ? true : false, message: '请选择审批人' }]\"\r\n :ref=\"setItemRef(item.id)\"\r\n @complete=\"complete\"\r\n ></userTask>\r\n <div class=\"user-task-split\" v-if=\"index !== processList.length - 1\"></div>\r\n </template>\r\n </template>\r\n\r\n <!-- <template v-if=\"otherProcessList.length > 0 && other\">\r\n <el-form-item\r\n v-if=\"processList && processList.length > 0\"\r\n label=\"其他处理节点\"\r\n size=\"normal\"\r\n >\r\n </el-form-item>\r\n\r\n <template v-if=\"processList.length > 0\">\r\n <userTask\r\n v-for=\"item in otherProcessList\"\r\n :personType=\"personType\"\r\n :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n :key=\"item.id\"\r\n :processNode=\"item\"\r\n :noprop=\"true\"\r\n :ref=\"setItemRef(item.id)\"\r\n ></userTask>\r\n </template>\r\n </template> -->\r\n </div>\r\n </el-form>\r\n <template #footer>\r\n <el-button\r\n :loading=\"btnLoading\"\r\n type=\"primary\"\r\n @click=\"onClickOperation\"\r\n >确 定</el-button\r\n >\r\n <el-button :loading=\"btnLoading\" @click=\"onClickCancel\"\r\n >取 消</el-button\r\n >\r\n </template>\r\n </el-dialog>\r\n\r\n <!-- <div class=\"dialog\"> -->\r\n <el-dialog\r\n :visible.sync=\"flowChartVisible\"\r\n width=\"60%\"\r\n append-to-body\r\n title=\"流程图信息\"\r\n class=\"track-view\"\r\n v-dialogDrag\r\n >\r\n <bpmnLook v-if=\"flowChartVisible && processXml\" ref=\"PreviewRef\" :diagram=\"processXml\"></bpmnLook>\r\n <!-- <iframe\r\n :src=\"trackUrl\"\r\n frameborder=\"0\"\r\n width=\"100%\"\r\n height=\"100%\"\r\n /> -->\r\n <!-- <el-image :src=\"trackUrl\"></el-image> -->\r\n </el-dialog>\r\n\r\n <el-dialog\r\n :visible.sync=\"flowForecastVisible\"\r\n width=\"45%\"\r\n append-to-body\r\n title=\"流程预测\"\r\n v-dialogDrag\r\n @close=\"flowForecastClose\"\r\n >\r\n <div style=\"margin-left: 20px;\">\r\n <div v-html=\"flowForecastData.completeTime\" style=\"margin-left: 40px;margin-bottom: 20px;\"></div>\r\n <el-timeline>\r\n <el-timeline-item\r\n v-for=\"(activity, index) in flowForecastData.processBudgetModelList\"\r\n :key=\"index\"\r\n icon=\"el-icon-check\"\r\n :color=\"index==0 ? '#009800': activity.color\"\r\n :timestamp=\"activity.title\" placement=\"top\">\r\n <div>\r\n <span style=\"color:#009800;\">\r\n <i class=\"el-icon-s-custom\" style=\"margin-right: 5px;\"></i>\r\n 执行人：{{activity.excutor}}\r\n </span>\r\n </div>\r\n </el-timeline-item>\r\n </el-timeline> \r\n </div>\r\n </el-dialog>\r\n \r\n <!-- </div> -->\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"./api\";\r\nimport * as Enum from \"./enum\";\r\nimport userTask from \"./operation/userTask.vue\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport bpmnLook from \"./bpmnLook.vue\";\r\nimport selectDept from \"./operation/selectDept.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n components: { userTask, bpmnLook, selectDept },\r\n props: {\r\n extraReqParams: {\r\n type: Object,\r\n default: function() {\r\n return {}\r\n },\r\n },\r\n other: {\r\n default: true,\r\n },\r\n personType: \"\",\r\n personEntity: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n beforeFunction:{\r\n type: Function,\r\n default: null\r\n },\r\n showFlowForecast: {\r\n default: false,\r\n type: Boolean,\r\n },\r\n flowForecastFunction:{\r\n type: Function,\r\n default: null\r\n }\r\n },\r\n data() {\r\n return {\r\n revivalVars: {},\r\n processData: {},\r\n absoluteTaskId: '',\r\n userTaskListData: {},\r\n flag: false,\r\n revival: false,\r\n flowChartVisible: false,\r\n flowForecastVisible: false,\r\n flowForecastData:{\r\n completeTime:'',\r\n processBudgetModelList:[]\r\n },\r\n flowForecastProcessInstId: '',\r\n btnLoading: false,\r\n processList: [],\r\n processDefId: \"\",\r\n processInstId: '',\r\n processDefName: \"\",\r\n businessId: \"\",\r\n trackUrl: \"\",\r\n processDefList: [],\r\n otherProcessList: [],\r\n callback: {},\r\n cancelCallBack: {},\r\n _multiNodeParticipant: [],\r\n _businessDeptId: \"\",\r\n businessCode: \"\",\r\n _vars: {},\r\n _appId: '',\r\n deptList: [],\r\n userInfo: {},\r\n hasDeptId: false,\r\n deptId: '',\r\n subjectId: '',\r\n processXml: '',\r\n };\r\n },\r\n provide () {\r\n return {\r\n getUserInfo: this.getUserInfo,\r\n }\r\n },\r\n methods: {\r\n getUserInfo () {\r\n return {\r\n deptId: this.deptId,\r\n subjectId: this.subjectId,\r\n }\r\n },\r\n handleDeptChange(val) {\r\n console.log(val, 'val')\r\n this.deptId = val\r\n this.getUserDataByDeptId()\r\n },\r\n complete(data) {\r\n console.log(data, 'complete')\r\n },\r\n setLoading(e) {\r\n this.btnLoading = e;\r\n },\r\n async getXml(id) {\r\n console.log(this.isXml, 'isxml')\r\n let res = {}\r\n let xml = ''\r\n try {\r\n res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n console.log(res, 'res')\r\n if (res.code == 200) {\r\n xml = res.data;\r\n }\r\n } catch (e) {\r\n console.error(e)\r\n }\r\n return xml;\r\n },\r\n async viewFlowChart() {\r\n this.flowChartVisible = true;\r\n this.processXml = await this.getXml(this.processDefId)\r\n // 打开预览窗口，后续代码不使用了\r\n if (Date.now()) return;\r\n api.repository\r\n .getDiagramUrl({\r\n processDefId: this.processDefId,\r\n diagramType: 1,\r\n type: Enum.SourceType.电脑端,\r\n })\r\n .then((res) => {\r\n res.data.url = 'http://localhost:2888/saber/#/flowPreview'\r\n this.trackUrl = this.getNewUrl(res.data.url, {...res.data})\r\n if (Date.now()) {\r\n this.flowChartVisible = true;\r\n return;\r\n }\r\n if (res.code == Enum.apiCode.success) {\r\n if (window.location.protocol == \"https:\") {\r\n if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://121.40.143.183:80/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://121.40.143.183/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://acme-aws.ddzg.cn/\",\r\n \"https://acme-aws.ddzg.cn/\"\r\n )\r\n } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://59.53.91.231:8088/\",\r\n \"https://acme-test.ddzg.cn:2119/\"\r\n )\r\n } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n this.trackUrl = res.data.replace(\r\n \"http://59.53.91.230:8088/\",\r\n \"https://kq.ddzg.cn:8093/\"\r\n )\r\n } else {\r\n this.trackUrl = res.data\r\n }\r\n } else {\r\n this.trackUrl = res.data;\r\n }\r\n this.flowChartVisible = true;\r\n }\r\n });\r\n },\r\n // 判断url和当前网页的url域名是否相同\r\n isSameDomain(url) {\r\n return url.indexOf(window.location.host) != -1\r\n },\r\n // 根据url和query对象，拼接一个新的链接\r\n getNewUrl(url, query) {\r\n let queryStr = ''\r\n for (let key in query) {\r\n queryStr += `${key}=${query[key]}&`\r\n }\r\n // 判断url和当前网页的url域名是否相同\r\n if(!this.isSameDomain(url)){\r\n // 如果不同，则query要加上token，从localstorage获取\r\n let token = localStorage.getItem('token');\r\n queryStr += `token=${token}&`\r\n }\r\n queryStr = queryStr.slice(0, -1)\r\n return `${url}?${queryStr}`\r\n },\r\n viewFlowForecast(){\r\n if(this.flowForecastFunction){\r\n this.flowForecastFunction()\r\n }else {\r\n this.forecast({\r\n appId: this._appId ,\r\n title: '1',//title不能为空，随便传的一个值\r\n }) \r\n } \r\n },\r\n forecast(data) {\r\n this.btnLoading = true;\r\n return new Promise((resolve, reject) => {\r\n api.pis\r\n .getProcessForecast({\r\n processDefId: this.processDefId,\r\n ...data,\r\n })\r\n .then((e) => {\r\n this.btnLoading = false;\r\n if (e.code == Enum.apiCode.success) {\r\n if(e.data && e.data.processBudgetModelList && e.data.processBudgetModelList.length){\r\n this.flowForecastProcessInstId = e.data.processBudgetModelList[0].processInstId\r\n }else{\r\n e.data.processBudgetModelList = []\r\n this.flowForecastProcessInstId = ''\r\n }\r\n this.flowForecastData = e.data \r\n this.flowForecastVisible = true;\r\n resolve(e);\r\n } else {\r\n ElMessage.error(e.msg);\r\n }\r\n })\r\n .catch((e) => {\r\n this.btnLoading = false;\r\n ElMessage.error(\"流程预测失败，请重试\");\r\n reject(e);\r\n });\r\n });\r\n },\r\n flowForecastClose(){\r\n if(this.flowForecastProcessInstId){\r\n api.pis\r\n .deleteProcessById(this.flowForecastProcessInstId)\r\n .then((res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.flowForecastVisible = false;\r\n this.flowForecastData = {\r\n completeTime:'',\r\n processBudgetModelList:[]\r\n }\r\n this.flowForecastProcessInstId = ''\r\n }\r\n });\r\n }else{\r\n this.flowForecastVisible = false; \r\n this.flowForecastData = {\r\n completeTime:'',\r\n processBudgetModelList:[]\r\n }\r\n }\r\n },\r\n processDefChange(processId) {\r\n this.processDefId = processId;\r\n api.repository.getFirstProcessNode(this.processDefId).then(async (res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.processList = res.data;\r\n this.flag = true;\r\n\r\n // 获取部门\r\n await this.getNodeUserDept()\r\n // // 获取部门id\r\n // const deptId = info.userInfo.deptId\r\n // this.deptId = deptId\r\n // 没有传入部门，则需要在选择部门后进行后续操作\r\n if (!this.deptId) return;\r\n this.getUserDataByDeptId()\r\n // 获取人员，没有人则是之前的选人逻辑\r\n\r\n // api.repository\r\n // .getAfferentParticipantNodeList(this.processDefId)\r\n // .then((e) => {\r\n // this.otherProcessList = e.data.filter((el) => {\r\n // return el[\"id\"] != this.processList[0][\"id\"];\r\n // });\r\n // this.otherProcessList.map((el) => {\r\n // el[\"REQUIRED\"] = false;\r\n // });\r\n // });\r\n }\r\n });\r\n // api.repository.getAfferentParticipantNodeList(processId).then((res) => {\r\n // if (res.code == Enum.apiCode.success) {\r\n // res.data.map((item) => {\r\n // item.type = \"UserTaskModel\";\r\n // });\r\n // this.processList = res.data;\r\n // let tmp = JSON.parse(JSON.stringify(res.data));\r\n // tmp.shift();\r\n // this.otherProcessList = tmp;\r\n // }\r\n // });\r\n },\r\n setItemRef(key) {\r\n this.userTaskListData[key] = \"userTask\" + key;\r\n return this.userTaskListData[key];\r\n },\r\n isOption(humanPerformer) {\r\n return (\r\n humanPerformer == \"任意指定\" ||\r\n humanPerformer == \"固定部门\" ||\r\n humanPerformer == \"固定单位\" ||\r\n humanPerformer == \"固定群组\"\r\n );\r\n },\r\n createAndStart(data) {\r\n this.btnLoading = true;\r\n return new Promise((resolve, reject) => {\r\n api.pis\r\n .createAndStart({\r\n processDefId: this.processDefId,\r\n multiNodeParticipant: this._multiNodeParticipant,\r\n firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n // vars: this._businessDeptId\r\n // ? { _businessDeptId: this._businessDeptId, ...this._vars }\r\n // : this._vars,\r\n vars: {\r\n showType: \"all\",\r\n subjectId: this.subjectId,\r\n deptId: this.deptId,\r\n businessType: this.businessCode,\r\n ...data,\r\n ...this._vars,\r\n }\r\n })\r\n .then((e) => {\r\n this.btnLoading = false;\r\n if (e.code == Enum.apiCode.success) {\r\n this.flag = false;\r\n resolve(e);\r\n } else {\r\n ElMessage.error(e.msg);\r\n }\r\n })\r\n .catch((e) => {\r\n this.btnLoading = false;\r\n ElMessage.error(\"流程启动失败，请重试\");\r\n reject(e);\r\n });\r\n });\r\n },\r\n revivalFlow(data = {}, history = false, msg = \"流程复活\") {\r\n console.log(msg, '流程复活')\r\n this.btnLoading = true;\r\n return new Promise((resolve, reject) => {\r\n const vars = {\r\n ...this.revivalVars,\r\n showType: \"all\",\r\n subjectId: this.subjectId,\r\n deptId: this.deptId,\r\n businessType: this.businessCode,\r\n ...data,\r\n ...this._vars,\r\n }\r\n Object.keys(vars).forEach((key) => {\r\n // 字符串转小写\r\n const fk = key.toLowerCase();\r\n if (fk.includes('_')) {\r\n delete vars[key];\r\n }\r\n if (fk == 'appShow') {\r\n delete vars[key];\r\n }\r\n })\r\n api.pis\r\n .reactivate(\r\n {\r\n reactivate: true,\r\n processDefId: this.processDefId,\r\n processInstId: this.processInstId,\r\n isClearHistory: this.isClearHistory,\r\n // reactivateReason: \"重新提交\",\r\n multiNodeParticipant: this._multiNodeParticipant,\r\n firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n vars,\r\n },\r\n \"\",\r\n this.businessId,\r\n msg,\r\n \"\",\r\n history,\r\n this._multiNodeParticipant,\r\n this.extraReqParams,\r\n )\r\n .then((e) => {\r\n this.btnLoading = false;\r\n if (e.code == Enum.apiCode.success) {\r\n this.flag = false;\r\n resolve(e);\r\n } else {\r\n ElMessage.error(e.msg);\r\n }\r\n })\r\n .catch((e) => {\r\n this.btnLoading = false;\r\n ElMessage.error(\"流程复活失败，请重试\");\r\n reject(e);\r\n });\r\n });\r\n },\r\n Show(processDefId, appid = \"\", revival = false) {\r\n this.processList = [];\r\n this.revival = revival;\r\n this.processDefId = processDefId;\r\n\r\n if (appid) {\r\n api.repository.getProcessDefList(appid, \"\").then((e) => {\r\n if (e.code == Enum.apiCode.success) {\r\n e.data.map((item) => {\r\n if (item.id == processDefId) {\r\n this.processDefName = item.name;\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n return new Promise((resolve, reject) => {\r\n this.cancelCallBack = reject;\r\n api.repository.getFirstProcessNode(processDefId).then(async (res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.processList = res.data;\r\n this.flag = true;\r\n\r\n // 获取部门\r\n await this.getNodeUserDept()\r\n // 没有传入部门，则需要在选择部门后进行后续操作\r\n if (!this.deptId) return;\r\n this.getUserDataByDeptId()\r\n\r\n this.callback = resolve;\r\n // api.repository\r\n // .getAfferentParticipantNodeList(processDefId)\r\n // .then((e) => {\r\n // this.otherProcessList = e.data.filter((el) => {\r\n // return el[\"id\"] != this.processList[0][\"id\"];\r\n // });\r\n // this.otherProcessList.map((el) => {\r\n // el[\"REQUIRED\"] = false;\r\n // });\r\n // });\r\n }\r\n });\r\n });\r\n },\r\n selectShow(\r\n info = {\r\n appId: \"\",\r\n businessCode: \"\",\r\n businessType: \"\",\r\n keyWord: \"\",\r\n businessDeptId: \"\",\r\n userInfo: {},\r\n }\r\n ) {\r\n this.processList = [];\r\n this.otherProcessList = [];\r\n this.processDefId = \"\";\r\n this.processDefName = \"\";\r\n this.revival = false;\r\n this._appId = info.appId\r\n this._businessDeptId = info.businessDeptId;\r\n this.businessCode = info.businessCode || info.businessType;\r\n this.userInfo = info.userInfo;\r\n // 获取部门id\r\n this.deptId = info.userInfo.deptId\r\n // 获取主体id\r\n this.subjectId = info.userInfo.subjectId\r\n this.hasDeptId = !!info.userInfo.deptId\r\n console.log('======_businessDeptId',this._businessDeptId);\r\n return new Promise((resolve, reject) => {\r\n console.log(reject, 'reject')\r\n this.cancelCallBack = reject;\r\n api.repository\r\n .getProcessDefListNew(info)\r\n .then((e) => {\r\n if (e.code == Enum.apiCode.success) {\r\n if (e.data.length == 1) {\r\n this.processDefList = e.data;\r\n this.processDefId = e.data[0].id;\r\n this.processDefName = e.data[0].name;\r\n api.repository\r\n .getFirstProcessNode(this.processDefId)\r\n .then(async (res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n console.log(res, 'res')\r\n this.processList = res.data;\r\n this.flag = true;\r\n this.callback = resolve;\r\n // 获取部门\r\n await this.getNodeUserDept()\r\n // 没有传入部门，则需要在选择部门后进行后续操作\r\n if (!this.deptId) return;\r\n this.getUserDataByDeptId()\r\n // 获取人员，没有人则是之前的选人逻辑\r\n\r\n \r\n // api.repository\r\n // .getAfferentParticipantNodeList(this.processDefId)\r\n // .then((e) => {\r\n // this.otherProcessList = e.data.filter((el) => {\r\n // return el[\"id\"] != this.processList[0][\"id\"];\r\n // });\r\n // this.otherProcessList.map((el) => {\r\n // el[\"REQUIRED\"] = false;\r\n // });\r\n // });\r\n }\r\n });\r\n } else {\r\n this.processList = [];\r\n this.otherProcessList = [];\r\n this.processDefId = \"\";\r\n this.processDefName = \"\";\r\n this.processDefList = e.data;\r\n\r\n if (info.keyWord) {\r\n this.processDefList.map((item) => {\r\n if (\r\n item.name.indexOf(info.keyWord) != -1 &&\r\n !this.processDefId\r\n ) {\r\n this.processDefId = item.id;\r\n this.processDefName = item.name;\r\n this.processDefChange(item.id);\r\n }\r\n });\r\n }\r\n this.flag = true;\r\n this.callback = resolve;\r\n }\r\n }\r\n });\r\n });\r\n },\r\n // 处理routeTxt\r\n handleRouteTxt(item) {\r\n let str\r\n // 交集\r\n if (item.assigneeRetain == true) {\r\n return \r\n }\r\n },\r\n // 通过部门id获取流程节点的人员\r\n getUserDataByDeptId() {\r\n this.processList.map(async (item, index) => {\r\n console.log(item, 'item')\r\n const nodeUserParams = getNodeUserParams(item)\r\n let res\r\n try {\r\n res = await this.getNodeUser({\r\n deptId: this.deptId,\r\n intersection: nodeUserParams.intersection ? 1 : 0,\r\n userIds: nodeUserParams.userIds,\r\n postIds: nodeUserParams.postIds,\r\n deptIds: nodeUserParams.deptIds,\r\n })\r\n } catch (error) {\r\n console.log(error, 'error')\r\n }\r\n if (res.code == Enum.apiCode.success) {\r\n const l = this.processList[index]\r\n l.userList = res.data\r\n this.$set(this.processList, index, l)\r\n\r\n }\r\n // console.log(user, 'user', index)\r\n })\r\n },\r\n // 获取节点的人员\r\n async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n return await api.user.getTaskAuditor({\r\n deptId,\r\n intersection,\r\n userIds,\r\n postIds,\r\n deptIds\r\n })\r\n },\r\n // 获取节点人员的部门\r\n async getNodeUserDept() {\r\n let res = {}\r\n try {\r\n res = await api.user.getSelectTree()\r\n console.log(res, 'res')\r\n } catch (error) {\r\n console.log(error, 'error')\r\n }\r\n console.log(res.data, 'data')\r\n this.deptList = res.data || []\r\n },\r\n\r\n listShow(list) {\r\n this.processList = [];\r\n this.otherProcessList = [];\r\n this.processDefId = \"\";\r\n this.processDefName = \"\";\r\n this.revival = false;\r\n return new Promise((resolve, reject) => {\r\n if (list.length == 1) {\r\n this.processDefId = list[0].id;\r\n this.processDefName = list[0].name;\r\n this.cancelCallBack = reject;\r\n api.repository.getFirstProcessNode(this.processDefId).then((res) => {\r\n if (res.code == Enum.apiCode.success) {\r\n this.processList = res.data;\r\n this.flag = true;\r\n this.callback = resolve;\r\n api.repository\r\n .getAfferentParticipantNodeList(this.processDefId)\r\n .then((e) => {\r\n this.otherProcessList = e.data.filter((el) => {\r\n return el[\"id\"] != this.processList[0][\"id\"];\r\n });\r\n this.otherProcessList.map((el) => {\r\n el[\"REQUIRED\"] = false;\r\n });\r\n });\r\n }\r\n });\r\n } else {\r\n this.processDefList = list;\r\n this.flag = true;\r\n this.callback = resolve;\r\n }\r\n });\r\n },\r\n // 流程\r\n async getProcessInfo({ taskId, processInstId }) {\r\n\r\n let res = {};\r\n try {\r\n res = await api.tis.getTaskModelDetail(taskId ? {\r\n processInstId,\r\n taskId,\r\n } : {\r\n processInstId,\r\n })\r\n } catch (e) {\r\n res = {}\r\n }\r\n \r\n if (res.code == 200) {\r\n \r\n }\r\n return res\r\n },\r\n async revivalShow({ processInstId, businessId, taskId, deptId }) {\r\n this.processInstId = processInstId\r\n this.hasDeptId = !!deptId\r\n let res = await this.getProcessInfo({ taskId, processInstId })\r\n // let res = await api.pis.getProcessInstanceByBusinessKey(businessId);\r\n if (res.code == 200) {\r\n this.processData = {\r\n ...this.initProcessData,\r\n ...(res.data || {}),\r\n };\r\n const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n this.deptId = deptId\r\n this._businessDeptId = deptId\r\n this.hasDeptId = !!deptId\r\n const taskId = (this.processData.process || {}).taskId\r\n this.absoluteTaskId = taskId\r\n console.log(deptId, 'id')\r\n\r\n this.revival = true;\r\n this.businessId = businessId;\r\n this.subjectId = res.data.process.variables.subjectId\r\n this.businessCode = res.data.process.variables.businessType\r\n this.revivalVars = res.data.process.variables;\r\n\r\n this.processDefId = res.data.process.processDefinitionId;\r\n this.processDefName = res.data.process.processDefinitionName;\r\n this.processDefList = [];\r\n \r\n return this.Show(res.data.process.processDefinitionId, \"\", true);\r\n }\r\n \r\n },\r\n onClickOperation() {\r\n if(!this.processDefId || this.processDefId==''){\r\n ElMessage.warning(\"请选择流程\");\r\n return false;\r\n }\r\n let multiNodeParticipant = {},\r\n vars = {};\r\n for (let key in this.userTaskListData) {\r\n let o = this.userTaskListData[key];\r\n let refCom = this.$refs[o][0];\r\n let res = refCom\r\n ? refCom.getValue()\r\n : { multiNodeParticipant: [], vars: {} };\r\n if (!res) {\r\n return false;\r\n }\r\n console.log(res, 'res')\r\n multiNodeParticipant = {\r\n ...multiNodeParticipant,\r\n ...res.multiNodeParticipant,\r\n };\r\n vars = { ...vars, ...res.vars };\r\n console.log(vars, 'vars')\r\n }\r\n this._multiNodeParticipant = multiNodeParticipant;\r\n this._vars = vars;\r\n if(this.beforeFunction){\r\n this.beforeFunction()\r\n }else if (this.callback) {\r\n this.callback(this.revival ? this.revivalFlow : this.createAndStart);\r\n }\r\n // this.flag = false;\r\n },\r\n onClickCancel() {\r\n this.flag = false;\r\n this.btnLoading = false;\r\n if (this.cancelCallBack) this.cancelCallBack();\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.flow-dialog {\r\n .el-dialog__header {\r\n padding: 18px 24px;\r\n font-size: 18px;\r\n font-weight: 400;\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.flow-dialog :deep(.el-dialog__body) {\r\n border-top: 1px solid #dadbde;\r\n border-bottom: 1px solid #dadbde;\r\n overflow: visible;\r\n overflow-x: hidden;\r\n}\r\n\r\n.flow-dialog {\r\n .el-dialog__footer {\r\n padding: 12px !important;\r\n text-align: center;\r\n }\r\n .el-dialog__headerbtn {\r\n top: 10px;\r\n right: 16px;\r\n }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dept-tree {\r\n width: 65%;\r\n}\r\n\r\n.process-def-name {\r\n font-weight: bold;\r\n margin-right: 20px;\r\n font-size: 16px;\r\n}\r\n.view-node-info {\r\n display: inline-block;\r\n cursor: pointer;\r\n color: #1389ff;\r\n font-size: 14px;\r\n margin: 0;\r\n}\r\n\r\n.create-form {\r\n .el-form-item__label {\r\n padding-right: 18px;\r\n }\r\n .el-form-item {\r\n margin-bottom: 10px;\r\n }\r\n}\r\n.node-list {\r\n max-height: 300px;\r\n overflow-y: scroll;\r\n}\r\n.track-view {\r\n .el-dialog__body {\r\n display: flex;\r\n justify-content: center;\r\n height: 600px;\r\n position: relative;\r\n }\r\n}\r\niframe {\r\n min-height: 500px;\r\n}\r\n</style>\r\n",".dept-tree {\n width: 65%;\n}\n\n.process-def-name {\n font-weight: bold;\n margin-right: 20px;\n font-size: 16px;\n}\n\n.view-node-info {\n display: inline-block;\n cursor: pointer;\n color: #1389ff;\n font-size: 14px;\n margin: 0;\n}\n\n.create-form .el-form-item__label {\n padding-right: 18px;\n}\n.create-form .el-form-item {\n margin-bottom: 10px;\n}\n\n.node-list {\n max-height: 300px;\n overflow-y: scroll;\n}\n\n.track-view .el-dialog__body {\n display: flex;\n justify-content: center;\n height: 600px;\n position: relative;\n}\n\niframe {\n min-height: 500px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */"]}, media: undefined });
|
|
10805
11945
|
|
|
10806
11946
|
};
|
|
10807
11947
|
/* scoped */
|
|
10808
|
-
const __vue_scope_id__$2 = "data-v-
|
|
11948
|
+
const __vue_scope_id__$2 = "data-v-1b8bde7a";
|
|
10809
11949
|
/* module identifier */
|
|
10810
11950
|
const __vue_module_identifier__$2 = undefined;
|
|
10811
11951
|
/* functional template */
|