流程全景源码
| @ -0,0 +1,13 @@ | ||||
| <?xml version="1.0" encoding="UTF-8"?> | ||||
| <module version="4"> | ||||
|   <component name="NewModuleRootManager" inherit-compiler-output="true"> | ||||
|     <exclude-output /> | ||||
|     <orderEntry type="inheritedJdk" /> | ||||
|     <orderEntry type="sourceFolder" forTests="false" /> | ||||
|     <orderEntry type="module" module-name="com.actionsoft.apps.coe.pal" /> | ||||
|     <orderEntry type="library" name="aws_lib" level="project" /> | ||||
|   </component> | ||||
|   <component name="SonarLintModuleSettings"> | ||||
|     <option name="uniqueId" value="f1104c59-cefd-4d1b-b242-4517c5e06aec" /> | ||||
|   </component> | ||||
| </module> | ||||
| @ -3,11 +3,11 @@ | ||||
| <app xmlns="http://www.actionsoft.com.cn/app">   | ||||
|   <name>流程全景</name>   | ||||
|   <version>1.0</version>   | ||||
|   <buildNo>19</buildNo>   | ||||
|   <buildNo>14</buildNo>   | ||||
|   <developer id="776cca9a287c8b4d63b9cad216aa3859" tablePrefix="ACT" url="http://www.actionsoft.com.cn">北京炎黄盈动科技发展有限责任公司</developer>   | ||||
|   <productId>4f3b2bbb8144053b58fe727657b32006</productId>   | ||||
|   <categoryVisible>false</categoryVisible>   | ||||
|   <releaseDate>2022-06-07</releaseDate>   | ||||
|   <releaseDate>2018-12-10</releaseDate>   | ||||
|   <description><![CDATA[以全景的方式直观、清晰的呈现顶层架构和流程层次结构]]></description>   | ||||
|   <details><![CDATA[ 可以通过层次结构和颜色识别不同的流程区域,便于从全局的角度梳理和归类流程。 | ||||
|      | ||||
| @ -17,7 +17,7 @@ | ||||
| - 支持鹰眼和鼠标拖动操作 | ||||
| - 支持图片导出 | ||||
|    ]]></details>   | ||||
|   <installDate>2022-06-07 20:25:13</installDate>   | ||||
|   <installDate/>   | ||||
|   <upgradeDate/>   | ||||
|   <installListener/>   | ||||
|   <pluginListener>com.actionsoft.apps.coe.pal.processmap.plugins.Plugins</pluginListener>   | ||||
| @ -27,11 +27,13 @@ | ||||
|   <uninstallListener/>   | ||||
|   <reloadable>true</reloadable>   | ||||
|   <upgradeRollback/>   | ||||
|   <depend versions="6.3,6.4,6.5" env="6.3.3">com.actionsoft.apps.coe.pal</depend>   | ||||
|   <depend versions="6.5" env="6.3.3">com.actionsoft.apps.coe.pal</depend>   | ||||
|   <properties>  | ||||
|     <property action="disabled" group="默认" name="description" title="应用介绍" type="input" isSystem="false" desc="一句话介绍此应用,建议10字以内" ref="">直观呈现流程层级关系</property>  | ||||
|   </properties>   | ||||
|   <modelAdministrator/>   | ||||
|   <icon code="&#xe87e;" color="#4E7FF9"/>   | ||||
|   <requires/>  | ||||
|   <requires>  | ||||
|     <require appId="com.actionsoft.apps.coe.pal.cooperation" notActiveHandler="none" res="false"/>  | ||||
|   </requires>  | ||||
| </app> | ||||
|  | ||||
| @ -0,0 +1,35 @@ | ||||
| <!DOCTYPE html> | ||||
| <html lang="en"> | ||||
| <head> | ||||
|     <script> | ||||
|         if (window.navigator.userAgent.indexOf('MSIE') > -1 || window.navigator.userAgent.indexOf('Trident') > -1) { | ||||
|             window.location.replace("../not_support_vue.htm"); | ||||
|         } | ||||
|     </script> | ||||
|     <meta charset="utf-8"> | ||||
|     <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||||
|     <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
|     <link rel="icon" href="../apps/com.actionsoft.apps.coe.pal.processmap/main/favicon.ico"/> | ||||
|     <title></title> | ||||
|     <link type='text/css' rel='stylesheet' href='../commons/css/font/iconfont.css'/> | ||||
|     <!-- | ||||
|     其它的js或css引用方式示例(<%= htmlWebpackPlugin.options.awsjsandcsspath%>) | ||||
|     <link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.awsjsandcsspath%>apps/_bpm.platform/css/model/console.m.dw.design.css"/> | ||||
|   --> | ||||
|     <script> | ||||
|         const settingParam = <#settingParam>; | ||||
|         const axiosBaseUrl = "./"; | ||||
|         const production =  true; | ||||
|         const devUserInfo = {}; | ||||
|         const wsId = "<#wsId>"; | ||||
|         const teamId = "<#teamId>"; | ||||
|     </script> | ||||
|   <script type="module" crossorigin src="../apps/com.actionsoft.apps.coe.pal.processmap/main/js/entry-index-39c0b255.js"></script> | ||||
|   <link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal.processmap/main/assets/asset-style-fb4bc68c.css"> | ||||
| </head> | ||||
| <body style="margin:0;"> | ||||
| <div id="app"></div> | ||||
| 
 | ||||
