ddy-process-pc-vue2 1.0.1-beta.29 → 1.0.1-beta.30

package/README.md

@@ -1,5 +1,140 @@
 # 流程组件接入文档
 
+## 新流程接入文档
+
+### 安装
+```
+npm install ddy-process-pc-vue2
+```
+
+### 基础用法
+
+```js
+// 导入依赖
+import process, {
+  ProcessAPI,
+  beforeCreate,
+  reactivate,
+  ProcessEnums
+} from 'ddy-process-pc-vue2';
+
+// 设置请求函数
+ProcessAPI.setAjax(ajaxFuc);
+```
+
+> 说明： ajaxFuc 为函数类型 
+>>``` js
+>>ajaxFuc(obj)
+>> 
+>>obj { 
+>>  type: String, //请求方式（'get'||'post'）
+>>  url: String,
+>>  param: Any
+>>}
+>>// 调用时会传入上述参数
+>>```
+
+``` js
+// 创建并启动流程
+<template>
+  <beforeCreate ref="beforeCreateRef"></beforeCreate>
+</template>
+
+<script>
+
+export default {
+  components: {
+    beforeCreate
+    ...
+
+this.$refs.beforeCreateRef.selectShow({
+  appId: 'com.awspaas.user.apps.top.study.project',
+  processGroupName: this.beType
+}).then((createAndStart) => {
+  // ...业务保存的相关逻辑
+
+  // 业务保存成功后调用
+  let p = {
+    processBusinessKey: res.data.id,  //业务ID
+    businessType: 26,   //流程类型
+    title: '标题' //流程标题
+  };
+  createAndStart(p).then((res)=>{
+     if (res.code == ProcessEnums.apiCode.success) {
+      // 创建成功
+     }else{
+      // 创建失败
+     }
+  }).finally(()=>{
+    // 创建失败
+  })
+})
+
+
+```
+
+``` js
+// 复活流程
+<beforeCreate ref="beforeCreateRef"></beforeCreate>
+
+
+export default {
+  components: {
+    beforeCreate
+    ...
+
+this.$refs.beforeCreateRef.revivalShow(BusinessKey).then((revivalFlow) => {
+  // ...业务保存的相关逻辑
+
+  // 业务保存成功后调用
+  revivalFlow().then((res)=>{
+     if (res.code == ProcessEnums.apiCode.success) {
+      // 复活成功
+     }else{
+      // 复活失败
+     }
+  }).finally(()=>{
+    // 复活失败
+  })
+})
+
+
+```
+
+
+``` js
+// 查看及流程审批相关操作
+<process
+    :processId="processInstId"
+    :processDefId="processDefId"
+    :task="task"
+    @Complete="
+      //操作成功回调
+    "
+    :userId="userId"
+    :isView="
+    //是否只查看
+    ">
+</process>
+
+
+task {
+  activityDefId: 节点id,
+  processInstId: 流程实例id,
+  processDefId: 流程定义id,
+  id: 任务id,
+}
+
+
+
+
+```
+
+
+
+
+## yanhuang流程接入文档
+
 ### 安装
 ```
 npm install ui-process-pc

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ddy-process-pc-vue2",
-  "version": "1.0.1-beta.29",
+  "version": "1.0.1-beta.30",
   "private": false,
   "type": "module",
   "bundleDependencies": false,

package/vue2/index.esm.js

@@ -6030,7 +6030,6 @@ __vue_component__$9.install = Vue => {
 //
 //
 //
-//
 
 
 var script$8 = {
@@ -6154,23 +6153,15 @@ var __vue_render__$8 = function () {
                             _vm.$emit(
                               "examine",
                               true,
-                              ["recall", "reject"].includes(
-                                _vm.process.processIsFinished
-                              )
-                                ? "重新提交"
-                                : _vm.getButton("wf_pass").name
+                              _vm.getButton("wf_pass").name
                             );
                           },
                         },
                       },
                       [
-                        ["recall", "reject"].includes(
-                          _vm.process.processIsFinished
-                        )
-                          ? _c("span", [_vm._v("重新提交")])
-                          : _c("span", [
-                              _vm._v(_vm._s(_vm.getButton("wf_pass").name)),
-                            ]),
+                        _c("span", [
+                          _vm._v(_vm._s(_vm.getButton("wf_pass").name)),
+                        ]),
                       ]
                     )
                   : _vm._e(),
@@ -6441,11 +6432,11 @@ __vue_render__$8._withStripped = true;
   /* style */
   const __vue_inject_styles__$8 = function (inject) {
     if (!inject) return
-    inject("data-v-04e1feb3_0", { source: ".foot-item[data-v-04e1feb3] {\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":"AA8JA;EACA,eAAA;EACA,sBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,wBAAA;EACA,gBAAA;EACA,mDAAA;EACA,2CAAA;AC7JA;;AAEA,0CAA0C","file":"processBtns.vue","sourcesContent":["<template>\r\n  <div>\r\n    <el-row v-loading=\"loading\" class=\"foot-item\" :style=\"{\r\n      // width: isCollapse ? 'calc(100% - 71px)' : 'calc(100% - 241px)',\r\n    }\">\r\n      <template v-if=\"process.status == 'todo'\">\r\n        <!-- 暂存 -->\r\n        <!-- <el-button type=\"primary\" :disabled=\"loading\" @click=\"$emit('draft')\">\r\n          暂存\r\n        </el-button> -->\r\n        <!-- 提交 -->\r\n        <el-button v-if=\"getButton('wf_pass')\" type=\"success\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('examine', true, ['recall', 'reject'].includes(process.processIsFinished) ? '重新提交' : getButton('wf_pass').name)\">\r\n          <span v-if=\"['recall', 'reject'].includes(process.processIsFinished)\">重新提交</span>\r\n          <span v-else>{{ getButton('wf_pass').name }}</span>\r\n        </el-button>\r\n        <!-- 取消申请 -->\r\n        <el-button v-if=\"getButton('wf_reject')\" type=\"danger\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('examine', false, 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      </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 });
+    inject("data-v-a5b856b2_0", { source: ".foot-item[data-v-a5b856b2] {\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":"AA6JA;EACA,eAAA;EACA,sBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,wBAAA;EACA,gBAAA;EACA,mDAAA;EACA,2CAAA;AC5JA;;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      </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-04e1feb3";
+  const __vue_scope_id__$8 = "data-v-a5b856b2";
   /* module identifier */
   const __vue_module_identifier__$8 = undefined;
   /* functional template */
@@ -10080,6 +10071,25 @@ var script$2 = {
       console.log(msg, '流程复活');
       this.btnLoading = true;
       return new Promise((resolve, reject) => {
+        const vars = {
+          ...this.revivalVars,
+          showType: "all",
+          subjectId: this.subjectId,
+          deptId: this.deptId,
+          businessType: this.businessCode,
+          ...data,
+          ...this._vars,
+        };
+        Object.keys(vars).forEach((key) => {
+          // 字符串转小写
+          const fk = key.toLowerCase();
+          if (fk.includes('_')) {
+            delete vars[key];
+          }
+          if (fk == 'appShow') {
+            delete vars[key];
+          }
+        });
         api$1.pis
           .reactivate(
             {
@@ -10090,15 +10100,7 @@ var script$2 = {
               // reactivateReason: "重新提交",
               multiNodeParticipant: this._multiNodeParticipant,
               firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',
-              vars: {
-                ...this.revivalVars,
-                showType: "all",
-                subjectId: this.subjectId,
-                deptId: this.deptId,
-                businessType: this.businessCode,
-                ...data,
-                ...this._vars,
-              }
+              vars,
             },
             "",
             this.businessId,
@@ -10772,12 +10774,12 @@ __vue_render__$2._withStripped = true;
   /* style */
   const __vue_inject_styles__$2 = function (inject) {
     if (!inject) return
-    inject("data-v-59dd219d_0", { source: ".flow-dialog .el-dialog__header {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.flow-dialog :deep(.el-dialog__body) {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n  overflow-x: hidden;\n}\n.flow-dialog .el-dialog__footer {\n  padding: 12px !important;\n  text-align: center;\n}\n.flow-dialog .el-dialog__headerbtn {\n  top: 10px;\n  right: 16px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\beforeCreate.vue","beforeCreate.vue"],"names":[],"mappings":"AAw3BA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;ACv3BA;AD23BA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,kBAAA;ACx3BA;AD43BA;EACA,wBAAA;EACA,kBAAA;ACz3BA;AD23BA;EACA,SAAA;EACA,WAAA;ACz3BA;;AAEA,2CAA2C","file":"beforeCreate.vue","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog\r\n      :visible.sync=\"flag\"\r\n      width=\"45%\"\r\n      class=\"flow-dialog\"\r\n      :close-on-click-modal=\"false\"\r\n      :title=\"revival ? '流程复活' : '创建并启动流程'\"\r\n      append-to-body\r\n      @closed=\"onClickCancel\"\r\n    >\r\n      <el-form\r\n        class=\"create-form\"\r\n        @submit.native.prevent\r\n        label-width=\"200px\"\r\n        status-icon\r\n      >\r\n        <el-form-item label=\"当前流程\" size=\"normal\" :rules=\"[{ required: true, message: '请选择流程' }]\">\r\n          <el-select\r\n            v-model=\"processDefId\"\r\n            v-if=\"processDefList.length > 1\"\r\n            style=\"width: 65%; margin-right: 10px\"\r\n            filterable\r\n            clearable\r\n            @change=\"processDefChange\"\r\n            placeholder=\"请选择\"\r\n          >\r\n            <el-option\r\n              v-for=\"(item, index) in processDefList\"\r\n              :key=\"item.id\"\r\n              :label=\"item.name\"\r\n              :value=\"item.id\"\r\n              :disabled=\"item.disabled\"\r\n            ></el-option>\r\n          </el-select>\r\n          <b class=\"process-def-name\" v-else>\r\n            {{ processDefName }}\r\n          </b>\r\n          <div\r\n            @click=\"viewFlowChart\"\r\n            v-if=\"processDefId\"\r\n            class=\"view-node-info\"\r\n            style=\"margin-right: 10px\"\r\n          >\r\n            预览\r\n          </div>\r\n          <div\r\n            @click=\"viewFlowForecast\"\r\n            v-if=\"processDefId && showFlowForecast\"\r\n            class=\"view-node-info\">\r\n            流程预测\r\n          </div>\r\n        </el-form-item>\r\n\r\n        <!-- 如果没有传入部门，则需要选择部门 -->\r\n        <el-form-item v-if=\"!hasDeptId\" label=\"选择部门\"  :rules=\"[{ required: true, message: '请选择部门' }]\">\r\n          <selectDept\r\n            class=\"dept-tree\"\r\n            :deptId=\"deptId\"\r\n            :ops=\"deptList\"\r\n            @input=\"handleDeptChange\"\r\n          />\r\n        </el-form-item>\r\n\r\n        <div class=\"node-list\" v-if=\"deptId\">\r\n          <el-form-item\r\n            v-if=\"processList && processList.length > 0\"\r\n            label=\"下一步处理节点\"\r\n            size=\"normal\"\r\n          >\r\n          </el-form-item>\r\n          <template v-if=\"processList.length > 0\">\r\n            <template v-for=\"(item, index) in processList\" >\r\n            <userTask\r\n              :index=\"index\"\r\n              :personType=\"personType\"\r\n              :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n              :processNode=\"{\r\n                ...item,\r\n                REQUIRED: index == 0 ? true : false,\r\n              }\"\r\n              label=\"处理人\"\r\n              :rules=\"[{ required: index == 0 ? true : false, message: '请选择审批人' }]\"\r\n              :ref=\"setItemRef(item.id)\"\r\n              @complete=\"complete\"\r\n            ></userTask>\r\n            <div class=\"user-task-split\" v-if=\"index !== processList.length - 1\"></div>\r\n            </template>\r\n          </template>\r\n\r\n          <!-- <template v-if=\"otherProcessList.length > 0 && other\">\r\n            <el-form-item\r\n              v-if=\"processList && processList.length > 0\"\r\n              label=\"其他处理节点\"\r\n              size=\"normal\"\r\n            >\r\n            </el-form-item>\r\n\r\n            <template v-if=\"processList.length > 0\">\r\n              <userTask\r\n                v-for=\"item in otherProcessList\"\r\n                :personType=\"personType\"\r\n                :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n                :key=\"item.id\"\r\n                :processNode=\"item\"\r\n                :noprop=\"true\"\r\n                :ref=\"setItemRef(item.id)\"\r\n              ></userTask>\r\n            </template>\r\n          </template> -->\r\n        </div>\r\n      </el-form>\r\n      <template #footer>\r\n        <el-button\r\n          :loading=\"btnLoading\"\r\n          type=\"primary\"\r\n          @click=\"onClickOperation\"\r\n          >确 定</el-button\r\n        >\r\n        <el-button :loading=\"btnLoading\" @click=\"onClickCancel\"\r\n          >取 消</el-button\r\n        >\r\n      </template>\r\n    </el-dialog>\r\n\r\n    <!-- <div class=\"dialog\"> -->\r\n    <el-dialog\r\n      :visible.sync=\"flowChartVisible\"\r\n      width=\"60%\"\r\n      append-to-body\r\n      title=\"流程图信息\"\r\n      class=\"track-view\"\r\n      v-dialogDrag\r\n    >\r\n      <bpmnLook v-if=\"flowChartVisible && processXml\" ref=\"PreviewRef\" :diagram=\"processXml\"></bpmnLook>\r\n      <!-- <iframe\r\n        :src=\"trackUrl\"\r\n        frameborder=\"0\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n      /> -->\r\n      <!-- <el-image :src=\"trackUrl\"></el-image> -->\r\n    </el-dialog>\r\n\r\n    <el-dialog\r\n      :visible.sync=\"flowForecastVisible\"\r\n      width=\"45%\"\r\n      append-to-body\r\n      title=\"流程预测\"\r\n      v-dialogDrag\r\n      @close=\"flowForecastClose\"\r\n    >\r\n      <div style=\"margin-left: 20px;\">\r\n        <div v-html=\"flowForecastData.completeTime\" style=\"margin-left: 40px;margin-bottom: 20px;\"></div>\r\n        <el-timeline>\r\n          <el-timeline-item\r\n            v-for=\"(activity, index) in flowForecastData.processBudgetModelList\"\r\n            :key=\"index\"\r\n            icon=\"el-icon-check\"\r\n            :color=\"index==0 ? '#009800': activity.color\"\r\n            :timestamp=\"activity.title\" placement=\"top\">\r\n            <div>\r\n              <span style=\"color:#009800;\">\r\n                <i class=\"el-icon-s-custom\" style=\"margin-right: 5px;\"></i>\r\n                执行人：{{activity.excutor}}\r\n              </span>\r\n            </div>\r\n          </el-timeline-item>\r\n        </el-timeline> \r\n      </div>\r\n    </el-dialog>\r\n    \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"./api\";\r\nimport * as Enum from \"./enum\";\r\nimport userTask from \"./operation/userTask.vue\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport bpmnLook from \"./bpmnLook.vue\";\r\nimport selectDept from \"./operation/selectDept.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n  components: { userTask, bpmnLook, selectDept },\r\n  props: {\r\n    extraReqParams: {\r\n      type: Object,\r\n      default: function() {\r\n        return {}\r\n      },\r\n    },\r\n    other: {\r\n      default: true,\r\n    },\r\n    personType: \"\",\r\n    personEntity: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    beforeFunction:{\r\n      type: Function,\r\n      default: null\r\n    },\r\n    showFlowForecast: {\r\n      default: false,\r\n      type: Boolean,\r\n    },\r\n    flowForecastFunction:{\r\n      type: Function,\r\n      default: null\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      revivalVars: {},\r\n      processData: {},\r\n      absoluteTaskId: '',\r\n      userTaskListData: {},\r\n      flag: false,\r\n      revival: false,\r\n      flowChartVisible: false,\r\n      flowForecastVisible: false,\r\n      flowForecastData:{\r\n        completeTime:'',\r\n        processBudgetModelList:[]\r\n      },\r\n      flowForecastProcessInstId: '',\r\n      btnLoading: false,\r\n      processList: [],\r\n      processDefId: \"\",\r\n      processInstId: '',\r\n      processDefName: \"\",\r\n      businessId: \"\",\r\n      trackUrl: \"\",\r\n      processDefList: [],\r\n      otherProcessList: [],\r\n      callback: {},\r\n      cancelCallBack: {},\r\n      _multiNodeParticipant: [],\r\n      _businessDeptId: \"\",\r\n      businessCode: \"\",\r\n      _vars: {},\r\n      _appId: '',\r\n      deptList: [],\r\n      userInfo: {},\r\n      hasDeptId: false,\r\n      deptId: '',\r\n      subjectId: '',\r\n      processXml: '',\r\n    };\r\n  },\r\n  provide () {\r\n    return {\r\n      getUserInfo: this.getUserInfo,\r\n    }\r\n  },\r\n  methods: {\r\n    getUserInfo () {\r\n      return {\r\n        deptId: this.deptId,\r\n        subjectId: this.subjectId,\r\n      }\r\n    },\r\n    handleDeptChange(val) {\r\n      console.log(val, 'val')\r\n      this.deptId = val\r\n      this.getUserDataByDeptId()\r\n    },\r\n    complete(data) {\r\n      console.log(data, 'complete')\r\n    },\r\n    setLoading(e) {\r\n      this.btnLoading = e;\r\n    },\r\n    async getXml(id) {\r\n      console.log(this.isXml, 'isxml')\r\n      let res = {}\r\n      let xml = ''\r\n      try {\r\n        res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n        console.log(res, 'res')\r\n        if (res.code == 200) {\r\n          xml = res.data;\r\n        }\r\n      } catch (e) {\r\n        console.error(e)\r\n      }\r\n      return xml;\r\n    },\r\n    async viewFlowChart() {\r\n      this.flowChartVisible = true;\r\n      this.processXml = await this.getXml(this.processDefId)\r\n      // 打开预览窗口，后续代码不使用了\r\n      if (Date.now()) return;\r\n      api.repository\r\n        .getDiagramUrl({\r\n          processDefId: this.processDefId,\r\n          diagramType: 1,\r\n          type: Enum.SourceType.电脑端,\r\n        })\r\n        .then((res) => {\r\n          res.data.url = 'http://localhost:2888/saber/#/flowPreview'\r\n          this.trackUrl = this.getNewUrl(res.data.url, {...res.data})\r\n          if (Date.now()) {\r\n            this.flowChartVisible = true;\r\n            return;\r\n          }\r\n          if (res.code == Enum.apiCode.success) {\r\n            if (window.location.protocol == \"https:\") {\r\n              if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183:80/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://acme-aws.ddzg.cn/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.231:8088/\",\r\n                  \"https://acme-test.ddzg.cn:2119/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.230:8088/\",\r\n                  \"https://kq.ddzg.cn:8093/\"\r\n                )\r\n              } else {\r\n                this.trackUrl = res.data\r\n              }\r\n            } else {\r\n              this.trackUrl = res.data;\r\n            }\r\n            this.flowChartVisible = true;\r\n          }\r\n        });\r\n    },\r\n    // 判断url和当前网页的url域名是否相同\r\n    isSameDomain(url) {\r\n      return url.indexOf(window.location.host) != -1\r\n    },\r\n    // 根据url和query对象，拼接一个新的链接\r\n    getNewUrl(url, query) {\r\n      let queryStr = ''\r\n      for (let key in query) {\r\n        queryStr += `${key}=${query[key]}&`\r\n      }\r\n      // 判断url和当前网页的url域名是否相同\r\n      if(!this.isSameDomain(url)){\r\n        // 如果不同，则query要加上token，从localstorage获取\r\n        let token = localStorage.getItem('token');\r\n        queryStr += `token=${token}&`\r\n      }\r\n      queryStr = queryStr.slice(0, -1)\r\n      return `${url}?${queryStr}`\r\n    },\r\n    viewFlowForecast(){\r\n      if(this.flowForecastFunction){\r\n        this.flowForecastFunction()\r\n      }else {\r\n        this.forecast({\r\n          appId: this._appId ,\r\n          title: '1',//title不能为空，随便传的一个值\r\n        })   \r\n      } \r\n    },\r\n    forecast(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n        .getProcessForecast({\r\n          processDefId: this.processDefId,\r\n          ...data,\r\n        })\r\n        .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              if(e.data && e.data.processBudgetModelList && e.data.processBudgetModelList.length){\r\n                this.flowForecastProcessInstId = e.data.processBudgetModelList[0].processInstId\r\n              }else{\r\n                e.data.processBudgetModelList = []\r\n                this.flowForecastProcessInstId = ''\r\n              }\r\n              this.flowForecastData = e.data \r\n              this.flowForecastVisible = true;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程预测失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    flowForecastClose(){\r\n      if(this.flowForecastProcessInstId){\r\n        api.pis\r\n        .deleteProcessById(this.flowForecastProcessInstId)\r\n        .then((res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.flowForecastVisible = false;\r\n            this.flowForecastData = {\r\n              completeTime:'',\r\n              processBudgetModelList:[]\r\n            }\r\n            this.flowForecastProcessInstId = ''\r\n          }\r\n        });\r\n      }else{\r\n        this.flowForecastVisible = false;  \r\n        this.flowForecastData = {\r\n          completeTime:'',\r\n          processBudgetModelList:[]\r\n        }\r\n      }\r\n    },\r\n    processDefChange(processId) {\r\n      this.processDefId = processId;\r\n      api.repository.getFirstProcessNode(this.processDefId).then(async (res) => {\r\n        if (res.code == Enum.apiCode.success) {\r\n          this.processList = res.data;\r\n          this.flag = true;\r\n\r\n          // 获取部门\r\n          await this.getNodeUserDept()\r\n          // // 获取部门id\r\n          // const deptId = info.userInfo.deptId\r\n          // this.deptId = deptId\r\n          // 没有传入部门，则需要在选择部门后进行后续操作\r\n          if (!this.deptId) return;\r\n          this.getUserDataByDeptId()\r\n          // 获取人员，没有人则是之前的选人逻辑\r\n\r\n          // api.repository\r\n          //   .getAfferentParticipantNodeList(this.processDefId)\r\n          //   .then((e) => {\r\n          //     this.otherProcessList = e.data.filter((el) => {\r\n          //       return el[\"id\"] != this.processList[0][\"id\"];\r\n          //     });\r\n          //     this.otherProcessList.map((el) => {\r\n          //       el[\"REQUIRED\"] = false;\r\n          //     });\r\n          //   });\r\n        }\r\n      });\r\n      // api.repository.getAfferentParticipantNodeList(processId).then((res) => {\r\n      //   if (res.code == Enum.apiCode.success) {\r\n      //     res.data.map((item) => {\r\n      //       item.type = \"UserTaskModel\";\r\n      //     });\r\n      //     this.processList = res.data;\r\n      //     let tmp = JSON.parse(JSON.stringify(res.data));\r\n      //     tmp.shift();\r\n      //     this.otherProcessList = tmp;\r\n      //   }\r\n      // });\r\n    },\r\n    setItemRef(key) {\r\n      this.userTaskListData[key] = \"userTask\" + key;\r\n      return this.userTaskListData[key];\r\n    },\r\n    isOption(humanPerformer) {\r\n      return (\r\n        humanPerformer == \"任意指定\" ||\r\n        humanPerformer == \"固定部门\" ||\r\n        humanPerformer == \"固定单位\" ||\r\n        humanPerformer == \"固定群组\"\r\n      );\r\n    },\r\n    createAndStart(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n          .createAndStart({\r\n            processDefId: this.processDefId,\r\n            multiNodeParticipant: this._multiNodeParticipant,\r\n            firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n            // vars: this._businessDeptId\r\n            //   ? { _businessDeptId: this._businessDeptId, ...this._vars }\r\n            //   : this._vars,\r\n            vars: {\r\n              showType: \"all\",\r\n              subjectId: this.subjectId,\r\n              deptId: this.deptId,\r\n              businessType: this.businessCode,\r\n              ...data,\r\n              ...this._vars,\r\n            }\r\n          })\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程启动失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    revivalFlow(data = {}, history = false, msg = \"流程复活\") {\r\n      console.log(msg, '流程复活')\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n          .reactivate(\r\n            {\r\n              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                ...this.revivalVars,\r\n                showType: \"all\",\r\n                subjectId: this.subjectId,\r\n                deptId: this.deptId,\r\n                businessType: this.businessCode,\r\n                ...data,\r\n                ...this._vars,\r\n              }\r\n            },\r\n            \"\",\r\n            this.businessId,\r\n            msg,\r\n            \"\",\r\n            history,\r\n            this._multiNodeParticipant,\r\n            this.extraReqParams,\r\n          )\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程复活失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    Show(processDefId, appid = \"\", revival = false) {\r\n      this.processList = [];\r\n      this.revival = revival;\r\n      this.processDefId = processDefId;\r\n\r\n      if (appid) {\r\n        api.repository.getProcessDefList(appid, \"\").then((e) => {\r\n          if (e.code == Enum.apiCode.success) {\r\n            e.data.map((item) => {\r\n              if (item.id == processDefId) {\r\n                this.processDefName = item.name;\r\n              }\r\n            });\r\n          }\r\n        });\r\n      }\r\n\r\n      return new Promise((resolve, reject) => {\r\n        this.cancelCallBack = reject;\r\n        api.repository.getFirstProcessNode(processDefId).then(async (res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.processList = res.data;\r\n            this.flag = true;\r\n\r\n            // 获取部门\r\n            await this.getNodeUserDept()\r\n            // 没有传入部门，则需要在选择部门后进行后续操作\r\n            if (!this.deptId) return;\r\n            this.getUserDataByDeptId()\r\n\r\n            this.callback = resolve;\r\n            // api.repository\r\n            //   .getAfferentParticipantNodeList(processDefId)\r\n            //   .then((e) => {\r\n            //     this.otherProcessList = e.data.filter((el) => {\r\n            //       return el[\"id\"] != this.processList[0][\"id\"];\r\n            //     });\r\n            //     this.otherProcessList.map((el) => {\r\n            //       el[\"REQUIRED\"] = false;\r\n            //     });\r\n            //   });\r\n          }\r\n        });\r\n      });\r\n    },\r\n    selectShow(\r\n      info = {\r\n        appId: \"\",\r\n        businessCode: \"\",\r\n        keyWord: \"\",\r\n        businessDeptId: \"\",\r\n        userInfo: {},\r\n      }\r\n    ) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      this._appId = info.appId\r\n      this._businessDeptId = info.businessDeptId;\r\n      this.businessCode = info.businessCode\r\n      this.userInfo = info.userInfo;\r\n      // 获取部门id\r\n      this.deptId = info.userInfo.deptId\r\n      // 获取主体id\r\n      this.subjectId = info.userInfo.subjectId\r\n      this.hasDeptId = !!info.userInfo.deptId\r\n      console.log('======_businessDeptId',this._businessDeptId);\r\n      return new Promise((resolve, reject) => {\r\n        console.log(reject, 'reject')\r\n        this.cancelCallBack = reject;\r\n        api.repository\r\n          .getProcessDefListNew(info)\r\n          .then((e) => {\r\n            if (e.code == Enum.apiCode.success) {\r\n              if (e.data.length == 1) {\r\n                this.processDefList = e.data;\r\n                this.processDefId = e.data[0].id;\r\n                this.processDefName = e.data[0].name;\r\n                api.repository\r\n                  .getFirstProcessNode(this.processDefId)\r\n                  .then(async (res) => {\r\n                    if (res.code == Enum.apiCode.success) {\r\n                      console.log(res, 'res')\r\n                      this.processList = res.data;\r\n                      this.flag = true;\r\n                      this.callback = resolve;\r\n                      // 获取部门\r\n                      await this.getNodeUserDept()\r\n                      // 没有传入部门，则需要在选择部门后进行后续操作\r\n                      if (!this.deptId) return;\r\n                      this.getUserDataByDeptId()\r\n                      // 获取人员，没有人则是之前的选人逻辑\r\n\r\n                      \r\n                      // api.repository\r\n                      //   .getAfferentParticipantNodeList(this.processDefId)\r\n                      //   .then((e) => {\r\n                      //     this.otherProcessList = e.data.filter((el) => {\r\n                      //       return el[\"id\"] != this.processList[0][\"id\"];\r\n                      //     });\r\n                      //     this.otherProcessList.map((el) => {\r\n                      //       el[\"REQUIRED\"] = false;\r\n                      //     });\r\n                      //   });\r\n                    }\r\n                  });\r\n              } else {\r\n                this.processList = [];\r\n                this.otherProcessList = [];\r\n                this.processDefId = \"\";\r\n                this.processDefName = \"\";\r\n                this.processDefList = e.data;\r\n\r\n                if (info.keyWord) {\r\n                  this.processDefList.map((item) => {\r\n                    if (\r\n                      item.name.indexOf(info.keyWord) != -1 &&\r\n                      !this.processDefId\r\n                    ) {\r\n                      this.processDefId = item.id;\r\n                      this.processDefName = item.name;\r\n                      this.processDefChange(item.id);\r\n                    }\r\n                  });\r\n                }\r\n                this.flag = true;\r\n                this.callback = resolve;\r\n              }\r\n            }\r\n          });\r\n      });\r\n    },\r\n    // 处理routeTxt\r\n    handleRouteTxt(item) {\r\n      let str\r\n      // 交集\r\n      if (item.assigneeRetain == true) {\r\n        return \r\n      }\r\n    },\r\n    // 通过部门id获取流程节点的人员\r\n    getUserDataByDeptId() {\r\n      this.processList.map(async  (item, index) => {\r\n        console.log(item, 'item')\r\n        const nodeUserParams = getNodeUserParams(item)\r\n        let res\r\n        try {\r\n          res = await this.getNodeUser({\r\n            deptId: this.deptId,\r\n            intersection: nodeUserParams.intersection  ? 1 : 0,\r\n            userIds: nodeUserParams.userIds,\r\n            postIds: nodeUserParams.postIds,\r\n            deptIds: nodeUserParams.deptIds,\r\n          })\r\n        } catch (error) {\r\n          console.log(error, 'error')\r\n        }\r\n        if (res.code == Enum.apiCode.success) {\r\n          const l =  this.processList[index]\r\n          l.userList = res.data\r\n          this.$set(this.processList, index, l)\r\n\r\n        }\r\n        // console.log(user, 'user', index)\r\n      })\r\n    },\r\n    // 获取节点的人员\r\n    async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n      return await api.user.getTaskAuditor({\r\n        deptId,\r\n        intersection,\r\n        userIds,\r\n        postIds,\r\n        deptIds\r\n      })\r\n    },\r\n    // 获取节点人员的部门\r\n    async getNodeUserDept() {\r\n      let res = {}\r\n      try {\r\n          res = await api.user.getSelectTree()\r\n          console.log(res, 'res')\r\n      } catch (error) {\r\n        console.log(error, 'error')\r\n      }\r\n      console.log(res.data, 'data')\r\n      this.deptList = res.data || []\r\n    },\r\n\r\n    listShow(list) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      return new Promise((resolve, reject) => {\r\n        if (list.length == 1) {\r\n          this.processDefId = list[0].id;\r\n          this.processDefName = list[0].name;\r\n          this.cancelCallBack = reject;\r\n          api.repository.getFirstProcessNode(this.processDefId).then((res) => {\r\n            if (res.code == Enum.apiCode.success) {\r\n              this.processList = res.data;\r\n              this.flag = true;\r\n              this.callback = resolve;\r\n              api.repository\r\n                .getAfferentParticipantNodeList(this.processDefId)\r\n                .then((e) => {\r\n                  this.otherProcessList = e.data.filter((el) => {\r\n                    return el[\"id\"] != this.processList[0][\"id\"];\r\n                  });\r\n                  this.otherProcessList.map((el) => {\r\n                    el[\"REQUIRED\"] = false;\r\n                  });\r\n                });\r\n            }\r\n          });\r\n        } else {\r\n          this.processDefList = list;\r\n          this.flag = true;\r\n          this.callback = resolve;\r\n        }\r\n      });\r\n    },\r\n    // 流程\r\n    async getProcessInfo({ taskId, processInstId }) {\r\n\r\n      let res = {};\r\n      try {\r\n        res = await api.tis.getTaskModelDetail(taskId ? {\r\n          processInstId,\r\n          taskId,\r\n        } : {\r\n          processInstId,\r\n        })\r\n      } catch (e) {\r\n        res = {}\r\n      }\r\n      \r\n      if (res.code == 200) {\r\n          \r\n        }\r\n      return res\r\n    },\r\n    async revivalShow({ processInstId, businessId, taskId, deptId }) {\r\n      this.processInstId = processInstId\r\n      this.hasDeptId = !!deptId\r\n      let res = await this.getProcessInfo({ taskId, processInstId })\r\n      // let res = await api.pis.getProcessInstanceByBusinessKey(businessId);\r\n      if (res.code == 200) {\r\n        this.processData = {\r\n          ...this.initProcessData,\r\n          ...(res.data || {}),\r\n        };\r\n        const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n        this.deptId = deptId\r\n        this._businessDeptId = deptId\r\n        this.hasDeptId = !!deptId\r\n        const taskId = (this.processData.process || {}).taskId\r\n        this.absoluteTaskId = taskId\r\n        console.log(deptId, 'id')\r\n\r\n        this.revival = true;\r\n        this.businessId = businessId;\r\n        this.subjectId = res.data.process.variables.subjectId\r\n        this.businessCode = res.data.process.variables.businessType\r\n        this.revivalVars = res.data.process.variables;\r\n\r\n        this.processDefId = res.data.process.processDefinitionId;\r\n        this.processDefName = res.data.process.processDefinitionName;\r\n        this.processDefList = [];\r\n        \r\n        return this.Show(res.data.process.processDefinitionId, \"\", true);\r\n      }\r\n      \r\n    },\r\n    onClickOperation() {\r\n      if(!this.processDefId || this.processDefId==''){\r\n        ElMessage.warning(\"请选择流程\");\r\n        return false;\r\n      }\r\n      let multiNodeParticipant = {},\r\n        vars = {};\r\n      for (let key in this.userTaskListData) {\r\n        let o = this.userTaskListData[key];\r\n        let refCom = this.$refs[o][0];\r\n        let res = refCom\r\n          ? refCom.getValue()\r\n          : { multiNodeParticipant: [], vars: {} };\r\n        if (!res) {\r\n          return false;\r\n        }\r\n        console.log(res, 'res')\r\n        multiNodeParticipant = {\r\n          ...multiNodeParticipant,\r\n          ...res.multiNodeParticipant,\r\n        };\r\n        vars = { ...vars, ...res.vars };\r\n        console.log(vars, 'vars')\r\n      }\r\n      this._multiNodeParticipant = multiNodeParticipant;\r\n      this._vars = vars;\r\n      if(this.beforeFunction){\r\n        this.beforeFunction()\r\n      }else if (this.callback) {\r\n        this.callback(this.revival ? this.revivalFlow : this.createAndStart);\r\n      }\r\n      // this.flag = false;\r\n    },\r\n    onClickCancel() {\r\n      this.flag = false;\r\n      this.btnLoading = false;\r\n      if (this.cancelCallBack) this.cancelCallBack();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.flow-dialog {\r\n  .el-dialog__header {\r\n    padding: 18px 24px;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.flow-dialog :deep(.el-dialog__body) {\r\n  border-top: 1px solid #dadbde;\r\n  border-bottom: 1px solid #dadbde;\r\n  overflow: visible;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.flow-dialog {\r\n  .el-dialog__footer {\r\n    padding: 12px !important;\r\n    text-align: center;\r\n  }\r\n  .el-dialog__headerbtn {\r\n    top: 10px;\r\n    right: 16px;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dept-tree {\r\n    width: 65%;\r\n}\r\n\r\n.process-def-name {\r\n  font-weight: bold;\r\n  margin-right: 20px;\r\n  font-size: 16px;\r\n}\r\n.view-node-info {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  color: #1389ff;\r\n  font-size: 14px;\r\n  margin: 0;\r\n}\r\n\r\n.create-form {\r\n  .el-form-item__label {\r\n    padding-right: 18px;\r\n  }\r\n  .el-form-item {\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n.node-list {\r\n  max-height: 300px;\r\n  overflow-y: scroll;\r\n}\r\n.track-view {\r\n  .el-dialog__body {\r\n    display: flex;\r\n    justify-content: center;\r\n    height: 600px;\r\n    position: relative;\r\n  }\r\n}\r\niframe {\r\n  min-height: 500px;\r\n}\r\n</style>\r\n",".flow-dialog .el-dialog__header {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n\n.flow-dialog :deep(.el-dialog__body) {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n  overflow-x: hidden;\n}\n\n.flow-dialog .el-dialog__footer {\n  padding: 12px !important;\n  text-align: center;\n}\n.flow-dialog .el-dialog__headerbtn {\n  top: 10px;\n  right: 16px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */"]}, media: undefined })
-,inject("data-v-59dd219d_1", { source: ".dept-tree[data-v-59dd219d] {\n  width: 65%;\n}\n.process-def-name[data-v-59dd219d] {\n  font-weight: bold;\n  margin-right: 20px;\n  font-size: 16px;\n}\n.view-node-info[data-v-59dd219d] {\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-59dd219d] {\n  padding-right: 18px;\n}\n.create-form .el-form-item[data-v-59dd219d] {\n  margin-bottom: 10px;\n}\n.node-list[data-v-59dd219d] {\n  max-height: 300px;\n  overflow-y: scroll;\n}\n.track-view .el-dialog__body[data-v-59dd219d] {\n  display: flex;\n  justify-content: center;\n  height: 600px;\n  position: relative;\n}\niframe[data-v-59dd219d] {\n  min-height: 500px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\beforeCreate.vue","beforeCreate.vue"],"names":[],"mappings":"AAq5BA;EACA,UAAA;ACp5BA;ADu5BA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;ACp5BA;ADs5BA;EACA,qBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,SAAA;ACn5BA;ADu5BA;EACA,mBAAA;ACp5BA;ADs5BA;EACA,mBAAA;ACp5BA;ADu5BA;EACA,iBAAA;EACA,kBAAA;ACp5BA;ADu5BA;EACA,aAAA;EACA,uBAAA;EACA,aAAA;EACA,kBAAA;ACp5BA;ADu5BA;EACA,iBAAA;ACp5BA;;AAEA,2CAA2C","file":"beforeCreate.vue","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog\r\n      :visible.sync=\"flag\"\r\n      width=\"45%\"\r\n      class=\"flow-dialog\"\r\n      :close-on-click-modal=\"false\"\r\n      :title=\"revival ? '流程复活' : '创建并启动流程'\"\r\n      append-to-body\r\n      @closed=\"onClickCancel\"\r\n    >\r\n      <el-form\r\n        class=\"create-form\"\r\n        @submit.native.prevent\r\n        label-width=\"200px\"\r\n        status-icon\r\n      >\r\n        <el-form-item label=\"当前流程\" size=\"normal\" :rules=\"[{ required: true, message: '请选择流程' }]\">\r\n          <el-select\r\n            v-model=\"processDefId\"\r\n            v-if=\"processDefList.length > 1\"\r\n            style=\"width: 65%; margin-right: 10px\"\r\n            filterable\r\n            clearable\r\n            @change=\"processDefChange\"\r\n            placeholder=\"请选择\"\r\n          >\r\n            <el-option\r\n              v-for=\"(item, index) in processDefList\"\r\n              :key=\"item.id\"\r\n              :label=\"item.name\"\r\n              :value=\"item.id\"\r\n              :disabled=\"item.disabled\"\r\n            ></el-option>\r\n          </el-select>\r\n          <b class=\"process-def-name\" v-else>\r\n            {{ processDefName }}\r\n          </b>\r\n          <div\r\n            @click=\"viewFlowChart\"\r\n            v-if=\"processDefId\"\r\n            class=\"view-node-info\"\r\n            style=\"margin-right: 10px\"\r\n          >\r\n            预览\r\n          </div>\r\n          <div\r\n            @click=\"viewFlowForecast\"\r\n            v-if=\"processDefId && showFlowForecast\"\r\n            class=\"view-node-info\">\r\n            流程预测\r\n          </div>\r\n        </el-form-item>\r\n\r\n        <!-- 如果没有传入部门，则需要选择部门 -->\r\n        <el-form-item v-if=\"!hasDeptId\" label=\"选择部门\"  :rules=\"[{ required: true, message: '请选择部门' }]\">\r\n          <selectDept\r\n            class=\"dept-tree\"\r\n            :deptId=\"deptId\"\r\n            :ops=\"deptList\"\r\n            @input=\"handleDeptChange\"\r\n          />\r\n        </el-form-item>\r\n\r\n        <div class=\"node-list\" v-if=\"deptId\">\r\n          <el-form-item\r\n            v-if=\"processList && processList.length > 0\"\r\n            label=\"下一步处理节点\"\r\n            size=\"normal\"\r\n          >\r\n          </el-form-item>\r\n          <template v-if=\"processList.length > 0\">\r\n            <template v-for=\"(item, index) in processList\" >\r\n            <userTask\r\n              :index=\"index\"\r\n              :personType=\"personType\"\r\n              :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n              :processNode=\"{\r\n                ...item,\r\n                REQUIRED: index == 0 ? true : false,\r\n              }\"\r\n              label=\"处理人\"\r\n              :rules=\"[{ required: index == 0 ? true : false, message: '请选择审批人' }]\"\r\n              :ref=\"setItemRef(item.id)\"\r\n              @complete=\"complete\"\r\n            ></userTask>\r\n            <div class=\"user-task-split\" v-if=\"index !== processList.length - 1\"></div>\r\n            </template>\r\n          </template>\r\n\r\n          <!-- <template v-if=\"otherProcessList.length > 0 && other\">\r\n            <el-form-item\r\n              v-if=\"processList && processList.length > 0\"\r\n              label=\"其他处理节点\"\r\n              size=\"normal\"\r\n            >\r\n            </el-form-item>\r\n\r\n            <template v-if=\"processList.length > 0\">\r\n              <userTask\r\n                v-for=\"item in otherProcessList\"\r\n                :personType=\"personType\"\r\n                :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n                :key=\"item.id\"\r\n                :processNode=\"item\"\r\n                :noprop=\"true\"\r\n                :ref=\"setItemRef(item.id)\"\r\n              ></userTask>\r\n            </template>\r\n          </template> -->\r\n        </div>\r\n      </el-form>\r\n      <template #footer>\r\n        <el-button\r\n          :loading=\"btnLoading\"\r\n          type=\"primary\"\r\n          @click=\"onClickOperation\"\r\n          >确 定</el-button\r\n        >\r\n        <el-button :loading=\"btnLoading\" @click=\"onClickCancel\"\r\n          >取 消</el-button\r\n        >\r\n      </template>\r\n    </el-dialog>\r\n\r\n    <!-- <div class=\"dialog\"> -->\r\n    <el-dialog\r\n      :visible.sync=\"flowChartVisible\"\r\n      width=\"60%\"\r\n      append-to-body\r\n      title=\"流程图信息\"\r\n      class=\"track-view\"\r\n      v-dialogDrag\r\n    >\r\n      <bpmnLook v-if=\"flowChartVisible && processXml\" ref=\"PreviewRef\" :diagram=\"processXml\"></bpmnLook>\r\n      <!-- <iframe\r\n        :src=\"trackUrl\"\r\n        frameborder=\"0\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n      /> -->\r\n      <!-- <el-image :src=\"trackUrl\"></el-image> -->\r\n    </el-dialog>\r\n\r\n    <el-dialog\r\n      :visible.sync=\"flowForecastVisible\"\r\n      width=\"45%\"\r\n      append-to-body\r\n      title=\"流程预测\"\r\n      v-dialogDrag\r\n      @close=\"flowForecastClose\"\r\n    >\r\n      <div style=\"margin-left: 20px;\">\r\n        <div v-html=\"flowForecastData.completeTime\" style=\"margin-left: 40px;margin-bottom: 20px;\"></div>\r\n        <el-timeline>\r\n          <el-timeline-item\r\n            v-for=\"(activity, index) in flowForecastData.processBudgetModelList\"\r\n            :key=\"index\"\r\n            icon=\"el-icon-check\"\r\n            :color=\"index==0 ? '#009800': activity.color\"\r\n            :timestamp=\"activity.title\" placement=\"top\">\r\n            <div>\r\n              <span style=\"color:#009800;\">\r\n                <i class=\"el-icon-s-custom\" style=\"margin-right: 5px;\"></i>\r\n                执行人：{{activity.excutor}}\r\n              </span>\r\n            </div>\r\n          </el-timeline-item>\r\n        </el-timeline> \r\n      </div>\r\n    </el-dialog>\r\n    \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"./api\";\r\nimport * as Enum from \"./enum\";\r\nimport userTask from \"./operation/userTask.vue\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport bpmnLook from \"./bpmnLook.vue\";\r\nimport selectDept from \"./operation/selectDept.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n  components: { userTask, bpmnLook, selectDept },\r\n  props: {\r\n    extraReqParams: {\r\n      type: Object,\r\n      default: function() {\r\n        return {}\r\n      },\r\n    },\r\n    other: {\r\n      default: true,\r\n    },\r\n    personType: \"\",\r\n    personEntity: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    beforeFunction:{\r\n      type: Function,\r\n      default: null\r\n    },\r\n    showFlowForecast: {\r\n      default: false,\r\n      type: Boolean,\r\n    },\r\n    flowForecastFunction:{\r\n      type: Function,\r\n      default: null\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      revivalVars: {},\r\n      processData: {},\r\n      absoluteTaskId: '',\r\n      userTaskListData: {},\r\n      flag: false,\r\n      revival: false,\r\n      flowChartVisible: false,\r\n      flowForecastVisible: false,\r\n      flowForecastData:{\r\n        completeTime:'',\r\n        processBudgetModelList:[]\r\n      },\r\n      flowForecastProcessInstId: '',\r\n      btnLoading: false,\r\n      processList: [],\r\n      processDefId: \"\",\r\n      processInstId: '',\r\n      processDefName: \"\",\r\n      businessId: \"\",\r\n      trackUrl: \"\",\r\n      processDefList: [],\r\n      otherProcessList: [],\r\n      callback: {},\r\n      cancelCallBack: {},\r\n      _multiNodeParticipant: [],\r\n      _businessDeptId: \"\",\r\n      businessCode: \"\",\r\n      _vars: {},\r\n      _appId: '',\r\n      deptList: [],\r\n      userInfo: {},\r\n      hasDeptId: false,\r\n      deptId: '',\r\n      subjectId: '',\r\n      processXml: '',\r\n    };\r\n  },\r\n  provide () {\r\n    return {\r\n      getUserInfo: this.getUserInfo,\r\n    }\r\n  },\r\n  methods: {\r\n    getUserInfo () {\r\n      return {\r\n        deptId: this.deptId,\r\n        subjectId: this.subjectId,\r\n      }\r\n    },\r\n    handleDeptChange(val) {\r\n      console.log(val, 'val')\r\n      this.deptId = val\r\n      this.getUserDataByDeptId()\r\n    },\r\n    complete(data) {\r\n      console.log(data, 'complete')\r\n    },\r\n    setLoading(e) {\r\n      this.btnLoading = e;\r\n    },\r\n    async getXml(id) {\r\n      console.log(this.isXml, 'isxml')\r\n      let res = {}\r\n      let xml = ''\r\n      try {\r\n        res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n        console.log(res, 'res')\r\n        if (res.code == 200) {\r\n          xml = res.data;\r\n        }\r\n      } catch (e) {\r\n        console.error(e)\r\n      }\r\n      return xml;\r\n    },\r\n    async viewFlowChart() {\r\n      this.flowChartVisible = true;\r\n      this.processXml = await this.getXml(this.processDefId)\r\n      // 打开预览窗口，后续代码不使用了\r\n      if (Date.now()) return;\r\n      api.repository\r\n        .getDiagramUrl({\r\n          processDefId: this.processDefId,\r\n          diagramType: 1,\r\n          type: Enum.SourceType.电脑端,\r\n        })\r\n        .then((res) => {\r\n          res.data.url = 'http://localhost:2888/saber/#/flowPreview'\r\n          this.trackUrl = this.getNewUrl(res.data.url, {...res.data})\r\n          if (Date.now()) {\r\n            this.flowChartVisible = true;\r\n            return;\r\n          }\r\n          if (res.code == Enum.apiCode.success) {\r\n            if (window.location.protocol == \"https:\") {\r\n              if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183:80/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://acme-aws.ddzg.cn/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.231:8088/\",\r\n                  \"https://acme-test.ddzg.cn:2119/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.230:8088/\",\r\n                  \"https://kq.ddzg.cn:8093/\"\r\n                )\r\n              } else {\r\n                this.trackUrl = res.data\r\n              }\r\n            } else {\r\n              this.trackUrl = res.data;\r\n            }\r\n            this.flowChartVisible = true;\r\n          }\r\n        });\r\n    },\r\n    // 判断url和当前网页的url域名是否相同\r\n    isSameDomain(url) {\r\n      return url.indexOf(window.location.host) != -1\r\n    },\r\n    // 根据url和query对象，拼接一个新的链接\r\n    getNewUrl(url, query) {\r\n      let queryStr = ''\r\n      for (let key in query) {\r\n        queryStr += `${key}=${query[key]}&`\r\n      }\r\n      // 判断url和当前网页的url域名是否相同\r\n      if(!this.isSameDomain(url)){\r\n        // 如果不同，则query要加上token，从localstorage获取\r\n        let token = localStorage.getItem('token');\r\n        queryStr += `token=${token}&`\r\n      }\r\n      queryStr = queryStr.slice(0, -1)\r\n      return `${url}?${queryStr}`\r\n    },\r\n    viewFlowForecast(){\r\n      if(this.flowForecastFunction){\r\n        this.flowForecastFunction()\r\n      }else {\r\n        this.forecast({\r\n          appId: this._appId ,\r\n          title: '1',//title不能为空，随便传的一个值\r\n        })   \r\n      } \r\n    },\r\n    forecast(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n        .getProcessForecast({\r\n          processDefId: this.processDefId,\r\n          ...data,\r\n        })\r\n        .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              if(e.data && e.data.processBudgetModelList && e.data.processBudgetModelList.length){\r\n                this.flowForecastProcessInstId = e.data.processBudgetModelList[0].processInstId\r\n              }else{\r\n                e.data.processBudgetModelList = []\r\n                this.flowForecastProcessInstId = ''\r\n              }\r\n              this.flowForecastData = e.data \r\n              this.flowForecastVisible = true;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程预测失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    flowForecastClose(){\r\n      if(this.flowForecastProcessInstId){\r\n        api.pis\r\n        .deleteProcessById(this.flowForecastProcessInstId)\r\n        .then((res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.flowForecastVisible = false;\r\n            this.flowForecastData = {\r\n              completeTime:'',\r\n              processBudgetModelList:[]\r\n            }\r\n            this.flowForecastProcessInstId = ''\r\n          }\r\n        });\r\n      }else{\r\n        this.flowForecastVisible = false;  \r\n        this.flowForecastData = {\r\n          completeTime:'',\r\n          processBudgetModelList:[]\r\n        }\r\n      }\r\n    },\r\n    processDefChange(processId) {\r\n      this.processDefId = processId;\r\n      api.repository.getFirstProcessNode(this.processDefId).then(async (res) => {\r\n        if (res.code == Enum.apiCode.success) {\r\n          this.processList = res.data;\r\n          this.flag = true;\r\n\r\n          // 获取部门\r\n          await this.getNodeUserDept()\r\n          // // 获取部门id\r\n          // const deptId = info.userInfo.deptId\r\n          // this.deptId = deptId\r\n          // 没有传入部门，则需要在选择部门后进行后续操作\r\n          if (!this.deptId) return;\r\n          this.getUserDataByDeptId()\r\n          // 获取人员，没有人则是之前的选人逻辑\r\n\r\n          // api.repository\r\n          //   .getAfferentParticipantNodeList(this.processDefId)\r\n          //   .then((e) => {\r\n          //     this.otherProcessList = e.data.filter((el) => {\r\n          //       return el[\"id\"] != this.processList[0][\"id\"];\r\n          //     });\r\n          //     this.otherProcessList.map((el) => {\r\n          //       el[\"REQUIRED\"] = false;\r\n          //     });\r\n          //   });\r\n        }\r\n      });\r\n      // api.repository.getAfferentParticipantNodeList(processId).then((res) => {\r\n      //   if (res.code == Enum.apiCode.success) {\r\n      //     res.data.map((item) => {\r\n      //       item.type = \"UserTaskModel\";\r\n      //     });\r\n      //     this.processList = res.data;\r\n      //     let tmp = JSON.parse(JSON.stringify(res.data));\r\n      //     tmp.shift();\r\n      //     this.otherProcessList = tmp;\r\n      //   }\r\n      // });\r\n    },\r\n    setItemRef(key) {\r\n      this.userTaskListData[key] = \"userTask\" + key;\r\n      return this.userTaskListData[key];\r\n    },\r\n    isOption(humanPerformer) {\r\n      return (\r\n        humanPerformer == \"任意指定\" ||\r\n        humanPerformer == \"固定部门\" ||\r\n        humanPerformer == \"固定单位\" ||\r\n        humanPerformer == \"固定群组\"\r\n      );\r\n    },\r\n    createAndStart(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n          .createAndStart({\r\n            processDefId: this.processDefId,\r\n            multiNodeParticipant: this._multiNodeParticipant,\r\n            firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n            // vars: this._businessDeptId\r\n            //   ? { _businessDeptId: this._businessDeptId, ...this._vars }\r\n            //   : this._vars,\r\n            vars: {\r\n              showType: \"all\",\r\n              subjectId: this.subjectId,\r\n              deptId: this.deptId,\r\n              businessType: this.businessCode,\r\n              ...data,\r\n              ...this._vars,\r\n            }\r\n          })\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程启动失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    revivalFlow(data = {}, history = false, msg = \"流程复活\") {\r\n      console.log(msg, '流程复活')\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n          .reactivate(\r\n            {\r\n              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                ...this.revivalVars,\r\n                showType: \"all\",\r\n                subjectId: this.subjectId,\r\n                deptId: this.deptId,\r\n                businessType: this.businessCode,\r\n                ...data,\r\n                ...this._vars,\r\n              }\r\n            },\r\n            \"\",\r\n            this.businessId,\r\n            msg,\r\n            \"\",\r\n            history,\r\n            this._multiNodeParticipant,\r\n            this.extraReqParams,\r\n          )\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程复活失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    Show(processDefId, appid = \"\", revival = false) {\r\n      this.processList = [];\r\n      this.revival = revival;\r\n      this.processDefId = processDefId;\r\n\r\n      if (appid) {\r\n        api.repository.getProcessDefList(appid, \"\").then((e) => {\r\n          if (e.code == Enum.apiCode.success) {\r\n            e.data.map((item) => {\r\n              if (item.id == processDefId) {\r\n                this.processDefName = item.name;\r\n              }\r\n            });\r\n          }\r\n        });\r\n      }\r\n\r\n      return new Promise((resolve, reject) => {\r\n        this.cancelCallBack = reject;\r\n        api.repository.getFirstProcessNode(processDefId).then(async (res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.processList = res.data;\r\n            this.flag = true;\r\n\r\n            // 获取部门\r\n            await this.getNodeUserDept()\r\n            // 没有传入部门，则需要在选择部门后进行后续操作\r\n            if (!this.deptId) return;\r\n            this.getUserDataByDeptId()\r\n\r\n            this.callback = resolve;\r\n            // api.repository\r\n            //   .getAfferentParticipantNodeList(processDefId)\r\n            //   .then((e) => {\r\n            //     this.otherProcessList = e.data.filter((el) => {\r\n            //       return el[\"id\"] != this.processList[0][\"id\"];\r\n            //     });\r\n            //     this.otherProcessList.map((el) => {\r\n            //       el[\"REQUIRED\"] = false;\r\n            //     });\r\n            //   });\r\n          }\r\n        });\r\n      });\r\n    },\r\n    selectShow(\r\n      info = {\r\n        appId: \"\",\r\n        businessCode: \"\",\r\n        keyWord: \"\",\r\n        businessDeptId: \"\",\r\n        userInfo: {},\r\n      }\r\n    ) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      this._appId = info.appId\r\n      this._businessDeptId = info.businessDeptId;\r\n      this.businessCode = info.businessCode\r\n      this.userInfo = info.userInfo;\r\n      // 获取部门id\r\n      this.deptId = info.userInfo.deptId\r\n      // 获取主体id\r\n      this.subjectId = info.userInfo.subjectId\r\n      this.hasDeptId = !!info.userInfo.deptId\r\n      console.log('======_businessDeptId',this._businessDeptId);\r\n      return new Promise((resolve, reject) => {\r\n        console.log(reject, 'reject')\r\n        this.cancelCallBack = reject;\r\n        api.repository\r\n          .getProcessDefListNew(info)\r\n          .then((e) => {\r\n            if (e.code == Enum.apiCode.success) {\r\n              if (e.data.length == 1) {\r\n                this.processDefList = e.data;\r\n                this.processDefId = e.data[0].id;\r\n                this.processDefName = e.data[0].name;\r\n                api.repository\r\n                  .getFirstProcessNode(this.processDefId)\r\n                  .then(async (res) => {\r\n                    if (res.code == Enum.apiCode.success) {\r\n                      console.log(res, 'res')\r\n                      this.processList = res.data;\r\n                      this.flag = true;\r\n                      this.callback = resolve;\r\n                      // 获取部门\r\n                      await this.getNodeUserDept()\r\n                      // 没有传入部门，则需要在选择部门后进行后续操作\r\n                      if (!this.deptId) return;\r\n                      this.getUserDataByDeptId()\r\n                      // 获取人员，没有人则是之前的选人逻辑\r\n\r\n                      \r\n                      // api.repository\r\n                      //   .getAfferentParticipantNodeList(this.processDefId)\r\n                      //   .then((e) => {\r\n                      //     this.otherProcessList = e.data.filter((el) => {\r\n                      //       return el[\"id\"] != this.processList[0][\"id\"];\r\n                      //     });\r\n                      //     this.otherProcessList.map((el) => {\r\n                      //       el[\"REQUIRED\"] = false;\r\n                      //     });\r\n                      //   });\r\n                    }\r\n                  });\r\n              } else {\r\n                this.processList = [];\r\n                this.otherProcessList = [];\r\n                this.processDefId = \"\";\r\n                this.processDefName = \"\";\r\n                this.processDefList = e.data;\r\n\r\n                if (info.keyWord) {\r\n                  this.processDefList.map((item) => {\r\n                    if (\r\n                      item.name.indexOf(info.keyWord) != -1 &&\r\n                      !this.processDefId\r\n                    ) {\r\n                      this.processDefId = item.id;\r\n                      this.processDefName = item.name;\r\n                      this.processDefChange(item.id);\r\n                    }\r\n                  });\r\n                }\r\n                this.flag = true;\r\n                this.callback = resolve;\r\n              }\r\n            }\r\n          });\r\n      });\r\n    },\r\n    // 处理routeTxt\r\n    handleRouteTxt(item) {\r\n      let str\r\n      // 交集\r\n      if (item.assigneeRetain == true) {\r\n        return \r\n      }\r\n    },\r\n    // 通过部门id获取流程节点的人员\r\n    getUserDataByDeptId() {\r\n      this.processList.map(async  (item, index) => {\r\n        console.log(item, 'item')\r\n        const nodeUserParams = getNodeUserParams(item)\r\n        let res\r\n        try {\r\n          res = await this.getNodeUser({\r\n            deptId: this.deptId,\r\n            intersection: nodeUserParams.intersection  ? 1 : 0,\r\n            userIds: nodeUserParams.userIds,\r\n            postIds: nodeUserParams.postIds,\r\n            deptIds: nodeUserParams.deptIds,\r\n          })\r\n        } catch (error) {\r\n          console.log(error, 'error')\r\n        }\r\n        if (res.code == Enum.apiCode.success) {\r\n          const l =  this.processList[index]\r\n          l.userList = res.data\r\n          this.$set(this.processList, index, l)\r\n\r\n        }\r\n        // console.log(user, 'user', index)\r\n      })\r\n    },\r\n    // 获取节点的人员\r\n    async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n      return await api.user.getTaskAuditor({\r\n        deptId,\r\n        intersection,\r\n        userIds,\r\n        postIds,\r\n        deptIds\r\n      })\r\n    },\r\n    // 获取节点人员的部门\r\n    async getNodeUserDept() {\r\n      let res = {}\r\n      try {\r\n          res = await api.user.getSelectTree()\r\n          console.log(res, 'res')\r\n      } catch (error) {\r\n        console.log(error, 'error')\r\n      }\r\n      console.log(res.data, 'data')\r\n      this.deptList = res.data || []\r\n    },\r\n\r\n    listShow(list) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      return new Promise((resolve, reject) => {\r\n        if (list.length == 1) {\r\n          this.processDefId = list[0].id;\r\n          this.processDefName = list[0].name;\r\n          this.cancelCallBack = reject;\r\n          api.repository.getFirstProcessNode(this.processDefId).then((res) => {\r\n            if (res.code == Enum.apiCode.success) {\r\n              this.processList = res.data;\r\n              this.flag = true;\r\n              this.callback = resolve;\r\n              api.repository\r\n                .getAfferentParticipantNodeList(this.processDefId)\r\n                .then((e) => {\r\n                  this.otherProcessList = e.data.filter((el) => {\r\n                    return el[\"id\"] != this.processList[0][\"id\"];\r\n                  });\r\n                  this.otherProcessList.map((el) => {\r\n                    el[\"REQUIRED\"] = false;\r\n                  });\r\n                });\r\n            }\r\n          });\r\n        } else {\r\n          this.processDefList = list;\r\n          this.flag = true;\r\n          this.callback = resolve;\r\n        }\r\n      });\r\n    },\r\n    // 流程\r\n    async getProcessInfo({ taskId, processInstId }) {\r\n\r\n      let res = {};\r\n      try {\r\n        res = await api.tis.getTaskModelDetail(taskId ? {\r\n          processInstId,\r\n          taskId,\r\n        } : {\r\n          processInstId,\r\n        })\r\n      } catch (e) {\r\n        res = {}\r\n      }\r\n      \r\n      if (res.code == 200) {\r\n          \r\n        }\r\n      return res\r\n    },\r\n    async revivalShow({ processInstId, businessId, taskId, deptId }) {\r\n      this.processInstId = processInstId\r\n      this.hasDeptId = !!deptId\r\n      let res = await this.getProcessInfo({ taskId, processInstId })\r\n      // let res = await api.pis.getProcessInstanceByBusinessKey(businessId);\r\n      if (res.code == 200) {\r\n        this.processData = {\r\n          ...this.initProcessData,\r\n          ...(res.data || {}),\r\n        };\r\n        const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n        this.deptId = deptId\r\n        this._businessDeptId = deptId\r\n        this.hasDeptId = !!deptId\r\n        const taskId = (this.processData.process || {}).taskId\r\n        this.absoluteTaskId = taskId\r\n        console.log(deptId, 'id')\r\n\r\n        this.revival = true;\r\n        this.businessId = businessId;\r\n        this.subjectId = res.data.process.variables.subjectId\r\n        this.businessCode = res.data.process.variables.businessType\r\n        this.revivalVars = res.data.process.variables;\r\n\r\n        this.processDefId = res.data.process.processDefinitionId;\r\n        this.processDefName = res.data.process.processDefinitionName;\r\n        this.processDefList = [];\r\n        \r\n        return this.Show(res.data.process.processDefinitionId, \"\", true);\r\n      }\r\n      \r\n    },\r\n    onClickOperation() {\r\n      if(!this.processDefId || this.processDefId==''){\r\n        ElMessage.warning(\"请选择流程\");\r\n        return false;\r\n      }\r\n      let multiNodeParticipant = {},\r\n        vars = {};\r\n      for (let key in this.userTaskListData) {\r\n        let o = this.userTaskListData[key];\r\n        let refCom = this.$refs[o][0];\r\n        let res = refCom\r\n          ? refCom.getValue()\r\n          : { multiNodeParticipant: [], vars: {} };\r\n        if (!res) {\r\n          return false;\r\n        }\r\n        console.log(res, 'res')\r\n        multiNodeParticipant = {\r\n          ...multiNodeParticipant,\r\n          ...res.multiNodeParticipant,\r\n        };\r\n        vars = { ...vars, ...res.vars };\r\n        console.log(vars, 'vars')\r\n      }\r\n      this._multiNodeParticipant = multiNodeParticipant;\r\n      this._vars = vars;\r\n      if(this.beforeFunction){\r\n        this.beforeFunction()\r\n      }else if (this.callback) {\r\n        this.callback(this.revival ? this.revivalFlow : this.createAndStart);\r\n      }\r\n      // this.flag = false;\r\n    },\r\n    onClickCancel() {\r\n      this.flag = false;\r\n      this.btnLoading = false;\r\n      if (this.cancelCallBack) this.cancelCallBack();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.flow-dialog {\r\n  .el-dialog__header {\r\n    padding: 18px 24px;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.flow-dialog :deep(.el-dialog__body) {\r\n  border-top: 1px solid #dadbde;\r\n  border-bottom: 1px solid #dadbde;\r\n  overflow: visible;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.flow-dialog {\r\n  .el-dialog__footer {\r\n    padding: 12px !important;\r\n    text-align: center;\r\n  }\r\n  .el-dialog__headerbtn {\r\n    top: 10px;\r\n    right: 16px;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dept-tree {\r\n    width: 65%;\r\n}\r\n\r\n.process-def-name {\r\n  font-weight: bold;\r\n  margin-right: 20px;\r\n  font-size: 16px;\r\n}\r\n.view-node-info {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  color: #1389ff;\r\n  font-size: 14px;\r\n  margin: 0;\r\n}\r\n\r\n.create-form {\r\n  .el-form-item__label {\r\n    padding-right: 18px;\r\n  }\r\n  .el-form-item {\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n.node-list {\r\n  max-height: 300px;\r\n  overflow-y: scroll;\r\n}\r\n.track-view {\r\n  .el-dialog__body {\r\n    display: flex;\r\n    justify-content: center;\r\n    height: 600px;\r\n    position: relative;\r\n  }\r\n}\r\niframe {\r\n  min-height: 500px;\r\n}\r\n</style>\r\n",".dept-tree {\n  width: 65%;\n}\n\n.process-def-name {\n  font-weight: bold;\n  margin-right: 20px;\n  font-size: 16px;\n}\n\n.view-node-info {\n  display: inline-block;\n  cursor: pointer;\n  color: #1389ff;\n  font-size: 14px;\n  margin: 0;\n}\n\n.create-form .el-form-item__label {\n  padding-right: 18px;\n}\n.create-form .el-form-item {\n  margin-bottom: 10px;\n}\n\n.node-list {\n  max-height: 300px;\n  overflow-y: scroll;\n}\n\n.track-view .el-dialog__body {\n  display: flex;\n  justify-content: center;\n  height: 600px;\n  position: relative;\n}\n\niframe {\n  min-height: 500px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */"]}, media: undefined });
+    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-59dd219d";
+  const __vue_scope_id__$2 = "data-v-2b0fb27a";
   /* module identifier */
   const __vue_module_identifier__$2 = undefined;
   /* functional template */

package/vue2/index.umd.js

@@ -6023,7 +6023,6 @@
     //
     //
     //
-    //
 
 
     var script$8 = {
@@ -6147,23 +6146,15 @@
                                 _vm.$emit(
                                   "examine",
                                   true,
-                                  ["recall", "reject"].includes(
-                                    _vm.process.processIsFinished
-                                  )
-                                    ? "重新提交"
-                                    : _vm.getButton("wf_pass").name
+                                  _vm.getButton("wf_pass").name
                                 );
                               },
                             },
                           },
                           [
-                            ["recall", "reject"].includes(
-                              _vm.process.processIsFinished
-                            )
-                              ? _c("span", [_vm._v("重新提交")])
-                              : _c("span", [
-                                  _vm._v(_vm._s(_vm.getButton("wf_pass").name)),
-                                ]),
+                            _c("span", [
+                              _vm._v(_vm._s(_vm.getButton("wf_pass").name)),
+                            ]),
                           ]
                         )
                       : _vm._e(),
@@ -6434,11 +6425,11 @@
       /* style */
       const __vue_inject_styles__$8 = function (inject) {
         if (!inject) return
-        inject("data-v-04e1feb3_0", { source: ".foot-item[data-v-04e1feb3] {\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":"AA8JA;EACA,eAAA;EACA,sBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,wBAAA;EACA,gBAAA;EACA,mDAAA;EACA,2CAAA;AC7JA;;AAEA,0CAA0C","file":"processBtns.vue","sourcesContent":["<template>\r\n  <div>\r\n    <el-row v-loading=\"loading\" class=\"foot-item\" :style=\"{\r\n      // width: isCollapse ? 'calc(100% - 71px)' : 'calc(100% - 241px)',\r\n    }\">\r\n      <template v-if=\"process.status == 'todo'\">\r\n        <!-- 暂存 -->\r\n        <!-- <el-button type=\"primary\" :disabled=\"loading\" @click=\"$emit('draft')\">\r\n          暂存\r\n        </el-button> -->\r\n        <!-- 提交 -->\r\n        <el-button v-if=\"getButton('wf_pass')\" type=\"success\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('examine', true, ['recall', 'reject'].includes(process.processIsFinished) ? '重新提交' : getButton('wf_pass').name)\">\r\n          <span v-if=\"['recall', 'reject'].includes(process.processIsFinished)\">重新提交</span>\r\n          <span v-else>{{ getButton('wf_pass').name }}</span>\r\n        </el-button>\r\n        <!-- 取消申请 -->\r\n        <el-button v-if=\"getButton('wf_reject')\" type=\"danger\" size=\"default\" :disabled=\"loading\"\r\n          @click=\"$emit('examine', false, 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      </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 });
+        inject("data-v-a5b856b2_0", { source: ".foot-item[data-v-a5b856b2] {\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":"AA6JA;EACA,eAAA;EACA,sBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,wBAAA;EACA,gBAAA;EACA,mDAAA;EACA,2CAAA;AC5JA;;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      </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-04e1feb3";
+      const __vue_scope_id__$8 = "data-v-a5b856b2";
       /* module identifier */
       const __vue_module_identifier__$8 = undefined;
       /* functional template */
@@ -10073,6 +10064,25 @@
           console.log(msg, '流程复活');
           this.btnLoading = true;
           return new Promise((resolve, reject) => {
+            const vars = {
+              ...this.revivalVars,
+              showType: "all",
+              subjectId: this.subjectId,
+              deptId: this.deptId,
+              businessType: this.businessCode,
+              ...data,
+              ...this._vars,
+            };
+            Object.keys(vars).forEach((key) => {
+              // 字符串转小写
+              const fk = key.toLowerCase();
+              if (fk.includes('_')) {
+                delete vars[key];
+              }
+              if (fk == 'appShow') {
+                delete vars[key];
+              }
+            });
             api$1.pis
               .reactivate(
                 {
@@ -10083,15 +10093,7 @@
                   // reactivateReason: "重新提交",
                   multiNodeParticipant: this._multiNodeParticipant,
                   firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',
-                  vars: {
-                    ...this.revivalVars,
-                    showType: "all",
-                    subjectId: this.subjectId,
-                    deptId: this.deptId,
-                    businessType: this.businessCode,
-                    ...data,
-                    ...this._vars,
-                  }
+                  vars,
                 },
                 "",
                 this.businessId,
@@ -10765,12 +10767,12 @@
       /* style */
       const __vue_inject_styles__$2 = function (inject) {
         if (!inject) return
-        inject("data-v-59dd219d_0", { source: ".flow-dialog .el-dialog__header {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.flow-dialog :deep(.el-dialog__body) {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n  overflow-x: hidden;\n}\n.flow-dialog .el-dialog__footer {\n  padding: 12px !important;\n  text-align: center;\n}\n.flow-dialog .el-dialog__headerbtn {\n  top: 10px;\n  right: 16px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\beforeCreate.vue","beforeCreate.vue"],"names":[],"mappings":"AAw3BA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;ACv3BA;AD23BA;EACA,6BAAA;EACA,gCAAA;EACA,iBAAA;EACA,kBAAA;ACx3BA;AD43BA;EACA,wBAAA;EACA,kBAAA;ACz3BA;AD23BA;EACA,SAAA;EACA,WAAA;ACz3BA;;AAEA,2CAA2C","file":"beforeCreate.vue","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog\r\n      :visible.sync=\"flag\"\r\n      width=\"45%\"\r\n      class=\"flow-dialog\"\r\n      :close-on-click-modal=\"false\"\r\n      :title=\"revival ? '流程复活' : '创建并启动流程'\"\r\n      append-to-body\r\n      @closed=\"onClickCancel\"\r\n    >\r\n      <el-form\r\n        class=\"create-form\"\r\n        @submit.native.prevent\r\n        label-width=\"200px\"\r\n        status-icon\r\n      >\r\n        <el-form-item label=\"当前流程\" size=\"normal\" :rules=\"[{ required: true, message: '请选择流程' }]\">\r\n          <el-select\r\n            v-model=\"processDefId\"\r\n            v-if=\"processDefList.length > 1\"\r\n            style=\"width: 65%; margin-right: 10px\"\r\n            filterable\r\n            clearable\r\n            @change=\"processDefChange\"\r\n            placeholder=\"请选择\"\r\n          >\r\n            <el-option\r\n              v-for=\"(item, index) in processDefList\"\r\n              :key=\"item.id\"\r\n              :label=\"item.name\"\r\n              :value=\"item.id\"\r\n              :disabled=\"item.disabled\"\r\n            ></el-option>\r\n          </el-select>\r\n          <b class=\"process-def-name\" v-else>\r\n            {{ processDefName }}\r\n          </b>\r\n          <div\r\n            @click=\"viewFlowChart\"\r\n            v-if=\"processDefId\"\r\n            class=\"view-node-info\"\r\n            style=\"margin-right: 10px\"\r\n          >\r\n            预览\r\n          </div>\r\n          <div\r\n            @click=\"viewFlowForecast\"\r\n            v-if=\"processDefId && showFlowForecast\"\r\n            class=\"view-node-info\">\r\n            流程预测\r\n          </div>\r\n        </el-form-item>\r\n\r\n        <!-- 如果没有传入部门，则需要选择部门 -->\r\n        <el-form-item v-if=\"!hasDeptId\" label=\"选择部门\"  :rules=\"[{ required: true, message: '请选择部门' }]\">\r\n          <selectDept\r\n            class=\"dept-tree\"\r\n            :deptId=\"deptId\"\r\n            :ops=\"deptList\"\r\n            @input=\"handleDeptChange\"\r\n          />\r\n        </el-form-item>\r\n\r\n        <div class=\"node-list\" v-if=\"deptId\">\r\n          <el-form-item\r\n            v-if=\"processList && processList.length > 0\"\r\n            label=\"下一步处理节点\"\r\n            size=\"normal\"\r\n          >\r\n          </el-form-item>\r\n          <template v-if=\"processList.length > 0\">\r\n            <template v-for=\"(item, index) in processList\" >\r\n            <userTask\r\n              :index=\"index\"\r\n              :personType=\"personType\"\r\n              :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n              :processNode=\"{\r\n                ...item,\r\n                REQUIRED: index == 0 ? true : false,\r\n              }\"\r\n              label=\"处理人\"\r\n              :rules=\"[{ required: index == 0 ? true : false, message: '请选择审批人' }]\"\r\n              :ref=\"setItemRef(item.id)\"\r\n              @complete=\"complete\"\r\n            ></userTask>\r\n            <div class=\"user-task-split\" v-if=\"index !== processList.length - 1\"></div>\r\n            </template>\r\n          </template>\r\n\r\n          <!-- <template v-if=\"otherProcessList.length > 0 && other\">\r\n            <el-form-item\r\n              v-if=\"processList && processList.length > 0\"\r\n              label=\"其他处理节点\"\r\n              size=\"normal\"\r\n            >\r\n            </el-form-item>\r\n\r\n            <template v-if=\"processList.length > 0\">\r\n              <userTask\r\n                v-for=\"item in otherProcessList\"\r\n                :personType=\"personType\"\r\n                :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n                :key=\"item.id\"\r\n                :processNode=\"item\"\r\n                :noprop=\"true\"\r\n                :ref=\"setItemRef(item.id)\"\r\n              ></userTask>\r\n            </template>\r\n          </template> -->\r\n        </div>\r\n      </el-form>\r\n      <template #footer>\r\n        <el-button\r\n          :loading=\"btnLoading\"\r\n          type=\"primary\"\r\n          @click=\"onClickOperation\"\r\n          >确 定</el-button\r\n        >\r\n        <el-button :loading=\"btnLoading\" @click=\"onClickCancel\"\r\n          >取 消</el-button\r\n        >\r\n      </template>\r\n    </el-dialog>\r\n\r\n    <!-- <div class=\"dialog\"> -->\r\n    <el-dialog\r\n      :visible.sync=\"flowChartVisible\"\r\n      width=\"60%\"\r\n      append-to-body\r\n      title=\"流程图信息\"\r\n      class=\"track-view\"\r\n      v-dialogDrag\r\n    >\r\n      <bpmnLook v-if=\"flowChartVisible && processXml\" ref=\"PreviewRef\" :diagram=\"processXml\"></bpmnLook>\r\n      <!-- <iframe\r\n        :src=\"trackUrl\"\r\n        frameborder=\"0\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n      /> -->\r\n      <!-- <el-image :src=\"trackUrl\"></el-image> -->\r\n    </el-dialog>\r\n\r\n    <el-dialog\r\n      :visible.sync=\"flowForecastVisible\"\r\n      width=\"45%\"\r\n      append-to-body\r\n      title=\"流程预测\"\r\n      v-dialogDrag\r\n      @close=\"flowForecastClose\"\r\n    >\r\n      <div style=\"margin-left: 20px;\">\r\n        <div v-html=\"flowForecastData.completeTime\" style=\"margin-left: 40px;margin-bottom: 20px;\"></div>\r\n        <el-timeline>\r\n          <el-timeline-item\r\n            v-for=\"(activity, index) in flowForecastData.processBudgetModelList\"\r\n            :key=\"index\"\r\n            icon=\"el-icon-check\"\r\n            :color=\"index==0 ? '#009800': activity.color\"\r\n            :timestamp=\"activity.title\" placement=\"top\">\r\n            <div>\r\n              <span style=\"color:#009800;\">\r\n                <i class=\"el-icon-s-custom\" style=\"margin-right: 5px;\"></i>\r\n                执行人：{{activity.excutor}}\r\n              </span>\r\n            </div>\r\n          </el-timeline-item>\r\n        </el-timeline> \r\n      </div>\r\n    </el-dialog>\r\n    \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"./api\";\r\nimport * as Enum from \"./enum\";\r\nimport userTask from \"./operation/userTask.vue\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport bpmnLook from \"./bpmnLook.vue\";\r\nimport selectDept from \"./operation/selectDept.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n  components: { userTask, bpmnLook, selectDept },\r\n  props: {\r\n    extraReqParams: {\r\n      type: Object,\r\n      default: function() {\r\n        return {}\r\n      },\r\n    },\r\n    other: {\r\n      default: true,\r\n    },\r\n    personType: \"\",\r\n    personEntity: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    beforeFunction:{\r\n      type: Function,\r\n      default: null\r\n    },\r\n    showFlowForecast: {\r\n      default: false,\r\n      type: Boolean,\r\n    },\r\n    flowForecastFunction:{\r\n      type: Function,\r\n      default: null\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      revivalVars: {},\r\n      processData: {},\r\n      absoluteTaskId: '',\r\n      userTaskListData: {},\r\n      flag: false,\r\n      revival: false,\r\n      flowChartVisible: false,\r\n      flowForecastVisible: false,\r\n      flowForecastData:{\r\n        completeTime:'',\r\n        processBudgetModelList:[]\r\n      },\r\n      flowForecastProcessInstId: '',\r\n      btnLoading: false,\r\n      processList: [],\r\n      processDefId: \"\",\r\n      processInstId: '',\r\n      processDefName: \"\",\r\n      businessId: \"\",\r\n      trackUrl: \"\",\r\n      processDefList: [],\r\n      otherProcessList: [],\r\n      callback: {},\r\n      cancelCallBack: {},\r\n      _multiNodeParticipant: [],\r\n      _businessDeptId: \"\",\r\n      businessCode: \"\",\r\n      _vars: {},\r\n      _appId: '',\r\n      deptList: [],\r\n      userInfo: {},\r\n      hasDeptId: false,\r\n      deptId: '',\r\n      subjectId: '',\r\n      processXml: '',\r\n    };\r\n  },\r\n  provide () {\r\n    return {\r\n      getUserInfo: this.getUserInfo,\r\n    }\r\n  },\r\n  methods: {\r\n    getUserInfo () {\r\n      return {\r\n        deptId: this.deptId,\r\n        subjectId: this.subjectId,\r\n      }\r\n    },\r\n    handleDeptChange(val) {\r\n      console.log(val, 'val')\r\n      this.deptId = val\r\n      this.getUserDataByDeptId()\r\n    },\r\n    complete(data) {\r\n      console.log(data, 'complete')\r\n    },\r\n    setLoading(e) {\r\n      this.btnLoading = e;\r\n    },\r\n    async getXml(id) {\r\n      console.log(this.isXml, 'isxml')\r\n      let res = {}\r\n      let xml = ''\r\n      try {\r\n        res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n        console.log(res, 'res')\r\n        if (res.code == 200) {\r\n          xml = res.data;\r\n        }\r\n      } catch (e) {\r\n        console.error(e)\r\n      }\r\n      return xml;\r\n    },\r\n    async viewFlowChart() {\r\n      this.flowChartVisible = true;\r\n      this.processXml = await this.getXml(this.processDefId)\r\n      // 打开预览窗口，后续代码不使用了\r\n      if (Date.now()) return;\r\n      api.repository\r\n        .getDiagramUrl({\r\n          processDefId: this.processDefId,\r\n          diagramType: 1,\r\n          type: Enum.SourceType.电脑端,\r\n        })\r\n        .then((res) => {\r\n          res.data.url = 'http://localhost:2888/saber/#/flowPreview'\r\n          this.trackUrl = this.getNewUrl(res.data.url, {...res.data})\r\n          if (Date.now()) {\r\n            this.flowChartVisible = true;\r\n            return;\r\n          }\r\n          if (res.code == Enum.apiCode.success) {\r\n            if (window.location.protocol == \"https:\") {\r\n              if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183:80/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://acme-aws.ddzg.cn/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.231:8088/\",\r\n                  \"https://acme-test.ddzg.cn:2119/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.230:8088/\",\r\n                  \"https://kq.ddzg.cn:8093/\"\r\n                )\r\n              } else {\r\n                this.trackUrl = res.data\r\n              }\r\n            } else {\r\n              this.trackUrl = res.data;\r\n            }\r\n            this.flowChartVisible = true;\r\n          }\r\n        });\r\n    },\r\n    // 判断url和当前网页的url域名是否相同\r\n    isSameDomain(url) {\r\n      return url.indexOf(window.location.host) != -1\r\n    },\r\n    // 根据url和query对象，拼接一个新的链接\r\n    getNewUrl(url, query) {\r\n      let queryStr = ''\r\n      for (let key in query) {\r\n        queryStr += `${key}=${query[key]}&`\r\n      }\r\n      // 判断url和当前网页的url域名是否相同\r\n      if(!this.isSameDomain(url)){\r\n        // 如果不同，则query要加上token，从localstorage获取\r\n        let token = localStorage.getItem('token');\r\n        queryStr += `token=${token}&`\r\n      }\r\n      queryStr = queryStr.slice(0, -1)\r\n      return `${url}?${queryStr}`\r\n    },\r\n    viewFlowForecast(){\r\n      if(this.flowForecastFunction){\r\n        this.flowForecastFunction()\r\n      }else {\r\n        this.forecast({\r\n          appId: this._appId ,\r\n          title: '1',//title不能为空，随便传的一个值\r\n        })   \r\n      } \r\n    },\r\n    forecast(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n        .getProcessForecast({\r\n          processDefId: this.processDefId,\r\n          ...data,\r\n        })\r\n        .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              if(e.data && e.data.processBudgetModelList && e.data.processBudgetModelList.length){\r\n                this.flowForecastProcessInstId = e.data.processBudgetModelList[0].processInstId\r\n              }else{\r\n                e.data.processBudgetModelList = []\r\n                this.flowForecastProcessInstId = ''\r\n              }\r\n              this.flowForecastData = e.data \r\n              this.flowForecastVisible = true;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程预测失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    flowForecastClose(){\r\n      if(this.flowForecastProcessInstId){\r\n        api.pis\r\n        .deleteProcessById(this.flowForecastProcessInstId)\r\n        .then((res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.flowForecastVisible = false;\r\n            this.flowForecastData = {\r\n              completeTime:'',\r\n              processBudgetModelList:[]\r\n            }\r\n            this.flowForecastProcessInstId = ''\r\n          }\r\n        });\r\n      }else{\r\n        this.flowForecastVisible = false;  \r\n        this.flowForecastData = {\r\n          completeTime:'',\r\n          processBudgetModelList:[]\r\n        }\r\n      }\r\n    },\r\n    processDefChange(processId) {\r\n      this.processDefId = processId;\r\n      api.repository.getFirstProcessNode(this.processDefId).then(async (res) => {\r\n        if (res.code == Enum.apiCode.success) {\r\n          this.processList = res.data;\r\n          this.flag = true;\r\n\r\n          // 获取部门\r\n          await this.getNodeUserDept()\r\n          // // 获取部门id\r\n          // const deptId = info.userInfo.deptId\r\n          // this.deptId = deptId\r\n          // 没有传入部门，则需要在选择部门后进行后续操作\r\n          if (!this.deptId) return;\r\n          this.getUserDataByDeptId()\r\n          // 获取人员，没有人则是之前的选人逻辑\r\n\r\n          // api.repository\r\n          //   .getAfferentParticipantNodeList(this.processDefId)\r\n          //   .then((e) => {\r\n          //     this.otherProcessList = e.data.filter((el) => {\r\n          //       return el[\"id\"] != this.processList[0][\"id\"];\r\n          //     });\r\n          //     this.otherProcessList.map((el) => {\r\n          //       el[\"REQUIRED\"] = false;\r\n          //     });\r\n          //   });\r\n        }\r\n      });\r\n      // api.repository.getAfferentParticipantNodeList(processId).then((res) => {\r\n      //   if (res.code == Enum.apiCode.success) {\r\n      //     res.data.map((item) => {\r\n      //       item.type = \"UserTaskModel\";\r\n      //     });\r\n      //     this.processList = res.data;\r\n      //     let tmp = JSON.parse(JSON.stringify(res.data));\r\n      //     tmp.shift();\r\n      //     this.otherProcessList = tmp;\r\n      //   }\r\n      // });\r\n    },\r\n    setItemRef(key) {\r\n      this.userTaskListData[key] = \"userTask\" + key;\r\n      return this.userTaskListData[key];\r\n    },\r\n    isOption(humanPerformer) {\r\n      return (\r\n        humanPerformer == \"任意指定\" ||\r\n        humanPerformer == \"固定部门\" ||\r\n        humanPerformer == \"固定单位\" ||\r\n        humanPerformer == \"固定群组\"\r\n      );\r\n    },\r\n    createAndStart(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n          .createAndStart({\r\n            processDefId: this.processDefId,\r\n            multiNodeParticipant: this._multiNodeParticipant,\r\n            firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n            // vars: this._businessDeptId\r\n            //   ? { _businessDeptId: this._businessDeptId, ...this._vars }\r\n            //   : this._vars,\r\n            vars: {\r\n              showType: \"all\",\r\n              subjectId: this.subjectId,\r\n              deptId: this.deptId,\r\n              businessType: this.businessCode,\r\n              ...data,\r\n              ...this._vars,\r\n            }\r\n          })\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程启动失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    revivalFlow(data = {}, history = false, msg = \"流程复活\") {\r\n      console.log(msg, '流程复活')\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n          .reactivate(\r\n            {\r\n              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                ...this.revivalVars,\r\n                showType: \"all\",\r\n                subjectId: this.subjectId,\r\n                deptId: this.deptId,\r\n                businessType: this.businessCode,\r\n                ...data,\r\n                ...this._vars,\r\n              }\r\n            },\r\n            \"\",\r\n            this.businessId,\r\n            msg,\r\n            \"\",\r\n            history,\r\n            this._multiNodeParticipant,\r\n            this.extraReqParams,\r\n          )\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程复活失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    Show(processDefId, appid = \"\", revival = false) {\r\n      this.processList = [];\r\n      this.revival = revival;\r\n      this.processDefId = processDefId;\r\n\r\n      if (appid) {\r\n        api.repository.getProcessDefList(appid, \"\").then((e) => {\r\n          if (e.code == Enum.apiCode.success) {\r\n            e.data.map((item) => {\r\n              if (item.id == processDefId) {\r\n                this.processDefName = item.name;\r\n              }\r\n            });\r\n          }\r\n        });\r\n      }\r\n\r\n      return new Promise((resolve, reject) => {\r\n        this.cancelCallBack = reject;\r\n        api.repository.getFirstProcessNode(processDefId).then(async (res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.processList = res.data;\r\n            this.flag = true;\r\n\r\n            // 获取部门\r\n            await this.getNodeUserDept()\r\n            // 没有传入部门，则需要在选择部门后进行后续操作\r\n            if (!this.deptId) return;\r\n            this.getUserDataByDeptId()\r\n\r\n            this.callback = resolve;\r\n            // api.repository\r\n            //   .getAfferentParticipantNodeList(processDefId)\r\n            //   .then((e) => {\r\n            //     this.otherProcessList = e.data.filter((el) => {\r\n            //       return el[\"id\"] != this.processList[0][\"id\"];\r\n            //     });\r\n            //     this.otherProcessList.map((el) => {\r\n            //       el[\"REQUIRED\"] = false;\r\n            //     });\r\n            //   });\r\n          }\r\n        });\r\n      });\r\n    },\r\n    selectShow(\r\n      info = {\r\n        appId: \"\",\r\n        businessCode: \"\",\r\n        keyWord: \"\",\r\n        businessDeptId: \"\",\r\n        userInfo: {},\r\n      }\r\n    ) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      this._appId = info.appId\r\n      this._businessDeptId = info.businessDeptId;\r\n      this.businessCode = info.businessCode\r\n      this.userInfo = info.userInfo;\r\n      // 获取部门id\r\n      this.deptId = info.userInfo.deptId\r\n      // 获取主体id\r\n      this.subjectId = info.userInfo.subjectId\r\n      this.hasDeptId = !!info.userInfo.deptId\r\n      console.log('======_businessDeptId',this._businessDeptId);\r\n      return new Promise((resolve, reject) => {\r\n        console.log(reject, 'reject')\r\n        this.cancelCallBack = reject;\r\n        api.repository\r\n          .getProcessDefListNew(info)\r\n          .then((e) => {\r\n            if (e.code == Enum.apiCode.success) {\r\n              if (e.data.length == 1) {\r\n                this.processDefList = e.data;\r\n                this.processDefId = e.data[0].id;\r\n                this.processDefName = e.data[0].name;\r\n                api.repository\r\n                  .getFirstProcessNode(this.processDefId)\r\n                  .then(async (res) => {\r\n                    if (res.code == Enum.apiCode.success) {\r\n                      console.log(res, 'res')\r\n                      this.processList = res.data;\r\n                      this.flag = true;\r\n                      this.callback = resolve;\r\n                      // 获取部门\r\n                      await this.getNodeUserDept()\r\n                      // 没有传入部门，则需要在选择部门后进行后续操作\r\n                      if (!this.deptId) return;\r\n                      this.getUserDataByDeptId()\r\n                      // 获取人员，没有人则是之前的选人逻辑\r\n\r\n                      \r\n                      // api.repository\r\n                      //   .getAfferentParticipantNodeList(this.processDefId)\r\n                      //   .then((e) => {\r\n                      //     this.otherProcessList = e.data.filter((el) => {\r\n                      //       return el[\"id\"] != this.processList[0][\"id\"];\r\n                      //     });\r\n                      //     this.otherProcessList.map((el) => {\r\n                      //       el[\"REQUIRED\"] = false;\r\n                      //     });\r\n                      //   });\r\n                    }\r\n                  });\r\n              } else {\r\n                this.processList = [];\r\n                this.otherProcessList = [];\r\n                this.processDefId = \"\";\r\n                this.processDefName = \"\";\r\n                this.processDefList = e.data;\r\n\r\n                if (info.keyWord) {\r\n                  this.processDefList.map((item) => {\r\n                    if (\r\n                      item.name.indexOf(info.keyWord) != -1 &&\r\n                      !this.processDefId\r\n                    ) {\r\n                      this.processDefId = item.id;\r\n                      this.processDefName = item.name;\r\n                      this.processDefChange(item.id);\r\n                    }\r\n                  });\r\n                }\r\n                this.flag = true;\r\n                this.callback = resolve;\r\n              }\r\n            }\r\n          });\r\n      });\r\n    },\r\n    // 处理routeTxt\r\n    handleRouteTxt(item) {\r\n      let str\r\n      // 交集\r\n      if (item.assigneeRetain == true) {\r\n        return \r\n      }\r\n    },\r\n    // 通过部门id获取流程节点的人员\r\n    getUserDataByDeptId() {\r\n      this.processList.map(async  (item, index) => {\r\n        console.log(item, 'item')\r\n        const nodeUserParams = getNodeUserParams(item)\r\n        let res\r\n        try {\r\n          res = await this.getNodeUser({\r\n            deptId: this.deptId,\r\n            intersection: nodeUserParams.intersection  ? 1 : 0,\r\n            userIds: nodeUserParams.userIds,\r\n            postIds: nodeUserParams.postIds,\r\n            deptIds: nodeUserParams.deptIds,\r\n          })\r\n        } catch (error) {\r\n          console.log(error, 'error')\r\n        }\r\n        if (res.code == Enum.apiCode.success) {\r\n          const l =  this.processList[index]\r\n          l.userList = res.data\r\n          this.$set(this.processList, index, l)\r\n\r\n        }\r\n        // console.log(user, 'user', index)\r\n      })\r\n    },\r\n    // 获取节点的人员\r\n    async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n      return await api.user.getTaskAuditor({\r\n        deptId,\r\n        intersection,\r\n        userIds,\r\n        postIds,\r\n        deptIds\r\n      })\r\n    },\r\n    // 获取节点人员的部门\r\n    async getNodeUserDept() {\r\n      let res = {}\r\n      try {\r\n          res = await api.user.getSelectTree()\r\n          console.log(res, 'res')\r\n      } catch (error) {\r\n        console.log(error, 'error')\r\n      }\r\n      console.log(res.data, 'data')\r\n      this.deptList = res.data || []\r\n    },\r\n\r\n    listShow(list) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      return new Promise((resolve, reject) => {\r\n        if (list.length == 1) {\r\n          this.processDefId = list[0].id;\r\n          this.processDefName = list[0].name;\r\n          this.cancelCallBack = reject;\r\n          api.repository.getFirstProcessNode(this.processDefId).then((res) => {\r\n            if (res.code == Enum.apiCode.success) {\r\n              this.processList = res.data;\r\n              this.flag = true;\r\n              this.callback = resolve;\r\n              api.repository\r\n                .getAfferentParticipantNodeList(this.processDefId)\r\n                .then((e) => {\r\n                  this.otherProcessList = e.data.filter((el) => {\r\n                    return el[\"id\"] != this.processList[0][\"id\"];\r\n                  });\r\n                  this.otherProcessList.map((el) => {\r\n                    el[\"REQUIRED\"] = false;\r\n                  });\r\n                });\r\n            }\r\n          });\r\n        } else {\r\n          this.processDefList = list;\r\n          this.flag = true;\r\n          this.callback = resolve;\r\n        }\r\n      });\r\n    },\r\n    // 流程\r\n    async getProcessInfo({ taskId, processInstId }) {\r\n\r\n      let res = {};\r\n      try {\r\n        res = await api.tis.getTaskModelDetail(taskId ? {\r\n          processInstId,\r\n          taskId,\r\n        } : {\r\n          processInstId,\r\n        })\r\n      } catch (e) {\r\n        res = {}\r\n      }\r\n      \r\n      if (res.code == 200) {\r\n          \r\n        }\r\n      return res\r\n    },\r\n    async revivalShow({ processInstId, businessId, taskId, deptId }) {\r\n      this.processInstId = processInstId\r\n      this.hasDeptId = !!deptId\r\n      let res = await this.getProcessInfo({ taskId, processInstId })\r\n      // let res = await api.pis.getProcessInstanceByBusinessKey(businessId);\r\n      if (res.code == 200) {\r\n        this.processData = {\r\n          ...this.initProcessData,\r\n          ...(res.data || {}),\r\n        };\r\n        const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n        this.deptId = deptId\r\n        this._businessDeptId = deptId\r\n        this.hasDeptId = !!deptId\r\n        const taskId = (this.processData.process || {}).taskId\r\n        this.absoluteTaskId = taskId\r\n        console.log(deptId, 'id')\r\n\r\n        this.revival = true;\r\n        this.businessId = businessId;\r\n        this.subjectId = res.data.process.variables.subjectId\r\n        this.businessCode = res.data.process.variables.businessType\r\n        this.revivalVars = res.data.process.variables;\r\n\r\n        this.processDefId = res.data.process.processDefinitionId;\r\n        this.processDefName = res.data.process.processDefinitionName;\r\n        this.processDefList = [];\r\n        \r\n        return this.Show(res.data.process.processDefinitionId, \"\", true);\r\n      }\r\n      \r\n    },\r\n    onClickOperation() {\r\n      if(!this.processDefId || this.processDefId==''){\r\n        ElMessage.warning(\"请选择流程\");\r\n        return false;\r\n      }\r\n      let multiNodeParticipant = {},\r\n        vars = {};\r\n      for (let key in this.userTaskListData) {\r\n        let o = this.userTaskListData[key];\r\n        let refCom = this.$refs[o][0];\r\n        let res = refCom\r\n          ? refCom.getValue()\r\n          : { multiNodeParticipant: [], vars: {} };\r\n        if (!res) {\r\n          return false;\r\n        }\r\n        console.log(res, 'res')\r\n        multiNodeParticipant = {\r\n          ...multiNodeParticipant,\r\n          ...res.multiNodeParticipant,\r\n        };\r\n        vars = { ...vars, ...res.vars };\r\n        console.log(vars, 'vars')\r\n      }\r\n      this._multiNodeParticipant = multiNodeParticipant;\r\n      this._vars = vars;\r\n      if(this.beforeFunction){\r\n        this.beforeFunction()\r\n      }else if (this.callback) {\r\n        this.callback(this.revival ? this.revivalFlow : this.createAndStart);\r\n      }\r\n      // this.flag = false;\r\n    },\r\n    onClickCancel() {\r\n      this.flag = false;\r\n      this.btnLoading = false;\r\n      if (this.cancelCallBack) this.cancelCallBack();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.flow-dialog {\r\n  .el-dialog__header {\r\n    padding: 18px 24px;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.flow-dialog :deep(.el-dialog__body) {\r\n  border-top: 1px solid #dadbde;\r\n  border-bottom: 1px solid #dadbde;\r\n  overflow: visible;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.flow-dialog {\r\n  .el-dialog__footer {\r\n    padding: 12px !important;\r\n    text-align: center;\r\n  }\r\n  .el-dialog__headerbtn {\r\n    top: 10px;\r\n    right: 16px;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dept-tree {\r\n    width: 65%;\r\n}\r\n\r\n.process-def-name {\r\n  font-weight: bold;\r\n  margin-right: 20px;\r\n  font-size: 16px;\r\n}\r\n.view-node-info {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  color: #1389ff;\r\n  font-size: 14px;\r\n  margin: 0;\r\n}\r\n\r\n.create-form {\r\n  .el-form-item__label {\r\n    padding-right: 18px;\r\n  }\r\n  .el-form-item {\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n.node-list {\r\n  max-height: 300px;\r\n  overflow-y: scroll;\r\n}\r\n.track-view {\r\n  .el-dialog__body {\r\n    display: flex;\r\n    justify-content: center;\r\n    height: 600px;\r\n    position: relative;\r\n  }\r\n}\r\niframe {\r\n  min-height: 500px;\r\n}\r\n</style>\r\n",".flow-dialog .el-dialog__header {\n  padding: 18px 24px;\n  font-size: 18px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n\n.flow-dialog :deep(.el-dialog__body) {\n  border-top: 1px solid #dadbde;\n  border-bottom: 1px solid #dadbde;\n  overflow: visible;\n  overflow-x: hidden;\n}\n\n.flow-dialog .el-dialog__footer {\n  padding: 12px !important;\n  text-align: center;\n}\n.flow-dialog .el-dialog__headerbtn {\n  top: 10px;\n  right: 16px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */"]}, media: undefined })
-    ,inject("data-v-59dd219d_1", { source: ".dept-tree[data-v-59dd219d] {\n  width: 65%;\n}\n.process-def-name[data-v-59dd219d] {\n  font-weight: bold;\n  margin-right: 20px;\n  font-size: 16px;\n}\n.view-node-info[data-v-59dd219d] {\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-59dd219d] {\n  padding-right: 18px;\n}\n.create-form .el-form-item[data-v-59dd219d] {\n  margin-bottom: 10px;\n}\n.node-list[data-v-59dd219d] {\n  max-height: 300px;\n  overflow-y: scroll;\n}\n.track-view .el-dialog__body[data-v-59dd219d] {\n  display: flex;\n  justify-content: center;\n  height: 600px;\n  position: relative;\n}\niframe[data-v-59dd219d] {\n  min-height: 500px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */", map: {"version":3,"sources":["C:\\cod\\items\\ui-process-pc\\vue2\\src\\components\\zjp_process\\beforeCreate.vue","beforeCreate.vue"],"names":[],"mappings":"AAq5BA;EACA,UAAA;ACp5BA;ADu5BA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;ACp5BA;ADs5BA;EACA,qBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,SAAA;ACn5BA;ADu5BA;EACA,mBAAA;ACp5BA;ADs5BA;EACA,mBAAA;ACp5BA;ADu5BA;EACA,iBAAA;EACA,kBAAA;ACp5BA;ADu5BA;EACA,aAAA;EACA,uBAAA;EACA,aAAA;EACA,kBAAA;ACp5BA;ADu5BA;EACA,iBAAA;ACp5BA;;AAEA,2CAA2C","file":"beforeCreate.vue","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog\r\n      :visible.sync=\"flag\"\r\n      width=\"45%\"\r\n      class=\"flow-dialog\"\r\n      :close-on-click-modal=\"false\"\r\n      :title=\"revival ? '流程复活' : '创建并启动流程'\"\r\n      append-to-body\r\n      @closed=\"onClickCancel\"\r\n    >\r\n      <el-form\r\n        class=\"create-form\"\r\n        @submit.native.prevent\r\n        label-width=\"200px\"\r\n        status-icon\r\n      >\r\n        <el-form-item label=\"当前流程\" size=\"normal\" :rules=\"[{ required: true, message: '请选择流程' }]\">\r\n          <el-select\r\n            v-model=\"processDefId\"\r\n            v-if=\"processDefList.length > 1\"\r\n            style=\"width: 65%; margin-right: 10px\"\r\n            filterable\r\n            clearable\r\n            @change=\"processDefChange\"\r\n            placeholder=\"请选择\"\r\n          >\r\n            <el-option\r\n              v-for=\"(item, index) in processDefList\"\r\n              :key=\"item.id\"\r\n              :label=\"item.name\"\r\n              :value=\"item.id\"\r\n              :disabled=\"item.disabled\"\r\n            ></el-option>\r\n          </el-select>\r\n          <b class=\"process-def-name\" v-else>\r\n            {{ processDefName }}\r\n          </b>\r\n          <div\r\n            @click=\"viewFlowChart\"\r\n            v-if=\"processDefId\"\r\n            class=\"view-node-info\"\r\n            style=\"margin-right: 10px\"\r\n          >\r\n            预览\r\n          </div>\r\n          <div\r\n            @click=\"viewFlowForecast\"\r\n            v-if=\"processDefId && showFlowForecast\"\r\n            class=\"view-node-info\">\r\n            流程预测\r\n          </div>\r\n        </el-form-item>\r\n\r\n        <!-- 如果没有传入部门，则需要选择部门 -->\r\n        <el-form-item v-if=\"!hasDeptId\" label=\"选择部门\"  :rules=\"[{ required: true, message: '请选择部门' }]\">\r\n          <selectDept\r\n            class=\"dept-tree\"\r\n            :deptId=\"deptId\"\r\n            :ops=\"deptList\"\r\n            @input=\"handleDeptChange\"\r\n          />\r\n        </el-form-item>\r\n\r\n        <div class=\"node-list\" v-if=\"deptId\">\r\n          <el-form-item\r\n            v-if=\"processList && processList.length > 0\"\r\n            label=\"下一步处理节点\"\r\n            size=\"normal\"\r\n          >\r\n          </el-form-item>\r\n          <template v-if=\"processList.length > 0\">\r\n            <template v-for=\"(item, index) in processList\" >\r\n            <userTask\r\n              :index=\"index\"\r\n              :personType=\"personType\"\r\n              :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n              :processNode=\"{\r\n                ...item,\r\n                REQUIRED: index == 0 ? true : false,\r\n              }\"\r\n              label=\"处理人\"\r\n              :rules=\"[{ required: index == 0 ? true : false, message: '请选择审批人' }]\"\r\n              :ref=\"setItemRef(item.id)\"\r\n              @complete=\"complete\"\r\n            ></userTask>\r\n            <div class=\"user-task-split\" v-if=\"index !== processList.length - 1\"></div>\r\n            </template>\r\n          </template>\r\n\r\n          <!-- <template v-if=\"otherProcessList.length > 0 && other\">\r\n            <el-form-item\r\n              v-if=\"processList && processList.length > 0\"\r\n              label=\"其他处理节点\"\r\n              size=\"normal\"\r\n            >\r\n            </el-form-item>\r\n\r\n            <template v-if=\"processList.length > 0\">\r\n              <userTask\r\n                v-for=\"item in otherProcessList\"\r\n                :personType=\"personType\"\r\n                :personEntity=\"{ ...personEntity, _businessDeptId }\"\r\n                :key=\"item.id\"\r\n                :processNode=\"item\"\r\n                :noprop=\"true\"\r\n                :ref=\"setItemRef(item.id)\"\r\n              ></userTask>\r\n            </template>\r\n          </template> -->\r\n        </div>\r\n      </el-form>\r\n      <template #footer>\r\n        <el-button\r\n          :loading=\"btnLoading\"\r\n          type=\"primary\"\r\n          @click=\"onClickOperation\"\r\n          >确 定</el-button\r\n        >\r\n        <el-button :loading=\"btnLoading\" @click=\"onClickCancel\"\r\n          >取 消</el-button\r\n        >\r\n      </template>\r\n    </el-dialog>\r\n\r\n    <!-- <div class=\"dialog\"> -->\r\n    <el-dialog\r\n      :visible.sync=\"flowChartVisible\"\r\n      width=\"60%\"\r\n      append-to-body\r\n      title=\"流程图信息\"\r\n      class=\"track-view\"\r\n      v-dialogDrag\r\n    >\r\n      <bpmnLook v-if=\"flowChartVisible && processXml\" ref=\"PreviewRef\" :diagram=\"processXml\"></bpmnLook>\r\n      <!-- <iframe\r\n        :src=\"trackUrl\"\r\n        frameborder=\"0\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n      /> -->\r\n      <!-- <el-image :src=\"trackUrl\"></el-image> -->\r\n    </el-dialog>\r\n\r\n    <el-dialog\r\n      :visible.sync=\"flowForecastVisible\"\r\n      width=\"45%\"\r\n      append-to-body\r\n      title=\"流程预测\"\r\n      v-dialogDrag\r\n      @close=\"flowForecastClose\"\r\n    >\r\n      <div style=\"margin-left: 20px;\">\r\n        <div v-html=\"flowForecastData.completeTime\" style=\"margin-left: 40px;margin-bottom: 20px;\"></div>\r\n        <el-timeline>\r\n          <el-timeline-item\r\n            v-for=\"(activity, index) in flowForecastData.processBudgetModelList\"\r\n            :key=\"index\"\r\n            icon=\"el-icon-check\"\r\n            :color=\"index==0 ? '#009800': activity.color\"\r\n            :timestamp=\"activity.title\" placement=\"top\">\r\n            <div>\r\n              <span style=\"color:#009800;\">\r\n                <i class=\"el-icon-s-custom\" style=\"margin-right: 5px;\"></i>\r\n                执行人：{{activity.excutor}}\r\n              </span>\r\n            </div>\r\n          </el-timeline-item>\r\n        </el-timeline> \r\n      </div>\r\n    </el-dialog>\r\n    \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"./api\";\r\nimport * as Enum from \"./enum\";\r\nimport userTask from \"./operation/userTask.vue\";\r\nimport { Message as ElMessage } from \"element-ui\";\r\nimport bpmnLook from \"./bpmnLook.vue\";\r\nimport selectDept from \"./operation/selectDept.vue\";\r\nimport { getNodeUserParams } from './utils'\r\n\r\nexport default {\r\n  components: { userTask, bpmnLook, selectDept },\r\n  props: {\r\n    extraReqParams: {\r\n      type: Object,\r\n      default: function() {\r\n        return {}\r\n      },\r\n    },\r\n    other: {\r\n      default: true,\r\n    },\r\n    personType: \"\",\r\n    personEntity: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    beforeFunction:{\r\n      type: Function,\r\n      default: null\r\n    },\r\n    showFlowForecast: {\r\n      default: false,\r\n      type: Boolean,\r\n    },\r\n    flowForecastFunction:{\r\n      type: Function,\r\n      default: null\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      revivalVars: {},\r\n      processData: {},\r\n      absoluteTaskId: '',\r\n      userTaskListData: {},\r\n      flag: false,\r\n      revival: false,\r\n      flowChartVisible: false,\r\n      flowForecastVisible: false,\r\n      flowForecastData:{\r\n        completeTime:'',\r\n        processBudgetModelList:[]\r\n      },\r\n      flowForecastProcessInstId: '',\r\n      btnLoading: false,\r\n      processList: [],\r\n      processDefId: \"\",\r\n      processInstId: '',\r\n      processDefName: \"\",\r\n      businessId: \"\",\r\n      trackUrl: \"\",\r\n      processDefList: [],\r\n      otherProcessList: [],\r\n      callback: {},\r\n      cancelCallBack: {},\r\n      _multiNodeParticipant: [],\r\n      _businessDeptId: \"\",\r\n      businessCode: \"\",\r\n      _vars: {},\r\n      _appId: '',\r\n      deptList: [],\r\n      userInfo: {},\r\n      hasDeptId: false,\r\n      deptId: '',\r\n      subjectId: '',\r\n      processXml: '',\r\n    };\r\n  },\r\n  provide () {\r\n    return {\r\n      getUserInfo: this.getUserInfo,\r\n    }\r\n  },\r\n  methods: {\r\n    getUserInfo () {\r\n      return {\r\n        deptId: this.deptId,\r\n        subjectId: this.subjectId,\r\n      }\r\n    },\r\n    handleDeptChange(val) {\r\n      console.log(val, 'val')\r\n      this.deptId = val\r\n      this.getUserDataByDeptId()\r\n    },\r\n    complete(data) {\r\n      console.log(data, 'complete')\r\n    },\r\n    setLoading(e) {\r\n      this.btnLoading = e;\r\n    },\r\n    async getXml(id) {\r\n      console.log(this.isXml, 'isxml')\r\n      let res = {}\r\n      let xml = ''\r\n      try {\r\n        res = await api.repository.getXmlByProcessDefId({ processDefId: id })\r\n        console.log(res, 'res')\r\n        if (res.code == 200) {\r\n          xml = res.data;\r\n        }\r\n      } catch (e) {\r\n        console.error(e)\r\n      }\r\n      return xml;\r\n    },\r\n    async viewFlowChart() {\r\n      this.flowChartVisible = true;\r\n      this.processXml = await this.getXml(this.processDefId)\r\n      // 打开预览窗口，后续代码不使用了\r\n      if (Date.now()) return;\r\n      api.repository\r\n        .getDiagramUrl({\r\n          processDefId: this.processDefId,\r\n          diagramType: 1,\r\n          type: Enum.SourceType.电脑端,\r\n        })\r\n        .then((res) => {\r\n          res.data.url = 'http://localhost:2888/saber/#/flowPreview'\r\n          this.trackUrl = this.getNewUrl(res.data.url, {...res.data})\r\n          if (Date.now()) {\r\n            this.flowChartVisible = true;\r\n            return;\r\n          }\r\n          if (res.code == Enum.apiCode.success) {\r\n            if (window.location.protocol == \"https:\") {\r\n              if (res.data.indexOf(\"http://121.40.143.183:80/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183:80/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://121.40.143.183/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://121.40.143.183/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://acme-aws.ddzg.cn/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://acme-aws.ddzg.cn/\",\r\n                  \"https://acme-aws.ddzg.cn/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.231:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.231:8088/\",\r\n                  \"https://acme-test.ddzg.cn:2119/\"\r\n                )\r\n              } else if (res.data.indexOf(\"http://59.53.91.230:8088/\") >= 0) {\r\n                this.trackUrl = res.data.replace(\r\n                  \"http://59.53.91.230:8088/\",\r\n                  \"https://kq.ddzg.cn:8093/\"\r\n                )\r\n              } else {\r\n                this.trackUrl = res.data\r\n              }\r\n            } else {\r\n              this.trackUrl = res.data;\r\n            }\r\n            this.flowChartVisible = true;\r\n          }\r\n        });\r\n    },\r\n    // 判断url和当前网页的url域名是否相同\r\n    isSameDomain(url) {\r\n      return url.indexOf(window.location.host) != -1\r\n    },\r\n    // 根据url和query对象，拼接一个新的链接\r\n    getNewUrl(url, query) {\r\n      let queryStr = ''\r\n      for (let key in query) {\r\n        queryStr += `${key}=${query[key]}&`\r\n      }\r\n      // 判断url和当前网页的url域名是否相同\r\n      if(!this.isSameDomain(url)){\r\n        // 如果不同，则query要加上token，从localstorage获取\r\n        let token = localStorage.getItem('token');\r\n        queryStr += `token=${token}&`\r\n      }\r\n      queryStr = queryStr.slice(0, -1)\r\n      return `${url}?${queryStr}`\r\n    },\r\n    viewFlowForecast(){\r\n      if(this.flowForecastFunction){\r\n        this.flowForecastFunction()\r\n      }else {\r\n        this.forecast({\r\n          appId: this._appId ,\r\n          title: '1',//title不能为空，随便传的一个值\r\n        })   \r\n      } \r\n    },\r\n    forecast(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n        .getProcessForecast({\r\n          processDefId: this.processDefId,\r\n          ...data,\r\n        })\r\n        .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              if(e.data && e.data.processBudgetModelList && e.data.processBudgetModelList.length){\r\n                this.flowForecastProcessInstId = e.data.processBudgetModelList[0].processInstId\r\n              }else{\r\n                e.data.processBudgetModelList = []\r\n                this.flowForecastProcessInstId = ''\r\n              }\r\n              this.flowForecastData = e.data \r\n              this.flowForecastVisible = true;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程预测失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    flowForecastClose(){\r\n      if(this.flowForecastProcessInstId){\r\n        api.pis\r\n        .deleteProcessById(this.flowForecastProcessInstId)\r\n        .then((res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.flowForecastVisible = false;\r\n            this.flowForecastData = {\r\n              completeTime:'',\r\n              processBudgetModelList:[]\r\n            }\r\n            this.flowForecastProcessInstId = ''\r\n          }\r\n        });\r\n      }else{\r\n        this.flowForecastVisible = false;  \r\n        this.flowForecastData = {\r\n          completeTime:'',\r\n          processBudgetModelList:[]\r\n        }\r\n      }\r\n    },\r\n    processDefChange(processId) {\r\n      this.processDefId = processId;\r\n      api.repository.getFirstProcessNode(this.processDefId).then(async (res) => {\r\n        if (res.code == Enum.apiCode.success) {\r\n          this.processList = res.data;\r\n          this.flag = true;\r\n\r\n          // 获取部门\r\n          await this.getNodeUserDept()\r\n          // // 获取部门id\r\n          // const deptId = info.userInfo.deptId\r\n          // this.deptId = deptId\r\n          // 没有传入部门，则需要在选择部门后进行后续操作\r\n          if (!this.deptId) return;\r\n          this.getUserDataByDeptId()\r\n          // 获取人员，没有人则是之前的选人逻辑\r\n\r\n          // api.repository\r\n          //   .getAfferentParticipantNodeList(this.processDefId)\r\n          //   .then((e) => {\r\n          //     this.otherProcessList = e.data.filter((el) => {\r\n          //       return el[\"id\"] != this.processList[0][\"id\"];\r\n          //     });\r\n          //     this.otherProcessList.map((el) => {\r\n          //       el[\"REQUIRED\"] = false;\r\n          //     });\r\n          //   });\r\n        }\r\n      });\r\n      // api.repository.getAfferentParticipantNodeList(processId).then((res) => {\r\n      //   if (res.code == Enum.apiCode.success) {\r\n      //     res.data.map((item) => {\r\n      //       item.type = \"UserTaskModel\";\r\n      //     });\r\n      //     this.processList = res.data;\r\n      //     let tmp = JSON.parse(JSON.stringify(res.data));\r\n      //     tmp.shift();\r\n      //     this.otherProcessList = tmp;\r\n      //   }\r\n      // });\r\n    },\r\n    setItemRef(key) {\r\n      this.userTaskListData[key] = \"userTask\" + key;\r\n      return this.userTaskListData[key];\r\n    },\r\n    isOption(humanPerformer) {\r\n      return (\r\n        humanPerformer == \"任意指定\" ||\r\n        humanPerformer == \"固定部门\" ||\r\n        humanPerformer == \"固定单位\" ||\r\n        humanPerformer == \"固定群组\"\r\n      );\r\n    },\r\n    createAndStart(data) {\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n          .createAndStart({\r\n            processDefId: this.processDefId,\r\n            multiNodeParticipant: this._multiNodeParticipant,\r\n            firstNodeId: this.processList && this.processList.length > 0 ? this.processList[0].id : '',\r\n            // vars: this._businessDeptId\r\n            //   ? { _businessDeptId: this._businessDeptId, ...this._vars }\r\n            //   : this._vars,\r\n            vars: {\r\n              showType: \"all\",\r\n              subjectId: this.subjectId,\r\n              deptId: this.deptId,\r\n              businessType: this.businessCode,\r\n              ...data,\r\n              ...this._vars,\r\n            }\r\n          })\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程启动失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    revivalFlow(data = {}, history = false, msg = \"流程复活\") {\r\n      console.log(msg, '流程复活')\r\n      this.btnLoading = true;\r\n      return new Promise((resolve, reject) => {\r\n        api.pis\r\n          .reactivate(\r\n            {\r\n              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                ...this.revivalVars,\r\n                showType: \"all\",\r\n                subjectId: this.subjectId,\r\n                deptId: this.deptId,\r\n                businessType: this.businessCode,\r\n                ...data,\r\n                ...this._vars,\r\n              }\r\n            },\r\n            \"\",\r\n            this.businessId,\r\n            msg,\r\n            \"\",\r\n            history,\r\n            this._multiNodeParticipant,\r\n            this.extraReqParams,\r\n          )\r\n          .then((e) => {\r\n            this.btnLoading = false;\r\n            if (e.code == Enum.apiCode.success) {\r\n              this.flag = false;\r\n              resolve(e);\r\n            } else {\r\n              ElMessage.error(e.msg);\r\n            }\r\n          })\r\n          .catch((e) => {\r\n            this.btnLoading = false;\r\n            ElMessage.error(\"流程复活失败，请重试\");\r\n            reject(e);\r\n          });\r\n      });\r\n    },\r\n    Show(processDefId, appid = \"\", revival = false) {\r\n      this.processList = [];\r\n      this.revival = revival;\r\n      this.processDefId = processDefId;\r\n\r\n      if (appid) {\r\n        api.repository.getProcessDefList(appid, \"\").then((e) => {\r\n          if (e.code == Enum.apiCode.success) {\r\n            e.data.map((item) => {\r\n              if (item.id == processDefId) {\r\n                this.processDefName = item.name;\r\n              }\r\n            });\r\n          }\r\n        });\r\n      }\r\n\r\n      return new Promise((resolve, reject) => {\r\n        this.cancelCallBack = reject;\r\n        api.repository.getFirstProcessNode(processDefId).then(async (res) => {\r\n          if (res.code == Enum.apiCode.success) {\r\n            this.processList = res.data;\r\n            this.flag = true;\r\n\r\n            // 获取部门\r\n            await this.getNodeUserDept()\r\n            // 没有传入部门，则需要在选择部门后进行后续操作\r\n            if (!this.deptId) return;\r\n            this.getUserDataByDeptId()\r\n\r\n            this.callback = resolve;\r\n            // api.repository\r\n            //   .getAfferentParticipantNodeList(processDefId)\r\n            //   .then((e) => {\r\n            //     this.otherProcessList = e.data.filter((el) => {\r\n            //       return el[\"id\"] != this.processList[0][\"id\"];\r\n            //     });\r\n            //     this.otherProcessList.map((el) => {\r\n            //       el[\"REQUIRED\"] = false;\r\n            //     });\r\n            //   });\r\n          }\r\n        });\r\n      });\r\n    },\r\n    selectShow(\r\n      info = {\r\n        appId: \"\",\r\n        businessCode: \"\",\r\n        keyWord: \"\",\r\n        businessDeptId: \"\",\r\n        userInfo: {},\r\n      }\r\n    ) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      this._appId = info.appId\r\n      this._businessDeptId = info.businessDeptId;\r\n      this.businessCode = info.businessCode\r\n      this.userInfo = info.userInfo;\r\n      // 获取部门id\r\n      this.deptId = info.userInfo.deptId\r\n      // 获取主体id\r\n      this.subjectId = info.userInfo.subjectId\r\n      this.hasDeptId = !!info.userInfo.deptId\r\n      console.log('======_businessDeptId',this._businessDeptId);\r\n      return new Promise((resolve, reject) => {\r\n        console.log(reject, 'reject')\r\n        this.cancelCallBack = reject;\r\n        api.repository\r\n          .getProcessDefListNew(info)\r\n          .then((e) => {\r\n            if (e.code == Enum.apiCode.success) {\r\n              if (e.data.length == 1) {\r\n                this.processDefList = e.data;\r\n                this.processDefId = e.data[0].id;\r\n                this.processDefName = e.data[0].name;\r\n                api.repository\r\n                  .getFirstProcessNode(this.processDefId)\r\n                  .then(async (res) => {\r\n                    if (res.code == Enum.apiCode.success) {\r\n                      console.log(res, 'res')\r\n                      this.processList = res.data;\r\n                      this.flag = true;\r\n                      this.callback = resolve;\r\n                      // 获取部门\r\n                      await this.getNodeUserDept()\r\n                      // 没有传入部门，则需要在选择部门后进行后续操作\r\n                      if (!this.deptId) return;\r\n                      this.getUserDataByDeptId()\r\n                      // 获取人员，没有人则是之前的选人逻辑\r\n\r\n                      \r\n                      // api.repository\r\n                      //   .getAfferentParticipantNodeList(this.processDefId)\r\n                      //   .then((e) => {\r\n                      //     this.otherProcessList = e.data.filter((el) => {\r\n                      //       return el[\"id\"] != this.processList[0][\"id\"];\r\n                      //     });\r\n                      //     this.otherProcessList.map((el) => {\r\n                      //       el[\"REQUIRED\"] = false;\r\n                      //     });\r\n                      //   });\r\n                    }\r\n                  });\r\n              } else {\r\n                this.processList = [];\r\n                this.otherProcessList = [];\r\n                this.processDefId = \"\";\r\n                this.processDefName = \"\";\r\n                this.processDefList = e.data;\r\n\r\n                if (info.keyWord) {\r\n                  this.processDefList.map((item) => {\r\n                    if (\r\n                      item.name.indexOf(info.keyWord) != -1 &&\r\n                      !this.processDefId\r\n                    ) {\r\n                      this.processDefId = item.id;\r\n                      this.processDefName = item.name;\r\n                      this.processDefChange(item.id);\r\n                    }\r\n                  });\r\n                }\r\n                this.flag = true;\r\n                this.callback = resolve;\r\n              }\r\n            }\r\n          });\r\n      });\r\n    },\r\n    // 处理routeTxt\r\n    handleRouteTxt(item) {\r\n      let str\r\n      // 交集\r\n      if (item.assigneeRetain == true) {\r\n        return \r\n      }\r\n    },\r\n    // 通过部门id获取流程节点的人员\r\n    getUserDataByDeptId() {\r\n      this.processList.map(async  (item, index) => {\r\n        console.log(item, 'item')\r\n        const nodeUserParams = getNodeUserParams(item)\r\n        let res\r\n        try {\r\n          res = await this.getNodeUser({\r\n            deptId: this.deptId,\r\n            intersection: nodeUserParams.intersection  ? 1 : 0,\r\n            userIds: nodeUserParams.userIds,\r\n            postIds: nodeUserParams.postIds,\r\n            deptIds: nodeUserParams.deptIds,\r\n          })\r\n        } catch (error) {\r\n          console.log(error, 'error')\r\n        }\r\n        if (res.code == Enum.apiCode.success) {\r\n          const l =  this.processList[index]\r\n          l.userList = res.data\r\n          this.$set(this.processList, index, l)\r\n\r\n        }\r\n        // console.log(user, 'user', index)\r\n      })\r\n    },\r\n    // 获取节点的人员\r\n    async getNodeUser({ deptId, intersection, userIds, postIds, deptIds }) {\r\n      return await api.user.getTaskAuditor({\r\n        deptId,\r\n        intersection,\r\n        userIds,\r\n        postIds,\r\n        deptIds\r\n      })\r\n    },\r\n    // 获取节点人员的部门\r\n    async getNodeUserDept() {\r\n      let res = {}\r\n      try {\r\n          res = await api.user.getSelectTree()\r\n          console.log(res, 'res')\r\n      } catch (error) {\r\n        console.log(error, 'error')\r\n      }\r\n      console.log(res.data, 'data')\r\n      this.deptList = res.data || []\r\n    },\r\n\r\n    listShow(list) {\r\n      this.processList = [];\r\n      this.otherProcessList = [];\r\n      this.processDefId = \"\";\r\n      this.processDefName = \"\";\r\n      this.revival = false;\r\n      return new Promise((resolve, reject) => {\r\n        if (list.length == 1) {\r\n          this.processDefId = list[0].id;\r\n          this.processDefName = list[0].name;\r\n          this.cancelCallBack = reject;\r\n          api.repository.getFirstProcessNode(this.processDefId).then((res) => {\r\n            if (res.code == Enum.apiCode.success) {\r\n              this.processList = res.data;\r\n              this.flag = true;\r\n              this.callback = resolve;\r\n              api.repository\r\n                .getAfferentParticipantNodeList(this.processDefId)\r\n                .then((e) => {\r\n                  this.otherProcessList = e.data.filter((el) => {\r\n                    return el[\"id\"] != this.processList[0][\"id\"];\r\n                  });\r\n                  this.otherProcessList.map((el) => {\r\n                    el[\"REQUIRED\"] = false;\r\n                  });\r\n                });\r\n            }\r\n          });\r\n        } else {\r\n          this.processDefList = list;\r\n          this.flag = true;\r\n          this.callback = resolve;\r\n        }\r\n      });\r\n    },\r\n    // 流程\r\n    async getProcessInfo({ taskId, processInstId }) {\r\n\r\n      let res = {};\r\n      try {\r\n        res = await api.tis.getTaskModelDetail(taskId ? {\r\n          processInstId,\r\n          taskId,\r\n        } : {\r\n          processInstId,\r\n        })\r\n      } catch (e) {\r\n        res = {}\r\n      }\r\n      \r\n      if (res.code == 200) {\r\n          \r\n        }\r\n      return res\r\n    },\r\n    async revivalShow({ processInstId, businessId, taskId, deptId }) {\r\n      this.processInstId = processInstId\r\n      this.hasDeptId = !!deptId\r\n      let res = await this.getProcessInfo({ taskId, processInstId })\r\n      // let res = await api.pis.getProcessInstanceByBusinessKey(businessId);\r\n      if (res.code == 200) {\r\n        this.processData = {\r\n          ...this.initProcessData,\r\n          ...(res.data || {}),\r\n        };\r\n        const deptId = ((this.processData.process || {}).variables || {}).deptId\r\n        this.deptId = deptId\r\n        this._businessDeptId = deptId\r\n        this.hasDeptId = !!deptId\r\n        const taskId = (this.processData.process || {}).taskId\r\n        this.absoluteTaskId = taskId\r\n        console.log(deptId, 'id')\r\n\r\n        this.revival = true;\r\n        this.businessId = businessId;\r\n        this.subjectId = res.data.process.variables.subjectId\r\n        this.businessCode = res.data.process.variables.businessType\r\n        this.revivalVars = res.data.process.variables;\r\n\r\n        this.processDefId = res.data.process.processDefinitionId;\r\n        this.processDefName = res.data.process.processDefinitionName;\r\n        this.processDefList = [];\r\n        \r\n        return this.Show(res.data.process.processDefinitionId, \"\", true);\r\n      }\r\n      \r\n    },\r\n    onClickOperation() {\r\n      if(!this.processDefId || this.processDefId==''){\r\n        ElMessage.warning(\"请选择流程\");\r\n        return false;\r\n      }\r\n      let multiNodeParticipant = {},\r\n        vars = {};\r\n      for (let key in this.userTaskListData) {\r\n        let o = this.userTaskListData[key];\r\n        let refCom = this.$refs[o][0];\r\n        let res = refCom\r\n          ? refCom.getValue()\r\n          : { multiNodeParticipant: [], vars: {} };\r\n        if (!res) {\r\n          return false;\r\n        }\r\n        console.log(res, 'res')\r\n        multiNodeParticipant = {\r\n          ...multiNodeParticipant,\r\n          ...res.multiNodeParticipant,\r\n        };\r\n        vars = { ...vars, ...res.vars };\r\n        console.log(vars, 'vars')\r\n      }\r\n      this._multiNodeParticipant = multiNodeParticipant;\r\n      this._vars = vars;\r\n      if(this.beforeFunction){\r\n        this.beforeFunction()\r\n      }else if (this.callback) {\r\n        this.callback(this.revival ? this.revivalFlow : this.createAndStart);\r\n      }\r\n      // this.flag = false;\r\n    },\r\n    onClickCancel() {\r\n      this.flag = false;\r\n      this.btnLoading = false;\r\n      if (this.cancelCallBack) this.cancelCallBack();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.flow-dialog {\r\n  .el-dialog__header {\r\n    padding: 18px 24px;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.flow-dialog :deep(.el-dialog__body) {\r\n  border-top: 1px solid #dadbde;\r\n  border-bottom: 1px solid #dadbde;\r\n  overflow: visible;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.flow-dialog {\r\n  .el-dialog__footer {\r\n    padding: 12px !important;\r\n    text-align: center;\r\n  }\r\n  .el-dialog__headerbtn {\r\n    top: 10px;\r\n    right: 16px;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dept-tree {\r\n    width: 65%;\r\n}\r\n\r\n.process-def-name {\r\n  font-weight: bold;\r\n  margin-right: 20px;\r\n  font-size: 16px;\r\n}\r\n.view-node-info {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  color: #1389ff;\r\n  font-size: 14px;\r\n  margin: 0;\r\n}\r\n\r\n.create-form {\r\n  .el-form-item__label {\r\n    padding-right: 18px;\r\n  }\r\n  .el-form-item {\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n.node-list {\r\n  max-height: 300px;\r\n  overflow-y: scroll;\r\n}\r\n.track-view {\r\n  .el-dialog__body {\r\n    display: flex;\r\n    justify-content: center;\r\n    height: 600px;\r\n    position: relative;\r\n  }\r\n}\r\niframe {\r\n  min-height: 500px;\r\n}\r\n</style>\r\n",".dept-tree {\n  width: 65%;\n}\n\n.process-def-name {\n  font-weight: bold;\n  margin-right: 20px;\n  font-size: 16px;\n}\n\n.view-node-info {\n  display: inline-block;\n  cursor: pointer;\n  color: #1389ff;\n  font-size: 14px;\n  margin: 0;\n}\n\n.create-form .el-form-item__label {\n  padding-right: 18px;\n}\n.create-form .el-form-item {\n  margin-bottom: 10px;\n}\n\n.node-list {\n  max-height: 300px;\n  overflow-y: scroll;\n}\n\n.track-view .el-dialog__body {\n  display: flex;\n  justify-content: center;\n  height: 600px;\n  position: relative;\n}\n\niframe {\n  min-height: 500px;\n}\n\n/*# sourceMappingURL=beforeCreate.vue.map */"]}, media: undefined });
+        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-59dd219d";
+      const __vue_scope_id__$2 = "data-v-2b0fb27a";
       /* module identifier */
       const __vue_module_identifier__$2 = undefined;
       /* functional template */