From 45f5a28775d47d1e67ad78bf6e8177c636e4a924 Mon Sep 17 00:00:00 2001
From: limengnan <420004014@qq.com>
Date: Sat, 17 Jan 2026 12:32:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/business/project/index.ts         |   16 +
 .../src/api/business/scenario/index.ts        |    9 +
 .../frontend/src/assets/table/moni.png        |  Bin 0 -> 679 bytes
 .../src/assets/table/moni_disabled.png        |  Bin 0 -> 687 bytes
 .../frontend/src/assets/table/result.png      |  Bin 0 -> 576 bytes
 .../src/assets/table/result_disabled.png      |  Bin 0 -> 615 bytes
 .../frontend/src/assets/table/see.png         |  Bin 0 -> 616 bytes
 .../frontend/src/assets/table/shifa.png       |  Bin 0 -> 555 bytes
 .../frontend/src/assets/table/u267.png        |  Bin 0 -> 478 bytes
 .../src/assets/table/u419_disabled.png        |  Bin 0 -> 510 bytes
 .../frontend/src/assets/table/view.png        |  Bin 0 -> 517 bytes
 .../src/components/antvx6/changesettings.vue  |   29 +-
 .../frontend/src/components/antvx6/index.vue  |   17 +-
 .../frontend/src/components/antvx6/viewx6.vue | 1518 +++++++++++++++++
 .../component/scenario/createscenario.vue     |   15 +-
 .../src/views/component/scenario/index.vue    |   73 +-
 16 files changed, 1639 insertions(+), 38 deletions(-)
 create mode 100644 business-css/frontend/src/assets/table/moni.png
 create mode 100644 business-css/frontend/src/assets/table/moni_disabled.png
 create mode 100644 business-css/frontend/src/assets/table/result.png
 create mode 100644 business-css/frontend/src/assets/table/result_disabled.png
 create mode 100644 business-css/frontend/src/assets/table/see.png
 create mode 100644 business-css/frontend/src/assets/table/shifa.png
 create mode 100644 business-css/frontend/src/assets/table/u267.png
 create mode 100644 business-css/frontend/src/assets/table/u419_disabled.png
 create mode 100644 business-css/frontend/src/assets/table/view.png
 create mode 100644 business-css/frontend/src/components/antvx6/viewx6.vue

diff --git a/business-css/frontend/src/api/business/project/index.ts b/business-css/frontend/src/api/business/project/index.ts
index fcd9685..98683f2 100644
--- a/business-css/frontend/src/api/business/project/index.ts
+++ b/business-css/frontend/src/api/business/project/index.ts
@@ -59,4 +59,20 @@ export function topologyDevicesLsit(queryParams:any){
   });
 }
 
+//初始化项目模拟数据
+export function simulationInit(queryParams:any){
+  return request({
+    url:'/projects/simulation/init' ,
+    method: 'Post',
+    params:queryParams
+  });
+}
 
+// 运行项目模拟
+export function simulationRun(projectId:string,scenarioId:string,  data:any){
+  return request({
+    url:'/projects/simulation/run?projectId='+projectId+'&scenarioId='+scenarioId ,
+    method: 'Post',
+    data: data
+  });
+}
diff --git a/business-css/frontend/src/api/business/scenario/index.ts b/business-css/frontend/src/api/business/scenario/index.ts
index 7c082f1..87fbdd6 100644
--- a/business-css/frontend/src/api/business/scenario/index.ts
+++ b/business-css/frontend/src/api/business/scenario/index.ts
@@ -48,3 +48,12 @@ export function deleteBatchScenarios(queryParams:any){
     data: queryParams
   });
 }
