68af8e3022c8455d13fc34f41009987c.json 26 KB

1
  1. {"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"]}]}