{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-fvue\\src\\components\\flow\\imageBpm.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\src\\components\\flow\\imageBpm.vue","mtime":1667327529403},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport SubTaskImage from \"@/components/flow/task/subTaskImage.vue\";\r\nexport default {\r\n  name: \"imageBpm\",\r\n  props: [\"instId\", \"defId\"],\r\n  components: { SubTaskImage },\r\n  data() {\r\n    return {\r\n      proInst: this.instId,\r\n      widthImg: \"\",\r\n      heightImg: \"\",\r\n      backGroundImg: \"\",\r\n      positionImg: \"relative\",\r\n      listLayout: \"\",\r\n      nodeOpinions: [],\r\n      bpmnInstId: \"\"\r\n    };\r\n  },\r\n  mounted() {\r\n    if (this.instId) {\r\n      this.data = this.instId;\r\n      this.getInstanceByInstId();\r\n    }\r\n  },\r\n  watch: {\r\n    instId: function(newVal, oldVal) {\r\n      this.data = newVal; //newVal即是instId\r\n      this.getInstanceByInstId();\r\n    }\r\n  },\r\n  methods: {\r\n    nodeClick(node) {\r\n      this.$refs.subTaskImage.handleOpen(this.defId, this.instId, node.nodeId);\r\n    },\r\n    //加载流程图\r\n    getInstanceByInstId() {\r\n      this.$store\r\n        .dispatch(\"storeProcess/getInstanceByInstId\", this.data)\r\n        .then(insts => {\r\n          let data = {\r\n            bpmnInstId: insts.bpmnInstId,\r\n            instId: this.data,\r\n            defId: this.defId\r\n          };\r\n          this.$store.dispatch(\"storeProcess/getBpmImage\", data).then(res => {\r\n            this.widthImg = res.rows.bpmDefLayout.width;\r\n            this.heightImg = res.rows.bpmDefLayout.height;\r\n            this.backGroundImg = res.img;\r\n            res.rows.bpmDefLayout.listLayout.forEach(element => {\r\n              let styleStr =\r\n                \"position: 'absolute', left:\" +\r\n                element.x +\r\n                \"px, top:\" +\r\n                element.y +\r\n                \"px, width:\" +\r\n                element.width +\r\n                \"px, height:\" +\r\n                element.height +\r\n                \"px\";\r\n              element.style = styleStr;\r\n            });\r\n            this.listLayout = res.rows.bpmDefLayout.listLayout;\r\n            let nodeIds = [];\r\n            this.listLayout.forEach(layout => {\r\n              if (\r\n                layout.nodeType == \"USERTASK\" ||\r\n                layout.nodeType == \"SIGNTASK\" ||\r\n                layout.nodeType == \"CUSTOMSIGNTASK\"\r\n              ) {\r\n                nodeIds.push(layout.nodeId);\r\n              }\r\n            });\r\n            nodeIds = nodeIds.join(\",\");\r\n            this.$store\r\n              .dispatch(\"storeProcess/getNodeopinions\", {\r\n                instId: this.instId,\r\n                nodeIds: nodeIds\r\n              })\r\n              .then(resp => {\r\n                if (resp) {\r\n                  for (const key in resp) {\r\n                    if (resp[key].data && resp[key].hasOpinion) {\r\n                      resp[key].data.forEach(element => {\r\n                        if (element.qualfieds) {\r\n                          element.qualfieds = eval(\r\n                            \"(\" + element.qualfieds + \")\"\r\n                          );\r\n                        }\r\n                      });\r\n                    }\r\n                  }\r\n                }\r\n                this.nodeOpinions = resp;\r\n              });\r\n          });\r\n        });\r\n    }\r\n  }\r\n};\r\n",null]}