| 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\\flow-x6\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\processModeling\\flow-x6\\index.vue","mtime":1688607761783},{"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:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJFOi9tZWMtY2xvdWRfSW50ZWxsaWdlbnRNYW51ZmFjdHVyaW5nX0NSTS9tZWMtY2xvdWRfSW50ZWxsaWdlbnRNYW51ZmFjdHVyaW5nX0NSTS9ydW95aS11aS9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9pbnRlcm9wUmVxdWlyZURlZmF1bHQuanMiKS5kZWZhdWx0OwpPYmplY3QuZGVmaW5lUHJvcGVydHkoZXhwb3J0cywgIl9fZXNNb2R1bGUiLCB7CiAgdmFsdWU6IHRydWUKfSk7CmV4cG9ydHMuZGVmYXVsdCA9IHZvaWQgMDsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLm9iamVjdC5rZXlzLmpzIik7CnJlcXVpcmUoIi4vaW5kZXguY3NzIik7CnZhciBfZ3JhcGggPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoIi4vZ3JhcGgiKSk7CnZhciBfaW5kZXgyID0gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChyZXF1aXJlKCIuL2NvbXBvbmVudHMvVG9vbEJhci9pbmRleC52dWUiKSk7CnZhciBfaW5kZXgzID0gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChyZXF1aXJlKCIuL2NvbXBvbmVudHMvQ29uZmlnUGFuZWwvaW5kZXgudnVlIikpOwp2YXIgX3V0aWxzID0gcmVxdWlyZSgiLi4vLi4vLi4vLi4vdXRpbHMiKTsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KdmFyIF9kZWZhdWx0ID0gewogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBpc1JlYWR5OiBmYWxzZSwKICAgICAgZGVzdHJveUZuOiBudWxsLAogICAgICBkcmF3ZXI6IGZhbHNlLAogICAgICBkaXJlY3Rpb246ICdydGwnCiAgICB9OwogIH0sCiAgY29tcG9uZW50czogewogICAgVG9vbEJhcjogX2luZGV4Mi5kZWZhdWx0LAogICAgQ29uZmlnUGFuZWw6IF9pbmRleDMuZGVmYXVsdAogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHRoaXMuZGVzdHJveUZuID0gdGhpcy5pbml0R3JhcGgoKTsKICB9LAogIGRlc3Ryb3llZDogZnVuY3Rpb24gZGVzdHJveWVkKCkgewogICAgLy8gdGhpcy5kZXN0cm95Rm4oKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIC8vIGhhbmRsZUNsb3NlKGRvbmUpIHsKICAgIC8vICAgICB0aGlzLiRjb25maXJtKCfnoa7orqTlhbPpl63vvJ8nKQogICAgLy8gICAgICAgLnRoZW4oXyA9PiB7CiAgICAvLyAgICAgICAgIGRvbmUoKTsKICAgIC8vICAgICAgIH0pCiAgICAvLyAgICAgICAuY2F0Y2goXyA9PiB7fSk7CiAgICAvLyAgIH0sCiAgICAvLyBjbG9zZURyYXdlcigpIHsKICAgIC8vICAgdGhpcy4kcmVmcy5kcmF3ZXIuY2xvc2UoKTsKICAgIC8vIH0sCiAgICBpbml0R3JhcGg6IGZ1bmN0aW9uIGluaXRHcmFwaCgpIHsKICAgICAgdmFyIGdyYXBoID0gX2dyYXBoLmRlZmF1bHQuaW5pdCgoMCwgX3V0aWxzLiQpKCIjY29udGFpbmVyIiksICgwLCBfdXRpbHMuJCkoIiNjb250YWluZXIiKS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aCwgKDAsIF91dGlscy4kKSgiI2NvbnRhaW5lciIpLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmhlaWdodCk7CiAgICAgIHZhciBncmFwaEpzb24gPSBKU09OLnBhcnNlKHdpbmRvdy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnZ3JhcGhKc29uJykpOwogICAgICBpZiAoZ3JhcGhKc29uKSB7CiAgICAgICAgZ3JhcGguZnJvbUpTT04oZ3JhcGhKc29uKTsKICAgICAgfQogICAgICB0aGlzLmlzUmVhZHkgPSB0cnVlOwogICAgICB2YXIgcmVzaXplRm4gPSBmdW5jdGlvbiByZXNpemVGbigpIHsKICAgICAgICB2YXIgX2dldENvbnRhaW5lclNpemUgPSAoMCwgX3V0aWxzLmdldENvbnRhaW5lclNpemUpKCgwLCBfdXRpbHMuJCkoIi5wYW5lbCIpKSwKICAgICAgICAgIHdpZHRoID0gX2dldENvbnRhaW5lclNpemUud2lkdGgsCiAgICAgICAgICBoZWlnaHQgPSBfZ2V0Q29udGFpbmVyU2l6ZS5oZWlnaHQ7CiAgICAgICAgZ3JhcGgucmVzaXplKHdpZHRoLCBoZWlnaHQgLSAzOCk7CiAgICAgIH07CiAgICAgIHJlc2l6ZUZuKCk7CiAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCJyZXNpemUiLCByZXNpemVGbik7CiAgICAgIHJldHVybiBmdW5jdGlvbiAoKSB7CiAgICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoInJlc2l6ZSIsIHJlc2l6ZUZuKTsKICAgICAgICBncmFwaC5kaXNwb3NlKCk7CiAgICAgIH07CiAgICB9CiAgfQp9OwpleHBvcnRzLmRlZmF1bHQgPSBfZGVmYXVsdDs="},{"version":3,"names":["require","_graph","_interopRequireDefault","_index2","_index3","_utils","data","isReady","destroyFn","drawer","direction","components","ToolBar","ConfigPanel","mounted","initGraph","destroyed","methods","graph","FlowGraph","init","$","getBoundingClientRect","width","height","graphJson","JSON","parse","window","localStorage","getItem","fromJSON","resizeFn","_getContainerSize","getContainerSize","resize","addEventListener","removeEventListener","dispose","exports","default","_default"],"sources":["src/views/system/processModeling/flow-x6/index.vue"],"sourcesContent":["<template>\r\n <div class=\"flow\">\r\n <div class=\"content\">\r\n <!--左侧工具栏-->\r\n <div id=\"stencil\" />\r\n <div class=\"panel\">\r\n <!--流程图工具栏-->\r\n <div class=\"toolbar\">\r\n <tool-bar v-if=\"isReady\" />\r\n </div>\r\n <!--流程图画板-->\r\n <div id=\"container\" />\r\n </div>\r\n <!--右侧工具栏-->\r\n <div class=\"config\">\r\n <config-panel v-if=\"isReady\" />\r\n </div>\r\n </div>\r\n <!-- <el-drawer\r\n ref=\"drawer\"\r\n title=\"我是标题\"\r\n :visible.sync=\"drawer\"\r\n :direction=\"direction\"\r\n :before-close=\"handleClose\">\r\n <span>我来啦!</span>\r\n </el-drawer> -->\r\n </div>\r\n</template>\r\n<script>\r\nimport \"./index.css\";\r\nimport FlowGraph from \"./graph\";\r\nimport ToolBar from \"./components/ToolBar/index.vue\";\r\nimport ConfigPanel from \"./components/ConfigPanel/index.vue\";\r\nimport { $, getContainerSize } from \"../../../../utils\";\r\nexport default {\r\n data() {\r\n return {\r\n isReady: false,\r\n destroyFn: null,\r\n drawer: false,\r\n direction: 'rtl',\r\n };\r\n },\r\n components: { ToolBar, ConfigPanel },\r\n\r\n mounted() {\r\n this.destroyFn = this.initGraph();\r\n },\r\n destroyed() {\r\n // this.destroyFn();\r\n },\r\n methods: {\r\n // handleClose(done) {\r\n // this.$confirm('确认关闭？')\r\n // .then(_ => {\r\n // done();\r\n // })\r\n // .catch(_ => {});\r\n // },\r\n // closeDrawer() {\r\n // this.$refs.drawer.close();\r\n // },\r\n initGraph() {\r\n const graph = FlowGraph.init(\r\n $(\"#container\"),\r\n $(\"#container\").getBoundingClientRect().width,\r\n $(\"#container\").getBoundingClientRect().height\r\n );\r\n const graphJson = JSON.parse(window.localStorage.getItem('graphJson'))\r\n if(graphJson){\r\n graph.fromJSON(graphJson)\r\n }\r\n this.isReady = true;\r\n const resizeFn = () => {\r\n const { width, height } = getContainerSize($(\".panel\"));\r\n graph.resize(width, height - 38);\r\n };\r\n resizeFn();\r\n window.addEventListener(\"resize\", resizeFn);\r\n return () => {\r\n window.removeEventListener(\"resize\", resizeFn);\r\n graph.dispose();\r\n };\r\n \r\n\r\n },\r\n \r\n\r\n\r\n },\r\n}\r\n\r\n</script>\r\n<style>\r\n.x6-widget-snapline-vertical {\r\n border-right-color: #ff4e50 !important;\r\n}\r\n.x6-widget-snapline-horizontal {\r\n border-bottom-color: #ff4e50 !important;\r\n}\r\n.x6-widget-selection-box {\r\n border: 1px dashed #5f95ff;\r\n margin-top: -3px;\r\n margin-left: -3px;\r\n}\r\n.x6-widget-selection-inner {\r\n border: 1px dashed #5f95ff;\r\n}\r\n.x6-graph-svg-viewport {\r\n padding: 0;\r\n}\r\n\r\n@keyframes stroke {\r\n 100% {\r\n stroke-dashoffset: -400;\r\n }\r\n}\r\n.animate-text1,\r\n.animate-text2,\r\n.animate-text3,\r\n.animate-text4 {\r\n font-weight: bold;\r\n fill: none;\r\n stroke-width: 2px;\r\n stroke-dasharray: 90 310;\r\n animation: stroke 3s infinite linear;\r\n}\r\n.animate-text1 {\r\n stroke: #873bf4;\r\n text-shadow: 0 0 2px #873bf4;\r\n animation-delay: -1.5s;\r\n}\r\n.animate-text2 {\r\n stroke: #ff6e06;\r\n text-shadow: 0 0 2px #ff6e06;\r\n animation-delay: -3s;\r\n}\r\n\r\n .x6-widget-stencil {\r\n color: rgba(34, 38, 83, 1);\r\n background: #fff;\r\n } \r\n .x6-widget-stencil-title { \r\n background: rgba(7, 68, 138, 1);\r\n color: #fff;\r\n}\r\n.x6-widget-stencil-search-text {\r\n color: #fff;\r\n background: rgba(7, 68, 138, 1);\r\n }\r\n .x6-widget-stencil-group > .x6-widget-stencil-group-title {\r\n /* background: #7daee3; */\r\n color: #000;\r\n height: 40px;\r\n font-size: 18px;\r\n line-height: 40px;\r\n font-weight: normal;\r\n\r\n }\r\n\r\n\r\n .x6-widget-stencil.collapsable > .x6-widget-stencil-title::before, .x6-widget-stencil-group.collapsable > .x6-widget-stencil-group-title::before {\r\n background-image: url('');\r\n opacity: 0.4;\r\n transition: all 0.3s;\r\n}\r\n.x6-widget-stencil-title{\r\n visibility: hidden;\r\n}\r\n.x6-widget-stencil-search{\r\n visibility: hidden;\r\n}\r\n.x6-widget-stencil {\r\n position: absolute;\r\n top: -80px;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n\r\n.config{\r\n width: 20%;\r\n padding: 0 0;\r\n}\r\n#stencil{\r\n width: 10%;\r\n}\r\n.el-tabs__header {\r\n background: rgba(229, 229, 229);\r\n /* height: 40px; */\r\n}\r\n.el-tabs__item {\r\n height: 40px;\r\n line-height: 40px;\r\n font-size: 18px;\r\n font-weight: normal;\r\n /* color: #fff; */\r\n position: relative;\r\n margin-left: 10px;\r\n}\r\n/* .el-tabs__item:hover {\r\n color: #fff;\r\n cursor: pointer;\r\n} */\r\n/* .el-tabs__item.is-active {\r\n color: #fff;\r\n} */\r\n.el-tab-pane{\r\n margin-left: 10px;\r\n}\r\n.x6-graph-svg-stag{\r\n margin-left: -10px;\r\n}\r\n.x6-graph{\r\n height: 800px !important;\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;;AA6BAA,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eACA;EACAM,IAAA,WAAAA,KAAA;IACA;MACAC,OAAA;MACAC,SAAA;MACAC,MAAA;MACAC,SAAA;IACA;EACA;EACAC,UAAA;IAAAC,OAAA,EAAAA,eAAA;IAAAC,WAAA,EAAAA;EAAA;EAEAC,OAAA,WAAAA,QAAA;IACA,KAAAN,SAAA,QAAAO,SAAA;EACA;EACAC,SAAA,WAAAA,UAAA;IACA;EAAA,CACA;EACAC,OAAA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAF,SAAA,WAAAA,UAAA;MACA,IAAAG,KAAA,GAAAC,cAAA,CAAAC,IAAA,CACA,IAAAC,QAAA,iBACA,IAAAA,QAAA,gBAAAC,qBAAA,GAAAC,KAAA,EACA,IAAAF,QAAA,gBAAAC,qBAAA,GAAAE,MACA;MACA,IAAAC,SAAA,GAAAC,IAAA,CAAAC,KAAA,CAAAC,MAAA,CAAAC,YAAA,CAAAC,OAAA;MACA,IAAAL,SAAA;QACAP,KAAA,CAAAa,QAAA,CAAAN,SAAA;MACA;MACA,KAAAlB,OAAA;MACA,IAAAyB,QAAA,YAAAA,SAAA;QACA,IAAAC,iBAAA,OAAAC,uBAAA,MAAAb,QAAA;UAAAE,KAAA,GAAAU,iBAAA,CAAAV,KAAA;UAAAC,MAAA,GAAAS,iBAAA,CAAAT,MAAA;QACAN,KAAA,CAAAiB,MAAA,CAAAZ,KAAA,EAAAC,MAAA;MACA;MACAQ,QAAA;MACAJ,MAAA,CAAAQ,gBAAA,WAAAJ,QAAA;MACA;QACAJ,MAAA,CAAAS,mBAAA,WAAAL,QAAA;QACAd,KAAA,CAAAoB,OAAA;MACA;IAGA;EAIA;AACA;AAAAC,OAAA,CAAAC,OAAA,GAAAC,QAAA"}]}
|