| <!-- built files will be auto injected --> | ||||
| </body> | ||||
| </html> | ||||
| @ -3,4 +3,29 @@ | ||||
| 	<cmd-bean name="com.actionsoft.apps.coe.pal.processmap_home"> | ||||
| 		<param name="wsid"/> | ||||
| 	</cmd-bean> | ||||
| 
 | ||||
| 	<!-- 流程全景vue3 home --> | ||||
| 	<cmd-bean name="com.actionsoft.apps.coe.pal.processmap_panorama_home"> | ||||
| 		<param name="wsId"/> | ||||
| 		<param name="teamId"/> | ||||
| 	</cmd-bean> | ||||
| 	<cmd-bean name="com.actionsoft.apps.coe.pal.processmap_panorama_getProcessPanorama"> | ||||
| 		<param name="wsId"/> | ||||
| 		<param name="teamId"/> | ||||
| 	</cmd-bean> | ||||
| 	<cmd-bean name="com.actionsoft.apps.coe.pal.processmap_panorama_getPanoramaTreeById"> | ||||
| 		<param name="wsId"/> | ||||
| 		<param name="teamId"/> | ||||
| 		<param name="id"/> | ||||
| 	</cmd-bean> | ||||
| 	<cmd-bean name="com.actionsoft.apps.coe.pal.processmap_panorama_getPanoramaTreeByIdToBread"> | ||||
| 		<param name="wsId"/> | ||||
| 		<param name="teamId"/> | ||||
| 		<param name="id"/> | ||||
| 	</cmd-bean> | ||||
| 	<cmd-bean name="com.actionsoft.apps.coe.pal.processmap_panorama_getPanoramaTreeByLevel"> | ||||
| 		<param name="wsId"/> | ||||
| 		<param name="teamId"/> | ||||
| 		<param name="level"/> | ||||
| 	</cmd-bean> | ||||
| </aws-actions> | ||||
|  | ||||
| Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 3.6 KiB | 
| Before Width: | Height: | Size: 535 B After Width: | Height: | Size: 7.9 KiB | 
| Before Width: | Height: | Size: 794 B After Width: | Height: | Size: 11 KiB | 
| After Width: | Height: | Size: 4.2 KiB | 
| @ -0,0 +1 @@ | ||||
| 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}; | ||||
 446052889@qq.com
						446052889@qq.com