{"remainingRequest":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\processModeling\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\processModeling\\index.vue","mtime":1688094707727},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\babel.config.js","mtime":1688713370854},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1688725407620},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1688725415411}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJFOi9tZWMtY2xvdWRfSW50ZWxsaWdlbnRNYW51ZmFjdHVyaW5nX0NSTS9tZWMtY2xvdWRfSW50ZWxsaWdlbnRNYW51ZmFjdHVyaW5nX0NSTS9ydW95aS11aS9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9pbnRlcm9wUmVxdWlyZURlZmF1bHQuanMiKS5kZWZhdWx0OwpPYmplY3QuZGVmaW5lUHJvcGVydHkoZXhwb3J0cywgIl9fZXNNb2R1bGUiLCB7CiAgdmFsdWU6IHRydWUKfSk7CmV4cG9ydHMuZGVmYXVsdCA9IHZvaWQgMDsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLm9iamVjdC5rZXlzLmpzIik7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5wdXNoLmpzIik7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5vYmplY3QudG8tc3RyaW5nLmpzIik7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy93ZWIuZG9tLWNvbGxlY3Rpb25zLmZvci1lYWNoLmpzIik7CnZhciBfZ3JhcGggPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoIi4vZmxvdy14Ni9ncmFwaCIpKTsKdmFyIF91dGlscyA9IHJlcXVpcmUoIi4uLy4uLy4uL3V0aWxzIik7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCnZhciBfZGVmYXVsdCA9IHsKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHt9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHRoaXMuZ2V0Rmxvd0pzb24oKTsKICB9LAogIGRlc3Ryb3llZDogZnVuY3Rpb24gZGVzdHJveWVkKCkgewogICAgdmFyIGdyYXBoID0gX2dyYXBoLmRlZmF1bHQuZ3JhcGg7CiAgICAvLyDplIDmr4HnlLvluIPvvIzotYTmupDlm57mlLYKICAgIGlmIChncmFwaCkgZ3JhcGguZGlzcG9zZSgpOwogICAgLy8g56e76Zmk55uR5ZCsCiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5yZXNpemVGbik7CiAgfSwKICBtZXRob2RzOiB7CiAgICAvLyDljrvlkI7lj7Dmi79qc29uCiAgICBnZXRGbG93SnNvbjogZnVuY3Rpb24gZ2V0Rmxvd0pzb24oKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gKCkgewogICAgICAgIHZhciBncmFwaEpzb24gPSBKU09OLnBhcnNlKHdpbmRvdy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnZ3JhcGhKc29uJykpOwogICAgICAgIGNvbnNvbGUubG9nKGdyYXBoSnNvbik7CiAgICAgICAgaWYgKGdyYXBoSnNvbikgewogICAgICAgICAgX3RoaXMuaW5pdEZsb3dJbWFnZShncmFwaEpzb24pOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICBfdGhpcy4kcm91dGVyLnB1c2goJy9mbG93LXg2Jyk7CiAgICAgICAgfQogICAgICB9LCAzMDApOwogICAgfSwKICAgIC8vIOagueaNrmpzb27muLLmn5MKICAgIGluaXRGbG93SW1hZ2U6IGZ1bmN0aW9uIGluaXRGbG93SW1hZ2UoZ3JhcGhKc29uKSB7CiAgICAgIC8vIOWIneWni+WMlueUu+advwogICAgICB2YXIgZ3JhcGggPSBfZ3JhcGguZGVmYXVsdC5pbml0KCgwLCBfdXRpbHMuJCkoJyNmbG93LWNvbnRhaW5lcicpLCAoMCwgX3V0aWxzLiQpKCcjZmxvdy1jb250YWluZXInKS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aCwgKDAsIF91dGlscy4kKSgnI2Zsb3ctY29udGFpbmVyJykuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkuaGVpZ2h0LCBmYWxzZSk7CiAgICAgIC8vIOa4suafk+aTjeS9nAogICAgICBncmFwaC5mcm9tSlNPTihncmFwaEpzb24pOwoKICAgICAgLy8g55uR5ZCs5pWw5o2u5pS55Y+Y5LqL5Lu2CiAgICAgIGdyYXBoLmdldE5vZGVzKCkuZm9yRWFjaChmdW5jdGlvbiAobm9kZSkgewogICAgICAgIGlmIChub2RlLmdldERhdGEoKSkgewogICAgICAgICAgbm9kZS5vbigiY2hhbmdlOmRhdGEiLCBmdW5jdGlvbiAoX3JlZikgewogICAgICAgICAgICB2YXIgY2VsbCA9IF9yZWYuY2VsbCwKICAgICAgICAgICAgICBjdXJyZW50ID0gX3JlZi5jdXJyZW50OwogICAgICAgICAgICAvLyBjdXJyZW50IOWwseaYr+aIkeS7rOe7keWumueahCDkuJrliqHlsZ7mgKdkYXRhCiAgICAgICAgICAgIGlmIChjdXJyZW50LnN0YXR1cyA9PSAwKSB7CiAgICAgICAgICAgICAgY2VsbC5hdHRyKCdib2R5L2ZpbGwnLCAncmVkJyk7CiAgICAgICAgICAgICAgY2VsbC5hdHRyKCd0ZXh0L2ZpbGwnLCAnI2ZmZicpOwogICAgICAgICAgICAgIGNlbGwuYXR0cigndGV4dC90ZXh0JywgJzEwMOKEgycpOwogICAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICAgIGNlbGwuYXR0cignYm9keS9maWxsJywgJ2dyZWVuJyk7CiAgICAgICAgICAgICAgY2VsbC5hdHRyKCd0ZXh0L2ZpbGwnLCAnIzA4MDgwOCcpOwogICAgICAgICAgICAgIGNlbGwuYXR0cigndGV4dC90ZXh0JywgJzE1MOKEgycpOwogICAgICAgICAgICB9CiAgICAgICAgICB9KTsKICAgICAgICB9CiAgICAgIH0pOwogICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5yZXNpemVGbik7CiAgICB9LAogICAgLy8g5pS55Y+Y54q25oCBCiAgICBlZGl0Rmxvd0RhdGE6IGZ1bmN0aW9uIGVkaXRGbG93RGF0YSgpIHsKICAgICAgdmFyIGdyYXBoID0gX2dyYXBoLmRlZmF1bHQuZ3JhcGg7CiAgICAgIGdyYXBoLmdldE5vZGVzKCkuZm9yRWFjaChmdW5jdGlvbiAobm9kZSkgewogICAgICAgIGlmIChub2RlLmdldERhdGEoKSkgewogICAgICAgICAgdmFyIGN1clN0YXR1cyA9IG5vZGUuZ2V0RGF0YSgpLnN0YXR1czsKICAgICAgICAgIG5vZGUuc2V0RGF0YSh7CiAgICAgICAgICAgIHN0YXR1czogY3VyU3RhdHVzID09IDAgPyAxIDogMAogICAgICAgICAgfSk7CiAgICAgICAgfQogICAgICB9KTsKICAgIH0sCiAgICByZXNpemVGbjogZnVuY3Rpb24gcmVzaXplRm4oKSB7CiAgICAgIHZhciBfdGhpczIgPSB0aGlzOwogICAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uICgpIHsKICAgICAgICB2YXIgX2dldENvbnRhaW5lclNpemUgPSAoMCwgX3V0aWxzLmdldENvbnRhaW5lclNpemUpKCgwLCBfdXRpbHMuJCkoJyNmbG93LWltYWdlJykpLAogICAgICAgICAgd2lkdGggPSBfZ2V0Q29udGFpbmVyU2l6ZS53aWR0aCwKICAgICAgICAgIGhlaWdodCA9IF9nZXRDb250YWluZXJTaXplLmhlaWdodDsKICAgICAgICBfdGhpczIuZ3JhcGgucmVzaXplKHdpZHRoLCBoZWlnaHQpOwogICAgICB9LCAxMDApOwogICAgfQogIH0KfTsKZXhwb3J0cy5kZWZhdWx0ID0gX2RlZmF1bHQ7"},{"version":3,"names":["_graph","_interopRequireDefault","require","_utils","data","mounted","getFlowJson","destroyed","graph","FlowGraph","dispose","window","removeEventListener","resizeFn","methods","_this","setTimeout","graphJson","JSON","parse","localStorage","getItem","console","log","initFlowImage","$router","push","init","$","getBoundingClientRect","width","height","fromJSON","getNodes","forEach","node","getData","on","_ref","cell","current","status","attr","addEventListener","editFlowData","curStatus","setData","_this2","_getContainerSize","getContainerSize","resize","exports","default","_default"],"sources":["src/views/system/processModeling/index.vue"],"sourcesContent":["\r\n<template>\r\n  <div class=\"index\">\r\n    <div id=\"flow-image\">\r\n      <el-tooltip class=\"item\" effect=\"dark\" content=\"编辑图形\" placement=\"right\">\r\n        <el-button style=\"position: absolute; top: 2px; right: 2px;z-index: 9999;\" @click=\"$router.push('/flow-x6')\"><i class=\"el-icon-edit-outline\"></i></el-button>\r\n      </el-tooltip>\r\n      <el-button style=\"position: absolute; top: 2px; right: 60px;z-index: 9999;\" @click=\"editFlowData\">Edit Data</el-button>\r\n      <div id=\"flow-container\"></div>\r\n\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport FlowGraph from './flow-x6/graph'\r\nimport { $, getContainerSize } from '../../../utils'\r\nexport default {\r\n  data(){\r\n    return{\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getFlowJson()\r\n  },\r\n  destroyed() {\r\n    const { graph } = FlowGraph\r\n    // 销毁画布，资源回收\r\n    if(graph) graph.dispose()\r\n    // 移除监听\r\n    window.removeEventListener('resize', this.resizeFn)\r\n  },\r\n  methods:{\r\n    // 去后台拿json\r\n    getFlowJson() {\r\n      setTimeout(() => {\r\n        const graphJson = JSON.parse(window.localStorage.getItem('graphJson'))\r\n        console.log(graphJson)\r\n        if(graphJson) {\r\n          this.initFlowImage(graphJson)\r\n        } else {\r\n          this.$router.push('/flow-x6')\r\n        }\r\n      }, 300)\r\n\r\n    },\r\n    // 根据json渲染\r\n    initFlowImage(graphJson) {\r\n      // 初始化画板\r\n      const graph = FlowGraph.init($('#flow-container'), $('#flow-container').getBoundingClientRect().width, $('#flow-container').getBoundingClientRect().height, false)\r\n      // 渲染操作\r\n      graph.fromJSON(graphJson)\r\n\r\n      // 监听数据改变事件\r\n      graph.getNodes().forEach(node => {\r\n        if(node.getData()) {\r\n          node.on(\"change:data\", ({ cell, current }) => {\r\n            // current 就是我们绑定的 业务属性data\r\n            if(current.status == 0) {\r\n              cell.attr('body/fill', 'red')\r\n              cell.attr('text/fill', '#fff')\r\n              cell.attr('text/text', '100℃')\r\n            } else {\r\n              cell.attr('body/fill', 'green')\r\n              cell.attr('text/fill', '#080808')\r\n              cell.attr('text/text', '150℃')\r\n            }\r\n          })\r\n        }\r\n      })\r\n      window.addEventListener('resize', this.resizeFn)\r\n    },\r\n    // 改变状态\r\n    editFlowData() {\r\n      const { graph } = FlowGraph;\r\n      graph.getNodes().forEach(node => {\r\n        if(node.getData()) {\r\n          let curStatus = node.getData().status\r\n          node.setData({\r\n            status: curStatus == 0 ? 1 : 0\r\n          })\r\n        }\r\n      })\r\n    },\r\n    resizeFn() {\r\n      setTimeout(() => {\r\n        const { width, height } = getContainerSize($('#flow-image'))\r\n        this.graph.resize(width, height)\r\n      }, 100)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.index {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n#flow-image {\r\n  width: 80%;\r\n  height: 90%;\r\n  position: relative;\r\n}\r\n#flow-container {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;;;;;AAcA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;;;;;;;;;;;;;;eACA;EACAE,IAAA,WAAAA,KAAA;IACA,QACA;EACA;EACAC,OAAA,WAAAA,QAAA;IACA,KAAAC,WAAA;EACA;EACAC,SAAA,WAAAA,UAAA;IACA,IAAAC,KAAA,GAAAC,cAAA,CAAAD,KAAA;IACA;IACA,IAAAA,KAAA,EAAAA,KAAA,CAAAE,OAAA;IACA;IACAC,MAAA,CAAAC,mBAAA,gBAAAC,QAAA;EACA;EACAC,OAAA;IACA;IACAR,WAAA,WAAAA,YAAA;MAAA,IAAAS,KAAA;MACAC,UAAA;QACA,IAAAC,SAAA,GAAAC,IAAA,CAAAC,KAAA,CAAAR,MAAA,CAAAS,YAAA,CAAAC,OAAA;QACAC,OAAA,CAAAC,GAAA,CAAAN,SAAA;QACA,IAAAA,SAAA;UACAF,KAAA,CAAAS,aAAA,CAAAP,SAAA;QACA;UACAF,KAAA,CAAAU,OAAA,CAAAC,IAAA;QACA;MACA;IAEA;IACA;IACAF,aAAA,WAAAA,cAAAP,SAAA;MACA;MACA,IAAAT,KAAA,GAAAC,cAAA,CAAAkB,IAAA,KAAAC,QAAA,0BAAAA,QAAA,qBAAAC,qBAAA,GAAAC,KAAA,MAAAF,QAAA,qBAAAC,qBAAA,GAAAE,MAAA;MACA;MACAvB,KAAA,CAAAwB,QAAA,CAAAf,SAAA;;MAEA;MACAT,KAAA,CAAAyB,QAAA,GAAAC,OAAA,WAAAC,IAAA;QACA,IAAAA,IAAA,CAAAC,OAAA;UACAD,IAAA,CAAAE,EAAA,0BAAAC,IAAA;YAAA,IAAAC,IAAA,GAAAD,IAAA,CAAAC,IAAA;cAAAC,OAAA,GAAAF,IAAA,CAAAE,OAAA;YACA;YACA,IAAAA,OAAA,CAAAC,MAAA;cACAF,IAAA,CAAAG,IAAA;cACAH,IAAA,CAAAG,IAAA;cACAH,IAAA,CAAAG,IAAA;YACA;cACAH,IAAA,CAAAG,IAAA;cACAH,IAAA,CAAAG,IAAA;cACAH,IAAA,CAAAG,IAAA;YACA;UACA;QACA;MACA;MACA/B,MAAA,CAAAgC,gBAAA,gBAAA9B,QAAA;IACA;IACA;IACA+B,YAAA,WAAAA,aAAA;MACA,IAAApC,KAAA,GAAAC,cAAA,CAAAD,KAAA;MACAA,KAAA,CAAAyB,QAAA,GAAAC,OAAA,WAAAC,IAAA;QACA,IAAAA,IAAA,CAAAC,OAAA;UACA,IAAAS,SAAA,GAAAV,IAAA,CAAAC,OAAA,GAAAK,MAAA;UACAN,IAAA,CAAAW,OAAA;YACAL,MAAA,EAAAI,SAAA;UACA;QACA;MACA;IACA;IACAhC,QAAA,WAAAA,SAAA;MAAA,IAAAkC,MAAA;MACA/B,UAAA;QACA,IAAAgC,iBAAA,OAAAC,uBAAA,MAAArB,QAAA;UAAAE,KAAA,GAAAkB,iBAAA,CAAAlB,KAAA;UAAAC,MAAA,GAAAiB,iBAAA,CAAAjB,MAAA;QACAgB,MAAA,CAAAvC,KAAA,CAAA0C,MAAA,CAAApB,KAAA,EAAAC,MAAA;MACA;IACA;EACA;AACA;AAAAoB,OAAA,CAAAC,OAAA,GAAAC,QAAA"}]}