+
+//获取所有项目列表
+export function getActiveAlgorithms(){
+  return request({
+    url: '/algorithms/getActiveAlgorithms' ,
+    method: 'get'
+  });
+}
+
diff --git a/business-css/frontend/src/assets/table/moni.png b/business-css/frontend/src/assets/table/moni.png
new file mode 100644
index 0000000000000000000000000000000000000000..8c8e5f1c92420d61586f7a6c7ecc1ac5ef0ca343
GIT binary patch
literal 679
zcmV;Y0$BZtP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0z64XK~y+TbyGcP
zQ&AZGzMGV0=n%z0RA>kD6rosYK!kz{4h|h1+^o1*$qz_DI+R)*T#7bEbaBw3RIoz_
z2SGuF4k<-w7mcZlD0C@Ap+iFBJ)ZC7nvzP-^6oq5eShbEPh}7Ki%9nZqYxPum8?Kg
zs!|az>(Zl3wFkNtK8?|p;CR80I+dpkPBO4U^%Dad>X;0YC7%Xl{9D;AhLGI^QPGzv
z-ek48<}aQ4{z4l;>L63_IY!)9$YSl0yB=s(&igA-5s32sa-jA_l*7rW;Om(p#_V0A
z+c<<4zOeGkTFK?(uLw(;aJu!iq#pv+fdwn@&_f0tgRdHy+|kKcB{Df&a!y}y=Jy<J
z!HNVa#zsk>bCfE*8FM_GHkUs?(e0p%B;=SqXwb#jJa%Xu#o8{GsSP_CV(zX4vJ2LJ
z^S2H%(=!%XI8nrfAPIxl$z>gneF|;0+5a&xAk?&JXS>FjBshPAx0bRI)*v_=_%6__
zq0Ks0Rd9#VleLmA1xai-Y;*@7w?EQ<4XL)oN<e$tfK?V~$R9nkQFgO27eIe(OV{Xu
zzGkMr-Zbt7O^zPWH*9x?{*3c#&($7lHApdRWBC{nuk$gH$@>Xz*-n>9`{2|q9Ol*j
zuo!zc6XnQ3onuSO9(c>S@1CDV()hiw%B>!bB~rB*<2wI>1#Q-4LKM@S?I)FY5M6=C
zc5Il<%(m&-lm&mBY2REY!9UopO9D4|9Acs@RFeFt!ZUwqo$vNT<S$oW={D2om?8iG
N002ovPDHLkV1jkGF3A7@

literal 0
HcmV?d00001

diff --git a/business-css/frontend/src/assets/table/moni_disabled.png b/business-css/frontend/src/assets/table/moni_disabled.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb92611107f7963cfb93823de190fea08a778e09
GIT binary patch
literal 687
zcmV;g0#N;lP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0z^qfK~y+TbyH1i
z6Hyes_f0ZYi_j29s)9k=##o^U#V!<A#f`Wy3*EYNQ;8pcp!f%bNJVhxItVUAw}Kyw
zmTt6*HZ`{Ov#o>%L}@0ScRlyzk($yT7~af1@7{avd2g6@V0co(%?-&h(;<9DMkruQ
z>qJ~{{-))Xr@YzT*+y4^lO;KBL@pX8wxUV&3-1ZmNbq2H$O*lvPMIZ_0CWoEZ`lj@
zI&F#OKCSW$Rj_pj2JYB1P%|dXOSLk;)|e}R<P&1}l5NSW+GF!oV|yWYTl&I;t_GpJ
zpMPMgoVy|W!ali<el<vY=l8jyEYw_hWPbQi2Zeh!pTvBAe~(m5DkB3LJQ(w|V}YT&
z_Lx%?@RfYYj%yQ7Ik?V5jlVJF4P4Hu%d=0o<$2gny}Fu2UZ{DhP!&1S!?LVm!6^wv
zFmA0K?uN=={K*xZ!#vy?KQ&>GdI|-ojwQk=QJM{=-3!Acf$=Aj;?S)?%F-4a3NQiH
z#mZqH??Pe1W(PN<Xi3gO!Sq6zmpw%~nvQM^<fBqQU6a6b6mPX}n>AE4mXjv)v+6_h
z!I9h0i&ZxuzhHp$V85L61bxoXH&mM?;kVT(e!f!XhNm3##%fdKF19aH$&NtN7$m*i
z?cD#zk(+X$w?~RF@1v^11Vq&g&*@2sq05DmjM60Dc7b-*WGHTEj>bCwf+h_$XoN*Z
zVbCA4^gRe^&BoMH!>}WAUJ=c><onPIY!~p*yPmdEK$k4&NDO`*xQ*m>ow?f&qJK;|
V>|&A)7*qfN002ovPDHLkV1ia;IV%7F

literal 0
HcmV?d00001

diff --git a/business-css/frontend/src/assets/table/result.png b/business-css/frontend/src/assets/table/result.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9c033d6118a4310e2ba2b82cec5e1a460be6f2f
GIT binary patch
literal 576
zcmV-G0>Ax<P)<h;3K|Lk000e1NJLTq000mG000jN1^@s6?Q>5r00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0o6%FK~y+Tl~O%O
z98nPd=H0p%BoGr+LJ}?F-I^wiAcz`LMN*^)HWn5lNqf5o5n`7<#o>wAXrqOqjaDg=
zE-Drh2&9qQREZo48gqrk-kxtV@3{t#h-W?+-u!;M^F!IZ-i1aN{tr>gLC<bMmB<U2
zp?MKRb4l<@)ErJbHGBl&O{u7+U<f>)2b1`<ko9%!1v+nZWj)t`m(vRwUoR!*UpUEI
z2VozP#@^n$P5s6$SNJO!8Ts0%O}K!6{vaFZd3lya9-G4QF&|2Cn_ESX^t@t|h_=MH
zWmP*w#uFDDMucqwI>q+g7@Luc9R@b;x6q6IBc9L-!%X-^F$&?V`cOxZBDB`Pg;Wa9
z&3a7m9NmH55TXH5e~P3<+NEZ)G_Bq@+=2{l+~x%QGI62X*K1}IMsK(UVhjU(P%6@T
z;zHDfJP|pbuX`<lISw1S1f;MhO*SW{g&R|ceSse&ET^IyIWf+Q(1b5F2d|o9d>8Yx
z5RJ)~(p7~`xx`91r5?!;W#_=NvyytqMn0L<Wpa8*DOwfREon#6Q5A_?hDTjF{aPvX
znSw?jLNlFW`|cf@+ploQ8aGJ}=bH@bL6XxDatFs@Q9XS6j&GEI^UNQ=thy}aMj#Ua
O0000<MNUMnLSTX>&hRP#

literal 0
HcmV?d00001

diff --git a/business-css/frontend/src/assets/table/result_disabled.png b/business-css/frontend/src/assets/table/result_disabled.png
new file mode 100644
index 0000000000000000000000000000000000000000..51f37fe8600483037da6938d2b5d3068767023e7
GIT binary patch
literal 615
zcmV-t0+{`YP)<h;3K|Lk000e1NJLTq000mG000jN1^@s6?Q>5r00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0sKisK~y+Tjgw7i
z6HySy|MNCqt%<a$h)A(&k~Sh$uU>NTqM+8R7jG7{)Pk)b^w6s}kr3~mJbF+N1gRGh
zy!k<C(;if$NNby>F=i8YXPmd$)~{0YgJoxS=FQG~|2LGI;DQ+R6GPAenoH!P(W=tZ
zj}OSD+zlCJPhLj$;8U2hD{hON7;wpW@@%1GmSGDF-QrXj?+ESs^3WI`w6+PpbU@}h
zAJ>J)LU)@T3*^VRFEhcXF{3-y$DR{8IOTX)2~)QDr$GKD5BfwGG?2?|ppdJ`2z;dK
zO?ot6GHW)+5h}+Ms9HNXL=%^X$tt<EgcMkCAm-EaiigcqT+TDFxRj<hN4`qdiQ)u#
zXb9o;QqipbQ9#>^`W{ZYoAk=cV}n}^j`Ii;&Kbcwb(21DD9X5}9hD>P6kzVIS=ZNW
z+xta!ocl#^QM;O+yH8*2H!XP9i(pjEssE~=e;pP>i(88=%{09*jP&qr=?x0_E+~lX
zK#Ng_$iC1G==veOx_i^8%XfQ~uh?s>hqV#Lf9JCs!F<BU9kt(fNAY;IMx5%FYpTq8
zxoApcHAftM?fk!JV$Di-c#;PqKCbEv3}~+{ZTEu?&ilPCJ)xtMygw%B3770n6G_it
zMP*&iR^*Jz*%eHqw%^m~G&;byg`%0YH#A?9>`%ta(S|H-j{*Py002ovPDHLkV1m|r
B9ZUcK

literal 0
HcmV?d00001

diff --git a/business-css/frontend/src/assets/table/see.png b/business-css/frontend/src/assets/table/see.png
new file mode 100644
index 0000000000000000000000000000000000000000..6671804c6768f4592368af0fe701922c34450710
GIT binary patch
literal 616
zcmV-u0+;=XP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0sTotK~y+TjZ?pC
zQ&AK?-_2`u5Ut=4rC<g7OB@_Jbkm`uL;i#;f=bD&ND*<+M<=K7RK!0)aLMLi#RzT+
zc2KD%qF|tfiWGDR$;&-{C*DLfP4$EK?)%QUeD}NOoQJ7c&p@>zz&ZI(sOSb?N&Sv{
zNCE$tq~(A#<o^j(S)j<(V~24RQ)S=rIhp%dagCW+C&Qj0<T}!NcOP5!ZTnQ@6GTq%
zU__Be#;cSpIO@s9Wb@QzEto({WXDz$#dNG{N`-N0Ztci~C3ZvCYu32ynt}d?3G8Lv
zFkAMgr(^$!4i1FS08v=wWZ9p0A{E;0#po(ik4yD?SnG<cLQw3C$y=swS-y|K70e<W
z7DK!T3f5Th34uNlMZ)@Di!#jhi)k1Lyif5t#Qp%g^pbYg+Jf8rRG)G4t9t4#gtQ$p
z8Wb;bnUpS`=2c&_V^=scC9BD=9eW6zy{Qq0WtE?a%SmQ2x~u_Gvziz;j1<`XrX{HC
z=d?Xw4Ss|$4Pb>%iZjc8-uSKp$73B=$5Vin=LxdHA*_o>@80zk>#ADyDi!07<g0p}
zHPT03WSOULd`M9>zP&9+;Pgf>Nx<Vett?oL>|dzxUKiOeYfZHcBze&<6fizKc>(Ok
zJiGUX4_mdQi;`o%yV7ibmlyeix+D%mQ};KZ+V}~?)ZSIb9Evai0000<MNUMnLSTZ#
CzZxL`

literal 0
HcmV?d00001

diff --git a/business-css/frontend/src/assets/table/shifa.png b/business-css/frontend/src/assets/table/shifa.png
new file mode 100644
index 0000000000000000000000000000000000000000..558bbf7c3b8fff665ad214d3b6915933fed53350
GIT binary patch
literal 555
zcmV+`0@VG9P)<h;3K|Lk000e1NJLTq000jF000mO1^@s6$yOx<00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0l-N_K~y+Tg;T#v
zTTv7~-zCuu3K<*}1Osa7A~@=#i{Rp9{{S<qjfhYLL7W_fYOE-Nt0)+0p@XyN;Na#D
z(kPfAtr-*?GDuDD>383Ih^f!ygUdbd{J7^kKOUqGx~6PDj7(5W(D@*rF{{2s!~}OJ
zI?@_9M)oPXzzg0>-Jk5FXC%;_w#TB<9(@0gCV|AF&uF{aKslMVo79b~N{RX+Nb4gE
zntb1CK($kVd24l`;V&*K5&hvFQ^A&6E!VA?%nl(KQPDCP#$eH#Uq{Z_s)Ai}SmPMQ
zUy*0*k!ophK_kB(WC+lNMDacU1^2%9t6;CIkYj32-6yj=MJwoawfY`!0XAWmj;#vm
z;Y(*6#i;9Yqv)NA+(6|eQxza3H>x5}!DaH4uMh+l-Z{lE+BwIBs&ZZ0!R;ZeVNRc%
z(H2wD*4&zLi}Hf1;4pAhOJp(&Ai{Cw)XMP9SK~^RnoA;9TWDKm<5Je>iLvsH*-BiJ
z9dAjvtG9eL5x9pypW5PRK3YVDzAN;d_Oz;nnzTQpHDN{1+4U^<`I1F`=Gnf^m^o*!
t`B(kSpuiea6#HBtr;+{hh(+Hj@(<~jy42EGFs1+i002ovPDHLkV1k;C{MG;f

literal 0
HcmV?d00001

diff --git a/business-css/frontend/src/assets/table/u267.png b/business-css/frontend/src/assets/table/u267.png
new file mode 100644
index 0000000000000000000000000000000000000000..90509c2b3f542d0ce7b8550d245e6f7fdac67b95
GIT binary patch
literal 478
zcmV<40U`d0P)<h;3K|Lk000e1NJLTq000jF000mO1^@s6$yOx<00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0dq-2K~y+T&66QW
zLs1ll&$*kjFu|~}AZXYom}XZr8W#kEVG3FVd1y0DF<6~52nID8%xY4w*t9>x!VrUD
zf?>$^e*gP+_Z++-*!<wWbMCq4ynFAt=co)|Y6IDJ5(iXgI2r+D=cQ&I!^J*~lM&-(
zq!@TjwFH%Wj*KyKm-kTYdi)Rz9v<Otszs=7`Bk(2B|0mRmH=hv5}|o7cu-M$ygvb;
zuDQ)%QB{^zwM4@qcl~hd17VUXjO2CnA~f(mD+Ldj^e_<`e!=?Df7j~qgn1b4{iK&9
zJD;l{Y4v{M2@9~s<Dc<5V?5%MeKrVcuTAVbmxx%f7)@J|FdFXE8IlyUomNQJ&ijc6
z|ABuLi~u)$&D&N}-uRy9Rt6%M99PaIqMQDXG$cV0AnO{S*95Chp4bmFpKe<vz^4^q
zR~5FAkv4p)byiN*+6IFqmhu8brv0iuM=i-hnCJVRvOIIn6oc#U6np-WITjK52ARB!
U^e*T0uK)l507*qoM6N<$g85F$UH||9

literal 0
HcmV?d00001

diff --git a/business-css/frontend/src/assets/table/u419_disabled.png b/business-css/frontend/src/assets/table/u419_disabled.png
new file mode 100644
index 0000000000000000000000000000000000000000..32c8e2e19a2a3c27a75acc8a6eea1207c482d485
GIT binary patch
literal 510
zcmV<a0RjGrP)<h;3K|Lk000e1NJLTq000jF000mO1^@s6$yOx<00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0h38YK~y+T&67V%
zTtO7Y&z<*2T~Q(1Y{U?Q?7CRkC}{+-O%WRr(xuzR5W$ez4<LdG_!+Eh`~)F|kYX#5
z?D~&@kboe9OTxx=?#Y|y<QaGy(9U1+&bxQc9hjMW1zmVtW1-N8=Y}ki_^C0zoUEHO
zzno#b-m=J`zn3qJ#V7>dlT1(8!OQBB7H<r<<ciB9ED59-#N0jnU_Qr>WQQuY6QbfR
z88Wu4^M+FL@!b)&r1D0esh}((qbl5sC|7>DD;Ag{`6G<bOfRguq7{2BbEbz|%{9|X
zUH_r{mbCz=H$F-|cjk#z#^djG!2SQdq%>Y-&YMeIU$AQ1n45g3{Wg#V_iSuqrhLw6
zZ^`Jgn?z23o13-4AqEOW8c4y#|B@@d4-csLD&naaIc<KEU&;F)I2D7Vq{mOZB_nhn
zn>4@Ej-t;GKsp4+z$d4Nz*nbJHAa_-D%f#x+9Xe3vo{{VD;l=K5PL4y4Ye2}<w;<<
z-Pkne*+`Br>97WvP4*k~sXW4Va+Lb<hS>*zKZ7}sD2YM1h5!Hn07*qoM6N<$f^wnb
A<p2Nx

literal 0
HcmV?d00001

diff --git a/business-css/frontend/src/assets/table/view.png b/business-css/frontend/src/assets/table/view.png
new file mode 100644
index 0000000000000000000000000000000000000000..77e27ac8c7cb87e4c22979e762e78bd2c36bc680
GIT binary patch
literal 517
zcmV+g0{Z=lP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0h&ofK~y+TjZ-~K
zLSYm>=T%71!BHyEMU$wlJ=<(+2@8aXmWc8S4Ivg11+HmdQ_#@R)=<$LG&l%31*uR&
zkVAn#Al}n+Z*PLAcpo_Tp6}0ldA1<l&$bkWD9ywnasd%}C#LJsAn$S1(nS_phvG_z
zzm3lj$QT|=pc9T}^c#XN8YOk;*jyrJ>0@-AP|O@5;t!*D4X0b7fY-<!V5A2a;zsNS
z=0>MEBRNp!-GK<567zmPVoi_6tpko(*eTI!qr{g+=L)ecokT~eo&>f*)ZaN_`D&Kc
zoy`wI&j`r6gUEtSOjI!1f#_Lcy{zU8+lAPs#K|LTU;|p{{=c){4*I|ZKV#G+D1y#z
zaIIb2<|=`BB#+ZpaKdTOJop@v<ijiCbCm#}`nWJvjEIXec=q}I6jb)6;V|qcdP2qY
zL{`sCZb(Q-wz1^q%Ne(DMtzRC7Ff81DlHRWqlVMgYz9GrAFte^bi%QSv=I}){g*jx
zNpOVZ0E&eDZ95JCGga#)wP-{K@r<4lMZVV~RYl<}5v6_s=5wK;wwLG200000NkvXX
Hu0mjfe*oX~

literal 0
HcmV?d00001

diff --git a/business-css/frontend/src/components/antvx6/changesettings.vue b/business-css/frontend/src/components/antvx6/changesettings.vue
index 4f38908..1ff3255 100644
--- a/business-css/frontend/src/components/antvx6/changesettings.vue
+++ b/business-css/frontend/src/components/antvx6/changesettings.vue
@@ -8,6 +8,8 @@ export default {
 import { onMounted, ref, nextTick } from "vue";
 import { ElForm, ElMessage, ElMessageBox } from "element-plus";
 import { searchDevicesPage } from "@/api/business/database/device";
+import { topologyDevicesLsit } from '@/api/business/project';
+
 const emit = defineEmits([ 'closeChangesettingsModel']);
 
 const props = defineProps({
@@ -44,20 +46,23 @@ const materialName:any = ref(props.materialInfo.name) // 变动物料信息
 const tableData:any = ref([])
 
 function gettableData() {
-let params = {
-  name: "",
-  type: deviceTypetype.value,
-  pageNum: 1,
-  pageSize: 999,
-};
 if(deviceTypetype.value == ''){
   return
 }
-searchDevicesPage(params).then((result:any) => {
-  deviceList.value = result.records;
-}).catch((err) => {
+  topologyDevicesLsit({
+    id: props.projectInfo.projectId
+  }).then((res:any) => {
+    if (res.code == 0) {
+      deviceList.value = res.data;
+    }
+  })
+// topologyDevicesLsit(params).then((result:any) => {
+//   deviceList.value = result.records;
+// }).catch((err) => {
+
+// });
+
 
-});
 }
 
 
@@ -194,7 +199,7 @@ function dialogMaterialClose(){ // 变动公式设置关闭
   isDialogFormula.value = false
 }
 function handleClick(item:any, index:any){
-  formulaInfo.value.correlation =  JSON.parse(JSON.stringify(item.name))
+  formulaInfo.value.correlation =  JSON.parse(JSON.stringify(item.deviceName))
   isAcitve.value = index
 }
 function handleClose(){ // 变动公式设置关闭
@@ -258,7 +263,7 @@ function confirmTableClick(){ // 确认变动公式设置
             <div v-for="(item, index) in deviceList" :key="index" class="choiceMateria-left-item"
               :class="{'choiceMateria-item-active': index == isAcitve}"
               @click="handleClick(item, index)">
-              {{ item.name }}
+              {{ item.deviceName }}
             </div>
           </div>
         </div>
diff --git a/business-css/frontend/src/components/antvx6/index.vue b/business-css/frontend/src/components/antvx6/index.vue
index 7354b39..31f8bf2 100644
--- a/business-css/frontend/src/components/antvx6/index.vue
+++ b/business-css/frontend/src/components/antvx6/index.vue
@@ -1018,10 +1018,10 @@ function setFormulaInit(formula:any) {
 
 function getBias(formula:any){
   // 从后往前找最后一个+的位置
-  const lastPlusIndex = formula.lastIndexOf('+');
-  // 从+的位置后截取到】之前
-  const constantStr = formula.slice(lastPlusIndex + 1, -1);
-  const constant = parseFloat(constantStr);
+// 匹配最后一个+号后面的数字（支持整数、小数）
+  const regex = /\+(\d+\.?\d*)$/;
+  const match = formula.match(regex);
+  const constant = parseFloat(match[1]);
   return constant
 }
 
@@ -1043,16 +1043,17 @@ function saveDesign() { // 保存设计
             if(cells[i].changesettings[j].formula != '' && cells[i].changesettings[j].formula != null){
               const key = cells[i].changesettings[j].name as string
               const unit = cells[i].changesettings[j].unit
-              
+              const name = cells[i].changesettings[j].name
+              const delay= cells[i].changesettings[j].delay
               let tempSources = []
 
               for(let k=0;k<setFormulaInit(cells[i].changesettings[j].formula).length;k++){
                 tempSources.push({
                   entityType: 'material', //圆柱槽B
                   entityId: cells[i].materialInfo.materialId  , //materialId :  cdeeca2e-1e0c-4bdd-b946-f347c104752c
-                  property: unit, // 铀浓度（g/L）
+                  property: name, // 铀浓度（g/L）
                   coefficient: setFormulaInit(cells[i].changesettings[j].formula)[k], //0.2
-                  delay: { enabled: true, time: 0, unit: 's' } // 5
+                  delay: { enabled: true, time: delay, unit: 's' } // 5
                 })
               }
               tempData[key] = {
@@ -1082,6 +1083,7 @@ function saveDesign() { // 保存设计
         })
       }
     }
+    
     const topology = {
       projectId: projectInfo.value.projectId,
       name: projectInfo.value.name,
@@ -1099,6 +1101,7 @@ function saveDesign() { // 保存设计
       },
       designData:cells
     }
+    console.log(topology)
     // 添加保存信息
     const saveData = {
       projectId: projectInfo.value.projectId,
diff --git a/business-css/frontend/src/components/antvx6/viewx6.vue b/business-css/frontend/src/components/antvx6/viewx6.vue
new file mode 100644
index 0000000..31f8bf2
--- /dev/null
+++ b/business-css/frontend/src/components/antvx6/viewx6.vue
@@ -0,0 +1,1518 @@
+<!-- AntV G6 Graph Component -->
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import {  ElMessage } from "element-plus";
+import {
+  Clipboard,
+  Graph,
+  History,
+  Keyboard,
+  Selection,
+  Shape,
+  Snapline,
+  Stencil,
+  Transform
+} from '@antv/x6'
+// @ts-ignore
+import insertCss from 'insert-css'
+import { updateProjects} from "@/api/business/project";
+import Createscenario from '@/views/component/scenario/createscenario.vue'
+import ScenarioModel from '@/views/component/scenario/index.vue'
+import img1 from '@/assets/x6/1.png'
+import img2 from '@/assets/x6/2.png'
+import img3 from '@/assets/x6/3.png'
+import img4 from '@/assets/x6/4.png'
+import img5 from '@/assets/x6/5.png'
+import img6 from '@/assets/x6/6.png'
+import img7 from '@/assets/x6/7.png'
+
+import line1 from '@/assets/x6/line1.png'
+import line2 from '@/assets/x6/line2.png'
+import line3 from '@/assets/x6/line3.png'
+import line4 from '@/assets/x6/line4.png'
+import line5 from '@/assets/x6/line5.png'
+import line6 from '@/assets/x6/line6.png'
+import AdddeviceModel from './adddevice.vue';
+import EditdeviceModel from './editdevice.vue';
+import MaterialModels from './materialmodel.vue';
+import ChangesettingsModels from './changesettings.vue';
+
+
+const emit = defineEmits([ 'closeAntvx6']);
+const props = defineProps({
+  projectInfo: {
+    required: false,
+    type: Object,
+    default: {}
+  },
+})
+const deviceTypetype:any = ref('') // 设备类型
+const isAdddevice = ref(false) // 是否添加设备
+const isEditdevice = ref(false) // 是否编辑设备
+const isMaterialModel = ref(false) // 是否物料信息
+const projectInfo:any = ref(props.projectInfo) // 项目信息
+const isScenario = ref(false) //是否展示历史模拟场景
+const isDisplay = ref(true) // 是否显示
+const isExpansionandcontraction = ref(false) // 是否显示展开收起按钮
+// 为了协助代码演示
+let graph: Graph
+let currentArrowStyle = 'single' // 默认单箭头
+let currentLineStyle = 'solid' // 默认实线
+
+// 设置箭头样式
+// function setArrowStyle(style: 'single' | 'double' | 'none', lineStyle: 'solid' | 'dashed' = 'solid') {
+//   currentArrowStyle = style
+//   currentLineStyle = lineStyle
+//   // 重新配置连接线
+//   graph.options.connecting.createEdge = () => {
+//     const edge = new Shape.Edge({
+//       attrs: {
+//         line: {
+//           stroke: '#A2B1C3',
+//           strokeWidth: 2,
+//           strokeDasharray: lineStyle === 'dashed' ? 5 : 0,
+//           targetMarker: style === 'none' ? null : {
+//             name: 'block',
+//             width: 12,
+//             height: 8,
+//           },
+//           sourceMarker: style === 'double' ? {
+//             name: 'block',
+//             width: 12,
+//             height: 8,
+//           } : null,
+//         },
+//       },
+//       zIndex: 0,
+//     })
+//     return edge
+//   }
+// }
+
+onMounted(() => {
+  preWork()
+  if(projectInfo.value.topology != null && projectInfo.value.topology != ''){
+
+  }
+  
+
+  // #region 初始化画布 
+  graph = new Graph({
+    container: document.getElementById('graph-container') as HTMLElement,
+    grid: true,
+    mousewheel: {
+      enabled: true,
+      zoomAtMousePosition: true,
+      modifiers: 'ctrl',
+      minScale: 0.5,
+      maxScale: 3,
+    },
+    connecting: {
+      router: 'manhattan',
+      connector: {
+        name: 'rounded',
+        args: {
+          radius: 8,
+        },
+      },
+      anchor: 'center',
+      connectionPoint: 'anchor',
+      allowBlank: false,
+      snap: {
+        radius: 20,
+      },
+      createEdge() {
+        return new Shape.Edge({
+          attrs: {
+            line: {
+              stroke: '#A2B1C3',
+              strokeWidth: 2,
+              strokeDasharray: 0,
+              targetMarker: {
+                name: 'block',
+                width: 12,
+                height: 8,
+              },
+              sourceMarker: null,
+            },
+          },
+          zIndex: 0,
+        })
+      },
+      validateConnection({ targetMagnet }) {
+        return !!targetMagnet
+      },
+    },
+    highlighting: {
+      magnetAdsorbed: {
+        name: 'stroke',
+        args: {
+          attrs: {
+            fill: '#5F95FF',
+            stroke: '#5F95FF',
+          },
+        },
+      },
+    },
+      interacting: function (cellView) {
+    // 获取当前节点的模型
+      const cell = cellView.cell
+      // 判断节点是否为 'rect' 形状
+      if (cell.shape === 'rect') {
+        // 如果是 'rect' 形状，则禁止节点移动
+        return { nodeMovable: false }
+      }
+      // 其他形状的节点允许所有交互
+      return true
+    }
+    // interacting: {
+    //   nodeMovable: false, // 禁止所有节点移动
+    // },
+  })
+  // #endregion
+
+  // #region 使用插件
+  graph
+  .use(
+      new Transform({
+        resizing: false, // 通过拖拽边缘调整节点大小
+        rotating: false, // 允许旋转节点
+        // scaling 不是 Transform 插件的有效配置项，已移除
+      }),
+    )
+    .use(
+      new Selection({
+        rubberband: true,
+        showNodeSelectionBox: true,
+      }),
+    )
+    .use(new Snapline())
+    .use(new Keyboard())
+    .use(new Clipboard())
+    .use(new History())
+  // #endregion
+
+  // #region 初始化 stencil
+  const stencil = new Stencil({
+    title: '',
+    target: graph,
+    stencilGraphWidth: 300,
+    stencilGraphHeight: 180,
+    stencilGraphOptions: { panning: false },
+    collapsable: false,
+    groups: [
+    //    {
+    //   title: '基础流程图',
+    //   name: 'group1',
+    // },
+      {
+        collapsable: false,
+        title: '设备',
+        name: 'group2',
+        graphHeight: 550,
+        layoutOptions: {
+          rowHeight: 120,
+        },
+      },
+      {
+        collapsable: false,
+        title: '管线',
+        name: 'group3',
+         graphHeight: 400,
+        layoutOptions: {
+          rowHeight: 120,
+        },
+      },
+    ],
+    layoutOptions: {
+      columns: 2,
+      columnWidth: 140,
+      rowHeight: 100,
+    },
+  })
+  graph.on('node:contextmenu', ({ e, node }) => {
+      selectedNode.value = node
+    e.preventDefault()
+    // 显示自定义上下文菜单，包含箭头样式选项
+    const pos = node.position?.() || { x: 0, y: 0 }
+    showContextMenu(pos.x, pos.y)
+  })
+  function showContextMenu(x: number, y: number) {
+  left.value = x + 260
+  top.value = y - 50
+
+  isMenuShow.value = true
+    // 创建并显示上下文菜单
+    // 包含箭头样式选项
+  }
+  // 监听Stencil内部的Dnd事件
+  stencil.on('dnd:start', (args:any) => {
+    console.log('Stencil节点开始拖拽', args)
+  })
+
+
+  stencil.on('dnd:drag', (args:any) => {
+    console.log('Stencil节点拖拽中', args)
+  })
+
+  stencil.on('dnd:end', (args:any) => {
+    console.log('Stencil节点结束拖拽', args)
+  })
+  document
+    .getElementById('stencil')
+    ?.appendChild(stencil.container as HTMLElement)
+
+    // 监听Graph中节点创建事件
+  graph.on('node:added', (args:any) => {
+    console.log('节点已添加到画布', args)
+    const { node } = args
+    
+    // 检查是否是管线节点
+    if (node.data && node.data.lineStyle) {
+      // 应用管线样式到连接线
+      const lineStyle = node.data.lineStyle
+      graph.options.connecting.createEdge = () => {
+        return new Shape.Edge({
+          attrs: {
+            line: {
+              stroke: '#A2B1C3',
+              strokeWidth: 2,
+              strokeDasharray: lineStyle.strokeDasharray,
+              targetMarker: lineStyle.targetMarker,
+              sourceMarker: lineStyle.sourceMarker
+            }
+          },
+          zIndex: 0
+        })
+      }
+      // 移除管线节点，因为它只是一个样式选择器
+      setTimeout(() => {
+        graph.removeNode(node)
+      }, 100)
+    } else {
+      if(node.store && node.store.data && node.store.data.shape === 'rect'){
+        return
+      }
+      nodeId.value = node.id
+      if(node.store.data.attrs.text.text == '扁平槽'){
+        deviceTypetype.value = 'FlatTank' 
+      }else if(node.store.data.attrs.text.text == '圆柱槽'){
+        deviceTypetype.value = 'CylindricalTank'
+      }else if(node.store.data.attrs.text.text == '环形槽'){
+        deviceTypetype.value = 'AnnularTank'
+      }else if(node.store.data.attrs.text.text == '管束槽'){
+        deviceTypetype.value = 'TubeBundleTank'
+      }else if(node.store.data.attrs.text.text == '萃取柱'){
+        deviceTypetype.value = 'ExtractionColumn'
+      }else if(node.store.data.attrs.text.text == '流化床'){
+        deviceTypetype.value = 'FluidizedBed'
+      }else if(node.store.data.attrs.text.text == '锥底环形槽'){
+        deviceTypetype.value = 'ACFTank'
+      }
+    
+   
+      // 设置固定大小
+      node.size(160, 160)
+      // 去掉背景节点
+      node.attr('body/fill', 'none')
+      // 图片居中
+      node.attr('image/refX', 0)
+      node.attr('image/refY', 0)
+      node.attr('image/width', 160)      // 修改宽度
+      node.attr('image/height', 160)     // 修改高度
+      // 删除节点上的文字
+      node.attr('text/text', '')
+      node.attr('label/text', '')
+
+
+      isAdddevice.value = true
+
+
+    }
+
+  })
+  // #endregion
+
+  // #region 快捷键与事件
+  graph.bindKey(['meta+c', 'ctrl+c'], () => { 
+    const cells = graph.getSelectedCells()
+    if (cells.length) {
+      graph.copy(cells)
+    }
+    return false
+  })
+  graph.bindKey(['meta+x', 'ctrl+x'], () => {
+    const cells = graph.getSelectedCells()
+    if (cells.length) {
+      graph.cut(cells)
+    }
+    return false
+  })
+  graph.bindKey(['meta+v', 'ctrl+v'], () => {
+    if (!graph.isClipboardEmpty()) {
+      const cells = graph.paste({ offset: 32 })
+      graph.cleanSelection()
+      graph.select(cells)
+    }
+    return false
+  })
+
+  // undo redo
+  graph.bindKey(['meta+z', 'ctrl+z'], () => {
+    if (graph.canUndo()) {
+      graph.undo()
+    }
+    return false
+  })
+  graph.bindKey(['meta+shift+z', 'ctrl+shift+z'], () => {
+    if (graph.canRedo()) {
+      graph.redo()
+    }
+    return false
+  })
+
+  // select all
+  graph.bindKey(['meta+a', 'ctrl+a'], () => {
+    const nodes = graph.getNodes()
+    if (nodes) {
+      graph.select(nodes)
+    }
+  })
+
+  // delete
+  graph.bindKey('backspace', () => {
+    const cells = graph.getSelectedCells()
+    if (cells.length) {
+      graph.removeCells(cells)
+    }
+  })
+
+  // zoom
+  graph.bindKey(['ctrl+1', 'meta+1'], () => {
+    const zoom = graph.zoom()
+    if (zoom < 1.5) {
+      graph.zoom(0.1)
+    }
+  })
+  graph.bindKey(['ctrl+2', 'meta+2'], () => {
+    const zoom = graph.zoom()
+    if (zoom > 0.5) {
+      graph.zoom(-0.1)
+    }
+  })
+
+
+
+
+  let startPoint:any = null // 矩形起点
+
+// 监听鼠标按下事件：记录起点
+graph.on('blank:mousedown', (e) => {
+  startPoint = { x: e.x, y: e.y }
+})
+
+// 监听鼠标松开事件：绘制矩形
+graph.on('blank:mouseup', (e) => {
+  console.log('鼠标松开事件', e)
+  if (!startPoint) return
+
+
+  const endPoint = { x: e.x, y: e.y }
+  if(Math.abs(endPoint.x - startPoint.x) <20 && Math.abs(endPoint.y - startPoint.y) <20){
+    return
+  }
+  const width = Math.abs(endPoint.x - startPoint.x)
+  const height = Math.abs(endPoint.y - startPoint.y)
+  const x = Math.min(startPoint.x, endPoint.x)
+  const y = Math.min(startPoint.y, endPoint.y)
+
+  // 添加矩形节点（设置 zIndex 为 -1 确保在最底层）
+  graph.addNode({
+    shape: 'rect',
+    x,
+    y,
+    width,
+    height,
+    zIndex: -1, // 关键：置于底层
+    // interactive: false, // 禁用所有交互
+    // selectable: false, // 明确禁止选中
+    draggable: false, // 明确禁止移动
+     interacting: {
+      nodeMovable: false, // 禁止所有节点移动
+    },
+    attrs: {
+      body: {
+        fill: 'transparent', 
+        stroke: '#999',
+        strokeWidth: 1,
+        strokeDasharray: '5 5', // 设置虚线样式
+      },
+    },
+  })
+
+  startPoint = null // 重置起点
+})
+
+
+  // 控制连接桩显示/隐藏
+  const showPorts = (ports: NodeListOf<SVGElement>, show: boolean) => {
+    for (let i = 0, len = ports.length; i < len; i += 1) {
+      ports[i].style.visibility = show ? 'visible' : 'hidden'
+    }
+  }
+  graph.on('node:mouseenter', () => {
+    const container = document.getElementById('graph-container') as HTMLElement
+    const ports = container.querySelectorAll(
+      '.x6-port-body',
+    ) as NodeListOf<SVGElement>
+    showPorts(ports, true)
+  })
+  graph.on('node:mouseleave', () => {
+    const container = document.getElementById('graph-container') as HTMLElement
+    const ports = container.querySelectorAll(
+      '.x6-port-body',
+    ) as NodeListOf<SVGElement>
+    showPorts(ports, false)
+  })
+  // #endregion
+
+  // #region 初始化图形
+  const ports = {
+    groups: {
+      top: {
+        position: 'top',
+        attrs: {
+          circle: {
+            r: 4,
+            magnet: true,
+            stroke: '#5F95FF',
+            strokeWidth: 1,
+            fill: '#fff',
+            style: {
+              visibility: 'hidden',
+            },
+          },
+        },
+      },
+      right: {
+        position: 'right',
+        attrs: {
+          circle: {
+            r: 4,
+            magnet: true,
+            stroke: '#5F95FF',
+            strokeWidth: 1,
+            fill: '#fff',
+            style: {
+              visibility: 'hidden',
+            },
+          },
+        },
+      },
+      bottom: {
+        position: 'bottom',
+        attrs: {
+          circle: {
+            r: 4,
+            magnet: true,
+            stroke: '#5F95FF',
+            strokeWidth: 1,
+            fill: '#fff',
+            style: {
+              visibility: 'hidden',
+            },
+          },
+        },
+      },
+      left: {
+        position: 'left',
+        attrs: {
+          circle: {
+            r: 4,
+            magnet: true,
+            stroke: '#5F95FF',
+            strokeWidth: 1,
+            fill: '#fff',
+            style: {
+              visibility: 'hidden',
+            },
+          },
+        },
+      },
+    },
+    items: [
+      {
+        group: 'top',
+      },
+      {
+        group: 'right',
+      },
+      {
+        group: 'bottom',
+      },
+      {
+        group: 'left',
+      },
+    ],
+  }
+  Graph.registerNode(
+    'custom-image',
+    {
+      inherit: 'rect',
+      width: 130,
+      height: 100,
+      markup: [
+        {
+          tagName: 'rect',
+          selector: 'body',
+        },
+        {
+          tagName: 'image',
+        },
+        {
+          tagName: 'text',
+          selector: 'label',
+        },
+      ],
+      attrs: {
+        body: {
+          stroke: 'transparent',
+          fill: '#f8f8f8',
+        },
+        image: {
+          width: 62,
+          height:84,
+          refX: 35,
+          refY: 0,
+        },
+        label: {
+          refX: 45,
+          refY: 80,
+          textAnchor: 'start',
+          textVerticalAnchor: 'top',
+          fontSize: 14,
+          fill: '#000',
+        },
+      },
+      ports: { ...ports },
+    },
+    true,
+  )
+
+  const imageShapes = [
+    {
+      label: '圆柱槽',
+      image: img1,
+    },
+    {
+      label: '扁平槽',
+      image:img2,
+    },
+    {
+      label: '环形槽',
+      image:img3,
+    },
+    {
+      label: '管束槽',
+      image:img4,
+    },
+    {
+      label: '萃取柱',
+      image:img5,
+    },
+    {
+      label: '流化床',
+      image:img6,
+    },{
+      label: '锥底环形槽',
+      image:img7,
+    },
+  ]
+  const imageNodes = imageShapes.map((item) =>
+    graph.createNode({
+      shape: 'custom-image',
+      label: item.label,
+      attrs: {
+        image: {
+          'xlink:href': item.image,
+        },
+      },
+    }),
+  )
+  stencil.load(imageNodes, 'group2')
+  
+  // 创建管线节点
+  const lineShapes = [
+    {
+      label: '实线',
+      image: line1,
+      targetMarker: null,
+      sourceMarker: null,
+      strokeDasharray: 0
+    },
+    {
+      label: '单箭头实线',
+      image: line2,
+      targetMarker: {
+        name: 'block',
+        width: 12,
+        height: 8
+      },
+      sourceMarker: null,
+      strokeDasharray: 0
+    },
+    {
+      label: '双箭头实线',
+      image: line3,
+      targetMarker: {
+        name: 'block',
+        width: 12,
+        height: 8
+      },
+      sourceMarker: {
+        name: 'block',
+        width: 12,
+        height: 8
+      },
+      strokeDasharray: 0
+    },
+    {
+      label: '虚线',
+      image: line4,
+      targetMarker: null,
+      sourceMarker: null,
+      strokeDasharray: 5
+    },
+    {
+      label: '单箭头虚线',
+      image: line5,
+      targetMarker: {
+        name: 'block',
+        width: 12,
+        height: 8
+      },
+      sourceMarker: null,
+      strokeDasharray: 5
+    },
+    {
+      label: '双箭头虚线',
+      image: line6,
+      targetMarker: {
+        name: 'block',
+        width: 12,
+        height: 8
+      },
+      sourceMarker: {
+        name: 'block',
+        width: 12,
+        height: 8
+      },
+      strokeDasharray: 5
+    }
+  ]
+  
+  const lineNodes = lineShapes.map((item) => {
+    // 创建一个节点来显示管线样式
+    const node = graph.createNode({
+      shape: 'custom-image',
+      label: item.label,
+      width: 130,
+      height: 100,
+      attrs: {
+        image: {
+          'xlink:href': item.image,
+          width: 31,
+          height: 31,
+          refX: 50,
+          refY: 20
+        },
+        body: {
+          stroke: 'transparent',
+          fill: '#f8f8f8'
+        },
+        label: {
+          text: item.label,
+          refX: 60,
+          refY: 65,
+          textAnchor: 'middle',
+          fontSize: 12,
+          fill: '#666'
+        }
+      },
+      data: {
+        lineStyle: {
+          strokeDasharray: item.strokeDasharray,
+          targetMarker: item.targetMarker,
+          sourceMarker: item.sourceMarker
+        }
+      }
+    })
+    
+    return node
+  })
+  
+  stencil.load(lineNodes, 'group3')
+    if (!graph || !projectInfo.value || !projectInfo.value.topology) return;
+    graph.clearCells();
+    const topology:any = JSON.parse(projectInfo.value.topology)
+    if(!topology.designData)return
+    graph.fromJSON(topology.designData);
+  // #endregion
+})
+
+function preWork() {
+  // 这里协助演示的代码，在实际项目中根据实际情况进行调整
+  const container = document.getElementById('container') as HTMLElement
+  const stencilContainer = document.createElement('div')
+  stencilContainer.id = 'stencil'
+  const graphContainer = document.createElement('div')
+  graphContainer.id = 'graph-container'
+  container.appendChild(stencilContainer)
+  container.appendChild(graphContainer)
+
+  insertCss(`
+    #container {
+      display: flex;
+      border: 1px solid #dfe3e8;
+      width: 100vw;
+      height: calc(100vh - 60px);
+    }
+    #stencil {
+      width: 300px;
+      height: 100%;
+      position: relative;
+      border-right: 1px solid #dfe3e8;
+    }
+    .x6-widget-stencil-content{
+      top:0px !important;
+    }
+      .x6-widget-stencil-title{
+      display: none;
+      }
+    #graph-container {
+      width: calc(100% - 180px);
+      height: 100%;
+    }
+    .x6-widget-stencil  {
+      background-color: #fff;
+    }
+    .x6-widget-stencil-title {
+      background-color: #fff;
+    }
+    .x6-widget-stencil-group-title {
+      background-color: #fff !important;
+    }
+    .x6-widget-transform {
+      margin: -1px 0 0 -1px;
+      padding: 0px;
+      border: 1px solid #239edd;
+    }
+    .x6-widget-transform > div {
+      border: 1px solid #239edd;
+    }
+    .x6-widget-transform > div:hover {
+      background-color: #3dafe4;
+    }
+    .x6-widget-transform-active-handle {
+      background-color: #3dafe4;
+    }
+    .x6-widget-transform-resize {
+      border-radius: 0;
+    }
+    .x6-widget-selection-inner {
+      border: 1px solid #239edd;
+    }
+    .x6-widget-selection-box {
+      opacity: 0;
+    }
+  `)
+}
+const left = ref(0) 
+const top = ref(0) 
+const isMenuShow = ref(false)
+const selectedNode:any = ref(null)
+function deleteNode() { // 删除节点
+  graph.removeNode(selectedNode.value)
+   isMenuShow.value = false
+}
+function copyNode() { // 复制节点
+  if (selectedNode.value) {
+    try {
+      // 获取当前节点的位置
+      const position = selectedNode.value.position()
+      // 创建新节点，使用节点的原始数据
+      const newNode = selectedNode.value.clone()
+      // 设置新位置（偏移50px）
+      newNode.position(position.x + 50, position.y + 50)
+      // 添加到画布
+      graph.addNode(newNode)
+       isMenuShow.value = false 
+    } catch (error) {
+      console.error('节点复制失败:', error)
+    }
+  }
+}
+
+
+function closeAntvx6() {
+  emit('closeAntvx6')
+}
+
+function revokeClick(){
+  graph.undo()
+}
+function removeClick(){
+  graph.clearCells();
+}
+function bigClick(){
+  graph.zoom(0.1)
+}
+function smallClick(){
+  graph.zoom(-0.1)
+}
+
+const nodeId = ref("")
+
+
+
+function analysisAdd(){
+   dialogVisible.value = true;
+}
+const dialogVisible = ref(false)
+function closeCreatescenario(){ // 关闭新增模拟分析弹窗
+  dialogVisible.value = false;
+}
+function simulationClick() { // 打开模拟分析
+  isScenario.value = true;
+}
+//取消按钮
+function handleClose() {
+  isScenario.value = false;
+}
+
+function dialogAdddevice(){ // 打开新增设备弹窗
+   graph.undo()
+   isAdddevice.value = false;
+}
+const selectedDevice = ref({})
+function closeAdddevice(e:any){ // 关闭新增设备弹窗
+  selectedDevice.value = e
+  let retrievedNode:any = graph.getCellById(nodeId.value)
+  retrievedNode.store.data.deviceInfo = e
+  isAdddevice.value = false;
+}
+
+const deviceInfo:any = ref({}) // 是否编辑设备
+
+function EditdeviceClick(){ // 打开编辑设备弹窗
+  deviceInfo.value = selectedNode.value.store.data.deviceInfo
+  nodeId.value = selectedNode.value.id
+  if(deviceInfo.value != null){
+    deviceTypetype.value = deviceInfo.value.type
+  }
+  isEditdevice.value = true;
+}
+function closeEditdevice(e:any){ // 关闭编辑设备弹窗
+  selectedDevice.value = e
+  let retrievedNode:any = graph.getCellById(nodeId.value)
+  retrievedNode.store.data.deviceInfo = e
+  isEditdevice.value = false;
+}
+
+function dialogEditdevice(){ // 关闭设备弹窗
+   isEditdevice.value = false;
+}
+const materialInfo:any = ref({}) // 是否物料信息
+const selectedMaterial:any = ref({})
+
+
+function MaterialModelClick(){ // 打开物料信息弹窗
+   deviceInfo.value = selectedNode.value.store.data.deviceInfo
+  materialInfo.value = {}
+  if(selectedNode.value.store.data.materialInfo != null){
+    materialInfo.value = selectedNode.value.store.data.materialInfo
+  }
+  
+  nodeId.value = selectedNode.value.id
+  if(materialInfo.value != null){
+    deviceTypetype.value = materialInfo.value.type
+  }
+  isMaterialModel.value = true;
+}
+function dialogMaterialModel(){ // 关闭物料信息弹窗
+  isMaterialModel.value = false;
+}
+function closeMaterialModel(e:any){ // 关闭物料信息弹窗
+  if(e == false){
+    isMaterialModel.value = false;
+    return
+  }
+
+  selectedMaterial.value = e
+  let retrievedNode:any = graph.getCellById(nodeId.value)
+  retrievedNode.store.data.materialInfo = e
+  isMaterialModel.value = false;
+}
+
+const isChangesettings = ref(false)
+const changesettingsData:any = ref([]) // 是否变动设置
+function dialogChangesettings(){ // 关闭变动设置弹窗
+  isChangesettings.value = false;
+}
+function ChangesettingsClick(){ // 打开变动设置弹窗
+  changesettingsData.value = []
+  if(selectedNode.value.store.data.deviceInfo == null){
+    ElMessage({
+      type: "error",
+      message: "请先添加设备信息",
+    });
+    return
+  }
+  if(selectedNode.value.store.data.materialInfo == null){
+    ElMessage({
+      type: "error",
+      message: "请先添加物料信息",
+    });
+    return
+  }
+  deviceInfo.value = selectedNode.value.store.data.deviceInfo
+  materialInfo.value = selectedNode.value.store.data.materialInfo
+
+  if(selectedNode.value.store.data.changesettings != null){
+    changesettingsData.value = selectedNode.value.store.data.changesettings
+  }
+  
+  nodeId.value = selectedNode.value.id
+  if(materialInfo.value != null){
+    deviceTypetype.value = materialInfo.value.type
+  }
+  isChangesettings.value = true;
+}
+
+function closeChangesettingsModel(e:any){ // 关闭变动设置弹窗
+  if(e == false){
+    isChangesettings.value = false;
+    return
+  }
+  selectedMaterial.value = e
+  let retrievedNode:any = graph.getCellById(nodeId.value)
+  retrievedNode.store.data.changesettings = e
+  isChangesettings.value = false;
+}
+
+function setFormulaInit(formula:any) {
+  // const formula = "【(圆柱槽B)*0.2+(环形槽A)*1.0+0.5】";
+  // 匹配*号后、+或)前的数字（支持整数和小数）
+  const regex = /\*(\d+\.?\d*)/g;
+  const coefficients = [];
+  let match;
+
+  // 循环提取所有匹配项
+  while ((match = regex.exec(formula)) !== null) {
+    coefficients.push(parseFloat(match[1])); // 转为数字类型
+  }
+    console.log(coefficients); // 输出: [0.2, 1.0]
+  return coefficients
+
+}
+
+function getBias(formula:any){
+  // 从后往前找最后一个+的位置
+// 匹配最后一个+号后面的数字（支持整数、小数）
+  const regex = /\+(\d+\.?\d*)$/;
+  const match = formula.match(regex);
+  const constant = parseFloat(match[1]);
+  return constant
+}
+
+
+function saveDesign() { // 保存设计
+  try {
+    // 获取画布内容并转换为JSON
+    const designData:any = graph.toJSON()
+    let cells:any = []
+    if(designData !=null && designData.cells.length>0){
+         cells = designData.cells
+    }
+    let  devices = []
+    for(let i=0;i<cells.length;i++){
+      if(cells[i].shape == 'custom-image'){
+        let tempData:any = {}
+        if(cells[i].changesettings && cells[i].changesettings.length > 0){
+          for(let j=0;j<cells[i].changesettings.length;j++){
+            if(cells[i].changesettings[j].formula != '' && cells[i].changesettings[j].formula != null){
+              const key = cells[i].changesettings[j].name as string
+              const unit = cells[i].changesettings[j].unit
+              const name = cells[i].changesettings[j].name
+              const delay= cells[i].changesettings[j].delay
+              let tempSources = []
+
+              for(let k=0;k<setFormulaInit(cells[i].changesettings[j].formula).length;k++){
+                tempSources.push({
+                  entityType: 'material', //圆柱槽B
+                  entityId: cells[i].materialInfo.materialId  , //materialId :  cdeeca2e-1e0c-4bdd-b946-f347c104752c
+                  property: name, // 铀浓度（g/L）
+                  coefficient: setFormulaInit(cells[i].changesettings[j].formula)[k], //0.2
+                  delay: { enabled: true, time: delay, unit: 's' } // 5
+                })
+              }
+              tempData[key] = {
+                name: tempData[key],
+                type:'influence',
+                unit:unit,
+                base:0,
+                bias: getBias(cells[i].changesettings[j].formula) || 0,
+                sources:tempSources,
+                expression:cells[i].changesettings[j].formula
+              }
+            }
+           
+          }
+        }
+
+        devices.push({
+          deviceId:cells[i].id,
+          name:cells[i].deviceInfo.name,
+          type:cells[i].deviceInfo.type,
+          properties:{},
+          material: cells[i].materialInfo != null ? {
+            materialId:cells[i].id,
+            name:cells[i].materialInfo.name,
+            properties:tempData
+          }:{}
+        })
+      }
+    }
+    
+    const topology = {
+      projectId: projectInfo.value.projectId,
+      name: projectInfo.value.name,
+      devices:devices,
+      pipelines:[],
+      systemboundaries:[],
+      globalDisplay:{
+        device:{
+          showProperties:[]
+        },
+        material:{
+          showProperties:[]
+        },
+       
+      },
+      designData:cells
+    }
+    console.log(topology)
+    // 添加保存信息
+    const saveData = {
+      projectId: projectInfo.value.projectId,
+      topology: JSON.stringify(topology)
+    }
+    updateProjects(saveData).then((res:any) => {
+      if(res === true){
+        ElMessage({
+          type: "success",
+          message: "保存成功",
+        });
+      }
+    });
+    // 返回保存的数据
+    return saveData
+  } catch (error) {
+    console.error('保存设计失败:', error)
+    return null
+  }
+}
+</script>
+ 
+<template>
+  <div class="app-layout" @click="isMenuShow = false">
+    <!-- <div class="toolbar">
+      <div class="style-group">
+        <h4>实线</h4>
+        <button @click="setArrowStyle('single', 'solid')">单箭头</button>
+        <button @click="setArrowStyle('double', 'solid')">双箭头</button>
+        <button @click="setArrowStyle('none', 'solid')">无箭头</button>
+      </div>
+      <div class="style-group">
+        <h4>虚线</h4>
+        <button @click="setArrowStyle('single', 'dashed')">单箭头虚线</button>
+        <button @click="setArrowStyle('double', 'dashed')">双箭头虚线</button>
+        <button @click="setArrowStyle('none', 'dashed')">无箭头虚线</button>
+      </div>
+    </div> -->
+    <div class="antvx6-header">
+      <div class="header-left-box">
+        <div class="return-icon-box" @click="closeAntvx6"  title="返回工作台">
+          <img src="@/assets/x6/return.png" alt="图标" style="cursor: pointer;">
+        </div>
+        <div class="project-name">{{ projectInfo.name }}</div>
+        <div class="return-icon-box" @click="analysisAdd"  title="新增模拟分析">
+          <img src="@/assets/x6/add.png" alt="图标" style="cursor: pointer;">
+        </div>
+        <div class="return-icon-box" @click="simulationClick" title="历史模拟分析">
+          <img src="@/assets/x6/history.png" alt="图标"  style="cursor: pointer;">
+        </div>
+      </div>
+      <div class="header-content-box">
+        <div class="operation-icon-box" @click="revokeClick">
+          <img src="@/assets/x6/revoke.png">
+          <div class="operation-icon-text">撤销</div>
+        </div>
+        <div class="operation-icon-box" @click="removeClick">
+          <img src="@/assets/x6/redo.png">
+          <div class="operation-icon-text">重做</div>
+        </div>
+        <div class="operation-icon-box" @click="bigClick">
+          <img src="@/assets/x6/magnify.png">
+          <div class="operation-icon-text">放大</div>
+        </div>
+        <div class="operation-icon-box"  @click="smallClick">
+          <img src="@/assets/x6/reduce.png">
+          <div class="operation-icon-text">缩小</div>
+        </div>
+        <div class="operation-icon-box" @click="isDisplay = !isDisplay">
+          <img v-if="isDisplay" src="@/assets/x6/display.png">
+          <img v-else src="@/assets/x6/hide.png">
+          <div class="operation-icon-text">显示</div>
+        </div>
+        <div class="operation-icon-box" @click="saveDesign">
+          <img src="@/assets/x6/save.png">
+          <div class="operation-icon-text">保存</div>
+        </div>
+      </div>
+      <div class="header-left-box"></div>
+    </div>
+    <div id="container" style="position: relative;">
+      <div class="context-menu" v-if="isMenuShow" :style="{left: left +'px', top: top+'px'}">
+          <img src="@/assets/x6/info.png" alt="图标" title="设备信息" style="cursor: pointer;" @click="EditdeviceClick">
+          <img src="@/assets/x6/material.png" alt="图标" title="物料信息"  style="cursor: pointer;" @click="MaterialModelClick">
+          <img src="@/assets/x6/change.png" alt="图标" title="变动设置"  style="cursor: pointer;" @click="ChangesettingsClick">
+          <img src="@/assets/x6/copy.png" alt="图标" title="复制"  style="cursor: pointer;" @click="copyNode">
+          <img src="@/assets/x6/del.png" alt="图标" title="删除"  style="cursor: pointer;"
+          @click="deleteNode">
+      </div>
+      <div class="line-style-box">
+         <div class="expansionandcontraction-box" v-if="isExpansionandcontraction == false" @click="isExpansionandcontraction = true">
+          <img src="@/assets/x6/expansionandcontraction-left.png">
+        </div>
+        <div v-if="isExpansionandcontraction == true" style="display: flex;align-items: center;">
+          <div class="expansionandcontraction-box" @click="isExpansionandcontraction = false">
+            <img src="@/assets/x6/expansionandcontraction-right.png">
+          </div>
+          <div class="style-content-box">
+            <div class="style-content-box-title">样式</div>
+          </div>
+        </div>
+        
+      </div>
+    </div>
+    <Createscenario v-if="dialogVisible" :projectInfo="projectInfo" @closeCreatescenario ="closeCreatescenario"/>
+    <el-dialog v-model="isScenario" :close-on-click-modal="false"
+      :modal="false" draggable :before-close="handleClose" title="历史模拟分析"
+        append-to-body width="1142px">
+      <ScenarioModel v-if="isScenario"  :projectInfo="projectInfo" ref="Scenario" />
+    </el-dialog>
+    <el-dialog v-model="isAdddevice" :close-on-click-modal="false"
+      :modal="false" draggable :before-close="dialogAdddevice" title="添加设备"
+        append-to-body width="1050px">
+         <AdddeviceModel v-if="isAdddevice == true" :deviceId="nodeId" :projectInfo="projectInfo"
+          :deviceTypetype="deviceTypetype" ref="Adddevice" @closeAdddevice="closeAdddevice"/>
+    </el-dialog>
+
+    <el-dialog v-model="isEditdevice" :close-on-click-modal="false" :modal="false" draggable :before-close="dialogEditdevice" title="物料信息"  append-to-body width="1050px">
+      <EditdeviceModel v-if="isEditdevice == true" :deviceId="nodeId" :deviceInfo="deviceInfo"
+        :deviceTypetype="deviceTypetype" ref="Editdevice" @closeEditdevice="closeEditdevice"/>
+    </el-dialog>
+
+    <el-dialog v-model="isMaterialModel" :close-on-click-modal="false" :modal="false" draggable :before-close="dialogMaterialModel" title="物料信息"  append-to-body width="1014px">
+      <MaterialModels v-if="isMaterialModel == true" :materialId="nodeId" :projectInfo="projectInfo"
+      :materialInfo="materialInfo" :deviceInfo="deviceInfo"  :deviceTypetype="deviceTypetype" ref="MaterialModel" @closeMaterialModel="closeMaterialModel"/>
+    </el-dialog>
+
+
+    <el-dialog v-model="isChangesettings" :close-on-click-modal="false" :modal="false" draggable :before-close="dialogChangesettings" title="变动设置"  append-to-body width="1014px">
+      <ChangesettingsModels v-if="isChangesettings == true" :materialId="nodeId" :projectInfo="projectInfo" :changesettingsData="changesettingsData"
+      :materialInfo="materialInfo" :deviceInfo="deviceInfo" ref="ChangesettingsModel" @closeChangesettingsModel="closeChangesettingsModel"/>
+    </el-dialog>
+
+  </div>
+</template>
+ 
+<style>
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.app-layout {
+  position: fixed;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  width: 100vw;
+  height: 100vh;
+  font-family: 'Segoe UI', sans-serif;
+}
+
+.toolbar {
+  padding: 10px;
+  background-color: #f5f5f5;
+  border-bottom: 1px solid #e0e0e0;
+  display: flex;
+  gap: 20px;
+  flex-wrap: wrap;
+}
+
+.style-group {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-right: 20px;
+}
+
+.style-group h4 {
+  margin: 0 0 5px 0;
+  font-size: 14px;
+  color: #333;
+  font-weight: 600;
+}
+
+.toolbar button {
+  padding: 8px 16px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  background-color: #fff;
+  cursor: pointer;
+  font-size: 14px;
+  transition: all 0.3s;
+  white-space: nowrap;
+}
+
+.toolbar button:hover {
+  border-color: #1890ff;
+  color: #1890ff;
+}
+
+.toolbar button:active {
+  background-color: #f0f0f0;
+}
+
+/* Sidebar Styles */
+.sidebar {
+  width: 200px;
+  background-color: #ffffff;
+  border-right: 1px solid #e0e0e0;
+  overflow-y: auto;
+  padding: 16px;
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
+}
+
+.sidebar-section {
+  margin-bottom: 24px;
+}
+
+.sidebar-section h3 {
+  font-size: 14px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 12px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.device-item {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+  margin-bottom: 8px;
+  background-color: #fafafa;
+  border: 1px solid #e0e0e0;
+  border-radius: 4px;
+  cursor: grab;
+  transition: all 0.2s ease;
+}
+
+.device-item:hover {
+  background-color: #f0f5ff;
+  border-color: #1890ff;
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px rgba(24, 144, 255, 0.2);
+}
+
+.device-item:active {
+  cursor: grabbing;
+}
+
+.device-icon {
+  font-size: 24px;
+  margin-right: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+}
+
+.device-name {
+  font-size: 13px;
+  color: #333;
+  font-weight: 500;
+}
+
+/* Graph Container Styles */
+.graph-container {
+  flex: 1;
+  position: relative;
+  background-color: #fafafa;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+}
+
+/* Drag and drop visual feedback */
+.graph-container.drag-over {
+  background-color: #e6f7ff;
+  border: 2px dashed #1890ff;
+}
+
+.context-menu {
+  position: absolute;
+  z-index: 100;
+  background-color: #fff;
+  border: 1px solid #dfe3e8;
+  border-radius: 4px;
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
+  width: 240px;
+  height: 40px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+</style>
+<style>
+.x6-widget-stencil-content {
+  top: 0px !important;
+}
+
+.antvx6-header {
+  width: 100%;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  background-color: #ffffff;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.header-left-box {
+  width: 400px;
+  height: 60px;
+  display: flex;
+  align-items: center;
+}
+
+.header-content-box {
+  display: flex;
+  align-items: center;
+}
+
+.return-icon-box {
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  margin-right: 10px;
+}
+
+.return-icon-box:hover {
+  background-color: #eeeeee;
+  border-radius: 4px;
+}
+
+.antvx6-header .project-name {
+  font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
+  font-weight: 700;
+  font-style: normal;
+  font-size: 16px;
+  color: #333333;
+  margin-right: 10px;
+}
+
+.antvx6-header .operation-icon-box {
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  cursor: pointer;
+  margin-right: 20px;
+  font-family: '微软雅黑';
+  font-weight: 400;
+  font-style: normal;
+  font-size: 12px;
+  color: #4B4B4B;
+  padding-top: 5px;
+}
+
+.antvx6-header .operation-icon-box:hover {
+  background-color: #eeeeee;
+  border-radius: 4px;
+}
+
+.operation-icon-text {
+  width: 100%;
+  text-align: center;
+  padding-top: 5px;
+}
+.line-style-box{
+  position: absolute;
+  right: 0;
+  height: 100%;
+  /* width: 100px; */
+  /* background-color: #d9d9d9; */
+  z-index: 10;
+  display: flex;
+  align-items: center;
+}
+.expansionandcontraction-box{
+  width:15px;
+  height: 64px;
+  background-color: #ffffff;
+  border: 1px solid #cfcfcf;
+
+  border-radius: 10px 0 0 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.style-content-box{
+  width: 300px;
+  height: calc(100vh - 60px);
+  border: 1px solid #cfcfcf;
+  border-top: none;
+  border-right: none;
+  background: #fff;
+}
+.style-content-box-title{
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  text-align: left;
+  font-size: 14px;
+  font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
+  font-weight: 700;
+  font-style: normal;
+  font-size: 14px;
+  color: #282828;
+  background-color: rgba(255, 255, 255, 1);
+  box-sizing: border-box;
+  border-bottom:1px solid rgba(238, 238, 238, 1);
+  padding-left: 15px;
+}
+</style>
\ No newline at end of file
diff --git a/business-css/frontend/src/views/component/scenario/createscenario.vue b/business-css/frontend/src/views/component/scenario/createscenario.vue
index 997833d..937bc6d 100644
--- a/business-css/frontend/src/views/component/scenario/createscenario.vue
+++ b/business-css/frontend/src/views/component/scenario/createscenario.vue
@@ -10,7 +10,7 @@ import { ElForm, ElMessage, ElMessageBox } from "element-plus";
 import { getDictItemById } from '@/api/dict';
 import { eventsBatchSave } from '@/api/business/event';
 import ConditionModel from '@/views/component/scenario/condition.vue'
-import { addScenarios,updateScenarios} from "@/api/business/scenario";
+import { addScenarios,updateScenarios,getActiveAlgorithms } from "@/api/business/scenario";
 
 const emit = defineEmits([ 'closeCreatescenario']);
 const props = defineProps({ // 接收父组件传递的项目信息
@@ -41,15 +41,8 @@ function handleScenarioClose(){
 }
 const getAlgorithmType = async () => {
   try {
-    let params = {
-      dictId: '595502b91e7741b5033b53622d8731a3',
-      size:99,
-      current:1
-    }
-    const result:any = await getDictItemById(params);
-    if (result.code == '0') {
-      algorithmTypeData.value = result.data.records
-    }
+    const result:any = await getActiveAlgorithms();
+      algorithmTypeData.value = result
   } catch (error) {
   }
 }
@@ -152,7 +145,7 @@ onMounted(() => {
             </el-form-item>
             <el-form-item label="算法类型：" prop="algorithmType">
               <el-select v-model="info.algorithmType" placeholder="请选择" style="width:100%;" clearable>
-                <el-option v-for="item in algorithmTypeData" :key="item.id" :label="item.dictName" :value="item.itemCode"  />
+                <el-option v-for="item in algorithmTypeData" :key="item.algorithmType" :label="item.name" :value="item.algorithmType"  />
               </el-select>
             </el-form-item>
             <el-form-item label="事故情景描述：">
diff --git a/business-css/frontend/src/views/component/scenario/index.vue b/business-css/frontend/src/views/component/scenario/index.vue
index a16374c..85f3766 100644
--- a/business-css/frontend/src/views/component/scenario/index.vue
+++ b/business-css/frontend/src/views/component/scenario/index.vue
@@ -8,6 +8,9 @@ export default {
 import { onMounted, ref, nextTick } from "vue";
 import { ElForm, ElMessage, ElMessageBox } from "element-plus";
 import { searchScenariosLsit,addScenarios,updateScenarios,deleteScenarios,deleteBatchScenarios} from "@/api/business/scenario";
+
+import { simulationInit,simulationRun } from "@/api/business/project";
+
 import Page from '@/components/Pagination/page.vue'
 import { getDictItemById } from '@/api/dict';
 // import ConditionModel from '@/views/component/scenario/condition.vue'
@@ -268,6 +271,48 @@ function closeCreatescenario(){
   dialogVisible.value = false;
   gettableData();
 }
+
+function confirmationAnalysis(row: any) {
+  ElMessageBox.confirm("确定对"+ row.name +"故情景分析进行模拟吗？", "确认模拟", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  })
+    .then(() => {
+      let params = {
+        projectId: row.projectId,
+        scenarioId: row.scenarioId,
+      };
+      simulationInit(params).then((res:any) => {
+        if (res.code == '0') {
+          let data = {
+            data: res.data 
+          }
+          simulationRun(row.projectId, row.scenarioId, data  || {}).then((res) => {
+            gettableData();
+          }).catch((error) => {
+            console.error('模拟运行失败:', error);
+            ElMessage({
+              type: "error",
+              message: "模拟运行失败，请检查后端服务是否正常",
+            });
+          })
+        }else{
+          ElMessage({
+            type: "error",
+            message: "模拟初始化失败",
+          });
+        }
+        
+
+       
+      });
+    })
+}
+
+
+
+
 </script>
 
 <template>
@@ -312,15 +357,27 @@ function closeCreatescenario(){
             <span
               style="display: flex;display: -webkit-flex; justify-content: space-around;-webkit-justify-content: space-around; ">
              
-              <img  src="@/assets/table/edit.png" alt="" title="修改"
+              <img  src="@/assets/table/edit.png" alt="" title="修改" v-if="scope.row.status == 0"
                 @click="editClick(scope.row)" style="cursor: pointer; ">
-              <img  src="@/assets/table/design.png" alt="" title="分享设计"
-               style="cursor: pointer; ">
-              <img  src="@/assets/table/simulation.png" alt="" title="模拟分析"
-                style="cursor: pointer; ">
-               <img  src="@/assets/table/export.png" alt="" title="导出事故情景工程"
-                 style="cursor: pointer; ">
-                 <img  src="@/assets/table/del.png" alt="" title="删除"
+              <img  src="@/assets/table/view.png" alt="" title="查看" v-if="scope.row.status != 0"
+                @click="editClick(scope.row)" style="cursor: pointer; ">
+
+              <img  src="@/assets/table/shifa.png" alt="" title="始发事件" v-if="scope.row.status == 0"
+                @click="editClick(scope.row)" style="cursor: pointer; ">
+              <img  src="@/assets/table/see.png" alt="" title="查看始发事件" v-if="scope.row.status != 0"
+                @click="editClick(scope.row)" style="cursor: pointer; ">
+
+              <img  src="@/assets/table/moni.png" alt="" title="模拟计算" v-if="scope.row.status == 0"
+                @click="confirmationAnalysis(scope.row)" style="cursor: pointer; ">
+              <img  src="@/assets/table/moni_disabled.png" alt="" title="查看始发事件" v-if="scope.row.status != 0">
+
+              <img  src="@/assets/table/result.png" alt="" title="计算结果" v-if="scope.row.status == 2"
+                @click="editClick(scope.row)" style="cursor: pointer; ">
+              <img  src="@/assets/table/result_disabled.png" alt="" title="计算结果" v-if="scope.row.status != 2">
+              
+
+
+              <img  src="@/assets/table/del.png" alt="" title="删除"
                 @click="delAloneClick(scope.row)" style="cursor: pointer; "> 
             </span>
           </template>