yili/apps
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

流程全景源码

Browse Source
This commit is contained in:
446052889@qq.com 2024-03-28 14:41:46 +08:00
parent c4eeed354f
commit 38afc82186
12 changed files with 288 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
com.actionsoft.apps.coe.pal.processmap/com.actionsoft.apps.coe.pal.processmap.iml Normal file
View File

@ -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>

12
com.actionsoft.apps.coe.pal.processmap/manifest.xml
View File

@ -3,11 +3,11 @@
<app xmlns="http://www.actionsoft.com.cn/app"> <app xmlns="http://www.actionsoft.com.cn/app">
<name>流程全景</name> <name>流程全景</name>
<version>1.0</version> <version>1.0</version>
<buildNo>19</buildNo> <buildNo>14</buildNo>
<developer id="776cca9a287c8b4d63b9cad216aa3859" tablePrefix="ACT" url="http://www.actionsoft.com.cn">北京炎黄盈动科技发展有限责任公司</developer> <developer id="776cca9a287c8b4d63b9cad216aa3859" tablePrefix="ACT" url="http://www.actionsoft.com.cn">北京炎黄盈动科技发展有限责任公司</developer>
<productId>4f3b2bbb8144053b58fe727657b32006</productId> <productId>4f3b2bbb8144053b58fe727657b32006</productId>
<categoryVisible>false</categoryVisible> <categoryVisible>false</categoryVisible>
<releaseDate>2022-06-07</releaseDate> <releaseDate>2018-12-10</releaseDate>
<description><![CDATA[以全景的方式直观、清晰的呈现顶层架构和流程层次结构]]></description> <description><![CDATA[以全景的方式直观、清晰的呈现顶层架构和流程层次结构]]></description>
<details><![CDATA[ 可以通过层次结构和颜色识别不同的流程区域，便于从全局的角度梳理和归类流程。 <details><![CDATA[ 可以通过层次结构和颜色识别不同的流程区域，便于从全局的角度梳理和归类流程。
@ -17,7 +17,7 @@
- 支持鹰眼和鼠标拖动操作 - 支持鹰眼和鼠标拖动操作
- 支持图片导出 - 支持图片导出
]]></details> ]]></details>
<installDate>2022-06-07 20:25:13</installDate> <installDate/>
<upgradeDate/> <upgradeDate/>
<installListener/> <installListener/>
<pluginListener>com.actionsoft.apps.coe.pal.processmap.plugins.Plugins</pluginListener> <pluginListener>com.actionsoft.apps.coe.pal.processmap.plugins.Plugins</pluginListener>
@ -27,11 +27,13 @@
<uninstallListener/> <uninstallListener/>
<reloadable>true</reloadable> <reloadable>true</reloadable>
<upgradeRollback/> <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> <properties>
<property action="disabled" group="默认" name="description" title="应用介绍" type="input" isSystem="false" desc="一句话介绍此应用，建议10字以内" ref="">直观呈现流程层级关系</property> <property action="disabled" group="默认" name="description" title="应用介绍" type="input" isSystem="false" desc="一句话介绍此应用，建议10字以内" ref="">直观呈现流程层级关系</property>
</properties> </properties>
<modelAdministrator/> <modelAdministrator/>
<icon code="&amp;#xe87e;" color="#4E7FF9"/> <icon code="&amp;#xe87e;" color="#4E7FF9"/>
<requires/> <requires>
<require appId="com.actionsoft.apps.coe.pal.cooperation" notActiveHandler="none" res="false"/>
</requires>
</app> </app>

35
com.actionsoft.apps.coe.pal.processmap/template/page/main.htm Normal file
View File

@ -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>

25
com.actionsoft.apps.coe.pal.processmap/web/com.actionsoft.apps.coe.pal.processmap/action.xml
View File

@ -3,4 +3,29 @@
<cmd-bean name="com.actionsoft.apps.coe.pal.processmap_home"> <cmd-bean name="com.actionsoft.apps.coe.pal.processmap_home">
<param name="wsid"/> <param name="wsid"/>
</cmd-bean> </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> </aws-actions>

BIN
com.actionsoft.apps.coe.pal.processmap/web/com.actionsoft.apps.coe.pal.processmap/img/icon16.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
com.actionsoft.apps.coe.pal.processmap/web/com.actionsoft.apps.coe.pal.processmap/img/icon64.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 535 B

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
com.actionsoft.apps.coe.pal.processmap/web/com.actionsoft.apps.coe.pal.processmap/img/icon96.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 794 B

After

Width:  |  Height:  |  Size: 11 KiB

BIN
com.actionsoft.apps.coe.pal.processmap/web/com.actionsoft.apps.coe.pal.processmap/main/assets/asset-iconfont-bcc5db05.ttf Normal file
View File

Binary file not shown.

1
com.actionsoft.apps.coe.pal.processmap/web/com.actionsoft.apps.coe.pal.processmap/main/assets/asset-style-fb4bc68c.css Normal file
View File

File diff suppressed because one or more lines are too long

BIN
com.actionsoft.apps.coe.pal.processmap/web/com.actionsoft.apps.coe.pal.processmap/main/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

1
com.actionsoft.apps.coe.pal.processmap/web/com.actionsoft.apps.coe.pal.processmap/main/js/chunck-ProcessMapOrg-673b3e39.js Normal file
View File

@ -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};

206
com.actionsoft.apps.coe.pal.processmap/web/com.actionsoft.apps.coe.pal.processmap/main/js/entry-index-39c0b255.js Normal file
View File

File diff suppressed because one or more lines are too long