{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\FlowChartShow\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\FlowChartShow\\index.vue","mtime":1620456586972},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgJy4uLy4uL3V0aWxzL2dvJw0KaW1wb3J0IEZsb3dEaXNwbGF5IGZyb20gJy4uLy4uL3V0aWxzL2Zsb3ctZGlzcGxheSc7DQppbXBvcnQgew0KICAgICBhZGRHZW5mbG93c2hvdw0KICAgIH0gZnJvbSAiQC9hcGkvYWN0aXZpdGkvZGVmaW5pdGlvbiI7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6J0Zsb3dDaGFydFNob3cnLA0KICBwcm9wczp7DQogICAgaW5zdGFuY2VJZDp7DQogICAgICB0eXBlOltOdW1iZXIsU3RyaW5nXQ0KICAgIH0NCiAgfSwNCiAgZGF0YSgpew0KICAgIHJldHVybiB7DQogICAgICBkYXRhOnt9LA0KICAgICAgbXlEaWFncmFtOnt9LA0KICAgICAgbXlEaXNwbGF5Ont9LA0KICAgICAgZmxvd1RhYmxlU2hvdzpmYWxzZSwNCiAgICAgIGFwcHJvdmFsSGlzdG9yeTpbDQogICAgICAgIC8vIHsNCiAgICAgICAgLy8gICBmbGFnOnRydWUsICAvL+aOp+WItuWuoeaJueivpuaDheWxleekug0KICAgICAgICAvLyAgIHN0YXR1czozLCAgLy/nirbmgIENCiAgICAgICAgLy8gICBzdGF0dXNOYW1lOiflkIzmhI8nLCAgLy/nirbmgIHkuK3mloflkI0NCiAgICAgICAgLy8gICBlbGFwc2VkVGltZTogJzIzaDM0bScsICAvL+a2iOiAl+aXtumXtA0KICAgICAgICAvLyAgIG5vZGVOYW1lOifmgLvnu4/nkIYnLCAgLy/lrqHmibnkuroNCiAgICAgICAgLy8gICBiYWNrTm9kZU5hbWU6J+W8gOWni+iKgueCuScsIC8v6amz5Zue6IqC54K55ZCN56ewDQogICAgICAgIC8vICAgYXBwcm92YWxMaXN0czpbDQogICAgICAgIC8vICAgICB7DQogICAgICAgIC8vICAgICAgIGFwcHJvdmFsTmFtZTon5byg5pWPJywNCiAgICAgICAgLy8gICAgICAgYXBwcm92YWxPcGVyYXRpb246J+WQjOaEjycsDQogICAgICAgIC8vICAgICAgIGFwcHJvdmFsU3RhdHVzOjAsICAvL+WuoeaJueS6uuaTjeS9nOeKtuaAge+8mjDlkIzmhI/vvJsx6amz5ZueDQogICAgICAgIC8vICAgICAgIGFwcHJvdmFsT3BpbmlvbnM6ICflj6/ku6Us5rKh6Zeu6aKYJw0KICAgICAgICAvLyAgICAgfSwNCiAgICAgICAgLy8gICAgIHsNCiAgICAgICAgLy8gICAgICAgYXBwcm92YWxOYW1lOiflvKDmlY8nLA0KICAgICAgICAvLyAgICAgICBhcHByb3ZhbE9wZXJhdGlvbjon5b6F5a6h5om5JywNCiAgICAgICAgLy8gICAgICAgYXBwcm92YWxTdGF0dXM6MywgIC8v5a6h5om55Lq65pON5L2c54q25oCB77yaMOWQjOaEj++8mzHpqbPlm54NCiAgICAgICAgLy8gICAgICAgYXBwcm92YWxPcGluaW9uczogJ+WPr+S7pSzmsqHpl67popgnDQogICAgICAgIC8vICAgICB9DQogICAgICAgIC8vICAgXQ0KICAgICAgICAvLyB9DQogICAgICBdLA0KICAgICAgY29sdW1uczpbDQogICAgICAgIHsNCiAgICAgICAgICAgIHRpdGxlOiAn5a6h5om55Lq6JywNCiAgICAgICAgICAgIGtleTogJ2FwcHJvdmFsTmFtZScsDQogICAgICAgICAgICByZW5kZXI6KGgscGFyYW1zKSA9PiB7DQogICAgICAgICAgICAgIHJldHVybiBoKCdwJyx7DQogICAgICAgICAgICAgICAgc3R5bGU6ew0KICAgICAgICAgICAgICAgICAgJ2Rpc3BsYXknOidmbGV4JywNCiAgICAgICAgICAgICAgICAgICdhbGlnbi1pdGVtcyc6J2NlbnRlcicNCiAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgIH0sWw0KICAgICAgICAgICAgICAgIGgoJ2knLHsNCiAgICAgICAgICAgICAgICAgIGNsYXNzOmBpY29uZm9udCAke3BhcmFtcy5yb3cuYXBwcm92ZXJUeXBlID09PSAyPydpY29uaW9zLXBlb3BsZSc6J2ljb25pb3MtcGVyc29uJ31gLA0KICAgICAgICAgICAgICAgICAgc3R5bGU6ew0KICAgICAgICAgICAgICAgICAgICAnbWFyZ2luLXJpZ2h0JzonNXB4Jw0KICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0sbnVsbCksDQogICAgICAgICAgICAgICAgaCgnc3Bhbicsew0KDQogICAgICAgICAgICAgICAgfSxwYXJhbXMucm93LmFwcHJvdmFsTmFtZSksDQogICAgICAgICAgICAgIF0pDQogICAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICAgIHRpdGxlOiAn5a6h5om55pON5L2cJywNCiAgICAgICAgICAgIGtleTogJ2FwcHJvdmFsT3BlcmF0aW9uJywNCiAgICAgICAgICAgIHJlbmRlcjooaCxwYXJhbXMpID0+IHsNCiAgICAgICAgICAgICAgLy8g5ZCM5oSPDQogICAgICAgICAgICAgIGlmKHBhcmFtcy5yb3cuYXBwcm92YWxTdGF0dXMgPT09IDApew0KICAgICAgICAgICAgICAgIHJldHVybiBoKCdzcGFuJyx7DQogICAgICAgICAgICAgICAgICBzdHlsZTp7DQogICAgICAgICAgICAgICAgICAgIGNvbG9yOicjMDlBMTU1Jw0KICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0scGFyYW1zLnJvdy5hcHByb3ZhbE9wZXJhdGlvbikNCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAvLyDpqbPlm54NCiAgICAgICAgICAgICAgaWYocGFyYW1zLnJvdy5hcHByb3ZhbFN0YXR1cyA9PT0gMSl7DQogICAgICAgICAgICAgICAgcmV0dXJuIGgoJ3NwYW4nLHsNCiAgICAgICAgICAgICAgICAgIHN0eWxlOnsNCiAgICAgICAgICAgICAgICAgICAgY29sb3I6JyNFRDQwMTQnDQogICAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgICAgfSxwYXJhbXMucm93LmFwcHJvdmFsT3BlcmF0aW9uKQ0KICAgICAgICAgICAgICB9DQoNCiAgICAgICAgICAgICAgLy8g5YWz6ZetDQoNCiAgICAgICAgICAgICAgaWYocGFyYW1zLnJvdy5hcHByb3ZhbFN0YXR1cyA9PT0gLTEgfHwgcGFyYW1zLnJvdy5hcHByb3ZhbFN0YXR1cyA9PT0gLTMpew0KICAgICAgICAgICAgICAgIHJldHVybiBoKCdzcGFuJyx7DQogICAgICAgICAgICAgICAgICBzdHlsZTp7DQogICAgICAgICAgICAgICAgICAgIGNvbG9yOicjRUQ0MDE0Jw0KICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0scGFyYW1zLnJvdy5hcHByb3ZhbE9wZXJhdGlvbikNCiAgICAgICAgICAgICAgfQ0KDQogICAgICAgICAgICAgIC8vIOW+heWuoeaJuQ0KICAgICAgICAgICAgICBpZihwYXJhbXMucm93LmFwcHJvdmFsU3RhdHVzID09PSAyKXsNCiAgICAgICAgICAgICAgICByZXR1cm4gaCgnc3Bhbicsew0KDQogICAgICAgICAgICAgICAgfSxwYXJhbXMucm93LmFwcHJvdmFsT3BlcmF0aW9uKQ0KICAgICAgICAgICAgICB9DQoNCg0KDQogICAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICAgIHRpdGxlOiAn5a6h5om55oSP6KeBJywNCiAgICAgICAgICAgIGtleTogJ2FwcHJvdmFsT3BpbmlvbnMnDQogICAgICAgIH0NCiAgICAgIF0sDQogICAgICBwcm9jZXNzU3RhdHVzOm51bGwsICAvL+a1geeoi+eKtuaAgQ0KICAgICAgcHJvY2Vzc1N0YXR1c05hbWU6JycsICAvL+a1geeoi+eKtuaAgeS4reaWhw0KICAgICAgcHJvY2Vzc1N0eWxlOnt9LCAgLy/mtYHnqIvov5vluqbmoLflvI8NCiAgICAgIHNob3dOb2RlczonJywgLy/miYDku6Xnu4/ov4fnmoToioLngrkNCiAgICB9DQogIH0sDQogIG1vdW50ZWQgKCkgew0KICAgIHRoaXMuJG5leHRUaWNrKCgpID0+IHsNCiAgICAgIHRoaXMuZ2V0Q2hhcnRJbmZvKCkNCiAgICB9KQ0KICB9LA0KICBtZXRob2RzOnsNCiAgICAvLyDojrflj5bmtYHnqIvlm77kv6Hmga8NCiAgICBnZXRDaGFydEluZm8gKCkgew0KICAgICAgbGV0IGlkID0gdGhpcy5pbnN0YW5jZUlkP3RoaXMuaW5zdGFuY2VJZDp0aGlzLiRyb3V0ZS5xdWVyeS5pbnN0YW5jZUlkDQogICAgICBhZGRHZW5mbG93c2hvdyh7aW5zdGFuY2VJZDppZH0pDQogICAgICAgIC50aGVuKHJlcyA9PiB7DQogICAgICAgICAgaWYocmVzLnJlc3VsdENvZGUgPT09IDApew0KICAgICAgICAgICAgbGV0IGd1aVN0eWxlID0gcmVzLmRhdGEuZ3VpU3R5bGU/SlNPTi5wYXJzZShyZXMuZGF0YS5ndWlTdHlsZSk6e30NCiAgICAgICAgICAgIGxldCBhcHByb3ZhbEhpc3RvcnkgPSByZXMuZGF0YS5ndWlWYWx1ZT9yZXMuZGF0YS5ndWlWYWx1ZTpbXQ0KICAgICAgICAgICAgdGhpcy5teURpYWdyYW0gPSBPYmplY3QuYXNzaWduKHRoaXMubXlEaWFncmFtLGd1aVN0eWxlKQ0KICAgICAgICAgICAgdGhpcy5hcHByb3ZhbEhpc3RvcnkgPSBhcHByb3ZhbEhpc3RvcnkNCiAgICAgICAgICAgIGlmKHJlcy5kYXRhLnNob3dOb2Rlcy5pbmRleE9mKHJlcy5kYXRhLmN1cnJlbnROb2RlKSA+PSAwKXsNCiAgICAgICAgICAgICAgcmVzLmRhdGEuc2hvd05vZGVzLnNwbGljZShyZXMuZGF0YS5zaG93Tm9kZXMuZmluZEluZGV4KGl0ZW0gPT4gaXRlbSA9PT0gcmVzLmRhdGEuZGF0YS5jdXJyZW50Tm9kZSksIDEpDQogICAgICAgICAgICB9DQogICAgICAgICAgICByZXMuZGF0YS5zaG93Tm9kZXMucHVzaChyZXMuZGF0YS5jdXJyZW50Tm9kZSkNCiAgICAgICAgICAgIHRoaXMuc2hvd05vZGVzID0gcmVzLmRhdGEuc2hvd05vZGVzDQogICAgICAgICAgICB0aGlzLnByb2Nlc3NTdGF0dXMgPSByZXMuZGF0YS5wcm9jZXNzU3RhdHVzDQogICAgICAgICAgICBzd2l0Y2gocmVzLmRhdGEucHJvY2Vzc1N0YXR1cyl7DQogICAgICAgICAgICAgIGNhc2UgMDoNCiAgICAgICAgICAgICAgICB0aGlzLnByb2Nlc3NTdHlsZSA9IHsNCiAgICAgICAgICAgICAgICAgIGNvbG9yOicjQzhDOEM4Jw0KICAgICAgICAgICAgICAgIH07DQogICAgICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgICAgIGNhc2UgMToNCiAgICAgICAgICAgICAgICB0aGlzLnByb2Nlc3NTdHlsZSA9IHsNCiAgICAgICAgICAgICAgICAgIGNvbG9yOicjRkZBNTFGJw0KICAgICAgICAgICAgICAgIH07DQogICAgICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgICAgIGNhc2UgMjoNCiAgICAgICAgICAgICAgICB0aGlzLnByb2Nlc3NTdHlsZSA9IHsNCiAgICAgICAgICAgICAgICAgIGNvbG9yOicjRUQ0MDE0Jw0KICAgICAgICAgICAgICAgIH07DQogICAgICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgICAgIGNhc2UgMzoNCiAgICAgICAgICAgICAgY2FzZSA0Og0KICAgICAgICAgICAgICAgIHRoaXMucHJvY2Vzc1N0eWxlID0gew0KICAgICAgICAgICAgICAgICAgY29sb3I6JyMwOUExNTUnDQogICAgICAgICAgICAgICAgfTsNCiAgICAgICAgICAgICAgICBicmVhazsNCiAgICAgICAgICAgICAgY2FzZSAtMToNCiAgICAgICAgICAgICAgY2FzZSAtMzoNCiAgICAgICAgICAgICAgICB0aGlzLnByb2Nlc3NTdHlsZSA9IHsNCiAgICAgICAgICAgICAgICAgIGNvbG9yOicjRUQ0MDE0Jw0KICAgICAgICAgICAgICAgIH07DQogICAgICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgICB9DQogICAgICAgICAgICB0aGlzLnByb2Nlc3NTdGF0dXNOYW1lID0gcmVzLmRhdGEucHJvY2Vzc1N0YXR1c05hbWUNCiAgICAgICAgICAgIHRoaXMubXlEaXNwbGF5ID0gbmV3IEZsb3dEaXNwbGF5KCdteUZsb3dEZXNpZ25lckRpdicpOw0KICAgICAgICAgICAgdGhpcy5zaG93Rmxvd1BhdGgodGhpcy5teURpc3BsYXkscmVzLmRhdGEuY3VycmVudE5vZGUpDQogICAgICAgICAgfQ0KICAgICAgICB9KTsNCg0KICAgIH0sDQogICAgc2hvd0Zsb3dQYXRoIChteURpc3BsYXksY3VycmVudE5vZGVJZCkgew0KICAgICAgICB2YXIgZmxvd1BhdGggPSB0aGlzLmdldEZpbmlzaGVkTm9kZXMoY3VycmVudE5vZGVJZCk7DQogICAgICAgIG15RGlzcGxheS5sb2FkRmxvdyh0aGlzLm15RGlhZ3JhbSk7DQogICAgICAgIC8vIHRoaXMuZ2V0RXJyb3JMaW5rcyhjdXJyZW50Tm9kZUlkKQ0KICAgICAgICAvLyBteURpc3BsYXkubG9hZEZsb3codGhpcy5teURpYWdyYW0pOw0KICAgICAgICBsZXQgaXNFbmQgPSBmYWxzZQ0KDQogICAgICAgIGlmKHRoaXMucHJvY2Vzc1N0YXR1cyA9PT0gLTEgfHwgdGhpcy5wcm9jZXNzU3RhdHVzID09PSAtMyl7DQogICAgICAgICAgaXNFbmQgPSB0cnVlDQogICAgICAgIH0NCiAgICAgICAgbXlEaXNwbGF5LmFuaW1hdGVGbG93UGF0aChmbG93UGF0aCxbXSwgZmFsc2UsIGlzRW5kKTsNCiAgICB9LA0KICAgIGdldEZpbmlzaGVkTm9kZXMgKGN1cnJlbnROb2RlSWQpIHsNCiAgICAgIGxldCBub2RlQXJyID0gdGhpcy5nZXROb2RlKCkNCg0KICAgICAgcmV0dXJuIG5vZGVBcnINCiAgICB9LA0KICAgIGdldE5vZGUgKCkgeyAgLy/ojrflj5bpgJrov4fnmoToioLngrlrZXkNCiAgICAgICAgLy8gY3VycmVudE5vZGUNCiAgICAgICAgbGV0IGN1cnJlbnROb2RlS2V5cyA9IFtdDQogICAgICAgIHRoaXMuc2hvd05vZGVzLm1hcChpdGVtID0+IHsNCiAgICAgICAgICB0aGlzLm15RGlhZ3JhbS5ub2RlRGF0YUFycmF5LmV2ZXJ5KHRlbXAgPT4gew0KICAgICAgICAgICAgaWYodGVtcC5pZCA9PT0gaXRlbSl7DQogICAgICAgICAgICAgIGN1cnJlbnROb2RlS2V5cy5wdXNoKHRlbXAua2V5KQ0KICAgICAgICAgICAgICByZXR1cm4gZmFsc2UNCiAgICAgICAgICAgIH0NCiAgICAgICAgICAgIHJldHVybiB0cnVlDQogICAgICAgICAgfSkNCiAgICAgICAgfSkNCg0KICAgICAgICByZXR1cm4gY3VycmVudE5vZGVLZXlzLmpvaW4oJywnKQ0KICAgIH0sDQogICAgZ2V0RXJyb3JMaW5rcyAoY3VycmVudE5vZGVJZCkgew0KICAgICAgbGV0IGN1cnJlbnROb2RlS2V5ID0gbnVsbA0KICAgICAgdGhpcy5teURpYWdyYW0ubm9kZURhdGFBcnJheS5ldmVyeSh0ZW1wID0+IHsNCiAgICAgICAgaWYodGVtcC5pZCA9PT0gY3VycmVudE5vZGVJZCl7DQogICAgICAgICAgY3VycmVudE5vZGVLZXkgPSB0ZW1wLmtleQ0KICAgICAgICAgIHJldHVybiBmYWxzZQ0KICAgICAgICB9DQogICAgICAgIHJldHVybiB0cnVlDQogICAgICB9KQ0KICAgICAgdGhpcy5teURpc3BsYXkuZGlhZ3JhbS5maW5kTm9kZUZvcktleShTdHJpbmcoY3VycmVudE5vZGVLZXkpKS5maW5kTGlua3NPdXRPZigpLmVhY2goaXRlbSA9PiB7DQogICAgICAgIGNvbnNvbGUubG9nKGl0ZW0pDQogICAgICB9KQ0KICAgIH0sDQogICAgZm9sZGluZyAoaXRlbSkgeyAvL+aOp+WItuWOhuWPsuaKmOWPoA0KICAgICAgaXRlbS5mbGFnID0gIWl0ZW0uZmxhZw0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/FlowChartShow","sourcesContent":["<template>\r\n  <div class=\"FlowChartShow\">\r\n    <div class=\"flowDisplay\">\r\n      <div class=\"title\">\r\n        <span></span>\r\n        <p>\r\n          流程进度 - <span class=\"status\" :style=\"processStyle\">{{processStatusName}}</span>\r\n        </p>\r\n      </div>\r\n      <div id=\"myFlowDesignerDiv\" ></div>\r\n    </div>\r\n    <div class=\"approvalHistory\">\r\n      <div class=\"title\">\r\n        <span></span>\r\n        <p>\r\n          审批历史\r\n        </p>\r\n      </div>\r\n      <div class=\"approval\">\r\n        <Timeline>\r\n            <TimelineItem color=\"green\" v-for=\"(item,index) in approvalHistory\" :key=\"index\">\r\n                <Icon type=\"iconbj_round\" slot=\"dot\" class=\"approval\" v-if=\"item.status === 2\"></Icon>\r\n                <Icon type=\"iconbj_round\" slot=\"dot\" class=\"success\" v-if=\"item.status === 0\"></Icon>\r\n                <Icon type=\"iconbj_round\" slot=\"dot\" class=\"back\" v-if=\"[1,-1,-3,5,33].indexOf(item.status) >= 0\"></Icon>\r\n                <div class=\"approvalItem\" v-if=\"item.nodeType !== 1 && item.nodeType !== 2 && item.status !== -3\">\r\n                  <div class=\"approvalItemTitle\">\r\n                    <p v-if=\"item.status === 2\">待 {{item.nodeName}} 审核</p>\r\n                    <p v-if=\"item.status === 0\">\r\n                      {{item.nodeName}} <span style=\"color:#09A155\">{{item.statusName}}</span>\r\n                    </p>\r\n                    <p v-if=\"item.status === 1\">\r\n                      {{item.nodeName}} <span style=\"color:#ED4014\">驳回</span>至 {{item.backNodeName}}\r\n                    </p>\r\n\r\n                    <p v-if=\"item.status === -1\">\r\n                      {{item.nodeName}} 关闭\r\n                    </p>\r\n\r\n                    <p v-if=\"item.status === -3\">\r\n                      {{item.nodeName}} 已撤销\r\n                    </p>\r\n                    <p v-if=\"Number(item.status) === 5\" style=\"color:#ED4014\">\r\n                      条件不符\r\n                    </p>\r\n                    <p v-if=\"Number(item.status) === 33\" style=\"color:#ED4014\">\r\n                      {{item.nodeName}}审核 节点报错\r\n                    </p>\r\n                    <p>\r\n                      <span v-if=\"item.status === 2\">已等待{{item.elapsedTime}}</span>\r\n                      <span v-if=\"item.status !== 2\">耗时{{item.elapsedTime}}</span>\r\n                      <i class=\"iconfont iconios-arrow-up\" v-if=\"item.flag\" @click=\"folding(item)\"></i>\r\n                      <i class=\"iconfont iconios-arrow-down\" v-if=\"!item.flag\" @click=\"folding(item)\"></i>\r\n                    </p>\r\n                  </div>\r\n                  <div class=\"approvalItemContent\" v-show=\"item.flag\" >\r\n                    <Table border :columns=\"columns\" :data=\"item.approvalLists\"  v-if=\"item.nodeType !== undefined\"></Table>\r\n                    <!-- 连线报错 -->\r\n                    <div v-if=\"Number(item.status) === 5\" class=\"linksError\">\r\n                      <p>流程报错:<span>{{item.errorType}}</span></p>\r\n                      <p>错误简述:<span>{{item.errorMsg}}</span></p>\r\n                      <p>人工干预:<span>{{item.actType}}至{{item.manualNode}}审核</span></p>\r\n                    </div>\r\n                    <!-- 节点报错 -->\r\n                    <div v-if=\"Number(item.status) ===33\" class=\"linksError\">\r\n                      <p>流程报错:<span>{{item.errorType}}</span></p>\r\n                      <p>错误简述:<span>{{item.errorMsg}}</span></p>\r\n                      <p>人工干预:<span>更改节点审批人为 {{item.approvalName}}</span></p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"approvalItem\" v-if=\"item.nodeType === 1\">\r\n                  开始进入审批\r\n                </div>\r\n\r\n                <div class=\"approvalItem\" v-if=\"item.nodeType === 2\">\r\n                  审批结束\r\n                </div>\r\n\r\n                <div class=\"approvalItem\" v-if=\"item.status === -3\">\r\n                  发起人{{item.initiatorName}}已撤销流程\r\n                </div>\r\n            </TimelineItem>\r\n        </Timeline>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n<script>\r\nimport '../../utils/go'\r\nimport FlowDisplay from '../../utils/flow-display';\r\nimport {\r\n     addGenflowshow\r\n    } from \"@/api/activiti/definition\";\r\nexport default {\r\n  name:'FlowChartShow',\r\n  props:{\r\n    instanceId:{\r\n      type:[Number,String]\r\n    }\r\n  },\r\n  data(){\r\n    return {\r\n      data:{},\r\n      myDiagram:{},\r\n      myDisplay:{},\r\n      flowTableShow:false,\r\n      approvalHistory:[\r\n        // {\r\n        //   flag:true,  //控制审批详情展示\r\n        //   status:3,  //状态\r\n        //   statusName:'同意',  //状态中文名\r\n        //   elapsedTime: '23h34m',  //消耗时间\r\n        //   nodeName:'总经理',  //审批人\r\n        //   backNodeName:'开始节点', //驳回节点名称\r\n        //   approvalLists:[\r\n        //     {\r\n        //       approvalName:'张敏',\r\n        //       approvalOperation:'同意',\r\n        //       approvalStatus:0,  //审批人操作状态：0同意；1驳回\r\n        //       approvalOpinions: '可以,没问题'\r\n        //     },\r\n        //     {\r\n        //       approvalName:'张敏',\r\n        //       approvalOperation:'待审批',\r\n        //       approvalStatus:3,  //审批人操作状态：0同意；1驳回\r\n        //       approvalOpinions: '可以,没问题'\r\n        //     }\r\n        //   ]\r\n        // }\r\n      ],\r\n      columns:[\r\n        {\r\n            title: '审批人',\r\n            key: 'approvalName',\r\n            render:(h,params) => {\r\n              return h('p',{\r\n                style:{\r\n                  'display':'flex',\r\n                  'align-items':'center'\r\n                }\r\n              },[\r\n                h('i',{\r\n                  class:`iconfont ${params.row.approverType === 2?'iconios-people':'iconios-person'}`,\r\n                  style:{\r\n                    'margin-right':'5px'\r\n                  }\r\n                },null),\r\n                h('span',{\r\n\r\n                },params.row.approvalName),\r\n              ])\r\n            }\r\n        },\r\n        {\r\n            title: '审批操作',\r\n            key: 'approvalOperation',\r\n            render:(h,params) => {\r\n              // 同意\r\n              if(params.row.approvalStatus === 0){\r\n                return h('span',{\r\n                  style:{\r\n                    color:'#09A155'\r\n                  }\r\n                },params.row.approvalOperation)\r\n              }\r\n              // 驳回\r\n              if(params.row.approvalStatus === 1){\r\n                return h('span',{\r\n                  style:{\r\n                    color:'#ED4014'\r\n                  }\r\n                },params.row.approvalOperation)\r\n              }\r\n\r\n              // 关闭\r\n\r\n              if(params.row.approvalStatus === -1 || params.row.approvalStatus === -3){\r\n                return h('span',{\r\n                  style:{\r\n                    color:'#ED4014'\r\n                  }\r\n                },params.row.approvalOperation)\r\n              }\r\n\r\n              // 待审批\r\n              if(params.row.approvalStatus === 2){\r\n                return h('span',{\r\n\r\n                },params.row.approvalOperation)\r\n              }\r\n\r\n\r\n\r\n            }\r\n        },\r\n        {\r\n            title: '审批意见',\r\n            key: 'approvalOpinions'\r\n        }\r\n      ],\r\n      processStatus:null,  //流程状态\r\n      processStatusName:'',  //流程状态中文\r\n      processStyle:{},  //流程进度样式\r\n      showNodes:'', //所以经过的节点\r\n    }\r\n  },\r\n  mounted () {\r\n    this.$nextTick(() => {\r\n      this.getChartInfo()\r\n    })\r\n  },\r\n  methods:{\r\n    // 获取流程图信息\r\n    getChartInfo () {\r\n      let id = this.instanceId?this.instanceId:this.$route.query.instanceId\r\n      addGenflowshow({instanceId:id})\r\n        .then(res => {\r\n          if(res.resultCode === 0){\r\n            let guiStyle = res.data.guiStyle?JSON.parse(res.data.guiStyle):{}\r\n            let approvalHistory = res.data.guiValue?res.data.guiValue:[]\r\n            this.myDiagram = Object.assign(this.myDiagram,guiStyle)\r\n            this.approvalHistory = approvalHistory\r\n            if(res.data.showNodes.indexOf(res.data.currentNode) >= 0){\r\n              res.data.showNodes.splice(res.data.showNodes.findIndex(item => item === res.data.data.currentNode), 1)\r\n            }\r\n            res.data.showNodes.push(res.data.currentNode)\r\n            this.showNodes = res.data.showNodes\r\n            this.processStatus = res.data.processStatus\r\n            switch(res.data.processStatus){\r\n              case 0:\r\n                this.processStyle = {\r\n                  color:'#C8C8C8'\r\n                };\r\n                break;\r\n              case 1:\r\n                this.processStyle = {\r\n                  color:'#FFA51F'\r\n                };\r\n                break;\r\n              case 2:\r\n                this.processStyle = {\r\n                  color:'#ED4014'\r\n                };\r\n                break;\r\n              case 3:\r\n              case 4:\r\n                this.processStyle = {\r\n                  color:'#09A155'\r\n                };\r\n                break;\r\n              case -1:\r\n              case -3:\r\n                this.processStyle = {\r\n                  color:'#ED4014'\r\n                };\r\n                break;\r\n            }\r\n            this.processStatusName = res.data.processStatusName\r\n            this.myDisplay = new FlowDisplay('myFlowDesignerDiv');\r\n            this.showFlowPath(this.myDisplay,res.data.currentNode)\r\n          }\r\n        });\r\n\r\n    },\r\n    showFlowPath (myDisplay,currentNodeId) {\r\n        var flowPath = this.getFinishedNodes(currentNodeId);\r\n        myDisplay.loadFlow(this.myDiagram);\r\n        // this.getErrorLinks(currentNodeId)\r\n        // myDisplay.loadFlow(this.myDiagram);\r\n        let isEnd = false\r\n\r\n        if(this.processStatus === -1 || this.processStatus === -3){\r\n          isEnd = true\r\n        }\r\n        myDisplay.animateFlowPath(flowPath,[], false, isEnd);\r\n    },\r\n    getFinishedNodes (currentNodeId) {\r\n      let nodeArr = this.getNode()\r\n\r\n      return nodeArr\r\n    },\r\n    getNode () {  //获取通过的节点key\r\n        // currentNode\r\n        let currentNodeKeys = []\r\n        this.showNodes.map(item => {\r\n          this.myDiagram.nodeDataArray.every(temp => {\r\n            if(temp.id === item){\r\n              currentNodeKeys.push(temp.key)\r\n              return false\r\n            }\r\n            return true\r\n          })\r\n        })\r\n\r\n        return currentNodeKeys.join(',')\r\n    },\r\n    getErrorLinks (currentNodeId) {\r\n      let currentNodeKey = null\r\n      this.myDiagram.nodeDataArray.every(temp => {\r\n        if(temp.id === currentNodeId){\r\n          currentNodeKey = temp.key\r\n          return false\r\n        }\r\n        return true\r\n      })\r\n      this.myDisplay.diagram.findNodeForKey(String(currentNodeKey)).findLinksOutOf().each(item => {\r\n        console.log(item)\r\n      })\r\n    },\r\n    folding (item) { //控制历史折叠\r\n      item.flag = !item.flag\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.FlowChartShow{\r\n  width: 100%;\r\n  height: 568px;\r\n  padding: 16px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  .title{\r\n      height: 20px;\r\n      margin-bottom: 16px;\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      >span{\r\n        display: inline-block;\r\n        width:4px;\r\n        height:20px;\r\n        background:rgba(216,216,216,1);\r\n        margin-right: 9px;\r\n      }\r\n\r\n      >p{\r\n        display: inline-block;\r\n        font-size:14px;\r\n        font-weight:500;\r\n        color:rgba(0,0,0,1);\r\n        line-height:20px;\r\n\r\n        >span.status{\r\n          color: #09A155;\r\n        }\r\n      }\r\n    }\r\n\r\n  .flowDisplay{\r\n    flex: 1;\r\n    margin-right: 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    #myFlowDesignerDiv{\r\n      flex: 1;\r\n    }\r\n  }\r\n\r\n  .approvalHistory{\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n\r\n\r\n    .approval{\r\n      flex: 1;\r\n      overflow: auto;\r\n      padding-top: 2px;\r\n    }\r\n\r\n    .approvalItem{\r\n      padding: 10px 8px 9px 19px;\r\n      background:rgba(249,249,249,1);\r\n\r\n      .approvalItemTitle{\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 9px;\r\n\r\n        >p:last-child{\r\n          display: flex;\r\n          align-items: center;\r\n\r\n          >i{\r\n            margin-left: 13px;\r\n            cursor: pointer;\r\n          }\r\n        }\r\n      }\r\n\r\n      .linksError{\r\n        p{\r\n          margin-bottom: 10px;\r\n\r\n          >span{\r\n            margin-left: 8px;\r\n          }\r\n\r\n\r\n          &:nth-last-child(2){\r\n            display: flex;\r\n            align-items: center;\r\n          }\r\n\r\n          .checkSelect{\r\n            display: inline-block;\r\n            flex: 1;\r\n\r\n            .burgeon-select-selection{\r\n              border-color: #dcdee2;\r\n              box-shadow: none;\r\n            }\r\n\r\n            &:first-child{\r\n              width: 60px;\r\n              flex: none;\r\n              margin-left: 8px;\r\n              .burgeon-select-selection{\r\n                background: #F9F9F9;\r\n                border-top-right-radius: 0;\r\n                border-bottom-right-radius: 0;\r\n              }\r\n            }\r\n\r\n            &:last-child{\r\n              .burgeon-select-selection{\r\n                border-left: none;\r\n                border-top-left-radius: 0;\r\n                border-bottom-left-radius: 0;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .burgeon-timeline-item{\r\n          i{\r\n            font-size: 12px;\r\n          }\r\n\r\n          i.success{\r\n            color: #09A155\r\n          }\r\n\r\n          i.back{\r\n            color: #ED4014\r\n          }\r\n\r\n          i.approval{\r\n            color: #C8C8C8\r\n          }\r\n        }\r\n  }\r\n}\r\n\r\n</style>\r\n"]}]}