{"ast":null,"code":"import \"core-js/modules/es.array.find.js\";\nimport \"core-js/modules/es.array.push.js\";\nimport \"core-js/modules/es.function.name.js\";\nimport \"core-js/modules/es.iterator.constructor.js\";\nimport \"core-js/modules/es.iterator.find.js\";\nimport \"core-js/modules/es.object.to-string.js\";\nimport \"core-js/modules/es.string.starts-with.js\";\nexport default {\n name: 'SalesOrderProcess',\n data: function data() {\n return {\n nodes: [{\n id: 'start',\n type: 'start',\n label: '开始',\n x: 400,\n y: 50,\n url: '/sales/start'\n }, {\n id: 'customer_inquiry',\n type: 'process',\n label: '客户询价',\n x: 400,\n y: 150,\n url: '/sales/inquiry'\n }, {\n id: 'need_analysis',\n type: 'process',\n label: '需求分析',\n x: 400,\n y: 250,\n url: '/sales/analysis'\n }, {\n id: 'solution',\n type: 'process',\n label: '方案制定',\n x: 400,\n y: 350,\n url: '/sales/solution'\n }, {\n id: 'quote',\n type: 'process',\n label: '报价单生成',\n x: 400,\n y: 450,\n url: '/sales/quote'\n }, {\n id: 'customer_review',\n type: 'condition',\n label: '客户评审',\n x: 400,\n y: 550,\n url: '/sales/review'\n }, {\n id: 'contract',\n type: 'process',\n label: '签订合同',\n x: 600,\n y: 550,\n url: '/sales/contract'\n }, {\n id: 'reject',\n type: 'process',\n label: '结束谈判',\n x: 200,\n y: 550,\n url: '/sales/reject'\n }, {\n id: 'payment_deposit',\n type: 'process',\n label: '收取定金',\n x: 600,\n y: 650,\n url: '/sales/deposit'\n }, {\n id: 'production',\n type: 'process',\n label: '安排生产',\n x: 600,\n y: 750,\n url: '/sales/production'\n }, {\n id: 'payment_final',\n type: 'condition',\n label: '收取尾款',\n x: 400,\n y: 750,\n url: '/sales/payment'\n }, {\n id: 'delivery',\n type: 'process',\n label: '交付产品',\n x: 400,\n y: 850,\n url: '/sales/delivery'\n }, {\n id: 'end',\n type: 'end',\n label: '结束',\n x: 400,\n y: 950,\n url: '/sales/end'\n }],\n scale: 1,\n isMobile: false\n };\n },\n methods: {\n handleNodeClick: function handleNodeClick(nodeId) {\n var _this = this;\n var node = this.nodes.find(function (n) {\n return n.id === nodeId;\n });\n if (node && node.url) {\n if (node.url.startsWith('http')) {\n window.open(node.url, '_blank');\n } else {\n this.$router.push(node.url)[\"catch\"](function (err) {\n if (err.name !== 'NavigationDuplicated') {\n _this.$message({\n type: 'info',\n message: \"\\u6B63\\u5728\\u8DF3\\u8F6C\\u5230\".concat(node.label, \"\\u9875\\u9762...\")\n });\n }\n });\n }\n }\n },\n nodeStyle: function nodeStyle(node) {\n return {\n left: node.x + 'px',\n top: node.y + 'px'\n };\n },\n checkDevice: function checkDevice() {\n this.isMobile = window.innerWidth < 768;\n if (this.isMobile) {\n this.scale = 0.6; // 移动端默认缩小到60%\n } else {\n this.scale = 1;\n }\n this.applyScale();\n },\n applyScale: function applyScale() {\n var flowElement = document.querySelector('.process-flow');\n if (flowElement) {\n flowElement.style.transform = \"scale(\".concat(this.scale, \")\");\n }\n },\n handleResize: function handleResize() {\n this.checkDevice();\n }\n },\n mounted: function mounted() {\n var _this2 = this;\n this.checkDevice();\n window.addEventListener('resize', this.handleResize);\n\n // 在移动设备上添加缩放支持\n if (this.isMobile && window.Hammer) {\n var mc = new window.Hammer.Manager(document.querySelector('.process-flow'));\n\n // 添加缩放手势识别\n var pinch = new window.Hammer.Pinch();\n mc.add(pinch);\n\n // 手势处理\n mc.on('pinch', function (e) {\n _this2.scale = Math.max(0.3, Math.min(1.5, _this2.scale * e.scale));\n _this2.applyScale();\n });\n }\n },\n beforeDestroy: function beforeDestroy() {\n window.removeEventListener('resize', this.handleResize);\n }\n};","map":{"version":3,"names":["name","data","nodes","id","type","label","x","y","url","scale","isMobile","methods","handleNodeClick","nodeId","_this","node","find","n","startsWith","window","open","$router","push","err","$message","message","concat","nodeStyle","left","top","checkDevice","innerWidth","applyScale","flowElement","document","querySelector","style","transform","handleResize","mounted","_this2","addEventListener","Hammer","mc","Manager","pinch","Pinch","add","on","e","Math","max","min","beforeDestroy","removeEventListener"],"sources":["src/views/SalesOrderProcess.vue"],"sourcesContent":["\n \n \n \n 销售订单业务流程\n 正常运行\n \n \n \n 规范销售订单从创建到完成的全过程,包括报价、合同签订、订单处理等环节,提高销售效率和客户满意度。\n \n \n \n 6\n 总步骤\n \n \n 3\n 已完成\n \n \n 3天\n 平均耗时\n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 通过\n 未通过\n 准备生产\n 流程终止\n \n \n \n \n \n \n \n \n\n \n \n {{ node.label }}\n \n \n \n\n\n\n\n "],"mappings":";;;;;;;AA4FA;EACAA,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,KAAA,GACA;QACAC,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,GACA;QACAL,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,GACA;QACAL,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,GACA;QACAL,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,GACA;QACAL,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,GACA;QACAL,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,GACA;QACAL,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,GACA;QACAL,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,GACA;QACAL,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,GACA;QACAL,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,GACA;QACAL,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,GACA;QACAL,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,GACA;QACAL,EAAA;QACAC,IAAA;QACAC,KAAA;QACAC,CAAA;QACAC,CAAA;QACAC,GAAA;MACA,EACA;MACAC,KAAA;MACAC,QAAA;IACA;EACA;EACAC,OAAA;IACAC,eAAA,WAAAA,gBAAAC,MAAA;MAAA,IAAAC,KAAA;MACA,IAAAC,IAAA,QAAAb,KAAA,CAAAc,IAAA,WAAAC,CAAA;QAAA,OAAAA,CAAA,CAAAd,EAAA,KAAAU,MAAA;MAAA;MACA,IAAAE,IAAA,IAAAA,IAAA,CAAAP,GAAA;QACA,IAAAO,IAAA,CAAAP,GAAA,CAAAU,UAAA;UACAC,MAAA,CAAAC,IAAA,CAAAL,IAAA,CAAAP,GAAA;QACA;UACA,KAAAa,OAAA,CAAAC,IAAA,CAAAP,IAAA,CAAAP,GAAA,qBAAAe,GAAA;YACA,IAAAA,GAAA,CAAAvB,IAAA;cACAc,KAAA,CAAAU,QAAA;gBACApB,IAAA;gBACAqB,OAAA,mCAAAC,MAAA,CAAAX,IAAA,CAAAV,KAAA;cACA;YACA;UACA;QACA;MACA;IACA;IACAsB,SAAA,WAAAA,UAAAZ,IAAA;MACA;QACAa,IAAA,EAAAb,IAAA,CAAAT,CAAA;QACAuB,GAAA,EAAAd,IAAA,CAAAR,CAAA;MACA;IACA;IACAuB,WAAA,WAAAA,YAAA;MACA,KAAApB,QAAA,GAAAS,MAAA,CAAAY,UAAA;MACA,SAAArB,QAAA;QACA,KAAAD,KAAA;MACA;QACA,KAAAA,KAAA;MACA;MACA,KAAAuB,UAAA;IACA;IACAA,UAAA,WAAAA,WAAA;MACA,IAAAC,WAAA,GAAAC,QAAA,CAAAC,aAAA;MACA,IAAAF,WAAA;QACAA,WAAA,CAAAG,KAAA,CAAAC,SAAA,YAAAX,MAAA,MAAAjB,KAAA;MACA;IACA;IACA6B,YAAA,WAAAA,aAAA;MACA,KAAAR,WAAA;IACA;EACA;EACAS,OAAA,WAAAA,QAAA;IAAA,IAAAC,MAAA;IACA,KAAAV,WAAA;IACAX,MAAA,CAAAsB,gBAAA,gBAAAH,YAAA;;IAEA;IACA,SAAA5B,QAAA,IAAAS,MAAA,CAAAuB,MAAA;MACA,IAAAC,EAAA,OAAAxB,MAAA,CAAAuB,MAAA,CAAAE,OAAA,CAAAV,QAAA,CAAAC,aAAA;;MAEA;MACA,IAAAU,KAAA,OAAA1B,MAAA,CAAAuB,MAAA,CAAAI,KAAA;MACAH,EAAA,CAAAI,GAAA,CAAAF,KAAA;;MAEA;MACAF,EAAA,CAAAK,EAAA,oBAAAC,CAAA;QACAT,MAAA,CAAA/B,KAAA,GAAAyC,IAAA,CAAAC,GAAA,MAAAD,IAAA,CAAAE,GAAA,MAAAZ,MAAA,CAAA/B,KAAA,GAAAwC,CAAA,CAAAxC,KAAA;QACA+B,MAAA,CAAAR,UAAA;MACA;IACA;EACA;EACAqB,aAAA,WAAAA,cAAA;IACAlC,MAAA,CAAAmC,mBAAA,gBAAAhB,YAAA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
规范销售订单从创建到完成的全过程,包括报价、合同签订、订单处理等环节,提高销售效率和客户满意度。