From 7043dea354b941e1a9e27ea084a747bf9c920c73 Mon Sep 17 00:00:00 2001 From: jason <2667446@qq.com> Date: Thu, 23 Jan 2025 22:12:22 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=8A=9F=E8=83=BD=E4=BC=98=E5=8C=96?= =?UTF-8?q?=E3=80=91=E6=9B=BF=E6=8D=A2=20iconfont=20=E5=9B=BE=E6=A0=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/NodeHandler.vue | 30 ++++++-- .../SimpleProcessDesignerV2/src/consts.ts | 7 ++ .../src/nodes/DelayTimerNode.vue | 2 +- .../src/nodes/RouterNode.vue | 5 +- .../theme/iconfont.ttf | Bin 3128 -> 4360 bytes .../theme/iconfont.woff | Bin 2116 -> 2860 bytes .../theme/iconfont.woff2 | Bin 1616 -> 2328 bytes .../theme/simple-process-designer.scss | 71 ++++++++++++++---- 8 files changed, 88 insertions(+), 27 deletions(-) diff --git a/src/components/SimpleProcessDesignerV2/src/NodeHandler.vue b/src/components/SimpleProcessDesignerV2/src/NodeHandler.vue index c3f68830..3a50fe65 100644 --- a/src/components/SimpleProcessDesignerV2/src/NodeHandler.vue +++ b/src/components/SimpleProcessDesignerV2/src/NodeHandler.vue @@ -40,20 +40,26 @@
包容分支
- -
- +
+
延迟器
- -
- +
+
路由分支
-
+ +
@@ -263,6 +269,16 @@ const addNode = (type: number) => { } emits('update:childNode', data) } + if (type === NodeType.TRIGGER_NODE) { + const data: SimpleFlowNode = { + id: 'Activity_' + generateUUID(), + name: NODE_DEFAULT_NAME.get(NodeType.ROUTER_BRANCH_NODE) as string, + showText: '', + type: NodeType.TRIGGER_NODE, + childNode: props.childNode + } + emits('update:childNode', data) + } } diff --git a/src/components/SimpleProcessDesignerV2/src/consts.ts b/src/components/SimpleProcessDesignerV2/src/consts.ts index 2ba4fb3f..a74bd464 100644 --- a/src/components/SimpleProcessDesignerV2/src/consts.ts +++ b/src/components/SimpleProcessDesignerV2/src/consts.ts @@ -28,6 +28,11 @@ export enum NodeType { */ DELAY_TIMER_NODE = 14, + /** + * 触发器节点 + */ + TRIGGER_NODE = 15, + /** * 条件节点 */ @@ -498,6 +503,7 @@ NODE_DEFAULT_TEXT.set(NodeType.CONDITION_NODE, '请设置条件') NODE_DEFAULT_TEXT.set(NodeType.START_USER_NODE, '请设置发起人') NODE_DEFAULT_TEXT.set(NodeType.DELAY_TIMER_NODE, '请设置延迟器') NODE_DEFAULT_TEXT.set(NodeType.ROUTER_BRANCH_NODE, '请设置路由节点') +NODE_DEFAULT_TEXT.set(NodeType.TRIGGER_NODE, '请设置触发器') export const NODE_DEFAULT_NAME = new Map() NODE_DEFAULT_NAME.set(NodeType.USER_TASK_NODE, '审批人') @@ -506,6 +512,7 @@ NODE_DEFAULT_NAME.set(NodeType.CONDITION_NODE, '条件') NODE_DEFAULT_NAME.set(NodeType.START_USER_NODE, '发起人') NODE_DEFAULT_NAME.set(NodeType.DELAY_TIMER_NODE, '延迟器') NODE_DEFAULT_NAME.set(NodeType.ROUTER_BRANCH_NODE, '路由分支') +NODE_DEFAULT_NAME.set(NodeType.TRIGGER_NODE, '触发器') // 候选人策略。暂时不从字典中取。 后续可能调整。控制显示顺序 export const CANDIDATE_STRATEGY: DictDataVO[] = [ diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/DelayTimerNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/DelayTimerNode.vue index 94f9c413..7fbad1cd 100644 --- a/src/components/SimpleProcessDesignerV2/src/nodes/DelayTimerNode.vue +++ b/src/components/SimpleProcessDesignerV2/src/nodes/DelayTimerNode.vue @@ -10,7 +10,7 @@ >
-
+
- -
- +
+
2!?$Rx3%eLLWLS1GB1hg$s1vDU}tx#Km{-j+K znh-YnV#Ov@H-^OYg&2%cLI~LS#{<6lzzYd4{zQVAK45$>Q4&M9o|(n0peEjX&zW=2 zch0%roVoLPWIn#wTn_hr1%L|xFnn}kWZLtba28c22tROEF6F@b@rlx@4l=0T&!jp|P8}VQ7L+B*AEbR`V&v2`#^5U9 zR3BoKBNL<1h7Sr?0OTMYI5s^sTRQl((*e+MngSNyxt`eW0VI=T`S#M;A*JvecnGI) z_p{%>uRqty4&dIVy$hJ-rD5fH;6w0K;`j+dViqRme{$}T9d?TfqAPY z);q3*YC`A3idqw50xS2*mZAhAWsfB+urxc%e&M3rH20HZ*m2uBWbGPvm)iv!VJ{59 z%K$C$))e*_m`k?Oj0-%?U|0>yn6!YrHPb3N)G$FUaSG~58mKWrW+}{5W{Sy-&@#c; z98Y1kCqNki4P|U;Zso?@qMLKIwL5z^9Ul5_=UqM zIWf~EuHF$9Mu|i*eK}SC?cz9f@`bEX%_(P0|_nqjHtGjUK zi#}c~H@bUX-!XCIP>#l-BNIE`$h#v76N~5fo;fjIC>9IjC(i6WU-T}ELT1ymbJ@h? zVo~%ku^}KN26lG)eBC<-5}rn$t6p;}J{Jynz12?zzv4Dl!TMBdUviV20bYne3v`14 zyWj*}fUJRO4TEwS>D_zcG6prwr1RON^DpFafO{0+gJCN?;In((ld&ILFcS*eAA?uW z`X>AnnDDWAJ!j-}Tg}Q5nN~>GS1(zP@+0oBroHvISlV`In&^?VRCF`j+|<5qbFnGZ zs&%fb?RpLNjsCE(p4%r!q7hkd*RucOTkX{InwB?mnwHzIx9hZ6w)(!SEC#~fNW>fP zx3tdAZb(F%f+0yol^n@rk%j07hP7|Gi(HJX2sA?qo`h%M0A0c<`dcqjD}#JIxdpTN zbT~wpr?n-82C7aCvDTqDuTpQ*24+)8eSU0H{%`1iAt4zBJ`uP6f~O;by%T5((0Wl+e2QqR{i5PmTrN`L&bl{O zH?k~k6Jf4>P zWxsS&^82Oguad%LS*Xd@xGY&*15IMBG;!&un@`!MO?IH}Jy7?)R5wRm58p{tq!$)9 zv=N=>Z&lGw;50@45HRd-ainOk>!~d^iN;8-R~X zWw$zW{O|~AI^uDHv&*7PWIe-qe0^N!>%SZVudD&C% m)K8wtMxN2+C3Rw8|H?VByB$$th$)t==|;Gd`STK)q4CUFA* diff --git a/src/components/SimpleProcessDesignerV2/theme/iconfont.woff b/src/components/SimpleProcessDesignerV2/theme/iconfont.woff index 94befbd1898e85a0687043275b23b0667e74fd29..f4b4f3de95d8fb8c727b52d9a06b18e22a566d85 100644 GIT binary patch delta 2392 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 diff --git a/src/components/SimpleProcessDesignerV2/theme/iconfont.woff2 b/src/components/SimpleProcessDesignerV2/theme/iconfont.woff2 index e8f95c8c307663dec7a55cd4775adfc07a72de70..d66f968531f29868912969439cc3634ae976b9c1 100644 GIT binary patch delta 2325 zcmV+w3F`LH444uacTYw#00961000RX01E&B000pP000Qfkr*9+gf3X9s}{8;uSl5oUx`LiUe@>`dc^A}U){L!tWd`QZXfzKSLqXNFSp@U%vI ze`a?5#E~Xujp(IcBx-~Np?e~E^HS7HxGCDSJ&x#MNdrXmh{-ghVnBqLVKFCZOo`sL ze%Cq>YdvBWcci9&A@3UBZ!NDx!bjCD%CjYpJ~#Uphh8R2u0oss-&(7>uOCh9Od6q4 zDyjV0J!E#z=6pHKJV6u-8A37fW+C!OR84_W0-*!yrfKnbstnPACbr3?h+2S|{kr1_ z^!5;-oQh7A0>*M-Qw?xL74{CAvawvDECiN@MOhGp)=+bQmn|S}0W;DK%6$ObEM7nU zgV3-9k}896N9W7LCE)TjFnt4Kvlx&+0Q__fFnvOWj2$;-i-*gu2LP_{j)Lo_DpOqo zz#^9Man--TG-cX(S~b0H`snmC6Whc!eKR`?nhX02i_t%LKvroKy(Dy6HBkd_qoA(m z^!x&ehRiR23QMmp%KnigTknIlQRAII+416hR|}3@(f0!p5GvmT0JzP9poM| z8lD<-k9GQ>B$_@ubt#R|YH@CMFUii-^sCiHba^X&>>hdN2zK~3ardZ#80y3NhY@lT zpQsuQB`10e8#mXPPwC}OE*VWg?)jVxcoYx<{sPAq`kIDf?QU;4?R%elGbJ`gOh6Dm zNsfbmQuPq0NINh%$}ZIOm+k)x5o0n;qak~Hajlk6t6K!wl3fNMHk7O|$l^m@{0#0>`3jVBrm*0c#5@F0lCBXrV2 zy-tTB0U6WpBb=`3Ooim{M5+6tes}nGz~d zX15g;z(pzs@$f2ShF^Px(7_{d9#F9h2$Q@7!3YJre7{Da9K7Wv)9kb>kxO66WND;K zq_TdxlOYI%Pgv8y137+89jwQ~q7h>tAHRgqp?1XF2=GK+URoHprB7W(_g~F1~P2`2X z-uZR$)~ow`Ra$>cOs!g!vmi4&EHCVTbwF^z`=M5e18_~|f?&Mu|4=PRrgnud7bz>2 zR15w!7z}>7)Gm-5s{NmIJ#IBKe+8Eko6@$1PojC%w9NwFuWc+hQ{=W#f}8ko94nr6 z*i{S?Y_rOT(+3m3xB9BvX2D+xq&xY0LNwI<;`FkH)Bl3CcicWF3z9zzviEL(NN02z zosC@#_V)qbN%-UAa^42KS@+oOOOhbz%Rm6IWJulyCI_?RmyO%0 z!bab12^G&iPpx6CahK3|3k7U2+d=nm@}NJ=Cg#wc^Nu?3ujm%#UA5N=yB?>bj;NDZ zQ0`#0X~t$|lkFyxjcJo4prdGiJJW63ZL+nBh0~l()*~!|<>Mu_>ZS>CEu5@9+Rn&L zW+j$bC*4X`v^m}<$uF}YJtQSKI3*$=z>}b(Z-Rie3&)VgG@88wxn-AuJtmZt`MUI6UINc82FIg}JLie~vdf@gb6WZe* zC881s)FIM=mz+D_p-@za+T-?P=(VG-f1DF65&i4+@Wi{)GFqINv+LGHsT@m-+yWMT zfmMu1rgBtfpo0uP!|nnv!{yMc3Z8cXCNhXF;&NeWWBOxcqEpU)Z7$4QFPApwsj&%} z5IFV%t6@gDMKQAkS21Jjd>}FNl*`pXm#=p_esouag!$$t#OCu-MU+}`L>&+@(H!<8 z>*%jt0(B4eF>xEDPnHD&IH)F_8Ymnbif?u<^qr7ucVZSFox7WcH>RH1^f0uaEz7oPZ<hlMERnz45#LY!{zfFN^iaX+ELwS!VKXwRE{EA=@hqI8O%i5j?BJe6;+}9Hbwlcm zpY`_i`Z=~%($>#4(xkB#=P7C(E}*taD}#Nw26a-}+fKalU``!?MX>^GvJ%oTZCsj6 zdX6)wTeyIKGD<6pOt=Ph;lK3WZ#=EzIbXc|4KS&^kF8cT*na9mV8M+Q~En(KW v!K((A_xq$Qn#~DvH+W;`G%UC@A@0{b`^Mr9+XR2Z@y$%W;5M?bwXlZ+2aj$h delta 1608 zcmV-O2DkZ`63`47cTYw#00961000J101E&B000a)000I7kr*9+gLDdtNQn;tHUcCA zAPW)z1Rw>3X9sZ`s0tAkq^XkqOt5X?WLN6Z4Bg-(X-z&nZrc0#fl`814Jsy79V!!L zO{c;%>>Orlm8m0V+MYY$4#4JynKlbx)2V0<%e3@8_KI(PWExqa0Ju0*%{&iC_FF85 zA=ztCG}Z-_0*$$Uu(g8s3baMND#J;-n*dYIUGD<|K#F7(f+?%0(?Kz5^sFiH2Maw- zfHa>>8qbf0WT*k#f+LW~#q7Q;$SQ~c<}KzCfR*9J#pJDX3#hi4+?2rDvJ?+0958PQec1?2pljDygBGK z=rj0@(^+bTgsjzsfAIhYEC^g6h6ofOVrYp>u!g7$Fu=HCgwjB$z(Q(-3Ix(OK?4_H z&`Sj|q&`qV1nD=B;#omU_E7=w21q}^G(*eM9Sa3}cf?F=l*`q2JC#Z<4&g-Xa3YJ0 zOmo#l-fXvjJBn;J2v+M5v%7;}vsoMtlihAKA0Z@ENo6%2Ksc0VaVAb~8M6u_6Cvu@ z2&;uPV#!5h{$yFDJO@_d=0G7!znF&gmR3~|7c2oJHPdAgns>YPeYq7&1}$>>a|Ac z;jDU;hLARg7fjLr9qVI62Ako8~}n=^;s+QDr_Nbc07Y)TWwLoPEe~ zds&#Vwm$Mo1X$Uc@o zT|nA@Ok2EaB`2g=de(7j;8s3{9FIDypsOR#CU3nWtPVQ>i`{I4_8dMFhmo*`6+uT_>QJyy9~_otqJ6lcm? z-_KxMQdEOeWVYPkVrnp81L8=+29lIoJ10VsQ>`y5_*kV6lpE} zo*GG?(mq;D`j_@oy0Ji?)1?4F-(_b0_}0V2p=*B|sm%Y)-2ZXTr{9TIh}*e@#rCow z0RzySpPFuE|SGMKm>0Lf*30N z2U4^V`SCbJ62;iFfE69xKQx*ctd(mx>o@v`W2p-ML-GheHDz6le<47BHnBr~_N}TV zE78-fe=#^0DM_4Qv>a5^sj6(96E<1-ZiE@r>npE6NkjY&cQ7f G0002A{{j*K diff --git a/src/components/SimpleProcessDesignerV2/theme/simple-process-designer.scss b/src/components/SimpleProcessDesignerV2/theme/simple-process-designer.scss index 8cf2681d..f3d8b443 100644 --- a/src/components/SimpleProcessDesignerV2/theme/simple-process-designer.scss +++ b/src/components/SimpleProcessDesignerV2/theme/simple-process-designer.scss @@ -113,18 +113,21 @@ // 节点连线气泡卡片样式 .handler-item-wrapper { + width: 320px; display: flex; + flex-wrap: wrap; cursor: pointer; .handler-item { display: flex; flex-direction: column; align-items: center; + margin-top: 12px; } .handler-item-icon { - width: 60px; - height: 60px; + width: 50px; + height: 50px; background: #fff; border: 1px solid #e2e2e2; border-radius: 50%; @@ -138,13 +141,14 @@ .icon-size { font-size: 25px; - line-height: 60px; + line-height: 50px; } } .approve { color: #ff943e; } + .copy { color: #3296fa; } @@ -161,6 +165,18 @@ color: #345da2; } + .delay { + color: #e47470; + } + + .trigger { + color: #3373d2; + } + + .router { + color: #ca3a31 + } + .handler-item-text { margin-top: 4px; width: 80px; @@ -266,6 +282,18 @@ &.start-user { color: #676565; } + + &.delay-node { + color: #e47470; + } + + &.trigger-node { + color: #3373d2; + } + + &.router-node { + color: #ca3a31 + } } .node-title { @@ -711,45 +739,56 @@ // iconfont 样式 @font-face { - font-family: 'iconfont'; /* Project id 4495938 */ - src: - url('iconfont.woff2?t=1724339470412') format('woff2'), - url('iconfont.woff?t=1724339470412') format('woff'), - url('iconfont.ttf?t=1724339470412') format('truetype'); + font-family: "iconfont"; /* Project id 4495938 */ + src: url('iconfont.woff2?t=1737639517142') format('woff2'), + url('iconfont.woff?t=1737639517142') format('woff'), + url('iconfont.ttf?t=1737639517142') format('truetype'); } .iconfont { - font-family: 'iconfont' !important; + font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +.icon-trigger:before { + content: "\e6d3"; +} + +.icon-router:before { + content: "\e6b2"; +} + +.icon-delay:before { + content: "\e600"; +} + .icon-start-user:before { - content: '\e679'; + content: "\e679"; } .icon-inclusive:before { - content: '\e602'; + content: "\e602"; } .icon-copy:before { - content: '\e7eb'; + content: "\e7eb"; } .icon-handle:before { - content: '\e61c'; + content: "\e61c"; } .icon-exclusive:before { - content: '\e717'; + content: "\e717"; } .icon-approve:before { - content: '\e715'; + content: "\e715"; } .icon-parallel:before { - content: '\e688'; + content: "\e688"; }