| 12 |
- (()=>{"use strict";var t={1105:(t,e,s)=>{s(3792),s(3362),s(9085),s(9391);var a=s(5471),i=s(1052),r=s.n(i),l=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"app"}},[e("el-container",[t.isMobile?e("el-header",{staticClass:"mobile-header"},[e("div",{staticClass:"mobile-header-content"},[e("i",{staticClass:"el-icon-s-platform",staticStyle:{"font-size":"24px",color:"#409EFF"}}),e("h3",{staticClass:"mobile-title"},[t._v("业务流程管理")]),e("i",{staticClass:"el-icon-s-unfold",on:{click:function(e){t.showSidebar=!0}}})])]):t._e(),t.isMobile?e("el-drawer",{attrs:{title:"业务流程导航",visible:t.showSidebar,direction:"ltr",size:"80%"},on:{"update:visible":function(e){t.showSidebar=e}}},[e("div",{staticClass:"mobile-sidebar"},[e("div",{staticClass:"search-container"},[e("el-input",{attrs:{placeholder:"搜索业务名称","prefix-icon":"el-icon-search",clearable:""},on:{input:t.handleSearch},model:{value:t.searchQuery,callback:function(e){t.searchQuery=e},expression:"searchQuery"}})],1),e("el-menu",{attrs:{router:!0,"default-active":t.currentRoute},on:{select:t.handleMobileMenuSelect}},t._l(t.filteredMenuItems,(function(s){return e("el-menu-item",{key:s.path,attrs:{index:s.path},on:{click:function(e){return t.handleMenuItemClick(s)}}},[e("i",{class:s.icon}),e("span",[t._v(t._s(s.title))])])})),1)],1)]):t._e(),t.isMobile?t._e():e("el-aside",{attrs:{width:"250px"}},[e("div",{staticClass:"logo-container"},[e("i",{staticClass:"el-icon-s-platform",staticStyle:{"font-size":"40px",color:"#409EFF"}})]),e("div",{staticClass:"search-container"},[e("el-input",{attrs:{placeholder:"搜索业务名称","prefix-icon":"el-icon-search",clearable:""},on:{input:t.handleSearch},model:{value:t.searchQuery,callback:function(e){t.searchQuery=e},expression:"searchQuery"}})],1),e("el-menu",{staticClass:"el-menu-vertical",attrs:{router:!0,"default-active":t.currentRoute}},t._l(t.filteredMenuItems,(function(s){return e("el-menu-item",{key:s.path,attrs:{index:s.path},on:{click:function(e){return t.handleMenuItemClick(s)}}},[e("i",{class:s.icon}),e("span",[t._v(t._s(s.title))])])})),1)],1),e("el-main",[e("router-view")],1)],1)],1)},n=[];s(2008),s(4423),s(8111),s(2489),s(6099),s(1699),s(6031);const o={name:"App",data:function(){return{searchQuery:"",showSidebar:!1,windowWidth:window.innerWidth,userName:"",menuItems:[{path:"/process/employee?userId="+this.$route.query.userId,title:"员工入职业务流程",icon:"el-icon-user",showProcessSelector:!1},{path:"/process/sales?userId="+this.$route.query.userId,title:"销售订单业务流程",icon:"el-icon-goods",showProcessSelector:!1},{path:"/process/shipping?userId="+this.$route.query.userId,title:"发货业务流程",icon:"el-icon-truck",showProcessSelector:!1}]}},computed:{currentRoute:function(){return this.$route.path},filteredMenuItems:function(){var t=this;return this.menuItems.filter((function(e){return e.title.toLowerCase().includes(t.searchQuery.toLowerCase())}))},isMobile:function(){return this.windowWidth<768}},methods:{handleSearch:function(){},handleResize:function(){this.windowWidth=window.innerWidth},handleMobileMenuSelect:function(){var t=this;setTimeout((function(){t.showSidebar=!1}),300)},handleMenuItemClick:function(t){}},mounted:function(){window.addEventListener("resize",this.handleResize),this.userName=this.$route.query.userName},beforeDestroy:function(){window.removeEventListener("resize",this.handleResize)}},c=o;var d=s(1656),p=(0,d.A)(c,l,n,!1,null,null,null);const u=p.exports;var h=s(173),m=function(){var t=this,e=t._self._c;return e("div",{staticClass:"process-container"},[e("el-card",{staticClass:"process-intro"},[e("div",{staticClass:"intro-header"},[e("h2",[t._v("员工入职业务流程")]),e("el-tag",{attrs:{size:"medium",type:"primary"}},[t._v(t._s(this.userName))])],1),e("div",{staticClass:"intro-content"},[e("div",{staticClass:"intro-description"},[e("p",[t._v("本流程规范了新员工从招聘到入职的完整过程，确保人才招聘和入职流程的规范化和标准化。")])]),e("div",{staticClass:"intro-stats"},[e("div",{staticClass:"stat-item"},[e("div",{staticClass:"stat-value"},[t._v("9")]),e("div",{staticClass:"stat-label"},[t._v("总步骤")])]),e("div",{staticClass:"stat-item"},[e("div",{staticClass:"stat-value"},[t._v("4")]),e("div",{staticClass:"stat-label"},[t._v("已完成")])]),e("div",{staticClass:"stat-item"},[e("div",{staticClass:"stat-value"},[t._v("15天")]),e("div",{staticClass:"stat-label"},[t._v("平均耗时")])])])])]),e("div",{staticClass:"process-flow-container"},[e("div",{staticClass:"zoom-controls"},[e("div",{staticClass:"zoom-btn",attrs:{title:"放大"},on:{click:t.zoomIn}},[e("i",{staticClass:"el-icon-zoom-in"})]),e("div",{staticClass:"zoom-btn",attrs:{title:"缩小"},on:{click:t.zoomOut}},[e("i",{staticClass:"el-icon-zoom-out"})]),e("div",{staticClass:"zoom-btn",attrs:{title:"重置视图"},on:{click:t.resetZoom}},[e("i",{staticClass:"el-icon-refresh"})])]),1!==t.scale?e("div",{staticClass:"zoom-tip"},[e("i",{staticClass:"el-icon-info-circle"}),e("span",[t._v("当前缩放: "+t._s(Math.round(100*t.scale))+"%")])]):t._e(),t.showWheelTip?e("div",{staticClass:"wheel-tip"},[e("i",{staticClass:"el-icon-mouse"}),e("span",[t._v("使用鼠标滚轮缩放")])]):t._e(),e("div",{ref:"processFlow",staticClass:"process-flow employee-process",style:{transform:"scale(".concat(t.scale,")")},on:{mousedown:t.startPanning,mousemove:t.pan,mouseup:t.stopPanning,mouseleave:t.stopPanning,wheel:function(e){return e.preventDefault(),t.handleWheel.apply(null,arguments)}}},[t._l(t.nodes,(function(s){return e("div",{key:s.id,staticClass:"flow-node",class:[s.type],style:{left:"".concat(s.x,"px"),top:"".concat(s.y,"px")},on:{click:function(e){return t.handleNodeClick(s)}}},[e("span",{staticClass:"node-label"},[t._v(t._s(s.label))])])})),e("svg",{staticClass:"process-lines",attrs:{width:"100%",height:"100%"}},[e("defs",[e("marker",{attrs:{id:"arrow",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse"}},[e("path",{attrs:{d:"M 0 0 L 10 5 L 0 10 z"}})])]),e("path",{staticClass:"process-line main",attrs:{d:"M 400,80 L 400,120","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M 430,150 L 570,150","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M 370,150 L 230,220","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M 600,180 L 600,220","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M 600,280 L 600,320","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M 600,380 L 600,420","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M 200,250 L 200,220","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M 200,280 L 200,320","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M 600,480 L 600,525 Q 600,550 560,550 L 430,550","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M 200,380 L 200,525 Q 200,550 235,550 L 370,550","marker-end":"url(#arrow)"}}),e("text",{staticClass:"path-label",attrs:{x:"500",y:"130"}},[t._v("通过")]),e("text",{staticClass:"path-label",attrs:{x:"300",y:"180"}},[t._v("不通过")])])],2)]),e("el-dialog",{attrs:{title:t.currentNode?t.currentNode.label:"",visible:t.dialogVisible,width:"30%"},on:{"update:visible":function(e){t.dialogVisible=e}}},[t.currentNode?e("div",{staticClass:"node-details"},[e("p",[e("strong",[t._v("节点ID:")]),t._v(" "+t._s(t.currentNode.id))]),e("p",[e("strong",[t._v("类型:")]),t._v(" "+t._s(t.getNodeTypeName(t.currentNode.type)))]),e("p",[e("strong",[t._v("URL:")]),t._v(" "+t._s(t.currentNode.url))]),e("div",{staticClass:"node-actions"},[e("el-button",{attrs:{type:"primary",size:"small"},on:{click:t.handleEdit}},[t._v("编辑节点")]),e("el-button",{attrs:{type:"success",size:"small"},on:{click:t.handleViewDetails}},[t._v("查看详情")])],1)]):t._e(),e("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[e("el-button",{on:{click:function(e){t.dialogVisible=!1}}},[t._v("关闭")])],1)])],1)},v=[],f=s(459),y=s(388),b=(s(5914),s(8940),s(6280),s(6918),s(4335)),C=function(){var t=(0,y.A)((0,f.A)().mark((function t(e){var s;return(0,f.A)().wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(e){t.next=2;break}throw new Error("未提供用户ID参数");case 2:return t.prev=2,t.next=5,b.A.get("http://localhost:8088/business/queryId?userId=".concat(e));case 5:return s=t.sent,t.abrupt("return",s.data.data);case 9:throw t.prev=9,t.t0=t["catch"](2),console.error("获取用户信息失败:",t.t0),new Error("获取用户信息失败，请稍后再试");case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(e){return t.apply(this,arguments)}}();const w={name:"EmployeeProcess",data:function(){return{dialogVisible:!1,currentNode:null,scale:1,panEnabled:!1,lastPosX:0,lastPosY:0,showWheelTip:!0,userName:"",nodes:[{id:"start",type:"start",label:"开始",x:400,y:50,url:"/process/start"},{id:"interview",type:"condition",label:"面试",x:400,y:150,url:"/interview"},{id:"pass",type:"process",label:"发录用通知书",x:600,y:150,url:"/offer"},{id:"prepare",type:"process",label:"准备入职材料",x:600,y:250,url:"/prepare"},{id:"verify",type:"condition",label:"材料核实",x:600,y:350,url:"/verify"},{id:"onboard",type:"process",label:"办理入职",x:600,y:450,url:"/onboard"},{id:"reject",type:"process",label:"发送拒绝通知",x:200,y:250,url:"/reject"},{id:"archive",type:"process",label:"归档简历",x:200,y:350,url:"/archive"},{id:"end",type:"end",label:"结束",x:400,y:550,url:"/process/end"}]}},mounted:function(){var t=this;this.getUserData(),setTimeout((function(){t.showWheelTip=!1}),5e3)},methods:{handleNodeClick:function(t){this.currentNode=t,this.dialogVisible=!0},getNodeTypeName:function(t){var e={start:"开始节点",end:"结束节点",process:"流程节点",condition:"条件节点"};return e[t]||t},zoomIn:function(){this.scale<2&&(this.scale+=.1)},zoomOut:function(){this.scale>.5&&(this.scale-=.1)},resetZoom:function(){this.scale=1,this.$refs.processFlow&&(this.$refs.processFlow.style.top="0px",this.$refs.processFlow.style.left="0px")},handleWheel:function(t){t.preventDefault();var e=-.1*Math.sign(t.deltaY),s=Math.max(.5,Math.min(2,this.scale+e));if(s!==this.scale){var a=this.$refs.processFlow,i=a.getBoundingClientRect(),r=(t.clientX-i.left)/this.scale,l=(t.clientY-i.top)/this.scale,n=parseInt(a.style.left||"0"),o=parseInt(a.style.top||"0"),c=s-this.scale,d=n-r*c,p=o-l*c;this.scale=s,a.style.left="".concat(d,"px"),a.style.top="".concat(p,"px")}},startPanning:function(t){t.target.closest(".flow-node")||(this.panEnabled=!0,this.lastPosX=t.clientX,this.lastPosY=t.clientY,document.body.style.cursor="grabbing")},pan:function(t){if(this.panEnabled){var e=this.$refs.processFlow;if(e){var s=t.clientX-this.lastPosX,a=t.clientY-this.lastPosY,i=parseInt(e.style.top||"0"),r=parseInt(e.style.left||"0");e.style.top=i+a+"px",e.style.left=r+s+"px",this.lastPosX=t.clientX,this.lastPosY=t.clientY}}},stopPanning:function(){this.panEnabled=!1,document.body.style.cursor="default"},handleEdit:function(){this.$message({message:"编辑节点: ".concat(this.currentNode.label),type:"info"}),this.dialogVisible=!1},handleViewDetails:function(){this.$message({message:"查看节点详情: ".concat(this.currentNode.label),type:"success"}),this.dialogVisible=!1},getUserData:function(){var t=this;return(0,y.A)((0,f.A)().mark((function e(){var s,a;return(0,f.A)().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return t.loading=!0,e.prev=1,s=t.$route.query.userId,e.next=5,C(s);case 5:a=e.sent,t.userName=a.username,t.loading=!1,e.next=15;break;case 11:e.prev=11,e.t0=e["catch"](1),t.error=e.t0.message,t.loading=!1;case 15:case"end":return e.stop()}}),e,null,[[1,11]])})))()}}},g=w;var _=(0,d.A)(g,m,v,!1,null,null,null);const k=_.exports;var x=function(){var t=this,e=t._self._c;return e("div",{staticClass:"process-container"},[e("el-card",{staticClass:"process-intro"},[e("div",{staticClass:"intro-header"},[e("h2",[t._v("销售订单业务流程")]),e("el-tag",{attrs:{size:"medium",type:"success"}},[t._v(t._s(this.userName))])],1),e("div",{staticClass:"intro-content"},[e("div",{staticClass:"intro-description"},[e("p",[t._v("本流程详细描述了从客户询价到签订合同的销售订单全过程，提高销售转化率和客户满意度。")])]),e("div",{staticClass:"intro-stats"},[e("div",{staticClass:"stat-item"},[e("div",{staticClass:"stat-value"},[t._v("12")]),e("div",{staticClass:"stat-label"},[t._v("总步骤")])]),e("div",{staticClass:"stat-item"},[e("div",{staticClass:"stat-value"},[t._v("8")]),e("div",{staticClass:"stat-label"},[t._v("已完成")])]),e("div",{staticClass:"stat-item"},[e("div",{staticClass:"stat-value"},[t._v("7天")]),e("div",{staticClass:"stat-label"},[t._v("平均耗时")])])])])]),e("div",{staticClass:"process-flow-container"},[e("div",{staticClass:"zoom-controls"},[e("div",{staticClass:"zoom-btn",attrs:{title:"放大"},on:{click:t.zoomIn}},[e("i",{staticClass:"el-icon-zoom-in"})]),e("div",{staticClass:"zoom-btn",attrs:{title:"缩小"},on:{click:t.zoomOut}},[e("i",{staticClass:"el-icon-zoom-out"})]),e("div",{staticClass:"zoom-btn",attrs:{title:"重置视图"},on:{click:t.resetZoom}},[e("i",{staticClass:"el-icon-refresh"})])]),1!==t.scale?e("div",{staticClass:"zoom-tip"},[e("i",{staticClass:"el-icon-info-circle"}),e("span",[t._v("当前缩放: "+t._s(Math.round(100*t.scale))+"%")])]):t._e(),t.showWheelTip?e("div",{staticClass:"wheel-tip"},[e("i",{staticClass:"el-icon-mouse"}),e("span",[t._v("使用鼠标滚轮缩放")])]):t._e(),e("div",{ref:"processFlow",staticClass:"process-flow sales-process",style:{transform:"scale(".concat(t.scale,")")},on:{mousedown:t.startPanning,mousemove:t.pan,mouseup:t.stopPanning,mouseleave:t.stopPanning,wheel:function(e){return e.preventDefault(),t.handleWheel.apply(null,arguments)}}},[t._l(t.nodes,(function(s){return e("div",{key:s.id,staticClass:"flow-node",class:[s.type],style:{left:"".concat(s.x,"px"),top:"".concat(s.y,"px")},on:{click:function(e){return t.handleNodeClick(s)}}},[e("span",{staticClass:"node-label"},[t._v(t._s(s.label))])])})),e("svg",{staticClass:"process-lines",attrs:{width:"100%",height:"100%"}},[e("defs",[e("marker",{attrs:{id:"arrow",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse"}},[e("path",{attrs:{d:"M 0 0 L 10 5 L 0 10 z"}})])]),e("path",{staticClass:"process-line main",attrs:{d:"M 400,80 L 400,120","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M 400,180 L 400,220","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M 400,280 L 400,320","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M 400,380 L 400,420","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M 400,480 L 400,520","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M 400,580 L 400,620","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M 430,650 L 570,650","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M 370,650 L 230,650","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M 600,680 L 600,720","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M 200,680 L 200,720","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M 600,780 L 600,820 Q 600,850 570,850 L 430,850","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M 200,780 L 200,820 Q 200,850 230,850 L 370,850","marker-end":"url(#arrow)"}}),e("text",{staticClass:"path-label",attrs:{x:"500",y:"630"}},[t._v("通过")]),e("text",{staticClass:"path-label",attrs:{x:"300",y:"630"}},[t._v("未通过")])])],2)]),e("el-dialog",{attrs:{title:t.currentNode?t.currentNode.label:"",visible:t.dialogVisible,width:"30%"},on:{"update:visible":function(e){t.dialogVisible=e}}},[t.currentNode?e("div",{staticClass:"node-details"},[e("p",[e("strong",[t._v("节点ID:")]),t._v(" "+t._s(t.currentNode.id))]),e("p",[e("strong",[t._v("类型:")]),t._v(" "+t._s(t.getNodeTypeName(t.currentNode.type)))]),e("p",[e("strong",[t._v("URL:")]),t._v(" "+t._s(t.currentNode.url))]),e("div",{staticClass:"node-actions"},[e("el-button",{attrs:{type:"primary",size:"small"},on:{click:t.handleEdit}},[t._v("编辑节点")]),e("el-button",{attrs:{type:"success",size:"small"},on:{click:t.handleViewDetails}},[t._v("查看详情")])],1)]):t._e(),e("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[e("el-button",{on:{click:function(e){t.dialogVisible=!1}}},[t._v("关闭")])],1)])],1)},M=[];const L={name:"SalesOrderProcess",data:function(){return{dialogVisible:!1,currentNode:null,scale:1,panEnabled:!1,lastPosX:0,lastPosY:0,showWheelTip:!0,userName:"",nodes:[{id:"start",type:"start",label:"开始",x:400,y:50,url:"/sales/start"},{id:"inquiry",type:"process",label:"客户询价",x:400,y:150,url:"/sales/inquiry"},{id:"need-analysis",type:"process",label:"需求分析",x:400,y:250,url:"/sales/analysis"},{id:"solution",type:"process",label:"方案制定",x:400,y:350,url:"/sales/solution"},{id:"quotation",type:"process",label:"报价单生成",x:400,y:450,url:"/sales/quotation"},{id:"negotiation",type:"process",label:"商务谈判",x:400,y:550,url:"/sales/negotiation"},{id:"decision",type:"condition",label:"客户决策",x:400,y:650,url:"/sales/decision"},{id:"contract",type:"process",label:"签订合同",x:600,y:650,url:"/sales/contract"},{id:"reject-reason",type:"process",label:"原因分析",x:200,y:650,url:"/sales/reject"},{id:"followup",type:"process",label:"持续跟进",x:200,y:750,url:"/sales/followup"},{id:"production",type:"process",label:"生产准备",x:600,y:750,url:"/sales/production"},{id:"end-success",type:"end",label:"流程完成",x:400,y:850,url:"/sales/completed"}]}},mounted:function(){var t=this;this.getUserData(),setTimeout((function(){t.showWheelTip=!1}),5e3)},methods:{handleNodeClick:function(t){this.currentNode=t,this.dialogVisible=!0},getNodeTypeName:function(t){var e={start:"开始节点",end:"结束节点",process:"流程节点",condition:"条件节点"};return e[t]||t},zoomIn:function(){this.scale<2&&(this.scale+=.1)},zoomOut:function(){this.scale>.5&&(this.scale-=.1)},resetZoom:function(){this.scale=1,this.$refs.processFlow&&(this.$refs.processFlow.style.top="0px",this.$refs.processFlow.style.left="0px")},handleWheel:function(t){t.preventDefault();var e=-.1*Math.sign(t.deltaY),s=Math.max(.5,Math.min(2,this.scale+e));if(s!==this.scale){var a=this.$refs.processFlow,i=a.getBoundingClientRect(),r=(t.clientX-i.left)/this.scale,l=(t.clientY-i.top)/this.scale,n=parseInt(a.style.left||"0"),o=parseInt(a.style.top||"0"),c=s-this.scale,d=n-r*c,p=o-l*c;this.scale=s,a.style.left="".concat(d,"px"),a.style.top="".concat(p,"px")}},startPanning:function(t){t.target.closest(".flow-node")||(this.panEnabled=!0,this.lastPosX=t.clientX,this.lastPosY=t.clientY,document.body.style.cursor="grabbing")},pan:function(t){if(this.panEnabled){var e=this.$refs.processFlow;if(e){var s=t.clientX-this.lastPosX,a=t.clientY-this.lastPosY,i=parseInt(e.style.top||"0"),r=parseInt(e.style.left||"0");e.style.top=i+a+"px",e.style.left=r+s+"px",this.lastPosX=t.clientX,this.lastPosY=t.clientY}}},stopPanning:function(){this.panEnabled=!1,document.body.style.cursor="default"},handleEdit:function(){this.$message({message:"编辑节点: ".concat(this.currentNode.label),type:"info"}),this.dialogVisible=!1},handleViewDetails:function(){this.$message({message:"查看节点详情: ".concat(this.currentNode.label),type:"success"}),this.dialogVisible=!1},getUserData:function(){var t=this;return(0,y.A)((0,f.A)().mark((function e(){var s,a;return(0,f.A)().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return t.loading=!0,e.prev=1,s=t.$route.query.userId,e.next=5,C(s);case 5:a=e.sent,t.userName=a.username,t.loading=!1,e.next=15;break;case 11:e.prev=11,e.t0=e["catch"](1),t.error=e.t0.message,t.loading=!1;case 15:case"end":return e.stop()}}),e,null,[[1,11]])})))()}}},N=L;var z=(0,d.A)(N,x,M,!1,null,null,null);const P=z.exports;var I=function(){var t=this,e=t._self._c;return e("div",{staticClass:"process-container"},[e("el-card",{staticClass:"process-intro"},[e("div",{staticClass:"intro-header"},[e("h2",[t._v("发货业务流程")]),e("el-tag",{attrs:{size:"medium",type:"warning"}},[t._v(t._s(this.userName))])],1),e("div",{staticClass:"intro-content"},[e("div",{staticClass:"intro-description"},[e("p",[t._v("管理产品从仓库出库到送达客户的完整过程，包括库存检查、包装、物流等环节，确保准确及时交付。")])]),e("div",{staticClass:"intro-stats"},[e("div",{staticClass:"stat-item"},[e("div",{staticClass:"stat-value"},[t._v("18")]),e("div",{staticClass:"stat-label"},[t._v("总步骤")])]),e("div",{staticClass:"stat-item"},[e("div",{staticClass:"stat-value"},[t._v("4")]),e("div",{staticClass:"stat-label"},[t._v("已完成")])]),e("div",{staticClass:"stat-item"},[e("div",{staticClass:"stat-value"},[t._v("2天")]),e("div",{staticClass:"stat-label"},[t._v("平均耗时")])])])])]),e("div",{staticClass:"process-flow-container"},[e("div",{staticClass:"zoom-controls"},[e("div",{staticClass:"zoom-btn",attrs:{title:"放大"},on:{click:t.zoomIn}},[e("i",{staticClass:"el-icon-zoom-in"})]),e("div",{staticClass:"zoom-btn",attrs:{title:"缩小"},on:{click:t.zoomOut}},[e("i",{staticClass:"el-icon-zoom-out"})]),e("div",{staticClass:"zoom-btn",attrs:{title:"重置视图"},on:{click:t.resetZoom}},[e("i",{staticClass:"el-icon-refresh"})])]),1!==t.scale?e("div",{staticClass:"zoom-tip"},[e("i",{staticClass:"el-icon-info-circle"}),e("span",[t._v("当前缩放: "+t._s(Math.round(100*t.scale))+"%")])]):t._e(),t.showWheelTip?e("div",{staticClass:"wheel-tip"},[e("i",{staticClass:"el-icon-mouse"}),e("span",[t._v("使用鼠标滚轮缩放")])]):t._e(),e("div",{ref:"processFlow",staticClass:"process-flow shipping-process",style:{transform:"scale(".concat(t.scale,")")},on:{mousedown:t.startPanning,mousemove:t.pan,mouseup:t.stopPanning,mouseleave:t.stopPanning,wheel:function(e){return e.preventDefault(),t.handleWheel.apply(null,arguments)}}},[t._l(t.nodes,(function(s){return e("div",{key:s.id,staticClass:"flow-node",class:[s.type],style:{left:"".concat(s.x,"px"),top:"".concat(s.y,"px")},on:{click:function(e){return t.handleNodeClick(s)}}},[e("span",{staticClass:"node-label"},[t._v(t._s(s.label))])])})),e("svg",{staticClass:"process-lines",attrs:{width:"100%",height:"100%"}},[e("defs",[e("marker",{attrs:{id:"arrow",viewBox:"0 0 10 10",refX:"5",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse"}},[e("path",{attrs:{d:"M 0 0 L 10 5 L 0 10 z"}})])]),e("path",{staticClass:"process-line main",attrs:{d:"M400,80 L400,120","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M400,190 L400,250","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M400,290 L600,290","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M400,290 L200,290","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M200,290 C150,290 150,350 200,350 L400,350","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M600,290 L600,350","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M600,390 L600,450","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M600,390 L400,390","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M400,390 C350,390 350,450 400,450 L600,450","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M600,490 L600,550","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M600,590 L750,590","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M750,590 C800,590 800,450 700,450","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M600,590 L600,650","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M600,690 L600,750","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M600,750 L400,750","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M400,790 L400,850","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line main",attrs:{d:"M400,890 L400,950","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M400,990 L200,990","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M400,990 L600,990","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M200,990 C150,990 150,900 200,900 L400,900","marker-end":"url(#arrow)"}}),e("path",{staticClass:"process-line",attrs:{d:"M600,990 C650,990 650,1050 450,1050","marker-end":"url(#arrow)"}}),e("text",{staticClass:"path-label",attrs:{x:"500",y:"280"}},[t._v("通过")]),e("text",{staticClass:"path-label",attrs:{x:"300",y:"280"}},[t._v("需修改")]),e("text",{staticClass:"path-label",attrs:{x:"500",y:"380"}},[t._v("充足")]),e("text",{staticClass:"path-label",attrs:{x:"350",y:"380"}},[t._v("不足")]),e("text",{staticClass:"path-label",attrs:{x:"670",y:"580"}},[t._v("不通过")]),e("text",{staticClass:"path-label",attrs:{x:"600",y:"620"}},[t._v("通过")]),e("text",{staticClass:"path-label",attrs:{x:"500",y:"730"}},[t._v("安排物流")]),e("text",{staticClass:"path-label",attrs:{x:"500",y:"990"}},[t._v("正常")]),e("text",{staticClass:"path-label",attrs:{x:"300",y:"990"}},[t._v("异常")])])],2)]),e("el-dialog",{attrs:{title:t.currentNode?t.currentNode.label:"",visible:t.dialogVisible,width:"30%"},on:{"update:visible":function(e){t.dialogVisible=e}}},[t.currentNode?e("div",{staticClass:"node-details"},[e("p",[e("strong",[t._v("节点ID:")]),t._v(" "+t._s(t.currentNode.id))]),e("p",[e("strong",[t._v("类型:")]),t._v(" "+t._s(t.getNodeTypeName(t.currentNode.type)))]),e("p",[e("strong",[t._v("URL:")]),t._v(" "+t._s(t.currentNode.url))]),e("div",{staticClass:"node-actions"},[e("el-button",{attrs:{type:"primary",size:"small"},on:{click:t.handleEdit}},[t._v("编辑节点")]),e("el-button",{attrs:{type:"success",size:"small"},on:{click:t.handleViewDetails}},[t._v("查看详情")])],1)]):t._e(),e("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[e("el-button",{on:{click:function(e){t.dialogVisible=!1}}},[t._v("关闭")])],1)])],1)},$=[];const Y={name:"ShippingProcess",data:function(){return{dialogVisible:!1,currentNode:null,scale:1,panEnabled:!1,lastPosX:0,lastPosY:0,showWheelTip:!0,userName:"",loading:!0,error:null,nodes:[{id:"start",type:"start",label:"开始",x:400,y:50,url:"http://dlp.tztek.com:3002/OALink.html?LinkId=201&ddtab=true",finishUrl:"http://oa.tztek.com:8989/spa/workflow/static4form/index.html?_rdm=1744773380522#/main/workflow/req?iscreate=1&workflowid=473102"},{id:"order_receive",type:"process",label:"接收订单",x:400,y:150,url:"dingtalk://dingtalkclient/page/link?url=http://dlp.tztek.com:3002/ding2SRM.html?ddtab=true",finishUrl:"http://192.168.2.111:8014/#/PriceAdjustment?key=750fca34"},{id:"order_verify",type:"condition",label:"订单审核",x:400,y:250,url:"/shipping/verify"},{id:"batch_assign",type:"process",label:"批次分配",x:600,y:250,url:"/shipping/batch"},{id:"order_modify",type:"process",label:"订单修改",x:200,y:250,url:"/shipping/modify"},{id:"stock_check",type:"condition",label:"库存检查",x:600,y:350,url:"/shipping/stock"},{id:"purchase",type:"process",label:"紧急采购",x:400,y:350,url:"/shipping/purchase"},{id:"picking",type:"process",label:"拣货作业",x:600,y:450,url:"/shipping/picking"},{id:"quality",type:"condition",label:"品质检验",x:600,y:550,url:"/shipping/quality"},{id:"rework",type:"process",label:"返工处理",x:750,y:550,url:"/shipping/rework"},{id:"packing",type:"process",label:"包装作业",x:600,y:650,url:"/shipping/packing"},{id:"shipping_assign",type:"process",label:"物流安排",x:600,y:750,url:"/shipping/logistics"},{id:"pickup",type:"process",label:"物流提货",x:400,y:750,url:"/shipping/pickup"},{id:"tracking",type:"process",label:"在途跟踪",x:400,y:850,url:"/shipping/tracking"},{id:"delivery_confirm",type:"condition",label:"签收确认",x:400,y:950,url:"/shipping/confirm"},{id:"issue_handling",type:"process",label:"问题处理",x:200,y:950,url:"/shipping/issue"},{id:"close",type:"process",label:"订单关闭",x:600,y:950,url:"/shipping/close"},{id:"end",type:"end",label:"结束",x:400,y:1050,url:"/shipping/end"}]}},mounted:function(){var t=this;this.getUserData(),setTimeout((function(){t.showWheelTip=!1}),5e3)},methods:{handleNodeClick:function(t){this.currentNode=t;var e=window.open(t.url);setTimeout((function(){e.close()}),5e3)},getNodeTypeName:function(t){var e={start:"开始节点",end:"结束节点",process:"流程节点",condition:"条件节点"};return e[t]||t},zoomIn:function(){this.scale<2&&(this.scale+=.1)},zoomOut:function(){this.scale>.5&&(this.scale-=.1)},resetZoom:function(){this.scale=1,this.$refs.processFlow&&(this.$refs.processFlow.style.top="0px",this.$refs.processFlow.style.left="0px")},handleWheel:function(t){t.preventDefault();var e=-.1*Math.sign(t.deltaY),s=Math.max(.5,Math.min(2,this.scale+e));if(s!==this.scale){var a=this.$refs.processFlow,i=a.getBoundingClientRect(),r=(t.clientX-i.left)/this.scale,l=(t.clientY-i.top)/this.scale,n=parseInt(a.style.left||"0"),o=parseInt(a.style.top||"0"),c=s-this.scale,d=n-r*c,p=o-l*c;this.scale=s,a.style.left="".concat(d,"px"),a.style.top="".concat(p,"px")}},startPanning:function(t){t.target.closest(".flow-node")||(this.panEnabled=!0,this.lastPosX=t.clientX,this.lastPosY=t.clientY,document.body.style.cursor="grabbing")},pan:function(t){if(this.panEnabled){var e=this.$refs.processFlow;if(e){var s=t.clientX-this.lastPosX,a=t.clientY-this.lastPosY,i=parseInt(e.style.top||"0"),r=parseInt(e.style.left||"0");e.style.top=i+a+"px",e.style.left=r+s+"px",this.lastPosX=t.clientX,this.lastPosY=t.clientY}}},stopPanning:function(){this.panEnabled=!1,document.body.style.cursor="default"},handleEdit:function(){this.$message({message:"编辑节点: ".concat(this.currentNode.label),type:"info"}),this.dialogVisible=!1},handleViewDetails:function(){this.$message({message:"查看节点详情: ".concat(this.currentNode.label),type:"success"}),this.dialogVisible=!1},getUserData:function(){var t=this;return(0,y.A)((0,f.A)().mark((function e(){var s,a;return(0,f.A)().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return t.loading=!0,e.prev=1,s=t.$route.query.userId,e.next=5,C(s);case 5:a=e.sent,t.userName=a.username,t.loading=!1,e.next=15;break;case 11:e.prev=11,e.t0=e["catch"](1),t.error=e.t0.message,t.loading=!1;case 15:case"end":return e.stop()}}),e,null,[[1,11]])})))()}}},E=Y;var X=(0,d.A)(E,I,$,!1,null,null,null);const V=X.exports;a["default"].use(h.Ay);var S=[{path:"/process/employee",name:"EmployeeProcess",component:k},{path:"/process/sales",name:"SalesOrderProcess",component:P},{path:"/process/shipping",name:"ShippingProcess",component:V},{path:"/",redirect:"/process/employee"}],T=new h.Ay({routes:S});const D=T;var F=s(7168),O=s.n(F);window.Hammer=O(),a["default"].use(r()),a["default"].config.productionTip=!1,a["default"].prototype.$username=null,new a["default"]({router:D,render:function(t){return t(u)}}).$mount("#app")}},e={};function s(a){var i=e[a];if(void 0!==i)return i.exports;var r=e[a]={id:a,loaded:!1,exports:{}};return t[a].call(r.exports,r,r.exports,s),r.loaded=!0,r.exports}s.m=t,(()=>{s.amdO={}})(),(()=>{var t=[];s.O=(e,a,i,r)=>{if(!a){var l=1/0;for(d=0;d<t.length;d++){for(var[a,i,r]=t[d],n=!0,o=0;o<a.length;o++)(!1&r||l>=r)&&Object.keys(s.O).every((t=>s.O[t](a[o])))?a.splice(o--,1):(n=!1,r<l&&(l=r));if(n){t.splice(d--,1);var c=i();void 0!==c&&(e=c)}}return e}r=r||0;for(var d=t.length;d>0&&t[d-1][2]>r;d--)t[d]=t[d-1];t[d]=[a,i,r]}})(),(()=>{s.n=t=>{var e=t&&t.__esModule?()=>t["default"]:()=>t;return s.d(e,{a:e}),e}})(),(()=>{s.d=(t,e)=>{for(var a in e)s.o(e,a)&&!s.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:e[a]})}})(),(()=>{s.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"===typeof window)return window}}()})(),(()=>{s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e)})(),(()=>{s.r=t=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}})(),(()=>{s.nmd=t=>(t.paths=[],t.children||(t.children=[]),t)})(),(()=>{var t={524:0};s.O.j=e=>0===t[e];var e=(e,a)=>{var i,r,[l,n,o]=a,c=0;if(l.some((e=>0!==t[e]))){for(i in n)s.o(n,i)&&(s.m[i]=n[i]);if(o)var d=o(s)}for(e&&e(a);c<l.length;c++)r=l[c],s.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return s.O(d)},a=self["webpackChunkbusiness_process_flow"]=self["webpackChunkbusiness_process_flow"]||[];a.forEach(e.bind(null,0)),a.push=e.bind(null,a.push.bind(a))})();var a=s.O(void 0,[504],(()=>s(1105)));a=s.O(a)})();
- //# sourceMappingURL=app.45e98fad.js.map
|
