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