ddy-process-pc-vue2 1.0.1-rc.2.1 → 1.0.1-rc.2.3

package/vue2/index.esm.js

@@ -674,7 +674,7 @@ var api$1 = {
     */
     getOutgoingProcessNode(taskId, processNodeId) {
       let ajaxObj = {
-        url: proxyStrV2 + "/tis/getOutgoingProcessNode",
+        url: proxyStr + "/repository/getOutgoingProcessNode",
         param: {
           taskId,
           processNodeId
@@ -2690,167 +2690,6 @@ __vue_render__$h._withStripped = true;
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 var script$g = {
@@ -2891,10 +2730,8 @@ var script$g = {
   },
   computed: {
     checkModelList() {
-      let arr = this.processNodeObj.branches.filter((o) =>
-        {
-          return this.checkList.includes(o.incomingConditionItemList[0].compareValue)
-        }
+      let arr = this.processNodeObj.childNode.filter((o) =>
+        this.checkList.includes(o.incomingConditionItemList[0].compareValue)
       );
 
       this.resultList = arr || [];
@@ -3003,107 +2840,19 @@ var script$g = {
       let flag = true;
       let val = { multiNodeParticipant: {}, vars: {} };
       if (
-        (!this.processNodeObj.type || 
+        !this.processNodeObj.type || 
         this.processNodeObj.type == this.Enum.ProcessNodeType.用户任务 ||
-        this.processNodeObj.type == ProcessNodeType.用户节点)
-        
+        this.processNodeObj.type == ProcessNodeType.用户节点
       ) {
-
-        /**
-         * &&
-        (
-          this.processNodeObj.nodeType != 'exclusiveGateway'
-          ||
-          this.processNodeObj.nodeType == 'exclusiveGateway' && this.processNodeObj.branches.length == 0
-        )
-         */
-        // exclusiveGateway 节点
-
-        if (this.processNodeObj.nodeType == 'exclusiveGateway') {
-          // 进来这里
-          for (let key in this.userTaskListData) {
-            let o = this.userTaskListData[key];
-            let refCom = this.$refs[o];
-
-            refCom = Array.isArray(refCom) ? refCom[0] : refCom;
-            if (refCom) {
-              let res = refCom.getValue();
-              if (!res) {
-                flag = false;
-              } else {
-                if (this.radioModel && this.radioModel.nodeInfoDTO && this.radioModel.nodeInfoDTO.id) {
-                  if (
-                    this.radioModel.nodeInfoDTO.incomingConditionItemList &&
-                    this.radioModel.nodeInfoDTO.incomingConditionItemList.length > 0
-                  )
-                    val.vars[
-                      this.radioModel.nodeInfoDTO.incomingConditionItemList[0].itemName
-                    ] =
-                      this.radioModel.nodeInfoDTO.incomingConditionItemList[0].compareValue;
-                }
-                val.multiNodeParticipant = {
-                  ...val.multiNodeParticipant,
-                  ...res.multiNodeParticipant,
-                };
-                val.vars = { ...val.vars, ...res.vars };
-              }
-            }
-          }
-          
-        } 
-        else if (this.processNodeObj.nodeType == 'inclusiveGateway') {
-          // 进来这里
-          if (this.resultList && this.resultList.length > 0) {
-
-            this.resultList.forEach(rlItem => {
-            const o = this.userTaskListData[rlItem.nodeInfoDTO.id];
-            let refCom = this.$refs[o];
-
-            refCom = Array.isArray(refCom) ? refCom[0] : refCom;
-            if (refCom) {
-              let res = refCom.getValue();
-              if (!res) {
-                flag = false;
-              } else {
-                if (rlItem.nodeInfoDTO.incomingConditionItemList.length !== 0) {
-                rlItem.nodeInfoDTO.incomingConditionItemList.forEach((item) => {
-                  if (item.itemName) {
-                    val.vars[item.itemName] = item.compareValue;
-                  }
-                });
-              }
-                  val.multiNodeParticipant = {
-                  ...val.multiNodeParticipant,
-                  ...res.multiNodeParticipant,
-                };
-                val.vars = { ...val.vars, ...res.vars };
-              }
-            }
-          });
-
-          } else {
-            this.processNodeObj.nodeInfoDTO.name && Message.warning(`请选择 ${this.processNodeObj.nodeInfoDTO.name} `);
-            return false;
-          }
-         
-          
-        } 
         // 新流程需要进入这里
-        else if (!this.processNodeObj.assignee || !Array.isArray(this.processNodeObj.assignee) || !this.processNodeObj.setPersonnel || this.isOption(this.processNodeObj.humanPerformerName)
-        || 
-      (this.processNodeObj.nodeInfoDTO && (!this.processNodeObj.nodeInfoDTO.assignee || !Array.isArray(this.processNodeObj.nodeInfoDTO.assignee) || !this.processNodeObj.nodeInfoDTO.setPersonnel || this.isOption(this.processNodeObj.nodeInfoDTO.humanPerformerName)))
-      ) {
+        if (!this.processNodeObj.assignee || !Array.isArray(this.processNodeObj.assignee) || !this.processNodeObj.setPersonnel || this.isOption(this.processNodeObj.humanPerformerName)) {
           if (this.targetUserId && this.targetUserId.length > 0) {
             val.multiNodeParticipant = {};
-            val.multiNodeParticipant[this.processNode.nodeInfoDTO ? this.processNodeObj.nodeInfoDTO.id : this.processNodeObj.id] =
+            val.multiNodeParticipant[this.processNodeObj.id] =
               Array.isArray(this.targetUserId) ? this.targetUserId : [this.targetUserId];
             // val.push(obj);
-          }  else if (this.processNodeObj.REQUIRED !== false || (this.processNodeObj.nodeInfoDTO && this.processNodeObj.nodeInfoDTO.REQUIRED !== false)) {
-            if (this.processNodeObj.nodeInfoDTO) {
-              this.processNodeObj.nodeInfoDTO.name && Message.warning(`请选择 ${this.processNodeObj.nodeInfoDTO.name} 处理人`);
-            } else {
-              this.processNodeObj.name && Message.warning(`请选择 ${this.processNodeObj.name} 处理人`);
-            }
+          }  else if (this.processNodeObj.REQUIRED !== false) {
+            Message.warning(`请选择 ${this.processNodeObj.name} 处理人`);
             // ElMessage.warning(`请选择审批人`);
             return false;
           }
@@ -3121,15 +2870,15 @@ var script$g = {
         for (let key in this.userTaskListData) {
           let o = this.userTaskListData[key];
           let refCom = this.$refs[o];
-
-          refCom = Array.isArray(refCom) ? refCom[0] : refCom;
+          if (this.processNodeObj.type == this.Enum.ProcessNodeType.多选节点)
+            refCom = refCom[0];
           if (refCom) {
             let res = refCom.getValue();
             if (!res) {
               flag = false;
             } else {
               if (
-                this.processNodeObj.nodeType == 'exclusiveGateway'
+                this.processNodeObj.type == this.Enum.ProcessNodeType.单一分支
               ) {
                 if (this.radioModel && this.radioModel.id) {
                   if (
@@ -3141,13 +2890,13 @@ var script$g = {
                     ] =
                       this.radioModel.incomingConditionItemList[0].compareValue;
                 } else {
-                  this.processNodeObj.name && Message.warning(
+                  Message.warning(
                     `请选择 ${this.processNodeObj.name} 下一节点`
                   );
                   return false;
                 }
               } else if (
-                this.processNodeObj.nodeType == 'inclusiveGateway'
+                this.processNodeObj.type == this.Enum.ProcessNodeType.多选节点
               ) {
                 if (this.resultList && this.resultList.length > 0) {
                   this.resultList.forEach((r) => {
@@ -3160,7 +2909,7 @@ var script$g = {
                     }
                   });
                 } else {
-                  this.processNodeObj.name && Message.warning(`请选择 ${this.processNodeObj.name} `);
+                  Message.warning(`请选择 ${this.processNodeObj.name} `);
                   return false;
                 }
               }
@@ -3172,302 +2921,59 @@ var script$g = {
             }
           }
         }
-      }
-      if (flag) return val;
-      return flag;
-    },
-    getLabel(node) {
-      let name = "";
-      if (node.incomingConditionItemList.length > 0) {
-        name = node.incomingConditionItemList[0].compareValue;
-      }
-      return name || node.name || "后续节点";
-    },
-  },
-};
-
-/* script */
-const __vue_script__$g = script$g;
-
-/* template */
-var __vue_render__$g = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "div",
-    { staticClass: "user-task" },
-    [
-      _vm.processNodeObj.nodeType == "exclusiveGateway" &&
-      _vm.processNodeObj.branches &&
-      _vm.processNodeObj.branches.length >= 1
-        ? [
-            _vm.processNodeObj.branches.length > 1
-              ? _c(
-                  "el-form-item",
-                  { attrs: { label: _vm.processNodeObj.name || "下一节点" } },
-                  [
-                    _c(
-                      "el-radio-group",
-                      {
-                        staticClass: "ml-4",
-                        model: {
-                          value: _vm.radioModel,
-                          callback: function ($$v) {
-                            _vm.radioModel = $$v;
-                          },
-                          expression: "radioModel",
-                        },
-                      },
-                      _vm._l(_vm.processNodeObj.branches, function (item) {
-                        return _c(
-                          "el-radio",
-                          {
-                            key: item.id,
-                            attrs: { label: item, size: "large" },
-                          },
-                          [_vm._v(_vm._s(item.name))]
-                        )
-                      }),
-                      1
-                    ),
-                  ],
-                  1
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.radioModel.id
-              ? [
-                  _vm.radioModel.nodeInfoDTO &&
-                  _vm.radioModel.nodeInfoDTO.nodeType == "userTask"
-                    ? [
-                        _c("userTask", {
-                          key: _vm.radioModel.nodeInfoDTO.id,
-                          ref: _vm.setItemRef(_vm.radioModel.nodeInfoDTO.id),
-                          attrs: {
-                            personType: _vm.personType,
-                            personEntity: _vm.personEntity,
-                            "process-node": Object.assign(
-                              {},
-                              _vm.radioModel.nodeInfoDTO,
-                              {
-                                REQUIRED:
-                                  _vm.radioModel.nodeInfoDTO.setPersonnel ==
-                                    true &&
-                                  _vm.radioModel.nodeInfoDTO.assignees &&
-                                  _vm.radioModel.nodeInfoDTO.assignees.length >
-                                    0
-                                    ? false
-                                    : true,
-                              }
-                            ),
-                            rules: [
-                              { required: true, message: "请选择处理人" },
-                            ],
-                          },
-                        }),
-                      ]
-                    : _vm.radioModel.nodeInfoDTO &&
-                      _vm.radioModel.nodeInfoDTO.nodeType == "inclusiveGateway"
-                    ? [
-                        _c("userTask", {
-                          key: _vm.radioModel.nodeInfoDTO.id,
-                          ref: _vm.setItemRef(_vm.radioModel.nodeInfoDTO.id),
-                          attrs: {
-                            personType: _vm.personType,
-                            personEntity: _vm.personEntity,
-                            "process-node": Object.assign(
-                              {},
-                              _vm.radioModel.nodeInfoDTO,
-                              {
-                                REQUIRED:
-                                  _vm.radioModel.nodeInfoDTO.setPersonnel ==
-                                    true &&
-                                  _vm.radioModel.nodeInfoDTO.assignees &&
-                                  _vm.radioModel.nodeInfoDTO.assignees.length >
-                                    0
-                                    ? false
-                                    : true,
-                              }
-                            ),
-                            rules: [
-                              { required: true, message: "请选择处理人" },
-                            ],
-                          },
-                        }),
-                      ]
-                    : _vm.radioModel.nodeInfoDTO &&
-                      _vm.radioModel.nodeInfoDTO.nodeType == "exclusiveGateway"
-                    ? _vm._l(
-                        _vm.radioModel.nodeInfoDTO.branches,
-                        function (item) {
-                          return _c("userTask", {
-                            key: item.nodeInfoDTO.id,
-                            ref: _vm.setItemRef(item.nodeInfoDTO.id),
-                            refInFor: true,
-                            attrs: {
-                              personType: _vm.personType,
-                              personEntity: _vm.personEntity,
-                              processNode: Object.assign({}, item.nodeInfoDTO, {
-                                REQUIRED:
-                                  item.nodeInfoDTO.setPersonnel == true &&
-                                  item.nodeInfoDTO.assignees &&
-                                  item.nodeInfoDTO.assignees.length > 0
-                                    ? false
-                                    : true,
-                              }),
-                              lv1label: "下一节点名称",
-                              rules: [
-                                { required: true, message: "请选择处理人" },
-                              ],
-                            },
-                          })
-                        }
-                      )
-                    : _vm._e(),
-                ]
-              : _vm.processNodeObj &&
-                _vm.processNodeObj.branches &&
-                _vm.processNodeObj.branches.length == 1
-              ? _vm._l(_vm.processNodeObj.branches, function (pitem) {
-                  return _c("userTask", {
-                    key: pitem.nodeInfoDTO ? pitem.nodeInfoDTO.id : pitem.id,
-                    ref: _vm.setItemRef(
-                      pitem.nodeInfoDTO ? pitem.nodeInfoDTO.id : pitem.id
-                    ),
-                    refInFor: true,
-                    attrs: {
-                      personType: _vm.personType,
-                      personEntity: _vm.personEntity,
-                      "process-node": Object.assign(
-                        {},
-                        pitem.nodeInfoDTO ? pitem.nodeInfoDTO : pitem,
-                        {
-                          REQUIRED:
-                            pitem.nodeInfoDTO.setPersonnel == true &&
-                            pitem.nodeInfoDTO.assignees &&
-                            pitem.nodeInfoDTO.assignees.length > 0
-                              ? false
-                              : true,
-                        }
-                      ),
-                      rules: [{ required: true, message: "请选择处理人" }],
-                    },
-                  })
-                })
-              : _vm._e(),
-          ]
-        : _vm.processNodeObj.nodeType == "inclusiveGateway" &&
-          _vm.processNodeObj.branches &&
-          _vm.processNodeObj.branches.length > 0
-        ? [
-            _c(
-              "el-form-item",
-              { attrs: { label: _vm.processNodeObj.name || "下一节点" } },
-              [
-                _c(
-                  "el-checkbox-group",
-                  {
-                    model: {
-                      value: _vm.checkList,
-                      callback: function ($$v) {
-                        _vm.checkList = $$v;
-                      },
-                      expression: "checkList",
-                    },
-                  },
-                  [
-                    _vm._l(_vm.processNodeObj.branches, function (item) {
-                      return [
-                        _vm.isSelect(item.nodeInfoDTO ? item.nodeInfoDTO : item)
-                          ? _c("el-checkbox", {
-                              key:
-                                "checkbox" +
-                                (item.nodeInfoDTO
-                                  ? item.nodeInfoDTO.id
-                                  : item.id),
-                              attrs: {
-                                label: item.nodeInfoDTO
-                                  ? item.nodeInfoDTO.name
-                                  : item.name,
-                                checked: true,
-                                disabled: "",
-                              },
-                            })
-                          : _c("el-checkbox", {
-                              key:
-                                "checkbox1" +
-                                (item.nodeInfoDTO
-                                  ? item.nodeInfoDTO.id
-                                  : item.id),
-                              attrs: {
-                                label: item.nodeInfoDTO
-                                  ? item.nodeInfoDTO.name
-                                  : item.name,
-                              },
-                            }),
-                      ]
-                    }),
-                  ],
-                  2
-                ),
-              ],
-              1
-            ),
-            _vm._v(" "),
-            _vm._l(_vm.checkModelList, function (item) {
-              return _c("userTask", {
-                key: item.nodeInfoDTO ? item.nodeInfoDTO.id : item.id,
-                ref: _vm.setItemRef(
-                  item.nodeInfoDTO ? item.nodeInfoDTO.id : item.id
-                ),
-                refInFor: true,
-                attrs: {
-                  personType: _vm.personType,
-                  personEntity: _vm.personEntity,
-                  processNode: Object.assign(
-                    {},
-                    item.nodeInfoDTO ? item.nodeInfoDTO : item,
-                    {
-                      REQUIRED: item.nodeInfoDTO
-                        ? item.nodeInfoDTO.setPersonnel == true &&
-                          item.nodeInfoDTO.assignees &&
-                          item.nodeInfoDTO.assignees.length > 0
-                          ? false
-                          : true
-                        : item.setPersonnel == true &&
-                          item.assignees &&
-                          item.assignees.length > 0
-                        ? false
-                        : true,
-                    }
-                  ),
-                },
-              })
-            }),
-          ]
-        : !_vm.processNodeObj.assignee ||
-          !_vm.processNodeObj.assignees ||
-          _vm.isOption(_vm.processNodeObj.humanPerformerName)
+      }
+      if (flag) return val;
+      return flag;
+    },
+    getLabel(node) {
+      let name = "";
+      if (node.incomingConditionItemList.length > 0) {
+        name = node.incomingConditionItemList[0].compareValue;
+      }
+      return name || node.name || "后续节点";
+    },
+  },
+};
+
+/* script */
+const __vue_script__$g = script$g;
+
+/* template */
+var __vue_render__$g = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    { staticClass: "user-task" },
+    [
+      !_vm.processNodeObj.assignee ||
+      !_vm.processNodeObj.assignees ||
+      _vm.isOption(_vm.processNodeObj.humanPerformerName)
         ? [
             _c(
               "el-form-item",
               {
                 staticStyle: { "margin-bottom": "10px" },
                 attrs: { label: _vm.lv1label || "节点名称" },
-                scopedSlots: _vm._u([
-                  {
-                    key: "label",
-                    fn: function (ref) {
-                      ref.label;
-                      return [
-                        _c("div", { staticStyle: { "font-size": "16px" } }, [
-                          _vm._v(_vm._s(_vm.lv1label || "节点名称")),
-                        ]),
-                      ]
+                scopedSlots: _vm._u(
+                  [
+                    {
+                      key: "label",
+                      fn: function (ref) {
+                        ref.label;
+                        return [
+                          _c("div", { staticStyle: { "font-size": "16px" } }, [
+                            _vm._v(_vm._s(_vm.lv1label || "节点名称")),
+                          ]),
+                        ]
+                      },
                     },
-                  },
-                ]),
+                  ],
+                  null,
+                  false,
+                  51654731
+                ),
               },
               [
                 _vm._v(" "),
@@ -3647,7 +3153,7 @@ __vue_render__$g._withStripped = true;
   /* style */
   const __vue_inject_styles__$g = function (inject) {
     if (!inject) return
-    inject("data-v-7102b9b3_0", { source: ".user-task :deep(.el-form-item__label) {\n  white-space: nowrap;\n  text-align: right;\n  font-size: 14px;\n  overflow: hidden;\n  display: block !important;\n  text-overflow: ellipsis;\n}\n.user-task .include {\n  padding: 6px;\n}\n.user-task .include-type {\n  border-radius: 6px;\n}\n.user-task .include-user {\n  background: red;\n  color: aliceblue;\n}\n.user-task .include-dept {\n  background: blue;\n  color: aliceblue;\n}\n.user-task .include-post {\n  background: green;\n  color: aliceblue;\n}\n.user-task .include-assign {\n  background: bisque;\n  color: red;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: 18px;\n}\n.user-task .task-index {\n  background: #1389ff;\n  color: white;\n  border-radius: 12px;\n  width: -moz-fit-content;\n  width: 25px;\n  height: 100%;\n  display: inline-flex;\n  justify-content: center;\n  margin-right: 6px;\n}\n\n/*# sourceMappingURL=userTask.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\operation\\userTask.vue","userTask.vue"],"names":[],"mappings":"AAsoBA;EACA,mBAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,yBAAA;EACA,uBAAA;ACroBA;ADuoBA;EACA,YAAA;ACroBA;ADsoBA;EACA,kBAAA;ACpoBA;ADsoBA;EACA,eAAA;EACA,gBAAA;ACpoBA;ADsoBA;EACA,gBAAA;EACA,gBAAA;ACpoBA;ADsoBA;EACA,iBAAA;EACA,gBAAA;ACpoBA;ADsoBA;EACA,kBAAA;EACA,UAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;ACpoBA;ADuoBA;EACA,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EACA,uBAAA;EACA,iBAAA;ACroBA;;AAEA,uCAAuC","file":"userTask.vue","sourcesContent":["<template>\r\n  <div class=\"user-task\">\r\n    <!-- <pre class=\"111\">\r\n      {{ JSON.stringify(processNodeObj, null, 2) }}\r\n    </pre> -->\r\n    <!-- 单选 -->\r\n      <template v-if=\"processNodeObj.nodeType == 'exclusiveGateway' && processNodeObj.branches  && processNodeObj.branches.length >= 1\">\r\n        <!-- <div>进来这里</div> -->\r\n        <el-form-item\r\n          :label=\"processNodeObj.name || '下一节点'\"\r\n          v-if=\"processNodeObj.branches.length > 1\"\r\n        >\r\n          <el-radio-group v-model=\"radioModel\" class=\"ml-4\">\r\n            <el-radio\r\n              v-for=\"item in processNodeObj.branches\"\r\n              :key=\"item.id\"\r\n              :label=\"item\"\r\n              size=\"large\"\r\n              >{{ item.name }}</el-radio\r\n            >\r\n          </el-radio-group>\r\n        </el-form-item>\r\n        <!-- <div>{{ 'id: ' + radioModel.id }}</div> -->\r\n        <template v-if=\"radioModel.id\">\r\n          <!-- 直接是节点 -->\r\n          <template v-if=\"radioModel.nodeInfoDTO && radioModel.nodeInfoDTO.nodeType == 'userTask'\">\r\n            <userTask\r\n              :ref=\"setItemRef(radioModel.nodeInfoDTO.id)\"\r\n              :personType=\"personType\"\r\n              :personEntity=\"personEntity\"\r\n              :process-node=\"{ \r\n                ...(radioModel.nodeInfoDTO),\r\n                REQUIRED: radioModel.nodeInfoDTO.setPersonnel == true && radioModel.nodeInfoDTO.assignees  && radioModel.nodeInfoDTO.assignees.length > 0 ? false : true,\r\n              }\"\r\n              :key=\"radioModel.nodeInfoDTO.id\"\r\n              :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n            >\r\n            </userTask>\r\n          </template>\r\n          <!-- 多选 -->\r\n          <template v-else-if=\"radioModel.nodeInfoDTO && radioModel.nodeInfoDTO.nodeType == 'inclusiveGateway'\">\r\n            <userTask\r\n              :ref=\"setItemRef(radioModel.nodeInfoDTO.id)\"\r\n              :personType=\"personType\"\r\n              :personEntity=\"personEntity\"\r\n              :process-node=\"{ \r\n                ...(radioModel.nodeInfoDTO),\r\n                REQUIRED: radioModel.nodeInfoDTO.setPersonnel == true && radioModel.nodeInfoDTO.assignees  && radioModel.nodeInfoDTO.assignees.length > 0 ? false : true,\r\n              }\"\r\n              :key=\"radioModel.nodeInfoDTO.id\"\r\n              :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n            >\r\n            </userTask>\r\n          </template>\r\n          <!-- 单选 -->\r\n          <template v-else-if=\"radioModel.nodeInfoDTO && radioModel.nodeInfoDTO.nodeType == 'exclusiveGateway'\">\r\n            <userTask\r\n              v-for=\"item in radioModel.nodeInfoDTO.branches\"\r\n              :key=\"item.nodeInfoDTO.id\"\r\n              :personType=\"personType\"\r\n              :personEntity=\"personEntity\"\r\n              :processNode=\"{ \r\n                ...item.nodeInfoDTO,\r\n                REQUIRED: item.nodeInfoDTO.setPersonnel == true && item.nodeInfoDTO.assignees  && item.nodeInfoDTO.assignees.length > 0 ? false : true,\r\n              }\"\r\n              lv1label=\"下一节点名称\"\r\n              :ref=\"setItemRef(item.nodeInfoDTO.id)\"\r\n              :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n            >\r\n            </userTask>\r\n          </template>\r\n        </template>\r\n        <template v-else-if=\"processNodeObj && processNodeObj.branches && processNodeObj.branches.length == 1\">\r\n            <userTask\r\n              v-for=\"pitem in processNodeObj.branches\"\r\n              :ref=\"setItemRef(pitem.nodeInfoDTO ? pitem.nodeInfoDTO.id : pitem.id)\"\r\n              :personType=\"personType\"\r\n              :personEntity=\"personEntity\"\r\n              :process-node=\"{ \r\n                ...(pitem.nodeInfoDTO ? pitem.nodeInfoDTO : pitem),\r\n                REQUIRED: pitem.nodeInfoDTO.setPersonnel == true && pitem.nodeInfoDTO.assignees  && pitem.nodeInfoDTO.assignees.length > 0 ? false : true,\r\n              }\"\r\n              :key=\"pitem.nodeInfoDTO ? pitem.nodeInfoDTO.id : pitem.id\"\r\n              :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n            >\r\n            </userTask>\r\n        </template>\r\n      </template>\r\n\r\n\r\n      <!-- <template v-if=\"processNodeObj.nodeType == 'exclusiveGateway' && processNodeObj.branches  && processNodeObj.branches.length == 1\">\r\n        <div>进来这里</div>\r\n        <el-form-item\r\n          :label=\"processNodeObj.name || '下一节点'\"\r\n          v-if=\"processNodeObj.branches.length > 1\"\r\n        >\r\n          <el-radio-group v-model=\"radioModel\" class=\"ml-4\">\r\n            <el-radio\r\n              v-for=\"item in processNodeObj.branches\"\r\n              :key=\"item.id\"\r\n              :label=\"item\"\r\n              size=\"large\"\r\n              >{{ item.name }}</el-radio\r\n            >\r\n          </el-radio-group>\r\n        </el-form-item>\r\n        <div>{{ 'id: ' + radioModel.id }}</div>\r\n        \r\n        <template v-if=\"processNodeObj && processNodeObj.branches && processNodeObj.branches.length > 0\">\r\n          <userTask\r\n            v-for=\"pitem in processNodeObj.branches\"\r\n            :ref=\"setItemRef(pitem.nodeInfoDTO ? pitem.nodeInfoDTO.id : pitem.id)\"\r\n            :personType=\"personType\"\r\n            :personEntity=\"personEntity\"\r\n            :process-node=\"{ \r\n              ...(pitem.nodeInfoDTO ? pitem.nodeInfoDTO : pitem),\r\n              REQUIRED: pitem.nodeInfoDTO.setPersonnel == true && pitem.nodeInfoDTO.assignees  && pitem.nodeInfoDTO.assignees.length > 0 ? false : true,\r\n            }\"\r\n            :key=\"pitem.nodeInfoDTO ? pitem.nodeInfoDTO.id : pitem.id\"\r\n            :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n          >\r\n          </userTask>\r\n        </template>\r\n      </template> -->\r\n      <!-- 多选 -->\r\n      <template\r\n        v-else-if=\"\r\n          processNodeObj.nodeType == 'inclusiveGateway' &&\r\n          processNodeObj.branches && processNodeObj.branches.length > 0\r\n        \"\r\n      >\r\n        <el-form-item :label=\"processNodeObj.name || '下一节点'\">\r\n          <el-checkbox-group v-model=\"checkList\">\r\n            <template v-for=\"item in processNodeObj.branches\">\r\n              <el-checkbox\r\n                :label=\"item.nodeInfoDTO ? item.nodeInfoDTO.name : item.name\"\r\n                v-if=\"isSelect(item.nodeInfoDTO ? item.nodeInfoDTO : item)\"\r\n                :checked=\"true\"\r\n                disabled\r\n                :key=\"'checkbox' + (item.nodeInfoDTO ? item.nodeInfoDTO.id : item.id)\"\r\n              />\r\n              <el-checkbox\r\n                :label=\"item.nodeInfoDTO ? item.nodeInfoDTO.name : item.name\"\r\n                v-else\r\n                :key=\"'checkbox1' + (item.nodeInfoDTO ? item.nodeInfoDTO.id : item.id)\"\r\n              />\r\n            </template>\r\n          </el-checkbox-group>\r\n        </el-form-item>\r\n        <userTask\r\n          :ref=\"setItemRef(item.nodeInfoDTO ? item.nodeInfoDTO.id : item.id)\"\r\n          :personType=\"personType\"\r\n          :personEntity=\"personEntity\"\r\n          :key=\"item.nodeInfoDTO ? item.nodeInfoDTO.id : item.id\"\r\n          v-for=\"item in checkModelList\"\r\n          :processNode=\"{ \r\n            ...(item.nodeInfoDTO ? item.nodeInfoDTO : item),\r\n            REQUIRED: item.nodeInfoDTO ? (item.nodeInfoDTO.setPersonnel == true && item.nodeInfoDTO.assignees  && item.nodeInfoDTO.assignees.length > 0 ? false : true) : (item.setPersonnel == true && item.assignees  && item.assignees.length > 0 ? false : true)\r\n          }\"\r\n        >\r\n        </userTask>\r\n      </template>\r\n\r\n      <template v-else-if=\"!processNodeObj.assignee || !processNodeObj.assignees || isOption(processNodeObj.humanPerformerName)\">\r\n        <el-form-item\r\n          :label=\"lv1label || '节点名称'\"\r\n          style=\"margin-bottom: 10px\"\r\n        >\r\n          <template v-slot:label=\"{ label }\">\r\n            <!-- <b class=\"task-index\">{{  (index + 1 ) }}</b> -->\r\n            <div style=\"font-size: 16px\">{{ (lv1label || '节点名称') }}</div>\r\n          </template>\r\n          <b style=\"font-size: 16px\">{{ processNodeObj.name }}</b>\r\n        </el-form-item>\r\n        <el-form-item\r\n          v-if=\"processNodeObj.routeTxt && processNodeObj.routeTxt.length > 0 && processNodeObj.userList && processNodeObj.userList.length >0\"\r\n          :label=\"peopleLabel || '所属范围'\"\r\n          style=\"margin-bottom: 10px\"\r\n        >\r\n          <div v-for=\"(item, index) in processNodeObj.routeTxt\" :key=\"item.type\">\r\n            <div v-if=\"item.ids && item.ids.length > 0\">\r\n              <b class=\"include include-type\" :class=\"['include-' + item.type]\">{{ item.type == 'user' ? '用户' : item.type == 'dept' ? '部门' : '岗位' }}</b>\r\n              <span class=\"include include-name\">{{ item.name }}</span>\r\n              <div  class=\"include include-assign\" :class=\"['include-assign-' + (item.assigneeRetain ? 'true' : 'false')]\" v-if=\"index !== processNodeObj.routeTxt.length - 1\">{{ processNodeObj.assigneeRetain == 'true' ? '且同时满足' : '或者满足' }}</div>\r\n            </div>\r\n          </div>\r\n        </el-form-item>\r\n        <!-- 如果有固定的人 -->\r\n        <el-form-item  :label=\"label || '处理人'\" :rules=\"rules || {}\">\r\n          <!-- 使用el-select -->\r\n          <!-- 发起流程的时候 -->\r\n          <el-select v-if=\"processNodeObj.userList && processNodeObj.userList.length >= 2\" v-model=\"targetUserId\" :multiple=\"processNodeObj.loopCardinality == -1 ? false : true\"  @change=\"fixPeopleChange\">\r\n            <el-option\r\n              v-for=\"(item, index) in processNodeObj.userList\"\r\n              :key=\"item.userId\"\r\n              :label=\"item.realName\"\r\n              :value=\"item.userId\"\r\n            ></el-option>\r\n          </el-select>\r\n          <div class=\"setVal\"  v-else-if=\"processNodeObj.userList && processNodeObj.userList.length == 1\">\r\n            {{ processNodeObj.userList[0].realName }}\r\n          </div>\r\n          <!-- 审批流程的时候 -->\r\n          <div class=\"setVal\"  v-else-if=\"processNodeObj.setPersonnel && processNodeObj.assignees\">\r\n            {{ (processNodeObj.assignees || []).map(i => i.name || i.realName).join(', ') }}\r\n          </div>\r\n          <staffTree\r\n            v-else\r\n            :processNodeObj=\"processNodeObj\"\r\n            v-model=\"targetUserId\"\r\n            :personType=\"personType\"\r\n            :personEntity=\"personEntity\"\r\n            @update:modelValue=\"\r\n              (e) => {\r\n                complete(e, processNodeObj);\r\n              }\r\n            \"\r\n            @select=\"selectChange\"\r\n            multiple\r\n            :max=\"processNodeObj.loopCardinality == -1 ? 1 : 100\"\r\n            :items=\"getTreeData(processNodeObj)\"\r\n          >\r\n          </staffTree>\r\n        </el-form-item>\r\n      </template>\r\n      <!-- <template v-else>\r\n        <el-form-item :label=\"lv1label || '节点名称'\">\r\n          <b style=\"font-size: 16px\">{{ processNodeObj.name }}</b>\r\n        </el-form-item>\r\n        <el-form-item :label=\"label || '处理人'\">\r\n          {{ '--' || processNodeObj.routeTxt.userNames }}\r\n        </el-form-item>\r\n      </template> -->\r\n    <!-- <template v-else-if=\"processNodeObj.type == Enum.ProcessNodeType.单一分支\">\r\n      <el-form-item\r\n        :label=\"processNodeObj.name || '下一节点'\"\r\n        v-if=\"processNodeObj.childNode.length > 1\"\r\n      >\r\n        <el-radio-group v-model=\"radioModel\" class=\"ml-4\">\r\n          <el-radio\r\n            v-for=\"item in processNodeObj.childNode\"\r\n            :key=\"item.id\"\r\n            :label=\"item\"\r\n            size=\"large\"\r\n            >{{ getLabel(item) }}</el-radio\r\n          >\r\n        </el-radio-group>\r\n      </el-form-item>\r\n      <template v-if=\"radioModel.id\">\r\n        <userTask\r\n          :ref=\"setItemRef(radioModel.id)\"\r\n          :personType=\"personType\"\r\n          :personEntity=\"personEntity\"\r\n          :process-node=\"{ ...radioModel, taskNode: processNode.taskNode }\"\r\n          :key=\"radioModel.id\"\r\n          :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n        >\r\n        </userTask>\r\n      </template>\r\n    </template>\r\n    <template\r\n      v-else-if=\"\r\n        processNodeObj.type == Enum.ProcessNodeType.多选节点 &&\r\n        processNodeObj.childNode.length > 0\r\n      \"\r\n    >\r\n      <el-form-item :label=\"processNodeObj.name || '下一节点'\">\r\n        <el-checkbox-group v-model=\"checkList\">\r\n          <template v-for=\"item in processNodeObj.childNode\">\r\n            <el-checkbox\r\n              :label=\"getLabel(item)\"\r\n              v-if=\"isSelect(item)\"\r\n              :checked=\"true\"\r\n              disabled\r\n              :key=\"'checkbox' + item.id\"\r\n            />\r\n            <el-checkbox\r\n              :label=\"getLabel(item)\"\r\n              v-else\r\n              :key=\"'checkbox1' + item.id\"\r\n            />\r\n          </template>\r\n        </el-checkbox-group>\r\n      </el-form-item>\r\n      <userTask\r\n        :ref=\"setItemRef(item.id)\"\r\n        :personType=\"personType\"\r\n        :personEntity=\"personEntity\"\r\n        :key=\"item.id\"\r\n        v-for=\"item in checkModelList\"\r\n        :processNode=\"{ ...item, taskNode: processNode.taskNode }\"\r\n      >\r\n      </userTask>\r\n    </template> -->\r\n    <!-- <template v-else-if=\"processNodeObj.type == Enum.ProcessNodeType.结束事件\">\r\n      <el-form-item :label=\"lv1label || '节点名称'\">\r\n        <b style=\"font-size: 16px\">{{ processNodeObj.name }}</b>\r\n      </el-form-item>\r\n    </template> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as Enum from \"../enum\";\r\nimport staffTree from \"../staff-tree.vue\";\r\n// import userTask from \"./userTask.vue\"\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport api from \"../api\";\r\n\r\nexport default {\r\n  name: \"userTask\",\r\n  components: { staffTree },\r\n  props: {\r\n    index: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    processNode: { require: true },\r\n    label: \"\",\r\n    peopleLabel: \"\",\r\n    lv1label: \"\",\r\n    personType: \"\",\r\n    personEntity: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    rules: {\r\n      require: false,\r\n      type: Array,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      deptList: [],\r\n      Enum,\r\n      resultList: [],\r\n      radioModel: {},\r\n      checkList: [],\r\n      targetUserId: \"\",\r\n      targetUserList: [],\r\n      processNodeObj: this.processNode,\r\n      userTaskListData: {},\r\n      personnelList: [],\r\n    };\r\n  },\r\n  computed: {\r\n    checkModelList() {\r\n      let arr = this.processNodeObj.branches.filter((o) =>\r\n        {\r\n          return this.checkList.includes(o.incomingConditionItemList[0].compareValue)\r\n        }\r\n      );\r\n\r\n      this.resultList = arr || [];\r\n      return this.resultList;\r\n    },\r\n  },\r\n  watch: {\r\n    processNode: {\r\n      handler(newVal, oldVal) {\r\n        // 如果是长度为1，固定\r\n        if (newVal.userList && newVal.userList.length == 1) {\r\n          this.targetUserId = newVal.userList[0].userId\r\n        }\r\n        this.processNodeObj = newVal || {};\r\n      },\r\n      deep: true,\r\n    }\r\n  },\r\n  mounted() {\r\n    if (\r\n      this.processNodeObj.childNode &&\r\n      this.processNodeObj.childNode.length == 1 &&\r\n      this.processNodeObj.type == Enum.ProcessNodeType.单一分支\r\n    ) {\r\n      this.radioModel = this.processNodeObj.childNode[0];\r\n    }\r\n  },\r\n  methods: {\r\n    isSelect(item) {\r\n      if (item.incomingConditionItemList[0]) {\r\n        let flag =\r\n          item.incomingConditionItemList[0].itemName.includes(\"selecd\");\r\n        if (flag) {\r\n          if (!this.checkList.includes(item.name))\r\n            this.checkList.push(item.name);\r\n        }\r\n        return flag;\r\n      }\r\n      return false;\r\n    },\r\n    fixPeopleChange(e) {\r\n      console.log(e, 'e')\r\n      this.complete(e, this.processNodeObj)\r\n    },\r\n    // 获取选中的人的对象\r\n    selectChange (list) {\r\n      console.log(list, 'list')\r\n      this.targetUserList = list;\r\n    },\r\n    complete(e, item) {\r\n      console.log(e, item, 'e item', this.resultList, this.resultList.every((o) => o.vars))\r\n      item.vars = e;\r\n      if (this.resultList.every((o) => o.vars)) {\r\n        this.processNodeObj.vars = this.resultList.map((o) => o.vars);\r\n        console.log(this.processNodeObj.vars, 'this.processNodeObj.vars')\r\n        this.$emit(\"complete\", this.processNodeObj);\r\n      }\r\n    },\r\n    setItemRef(key) {\r\n      this.userTaskListData[key] = \"userTask\" + key;\r\n      return this.userTaskListData[key];\r\n    },\r\n    getTreeData(item) {\r\n      if (item) {\r\n        if (item.humanPerformerName == \"固定部门\") {\r\n          return item.routeTxt.departmentIds.map((o) => {\r\n            let obj = {};\r\n            obj.id = o.rangeId;\r\n            obj.leaf = false;\r\n            obj.name = o.name;\r\n            obj.orgType = this.Enum.UserType.部门;\r\n            return obj;\r\n          });\r\n        } else if (item.humanPerformerName == \"固定单位\") {\r\n          return item.routeTxt.companyIds.map((o) => {\r\n            let obj = {};\r\n            obj.id = o.rangeId;\r\n            obj.leaf = false;\r\n            obj.name = o.name;\r\n            obj.orgType = this.Enum.UserType.主体;\r\n            return obj;\r\n          });\r\n        } else if (item.humanPerformerName == \"固定群组\") {\r\n          return item.routeTxt.teamList.map((o) => {\r\n            let obj = {};\r\n            obj.id = o.id;\r\n            obj.leaf = false;\r\n            obj.name = o.teamName;\r\n            obj.orgType = this.Enum.UserType.群组;\r\n            return obj;\r\n          });\r\n        }\r\n      }\r\n      return undefined;\r\n    },\r\n    isOption(humanPerformer) {\r\n      return (\r\n        humanPerformer == \"任意指定\" ||\r\n        humanPerformer == \"固定部门\" ||\r\n        humanPerformer == \"固定单位\" ||\r\n        humanPerformer == \"固定角色/岗位\" ||\r\n        humanPerformer == \"固定群组\"\r\n      );\r\n    },\r\n    getValue() {\r\n      let flag = true;\r\n      let val = { multiNodeParticipant: {}, vars: {} };\r\n      if (\r\n        (!this.processNodeObj.type || \r\n        this.processNodeObj.type == this.Enum.ProcessNodeType.用户任务 ||\r\n        this.processNodeObj.type == Enum.ProcessNodeType.用户节点)\r\n        \r\n      ) {\r\n\r\n        /**\r\n         * &&\r\n        (\r\n          this.processNodeObj.nodeType != 'exclusiveGateway'\r\n          ||\r\n          this.processNodeObj.nodeType == 'exclusiveGateway' && this.processNodeObj.branches.length == 0\r\n        )\r\n         */\r\n        // exclusiveGateway 节点\r\n\r\n        if (this.processNodeObj.nodeType == 'exclusiveGateway') {\r\n          // 进来这里\r\n          for (let key in this.userTaskListData) {\r\n            let o = this.userTaskListData[key];\r\n            let refCom = this.$refs[o];\r\n\r\n            refCom = Array.isArray(refCom) ? refCom[0] : refCom;\r\n            if (refCom) {\r\n              let res = refCom.getValue();\r\n              if (!res) {\r\n                flag = false;\r\n              } else {\r\n                if (this.radioModel && this.radioModel.nodeInfoDTO && this.radioModel.nodeInfoDTO.id) {\r\n                  if (\r\n                    this.radioModel.nodeInfoDTO.incomingConditionItemList &&\r\n                    this.radioModel.nodeInfoDTO.incomingConditionItemList.length > 0\r\n                  )\r\n                    val.vars[\r\n                      this.radioModel.nodeInfoDTO.incomingConditionItemList[0].itemName\r\n                    ] =\r\n                      this.radioModel.nodeInfoDTO.incomingConditionItemList[0].compareValue;\r\n                }\r\n                val.multiNodeParticipant = {\r\n                  ...val.multiNodeParticipant,\r\n                  ...res.multiNodeParticipant,\r\n                };\r\n                val.vars = { ...val.vars, ...res.vars };\r\n              }\r\n            }\r\n          }\r\n          \r\n        } \r\n        else if (this.processNodeObj.nodeType == 'inclusiveGateway') {\r\n          // 进来这里\r\n          if (this.resultList && this.resultList.length > 0) {\r\n\r\n            this.resultList.forEach(rlItem => {\r\n            const o = this.userTaskListData[rlItem.nodeInfoDTO.id]\r\n            let refCom = this.$refs[o];\r\n\r\n            refCom = Array.isArray(refCom) ? refCom[0] : refCom;\r\n            if (refCom) {\r\n              let res = refCom.getValue();\r\n              if (!res) {\r\n                flag = false;\r\n              } else {\r\n                if (rlItem.nodeInfoDTO.incomingConditionItemList.length !== 0) {\r\n                rlItem.nodeInfoDTO.incomingConditionItemList.forEach((item) => {\r\n                  if (item.itemName) {\r\n                    val.vars[item.itemName] = item.compareValue;\r\n                  }\r\n                });\r\n              }\r\n                  val.multiNodeParticipant = {\r\n                  ...val.multiNodeParticipant,\r\n                  ...res.multiNodeParticipant,\r\n                };\r\n                val.vars = { ...val.vars, ...res.vars };\r\n              }\r\n            }\r\n          })\r\n\r\n          } else {\r\n            this.processNodeObj.nodeInfoDTO.name && ElMessage.warning(`请选择 ${this.processNodeObj.nodeInfoDTO.name} `);\r\n            return false;\r\n          }\r\n         \r\n          \r\n        } \r\n        // 新流程需要进入这里\r\n        else if (!this.processNodeObj.assignee || !Array.isArray(this.processNodeObj.assignee) || !this.processNodeObj.setPersonnel || this.isOption(this.processNodeObj.humanPerformerName)\r\n        || \r\n      (this.processNodeObj.nodeInfoDTO && (!this.processNodeObj.nodeInfoDTO.assignee || !Array.isArray(this.processNodeObj.nodeInfoDTO.assignee) || !this.processNodeObj.nodeInfoDTO.setPersonnel || this.isOption(this.processNodeObj.nodeInfoDTO.humanPerformerName)))\r\n      ) {\r\n          if (this.targetUserId && this.targetUserId.length > 0) {\r\n            let obj = {};\r\n            val.multiNodeParticipant = {};\r\n            val.multiNodeParticipant[this.processNode.nodeInfoDTO ? this.processNodeObj.nodeInfoDTO.id : this.processNodeObj.id] =\r\n              Array.isArray(this.targetUserId) ? this.targetUserId : [this.targetUserId];\r\n            // val.push(obj);\r\n          }  else if (this.processNodeObj.REQUIRED !== false || (this.processNodeObj.nodeInfoDTO && this.processNodeObj.nodeInfoDTO.REQUIRED !== false)) {\r\n            if (this.processNodeObj.nodeInfoDTO) {\r\n              this.processNodeObj.nodeInfoDTO.name && ElMessage.warning(`请选择 ${this.processNodeObj.nodeInfoDTO.name} 处理人`);\r\n            } else {\r\n              this.processNodeObj.name && ElMessage.warning(`请选择 ${this.processNodeObj.name} 处理人`);\r\n            }\r\n            // ElMessage.warning(`请选择审批人`);\r\n            return false;\r\n          }\r\n        } else {\r\n          if (\r\n            this.processNodeObj.incomingConditionItemList &&\r\n            this.processNodeObj.incomingConditionItemList.length > 0\r\n          ) {\r\n            val.vars[\r\n              this.processNodeObj.incomingConditionItemList[0].itemName\r\n            ] = this.processNodeObj.incomingConditionItemList[0].compareValue;\r\n          }\r\n        }\r\n      } else {\r\n        for (let key in this.userTaskListData) {\r\n          let o = this.userTaskListData[key];\r\n          let refCom = this.$refs[o];\r\n\r\n          refCom = Array.isArray(refCom) ? refCom[0] : refCom;\r\n          if (refCom) {\r\n            let res = refCom.getValue();\r\n            if (!res) {\r\n              flag = false;\r\n            } else {\r\n              if (\r\n                this.processNodeObj.nodeType == 'exclusiveGateway'\r\n              ) {\r\n                if (this.radioModel && this.radioModel.id) {\r\n                  if (\r\n                    this.radioModel.incomingConditionItemList &&\r\n                    this.radioModel.incomingConditionItemList.length > 0\r\n                  )\r\n                    val.vars[\r\n                      this.radioModel.incomingConditionItemList[0].itemName\r\n                    ] =\r\n                      this.radioModel.incomingConditionItemList[0].compareValue;\r\n                } else {\r\n                  this.processNodeObj.name && ElMessage.warning(\r\n                    `请选择 ${this.processNodeObj.name} 下一节点`\r\n                  );\r\n                  return false;\r\n                }\r\n              } else if (\r\n                this.processNodeObj.nodeType == 'inclusiveGateway'\r\n              ) {\r\n                if (this.resultList && this.resultList.length > 0) {\r\n                  this.resultList.forEach((r) => {\r\n                    if (r.incomingConditionItemList.length !== 0) {\r\n                      r.incomingConditionItemList.forEach((item) => {\r\n                        if (item.itemName) {\r\n                          val.vars[item.itemName] = item.compareValue;\r\n                        }\r\n                      });\r\n                    }\r\n                  });\r\n                } else {\r\n                  this.processNodeObj.name && ElMessage.warning(`请选择 ${this.processNodeObj.name} `);\r\n                  return false;\r\n                }\r\n              }\r\n              val.multiNodeParticipant = {\r\n                ...val.multiNodeParticipant,\r\n                ...res.multiNodeParticipant,\r\n              };\r\n              val.vars = { ...val.vars, ...res.vars };\r\n            }\r\n          }\r\n        }\r\n      }\r\n      if (flag) return val;\r\n      return flag;\r\n    },\r\n    getLabel(node) {\r\n      let name = \"\";\r\n      if (node.incomingConditionItemList.length > 0) {\r\n        name = node.incomingConditionItemList[0].compareValue;\r\n      }\r\n      return name || node.name || \"后续节点\";\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.user-task {\r\n  :deep(.el-form-item__label) {\r\n    white-space: nowrap;\r\n    text-align: right;\r\n    font-size: 14px;\r\n    overflow: hidden;\r\n    display: block !important;\r\n    text-overflow: ellipsis;\r\n  }\r\n  .include {\r\n    padding: 6px;\r\n    &-type {\r\n      border-radius: 6px;\r\n    }\r\n    &-user {\r\n      background: red;\r\n      color: aliceblue;\r\n    }\r\n    &-dept {\r\n      background: blue;\r\n      color: aliceblue;\r\n    }\r\n    &-post {\r\n      background: green;\r\n      color: aliceblue;\r\n    }\r\n    &-assign {\r\n      background: bisque;\r\n      color: red;\r\n      border-radius: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      width: fit-content;\r\n      height: 18px;\r\n    }\r\n  }\r\n  .task-index {\r\n    background: #1389ff;\r\n    color: white;\r\n    border-radius: 12px;\r\n    width: -moz-fit-content;\r\n    width: 25px;\r\n    height: 100%;\r\n    display: inline-flex;\r\n    justify-content: center;\r\n    margin-right: 6px;\r\n  }\r\n}\r\n</style>\r\n",".user-task :deep(.el-form-item__label) {\n  white-space: nowrap;\n  text-align: right;\n  font-size: 14px;\n  overflow: hidden;\n  display: block !important;\n  text-overflow: ellipsis;\n}\n.user-task .include {\n  padding: 6px;\n}\n.user-task .include-type {\n  border-radius: 6px;\n}\n.user-task .include-user {\n  background: red;\n  color: aliceblue;\n}\n.user-task .include-dept {\n  background: blue;\n  color: aliceblue;\n}\n.user-task .include-post {\n  background: green;\n  color: aliceblue;\n}\n.user-task .include-assign {\n  background: bisque;\n  color: red;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: 18px;\n}\n.user-task .task-index {\n  background: #1389ff;\n  color: white;\n  border-radius: 12px;\n  width: -moz-fit-content;\n  width: 25px;\n  height: 100%;\n  display: inline-flex;\n  justify-content: center;\n  margin-right: 6px;\n}\n\n/*# sourceMappingURL=userTask.vue.map */"]}, media: undefined });
+    inject("data-v-e5d234be_0", { source: ".user-task :deep(.el-form-item__label) {\n  white-space: nowrap;\n  text-align: right;\n  font-size: 14px;\n  overflow: hidden;\n  display: block !important;\n  text-overflow: ellipsis;\n}\n.user-task .include {\n  padding: 6px;\n}\n.user-task .include-type {\n  border-radius: 6px;\n}\n.user-task .include-user {\n  background: red;\n  color: aliceblue;\n}\n.user-task .include-dept {\n  background: blue;\n  color: aliceblue;\n}\n.user-task .include-post {\n  background: green;\n  color: aliceblue;\n}\n.user-task .include-assign {\n  background: bisque;\n  color: red;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: 18px;\n}\n.user-task .task-index {\n  background: #1389ff;\n  color: white;\n  border-radius: 12px;\n  width: -moz-fit-content;\n  width: 25px;\n  height: 100%;\n  display: inline-flex;\n  justify-content: center;\n  margin-right: 6px;\n}\n\n/*# sourceMappingURL=userTask.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\operation\\userTask.vue","userTask.vue"],"names":[],"mappings":"AA2YA;EACA,mBAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,yBAAA;EACA,uBAAA;AC1YA;AD4YA;EACA,YAAA;AC1YA;AD2YA;EACA,kBAAA;ACzYA;AD2YA;EACA,eAAA;EACA,gBAAA;ACzYA;AD2YA;EACA,gBAAA;EACA,gBAAA;ACzYA;AD2YA;EACA,iBAAA;EACA,gBAAA;ACzYA;AD2YA;EACA,kBAAA;EACA,UAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;ACzYA;AD4YA;EACA,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EACA,uBAAA;EACA,iBAAA;AC1YA;;AAEA,uCAAuC","file":"userTask.vue","sourcesContent":["<template>\r\n  <div class=\"user-task\">\r\n      <template v-if=\"!processNodeObj.assignee || !processNodeObj.assignees || isOption(processNodeObj.humanPerformerName)\">\r\n        <el-form-item\r\n          :label=\"lv1label || '节点名称'\"\r\n          style=\"margin-bottom: 10px\"\r\n        >\r\n          <template v-slot:label=\"{ label }\">\r\n            <!-- <b class=\"task-index\">{{  (index + 1 ) }}</b> -->\r\n            <div style=\"font-size: 16px\">{{ (lv1label || '节点名称') }}</div>\r\n          </template>\r\n          <b style=\"font-size: 16px\">{{ processNodeObj.name }}</b>\r\n        </el-form-item>\r\n        <el-form-item\r\n          v-if=\"processNodeObj.routeTxt && processNodeObj.routeTxt.length > 0 && processNodeObj.userList && processNodeObj.userList.length >0\"\r\n          :label=\"peopleLabel || '所属范围'\"\r\n          style=\"margin-bottom: 10px\"\r\n        >\r\n          <div v-for=\"(item, index) in processNodeObj.routeTxt\" :key=\"item.type\">\r\n            <div v-if=\"item.ids && item.ids.length > 0\">\r\n              <b class=\"include include-type\" :class=\"['include-' + item.type]\">{{ item.type == 'user' ? '用户' : item.type == 'dept' ? '部门' : '岗位' }}</b>\r\n              <span class=\"include include-name\">{{ item.name }}</span>\r\n              <div  class=\"include include-assign\" :class=\"['include-assign-' + (item.assigneeRetain ? 'true' : 'false')]\" v-if=\"index !== processNodeObj.routeTxt.length - 1\">{{ processNodeObj.assigneeRetain == 'true' ? '且同时满足' : '或者满足' }}</div>\r\n            </div>\r\n          </div>\r\n        </el-form-item>\r\n        <!-- 如果有固定的人 -->\r\n        <el-form-item  :label=\"label || '处理人'\" :rules=\"rules || {}\">\r\n          <!-- 使用el-select -->\r\n          <!-- 发起流程的时候 -->\r\n          <el-select v-if=\"processNodeObj.userList && processNodeObj.userList.length >= 2\" v-model=\"targetUserId\" :multiple=\"processNodeObj.loopCardinality == -1 ? false : true\"  @change=\"fixPeopleChange\">\r\n            <el-option\r\n              v-for=\"(item, index) in processNodeObj.userList\"\r\n              :key=\"item.userId\"\r\n              :label=\"item.realName\"\r\n              :value=\"item.userId\"\r\n            ></el-option>\r\n          </el-select>\r\n          <div class=\"setVal\"  v-else-if=\"processNodeObj.userList && processNodeObj.userList.length == 1\">\r\n            {{ processNodeObj.userList[0].realName }}\r\n          </div>\r\n          <!-- 审批流程的时候 -->\r\n          <div class=\"setVal\"  v-else-if=\"processNodeObj.setPersonnel && processNodeObj.assignees\">\r\n            {{ (processNodeObj.assignees || []).map(i => i.name || i.realName).join(', ') }}\r\n          </div>\r\n          <staffTree\r\n            v-else\r\n            :processNodeObj=\"processNodeObj\"\r\n            v-model=\"targetUserId\"\r\n            :personType=\"personType\"\r\n            :personEntity=\"personEntity\"\r\n            @update:modelValue=\"\r\n              (e) => {\r\n                complete(e, processNodeObj);\r\n              }\r\n            \"\r\n            @select=\"selectChange\"\r\n            multiple\r\n            :max=\"processNodeObj.loopCardinality == -1 ? 1 : 100\"\r\n            :items=\"getTreeData(processNodeObj)\"\r\n          >\r\n          </staffTree>\r\n        </el-form-item>\r\n      </template>\r\n      <!-- <template v-else>\r\n        <el-form-item :label=\"lv1label || '节点名称'\">\r\n          <b style=\"font-size: 16px\">{{ processNodeObj.name }}</b>\r\n        </el-form-item>\r\n        <el-form-item :label=\"label || '处理人'\">\r\n          {{ '--' || processNodeObj.routeTxt.userNames }}\r\n        </el-form-item>\r\n      </template> -->\r\n    <!-- <template v-else-if=\"processNodeObj.type == Enum.ProcessNodeType.单一分支\">\r\n      <el-form-item\r\n        :label=\"processNodeObj.name || '下一节点'\"\r\n        v-if=\"processNodeObj.childNode.length > 1\"\r\n      >\r\n        <el-radio-group v-model=\"radioModel\" class=\"ml-4\">\r\n          <el-radio\r\n            v-for=\"item in processNodeObj.childNode\"\r\n            :key=\"item.id\"\r\n            :label=\"item\"\r\n            size=\"large\"\r\n            >{{ getLabel(item) }}</el-radio\r\n          >\r\n        </el-radio-group>\r\n      </el-form-item>\r\n      <template v-if=\"radioModel.id\">\r\n        <userTask\r\n          :ref=\"setItemRef(radioModel.id)\"\r\n          :personType=\"personType\"\r\n          :personEntity=\"personEntity\"\r\n          :process-node=\"{ ...radioModel, taskNode: processNode.taskNode }\"\r\n          :key=\"radioModel.id\"\r\n          :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n        >\r\n        </userTask>\r\n      </template>\r\n    </template>\r\n    <template\r\n      v-else-if=\"\r\n        processNodeObj.type == Enum.ProcessNodeType.多选节点 &&\r\n        processNodeObj.childNode.length > 0\r\n      \"\r\n    >\r\n      <el-form-item :label=\"processNodeObj.name || '下一节点'\">\r\n        <el-checkbox-group v-model=\"checkList\">\r\n          <template v-for=\"item in processNodeObj.childNode\">\r\n            <el-checkbox\r\n              :label=\"getLabel(item)\"\r\n              v-if=\"isSelect(item)\"\r\n              :checked=\"true\"\r\n              disabled\r\n              :key=\"'checkbox' + item.id\"\r\n            />\r\n            <el-checkbox\r\n              :label=\"getLabel(item)\"\r\n              v-else\r\n              :key=\"'checkbox1' + item.id\"\r\n            />\r\n          </template>\r\n        </el-checkbox-group>\r\n      </el-form-item>\r\n      <userTask\r\n        :ref=\"setItemRef(item.id)\"\r\n        :personType=\"personType\"\r\n        :personEntity=\"personEntity\"\r\n        :key=\"item.id\"\r\n        v-for=\"item in checkModelList\"\r\n        :processNode=\"{ ...item, taskNode: processNode.taskNode }\"\r\n      >\r\n      </userTask>\r\n    </template> -->\r\n    <!-- <template v-else-if=\"processNodeObj.type == Enum.ProcessNodeType.结束事件\">\r\n      <el-form-item :label=\"lv1label || '节点名称'\">\r\n        <b style=\"font-size: 16px\">{{ processNodeObj.name }}</b>\r\n      </el-form-item>\r\n    </template> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as Enum from \"../enum\";\r\nimport staffTree from \"../staff-tree.vue\";\r\n// import userTask from \"./userTask.vue\"\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport api from \"../api\";\r\n\r\nexport default {\r\n  name: \"userTask\",\r\n  components: { staffTree },\r\n  props: {\r\n    index: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    processNode: { require: true },\r\n    label: \"\",\r\n    peopleLabel: \"\",\r\n    lv1label: \"\",\r\n    personType: \"\",\r\n    personEntity: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    rules: {\r\n      require: false,\r\n      type: Array,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      deptList: [],\r\n      Enum,\r\n      resultList: [],\r\n      radioModel: {},\r\n      checkList: [],\r\n      targetUserId: \"\",\r\n      targetUserList: [],\r\n      processNodeObj: this.processNode,\r\n      userTaskListData: {},\r\n      personnelList: [],\r\n    };\r\n  },\r\n  computed: {\r\n    checkModelList() {\r\n      let arr = this.processNodeObj.childNode.filter((o) =>\r\n        this.checkList.includes(o.incomingConditionItemList[0].compareValue)\r\n      );\r\n\r\n      this.resultList = arr || [];\r\n      return this.resultList;\r\n    },\r\n  },\r\n  watch: {\r\n    processNode: {\r\n      handler(newVal, oldVal) {\r\n        // 如果是长度为1，固定\r\n        if (newVal.userList && newVal.userList.length == 1) {\r\n          this.targetUserId = newVal.userList[0].userId\r\n        }\r\n        this.processNodeObj = newVal || {};\r\n      },\r\n      deep: true,\r\n    }\r\n  },\r\n  mounted() {\r\n    if (\r\n      this.processNodeObj.childNode &&\r\n      this.processNodeObj.childNode.length == 1 &&\r\n      this.processNodeObj.type == Enum.ProcessNodeType.单一分支\r\n    ) {\r\n      this.radioModel = this.processNodeObj.childNode[0];\r\n    }\r\n  },\r\n  methods: {\r\n    isSelect(item) {\r\n      if (item.incomingConditionItemList[0]) {\r\n        let flag =\r\n          item.incomingConditionItemList[0].itemName.includes(\"selecd\");\r\n        if (flag) {\r\n          if (!this.checkList.includes(item.name))\r\n            this.checkList.push(item.name);\r\n        }\r\n        return flag;\r\n      }\r\n      return false;\r\n    },\r\n    fixPeopleChange(e) {\r\n      console.log(e, 'e')\r\n      this.complete(e, this.processNodeObj)\r\n    },\r\n    // 获取选中的人的对象\r\n    selectChange (list) {\r\n      console.log(list, 'list')\r\n      this.targetUserList = list;\r\n    },\r\n    complete(e, item) {\r\n      console.log(e, item, 'e item', this.resultList, this.resultList.every((o) => o.vars))\r\n      item.vars = e;\r\n      if (this.resultList.every((o) => o.vars)) {\r\n        this.processNodeObj.vars = this.resultList.map((o) => o.vars);\r\n        console.log(this.processNodeObj.vars, 'this.processNodeObj.vars')\r\n        this.$emit(\"complete\", this.processNodeObj);\r\n      }\r\n    },\r\n    setItemRef(key) {\r\n      this.userTaskListData[key] = \"userTask\" + key;\r\n      return this.userTaskListData[key];\r\n    },\r\n    getTreeData(item) {\r\n      if (item) {\r\n        if (item.humanPerformerName == \"固定部门\") {\r\n          return item.routeTxt.departmentIds.map((o) => {\r\n            let obj = {};\r\n            obj.id = o.rangeId;\r\n            obj.leaf = false;\r\n            obj.name = o.name;\r\n            obj.orgType = this.Enum.UserType.部门;\r\n            return obj;\r\n          });\r\n        } else if (item.humanPerformerName == \"固定单位\") {\r\n          return item.routeTxt.companyIds.map((o) => {\r\n            let obj = {};\r\n            obj.id = o.rangeId;\r\n            obj.leaf = false;\r\n            obj.name = o.name;\r\n            obj.orgType = this.Enum.UserType.主体;\r\n            return obj;\r\n          });\r\n        } else if (item.humanPerformerName == \"固定群组\") {\r\n          return item.routeTxt.teamList.map((o) => {\r\n            let obj = {};\r\n            obj.id = o.id;\r\n            obj.leaf = false;\r\n            obj.name = o.teamName;\r\n            obj.orgType = this.Enum.UserType.群组;\r\n            return obj;\r\n          });\r\n        }\r\n      }\r\n      return undefined;\r\n    },\r\n    isOption(humanPerformer) {\r\n      return (\r\n        humanPerformer == \"任意指定\" ||\r\n        humanPerformer == \"固定部门\" ||\r\n        humanPerformer == \"固定单位\" ||\r\n        humanPerformer == \"固定角色/岗位\" ||\r\n        humanPerformer == \"固定群组\"\r\n      );\r\n    },\r\n    getValue() {\r\n      let flag = true;\r\n      let val = { multiNodeParticipant: {}, vars: {} };\r\n      if (\r\n        !this.processNodeObj.type || \r\n        this.processNodeObj.type == this.Enum.ProcessNodeType.用户任务 ||\r\n        this.processNodeObj.type == Enum.ProcessNodeType.用户节点\r\n      ) {\r\n        // 新流程需要进入这里\r\n        if (!this.processNodeObj.assignee || !Array.isArray(this.processNodeObj.assignee) || !this.processNodeObj.setPersonnel || this.isOption(this.processNodeObj.humanPerformerName)) {\r\n          if (this.targetUserId && this.targetUserId.length > 0) {\r\n            let obj = {};\r\n            val.multiNodeParticipant = {};\r\n            val.multiNodeParticipant[this.processNodeObj.id] =\r\n              Array.isArray(this.targetUserId) ? this.targetUserId : [this.targetUserId];\r\n            // val.push(obj);\r\n          }  else if (this.processNodeObj.REQUIRED !== false) {\r\n            ElMessage.warning(`请选择 ${this.processNodeObj.name} 处理人`);\r\n            // ElMessage.warning(`请选择审批人`);\r\n            return false;\r\n          }\r\n        } else {\r\n          if (\r\n            this.processNodeObj.incomingConditionItemList &&\r\n            this.processNodeObj.incomingConditionItemList.length > 0\r\n          ) {\r\n            val.vars[\r\n              this.processNodeObj.incomingConditionItemList[0].itemName\r\n            ] = this.processNodeObj.incomingConditionItemList[0].compareValue;\r\n          }\r\n        }\r\n      } else {\r\n        for (let key in this.userTaskListData) {\r\n          let o = this.userTaskListData[key];\r\n          let refCom = this.$refs[o];\r\n          if (this.processNodeObj.type == this.Enum.ProcessNodeType.多选节点)\r\n            refCom = refCom[0];\r\n          if (refCom) {\r\n            let res = refCom.getValue();\r\n            if (!res) {\r\n              flag = false;\r\n            } else {\r\n              if (\r\n                this.processNodeObj.type == this.Enum.ProcessNodeType.单一分支\r\n              ) {\r\n                if (this.radioModel && this.radioModel.id) {\r\n                  if (\r\n                    this.radioModel.incomingConditionItemList &&\r\n                    this.radioModel.incomingConditionItemList.length > 0\r\n                  )\r\n                    val.vars[\r\n                      this.radioModel.incomingConditionItemList[0].itemName\r\n                    ] =\r\n                      this.radioModel.incomingConditionItemList[0].compareValue;\r\n                } else {\r\n                  ElMessage.warning(\r\n                    `请选择 ${this.processNodeObj.name} 下一节点`\r\n                  );\r\n                  return false;\r\n                }\r\n              } else if (\r\n                this.processNodeObj.type == this.Enum.ProcessNodeType.多选节点\r\n              ) {\r\n                if (this.resultList && this.resultList.length > 0) {\r\n                  this.resultList.forEach((r) => {\r\n                    if (r.incomingConditionItemList.length !== 0) {\r\n                      r.incomingConditionItemList.forEach((item) => {\r\n                        if (item.itemName) {\r\n                          val.vars[item.itemName] = item.compareValue;\r\n                        }\r\n                      });\r\n                    }\r\n                  });\r\n                } else {\r\n                  ElMessage.warning(`请选择 ${this.processNodeObj.name} `);\r\n                  return false;\r\n                }\r\n              }\r\n              val.multiNodeParticipant = {\r\n                ...val.multiNodeParticipant,\r\n                ...res.multiNodeParticipant,\r\n              };\r\n              val.vars = { ...val.vars, ...res.vars };\r\n            }\r\n          }\r\n        }\r\n      }\r\n      if (flag) return val;\r\n      return flag;\r\n    },\r\n    getLabel(node) {\r\n      let name = \"\";\r\n      if (node.incomingConditionItemList.length > 0) {\r\n        name = node.incomingConditionItemList[0].compareValue;\r\n      }\r\n      return name || node.name || \"后续节点\";\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.user-task {\r\n  :deep(.el-form-item__label) {\r\n    white-space: nowrap;\r\n    text-align: right;\r\n    font-size: 14px;\r\n    overflow: hidden;\r\n    display: block !important;\r\n    text-overflow: ellipsis;\r\n  }\r\n  .include {\r\n    padding: 6px;\r\n    &-type {\r\n      border-radius: 6px;\r\n    }\r\n    &-user {\r\n      background: red;\r\n      color: aliceblue;\r\n    }\r\n    &-dept {\r\n      background: blue;\r\n      color: aliceblue;\r\n    }\r\n    &-post {\r\n      background: green;\r\n      color: aliceblue;\r\n    }\r\n    &-assign {\r\n      background: bisque;\r\n      color: red;\r\n      border-radius: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      width: fit-content;\r\n      height: 18px;\r\n    }\r\n  }\r\n  .task-index {\r\n    background: #1389ff;\r\n    color: white;\r\n    border-radius: 12px;\r\n    width: -moz-fit-content;\r\n    width: 25px;\r\n    height: 100%;\r\n    display: inline-flex;\r\n    justify-content: center;\r\n    margin-right: 6px;\r\n  }\r\n}\r\n</style>\r\n",".user-task :deep(.el-form-item__label) {\n  white-space: nowrap;\n  text-align: right;\n  font-size: 14px;\n  overflow: hidden;\n  display: block !important;\n  text-overflow: ellipsis;\n}\n.user-task .include {\n  padding: 6px;\n}\n.user-task .include-type {\n  border-radius: 6px;\n}\n.user-task .include-user {\n  background: red;\n  color: aliceblue;\n}\n.user-task .include-dept {\n  background: blue;\n  color: aliceblue;\n}\n.user-task .include-post {\n  background: green;\n  color: aliceblue;\n}\n.user-task .include-assign {\n  background: bisque;\n  color: red;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: 18px;\n}\n.user-task .task-index {\n  background: #1389ff;\n  color: white;\n  border-radius: 12px;\n  width: -moz-fit-content;\n  width: 25px;\n  height: 100%;\n  display: inline-flex;\n  justify-content: center;\n  margin-right: 6px;\n}\n\n/*# sourceMappingURL=userTask.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
@@ -4120,105 +3626,6 @@ __vue_render__$f._withStripped = true;
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 var script$e = {
@@ -4367,15 +3774,8 @@ var script$e = {
         let o = this.userTaskListData[key];
         console.log(o, 'o', this.$refs[o]);
         let refCom = this.$refs[o].$el ? this.$refs[o] : this.$refs[o][0];
-        console.error('上传', refCom, refCom.getValue);
+        console.log(refCom, refCom.getValue);
         let res = refCom.getValue();
-        if (res && res.vars && this.param.incomingConditionItemList&& this.param.incomingConditionItemList.length > 0) {
-          this.param.incomingConditionItemList.forEach(item => {
-            if (!res.vars[item.itemName]) {
-              res.vars[item.itemName] = '';
-            }
-          });
-        }
         console.log(res, 'res get value');
         if (!res) {
           return false;
@@ -4447,8 +3847,6 @@ var script$e = {
           } else {
             this.$emit("fail", res.msg);
           }
-        }).catch((e) => {
-          this.$emit("fail", e.response ? (e.response.data ? e.response.data.msg || e.response.data.message : '') : e.message || e.msg || '');
         });
       }
     },
@@ -4517,8 +3915,6 @@ var script$e = {
           } else {
             this.$emit("fail", res.msg);
           }
-        }).catch((e) => {
-          this.$emit("fail", e.response ? (e.response.data ? e.response.data.msg || e.response.data.message : '') : e.message || e.msg || '');
         });
       }
     },
@@ -4675,10 +4071,7 @@ var __vue_render__$e = function () {
       _vm._v(" "),
       _vm._t("file"),
       _vm._v(" "),
-      _vm.param.nextTaskNode &&
-      _vm.param.nextTaskNode.id &&
-      _vm.param.nextTaskNode.nodeType != "parallelGateway" &&
-      _vm.param.nextTaskNode.nodeType != "exclusiveGateway"
+      _vm.param.nextTaskNode && _vm.param.nextTaskNode.id
         ? [
             _vm.param.nextTaskNode.nodeType != "endEvent"
               ? [
@@ -4713,31 +4106,7 @@ var __vue_render__$e = function () {
                   ]),
                 ],
           ]
-        : _vm.param.nextTaskNode.nodeType == "exclusiveGateway" &&
-          _vm.param.outGatewayUserTaskModel &&
-          _vm.param.outGatewayUserTaskModel.length > 0
-        ? _vm._l(_vm.param.outGatewayUserTaskModel, function (item) {
-            return _c("userTask", {
-              key: item.id,
-              ref: _vm.setItemRef(item.id),
-              refInFor: true,
-              attrs: {
-                personType: _vm.param.personType,
-                personEntity: _vm.param.personEntity,
-                processNode: Object.assign({}, item, {
-                  pType: _vm.param.nextTaskNode.nodeType,
-                  REQUIRED:
-                    item.setPersonnel == true &&
-                    item.assignees &&
-                    item.assignees.length > 0
-                      ? false
-                      : true,
-                }),
-              },
-            })
-          })
-        : _vm.param.outGatewayUserTaskModel &&
-          _vm.param.outGatewayUserTaskModel.length > 0
+        : _vm.param.outGatewayUserTaskModel
         ? _vm._l(_vm.param.outGatewayUserTaskModel, function (item) {
             return _c("userTask", {
               key: item.id,
@@ -4747,144 +4116,8 @@ var __vue_render__$e = function () {
                 personType: _vm.param.personType,
                 personEntity: _vm.param.personEntity,
                 processNode: Object.assign({}, item, {
-                  REQUIRED:
-                    item.setPersonnel == true &&
-                    item.assignees &&
-                    item.assignees.length > 0
-                      ? false
-                      : true,
-                }),
-              },
-            })
-          })
-        : _vm.param.nextTaskNode.nodeType == "exclusiveGateway" &&
-          _vm.param.nextTaskNode.branches &&
-          _vm.param.nextTaskNode.branches.length == 1
-        ? [
-            _vm.param.nextTaskNode.nodeType != "endEvent"
-              ? [
-                  _vm.param.nextTaskNode.branches[0].nodeInfoDTO
-                    ? _c("userTask", {
-                        key: _vm.param.nextTaskNode.branches[0].nodeInfoDTO.id,
-                        ref: _vm.setItemRef(
-                          _vm.param.nextTaskNode.branches[0].nodeInfoDTO.id
-                        ),
-                        attrs: {
-                          personType:
-                            _vm.param.nextTaskNode.branches[0].nodeInfoDTO
-                              .personType || "",
-                          personEntity: {},
-                          "process-node": Object.assign(
-                            {},
-                            _vm.param.nextTaskNode.branches[0].nodeInfoDTO,
-                            {
-                              REQUIRED:
-                                _vm.param.nextTaskNode.branches[0].nodeInfoDTO
-                                  .setPersonnel == true &&
-                                _vm.param.nextTaskNode.branches[0].nodeInfoDTO
-                                  .assignees &&
-                                _vm.param.nextTaskNode.branches[0].nodeInfoDTO
-                                  .assignees.length > 0
-                                  ? false
-                                  : true,
-                            }
-                          ),
-                          lv1label: "下一节点名称",
-                          rules: [{ required: true, message: "请选择处理人" }],
-                        },
-                      })
-                    : _c("userTask", {
-                        key: _vm.param.nextTaskNode.branches[0].id,
-                        ref: _vm.setItemRef(
-                          _vm.param.nextTaskNode.branches[0].id
-                        ),
-                        attrs: {
-                          personType:
-                            _vm.param.nextTaskNode.branches[0].personType || "",
-                          personEntity: {},
-                          "process-node": Object.assign(
-                            {},
-                            _vm.param.nextTaskNode.branches[0],
-                            {
-                              REQUIRED:
-                                _vm.param.nextTaskNode.branches[0]
-                                  .setPersonnel == true &&
-                                _vm.param.nextTaskNode.branches[0].assignees &&
-                                _vm.param.nextTaskNode.branches[0].assignees
-                                  .length > 0
-                                  ? false
-                                  : true,
-                            }
-                          ),
-                          lv1label: "下一节点名称",
-                          rules: [{ required: true, message: "请选择处理人" }],
-                        },
-                      }),
-                ]
-              : [
-                  _c("el-form-item", { attrs: { label: "下一节点名称" } }, [
-                    _c("b", { staticStyle: { "font-size": "16px" } }, [
-                      _vm._v("结束事件"),
-                    ]),
-                  ]),
-                ],
-          ]
-        : _vm.param.nextTaskNode.nodeType == "exclusiveGateway" &&
-          _vm.param.nextTaskNode.branches &&
-          _vm.param.nextTaskNode.branches.length > 1
-        ? [
-            _vm.param.nextTaskNode.nodeType != "endEvent"
-              ? [
-                  _c("userTask", {
-                    key: _vm.param.nextTaskNode.id,
-                    ref: _vm.setItemRef(_vm.param.nextTaskNode.id),
-                    attrs: {
-                      personType: _vm.param.nextTaskNode.personType || "",
-                      personEntity: {},
-                      "process-node": Object.assign(
-                        {},
-                        _vm.param.nextTaskNode,
-                        {
-                          REQUIRED:
-                            _vm.param.nextTaskNode.setPersonnel == true &&
-                            _vm.param.nextTaskNode.assignees &&
-                            _vm.param.nextTaskNode.assignees.length > 0
-                              ? false
-                              : true,
-                        }
-                      ),
-                      lv1label: "下一节点名称",
-                      rules: [{ required: true, message: "请选择处理人" }],
-                    },
-                  }),
-                ]
-              : [
-                  _c("el-form-item", { attrs: { label: "下一节点名称" } }, [
-                    _c("b", { staticStyle: { "font-size": "16px" } }, [
-                      _vm._v("结束事件"),
-                    ]),
-                  ]),
-                ],
-          ]
-        : _vm.param.nextTaskNode.nodeType == "parallelGateway"
-        ? _vm._l(_vm.param.nextTaskNode.branches, function (item) {
-            return _c("userTask", {
-              key: item.id,
-              ref: _vm.setItemRef(item.id),
-              refInFor: true,
-              attrs: {
-                personType: _vm.param.personType || "",
-                personEntity: _vm.param.personEntity || {},
-                processNode: Object.assign({}, item, {
-                  REQUIRED:
-                    item.setPersonnel == true &&
-                    item.assignees &&
-                    item.assignees.length > 0
-                      ? false
-                      : true,
+                  taskNode: _vm.param.taskNode,
                 }),
-                lv1label: "下一节点名称",
-                rules: [{ required: true, message: "请选择处理人" }],
               },
             })
           })
@@ -4935,11 +4168,11 @@ __vue_render__$e._withStripped = true;
   /* style */
   const __vue_inject_styles__$e = function (inject) {
     if (!inject) return
-    inject("data-v-efa9f602_0", { source: "\n@import \"./content.css\";\n.add-idea[data-v-efa9f602] {\r\n  display: flex;\r\n  justify-content: end;\n}\n.add-idea span[data-v-efa9f602] {\r\n  color: #448ef6;\r\n  cursor: pointer;\n}\n.sign-idea[data-v-efa9f602] {\r\n  display: flex;\nspan {\r\n    color: #448ef6;\r\n    cursor: pointer;\n}\n}\n.sign-container[data-v-efa9f602] {\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":";AAihBA,uBAAA;AACA;EACA,aAAA;EACA,oBAAA;AACA;AACA;EACA,cAAA;EACA,eAAA;AACA;AACA;EACA,aAAA;AACA;IACA,cAAA;IACA,eAAA;AACA;AACA;AACA;EACA,gBAAA;AACA","file":"complete.vue","sourcesContent":["<template>\r\n  <el-form label-width=\"120px\" @submit.native.prevent status-icon>\r\n    <template\r\n      v-if=\"\r\n        param.ProcessInsObj.processDefId !=\r\n        'obj_94014ede99b6495d8f6d5977314faa15'\r\n      \"\r\n    >\r\n      <el-form-item label=\"快捷回复\">\r\n        <el-radio-group v-model=\"commentMsg\">\r\n          <el-radio label=\"同意\">同意</el-radio>\r\n          <el-radio label=\"如拟\" v-if=\"param.showAsPlanned\">如拟</el-radio>\r\n          <el-radio label=\"已阅\">已阅</el-radio>\r\n        </el-radio-group>\r\n      </el-form-item>\r\n      <el-form-item v-if=\"param.showCommIdea\">\r\n        <commIdea ref=\"commIdea\" @change=\"(e) => (commentMsg = e)\" />\r\n      </el-form-item>\r\n      <el-form-item\r\n        label=\"审批意见\"\r\n        :rules=\"[\r\n          { required: param.commentMsgRequired, message: '审批意见不能为空' },\r\n        ]\"\r\n      >\r\n        <el-input\r\n          v-model=\"commentMsg\"\r\n          :rows=\"5\"\r\n          maxlength=\"200\"\r\n          show-word-limit\r\n          type=\"textarea\"\r\n          resize=\"none\"\r\n          placeholder=\"请输入审批意见\"\r\n          class=\"formInput\"\r\n        />\r\n        <div class=\"add-idea\" v-if=\"param.showCommIdea\">\r\n          <span @click=\"$refs['commIdea'].addIdea(commentMsg)\"\r\n            >设置为常用意见</span\r\n          >\r\n        </div>\r\n      </el-form-item>\r\n      <!-- <el-form-item\r\n        label=\"审批签字\"\r\n        :rules=\"[\r\n          { required: signRequired, message: '审批签字不能为空' },\r\n        ]\"\r\n        v-if=\"signRequired\"\r\n      >\r\n      <div class=\"sign-idea\">\r\n        <span @click=\"toSign\">去签字</span>\r\n      </div>\r\n      </el-form-item> -->\r\n    </template>\r\n    <slot name=\"file\"></slot>\r\n    <!-- <el-form-item label=\"下一步处理节点\" size=\"normal\"> </el-form-item> -->\r\n      <template v-if=\"param.nextTaskNode && param.nextTaskNode.id && param.nextTaskNode.nodeType != 'parallelGateway' && param.nextTaskNode.nodeType != 'exclusiveGateway'\">\r\n          <template v-if=\"param.nextTaskNode.nodeType != 'endEvent'\">\r\n            <userTask\r\n              :key=\"param.nextTaskNode.id\"\r\n              :personType=\"param.nextTaskNode.personType || ''\"\r\n              :personEntity=\"{}\"\r\n              :process-node=\"{\r\n                ...param.nextTaskNode,\r\n                REQUIRED: param.nextTaskNode.setPersonnel == true && param.nextTaskNode.assignees  && param.nextTaskNode.assignees.length > 0 ? false : true,\r\n              }\"\r\n              lv1label=\"下一节点名称\"\r\n              :ref=\"setItemRef(param.nextTaskNode.id)\"\r\n              :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n            >\r\n            </userTask>\r\n          </template>\r\n          <template v-else>\r\n            <el-form-item label=\"下一节点名称\">\r\n              <b style=\"font-size: 16px\">结束事件</b>\r\n            </el-form-item>\r\n          </template>\r\n      </template>\r\n      <!-- 复杂网关：不带branch， -->\r\n      <template v-else-if=\"param.nextTaskNode.nodeType == 'exclusiveGateway' && param.outGatewayUserTaskModel && param.outGatewayUserTaskModel.length > 0\">\r\n        <userTask\r\n          v-for=\"item in param.outGatewayUserTaskModel\"\r\n          :key=\"item.id\"\r\n          :personType=\"param.personType\"\r\n          :personEntity=\"param.personEntity\"\r\n          :processNode=\"{ \r\n            ...item,\r\n            pType: param.nextTaskNode.nodeType,\r\n            REQUIRED: item.setPersonnel == true && item.assignees  && item.assignees.length > 0 ? false : true,\r\n          }\"\r\n          :ref=\"setItemRef(item.id)\"\r\n        >\r\n        </userTask>\r\n      </template>\r\n      <template v-else-if=\"param.outGatewayUserTaskModel && param.outGatewayUserTaskModel.length > 0\">\r\n        <userTask\r\n          v-for=\"item in param.outGatewayUserTaskModel\"\r\n          :key=\"item.id\"\r\n          :personType=\"param.personType\"\r\n          :personEntity=\"param.personEntity\"\r\n          :processNode=\"{ \r\n            ...item,\r\n            REQUIRED: item.setPersonnel == true && item.assignees  && item.assignees.length > 0 ? false : true,\r\n          }\"\r\n          :ref=\"setItemRef(item.id)\"\r\n        >\r\n        </userTask>\r\n      </template>\r\n      <!-- 互斥网关，只有一个分支 -->\r\n      <template v-else-if=\"param.nextTaskNode.nodeType == 'exclusiveGateway' && param.nextTaskNode.branches && param.nextTaskNode.branches.length == 1\">\r\n          <template v-if=\"param.nextTaskNode.nodeType != 'endEvent'\">\r\n            <userTask\r\n              v-if=\"param.nextTaskNode.branches[0].nodeInfoDTO\"\r\n              :key=\"param.nextTaskNode.branches[0].nodeInfoDTO.id\"\r\n              :personType=\"param.nextTaskNode.branches[0].nodeInfoDTO.personType || ''\"\r\n              :personEntity=\"{}\"\r\n              :process-node=\"{\r\n                ...param.nextTaskNode.branches[0].nodeInfoDTO,\r\n                REQUIRED: param.nextTaskNode.branches[0].nodeInfoDTO.setPersonnel == true && param.nextTaskNode.branches[0].nodeInfoDTO.assignees  && param.nextTaskNode.branches[0].nodeInfoDTO.assignees.length > 0 ? false : true,\r\n              }\"\r\n              lv1label=\"下一节点名称\"\r\n              :ref=\"setItemRef(param.nextTaskNode.branches[0].nodeInfoDTO.id)\"\r\n              :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n            >\r\n            </userTask>\r\n            <userTask\r\n              v-else\r\n              :key=\"param.nextTaskNode.branches[0].id\"\r\n              :personType=\"param.nextTaskNode.branches[0].personType || ''\"\r\n              :personEntity=\"{}\"\r\n              :process-node=\"{\r\n                ...param.nextTaskNode.branches[0],\r\n                REQUIRED: param.nextTaskNode.branches[0].setPersonnel == true && param.nextTaskNode.branches[0].assignees  && param.nextTaskNode.branches[0].assignees.length > 0 ? false : true,\r\n              }\"\r\n              lv1label=\"下一节点名称\"\r\n              :ref=\"setItemRef(param.nextTaskNode.branches[0].id)\"\r\n              :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n            >\r\n            </userTask>\r\n          </template>\r\n          <template v-else>\r\n            <el-form-item label=\"下一节点名称\">\r\n              <b style=\"font-size: 16px\">结束事件</b>\r\n            </el-form-item>\r\n          </template>\r\n      </template>\r\n      <!-- 互斥网关，多个分支 -->\r\n      <template v-else-if=\"param.nextTaskNode.nodeType == 'exclusiveGateway' && param.nextTaskNode.branches && param.nextTaskNode.branches.length > 1\">\r\n        <template v-if=\"param.nextTaskNode.nodeType != 'endEvent'\">\r\n          <userTask\r\n            :key=\"param.nextTaskNode.id\"\r\n            :personType=\"param.nextTaskNode.personType || ''\"\r\n            :personEntity=\"{}\"\r\n            :process-node=\"{\r\n              ...param.nextTaskNode,\r\n              REQUIRED: param.nextTaskNode.setPersonnel == true && param.nextTaskNode.assignees  && param.nextTaskNode.assignees.length > 0 ? false : true,\r\n            }\"\r\n            lv1label=\"下一节点名称\"\r\n            :ref=\"setItemRef(param.nextTaskNode.id)\"\r\n            :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n          >\r\n          </userTask>\r\n        </template>\r\n        <template v-else>\r\n          <el-form-item label=\"下一节点名称\">\r\n            <b style=\"font-size: 16px\">结束事件</b>\r\n          </el-form-item>\r\n        </template>\r\n      </template>\r\n      <!-- 并行网关 -->\r\n      <template v-else-if=\"param.nextTaskNode.nodeType == 'parallelGateway'\">\r\n        <userTask\r\n          v-for=\"item in param.nextTaskNode.branches\"\r\n          :key=\"item.id\"\r\n          :personType=\"param.personType || ''\"\r\n          :personEntity=\"param.personEntity || {}\"\r\n          :processNode=\"{ \r\n            ...item,\r\n            REQUIRED: item.setPersonnel == true && item.assignees  && item.assignees.length > 0 ? false : true,\r\n          }\"\r\n          lv1label=\"下一节点名称\"\r\n          :ref=\"setItemRef(item.id)\"\r\n          :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n        >\r\n        </userTask>\r\n      </template>\r\n      \r\n\r\n    <slot name=\"form\"></slot>\r\n\r\n    <el-dialog title=\"签字\" :visible.sync=\"signVisible\" append-to-body width=\"800px\" @closed=\"closeSign\" :close-on-click-modal=\"false\">\r\n      <div class=\"sign-container\">\r\n        <TopSign @saveSignature=\"handleSignature\" @validateFail=\"noticeFail\">\r\n        </TopSign>\r\n      </div>\r\n    </el-dialog>\r\n  </el-form>\r\n</template>\r\n\r\n<script>\r\nimport * as $enum from \"../enum\";\r\nimport staffTree from \"../staff-tree.vue\";\r\nimport api from \"../api\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport userTask from \"./userTask.vue\";\r\nimport commIdea from \"./commIdea.vue\";\r\nimport TopSign from '../../TopSign/topSign.vue'\r\n\r\nexport default {\r\n  components: { staffTree, userTask, commIdea, TopSign },\r\n  props: {\r\n    param: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      commentMsg: \"\",\r\n      targetUser: [],\r\n      userTaskListData: {},\r\n      outGatewayUserTaskModel: this.param.outGatewayUserTaskModel,\r\n      Enum: $enum,\r\n      signVisible: false,\r\n      digitalSignature: '',\r\n      confirmPreposition: false, \r\n      confirmLoading: () => {}\r\n    };\r\n  },\r\n  mounted() {\r\n    if (\r\n      this.param.ProcessInsObj.processDefId ==\r\n      \"obj_94014ede99b6495d8f6d5977314faa15\"\r\n    ) {\r\n      this.commentMsg = \"同意\";\r\n    }\r\n  },\r\n  computed: {\r\n    hasSign() {\r\n      if(this.param.taskObj.activityExtendAttributes) {\r\n        let tmpObj = JSON.parse(this.param.taskObj.activityExtendAttributes)\r\n        if(tmpObj.find(item => item.key == '签字')) {\r\n          return tmpObj.find(item => item.key == '签字')\r\n        }\r\n        else {\r\n          return false\r\n        }\r\n      }\r\n      else {\r\n        return false\r\n      }\r\n    },\r\n    signRequired() {\r\n      const fd = this.param.extendedProperties.find(i => {\r\n        return i.name == 'signature'\r\n      })\r\n      return fd ? true : false\r\n      // if(this.param.taskObj.activityExtendAttributes) {\r\n      //   let tmpObj = JSON.parse(this.param.taskObj.activityExtendAttributes)\r\n      //   if(tmpObj.find(item => item.key == '签字')) {\r\n      //     return tmpObj.find(item => item.key == '签字').value == '1'\r\n      //   }\r\n      //   else {\r\n      //     return false\r\n      //   }\r\n      // }\r\n      // else {\r\n      //   return false\r\n      // }\r\n    }\r\n  },\r\n  methods: {\r\n    setItemRef(key) {\r\n      this.userTaskListData[key] = \"userTask\" + key;\r\n      return this.userTaskListData[key];\r\n    },\r\n    getProcessNode(o) {\r\n      let obj = {};\r\n      obj.humanPerformerName = o.userTaskModelDTO.humanPerformer.name;\r\n      obj.id = o.id;\r\n      obj.loopCardinality =\r\n        o.loopCardinality || o.userTaskModelDTO.loopCardinality;\r\n      obj.name = o.userTaskModelDTO.name;\r\n      obj.type = o.type;\r\n      obj.routeTxt = o.userTaskModelDTO.routeTxt;\r\n      obj.participantList = o.userTaskModelDTO.participantList;\r\n      obj.taskNode = this.param.taskNode;\r\n      return obj;\r\n    },\r\n    isOption(humanPerformer) {\r\n      return (\r\n        humanPerformer == \"任意指定\" ||\r\n        humanPerformer == \"固定部门\" ||\r\n        humanPerformer == \"固定账户\" ||\r\n        humanPerformer == \"固定单位\"\r\n      );\r\n    },\r\n\r\n    getTreeData(item) {\r\n      if (this.param.nextTaskNode) {\r\n        if (item.userTaskModelDTO.humanPerformer.name == \"固定部门\") {\r\n          return item.userTaskModelDTO.routeTxt.departmentIds.map((o) => {\r\n            let obj = {};\r\n            obj.id = o.rangeId;\r\n            obj.leaf = false;\r\n            obj.name = o.name;\r\n            obj.orgType = $enum.UserType.部门;\r\n            return obj;\r\n          });\r\n        } else if (item.userTaskModelDTO.humanPerformer.name == \"固定单位\") {\r\n          return item.userTaskModelDTO.routeTxt.companyIds.map((o) => {\r\n            let obj = {};\r\n            obj.id = o.rangeId;\r\n            obj.leaf = false;\r\n            obj.name = o.name;\r\n            obj.orgType = $enum.UserType.主体;\r\n            return obj;\r\n          });\r\n        }\r\n      }\r\n      return undefined;\r\n    },\r\n\r\n    getRes() {\r\n      return { targetUser: this.targetUser };\r\n    },\r\n    // 提交前的前置函数，loading函数，附件列表\r\n    confirm(preposition, loading, attachment) {\r\n      if (Array.isArray(attachment)) {\r\n        this.param.attachment = attachment;\r\n      }\r\n\r\n      console.log(this.param, '测试', this.userTaskListData)\r\n      if (!this.commentMsg && this.param.commentMsgRequired) {\r\n        ElMessage.warning(\"请输入审批意见\");\r\n        return false;\r\n      }\r\n      if (this.commentMsg.length > 200) {\r\n        ElMessage.warning(\"审批意见不能超过200个字\");\r\n        return false;\r\n      }\r\n      // let actionName = this.param.taskObj.commentModels.find(\r\n      //   (o) => o.isDefault\r\n      // ).actionName;\r\n      let param = {\r\n        taskId: this.param.taskInstId,\r\n        processInstanceId: this.param.processInstId,\r\n        // actionName: actionName || \"\",\r\n        commentMsg: this.commentMsg || \" \",\r\n        comment: this.commentMsg || \" \",\r\n        businessData: this.param.businessData,\r\n        attachment: this.param.attachment,\r\n      };\r\n      for (let key in this.userTaskListData) {\r\n        let o = this.userTaskListData[key];\r\n        console.log(o, 'o', this.$refs[o])\r\n        let refCom = this.$refs[o].$el ? this.$refs[o] : this.$refs[o][0];\r\n        console.error('上传', refCom, refCom.getValue);\r\n        let res = refCom.getValue();\r\n        if (res && res.vars && this.param.incomingConditionItemList&& this.param.incomingConditionItemList.length > 0) {\r\n          this.param.incomingConditionItemList.forEach(item => {\r\n            if (!res.vars[item.itemName]) {\r\n              res.vars[item.itemName] = ''\r\n            }\r\n          })\r\n        }\r\n        console.log(res, 'res get value')\r\n        if (!res) {\r\n          return false;\r\n        }\r\n        let assignees = []\r\n        // 已经选了人，则用返回的，不然用自己选的\r\n        const nextTaskNode = this.param.nextTaskNode\r\n        if (nextTaskNode.setPersonnel) {\r\n          assignees = nextTaskNode.assignees || []\r\n        } else {\r\n          assignees = (refCom.targetUserList || []).map(i => ({\r\n            id: i.id,\r\n            name: i.name,\r\n          }))\r\n        }\r\n        param.assignees = assignees\r\n\r\n        param.multiNodeParticipant = {\r\n          ...param.multiNodeParticipant,\r\n          ...res.multiNodeParticipant,\r\n        };\r\n        param.vars = { ...param.vars, ...res.vars };\r\n      }\r\n      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        }).catch((e) => {\r\n          this.$emit(\"fail\", e.response ? (e.response.data ? e.response.data.msg || e.response.data.message : '') : e.message || e.msg || '');\r\n        });\r\n      }\r\n    },\r\n    confirmWithSign() {\r\n      // let actionName = this.param.taskObj.commentModels.find(\r\n      //   (o) => o.isDefault\r\n      // ).actionName;\r\n      let param = {\r\n        taskId: this.param.taskInstId,\r\n        processInstanceId: this.param.processInstId,\r\n        // actionName: actionName || \"\",\r\n        commentMsg: this.commentMsg || \" \",\r\n        comment: this.commentMsg || \" \",\r\n        businessData: this.param.businessData,\r\n        digitalSignature: {\r\n          name: this.param.digitalSignature.name,\r\n          url: this.param.digitalSignature.url,\r\n        },\r\n        attachment: this.param.attachment,\r\n      };\r\n      for (let key in this.userTaskListData) {\r\n        let o = this.userTaskListData[key];\r\n        let refCom = this.$refs[o].$el ? this.$refs[o] : this.$refs[o][0];\r\n        console.log(refCom, refCom.getValue);\r\n        let res = refCom.getValue();\r\n        if (!res) {\r\n          return false;\r\n        }\r\n        param.multiNodeParticipant = {\r\n          ...param.multiNodeParticipant,\r\n          ...res.multiNodeParticipant,\r\n        };\r\n        param.vars = { ...param.vars, ...res.vars };\r\n      }\r\n      if (this.param.getVars) {\r\n        let vars = this.param.getVars();\r\n        if (vars === false) return false;\r\n        param.vars = { ...param.vars, ...vars };\r\n      }\r\n      param.pass = true\r\n      this.confirmLoading();\r\n      if (this.confirmPreposition) {\r\n        this.confirmPreposition()\r\n          .then((e) => {\r\n            api.tis\r\n              .complete(param)\r\n              .then((res) => {\r\n                if (res.code == $enum.apiCode.success) {\r\n                  if (e) e();\r\n                  this.$emit(\"success\");\r\n                } else {\r\n                  this.$emit(\"fail\", res.msg);\r\n                }\r\n              })\r\n              .catch(() => {\r\n                this.$emit(\"fail\", \"\");\r\n              });\r\n          })\r\n          .catch(() => {\r\n            this.$emit(\"fail\", \"\");\r\n          });\r\n      } else {\r\n        api.tis.complete(param).then((res) => {\r\n          if (res.code == $enum.apiCode.success) {\r\n            this.$emit(\"success\");\r\n          } else {\r\n            this.$emit(\"fail\", res.msg);\r\n          }\r\n        }).catch((e) => {\r\n          this.$emit(\"fail\", e.response ? (e.response.data ? e.response.data.msg || e.response.data.message : '') : e.message || e.msg || '');\r\n        });\r\n      }\r\n    },\r\n    toSign() {\r\n      this.signVisible = true\r\n    },\r\n    handleSignature(e, needClose) {\r\n      this.param.digitalSignature = e\r\n      console.error(e, 'digitalSignature')\r\n      if(needClose) {\r\n        this.signVisible = false\r\n        this.confirmWithSign()\r\n      }\r\n    },\r\n    closeSign() {\r\n      this.signVisible = false\r\n    },\r\n    noticeFail(msg) {\r\n      ElMessage.warning(msg)\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n@import \"./content.css\";\r\n.add-idea {\r\n  display: flex;\r\n  justify-content: end;\r\n}\r\n.add-idea span {\r\n  color: #448ef6;\r\n  cursor: pointer;\r\n}\r\n.sign-idea {\r\n  display: flex;\r\n  span {\r\n    color: #448ef6;\r\n    cursor: pointer;\r\n  }\r\n}\r\n.sign-container {\r\n  min-height: 60vh;\r\n}\r\n</style>\r\n"]}, media: undefined });
+    inject("data-v-52384047_0", { source: "\n@import \"./content.css\";\n.add-idea[data-v-52384047] {\r\n  display: flex;\r\n  justify-content: end;\n}\n.add-idea span[data-v-52384047] {\r\n  color: #448ef6;\r\n  cursor: pointer;\n}\n.sign-idea[data-v-52384047] {\r\n  display: flex;\nspan {\r\n    color: #448ef6;\r\n    cursor: pointer;\n}\n}\n.sign-container[data-v-52384047] {\r\n  min-height: 60vh;\n}\r\n", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\operation\\complete.vue"],"names":[],"mappings":";AAmaA,uBAAA;AACA;EACA,aAAA;EACA,oBAAA;AACA;AACA;EACA,cAAA;EACA,eAAA;AACA;AACA;EACA,aAAA;AACA;IACA,cAAA;IACA,eAAA;AACA;AACA;AACA;EACA,gBAAA;AACA","file":"complete.vue","sourcesContent":["<template>\r\n  <el-form label-width=\"120px\" @submit.native.prevent status-icon>\r\n    <template\r\n      v-if=\"\r\n        param.ProcessInsObj.processDefId !=\r\n        'obj_94014ede99b6495d8f6d5977314faa15'\r\n      \"\r\n    >\r\n      <el-form-item label=\"快捷回复\">\r\n        <el-radio-group v-model=\"commentMsg\">\r\n          <el-radio label=\"同意\">同意</el-radio>\r\n          <el-radio label=\"如拟\" v-if=\"param.showAsPlanned\">如拟</el-radio>\r\n          <el-radio label=\"已阅\">已阅</el-radio>\r\n        </el-radio-group>\r\n      </el-form-item>\r\n      <el-form-item v-if=\"param.showCommIdea\">\r\n        <commIdea ref=\"commIdea\" @change=\"(e) => (commentMsg = e)\" />\r\n      </el-form-item>\r\n      <el-form-item\r\n        label=\"审批意见\"\r\n        :rules=\"[\r\n          { required: param.commentMsgRequired, message: '审批意见不能为空' },\r\n        ]\"\r\n      >\r\n        <el-input\r\n          v-model=\"commentMsg\"\r\n          :rows=\"5\"\r\n          maxlength=\"200\"\r\n          show-word-limit\r\n          type=\"textarea\"\r\n          resize=\"none\"\r\n          placeholder=\"请输入审批意见\"\r\n          class=\"formInput\"\r\n        />\r\n        <div class=\"add-idea\" v-if=\"param.showCommIdea\">\r\n          <span @click=\"$refs['commIdea'].addIdea(commentMsg)\"\r\n            >设置为常用意见</span\r\n          >\r\n        </div>\r\n      </el-form-item>\r\n      <!-- <el-form-item\r\n        label=\"审批签字\"\r\n        :rules=\"[\r\n          { required: signRequired, message: '审批签字不能为空' },\r\n        ]\"\r\n        v-if=\"signRequired\"\r\n      >\r\n      <div class=\"sign-idea\">\r\n        <span @click=\"toSign\">去签字</span>\r\n      </div>\r\n      </el-form-item> -->\r\n    </template>\r\n    <slot name=\"file\"></slot>\r\n    <!-- <el-form-item label=\"下一步处理节点\" size=\"normal\"> </el-form-item> -->\r\n      <template v-if=\"param.nextTaskNode && param.nextTaskNode.id\">\r\n          <template v-if=\"param.nextTaskNode.nodeType != 'endEvent'\">\r\n            <userTask\r\n              :key=\"param.nextTaskNode.id\"\r\n              :personType=\"param.nextTaskNode.personType || ''\"\r\n              :personEntity=\"{}\"\r\n              :process-node=\"{\r\n                ...param.nextTaskNode,\r\n                REQUIRED: param.nextTaskNode.setPersonnel == true && param.nextTaskNode.assignees  && param.nextTaskNode.assignees.length > 0 ? false : true,\r\n              }\"\r\n              lv1label=\"下一节点名称\"\r\n              :ref=\"setItemRef(param.nextTaskNode.id)\"\r\n              :rules=\"[{ required: true, message: '请选择处理人' }]\"\r\n            >\r\n            </userTask>\r\n          </template>\r\n          <template v-else>\r\n            <el-form-item label=\"下一节点名称\">\r\n              <b style=\"font-size: 16px\">结束事件</b>\r\n            </el-form-item>\r\n          </template>\r\n      </template>\r\n      <userTask\r\n        v-else-if=\"param.outGatewayUserTaskModel\"\r\n        v-for=\"item in param.outGatewayUserTaskModel\"\r\n        :key=\"item.id\"\r\n        :personType=\"param.personType\"\r\n        :personEntity=\"param.personEntity\"\r\n        :processNode=\"{ ...item, taskNode: param.taskNode }\"\r\n        :ref=\"setItemRef(item.id)\"\r\n      >\r\n      </userTask>\r\n\r\n    <slot name=\"form\"></slot>\r\n\r\n    <el-dialog title=\"签字\" :visible.sync=\"signVisible\" append-to-body width=\"800px\" @closed=\"closeSign\" :close-on-click-modal=\"false\">\r\n      <div class=\"sign-container\">\r\n        <TopSign @saveSignature=\"handleSignature\" @validateFail=\"noticeFail\">\r\n        </TopSign>\r\n      </div>\r\n    </el-dialog>\r\n  </el-form>\r\n</template>\r\n\r\n<script>\r\nimport * as $enum from \"../enum\";\r\nimport staffTree from \"../staff-tree.vue\";\r\nimport api from \"../api\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport userTask from \"./userTask.vue\";\r\nimport commIdea from \"./commIdea.vue\";\r\nimport TopSign from '../../TopSign/topSign.vue'\r\n\r\nexport default {\r\n  components: { staffTree, userTask, commIdea, TopSign },\r\n  props: {\r\n    param: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      commentMsg: \"\",\r\n      targetUser: [],\r\n      userTaskListData: {},\r\n      outGatewayUserTaskModel: this.param.outGatewayUserTaskModel,\r\n      Enum: $enum,\r\n      signVisible: false,\r\n      digitalSignature: '',\r\n      confirmPreposition: false, \r\n      confirmLoading: () => {}\r\n    };\r\n  },\r\n  mounted() {\r\n    if (\r\n      this.param.ProcessInsObj.processDefId ==\r\n      \"obj_94014ede99b6495d8f6d5977314faa15\"\r\n    ) {\r\n      this.commentMsg = \"同意\";\r\n    }\r\n  },\r\n  computed: {\r\n    hasSign() {\r\n      if(this.param.taskObj.activityExtendAttributes) {\r\n        let tmpObj = JSON.parse(this.param.taskObj.activityExtendAttributes)\r\n        if(tmpObj.find(item => item.key == '签字')) {\r\n          return tmpObj.find(item => item.key == '签字')\r\n        }\r\n        else {\r\n          return false\r\n        }\r\n      }\r\n      else {\r\n        return false\r\n      }\r\n    },\r\n    signRequired() {\r\n      const fd = this.param.extendedProperties.find(i => {\r\n        return i.name == 'signature'\r\n      })\r\n      return fd ? true : false\r\n      // if(this.param.taskObj.activityExtendAttributes) {\r\n      //   let tmpObj = JSON.parse(this.param.taskObj.activityExtendAttributes)\r\n      //   if(tmpObj.find(item => item.key == '签字')) {\r\n      //     return tmpObj.find(item => item.key == '签字').value == '1'\r\n      //   }\r\n      //   else {\r\n      //     return false\r\n      //   }\r\n      // }\r\n      // else {\r\n      //   return false\r\n      // }\r\n    }\r\n  },\r\n  methods: {\r\n    setItemRef(key) {\r\n      this.userTaskListData[key] = \"userTask\" + key;\r\n      return this.userTaskListData[key];\r\n    },\r\n    getProcessNode(o) {\r\n      let obj = {};\r\n      obj.humanPerformerName = o.userTaskModelDTO.humanPerformer.name;\r\n      obj.id = o.id;\r\n      obj.loopCardinality =\r\n        o.loopCardinality || o.userTaskModelDTO.loopCardinality;\r\n      obj.name = o.userTaskModelDTO.name;\r\n      obj.type = o.type;\r\n      obj.routeTxt = o.userTaskModelDTO.routeTxt;\r\n      obj.participantList = o.userTaskModelDTO.participantList;\r\n      obj.taskNode = this.param.taskNode;\r\n      return obj;\r\n    },\r\n    isOption(humanPerformer) {\r\n      return (\r\n        humanPerformer == \"任意指定\" ||\r\n        humanPerformer == \"固定部门\" ||\r\n        humanPerformer == \"固定账户\" ||\r\n        humanPerformer == \"固定单位\"\r\n      );\r\n    },\r\n\r\n    getTreeData(item) {\r\n      if (this.param.nextTaskNode) {\r\n        if (item.userTaskModelDTO.humanPerformer.name == \"固定部门\") {\r\n          return item.userTaskModelDTO.routeTxt.departmentIds.map((o) => {\r\n            let obj = {};\r\n            obj.id = o.rangeId;\r\n            obj.leaf = false;\r\n            obj.name = o.name;\r\n            obj.orgType = $enum.UserType.部门;\r\n            return obj;\r\n          });\r\n        } else if (item.userTaskModelDTO.humanPerformer.name == \"固定单位\") {\r\n          return item.userTaskModelDTO.routeTxt.companyIds.map((o) => {\r\n            let obj = {};\r\n            obj.id = o.rangeId;\r\n            obj.leaf = false;\r\n            obj.name = o.name;\r\n            obj.orgType = $enum.UserType.主体;\r\n            return obj;\r\n          });\r\n        }\r\n      }\r\n      return undefined;\r\n    },\r\n\r\n    getRes() {\r\n      return { targetUser: this.targetUser };\r\n    },\r\n    // 提交前的前置函数，loading函数，附件列表\r\n    confirm(preposition, loading, attachment) {\r\n      if (Array.isArray(attachment)) {\r\n        this.param.attachment = attachment;\r\n      }\r\n\r\n      console.log(this.param, '测试', this.userTaskListData)\r\n      if (!this.commentMsg && this.param.commentMsgRequired) {\r\n        ElMessage.warning(\"请输入审批意见\");\r\n        return false;\r\n      }\r\n      if (this.commentMsg.length > 200) {\r\n        ElMessage.warning(\"审批意见不能超过200个字\");\r\n        return false;\r\n      }\r\n      // let actionName = this.param.taskObj.commentModels.find(\r\n      //   (o) => o.isDefault\r\n      // ).actionName;\r\n      let param = {\r\n        taskId: this.param.taskInstId,\r\n        processInstanceId: this.param.processInstId,\r\n        // actionName: actionName || \"\",\r\n        commentMsg: this.commentMsg || \" \",\r\n        comment: this.commentMsg || \" \",\r\n        businessData: this.param.businessData,\r\n        attachment: this.param.attachment,\r\n      };\r\n      for (let key in this.userTaskListData) {\r\n        let o = this.userTaskListData[key];\r\n        console.log(o, 'o', this.$refs[o])\r\n        let refCom = this.$refs[o].$el ? this.$refs[o] : this.$refs[o][0];\r\n        console.log(refCom, refCom.getValue);\r\n        let res = refCom.getValue();\r\n        console.log(res, 'res get value')\r\n        if (!res) {\r\n          return false;\r\n        }\r\n        let assignees = []\r\n        // 已经选了人，则用返回的，不然用自己选的\r\n        const nextTaskNode = this.param.nextTaskNode\r\n        if (nextTaskNode.setPersonnel) {\r\n          assignees = nextTaskNode.assignees || []\r\n        } else {\r\n          assignees = (refCom.targetUserList || []).map(i => ({\r\n            id: i.id,\r\n            name: i.name,\r\n          }))\r\n        }\r\n        param.assignees = assignees\r\n\r\n        param.multiNodeParticipant = {\r\n          ...param.multiNodeParticipant,\r\n          ...res.multiNodeParticipant,\r\n        };\r\n        param.vars = { ...param.vars, ...res.vars };\r\n      }\r\n      param.pass = true\r\n\r\n      if (Date.now()) {\r\n        console.log(param, 'end', this.param)\r\n        // return;\r\n      }\r\n      // param.variables = {\r\n      //   wf_form_variable: ''\r\n      // }\r\n      if (this.param.getVars) {\r\n        let vars = this.param.getVars();\r\n        if (vars === false) return false;\r\n        param.vars = { ...param.vars, ...vars };\r\n      }\r\n      if(this.signRequired) {\r\n        this.confirmPreposition = preposition\r\n        this.confirmLoading = loading\r\n        this.signVisible = true\r\n        return\r\n      }\r\n      loading();\r\n      if (preposition) {\r\n        preposition()\r\n          .then((e) => {\r\n            api.tis\r\n              .complete(param)\r\n              .then((res) => {\r\n                if (res.code == $enum.apiCode.success) {\r\n                  if (e) e();\r\n                  this.$emit(\"success\");\r\n                } else {\r\n                  this.$emit(\"fail\", res.msg);\r\n                }\r\n              })\r\n              .catch(() => {\r\n                this.$emit(\"fail\", \"\");\r\n              });\r\n          })\r\n          .catch(() => {\r\n            this.$emit(\"fail\", \"\");\r\n          });\r\n      } else {\r\n        api.tis.complete(param).then((res) => {\r\n          if (res.code == $enum.apiCode.success) {\r\n            this.$emit(\"success\");\r\n          } else {\r\n            this.$emit(\"fail\", res.msg);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    confirmWithSign() {\r\n      // let actionName = this.param.taskObj.commentModels.find(\r\n      //   (o) => o.isDefault\r\n      // ).actionName;\r\n      let param = {\r\n        taskId: this.param.taskInstId,\r\n        processInstanceId: this.param.processInstId,\r\n        // actionName: actionName || \"\",\r\n        commentMsg: this.commentMsg || \" \",\r\n        comment: this.commentMsg || \" \",\r\n        businessData: this.param.businessData,\r\n        digitalSignature: {\r\n          name: this.param.digitalSignature.name,\r\n          url: this.param.digitalSignature.url,\r\n        },\r\n        attachment: this.param.attachment,\r\n      };\r\n      for (let key in this.userTaskListData) {\r\n        let o = this.userTaskListData[key];\r\n        let refCom = this.$refs[o].$el ? this.$refs[o] : this.$refs[o][0];\r\n        console.log(refCom, refCom.getValue);\r\n        let res = refCom.getValue();\r\n        if (!res) {\r\n          return false;\r\n        }\r\n        param.multiNodeParticipant = {\r\n          ...param.multiNodeParticipant,\r\n          ...res.multiNodeParticipant,\r\n        };\r\n        param.vars = { ...param.vars, ...res.vars };\r\n      }\r\n      if (this.param.getVars) {\r\n        let vars = this.param.getVars();\r\n        if (vars === false) return false;\r\n        param.vars = { ...param.vars, ...vars };\r\n      }\r\n      param.pass = true\r\n      this.confirmLoading();\r\n      if (this.confirmPreposition) {\r\n        this.confirmPreposition()\r\n          .then((e) => {\r\n            api.tis\r\n              .complete(param)\r\n              .then((res) => {\r\n                if (res.code == $enum.apiCode.success) {\r\n                  if (e) e();\r\n                  this.$emit(\"success\");\r\n                } else {\r\n                  this.$emit(\"fail\", res.msg);\r\n                }\r\n              })\r\n              .catch(() => {\r\n                this.$emit(\"fail\", \"\");\r\n              });\r\n          })\r\n          .catch(() => {\r\n            this.$emit(\"fail\", \"\");\r\n          });\r\n      } else {\r\n        api.tis.complete(param).then((res) => {\r\n          if (res.code == $enum.apiCode.success) {\r\n            this.$emit(\"success\");\r\n          } else {\r\n            this.$emit(\"fail\", res.msg);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    toSign() {\r\n      this.signVisible = true\r\n    },\r\n    handleSignature(e, needClose) {\r\n      this.param.digitalSignature = e\r\n      console.error(e, 'digitalSignature')\r\n      if(needClose) {\r\n        this.signVisible = false\r\n        this.confirmWithSign()\r\n      }\r\n    },\r\n    closeSign() {\r\n      this.signVisible = false\r\n    },\r\n    noticeFail(msg) {\r\n      ElMessage.warning(msg)\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n@import \"./content.css\";\r\n.add-idea {\r\n  display: flex;\r\n  justify-content: end;\r\n}\r\n.add-idea span {\r\n  color: #448ef6;\r\n  cursor: pointer;\r\n}\r\n.sign-idea {\r\n  display: flex;\r\n  span {\r\n    color: #448ef6;\r\n    cursor: pointer;\r\n  }\r\n}\r\n.sign-container {\r\n  min-height: 60vh;\r\n}\r\n</style>\r\n"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$e = "data-v-efa9f602";
+  const __vue_scope_id__$e = "data-v-52384047";
   /* module identifier */
   const __vue_module_identifier__$e = undefined;
   /* functional template */
@@ -6800,6 +6033,9 @@ __vue_component__$9.install = Vue => {
 //
 //
 //
+//
+//
+//
 
 
 var script$8 = {
@@ -6824,8 +6060,8 @@ var script$8 = {
   },
   data() {
     return {
-      myButtonList: [],
       isCollapse: true,
+      nodeVisible: false,
       nodeForm: {},
       nodeOption: {
         column: [
@@ -6858,15 +6094,21 @@ var script$8 = {
       },
       immediate: true,
     },
-    buttonList: {
-      handler(val) {
-        this.buttonList = val;
-      },
-      immediate: true,
-      deep: true,
-    },
   },
   methods: {
+    // 指定回退
+    handleRollback() {
+      if (!this.comment) {
+        this.$message.error('请填写批复意见');
+        return;
+      }
+      this.nodeVisible = true;
+    },
+    // 指定回退确定
+    handleNodeSubmit() {
+      const { nodeId } = this.nodeForm;
+      this.$emit('rollback', nodeId);
+    },
     getButton(key) {
       return this.buttonList.find(b => b.buttonKey == key);
     },
@@ -7166,17 +6408,47 @@ var __vue_render__$8 = function () {
                     },
                   },
                 },
-                [
-                  _vm._v(
-                    "\n      " +
-                      _vm._s(_vm.getButton("wf_print").name) +
-                      "\n    "
-                  ),
-                ]
-              )
+                [
+                  _vm._v(
+                    "\n      " +
+                      _vm._s(_vm.getButton("wf_print").name) +
+                      "\n    "
+                  ),
+                ]
+              )
+            : _vm._e(),
+        ],
+        2
+      ),
+      _vm._v(" "),
+      _c(
+        "el-dialog",
+        {
+          attrs: { "append-to-body": "", title: "选择回退节点" },
+          model: {
+            value: _vm.nodeVisible,
+            callback: function ($$v) {
+              _vm.nodeVisible = $$v;
+            },
+            expression: "nodeVisible",
+          },
+        },
+        [
+          _vm.nodeVisible
+            ? _c("nf-form", {
+                attrs: { option: _vm.nodeOption },
+                on: { submit: _vm.handleNodeSubmit },
+                model: {
+                  value: _vm.nodeForm,
+                  callback: function ($$v) {
+                    _vm.nodeForm = $$v;
+                  },
+                  expression: "nodeForm",
+                },
+              })
             : _vm._e(),
         ],
-        2
+        1
       ),
     ],
     1
@@ -7188,11 +6460,11 @@ __vue_render__$8._withStripped = true;
   /* style */
   const __vue_inject_styles__$8 = function (inject) {
     if (!inject) return
-    inject("data-v-a5517ce6_0", { source: ".foot-item[data-v-a5517ce6] {\n  padding: 12px 0;\n  background-color: #fff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-transition: 0.3s;\n  transition: 0.3s;\n  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n\n/*# sourceMappingURL=processBtns.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\operation\\processBtns.vue","processBtns.vue"],"names":[],"mappings":"AAyJA;EACA,eAAA;EACA,sBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,wBAAA;EACA,gBAAA;EACA,mDAAA;EACA,2CAAA;ACxJA;;AAEA,0CAA0C","file":"processBtns.vue","sourcesContent":["<template>\r\n  <div>\r\n    <el-row v-loading=\"loading\" class=\"foot-item\" :style=\"{\r\n      // width: isCollapse ? 'calc(100% - 71px)' : 'calc(100% - 241px)',\r\n    }\">\r\n      <template v-if=\"process.status == 'todo'\">\r\n        <!-- 暂存 -->\r\n        <!-- <el-button type=\"primary\" :disabled=\"loading\" @click=\"$emit('draft')\">\r\n          暂存\r\n        </el-button> -->\r\n        <!-- 提交 -->\r\n        <el-button v-if=\"getButton('wf_pass')\" type=\"success\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('examine', true, getButton('wf_pass').name)\">\r\n          <span>{{ getButton('wf_pass').name }}</span>\r\n        </el-button>\r\n        <!-- 取消申请 -->\r\n        <el-button v-if=\"getButton('wf_reject')\" type=\"danger\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('examine', false, getButton('wf_reject').name)\">\r\n          <span>{{ getButton('wf_reject').name }}</span>\r\n        </el-button>\r\n        <!-- 催办 -->\r\n        <el-button v-if=\"userId == process.variables.applyUserId\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('reminders')\">\r\n          <span>催办</span>\r\n        </el-button>\r\n        <!-- 转办 -->\r\n        <el-button v-if=\"getButton('wf_transfer')\" type=\"primary\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('user-select', { type: 'transfer', checkType: 'radio', name: getButton('wf_transfer').name })\">{{ getButton('wf_transfer').name\r\n          }}</el-button>\r\n        <!-- 委托 -->\r\n        <el-button v-if=\"getButton('wf_delegate')\" type=\"warning\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('user-select', { type: 'delegate', checkType: 'radio', name: getButton('wf_delegate').name })\">\r\n          {{ getButton('wf_delegate').name }}\r\n        </el-button>\r\n        <!-- 指定回退 -->\r\n        <el-button v-if=\"getButton('wf_rollback')\" type=\"success\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('rollback', getButton('wf_rollback').name)\">\r\n          {{ getButton('wf_rollback').name }}\r\n        </el-button>\r\n        <!-- 终止 -->\r\n        <el-button v-if=\"getButton('wf_terminate')\" type=\"danger\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('terminate')\">\r\n          {{ getButton('wf_terminate').name }}\r\n        </el-button>\r\n        <!-- 加签 -->\r\n        <el-button v-if=\"process.isMultiInstance && getButton('wf_add_instance')\" type=\"primary\" size=\"default\"\r\n          :disabled=\"loading\" @click=\"\r\n            $emit('user-select', {\r\n              type: 'addInstance',\r\n              checkType: 'checkbox',\r\n              name: getButton('wf_add_instance').name,\r\n            })\r\n            \">\r\n          {{ getButton('wf_add_instance').name }}\r\n        </el-button>\r\n        <!-- 传阅 -->\r\n        <el-button v-if=\"getButton('wf_cctask')\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('circulate', getButton('wf_cctask').name)\">\r\n          <span>{{ getButton('wf_cctask').name }}</span>\r\n        </el-button>\r\n      </template>\r\n      <!-- 撤销 -->\r\n      <el-button v-if=\"\r\n        process.isOwner &&\r\n        process.isReturnable &&\r\n        !['recall', 'reject'].includes(process.processIsFinished)\r\n      \" type=\"warning\" size=\"default\" :disabled=\"loading\" @click=\"$emit('withdraw', '撤销')\">\r\n        撤销\r\n      </el-button>\r\n      <!-- 打印 -->\r\n      <el-button v-if=\"getButton('wf_print')\" type=\"info\" size=\"default\" :disabled=\"loading\" @click=\"$emit('print')\">\r\n        {{ getButton('wf_print').name }}\r\n      </el-button>\r\n    </el-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from '../api';\r\n\r\nexport default {\r\n  name: 'nf-button',\r\n  props: {\r\n    userId: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    buttonList: {\r\n      type: Array,\r\n      default: () => {\r\n        return [];\r\n      },\r\n    },\r\n    process: Object,\r\n    comment: String,\r\n  },\r\n  data() {\r\n    return {\r\n      myButtonList: [],\r\n      isCollapse: true,\r\n      nodeForm: {},\r\n      nodeOption: {\r\n        column: [\r\n          {\r\n            label: '节点',\r\n            prop: 'nodeId',\r\n            type: 'select',\r\n            props: {\r\n              label: 'nodeName',\r\n              value: 'nodeId',\r\n            },\r\n            span: 24,\r\n            rules: [{ required: true, message: '请选择回退节点', trigger: 'change' }],\r\n          },\r\n        ],\r\n      },\r\n      backNodes: [],\r\n    };\r\n  },\r\n  watch: {\r\n    'process.taskId': {\r\n      handler(val) {\r\n        if (val) {\r\n          api.repository.backNodes({ taskId: val }).then(res => {\r\n            const list = res.data;\r\n            this.backNodes = list;\r\n            // this.findObject(this.nodeOption.column, 'nodeId').dicData = list;\r\n          });\r\n        }\r\n      },\r\n      immediate: true,\r\n    },\r\n    buttonList: {\r\n      handler(val) {\r\n        this.buttonList = val;\r\n      },\r\n      immediate: true,\r\n      deep: true,\r\n    },\r\n  },\r\n  methods: {\r\n    getButton(key) {\r\n      return this.buttonList.find(b => b.buttonKey == key);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.foot-item {\r\n  padding: 12px 0;\r\n  background-color: #fff;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  -webkit-transition: 0.3s;\r\n  transition: 0.3s;\r\n  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n}\r\n</style>\r\n",".foot-item {\n  padding: 12px 0;\n  background-color: #fff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-transition: 0.3s;\n  transition: 0.3s;\n  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n\n/*# sourceMappingURL=processBtns.vue.map */"]}, media: undefined });
+    inject("data-v-48029f70_0", { source: ".foot-item[data-v-48029f70] {\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":"AAkKA;EACA,eAAA;EACA,sBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,wBAAA;EACA,gBAAA;EACA,mDAAA;EACA,2CAAA;ACjKA;;AAEA,0CAA0C","file":"processBtns.vue","sourcesContent":["<template>\r\n  <div>\r\n    <el-row v-loading=\"loading\" class=\"foot-item\" :style=\"{\r\n      // width: isCollapse ? 'calc(100% - 71px)' : 'calc(100% - 241px)',\r\n    }\">\r\n      <template v-if=\"process.status == 'todo'\">\r\n        <!-- 暂存 -->\r\n        <!-- <el-button type=\"primary\" :disabled=\"loading\" @click=\"$emit('draft')\">\r\n          暂存\r\n        </el-button> -->\r\n        <!-- 提交 -->\r\n        <el-button v-if=\"getButton('wf_pass')\" type=\"success\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('examine', true, getButton('wf_pass').name)\">\r\n          <span>{{ getButton('wf_pass').name }}</span>\r\n        </el-button>\r\n        <!-- 取消申请 -->\r\n        <el-button v-if=\"getButton('wf_reject')\" type=\"danger\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('examine', false, getButton('wf_reject').name)\">\r\n          <span>{{ getButton('wf_reject').name }}</span>\r\n        </el-button>\r\n        <!-- 催办 -->\r\n        <el-button v-if=\"userId == process.variables.applyUserId\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('reminders')\">\r\n          <span>催办</span>\r\n        </el-button>\r\n        <!-- 转办 -->\r\n        <el-button v-if=\"getButton('wf_transfer')\" type=\"primary\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('user-select', { type: 'transfer', checkType: 'radio', name: getButton('wf_transfer').name })\">{{ getButton('wf_transfer').name\r\n          }}</el-button>\r\n        <!-- 委托 -->\r\n        <el-button v-if=\"getButton('wf_delegate')\" type=\"warning\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('user-select', { type: 'delegate', checkType: 'radio', name: getButton('wf_delegate').name })\">\r\n          {{ getButton('wf_delegate').name }}\r\n        </el-button>\r\n        <!-- 指定回退 -->\r\n        <el-button v-if=\"getButton('wf_rollback')\" type=\"success\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('rollback', getButton('wf_rollback').name)\">\r\n          {{ getButton('wf_rollback').name }}\r\n        </el-button>\r\n        <!-- 终止 -->\r\n        <el-button v-if=\"getButton('wf_terminate')\" type=\"danger\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('terminate')\">\r\n          {{ getButton('wf_terminate').name }}\r\n        </el-button>\r\n        <!-- 加签 -->\r\n        <el-button v-if=\"process.isMultiInstance && getButton('wf_add_instance')\" type=\"primary\" size=\"default\"\r\n          :disabled=\"loading\" @click=\"\r\n            $emit('user-select', {\r\n              type: 'addInstance',\r\n              checkType: 'checkbox',\r\n              name: getButton('wf_add_instance').name,\r\n            })\r\n            \">\r\n          {{ getButton('wf_add_instance').name }}\r\n        </el-button>\r\n        <!-- 传阅 -->\r\n        <el-button v-if=\"getButton('wf_cctask')\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('circulate', getButton('wf_cctask').name)\">\r\n          <span>{{ getButton('wf_cctask').name }}</span>\r\n        </el-button>\r\n      </template>\r\n      <!-- 撤销 -->\r\n      <el-button v-if=\"\r\n        process.isOwner &&\r\n        process.isReturnable &&\r\n        !['recall', 'reject'].includes(process.processIsFinished)\r\n      \" type=\"warning\" size=\"default\" :disabled=\"loading\" @click=\"$emit('withdraw', '撤销')\">\r\n        撤销\r\n      </el-button>\r\n      <!-- 打印 -->\r\n      <el-button v-if=\"getButton('wf_print')\" type=\"info\" size=\"default\" :disabled=\"loading\" @click=\"$emit('print')\">\r\n        {{ getButton('wf_print').name }}\r\n      </el-button>\r\n    </el-row>\r\n    <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    userId: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    buttonList: {\r\n      type: Array,\r\n      default: () => {\r\n        return [];\r\n      },\r\n    },\r\n    process: Object,\r\n    comment: String,\r\n  },\r\n  data() {\r\n    return {\r\n      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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$8 = "data-v-a5517ce6";
+  const __vue_scope_id__$8 = "data-v-48029f70";
   /* module identifier */
   const __vue_module_identifier__$8 = undefined;
   /* functional template */
@@ -7937,7 +7209,6 @@ var script$6 = {
   },
   data() {
     return {
-      scale: 1,
       viewer: null,
       loading: true
     };
@@ -7959,18 +7230,6 @@ var script$6 = {
     }
   },
   methods: {
-    handleWheel(event) {
-      // if (event.ctrlKey) {
-        event.preventDefault();
-        const delta = Math.sign(event.deltaY) * 0.1; // 标准化滚轮值
-        this.scale = Math.max(0.5, Math.min(this.scale - delta, 3)); // 限制缩放范围0.5~3
-        if (this.viewer) {
-          const canvas = this.viewer.get('canvas');
-          // 窗口大小变化时，让画布自适应并居中
-          canvas.zoom(this.scale);
-        }
-      // }
-    },
     async getXml(id) {
       console.log(this.isXml, 'isxml');
       let res = {};
@@ -8022,8 +7281,7 @@ var script$6 = {
       if (this.viewer) {
         const canvas = this.viewer.get('canvas');
         // 窗口大小变化时，让画布自适应并居中
-        // canvas.zoom('fit-viewport', 'auto');
-        canvas.zoom(1, 'auto');
+        canvas.zoom('fit-viewport', 'auto');
       }
     },
     // 添加节点颜色
@@ -8101,11 +7359,7 @@ var __vue_render__$6 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", {
-    ref: "container",
-    staticClass: "bpmn-look",
-    on: { wheel: _vm.handleWheel },
-  })
+  return _c("div", { ref: "container", staticClass: "bpmn-look" })
 };
 var __vue_staticRenderFns__$6 = [];
 __vue_render__$6._withStripped = true;
@@ -8113,11 +7367,11 @@ __vue_render__$6._withStripped = true;
   /* style */
   const __vue_inject_styles__$6 = function (inject) {
     if (!inject) return
-    inject("data-v-0aaf0421_0", { source: "\n.bpmn-look[data-v-0aaf0421] {\r\n  width: 100%;\r\n  height: 500px;\r\n  background: white;\r\n  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat !important;\r\n  border: 1px solid #e0e0e0;\r\n  border-radius: 4px;\n}\n[data-v-0aaf0421] .nodePrimary:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #409eff !important;\n}\n[data-v-0aaf0421] .nodeSuccess:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #67c23a !important;\n}\n[data-v-0aaf0421] .nodeWarn:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #e6a23c !important;\n}\n[data-v-0aaf0421] .nodeError:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #f56c6c !important;\n}\n[data-v-0aaf0421] .linePrimary:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #409eff !important;\n}\n[data-v-0aaf0421] .lineSuccess:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #67c23a !important;\n}\n[data-v-0aaf0421] .lineWarn:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #e6a23c !important;\n}\n[data-v-0aaf0421] .lineError:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #f56c6c !important;\n}\n[data-v-0aaf0421] .djs-element.hover .djs-outline {\r\n  visibility: visible;\r\n  shape-rendering: geometricPrecision;\r\n  stroke-dasharray: 3, 3;\r\n  stroke: var(--el-color-info);\r\n  stroke-width: 1px;\n}\n[data-v-0aaf0421] .djs-element.selected .djs-outline {\r\n  visibility: visible;\r\n  shape-rendering: geometricPrecision;\r\n  stroke-dasharray: 3, 3;\r\n  stroke: var(--el-color-primary);\r\n  stroke-width: 1px;\n}\n[data-v-0aaf0421] .djs-tooltip {\r\n  font-size: 13px;\r\n  width: 120px;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\n}\n[data-v-0aaf0421] .djs-tooltip span {\r\n  display: block;\r\n  height: 1.2em;\r\n  line-height: 1.2em;\n}\n[data-v-0aaf0421] .djs-tooltip br {\r\n  display: none;\n}\r\n", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\bpmnLook.vue"],"names":[],"mappings":";AA6LA;EACA,WAAA;EACA,aAAA;EACA,iBAAA;EACA,iiBAAA;EACA,yBAAA;EACA,kBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,mBAAA;EACA,mCAAA;EACA,sBAAA;EACA,4BAAA;EACA,iBAAA;AACA;AAEA;EACA,mBAAA;EACA,mCAAA;EACA,sBAAA;EACA,+BAAA;EACA,iBAAA;AACA;AAEA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;AACA;AAEA;EACA,cAAA;EACA,aAAA;EACA,kBAAA;AACA;AACA;EACA,aAAA;AACA","file":"bpmnLook.vue","sourcesContent":["<template>\r\n  <div ref=\"container\" class=\"bpmn-look\" @wheel=\"handleWheel\"></div>\r\n</template>\r\n\r\n<script>\r\nimport BpmnViewer from 'bpmn-js/lib/Viewer';\r\nimport MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas'\r\nimport tooltips from \"diagram-js/lib/features/tooltips\";\r\nimport { handleResolveFlows } from './utils'\r\n// 导入api，在引用组件时会报错：Unknown custom element: <bpmn-look> - did you register the component correctly? For recursive components, make sure to provide the \"name\" option.\r\n// import api from \"./api\";\r\n\r\nexport default {\r\n  name: 'bpmn-look',\r\n  props: {\r\n    diagram: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n    approvalData: {\r\n      type: Array,\r\n      default: () => ([]),\r\n    },\r\n    isXml: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      scale: 1,\r\n      viewer: null,\r\n      loading: true\r\n    };\r\n  },\r\n  mounted() {\r\n    this.initViewer();\r\n    window.addEventListener('resize', this.canvasResize);\r\n  },\r\n  watch: {\r\n    diagram: {\r\n      async handler(newVal) {\r\n        console.log(newVal.length, 'new')\r\n        let xml = newVal\r\n        if (xml && this.isXml) {\r\n          this.loadXml(xml);\r\n        }\r\n      },\r\n      immediate: true,\r\n    }\r\n  },\r\n  methods: {\r\n    handleWheel(event) {\r\n      // if (event.ctrlKey) {\r\n        event.preventDefault();\r\n        const delta = Math.sign(event.deltaY) * 0.1; // 标准化滚轮值\r\n        this.scale = Math.max(0.5, Math.min(this.scale - delta, 3)); // 限制缩放范围0.5~3\r\n        if (this.viewer) {\r\n          const canvas = this.viewer.get('canvas');\r\n          // 窗口大小变化时，让画布自适应并居中\r\n          canvas.zoom(this.scale);\r\n        }\r\n      // }\r\n    },\r\n    async getXml(id) {\r\n      console.log(this.isXml, 'isxml')\r\n      let res = {}\r\n      let xml = ''\r\n      try {\r\n        res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n        console.log(res, 'res')\r\n        if (res.code == 200) {\r\n          xml = res.data;\r\n        }\r\n      } catch (e) {\r\n        console.error(e)\r\n      }\r\n      return xml;\r\n    },\r\n    async initViewer() {\r\n      if (this.viewer) {\r\n        this.viewer.destroy();\r\n      }\r\n      // 打包的问题，读取不到模块的处理\r\n      const View = Object.prototype.toString.call(BpmnViewer) == '[object Function]' ? BpmnViewer : BpmnViewer.default\r\n      const Tooltips = Object.prototype.toString.call(tooltips) == '[object Object]' ? tooltips : tooltips.default\r\n      const MMoveCanvasModule = Object.prototype.toString.call(MoveCanvasModule) == '[object Object]' ? MoveCanvasModule : MoveCanvasModule.default\r\n      console.log(MoveCanvasModule, Object.prototype.toString.call(MoveCanvasModule), 'MoveCanvasModule')\r\n\r\n\r\n      this.viewer = new View({\r\n        container: this.$refs.container,\r\n        additionalModules: [\r\n          Tooltips,\r\n          MMoveCanvasModule, // 移动整个画布\r\n          // {\r\n          //   textRenderer: ['type', new TextRenderer({ defaultSize: { fontSize: 12 } })]\r\n          // }\r\n        ],\r\n      });\r\n      // 画布居中，需要在importXml之前\r\n      this.viewer.on('import.done', ({ error }) => {\r\n        if (!error) {\r\n          console.log(1)\r\n          // 画布居中\r\n          this.canvasResize()\r\n          // 给画布添加审批数据\r\n          this.addApprovalData()\r\n        }\r\n      });\r\n    },\r\n    canvasResize() {\r\n      if (this.viewer) {\r\n        const canvas = this.viewer.get('canvas');\r\n        // 窗口大小变化时，让画布自适应并居中\r\n        // canvas.zoom('fit-viewport', 'auto');\r\n        canvas.zoom(1, 'auto');\r\n      }\r\n    },\r\n    // 添加节点颜色\r\n    setNodeColor(nodes) {\r\n      const canvas = this.viewer.get(\"canvas\");\r\n      const elementRegistry = this.viewer.get(\"elementRegistry\");\r\n      const tooltips = this.viewer.get(\"tooltips\");\r\n      nodes.forEach((n) => {\r\n        if (n.id && n.class) {\r\n          canvas.addMarker(n.id, n.class);\r\n        }\r\n        if (n.id && n.tooltip) {\r\n          const node = elementRegistry.get(n.id);\r\n          if (node) {\r\n            let { x, y, type } = node;\r\n            if ([\"bpmn:StartEvent\", \"bpmn:EndEvent\"].includes(type)) {\r\n              x = x - 45;\r\n              y = y + 65;\r\n            } else if ([\"bpmn:UserTask\"].includes(type)) {\r\n              x = x - 10;\r\n              y = y + 90;\r\n            }\r\n            tooltips.add({\r\n              position: { x, y },\r\n              html: n.tooltip,\r\n            });\r\n          }\r\n        }\r\n      });\r\n    },\r\n    addApprovalData() {\r\n      console.log(this.approvalData, 'data')\r\n      if (!this.approvalData || this.approvalData.length == 0) return;\r\n      const flows = handleResolveFlows(this.approvalData)\r\n      console.log(flows, 'flows')\r\n      if (flows && flows.length > 0) {\r\n        this.setNodeColor(flows);\r\n      }\r\n    },\r\n    // 加载xml\r\n    async loadXml(xml) {\r\n      if (!this.viewer) {\r\n        await this.initViewer();\r\n      }\r\n      try {\r\n        // 尝试导入 XML\r\n        console.log(xml.length)\r\n        const { warnings } = await this.viewer.importXML(xml);\r\n        console.log(warnings, 'warningds')\r\n        if (warnings.length) {\r\n          // 有警告信息时触发 warning 事件\r\n          this.$emit('warning', warnings);\r\n        }\r\n      } catch (error) {\r\n        // 导入失败时触发 error 事件\r\n        this.$emit('error', {\r\n          message: 'XML 加载失败',\r\n          detail: error.message\r\n        });\r\n        console.error('XML 加载失败:', error);\r\n      }\r\n    }\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener('resize', this.canvasResize);\r\n    this.viewer && this.viewer.destroy();\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.bpmn-look {\r\n  width: 100%;\r\n  height: 500px;\r\n  background: white;\r\n  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat !important;\r\n  border: 1px solid #e0e0e0;\r\n  border-radius: 4px;\r\n}\r\n\r\n::v-deep .nodePrimary:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #409eff !important;\r\n}\r\n\r\n::v-deep .nodeSuccess:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #67c23a !important;\r\n}\r\n\r\n::v-deep .nodeWarn:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #e6a23c !important;\r\n}\r\n\r\n::v-deep .nodeError:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #f56c6c !important;\r\n}\r\n\r\n::v-deep .linePrimary:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #409eff !important;\r\n}\r\n\r\n::v-deep .lineSuccess:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #67c23a !important;\r\n}\r\n\r\n::v-deep .lineWarn:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #e6a23c !important;\r\n}\r\n\r\n::v-deep .lineError:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #f56c6c !important;\r\n}\r\n\r\n::v-deep .djs-element.hover .djs-outline {\r\n  visibility: visible;\r\n  shape-rendering: geometricPrecision;\r\n  stroke-dasharray: 3, 3;\r\n  stroke: var(--el-color-info);\r\n  stroke-width: 1px;\r\n}\r\n\r\n::v-deep .djs-element.selected .djs-outline {\r\n  visibility: visible;\r\n  shape-rendering: geometricPrecision;\r\n  stroke-dasharray: 3, 3;\r\n  stroke: var(--el-color-primary);\r\n  stroke-width: 1px;\r\n}\r\n\r\n::v-deep .djs-tooltip {\r\n  font-size: 13px;\r\n  width: 120px;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n::v-deep .djs-tooltip span {\r\n  display: block;\r\n  height: 1.2em;\r\n  line-height: 1.2em;\r\n}\r\n::v-deep .djs-tooltip br {\r\n  display: none;\r\n}\r\n</style>"]}, media: undefined });
+    inject("data-v-61a90f80_0", { source: "\n.bpmn-look[data-v-61a90f80] {\r\n  width: 100%;\r\n  height: 500px;\r\n  background: white;\r\n  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat !important;\r\n  border: 1px solid #e0e0e0;\r\n  border-radius: 4px;\n}\n[data-v-61a90f80] .nodePrimary:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #409eff !important;\n}\n[data-v-61a90f80] .nodeSuccess:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #67c23a !important;\n}\n[data-v-61a90f80] .nodeWarn:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #e6a23c !important;\n}\n[data-v-61a90f80] .nodeError:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #f56c6c !important;\n}\n[data-v-61a90f80] .linePrimary:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #409eff !important;\n}\n[data-v-61a90f80] .lineSuccess:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #67c23a !important;\n}\n[data-v-61a90f80] .lineWarn:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #e6a23c !important;\n}\n[data-v-61a90f80] .lineError:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #f56c6c !important;\n}\n[data-v-61a90f80] .djs-element.hover .djs-outline {\r\n  visibility: visible;\r\n  shape-rendering: geometricPrecision;\r\n  stroke-dasharray: 3, 3;\r\n  stroke: var(--el-color-info);\r\n  stroke-width: 1px;\n}\n[data-v-61a90f80] .djs-element.selected .djs-outline {\r\n  visibility: visible;\r\n  shape-rendering: geometricPrecision;\r\n  stroke-dasharray: 3, 3;\r\n  stroke: var(--el-color-primary);\r\n  stroke-width: 1px;\n}\n[data-v-61a90f80] .djs-tooltip {\r\n  font-size: 13px;\r\n  width: 120px;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\n}\n[data-v-61a90f80] .djs-tooltip span {\r\n  display: block;\r\n  height: 1.2em;\r\n  line-height: 1.2em;\n}\n[data-v-61a90f80] .djs-tooltip br {\r\n  display: none;\n}\r\n", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\bpmnLook.vue"],"names":[],"mappings":";AA+KA;EACA,WAAA;EACA,aAAA;EACA,iBAAA;EACA,iiBAAA;EACA,yBAAA;EACA,kBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,wBAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,0BAAA;AACA;AAEA;EACA,mBAAA;EACA,mCAAA;EACA,sBAAA;EACA,4BAAA;EACA,iBAAA;AACA;AAEA;EACA,mBAAA;EACA,mCAAA;EACA,sBAAA;EACA,+BAAA;EACA,iBAAA;AACA;AAEA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;AACA;AAEA;EACA,cAAA;EACA,aAAA;EACA,kBAAA;AACA;AACA;EACA,aAAA;AACA","file":"bpmnLook.vue","sourcesContent":["<template>\r\n  <div ref=\"container\" class=\"bpmn-look\"></div>\r\n</template>\r\n\r\n<script>\r\nimport BpmnViewer from 'bpmn-js/lib/Viewer';\r\nimport MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas'\r\nimport tooltips from \"diagram-js/lib/features/tooltips\";\r\nimport { handleResolveFlows } from './utils'\r\n// 导入api，在引用组件时会报错：Unknown custom element: <bpmn-look> - did you register the component correctly? For recursive components, make sure to provide the \"name\" option.\r\n// import api from \"./api\";\r\n\r\nexport default {\r\n  name: 'bpmn-look',\r\n  props: {\r\n    diagram: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n    approvalData: {\r\n      type: Array,\r\n      default: () => ([]),\r\n    },\r\n    isXml: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      viewer: null,\r\n      loading: true\r\n    };\r\n  },\r\n  mounted() {\r\n    this.initViewer();\r\n    window.addEventListener('resize', this.canvasResize);\r\n  },\r\n  watch: {\r\n    diagram: {\r\n      async handler(newVal) {\r\n        console.log(newVal.length, 'new')\r\n        let xml = newVal\r\n        if (xml && this.isXml) {\r\n          this.loadXml(xml);\r\n        }\r\n      },\r\n      immediate: true,\r\n    }\r\n  },\r\n  methods: {\r\n    async getXml(id) {\r\n      console.log(this.isXml, 'isxml')\r\n      let res = {}\r\n      let xml = ''\r\n      try {\r\n        res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n        console.log(res, 'res')\r\n        if (res.code == 200) {\r\n          xml = res.data;\r\n        }\r\n      } catch (e) {\r\n        console.error(e)\r\n      }\r\n      return xml;\r\n    },\r\n    async initViewer() {\r\n      if (this.viewer) {\r\n        this.viewer.destroy();\r\n      }\r\n      // 打包的问题，读取不到模块的处理\r\n      const View = Object.prototype.toString.call(BpmnViewer) == '[object Function]' ? BpmnViewer : BpmnViewer.default\r\n      const Tooltips = Object.prototype.toString.call(tooltips) == '[object Object]' ? tooltips : tooltips.default\r\n      const MMoveCanvasModule = Object.prototype.toString.call(MoveCanvasModule) == '[object Object]' ? MoveCanvasModule : MoveCanvasModule.default\r\n      console.log(MoveCanvasModule, Object.prototype.toString.call(MoveCanvasModule), 'MoveCanvasModule')\r\n\r\n\r\n      this.viewer = new View({\r\n        container: this.$refs.container,\r\n        additionalModules: [\r\n          Tooltips,\r\n          MMoveCanvasModule, // 移动整个画布\r\n          // {\r\n          //   textRenderer: ['type', new TextRenderer({ defaultSize: { fontSize: 12 } })]\r\n          // }\r\n        ],\r\n      });\r\n      // 画布居中，需要在importXml之前\r\n      this.viewer.on('import.done', ({ error }) => {\r\n        if (!error) {\r\n          console.log(1)\r\n          // 画布居中\r\n          this.canvasResize()\r\n          // 给画布添加审批数据\r\n          this.addApprovalData()\r\n        }\r\n      });\r\n    },\r\n    canvasResize() {\r\n      if (this.viewer) {\r\n        const canvas = this.viewer.get('canvas');\r\n        // 窗口大小变化时，让画布自适应并居中\r\n        canvas.zoom('fit-viewport', 'auto');\r\n      }\r\n    },\r\n    // 添加节点颜色\r\n    setNodeColor(nodes) {\r\n      const canvas = this.viewer.get(\"canvas\");\r\n      const elementRegistry = this.viewer.get(\"elementRegistry\");\r\n      const tooltips = this.viewer.get(\"tooltips\");\r\n      nodes.forEach((n) => {\r\n        if (n.id && n.class) {\r\n          canvas.addMarker(n.id, n.class);\r\n        }\r\n        if (n.id && n.tooltip) {\r\n          const node = elementRegistry.get(n.id);\r\n          if (node) {\r\n            let { x, y, type } = node;\r\n            if ([\"bpmn:StartEvent\", \"bpmn:EndEvent\"].includes(type)) {\r\n              x = x - 45;\r\n              y = y + 65;\r\n            } else if ([\"bpmn:UserTask\"].includes(type)) {\r\n              x = x - 10;\r\n              y = y + 90;\r\n            }\r\n            tooltips.add({\r\n              position: { x, y },\r\n              html: n.tooltip,\r\n            });\r\n          }\r\n        }\r\n      });\r\n    },\r\n    addApprovalData() {\r\n      console.log(this.approvalData, 'data')\r\n      if (!this.approvalData || this.approvalData.length == 0) return;\r\n      const flows = handleResolveFlows(this.approvalData)\r\n      console.log(flows, 'flows')\r\n      if (flows && flows.length > 0) {\r\n        this.setNodeColor(flows);\r\n      }\r\n    },\r\n    // 加载xml\r\n    async loadXml(xml) {\r\n      if (!this.viewer) {\r\n        await this.initViewer();\r\n      }\r\n      try {\r\n        // 尝试导入 XML\r\n        console.log(xml.length)\r\n        const { warnings } = await this.viewer.importXML(xml);\r\n        console.log(warnings, 'warningds')\r\n        if (warnings.length) {\r\n          // 有警告信息时触发 warning 事件\r\n          this.$emit('warning', warnings);\r\n        }\r\n      } catch (error) {\r\n        // 导入失败时触发 error 事件\r\n        this.$emit('error', {\r\n          message: 'XML 加载失败',\r\n          detail: error.message\r\n        });\r\n        console.error('XML 加载失败:', error);\r\n      }\r\n    }\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener('resize', this.canvasResize);\r\n    this.viewer && this.viewer.destroy();\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.bpmn-look {\r\n  width: 100%;\r\n  height: 500px;\r\n  background: white;\r\n  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat !important;\r\n  border: 1px solid #e0e0e0;\r\n  border-radius: 4px;\r\n}\r\n\r\n::v-deep .nodePrimary:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #409eff !important;\r\n}\r\n\r\n::v-deep .nodeSuccess:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #67c23a !important;\r\n}\r\n\r\n::v-deep .nodeWarn:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #e6a23c !important;\r\n}\r\n\r\n::v-deep .nodeError:not(.djs-connection) .djs-visual> :nth-child(1) {\r\n  fill: #f56c6c !important;\r\n}\r\n\r\n::v-deep .linePrimary:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #409eff !important;\r\n}\r\n\r\n::v-deep .lineSuccess:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #67c23a !important;\r\n}\r\n\r\n::v-deep .lineWarn:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #e6a23c !important;\r\n}\r\n\r\n::v-deep .lineError:not(.djs-shape) .djs-visual :last-child {\r\n  stroke: #f56c6c !important;\r\n}\r\n\r\n::v-deep .djs-element.hover .djs-outline {\r\n  visibility: visible;\r\n  shape-rendering: geometricPrecision;\r\n  stroke-dasharray: 3, 3;\r\n  stroke: var(--el-color-info);\r\n  stroke-width: 1px;\r\n}\r\n\r\n::v-deep .djs-element.selected .djs-outline {\r\n  visibility: visible;\r\n  shape-rendering: geometricPrecision;\r\n  stroke-dasharray: 3, 3;\r\n  stroke: var(--el-color-primary);\r\n  stroke-width: 1px;\r\n}\r\n\r\n::v-deep .djs-tooltip {\r\n  font-size: 13px;\r\n  width: 120px;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n::v-deep .djs-tooltip span {\r\n  display: block;\r\n  height: 1.2em;\r\n  line-height: 1.2em;\r\n}\r\n::v-deep .djs-tooltip br {\r\n  display: none;\r\n}\r\n</style>"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$6 = "data-v-0aaf0421";
+  const __vue_scope_id__$6 = "data-v-61a90f80";
   /* module identifier */
   const __vue_module_identifier__$6 = undefined;
   /* functional template */
@@ -8426,83 +7680,6 @@ __vue_render__$6._withStripped = true;
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 var script$5 = {
@@ -8606,7 +7783,6 @@ var script$5 = {
   // emits: ['update:modelValue', "getData", "change", "changeGetData"],
   data() {
     return {
-      incomingConditionItemList: [],
       // 流程信息
       deptId: '',
       initProcessData: {
@@ -8861,13 +8037,8 @@ var script$5 = {
           const deptId = ((this.processData.process || {}).variables || {}).deptId;
           this.deptId = deptId;
           const taskId = (this.processData.process || {}).taskId;
-          this.taskObj.buttons = this.processData.button;
           this.absoluteTaskId = taskId;
-          this.straightenBtns();
           console.log(deptId, 'id');
-          this.$nextTick(() => {
-            this.calculateHeight();
-          });
 
           console.log(this.processData.flow, 'flw');
           this.flowChartVisible = true;
@@ -9084,17 +8255,8 @@ var script$5 = {
         console.error(e);
         res1 = {};
       }
-      let nextTaskNode = res1.data || {};
-
-      // 复杂网关分支:
-      if (res1.code == 200 && !res1.data.evaluation) {
-        this.incomingConditionItemList = [];
-        nextTaskNode.branches = await this.getOutgoingProcessNode(
-          this.absoluteTaskId,
-          res1.data.id
-        );
-      }
-
+      const nextTaskNode = res1.data || {};
+      console.log(nextTaskNode, 'next');
       if (nextTaskNode.id && !nextTaskNode.setPersonnel) {
         const nodeUserParams = getNodeUserParams(nextTaskNode);
         let res;
@@ -9136,7 +8298,6 @@ var script$5 = {
       this.operationParam.taskInstId = this.absoluteTaskId;
       // this.operationParam.taskDeftId = this.task.activityDefId;
       this.operationParam.nextTaskNode = this.nextTaskNode;
-      this.operationParam.incomingConditionItemList = this.incomingConditionItemList;
       this.operationParam.variables = (this.processData.process || {}).variables || {};
       this.operationParam.extendedProperties = (this.processData.form || {}).extendedProperties || [];
       this.operationParam.taskObj = this.taskObj;
@@ -9236,13 +8397,9 @@ var script$5 = {
         if (res.data) {
           for (let i = 0; i < res.data.length; i++) {
             let o = res.data[i];
-            if (o.incomingConditionItemList && o.incomingConditionItemList.length !== 0) {
-              o.nodeInfoDTO.incomingConditionItemList = o.incomingConditionItemList;
-              console.error(o.incomingConditionItemList, 'o.incomingConditionItemList');
-              this.incomingConditionItemList.push(...o.incomingConditionItemList);
-            }
-            if (o.nodeInfoDTO.nodeType !=  'userTask') {
-              o.nodeInfoDTO.branches = await this.getOutgoingProcessNode(taskId, o.nodeInfoDTO.id);
+            if (o.type != ProcessNodeType.用户任务) {
+              o.childNode = await this.getOutgoingProcessNode(taskId, o.id);
+              if (o.incomingConditionItemList.length !== 0) ;
             }
             if (
               res.data[i]["type"] != "endEvent" &&
@@ -9333,120 +8490,53 @@ var script$5 = {
           Message.info("取消操作");
         });
     },
-    getButton(key) {
-      return (this.processData.button || []).find(b => b.buttonKey == key);
-    },
     operBtn() {
       let btnList = [];
-
-      const process = this.processData.process;
-
-      if (!process) {
-        return btnList
-      }
+      let flag =
+        this.taskNode &&
+        this.taskNode.length > 0 &&
+        this.aftTaskNode.taskState != TaskState.不处理;
 
       // 加签
-      if (process.status == 'todo' && process.isMultiInstance && this.getButton('wf_add_instance')) {
+      if (flag && !this.isView && this.taskObj.counterSignLabel) {
         let obj = {};
-        obj.name = this.getButton('wf_add_instance').name;
+        obj.name = this.taskObj.counterSignLabel;
         obj.btnProps = { type: "primary" };
         obj.key = "sign";
         obj.click = () => {
-          this.handleUserSelect({
-            type: 'addInstance',
-              checkType: 'checkbox',
-              name: this.getButton('wf_add_instance').name,
-          });
+          this.showOperation(__vue_component__$j, obj.name);
         };
         btnList.push(obj);
       }
-      // if (flag && !this.isView && this.taskObj.counterSignLabel) {
-      //   let obj = {};
-      //   obj.name = this.taskObj.counterSignLabel;
-      //   obj.btnProps = { type: "primary" };
-      //   obj.key = "sign";
-      //   obj.click = () => {
-      //     this.showOperation(operation.counterSign, obj.name);
-      //   };
-      //   btnList.push(obj);
-      // }
-
       // 转办
-      if (process.status == 'todo' && this.getButton('wf_transfer')) {
+      if (flag && !this.isView && this.taskObj.delegateTaskButtonLabel) {
         let obj = {};
-        obj.name = this.getButton('wf_transfer').name;
+        obj.name = this.taskObj.delegateTaskButtonLabel;
         obj.key = "delegate";
         obj.click = () => {
-          this.handleUserSelect({
-            type: 'transfer',
-            checkType: 'radio',
-            name: this.getButton('wf_transfer').name,
-          });
-        };
-        btnList.push(obj);
-      }
-      // if (flag && !this.isView && this.taskObj.delegateTaskButtonLabel) {
-      //   let obj = {};
-      //   obj.name = this.taskObj.delegateTaskButtonLabel;
-      //   obj.key = "delegate";
-      //   obj.click = () => {
-      //     this.showOperation(operation.delegateTask, obj.name);
-      //   };
-      //   btnList.push(obj);
-      // }
-
-      // 委托
-      if (process.status == 'todo' && this.getButton('wf_delegate')) {
-        let obj = {};
-        obj.name = this.getButton('wf_delegate').name;
-        obj.btnProps = { type: "warning" };
-        obj.key = "cc2";
-        obj.click = () => {
-          this.handleUserSelect({
-            type: 'delegate',
-            checkType: 'radio',
-            name: this.getButton('wf_delegate').name
-          });
-        };
-        btnList.push(obj);
-      }
-
-      // 终止
-      if (process.status == 'todo' && this.getButton('wf_terminate')) {
-        let obj = {};
-        obj.name = this.getButton('wf_terminate').name;
-        obj.btnProps = { type: "danger" };
-        obj.key = "cc3";
-        obj.click = () => {
-          this.handleTerminateProcess();
+          this.showOperation(__vue_component__$h, obj.name);
         };
         btnList.push(obj);
       }
-
       // 传阅
-      if (process.status == 'todo' && this.getButton('wf_cctask')) {
+      if (flag && !this.isView && this.taskObj.ccTaskButtonLabel) {
         let obj = {};
-        obj.name = this.getButton('wf_cctask').name;
+        obj.name = this.taskObj.ccTaskButtonLabel;
         obj.btnProps = { type: "primary" };
         obj.key = "cc";
         obj.click = () => {
-          this.handleCirculate(this.getButton('wf_cctask').name);
+          this.showOperation(__vue_component__$a, obj.name);
         };
         btnList.push(obj);
       }
-      // if (flag && !this.isView && this.taskObj.ccTaskButtonLabel) {
-      //   let obj = {};
-      //   obj.name = this.taskObj.ccTaskButtonLabel;
-      //   obj.btnProps = { type: "primary" };
-      //   obj.key = "cc";
-      //   obj.click = () => {
-      //     this.showOperation(operation.ccTask, obj.name);
-      //   };
-      //   btnList.push(obj);
-      // }
-      
       // 催办
-      if (process.status == 'todo' && this.userId == (process.variables || {}).applyUserId) {
+      if (
+        this.processId &&
+        this.processStatus.createTopUserId == this.userId &&
+        ((this.taskNode.length > 0 &&
+          this.aftTaskNode.taskState != TaskState.抄送) ||
+          this.processStatus.status == "审批中")
+      ) {
         let obj = {};
         obj.name = "催办";
         // obj.btnProps = { color: "#1389ff" };
@@ -9456,157 +8546,95 @@ var script$5 = {
         };
         btnList.push(obj);
       }
-      // if (
-      //   this.processId &&
-      //   this.processStatus.createTopUserId == this.userId &&
-      //   ((this.taskNode.length > 0 &&
-      //     this.aftTaskNode.taskState != $enum.TaskState.抄送) ||
-      //     this.processStatus.status == "审批中")
-      // ) {
-      //   let obj = {};
-      //   obj.name = "催办";
-      //   // obj.btnProps = { color: "#1389ff" };
-      //   obj.key = "self";
-      //   obj.click = () => {
-      //     this.handleReminders();
-      //   };
-      //   btnList.push(obj);
-      // }
-
       // 撤销
       if (
-        process.isOwner &&
-        process.isReturnable &&
-        !['recall', 'reject'].includes(process.processIsFinished)
+        this.processId &&
+        this.processStatus.createTopUserId == this.userId &&
+        ((this.taskNode.length > 0 &&
+          this.aftTaskNode.taskState != TaskState.抄送) ||
+          this.processStatus.status == "审批中")
       ) {
         let obj = {};
         obj.name = "撤销";
         obj.btnProps = { type: "danger" };
         obj.key = "self";
         obj.click = () => {
-          this.handleWithdrawTask('撤销');
+          this.handleRevoke();
         };
         btnList.push(obj);
       }
-
       // if (
-      //   this.processId &&
-      //   this.processStatus.createTopUserId == this.userId &&
-      //   ((this.taskNode.length > 0 &&
-      //     this.aftTaskNode.taskState != $enum.TaskState.抄送) ||
-      //     this.processStatus.status == "审批中")
+      //   flag &&
+      //   !this.isView &&
+      //   this.taskObj &&
+      //   this.taskObj.buttons &&
+      //   this.taskObj.buttons.find((o) => o.label == "退回")
       // ) {
       //   let obj = {};
-      //   obj.name = "撤销";
+      //   obj.name = "退回";
       //   obj.btnProps = { type: "danger" };
-      //   obj.key = "self";
+      //   obj.key = "back";
       //   obj.click = () => {
-      //     this.handleRevoke();
+      //     this.showOperation(operation.roolback, obj.name);
       //   };
       //   btnList.push(obj);
       // }
 
       // 拒绝
-      if (
-        process.status == 'todo' &&
-        this.getButton('wf_reject')
-      ) {
+      if (flag && !this.isView && this.processStatus.currUserName) {
         let obj = {};
-        obj.name = this.getButton('wf_reject').name;
+        obj.name = "拒绝";
         obj.btnProps = { type: "danger" };
         obj.key = "refuse";
         obj.click = () => {
-          this.handleExamine(false, this.getButton('wf_reject').name);
+          this.showOperation(__vue_component__$d, obj.name);
         };
         btnList.push(obj);
       }
-      // if (flag && !this.isView && this.processStatus.currUserName) {
-      //   let obj = {};
-      //   obj.name = "拒绝";
-      //   obj.btnProps = { type: "danger" };
-      //   obj.key = "refuse";
-      //   obj.click = () => {
-      //     this.showOperation(operation.cancel, obj.name);
-      //   };
-      //   btnList.push(obj);
-      // }
-
       // 办理
-      if (process.status == 'todo' && this.getButton('wf_pass')) {
+      if (flag && !this.isView && this.taskObj.completeButtonLabel) {
         let obj = {};
-        obj.name = this.getButton('wf_pass').name;
+        obj.name = this.taskObj.completeButtonLabel;
         obj.btnProps = { type: "primary" };
         obj.key = "complete";
         obj.click = () => {
           if (this.before) {
             this.before().then(() => {
-              this.handleExamine(true, this.getButton('wf_pass').name);
+              this.showOperation(__vue_component__$e, obj.name);
             });
           } else {
-            this.handleExamine(true, this.getButton('wf_pass').name);
+            this.showOperation(__vue_component__$e, obj.name);
           }
         };
         btnList.push(obj);
       }
-      // if (flag && !this.isView && this.taskObj.completeButtonLabel) {
-      //   let obj = {};
-      //   obj.name = this.taskObj.completeButtonLabel;
-      //   obj.btnProps = { type: "primary" };
-      //   obj.key = "complete";
-      //   obj.click = () => {
-      //     if (this.before) {
-      //       this.before().then(() => {
-      //         this.showOperation(operation.complete, obj.name);
-      //       });
-      //     } else {
-      //       this.showOperation(operation.complete, obj.name);
-      //     }
-      //   };
-      //   btnList.push(obj);
-      // }
-
       // 退回
       if (
-        process.status == 'todo' &&
-        this.getButton('wf_rollback')
+        flag &&
+        !this.isView &&
+        this.taskObj &&
+        this.taskObj.buttons.length > 0
       ) {
-        let obj = {};
-        obj.name = this.getButton('wf_rollback').name;
-        obj.btnProps = { type: "danger" };
-        obj.key = "back";
-        obj.click = () => {
-          this.handleRollbackTask(this.getButton('wf_rollback').name);
-        };
-        // 退回可能还有种情况，就是自定义this.clickCustomButton(obj.name);
+        this.taskObj.buttons.map((item) => {
+          let obj = {};
+          obj.name = item.label;
+          if (item.label == "退回") {
+            obj.btnProps = { type: "danger" };
+            obj.key = "back";
+            obj.click = () => {
+              this.showOperation(__vue_component__$c, obj.name);
+            };
+          } else {
+            obj.btnProps = {};
+            obj.key = item.label;
+            obj.click = () => {
+              this.clickCustomButton(obj.name);
+            };
+          }
 
-        btnList.unshift(obj);
+          btnList.unshift(obj);
+        });
       }
-      // if (
-      //   flag &&
-      //   !this.isView &&
-      //   this.taskObj &&
-      //   this.taskObj.buttons.length > 0
-      // ) {
-      //   this.taskObj.buttons.map((item) => {
-      //     let obj = {};
-      //     obj.name = item.label;
-      //     if (item.label == "退回") {
-      //       obj.btnProps = { type: "danger" };
-      //       obj.key = "back";
-      //       obj.click = () => {
-      //         this.showOperation(operation.roolback, obj.name);
-      //       };
-      //     } else {
-      //       obj.btnProps = {};
-      //       obj.key = item.label;
-      //       obj.click = () => {
-      //         this.clickCustomButton(obj.name);
-      //       };
-      //     }
-
-      //     btnList.unshift(obj);
-      //   });
-      // }
 
       return btnList;
     },
@@ -9950,142 +8978,31 @@ var __vue_render__$5 = function () {
           ]
         : _vm._e(),
       _vm._v(" "),
-      _vm.isAdditional && _vm.absoluteBtns.outside.length > 0
-        ? _c(
-            "div",
-            {
-              ref: "footBtnRow",
-              staticClass: "footBtnRow foot-item",
-              style: { width: _vm.mainWidth + "px" },
-            },
-            [_vm._t("btn", null, null, _vm.processStatus)],
-            2
-          )
-        : !_vm.showBtns
-        ? _c("div")
-        : (!_vm.ProcessInsObj.end &&
-            _vm.absoluteBtns.outside.length > 0 &&
-            _vm.processStatus.appId != "com.awspaas.user.apps.root") ||
-          _vm.customBtns.length > 0
-        ? _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "loading",
-                  rawName: "v-loading",
-                  value: _vm.footBtnLoading,
-                  expression: "footBtnLoading",
-                },
-              ],
-              ref: "footBtnRow",
-              staticClass: "footBtnRow foot-item",
-              style: { width: _vm.mainWidth + "px" },
-            },
-            [
-              (_vm.processData.process.status == "todo" ||
-                _vm.customBtns.length > 0) &&
-              _vm.absoluteBtns.outside.length > 0
-                ? [
-                    _vm.absoluteBtns.inside.length > 0
-                      ? _c(
-                          "el-dropdown",
-                          {
-                            attrs: { placement: "top-start", trigger: "click" },
-                          },
-                          [
-                            _c(
-                              "el-button",
-                              {
-                                staticStyle: { "margin-right": "10px" },
-                                attrs: { size: "small" },
-                              },
-                              [_vm._v(" 更多 ")]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "el-dropdown-menu",
-                              { attrs: { slot: "dropdown" }, slot: "dropdown" },
-                              _vm._l(
-                                _vm.absoluteBtns.inside,
-                                function (item, index) {
-                                  return _c(
-                                    "el-dropdown-item",
-                                    {
-                                      key: item.name + index,
-                                      nativeOn: {
-                                        click: function ($event) {
-                                          return function () {
-                                            item.click();
-                                            _vm.aftClickBtn = item;
-                                          }.apply(null, arguments)
-                                        },
-                                      },
-                                    },
-                                    [
-                                      _c(
-                                        "el-button",
-                                        {
-                                          staticClass: "btn drop-btn",
-                                          attrs: {
-                                            type: "text",
-                                            size: "mini",
-                                            icon: item.icon,
-                                            loading: _vm.buttonLoading,
-                                          },
-                                        },
-                                        [
-                                          _vm._v(
-                                            "\n              " +
-                                              _vm._s(item.name) +
-                                              "\n            "
-                                          ),
-                                        ]
-                                      ),
-                                    ],
-                                    1
-                                  )
-                                }
-                              ),
-                              1
-                            ),
-                          ],
-                          1
-                        )
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm._l(_vm.absoluteBtns.outside, function (item) {
-                      return _c(
-                        "el-button",
-                        _vm._b(
-                          {
-                            key: item.name,
-                            attrs: {
-                              size: "small",
-                              loading: _vm.buttonLoading,
-                            },
-                            on: {
-                              click: function () {
-                                item.click();
-                                _vm.aftClickBtn = item;
-                              },
-                            },
-                          },
-                          "el-button",
-                          item.btnProps,
-                          false
-                        ),
-                        [_vm._v("\n        " + _vm._s(item.name) + "\n      ")]
-                      )
-                    }),
-                  ]
-                : _vm._e(),
-              _vm._v(" "),
-              _vm._t("btnAppend"),
-            ],
-            2
-          )
-        : _vm._e(),
+      _c("processBtns", {
+        attrs: {
+          loading: _vm.submitLoading,
+          "button-list": _vm.processData.button,
+          userId: _vm.userId,
+          process: _vm.processData.process,
+          comment: _vm.comment,
+        },
+        on: {
+          draft: function ($event) {
+            return _vm.handleDraft({
+              taskId: _vm.process.taskId,
+              variables: _vm.form,
+            })
+          },
+          examine: _vm.handleExamine,
+          "user-select": _vm.handleUserSelect,
+          print: _vm.handlePrint,
+          rollback: _vm.handleRollbackTask,
+          terminate: _vm.handleTerminateProcess,
+          withdraw: _vm.handleWithdrawTask,
+          reminders: _vm.handleReminders,
+          circulate: _vm.handleCirculate,
+        },
+      }),
       _vm._v(" "),
       _c(
         "div",
@@ -10388,11 +9305,11 @@ __vue_render__$5._withStripped = true;
   /* style */
   const __vue_inject_styles__$5 = function (inject) {
     if (!inject) return
-    inject("data-v-6177206d_0", { source: "@charset \"UTF-8\";\n.operation-box[data-v-6177206d] {\n  max-height: var(--dynamic-ctx-height);\n  overflow: auto;\n  padding-right: 20px;\n}\n.el-dropdown-menu__item[data-v-6177206d] {\n  min-width: 140px;\n  border-bottom: 1px solid #e8e8e8;\n}\n.el-dropdown-menu__item .el-button--text[data-v-6177206d] {\n  color: #333 !important;\n}\n.el-dropdown-menu__item:hover .el-button--text[data-v-6177206d] {\n  color: #1389ff !important;\n}\n.el-dropdown-menu__item[data-v-6177206d]:last-child {\n  border: none !important;\n}\n.el-dropdown-menu[data-v-6177206d] {\n  padding-bottom: 30px;\n}\n.mianContent > .tabs > .demo-tabs[data-v-6177206d] >  .el-tabs__header {\n  position: sticky;\n  top: -20px;\n  background-color: #fff;\n  z-index: 1997;\n}\n.top-tabs[data-v-6177206d] {\n  position: fixed;\n  top: 62px;\n  background-color: #fff;\n  right: 0px;\n  z-index: 1997;\n}\n.mianContent[data-v-6177206d] {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  /* // margin-bottom: 10px; */\n}\n.mianContent .demo-tabs[data-v-6177206d] {\n  flex: 1;\n  height: 0;\n  display: flex;\n  flex-direction: column;\n}\n.mianContent .demo-tabs[data-v-6177206d]  .el-tabs__content {\n  flex: 1;\n  height: 0;\n}\n.mianContent .demo-tabs[data-v-6177206d]  .el-tabs__content::-webkit-scrollbar {\n  width: 0;\n}\n.mianContent .demo-tabs[data-v-6177206d]  .el-tab-pane {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n}\n.mianContent .demo-tabs[data-v-6177206d]  .el-tab-pane.pane-流程图 .bpmn-look {\n  height: 0;\n  flex: 1;\n}\n.mianContent .rowtitle[data-v-6177206d] {\n  /* margin-top: 24px; */\n  margin-bottom: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  border-left: 4px solid #1389ff;\n  padding-left: 9px;\n}\n.mianContent .topCard[data-v-6177206d] {\n  overflow: hidden;\n  /* // border: 1px solid #DADBDE; */\n}\n.mianContent .topCard .topRow[data-v-6177206d] {\n  display: flex;\n  /* // line-height: 46px; */\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 32px;\n}\n.mianContent .topCard .topRow div[data-v-6177206d]:first-child {\n  color: #333333;\n}\n.mianContent .topCard .topRow div[data-v-6177206d]:last-child {\n  color: #777777;\n  padding-left: 10px;\n}\n.mianContent .topCard .topRow div.process-mliv-dd[data-v-6177206d] {\n  /* // height: 26px; */\n  min-width: 30px;\n  padding: 0px 16px;\n  border-radius: 4px;\n  background: #1389ff;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  margin-left: 10px;\n}\n.mianContent .tabs[data-v-6177206d] {\n  /* // margin-bottom: 60px; */\n  height: 0;\n  flex: 1;\n  overflow: visible !important;\n  display: flex;\n  flex-direction: column;\n}\n.mianContent .tabs[data-v-6177206d] :deep(.is-active) {\n  font-size: 16px;\n}\n.mianContent .tabs[data-v-6177206d] :deep(.el-tabs__header) {\n  position: sticky;\n  top: 0;\n  background-color: #fff;\n  z-index: 1997;\n}\n.mianContent .topBtnRow[data-v-6177206d] {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  height: 100%;\n}\n.mianContent .footBtnRow[data-v-6177206d] {\n  z-index: 1001;\n  width: 100%;\n  padding: 12px 0;\n  background-color: #fff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-transition: 0.3s;\n  transition: 0.3s;\n  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.mianContent .footBtnRow .el-button[data-v-6177206d] {\n  min-width: 74px;\n  height: 36px;\n  border-radius: 6px;\n}\n.formInput[data-v-6177206d] {\n  width: 90%;\n}\n.dialog[data-v-6177206d] :deep(.el-dialog__header) {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n}\n.dialog[data-v-6177206d] .el-dialog__body {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n  padding-right: 10px;\n}\n.dialog[data-v-6177206d] :deep(.el-dialog__footer) {\n  padding: 12px;\n  text-align: center;\n}\n.dialog .el-dialog__header[data-v-6177206d] {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.dialog[data-v-6177206d] :deep(.el-dialog__body) {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n}\n.dialog .el-dialog__body[data-v-6177206d] {\n  padding: 45px 30px;\n}\n.dialog .el-dialog__footer[data-v-6177206d] {\n  padding: 12px !important;\n  text-align: center;\n}\n.dialog .el-dialog__headerbtn[data-v-6177206d] {\n  top: 10px;\n  right: 16px;\n}\n.view-file[data-v-6177206d] {\n  color: #1389ff;\n  cursor: pointer;\n}\n.view-node-info[data-v-6177206d] {\n  cursor: pointer;\n  color: #1389ff;\n  margin-left: 34px;\n  font-size: 16px;\n}\n.iconsR[data-v-6177206d] {\n  cursor: pointer;\n  transform: rotate(90deg);\n}\n[data-v-6177206d] .task .el-radio-group .el-radio--small.is-bordered {\n  margin: 0 20px;\n}\n[data-v-6177206d] .task .el-radio-group .el-radio.is-bordered + .el-radio.is-bordered {\n  margin: 5px 20px;\n}\n.sign-img[data-v-6177206d] {\n  width: 60px;\n  height: 60px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue","C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\index.vue"],"names":[],"mappings":"AAAA,gBAAgB;ACwpDhB;EACA,qCAAA;EACA,cAAA;EACA,mBAAA;ADtpDA;ACwpDA;EACA,gBAAA;EACA,gCAAA;ADrpDA;ACspDA;EACA,sBAAA;ADppDA;ACupDA;EACA,yBAAA;ADrpDA;ACwpDA;EACA,uBAAA;ADtpDA;ACypDA;EACA,oBAAA;ADtpDA;AC2pDA;EACA,gBAAA;EACA,UAAA;EACA,sBAAA;EACA,aAAA;ADxpDA;AC8pDA;EACA,eAAA;EACA,SAAA;EACA,sBAAA;EACA,UAAA;EACA,aAAA;AD3pDA;AC6pDA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,aAAA;EACA,sBAAA;EAIA,4BAAA;AD7pDA;AC+pDA;EACA,OAAA;EACA,SAAA;EAEA,aAAA;EACA,sBAAA;AD9pDA;AC+pDA;EACA,OAAA;EACA,SAAA;AD7pDA;AC8pDA;EACA,QAAA;AD5pDA;AC+pDA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,gBAAA;AD7pDA;AC+pDA;EACA,SAAA;EACA,OAAA;AD7pDA;ACoqDA;EACA,sBAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;EAEA,8BAAA;EACA,iBAAA;ADlqDA;ACqqDA;EACA,gBAAA;EACA,kCAAA;ADlqDA;ACqqDA;EACA,aAAA;EACA,0BAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;ADlqDA;ACqqDA;EACA,cAAA;ADlqDA;ACqqDA;EACA,cAAA;EACA,kBAAA;ADlqDA;ACqqDA;EACA,qBAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,iBAAA;ADlqDA;ACqqDA;EACA,4BAAA;EACA,SAAA;EACA,OAAA;EACA,4BAAA;EACA,aAAA;EACA,sBAAA;ADlqDA;ACqqDA;EACA,eAAA;ADlqDA;AC0qDA;EACA,gBAAA;EACA,MAAA;EACA,sBAAA;EACA,aAAA;ADvqDA;AC8qDA;EACA,aAAA;EACA,yBAAA;EACA,mBAAA;EACA,YAAA;AD3qDA;AC8qDA;EAaA,aAAA;EAEA,WAAA;EACA,eAAA;EACA,sBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,wBAAA;EACA,gBAAA;EACA,mDAAA;EACA,2CAAA;ADxrDA;ACyrDA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;ADvrDA;ACgtDA;EACA,UAAA;AD7sDA;ACgtDA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;AD7sDA;ACgtDA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,mBAAA;AD7sDA;ACgtDA;EACA,aAAA;EACA,kBAAA;AD7sDA;ACgtDA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;AD7sDA;ACitDA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;AD9sDA;ACktDA;EACA,kBAAA;AD/sDA;ACitDA;EACA,wBAAA;EACA,kBAAA;AD/sDA;ACitDA;EACA,SAAA;EACA,WAAA;AD/sDA;ACktDA;EACA,cAAA;EACA,eAAA;AD/sDA;ACitDA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AD9sDA;ACgtDA;EACA,eAAA;EACA,wBAAA;AD7sDA;ACgtDA;EACA,cAAA;AD7sDA;AC+sDA;EACA,gBAAA;AD7sDA;ACgtDA;EACA,WAAA;EACA,YAAA;AD7sDA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["@charset \"UTF-8\";\n.operation-box {\n  max-height: var(--dynamic-ctx-height);\n  overflow: auto;\n  padding-right: 20px;\n}\n\n.el-dropdown-menu__item {\n  min-width: 140px;\n  border-bottom: 1px solid #e8e8e8;\n}\n.el-dropdown-menu__item .el-button--text {\n  color: #333 !important;\n}\n.el-dropdown-menu__item:hover .el-button--text {\n  color: #1389ff !important;\n}\n.el-dropdown-menu__item:last-child {\n  border: none !important;\n}\n\n.el-dropdown-menu {\n  padding-bottom: 30px;\n}\n\n.mianContent > .tabs > .demo-tabs > ::v-deep .el-tabs__header {\n  position: sticky;\n  top: -20px;\n  background-color: #fff;\n  z-index: 1997;\n}\n\n.top-tabs {\n  position: fixed;\n  top: 62px;\n  background-color: #fff;\n  right: 0px;\n  z-index: 1997;\n}\n\n.mianContent {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  /* // margin-bottom: 10px; */\n}\n.mianContent .demo-tabs {\n  flex: 1;\n  height: 0;\n  display: flex;\n  flex-direction: column;\n}\n.mianContent .demo-tabs ::v-deep .el-tabs__content {\n  flex: 1;\n  height: 0;\n}\n.mianContent .demo-tabs ::v-deep .el-tabs__content::-webkit-scrollbar {\n  width: 0;\n}\n.mianContent .demo-tabs ::v-deep .el-tab-pane {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n}\n.mianContent .demo-tabs ::v-deep .el-tab-pane.pane-流程图 .bpmn-look {\n  height: 0;\n  flex: 1;\n}\n\n.mianContent .rowtitle {\n  /* margin-top: 24px; */\n  margin-bottom: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  border-left: 4px solid #1389ff;\n  padding-left: 9px;\n}\n\n.mianContent .topCard {\n  overflow: hidden;\n  /* // border: 1px solid #DADBDE; */\n}\n\n.mianContent .topCard .topRow {\n  display: flex;\n  /* // line-height: 46px; */\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 32px;\n}\n\n.mianContent .topCard .topRow div:first-child {\n  color: #333333;\n}\n\n.mianContent .topCard .topRow div:last-child {\n  color: #777777;\n  padding-left: 10px;\n}\n\n.mianContent .topCard .topRow div.process-mliv-dd {\n  /* // height: 26px; */\n  min-width: 30px;\n  padding: 0px 16px;\n  border-radius: 4px;\n  background: #1389ff;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  margin-left: 10px;\n}\n\n.mianContent .tabs {\n  /* // margin-bottom: 60px; */\n  height: 0;\n  flex: 1;\n  overflow: visible !important;\n  display: flex;\n  flex-direction: column;\n}\n\n.mianContent .tabs :deep(.is-active) {\n  font-size: 16px;\n}\n\n.mianContent .tabs :deep(.el-tabs__header) {\n  position: sticky;\n  top: 0;\n  background-color: #fff;\n  z-index: 1997;\n}\n\n.mianContent .topBtnRow {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  height: 100%;\n}\n\n.mianContent .footBtnRow {\n  z-index: 1001;\n  width: 100%;\n  padding: 12px 0;\n  background-color: #fff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-transition: 0.3s;\n  transition: 0.3s;\n  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.mianContent .footBtnRow .el-button {\n  min-width: 74px;\n  height: 36px;\n  border-radius: 6px;\n}\n\n.formInput {\n  width: 90%;\n}\n\n.dialog :deep(.el-dialog__header) {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n}\n\n.dialog ::v-deep.el-dialog__body {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n  padding-right: 10px;\n}\n\n.dialog :deep(.el-dialog__footer) {\n  padding: 12px;\n  text-align: center;\n}\n\n.dialog .el-dialog__header {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n\n.dialog :deep(.el-dialog__body) {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n}\n\n.dialog .el-dialog__body {\n  padding: 45px 30px;\n}\n.dialog .el-dialog__footer {\n  padding: 12px !important;\n  text-align: center;\n}\n.dialog .el-dialog__headerbtn {\n  top: 10px;\n  right: 16px;\n}\n\n.view-file {\n  color: #1389ff;\n  cursor: pointer;\n}\n\n.view-node-info {\n  cursor: pointer;\n  color: #1389ff;\n  margin-left: 34px;\n  font-size: 16px;\n}\n\n.iconsR {\n  cursor: pointer;\n  transform: rotate(90deg);\n}\n\n::v-deep .task .el-radio-group .el-radio--small.is-bordered {\n  margin: 0 20px;\n}\n::v-deep .task .el-radio-group .el-radio.is-bordered + .el-radio.is-bordered {\n  margin: 5px 20px;\n}\n\n.sign-img {\n  width: 60px;\n  height: 60px;\n}\n\n/*# sourceMappingURL=index.vue.map */","<template>\r\n  <div\r\n    class=\"mianContent\"\r\n    v-loading=\"boxLoading && !isButton\"\r\n    ref=\"mianContent\"\r\n    :style=\"{\r\n      // height:\r\n      //   activeName == '流程图'\r\n      //     ? '100%'\r\n      //     : $refs['footBtnRow']\r\n      //     ? `calc(100% - 50px)`\r\n      //     : ' 100%',\r\n      // overflow: activeName == '流程图' ? 'hidden !important' : 'auto',\r\n    }\"\r\n  >\r\n    <template v-if=\"!isButton\">\r\n      <div class=\"tabs\" ref=\"baseTabs\">\r\n        <el-tabs\r\n          v-model=\"activeName\"\r\n          class=\"demo-tabs\"\r\n          @tab-click=\"handleClick\"\r\n        >\r\n          <el-tab-pane\r\n            :label=\"item.name\"\r\n            :name=\"item.slot || item.name\"\r\n            v-for=\"(item, index) in tabs\"\r\n            :key=\"index\"\r\n            :item=\"item\"\r\n            :class=\"['pane-' + item.name]\"\r\n          >\r\n            <template v-if=\"item.name == '基本信息' && !item.slot\">\r\n              <div :style=\"`min-height: ${tabheight}px;`\">\r\n                <slot name=\"default\" :taskNode=\"getTaskNode()\"></slot>\r\n              </div>\r\n            </template>\r\n            <template v-else-if=\"item.name == '流程图' && !item.slot\">\r\n              <div class=\"view-node-info\" @click=\"getNodeList\">\r\n                查看流程节点信息\r\n              </div>\r\n              <iframe\r\n                v-if=\"trackUrl\"\r\n                :src=\"trackUrl\"\r\n                style=\"width: 100%; height: 100%; border: none\"\r\n                :style=\"{ height: `${iframeHeight}px` }\"\r\n                scrolling=\"no\"\r\n                frameborder=\"0\"\r\n                :key=\"processId\"\r\n              ></iframe>\r\n              <!-- 展示条件需要同时满足v-if -->\r\n              <bpmnLook v-if=\"activeName == '流程图' && processData.process && processData.process.xml\" :approvalData=\"processData.flow\" :diagram=\"processData.process.xml\"></bpmnLook>\r\n              <div\r\n                v-else\r\n                style=\"\r\n                  display: flex;\r\n                  align-items: center;\r\n                  justify-content: center;\r\n                \"\r\n              >\r\n                暂无流程图\r\n              </div>\r\n            </template>\r\n            <template v-else-if=\"item.name == '审批记录' && !item.slot\">\r\n              <processFlow v-if=\"activeName == '审批记录' && processData.flow\"  :flow-list=\"formatFlow(processData.flow)\"></processFlow>\r\n              <div\r\n                v-else\r\n                style=\"\r\n                  height: 100px;\r\n                  display: flex;\r\n                  align-items: center;\r\n                  justify-content: center;\r\n                \"\r\n              >\r\n                暂无数据\r\n              </div>\r\n            </template>\r\n            <template v-else>\r\n              <div :style=\"`min-height: ${tabheight}px;`\">\r\n                <slot\r\n                  v-if=\"item.slot\"\r\n                  :name=\"item.slot\"\r\n                  :taskNode=\"getTaskNode()\"\r\n                ></slot>\r\n                <slot v-else name=\"default\" :taskNode=\"getTaskNode()\"></slot>\r\n              </div>\r\n            </template>\r\n          </el-tab-pane>\r\n          <!-- <el-tab-pane label=\"流程图\" name=\"2\" style=\"height: 100%\">\r\n          </el-tab-pane> -->\r\n          <!-- <el-tab-pane label=\"审批记录\" name=\"3\">\r\n            <el-table\r\n              :data=\"taskCommentList\"\r\n              border\r\n              style=\"width: 100%; margin-bottom: 20px\"\r\n              v-if=\"taskCommentList && taskCommentList.length > 0\"\r\n            >\r\n              <el-table-column type=\"index\" width=\"80\" label=\"序号\" />\r\n              <el-table-column\r\n                prop=\"activityName\"\r\n                label=\"节点名称\"\r\n              ></el-table-column>\r\n              <el-table-column\r\n                prop=\"createUserName\"\r\n                label=\"审批人\"\r\n              ></el-table-column>\r\n              <el-table-column\r\n                prop=\"actionName\"\r\n                label=\"审批操作\"\r\n              ></el-table-column>\r\n              <el-table-column prop=\"msg\" label=\"审批意见\">\r\n                <template #default=\"scope\">\r\n                  <div v-html=\"scope.row.msg\"></div>\r\n                  <el-popover\r\n                    placement=\"bottom-end\"\r\n                    :width=\"500\"\r\n                    trigger=\"click\"\r\n                    v-if=\"scope.row.metaAnnexList.length > 0\"\r\n                  >\r\n                    <template #reference>\r\n                      <div class=\"view-file\">查看附件</div>\r\n                    </template>\r\n                    <ViewFile\r\n                      v-if=\"scope.row.metaAnnexList\"\r\n                      :dataList=\"scope.row.metaAnnexList\"\r\n                    />\r\n                  </el-popover>\r\n                </template>\r\n              </el-table-column>\r\n              <el-table-column\r\n                prop=\"createDate\"\r\n                label=\"审批时间\"\r\n              ></el-table-column>\r\n            </el-table>\r\n            <div\r\n              v-else\r\n              style=\"\r\n                height: 100px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              \"\r\n            >\r\n              暂无数据\r\n            </div>\r\n          </el-tab-pane> -->\r\n        </el-tabs>\r\n      </div>\r\n    </template>\r\n    <!-- 底部按钮  -->\r\n    <!-- <processBtns\r\n      :loading=\"submitLoading\"\r\n      :button-list=\"processData.button\"\r\n      :userId=\"userId\"\r\n      :process=\"processData.process\"\r\n      :comment=\"comment\"\r\n      @draft=\"handleDraft({ taskId: process.taskId, variables: form })\"\r\n      @examine=\"handleExamine\"\r\n      @user-select=\"handleUserSelect\"\r\n      @print=\"handlePrint\"\r\n      @rollback=\"handleRollbackTask\"\r\n      @terminate=\"handleTerminateProcess\"\r\n      @withdraw=\"handleWithdrawTask\"\r\n      @reminders=\"handleReminders\"\r\n      @circulate=\"handleCirculate\"\r\n    ></processBtns> -->\r\n\r\n    <div\r\n      class=\"footBtnRow foot-item\"\r\n      :style=\"{ width: mainWidth + 'px' }\"\r\n      ref=\"footBtnRow\"\r\n      v-if=\"isAdditional && absoluteBtns.outside.length > 0\"\r\n    >\r\n      <slot name=\"btn\" v-bind=\"processStatus\"></slot>\r\n    </div>\r\n    <div v-else-if=\"!showBtns\"></div>\r\n    <div\r\n      class=\"footBtnRow foot-item\"\r\n      ref=\"footBtnRow\"\r\n      :style=\"{ width: mainWidth + 'px' }\"\r\n      v-else-if=\"\r\n        (!ProcessInsObj.end &&\r\n          absoluteBtns.outside.length > 0 &&\r\n          processStatus.appId != 'com.awspaas.user.apps.root') ||\r\n        customBtns.length > 0\r\n      \"\r\n      v-loading=\"footBtnLoading\"\r\n    >\r\n      <!-- <slot name=\"btn\"> -->\r\n      <template\r\n        v-if=\"\r\n          (processData.process.status == 'todo' || customBtns.length > 0) &&\r\n          absoluteBtns.outside.length > 0\r\n        \"\r\n      >\r\n        <el-dropdown\r\n          placement=\"top-start\"\r\n          trigger=\"click\"\r\n          v-if=\"absoluteBtns.inside.length > 0\"\r\n        >\r\n          <el-button size=\"small\" style=\"margin-right: 10px\"> 更多 </el-button>\r\n          <el-dropdown-menu slot=\"dropdown\">\r\n            <el-dropdown-item\r\n              v-for=\"(item, index) in absoluteBtns.inside\"\r\n              :key=\"item.name + index\"\r\n              @click.native=\"\r\n                () => {\r\n                  item.click();\r\n                  aftClickBtn = item;\r\n                }\r\n              \"\r\n            >\r\n              <el-button\r\n                class=\"btn drop-btn\"\r\n                type=\"text\"\r\n                size=\"mini\"\r\n                :icon=\"item.icon\"\r\n                :loading=\"buttonLoading\"\r\n              >\r\n                {{ item.name }}\r\n              </el-button>\r\n            </el-dropdown-item>\r\n          </el-dropdown-menu>\r\n        </el-dropdown>\r\n        <el-button\r\n          v-for=\"item in absoluteBtns.outside\"\r\n          :key=\"item.name\"\r\n          v-bind=\"item.btnProps\"\r\n          @click=\"\r\n            () => {\r\n              item.click();\r\n              aftClickBtn = item;\r\n            }\r\n          \"\r\n          size=\"small\"\r\n          :loading=\"buttonLoading\"\r\n        >\r\n          {{ item.name }}\r\n        </el-button>\r\n      </template>\r\n      <!-- </slot> -->\r\n      <slot name=\"btnAppend\"></slot>\r\n    </div>\r\n    <div class=\"dialog\">\r\n      <el-dialog\r\n        :visible.sync=\"dialogVisibleOperation\"\r\n        append-to-body\r\n        class=\"dialog\"\r\n        width=\"600px\"\r\n        v-dialogDrag\r\n        :title=\"operationLabel\"\r\n        :close-on-click-modal=\"false\"\r\n        :show-close=\"!isOperLoading\"\r\n        :before-close=\"cancelHandlerFn\"\r\n        top=\"6vh\" :style=\"dynamicStyle\"\r\n      >\r\n        <div class=\"operation-box\" ref=\"obRef\">\r\n          <component\r\n            v-if=\"dialogVisibleOperation\"\r\n            ref=\"operationRef\"\r\n            :is=\"operationCom\"\r\n            :param=\"operationParam\"\r\n            @success=\"operationSuccess\"\r\n            @fail=\"operationFail\"\r\n            :isOperLoading=\"isOperLoading\"\r\n          >\r\n            <template #form>\r\n              <slot :name=\"aftClickBtn.slot\" v-if=\"aftClickBtn.slot\"></slot>\r\n            </template>\r\n            <template #file>\r\n              <el-form\r\n                label-width=\"120px\"\r\n                status-icon\r\n                v-if=\"attachShow\"\r\n                @submit.native.prevent\r\n                :rules=\"rules\"\r\n              >\r\n                <el-form-item\r\n                  label=\"附件\"\r\n                  :prop=\"attachRule.required ? 'attach' : ''\"\r\n                >\r\n                  <jyr-file-upload\r\n                    v-model=\"attach\"\r\n                    :multiple=\"attachRule.limit > 0\"\r\n                    :limit=\"attachRule.limit\"\r\n                    fullFileObject\r\n                    showFileName\r\n                    ref=\"fileUpload\"\r\n                  />\r\n                </el-form-item>\r\n              </el-form>\r\n            </template>\r\n          </component>\r\n        </div>\r\n\r\n        <template #footer>\r\n          <el-button\r\n            v-loading\r\n            type=\"primary\"\r\n            @click=\"onClickOperation\"\r\n            :loading=\"isOperLoading\"\r\n            >确 定</el-button\r\n          >\r\n          <el-button\r\n            v-loading\r\n            @click=\"cancelHandlerFn\"\r\n            :loading=\"isOperLoading\"\r\n            >取 消</el-button\r\n          >\r\n        </template>\r\n      </el-dialog>\r\n      <!-- 选择任务 -->\r\n      <el-dialog\r\n        title=\"选择处理任务\"\r\n        :visible.sync=\"showMulTask\"\r\n        append-to-body\r\n        :close-on-click-modal=\"false\"\r\n        width=\"500px\"\r\n        :show-close=\"false\"\r\n      >\r\n        <el-form ref=\"form\" label-width=\"100px\" class=\"task\">\r\n          <el-form-item label=\"请选择：\" prop=\"content\">\r\n            <el-radio-group v-model=\"mulTaskTaskId\" size=\"small\">\r\n              <el-radio\r\n                v-for=\"item in mulTaskList\"\r\n                :key=\"item.nodeId\"\r\n                :label=\"item.taskId\"\r\n                border\r\n                >{{ item.nodeName }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </el-form-item>\r\n        </el-form>\r\n        <div class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"onCheckSure\">确定</el-button>\r\n        </div>\r\n      </el-dialog>\r\n      <el-dialog\r\n        :visible.sync=\"nodeInfoVisible\"\r\n        append-to-body\r\n        width=\"600px\"\r\n        title=\"流程节点信息\"\r\n        :modal=\"false\"\r\n        :close-on-click-modal=\"false\"\r\n        v-dialogDrag\r\n      >\r\n        <el-table :data=\"filterFlow(processData.flow)\" border>\r\n          <el-table-column\r\n            label=\"序号\"\r\n            type=\"index\"\r\n            width=\"120px\"\r\n          ></el-table-column>\r\n          <el-table-column prop=\"historyActivityName\" label=\"节点名称\"></el-table-column>\r\n          <!-- <el-table-column prop=\"type\" label=\"类型\"></el-table-column> -->\r\n          <el-table-column\r\n            prop=\"assigneeName\"\r\n            label=\"审批人\"\r\n          ></el-table-column>\r\n        </el-table>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { Message as ElMessage, MessageBox as ElMessageBox } from \"element-ui\";\r\nimport treeselect from \"@riophae/vue-treeselect\";\r\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\r\nimport api from \"./api\";\r\nimport * as $enum from \"./enum\";\r\nimport staffTree from \"./staff-tree.vue\";\r\nimport ViewFile from \"./view-file.vue\";\r\nimport * as operation from \"./operation/index.js\";\r\nimport JyrFileUpload from \"../JyrFileUpload/index\";\r\nimport processBtns from \"./operation/processBtns.vue\";\r\nimport processFlow from \"./operation/processFlow.vue\";\r\nimport bpmnLook from './bpmnLook.vue';\r\nimport dayjs from \"dayjs\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n  components: { bpmnLook, processBtns, processFlow, treeselect, staffTree, ...operation, ViewFile, JyrFileUpload },\r\n  props: {\r\n    /** 流程实例id */\r\n    taskId: {\r\n      // require: true,\r\n      default: false,\r\n      type: String,\r\n    },\r\n    processId: {\r\n      require: true,\r\n      default: false,\r\n      type: String,\r\n    },\r\n    // processDefId: {\r\n    //   require: false,\r\n    //   default: false,\r\n    //   type: String,\r\n    // },\r\n    userId: { require: true, default: \"\", type: String },\r\n    // task: {\r\n    //   default: false,\r\n    //   type: Object,\r\n    // },\r\n    showBtns: {\r\n      default: true,\r\n      type: Boolean,\r\n    },\r\n    isView: {\r\n      default: false,\r\n      type: Boolean,\r\n    },\r\n    getVars: { type: Function },\r\n    before: { type: Function },\r\n    isAlis: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    isAdditional: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    businessData: {\r\n      type: Object,\r\n      default: undefined,\r\n    },\r\n    excludeBtn: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    showAsPlanned: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    showCommIdea: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    commentMsgRequired: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    customBtn: {\r\n      default: \"\",\r\n    },\r\n    tabs: {\r\n      default: () => [\r\n        {\r\n          name: \"基本信息\",\r\n          slot: \"\",\r\n        },\r\n        {\r\n          name: \"流程图\",\r\n          slot: \"\",\r\n        },\r\n        {\r\n          name: \"审批记录\",\r\n          slot: \"\",\r\n        },\r\n      ],\r\n    },\r\n    personType: {\r\n      default: \"\",\r\n    },\r\n    personEntity: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    isButton: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  provide() {\r\n    return {\r\n      isAlisInject: this.isAlis,\r\n    };\r\n  },\r\n  // emits: ['update:modelValue', \"getData\", \"change\", \"changeGetData\"],\r\n  data() {\r\n    return {\r\n      incomingConditionItemList: [],\r\n      // 流程信息\r\n      deptId: '',\r\n      initProcessData: {\r\n        button: [],\r\n        flow: [],\r\n        form: {},\r\n        process: {},\r\n      },\r\n      processData: {\r\n        button: [],\r\n        flow: [],\r\n        form: {},\r\n        process: {},\r\n      },\r\n      submitLoading: false,\r\n      flowChartVisible: false,\r\n      comment: null,\r\n      // 流程信息\r\n      dynamicMaxHeight: '400px',\r\n      showMulTask: false,\r\n      mulTaskList: [],\r\n      mulTaskTaskId: \"\",\r\n      attach: [],\r\n      customBtns: [],\r\n      overheight: 10,\r\n      iframeHeight: 500,\r\n      mainWidth: 0,\r\n      absoluteTaskId: \"\",\r\n      infoView: false,\r\n      showTopTabs: false,\r\n      buttonLoading: false,\r\n      footBtnLoading: true,\r\n      tabheight: 400,\r\n      aftClickBtn: \"\",\r\n      attachRule: {\r\n        required: true,\r\n        limit: 0,\r\n      },\r\n      nodeInfoVisible: false,\r\n      nodeInfoList: [],\r\n      jjForm: {\r\n        saveMetaAnnexCmdList: [],\r\n      },\r\n      targetUID: \"\",\r\n      commentMsg: \"\",\r\n      trackUrl: \"\",\r\n      taskObj: {},\r\n      taskCommentList: [],\r\n      absoluteBtns: { inside: [], outside: [] },\r\n      processStatus: \"\",\r\n      nextTaskNode: [],\r\n      activeName: \"基本信息\",\r\n      ProcessInsObj: {},\r\n      outGatewayUserTaskModel: [],\r\n      dialogVisibleOperation: false,\r\n      operationLabel: \"\",\r\n      operationCom: {},\r\n      operationParam: {},\r\n      taskNode: [],\r\n      aftTaskNode: {},\r\n      operation,\r\n      Enum: $enum,\r\n      isOperLoading: false,\r\n      boxLoading: false,\r\n      rules: {\r\n        attach: [{ required: true, trigger: \"change\" }],\r\n      },\r\n\t  noReload: false,\r\n    digitalSignatureList: []\r\n    };\r\n  },\r\n  mounted() {\r\n    window.onresize = () => {\r\n      return (() => {\r\n        if (this.$refs[\"mianContent\"]) {\r\n          this.mainWidth = this.$refs[\"mianContent\"].offsetWidth;\r\n        }\r\n      })();\r\n    };\r\n  },\r\n  watch: {\r\n    activeName: function (n) {\r\n      if (n == 1) this.activeName = \"基本信息\";\r\n    },\r\n    infoView: function () {\r\n      this.calculateHeight();\r\n    },\r\n    taskId: {\r\n      handler(val) {\r\n        if (!val) return;\r\n        this.absoluteTaskId = val;\r\n      },\r\n      deep: true,\r\n      immediate: true,\r\n    },\r\n    processId: {\r\n      handler(val) {\r\n        if (val) {\r\n          this.customBtns = [];\r\n          this.absoluteBtns = { inside: [], outside: [] };\r\n          this.activeName = this.tabs.length > 0 ? this.tabs[0][\"name\"] : \"\";\r\n          // 获取流程节点，流程图，流程实例，流程审批\r\n          this.getProcessInfo()\r\n          if (Date.now()) return;\r\n\r\n          api.repository.queryTaskNodeList(this.processId).then((e) => {\r\n\t\t\t  if(!this.noReload){\r\n\t\t\t\t  this.noReload = false\r\n\t\t\t\t  if (!this.absoluteTaskId && e.data.length > 1) {\r\n\t\t\t\t    this.mulTaskList = e.data;\r\n\t\t\t\t    this.showMulTask = true;\r\n\t\t\t\t    return;\r\n\t\t\t\t  } else {\r\n\t\t\t\t    this.absoluteTaskId =\r\n\t\t\t\t      e.data && e.data.length > 0 ? e.data[0][\"taskId\"] : \"\";\r\n\t\t\t\t    this.aftTaskNode = e.data[0];\r\n\t\t\t\t  }\r\n\t\t\t  }\r\n\r\n            console.log(\"======\", this.absoluteTaskId);\r\n            if (e.code == $enum.apiCode.success) {\r\n              this.taskNode = e.data;\r\n              api.pis\r\n                .getProcessStatus(this.processId, this.absoluteTaskId)\r\n                .then((res) => {\r\n                  if (res.code == $enum.apiCode.success) {\r\n                    this.processStatus = res.data;\r\n                    if (this.absoluteTaskId) {\r\n                      api.repository\r\n                        .getUserTaskModelCmd(this.absoluteTaskId)\r\n                        .then((res) => {\r\n                          if (res.code == $enum.apiCode.success) {\r\n                            this.taskObj = res.data;\r\n                            this.straightenBtns();\r\n                          }\r\n                        });\r\n                    } else {\r\n                      this.straightenBtns();\r\n                    }\r\n                  }\r\n                });\r\n            }\r\n          });\r\n\r\n          api.repository\r\n            .getTrackUrl({ processInstId: val, type: $enum.SourceType.电脑端 })\r\n            .then((res) => {\r\n              if (res.code == $enum.apiCode.success) {\r\n                if (window.location.protocol == \"https:\") {\r\n                  if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n                    this.trackUrl = res.data.replace(\r\n                      \"http://121.40.143.183:80/\",\r\n                      \"https://acme-aws.ddzg.cn/\"\r\n                    )\r\n                  } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n                    this.trackUrl = res.data.replace(\r\n                      \"http://121.40.143.183/\",\r\n                      \"https://acme-aws.ddzg.cn/\"\r\n                    )\r\n                  } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n                    this.trackUrl = res.data.replace(\r\n                      \"http://acme-aws.ddzg.cn/\",\r\n                      \"https://acme-aws.ddzg.cn/\"\r\n                    )\r\n                  } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n                    this.trackUrl = res.data.replace(\r\n                      \"http://59.53.91.231:8088/\",\r\n                      \"https://acme-test.ddzg.cn:2119/\"\r\n                    )\r\n                  } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n                    this.trackUrl = res.data.replace(\r\n                      \"http://59.53.91.230:8088/\",\r\n                      \"https://kq.ddzg.cn:8093/\"\r\n                    )\r\n                  } else {\r\n                    this.trackUrl = res.data\r\n                  }\r\n                } else {\r\n                  this.trackUrl = res.data;\r\n                }\r\n              }\r\n            });\r\n          api.tis.getTaskCommentList(this.processId, \"\").then((res) => {\r\n            this.taskCommentList = res.data;\r\n            this.digitalSignatureList = res.data.filter(item => item.digitalSignature).map(item => item.digitalSignature)\r\n          });\r\n          api.pis.getProcessInstanceById(this.processId).then((res) => {\r\n            this.ProcessInsObj = res.data;\r\n            this.$nextTick(() => {\r\n              this.calculateHeight();\r\n            });\r\n          });\r\n\r\n          // api.repository.queryTaskNodeList(this.processId).then((res) => {\r\n          //   if (res.code == $enum.apiCode.success) this.taskNode = res.data;\r\n          // });\r\n        }\r\n      },\r\n      immediate: true,\r\n      //这个参数代表监听对象时，可以监听深度嵌套的对象属性\r\n      deep: true,\r\n    },\r\n    absoluteTaskId: {\r\n      handler(val) {\r\n        if (val) {\r\n        }\r\n      },\r\n      immediate: true,\r\n      //这个参数代表监听对象时，可以监听深度嵌套的对象属性\r\n      deep: true,\r\n    },\r\n    dialogVisibleOperation: {\r\n      handler(val) {\r\n        this.$emit(\"show-modal\", val);\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    // 流程\r\n    formatFlow(flow) {\r\n      const newFlow = (flow || []).map(item => {\r\n        return {\r\n          ...item,\r\n          attachmentsFujian: (item.attachments || []).filter(i => i.type != 'signature'),\r\n          attachmentsQianzi: (item.attachments || []).filter(i => i.type == 'signature'),\r\n        }\r\n      })\r\n      return newFlow\r\n    },\r\n    cancelHandlerFn(){\r\n      this.dialogVisibleOperation = false\r\n      this.submitLoading = false\r\n    },\r\n    filterFlow(flowArr) {\r\n      return flowArr.filter((item) => {\r\n        return ['userTask', 'candidate'].includes(item.historyActivityType)\r\n      });\r\n    },\r\n    getProcessInfo() {\r\n      this.submitLoading = true\r\n      this.boxLoading = true;\r\n\r\n      api.tis.getTaskModelDetail(this.taskId ? {\r\n        processInstId: this.processId,\r\n        taskId: this.taskId,\r\n      } : {\r\n        processInstId: this.processId,\r\n      }).then(async res => {\r\n        if (res.code == 200) {\r\n          this.processData = {\r\n            ...this.initProcessData,\r\n            ...(res.data || {}),\r\n          };\r\n          const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n          this.deptId = deptId\r\n          const taskId = (this.processData.process || {}).taskId\r\n          this.taskObj.buttons = this.processData.button\r\n          this.absoluteTaskId = taskId\r\n          this.straightenBtns();\r\n          console.log(deptId, 'id')\r\n          this.$nextTick(() => {\r\n            this.calculateHeight();\r\n          });\r\n\r\n          console.log(this.processData.flow, 'flw')\r\n          this.flowChartVisible = true\r\n          this.submitLoading = false\r\n          this.boxLoading = false\r\n        }\r\n      })\r\n    },\r\n    // 通过部门id获取流程节点的人员\r\n    getUserDataByDeptId() {\r\n      this.processList.map(async  (item, index) => {\r\n        console.log(item, 'item')\r\n        const nodeUserParams = getNodeUserParams(item)\r\n        let res\r\n        try {\r\n          res = await this.getNodeUser({\r\n            deptId: this.deptId,\r\n            intersection: nodeUserParams.intersection  ? 1 : 0,\r\n            userIds: nodeUserParams.userIds,\r\n            postIds: nodeUserParams.postIds,\r\n            deptIds: nodeUserParams.deptIds,\r\n          })\r\n        } catch (error) {\r\n          console.log(error, 'error')\r\n        }\r\n        if (res.code == Enum.apiCode.success) {\r\n          const l =  this.processList[index]\r\n          l.userList = res.data\r\n          this.$set(this.processList, index, l)\r\n\r\n        }\r\n        // console.log(user, 'user', index)\r\n      })\r\n    },\r\n    handleDraft() {\r\n      this.submitLoading = true;\r\n    },\r\n    // 提交（办理）true、取消申请 false\r\n    handleExamine(flag, name) {\r\n      console.log(flag, 'flag')\r\n      if (flag) {\r\n        this.handlePass(name)\r\n      } else {\r\n        this.handleCancel(name)\r\n      }\r\n      this.submitLoading = true;\r\n    },\r\n    // 办理\r\n    async handlePass(name) {\r\n      if (this.deptId) {\r\n        await this.getNextNode(this.deptId)\r\n      }\r\n      if (this.before) {\r\n        this.before().then(() => {\r\n          this.showOperation(operation.complete, name);\r\n        });\r\n      } else {\r\n        this.showOperation(operation.complete, name);\r\n      }\r\n    },\r\n    // 取消申请\r\n    handleCancel(name) {\r\n      this.showOperation(operation.cancel, name);\r\n    },\r\n    // 转办transfer，委托delegate，addInstance\r\n    handleUserSelect({ type, checkType, name}) {\r\n      if (type == 'transfer') {\r\n        this.handleTransfer(name)\r\n      }\r\n      else if (type == 'addInstance') {\r\n        this.handleAddInstance(name)\r\n      }\r\n      console.log('handleUserselect')\r\n    },\r\n    // 转办\r\n    handleTransfer(name) {\r\n      this.showOperation(operation.delegateTask, name);\r\n    },\r\n    // 加签\r\n    handleAddInstance(name) {\r\n      this.showOperation(operation.counterSign, name);\r\n    },\r\n    handlePrint() {\r\n      console.log('handlePrint')\r\n    },\r\n    handleRollbackTask(name) {\r\n      console.log('handleRollbackTask')\r\n      this.showOperation(operation.roolback, name);\r\n    },\r\n    handleTerminateProcess() {\r\n      console.log('handleTerminateProcess')\r\n    },\r\n    // 传阅\r\n    handleCirculate(name) {\r\n      console.log('handleCirculate')\r\n      this.showOperation(operation.ccTask, name);\r\n    },\r\n    // 撤销，撤回\r\n    handleWithdrawTask(name) {\r\n      console.log('handleWithdrawTask')\r\n      this.handleRevoke();\r\n      // this.showOperation(operation.withdrawTask, '请选择撤销/撤回操作');\r\n    },\r\n    // 流程\r\n    findTargetHtml(startNode, targetClass, searchKey = 'parentElement') {\r\n\t\t\t\tif (!startNode) return null\r\n  \t\t\tif (startNode.classList.contains(targetClass)) {\r\n    \t\t\treturn startNode\r\n  \t\t\t}\r\n  \t\t\tlet curEl = startNode[searchKey]\r\n  \t\t\tif (!curEl) return null\r\n  \t\t\tif (searchKey == 'children') {\r\n    \t\t\tfor (let i = 0; i <= curEl.length - 1; i++) {\r\n      \t\t\tif (curEl[i].classList.contains(targetClass)) {\r\n        \t\t\treturn curEl[i]\r\n      \t\t\t}\r\n    \t\t\t}\r\n    \t\t\treturn\r\n  \t\t\t}\r\n  \t\t\treturn this.findTargetHtml(curEl, targetClass)\r\n\t\t\t},\r\n    findImageIndex(item){\r\n        return item ? this.digitalSignatureList.findIndex(i => i == item) : -1\r\n      },\r\n    onCheckSure() {\r\n      this.absoluteTaskId = this.mulTaskTaskId;\r\n      this.mulTaskList.map((item) => {\r\n        if (item.taskId == this.mulTaskTaskId) {\r\n          this.aftTaskNode = item;\r\n        }\r\n      });\r\n\t  this.noReload = true\r\n      this.showMulTask = false;\r\n      this.footBtnLoading = true;\r\n      let temp = this.processId;\r\n      this.processId = \"\";\r\n      this.processId = temp;\r\n    },\r\n    showButtonLoading() {\r\n      this.buttonLoading = true;\r\n    },\r\n    hideButtonLoading() {\r\n      this.buttonLoading = false;\r\n    },\r\n    calculateHeight() {\r\n      let h = 0;\r\n      if (this.$refs[\"footBtnRow\"]) {\r\n        h += this.$refs[\"footBtnRow\"].offsetHeight;\r\n      }\r\n      if (this.$refs[\"mianContent\"]) {\r\n        this.mainWidth = this.$refs[\"mianContent\"].offsetWidth;\r\n      }\r\n      if (this.infoView && this.absoluteBtns.outside.length > 0) {\r\n        h += 32;\r\n      }\r\n      if (this.$refs[\"infoBoxFign\"]) {\r\n        let windowHeight =\r\n          window.innerHeight ||\r\n          document.documentElement.clientHeight ||\r\n          document.body.clientHeight;\r\n        this.tabheight =\r\n          windowHeight - this.$refs[\"infoBoxFign\"].offsetTop - 192;\r\n      }\r\n      this.overheight = h + 116;\r\n      this.iframeHeight = this.$refs[\"mianContent\"].offsetHeight - 146;\r\n    },\r\n    getNodeList() {\r\n      this.nodeInfoVisible = true;\r\n      // api.pis.findNodeParticipantRows(this.processId).then((e) => {\r\n        \r\n      //   e.data.map((item) => {\r\n      //     if (item.type == \"串签\" || item.type == \"并签\") {\r\n      //       item[\"name\"] += `【${item.type}】`;\r\n      //     }\r\n      //   });\r\n      //   this.nodeInfoList = e.data;\r\n      // });\r\n    },\r\n    fileNameLastof(e, len = 0) {\r\n      if (e.indexOf(\"http\") == -1) len = 0;\r\n      if (!e) return;\r\n      let last = \"/\";\r\n      if (e.indexOf(\"\\\\\") != -1) {\r\n        last = \"\\\\\";\r\n      }\r\n      //整理文件名\r\n      let filename = e;\r\n      let lastindex = filename.lastIndexOf(last);\r\n      return filename.substr(lastindex + 1 + len, filename.length);\r\n    },\r\n    clickCustomButton(name) {\r\n      this.$emit(\"clickCustomButton\", {\r\n        name,\r\n        processStatus: this.processStatus,\r\n        setName: (label) => {\r\n          this.taskObj.buttons.map((item) => {\r\n            if (item.label == name) {\r\n              item.label = label;\r\n            }\r\n          });\r\n          this.straightenBtns();\r\n        },\r\n      });\r\n    },\r\n    // 获取下一个节点数据\r\n    async getNextNode(deptId) {\r\n      let res1\r\n      try {\r\n        res1 = await api.tis.simulation(\r\n          this.absoluteTaskId,\r\n          this.processId,\r\n        );\r\n      } catch (e) {\r\n        console.error(e)\r\n        res1 = {}\r\n      }\r\n      let nextTaskNode = res1.data || {};\r\n\r\n      // 复杂网关分支:\r\n      if (res1.code == 200 && !res1.data.evaluation) {\r\n        this.incomingConditionItemList = []\r\n        nextTaskNode.branches = await this.getOutgoingProcessNode(\r\n          this.absoluteTaskId,\r\n          res1.data.id\r\n        );\r\n      }\r\n\r\n      if (nextTaskNode.id && !nextTaskNode.setPersonnel) {\r\n        const nodeUserParams = getNodeUserParams(nextTaskNode)\r\n        let res\r\n        try {\r\n          res = await this.getNodeUser({\r\n            // 需要传入部门id\r\n            deptId: deptId,\r\n            intersection: nodeUserParams.intersection  ? 1 : 0,\r\n            userIds: nodeUserParams.userIds,\r\n            postIds: nodeUserParams.postIds,\r\n            deptIds: nodeUserParams.deptIds,\r\n          })\r\n        } catch (error) {\r\n          console.log(error, 'error')\r\n        }\r\n        if (res.code == $enum.apiCode.success) {\r\n          nextTaskNode.userList = res.data\r\n        }\r\n      }\r\n      this.nextTaskNode = nextTaskNode\r\n      console.log(nextTaskNode, 'getNextNode')\r\n    },\r\n    // 获取节点的人员\r\n    async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n      return await api.user.getTaskAuditor({\r\n        deptId,\r\n        intersection,\r\n        userIds,\r\n        postIds,\r\n        deptIds\r\n      })\r\n    },\r\n    async showOperation(com, label) {\r\n      this.attach = [];\r\n      if (false && this.processStatus.allUserNames.length > 0) {\r\n        if (this.absoluteTaskId) {\r\n          let vars;\r\n          if (this.getVars) {\r\n            vars = this.getVars();\r\n            if (vars === false) {\r\n              return false;\r\n            }\r\n          }\r\n          let res = await api.tis.simulation(\r\n            this.absoluteTaskId,\r\n            this.processId,\r\n            vars\r\n          );\r\n          if (res.code == $enum.apiCode.success) {\r\n            for (var i in res.data) {\r\n              if (\r\n                res.data[i][\"type\"] != \"endEvent\" &&\r\n                (res.data[i].userTaskModelDTO.humanPerformer.name ==\r\n                  \"固定账户\" ||\r\n                  res.data[i].userTaskModelDTO.humanPerformer.name ==\r\n                    \"与流程申请人相关\")\r\n              ) {\r\n                await api.repository\r\n                  .getParticipantsOfPerformerNames(this.absoluteTaskId, [\r\n                    res.data[i].id,\r\n                  ])\r\n                  .then((e) => {\r\n                    res.data[i].userTaskModelDTO.routeTxt[\"userNames\"] =\r\n                      e.data[res.data[i].id];\r\n                  });\r\n              }\r\n            }\r\n\r\n            this.nextTaskNode = res.data;\r\n          } else {\r\n            this.nextTaskNode = [];\r\n            this.outGatewayUserTaskModel = await this.getOutgoingProcessNode(\r\n              this.absoluteTaskId,\r\n              \"\"\r\n            );\r\n          }\r\n        }\r\n      }\r\n      this.operationLabel = label;\r\n      // this.operationParam = new operation.PorpParam(\"\", this.processId, this.processDefId, this.task.id, this.task.activityDefId);\r\n      this.operationParam.processInstId = this.processId;\r\n      // this.operationParam.processDefId = this.processDefId;\r\n      this.operationParam.taskInstId = this.absoluteTaskId;\r\n      // this.operationParam.taskDeftId = this.task.activityDefId;\r\n      this.operationParam.nextTaskNode = this.nextTaskNode;\r\n      this.operationParam.incomingConditionItemList = this.incomingConditionItemList\r\n      this.operationParam.variables = (this.processData.process || {}).variables || {}\r\n      this.operationParam.extendedProperties = (this.processData.form || {}).extendedProperties || []\r\n      this.operationParam.taskObj = this.taskObj;\r\n      this.operationParam.getVars = this.getVars;\r\n      this.operationParam.outGatewayUserTaskModel =\r\n        this.outGatewayUserTaskModel;\r\n      this.operationParam.taskNode = this.getTaskNode();\r\n      this.operationParam.businessData = this.businessData;\r\n      this.operationParam.showAsPlanned = this.showAsPlanned;\r\n      this.operationParam.showCommIdea = this.showCommIdea;\r\n      this.operationParam.commentMsgRequired = this.commentMsgRequired;\r\n      this.operationParam.personType = this.personType;\r\n      this.operationParam.personEntity = {\r\n        ...this.personEntity,\r\n        ...(this.aftClickBtn.personEntity || {}),\r\n      };\r\n      this.operationParam.ProcessInsObj = this.ProcessInsObj;\r\n      this.operationCom = com;\r\n      this.dialogVisibleOperation = true;\r\n      this.$nextTick(() => {\r\n    \t\tlet ctnEl = this.$refs.obRef\r\n\t\t\t\tconsole.log(ctnEl, this.$refs);\r\n    \t\tif (!ctnEl) return \r\n    \t\tlet topDistance = ctnEl.getBoundingClientRect().top\r\n    \t\tlet dialogEl = this.findTargetHtml(ctnEl, 'el-dialog')\r\n    \t\tlet dialogFootEl = this.findTargetHtml(dialogEl, 'el-dialog__footer', 'children')\r\n    \t\t// 视口高度 - margin - head - footer\r\n    \t\tlet val = window.innerHeight - topDistance - topDistance - dialogFootEl.clientHeight - 32\r\n    \t\tthis.dynamicMaxHeight = `${val}px`\r\n  \t\t})\r\n    },\r\n    onClickOperation() {\r\n      if (\r\n        this.attachShow &&\r\n        this.attachRule.required &&\r\n        this.attach.length == 0\r\n      ) {\r\n        return ElMessage.error(\"请上传附件\");\r\n      }\r\n      if (this.aftClickBtn.preposition) {\r\n        this.operationMain(this.aftClickBtn.preposition);\r\n      } else {\r\n        this.operationMain();\r\n      }\r\n\r\n      // if (this.$refs[\"fileUpload\"] && this.$refs[\"fileUpload\"].getLoading()) {\r\n      //   return ElMessage.error(\"请等待附件上传完成后重试\");\r\n      // }\r\n    },\r\n    operationMain(preposition = false) {\r\n      let saveMetaAnnexCmdList\r\n      if (this.attachShow) {\r\n        saveMetaAnnexCmdList = [];\r\n        this.attach.map((item) => {\r\n          saveMetaAnnexCmdList.push({\r\n            id: item.id,\r\n            name: this.fileNameLastof(item.name),\r\n            size: item.fileSize,\r\n            format: item.fileType,\r\n            url: item.url,\r\n            uploadTime: item.createTime,\r\n            processInstId: this.operationParam.processInstId,\r\n            taskInstId: this.operationParam.taskInstId,\r\n          });\r\n        });\r\n        saveMetaAnnexCmdList = saveMetaAnnexCmdList.sort((a, b) => {\r\n          return dayjs(a.uploadTime).valueOf() > dayjs(b.uploadTime).valueOf();\r\n        });\r\n        // api.tis.patchSave({\r\n        //   saveMetaAnnexCmdList,\r\n        // });\r\n      }\r\n\r\n      if (this.$refs.operationRef) {\r\n        this.$refs.operationRef.confirm(preposition, () => {\r\n          this.isOperLoading = true;\r\n        }, saveMetaAnnexCmdList);\r\n      }\r\n    },\r\n    operationSuccess(isComplete = true) {\r\n      ElMessage.success(\"操作成功\");\r\n      this.dialogVisibleOperation = false;\r\n      // router.go(0);\r\n      if (isComplete) this.$emit(\"Complete\");\r\n      this.isOperLoading = false;\r\n    },\r\n    operationFail(msg = \"\") {\r\n      msg && ElMessage.warning(msg);\r\n      this.isOperLoading = false;\r\n    },\r\n    async getOutgoingProcessNode(taskId, processNodeId) {\r\n      let res = await api.repository.getOutgoingProcessNode(\r\n        taskId,\r\n        processNodeId\r\n      );\r\n      if (res.code == $enum.apiCode.success) {\r\n        if (res.data) {\r\n          for (let i = 0; i < res.data.length; i++) {\r\n            let o = res.data[i];\r\n            if (o.incomingConditionItemList && o.incomingConditionItemList.length !== 0) {\r\n              o.nodeInfoDTO.incomingConditionItemList = o.incomingConditionItemList\r\n              console.error(o.incomingConditionItemList, 'o.incomingConditionItemList')\r\n              this.incomingConditionItemList.push(...o.incomingConditionItemList)\r\n            }\r\n            if (o.nodeInfoDTO.nodeType !=  'userTask') {\r\n              o.nodeInfoDTO.branches = await this.getOutgoingProcessNode(taskId, o.nodeInfoDTO.id);\r\n            }\r\n            if (\r\n              res.data[i][\"type\"] != \"endEvent\" &&\r\n              (res.data[i].humanPerformerName == \"固定账户\" ||\r\n                res.data[i].humanPerformerName == \"与流程申请人相关\")\r\n            ) {\r\n              await api.repository\r\n                .getParticipantsOfPerformerNames(taskId, [res.data[i].id])\r\n                .then((e) => {\r\n                  res.data[i][\"routeTxt\"][\"userNames\"] = e.data[res.data[i].id];\r\n                });\r\n            }\r\n          }\r\n\r\n          if (res.data.length == 0) {\r\n            res.data.push({\r\n              id: \"\",\r\n              incomingConditionItemList: [],\r\n              type: \"endEvent\",\r\n              name: \"结束事件\",\r\n            });\r\n          }\r\n        }\r\n        return res.data;\r\n      }\r\n      return [];\r\n    },\r\n    getColor(status) {\r\n      if (status == \"审核中\" || status == \"审批中\") return \"#6DC743\";\r\n      if (status == \"已驳回\") return \"#F14B4C\";\r\n      if (status == \"已撤销\") return \"#CECECE\";\r\n      if (status == \"已完成\") return \"#6DC743\";\r\n\r\n      return \"#1389FF\";\r\n    },\r\n    handleClick(e) {\r\n      this.$emit(\"clickTab\",JSON.parse(JSON.stringify(e.$vnode.data.attrs.item)));\r\n    },\r\n    getTaskNode() {\r\n      if (this.taskNode.filter)\r\n        return this.taskNode.filter((o) => {\r\n          return o.nodeId == this.taskObj.id;\r\n        });\r\n      return [];\r\n    },\r\n    handleRevoke() {\r\n      ElMessageBox.confirm(`确定撤销吗`, \"撤销\", {\r\n        confirmButtonText: \"确定\",\r\n        cancelButtonText: \"取消\",\r\n        type: \"warning\",\r\n      })\r\n        .then(() => {\r\n          api.tis\r\n            .withdrawTask(this.processData.process.processInstanceId)\r\n            .then((res) => {\r\n              if (res.code == $enum.apiCode.success) {\r\n                ElMessage.success(\"操作成功\");\r\n                this.$emit(\"Complete\");\r\n              }\r\n              // else {\r\n              //     ElMessage.warning(res.msg);\r\n              // }\r\n            });\r\n        })\r\n        .catch(() => {\r\n          ElMessage.info(\"取消操作\");\r\n        });\r\n    },\r\n    handleReminders() {\r\n      console.log(ElMessageBox);\r\n      ElMessageBox.confirm(`确定催办吗`, \"催办\", {\r\n        confirmButtonText: \"确定\",\r\n        cancelButtonText: \"取消\",\r\n        type: \"warning\",\r\n      })\r\n        .then(() => {\r\n          api.tis.reminders(this.processData.process.processInstanceId).then((res) => {\r\n            if (res.code == $enum.apiCode.success) {\r\n              ElMessage.success(\"操作成功\");\r\n              this.$emit(\"Complete\");\r\n            }\r\n            // else {\r\n            //     ElMessage.warning(res.msg);\r\n            // }\r\n          });\r\n        })\r\n        .catch((e) => {\r\n          ElMessage.info(\"取消操作\");\r\n        });\r\n    },\r\n    getButton(key) {\r\n      return (this.processData.button || []).find(b => b.buttonKey == key);\r\n    },\r\n    operBtn() {\r\n      let btnList = [];\r\n\r\n      const process = this.processData.process;\r\n\r\n      if (!process) {\r\n        return btnList\r\n      }\r\n\r\n      // 加签\r\n      if (process.status == 'todo' && process.isMultiInstance && this.getButton('wf_add_instance')) {\r\n        let obj = {};\r\n        obj.name = this.getButton('wf_add_instance').name\r\n        obj.btnProps = { type: \"primary\" };\r\n        obj.key = \"sign\";\r\n        obj.click = () => {\r\n          this.handleUserSelect({\r\n            type: 'addInstance',\r\n              checkType: 'checkbox',\r\n              name: this.getButton('wf_add_instance').name,\r\n          })\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // if (flag && !this.isView && this.taskObj.counterSignLabel) {\r\n      //   let obj = {};\r\n      //   obj.name = this.taskObj.counterSignLabel;\r\n      //   obj.btnProps = { type: \"primary\" };\r\n      //   obj.key = \"sign\";\r\n      //   obj.click = () => {\r\n      //     this.showOperation(operation.counterSign, obj.name);\r\n      //   };\r\n      //   btnList.push(obj);\r\n      // }\r\n\r\n      // 转办\r\n      if (process.status == 'todo' && this.getButton('wf_transfer')) {\r\n        let obj = {};\r\n        obj.name = this.getButton('wf_transfer').name\r\n        obj.key = \"delegate\";\r\n        obj.click = () => {\r\n          this.handleUserSelect({\r\n            type: 'transfer',\r\n            checkType: 'radio',\r\n            name: this.getButton('wf_transfer').name,\r\n          })\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // if (flag && !this.isView && this.taskObj.delegateTaskButtonLabel) {\r\n      //   let obj = {};\r\n      //   obj.name = this.taskObj.delegateTaskButtonLabel;\r\n      //   obj.key = \"delegate\";\r\n      //   obj.click = () => {\r\n      //     this.showOperation(operation.delegateTask, obj.name);\r\n      //   };\r\n      //   btnList.push(obj);\r\n      // }\r\n\r\n      // 委托\r\n      if (process.status == 'todo' && this.getButton('wf_delegate')) {\r\n        let obj = {};\r\n        obj.name = this.getButton('wf_delegate').name\r\n        obj.btnProps = { type: \"warning\" };\r\n        obj.key = \"cc2\";\r\n        obj.click = () => {\r\n          this.handleUserSelect({\r\n            type: 'delegate',\r\n            checkType: 'radio',\r\n            name: this.getButton('wf_delegate').name\r\n          })\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n\r\n      // 终止\r\n      if (process.status == 'todo' && this.getButton('wf_terminate')) {\r\n        let obj = {};\r\n        obj.name = this.getButton('wf_terminate').name\r\n        obj.btnProps = { type: \"danger\" };\r\n        obj.key = \"cc3\";\r\n        obj.click = () => {\r\n          this.handleTerminateProcess()\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n\r\n      // 传阅\r\n      if (process.status == 'todo' && this.getButton('wf_cctask')) {\r\n        let obj = {};\r\n        obj.name = this.getButton('wf_cctask').name\r\n        obj.btnProps = { type: \"primary\" };\r\n        obj.key = \"cc\";\r\n        obj.click = () => {\r\n          this.handleCirculate(this.getButton('wf_cctask').name)\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // if (flag && !this.isView && this.taskObj.ccTaskButtonLabel) {\r\n      //   let obj = {};\r\n      //   obj.name = this.taskObj.ccTaskButtonLabel;\r\n      //   obj.btnProps = { type: \"primary\" };\r\n      //   obj.key = \"cc\";\r\n      //   obj.click = () => {\r\n      //     this.showOperation(operation.ccTask, obj.name);\r\n      //   };\r\n      //   btnList.push(obj);\r\n      // }\r\n      \r\n      // 催办\r\n      if (process.status == 'todo' && this.userId == (process.variables || {}).applyUserId) {\r\n        let obj = {};\r\n        obj.name = \"催办\";\r\n        // obj.btnProps = { color: \"#1389ff\" };\r\n        obj.key = \"self\";\r\n        obj.click = () => {\r\n          this.handleReminders();\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // if (\r\n      //   this.processId &&\r\n      //   this.processStatus.createTopUserId == this.userId &&\r\n      //   ((this.taskNode.length > 0 &&\r\n      //     this.aftTaskNode.taskState != $enum.TaskState.抄送) ||\r\n      //     this.processStatus.status == \"审批中\")\r\n      // ) {\r\n      //   let obj = {};\r\n      //   obj.name = \"催办\";\r\n      //   // obj.btnProps = { color: \"#1389ff\" };\r\n      //   obj.key = \"self\";\r\n      //   obj.click = () => {\r\n      //     this.handleReminders();\r\n      //   };\r\n      //   btnList.push(obj);\r\n      // }\r\n\r\n      // 撤销\r\n      if (\r\n        process.isOwner &&\r\n        process.isReturnable &&\r\n        !['recall', 'reject'].includes(process.processIsFinished)\r\n      ) {\r\n        let obj = {};\r\n        obj.name = \"撤销\";\r\n        obj.btnProps = { type: \"danger\" };\r\n        obj.key = \"self\";\r\n        obj.click = () => {\r\n          this.handleWithdrawTask('撤销');\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n\r\n      // if (\r\n      //   this.processId &&\r\n      //   this.processStatus.createTopUserId == this.userId &&\r\n      //   ((this.taskNode.length > 0 &&\r\n      //     this.aftTaskNode.taskState != $enum.TaskState.抄送) ||\r\n      //     this.processStatus.status == \"审批中\")\r\n      // ) {\r\n      //   let obj = {};\r\n      //   obj.name = \"撤销\";\r\n      //   obj.btnProps = { type: \"danger\" };\r\n      //   obj.key = \"self\";\r\n      //   obj.click = () => {\r\n      //     this.handleRevoke();\r\n      //   };\r\n      //   btnList.push(obj);\r\n      // }\r\n\r\n      // 拒绝\r\n      if (\r\n        process.status == 'todo' &&\r\n        this.getButton('wf_reject')\r\n      ) {\r\n        let obj = {};\r\n        obj.name = this.getButton('wf_reject').name\r\n        obj.btnProps = { type: \"danger\" };\r\n        obj.key = \"refuse\";\r\n        obj.click = () => {\r\n          this.handleExamine(false, this.getButton('wf_reject').name)\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // if (flag && !this.isView && this.processStatus.currUserName) {\r\n      //   let obj = {};\r\n      //   obj.name = \"拒绝\";\r\n      //   obj.btnProps = { type: \"danger\" };\r\n      //   obj.key = \"refuse\";\r\n      //   obj.click = () => {\r\n      //     this.showOperation(operation.cancel, obj.name);\r\n      //   };\r\n      //   btnList.push(obj);\r\n      // }\r\n\r\n      // 办理\r\n      if (process.status == 'todo' && this.getButton('wf_pass')) {\r\n        let obj = {};\r\n        obj.name = this.getButton('wf_pass').name\r\n        obj.btnProps = { type: \"primary\" };\r\n        obj.key = \"complete\";\r\n        obj.click = () => {\r\n          if (this.before) {\r\n            this.before().then(() => {\r\n              this.handleExamine(true, this.getButton('wf_pass').name)\r\n            });\r\n          } else {\r\n            this.handleExamine(true, this.getButton('wf_pass').name)\r\n          }\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // if (flag && !this.isView && this.taskObj.completeButtonLabel) {\r\n      //   let obj = {};\r\n      //   obj.name = this.taskObj.completeButtonLabel;\r\n      //   obj.btnProps = { type: \"primary\" };\r\n      //   obj.key = \"complete\";\r\n      //   obj.click = () => {\r\n      //     if (this.before) {\r\n      //       this.before().then(() => {\r\n      //         this.showOperation(operation.complete, obj.name);\r\n      //       });\r\n      //     } else {\r\n      //       this.showOperation(operation.complete, obj.name);\r\n      //     }\r\n      //   };\r\n      //   btnList.push(obj);\r\n      // }\r\n\r\n      // 退回\r\n      if (\r\n        process.status == 'todo' &&\r\n        this.getButton('wf_rollback')\r\n      ) {\r\n        let obj = {};\r\n        obj.name = this.getButton('wf_rollback').name\r\n        obj.btnProps = { type: \"danger\" };\r\n        obj.key = \"back\";\r\n        obj.click = () => {\r\n          this.handleRollbackTask(this.getButton('wf_rollback').name)\r\n        };\r\n        // 退回可能还有种情况，就是自定义this.clickCustomButton(obj.name);\r\n\r\n        btnList.unshift(obj);\r\n      }\r\n      // if (\r\n      //   flag &&\r\n      //   !this.isView &&\r\n      //   this.taskObj &&\r\n      //   this.taskObj.buttons.length > 0\r\n      // ) {\r\n      //   this.taskObj.buttons.map((item) => {\r\n      //     let obj = {};\r\n      //     obj.name = item.label;\r\n      //     if (item.label == \"退回\") {\r\n      //       obj.btnProps = { type: \"danger\" };\r\n      //       obj.key = \"back\";\r\n      //       obj.click = () => {\r\n      //         this.showOperation(operation.roolback, obj.name);\r\n      //       };\r\n      //     } else {\r\n      //       obj.btnProps = {};\r\n      //       obj.key = item.label;\r\n      //       obj.click = () => {\r\n      //         this.clickCustomButton(obj.name);\r\n      //       };\r\n      //     }\r\n\r\n      //     btnList.unshift(obj);\r\n      //   });\r\n      // }\r\n\r\n      return btnList;\r\n    },\r\n    straightenBtns(flag = true) {\r\n      let list = [];\r\n\r\n      if (this.excludeBtn) {\r\n        this.operBtn().map((item) => {\r\n          if (this.excludeBtn.indexOf(item.key) == -1 || !item.key) {\r\n            list.push(item);\r\n          }\r\n        });\r\n      } else {\r\n        list = this.operBtn();\r\n      }\r\n      if (this.customBtns.length > 0) {\r\n        list = [];\r\n        this.customBtns.map((item) => {\r\n          if (this.excludeBtn.indexOf(item.key) == -1 || !item.key) {\r\n            list.push(item);\r\n          }\r\n        });\r\n      }\r\n\r\n      let r = {\r\n        outside: [],\r\n        inside: [],\r\n      };\r\n      if (list.length > 4) {\r\n        r.outside = list.splice(list.length - 4, list.length - 1);\r\n        r.inside = list;\r\n      } else {\r\n        r.outside = list;\r\n      }\r\n\r\n      if (flag && this.customBtn) {\r\n        this.customBtn(\r\n          { btnList: this.operBtn(), processStatus: this.processStatus },\r\n          (e) => {\r\n            this.customBtns = e;\r\n            this.straightenBtns(false);\r\n          },\r\n          () => {\r\n            this.$emit(\"Complete\");\r\n          }\r\n        );\r\n        console.log(\"=======333\");\r\n      } else {\r\n        this.absoluteBtns = r;\r\n        this.$nextTick(() => {\r\n          this.calculateHeight();\r\n          this.footBtnLoading = false;\r\n          this.boxLoading = false;\r\n        });\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    dynamicStyle() {\r\n  \t\t\treturn { '--dynamic-ctx-height': this.dynamicMaxHeight }\r\n\t\t\t},\r\n    attachShow() {\r\n      const extendedProperties = (this.processData.form || {}).extendedProperties || []\r\n\r\n      let sign = false;\r\n      let fd;\r\n      let annex = \"\";\r\n      console.error(this.operationLabel, 'operationLabel')\r\n      switch (this.operationLabel) {\r\n        case \"退回\":\r\n          // annex = this.operationParam.taskObj.otherButtonAnnexList;\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'otherButtonAnnexList'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          if (annex) sign = true;\r\n          break;\r\n        case \"通过\":\r\n        case \"办理\":\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'completeButtonAnnex'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          if (annex) sign = true;\r\n          break;\r\n        case \"处理\":\r\n          // annex = this.operationParam.taskObj.completeButtonAnnex;\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'completeButtonAnnex'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          if (annex) sign = true;\r\n          break;\r\n        case \"同意\":\r\n          // annex = this.operationParam.taskObj.completeButtonAnnex;\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'completeButtonAnnex'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          if (annex) sign = true;\r\n          break;\r\n        case \"拒绝\":\r\n          // annex = this.operationParam.taskObj.otherButtonAnnexList;\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'otherButtonAnnexList'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          break;\r\n        case \"加签\":\r\n          // annex = this.operationParam.taskObj.counterSignButtonAnnex;\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'counterSignButtonAnnex'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          if (annex) sign = true;\r\n          break;\r\n        case \"转办\":\r\n          // annex = this.operationParam.taskObj.delegateTaskButtonAnnex;\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'delegateTaskButtonAnnex'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          if (annex) sign = true;\r\n          break;\r\n      }\r\n      // 校验自定义按钮\r\n      let temp = \"\";\r\n      if (typeof annex != \"string\" && annex != null) {\r\n        annex.map((item) => {\r\n          if (item.indexOf(this.operationLabel) != -1) {\r\n            sign = true;\r\n            temp = item;\r\n          }\r\n        });\r\n      }\r\n      if (temp) annex = temp;\r\n\r\n      // 解析数据\r\n      if (sign) {\r\n        const annexArr = annex.split(\":\");\r\n        this.attachRule.required = annexArr[1] == \"true\" ? true : false;\r\n        this.attachRule.limit =\r\n          annexArr[2] == -1 ? 999 : annexArr[2];\r\n      }\r\n      return sign;\r\n    },\r\n  },\r\n};\r\n</script>\r\n<!-- <style >\r\n.demo-tabs {\r\n  position: relative;\r\n  .el-tabs__header {\r\n    position: sticky;\r\n    top: 0;\r\n    background-color: #fff;\r\n    z-index: 1997;\r\n  }\r\n}\r\n</style> -->\r\n\r\n<style scoped lang=\"scss\">\r\n.operation-box {\r\n  max-height: var(--dynamic-ctx-height);\r\n  overflow: auto;\r\n  padding-right: 20px;\r\n}\r\n.el-dropdown-menu__item {\r\n  min-width: 140px;\r\n  border-bottom: 1px solid #e8e8e8;\r\n  .el-button--text {\r\n    color: #333 !important;\r\n  }\r\n  &:hover {\r\n    .el-button--text {\r\n      color: #1389ff !important;\r\n    }\r\n  }\r\n  &:last-child {\r\n    border: none !important;\r\n  }\r\n}\r\n.el-dropdown-menu {\r\n  padding-bottom: 30px;\r\n}\r\n.mianContent {\r\n  & > .tabs {\r\n    & > .demo-tabs {\r\n      & > ::v-deep .el-tabs__header {\r\n        position: sticky;\r\n        top: -20px;\r\n        background-color: #fff;\r\n        z-index: 1997;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.top-tabs {\r\n  position: fixed;\r\n  top: 62px;\r\n  background-color: #fff;\r\n  right: 0px;\r\n  z-index: 1997;\r\n}\r\n.mianContent {\r\n  height: 100%;\r\n  overflow: hidden;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  // margin-top: 20px;\r\n  // padding-top: 20px;\r\n  // width: 100%;\r\n  /* // margin-bottom: 10px; */\r\n  // overflow: hidden;\r\n  .demo-tabs {\r\n    flex: 1;\r\n    height: 0;\r\n    // height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    ::v-deep .el-tabs__content {\r\n      flex: 1;\r\n      height: 0;\r\n      &::-webkit-scrollbar {\r\n        width: 0;\r\n      }\r\n    }\r\n    ::v-deep .el-tab-pane {\r\n      height: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      overflow-y: auto;\r\n      &.pane-流程图 {\r\n        .bpmn-look {\r\n          height: 0;\r\n          flex: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.mianContent .rowtitle {\r\n  /* margin-top: 24px; */\r\n  margin-bottom: 16px;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n\r\n  border-left: 4px solid #1389ff;\r\n  padding-left: 9px;\r\n}\r\n\r\n.mianContent .topCard {\r\n  overflow: hidden;\r\n  /* // border: 1px solid #DADBDE; */\r\n}\r\n\r\n.mianContent .topCard .topRow {\r\n  display: flex;\r\n  /* // line-height: 46px; */\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 32px;\r\n}\r\n\r\n.mianContent .topCard .topRow div:first-child {\r\n  color: #333333;\r\n}\r\n\r\n.mianContent .topCard .topRow div:last-child {\r\n  color: #777777;\r\n  padding-left: 10px;\r\n}\r\n\r\n.mianContent .topCard .topRow div.process-mliv-dd {\r\n  /* // height: 26px; */\r\n  min-width: 30px;\r\n  padding: 0px 16px;\r\n  border-radius: 4px;\r\n  background: #1389ff;\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 12px;\r\n  margin-left: 10px;\r\n}\r\n\r\n.mianContent .tabs {\r\n  /* // margin-bottom: 60px; */\r\n  height: 0;\r\n  flex: 1;\r\n  overflow: visible !important;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.mianContent .tabs :deep(.is-active) {\r\n  font-size: 16px;\r\n}\r\n\r\n// .mianContent .tabs :deep(.el-tabs__content) {\r\n//   height: calc(100% - 55px);\r\n//   /* 修改BUGID：1003401  */\r\n//   overflow: auto;\r\n// }\r\n.mianContent .tabs :deep(.el-tabs__header) {\r\n  position: sticky;\r\n  top: 0;\r\n  background-color: #fff;\r\n  z-index: 1997;\r\n}\r\n\r\n// .mianContent .tabs :deep(.el-tabs__content)::-webkit-scrollbar {\r\n//   width: 0;\r\n// }\r\n\r\n.mianContent .topBtnRow {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  height: 100%;\r\n}\r\n\r\n.mianContent .footBtnRow {\r\n  // display: flex;\r\n  // justify-content: center;\r\n  // align-items: center;\r\n  // box-sizing: border-box;\r\n  // // height: 100%;\r\n  // position: fixed;\r\n  // bottom: 0;\r\n  // right: 20px;\r\n  // height: 50px;\r\n  // border-top: 1px solid #dadbde;\r\n  // margin-top: 10px;\r\n  // background-color: #fff;\r\n  z-index: 1001;\r\n\r\n  width: 100%;\r\n  padding: 12px 0;\r\n  background-color: #fff;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  -webkit-transition: 0.3s;\r\n  transition: 0.3s;\r\n  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n  .el-button {\r\n    min-width: 74px;\r\n    height: 36px;\r\n    border-radius: 6px;\r\n  }\r\n}\r\n\r\n// .mianContent .footBtnRow {\r\n//   display: flex;\r\n//   justify-content: center;\r\n//   align-items: center;\r\n//   box-sizing: border-box;\r\n//   // height: 100%;\r\n//   position: fixed;\r\n//   bottom: 0;\r\n//   right: 20px;\r\n//   height: 50px;\r\n//   border-top: 1px solid #dadbde;\r\n//   margin-top: 10px;\r\n//   background-color: #fff;\r\n//   z-index: 1001;\r\n//   .el-button {\r\n//     min-width: 74px;\r\n//     height: 36px;\r\n//     border-radius: 6px;\r\n//   }\r\n// }\r\n\r\n.formInput {\r\n  width: 90%;\r\n}\r\n\r\n.dialog :deep(.el-dialog__header) {\r\n  padding: 18px 24px;\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n}\r\n\r\n.dialog ::v-deep.el-dialog__body {\r\n  border-top: 1px solid #dadbde;\r\n  border-bottom: 1px solid #dadbde;\r\n  overflow: visible;\r\n  padding-right: 10px;\r\n}\r\n\r\n.dialog :deep(.el-dialog__footer) {\r\n  padding: 12px;\r\n  text-align: center;\r\n}\r\n.dialog {\r\n  .el-dialog__header {\r\n    padding: 18px 24px;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.dialog :deep(.el-dialog__body) {\r\n  border-top: 1px solid #dadbde;\r\n  border-bottom: 1px solid #dadbde;\r\n  overflow: visible;\r\n}\r\n\r\n.dialog {\r\n  .el-dialog__body {\r\n    padding: 45px 30px;\r\n  }\r\n  .el-dialog__footer {\r\n    padding: 12px !important;\r\n    text-align: center;\r\n  }\r\n  .el-dialog__headerbtn {\r\n    top: 10px;\r\n    right: 16px;\r\n  }\r\n}\r\n.view-file {\r\n  color: #1389ff;\r\n  cursor: pointer;\r\n}\r\n.view-node-info {\r\n  cursor: pointer;\r\n  color: #1389ff;\r\n  margin-left: 34px;\r\n  font-size: 16px;\r\n}\r\n.iconsR {\r\n  cursor: pointer;\r\n  transform: rotate(90deg);\r\n}\r\n::v-deep .task .el-radio-group {\r\n  .el-radio--small.is-bordered {\r\n    margin: 0 20px;\r\n  }\r\n  .el-radio.is-bordered + .el-radio.is-bordered {\r\n    margin: 5px 20px;\r\n  }\r\n}\r\n.sign-img {\r\n  width: 60px;\r\n  height: 60px;\r\n}\r\n</style>\r\n"]}, media: undefined });
+    inject("data-v-6c0aa992_0", { source: "@charset \"UTF-8\";\n.operation-box[data-v-6c0aa992] {\n  max-height: var(--dynamic-ctx-height);\n  overflow: auto;\n  padding-right: 20px;\n}\n.el-dropdown-menu__item[data-v-6c0aa992] {\n  min-width: 140px;\n  border-bottom: 1px solid #e8e8e8;\n}\n.el-dropdown-menu__item .el-button--text[data-v-6c0aa992] {\n  color: #333 !important;\n}\n.el-dropdown-menu__item:hover .el-button--text[data-v-6c0aa992] {\n  color: #1389ff !important;\n}\n.el-dropdown-menu__item[data-v-6c0aa992]:last-child {\n  border: none !important;\n}\n.el-dropdown-menu[data-v-6c0aa992] {\n  padding-bottom: 30px;\n}\n.mianContent > .tabs > .demo-tabs[data-v-6c0aa992] >  .el-tabs__header {\n  position: sticky;\n  top: -20px;\n  background-color: #fff;\n  z-index: 1997;\n}\n.top-tabs[data-v-6c0aa992] {\n  position: fixed;\n  top: 62px;\n  background-color: #fff;\n  right: 0px;\n  z-index: 1997;\n}\n.mianContent[data-v-6c0aa992] {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  /* // margin-bottom: 10px; */\n}\n.mianContent .demo-tabs[data-v-6c0aa992] {\n  flex: 1;\n  height: 0;\n  display: flex;\n  flex-direction: column;\n}\n.mianContent .demo-tabs[data-v-6c0aa992]  .el-tabs__content {\n  flex: 1;\n  height: 0;\n}\n.mianContent .demo-tabs[data-v-6c0aa992]  .el-tabs__content::-webkit-scrollbar {\n  width: 0;\n}\n.mianContent .demo-tabs[data-v-6c0aa992]  .el-tab-pane {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n}\n.mianContent .demo-tabs[data-v-6c0aa992]  .el-tab-pane.pane-流程图 .bpmn-look {\n  height: 0;\n  flex: 1;\n}\n.mianContent .rowtitle[data-v-6c0aa992] {\n  /* margin-top: 24px; */\n  margin-bottom: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  border-left: 4px solid #1389ff;\n  padding-left: 9px;\n}\n.mianContent .topCard[data-v-6c0aa992] {\n  overflow: hidden;\n  /* // border: 1px solid #DADBDE; */\n}\n.mianContent .topCard .topRow[data-v-6c0aa992] {\n  display: flex;\n  /* // line-height: 46px; */\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 32px;\n}\n.mianContent .topCard .topRow div[data-v-6c0aa992]:first-child {\n  color: #333333;\n}\n.mianContent .topCard .topRow div[data-v-6c0aa992]:last-child {\n  color: #777777;\n  padding-left: 10px;\n}\n.mianContent .topCard .topRow div.process-mliv-dd[data-v-6c0aa992] {\n  /* // height: 26px; */\n  min-width: 30px;\n  padding: 0px 16px;\n  border-radius: 4px;\n  background: #1389ff;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  margin-left: 10px;\n}\n.mianContent .tabs[data-v-6c0aa992] {\n  /* // margin-bottom: 60px; */\n  height: 0;\n  flex: 1;\n  overflow: visible !important;\n  display: flex;\n  flex-direction: column;\n}\n.mianContent .tabs[data-v-6c0aa992] :deep(.is-active) {\n  font-size: 16px;\n}\n.mianContent .tabs[data-v-6c0aa992] :deep(.el-tabs__header) {\n  position: sticky;\n  top: 0;\n  background-color: #fff;\n  z-index: 1997;\n}\n.mianContent .topBtnRow[data-v-6c0aa992] {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  height: 100%;\n}\n.mianContent .footBtnRow[data-v-6c0aa992] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  position: fixed;\n  bottom: 0;\n  right: 20px;\n  height: 50px;\n  border-top: 1px solid #dadbde;\n  margin-top: 10px;\n  background-color: #fff;\n  z-index: 1001;\n}\n.mianContent .footBtnRow .el-button[data-v-6c0aa992] {\n  min-width: 74px;\n  height: 36px;\n  border-radius: 6px;\n}\n.formInput[data-v-6c0aa992] {\n  width: 90%;\n}\n.dialog[data-v-6c0aa992] :deep(.el-dialog__header) {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n}\n.dialog[data-v-6c0aa992] .el-dialog__body {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n  padding-right: 10px;\n}\n.dialog[data-v-6c0aa992] :deep(.el-dialog__footer) {\n  padding: 12px;\n  text-align: center;\n}\n.dialog .el-dialog__header[data-v-6c0aa992] {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.dialog[data-v-6c0aa992] :deep(.el-dialog__body) {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n}\n.dialog .el-dialog__body[data-v-6c0aa992] {\n  padding: 45px 30px;\n}\n.dialog .el-dialog__footer[data-v-6c0aa992] {\n  padding: 12px !important;\n  text-align: center;\n}\n.dialog .el-dialog__headerbtn[data-v-6c0aa992] {\n  top: 10px;\n  right: 16px;\n}\n.view-file[data-v-6c0aa992] {\n  color: #1389ff;\n  cursor: pointer;\n}\n.view-node-info[data-v-6c0aa992] {\n  cursor: pointer;\n  color: #1389ff;\n  margin-left: 34px;\n  font-size: 16px;\n}\n.iconsR[data-v-6c0aa992] {\n  cursor: pointer;\n  transform: rotate(90deg);\n}\n[data-v-6c0aa992] .task .el-radio-group .el-radio--small.is-bordered {\n  margin: 0 20px;\n}\n[data-v-6c0aa992] .task .el-radio-group .el-radio.is-bordered + .el-radio.is-bordered {\n  margin: 5px 20px;\n}\n.sign-img[data-v-6c0aa992] {\n  width: 60px;\n  height: 60px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue","C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\index.vue"],"names":[],"mappings":"AAAA,gBAAgB;ACw7ChB;EACA,qCAAA;EACA,cAAA;EACA,mBAAA;ADt7CA;ACw7CA;EACA,gBAAA;EACA,gCAAA;ADr7CA;ACs7CA;EACA,sBAAA;ADp7CA;ACu7CA;EACA,yBAAA;ADr7CA;ACw7CA;EACA,uBAAA;ADt7CA;ACy7CA;EACA,oBAAA;ADt7CA;AC27CA;EACA,gBAAA;EACA,UAAA;EACA,sBAAA;EACA,aAAA;ADx7CA;AC87CA;EACA,eAAA;EACA,SAAA;EACA,sBAAA;EACA,UAAA;EACA,aAAA;AD37CA;AC67CA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,aAAA;EACA,sBAAA;EAIA,4BAAA;AD77CA;AC+7CA;EACA,OAAA;EACA,SAAA;EAEA,aAAA;EACA,sBAAA;AD97CA;AC+7CA;EACA,OAAA;EACA,SAAA;AD77CA;AC87CA;EACA,QAAA;AD57CA;AC+7CA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,gBAAA;AD77CA;AC+7CA;EACA,SAAA;EACA,OAAA;AD77CA;ACo8CA;EACA,sBAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;EAEA,8BAAA;EACA,iBAAA;ADl8CA;ACq8CA;EACA,gBAAA;EACA,kCAAA;ADl8CA;ACq8CA;EACA,aAAA;EACA,0BAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;ADl8CA;ACq8CA;EACA,cAAA;ADl8CA;ACq8CA;EACA,cAAA;EACA,kBAAA;ADl8CA;ACq8CA;EACA,qBAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,iBAAA;ADl8CA;ACq8CA;EACA,4BAAA;EACA,SAAA;EACA,OAAA;EACA,4BAAA;EACA,aAAA;EACA,sBAAA;ADl8CA;ACq8CA;EACA,eAAA;ADl8CA;AC08CA;EACA,gBAAA;EACA,MAAA;EACA,sBAAA;EACA,aAAA;ADv8CA;AC88CA;EACA,aAAA;EACA,yBAAA;EACA,mBAAA;EACA,YAAA;AD38CA;AC88CA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,sBAAA;EAEA,eAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,6BAAA;EACA,gBAAA;EACA,sBAAA;EACA,aAAA;AD58CA;AC68CA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;AD38CA;AC+8CA;EACA,UAAA;AD58CA;AC+8CA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;AD58CA;AC+8CA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,mBAAA;AD58CA;AC+8CA;EACA,aAAA;EACA,kBAAA;AD58CA;AC+8CA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;AD58CA;ACg9CA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;AD78CA;ACi9CA;EACA,kBAAA;AD98CA;ACg9CA;EACA,wBAAA;EACA,kBAAA;AD98CA;ACg9CA;EACA,SAAA;EACA,WAAA;AD98CA;ACi9CA;EACA,cAAA;EACA,eAAA;AD98CA;ACg9CA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AD78CA;AC+8CA;EACA,eAAA;EACA,wBAAA;AD58CA;AC+8CA;EACA,cAAA;AD58CA;AC88CA;EACA,gBAAA;AD58CA;AC+8CA;EACA,WAAA;EACA,YAAA;AD58CA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["@charset \"UTF-8\";\n.operation-box {\n  max-height: var(--dynamic-ctx-height);\n  overflow: auto;\n  padding-right: 20px;\n}\n\n.el-dropdown-menu__item {\n  min-width: 140px;\n  border-bottom: 1px solid #e8e8e8;\n}\n.el-dropdown-menu__item .el-button--text {\n  color: #333 !important;\n}\n.el-dropdown-menu__item:hover .el-button--text {\n  color: #1389ff !important;\n}\n.el-dropdown-menu__item:last-child {\n  border: none !important;\n}\n\n.el-dropdown-menu {\n  padding-bottom: 30px;\n}\n\n.mianContent > .tabs > .demo-tabs > ::v-deep .el-tabs__header {\n  position: sticky;\n  top: -20px;\n  background-color: #fff;\n  z-index: 1997;\n}\n\n.top-tabs {\n  position: fixed;\n  top: 62px;\n  background-color: #fff;\n  right: 0px;\n  z-index: 1997;\n}\n\n.mianContent {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  /* // margin-bottom: 10px; */\n}\n.mianContent .demo-tabs {\n  flex: 1;\n  height: 0;\n  display: flex;\n  flex-direction: column;\n}\n.mianContent .demo-tabs ::v-deep .el-tabs__content {\n  flex: 1;\n  height: 0;\n}\n.mianContent .demo-tabs ::v-deep .el-tabs__content::-webkit-scrollbar {\n  width: 0;\n}\n.mianContent .demo-tabs ::v-deep .el-tab-pane {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n}\n.mianContent .demo-tabs ::v-deep .el-tab-pane.pane-流程图 .bpmn-look {\n  height: 0;\n  flex: 1;\n}\n\n.mianContent .rowtitle {\n  /* margin-top: 24px; */\n  margin-bottom: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  border-left: 4px solid #1389ff;\n  padding-left: 9px;\n}\n\n.mianContent .topCard {\n  overflow: hidden;\n  /* // border: 1px solid #DADBDE; */\n}\n\n.mianContent .topCard .topRow {\n  display: flex;\n  /* // line-height: 46px; */\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 32px;\n}\n\n.mianContent .topCard .topRow div:first-child {\n  color: #333333;\n}\n\n.mianContent .topCard .topRow div:last-child {\n  color: #777777;\n  padding-left: 10px;\n}\n\n.mianContent .topCard .topRow div.process-mliv-dd {\n  /* // height: 26px; */\n  min-width: 30px;\n  padding: 0px 16px;\n  border-radius: 4px;\n  background: #1389ff;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  margin-left: 10px;\n}\n\n.mianContent .tabs {\n  /* // margin-bottom: 60px; */\n  height: 0;\n  flex: 1;\n  overflow: visible !important;\n  display: flex;\n  flex-direction: column;\n}\n\n.mianContent .tabs :deep(.is-active) {\n  font-size: 16px;\n}\n\n.mianContent .tabs :deep(.el-tabs__header) {\n  position: sticky;\n  top: 0;\n  background-color: #fff;\n  z-index: 1997;\n}\n\n.mianContent .topBtnRow {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  height: 100%;\n}\n\n.mianContent .footBtnRow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  position: fixed;\n  bottom: 0;\n  right: 20px;\n  height: 50px;\n  border-top: 1px solid #dadbde;\n  margin-top: 10px;\n  background-color: #fff;\n  z-index: 1001;\n}\n.mianContent .footBtnRow .el-button {\n  min-width: 74px;\n  height: 36px;\n  border-radius: 6px;\n}\n\n.formInput {\n  width: 90%;\n}\n\n.dialog :deep(.el-dialog__header) {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n}\n\n.dialog ::v-deep.el-dialog__body {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n  padding-right: 10px;\n}\n\n.dialog :deep(.el-dialog__footer) {\n  padding: 12px;\n  text-align: center;\n}\n\n.dialog .el-dialog__header {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n\n.dialog :deep(.el-dialog__body) {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n}\n\n.dialog .el-dialog__body {\n  padding: 45px 30px;\n}\n.dialog .el-dialog__footer {\n  padding: 12px !important;\n  text-align: center;\n}\n.dialog .el-dialog__headerbtn {\n  top: 10px;\n  right: 16px;\n}\n\n.view-file {\n  color: #1389ff;\n  cursor: pointer;\n}\n\n.view-node-info {\n  cursor: pointer;\n  color: #1389ff;\n  margin-left: 34px;\n  font-size: 16px;\n}\n\n.iconsR {\n  cursor: pointer;\n  transform: rotate(90deg);\n}\n\n::v-deep .task .el-radio-group .el-radio--small.is-bordered {\n  margin: 0 20px;\n}\n::v-deep .task .el-radio-group .el-radio.is-bordered + .el-radio.is-bordered {\n  margin: 5px 20px;\n}\n\n.sign-img {\n  width: 60px;\n  height: 60px;\n}\n\n/*# sourceMappingURL=index.vue.map */","<template>\r\n  <div\r\n    class=\"mianContent\"\r\n    v-loading=\"boxLoading && !isButton\"\r\n    ref=\"mianContent\"\r\n    :style=\"{\r\n      // height:\r\n      //   activeName == '流程图'\r\n      //     ? '100%'\r\n      //     : $refs['footBtnRow']\r\n      //     ? `calc(100% - 50px)`\r\n      //     : ' 100%',\r\n      // overflow: activeName == '流程图' ? 'hidden !important' : 'auto',\r\n    }\"\r\n  >\r\n    <template v-if=\"!isButton\">\r\n      <div class=\"tabs\" ref=\"baseTabs\">\r\n        <el-tabs\r\n          v-model=\"activeName\"\r\n          class=\"demo-tabs\"\r\n          @tab-click=\"handleClick\"\r\n        >\r\n          <el-tab-pane\r\n            :label=\"item.name\"\r\n            :name=\"item.slot || item.name\"\r\n            v-for=\"(item, index) in tabs\"\r\n            :key=\"index\"\r\n            :item=\"item\"\r\n            :class=\"['pane-' + item.name]\"\r\n          >\r\n            <template v-if=\"item.name == '基本信息' && !item.slot\">\r\n              <div :style=\"`min-height: ${tabheight}px;`\">\r\n                <slot name=\"default\" :taskNode=\"getTaskNode()\"></slot>\r\n              </div>\r\n            </template>\r\n            <template v-else-if=\"item.name == '流程图' && !item.slot\">\r\n              <div class=\"view-node-info\" @click=\"getNodeList\">\r\n                查看流程节点信息\r\n              </div>\r\n              <iframe\r\n                v-if=\"trackUrl\"\r\n                :src=\"trackUrl\"\r\n                style=\"width: 100%; height: 100%; border: none\"\r\n                :style=\"{ height: `${iframeHeight}px` }\"\r\n                scrolling=\"no\"\r\n                frameborder=\"0\"\r\n                :key=\"processId\"\r\n              ></iframe>\r\n              <!-- 展示条件需要同时满足v-if -->\r\n              <bpmnLook v-if=\"activeName == '流程图' && processData.process && processData.process.xml\" :approvalData=\"processData.flow\" :diagram=\"processData.process.xml\"></bpmnLook>\r\n              <div\r\n                v-else\r\n                style=\"\r\n                  display: flex;\r\n                  align-items: center;\r\n                  justify-content: center;\r\n                \"\r\n              >\r\n                暂无流程图\r\n              </div>\r\n            </template>\r\n            <template v-else-if=\"item.name == '审批记录' && !item.slot\">\r\n              <processFlow v-if=\"activeName == '审批记录' && processData.flow\"  :flow-list=\"formatFlow(processData.flow)\"></processFlow>\r\n              <div\r\n                v-else\r\n                style=\"\r\n                  height: 100px;\r\n                  display: flex;\r\n                  align-items: center;\r\n                  justify-content: center;\r\n                \"\r\n              >\r\n                暂无数据\r\n              </div>\r\n            </template>\r\n            <template v-else>\r\n              <div :style=\"`min-height: ${tabheight}px;`\">\r\n                <slot\r\n                  v-if=\"item.slot\"\r\n                  :name=\"item.slot\"\r\n                  :taskNode=\"getTaskNode()\"\r\n                ></slot>\r\n                <slot v-else name=\"default\" :taskNode=\"getTaskNode()\"></slot>\r\n              </div>\r\n            </template>\r\n          </el-tab-pane>\r\n          <!-- <el-tab-pane label=\"流程图\" name=\"2\" style=\"height: 100%\">\r\n          </el-tab-pane> -->\r\n          <!-- <el-tab-pane label=\"审批记录\" name=\"3\">\r\n            <el-table\r\n              :data=\"taskCommentList\"\r\n              border\r\n              style=\"width: 100%; margin-bottom: 20px\"\r\n              v-if=\"taskCommentList && taskCommentList.length > 0\"\r\n            >\r\n              <el-table-column type=\"index\" width=\"80\" label=\"序号\" />\r\n              <el-table-column\r\n                prop=\"activityName\"\r\n                label=\"节点名称\"\r\n              ></el-table-column>\r\n              <el-table-column\r\n                prop=\"createUserName\"\r\n                label=\"审批人\"\r\n              ></el-table-column>\r\n              <el-table-column\r\n                prop=\"actionName\"\r\n                label=\"审批操作\"\r\n              ></el-table-column>\r\n              <el-table-column prop=\"msg\" label=\"审批意见\">\r\n                <template #default=\"scope\">\r\n                  <div v-html=\"scope.row.msg\"></div>\r\n                  <el-popover\r\n                    placement=\"bottom-end\"\r\n                    :width=\"500\"\r\n                    trigger=\"click\"\r\n                    v-if=\"scope.row.metaAnnexList.length > 0\"\r\n                  >\r\n                    <template #reference>\r\n                      <div class=\"view-file\">查看附件</div>\r\n                    </template>\r\n                    <ViewFile\r\n                      v-if=\"scope.row.metaAnnexList\"\r\n                      :dataList=\"scope.row.metaAnnexList\"\r\n                    />\r\n                  </el-popover>\r\n                </template>\r\n              </el-table-column>\r\n              <el-table-column\r\n                prop=\"createDate\"\r\n                label=\"审批时间\"\r\n              ></el-table-column>\r\n            </el-table>\r\n            <div\r\n              v-else\r\n              style=\"\r\n                height: 100px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              \"\r\n            >\r\n              暂无数据\r\n            </div>\r\n          </el-tab-pane> -->\r\n        </el-tabs>\r\n      </div>\r\n    </template>\r\n    <!-- 底部按钮  -->\r\n    <processBtns\r\n      :loading=\"submitLoading\"\r\n      :button-list=\"processData.button\"\r\n      :userId=\"userId\"\r\n      :process=\"processData.process\"\r\n      :comment=\"comment\"\r\n      @draft=\"handleDraft({ taskId: process.taskId, variables: form })\"\r\n      @examine=\"handleExamine\"\r\n      @user-select=\"handleUserSelect\"\r\n      @print=\"handlePrint\"\r\n      @rollback=\"handleRollbackTask\"\r\n      @terminate=\"handleTerminateProcess\"\r\n      @withdraw=\"handleWithdrawTask\"\r\n      @reminders=\"handleReminders\"\r\n      @circulate=\"handleCirculate\"\r\n    ></processBtns>\r\n    <div class=\"dialog\">\r\n      <el-dialog\r\n        :visible.sync=\"dialogVisibleOperation\"\r\n        append-to-body\r\n        class=\"dialog\"\r\n        width=\"600px\"\r\n        v-dialogDrag\r\n        :title=\"operationLabel\"\r\n        :close-on-click-modal=\"false\"\r\n        :show-close=\"!isOperLoading\"\r\n        :before-close=\"cancelHandlerFn\"\r\n        top=\"6vh\" :style=\"dynamicStyle\"\r\n      >\r\n        <div class=\"operation-box\" ref=\"obRef\">\r\n          <component\r\n            v-if=\"dialogVisibleOperation\"\r\n            ref=\"operationRef\"\r\n            :is=\"operationCom\"\r\n            :param=\"operationParam\"\r\n            @success=\"operationSuccess\"\r\n            @fail=\"operationFail\"\r\n            :isOperLoading=\"isOperLoading\"\r\n          >\r\n            <template #form>\r\n              <slot :name=\"aftClickBtn.slot\" v-if=\"aftClickBtn.slot\"></slot>\r\n            </template>\r\n            <template #file>\r\n              <el-form\r\n                label-width=\"120px\"\r\n                status-icon\r\n                v-if=\"attachShow\"\r\n                @submit.native.prevent\r\n                :rules=\"rules\"\r\n              >\r\n                <el-form-item\r\n                  label=\"附件\"\r\n                  :prop=\"attachRule.required ? 'attach' : ''\"\r\n                >\r\n                  <jyr-file-upload\r\n                    v-model=\"attach\"\r\n                    :multiple=\"attachRule.limit > 0\"\r\n                    :limit=\"attachRule.limit\"\r\n                    fullFileObject\r\n                    showFileName\r\n                    ref=\"fileUpload\"\r\n                  />\r\n                </el-form-item>\r\n              </el-form>\r\n            </template>\r\n          </component>\r\n        </div>\r\n\r\n        <template #footer>\r\n          <el-button\r\n            v-loading\r\n            type=\"primary\"\r\n            @click=\"onClickOperation\"\r\n            :loading=\"isOperLoading\"\r\n            >确 定</el-button\r\n          >\r\n          <el-button\r\n            v-loading\r\n            @click=\"cancelHandlerFn\"\r\n            :loading=\"isOperLoading\"\r\n            >取 消</el-button\r\n          >\r\n        </template>\r\n      </el-dialog>\r\n      <!-- 选择任务 -->\r\n      <el-dialog\r\n        title=\"选择处理任务\"\r\n        :visible.sync=\"showMulTask\"\r\n        append-to-body\r\n        :close-on-click-modal=\"false\"\r\n        width=\"500px\"\r\n        :show-close=\"false\"\r\n      >\r\n        <el-form ref=\"form\" label-width=\"100px\" class=\"task\">\r\n          <el-form-item label=\"请选择：\" prop=\"content\">\r\n            <el-radio-group v-model=\"mulTaskTaskId\" size=\"small\">\r\n              <el-radio\r\n                v-for=\"item in mulTaskList\"\r\n                :key=\"item.nodeId\"\r\n                :label=\"item.taskId\"\r\n                border\r\n                >{{ item.nodeName }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </el-form-item>\r\n        </el-form>\r\n        <div class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"onCheckSure\">确定</el-button>\r\n        </div>\r\n      </el-dialog>\r\n      <el-dialog\r\n        :visible.sync=\"nodeInfoVisible\"\r\n        append-to-body\r\n        width=\"600px\"\r\n        title=\"流程节点信息\"\r\n        :modal=\"false\"\r\n        :close-on-click-modal=\"false\"\r\n        v-dialogDrag\r\n      >\r\n        <el-table :data=\"filterFlow(processData.flow)\" border>\r\n          <el-table-column\r\n            label=\"序号\"\r\n            type=\"index\"\r\n            width=\"120px\"\r\n          ></el-table-column>\r\n          <el-table-column prop=\"historyActivityName\" label=\"节点名称\"></el-table-column>\r\n          <!-- <el-table-column prop=\"type\" label=\"类型\"></el-table-column> -->\r\n          <el-table-column\r\n            prop=\"assigneeName\"\r\n            label=\"审批人\"\r\n          ></el-table-column>\r\n        </el-table>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { Message as ElMessage, MessageBox as ElMessageBox } from \"element-ui\";\r\nimport treeselect from \"@riophae/vue-treeselect\";\r\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\r\nimport api from \"./api\";\r\nimport * as $enum from \"./enum\";\r\nimport staffTree from \"./staff-tree.vue\";\r\nimport ViewFile from \"./view-file.vue\";\r\nimport * as operation from \"./operation/index.js\";\r\nimport JyrFileUpload from \"../JyrFileUpload/index\";\r\nimport processBtns from \"./operation/processBtns.vue\";\r\nimport processFlow from \"./operation/processFlow.vue\";\r\nimport bpmnLook from './bpmnLook.vue';\r\nimport dayjs from \"dayjs\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n  components: { bpmnLook, processBtns, processFlow, treeselect, staffTree, ...operation, ViewFile, JyrFileUpload },\r\n  props: {\r\n    /** 流程实例id */\r\n    taskId: {\r\n      // require: true,\r\n      default: false,\r\n      type: String,\r\n    },\r\n    processId: {\r\n      require: true,\r\n      default: false,\r\n      type: String,\r\n    },\r\n    // processDefId: {\r\n    //   require: false,\r\n    //   default: false,\r\n    //   type: String,\r\n    // },\r\n    userId: { require: true, default: \"\", type: String },\r\n    // task: {\r\n    //   default: false,\r\n    //   type: Object,\r\n    // },\r\n    showBtns: {\r\n      default: true,\r\n      type: Boolean,\r\n    },\r\n    isView: {\r\n      default: false,\r\n      type: Boolean,\r\n    },\r\n    getVars: { type: Function },\r\n    before: { type: Function },\r\n    isAlis: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    isAdditional: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    businessData: {\r\n      type: Object,\r\n      default: undefined,\r\n    },\r\n    excludeBtn: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    showAsPlanned: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    showCommIdea: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    commentMsgRequired: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    customBtn: {\r\n      default: \"\",\r\n    },\r\n    tabs: {\r\n      default: () => [\r\n        {\r\n          name: \"基本信息\",\r\n          slot: \"\",\r\n        },\r\n        {\r\n          name: \"流程图\",\r\n          slot: \"\",\r\n        },\r\n        {\r\n          name: \"审批记录\",\r\n          slot: \"\",\r\n        },\r\n      ],\r\n    },\r\n    personType: {\r\n      default: \"\",\r\n    },\r\n    personEntity: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    isButton: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  provide() {\r\n    return {\r\n      isAlisInject: this.isAlis,\r\n    };\r\n  },\r\n  // emits: ['update:modelValue', \"getData\", \"change\", \"changeGetData\"],\r\n  data() {\r\n    return {\r\n      // 流程信息\r\n      deptId: '',\r\n      initProcessData: {\r\n        button: [],\r\n        flow: [],\r\n        form: {},\r\n        process: {},\r\n      },\r\n      processData: {\r\n        button: [],\r\n        flow: [],\r\n        form: {},\r\n        process: {},\r\n      },\r\n      submitLoading: false,\r\n      flowChartVisible: false,\r\n      comment: null,\r\n      // 流程信息\r\n      dynamicMaxHeight: '400px',\r\n      showMulTask: false,\r\n      mulTaskList: [],\r\n      mulTaskTaskId: \"\",\r\n      attach: [],\r\n      customBtns: [],\r\n      overheight: 10,\r\n      iframeHeight: 500,\r\n      mainWidth: 0,\r\n      absoluteTaskId: \"\",\r\n      infoView: false,\r\n      showTopTabs: false,\r\n      buttonLoading: false,\r\n      footBtnLoading: true,\r\n      tabheight: 400,\r\n      aftClickBtn: \"\",\r\n      attachRule: {\r\n        required: true,\r\n        limit: 0,\r\n      },\r\n      nodeInfoVisible: false,\r\n      nodeInfoList: [],\r\n      jjForm: {\r\n        saveMetaAnnexCmdList: [],\r\n      },\r\n      targetUID: \"\",\r\n      commentMsg: \"\",\r\n      trackUrl: \"\",\r\n      taskObj: {},\r\n      taskCommentList: [],\r\n      absoluteBtns: { inside: [], outside: [] },\r\n      processStatus: \"\",\r\n      nextTaskNode: [],\r\n      activeName: \"基本信息\",\r\n      ProcessInsObj: {},\r\n      outGatewayUserTaskModel: [],\r\n      dialogVisibleOperation: false,\r\n      operationLabel: \"\",\r\n      operationCom: {},\r\n      operationParam: {},\r\n      taskNode: [],\r\n      aftTaskNode: {},\r\n      operation,\r\n      Enum: $enum,\r\n      isOperLoading: false,\r\n      boxLoading: false,\r\n      rules: {\r\n        attach: [{ required: true, trigger: \"change\" }],\r\n      },\r\n\t  noReload: false,\r\n    digitalSignatureList: []\r\n    };\r\n  },\r\n  mounted() {\r\n    window.onresize = () => {\r\n      return (() => {\r\n        if (this.$refs[\"mianContent\"]) {\r\n          this.mainWidth = this.$refs[\"mianContent\"].offsetWidth;\r\n        }\r\n      })();\r\n    };\r\n  },\r\n  watch: {\r\n    activeName: function (n) {\r\n      if (n == 1) this.activeName = \"基本信息\";\r\n    },\r\n    infoView: function () {\r\n      this.calculateHeight();\r\n    },\r\n    taskId: {\r\n      handler(val) {\r\n        if (!val) return;\r\n        this.absoluteTaskId = val;\r\n      },\r\n      deep: true,\r\n      immediate: true,\r\n    },\r\n    processId: {\r\n      handler(val) {\r\n        if (val) {\r\n          this.customBtns = [];\r\n          this.absoluteBtns = { inside: [], outside: [] };\r\n          this.activeName = this.tabs.length > 0 ? this.tabs[0][\"name\"] : \"\";\r\n          // 获取流程节点，流程图，流程实例，流程审批\r\n          this.getProcessInfo()\r\n          if (Date.now()) return;\r\n\r\n          api.repository.queryTaskNodeList(this.processId).then((e) => {\r\n\t\t\t  if(!this.noReload){\r\n\t\t\t\t  this.noReload = false\r\n\t\t\t\t  if (!this.absoluteTaskId && e.data.length > 1) {\r\n\t\t\t\t    this.mulTaskList = e.data;\r\n\t\t\t\t    this.showMulTask = true;\r\n\t\t\t\t    return;\r\n\t\t\t\t  } else {\r\n\t\t\t\t    this.absoluteTaskId =\r\n\t\t\t\t      e.data && e.data.length > 0 ? e.data[0][\"taskId\"] : \"\";\r\n\t\t\t\t    this.aftTaskNode = e.data[0];\r\n\t\t\t\t  }\r\n\t\t\t  }\r\n\r\n            console.log(\"======\", this.absoluteTaskId);\r\n            if (e.code == $enum.apiCode.success) {\r\n              this.taskNode = e.data;\r\n              api.pis\r\n                .getProcessStatus(this.processId, this.absoluteTaskId)\r\n                .then((res) => {\r\n                  if (res.code == $enum.apiCode.success) {\r\n                    this.processStatus = res.data;\r\n                    if (this.absoluteTaskId) {\r\n                      api.repository\r\n                        .getUserTaskModelCmd(this.absoluteTaskId)\r\n                        .then((res) => {\r\n                          if (res.code == $enum.apiCode.success) {\r\n                            this.taskObj = res.data;\r\n                            this.straightenBtns();\r\n                          }\r\n                        });\r\n                    } else {\r\n                      this.straightenBtns();\r\n                    }\r\n                  }\r\n                });\r\n            }\r\n          });\r\n\r\n          api.repository\r\n            .getTrackUrl({ processInstId: val, type: $enum.SourceType.电脑端 })\r\n            .then((res) => {\r\n              if (res.code == $enum.apiCode.success) {\r\n                if (window.location.protocol == \"https:\") {\r\n                  if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n                    this.trackUrl = res.data.replace(\r\n                      \"http://121.40.143.183:80/\",\r\n                      \"https://acme-aws.ddzg.cn/\"\r\n                    )\r\n                  } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n                    this.trackUrl = res.data.replace(\r\n                      \"http://121.40.143.183/\",\r\n                      \"https://acme-aws.ddzg.cn/\"\r\n                    )\r\n                  } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n                    this.trackUrl = res.data.replace(\r\n                      \"http://acme-aws.ddzg.cn/\",\r\n                      \"https://acme-aws.ddzg.cn/\"\r\n                    )\r\n                  } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n                    this.trackUrl = res.data.replace(\r\n                      \"http://59.53.91.231:8088/\",\r\n                      \"https://acme-test.ddzg.cn:2119/\"\r\n                    )\r\n                  } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n                    this.trackUrl = res.data.replace(\r\n                      \"http://59.53.91.230:8088/\",\r\n                      \"https://kq.ddzg.cn:8093/\"\r\n                    )\r\n                  } else {\r\n                    this.trackUrl = res.data\r\n                  }\r\n                } else {\r\n                  this.trackUrl = res.data;\r\n                }\r\n              }\r\n            });\r\n          api.tis.getTaskCommentList(this.processId, \"\").then((res) => {\r\n            this.taskCommentList = res.data;\r\n            this.digitalSignatureList = res.data.filter(item => item.digitalSignature).map(item => item.digitalSignature)\r\n          });\r\n          api.pis.getProcessInstanceById(this.processId).then((res) => {\r\n            this.ProcessInsObj = res.data;\r\n            this.$nextTick(() => {\r\n              this.calculateHeight();\r\n            });\r\n          });\r\n\r\n          // api.repository.queryTaskNodeList(this.processId).then((res) => {\r\n          //   if (res.code == $enum.apiCode.success) this.taskNode = res.data;\r\n          // });\r\n        }\r\n      },\r\n      immediate: true,\r\n      //这个参数代表监听对象时，可以监听深度嵌套的对象属性\r\n      deep: true,\r\n    },\r\n    absoluteTaskId: {\r\n      handler(val) {\r\n        if (val) {\r\n        }\r\n      },\r\n      immediate: true,\r\n      //这个参数代表监听对象时，可以监听深度嵌套的对象属性\r\n      deep: true,\r\n    },\r\n    dialogVisibleOperation: {\r\n      handler(val) {\r\n        this.$emit(\"show-modal\", val);\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    // 流程\r\n    formatFlow(flow) {\r\n      const newFlow = (flow || []).map(item => {\r\n        return {\r\n          ...item,\r\n          attachmentsFujian: (item.attachments || []).filter(i => i.type != 'signature'),\r\n          attachmentsQianzi: (item.attachments || []).filter(i => i.type == 'signature'),\r\n        }\r\n      })\r\n      return newFlow\r\n    },\r\n    cancelHandlerFn(){\r\n      this.dialogVisibleOperation = false\r\n      this.submitLoading = false\r\n    },\r\n    filterFlow(flowArr) {\r\n      return flowArr.filter((item) => {\r\n        return ['userTask', 'candidate'].includes(item.historyActivityType)\r\n      });\r\n    },\r\n    getProcessInfo() {\r\n      this.submitLoading = true\r\n      this.boxLoading = true;\r\n\r\n      api.tis.getTaskModelDetail(this.taskId ? {\r\n        processInstId: this.processId,\r\n        taskId: this.taskId,\r\n      } : {\r\n        processInstId: this.processId,\r\n      }).then(async res => {\r\n        if (res.code == 200) {\r\n          this.processData = {\r\n            ...this.initProcessData,\r\n            ...(res.data || {}),\r\n          };\r\n          const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n          this.deptId = deptId\r\n          const taskId = (this.processData.process || {}).taskId\r\n          this.absoluteTaskId = taskId\r\n          console.log(deptId, 'id')\r\n\r\n          console.log(this.processData.flow, 'flw')\r\n          this.flowChartVisible = true\r\n          this.submitLoading = false\r\n          this.boxLoading = false\r\n        }\r\n      })\r\n    },\r\n    // 通过部门id获取流程节点的人员\r\n    getUserDataByDeptId() {\r\n      this.processList.map(async  (item, index) => {\r\n        console.log(item, 'item')\r\n        const nodeUserParams = getNodeUserParams(item)\r\n        let res\r\n        try {\r\n          res = await this.getNodeUser({\r\n            deptId: this.deptId,\r\n            intersection: nodeUserParams.intersection  ? 1 : 0,\r\n            userIds: nodeUserParams.userIds,\r\n            postIds: nodeUserParams.postIds,\r\n            deptIds: nodeUserParams.deptIds,\r\n          })\r\n        } catch (error) {\r\n          console.log(error, 'error')\r\n        }\r\n        if (res.code == Enum.apiCode.success) {\r\n          const l =  this.processList[index]\r\n          l.userList = res.data\r\n          this.$set(this.processList, index, l)\r\n\r\n        }\r\n        // console.log(user, 'user', index)\r\n      })\r\n    },\r\n    handleDraft() {\r\n      this.submitLoading = true;\r\n    },\r\n    // 提交（办理）true、取消申请 false\r\n    handleExamine(flag, name) {\r\n      console.log(flag, 'flag')\r\n      if (flag) {\r\n        this.handlePass(name)\r\n      } else {\r\n        this.handleCancel(name)\r\n      }\r\n      this.submitLoading = true;\r\n    },\r\n    // 办理\r\n    async handlePass(name) {\r\n      if (this.deptId) {\r\n        await this.getNextNode(this.deptId)\r\n      }\r\n      if (this.before) {\r\n        this.before().then(() => {\r\n          this.showOperation(operation.complete, name);\r\n        });\r\n      } else {\r\n        this.showOperation(operation.complete, name);\r\n      }\r\n    },\r\n    // 取消申请\r\n    handleCancel(name) {\r\n      this.showOperation(operation.cancel, name);\r\n    },\r\n    // 转办transfer，委托delegate，addInstance\r\n    handleUserSelect({ type, checkType, name}) {\r\n      if (type == 'transfer') {\r\n        this.handleTransfer(name)\r\n      }\r\n      else if (type == 'addInstance') {\r\n        this.handleAddInstance(name)\r\n      }\r\n      console.log('handleUserselect')\r\n    },\r\n    // 转办\r\n    handleTransfer(name) {\r\n      this.showOperation(operation.delegateTask, name);\r\n    },\r\n    // 加签\r\n    handleAddInstance(name) {\r\n      this.showOperation(operation.counterSign, name);\r\n    },\r\n    handlePrint() {\r\n      console.log('handlePrint')\r\n    },\r\n    handleRollbackTask(name) {\r\n      console.log('handleRollbackTask')\r\n      this.showOperation(operation.roolback, name);\r\n    },\r\n    handleTerminateProcess() {\r\n      console.log('handleTerminateProcess')\r\n    },\r\n    // 传阅\r\n    handleCirculate(name) {\r\n      console.log('handleCirculate')\r\n      this.showOperation(operation.ccTask, name);\r\n    },\r\n    // 撤销，撤回\r\n    handleWithdrawTask(name) {\r\n      console.log('handleWithdrawTask')\r\n      this.handleRevoke();\r\n      // this.showOperation(operation.withdrawTask, '请选择撤销/撤回操作');\r\n    },\r\n    // 流程\r\n    findTargetHtml(startNode, targetClass, searchKey = 'parentElement') {\r\n\t\t\t\tif (!startNode) return null\r\n  \t\t\tif (startNode.classList.contains(targetClass)) {\r\n    \t\t\treturn startNode\r\n  \t\t\t}\r\n  \t\t\tlet curEl = startNode[searchKey]\r\n  \t\t\tif (!curEl) return null\r\n  \t\t\tif (searchKey == 'children') {\r\n    \t\t\tfor (let i = 0; i <= curEl.length - 1; i++) {\r\n      \t\t\tif (curEl[i].classList.contains(targetClass)) {\r\n        \t\t\treturn curEl[i]\r\n      \t\t\t}\r\n    \t\t\t}\r\n    \t\t\treturn\r\n  \t\t\t}\r\n  \t\t\treturn this.findTargetHtml(curEl, targetClass)\r\n\t\t\t},\r\n    findImageIndex(item){\r\n        return item ? this.digitalSignatureList.findIndex(i => i == item) : -1\r\n      },\r\n    onCheckSure() {\r\n      this.absoluteTaskId = this.mulTaskTaskId;\r\n      this.mulTaskList.map((item) => {\r\n        if (item.taskId == this.mulTaskTaskId) {\r\n          this.aftTaskNode = item;\r\n        }\r\n      });\r\n\t  this.noReload = true\r\n      this.showMulTask = false;\r\n      this.footBtnLoading = true;\r\n      let temp = this.processId;\r\n      this.processId = \"\";\r\n      this.processId = temp;\r\n    },\r\n    showButtonLoading() {\r\n      this.buttonLoading = true;\r\n    },\r\n    hideButtonLoading() {\r\n      this.buttonLoading = false;\r\n    },\r\n    calculateHeight() {\r\n      let h = 0;\r\n      if (this.$refs[\"footBtnRow\"]) {\r\n        h += this.$refs[\"footBtnRow\"].offsetHeight;\r\n      }\r\n      if (this.$refs[\"mianContent\"]) {\r\n        this.mainWidth = this.$refs[\"mianContent\"].offsetWidth;\r\n      }\r\n      if (this.infoView && this.absoluteBtns.outside.length > 0) {\r\n        h += 32;\r\n      }\r\n      if (this.$refs[\"infoBoxFign\"]) {\r\n        let windowHeight =\r\n          window.innerHeight ||\r\n          document.documentElement.clientHeight ||\r\n          document.body.clientHeight;\r\n        this.tabheight =\r\n          windowHeight - this.$refs[\"infoBoxFign\"].offsetTop - 192;\r\n      }\r\n      this.overheight = h + 116;\r\n      this.iframeHeight = this.$refs[\"mianContent\"].offsetHeight - 146;\r\n    },\r\n    getNodeList() {\r\n      this.nodeInfoVisible = true;\r\n      // api.pis.findNodeParticipantRows(this.processId).then((e) => {\r\n        \r\n      //   e.data.map((item) => {\r\n      //     if (item.type == \"串签\" || item.type == \"并签\") {\r\n      //       item[\"name\"] += `【${item.type}】`;\r\n      //     }\r\n      //   });\r\n      //   this.nodeInfoList = e.data;\r\n      // });\r\n    },\r\n    fileNameLastof(e, len = 0) {\r\n      if (e.indexOf(\"http\") == -1) len = 0;\r\n      if (!e) return;\r\n      let last = \"/\";\r\n      if (e.indexOf(\"\\\\\") != -1) {\r\n        last = \"\\\\\";\r\n      }\r\n      //整理文件名\r\n      let filename = e;\r\n      let lastindex = filename.lastIndexOf(last);\r\n      return filename.substr(lastindex + 1 + len, filename.length);\r\n    },\r\n    clickCustomButton(name) {\r\n      this.$emit(\"clickCustomButton\", {\r\n        name,\r\n        processStatus: this.processStatus,\r\n        setName: (label) => {\r\n          this.taskObj.buttons.map((item) => {\r\n            if (item.label == name) {\r\n              item.label = label;\r\n            }\r\n          });\r\n          this.straightenBtns();\r\n        },\r\n      });\r\n    },\r\n    // 获取下一个节点数据\r\n    async getNextNode(deptId) {\r\n      let res1\r\n      try {\r\n        res1 = await api.tis.simulation(\r\n          this.absoluteTaskId,\r\n          this.processId,\r\n        );\r\n      } catch (e) {\r\n        console.error(e)\r\n        res1 = {}\r\n      }\r\n      const nextTaskNode = res1.data || {};\r\n      console.log(nextTaskNode, 'next')\r\n      if (nextTaskNode.id && !nextTaskNode.setPersonnel) {\r\n        const nodeUserParams = getNodeUserParams(nextTaskNode)\r\n        let res\r\n        try {\r\n          res = await this.getNodeUser({\r\n            // 需要传入部门id\r\n            deptId: deptId,\r\n            intersection: nodeUserParams.intersection  ? 1 : 0,\r\n            userIds: nodeUserParams.userIds,\r\n            postIds: nodeUserParams.postIds,\r\n            deptIds: nodeUserParams.deptIds,\r\n          })\r\n        } catch (error) {\r\n          console.log(error, 'error')\r\n        }\r\n        if (res.code == $enum.apiCode.success) {\r\n          nextTaskNode.userList = res.data\r\n        }\r\n      }\r\n      this.nextTaskNode = nextTaskNode\r\n      console.log(nextTaskNode, 'getNextNode')\r\n    },\r\n    // 获取节点的人员\r\n    async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n      return await api.user.getTaskAuditor({\r\n        deptId,\r\n        intersection,\r\n        userIds,\r\n        postIds,\r\n        deptIds\r\n      })\r\n    },\r\n    async showOperation(com, label) {\r\n      this.attach = [];\r\n      if (false && this.processStatus.allUserNames.length > 0) {\r\n        if (this.absoluteTaskId) {\r\n          let vars;\r\n          if (this.getVars) {\r\n            vars = this.getVars();\r\n            if (vars === false) {\r\n              return false;\r\n            }\r\n          }\r\n          let res = await api.tis.simulation(\r\n            this.absoluteTaskId,\r\n            this.processId,\r\n            vars\r\n          );\r\n          if (res.code == $enum.apiCode.success) {\r\n            for (var i in res.data) {\r\n              if (\r\n                res.data[i][\"type\"] != \"endEvent\" &&\r\n                (res.data[i].userTaskModelDTO.humanPerformer.name ==\r\n                  \"固定账户\" ||\r\n                  res.data[i].userTaskModelDTO.humanPerformer.name ==\r\n                    \"与流程申请人相关\")\r\n              ) {\r\n                await api.repository\r\n                  .getParticipantsOfPerformerNames(this.absoluteTaskId, [\r\n                    res.data[i].id,\r\n                  ])\r\n                  .then((e) => {\r\n                    res.data[i].userTaskModelDTO.routeTxt[\"userNames\"] =\r\n                      e.data[res.data[i].id];\r\n                  });\r\n              }\r\n            }\r\n\r\n            this.nextTaskNode = res.data;\r\n          } else {\r\n            this.nextTaskNode = [];\r\n            this.outGatewayUserTaskModel = await this.getOutgoingProcessNode(\r\n              this.absoluteTaskId,\r\n              \"\"\r\n            );\r\n          }\r\n        }\r\n      }\r\n      this.operationLabel = label;\r\n      // this.operationParam = new operation.PorpParam(\"\", this.processId, this.processDefId, this.task.id, this.task.activityDefId);\r\n      this.operationParam.processInstId = this.processId;\r\n      // this.operationParam.processDefId = this.processDefId;\r\n      this.operationParam.taskInstId = this.absoluteTaskId;\r\n      // this.operationParam.taskDeftId = this.task.activityDefId;\r\n      this.operationParam.nextTaskNode = this.nextTaskNode;\r\n      this.operationParam.variables = (this.processData.process || {}).variables || {}\r\n      this.operationParam.extendedProperties = (this.processData.form || {}).extendedProperties || []\r\n      this.operationParam.taskObj = this.taskObj;\r\n      this.operationParam.getVars = this.getVars;\r\n      this.operationParam.outGatewayUserTaskModel =\r\n        this.outGatewayUserTaskModel;\r\n      this.operationParam.taskNode = this.getTaskNode();\r\n      this.operationParam.businessData = this.businessData;\r\n      this.operationParam.showAsPlanned = this.showAsPlanned;\r\n      this.operationParam.showCommIdea = this.showCommIdea;\r\n      this.operationParam.commentMsgRequired = this.commentMsgRequired;\r\n      this.operationParam.personType = this.personType;\r\n      this.operationParam.personEntity = {\r\n        ...this.personEntity,\r\n        ...(this.aftClickBtn.personEntity || {}),\r\n      };\r\n      this.operationParam.ProcessInsObj = this.ProcessInsObj;\r\n      this.operationCom = com;\r\n      this.dialogVisibleOperation = true;\r\n      this.$nextTick(() => {\r\n    \t\tlet ctnEl = this.$refs.obRef\r\n\t\t\t\tconsole.log(ctnEl, this.$refs);\r\n    \t\tif (!ctnEl) return \r\n    \t\tlet topDistance = ctnEl.getBoundingClientRect().top\r\n    \t\tlet dialogEl = this.findTargetHtml(ctnEl, 'el-dialog')\r\n    \t\tlet dialogFootEl = this.findTargetHtml(dialogEl, 'el-dialog__footer', 'children')\r\n    \t\t// 视口高度 - margin - head - footer\r\n    \t\tlet val = window.innerHeight - topDistance - topDistance - dialogFootEl.clientHeight - 32\r\n    \t\tthis.dynamicMaxHeight = `${val}px`\r\n  \t\t})\r\n    },\r\n    onClickOperation() {\r\n      if (\r\n        this.attachShow &&\r\n        this.attachRule.required &&\r\n        this.attach.length == 0\r\n      ) {\r\n        return ElMessage.error(\"请上传附件\");\r\n      }\r\n      if (this.aftClickBtn.preposition) {\r\n        this.operationMain(this.aftClickBtn.preposition);\r\n      } else {\r\n        this.operationMain();\r\n      }\r\n\r\n      // if (this.$refs[\"fileUpload\"] && this.$refs[\"fileUpload\"].getLoading()) {\r\n      //   return ElMessage.error(\"请等待附件上传完成后重试\");\r\n      // }\r\n    },\r\n    operationMain(preposition = false) {\r\n      let saveMetaAnnexCmdList\r\n      if (this.attachShow) {\r\n        saveMetaAnnexCmdList = [];\r\n        this.attach.map((item) => {\r\n          saveMetaAnnexCmdList.push({\r\n            id: item.id,\r\n            name: this.fileNameLastof(item.name),\r\n            size: item.fileSize,\r\n            format: item.fileType,\r\n            url: item.url,\r\n            uploadTime: item.createTime,\r\n            processInstId: this.operationParam.processInstId,\r\n            taskInstId: this.operationParam.taskInstId,\r\n          });\r\n        });\r\n        saveMetaAnnexCmdList = saveMetaAnnexCmdList.sort((a, b) => {\r\n          return dayjs(a.uploadTime).valueOf() > dayjs(b.uploadTime).valueOf();\r\n        });\r\n        // api.tis.patchSave({\r\n        //   saveMetaAnnexCmdList,\r\n        // });\r\n      }\r\n\r\n      if (this.$refs.operationRef) {\r\n        this.$refs.operationRef.confirm(preposition, () => {\r\n          this.isOperLoading = true;\r\n        }, saveMetaAnnexCmdList);\r\n      }\r\n    },\r\n    operationSuccess(isComplete = true) {\r\n      ElMessage.success(\"操作成功\");\r\n      this.dialogVisibleOperation = false;\r\n      // router.go(0);\r\n      if (isComplete) this.$emit(\"Complete\");\r\n      this.isOperLoading = false;\r\n    },\r\n    operationFail(msg = \"\") {\r\n      msg && ElMessage.warning(msg);\r\n      this.isOperLoading = false;\r\n    },\r\n    async getOutgoingProcessNode(taskId, processNodeId) {\r\n      let res = await api.repository.getOutgoingProcessNode(\r\n        taskId,\r\n        processNodeId\r\n      );\r\n      if (res.code == $enum.apiCode.success) {\r\n        if (res.data) {\r\n          for (let i = 0; i < res.data.length; i++) {\r\n            let o = res.data[i];\r\n            if (o.type != $enum.ProcessNodeType.用户任务) {\r\n              o.childNode = await this.getOutgoingProcessNode(taskId, o.id);\r\n              if (o.incomingConditionItemList.length !== 0) {\r\n                // o.childNode.push(o);\r\n              }\r\n            }\r\n            if (\r\n              res.data[i][\"type\"] != \"endEvent\" &&\r\n              (res.data[i].humanPerformerName == \"固定账户\" ||\r\n                res.data[i].humanPerformerName == \"与流程申请人相关\")\r\n            ) {\r\n              await api.repository\r\n                .getParticipantsOfPerformerNames(taskId, [res.data[i].id])\r\n                .then((e) => {\r\n                  res.data[i][\"routeTxt\"][\"userNames\"] = e.data[res.data[i].id];\r\n                });\r\n            }\r\n          }\r\n\r\n          if (res.data.length == 0) {\r\n            res.data.push({\r\n              id: \"\",\r\n              incomingConditionItemList: [],\r\n              type: \"endEvent\",\r\n              name: \"结束事件\",\r\n            });\r\n          }\r\n        }\r\n        return res.data;\r\n      }\r\n      return [];\r\n    },\r\n    getColor(status) {\r\n      if (status == \"审核中\" || status == \"审批中\") return \"#6DC743\";\r\n      if (status == \"已驳回\") return \"#F14B4C\";\r\n      if (status == \"已撤销\") return \"#CECECE\";\r\n      if (status == \"已完成\") return \"#6DC743\";\r\n\r\n      return \"#1389FF\";\r\n    },\r\n    handleClick(e) {\r\n      this.$emit(\"clickTab\",JSON.parse(JSON.stringify(e.$vnode.data.attrs.item)));\r\n    },\r\n    getTaskNode() {\r\n      if (this.taskNode.filter)\r\n        return this.taskNode.filter((o) => {\r\n          return o.nodeId == this.taskObj.id;\r\n        });\r\n      return [];\r\n    },\r\n    handleRevoke() {\r\n      ElMessageBox.confirm(`确定撤销吗`, \"撤销\", {\r\n        confirmButtonText: \"确定\",\r\n        cancelButtonText: \"取消\",\r\n        type: \"warning\",\r\n      })\r\n        .then(() => {\r\n          api.tis\r\n            .withdrawTask(this.processData.process.processInstanceId)\r\n            .then((res) => {\r\n              if (res.code == $enum.apiCode.success) {\r\n                ElMessage.success(\"操作成功\");\r\n                this.$emit(\"Complete\");\r\n              }\r\n              // else {\r\n              //     ElMessage.warning(res.msg);\r\n              // }\r\n            });\r\n        })\r\n        .catch(() => {\r\n          ElMessage.info(\"取消操作\");\r\n        });\r\n    },\r\n    handleReminders() {\r\n      console.log(ElMessageBox);\r\n      ElMessageBox.confirm(`确定催办吗`, \"催办\", {\r\n        confirmButtonText: \"确定\",\r\n        cancelButtonText: \"取消\",\r\n        type: \"warning\",\r\n      })\r\n        .then(() => {\r\n          api.tis.reminders(this.processData.process.processInstanceId).then((res) => {\r\n            if (res.code == $enum.apiCode.success) {\r\n              ElMessage.success(\"操作成功\");\r\n              this.$emit(\"Complete\");\r\n            }\r\n            // else {\r\n            //     ElMessage.warning(res.msg);\r\n            // }\r\n          });\r\n        })\r\n        .catch((e) => {\r\n          ElMessage.info(\"取消操作\");\r\n        });\r\n    },\r\n    operBtn() {\r\n      let btnList = [];\r\n      let flag =\r\n        this.taskNode &&\r\n        this.taskNode.length > 0 &&\r\n        this.aftTaskNode.taskState != $enum.TaskState.不处理;\r\n\r\n      // 加签\r\n      if (flag && !this.isView && this.taskObj.counterSignLabel) {\r\n        let obj = {};\r\n        obj.name = this.taskObj.counterSignLabel;\r\n        obj.btnProps = { type: \"primary\" };\r\n        obj.key = \"sign\";\r\n        obj.click = () => {\r\n          this.showOperation(operation.counterSign, obj.name);\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // 转办\r\n      if (flag && !this.isView && this.taskObj.delegateTaskButtonLabel) {\r\n        let obj = {};\r\n        obj.name = this.taskObj.delegateTaskButtonLabel;\r\n        obj.key = \"delegate\";\r\n        obj.click = () => {\r\n          this.showOperation(operation.delegateTask, obj.name);\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // 传阅\r\n      if (flag && !this.isView && this.taskObj.ccTaskButtonLabel) {\r\n        let obj = {};\r\n        obj.name = this.taskObj.ccTaskButtonLabel;\r\n        obj.btnProps = { type: \"primary\" };\r\n        obj.key = \"cc\";\r\n        obj.click = () => {\r\n          this.showOperation(operation.ccTask, obj.name);\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // 催办\r\n      if (\r\n        this.processId &&\r\n        this.processStatus.createTopUserId == this.userId &&\r\n        ((this.taskNode.length > 0 &&\r\n          this.aftTaskNode.taskState != $enum.TaskState.抄送) ||\r\n          this.processStatus.status == \"审批中\")\r\n      ) {\r\n        let obj = {};\r\n        obj.name = \"催办\";\r\n        // obj.btnProps = { color: \"#1389ff\" };\r\n        obj.key = \"self\";\r\n        obj.click = () => {\r\n          this.handleReminders();\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // 撤销\r\n      if (\r\n        this.processId &&\r\n        this.processStatus.createTopUserId == this.userId &&\r\n        ((this.taskNode.length > 0 &&\r\n          this.aftTaskNode.taskState != $enum.TaskState.抄送) ||\r\n          this.processStatus.status == \"审批中\")\r\n      ) {\r\n        let obj = {};\r\n        obj.name = \"撤销\";\r\n        obj.btnProps = { type: \"danger\" };\r\n        obj.key = \"self\";\r\n        obj.click = () => {\r\n          this.handleRevoke();\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // if (\r\n      //   flag &&\r\n      //   !this.isView &&\r\n      //   this.taskObj &&\r\n      //   this.taskObj.buttons &&\r\n      //   this.taskObj.buttons.find((o) => o.label == \"退回\")\r\n      // ) {\r\n      //   let obj = {};\r\n      //   obj.name = \"退回\";\r\n      //   obj.btnProps = { type: \"danger\" };\r\n      //   obj.key = \"back\";\r\n      //   obj.click = () => {\r\n      //     this.showOperation(operation.roolback, obj.name);\r\n      //   };\r\n      //   btnList.push(obj);\r\n      // }\r\n\r\n      // 拒绝\r\n      if (flag && !this.isView && this.processStatus.currUserName) {\r\n        let obj = {};\r\n        obj.name = \"拒绝\";\r\n        obj.btnProps = { type: \"danger\" };\r\n        obj.key = \"refuse\";\r\n        obj.click = () => {\r\n          this.showOperation(operation.cancel, obj.name);\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // 办理\r\n      if (flag && !this.isView && this.taskObj.completeButtonLabel) {\r\n        let obj = {};\r\n        obj.name = this.taskObj.completeButtonLabel;\r\n        obj.btnProps = { type: \"primary\" };\r\n        obj.key = \"complete\";\r\n        obj.click = () => {\r\n          if (this.before) {\r\n            this.before().then(() => {\r\n              this.showOperation(operation.complete, obj.name);\r\n            });\r\n          } else {\r\n            this.showOperation(operation.complete, obj.name);\r\n          }\r\n        };\r\n        btnList.push(obj);\r\n      }\r\n      // 退回\r\n      if (\r\n        flag &&\r\n        !this.isView &&\r\n        this.taskObj &&\r\n        this.taskObj.buttons.length > 0\r\n      ) {\r\n        this.taskObj.buttons.map((item) => {\r\n          let obj = {};\r\n          obj.name = item.label;\r\n          if (item.label == \"退回\") {\r\n            obj.btnProps = { type: \"danger\" };\r\n            obj.key = \"back\";\r\n            obj.click = () => {\r\n              this.showOperation(operation.roolback, obj.name);\r\n            };\r\n          } else {\r\n            obj.btnProps = {};\r\n            obj.key = item.label;\r\n            obj.click = () => {\r\n              this.clickCustomButton(obj.name);\r\n            };\r\n          }\r\n\r\n          btnList.unshift(obj);\r\n        });\r\n      }\r\n\r\n      return btnList;\r\n    },\r\n    straightenBtns(flag = true) {\r\n      let list = [];\r\n\r\n      if (this.excludeBtn) {\r\n        this.operBtn().map((item) => {\r\n          if (this.excludeBtn.indexOf(item.key) == -1 || !item.key) {\r\n            list.push(item);\r\n          }\r\n        });\r\n      } else {\r\n        list = this.operBtn();\r\n      }\r\n      if (this.customBtns.length > 0) {\r\n        list = [];\r\n        this.customBtns.map((item) => {\r\n          if (this.excludeBtn.indexOf(item.key) == -1 || !item.key) {\r\n            list.push(item);\r\n          }\r\n        });\r\n      }\r\n\r\n      let r = {\r\n        outside: [],\r\n        inside: [],\r\n      };\r\n      if (list.length > 4) {\r\n        r.outside = list.splice(list.length - 4, list.length - 1);\r\n        r.inside = list;\r\n      } else {\r\n        r.outside = list;\r\n      }\r\n\r\n      if (flag && this.customBtn) {\r\n        this.customBtn(\r\n          { btnList: this.operBtn(), processStatus: this.processStatus },\r\n          (e) => {\r\n            this.customBtns = e;\r\n            this.straightenBtns(false);\r\n          },\r\n          () => {\r\n            this.$emit(\"Complete\");\r\n          }\r\n        );\r\n        console.log(\"=======333\");\r\n      } else {\r\n        this.absoluteBtns = r;\r\n        this.$nextTick(() => {\r\n          this.calculateHeight();\r\n          this.footBtnLoading = false;\r\n          this.boxLoading = false;\r\n        });\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    dynamicStyle() {\r\n  \t\t\treturn { '--dynamic-ctx-height': this.dynamicMaxHeight }\r\n\t\t\t},\r\n    attachShow() {\r\n      const extendedProperties = (this.processData.form || {}).extendedProperties || []\r\n\r\n      let sign = false;\r\n      let fd;\r\n      let annex = \"\";\r\n      console.error(this.operationLabel, 'operationLabel')\r\n      switch (this.operationLabel) {\r\n        case \"退回\":\r\n          // annex = this.operationParam.taskObj.otherButtonAnnexList;\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'otherButtonAnnexList'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          if (annex) sign = true;\r\n          break;\r\n        case \"通过\":\r\n        case \"办理\":\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'completeButtonAnnex'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          if (annex) sign = true;\r\n          break;\r\n        case \"处理\":\r\n          // annex = this.operationParam.taskObj.completeButtonAnnex;\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'completeButtonAnnex'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          if (annex) sign = true;\r\n          break;\r\n        case \"同意\":\r\n          // annex = this.operationParam.taskObj.completeButtonAnnex;\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'completeButtonAnnex'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          if (annex) sign = true;\r\n          break;\r\n        case \"拒绝\":\r\n          // annex = this.operationParam.taskObj.otherButtonAnnexList;\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'otherButtonAnnexList'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          break;\r\n        case \"加签\":\r\n          // annex = this.operationParam.taskObj.counterSignButtonAnnex;\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'counterSignButtonAnnex'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          if (annex) sign = true;\r\n          break;\r\n        case \"转办\":\r\n          // annex = this.operationParam.taskObj.delegateTaskButtonAnnex;\r\n          fd = extendedProperties.find(i => {\r\n            return i.name == 'delegateTaskButtonAnnex'\r\n          })\r\n          annex = fd ? fd.value : ''\r\n          if (annex) sign = true;\r\n          break;\r\n      }\r\n      // 校验自定义按钮\r\n      let temp = \"\";\r\n      if (typeof annex != \"string\" && annex != null) {\r\n        annex.map((item) => {\r\n          if (item.indexOf(this.operationLabel) != -1) {\r\n            sign = true;\r\n            temp = item;\r\n          }\r\n        });\r\n      }\r\n      if (temp) annex = temp;\r\n\r\n      // 解析数据\r\n      if (sign) {\r\n        const annexArr = annex.split(\":\");\r\n        this.attachRule.required = annexArr[1] == \"true\" ? true : false;\r\n        this.attachRule.limit =\r\n          annexArr[2] == -1 ? 999 : annexArr[2];\r\n      }\r\n      return sign;\r\n    },\r\n  },\r\n};\r\n</script>\r\n<!-- <style >\r\n.demo-tabs {\r\n  position: relative;\r\n  .el-tabs__header {\r\n    position: sticky;\r\n    top: 0;\r\n    background-color: #fff;\r\n    z-index: 1997;\r\n  }\r\n}\r\n</style> -->\r\n\r\n<style scoped lang=\"scss\">\r\n.operation-box {\r\n  max-height: var(--dynamic-ctx-height);\r\n  overflow: auto;\r\n  padding-right: 20px;\r\n}\r\n.el-dropdown-menu__item {\r\n  min-width: 140px;\r\n  border-bottom: 1px solid #e8e8e8;\r\n  .el-button--text {\r\n    color: #333 !important;\r\n  }\r\n  &:hover {\r\n    .el-button--text {\r\n      color: #1389ff !important;\r\n    }\r\n  }\r\n  &:last-child {\r\n    border: none !important;\r\n  }\r\n}\r\n.el-dropdown-menu {\r\n  padding-bottom: 30px;\r\n}\r\n.mianContent {\r\n  & > .tabs {\r\n    & > .demo-tabs {\r\n      & > ::v-deep .el-tabs__header {\r\n        position: sticky;\r\n        top: -20px;\r\n        background-color: #fff;\r\n        z-index: 1997;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.top-tabs {\r\n  position: fixed;\r\n  top: 62px;\r\n  background-color: #fff;\r\n  right: 0px;\r\n  z-index: 1997;\r\n}\r\n.mianContent {\r\n  height: 100%;\r\n  overflow: hidden;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  // margin-top: 20px;\r\n  // padding-top: 20px;\r\n  // width: 100%;\r\n  /* // margin-bottom: 10px; */\r\n  // overflow: hidden;\r\n  .demo-tabs {\r\n    flex: 1;\r\n    height: 0;\r\n    // height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    ::v-deep .el-tabs__content {\r\n      flex: 1;\r\n      height: 0;\r\n      &::-webkit-scrollbar {\r\n        width: 0;\r\n      }\r\n    }\r\n    ::v-deep .el-tab-pane {\r\n      height: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      overflow-y: auto;\r\n      &.pane-流程图 {\r\n        .bpmn-look {\r\n          height: 0;\r\n          flex: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.mianContent .rowtitle {\r\n  /* margin-top: 24px; */\r\n  margin-bottom: 16px;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n\r\n  border-left: 4px solid #1389ff;\r\n  padding-left: 9px;\r\n}\r\n\r\n.mianContent .topCard {\r\n  overflow: hidden;\r\n  /* // border: 1px solid #DADBDE; */\r\n}\r\n\r\n.mianContent .topCard .topRow {\r\n  display: flex;\r\n  /* // line-height: 46px; */\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 32px;\r\n}\r\n\r\n.mianContent .topCard .topRow div:first-child {\r\n  color: #333333;\r\n}\r\n\r\n.mianContent .topCard .topRow div:last-child {\r\n  color: #777777;\r\n  padding-left: 10px;\r\n}\r\n\r\n.mianContent .topCard .topRow div.process-mliv-dd {\r\n  /* // height: 26px; */\r\n  min-width: 30px;\r\n  padding: 0px 16px;\r\n  border-radius: 4px;\r\n  background: #1389ff;\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 12px;\r\n  margin-left: 10px;\r\n}\r\n\r\n.mianContent .tabs {\r\n  /* // margin-bottom: 60px; */\r\n  height: 0;\r\n  flex: 1;\r\n  overflow: visible !important;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.mianContent .tabs :deep(.is-active) {\r\n  font-size: 16px;\r\n}\r\n\r\n// .mianContent .tabs :deep(.el-tabs__content) {\r\n//   height: calc(100% - 55px);\r\n//   /* 修改BUGID：1003401  */\r\n//   overflow: auto;\r\n// }\r\n.mianContent .tabs :deep(.el-tabs__header) {\r\n  position: sticky;\r\n  top: 0;\r\n  background-color: #fff;\r\n  z-index: 1997;\r\n}\r\n\r\n// .mianContent .tabs :deep(.el-tabs__content)::-webkit-scrollbar {\r\n//   width: 0;\r\n// }\r\n\r\n.mianContent .topBtnRow {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  height: 100%;\r\n}\r\n\r\n.mianContent .footBtnRow {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  // height: 100%;\r\n  position: fixed;\r\n  bottom: 0;\r\n  right: 20px;\r\n  height: 50px;\r\n  border-top: 1px solid #dadbde;\r\n  margin-top: 10px;\r\n  background-color: #fff;\r\n  z-index: 1001;\r\n  .el-button {\r\n    min-width: 74px;\r\n    height: 36px;\r\n    border-radius: 6px;\r\n  }\r\n}\r\n\r\n.formInput {\r\n  width: 90%;\r\n}\r\n\r\n.dialog :deep(.el-dialog__header) {\r\n  padding: 18px 24px;\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n}\r\n\r\n.dialog ::v-deep.el-dialog__body {\r\n  border-top: 1px solid #dadbde;\r\n  border-bottom: 1px solid #dadbde;\r\n  overflow: visible;\r\n  padding-right: 10px;\r\n}\r\n\r\n.dialog :deep(.el-dialog__footer) {\r\n  padding: 12px;\r\n  text-align: center;\r\n}\r\n.dialog {\r\n  .el-dialog__header {\r\n    padding: 18px 24px;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.dialog :deep(.el-dialog__body) {\r\n  border-top: 1px solid #dadbde;\r\n  border-bottom: 1px solid #dadbde;\r\n  overflow: visible;\r\n}\r\n\r\n.dialog {\r\n  .el-dialog__body {\r\n    padding: 45px 30px;\r\n  }\r\n  .el-dialog__footer {\r\n    padding: 12px !important;\r\n    text-align: center;\r\n  }\r\n  .el-dialog__headerbtn {\r\n    top: 10px;\r\n    right: 16px;\r\n  }\r\n}\r\n.view-file {\r\n  color: #1389ff;\r\n  cursor: pointer;\r\n}\r\n.view-node-info {\r\n  cursor: pointer;\r\n  color: #1389ff;\r\n  margin-left: 34px;\r\n  font-size: 16px;\r\n}\r\n.iconsR {\r\n  cursor: pointer;\r\n  transform: rotate(90deg);\r\n}\r\n::v-deep .task .el-radio-group {\r\n  .el-radio--small.is-bordered {\r\n    margin: 0 20px;\r\n  }\r\n  .el-radio.is-bordered + .el-radio.is-bordered {\r\n    margin: 5px 20px;\r\n  }\r\n}\r\n.sign-img {\r\n  width: 60px;\r\n  height: 60px;\r\n}\r\n</style>\r\n"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$5 = "data-v-6177206d";
+  const __vue_scope_id__$5 = "data-v-6c0aa992";
   /* module identifier */
   const __vue_module_identifier__$5 = undefined;
   /* functional template */
@@ -11291,7 +10208,6 @@ var script$2 = {
       info = {
         appId: "",
         businessCode: "",
-        businessType: "",
         keyWord: "",
         businessDeptId: "",
         userInfo: {},
@@ -11304,7 +10220,7 @@ var script$2 = {
       this.revival = false;
       this._appId = info.appId;
       this._businessDeptId = info.businessDeptId;
-      this.businessCode = info.businessCode || info.businessType;
+      this.businessCode = info.businessCode;
       this.userInfo = info.userInfo;
       // 获取部门id
       this.deptId = info.userInfo.deptId;
@@ -11891,12 +10807,12 @@ __vue_render__$2._withStripped = true;
   /* style */
   const __vue_inject_styles__$2 = function (inject) {
     if (!inject) return
-    inject("data-v-1b8bde7a_0", { source: ".flow-dialog .el-dialog__header {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.flow-dialog :deep(.el-dialog__body) {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n  overflow-x: hidden;\n}\n.flow-dialog .el-dialog__footer {\n  padding: 12px !important;\n  text-align: center;\n}\n.flow-dialog .el-dialog__headerbtn {\n  top: 10px;\n  right: 16px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\beforeCreate.vue","beforeCreate.vue"],"names":[],"mappings":"AAo4BA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;ACn4BA;ADu4BA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,kBAAA;ACp4BA;ADw4BA;EACA,wBAAA;EACA,kBAAA;ACr4BA;ADu4BA;EACA,SAAA;EACA,WAAA;ACr4BA;;AAEA,2CAA2C","file":"beforeCreate.vue","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog\r\n      :visible.sync=\"flag\"\r\n      width=\"45%\"\r\n      class=\"flow-dialog\"\r\n      :close-on-click-modal=\"false\"\r\n      :title=\"revival ? '流程复活' : '创建并启动流程'\"\r\n      append-to-body\r\n      @closed=\"onClickCancel\"\r\n    >\r\n      <el-form\r\n        class=\"create-form\"\r\n        @submit.native.prevent\r\n        label-width=\"200px\"\r\n        status-icon\r\n      >\r\n        <el-form-item label=\"当前流程\" size=\"normal\" :rules=\"[{ required: true, message: '请选择流程' }]\">\r\n          <el-select\r\n            v-model=\"processDefId\"\r\n            v-if=\"processDefList.length > 1\"\r\n            style=\"width: 65%; margin-right: 10px\"\r\n            filterable\r\n            clearable\r\n            @change=\"processDefChange\"\r\n            placeholder=\"请选择\"\r\n          >\r\n            <el-option\r\n              v-for=\"(item, index) in processDefList\"\r\n              :key=\"item.id\"\r\n              :label=\"item.name\"\r\n              :value=\"item.id\"\r\n              :disabled=\"item.disabled\"\r\n            ></el-option>\r\n          </el-select>\r\n          <b class=\"process-def-name\" v-else>\r\n            {{ processDefName }}\r\n          </b>\r\n          <div\r\n            @click=\"viewFlowChart\"\r\n            v-if=\"processDefId\"\r\n            class=\"view-node-info\"\r\n            style=\"margin-right: 10px\"\r\n          >\r\n            预览\r\n          </div>\r\n          <div\r\n            @click=\"viewFlowForecast\"\r\n            v-if=\"processDefId && showFlowForecast\"\r\n            class=\"view-node-info\">\r\n            流程预测\r\n          </div>\r\n        </el-form-item>\r\n\r\n        <!-- 如果没有传入部门，则需要选择部门 -->\r\n        <el-form-item v-if=\"!hasDeptId\" label=\"选择部门\"  :rules=\"[{ required: true, message: '请选择部门' }]\">\r\n          <selectDept\r\n            class=\"dept-tree\"\r\n            :deptId=\"deptId\"\r\n            :ops=\"deptList\"\r\n            @input=\"handleDeptChange\"\r\n          />\r\n        </el-form-item>\r\n\r\n        <div class=\"node-list\" v-if=\"deptId\">\r\n          <el-form-item\r\n            v-if=\"processList && processList.length > 0\"\r\n            label=\"下一步处理节点\"\r\n            size=\"normal\"\r\n          >\r\n          </el-form-item>\r\n          <template v-if=\"processList.length > 0\">\r\n            <template v-for=\"(item, index) in processList\" >\r\n            <userTask\r\n              :index=\"index\"\r\n              :personType=\"personType\"\r\n              :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n              :processNode=\"{\r\n                ...item,\r\n                REQUIRED: index == 0 ? true : false,\r\n              }\"\r\n              label=\"处理人\"\r\n              :rules=\"[{ required: index == 0 ? true : false, message: '请选择审批人' }]\"\r\n              :ref=\"setItemRef(item.id)\"\r\n              @complete=\"complete\"\r\n            ></userTask>\r\n            <div class=\"user-task-split\" v-if=\"index !== processList.length - 1\"></div>\r\n            </template>\r\n          </template>\r\n\r\n          <!-- <template v-if=\"otherProcessList.length > 0 && other\">\r\n            <el-form-item\r\n              v-if=\"processList && processList.length > 0\"\r\n              label=\"其他处理节点\"\r\n              size=\"normal\"\r\n            >\r\n            </el-form-item>\r\n\r\n            <template v-if=\"processList.length > 0\">\r\n              <userTask\r\n                v-for=\"item in otherProcessList\"\r\n                :personType=\"personType\"\r\n                :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n                :key=\"item.id\"\r\n                :processNode=\"item\"\r\n                :noprop=\"true\"\r\n                :ref=\"setItemRef(item.id)\"\r\n              ></userTask>\r\n            </template>\r\n          </template> -->\r\n        </div>\r\n      </el-form>\r\n      <template #footer>\r\n        <el-button\r\n          :loading=\"btnLoading\"\r\n          type=\"primary\"\r\n          @click=\"onClickOperation\"\r\n          >确 定</el-button\r\n        >\r\n        <el-button :loading=\"btnLoading\" @click=\"onClickCancel\"\r\n          >取 消</el-button\r\n        >\r\n      </template>\r\n    </el-dialog>\r\n\r\n    <!-- <div class=\"dialog\"> -->\r\n    <el-dialog\r\n      :visible.sync=\"flowChartVisible\"\r\n      width=\"60%\"\r\n      append-to-body\r\n      title=\"流程图信息\"\r\n      class=\"track-view\"\r\n      v-dialogDrag\r\n    >\r\n      <bpmnLook v-if=\"flowChartVisible && processXml\" ref=\"PreviewRef\" :diagram=\"processXml\"></bpmnLook>\r\n      <!-- <iframe\r\n        :src=\"trackUrl\"\r\n        frameborder=\"0\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n      /> -->\r\n      <!-- <el-image :src=\"trackUrl\"></el-image> -->\r\n    </el-dialog>\r\n\r\n    <el-dialog\r\n      :visible.sync=\"flowForecastVisible\"\r\n      width=\"45%\"\r\n      append-to-body\r\n      title=\"流程预测\"\r\n      v-dialogDrag\r\n      @close=\"flowForecastClose\"\r\n    >\r\n      <div style=\"margin-left: 20px;\">\r\n        <div v-html=\"flowForecastData.completeTime\" style=\"margin-left: 40px;margin-bottom: 20px;\"></div>\r\n        <el-timeline>\r\n          <el-timeline-item\r\n            v-for=\"(activity, index) in flowForecastData.processBudgetModelList\"\r\n            :key=\"index\"\r\n            icon=\"el-icon-check\"\r\n            :color=\"index==0 ? '#009800': activity.color\"\r\n            :timestamp=\"activity.title\" placement=\"top\">\r\n            <div>\r\n              <span style=\"color:#009800;\">\r\n                <i class=\"el-icon-s-custom\" style=\"margin-right: 5px;\"></i>\r\n                执行人：{{activity.excutor}}\r\n              </span>\r\n            </div>\r\n          </el-timeline-item>\r\n        </el-timeline> \r\n      </div>\r\n    </el-dialog>\r\n    \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"./api\";\r\nimport * as Enum from \"./enum\";\r\nimport userTask from \"./operation/userTask.vue\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport bpmnLook from \"./bpmnLook.vue\";\r\nimport selectDept from \"./operation/selectDept.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n  components: { userTask, bpmnLook, selectDept },\r\n  props: {\r\n    extraReqParams: {\r\n      type: Object,\r\n      default: function() {\r\n        return {}\r\n      },\r\n    },\r\n    other: {\r\n      default: true,\r\n    },\r\n    personType: \"\",\r\n    personEntity: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    beforeFunction:{\r\n      type: Function,\r\n      default: null\r\n    },\r\n    showFlowForecast: {\r\n      default: false,\r\n      type: Boolean,\r\n    },\r\n    flowForecastFunction:{\r\n      type: Function,\r\n      default: null\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      revivalVars: {},\r\n      processData: {},\r\n      absoluteTaskId: '',\r\n      userTaskListData: {},\r\n      flag: false,\r\n      revival: false,\r\n      flowChartVisible: false,\r\n      flowForecastVisible: false,\r\n      flowForecastData:{\r\n        completeTime:'',\r\n        processBudgetModelList:[]\r\n      },\r\n      flowForecastProcessInstId: '',\r\n      btnLoading: false,\r\n      processList: [],\r\n      processDefId: \"\",\r\n      processInstId: '',\r\n      processDefName: \"\",\r\n      businessId: \"\",\r\n      trackUrl: \"\",\r\n      processDefList: [],\r\n      otherProcessList: [],\r\n      callback: {},\r\n      cancelCallBack: {},\r\n      _multiNodeParticipant: [],\r\n      _businessDeptId: \"\",\r\n      businessCode: \"\",\r\n      _vars: {},\r\n      _appId: '',\r\n      deptList: [],\r\n      userInfo: {},\r\n      hasDeptId: false,\r\n      deptId: '',\r\n      subjectId: '',\r\n      processXml: '',\r\n    };\r\n  },\r\n  provide () {\r\n    return {\r\n      getUserInfo: this.getUserInfo,\r\n    }\r\n  },\r\n  methods: {\r\n    getUserInfo () {\r\n      return {\r\n        deptId: this.deptId,\r\n        subjectId: this.subjectId,\r\n      }\r\n    },\r\n    handleDeptChange(val) {\r\n      console.log(val, 'val')\r\n      this.deptId = val\r\n      this.getUserDataByDeptId()\r\n    },\r\n    complete(data) {\r\n      console.log(data, 'complete')\r\n    },\r\n    setLoading(e) {\r\n      this.btnLoading = e;\r\n    },\r\n    async getXml(id) {\r\n      console.log(this.isXml, 'isxml')\r\n      let res = {}\r\n      let xml = ''\r\n      try {\r\n        res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n        console.log(res, 'res')\r\n        if (res.code == 200) {\r\n          xml = res.data;\r\n        }\r\n      } catch (e) {\r\n        console.error(e)\r\n      }\r\n      return xml;\r\n    },\r\n    async viewFlowChart() {\r\n      this.flowChartVisible = true;\r\n      this.processXml = await this.getXml(this.processDefId)\r\n      // 打开预览窗口，后续代码不使用了\r\n      if (Date.now()) return;\r\n      api.repository\r\n        .getDiagramUrl({\r\n          processDefId: this.processDefId,\r\n          diagramType: 1,\r\n          type: Enum.SourceType.电脑端,\r\n        })\r\n        .then((res) => {\r\n          res.data.url = 'http://localhost:2888/saber/#/flowPreview'\r\n          this.trackUrl = this.getNewUrl(res.data.url, {...res.data})\r\n          if (Date.now()) {\r\n            this.flowChartVisible = true;\r\n            return;\r\n          }\r\n          if (res.code == Enum.apiCode.success) {\r\n            if (window.location.protocol == \"https:\") {\r\n              if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183:80/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://acme-aws.ddzg.cn/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.231:8088/\",\r\n                  \"https://acme-test.ddzg.cn:2119/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.230:8088/\",\r\n                  \"https://kq.ddzg.cn:8093/\"\r\n                )\r\n              } else {\r\n                this.trackUrl = res.data\r\n              }\r\n            } else {\r\n              this.trackUrl = res.data;\r\n            }\r\n            this.flowChartVisible = true;\r\n          }\r\n        });\r\n    },\r\n    // 判断url和当前网页的url域名是否相同\r\n    isSameDomain(url) {\r\n      return url.indexOf(window.location.host) != -1\r\n    },\r\n    // 根据url和query对象，拼接一个新的链接\r\n    getNewUrl(url, query) {\r\n      let queryStr = ''\r\n      for (let key in query) {\r\n        queryStr += `${key}=${query[key]}&`\r\n      }\r\n      // 判断url和当前网页的url域名是否相同\r\n      if(!this.isSameDomain(url)){\r\n        // 如果不同，则query要加上token，从localstorage获取\r\n        let token = localStorage.getItem('token');\r\n        queryStr += `token=${token}&`\r\n      }\r\n      queryStr = queryStr.slice(0, -1)\r\n      return `${url}?${queryStr}`\r\n    },\r\n    viewFlowForecast(){\r\n      if(this.flowForecastFunction){\r\n        this.flowForecastFunction()\r\n      }else {\r\n        this.forecast({\r\n          appId: this._appId ,\r\n          title: '1',//title不能为空，随便传的一个值\r\n        })   \r\n      } \r\n    },\r\n    forecast(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n        .getProcessForecast({\r\n          processDefId: this.processDefId,\r\n          ...data,\r\n        })\r\n        .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              if(e.data && e.data.processBudgetModelList && e.data.processBudgetModelList.length){\r\n                this.flowForecastProcessInstId = e.data.processBudgetModelList[0].processInstId\r\n              }else{\r\n                e.data.processBudgetModelList = []\r\n                this.flowForecastProcessInstId = ''\r\n              }\r\n              this.flowForecastData = e.data \r\n              this.flowForecastVisible = true;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程预测失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    flowForecastClose(){\r\n      if(this.flowForecastProcessInstId){\r\n        api.pis\r\n        .deleteProcessById(this.flowForecastProcessInstId)\r\n        .then((res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.flowForecastVisible = false;\r\n            this.flowForecastData = {\r\n              completeTime:'',\r\n              processBudgetModelList:[]\r\n            }\r\n            this.flowForecastProcessInstId = ''\r\n          }\r\n        });\r\n      }else{\r\n        this.flowForecastVisible = false;  \r\n        this.flowForecastData = {\r\n          completeTime:'',\r\n          processBudgetModelList:[]\r\n        }\r\n      }\r\n    },\r\n    processDefChange(processId) {\r\n      this.processDefId = processId;\r\n      api.repository.getFirstProcessNode(this.processDefId).then(async (res) => {\r\n        if (res.code == Enum.apiCode.success) {\r\n          this.processList = res.data;\r\n          this.flag = true;\r\n\r\n          // 获取部门\r\n          await this.getNodeUserDept()\r\n          // // 获取部门id\r\n          // const deptId = info.userInfo.deptId\r\n          // this.deptId = deptId\r\n          // 没有传入部门，则需要在选择部门后进行后续操作\r\n          if (!this.deptId) return;\r\n          this.getUserDataByDeptId()\r\n          // 获取人员，没有人则是之前的选人逻辑\r\n\r\n          // api.repository\r\n          //   .getAfferentParticipantNodeList(this.processDefId)\r\n          //   .then((e) => {\r\n          //     this.otherProcessList = e.data.filter((el) => {\r\n          //       return el[\"id\"] != this.processList[0][\"id\"];\r\n          //     });\r\n          //     this.otherProcessList.map((el) => {\r\n          //       el[\"REQUIRED\"] = false;\r\n          //     });\r\n          //   });\r\n        }\r\n      });\r\n      // api.repository.getAfferentParticipantNodeList(processId).then((res) => {\r\n      //   if (res.code == Enum.apiCode.success) {\r\n      //     res.data.map((item) => {\r\n      //       item.type = \"UserTaskModel\";\r\n      //     });\r\n      //     this.processList = res.data;\r\n      //     let tmp = JSON.parse(JSON.stringify(res.data));\r\n      //     tmp.shift();\r\n      //     this.otherProcessList = tmp;\r\n      //   }\r\n      // });\r\n    },\r\n    setItemRef(key) {\r\n      this.userTaskListData[key] = \"userTask\" + key;\r\n      return this.userTaskListData[key];\r\n    },\r\n    isOption(humanPerformer) {\r\n      return (\r\n        humanPerformer == \"任意指定\" ||\r\n        humanPerformer == \"固定部门\" ||\r\n        humanPerformer == \"固定单位\" ||\r\n        humanPerformer == \"固定群组\"\r\n      );\r\n    },\r\n    createAndStart(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n          .createAndStart({\r\n            processDefId: this.processDefId,\r\n            multiNodeParticipant: this._multiNodeParticipant,\r\n            firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n            // vars: this._businessDeptId\r\n            //   ? { _businessDeptId: this._businessDeptId, ...this._vars }\r\n            //   : this._vars,\r\n            vars: {\r\n              showType: \"all\",\r\n              subjectId: this.subjectId,\r\n              deptId: this.deptId,\r\n              businessType: this.businessCode,\r\n              ...data,\r\n              ...this._vars,\r\n            }\r\n          })\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程启动失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    revivalFlow(data = {}, history = false, msg = \"流程复活\") {\r\n      console.log(msg, '流程复活')\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        const vars = {\r\n          ...this.revivalVars,\r\n          showType: \"all\",\r\n          subjectId: this.subjectId,\r\n          deptId: this.deptId,\r\n          businessType: this.businessCode,\r\n          ...data,\r\n          ...this._vars,\r\n        }\r\n        Object.keys(vars).forEach((key) => {\r\n          // 字符串转小写\r\n          const fk = key.toLowerCase();\r\n          if (fk.includes('_')) {\r\n            delete vars[key];\r\n          }\r\n          if (fk == 'appShow') {\r\n            delete vars[key];\r\n          }\r\n        })\r\n        api.pis\r\n          .reactivate(\r\n            {\r\n              reactivate: true,\r\n              processDefId: this.processDefId,\r\n              processInstId: this.processInstId,\r\n              isClearHistory: this.isClearHistory,\r\n              // reactivateReason: \"重新提交\",\r\n              multiNodeParticipant: this._multiNodeParticipant,\r\n              firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n              vars,\r\n            },\r\n            \"\",\r\n            this.businessId,\r\n            msg,\r\n            \"\",\r\n            history,\r\n            this._multiNodeParticipant,\r\n            this.extraReqParams,\r\n          )\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程复活失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    Show(processDefId, appid = \"\", revival = false) {\r\n      this.processList = [];\r\n      this.revival = revival;\r\n      this.processDefId = processDefId;\r\n\r\n      if (appid) {\r\n        api.repository.getProcessDefList(appid, \"\").then((e) => {\r\n          if (e.code == Enum.apiCode.success) {\r\n            e.data.map((item) => {\r\n              if (item.id == processDefId) {\r\n                this.processDefName = item.name;\r\n              }\r\n            });\r\n          }\r\n        });\r\n      }\r\n\r\n      return new Promise((resolve, reject) => {\r\n        this.cancelCallBack = reject;\r\n        api.repository.getFirstProcessNode(processDefId).then(async (res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.processList = res.data;\r\n            this.flag = true;\r\n\r\n            // 获取部门\r\n            await this.getNodeUserDept()\r\n            // 没有传入部门，则需要在选择部门后进行后续操作\r\n            if (!this.deptId) return;\r\n            this.getUserDataByDeptId()\r\n\r\n            this.callback = resolve;\r\n            // api.repository\r\n            //   .getAfferentParticipantNodeList(processDefId)\r\n            //   .then((e) => {\r\n            //     this.otherProcessList = e.data.filter((el) => {\r\n            //       return el[\"id\"] != this.processList[0][\"id\"];\r\n            //     });\r\n            //     this.otherProcessList.map((el) => {\r\n            //       el[\"REQUIRED\"] = false;\r\n            //     });\r\n            //   });\r\n          }\r\n        });\r\n      });\r\n    },\r\n    selectShow(\r\n      info = {\r\n        appId: \"\",\r\n        businessCode: \"\",\r\n        businessType: \"\",\r\n        keyWord: \"\",\r\n        businessDeptId: \"\",\r\n        userInfo: {},\r\n      }\r\n    ) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      this._appId = info.appId\r\n      this._businessDeptId = info.businessDeptId;\r\n      this.businessCode = info.businessCode || info.businessType;\r\n      this.userInfo = info.userInfo;\r\n      // 获取部门id\r\n      this.deptId = info.userInfo.deptId\r\n      // 获取主体id\r\n      this.subjectId = info.userInfo.subjectId\r\n      this.hasDeptId = !!info.userInfo.deptId\r\n      console.log('======_businessDeptId',this._businessDeptId);\r\n      return new Promise((resolve, reject) => {\r\n        console.log(reject, 'reject')\r\n        this.cancelCallBack = reject;\r\n        api.repository\r\n          .getProcessDefListNew(info)\r\n          .then((e) => {\r\n            if (e.code == Enum.apiCode.success) {\r\n              if (e.data.length == 1) {\r\n                this.processDefList = e.data;\r\n                this.processDefId = e.data[0].id;\r\n                this.processDefName = e.data[0].name;\r\n                api.repository\r\n                  .getFirstProcessNode(this.processDefId)\r\n                  .then(async (res) => {\r\n                    if (res.code == Enum.apiCode.success) {\r\n                      console.log(res, 'res')\r\n                      this.processList = res.data;\r\n                      this.flag = true;\r\n                      this.callback = resolve;\r\n                      // 获取部门\r\n                      await this.getNodeUserDept()\r\n                      // 没有传入部门，则需要在选择部门后进行后续操作\r\n                      if (!this.deptId) return;\r\n                      this.getUserDataByDeptId()\r\n                      // 获取人员，没有人则是之前的选人逻辑\r\n\r\n                      \r\n                      // api.repository\r\n                      //   .getAfferentParticipantNodeList(this.processDefId)\r\n                      //   .then((e) => {\r\n                      //     this.otherProcessList = e.data.filter((el) => {\r\n                      //       return el[\"id\"] != this.processList[0][\"id\"];\r\n                      //     });\r\n                      //     this.otherProcessList.map((el) => {\r\n                      //       el[\"REQUIRED\"] = false;\r\n                      //     });\r\n                      //   });\r\n                    }\r\n                  });\r\n              } else {\r\n                this.processList = [];\r\n                this.otherProcessList = [];\r\n                this.processDefId = \"\";\r\n                this.processDefName = \"\";\r\n                this.processDefList = e.data;\r\n\r\n                if (info.keyWord) {\r\n                  this.processDefList.map((item) => {\r\n                    if (\r\n                      item.name.indexOf(info.keyWord) != -1 &&\r\n                      !this.processDefId\r\n                    ) {\r\n                      this.processDefId = item.id;\r\n                      this.processDefName = item.name;\r\n                      this.processDefChange(item.id);\r\n                    }\r\n                  });\r\n                }\r\n                this.flag = true;\r\n                this.callback = resolve;\r\n              }\r\n            }\r\n          });\r\n      });\r\n    },\r\n    // 处理routeTxt\r\n    handleRouteTxt(item) {\r\n      let str\r\n      // 交集\r\n      if (item.assigneeRetain == true) {\r\n        return \r\n      }\r\n    },\r\n    // 通过部门id获取流程节点的人员\r\n    getUserDataByDeptId() {\r\n      this.processList.map(async  (item, index) => {\r\n        console.log(item, 'item')\r\n        const nodeUserParams = getNodeUserParams(item)\r\n        let res\r\n        try {\r\n          res = await this.getNodeUser({\r\n            deptId: this.deptId,\r\n            intersection: nodeUserParams.intersection  ? 1 : 0,\r\n            userIds: nodeUserParams.userIds,\r\n            postIds: nodeUserParams.postIds,\r\n            deptIds: nodeUserParams.deptIds,\r\n          })\r\n        } catch (error) {\r\n          console.log(error, 'error')\r\n        }\r\n        if (res.code == Enum.apiCode.success) {\r\n          const l =  this.processList[index]\r\n          l.userList = res.data\r\n          this.$set(this.processList, index, l)\r\n\r\n        }\r\n        // console.log(user, 'user', index)\r\n      })\r\n    },\r\n    // 获取节点的人员\r\n    async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n      return await api.user.getTaskAuditor({\r\n        deptId,\r\n        intersection,\r\n        userIds,\r\n        postIds,\r\n        deptIds\r\n      })\r\n    },\r\n    // 获取节点人员的部门\r\n    async getNodeUserDept() {\r\n      let res = {}\r\n      try {\r\n          res = await api.user.getSelectTree()\r\n          console.log(res, 'res')\r\n      } catch (error) {\r\n        console.log(error, 'error')\r\n      }\r\n      console.log(res.data, 'data')\r\n      this.deptList = res.data || []\r\n    },\r\n\r\n    listShow(list) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      return new Promise((resolve, reject) => {\r\n        if (list.length == 1) {\r\n          this.processDefId = list[0].id;\r\n          this.processDefName = list[0].name;\r\n          this.cancelCallBack = reject;\r\n          api.repository.getFirstProcessNode(this.processDefId).then((res) => {\r\n            if (res.code == Enum.apiCode.success) {\r\n              this.processList = res.data;\r\n              this.flag = true;\r\n              this.callback = resolve;\r\n              api.repository\r\n                .getAfferentParticipantNodeList(this.processDefId)\r\n                .then((e) => {\r\n                  this.otherProcessList = e.data.filter((el) => {\r\n                    return el[\"id\"] != this.processList[0][\"id\"];\r\n                  });\r\n                  this.otherProcessList.map((el) => {\r\n                    el[\"REQUIRED\"] = false;\r\n                  });\r\n                });\r\n            }\r\n          });\r\n        } else {\r\n          this.processDefList = list;\r\n          this.flag = true;\r\n          this.callback = resolve;\r\n        }\r\n      });\r\n    },\r\n    // 流程\r\n    async getProcessInfo({ taskId, processInstId }) {\r\n\r\n      let res = {};\r\n      try {\r\n        res = await api.tis.getTaskModelDetail(taskId ? {\r\n          processInstId,\r\n          taskId,\r\n        } : {\r\n          processInstId,\r\n        })\r\n      } catch (e) {\r\n        res = {}\r\n      }\r\n      \r\n      if (res.code == 200) {\r\n          \r\n        }\r\n      return res\r\n    },\r\n    async revivalShow({ processInstId, businessId, taskId, deptId }) {\r\n      this.processInstId = processInstId\r\n      this.hasDeptId = !!deptId\r\n      let res = await this.getProcessInfo({ taskId, processInstId })\r\n      // let res = await api.pis.getProcessInstanceByBusinessKey(businessId);\r\n      if (res.code == 200) {\r\n        this.processData = {\r\n          ...this.initProcessData,\r\n          ...(res.data || {}),\r\n        };\r\n        const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n        this.deptId = deptId\r\n        this._businessDeptId = deptId\r\n        this.hasDeptId = !!deptId\r\n        const taskId = (this.processData.process || {}).taskId\r\n        this.absoluteTaskId = taskId\r\n        console.log(deptId, 'id')\r\n\r\n        this.revival = true;\r\n        this.businessId = businessId;\r\n        this.subjectId = res.data.process.variables.subjectId\r\n        this.businessCode = res.data.process.variables.businessType\r\n        this.revivalVars = res.data.process.variables;\r\n\r\n        this.processDefId = res.data.process.processDefinitionId;\r\n        this.processDefName = res.data.process.processDefinitionName;\r\n        this.processDefList = [];\r\n        \r\n        return this.Show(res.data.process.processDefinitionId, \"\", true);\r\n      }\r\n      \r\n    },\r\n    onClickOperation() {\r\n      if(!this.processDefId || this.processDefId==''){\r\n        ElMessage.warning(\"请选择流程\");\r\n        return false;\r\n      }\r\n      let multiNodeParticipant = {},\r\n        vars = {};\r\n      for (let key in this.userTaskListData) {\r\n        let o = this.userTaskListData[key];\r\n        let refCom = this.$refs[o][0];\r\n        let res = refCom\r\n          ? refCom.getValue()\r\n          : { multiNodeParticipant: [], vars: {} };\r\n        if (!res) {\r\n          return false;\r\n        }\r\n        console.log(res, 'res')\r\n        multiNodeParticipant = {\r\n          ...multiNodeParticipant,\r\n          ...res.multiNodeParticipant,\r\n        };\r\n        vars = { ...vars, ...res.vars };\r\n        console.log(vars, 'vars')\r\n      }\r\n      this._multiNodeParticipant = multiNodeParticipant;\r\n      this._vars = vars;\r\n      if(this.beforeFunction){\r\n        this.beforeFunction()\r\n      }else if (this.callback) {\r\n        this.callback(this.revival ? this.revivalFlow : this.createAndStart);\r\n      }\r\n      // this.flag = false;\r\n    },\r\n    onClickCancel() {\r\n      this.flag = false;\r\n      this.btnLoading = false;\r\n      if (this.cancelCallBack) this.cancelCallBack();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.flow-dialog {\r\n  .el-dialog__header {\r\n    padding: 18px 24px;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.flow-dialog :deep(.el-dialog__body) {\r\n  border-top: 1px solid #dadbde;\r\n  border-bottom: 1px solid #dadbde;\r\n  overflow: visible;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.flow-dialog {\r\n  .el-dialog__footer {\r\n    padding: 12px !important;\r\n    text-align: center;\r\n  }\r\n  .el-dialog__headerbtn {\r\n    top: 10px;\r\n    right: 16px;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dept-tree {\r\n    width: 65%;\r\n}\r\n\r\n.process-def-name {\r\n  font-weight: bold;\r\n  margin-right: 20px;\r\n  font-size: 16px;\r\n}\r\n.view-node-info {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  color: #1389ff;\r\n  font-size: 14px;\r\n  margin: 0;\r\n}\r\n\r\n.create-form {\r\n  .el-form-item__label {\r\n    padding-right: 18px;\r\n  }\r\n  .el-form-item {\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n.node-list {\r\n  max-height: 300px;\r\n  overflow-y: scroll;\r\n}\r\n.track-view {\r\n  .el-dialog__body {\r\n    display: flex;\r\n    justify-content: center;\r\n    height: 600px;\r\n    position: relative;\r\n  }\r\n}\r\niframe {\r\n  min-height: 500px;\r\n}\r\n</style>\r\n",".flow-dialog .el-dialog__header {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n\n.flow-dialog :deep(.el-dialog__body) {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n  overflow-x: hidden;\n}\n\n.flow-dialog .el-dialog__footer {\n  padding: 12px !important;\n  text-align: center;\n}\n.flow-dialog .el-dialog__headerbtn {\n  top: 10px;\n  right: 16px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */"]}, media: undefined })
-,inject("data-v-1b8bde7a_1", { source: ".dept-tree[data-v-1b8bde7a] {\n  width: 65%;\n}\n.process-def-name[data-v-1b8bde7a] {\n  font-weight: bold;\n  margin-right: 20px;\n  font-size: 16px;\n}\n.view-node-info[data-v-1b8bde7a] {\n  display: inline-block;\n  cursor: pointer;\n  color: #1389ff;\n  font-size: 14px;\n  margin: 0;\n}\n.create-form .el-form-item__label[data-v-1b8bde7a] {\n  padding-right: 18px;\n}\n.create-form .el-form-item[data-v-1b8bde7a] {\n  margin-bottom: 10px;\n}\n.node-list[data-v-1b8bde7a] {\n  max-height: 300px;\n  overflow-y: scroll;\n}\n.track-view .el-dialog__body[data-v-1b8bde7a] {\n  display: flex;\n  justify-content: center;\n  height: 600px;\n  position: relative;\n}\niframe[data-v-1b8bde7a] {\n  min-height: 500px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\beforeCreate.vue","beforeCreate.vue"],"names":[],"mappings":"AAi6BA;EACA,UAAA;ACh6BA;ADm6BA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;ACh6BA;ADk6BA;EACA,qBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,SAAA;AC/5BA;ADm6BA;EACA,mBAAA;ACh6BA;ADk6BA;EACA,mBAAA;ACh6BA;ADm6BA;EACA,iBAAA;EACA,kBAAA;ACh6BA;ADm6BA;EACA,aAAA;EACA,uBAAA;EACA,aAAA;EACA,kBAAA;ACh6BA;ADm6BA;EACA,iBAAA;ACh6BA;;AAEA,2CAA2C","file":"beforeCreate.vue","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog\r\n      :visible.sync=\"flag\"\r\n      width=\"45%\"\r\n      class=\"flow-dialog\"\r\n      :close-on-click-modal=\"false\"\r\n      :title=\"revival ? '流程复活' : '创建并启动流程'\"\r\n      append-to-body\r\n      @closed=\"onClickCancel\"\r\n    >\r\n      <el-form\r\n        class=\"create-form\"\r\n        @submit.native.prevent\r\n        label-width=\"200px\"\r\n        status-icon\r\n      >\r\n        <el-form-item label=\"当前流程\" size=\"normal\" :rules=\"[{ required: true, message: '请选择流程' }]\">\r\n          <el-select\r\n            v-model=\"processDefId\"\r\n            v-if=\"processDefList.length > 1\"\r\n            style=\"width: 65%; margin-right: 10px\"\r\n            filterable\r\n            clearable\r\n            @change=\"processDefChange\"\r\n            placeholder=\"请选择\"\r\n          >\r\n            <el-option\r\n              v-for=\"(item, index) in processDefList\"\r\n              :key=\"item.id\"\r\n              :label=\"item.name\"\r\n              :value=\"item.id\"\r\n              :disabled=\"item.disabled\"\r\n            ></el-option>\r\n          </el-select>\r\n          <b class=\"process-def-name\" v-else>\r\n            {{ processDefName }}\r\n          </b>\r\n          <div\r\n            @click=\"viewFlowChart\"\r\n            v-if=\"processDefId\"\r\n            class=\"view-node-info\"\r\n            style=\"margin-right: 10px\"\r\n          >\r\n            预览\r\n          </div>\r\n          <div\r\n            @click=\"viewFlowForecast\"\r\n            v-if=\"processDefId && showFlowForecast\"\r\n            class=\"view-node-info\">\r\n            流程预测\r\n          </div>\r\n        </el-form-item>\r\n\r\n        <!-- 如果没有传入部门，则需要选择部门 -->\r\n        <el-form-item v-if=\"!hasDeptId\" label=\"选择部门\"  :rules=\"[{ required: true, message: '请选择部门' }]\">\r\n          <selectDept\r\n            class=\"dept-tree\"\r\n            :deptId=\"deptId\"\r\n            :ops=\"deptList\"\r\n            @input=\"handleDeptChange\"\r\n          />\r\n        </el-form-item>\r\n\r\n        <div class=\"node-list\" v-if=\"deptId\">\r\n          <el-form-item\r\n            v-if=\"processList && processList.length > 0\"\r\n            label=\"下一步处理节点\"\r\n            size=\"normal\"\r\n          >\r\n          </el-form-item>\r\n          <template v-if=\"processList.length > 0\">\r\n            <template v-for=\"(item, index) in processList\" >\r\n            <userTask\r\n              :index=\"index\"\r\n              :personType=\"personType\"\r\n              :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n              :processNode=\"{\r\n                ...item,\r\n                REQUIRED: index == 0 ? true : false,\r\n              }\"\r\n              label=\"处理人\"\r\n              :rules=\"[{ required: index == 0 ? true : false, message: '请选择审批人' }]\"\r\n              :ref=\"setItemRef(item.id)\"\r\n              @complete=\"complete\"\r\n            ></userTask>\r\n            <div class=\"user-task-split\" v-if=\"index !== processList.length - 1\"></div>\r\n            </template>\r\n          </template>\r\n\r\n          <!-- <template v-if=\"otherProcessList.length > 0 && other\">\r\n            <el-form-item\r\n              v-if=\"processList && processList.length > 0\"\r\n              label=\"其他处理节点\"\r\n              size=\"normal\"\r\n            >\r\n            </el-form-item>\r\n\r\n            <template v-if=\"processList.length > 0\">\r\n              <userTask\r\n                v-for=\"item in otherProcessList\"\r\n                :personType=\"personType\"\r\n                :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n                :key=\"item.id\"\r\n                :processNode=\"item\"\r\n                :noprop=\"true\"\r\n                :ref=\"setItemRef(item.id)\"\r\n              ></userTask>\r\n            </template>\r\n          </template> -->\r\n        </div>\r\n      </el-form>\r\n      <template #footer>\r\n        <el-button\r\n          :loading=\"btnLoading\"\r\n          type=\"primary\"\r\n          @click=\"onClickOperation\"\r\n          >确 定</el-button\r\n        >\r\n        <el-button :loading=\"btnLoading\" @click=\"onClickCancel\"\r\n          >取 消</el-button\r\n        >\r\n      </template>\r\n    </el-dialog>\r\n\r\n    <!-- <div class=\"dialog\"> -->\r\n    <el-dialog\r\n      :visible.sync=\"flowChartVisible\"\r\n      width=\"60%\"\r\n      append-to-body\r\n      title=\"流程图信息\"\r\n      class=\"track-view\"\r\n      v-dialogDrag\r\n    >\r\n      <bpmnLook v-if=\"flowChartVisible && processXml\" ref=\"PreviewRef\" :diagram=\"processXml\"></bpmnLook>\r\n      <!-- <iframe\r\n        :src=\"trackUrl\"\r\n        frameborder=\"0\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n      /> -->\r\n      <!-- <el-image :src=\"trackUrl\"></el-image> -->\r\n    </el-dialog>\r\n\r\n    <el-dialog\r\n      :visible.sync=\"flowForecastVisible\"\r\n      width=\"45%\"\r\n      append-to-body\r\n      title=\"流程预测\"\r\n      v-dialogDrag\r\n      @close=\"flowForecastClose\"\r\n    >\r\n      <div style=\"margin-left: 20px;\">\r\n        <div v-html=\"flowForecastData.completeTime\" style=\"margin-left: 40px;margin-bottom: 20px;\"></div>\r\n        <el-timeline>\r\n          <el-timeline-item\r\n            v-for=\"(activity, index) in flowForecastData.processBudgetModelList\"\r\n            :key=\"index\"\r\n            icon=\"el-icon-check\"\r\n            :color=\"index==0 ? '#009800': activity.color\"\r\n            :timestamp=\"activity.title\" placement=\"top\">\r\n            <div>\r\n              <span style=\"color:#009800;\">\r\n                <i class=\"el-icon-s-custom\" style=\"margin-right: 5px;\"></i>\r\n                执行人：{{activity.excutor}}\r\n              </span>\r\n            </div>\r\n          </el-timeline-item>\r\n        </el-timeline> \r\n      </div>\r\n    </el-dialog>\r\n    \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"./api\";\r\nimport * as Enum from \"./enum\";\r\nimport userTask from \"./operation/userTask.vue\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport bpmnLook from \"./bpmnLook.vue\";\r\nimport selectDept from \"./operation/selectDept.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n  components: { userTask, bpmnLook, selectDept },\r\n  props: {\r\n    extraReqParams: {\r\n      type: Object,\r\n      default: function() {\r\n        return {}\r\n      },\r\n    },\r\n    other: {\r\n      default: true,\r\n    },\r\n    personType: \"\",\r\n    personEntity: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    beforeFunction:{\r\n      type: Function,\r\n      default: null\r\n    },\r\n    showFlowForecast: {\r\n      default: false,\r\n      type: Boolean,\r\n    },\r\n    flowForecastFunction:{\r\n      type: Function,\r\n      default: null\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      revivalVars: {},\r\n      processData: {},\r\n      absoluteTaskId: '',\r\n      userTaskListData: {},\r\n      flag: false,\r\n      revival: false,\r\n      flowChartVisible: false,\r\n      flowForecastVisible: false,\r\n      flowForecastData:{\r\n        completeTime:'',\r\n        processBudgetModelList:[]\r\n      },\r\n      flowForecastProcessInstId: '',\r\n      btnLoading: false,\r\n      processList: [],\r\n      processDefId: \"\",\r\n      processInstId: '',\r\n      processDefName: \"\",\r\n      businessId: \"\",\r\n      trackUrl: \"\",\r\n      processDefList: [],\r\n      otherProcessList: [],\r\n      callback: {},\r\n      cancelCallBack: {},\r\n      _multiNodeParticipant: [],\r\n      _businessDeptId: \"\",\r\n      businessCode: \"\",\r\n      _vars: {},\r\n      _appId: '',\r\n      deptList: [],\r\n      userInfo: {},\r\n      hasDeptId: false,\r\n      deptId: '',\r\n      subjectId: '',\r\n      processXml: '',\r\n    };\r\n  },\r\n  provide () {\r\n    return {\r\n      getUserInfo: this.getUserInfo,\r\n    }\r\n  },\r\n  methods: {\r\n    getUserInfo () {\r\n      return {\r\n        deptId: this.deptId,\r\n        subjectId: this.subjectId,\r\n      }\r\n    },\r\n    handleDeptChange(val) {\r\n      console.log(val, 'val')\r\n      this.deptId = val\r\n      this.getUserDataByDeptId()\r\n    },\r\n    complete(data) {\r\n      console.log(data, 'complete')\r\n    },\r\n    setLoading(e) {\r\n      this.btnLoading = e;\r\n    },\r\n    async getXml(id) {\r\n      console.log(this.isXml, 'isxml')\r\n      let res = {}\r\n      let xml = ''\r\n      try {\r\n        res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n        console.log(res, 'res')\r\n        if (res.code == 200) {\r\n          xml = res.data;\r\n        }\r\n      } catch (e) {\r\n        console.error(e)\r\n      }\r\n      return xml;\r\n    },\r\n    async viewFlowChart() {\r\n      this.flowChartVisible = true;\r\n      this.processXml = await this.getXml(this.processDefId)\r\n      // 打开预览窗口，后续代码不使用了\r\n      if (Date.now()) return;\r\n      api.repository\r\n        .getDiagramUrl({\r\n          processDefId: this.processDefId,\r\n          diagramType: 1,\r\n          type: Enum.SourceType.电脑端,\r\n        })\r\n        .then((res) => {\r\n          res.data.url = 'http://localhost:2888/saber/#/flowPreview'\r\n          this.trackUrl = this.getNewUrl(res.data.url, {...res.data})\r\n          if (Date.now()) {\r\n            this.flowChartVisible = true;\r\n            return;\r\n          }\r\n          if (res.code == Enum.apiCode.success) {\r\n            if (window.location.protocol == \"https:\") {\r\n              if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183:80/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://acme-aws.ddzg.cn/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.231:8088/\",\r\n                  \"https://acme-test.ddzg.cn:2119/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.230:8088/\",\r\n                  \"https://kq.ddzg.cn:8093/\"\r\n                )\r\n              } else {\r\n                this.trackUrl = res.data\r\n              }\r\n            } else {\r\n              this.trackUrl = res.data;\r\n            }\r\n            this.flowChartVisible = true;\r\n          }\r\n        });\r\n    },\r\n    // 判断url和当前网页的url域名是否相同\r\n    isSameDomain(url) {\r\n      return url.indexOf(window.location.host) != -1\r\n    },\r\n    // 根据url和query对象，拼接一个新的链接\r\n    getNewUrl(url, query) {\r\n      let queryStr = ''\r\n      for (let key in query) {\r\n        queryStr += `${key}=${query[key]}&`\r\n      }\r\n      // 判断url和当前网页的url域名是否相同\r\n      if(!this.isSameDomain(url)){\r\n        // 如果不同，则query要加上token，从localstorage获取\r\n        let token = localStorage.getItem('token');\r\n        queryStr += `token=${token}&`\r\n      }\r\n      queryStr = queryStr.slice(0, -1)\r\n      return `${url}?${queryStr}`\r\n    },\r\n    viewFlowForecast(){\r\n      if(this.flowForecastFunction){\r\n        this.flowForecastFunction()\r\n      }else {\r\n        this.forecast({\r\n          appId: this._appId ,\r\n          title: '1',//title不能为空，随便传的一个值\r\n        })   \r\n      } \r\n    },\r\n    forecast(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n        .getProcessForecast({\r\n          processDefId: this.processDefId,\r\n          ...data,\r\n        })\r\n        .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              if(e.data && e.data.processBudgetModelList && e.data.processBudgetModelList.length){\r\n                this.flowForecastProcessInstId = e.data.processBudgetModelList[0].processInstId\r\n              }else{\r\n                e.data.processBudgetModelList = []\r\n                this.flowForecastProcessInstId = ''\r\n              }\r\n              this.flowForecastData = e.data \r\n              this.flowForecastVisible = true;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程预测失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    flowForecastClose(){\r\n      if(this.flowForecastProcessInstId){\r\n        api.pis\r\n        .deleteProcessById(this.flowForecastProcessInstId)\r\n        .then((res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.flowForecastVisible = false;\r\n            this.flowForecastData = {\r\n              completeTime:'',\r\n              processBudgetModelList:[]\r\n            }\r\n            this.flowForecastProcessInstId = ''\r\n          }\r\n        });\r\n      }else{\r\n        this.flowForecastVisible = false;  \r\n        this.flowForecastData = {\r\n          completeTime:'',\r\n          processBudgetModelList:[]\r\n        }\r\n      }\r\n    },\r\n    processDefChange(processId) {\r\n      this.processDefId = processId;\r\n      api.repository.getFirstProcessNode(this.processDefId).then(async (res) => {\r\n        if (res.code == Enum.apiCode.success) {\r\n          this.processList = res.data;\r\n          this.flag = true;\r\n\r\n          // 获取部门\r\n          await this.getNodeUserDept()\r\n          // // 获取部门id\r\n          // const deptId = info.userInfo.deptId\r\n          // this.deptId = deptId\r\n          // 没有传入部门，则需要在选择部门后进行后续操作\r\n          if (!this.deptId) return;\r\n          this.getUserDataByDeptId()\r\n          // 获取人员，没有人则是之前的选人逻辑\r\n\r\n          // api.repository\r\n          //   .getAfferentParticipantNodeList(this.processDefId)\r\n          //   .then((e) => {\r\n          //     this.otherProcessList = e.data.filter((el) => {\r\n          //       return el[\"id\"] != this.processList[0][\"id\"];\r\n          //     });\r\n          //     this.otherProcessList.map((el) => {\r\n          //       el[\"REQUIRED\"] = false;\r\n          //     });\r\n          //   });\r\n        }\r\n      });\r\n      // api.repository.getAfferentParticipantNodeList(processId).then((res) => {\r\n      //   if (res.code == Enum.apiCode.success) {\r\n      //     res.data.map((item) => {\r\n      //       item.type = \"UserTaskModel\";\r\n      //     });\r\n      //     this.processList = res.data;\r\n      //     let tmp = JSON.parse(JSON.stringify(res.data));\r\n      //     tmp.shift();\r\n      //     this.otherProcessList = tmp;\r\n      //   }\r\n      // });\r\n    },\r\n    setItemRef(key) {\r\n      this.userTaskListData[key] = \"userTask\" + key;\r\n      return this.userTaskListData[key];\r\n    },\r\n    isOption(humanPerformer) {\r\n      return (\r\n        humanPerformer == \"任意指定\" ||\r\n        humanPerformer == \"固定部门\" ||\r\n        humanPerformer == \"固定单位\" ||\r\n        humanPerformer == \"固定群组\"\r\n      );\r\n    },\r\n    createAndStart(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n          .createAndStart({\r\n            processDefId: this.processDefId,\r\n            multiNodeParticipant: this._multiNodeParticipant,\r\n            firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n            // vars: this._businessDeptId\r\n            //   ? { _businessDeptId: this._businessDeptId, ...this._vars }\r\n            //   : this._vars,\r\n            vars: {\r\n              showType: \"all\",\r\n              subjectId: this.subjectId,\r\n              deptId: this.deptId,\r\n              businessType: this.businessCode,\r\n              ...data,\r\n              ...this._vars,\r\n            }\r\n          })\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程启动失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    revivalFlow(data = {}, history = false, msg = \"流程复活\") {\r\n      console.log(msg, '流程复活')\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        const vars = {\r\n          ...this.revivalVars,\r\n          showType: \"all\",\r\n          subjectId: this.subjectId,\r\n          deptId: this.deptId,\r\n          businessType: this.businessCode,\r\n          ...data,\r\n          ...this._vars,\r\n        }\r\n        Object.keys(vars).forEach((key) => {\r\n          // 字符串转小写\r\n          const fk = key.toLowerCase();\r\n          if (fk.includes('_')) {\r\n            delete vars[key];\r\n          }\r\n          if (fk == 'appShow') {\r\n            delete vars[key];\r\n          }\r\n        })\r\n        api.pis\r\n          .reactivate(\r\n            {\r\n              reactivate: true,\r\n              processDefId: this.processDefId,\r\n              processInstId: this.processInstId,\r\n              isClearHistory: this.isClearHistory,\r\n              // reactivateReason: \"重新提交\",\r\n              multiNodeParticipant: this._multiNodeParticipant,\r\n              firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n              vars,\r\n            },\r\n            \"\",\r\n            this.businessId,\r\n            msg,\r\n            \"\",\r\n            history,\r\n            this._multiNodeParticipant,\r\n            this.extraReqParams,\r\n          )\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程复活失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    Show(processDefId, appid = \"\", revival = false) {\r\n      this.processList = [];\r\n      this.revival = revival;\r\n      this.processDefId = processDefId;\r\n\r\n      if (appid) {\r\n        api.repository.getProcessDefList(appid, \"\").then((e) => {\r\n          if (e.code == Enum.apiCode.success) {\r\n            e.data.map((item) => {\r\n              if (item.id == processDefId) {\r\n                this.processDefName = item.name;\r\n              }\r\n            });\r\n          }\r\n        });\r\n      }\r\n\r\n      return new Promise((resolve, reject) => {\r\n        this.cancelCallBack = reject;\r\n        api.repository.getFirstProcessNode(processDefId).then(async (res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.processList = res.data;\r\n            this.flag = true;\r\n\r\n            // 获取部门\r\n            await this.getNodeUserDept()\r\n            // 没有传入部门，则需要在选择部门后进行后续操作\r\n            if (!this.deptId) return;\r\n            this.getUserDataByDeptId()\r\n\r\n            this.callback = resolve;\r\n            // api.repository\r\n            //   .getAfferentParticipantNodeList(processDefId)\r\n            //   .then((e) => {\r\n            //     this.otherProcessList = e.data.filter((el) => {\r\n            //       return el[\"id\"] != this.processList[0][\"id\"];\r\n            //     });\r\n            //     this.otherProcessList.map((el) => {\r\n            //       el[\"REQUIRED\"] = false;\r\n            //     });\r\n            //   });\r\n          }\r\n        });\r\n      });\r\n    },\r\n    selectShow(\r\n      info = {\r\n        appId: \"\",\r\n        businessCode: \"\",\r\n        businessType: \"\",\r\n        keyWord: \"\",\r\n        businessDeptId: \"\",\r\n        userInfo: {},\r\n      }\r\n    ) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      this._appId = info.appId\r\n      this._businessDeptId = info.businessDeptId;\r\n      this.businessCode = info.businessCode || info.businessType;\r\n      this.userInfo = info.userInfo;\r\n      // 获取部门id\r\n      this.deptId = info.userInfo.deptId\r\n      // 获取主体id\r\n      this.subjectId = info.userInfo.subjectId\r\n      this.hasDeptId = !!info.userInfo.deptId\r\n      console.log('======_businessDeptId',this._businessDeptId);\r\n      return new Promise((resolve, reject) => {\r\n        console.log(reject, 'reject')\r\n        this.cancelCallBack = reject;\r\n        api.repository\r\n          .getProcessDefListNew(info)\r\n          .then((e) => {\r\n            if (e.code == Enum.apiCode.success) {\r\n              if (e.data.length == 1) {\r\n                this.processDefList = e.data;\r\n                this.processDefId = e.data[0].id;\r\n                this.processDefName = e.data[0].name;\r\n                api.repository\r\n                  .getFirstProcessNode(this.processDefId)\r\n                  .then(async (res) => {\r\n                    if (res.code == Enum.apiCode.success) {\r\n                      console.log(res, 'res')\r\n                      this.processList = res.data;\r\n                      this.flag = true;\r\n                      this.callback = resolve;\r\n                      // 获取部门\r\n                      await this.getNodeUserDept()\r\n                      // 没有传入部门，则需要在选择部门后进行后续操作\r\n                      if (!this.deptId) return;\r\n                      this.getUserDataByDeptId()\r\n                      // 获取人员，没有人则是之前的选人逻辑\r\n\r\n                      \r\n                      // api.repository\r\n                      //   .getAfferentParticipantNodeList(this.processDefId)\r\n                      //   .then((e) => {\r\n                      //     this.otherProcessList = e.data.filter((el) => {\r\n                      //       return el[\"id\"] != this.processList[0][\"id\"];\r\n                      //     });\r\n                      //     this.otherProcessList.map((el) => {\r\n                      //       el[\"REQUIRED\"] = false;\r\n                      //     });\r\n                      //   });\r\n                    }\r\n                  });\r\n              } else {\r\n                this.processList = [];\r\n                this.otherProcessList = [];\r\n                this.processDefId = \"\";\r\n                this.processDefName = \"\";\r\n                this.processDefList = e.data;\r\n\r\n                if (info.keyWord) {\r\n                  this.processDefList.map((item) => {\r\n                    if (\r\n                      item.name.indexOf(info.keyWord) != -1 &&\r\n                      !this.processDefId\r\n                    ) {\r\n                      this.processDefId = item.id;\r\n                      this.processDefName = item.name;\r\n                      this.processDefChange(item.id);\r\n                    }\r\n                  });\r\n                }\r\n                this.flag = true;\r\n                this.callback = resolve;\r\n              }\r\n            }\r\n          });\r\n      });\r\n    },\r\n    // 处理routeTxt\r\n    handleRouteTxt(item) {\r\n      let str\r\n      // 交集\r\n      if (item.assigneeRetain == true) {\r\n        return \r\n      }\r\n    },\r\n    // 通过部门id获取流程节点的人员\r\n    getUserDataByDeptId() {\r\n      this.processList.map(async  (item, index) => {\r\n        console.log(item, 'item')\r\n        const nodeUserParams = getNodeUserParams(item)\r\n        let res\r\n        try {\r\n          res = await this.getNodeUser({\r\n            deptId: this.deptId,\r\n            intersection: nodeUserParams.intersection  ? 1 : 0,\r\n            userIds: nodeUserParams.userIds,\r\n            postIds: nodeUserParams.postIds,\r\n            deptIds: nodeUserParams.deptIds,\r\n          })\r\n        } catch (error) {\r\n          console.log(error, 'error')\r\n        }\r\n        if (res.code == Enum.apiCode.success) {\r\n          const l =  this.processList[index]\r\n          l.userList = res.data\r\n          this.$set(this.processList, index, l)\r\n\r\n        }\r\n        // console.log(user, 'user', index)\r\n      })\r\n    },\r\n    // 获取节点的人员\r\n    async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n      return await api.user.getTaskAuditor({\r\n        deptId,\r\n        intersection,\r\n        userIds,\r\n        postIds,\r\n        deptIds\r\n      })\r\n    },\r\n    // 获取节点人员的部门\r\n    async getNodeUserDept() {\r\n      let res = {}\r\n      try {\r\n          res = await api.user.getSelectTree()\r\n          console.log(res, 'res')\r\n      } catch (error) {\r\n        console.log(error, 'error')\r\n      }\r\n      console.log(res.data, 'data')\r\n      this.deptList = res.data || []\r\n    },\r\n\r\n    listShow(list) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      return new Promise((resolve, reject) => {\r\n        if (list.length == 1) {\r\n          this.processDefId = list[0].id;\r\n          this.processDefName = list[0].name;\r\n          this.cancelCallBack = reject;\r\n          api.repository.getFirstProcessNode(this.processDefId).then((res) => {\r\n            if (res.code == Enum.apiCode.success) {\r\n              this.processList = res.data;\r\n              this.flag = true;\r\n              this.callback = resolve;\r\n              api.repository\r\n                .getAfferentParticipantNodeList(this.processDefId)\r\n                .then((e) => {\r\n                  this.otherProcessList = e.data.filter((el) => {\r\n                    return el[\"id\"] != this.processList[0][\"id\"];\r\n                  });\r\n                  this.otherProcessList.map((el) => {\r\n                    el[\"REQUIRED\"] = false;\r\n                  });\r\n                });\r\n            }\r\n          });\r\n        } else {\r\n          this.processDefList = list;\r\n          this.flag = true;\r\n          this.callback = resolve;\r\n        }\r\n      });\r\n    },\r\n    // 流程\r\n    async getProcessInfo({ taskId, processInstId }) {\r\n\r\n      let res = {};\r\n      try {\r\n        res = await api.tis.getTaskModelDetail(taskId ? {\r\n          processInstId,\r\n          taskId,\r\n        } : {\r\n          processInstId,\r\n        })\r\n      } catch (e) {\r\n        res = {}\r\n      }\r\n      \r\n      if (res.code == 200) {\r\n          \r\n        }\r\n      return res\r\n    },\r\n    async revivalShow({ processInstId, businessId, taskId, deptId }) {\r\n      this.processInstId = processInstId\r\n      this.hasDeptId = !!deptId\r\n      let res = await this.getProcessInfo({ taskId, processInstId })\r\n      // let res = await api.pis.getProcessInstanceByBusinessKey(businessId);\r\n      if (res.code == 200) {\r\n        this.processData = {\r\n          ...this.initProcessData,\r\n          ...(res.data || {}),\r\n        };\r\n        const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n        this.deptId = deptId\r\n        this._businessDeptId = deptId\r\n        this.hasDeptId = !!deptId\r\n        const taskId = (this.processData.process || {}).taskId\r\n        this.absoluteTaskId = taskId\r\n        console.log(deptId, 'id')\r\n\r\n        this.revival = true;\r\n        this.businessId = businessId;\r\n        this.subjectId = res.data.process.variables.subjectId\r\n        this.businessCode = res.data.process.variables.businessType\r\n        this.revivalVars = res.data.process.variables;\r\n\r\n        this.processDefId = res.data.process.processDefinitionId;\r\n        this.processDefName = res.data.process.processDefinitionName;\r\n        this.processDefList = [];\r\n        \r\n        return this.Show(res.data.process.processDefinitionId, \"\", true);\r\n      }\r\n      \r\n    },\r\n    onClickOperation() {\r\n      if(!this.processDefId || this.processDefId==''){\r\n        ElMessage.warning(\"请选择流程\");\r\n        return false;\r\n      }\r\n      let multiNodeParticipant = {},\r\n        vars = {};\r\n      for (let key in this.userTaskListData) {\r\n        let o = this.userTaskListData[key];\r\n        let refCom = this.$refs[o][0];\r\n        let res = refCom\r\n          ? refCom.getValue()\r\n          : { multiNodeParticipant: [], vars: {} };\r\n        if (!res) {\r\n          return false;\r\n        }\r\n        console.log(res, 'res')\r\n        multiNodeParticipant = {\r\n          ...multiNodeParticipant,\r\n          ...res.multiNodeParticipant,\r\n        };\r\n        vars = { ...vars, ...res.vars };\r\n        console.log(vars, 'vars')\r\n      }\r\n      this._multiNodeParticipant = multiNodeParticipant;\r\n      this._vars = vars;\r\n      if(this.beforeFunction){\r\n        this.beforeFunction()\r\n      }else if (this.callback) {\r\n        this.callback(this.revival ? this.revivalFlow : this.createAndStart);\r\n      }\r\n      // this.flag = false;\r\n    },\r\n    onClickCancel() {\r\n      this.flag = false;\r\n      this.btnLoading = false;\r\n      if (this.cancelCallBack) this.cancelCallBack();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.flow-dialog {\r\n  .el-dialog__header {\r\n    padding: 18px 24px;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.flow-dialog :deep(.el-dialog__body) {\r\n  border-top: 1px solid #dadbde;\r\n  border-bottom: 1px solid #dadbde;\r\n  overflow: visible;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.flow-dialog {\r\n  .el-dialog__footer {\r\n    padding: 12px !important;\r\n    text-align: center;\r\n  }\r\n  .el-dialog__headerbtn {\r\n    top: 10px;\r\n    right: 16px;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dept-tree {\r\n    width: 65%;\r\n}\r\n\r\n.process-def-name {\r\n  font-weight: bold;\r\n  margin-right: 20px;\r\n  font-size: 16px;\r\n}\r\n.view-node-info {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  color: #1389ff;\r\n  font-size: 14px;\r\n  margin: 0;\r\n}\r\n\r\n.create-form {\r\n  .el-form-item__label {\r\n    padding-right: 18px;\r\n  }\r\n  .el-form-item {\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n.node-list {\r\n  max-height: 300px;\r\n  overflow-y: scroll;\r\n}\r\n.track-view {\r\n  .el-dialog__body {\r\n    display: flex;\r\n    justify-content: center;\r\n    height: 600px;\r\n    position: relative;\r\n  }\r\n}\r\niframe {\r\n  min-height: 500px;\r\n}\r\n</style>\r\n",".dept-tree {\n  width: 65%;\n}\n\n.process-def-name {\n  font-weight: bold;\n  margin-right: 20px;\n  font-size: 16px;\n}\n\n.view-node-info {\n  display: inline-block;\n  cursor: pointer;\n  color: #1389ff;\n  font-size: 14px;\n  margin: 0;\n}\n\n.create-form .el-form-item__label {\n  padding-right: 18px;\n}\n.create-form .el-form-item {\n  margin-bottom: 10px;\n}\n\n.node-list {\n  max-height: 300px;\n  overflow-y: scroll;\n}\n\n.track-view .el-dialog__body {\n  display: flex;\n  justify-content: center;\n  height: 600px;\n  position: relative;\n}\n\niframe {\n  min-height: 500px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */"]}, media: undefined });
+    inject("data-v-2b0fb27a_0", { source: ".flow-dialog .el-dialog__header {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.flow-dialog :deep(.el-dialog__body) {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n  overflow-x: hidden;\n}\n.flow-dialog .el-dialog__footer {\n  padding: 12px !important;\n  text-align: center;\n}\n.flow-dialog .el-dialog__headerbtn {\n  top: 10px;\n  right: 16px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\beforeCreate.vue","beforeCreate.vue"],"names":[],"mappings":"AAm4BA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;ACl4BA;ADs4BA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,kBAAA;ACn4BA;ADu4BA;EACA,wBAAA;EACA,kBAAA;ACp4BA;ADs4BA;EACA,SAAA;EACA,WAAA;ACp4BA;;AAEA,2CAA2C","file":"beforeCreate.vue","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog\r\n      :visible.sync=\"flag\"\r\n      width=\"45%\"\r\n      class=\"flow-dialog\"\r\n      :close-on-click-modal=\"false\"\r\n      :title=\"revival ? '流程复活' : '创建并启动流程'\"\r\n      append-to-body\r\n      @closed=\"onClickCancel\"\r\n    >\r\n      <el-form\r\n        class=\"create-form\"\r\n        @submit.native.prevent\r\n        label-width=\"200px\"\r\n        status-icon\r\n      >\r\n        <el-form-item label=\"当前流程\" size=\"normal\" :rules=\"[{ required: true, message: '请选择流程' }]\">\r\n          <el-select\r\n            v-model=\"processDefId\"\r\n            v-if=\"processDefList.length > 1\"\r\n            style=\"width: 65%; margin-right: 10px\"\r\n            filterable\r\n            clearable\r\n            @change=\"processDefChange\"\r\n            placeholder=\"请选择\"\r\n          >\r\n            <el-option\r\n              v-for=\"(item, index) in processDefList\"\r\n              :key=\"item.id\"\r\n              :label=\"item.name\"\r\n              :value=\"item.id\"\r\n              :disabled=\"item.disabled\"\r\n            ></el-option>\r\n          </el-select>\r\n          <b class=\"process-def-name\" v-else>\r\n            {{ processDefName }}\r\n          </b>\r\n          <div\r\n            @click=\"viewFlowChart\"\r\n            v-if=\"processDefId\"\r\n            class=\"view-node-info\"\r\n            style=\"margin-right: 10px\"\r\n          >\r\n            预览\r\n          </div>\r\n          <div\r\n            @click=\"viewFlowForecast\"\r\n            v-if=\"processDefId && showFlowForecast\"\r\n            class=\"view-node-info\">\r\n            流程预测\r\n          </div>\r\n        </el-form-item>\r\n\r\n        <!-- 如果没有传入部门，则需要选择部门 -->\r\n        <el-form-item v-if=\"!hasDeptId\" label=\"选择部门\"  :rules=\"[{ required: true, message: '请选择部门' }]\">\r\n          <selectDept\r\n            class=\"dept-tree\"\r\n            :deptId=\"deptId\"\r\n            :ops=\"deptList\"\r\n            @input=\"handleDeptChange\"\r\n          />\r\n        </el-form-item>\r\n\r\n        <div class=\"node-list\" v-if=\"deptId\">\r\n          <el-form-item\r\n            v-if=\"processList && processList.length > 0\"\r\n            label=\"下一步处理节点\"\r\n            size=\"normal\"\r\n          >\r\n          </el-form-item>\r\n          <template v-if=\"processList.length > 0\">\r\n            <template v-for=\"(item, index) in processList\" >\r\n            <userTask\r\n              :index=\"index\"\r\n              :personType=\"personType\"\r\n              :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n              :processNode=\"{\r\n                ...item,\r\n                REQUIRED: index == 0 ? true : false,\r\n              }\"\r\n              label=\"处理人\"\r\n              :rules=\"[{ required: index == 0 ? true : false, message: '请选择审批人' }]\"\r\n              :ref=\"setItemRef(item.id)\"\r\n              @complete=\"complete\"\r\n            ></userTask>\r\n            <div class=\"user-task-split\" v-if=\"index !== processList.length - 1\"></div>\r\n            </template>\r\n          </template>\r\n\r\n          <!-- <template v-if=\"otherProcessList.length > 0 && other\">\r\n            <el-form-item\r\n              v-if=\"processList && processList.length > 0\"\r\n              label=\"其他处理节点\"\r\n              size=\"normal\"\r\n            >\r\n            </el-form-item>\r\n\r\n            <template v-if=\"processList.length > 0\">\r\n              <userTask\r\n                v-for=\"item in otherProcessList\"\r\n                :personType=\"personType\"\r\n                :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n                :key=\"item.id\"\r\n                :processNode=\"item\"\r\n                :noprop=\"true\"\r\n                :ref=\"setItemRef(item.id)\"\r\n              ></userTask>\r\n            </template>\r\n          </template> -->\r\n        </div>\r\n      </el-form>\r\n      <template #footer>\r\n        <el-button\r\n          :loading=\"btnLoading\"\r\n          type=\"primary\"\r\n          @click=\"onClickOperation\"\r\n          >确 定</el-button\r\n        >\r\n        <el-button :loading=\"btnLoading\" @click=\"onClickCancel\"\r\n          >取 消</el-button\r\n        >\r\n      </template>\r\n    </el-dialog>\r\n\r\n    <!-- <div class=\"dialog\"> -->\r\n    <el-dialog\r\n      :visible.sync=\"flowChartVisible\"\r\n      width=\"60%\"\r\n      append-to-body\r\n      title=\"流程图信息\"\r\n      class=\"track-view\"\r\n      v-dialogDrag\r\n    >\r\n      <bpmnLook v-if=\"flowChartVisible && processXml\" ref=\"PreviewRef\" :diagram=\"processXml\"></bpmnLook>\r\n      <!-- <iframe\r\n        :src=\"trackUrl\"\r\n        frameborder=\"0\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n      /> -->\r\n      <!-- <el-image :src=\"trackUrl\"></el-image> -->\r\n    </el-dialog>\r\n\r\n    <el-dialog\r\n      :visible.sync=\"flowForecastVisible\"\r\n      width=\"45%\"\r\n      append-to-body\r\n      title=\"流程预测\"\r\n      v-dialogDrag\r\n      @close=\"flowForecastClose\"\r\n    >\r\n      <div style=\"margin-left: 20px;\">\r\n        <div v-html=\"flowForecastData.completeTime\" style=\"margin-left: 40px;margin-bottom: 20px;\"></div>\r\n        <el-timeline>\r\n          <el-timeline-item\r\n            v-for=\"(activity, index) in flowForecastData.processBudgetModelList\"\r\n            :key=\"index\"\r\n            icon=\"el-icon-check\"\r\n            :color=\"index==0 ? '#009800': activity.color\"\r\n            :timestamp=\"activity.title\" placement=\"top\">\r\n            <div>\r\n              <span style=\"color:#009800;\">\r\n                <i class=\"el-icon-s-custom\" style=\"margin-right: 5px;\"></i>\r\n                执行人：{{activity.excutor}}\r\n              </span>\r\n            </div>\r\n          </el-timeline-item>\r\n        </el-timeline> \r\n      </div>\r\n    </el-dialog>\r\n    \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"./api\";\r\nimport * as Enum from \"./enum\";\r\nimport userTask from \"./operation/userTask.vue\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport bpmnLook from \"./bpmnLook.vue\";\r\nimport selectDept from \"./operation/selectDept.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n  components: { userTask, bpmnLook, selectDept },\r\n  props: {\r\n    extraReqParams: {\r\n      type: Object,\r\n      default: function() {\r\n        return {}\r\n      },\r\n    },\r\n    other: {\r\n      default: true,\r\n    },\r\n    personType: \"\",\r\n    personEntity: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    beforeFunction:{\r\n      type: Function,\r\n      default: null\r\n    },\r\n    showFlowForecast: {\r\n      default: false,\r\n      type: Boolean,\r\n    },\r\n    flowForecastFunction:{\r\n      type: Function,\r\n      default: null\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      revivalVars: {},\r\n      processData: {},\r\n      absoluteTaskId: '',\r\n      userTaskListData: {},\r\n      flag: false,\r\n      revival: false,\r\n      flowChartVisible: false,\r\n      flowForecastVisible: false,\r\n      flowForecastData:{\r\n        completeTime:'',\r\n        processBudgetModelList:[]\r\n      },\r\n      flowForecastProcessInstId: '',\r\n      btnLoading: false,\r\n      processList: [],\r\n      processDefId: \"\",\r\n      processInstId: '',\r\n      processDefName: \"\",\r\n      businessId: \"\",\r\n      trackUrl: \"\",\r\n      processDefList: [],\r\n      otherProcessList: [],\r\n      callback: {},\r\n      cancelCallBack: {},\r\n      _multiNodeParticipant: [],\r\n      _businessDeptId: \"\",\r\n      businessCode: \"\",\r\n      _vars: {},\r\n      _appId: '',\r\n      deptList: [],\r\n      userInfo: {},\r\n      hasDeptId: false,\r\n      deptId: '',\r\n      subjectId: '',\r\n      processXml: '',\r\n    };\r\n  },\r\n  provide () {\r\n    return {\r\n      getUserInfo: this.getUserInfo,\r\n    }\r\n  },\r\n  methods: {\r\n    getUserInfo () {\r\n      return {\r\n        deptId: this.deptId,\r\n        subjectId: this.subjectId,\r\n      }\r\n    },\r\n    handleDeptChange(val) {\r\n      console.log(val, 'val')\r\n      this.deptId = val\r\n      this.getUserDataByDeptId()\r\n    },\r\n    complete(data) {\r\n      console.log(data, 'complete')\r\n    },\r\n    setLoading(e) {\r\n      this.btnLoading = e;\r\n    },\r\n    async getXml(id) {\r\n      console.log(this.isXml, 'isxml')\r\n      let res = {}\r\n      let xml = ''\r\n      try {\r\n        res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n        console.log(res, 'res')\r\n        if (res.code == 200) {\r\n          xml = res.data;\r\n        }\r\n      } catch (e) {\r\n        console.error(e)\r\n      }\r\n      return xml;\r\n    },\r\n    async viewFlowChart() {\r\n      this.flowChartVisible = true;\r\n      this.processXml = await this.getXml(this.processDefId)\r\n      // 打开预览窗口，后续代码不使用了\r\n      if (Date.now()) return;\r\n      api.repository\r\n        .getDiagramUrl({\r\n          processDefId: this.processDefId,\r\n          diagramType: 1,\r\n          type: Enum.SourceType.电脑端,\r\n        })\r\n        .then((res) => {\r\n          res.data.url = 'http://localhost:2888/saber/#/flowPreview'\r\n          this.trackUrl = this.getNewUrl(res.data.url, {...res.data})\r\n          if (Date.now()) {\r\n            this.flowChartVisible = true;\r\n            return;\r\n          }\r\n          if (res.code == Enum.apiCode.success) {\r\n            if (window.location.protocol == \"https:\") {\r\n              if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183:80/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://acme-aws.ddzg.cn/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.231:8088/\",\r\n                  \"https://acme-test.ddzg.cn:2119/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.230:8088/\",\r\n                  \"https://kq.ddzg.cn:8093/\"\r\n                )\r\n              } else {\r\n                this.trackUrl = res.data\r\n              }\r\n            } else {\r\n              this.trackUrl = res.data;\r\n            }\r\n            this.flowChartVisible = true;\r\n          }\r\n        });\r\n    },\r\n    // 判断url和当前网页的url域名是否相同\r\n    isSameDomain(url) {\r\n      return url.indexOf(window.location.host) != -1\r\n    },\r\n    // 根据url和query对象，拼接一个新的链接\r\n    getNewUrl(url, query) {\r\n      let queryStr = ''\r\n      for (let key in query) {\r\n        queryStr += `${key}=${query[key]}&`\r\n      }\r\n      // 判断url和当前网页的url域名是否相同\r\n      if(!this.isSameDomain(url)){\r\n        // 如果不同，则query要加上token，从localstorage获取\r\n        let token = localStorage.getItem('token');\r\n        queryStr += `token=${token}&`\r\n      }\r\n      queryStr = queryStr.slice(0, -1)\r\n      return `${url}?${queryStr}`\r\n    },\r\n    viewFlowForecast(){\r\n      if(this.flowForecastFunction){\r\n        this.flowForecastFunction()\r\n      }else {\r\n        this.forecast({\r\n          appId: this._appId ,\r\n          title: '1',//title不能为空，随便传的一个值\r\n        })   \r\n      } \r\n    },\r\n    forecast(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n        .getProcessForecast({\r\n          processDefId: this.processDefId,\r\n          ...data,\r\n        })\r\n        .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              if(e.data && e.data.processBudgetModelList && e.data.processBudgetModelList.length){\r\n                this.flowForecastProcessInstId = e.data.processBudgetModelList[0].processInstId\r\n              }else{\r\n                e.data.processBudgetModelList = []\r\n                this.flowForecastProcessInstId = ''\r\n              }\r\n              this.flowForecastData = e.data \r\n              this.flowForecastVisible = true;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程预测失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    flowForecastClose(){\r\n      if(this.flowForecastProcessInstId){\r\n        api.pis\r\n        .deleteProcessById(this.flowForecastProcessInstId)\r\n        .then((res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.flowForecastVisible = false;\r\n            this.flowForecastData = {\r\n              completeTime:'',\r\n              processBudgetModelList:[]\r\n            }\r\n            this.flowForecastProcessInstId = ''\r\n          }\r\n        });\r\n      }else{\r\n        this.flowForecastVisible = false;  \r\n        this.flowForecastData = {\r\n          completeTime:'',\r\n          processBudgetModelList:[]\r\n        }\r\n      }\r\n    },\r\n    processDefChange(processId) {\r\n      this.processDefId = processId;\r\n      api.repository.getFirstProcessNode(this.processDefId).then(async (res) => {\r\n        if (res.code == Enum.apiCode.success) {\r\n          this.processList = res.data;\r\n          this.flag = true;\r\n\r\n          // 获取部门\r\n          await this.getNodeUserDept()\r\n          // // 获取部门id\r\n          // const deptId = info.userInfo.deptId\r\n          // this.deptId = deptId\r\n          // 没有传入部门，则需要在选择部门后进行后续操作\r\n          if (!this.deptId) return;\r\n          this.getUserDataByDeptId()\r\n          // 获取人员，没有人则是之前的选人逻辑\r\n\r\n          // api.repository\r\n          //   .getAfferentParticipantNodeList(this.processDefId)\r\n          //   .then((e) => {\r\n          //     this.otherProcessList = e.data.filter((el) => {\r\n          //       return el[\"id\"] != this.processList[0][\"id\"];\r\n          //     });\r\n          //     this.otherProcessList.map((el) => {\r\n          //       el[\"REQUIRED\"] = false;\r\n          //     });\r\n          //   });\r\n        }\r\n      });\r\n      // api.repository.getAfferentParticipantNodeList(processId).then((res) => {\r\n      //   if (res.code == Enum.apiCode.success) {\r\n      //     res.data.map((item) => {\r\n      //       item.type = \"UserTaskModel\";\r\n      //     });\r\n      //     this.processList = res.data;\r\n      //     let tmp = JSON.parse(JSON.stringify(res.data));\r\n      //     tmp.shift();\r\n      //     this.otherProcessList = tmp;\r\n      //   }\r\n      // });\r\n    },\r\n    setItemRef(key) {\r\n      this.userTaskListData[key] = \"userTask\" + key;\r\n      return this.userTaskListData[key];\r\n    },\r\n    isOption(humanPerformer) {\r\n      return (\r\n        humanPerformer == \"任意指定\" ||\r\n        humanPerformer == \"固定部门\" ||\r\n        humanPerformer == \"固定单位\" ||\r\n        humanPerformer == \"固定群组\"\r\n      );\r\n    },\r\n    createAndStart(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n          .createAndStart({\r\n            processDefId: this.processDefId,\r\n            multiNodeParticipant: this._multiNodeParticipant,\r\n            firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n            // vars: this._businessDeptId\r\n            //   ? { _businessDeptId: this._businessDeptId, ...this._vars }\r\n            //   : this._vars,\r\n            vars: {\r\n              showType: \"all\",\r\n              subjectId: this.subjectId,\r\n              deptId: this.deptId,\r\n              businessType: this.businessCode,\r\n              ...data,\r\n              ...this._vars,\r\n            }\r\n          })\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程启动失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    revivalFlow(data = {}, history = false, msg = \"流程复活\") {\r\n      console.log(msg, '流程复活')\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        const vars = {\r\n          ...this.revivalVars,\r\n          showType: \"all\",\r\n          subjectId: this.subjectId,\r\n          deptId: this.deptId,\r\n          businessType: this.businessCode,\r\n          ...data,\r\n          ...this._vars,\r\n        }\r\n        Object.keys(vars).forEach((key) => {\r\n          // 字符串转小写\r\n          const fk = key.toLowerCase();\r\n          if (fk.includes('_')) {\r\n            delete vars[key];\r\n          }\r\n          if (fk == 'appShow') {\r\n            delete vars[key];\r\n          }\r\n        })\r\n        api.pis\r\n          .reactivate(\r\n            {\r\n              reactivate: true,\r\n              processDefId: this.processDefId,\r\n              processInstId: this.processInstId,\r\n              isClearHistory: this.isClearHistory,\r\n              // reactivateReason: \"重新提交\",\r\n              multiNodeParticipant: this._multiNodeParticipant,\r\n              firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n              vars,\r\n            },\r\n            \"\",\r\n            this.businessId,\r\n            msg,\r\n            \"\",\r\n            history,\r\n            this._multiNodeParticipant,\r\n            this.extraReqParams,\r\n          )\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程复活失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    Show(processDefId, appid = \"\", revival = false) {\r\n      this.processList = [];\r\n      this.revival = revival;\r\n      this.processDefId = processDefId;\r\n\r\n      if (appid) {\r\n        api.repository.getProcessDefList(appid, \"\").then((e) => {\r\n          if (e.code == Enum.apiCode.success) {\r\n            e.data.map((item) => {\r\n              if (item.id == processDefId) {\r\n                this.processDefName = item.name;\r\n              }\r\n            });\r\n          }\r\n        });\r\n      }\r\n\r\n      return new Promise((resolve, reject) => {\r\n        this.cancelCallBack = reject;\r\n        api.repository.getFirstProcessNode(processDefId).then(async (res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.processList = res.data;\r\n            this.flag = true;\r\n\r\n            // 获取部门\r\n            await this.getNodeUserDept()\r\n            // 没有传入部门，则需要在选择部门后进行后续操作\r\n            if (!this.deptId) return;\r\n            this.getUserDataByDeptId()\r\n\r\n            this.callback = resolve;\r\n            // api.repository\r\n            //   .getAfferentParticipantNodeList(processDefId)\r\n            //   .then((e) => {\r\n            //     this.otherProcessList = e.data.filter((el) => {\r\n            //       return el[\"id\"] != this.processList[0][\"id\"];\r\n            //     });\r\n            //     this.otherProcessList.map((el) => {\r\n            //       el[\"REQUIRED\"] = false;\r\n            //     });\r\n            //   });\r\n          }\r\n        });\r\n      });\r\n    },\r\n    selectShow(\r\n      info = {\r\n        appId: \"\",\r\n        businessCode: \"\",\r\n        keyWord: \"\",\r\n        businessDeptId: \"\",\r\n        userInfo: {},\r\n      }\r\n    ) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      this._appId = info.appId\r\n      this._businessDeptId = info.businessDeptId;\r\n      this.businessCode = info.businessCode\r\n      this.userInfo = info.userInfo;\r\n      // 获取部门id\r\n      this.deptId = info.userInfo.deptId\r\n      // 获取主体id\r\n      this.subjectId = info.userInfo.subjectId\r\n      this.hasDeptId = !!info.userInfo.deptId\r\n      console.log('======_businessDeptId',this._businessDeptId);\r\n      return new Promise((resolve, reject) => {\r\n        console.log(reject, 'reject')\r\n        this.cancelCallBack = reject;\r\n        api.repository\r\n          .getProcessDefListNew(info)\r\n          .then((e) => {\r\n            if (e.code == Enum.apiCode.success) {\r\n              if (e.data.length == 1) {\r\n                this.processDefList = e.data;\r\n                this.processDefId = e.data[0].id;\r\n                this.processDefName = e.data[0].name;\r\n                api.repository\r\n                  .getFirstProcessNode(this.processDefId)\r\n                  .then(async (res) => {\r\n                    if (res.code == Enum.apiCode.success) {\r\n                      console.log(res, 'res')\r\n                      this.processList = res.data;\r\n                      this.flag = true;\r\n                      this.callback = resolve;\r\n                      // 获取部门\r\n                      await this.getNodeUserDept()\r\n                      // 没有传入部门，则需要在选择部门后进行后续操作\r\n                      if (!this.deptId) return;\r\n                      this.getUserDataByDeptId()\r\n                      // 获取人员，没有人则是之前的选人逻辑\r\n\r\n                      \r\n                      // api.repository\r\n                      //   .getAfferentParticipantNodeList(this.processDefId)\r\n                      //   .then((e) => {\r\n                      //     this.otherProcessList = e.data.filter((el) => {\r\n                      //       return el[\"id\"] != this.processList[0][\"id\"];\r\n                      //     });\r\n                      //     this.otherProcessList.map((el) => {\r\n                      //       el[\"REQUIRED\"] = false;\r\n                      //     });\r\n                      //   });\r\n                    }\r\n                  });\r\n              } else {\r\n                this.processList = [];\r\n                this.otherProcessList = [];\r\n                this.processDefId = \"\";\r\n                this.processDefName = \"\";\r\n                this.processDefList = e.data;\r\n\r\n                if (info.keyWord) {\r\n                  this.processDefList.map((item) => {\r\n                    if (\r\n                      item.name.indexOf(info.keyWord) != -1 &&\r\n                      !this.processDefId\r\n                    ) {\r\n                      this.processDefId = item.id;\r\n                      this.processDefName = item.name;\r\n                      this.processDefChange(item.id);\r\n                    }\r\n                  });\r\n                }\r\n                this.flag = true;\r\n                this.callback = resolve;\r\n              }\r\n            }\r\n          });\r\n      });\r\n    },\r\n    // 处理routeTxt\r\n    handleRouteTxt(item) {\r\n      let str\r\n      // 交集\r\n      if (item.assigneeRetain == true) {\r\n        return \r\n      }\r\n    },\r\n    // 通过部门id获取流程节点的人员\r\n    getUserDataByDeptId() {\r\n      this.processList.map(async  (item, index) => {\r\n        console.log(item, 'item')\r\n        const nodeUserParams = getNodeUserParams(item)\r\n        let res\r\n        try {\r\n          res = await this.getNodeUser({\r\n            deptId: this.deptId,\r\n            intersection: nodeUserParams.intersection  ? 1 : 0,\r\n            userIds: nodeUserParams.userIds,\r\n            postIds: nodeUserParams.postIds,\r\n            deptIds: nodeUserParams.deptIds,\r\n          })\r\n        } catch (error) {\r\n          console.log(error, 'error')\r\n        }\r\n        if (res.code == Enum.apiCode.success) {\r\n          const l =  this.processList[index]\r\n          l.userList = res.data\r\n          this.$set(this.processList, index, l)\r\n\r\n        }\r\n        // console.log(user, 'user', index)\r\n      })\r\n    },\r\n    // 获取节点的人员\r\n    async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n      return await api.user.getTaskAuditor({\r\n        deptId,\r\n        intersection,\r\n        userIds,\r\n        postIds,\r\n        deptIds\r\n      })\r\n    },\r\n    // 获取节点人员的部门\r\n    async getNodeUserDept() {\r\n      let res = {}\r\n      try {\r\n          res = await api.user.getSelectTree()\r\n          console.log(res, 'res')\r\n      } catch (error) {\r\n        console.log(error, 'error')\r\n      }\r\n      console.log(res.data, 'data')\r\n      this.deptList = res.data || []\r\n    },\r\n\r\n    listShow(list) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      return new Promise((resolve, reject) => {\r\n        if (list.length == 1) {\r\n          this.processDefId = list[0].id;\r\n          this.processDefName = list[0].name;\r\n          this.cancelCallBack = reject;\r\n          api.repository.getFirstProcessNode(this.processDefId).then((res) => {\r\n            if (res.code == Enum.apiCode.success) {\r\n              this.processList = res.data;\r\n              this.flag = true;\r\n              this.callback = resolve;\r\n              api.repository\r\n                .getAfferentParticipantNodeList(this.processDefId)\r\n                .then((e) => {\r\n                  this.otherProcessList = e.data.filter((el) => {\r\n                    return el[\"id\"] != this.processList[0][\"id\"];\r\n                  });\r\n                  this.otherProcessList.map((el) => {\r\n                    el[\"REQUIRED\"] = false;\r\n                  });\r\n                });\r\n            }\r\n          });\r\n        } else {\r\n          this.processDefList = list;\r\n          this.flag = true;\r\n          this.callback = resolve;\r\n        }\r\n      });\r\n    },\r\n    // 流程\r\n    async getProcessInfo({ taskId, processInstId }) {\r\n\r\n      let res = {};\r\n      try {\r\n        res = await api.tis.getTaskModelDetail(taskId ? {\r\n          processInstId,\r\n          taskId,\r\n        } : {\r\n          processInstId,\r\n        })\r\n      } catch (e) {\r\n        res = {}\r\n      }\r\n      \r\n      if (res.code == 200) {\r\n          \r\n        }\r\n      return res\r\n    },\r\n    async revivalShow({ processInstId, businessId, taskId, deptId }) {\r\n      this.processInstId = processInstId\r\n      this.hasDeptId = !!deptId\r\n      let res = await this.getProcessInfo({ taskId, processInstId })\r\n      // let res = await api.pis.getProcessInstanceByBusinessKey(businessId);\r\n      if (res.code == 200) {\r\n        this.processData = {\r\n          ...this.initProcessData,\r\n          ...(res.data || {}),\r\n        };\r\n        const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n        this.deptId = deptId\r\n        this._businessDeptId = deptId\r\n        this.hasDeptId = !!deptId\r\n        const taskId = (this.processData.process || {}).taskId\r\n        this.absoluteTaskId = taskId\r\n        console.log(deptId, 'id')\r\n\r\n        this.revival = true;\r\n        this.businessId = businessId;\r\n        this.subjectId = res.data.process.variables.subjectId\r\n        this.businessCode = res.data.process.variables.businessType\r\n        this.revivalVars = res.data.process.variables;\r\n\r\n        this.processDefId = res.data.process.processDefinitionId;\r\n        this.processDefName = res.data.process.processDefinitionName;\r\n        this.processDefList = [];\r\n        \r\n        return this.Show(res.data.process.processDefinitionId, \"\", true);\r\n      }\r\n      \r\n    },\r\n    onClickOperation() {\r\n      if(!this.processDefId || this.processDefId==''){\r\n        ElMessage.warning(\"请选择流程\");\r\n        return false;\r\n      }\r\n      let multiNodeParticipant = {},\r\n        vars = {};\r\n      for (let key in this.userTaskListData) {\r\n        let o = this.userTaskListData[key];\r\n        let refCom = this.$refs[o][0];\r\n        let res = refCom\r\n          ? refCom.getValue()\r\n          : { multiNodeParticipant: [], vars: {} };\r\n        if (!res) {\r\n          return false;\r\n        }\r\n        console.log(res, 'res')\r\n        multiNodeParticipant = {\r\n          ...multiNodeParticipant,\r\n          ...res.multiNodeParticipant,\r\n        };\r\n        vars = { ...vars, ...res.vars };\r\n        console.log(vars, 'vars')\r\n      }\r\n      this._multiNodeParticipant = multiNodeParticipant;\r\n      this._vars = vars;\r\n      if(this.beforeFunction){\r\n        this.beforeFunction()\r\n      }else if (this.callback) {\r\n        this.callback(this.revival ? this.revivalFlow : this.createAndStart);\r\n      }\r\n      // this.flag = false;\r\n    },\r\n    onClickCancel() {\r\n      this.flag = false;\r\n      this.btnLoading = false;\r\n      if (this.cancelCallBack) this.cancelCallBack();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.flow-dialog {\r\n  .el-dialog__header {\r\n    padding: 18px 24px;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.flow-dialog :deep(.el-dialog__body) {\r\n  border-top: 1px solid #dadbde;\r\n  border-bottom: 1px solid #dadbde;\r\n  overflow: visible;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.flow-dialog {\r\n  .el-dialog__footer {\r\n    padding: 12px !important;\r\n    text-align: center;\r\n  }\r\n  .el-dialog__headerbtn {\r\n    top: 10px;\r\n    right: 16px;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dept-tree {\r\n    width: 65%;\r\n}\r\n\r\n.process-def-name {\r\n  font-weight: bold;\r\n  margin-right: 20px;\r\n  font-size: 16px;\r\n}\r\n.view-node-info {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  color: #1389ff;\r\n  font-size: 14px;\r\n  margin: 0;\r\n}\r\n\r\n.create-form {\r\n  .el-form-item__label {\r\n    padding-right: 18px;\r\n  }\r\n  .el-form-item {\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n.node-list {\r\n  max-height: 300px;\r\n  overflow-y: scroll;\r\n}\r\n.track-view {\r\n  .el-dialog__body {\r\n    display: flex;\r\n    justify-content: center;\r\n    height: 600px;\r\n    position: relative;\r\n  }\r\n}\r\niframe {\r\n  min-height: 500px;\r\n}\r\n</style>\r\n",".flow-dialog .el-dialog__header {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n\n.flow-dialog :deep(.el-dialog__body) {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n  overflow-x: hidden;\n}\n\n.flow-dialog .el-dialog__footer {\n  padding: 12px !important;\n  text-align: center;\n}\n.flow-dialog .el-dialog__headerbtn {\n  top: 10px;\n  right: 16px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */"]}, media: undefined })
+,inject("data-v-2b0fb27a_1", { source: ".dept-tree[data-v-2b0fb27a] {\n  width: 65%;\n}\n.process-def-name[data-v-2b0fb27a] {\n  font-weight: bold;\n  margin-right: 20px;\n  font-size: 16px;\n}\n.view-node-info[data-v-2b0fb27a] {\n  display: inline-block;\n  cursor: pointer;\n  color: #1389ff;\n  font-size: 14px;\n  margin: 0;\n}\n.create-form .el-form-item__label[data-v-2b0fb27a] {\n  padding-right: 18px;\n}\n.create-form .el-form-item[data-v-2b0fb27a] {\n  margin-bottom: 10px;\n}\n.node-list[data-v-2b0fb27a] {\n  max-height: 300px;\n  overflow-y: scroll;\n}\n.track-view .el-dialog__body[data-v-2b0fb27a] {\n  display: flex;\n  justify-content: center;\n  height: 600px;\n  position: relative;\n}\niframe[data-v-2b0fb27a] {\n  min-height: 500px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\beforeCreate.vue","beforeCreate.vue"],"names":[],"mappings":"AAg6BA;EACA,UAAA;AC/5BA;ADk6BA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;AC/5BA;ADi6BA;EACA,qBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,SAAA;AC95BA;ADk6BA;EACA,mBAAA;AC/5BA;ADi6BA;EACA,mBAAA;AC/5BA;ADk6BA;EACA,iBAAA;EACA,kBAAA;AC/5BA;ADk6BA;EACA,aAAA;EACA,uBAAA;EACA,aAAA;EACA,kBAAA;AC/5BA;ADk6BA;EACA,iBAAA;AC/5BA;;AAEA,2CAA2C","file":"beforeCreate.vue","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog\r\n      :visible.sync=\"flag\"\r\n      width=\"45%\"\r\n      class=\"flow-dialog\"\r\n      :close-on-click-modal=\"false\"\r\n      :title=\"revival ? '流程复活' : '创建并启动流程'\"\r\n      append-to-body\r\n      @closed=\"onClickCancel\"\r\n    >\r\n      <el-form\r\n        class=\"create-form\"\r\n        @submit.native.prevent\r\n        label-width=\"200px\"\r\n        status-icon\r\n      >\r\n        <el-form-item label=\"当前流程\" size=\"normal\" :rules=\"[{ required: true, message: '请选择流程' }]\">\r\n          <el-select\r\n            v-model=\"processDefId\"\r\n            v-if=\"processDefList.length > 1\"\r\n            style=\"width: 65%; margin-right: 10px\"\r\n            filterable\r\n            clearable\r\n            @change=\"processDefChange\"\r\n            placeholder=\"请选择\"\r\n          >\r\n            <el-option\r\n              v-for=\"(item, index) in processDefList\"\r\n              :key=\"item.id\"\r\n              :label=\"item.name\"\r\n              :value=\"item.id\"\r\n              :disabled=\"item.disabled\"\r\n            ></el-option>\r\n          </el-select>\r\n          <b class=\"process-def-name\" v-else>\r\n            {{ processDefName }}\r\n          </b>\r\n          <div\r\n            @click=\"viewFlowChart\"\r\n            v-if=\"processDefId\"\r\n            class=\"view-node-info\"\r\n            style=\"margin-right: 10px\"\r\n          >\r\n            预览\r\n          </div>\r\n          <div\r\n            @click=\"viewFlowForecast\"\r\n            v-if=\"processDefId && showFlowForecast\"\r\n            class=\"view-node-info\">\r\n            流程预测\r\n          </div>\r\n        </el-form-item>\r\n\r\n        <!-- 如果没有传入部门，则需要选择部门 -->\r\n        <el-form-item v-if=\"!hasDeptId\" label=\"选择部门\"  :rules=\"[{ required: true, message: '请选择部门' }]\">\r\n          <selectDept\r\n            class=\"dept-tree\"\r\n            :deptId=\"deptId\"\r\n            :ops=\"deptList\"\r\n            @input=\"handleDeptChange\"\r\n          />\r\n        </el-form-item>\r\n\r\n        <div class=\"node-list\" v-if=\"deptId\">\r\n          <el-form-item\r\n            v-if=\"processList && processList.length > 0\"\r\n            label=\"下一步处理节点\"\r\n            size=\"normal\"\r\n          >\r\n          </el-form-item>\r\n          <template v-if=\"processList.length > 0\">\r\n            <template v-for=\"(item, index) in processList\" >\r\n            <userTask\r\n              :index=\"index\"\r\n              :personType=\"personType\"\r\n              :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n              :processNode=\"{\r\n                ...item,\r\n                REQUIRED: index == 0 ? true : false,\r\n              }\"\r\n              label=\"处理人\"\r\n              :rules=\"[{ required: index == 0 ? true : false, message: '请选择审批人' }]\"\r\n              :ref=\"setItemRef(item.id)\"\r\n              @complete=\"complete\"\r\n            ></userTask>\r\n            <div class=\"user-task-split\" v-if=\"index !== processList.length - 1\"></div>\r\n            </template>\r\n          </template>\r\n\r\n          <!-- <template v-if=\"otherProcessList.length > 0 && other\">\r\n            <el-form-item\r\n              v-if=\"processList && processList.length > 0\"\r\n              label=\"其他处理节点\"\r\n              size=\"normal\"\r\n            >\r\n            </el-form-item>\r\n\r\n            <template v-if=\"processList.length > 0\">\r\n              <userTask\r\n                v-for=\"item in otherProcessList\"\r\n                :personType=\"personType\"\r\n                :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n                :key=\"item.id\"\r\n                :processNode=\"item\"\r\n                :noprop=\"true\"\r\n                :ref=\"setItemRef(item.id)\"\r\n              ></userTask>\r\n            </template>\r\n          </template> -->\r\n        </div>\r\n      </el-form>\r\n      <template #footer>\r\n        <el-button\r\n          :loading=\"btnLoading\"\r\n          type=\"primary\"\r\n          @click=\"onClickOperation\"\r\n          >确 定</el-button\r\n        >\r\n        <el-button :loading=\"btnLoading\" @click=\"onClickCancel\"\r\n          >取 消</el-button\r\n        >\r\n      </template>\r\n    </el-dialog>\r\n\r\n    <!-- <div class=\"dialog\"> -->\r\n    <el-dialog\r\n      :visible.sync=\"flowChartVisible\"\r\n      width=\"60%\"\r\n      append-to-body\r\n      title=\"流程图信息\"\r\n      class=\"track-view\"\r\n      v-dialogDrag\r\n    >\r\n      <bpmnLook v-if=\"flowChartVisible && processXml\" ref=\"PreviewRef\" :diagram=\"processXml\"></bpmnLook>\r\n      <!-- <iframe\r\n        :src=\"trackUrl\"\r\n        frameborder=\"0\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n      /> -->\r\n      <!-- <el-image :src=\"trackUrl\"></el-image> -->\r\n    </el-dialog>\r\n\r\n    <el-dialog\r\n      :visible.sync=\"flowForecastVisible\"\r\n      width=\"45%\"\r\n      append-to-body\r\n      title=\"流程预测\"\r\n      v-dialogDrag\r\n      @close=\"flowForecastClose\"\r\n    >\r\n      <div style=\"margin-left: 20px;\">\r\n        <div v-html=\"flowForecastData.completeTime\" style=\"margin-left: 40px;margin-bottom: 20px;\"></div>\r\n        <el-timeline>\r\n          <el-timeline-item\r\n            v-for=\"(activity, index) in flowForecastData.processBudgetModelList\"\r\n            :key=\"index\"\r\n            icon=\"el-icon-check\"\r\n            :color=\"index==0 ? '#009800': activity.color\"\r\n            :timestamp=\"activity.title\" placement=\"top\">\r\n            <div>\r\n              <span style=\"color:#009800;\">\r\n                <i class=\"el-icon-s-custom\" style=\"margin-right: 5px;\"></i>\r\n                执行人：{{activity.excutor}}\r\n              </span>\r\n            </div>\r\n          </el-timeline-item>\r\n        </el-timeline> \r\n      </div>\r\n    </el-dialog>\r\n    \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"./api\";\r\nimport * as Enum from \"./enum\";\r\nimport userTask from \"./operation/userTask.vue\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport bpmnLook from \"./bpmnLook.vue\";\r\nimport selectDept from \"./operation/selectDept.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n  components: { userTask, bpmnLook, selectDept },\r\n  props: {\r\n    extraReqParams: {\r\n      type: Object,\r\n      default: function() {\r\n        return {}\r\n      },\r\n    },\r\n    other: {\r\n      default: true,\r\n    },\r\n    personType: \"\",\r\n    personEntity: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    beforeFunction:{\r\n      type: Function,\r\n      default: null\r\n    },\r\n    showFlowForecast: {\r\n      default: false,\r\n      type: Boolean,\r\n    },\r\n    flowForecastFunction:{\r\n      type: Function,\r\n      default: null\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      revivalVars: {},\r\n      processData: {},\r\n      absoluteTaskId: '',\r\n      userTaskListData: {},\r\n      flag: false,\r\n      revival: false,\r\n      flowChartVisible: false,\r\n      flowForecastVisible: false,\r\n      flowForecastData:{\r\n        completeTime:'',\r\n        processBudgetModelList:[]\r\n      },\r\n      flowForecastProcessInstId: '',\r\n      btnLoading: false,\r\n      processList: [],\r\n      processDefId: \"\",\r\n      processInstId: '',\r\n      processDefName: \"\",\r\n      businessId: \"\",\r\n      trackUrl: \"\",\r\n      processDefList: [],\r\n      otherProcessList: [],\r\n      callback: {},\r\n      cancelCallBack: {},\r\n      _multiNodeParticipant: [],\r\n      _businessDeptId: \"\",\r\n      businessCode: \"\",\r\n      _vars: {},\r\n      _appId: '',\r\n      deptList: [],\r\n      userInfo: {},\r\n      hasDeptId: false,\r\n      deptId: '',\r\n      subjectId: '',\r\n      processXml: '',\r\n    };\r\n  },\r\n  provide () {\r\n    return {\r\n      getUserInfo: this.getUserInfo,\r\n    }\r\n  },\r\n  methods: {\r\n    getUserInfo () {\r\n      return {\r\n        deptId: this.deptId,\r\n        subjectId: this.subjectId,\r\n      }\r\n    },\r\n    handleDeptChange(val) {\r\n      console.log(val, 'val')\r\n      this.deptId = val\r\n      this.getUserDataByDeptId()\r\n    },\r\n    complete(data) {\r\n      console.log(data, 'complete')\r\n    },\r\n    setLoading(e) {\r\n      this.btnLoading = e;\r\n    },\r\n    async getXml(id) {\r\n      console.log(this.isXml, 'isxml')\r\n      let res = {}\r\n      let xml = ''\r\n      try {\r\n        res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n        console.log(res, 'res')\r\n        if (res.code == 200) {\r\n          xml = res.data;\r\n        }\r\n      } catch (e) {\r\n        console.error(e)\r\n      }\r\n      return xml;\r\n    },\r\n    async viewFlowChart() {\r\n      this.flowChartVisible = true;\r\n      this.processXml = await this.getXml(this.processDefId)\r\n      // 打开预览窗口，后续代码不使用了\r\n      if (Date.now()) return;\r\n      api.repository\r\n        .getDiagramUrl({\r\n          processDefId: this.processDefId,\r\n          diagramType: 1,\r\n          type: Enum.SourceType.电脑端,\r\n        })\r\n        .then((res) => {\r\n          res.data.url = 'http://localhost:2888/saber/#/flowPreview'\r\n          this.trackUrl = this.getNewUrl(res.data.url, {...res.data})\r\n          if (Date.now()) {\r\n            this.flowChartVisible = true;\r\n            return;\r\n          }\r\n          if (res.code == Enum.apiCode.success) {\r\n            if (window.location.protocol == \"https:\") {\r\n              if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183:80/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://acme-aws.ddzg.cn/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.231:8088/\",\r\n                  \"https://acme-test.ddzg.cn:2119/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.230:8088/\",\r\n                  \"https://kq.ddzg.cn:8093/\"\r\n                )\r\n              } else {\r\n                this.trackUrl = res.data\r\n              }\r\n            } else {\r\n              this.trackUrl = res.data;\r\n            }\r\n            this.flowChartVisible = true;\r\n          }\r\n        });\r\n    },\r\n    // 判断url和当前网页的url域名是否相同\r\n    isSameDomain(url) {\r\n      return url.indexOf(window.location.host) != -1\r\n    },\r\n    // 根据url和query对象，拼接一个新的链接\r\n    getNewUrl(url, query) {\r\n      let queryStr = ''\r\n      for (let key in query) {\r\n        queryStr += `${key}=${query[key]}&`\r\n      }\r\n      // 判断url和当前网页的url域名是否相同\r\n      if(!this.isSameDomain(url)){\r\n        // 如果不同，则query要加上token，从localstorage获取\r\n        let token = localStorage.getItem('token');\r\n        queryStr += `token=${token}&`\r\n      }\r\n      queryStr = queryStr.slice(0, -1)\r\n      return `${url}?${queryStr}`\r\n    },\r\n    viewFlowForecast(){\r\n      if(this.flowForecastFunction){\r\n        this.flowForecastFunction()\r\n      }else {\r\n        this.forecast({\r\n          appId: this._appId ,\r\n          title: '1',//title不能为空，随便传的一个值\r\n        })   \r\n      } \r\n    },\r\n    forecast(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n        .getProcessForecast({\r\n          processDefId: this.processDefId,\r\n          ...data,\r\n        })\r\n        .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              if(e.data && e.data.processBudgetModelList && e.data.processBudgetModelList.length){\r\n                this.flowForecastProcessInstId = e.data.processBudgetModelList[0].processInstId\r\n              }else{\r\n                e.data.processBudgetModelList = []\r\n                this.flowForecastProcessInstId = ''\r\n              }\r\n              this.flowForecastData = e.data \r\n              this.flowForecastVisible = true;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程预测失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    flowForecastClose(){\r\n      if(this.flowForecastProcessInstId){\r\n        api.pis\r\n        .deleteProcessById(this.flowForecastProcessInstId)\r\n        .then((res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.flowForecastVisible = false;\r\n            this.flowForecastData = {\r\n              completeTime:'',\r\n              processBudgetModelList:[]\r\n            }\r\n            this.flowForecastProcessInstId = ''\r\n          }\r\n        });\r\n      }else{\r\n        this.flowForecastVisible = false;  \r\n        this.flowForecastData = {\r\n          completeTime:'',\r\n          processBudgetModelList:[]\r\n        }\r\n      }\r\n    },\r\n    processDefChange(processId) {\r\n      this.processDefId = processId;\r\n      api.repository.getFirstProcessNode(this.processDefId).then(async (res) => {\r\n        if (res.code == Enum.apiCode.success) {\r\n          this.processList = res.data;\r\n          this.flag = true;\r\n\r\n          // 获取部门\r\n          await this.getNodeUserDept()\r\n          // // 获取部门id\r\n          // const deptId = info.userInfo.deptId\r\n          // this.deptId = deptId\r\n          // 没有传入部门，则需要在选择部门后进行后续操作\r\n          if (!this.deptId) return;\r\n          this.getUserDataByDeptId()\r\n          // 获取人员，没有人则是之前的选人逻辑\r\n\r\n          // api.repository\r\n          //   .getAfferentParticipantNodeList(this.processDefId)\r\n          //   .then((e) => {\r\n          //     this.otherProcessList = e.data.filter((el) => {\r\n          //       return el[\"id\"] != this.processList[0][\"id\"];\r\n          //     });\r\n          //     this.otherProcessList.map((el) => {\r\n          //       el[\"REQUIRED\"] = false;\r\n          //     });\r\n          //   });\r\n        }\r\n      });\r\n      // api.repository.getAfferentParticipantNodeList(processId).then((res) => {\r\n      //   if (res.code == Enum.apiCode.success) {\r\n      //     res.data.map((item) => {\r\n      //       item.type = \"UserTaskModel\";\r\n      //     });\r\n      //     this.processList = res.data;\r\n      //     let tmp = JSON.parse(JSON.stringify(res.data));\r\n      //     tmp.shift();\r\n      //     this.otherProcessList = tmp;\r\n      //   }\r\n      // });\r\n    },\r\n    setItemRef(key) {\r\n      this.userTaskListData[key] = \"userTask\" + key;\r\n      return this.userTaskListData[key];\r\n    },\r\n    isOption(humanPerformer) {\r\n      return (\r\n        humanPerformer == \"任意指定\" ||\r\n        humanPerformer == \"固定部门\" ||\r\n        humanPerformer == \"固定单位\" ||\r\n        humanPerformer == \"固定群组\"\r\n      );\r\n    },\r\n    createAndStart(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n          .createAndStart({\r\n            processDefId: this.processDefId,\r\n            multiNodeParticipant: this._multiNodeParticipant,\r\n            firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n            // vars: this._businessDeptId\r\n            //   ? { _businessDeptId: this._businessDeptId, ...this._vars }\r\n            //   : this._vars,\r\n            vars: {\r\n              showType: \"all\",\r\n              subjectId: this.subjectId,\r\n              deptId: this.deptId,\r\n              businessType: this.businessCode,\r\n              ...data,\r\n              ...this._vars,\r\n            }\r\n          })\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程启动失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    revivalFlow(data = {}, history = false, msg = \"流程复活\") {\r\n      console.log(msg, '流程复活')\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        const vars = {\r\n          ...this.revivalVars,\r\n          showType: \"all\",\r\n          subjectId: this.subjectId,\r\n          deptId: this.deptId,\r\n          businessType: this.businessCode,\r\n          ...data,\r\n          ...this._vars,\r\n        }\r\n        Object.keys(vars).forEach((key) => {\r\n          // 字符串转小写\r\n          const fk = key.toLowerCase();\r\n          if (fk.includes('_')) {\r\n            delete vars[key];\r\n          }\r\n          if (fk == 'appShow') {\r\n            delete vars[key];\r\n          }\r\n        })\r\n        api.pis\r\n          .reactivate(\r\n            {\r\n              reactivate: true,\r\n              processDefId: this.processDefId,\r\n              processInstId: this.processInstId,\r\n              isClearHistory: this.isClearHistory,\r\n              // reactivateReason: \"重新提交\",\r\n              multiNodeParticipant: this._multiNodeParticipant,\r\n              firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n              vars,\r\n            },\r\n            \"\",\r\n            this.businessId,\r\n            msg,\r\n            \"\",\r\n            history,\r\n            this._multiNodeParticipant,\r\n            this.extraReqParams,\r\n          )\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程复活失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    Show(processDefId, appid = \"\", revival = false) {\r\n      this.processList = [];\r\n      this.revival = revival;\r\n      this.processDefId = processDefId;\r\n\r\n      if (appid) {\r\n        api.repository.getProcessDefList(appid, \"\").then((e) => {\r\n          if (e.code == Enum.apiCode.success) {\r\n            e.data.map((item) => {\r\n              if (item.id == processDefId) {\r\n                this.processDefName = item.name;\r\n              }\r\n            });\r\n          }\r\n        });\r\n      }\r\n\r\n      return new Promise((resolve, reject) => {\r\n        this.cancelCallBack = reject;\r\n        api.repository.getFirstProcessNode(processDefId).then(async (res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.processList = res.data;\r\n            this.flag = true;\r\n\r\n            // 获取部门\r\n            await this.getNodeUserDept()\r\n            // 没有传入部门，则需要在选择部门后进行后续操作\r\n            if (!this.deptId) return;\r\n            this.getUserDataByDeptId()\r\n\r\n            this.callback = resolve;\r\n            // api.repository\r\n            //   .getAfferentParticipantNodeList(processDefId)\r\n            //   .then((e) => {\r\n            //     this.otherProcessList = e.data.filter((el) => {\r\n            //       return el[\"id\"] != this.processList[0][\"id\"];\r\n            //     });\r\n            //     this.otherProcessList.map((el) => {\r\n            //       el[\"REQUIRED\"] = false;\r\n            //     });\r\n            //   });\r\n          }\r\n        });\r\n      });\r\n    },\r\n    selectShow(\r\n      info = {\r\n        appId: \"\",\r\n        businessCode: \"\",\r\n        keyWord: \"\",\r\n        businessDeptId: \"\",\r\n        userInfo: {},\r\n      }\r\n    ) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      this._appId = info.appId\r\n      this._businessDeptId = info.businessDeptId;\r\n      this.businessCode = info.businessCode\r\n      this.userInfo = info.userInfo;\r\n      // 获取部门id\r\n      this.deptId = info.userInfo.deptId\r\n      // 获取主体id\r\n      this.subjectId = info.userInfo.subjectId\r\n      this.hasDeptId = !!info.userInfo.deptId\r\n      console.log('======_businessDeptId',this._businessDeptId);\r\n      return new Promise((resolve, reject) => {\r\n        console.log(reject, 'reject')\r\n        this.cancelCallBack = reject;\r\n        api.repository\r\n          .getProcessDefListNew(info)\r\n          .then((e) => {\r\n            if (e.code == Enum.apiCode.success) {\r\n              if (e.data.length == 1) {\r\n                this.processDefList = e.data;\r\n                this.processDefId = e.data[0].id;\r\n                this.processDefName = e.data[0].name;\r\n                api.repository\r\n                  .getFirstProcessNode(this.processDefId)\r\n                  .then(async (res) => {\r\n                    if (res.code == Enum.apiCode.success) {\r\n                      console.log(res, 'res')\r\n                      this.processList = res.data;\r\n                      this.flag = true;\r\n                      this.callback = resolve;\r\n                      // 获取部门\r\n                      await this.getNodeUserDept()\r\n                      // 没有传入部门，则需要在选择部门后进行后续操作\r\n                      if (!this.deptId) return;\r\n                      this.getUserDataByDeptId()\r\n                      // 获取人员，没有人则是之前的选人逻辑\r\n\r\n                      \r\n                      // api.repository\r\n                      //   .getAfferentParticipantNodeList(this.processDefId)\r\n                      //   .then((e) => {\r\n                      //     this.otherProcessList = e.data.filter((el) => {\r\n                      //       return el[\"id\"] != this.processList[0][\"id\"];\r\n                      //     });\r\n                      //     this.otherProcessList.map((el) => {\r\n                      //       el[\"REQUIRED\"] = false;\r\n                      //     });\r\n                      //   });\r\n                    }\r\n                  });\r\n              } else {\r\n                this.processList = [];\r\n                this.otherProcessList = [];\r\n                this.processDefId = \"\";\r\n                this.processDefName = \"\";\r\n                this.processDefList = e.data;\r\n\r\n                if (info.keyWord) {\r\n                  this.processDefList.map((item) => {\r\n                    if (\r\n                      item.name.indexOf(info.keyWord) != -1 &&\r\n                      !this.processDefId\r\n                    ) {\r\n                      this.processDefId = item.id;\r\n                      this.processDefName = item.name;\r\n                      this.processDefChange(item.id);\r\n                    }\r\n                  });\r\n                }\r\n                this.flag = true;\r\n                this.callback = resolve;\r\n              }\r\n            }\r\n          });\r\n      });\r\n    },\r\n    // 处理routeTxt\r\n    handleRouteTxt(item) {\r\n      let str\r\n      // 交集\r\n      if (item.assigneeRetain == true) {\r\n        return \r\n      }\r\n    },\r\n    // 通过部门id获取流程节点的人员\r\n    getUserDataByDeptId() {\r\n      this.processList.map(async  (item, index) => {\r\n        console.log(item, 'item')\r\n        const nodeUserParams = getNodeUserParams(item)\r\n        let res\r\n        try {\r\n          res = await this.getNodeUser({\r\n            deptId: this.deptId,\r\n            intersection: nodeUserParams.intersection  ? 1 : 0,\r\n            userIds: nodeUserParams.userIds,\r\n            postIds: nodeUserParams.postIds,\r\n            deptIds: nodeUserParams.deptIds,\r\n          })\r\n        } catch (error) {\r\n          console.log(error, 'error')\r\n        }\r\n        if (res.code == Enum.apiCode.success) {\r\n          const l =  this.processList[index]\r\n          l.userList = res.data\r\n          this.$set(this.processList, index, l)\r\n\r\n        }\r\n        // console.log(user, 'user', index)\r\n      })\r\n    },\r\n    // 获取节点的人员\r\n    async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n      return await api.user.getTaskAuditor({\r\n        deptId,\r\n        intersection,\r\n        userIds,\r\n        postIds,\r\n        deptIds\r\n      })\r\n    },\r\n    // 获取节点人员的部门\r\n    async getNodeUserDept() {\r\n      let res = {}\r\n      try {\r\n          res = await api.user.getSelectTree()\r\n          console.log(res, 'res')\r\n      } catch (error) {\r\n        console.log(error, 'error')\r\n      }\r\n      console.log(res.data, 'data')\r\n      this.deptList = res.data || []\r\n    },\r\n\r\n    listShow(list) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      return new Promise((resolve, reject) => {\r\n        if (list.length == 1) {\r\n          this.processDefId = list[0].id;\r\n          this.processDefName = list[0].name;\r\n          this.cancelCallBack = reject;\r\n          api.repository.getFirstProcessNode(this.processDefId).then((res) => {\r\n            if (res.code == Enum.apiCode.success) {\r\n              this.processList = res.data;\r\n              this.flag = true;\r\n              this.callback = resolve;\r\n              api.repository\r\n                .getAfferentParticipantNodeList(this.processDefId)\r\n                .then((e) => {\r\n                  this.otherProcessList = e.data.filter((el) => {\r\n                    return el[\"id\"] != this.processList[0][\"id\"];\r\n                  });\r\n                  this.otherProcessList.map((el) => {\r\n                    el[\"REQUIRED\"] = false;\r\n                  });\r\n                });\r\n            }\r\n          });\r\n        } else {\r\n          this.processDefList = list;\r\n          this.flag = true;\r\n          this.callback = resolve;\r\n        }\r\n      });\r\n    },\r\n    // 流程\r\n    async getProcessInfo({ taskId, processInstId }) {\r\n\r\n      let res = {};\r\n      try {\r\n        res = await api.tis.getTaskModelDetail(taskId ? {\r\n          processInstId,\r\n          taskId,\r\n        } : {\r\n          processInstId,\r\n        })\r\n      } catch (e) {\r\n        res = {}\r\n      }\r\n      \r\n      if (res.code == 200) {\r\n          \r\n        }\r\n      return res\r\n    },\r\n    async revivalShow({ processInstId, businessId, taskId, deptId }) {\r\n      this.processInstId = processInstId\r\n      this.hasDeptId = !!deptId\r\n      let res = await this.getProcessInfo({ taskId, processInstId })\r\n      // let res = await api.pis.getProcessInstanceByBusinessKey(businessId);\r\n      if (res.code == 200) {\r\n        this.processData = {\r\n          ...this.initProcessData,\r\n          ...(res.data || {}),\r\n        };\r\n        const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n        this.deptId = deptId\r\n        this._businessDeptId = deptId\r\n        this.hasDeptId = !!deptId\r\n        const taskId = (this.processData.process || {}).taskId\r\n        this.absoluteTaskId = taskId\r\n        console.log(deptId, 'id')\r\n\r\n        this.revival = true;\r\n        this.businessId = businessId;\r\n        this.subjectId = res.data.process.variables.subjectId\r\n        this.businessCode = res.data.process.variables.businessType\r\n        this.revivalVars = res.data.process.variables;\r\n\r\n        this.processDefId = res.data.process.processDefinitionId;\r\n        this.processDefName = res.data.process.processDefinitionName;\r\n        this.processDefList = [];\r\n        \r\n        return this.Show(res.data.process.processDefinitionId, \"\", true);\r\n      }\r\n      \r\n    },\r\n    onClickOperation() {\r\n      if(!this.processDefId || this.processDefId==''){\r\n        ElMessage.warning(\"请选择流程\");\r\n        return false;\r\n      }\r\n      let multiNodeParticipant = {},\r\n        vars = {};\r\n      for (let key in this.userTaskListData) {\r\n        let o = this.userTaskListData[key];\r\n        let refCom = this.$refs[o][0];\r\n        let res = refCom\r\n          ? refCom.getValue()\r\n          : { multiNodeParticipant: [], vars: {} };\r\n        if (!res) {\r\n          return false;\r\n        }\r\n        console.log(res, 'res')\r\n        multiNodeParticipant = {\r\n          ...multiNodeParticipant,\r\n          ...res.multiNodeParticipant,\r\n        };\r\n        vars = { ...vars, ...res.vars };\r\n        console.log(vars, 'vars')\r\n      }\r\n      this._multiNodeParticipant = multiNodeParticipant;\r\n      this._vars = vars;\r\n      if(this.beforeFunction){\r\n        this.beforeFunction()\r\n      }else if (this.callback) {\r\n        this.callback(this.revival ? this.revivalFlow : this.createAndStart);\r\n      }\r\n      // this.flag = false;\r\n    },\r\n    onClickCancel() {\r\n      this.flag = false;\r\n      this.btnLoading = false;\r\n      if (this.cancelCallBack) this.cancelCallBack();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.flow-dialog {\r\n  .el-dialog__header {\r\n    padding: 18px 24px;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.flow-dialog :deep(.el-dialog__body) {\r\n  border-top: 1px solid #dadbde;\r\n  border-bottom: 1px solid #dadbde;\r\n  overflow: visible;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.flow-dialog {\r\n  .el-dialog__footer {\r\n    padding: 12px !important;\r\n    text-align: center;\r\n  }\r\n  .el-dialog__headerbtn {\r\n    top: 10px;\r\n    right: 16px;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dept-tree {\r\n    width: 65%;\r\n}\r\n\r\n.process-def-name {\r\n  font-weight: bold;\r\n  margin-right: 20px;\r\n  font-size: 16px;\r\n}\r\n.view-node-info {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  color: #1389ff;\r\n  font-size: 14px;\r\n  margin: 0;\r\n}\r\n\r\n.create-form {\r\n  .el-form-item__label {\r\n    padding-right: 18px;\r\n  }\r\n  .el-form-item {\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n.node-list {\r\n  max-height: 300px;\r\n  overflow-y: scroll;\r\n}\r\n.track-view {\r\n  .el-dialog__body {\r\n    display: flex;\r\n    justify-content: center;\r\n    height: 600px;\r\n    position: relative;\r\n  }\r\n}\r\niframe {\r\n  min-height: 500px;\r\n}\r\n</style>\r\n",".dept-tree {\n  width: 65%;\n}\n\n.process-def-name {\n  font-weight: bold;\n  margin-right: 20px;\n  font-size: 16px;\n}\n\n.view-node-info {\n  display: inline-block;\n  cursor: pointer;\n  color: #1389ff;\n  font-size: 14px;\n  margin: 0;\n}\n\n.create-form .el-form-item__label {\n  padding-right: 18px;\n}\n.create-form .el-form-item {\n  margin-bottom: 10px;\n}\n\n.node-list {\n  max-height: 300px;\n  overflow-y: scroll;\n}\n\n.track-view .el-dialog__body {\n  display: flex;\n  justify-content: center;\n  height: 600px;\n  position: relative;\n}\n\niframe {\n  min-height: 500px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$2 = "data-v-1b8bde7a";
+  const __vue_scope_id__$2 = "data-v-2b0fb27a";
   /* module identifier */
   const __vue_module_identifier__$2 = undefined;
   /* functional template */