2 lines
4.5 KiB
JavaScript
2 lines
4.5 KiB
JavaScript
import{i as V,_ as $,d as x,r as n,o as T,a as j,c as q,b as a,e as _,w,g as G,f as y,n as L}from"./entry-index-39c0b255.js";const U=V.axios,H=(r,i)=>U.post({url:"jd",data:{cmd:"com.actionsoft.apps.coe.pal.processmap_panorama_getProcessPanorama",wsId:r,teamId:i}}),J=x({name:"ProcessMapOrg",components:{},setup:function(){const{proxy:r}=G(),i=n(null),f=n([]),v=[],h=n(""),d=n(0),g=n(2),S=["\u6D41\u7A0B\u5168\u666F-\u94BB\u53D6","\u6D41\u7A0B\u5168\u666F-\u5168\u666F"],l=n(!1),c=n(1);T(()=>{W()});const z=()=>{l.value=!0},B=()=>{l.value=!l.value},M=()=>{l.value=!1};function k(o){const e=o.treePathInfo,s=[];for(let t=1;t<e.length;t++)s.push(e[t].name);return o.name}const E=o=>{if(o===1){let e=[{itemStyle:{borderColor:"#777",borderWidth:0,gapWidth:1},upperLabel:{show:!1}},{color:["#4E7FF8","#1DA964","#E54747","#7556D7","#EDA344"],itemStyle:{borderColor:"#ffffff",borderWidth:0,gapWidth:2},emphasis:{itemStyle:{borderColor:"#6e6e6e"}},upperLabel:{show:!1}},{colorSaturation:[.6],itemStyle:{borderWidth:5,gapWidth:20,borderColorSaturation:.5},label:{fontSize:16},upperLabel:{fontSize:16}}],s=d.value-1;if(s>0)for(let t=1;t<=s;t++){let p=18-t*2,m=p<12?12:p,b={colorSaturation:[.6],itemStyle:{borderWidth:5,gapWidth:10,borderColorSaturation:.5,borderRadius:2},label:{fontSize:m},upperLabel:{fontSize:m}};e.push(b)}return e}else{let e=[{itemStyle:{borderWidth:0,gapWidth:0},upperLabel:{show:!1}},{color:["#4E7FF8","#188a52","#E54747","#7556D7","#EDA344"],itemStyle:{borderWidth:0,gapWidth:2,borderColorSaturation:.6,borderRadius:2},upperLabel:{show:!1},childrenVisibleMin:9e4},{colorSaturation:[.6],itemStyle:{borderWidth:15,gapWidth:20,borderColorSaturation:.5,borderRadius:2},label:{fontSize:18},upperLabel:{fontSize:18},childrenVisibleMin:9e4}],s=d.value-1;if(s>0)for(let t=1;t<=s;t++){let p=15-t,m=20-t*2,b=18-t*2,O=p<4?4:p,R=m<8?8:m,F=b<12?12:b,I={colorSaturation:[.6],itemStyle:{borderWidth:O,gapWidth:R,colorAlpha:[.1],borderColorSaturation:1,borderRadius:2},upperLabel:{fontSize:F},label:{fontSize:F},childrenVisibleMin:200*200};e.push(I)}return e}},W=()=>(H(wsId,teamId).then(o=>{let e=o.data.processMap;h.value=e.wsName,v.push({name:h.value,path:"",children:e.coEProcessMapTreeModels}),f.value=v,d.value=e.maxLevel,P()}),{treeModelList:f});let u;const P=()=>{u=r.$echarts.init(i.value);let o={tooltip:{formatter:k},series:C(c.value)};u.setOption(o,!1,!1)};function C(o){let e=D();return e.name=S[o-1]+":",e.levels=E(o),e.leafDepth=o-1===0?g.value:void 0,e}function D(){return{roam:!0,nodeClick:"zoomToNode",type:"treemap",height:"90%",width:"90%",fontSize:30,breadcrumb:{show:!0,top:25,left:25,emptyItemWidth:20,itemStyle:{color:"rgba(226,226,226,0.5)",borderMiterLimit:10,textStyle:{color:"#000",width:150,ellipsis:"...",fontSize:18}}},squareRatio:.75,zoomToNodeRatio:.32*.32,label:{show:!0,formatter:"{b}"},upperLabel:{show:!0,height:50,color:"#fff"},data:f.value}}window.onresize=function(){u.resize()};const N=(o,e)=>{if(o.target.tagName!=="INPUT"){if(e!==c.value){c.value=e,l.value=!1;let s=C(e),t=u.getOption();t.series[0]=s,u.clear(),u.setOption(t,!0,!1)}return{curMode:c,modeVisFlag:l}}};function A(o){o>d.value?r.$message({message:"\u5DF2\u8FBE\u5230\u6700\u5927\u5C42\u7EA7",type:"warning",showClose:!0,duration:1e3}):o<0&&r.$message({message:"\u5DF2\u8FBE\u5230\u6700\u5C0F\u5C42\u7EA7",type:"warning",showClose:!0,duration:1e3})}return{myRef:i,wsName:h,modeVisFlag:l,showModeSelect:z,clickBtn:B,closePopBtn:M,curMode:c,changeMode:N,changeBarLevel:A}}}),K={class:"home"},Q={class:"echarts-box"},X={ref:"myRef",style:{width:"100%",height:"100%"}},Y=a("div",{class:"operate-box"},null,-1),Z={class:"pro-map-fun"},ee={id:"dock"},oe=a("i",{class:"awsui-iconfont dock-icon",style:{"font-weight":"800"}},"\uE8BB",-1);function te(r,i,f,v,h,d){const g=y("el-button"),S=y("el-popover");return j(),q("div",K,[a("div",Q,[a("div",X,null,512)]),Y,a("div",Z,[a("div",ee,[_(S,{"popper-class":"mode-popper",placement:"left",width:150,trigger:"click",visible:r.modeVisFlag},{reference:w(()=>[_(g,{class:"mode-btn",onClick:r.clickBtn,onFocusout:r.closePopBtn},{default:w(()=>[oe]),_:1},8,["onClick","onFocusout"])]),default:w(()=>[a("div",null,[a("ul",null,[a("li",{class:L(["mode-click-li",r.curMode===1?"mode-click-li-active":""])},[a("span",{class:"mode-click-span",onClick:i[0]||(i[0]=l=>r.changeMode(l,1))},"\u77E9\u5F62\u6811\u56FE-\u94BB\u53D6")],2),a("li",{class:L(["mode-click-li",r.curMode===2?"mode-click-li-active":""])},[a("span",{class:"mode-click-span",onClick:i[1]||(i[1]=l=>r.changeMode(l,2))},"\u77E9\u5F62\u6811\u56FE-\u5168\u666F")],2)])])]),_:1},8,["visible"])])])])}var ae=$(J,[["render",te]]);export{ae as default};
|