"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[8992],{91820:function(e,t,o){o.r(t),o.d(t,{default:function(){return O}});var s=o(66252);const a={class:"left-panel"},i={class:"right-panel"},n=(0,s.Uk)("上一步"),l=(0,s.Uk)("下一步"),d=(0,s.Uk)("下载图片"),r=(0,s.Uk)("保存"),c={id:"LF-Turbo",ref:"container"};function h(e,t,o,h,p,u){const f=(0,s.up)("el-input"),m=(0,s.up)("el-button"),g=(0,s.up)("el-header"),$=(0,s.up)("Control"),_=(0,s.up)("NodePanel"),D=(0,s.up)("el-main"),b=(0,s.up)("el-container");return(0,s.wg)(),(0,s.j4)(b,{class:"mainBox"},{default:(0,s.w5)((()=>[(0,s.Wm)(g,null,{default:(0,s.w5)((()=>[(0,s._)("div",a,[(0,s.Wm)(f,{size:p.size,type:"text",style:{width:"170px"},modelValue:p.name,"onUpdate:modelValue":t[0]||(t[0]=e=>p.name=e),placeholder:"请输入流程名称",clearable:""},null,8,["size","modelValue"])]),(0,s._)("div",i,[(0,s.Wm)(m,{plain:"",onClick:u.$_undo,disabled:p.undoDisable,size:p.size},{default:(0,s.w5)((()=>[n])),_:1},8,["onClick","disabled","size"]),(0,s.Wm)(m,{plain:"",onClick:u.$_redo,disabled:p.redoDisable,size:p.size},{default:(0,s.w5)((()=>[l])),_:1},8,["onClick","disabled","size"]),(0,s.Wm)(m,{plain:"",onClick:u.$_download,size:p.size},{default:(0,s.w5)((()=>[d])),_:1},8,["onClick","size"]),(0,s.Wm)(m,{type:"primary",onClick:u.$_catData,size:p.size},{default:(0,s.w5)((()=>[r])),_:1},8,["onClick","size"])])])),_:1}),(0,s.Wm)(D,{class:"nopadding"},{default:(0,s.w5)((()=>[p.lf?((0,s.wg)(),(0,s.j4)($,{key:0,class:"demo-control",lf:p.lf,catTurboData:!0,onCatData:u.$_catData,onCatTurboData:u.$_catTurboData},null,8,["lf","onCatData","onCatTurboData"])):(0,s.kq)("",!0),(0,s.Wm)(_,{lf:p.lf,lfFlow:p.lfFlow,nodeList:p.nodeList},null,8,["lf","lfFlow","nodeList"]),(0,s._)("div",c,null,512)])),_:1})])),_:1})}o(94728);var p=o(7877),u={successCode:200,device:{apiObj:p.Z.system.device.deviceStatusSelect,parseData:function(e){return{rows:e.data,msg:e.message,code:e.code}},props:{key:"id",text:"name",type:"rect",class:"node-rect"}}},f=o(59782),m=o.n(f),g=o(83699),$=o(21963);const _={class:"btnControl"};function D(e,t,o,a,i,n){const l=(0,s.up)("sc-icon-Amplify"),d=(0,s.up)("sc-icon-Reduce"),r=(0,s.up)("sc-icon-SizeSuitability"),c=(0,s.up)("sc-icon-LocationRestore");return(0,s.wg)(),(0,s.iD)("div",_,[(0,s._)("div",{class:"icon",onClick:t[0]||(t[0]=(...e)=>n.$_zoomIn&&n.$_zoomIn(...e))},[(0,s.Wm)(l)]),(0,s._)("div",{class:"icon",onClick:t[1]||(t[1]=(...e)=>n.$_zoomOut&&n.$_zoomOut(...e))},[(0,s.Wm)(d)]),(0,s._)("div",{class:"icon",onClick:t[2]||(t[2]=(...e)=>n.$_zoomReset&&n.$_zoomReset(...e))},[(0,s.Wm)(r)]),(0,s._)("div",{class:"icon",onClick:t[3]||(t[3]=(...e)=>n.$_reset&&n.$_reset(...e))},[(0,s.Wm)(c)])])}var b={name:"Control",props:{lf:Object||String,catTurboData:Boolean},data(){return{size:"small",undoDisable:!0,redoDisable:!0,graphData:null,dataVisible:!1}},mounted(){this.$props.lf.on("history:change",(({data:{undoAble:e,redoAble:t}})=>{this.$data.undoDisable=!e,this.$data.redoDisable=!t}))},methods:{$_zoomIn(){this.$props.lf.zoom(!0)},$_zoomOut(){this.$props.lf.zoom(!1)},$_zoomReset(){this.$props.lf.resetZoom()},$_reset(){this.$props.lf.resetZoom(),this.$props.lf.resetTranslate()},$_catData(){this.$emit("catData")},$_catTurboData(){this.$emit("catTurboData")},$_showSave(){this.$emit("catData")}}},k=o(83744);const w=(0,k.Z)(b,[["render",D],["__scopeId","data-v-999a89d4"]]);var v=w,y=o(3577);const z={class:"node-panel"},C=["onMousedown"],T={key:0,class:"shape"},x={class:"node-label"},W={key:0,class:"scIcon"};function F(e,t,o,a,i,n){const l=(0,s.up)("el-image"),d=(0,s.up)("sc-icon-Lock"),r=(0,s.up)("el-scrollbar");return(0,s.wg)(),(0,s.iD)("div",z,[(0,s.Wm)(r,{class:"node-panel-scrollbar",height:"100%"},{default:(0,s.w5)((()=>[((0,s.wg)(!0),(0,s.iD)(s.HY,null,(0,s.Ko)(o.nodeList,(e=>((0,s.wg)(),(0,s.iD)("div",{class:"node-item",key:e.text,onMousedown:t=>n.$_dragNode(e)},[(0,s._)("div",{class:(0,y.normalizeClass)(["node-item-icon",{[e.class]:!0,"node-item-dis":0!=e.lock_status}])},["user"===e.type||"time"===e.type?((0,s.wg)(),(0,s.iD)("div",T)):(0,s.kq)("",!0),(0,s.Wm)(l,{src:e.image,fit:"contain"},null,8,["src"])],2),(0,s._)("span",x,(0,y.toDisplayString)(e.text),1),0!=e.lock_status?((0,s.wg)(),(0,s.iD)("div",W,[(0,s.Wm)(d)])):(0,s.kq)("",!0)],40,C)))),128))])),_:1})])}var L={name:"NodePanel",data(){return{nodeeId:""}},props:{lf:Object,nodeList:Array,lfFlow:Boolean},methods:{$_dragNode(e){0==e.lock_status&&this.$props.lf.dnd.startDrag({type:e.type,properties:{equipment_id:e.id,text:e.name,image:e.image}})},setNodeText(e,t){setTimeout((()=>{let o,s=this.$props.lf.graphModel.nodes;o=0==t.length?s:s[s.length-1],t.length!=this.$props.lf.graphModel.nodes.length?(this.nodeeId=o.id,this.$props.lf&&this.$props.lf.updateText(o.id,e)):this.setNodeText(e,t)}),200)},setAddNodeText(e){setTimeout((()=>{let t,o=this.$props.lf.graphModel.nodes;t=0==o.length?o:o[o.length-1],t&&t.id&&this.nodeeId!=t.id?(this.nodeeId=t.id,this.$props.lf&&this.$props.lf.updateText(t.id,e)):this.setAddNodeText(e)}),200)}}};const I=(0,k.Z)(L,[["render",F]]);var N=I,S=o(11337),A={name:"addProcess",components:{Control:v,NodePanel:N},data(){return{size:"small",undoDisable:!0,redoDisable:!0,id:this.$route.query.id,lf:null,lfFlow:!1,config:{grid:!0,background:{color:"#f7f9ff"},keyboard:{enabled:!0}},nodeList:[],name:"",graphData:{nodes:[],edges:[]}}},mounted(){""!=this.id?(this.getDetail(),this.lfFlow=!0):(this.initLf(),this.lfFlow=!1),this.getDevice(),this.$data.lf&&this.$data.lf.on("history:change",(({data:{undoAble:e,redoAble:t}})=>{this.$data.undoDisable=!e,this.$data.redoDisable=!t}))},beforeUnmount(){},methods:{initLf(){m().use($.aC),m().use($.EV);const e=new(m())({...this.config,container:this.$refs.container});e.setTheme({circle:{stroke:"#009688",strokeWidth:1,outlineColor:"#88f"},polygon:{fill:"#FFFFFF",strokeWidth:1},polyline:{stroke:"#009688",hoverStroke:"#009688",selectedStroke:"#009688",outlineColor:"#88f",strokeWidth:1},text:{color:"#000000",fontSize:12,background:{fill:"transparent"}},nodeText:{color:"#009688",fontSize:12},edgeText:{color:"#009688",background:{fill:"#f7f9ff"}}}),this.lf=e,e.setDefaultEdgeType("bpmn:sequenceFlow"),this.$_registerNode()},$_registerNode(){(0,S.registerConnect)(this.lf),this.$_render()},$_render(){this.lf.render(this.graphData),this.$_LfEvent()},$_LfEvent(){this.lf.on("node:click",(({data:e})=>{console.log("node:click",e)})),this.lf.on("element:click",(()=>{console.log("element:click")})),this.lf.on("edge:click",(({data:e})=>{console.log("edge:click",e)})),this.lf.on("edge:add",(({data:e})=>{console.log("edge:add",e)})),this.lf.on("node:mousemove",(({data:e})=>{console.log("node:mousemove",e)})),this.lf.on("node:drop",(({data:e})=>{console.log("node:drop",e)})),this.lf.on("blank:drop",(({data:e})=>{console.log("blank:drop",e)}))},$_download(){this.$data.lf.getSnapshot()},$_catData(){this.graphData=this.$data.lf.getGraphData(),this.saveProcess()},$_undo(){this.$data.lf.undo()},$_redo(){this.$data.lf.redo()},$_catTurboData(){const e=this.$data.lf.getGraphData();this.$data.graphData=(0,g.toTurboData)(e)},async getDevice(){const e=await u.device.apiObj.get();e.data.forEach((e=>{e.text=e.name,e.type="connect",e.class="node-push"})),this.nodeList=u.device.parseData(e).rows},async getDetail(){let e={id:this.id};const t=await this.$API.system.process.info.post(e);200==t.code&&(t.data.nodes&&t.data.nodes.length>0&&t.data.nodes.forEach((e=>{e.text.y==e.point_y&&(e.text.x=e.point_x,e.text.y=Number(e.point_y)+65)})),this.graphData=t.data,this.graphData.edges=t.data.edges,this.graphData.nodes=t.data.nodes,this.name=t.data.name,this.initLf())},async saveProcess(){let e={name:this.name,nodes:this.graphData.nodes,edges:this.graphData.edges},t={code:""};this.id>0?(e.id=this.id,e.remark="",t=await this.$API.system.process.update.post(e)):t=await this.$API.system.process.add.post(e),200==t.code&&this.$message.success("流程保存成功")}}};const P=(0,k.Z)(A,[["render",h],["__scopeId","data-v-f7c457b2"]]);var O=P}}]);