ddy-process-pc-vue2 1.0.1-beta.26 → 1.0.1-beta.28
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 +172 -101
- package/vue2/index.umd.js +173 -102
package/vue2/index.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Message, MessageBox } from 'element-ui';
|
|
2
|
-
import
|
|
2
|
+
import TreeSelect from '@riophae/vue-treeselect';
|
|
3
3
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css';
|
|
4
4
|
import { departPerson } from 'checked-pick-pc';
|
|
5
5
|
import 'checked-pick-pc/style.css';
|
|
@@ -83,11 +83,11 @@ var api$1 = {
|
|
|
83
83
|
return ajax(ajaxObj);
|
|
84
84
|
},
|
|
85
85
|
// 催办
|
|
86
|
-
cuiban(
|
|
86
|
+
cuiban(processInstId) {
|
|
87
87
|
let ajaxObj = {
|
|
88
88
|
url: proxyStrV2 + "/tis/reminders",
|
|
89
89
|
param: {
|
|
90
|
-
|
|
90
|
+
processInstId
|
|
91
91
|
},
|
|
92
92
|
type: "get"
|
|
93
93
|
};
|
|
@@ -214,7 +214,7 @@ var api$1 = {
|
|
|
214
214
|
* @returns
|
|
215
215
|
*/
|
|
216
216
|
// reactivate(processInstId, businessKey, reactivateReason, targetActivityId, isClearHistory, multiNodeParticipant, extraParams = {}) {
|
|
217
|
-
// let ajaxObj = ({ url: proxyStrV2 + "/pis/reactivate", param: {
|
|
217
|
+
// let ajaxObj = ({ url: proxyStrV2 + "/pis/reactivate", param: { processInstId: processInstId, businessKey, reactivateReason, targetActivityId, isClearHistory, multiNodeParticipant, ...extraParams }, type: "post" });
|
|
218
218
|
// return ajax(ajaxObj);
|
|
219
219
|
// },
|
|
220
220
|
reactivate(param) {
|
|
@@ -508,11 +508,11 @@ var api$1 = {
|
|
|
508
508
|
* @param processInstId 流程实例id
|
|
509
509
|
* @returns
|
|
510
510
|
*/
|
|
511
|
-
reminders(
|
|
511
|
+
reminders(processInstId) {
|
|
512
512
|
let ajaxObj = {
|
|
513
513
|
url: proxyStrV2 + "/tis/reminders",
|
|
514
514
|
param: {
|
|
515
|
-
|
|
515
|
+
processInstId
|
|
516
516
|
},
|
|
517
517
|
type: "get"
|
|
518
518
|
};
|
|
@@ -3204,6 +3204,18 @@ __vue_render__$g._withStripped = true;
|
|
|
3204
3204
|
//
|
|
3205
3205
|
//
|
|
3206
3206
|
|
|
3207
|
+
const Api$1 = {
|
|
3208
|
+
upload: (form) => {
|
|
3209
|
+
return new Promise((resolve, reject) => {
|
|
3210
|
+
api$1
|
|
3211
|
+
.getAjaxObj()
|
|
3212
|
+
.post("/file/upload", form)
|
|
3213
|
+
.then((e) => {
|
|
3214
|
+
resolve(e);
|
|
3215
|
+
});
|
|
3216
|
+
});
|
|
3217
|
+
},
|
|
3218
|
+
};
|
|
3207
3219
|
var script$f = {
|
|
3208
3220
|
data() {
|
|
3209
3221
|
return {
|
|
@@ -3282,13 +3294,34 @@ var script$f = {
|
|
|
3282
3294
|
this.$emit('validateFail', '请签字');
|
|
3283
3295
|
return
|
|
3284
3296
|
}
|
|
3297
|
+
// // toDo: uni框架转成的base64无type前缀 需统一
|
|
3298
|
+
// this.signatureImage = this.$refs.canvasRef.toDataURL();
|
|
3299
|
+
// let tmpArr = JSON.parse(localStorage.getItem('signaturesArr')) || []
|
|
3300
|
+
// tmpArr.unshift(this.signatureImage)
|
|
3301
|
+
// this.$set(this, 'historyPics', tmpArr.slice(0, 3))
|
|
3302
|
+
// localStorage.setItem('signaturesArr', JSON.stringify(this.historyPics))
|
|
3303
|
+
// this.$emit('saveSignature', this.signatureImage, true)
|
|
3304
|
+
|
|
3285
3305
|
// toDo: uni框架转成的base64无type前缀 需统一
|
|
3286
|
-
this.signatureImage = this.$refs.canvasRef.
|
|
3306
|
+
this.signatureImage = this.$refs.canvasRef.toBlob((blob) => {
|
|
3307
|
+
this.uploadImage(blob);
|
|
3308
|
+
}, 'image/png', 0.95);
|
|
3309
|
+
},
|
|
3310
|
+
async uploadImage(file, fileName) {
|
|
3311
|
+
this.loading = true;
|
|
3312
|
+
const formData = new FormData();
|
|
3313
|
+
formData.append("file", file, fileName || `signature-${Date.now()}.png`);
|
|
3314
|
+
const res = await Api$1.upload(formData);
|
|
3315
|
+
console.log(res);
|
|
3316
|
+
this.loading = false;
|
|
3317
|
+
if (!res.success) {
|
|
3318
|
+
return;
|
|
3319
|
+
}
|
|
3287
3320
|
let tmpArr = JSON.parse(localStorage.getItem('signaturesArr')) || [];
|
|
3288
|
-
tmpArr.unshift(
|
|
3321
|
+
tmpArr.unshift(res.data);
|
|
3289
3322
|
this.$set(this, 'historyPics', tmpArr.slice(0, 3));
|
|
3290
3323
|
localStorage.setItem('signaturesArr', JSON.stringify(this.historyPics));
|
|
3291
|
-
this.$emit('saveSignature',
|
|
3324
|
+
this.$emit('saveSignature', res.data, true);
|
|
3292
3325
|
},
|
|
3293
3326
|
useHistory(index) {
|
|
3294
3327
|
if (this.historyPics[index]) {
|
|
@@ -3379,7 +3412,7 @@ var __vue_render__$f = function () {
|
|
|
3379
3412
|
_vm.historyPics[0]
|
|
3380
3413
|
? _c("el-image", {
|
|
3381
3414
|
attrs: {
|
|
3382
|
-
src: _vm.historyPics[0] ? _vm.historyPics[0] : "",
|
|
3415
|
+
src: _vm.historyPics[0] ? _vm.historyPics[0].url : "",
|
|
3383
3416
|
fit: "scale-down",
|
|
3384
3417
|
},
|
|
3385
3418
|
})
|
|
@@ -3402,7 +3435,7 @@ var __vue_render__$f = function () {
|
|
|
3402
3435
|
_vm.historyPics[1]
|
|
3403
3436
|
? _c("el-image", {
|
|
3404
3437
|
attrs: {
|
|
3405
|
-
src: _vm.historyPics[1] ? _vm.historyPics[1] : "",
|
|
3438
|
+
src: _vm.historyPics[1] ? _vm.historyPics[1].url : "",
|
|
3406
3439
|
fit: "scale-down",
|
|
3407
3440
|
},
|
|
3408
3441
|
})
|
|
@@ -3425,7 +3458,7 @@ var __vue_render__$f = function () {
|
|
|
3425
3458
|
_vm.historyPics[2]
|
|
3426
3459
|
? _c("el-image", {
|
|
3427
3460
|
attrs: {
|
|
3428
|
-
src: _vm.historyPics[2] ? _vm.historyPics[2] : "",
|
|
3461
|
+
src: _vm.historyPics[2] ? _vm.historyPics[2].url : "",
|
|
3429
3462
|
fit: "scale-down",
|
|
3430
3463
|
},
|
|
3431
3464
|
})
|
|
@@ -3462,11 +3495,11 @@ __vue_render__$f._withStripped = true;
|
|
|
3462
3495
|
/* style */
|
|
3463
3496
|
const __vue_inject_styles__$f = function (inject) {
|
|
3464
3497
|
if (!inject) return
|
|
3465
|
-
inject("data-v-080a1d9e_0", { source: ".sign-container[data-v-080a1d9e] {\n width: 100%;\n height: 100%;\n}\n.sign-container .canvas-container[data-v-080a1d9e] {\n position: relative;\n width: 540px;\n height: 540px;\n border: 1px solid;\n}\n.sign-container .canvas-container #canvas-id[data-v-080a1d9e] {\n width: 100%;\n height: 100%;\n}\n.sign-container .actions-box[data-v-080a1d9e] {\n width: 100%;\n bottom: constant(safe-area-inset-bottom);\n bottom: env(safe-area-inset-bottom);\n background: #fff;\n display: flex;\n justify-content: space-evenly;\n padding: 10px 0 10px 0;\n padding: 10px 0 10px 0;\n}\n.sign-container .actions-box .commn-btn[data-v-080a1d9e] {\n background: #409EFF;\n border-color: #409EFF;\n color: #FFF;\n border-radius: 4px;\n padding: 10px 20px;\n border: 1px solid #DCDFE6;\n font-size: 14px;\n}\n.sign-container .actions-box .commn-btn[data-v-080a1d9e]:hover {\n background: #66b1ff;\n border-color: #66b1ff;\n}\n.history[data-v-080a1d9e] {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n padding: 0px 15px;\n background: #f6f6f6;\n}\n.history .img-grid[data-v-080a1d9e] {\n height: 170px;\n width: 170px;\n border: 1px solid #333;\n background-color: #fff;\n}\n.history .img-grid .el-image[data-v-080a1d9e] {\n background: #fff;\n height: 100%;\n width: 100%;\n}\n.content-area[data-v-080a1d9e] {\n display: flex;\n}\n\n/*# sourceMappingURL=topSign.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\TopSign\\topSign.vue","topSign.vue"],"names":[],"mappings":"AAsKA;EACA,WAAA;EACA,YAAA;ACrKA;ADuKA;EACA,kBAAA;EAGA,YAAA;EACA,aAAA;EACA,iBAAA;ACvKA;ADyKA;EACA,WAAA;EACA,YAAA;ACvKA;AD2KA;EACA,WAAA;EACA,wCAAA;EACA,mCAAA;EACA,gBAAA;EACA,aAAA;EACA,6BAAA;EACA,sBAAA;EACA,sBAAA;ACzKA;AD2KA;EACA,mBAAA;EACA,qBAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;EACA,yBAAA;EACA,eAAA;ACzKA;AD2KA;EACA,mBAAA;EACA,qBAAA;ACzKA;AD+KA;EACA,aAAA;EACA,8BAAA;EACA,sBAAA;EACA,iBAAA;EACA,mBAAA;AC5KA;AD+KA;EACA,aAAA;EACA,YAAA;EACA,sBAAA;EACA,sBAAA;AC7KA;AD+KA;EACA,gBAAA;EACA,YAAA;EACA,WAAA;AC7KA;ADkLA;EACA,aAAA;AC/KA;;AAEA,sCAAsC","file":"topSign.vue","sourcesContent":["<template>\r\n <div class=\"sign-container\" :style=\"setDynamicVars\">\r\n <div class=\"content-area\">\r\n <div class=\"canvas-container\">\r\n <canvas ref=\"canvasRef\" @mousemove=\"draw\" @mousedown=\"startDrawing\" @mouseup=\"finishDrawing\" id=\"canvas-id\"\r\n canvas-id=\"canvas-id\"></canvas>\r\n </div>\r\n <div class=\"history\">\r\n <div class=\"img-grid\" @click=\"useHistory(0)\">\r\n <el-image v-if=\"historyPics[0]\" :src=\"historyPics[0] ? historyPics[0] : ''\" fit=\"scale-down\"></el-image>\r\n </div>\r\n <div class=\"img-grid\" @click=\"useHistory(1)\">\r\n <el-image v-if=\"historyPics[1]\" :src=\"historyPics[1] ? historyPics[1] : ''\" fit=\"scale-down\"></el-image>\r\n </div>\r\n <div class=\"img-grid\" @click=\"useHistory(2)\">\r\n <el-image v-if=\"historyPics[2]\" :src=\"historyPics[2] ? historyPics[2] : ''\" fit=\"scale-down\"></el-image>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"actions-box\">\r\n <button @click=\"clearCanvas\" class=\"commn-btn\">清除</button>\r\n <button @click=\"saveSignature\" class=\"commn-btn\">保存</button>\r\n <button @click=\"undo\" class=\"commn-btn\">撤销</button>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n ctx: null,\r\n signatureImage: '',\r\n actionHeight: 0,\r\n isDrawing: false,\r\n paths: [], // 保存绘制的路径数据\r\n currentPath: [],\r\n historyPics: []\r\n }\r\n },\r\n methods: {\r\n startDrawing(event) {\r\n this.isDrawing = true;\r\n this.currentPath = []; // 创建新的路径\r\n const rect = this.$refs.canvasRef.getBoundingClientRect();\r\n // 修正按下位置相对于画布的位置\r\n const x = (event.clientX - rect.left) * (this.$refs.canvasRef.width / rect.width);\r\n const y = (event.clientY - rect.top) * (this.$refs.canvasRef.height / rect.height);\r\n this.ctx.beginPath();\r\n this.ctx.moveTo(x, y);\r\n this.currentPath.push({ x, y });\r\n },\r\n\r\n draw(event) {\r\n if (!this.isDrawing) return;\r\n if (this.currentPath.length > 0) {\r\n const rect = this.$refs.canvasRef.getBoundingClientRect();\r\n const x = (event.clientX - rect.left) * (this.$refs.canvasRef.width / rect.width);\r\n const y = (event.clientY - rect.top) * (this.$refs.canvasRef.height / rect.height);\r\n this.ctx.lineWidth = 2;\r\n\r\n this.ctx.strokeStyle = \"#000000\";//线条的颜色\r\n this.ctx.lineTo(x, y);\r\n this.ctx.stroke();\r\n\r\n // 将路径数据保存到数组中\r\n this.currentPath.push({ x, y });\r\n }\r\n },\r\n undo() {\r\n this.paths.pop(); // 删除最后一条路径\r\n // 清空画布\r\n this.ctx.clearRect(0, 0, this.$refs.canvasRef.width, this.$refs.canvasRef.height);\r\n // 重新绘制除最后一条路径之外的所有路径\r\n for (let path of this.paths) {\r\n for (let i = 0; i < path.length - 1; i++) {\r\n const { x, y } = path[i];\r\n if (i === 0) {\r\n this.ctx.beginPath();\r\n this.ctx.moveTo(x, y);\r\n } else {\r\n this.ctx.lineTo(x, y);\r\n this.ctx.stroke();\r\n }\r\n }\r\n }\r\n },\r\n finishDrawing(event) {\r\n if (this.currentPath.length > 0) {\r\n this.paths.push(this.currentPath); // 将当前路径添加到路径数组\r\n }\r\n this.isDrawing = false;\r\n },\r\n\r\n clearCanvas() {\r\n this.ctx.clearRect(0, 0, this.$refs.canvasRef.width, this.$refs.canvasRef.height);\r\n this.signatureImage = '';\r\n this.paths = []; // 清空路径记录\r\n this.$emit('saveSignature', '', false)\r\n },\r\n\r\n saveSignature() {\r\n if (this.paths.length == 0) {\r\n this.$emit('validateFail', '请签字')\r\n return\r\n }\r\n // toDo: uni框架转成的base64无type前缀 需统一\r\n this.signatureImage = this.$refs.canvasRef.toDataURL();\r\n let tmpArr = JSON.parse(localStorage.getItem('signaturesArr')) || []\r\n tmpArr.unshift(this.signatureImage)\r\n this.$set(this, 'historyPics', tmpArr.slice(0, 3))\r\n localStorage.setItem('signaturesArr', JSON.stringify(this.historyPics))\r\n this.$emit('saveSignature', this.signatureImage, true)\r\n },\r\n useHistory(index) {\r\n if (this.historyPics[index]) {\r\n this.$confirm(`是否使用历史签字`, \"操作信息提醒\", {\r\n confirmButtonText: \"继续\",\r\n cancelButtonText: \"取消\",\r\n type: \"warning\",\r\n }).then(() => {\r\n this.$emit('saveSignature', this.historyPics[index], true)\r\n })\r\n }\r\n }\r\n },\r\n computed: {\r\n setDynamicVars() {\r\n return {\r\n \"--action-height\": `${this.actionHeight}px`\r\n };\r\n },\r\n // hasHistory() {\r\n // if (this.historyPics && this.historyPics.length > 0) {\r\n // return true\r\n // }\r\n // else {\r\n // return false\r\n // }\r\n // }\r\n },\r\n watch: {\r\n setDynamicVars(newVal) {\r\n let canvasContainer = document.querySelector('.canvas-container');\r\n if (canvasContainer) {\r\n // 解决锯齿及模糊\r\n this.$refs.canvasRef.width = canvasContainer.offsetWidth\r\n this.$refs.canvasRef.height = canvasContainer.offsetHeight - this.actionHeight\r\n }\r\n }\r\n },\r\n mounted() {\r\n this.actionHeight = document.querySelector('.actions-box').offsetHeight;\r\n this.ctx = this.$refs.canvasRef.getContext('2d');\r\n if (localStorage.getItem('signaturesArr')) {\r\n this.historyPics = JSON.parse(localStorage.getItem('signaturesArr'))\r\n }\r\n else {\r\n this.historyPics = []\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n.sign-container {\r\n width: 100%;\r\n height: 100%;\r\n\r\n .canvas-container {\r\n position: relative;\r\n // width: 100%;\r\n // height: calc(100% - var(--action-height));\r\n width: 540px;\r\n height: 540px;\r\n border: 1px solid;\r\n\r\n #canvas-id {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .actions-box {\r\n width: 100%;\r\n bottom: constant(safe-area-inset-bottom);\r\n bottom: env(safe-area-inset-bottom);\r\n background: #fff;\r\n display: flex;\r\n justify-content: space-evenly;\r\n padding: 10px 0 10px 0;\r\n padding: 10px 0 10px 0;\r\n\r\n .commn-btn {\r\n background: #409EFF;\r\n border-color: #409EFF;\r\n color: #FFF;\r\n border-radius: 4px;\r\n padding: 10px 20px;\r\n border: 1px solid #DCDFE6;\r\n font-size: 14px;\r\n\r\n &:hover {\r\n background: #66b1ff;\r\n border-color: #66b1ff;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.history {\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n padding: 0px 15px;\r\n background: #f6f6f6;\r\n\r\n\r\n .img-grid {\r\n height: 170px;\r\n width: 170px;\r\n border: 1px solid #333;\r\n background-color: #fff;\r\n\r\n .el-image {\r\n background: #fff;\r\n height: 100%;\r\n width: 100%;\r\n }\r\n }\r\n}\r\n\r\n.content-area {\r\n display: flex;\r\n}\r\n</style>",".sign-container {\n width: 100%;\n height: 100%;\n}\n.sign-container .canvas-container {\n position: relative;\n width: 540px;\n height: 540px;\n border: 1px solid;\n}\n.sign-container .canvas-container #canvas-id {\n width: 100%;\n height: 100%;\n}\n.sign-container .actions-box {\n width: 100%;\n bottom: constant(safe-area-inset-bottom);\n bottom: env(safe-area-inset-bottom);\n background: #fff;\n display: flex;\n justify-content: space-evenly;\n padding: 10px 0 10px 0;\n padding: 10px 0 10px 0;\n}\n.sign-container .actions-box .commn-btn {\n background: #409EFF;\n border-color: #409EFF;\n color: #FFF;\n border-radius: 4px;\n padding: 10px 20px;\n border: 1px solid #DCDFE6;\n font-size: 14px;\n}\n.sign-container .actions-box .commn-btn:hover {\n background: #66b1ff;\n border-color: #66b1ff;\n}\n\n.history {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n padding: 0px 15px;\n background: #f6f6f6;\n}\n.history .img-grid {\n height: 170px;\n width: 170px;\n border: 1px solid #333;\n background-color: #fff;\n}\n.history .img-grid .el-image {\n background: #fff;\n height: 100%;\n width: 100%;\n}\n\n.content-area {\n display: flex;\n}\n\n/*# sourceMappingURL=topSign.vue.map */"]}, media: undefined });
|
|
3498
|
+
inject("data-v-32de1c56_0", { source: ".sign-container[data-v-32de1c56] {\n width: 100%;\n height: 100%;\n}\n.sign-container .canvas-container[data-v-32de1c56] {\n position: relative;\n width: 540px;\n height: 540px;\n border: 1px solid;\n}\n.sign-container .canvas-container #canvas-id[data-v-32de1c56] {\n width: 100%;\n height: 100%;\n}\n.sign-container .actions-box[data-v-32de1c56] {\n width: 100%;\n bottom: constant(safe-area-inset-bottom);\n bottom: env(safe-area-inset-bottom);\n background: #fff;\n display: flex;\n justify-content: space-evenly;\n padding: 10px 0 10px 0;\n padding: 10px 0 10px 0;\n}\n.sign-container .actions-box .commn-btn[data-v-32de1c56] {\n background: #409EFF;\n border-color: #409EFF;\n color: #FFF;\n border-radius: 4px;\n padding: 10px 20px;\n border: 1px solid #DCDFE6;\n font-size: 14px;\n}\n.sign-container .actions-box .commn-btn[data-v-32de1c56]:hover {\n background: #66b1ff;\n border-color: #66b1ff;\n}\n.history[data-v-32de1c56] {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n padding: 0px 15px;\n background: #f6f6f6;\n}\n.history .img-grid[data-v-32de1c56] {\n height: 170px;\n width: 170px;\n border: 1px solid #333;\n background-color: #fff;\n}\n.history .img-grid .el-image[data-v-32de1c56] {\n background: #fff;\n height: 100%;\n width: 100%;\n}\n.content-area[data-v-32de1c56] {\n display: flex;\n}\n\n/*# sourceMappingURL=topSign.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\TopSign\\topSign.vue","topSign.vue"],"names":[],"mappings":"AAwMA;EACA,WAAA;EACA,YAAA;ACvMA;ADyMA;EACA,kBAAA;EAGA,YAAA;EACA,aAAA;EACA,iBAAA;ACzMA;AD2MA;EACA,WAAA;EACA,YAAA;ACzMA;AD6MA;EACA,WAAA;EACA,wCAAA;EACA,mCAAA;EACA,gBAAA;EACA,aAAA;EACA,6BAAA;EACA,sBAAA;EACA,sBAAA;AC3MA;AD6MA;EACA,mBAAA;EACA,qBAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;EACA,yBAAA;EACA,eAAA;AC3MA;AD6MA;EACA,mBAAA;EACA,qBAAA;AC3MA;ADiNA;EACA,aAAA;EACA,8BAAA;EACA,sBAAA;EACA,iBAAA;EACA,mBAAA;AC9MA;ADiNA;EACA,aAAA;EACA,YAAA;EACA,sBAAA;EACA,sBAAA;AC/MA;ADiNA;EACA,gBAAA;EACA,YAAA;EACA,WAAA;AC/MA;ADoNA;EACA,aAAA;ACjNA;;AAEA,sCAAsC","file":"topSign.vue","sourcesContent":["<template>\r\n <div class=\"sign-container\" :style=\"setDynamicVars\">\r\n <div class=\"content-area\">\r\n <div class=\"canvas-container\">\r\n <canvas ref=\"canvasRef\" @mousemove=\"draw\" @mousedown=\"startDrawing\" @mouseup=\"finishDrawing\" id=\"canvas-id\"\r\n canvas-id=\"canvas-id\"></canvas>\r\n </div>\r\n <div class=\"history\">\r\n <div class=\"img-grid\" @click=\"useHistory(0)\">\r\n <el-image v-if=\"historyPics[0]\" :src=\"historyPics[0] ? historyPics[0].url : ''\" fit=\"scale-down\"></el-image>\r\n </div>\r\n <div class=\"img-grid\" @click=\"useHistory(1)\">\r\n <el-image v-if=\"historyPics[1]\" :src=\"historyPics[1] ? historyPics[1].url : ''\" fit=\"scale-down\"></el-image>\r\n </div>\r\n <div class=\"img-grid\" @click=\"useHistory(2)\">\r\n <el-image v-if=\"historyPics[2]\" :src=\"historyPics[2] ? historyPics[2].url : ''\" fit=\"scale-down\"></el-image>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"actions-box\">\r\n <button @click=\"clearCanvas\" class=\"commn-btn\">清除</button>\r\n <button @click=\"saveSignature\" class=\"commn-btn\">保存</button>\r\n <button @click=\"undo\" class=\"commn-btn\">撤销</button>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport ajax from \"../zjp_process/api\";\r\nconst Api = {\r\n upload: (form) => {\r\n return new Promise((resolve, reject) => {\r\n ajax\r\n .getAjaxObj()\r\n .post(\"/file/upload\", form)\r\n .then((e) => {\r\n resolve(e);\r\n });\r\n });\r\n },\r\n};\r\nexport default {\r\n data() {\r\n return {\r\n ctx: null,\r\n signatureImage: '',\r\n actionHeight: 0,\r\n isDrawing: false,\r\n paths: [], // 保存绘制的路径数据\r\n currentPath: [],\r\n historyPics: []\r\n }\r\n },\r\n methods: {\r\n startDrawing(event) {\r\n this.isDrawing = true;\r\n this.currentPath = []; // 创建新的路径\r\n const rect = this.$refs.canvasRef.getBoundingClientRect();\r\n // 修正按下位置相对于画布的位置\r\n const x = (event.clientX - rect.left) * (this.$refs.canvasRef.width / rect.width);\r\n const y = (event.clientY - rect.top) * (this.$refs.canvasRef.height / rect.height);\r\n this.ctx.beginPath();\r\n this.ctx.moveTo(x, y);\r\n this.currentPath.push({ x, y });\r\n },\r\n\r\n draw(event) {\r\n if (!this.isDrawing) return;\r\n if (this.currentPath.length > 0) {\r\n const rect = this.$refs.canvasRef.getBoundingClientRect();\r\n const x = (event.clientX - rect.left) * (this.$refs.canvasRef.width / rect.width);\r\n const y = (event.clientY - rect.top) * (this.$refs.canvasRef.height / rect.height);\r\n this.ctx.lineWidth = 2;\r\n\r\n this.ctx.strokeStyle = \"#000000\";//线条的颜色\r\n this.ctx.lineTo(x, y);\r\n this.ctx.stroke();\r\n\r\n // 将路径数据保存到数组中\r\n this.currentPath.push({ x, y });\r\n }\r\n },\r\n undo() {\r\n this.paths.pop(); // 删除最后一条路径\r\n // 清空画布\r\n this.ctx.clearRect(0, 0, this.$refs.canvasRef.width, this.$refs.canvasRef.height);\r\n // 重新绘制除最后一条路径之外的所有路径\r\n for (let path of this.paths) {\r\n for (let i = 0; i < path.length - 1; i++) {\r\n const { x, y } = path[i];\r\n if (i === 0) {\r\n this.ctx.beginPath();\r\n this.ctx.moveTo(x, y);\r\n } else {\r\n this.ctx.lineTo(x, y);\r\n this.ctx.stroke();\r\n }\r\n }\r\n }\r\n },\r\n finishDrawing(event) {\r\n if (this.currentPath.length > 0) {\r\n this.paths.push(this.currentPath); // 将当前路径添加到路径数组\r\n }\r\n this.isDrawing = false;\r\n },\r\n\r\n clearCanvas() {\r\n this.ctx.clearRect(0, 0, this.$refs.canvasRef.width, this.$refs.canvasRef.height);\r\n this.signatureImage = '';\r\n this.paths = []; // 清空路径记录\r\n this.$emit('saveSignature', '', false)\r\n },\r\n\r\n saveSignature() {\r\n if (this.paths.length == 0) {\r\n this.$emit('validateFail', '请签字')\r\n return\r\n }\r\n // // toDo: uni框架转成的base64无type前缀 需统一\r\n // this.signatureImage = this.$refs.canvasRef.toDataURL();\r\n // let tmpArr = JSON.parse(localStorage.getItem('signaturesArr')) || []\r\n // tmpArr.unshift(this.signatureImage)\r\n // this.$set(this, 'historyPics', tmpArr.slice(0, 3))\r\n // localStorage.setItem('signaturesArr', JSON.stringify(this.historyPics))\r\n // this.$emit('saveSignature', this.signatureImage, true)\r\n\r\n // toDo: uni框架转成的base64无type前缀 需统一\r\n this.signatureImage = this.$refs.canvasRef.toBlob((blob) => {\r\n this.uploadImage(blob);\r\n }, 'image/png', 0.95);\r\n },\r\n async uploadImage(file, fileName) {\r\n this.loading = true;\r\n const formData = new FormData();\r\n formData.append(\"file\", file, fileName || `signature-${Date.now()}.png`);\r\n const res = await Api.upload(formData);\r\n console.log(res);\r\n this.loading = false;\r\n if (!res.success) {\r\n return;\r\n }\r\n let tmpArr = JSON.parse(localStorage.getItem('signaturesArr')) || []\r\n tmpArr.unshift(res.data)\r\n this.$set(this, 'historyPics', tmpArr.slice(0, 3))\r\n localStorage.setItem('signaturesArr', JSON.stringify(this.historyPics))\r\n this.$emit('saveSignature', res.data, true)\r\n },\r\n useHistory(index) {\r\n if (this.historyPics[index]) {\r\n this.$confirm(`是否使用历史签字`, \"操作信息提醒\", {\r\n confirmButtonText: \"继续\",\r\n cancelButtonText: \"取消\",\r\n type: \"warning\",\r\n }).then(() => {\r\n this.$emit('saveSignature', this.historyPics[index], true)\r\n })\r\n }\r\n }\r\n },\r\n computed: {\r\n setDynamicVars() {\r\n return {\r\n \"--action-height\": `${this.actionHeight}px`\r\n };\r\n },\r\n // hasHistory() {\r\n // if (this.historyPics && this.historyPics.length > 0) {\r\n // return true\r\n // }\r\n // else {\r\n // return false\r\n // }\r\n // }\r\n },\r\n watch: {\r\n setDynamicVars(newVal) {\r\n let canvasContainer = document.querySelector('.canvas-container');\r\n if (canvasContainer) {\r\n // 解决锯齿及模糊\r\n this.$refs.canvasRef.width = canvasContainer.offsetWidth\r\n this.$refs.canvasRef.height = canvasContainer.offsetHeight - this.actionHeight\r\n }\r\n }\r\n },\r\n mounted() {\r\n this.actionHeight = document.querySelector('.actions-box').offsetHeight;\r\n this.ctx = this.$refs.canvasRef.getContext('2d');\r\n if (localStorage.getItem('signaturesArr')) {\r\n this.historyPics = JSON.parse(localStorage.getItem('signaturesArr'))\r\n }\r\n else {\r\n this.historyPics = []\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n.sign-container {\r\n width: 100%;\r\n height: 100%;\r\n\r\n .canvas-container {\r\n position: relative;\r\n // width: 100%;\r\n // height: calc(100% - var(--action-height));\r\n width: 540px;\r\n height: 540px;\r\n border: 1px solid;\r\n\r\n #canvas-id {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .actions-box {\r\n width: 100%;\r\n bottom: constant(safe-area-inset-bottom);\r\n bottom: env(safe-area-inset-bottom);\r\n background: #fff;\r\n display: flex;\r\n justify-content: space-evenly;\r\n padding: 10px 0 10px 0;\r\n padding: 10px 0 10px 0;\r\n\r\n .commn-btn {\r\n background: #409EFF;\r\n border-color: #409EFF;\r\n color: #FFF;\r\n border-radius: 4px;\r\n padding: 10px 20px;\r\n border: 1px solid #DCDFE6;\r\n font-size: 14px;\r\n\r\n &:hover {\r\n background: #66b1ff;\r\n border-color: #66b1ff;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.history {\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n padding: 0px 15px;\r\n background: #f6f6f6;\r\n\r\n\r\n .img-grid {\r\n height: 170px;\r\n width: 170px;\r\n border: 1px solid #333;\r\n background-color: #fff;\r\n\r\n .el-image {\r\n background: #fff;\r\n height: 100%;\r\n width: 100%;\r\n }\r\n }\r\n}\r\n\r\n.content-area {\r\n display: flex;\r\n}\r\n</style>",".sign-container {\n width: 100%;\n height: 100%;\n}\n.sign-container .canvas-container {\n position: relative;\n width: 540px;\n height: 540px;\n border: 1px solid;\n}\n.sign-container .canvas-container #canvas-id {\n width: 100%;\n height: 100%;\n}\n.sign-container .actions-box {\n width: 100%;\n bottom: constant(safe-area-inset-bottom);\n bottom: env(safe-area-inset-bottom);\n background: #fff;\n display: flex;\n justify-content: space-evenly;\n padding: 10px 0 10px 0;\n padding: 10px 0 10px 0;\n}\n.sign-container .actions-box .commn-btn {\n background: #409EFF;\n border-color: #409EFF;\n color: #FFF;\n border-radius: 4px;\n padding: 10px 20px;\n border: 1px solid #DCDFE6;\n font-size: 14px;\n}\n.sign-container .actions-box .commn-btn:hover {\n background: #66b1ff;\n border-color: #66b1ff;\n}\n\n.history {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n padding: 0px 15px;\n background: #f6f6f6;\n}\n.history .img-grid {\n height: 170px;\n width: 170px;\n border: 1px solid #333;\n background-color: #fff;\n}\n.history .img-grid .el-image {\n background: #fff;\n height: 100%;\n width: 100%;\n}\n\n.content-area {\n display: flex;\n}\n\n/*# sourceMappingURL=topSign.vue.map */"]}, media: undefined });
|
|
3466
3499
|
|
|
3467
3500
|
};
|
|
3468
3501
|
/* scoped */
|
|
3469
|
-
const __vue_scope_id__$f = "data-v-
|
|
3502
|
+
const __vue_scope_id__$f = "data-v-32de1c56";
|
|
3470
3503
|
/* module identifier */
|
|
3471
3504
|
const __vue_module_identifier__$f = undefined;
|
|
3472
3505
|
/* functional template */
|
|
@@ -3632,18 +3665,22 @@ var script$e = {
|
|
|
3632
3665
|
}
|
|
3633
3666
|
},
|
|
3634
3667
|
signRequired() {
|
|
3635
|
-
|
|
3636
|
-
|
|
3637
|
-
|
|
3638
|
-
|
|
3639
|
-
|
|
3640
|
-
|
|
3641
|
-
|
|
3642
|
-
|
|
3643
|
-
}
|
|
3644
|
-
else {
|
|
3645
|
-
|
|
3646
|
-
}
|
|
3668
|
+
const fd = this.param.extendedProperties.find(i => {
|
|
3669
|
+
return i.name == 'signature'
|
|
3670
|
+
});
|
|
3671
|
+
return fd ? true : false
|
|
3672
|
+
// if(this.param.taskObj.activityExtendAttributes) {
|
|
3673
|
+
// let tmpObj = JSON.parse(this.param.taskObj.activityExtendAttributes)
|
|
3674
|
+
// if(tmpObj.find(item => item.key == '签字')) {
|
|
3675
|
+
// return tmpObj.find(item => item.key == '签字').value == '1'
|
|
3676
|
+
// }
|
|
3677
|
+
// else {
|
|
3678
|
+
// return false
|
|
3679
|
+
// }
|
|
3680
|
+
// }
|
|
3681
|
+
// else {
|
|
3682
|
+
// return false
|
|
3683
|
+
// }
|
|
3647
3684
|
}
|
|
3648
3685
|
},
|
|
3649
3686
|
methods: {
|
|
@@ -3701,7 +3738,12 @@ var script$e = {
|
|
|
3701
3738
|
getRes() {
|
|
3702
3739
|
return { targetUser: this.targetUser };
|
|
3703
3740
|
},
|
|
3704
|
-
|
|
3741
|
+
// 提交前的前置函数，loading函数，附件列表
|
|
3742
|
+
confirm(preposition, loading, attachment) {
|
|
3743
|
+
if (Array.isArray(attachment)) {
|
|
3744
|
+
this.param.attachment = attachment;
|
|
3745
|
+
}
|
|
3746
|
+
|
|
3705
3747
|
console.log(this.param, '测试', this.userTaskListData);
|
|
3706
3748
|
if (!this.commentMsg && this.param.commentMsgRequired) {
|
|
3707
3749
|
Message.warning("请输入审批意见");
|
|
@@ -3803,19 +3845,25 @@ var script$e = {
|
|
|
3803
3845
|
}
|
|
3804
3846
|
},
|
|
3805
3847
|
confirmWithSign() {
|
|
3806
|
-
let actionName = this.param.taskObj.commentModels.find(
|
|
3807
|
-
|
|
3808
|
-
).actionName;
|
|
3848
|
+
// let actionName = this.param.taskObj.commentModels.find(
|
|
3849
|
+
// (o) => o.isDefault
|
|
3850
|
+
// ).actionName;
|
|
3809
3851
|
let param = {
|
|
3810
|
-
|
|
3811
|
-
|
|
3852
|
+
taskId: this.param.taskInstId,
|
|
3853
|
+
processInstanceId: this.param.processInstId,
|
|
3854
|
+
// actionName: actionName || "",
|
|
3812
3855
|
commentMsg: this.commentMsg || " ",
|
|
3856
|
+
comment: this.commentMsg || " ",
|
|
3813
3857
|
businessData: this.param.businessData,
|
|
3814
|
-
digitalSignature:
|
|
3858
|
+
digitalSignature: {
|
|
3859
|
+
name: this.param.digitalSignature.name,
|
|
3860
|
+
url: this.param.digitalSignature.url,
|
|
3861
|
+
},
|
|
3862
|
+
attachment: this.param.attachment,
|
|
3815
3863
|
};
|
|
3816
3864
|
for (let key in this.userTaskListData) {
|
|
3817
3865
|
let o = this.userTaskListData[key];
|
|
3818
|
-
let refCom = this.$refs[o][0];
|
|
3866
|
+
let refCom = this.$refs[o].$el ? this.$refs[o] : this.$refs[o][0];
|
|
3819
3867
|
console.log(refCom, refCom.getValue);
|
|
3820
3868
|
let res = refCom.getValue();
|
|
3821
3869
|
if (!res) {
|
|
@@ -3869,6 +3917,7 @@ var script$e = {
|
|
|
3869
3917
|
},
|
|
3870
3918
|
handleSignature(e, needClose) {
|
|
3871
3919
|
this.param.digitalSignature = e;
|
|
3920
|
+
console.error(e, 'digitalSignature');
|
|
3872
3921
|
if(needClose) {
|
|
3873
3922
|
this.signVisible = false;
|
|
3874
3923
|
this.confirmWithSign();
|
|
@@ -4113,11 +4162,11 @@ __vue_render__$e._withStripped = true;
|
|
|
4113
4162
|
/* style */
|
|
4114
4163
|
const __vue_inject_styles__$e = function (inject) {
|
|
4115
4164
|
if (!inject) return
|
|
4116
|
-
inject("data-v-221a8afb_0", { source: "\n@import \"./content.css\";\n.add-idea[data-v-221a8afb] {\r\n display: flex;\r\n justify-content: end;\n}\n.add-idea span[data-v-221a8afb] {\r\n color: #448ef6;\r\n cursor: pointer;\n}\n.sign-idea[data-v-221a8afb] {\r\n display: flex;\nspan {\r\n color: #448ef6;\r\n cursor: pointer;\n}\n}\n.sign-container[data-v-221a8afb] {\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":";AAkZA,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 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 confirm(preposition, loading) {\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 };\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 taskInstId: this.param.taskInstId,\r\n actionName: actionName || \"\",\r\n commentMsg: this.commentMsg || \" \",\r\n businessData: this.param.businessData,\r\n digitalSignature: this.param.digitalSignature\r\n };\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 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 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
|
+
inject("data-v-294dcf36_0", { source: "\n@import \"./content.css\";\n.add-idea[data-v-294dcf36] {\r\n display: flex;\r\n justify-content: end;\n}\n.add-idea span[data-v-294dcf36] {\r\n color: #448ef6;\r\n cursor: pointer;\n}\n.sign-idea[data-v-294dcf36] {\r\n display: flex;\nspan {\r\n color: #448ef6;\r\n cursor: pointer;\n}\n}\n.sign-container[data-v-294dcf36] {\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":";AAkaA,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 };\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 });
|
|
4117
4166
|
|
|
4118
4167
|
};
|
|
4119
4168
|
/* scoped */
|
|
4120
|
-
const __vue_scope_id__$e = "data-v-
|
|
4169
|
+
const __vue_scope_id__$e = "data-v-294dcf36";
|
|
4121
4170
|
/* module identifier */
|
|
4122
4171
|
const __vue_module_identifier__$e = undefined;
|
|
4123
4172
|
/* functional template */
|
|
@@ -5976,7 +6025,6 @@ __vue_component__$9.install = Vue => {
|
|
|
5976
6025
|
//
|
|
5977
6026
|
//
|
|
5978
6027
|
//
|
|
5979
|
-
//
|
|
5980
6028
|
|
|
5981
6029
|
|
|
5982
6030
|
var script$8 = {
|
|
@@ -6082,19 +6130,6 @@ var __vue_render__$8 = function () {
|
|
|
6082
6130
|
[
|
|
6083
6131
|
_vm.process.status == "todo"
|
|
6084
6132
|
? [
|
|
6085
|
-
_c(
|
|
6086
|
-
"el-button",
|
|
6087
|
-
{
|
|
6088
|
-
attrs: { type: "primary", disabled: _vm.loading },
|
|
6089
|
-
on: {
|
|
6090
|
-
click: function ($event) {
|
|
6091
|
-
return _vm.$emit("draft")
|
|
6092
|
-
},
|
|
6093
|
-
},
|
|
6094
|
-
},
|
|
6095
|
-
[_vm._v("\n 暂存\n ")]
|
|
6096
|
-
),
|
|
6097
|
-
_vm._v(" "),
|
|
6098
6133
|
_vm.getButton("wf_pass")
|
|
6099
6134
|
? _c(
|
|
6100
6135
|
"el-button",
|
|
@@ -6152,11 +6187,9 @@ var __vue_render__$8 = function () {
|
|
|
6152
6187
|
},
|
|
6153
6188
|
},
|
|
6154
6189
|
[
|
|
6155
|
-
|
|
6156
|
-
|
|
6157
|
-
|
|
6158
|
-
])
|
|
6159
|
-
: _c("span", [_vm._v("取消申请")]),
|
|
6190
|
+
_c("span", [
|
|
6191
|
+
_vm._v(_vm._s(_vm.getButton("wf_reject").name)),
|
|
6192
|
+
]),
|
|
6160
6193
|
]
|
|
6161
6194
|
)
|
|
6162
6195
|
: _vm._e(),
|
|
@@ -6398,11 +6431,11 @@ __vue_render__$8._withStripped = true;
|
|
|
6398
6431
|
/* style */
|
|
6399
6432
|
const __vue_inject_styles__$8 = function (inject) {
|
|
6400
6433
|
if (!inject) return
|
|
6401
|
-
inject("data-v-
|
|
6434
|
+
inject("data-v-081d2dd8_0", { source: ".foot-item[data-v-081d2dd8] {\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":"AA0JA;EACA,eAAA;EACA,sBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,wBAAA;EACA,gBAAA;EACA,mDAAA;EACA,2CAAA;ACzJA;;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, ['recall', 'reject'].includes(process.processIsFinished) ? '重新提交' : getButton('wf_pass').name)\">\r\n <span v-if=\"['recall', 'reject'].includes(process.processIsFinished)\">重新提交</span>\r\n <span v-else>{{ 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, backNodes.length > 1 ? getButton('wf_reject').name : '取消申请')\">\r\n <span>{{ getButton('wf_reject').name }}</span>\r\n </el-button>\r\n <!-- 催办 -->\r\n <el-button 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 </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 <el-dialog v-model=\"nodeVisible\" append-to-body title=\"选择回退节点\">\r\n <nf-form v-if=\"nodeVisible\" v-model=\"nodeForm\" :option=\"nodeOption\" @submit=\"handleNodeSubmit\"></nf-form>\r\n </el-dialog>\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 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 isCollapse: true,\r\n nodeVisible: false,\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 },\r\n methods: {\r\n // 指定回退\r\n handleRollback() {\r\n if (!this.comment) {\r\n this.$message.error('请填写批复意见');\r\n return;\r\n }\r\n this.nodeVisible = true;\r\n },\r\n // 指定回退确定\r\n handleNodeSubmit() {\r\n const { nodeId } = this.nodeForm;\r\n this.$emit('rollback', nodeId);\r\n },\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 });
|
|
6402
6435
|
|
|
6403
6436
|
};
|
|
6404
6437
|
/* scoped */
|
|
6405
|
-
const __vue_scope_id__$8 = "data-v-
|
|
6438
|
+
const __vue_scope_id__$8 = "data-v-081d2dd8";
|
|
6406
6439
|
/* module identifier */
|
|
6407
6440
|
const __vue_module_identifier__$8 = undefined;
|
|
6408
6441
|
/* functional template */
|
|
@@ -7539,10 +7572,11 @@ __vue_render__$6._withStripped = true;
|
|
|
7539
7572
|
//
|
|
7540
7573
|
//
|
|
7541
7574
|
//
|
|
7575
|
+
//
|
|
7542
7576
|
|
|
7543
7577
|
|
|
7544
7578
|
var script$5 = {
|
|
7545
|
-
components: { bpmnLook: __vue_component__$6, processBtns: __vue_component__$8, processFlow: __vue_component__$7, treeselect, staffTree: __vue_component__$l, ...operation, ViewFile: __vue_component__$k, JyrFileUpload: __vue_component__$9 },
|
|
7579
|
+
components: { bpmnLook: __vue_component__$6, processBtns: __vue_component__$8, processFlow: __vue_component__$7, treeselect: TreeSelect, staffTree: __vue_component__$l, ...operation, ViewFile: __vue_component__$k, JyrFileUpload: __vue_component__$9 },
|
|
7546
7580
|
props: {
|
|
7547
7581
|
/** 流程实例id */
|
|
7548
7582
|
taskId: {
|
|
@@ -7859,6 +7893,10 @@ var script$5 = {
|
|
|
7859
7893
|
},
|
|
7860
7894
|
methods: {
|
|
7861
7895
|
// 流程
|
|
7896
|
+
cancelHandlerFn(){
|
|
7897
|
+
this.dialogVisibleOperation = false;
|
|
7898
|
+
this.submitLoading = false;
|
|
7899
|
+
},
|
|
7862
7900
|
filterFlow(flowArr) {
|
|
7863
7901
|
return flowArr.filter((item) => {
|
|
7864
7902
|
return ['userTask', 'candidate'].includes(item.historyActivityType)
|
|
@@ -7869,10 +7907,10 @@ var script$5 = {
|
|
|
7869
7907
|
this.boxLoading = true;
|
|
7870
7908
|
|
|
7871
7909
|
api$1.tis.getTaskModelDetail(this.taskId ? {
|
|
7872
|
-
|
|
7910
|
+
processInstId: this.processId,
|
|
7873
7911
|
taskId: this.taskId,
|
|
7874
7912
|
} : {
|
|
7875
|
-
|
|
7913
|
+
processInstId: this.processId,
|
|
7876
7914
|
}).then(async res => {
|
|
7877
7915
|
if (res.code == 200) {
|
|
7878
7916
|
this.processData = {
|
|
@@ -8139,6 +8177,7 @@ var script$5 = {
|
|
|
8139
8177
|
// this.operationParam.taskDeftId = this.task.activityDefId;
|
|
8140
8178
|
this.operationParam.nextTaskNode = this.nextTaskNode;
|
|
8141
8179
|
this.operationParam.variables = (this.processData.process || {}).variables || {};
|
|
8180
|
+
this.operationParam.extendedProperties = (this.processData.form || {}).extendedProperties || [];
|
|
8142
8181
|
this.operationParam.taskObj = this.taskObj;
|
|
8143
8182
|
this.operationParam.getVars = this.getVars;
|
|
8144
8183
|
this.operationParam.outGatewayUserTaskModel =
|
|
@@ -8187,8 +8226,9 @@ var script$5 = {
|
|
|
8187
8226
|
// }
|
|
8188
8227
|
},
|
|
8189
8228
|
operationMain(preposition = false) {
|
|
8229
|
+
let saveMetaAnnexCmdList;
|
|
8190
8230
|
if (this.attachShow) {
|
|
8191
|
-
|
|
8231
|
+
saveMetaAnnexCmdList = [];
|
|
8192
8232
|
this.attach.map((item) => {
|
|
8193
8233
|
saveMetaAnnexCmdList.push({
|
|
8194
8234
|
id: item.id,
|
|
@@ -8204,15 +8244,15 @@ var script$5 = {
|
|
|
8204
8244
|
saveMetaAnnexCmdList = saveMetaAnnexCmdList.sort((a, b) => {
|
|
8205
8245
|
return dayjs(a.uploadTime).valueOf() > dayjs(b.uploadTime).valueOf();
|
|
8206
8246
|
});
|
|
8207
|
-
api
|
|
8208
|
-
|
|
8209
|
-
});
|
|
8247
|
+
// api.tis.patchSave({
|
|
8248
|
+
// saveMetaAnnexCmdList,
|
|
8249
|
+
// });
|
|
8210
8250
|
}
|
|
8211
8251
|
|
|
8212
8252
|
if (this.$refs.operationRef) {
|
|
8213
8253
|
this.$refs.operationRef.confirm(preposition, () => {
|
|
8214
8254
|
this.isOperLoading = true;
|
|
8215
|
-
});
|
|
8255
|
+
}, saveMetaAnnexCmdList);
|
|
8216
8256
|
}
|
|
8217
8257
|
},
|
|
8218
8258
|
operationSuccess(isComplete = true) {
|
|
@@ -8535,33 +8575,66 @@ var script$5 = {
|
|
|
8535
8575
|
return { '--dynamic-ctx-height': this.dynamicMaxHeight }
|
|
8536
8576
|
},
|
|
8537
8577
|
attachShow() {
|
|
8578
|
+
const extendedProperties = (this.processData.form || {}).extendedProperties || [];
|
|
8579
|
+
|
|
8538
8580
|
let sign = false;
|
|
8581
|
+
let fd;
|
|
8539
8582
|
let annex = "";
|
|
8583
|
+
console.error(this.operationLabel, 'operationLabel');
|
|
8540
8584
|
switch (this.operationLabel) {
|
|
8541
8585
|
case "退回":
|
|
8542
|
-
annex = this.operationParam.taskObj.otherButtonAnnexList;
|
|
8586
|
+
// annex = this.operationParam.taskObj.otherButtonAnnexList;
|
|
8587
|
+
fd = extendedProperties.find(i => {
|
|
8588
|
+
return i.name == 'otherButtonAnnexList'
|
|
8589
|
+
});
|
|
8590
|
+
annex = fd ? fd.value : '';
|
|
8591
|
+
if (annex) sign = true;
|
|
8543
8592
|
break;
|
|
8593
|
+
case "通过":
|
|
8544
8594
|
case "办理":
|
|
8545
|
-
|
|
8595
|
+
fd = extendedProperties.find(i => {
|
|
8596
|
+
return i.name == 'completeButtonAnnex'
|
|
8597
|
+
});
|
|
8598
|
+
annex = fd ? fd.value : '';
|
|
8546
8599
|
if (annex) sign = true;
|
|
8547
8600
|
break;
|
|
8548
8601
|
case "处理":
|
|
8549
|
-
annex = this.operationParam.taskObj.completeButtonAnnex;
|
|
8602
|
+
// annex = this.operationParam.taskObj.completeButtonAnnex;
|
|
8603
|
+
fd = extendedProperties.find(i => {
|
|
8604
|
+
return i.name == 'completeButtonAnnex'
|
|
8605
|
+
});
|
|
8606
|
+
annex = fd ? fd.value : '';
|
|
8550
8607
|
if (annex) sign = true;
|
|
8551
8608
|
break;
|
|
8552
8609
|
case "同意":
|
|
8553
|
-
annex = this.operationParam.taskObj.completeButtonAnnex;
|
|
8610
|
+
// annex = this.operationParam.taskObj.completeButtonAnnex;
|
|
8611
|
+
fd = extendedProperties.find(i => {
|
|
8612
|
+
return i.name == 'completeButtonAnnex'
|
|
8613
|
+
});
|
|
8614
|
+
annex = fd ? fd.value : '';
|
|
8554
8615
|
if (annex) sign = true;
|
|
8555
8616
|
break;
|
|
8556
8617
|
case "拒绝":
|
|
8557
|
-
annex = this.operationParam.taskObj.otherButtonAnnexList;
|
|
8618
|
+
// annex = this.operationParam.taskObj.otherButtonAnnexList;
|
|
8619
|
+
fd = extendedProperties.find(i => {
|
|
8620
|
+
return i.name == 'otherButtonAnnexList'
|
|
8621
|
+
});
|
|
8622
|
+
annex = fd ? fd.value : '';
|
|
8558
8623
|
break;
|
|
8559
8624
|
case "加签":
|
|
8560
|
-
annex = this.operationParam.taskObj.counterSignButtonAnnex;
|
|
8625
|
+
// annex = this.operationParam.taskObj.counterSignButtonAnnex;
|
|
8626
|
+
fd = extendedProperties.find(i => {
|
|
8627
|
+
return i.name == 'counterSignButtonAnnex'
|
|
8628
|
+
});
|
|
8629
|
+
annex = fd ? fd.value : '';
|
|
8561
8630
|
if (annex) sign = true;
|
|
8562
8631
|
break;
|
|
8563
8632
|
case "转办":
|
|
8564
|
-
annex = this.operationParam.taskObj.delegateTaskButtonAnnex;
|
|
8633
|
+
// annex = this.operationParam.taskObj.delegateTaskButtonAnnex;
|
|
8634
|
+
fd = extendedProperties.find(i => {
|
|
8635
|
+
return i.name == 'delegateTaskButtonAnnex'
|
|
8636
|
+
});
|
|
8637
|
+
annex = fd ? fd.value : '';
|
|
8565
8638
|
if (annex) sign = true;
|
|
8566
8639
|
break;
|
|
8567
8640
|
}
|
|
@@ -8579,11 +8652,11 @@ var script$5 = {
|
|
|
8579
8652
|
|
|
8580
8653
|
// 解析数据
|
|
8581
8654
|
if (sign) {
|
|
8582
|
-
|
|
8655
|
+
const annexArr = annex.split(":");
|
|
8656
|
+
this.attachRule.required = annexArr[1] == "true" ? true : false;
|
|
8583
8657
|
this.attachRule.limit =
|
|
8584
|
-
|
|
8658
|
+
annexArr[2] == -1 ? 999 : annexArr[2];
|
|
8585
8659
|
}
|
|
8586
|
-
|
|
8587
8660
|
return sign;
|
|
8588
8661
|
},
|
|
8589
8662
|
},
|
|
@@ -8822,6 +8895,7 @@ var __vue_render__$5 = function () {
|
|
|
8822
8895
|
title: _vm.operationLabel,
|
|
8823
8896
|
"close-on-click-modal": false,
|
|
8824
8897
|
"show-close": !_vm.isOperLoading,
|
|
8898
|
+
"before-close": _vm.cancelHandlerFn,
|
|
8825
8899
|
top: "6vh",
|
|
8826
8900
|
},
|
|
8827
8901
|
on: {
|
|
@@ -8856,11 +8930,7 @@ var __vue_render__$5 = function () {
|
|
|
8856
8930
|
{ name: "loading", rawName: "v-loading" },
|
|
8857
8931
|
],
|
|
8858
8932
|
attrs: { loading: _vm.isOperLoading },
|
|
8859
|
-
on: {
|
|
8860
|
-
click: function ($event) {
|
|
8861
|
-
_vm.dialogVisibleOperation = false;
|
|
8862
|
-
},
|
|
8863
|
-
},
|
|
8933
|
+
on: { click: _vm.cancelHandlerFn },
|
|
8864
8934
|
},
|
|
8865
8935
|
[_vm._v("取 消")]
|
|
8866
8936
|
),
|
|
@@ -9109,11 +9179,11 @@ __vue_render__$5._withStripped = true;
|
|
|
9109
9179
|
/* style */
|
|
9110
9180
|
const __vue_inject_styles__$5 = function (inject) {
|
|
9111
9181
|
if (!inject) return
|
|
9112
|
-
inject("data-v-b90a8834_0", { source: "@charset \"UTF-8\";\n.operation-box[data-v-b90a8834] {\n max-height: var(--dynamic-ctx-height);\n overflow: auto;\n padding-right: 20px;\n}\n.el-dropdown-menu__item[data-v-b90a8834] {\n min-width: 140px;\n border-bottom: 1px solid #e8e8e8;\n}\n.el-dropdown-menu__item .el-button--text[data-v-b90a8834] {\n color: #333 !important;\n}\n.el-dropdown-menu__item:hover .el-button--text[data-v-b90a8834] {\n color: #1389ff !important;\n}\n.el-dropdown-menu__item[data-v-b90a8834]:last-child {\n border: none !important;\n}\n.el-dropdown-menu[data-v-b90a8834] {\n padding-bottom: 30px;\n}\n.mianContent > .tabs > .demo-tabs[data-v-b90a8834] > .el-tabs__header {\n position: sticky;\n top: -20px;\n background-color: #fff;\n z-index: 1997;\n}\n.top-tabs[data-v-b90a8834] {\n position: fixed;\n top: 62px;\n background-color: #fff;\n right: 0px;\n z-index: 1997;\n}\n.mianContent[data-v-b90a8834] {\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-b90a8834] {\n flex: 1;\n height: 0;\n display: flex;\n flex-direction: column;\n}\n.mianContent .demo-tabs[data-v-b90a8834] .el-tabs__content {\n flex: 1;\n height: 0;\n}\n.mianContent .demo-tabs[data-v-b90a8834] .el-tabs__content::-webkit-scrollbar {\n width: 0;\n}\n.mianContent .demo-tabs[data-v-b90a8834] .el-tab-pane {\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n}\n.mianContent .demo-tabs[data-v-b90a8834] .el-tab-pane.pane-流程图 .bpmn-look {\n height: 0;\n flex: 1;\n}\n.mianContent .rowtitle[data-v-b90a8834] {\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-b90a8834] {\n overflow: hidden;\n /* // border: 1px solid #DADBDE; */\n}\n.mianContent .topCard .topRow[data-v-b90a8834] {\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-b90a8834]:first-child {\n color: #333333;\n}\n.mianContent .topCard .topRow div[data-v-b90a8834]:last-child {\n color: #777777;\n padding-left: 10px;\n}\n.mianContent .topCard .topRow div.process-mliv-dd[data-v-b90a8834] {\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-b90a8834] {\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-b90a8834] :deep(.is-active) {\n font-size: 16px;\n}\n.mianContent .tabs[data-v-b90a8834] :deep(.el-tabs__header) {\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1997;\n}\n.mianContent .topBtnRow[data-v-b90a8834] {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n height: 100%;\n}\n.mianContent .footBtnRow[data-v-b90a8834] {\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-b90a8834] {\n min-width: 74px;\n height: 36px;\n border-radius: 6px;\n}\n.formInput[data-v-b90a8834] {\n width: 90%;\n}\n.dialog[data-v-b90a8834] :deep(.el-dialog__header) {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n}\n.dialog[data-v-b90a8834] .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-b90a8834] :deep(.el-dialog__footer) {\n padding: 12px;\n text-align: center;\n}\n.dialog .el-dialog__header[data-v-b90a8834] {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n display: flex;\n align-items: center;\n}\n.dialog[data-v-b90a8834] :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-b90a8834] {\n padding: 45px 30px;\n}\n.dialog .el-dialog__footer[data-v-b90a8834] {\n padding: 12px !important;\n text-align: center;\n}\n.dialog .el-dialog__headerbtn[data-v-b90a8834] {\n top: 10px;\n right: 16px;\n}\n.view-file[data-v-b90a8834] {\n color: #1389ff;\n cursor: pointer;\n}\n.view-node-info[data-v-b90a8834] {\n cursor: pointer;\n color: #1389ff;\n margin-left: 34px;\n font-size: 16px;\n}\n.iconsR[data-v-b90a8834] {\n cursor: pointer;\n transform: rotate(90deg);\n}\n[data-v-b90a8834] .task .el-radio-group .el-radio--small.is-bordered {\n margin: 0 20px;\n}\n[data-v-b90a8834] .task .el-radio-group .el-radio.is-bordered + .el-radio.is-bordered {\n margin: 5px 20px;\n}\n.sign-img[data-v-b90a8834] {\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;AC+3ChB;EACA,qCAAA;EACA,cAAA;EACA,mBAAA;AD73CA;AC+3CA;EACA,gBAAA;EACA,gCAAA;AD53CA;AC63CA;EACA,sBAAA;AD33CA;AC83CA;EACA,yBAAA;AD53CA;AC+3CA;EACA,uBAAA;AD73CA;ACg4CA;EACA,oBAAA;AD73CA;ACk4CA;EACA,gBAAA;EACA,UAAA;EACA,sBAAA;EACA,aAAA;AD/3CA;ACq4CA;EACA,eAAA;EACA,SAAA;EACA,sBAAA;EACA,UAAA;EACA,aAAA;ADl4CA;ACo4CA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,aAAA;EACA,sBAAA;EAIA,4BAAA;ADp4CA;ACs4CA;EACA,OAAA;EACA,SAAA;EAEA,aAAA;EACA,sBAAA;ADr4CA;ACs4CA;EACA,OAAA;EACA,SAAA;ADp4CA;ACq4CA;EACA,QAAA;ADn4CA;ACs4CA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,gBAAA;ADp4CA;ACs4CA;EACA,SAAA;EACA,OAAA;ADp4CA;AC24CA;EACA,sBAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;EAEA,8BAAA;EACA,iBAAA;ADz4CA;AC44CA;EACA,gBAAA;EACA,kCAAA;ADz4CA;AC44CA;EACA,aAAA;EACA,0BAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;ADz4CA;AC44CA;EACA,cAAA;ADz4CA;AC44CA;EACA,cAAA;EACA,kBAAA;ADz4CA;AC44CA;EACA,qBAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,iBAAA;ADz4CA;AC44CA;EACA,4BAAA;EACA,SAAA;EACA,OAAA;EACA,4BAAA;EACA,aAAA;EACA,sBAAA;ADz4CA;AC44CA;EACA,eAAA;ADz4CA;ACi5CA;EACA,gBAAA;EACA,MAAA;EACA,sBAAA;EACA,aAAA;AD94CA;ACq5CA;EACA,aAAA;EACA,yBAAA;EACA,mBAAA;EACA,YAAA;ADl5CA;ACq5CA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,sBAAA;EAEA,eAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,6BAAA;EACA,gBAAA;EACA,sBAAA;EACA,aAAA;ADn5CA;ACo5CA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;ADl5CA;ACs5CA;EACA,UAAA;ADn5CA;ACs5CA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;ADn5CA;ACs5CA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,mBAAA;ADn5CA;ACs5CA;EACA,aAAA;EACA,kBAAA;ADn5CA;ACs5CA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;ADn5CA;ACu5CA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;ADp5CA;ACw5CA;EACA,kBAAA;ADr5CA;ACu5CA;EACA,wBAAA;EACA,kBAAA;ADr5CA;ACu5CA;EACA,SAAA;EACA,WAAA;ADr5CA;ACw5CA;EACA,cAAA;EACA,eAAA;ADr5CA;ACu5CA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ADp5CA;ACs5CA;EACA,eAAA;EACA,wBAAA;ADn5CA;ACs5CA;EACA,cAAA;ADn5CA;ACq5CA;EACA,gBAAA;ADn5CA;ACs5CA;EACA,WAAA;EACA,YAAA;ADn5CA;;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=\"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 :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 ></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 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=\"dialogVisibleOperation = false\"\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 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 processInsId: this.processId,\r\n taskId: this.taskId,\r\n } : {\r\n processInsId: 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 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.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 if (this.attachShow) {\r\n let 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 });\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 let sign = false;\r\n let annex = \"\";\r\n switch (this.operationLabel) {\r\n case \"退回\":\r\n annex = this.operationParam.taskObj.otherButtonAnnexList;\r\n break;\r\n case \"办理\":\r\n annex = this.operationParam.taskObj.completeButtonAnnex;\r\n if (annex) sign = true;\r\n break;\r\n case \"处理\":\r\n annex = this.operationParam.taskObj.completeButtonAnnex;\r\n if (annex) sign = true;\r\n break;\r\n case \"同意\":\r\n annex = this.operationParam.taskObj.completeButtonAnnex;\r\n if (annex) sign = true;\r\n break;\r\n case \"拒绝\":\r\n annex = this.operationParam.taskObj.otherButtonAnnexList;\r\n break;\r\n case \"加签\":\r\n annex = this.operationParam.taskObj.counterSignButtonAnnex;\r\n if (annex) sign = true;\r\n break;\r\n case \"转办\":\r\n annex = this.operationParam.taskObj.delegateTaskButtonAnnex;\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 this.attachRule.required = annex.split(\";\")[1] == \"true\";\r\n this.attachRule.limit =\r\n annex.split(\";\")[2] == -1 ? 999 : annex.split(\";\")[2];\r\n }\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 });
|
|
9182
|
+
inject("data-v-19d0ee00_0", { source: "@charset \"UTF-8\";\n.operation-box[data-v-19d0ee00] {\n max-height: var(--dynamic-ctx-height);\n overflow: auto;\n padding-right: 20px;\n}\n.el-dropdown-menu__item[data-v-19d0ee00] {\n min-width: 140px;\n border-bottom: 1px solid #e8e8e8;\n}\n.el-dropdown-menu__item .el-button--text[data-v-19d0ee00] {\n color: #333 !important;\n}\n.el-dropdown-menu__item:hover .el-button--text[data-v-19d0ee00] {\n color: #1389ff !important;\n}\n.el-dropdown-menu__item[data-v-19d0ee00]:last-child {\n border: none !important;\n}\n.el-dropdown-menu[data-v-19d0ee00] {\n padding-bottom: 30px;\n}\n.mianContent > .tabs > .demo-tabs[data-v-19d0ee00] > .el-tabs__header {\n position: sticky;\n top: -20px;\n background-color: #fff;\n z-index: 1997;\n}\n.top-tabs[data-v-19d0ee00] {\n position: fixed;\n top: 62px;\n background-color: #fff;\n right: 0px;\n z-index: 1997;\n}\n.mianContent[data-v-19d0ee00] {\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-19d0ee00] {\n flex: 1;\n height: 0;\n display: flex;\n flex-direction: column;\n}\n.mianContent .demo-tabs[data-v-19d0ee00] .el-tabs__content {\n flex: 1;\n height: 0;\n}\n.mianContent .demo-tabs[data-v-19d0ee00] .el-tabs__content::-webkit-scrollbar {\n width: 0;\n}\n.mianContent .demo-tabs[data-v-19d0ee00] .el-tab-pane {\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n}\n.mianContent .demo-tabs[data-v-19d0ee00] .el-tab-pane.pane-流程图 .bpmn-look {\n height: 0;\n flex: 1;\n}\n.mianContent .rowtitle[data-v-19d0ee00] {\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-19d0ee00] {\n overflow: hidden;\n /* // border: 1px solid #DADBDE; */\n}\n.mianContent .topCard .topRow[data-v-19d0ee00] {\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-19d0ee00]:first-child {\n color: #333333;\n}\n.mianContent .topCard .topRow div[data-v-19d0ee00]:last-child {\n color: #777777;\n padding-left: 10px;\n}\n.mianContent .topCard .topRow div.process-mliv-dd[data-v-19d0ee00] {\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-19d0ee00] {\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-19d0ee00] :deep(.is-active) {\n font-size: 16px;\n}\n.mianContent .tabs[data-v-19d0ee00] :deep(.el-tabs__header) {\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1997;\n}\n.mianContent .topBtnRow[data-v-19d0ee00] {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n height: 100%;\n}\n.mianContent .footBtnRow[data-v-19d0ee00] {\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-19d0ee00] {\n min-width: 74px;\n height: 36px;\n border-radius: 6px;\n}\n.formInput[data-v-19d0ee00] {\n width: 90%;\n}\n.dialog[data-v-19d0ee00] :deep(.el-dialog__header) {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n}\n.dialog[data-v-19d0ee00] .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-19d0ee00] :deep(.el-dialog__footer) {\n padding: 12px;\n text-align: center;\n}\n.dialog .el-dialog__header[data-v-19d0ee00] {\n padding: 18px 24px;\n font-size: 18px;\n font-weight: 400;\n display: flex;\n align-items: center;\n}\n.dialog[data-v-19d0ee00] :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-19d0ee00] {\n padding: 45px 30px;\n}\n.dialog .el-dialog__footer[data-v-19d0ee00] {\n padding: 12px !important;\n text-align: center;\n}\n.dialog .el-dialog__headerbtn[data-v-19d0ee00] {\n top: 10px;\n right: 16px;\n}\n.view-file[data-v-19d0ee00] {\n color: #1389ff;\n cursor: pointer;\n}\n.view-node-info[data-v-19d0ee00] {\n cursor: pointer;\n color: #1389ff;\n margin-left: 34px;\n font-size: 16px;\n}\n.iconsR[data-v-19d0ee00] {\n cursor: pointer;\n transform: rotate(90deg);\n}\n[data-v-19d0ee00] .task .el-radio-group .el-radio--small.is-bordered {\n margin: 0 20px;\n}\n[data-v-19d0ee00] .task .el-radio-group .el-radio.is-bordered + .el-radio.is-bordered {\n margin: 5px 20px;\n}\n.sign-img[data-v-19d0ee00] {\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;ACu6ChB;EACA,qCAAA;EACA,cAAA;EACA,mBAAA;ADr6CA;ACu6CA;EACA,gBAAA;EACA,gCAAA;ADp6CA;ACq6CA;EACA,sBAAA;ADn6CA;ACs6CA;EACA,yBAAA;ADp6CA;ACu6CA;EACA,uBAAA;ADr6CA;ACw6CA;EACA,oBAAA;ADr6CA;AC06CA;EACA,gBAAA;EACA,UAAA;EACA,sBAAA;EACA,aAAA;ADv6CA;AC66CA;EACA,eAAA;EACA,SAAA;EACA,sBAAA;EACA,UAAA;EACA,aAAA;AD16CA;AC46CA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,aAAA;EACA,sBAAA;EAIA,4BAAA;AD56CA;AC86CA;EACA,OAAA;EACA,SAAA;EAEA,aAAA;EACA,sBAAA;AD76CA;AC86CA;EACA,OAAA;EACA,SAAA;AD56CA;AC66CA;EACA,QAAA;AD36CA;AC86CA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,gBAAA;AD56CA;AC86CA;EACA,SAAA;EACA,OAAA;AD56CA;ACm7CA;EACA,sBAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;EAEA,8BAAA;EACA,iBAAA;ADj7CA;ACo7CA;EACA,gBAAA;EACA,kCAAA;ADj7CA;ACo7CA;EACA,aAAA;EACA,0BAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;ADj7CA;ACo7CA;EACA,cAAA;ADj7CA;ACo7CA;EACA,cAAA;EACA,kBAAA;ADj7CA;ACo7CA;EACA,qBAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,iBAAA;ADj7CA;ACo7CA;EACA,4BAAA;EACA,SAAA;EACA,OAAA;EACA,4BAAA;EACA,aAAA;EACA,sBAAA;ADj7CA;ACo7CA;EACA,eAAA;ADj7CA;ACy7CA;EACA,gBAAA;EACA,MAAA;EACA,sBAAA;EACA,aAAA;ADt7CA;AC67CA;EACA,aAAA;EACA,yBAAA;EACA,mBAAA;EACA,YAAA;AD17CA;AC67CA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,sBAAA;EAEA,eAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,6BAAA;EACA,gBAAA;EACA,sBAAA;EACA,aAAA;AD37CA;AC47CA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;AD17CA;AC87CA;EACA,UAAA;AD37CA;AC87CA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;AD37CA;AC87CA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,mBAAA;AD37CA;AC87CA;EACA,aAAA;EACA,kBAAA;AD37CA;AC87CA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;AD37CA;AC+7CA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;AD57CA;ACg8CA;EACA,kBAAA;AD77CA;AC+7CA;EACA,wBAAA;EACA,kBAAA;AD77CA;AC+7CA;EACA,SAAA;EACA,WAAA;AD77CA;ACg8CA;EACA,cAAA;EACA,eAAA;AD77CA;AC+7CA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AD57CA;AC87CA;EACA,eAAA;EACA,wBAAA;AD37CA;AC87CA;EACA,cAAA;AD37CA;AC67CA;EACA,gBAAA;AD37CA;AC87CA;EACA,WAAA;EACA,YAAA;AD37CA;;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=\"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 :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 ></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 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 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 });
|
|
9113
9183
|
|
|
9114
9184
|
};
|
|
9115
9185
|
/* scoped */
|
|
9116
|
-
const __vue_scope_id__$5 = "data-v-
|
|
9186
|
+
const __vue_scope_id__$5 = "data-v-19d0ee00";
|
|
9117
9187
|
/* module identifier */
|
|
9118
9188
|
const __vue_module_identifier__$5 = undefined;
|
|
9119
9189
|
/* functional template */
|
|
@@ -9257,10 +9327,12 @@ var drawer = /*#__PURE__*/Object.freeze({
|
|
|
9257
9327
|
//
|
|
9258
9328
|
//
|
|
9259
9329
|
|
|
9330
|
+
|
|
9260
9331
|
var script$3 = {
|
|
9261
|
-
name: '
|
|
9332
|
+
name: 'selectDept',
|
|
9262
9333
|
components: {
|
|
9263
|
-
|
|
9334
|
+
// 打包后需要使用default引入，不然解析不出来
|
|
9335
|
+
TreeSelect: TreeSelect && TreeSelect.default ? TreeSelect.default : TreeSelect,
|
|
9264
9336
|
},
|
|
9265
9337
|
props: {
|
|
9266
9338
|
deptId: {
|
|
@@ -9334,7 +9406,7 @@ var __vue_render__$3 = function () {
|
|
|
9334
9406
|
return _c(
|
|
9335
9407
|
"div",
|
|
9336
9408
|
[
|
|
9337
|
-
_c("
|
|
9409
|
+
_c("tree-select", {
|
|
9338
9410
|
attrs: {
|
|
9339
9411
|
options: _vm.opsSelf,
|
|
9340
9412
|
normalizer: _vm.normalizer,
|
|
@@ -9363,11 +9435,11 @@ __vue_render__$3._withStripped = true;
|
|
|
9363
9435
|
/* style */
|
|
9364
9436
|
const __vue_inject_styles__$3 = function (inject) {
|
|
9365
9437
|
if (!inject) return
|
|
9366
|
-
inject("data-v-
|
|
9438
|
+
inject("data-v-57f8eef9_0", { source: "\n\n/*# sourceMappingURL=selectDept.vue.map */", map: {"version":3,"sources":["selectDept.vue"],"names":[],"mappings":";;AAEA,yCAAyC","file":"selectDept.vue"}, media: undefined });
|
|
9367
9439
|
|
|
9368
9440
|
};
|
|
9369
9441
|
/* scoped */
|
|
9370
|
-
const __vue_scope_id__$3 = "data-v-
|
|
9442
|
+
const __vue_scope_id__$3 = "data-v-57f8eef9";
|
|
9371
9443
|
/* module identifier */
|
|
9372
9444
|
const __vue_module_identifier__$3 = undefined;
|
|
9373
9445
|
/* functional template */
|
|
@@ -9570,7 +9642,7 @@ __vue_render__$3._withStripped = true;
|
|
|
9570
9642
|
|
|
9571
9643
|
|
|
9572
9644
|
var script$2 = {
|
|
9573
|
-
components: { userTask: __vue_component__$g, bpmnLook: __vue_component__$6,
|
|
9645
|
+
components: { userTask: __vue_component__$g, bpmnLook: __vue_component__$6, selectDept: __vue_component__$3 },
|
|
9574
9646
|
props: {
|
|
9575
9647
|
extraReqParams: {
|
|
9576
9648
|
type: Object,
|
|
@@ -9617,7 +9689,7 @@ var script$2 = {
|
|
|
9617
9689
|
btnLoading: false,
|
|
9618
9690
|
processList: [],
|
|
9619
9691
|
processDefId: "",
|
|
9620
|
-
|
|
9692
|
+
processInstId: '',
|
|
9621
9693
|
processDefName: "",
|
|
9622
9694
|
businessId: "",
|
|
9623
9695
|
trackUrl: "",
|
|
@@ -9910,7 +9982,7 @@ var script$2 = {
|
|
|
9910
9982
|
.reactivate(
|
|
9911
9983
|
{
|
|
9912
9984
|
processDefId: this.processDefId,
|
|
9913
|
-
|
|
9985
|
+
processInstId: this.processInstId,
|
|
9914
9986
|
isClearHistory: this.isClearHistory,
|
|
9915
9987
|
// reactivateReason: "重新提交",
|
|
9916
9988
|
multiNodeParticipant: this._multiNodeParticipant,
|
|
@@ -10175,15 +10247,15 @@ var script$2 = {
|
|
|
10175
10247
|
});
|
|
10176
10248
|
},
|
|
10177
10249
|
// 流程
|
|
10178
|
-
async getProcessInfo({ taskId,
|
|
10250
|
+
async getProcessInfo({ taskId, processInstId }) {
|
|
10179
10251
|
|
|
10180
10252
|
let res = {};
|
|
10181
10253
|
try {
|
|
10182
10254
|
res = await api$1.tis.getTaskModelDetail(taskId ? {
|
|
10183
|
-
|
|
10255
|
+
processInstId,
|
|
10184
10256
|
taskId,
|
|
10185
10257
|
} : {
|
|
10186
|
-
|
|
10258
|
+
processInstId,
|
|
10187
10259
|
});
|
|
10188
10260
|
} catch (e) {
|
|
10189
10261
|
res = {};
|
|
@@ -10192,10 +10264,10 @@ var script$2 = {
|
|
|
10192
10264
|
if (res.code == 200) ;
|
|
10193
10265
|
return res
|
|
10194
10266
|
},
|
|
10195
|
-
async revivalShow({
|
|
10196
|
-
this.
|
|
10267
|
+
async revivalShow({ processInstId, businessId, taskId, deptId }) {
|
|
10268
|
+
this.processInstId = processInstId;
|
|
10197
10269
|
this.hasDeptId = !!deptId;
|
|
10198
|
-
let res = await this.getProcessInfo({ taskId,
|
|
10270
|
+
let res = await this.getProcessInfo({ taskId, processInstId });
|
|
10199
10271
|
// let res = await api.pis.getProcessInstanceByBusinessKey(businessId);
|
|
10200
10272
|
if (res.code == 200) {
|
|
10201
10273
|
this.processData = {
|
|
@@ -10250,7 +10322,6 @@ var script$2 = {
|
|
|
10250
10322
|
}
|
|
10251
10323
|
this._multiNodeParticipant = multiNodeParticipant;
|
|
10252
10324
|
this._vars = vars;
|
|
10253
|
-
console.log(this.callback, 'callbasck', this.beforeFunction);
|
|
10254
10325
|
if(this.beforeFunction){
|
|
10255
10326
|
this.beforeFunction();
|
|
10256
10327
|
}else if (this.callback) {
|
|
@@ -10420,7 +10491,7 @@ var __vue_render__$2 = function () {
|
|
|
10420
10491
|
},
|
|
10421
10492
|
},
|
|
10422
10493
|
[
|
|
10423
|
-
_c("
|
|
10494
|
+
_c("selectDept", {
|
|
10424
10495
|
staticClass: "dept-tree",
|
|
10425
10496
|
attrs: { deptId: _vm.deptId, ops: _vm.deptList },
|
|
10426
10497
|
on: { input: _vm.handleDeptChange },
|
|
@@ -10598,12 +10669,12 @@ __vue_render__$2._withStripped = true;
|
|
|
10598
10669
|
/* style */
|
|
10599
10670
|
const __vue_inject_styles__$2 = function (inject) {
|
|
10600
10671
|
if (!inject) return
|
|
10601
|
-
inject("data-v-67ecf032_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":"AAw3BA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;ACv3BA;AD23BA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,kBAAA;ACx3BA;AD43BA;EACA,wBAAA;EACA,kBAAA;ACz3BA;AD23BA;EACA,SAAA;EACA,WAAA;ACz3BA;;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 <treeSelect\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 treeSelect from \"./operation/treeSelect.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n components: { userTask, bpmnLook, treeSelect },\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 processInsId: '',\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 api.pis\r\n .reactivate(\r\n {\r\n processDefId: this.processDefId,\r\n processInsId: this.processInsId,\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 ...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 },\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, processInsId }) {\r\n\r\n let res = {};\r\n try {\r\n res = await api.tis.getTaskModelDetail(taskId ? {\r\n processInsId,\r\n taskId,\r\n } : {\r\n processInsId,\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({ processInsId, businessId, taskId, deptId }) {\r\n this.processInsId = processInsId\r\n this.hasDeptId = !!deptId\r\n let res = await this.getProcessInfo({ taskId, processInsId })\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 console.log(this.callback, 'callbasck', this.beforeFunction)\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 })
|
|
10602
|
-
,inject("data-v-67ecf032_1", { source: ".dept-tree[data-v-67ecf032] {\n width: 65%;\n}\n.process-def-name[data-v-67ecf032] {\n font-weight: bold;\n margin-right: 20px;\n font-size: 16px;\n}\n.view-node-info[data-v-67ecf032] {\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-67ecf032] {\n padding-right: 18px;\n}\n.create-form .el-form-item[data-v-67ecf032] {\n margin-bottom: 10px;\n}\n.node-list[data-v-67ecf032] {\n max-height: 300px;\n overflow-y: scroll;\n}\n.track-view .el-dialog__body[data-v-67ecf032] {\n display: flex;\n justify-content: center;\n height: 600px;\n position: relative;\n}\niframe[data-v-67ecf032] {\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":"AAq5BA;EACA,UAAA;ACp5BA;ADu5BA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;ACp5BA;ADs5BA;EACA,qBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,SAAA;ACn5BA;ADu5BA;EACA,mBAAA;ACp5BA;ADs5BA;EACA,mBAAA;ACp5BA;ADu5BA;EACA,iBAAA;EACA,kBAAA;ACp5BA;ADu5BA;EACA,aAAA;EACA,uBAAA;EACA,aAAA;EACA,kBAAA;ACp5BA;ADu5BA;EACA,iBAAA;ACp5BA;;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 <treeSelect\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 treeSelect from \"./operation/treeSelect.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n components: { userTask, bpmnLook, treeSelect },\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 processInsId: '',\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 api.pis\r\n .reactivate(\r\n {\r\n processDefId: this.processDefId,\r\n processInsId: this.processInsId,\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 ...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 },\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, processInsId }) {\r\n\r\n let res = {};\r\n try {\r\n res = await api.tis.getTaskModelDetail(taskId ? {\r\n processInsId,\r\n taskId,\r\n } : {\r\n processInsId,\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({ processInsId, businessId, taskId, deptId }) {\r\n this.processInsId = processInsId\r\n this.hasDeptId = !!deptId\r\n let res = await this.getProcessInfo({ taskId, processInsId })\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 console.log(this.callback, 'callbasck', this.beforeFunction)\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 });
|
|
10672
|
+
inject("data-v-d5e3d984_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":"AAu3BA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;ACt3BA;AD03BA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,kBAAA;ACv3BA;AD23BA;EACA,wBAAA;EACA,kBAAA;ACx3BA;AD03BA;EACA,SAAA;EACA,WAAA;ACx3BA;;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 api.pis\r\n .reactivate(\r\n {\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 ...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 },\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 })
|
|
10673
|
+
,inject("data-v-d5e3d984_1", { source: ".dept-tree[data-v-d5e3d984] {\n width: 65%;\n}\n.process-def-name[data-v-d5e3d984] {\n font-weight: bold;\n margin-right: 20px;\n font-size: 16px;\n}\n.view-node-info[data-v-d5e3d984] {\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-d5e3d984] {\n padding-right: 18px;\n}\n.create-form .el-form-item[data-v-d5e3d984] {\n margin-bottom: 10px;\n}\n.node-list[data-v-d5e3d984] {\n max-height: 300px;\n overflow-y: scroll;\n}\n.track-view .el-dialog__body[data-v-d5e3d984] {\n display: flex;\n justify-content: center;\n height: 600px;\n position: relative;\n}\niframe[data-v-d5e3d984] {\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":"AAo5BA;EACA,UAAA;ACn5BA;ADs5BA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;ACn5BA;ADq5BA;EACA,qBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,SAAA;ACl5BA;ADs5BA;EACA,mBAAA;ACn5BA;ADq5BA;EACA,mBAAA;ACn5BA;ADs5BA;EACA,iBAAA;EACA,kBAAA;ACn5BA;ADs5BA;EACA,aAAA;EACA,uBAAA;EACA,aAAA;EACA,kBAAA;ACn5BA;ADs5BA;EACA,iBAAA;ACn5BA;;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 api.pis\r\n .reactivate(\r\n {\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 ...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 },\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 });
|
|
10603
10674
|
|
|
10604
10675
|
};
|
|
10605
10676
|
/* scoped */
|
|
10606
|
-
const __vue_scope_id__$2 = "data-v-
|
|
10677
|
+
const __vue_scope_id__$2 = "data-v-d5e3d984";
|
|
10607
10678
|
/* module identifier */
|
|
10608
10679
|
const __vue_module_identifier__$2 = undefined;
|
|
10609
10680
|
/* functional template */
|