From 6461c1004151fe474fef904c55b999cad0ffe16e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E8=B6=85?= <943480861@qq.com>
Date: Thu, 18 May 2023 19:04:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9A=E6=97=B6=E5=9C=BA=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/imgs/show/bg_item_scene.png        | Bin 0 -> 6115 bytes
 .../imgs/show/bg_item_timing_select.png       | Bin 0 -> 2212 bytes
 .../imgs/show/bg_item_timing_unselect.png     | Bin 0 -> 2327 bytes
 src/assets/imgs/show/bg_timing.png            | Bin 0 -> 39568 bytes
 src/assets/imgs/show/btn_item_timing_add.png  | Bin 0 -> 321 bytes
 .../imgs/show/btn_item_timing_close.png       | Bin 0 -> 457 bytes
 .../imgs/show/btn_item_timing_delete.png      | Bin 0 -> 1001 bytes
 src/assets/imgs/show/btn_item_timing_open.png | Bin 0 -> 557 bytes
 src/assets/imgs/show/icon_hwxf.png            | Bin 0 -> 4217 bytes
 src/assets/imgs/show/icon_kszl.png            | Bin 0 -> 4817 bytes
 src/assets/imgs/show/icon_kszr.png            | Bin 0 -> 4204 bytes
 src/assets/imgs/show/icon_ty.png              | Bin 0 -> 1354 bytes
 src/assets/imgs/show/icon_tyzl.png            | Bin 0 -> 4199 bytes
 src/assets/imgs/show/icon_tyzr.png            | Bin 0 -> 2798 bytes
 src/assets/imgs/show/icon_zhqg.png            | Bin 0 -> 5585 bytes
 src/dto/scene-dto.ts                          |  21 ++
 src/dto/timing-dto.ts                         |  25 +++
 src/router-demo.ts                            |   9 +
 src/view/demo/base-components-demo.vue        |   8 +-
 src/view/tabs/fixed-time.vue                  | 181 +++++++++++++++++-
 src/view/tabs/scene.vue                       | 156 ++++++++++++++-
 21 files changed, 383 insertions(+), 17 deletions(-)
 create mode 100644 src/assets/imgs/show/bg_item_scene.png
 create mode 100644 src/assets/imgs/show/bg_item_timing_select.png
 create mode 100644 src/assets/imgs/show/bg_item_timing_unselect.png
 create mode 100644 src/assets/imgs/show/bg_timing.png
 create mode 100644 src/assets/imgs/show/btn_item_timing_add.png
 create mode 100644 src/assets/imgs/show/btn_item_timing_close.png
 create mode 100644 src/assets/imgs/show/btn_item_timing_delete.png
 create mode 100644 src/assets/imgs/show/btn_item_timing_open.png
 create mode 100644 src/assets/imgs/show/icon_hwxf.png
 create mode 100644 src/assets/imgs/show/icon_kszl.png
 create mode 100644 src/assets/imgs/show/icon_kszr.png
 create mode 100644 src/assets/imgs/show/icon_ty.png
 create mode 100644 src/assets/imgs/show/icon_tyzl.png
 create mode 100644 src/assets/imgs/show/icon_tyzr.png
 create mode 100644 src/assets/imgs/show/icon_zhqg.png
 create mode 100644 src/dto/scene-dto.ts
 create mode 100644 src/dto/timing-dto.ts

diff --git a/src/assets/imgs/show/bg_item_scene.png b/src/assets/imgs/show/bg_item_scene.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d279e1c648d2ffceed40e05226de1622abe752c
GIT binary patch
literal 6115
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

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/bg_item_timing_select.png b/src/assets/imgs/show/bg_item_timing_select.png
new file mode 100644
index 0000000000000000000000000000000000000000..de749284851301073370940347b3d751e658cd8a
GIT binary patch
literal 2212
zcmeAS@N?(olHy`uVBq!ia0y~yU|IlV*Kx1`$=}l#Zw69~#X;^)4C~IxykubDi1T!D
z45^5Fd&e+aBvzvBVR2gU5v3%-X!H9P6O_&@pSyIM*uM<#*GH8Unm3xZ&Nw7;)6$4B
zF>s5(_snmbx{p-e=-$4gaQfP(%k7sxf3DuY?YRFtui87ezBz`!zIcBB<8&q#4gm#+
z1_nl^{lYV%cdst}`gX;Z^YLNZ=daV(&o8Ur{_f9(uYW57!|v|dy6yM(5>BXU7LGqt
z9oBB0`nJZ@clP(CQz|P@^j~;$?eLF9+F!q{pZ7*y5MnCO_#e#&Vs3rC+J1Jos?&Ss
zE$@$SEdAOe#R#*xv6l17&e}Q4&MwoN|FgzIe*c$kzxS=Moep#o*lh`d5%>E3-@3bR
z?con^lA@#fTVXN{2llasE%p1FQ}J)rw4W*Wljr$^JOb9WVCuVN>*n{Zue~}c8SWAf
zjyv_Pm+KGz&lgHIgZZ0<Lx+j!iY(k;F03pWQ*KMZ+}FTR$_x*qKt@KXr)F+2TNE7b
z!t85s2ytj|+t~~EHb;OtI9Ne?1w;iF1m-2fjbXaNJ8B)%XkbDU$Y@dlWwz0L2Q5oR
zOBI@xnF~Nw!tSX4MXQg&i+{eLguJ)w=JB47ziKpJW=Vs%FRXYM5Y1S+dnKgSk&i_b
z`vnu2RtGJws;aB|RA5(kGio*a$_K8(uv*52C2Q^5?DF5=?5uv*$wY^rS32#6WZ8mq
zZy%fFn%V!mzB!uzare3_mz%GASOl+DziAmvFRT5U_<7wFqxbvX-h<S=w{Cx|{`$QD
zT4f$M$f1+Jdpe}*^{&y=|1<r3t=@dj+AX$qMd7a=U)#oC<9hkvopy0As8@cdGkuTW
u8WMiL&+GS})Y9KCe|`Ft_Wj^}#xrwo{<M|eBnE7DFnGH9xvX<aXaWE}Lq*^K

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/bg_item_timing_unselect.png b/src/assets/imgs/show/bg_item_timing_unselect.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4914ef368765d41e936243d15caf820359c5dc5
GIT binary patch
literal 2327
zcmeAS@N?(olHy`uVBq!ia0y~yU|IlV*Kx1`$=}l#Zw69~#X;^)4C~IxykubDxajHP
z7*Y}U_KsneNR$NYgX(ydrWaz9!ZS=0#1zfe9d-*4h-uf*xUqvzx=@gDxp(rk1Q!E|
z_sL9lM;@8(oAa#ZC7W8Yg?xSC49T><`~Udz<a7Vcdi_x9@jscz2|b0czdx_=X<%Sv
zV&M=_aCl(Pa_*YM^5UNF_Sb5vtBUsg{krq>^X9W@oBuz(z4dwW8u#Kp+a+M7U_Jjr
z64n+P9;+$-{Of!A?YG}*zE@3WE-|;;KkxnC=;S-UFAMzlM;Kn-XnCw%`nNcLnevyS
z2Dy87Ri@9Ydb(hiHyjA%Tw@wvZ)I6$RDS>GoMhSGH~y|#u~!f3xP}9M3EvC<NPW)u
zSNr^3x8bp19fV7mnDn1NoV#28xx{RT85|JbG%z$4HJTnP`_A_w-F|CG9p@`y1qZNm
zikQ-OGwv#?oCNYTSmYKf&xLQ?7v@79BOqqraQML^nDkpFwv6AbFJOM*;FegBSWpPH
zy|IjudCOm>FX|AJI9h;48SJoty1`+01LLha#$Pb24*`vmh>?N%X+i7(hTQ!Oe>tJ<
zNMvL-;nC}Zy5fRfLc_NBhJP@NHZ(9wv5C7wLo`F&z~Q#OLp{u*hyx6~&E3jSS8M^g
z@vZm*d#FVUItdMJ2agJldKVa{qp>@hm?2qvH1CcURdgts6U-g#`wjD2i{S+@M+w)Q
zvxlwA?avvS&HcMo4O(gocyO&T+_t;iA->0Oo?3G%ti0y9!nJ1(`}Tgb;x&&gkH_gY
zKY~|%;d&dc?TAR0I~#lH;oHUG#p{lT&(nfex(mV**8co;`Q*pRrx|zM%=rebnOBPj
z&Vkjt4^FW>laSAQ6K``PZ~OD<%wL{!{QdOy)@Q?O%JRqKXYLh;IWC0rja`|1^1hvw
ze}8Yj`{T~k|K$z;rrfAi|FV9k+&aT|=MDM(xCCGA)$oQ|{{yo*;rgG^lwCw-EAN$)
Qz?Ke!r>mdKI;Vst0I|utX8-^I

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/bg_timing.png b/src/assets/imgs/show/bg_timing.png
new file mode 100644
index 0000000000000000000000000000000000000000..3392ef49aa5f54dff7588d282f5a805f6483329e
GIT binary patch
literal 39568
zcmeI5O-NKx9L4XO#+o#1ROn;K8iF9gP$GkhWJbnx3Zz8BHex%GAi_-u)iWxH%#}MA
zO%xO)A|dSpiHKTc5(!a@T0|HmMPCpG_2%O_yyF|8-JrjPILu|<`2O$SbI$+V!}aRX
z*5>lkNU1TVJlT?HGo~b!{t2x##@tPPc<TJJdfS>C&FJLjPsT(|G7)b-+xhwR&GL!5
za4<d`DY^5vq3T)vpZmW9YX`Q>HoTbI)odFp5DbN*G4G2jB@fKOnw~-b(NWvXRxJEb
z`kiP+I8}B0md_=f(P(VW_uE3@mSAw^()14h(a_X+?_W3n)s>dD|787P|IxtsR=ut4
z2m2E-yS3wbrSGV7Ypdq3?|H$kX`Oj$I)#{!o+V=&)|z4(FanHZD*&&l?trpIIH5*V
zfubQrs)v9PU<9G1qJmabdlR~B=}jDEPQNBKp<kn4%T@rPh0p>a6%7zt2rah)AS4J0
zLV}QP1u*L{>m2{Kn07^npC38xW&zmO_9h*mZ|EEPcF8Lb-B>_c6SnN#md8bmV&XV>
z4PGlM(Zz&hLNXzBQ=Yvx$@Y+q%xlh^;zDR4w6YZ-)TH=HHd62tyH)WMN6YO`-Ru)E
z0*tU_ucCr%q>B&v)q$g>H6a^GHZoHIgcd@p$o93dSpVN*{W>z!?PdW4+0yn4QaLXM
zvQ$XNO~;K?R#{kF0Vjyy|A_$b&)P&ZI5HDR{*e61Rsbg%C)t?^iy&nGjp_rpEn~Vi
zeth?{ePDVb-n%Cd7+<F%Ix8V3wnbyLBZpS|j>ha?y6$q0WruSt*yX~<f;H$v%3c1N
zZ61zAw)>A-Zwj36)#V&rwqcQ@%hUwOUA`s|`0=P`$bU50UFZz5rkLHi$QfiSM0)2g
zKjyS)W%rJGIp4j{aO&Jbr#JJ?dduot<eW4fn&;{9&}15grdVm7CC5q=z;^V4X9?wn
zCGaSPfzxE}z-b<AiN+8jB7RVhc|6TX+<w%f*pf(ow+qM>2FWiX79oNVNrR`8W}vzD
zfCY|-kjc`wu}+!YlWrDZp(h7a0+m3e%z+F>0F}!QDuKtGU&A(y*b*p7u_Y|v5qJ!t
z9z{9e_~ZDa9%T+>9EhdgXrmrcj|KnHAU-5MB*`qVT0%W~>k&phigF+?LS6**D03jQ
z*-da&_WTL13YidG6*3{XDnNqEzua8@<hL_>jfq5(iFmuLjttEbt@CuLfgsU3p;>x1
zp;>x10TOyPp;<EiLbGK2Wiy?OzwVtNL=Ylr)Szb*GNES^G9j5IWI{4a$%N>EkO}6o
zbhVhr($!)fOIM2!L5LXoG^JMhG@;gIZWzBBtbS>Xsax~?OW)2XJ?~TdA_Al_8~aBT
ddlA8kReR#`+f73k%AAL2l1;6N(Z;Te{{VN*)XD$=

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/btn_item_timing_add.png b/src/assets/imgs/show/btn_item_timing_add.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a2ccb25da0a55241119d1cd622136e48ca2973e
GIT binary patch
literal 321
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^R}zdc<XLo%G-
z&OFF_$biT7|Nade8`#~|62x}|=xyK@E=b`|5Y%&<TGZsWNh<Qn)&427Cm;K7f4bL6
zMc${bPNT8jT7y09b;C?u#yeh3(UaD9q#PD7+HBiUZ26_}iE1>HJ438xiTkG|ENmhj
zE*^Xp6DBj8PCetp!Kv8K<g~(7RpFi80;Mvm#dZcamGu69wr1d7KKp*6G{fIF$M>Ew
zjNZ!_ll{F@%PH*}!v?9(M;lE2C%s-+n?Bc}UiD0OfHvDJW<S=e>}t2!=kSFc4gqpP
znO8BYYi%`9RB34mSj<%Hrtz2A{hj(U1*7_Hysw$P4y<gDDc}+nn|7~}-+%Qk!wLz`
RH^5+E@O1TaS?83{1OS2Abf^FT

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/btn_item_timing_close.png b/src/assets/imgs/show/btn_item_timing_close.png
new file mode 100644
index 0000000000000000000000000000000000000000..1dd1b646adb75097bb0083b3c6ee691737b55709
GIT binary patch
literal 457
zcmV;)0XF`LP)<h;3K|Lk000e1NJLTq001}u001Be1^@s6M+3X)00001b5ch_0Itp)
z=>Px$gGod|R9HvlnQKP`VHC%Ir>i6>DT=5ldJ%p9Z_$e=DxxSWl9jF}|9WOkyNzaM
z*P1!|yju3T{m$h%moZ8Xcb@{5fhAx8m<Of-E4fA8X%2h<FTgYK1U#DAXPFKEy_~xX
zWCK_Q1lfckxCh|Q%miLI3IW|+|7`;6W6)Avp-H><z^$3-_rUlQ(A{T&U0|{9$zxvE
z1uo6(t^eEsKzEma?E!ORzT~jSy#g0zCO_?sUw}z-2Q7rlfCPD#*JKYc`P_bs%(6)1
zGS~CWC-Z<?>9rizRGP3}uj`F2@(q|m!C`}6%c?@ti+ZXMk^yc5YgKn?`23EUU0cdf
zjv5riM<q8U11ADp0d_{UYs2=r5@1C0%;ek=pyFOzGM1_a(iNcmZ>H+Xmdt+_;Blbv
z&@XqN2*B_r8vc<9A11;Fdi7c2rfR90h-jui$@WB)O9?V=!J7c3&A2U#1gUmm%%)S8
z#D#7f<{;xXeshp<Tle{zBkaeQfx@b#pU=JkgPyZ%${ET(00000NkvXXu0mjf4yn)f

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/btn_item_timing_delete.png b/src/assets/imgs/show/btn_item_timing_delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e5a36b65caf7b78fa6dd4f9718384f7ef41215a
GIT binary patch
literal 1001
zcmV<F0~Y*=P)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00001b5ch_0Itp)
z=>Px&qe(<TRA@u(np^1QQxwNPUvj@sVU$G3b;hkmdGNxEh=y{RC=Cx%ig_SI6d^Ch
zJb0LgF;9#~xjgaWL1~7f<Q5WxMy};9zWUaln#uW}^E>D4^K<_5-@DG!S--W`cdzeW
zd+)WESYks<3@;7v-X8H5;TGY&Yz7*oYX{W!Q9yo&0tW*71N#&^{{Vjhe*ixNKLFoL
za&13$>6=M}ZC?-E37k_vj^qEIz=yylNl%UQVHerzfNclphAzfC$ZU|bu7g}>k*a`g
zhqB)R2Lqn~iO`PFv{3f9Lg7$3Bh=mxIG|8|8E_nM3vezFxf3OQ(HYSQ!P<aV0`C-?
zYb9-&#8KOq0<V;BuaNZeBzgvYQycL4z+1)8jgp?3#8KN91Fw~DS4(<+5<Lwt)V(~|
zUi=ZZy)W=2aCQe;9R^%b<lYB%cKBwH$PvJK<&SrPZ#(LFL(;v&WJj)H+X3)qM}zYq
zc9Nve7ILHu;6yn4>WX<lGs1^$lJ1!*!ixapST2r?@L1Xwfp7y{J4m(<2i5|wN=n8Z
zIBegP+mfW0YWuLezKJ7j`w-w%NpBBx(DviN-M~kZP8%d^`;tsZIXg$^r$Z*@NZ|Nk
zlQ)y3W&3sDB4C}Q1#d^TbDqArL@$?v{|wtV0MC{`R!Q1E1n|ee$-o*(TgPR?G!gy@
z2wgWzx^;+y)d1T*2>7+wdPLIw4e*E=Xc6v85!)%n<nq2%(wd$qokW@1S4QuY{<~Bx
zUX*lYPk@u5Q|QZhOw#(U0oo-u4W%341-6`;S-M5IQF?~kQd`4q4FfgL(zaXDYDudl
ztvzR;owT~H3EOR3S}NPp3zDwt>9&+7m>-L+M<w0Ym60`WOTUzd?=6y2l^i%K@56aG
z|GgM`SkeQ10{%a0S`BcY5zbo5n(C9%yH_nAlJsDofZqeo0P-|>p`>qm$kNFbn~R;>
zByH*w@Lj+Y#b6Rx-jMTR@FfuNdBhG2?f@<WvgXsbl}5De;b}fg7f+sJuK_j|UAF^Y
z11Z`c4J-#v0L}zXFEXiXogyjSL1T?+PFks0J_lSqmc{9X)B1Gnq;F6Y1CHOe6QS#X
z%Yn1X6G++~YL4`3eU-PV(joM;qz@)FFcshh)@%~lvA{7v?ysR{D49BT?1dSjaYn#|
z-l2JVFtf*gUg)0&xAchYl$8IgjOu`^cr`;M4e$&ncP>=72+u_rX6QtV@C+w+E>!;u
Xj1Qt)j{t@q00000NkvXXu0mjfW}Vka

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/btn_item_timing_open.png b/src/assets/imgs/show/btn_item_timing_open.png
new file mode 100644
index 0000000000000000000000000000000000000000..12322c12c0a4b2166f2dd7294bd0a5d7fb60588b
GIT binary patch
literal 557
zcmV+|0@D47P)<h;3K|Lk000e1NJLTq001}u001Be1^@s6M+3X)00001b5ch_0Itp)
z=>Px$=Sf6CR9HvlnLS8CQ547j_xh~JY%2t5iJBtX`T!GY3#X=PueP9ums>=eITSSY
zvDellZ6Ot8Z4pgHix^^CrD#3xiyJ*L&GgAbuh+M}^Zw`j-u*cDoJ&yU<J(Afu@v(&
zuqgl|fZh+F8$f%N61AFT0lWg_3BWA{J);g9j%@V4S0hL&8BMIl1{8$`bYLEUqmq4{
z-lqs~q-iX8wcYplpU<*@)5{O-ZylYR09F9B)hTeZZax6)I5X+>)7?Qn(k0KIfIc<p
z((ri#VBD<72H8gy*k>Z4-bAtg5<qVtG0a#l44|(;!Pe?FMybtz9(3Im3j6~68M&J#
zgfp083hbkWBbf*MS#yylnwI58I_k`%ea4#11A5eW5Wrfk^Fy%jwk|{N0FUV#kf#Eh
zLhl9MEzSPFkDSJacnbLjoK)inI<R0?MPz#d9A1Rni-ez0wA3fxUPVdbR{gh>;;_4j
zS53?^<c_UU6-kG}Hb*?_^B$lti4>T1v5<WZ7zOk(>qJFTBG<&D#*+YgL<-BoSY9|_
zrVb^Kg)y6w%C-cc>{C?wO-AxGA$_8k{-`GXVY?;DB@QWd!OH=qZ&`3ishdv52~X;_
vp#dp%<JW+cx^-VzkVt#^Qe1U4>-E_e(fjPHln>nb00000NkvXXu0mjf?G68>

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/icon_hwxf.png b/src/assets/imgs/show/icon_hwxf.png
new file mode 100644
index 0000000000000000000000000000000000000000..d09344596b1e6cffc124c5db0d50ec656c61eeed
GIT binary patch
literal 4217
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
P00000NkvXXu0mjf;kYo~

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/icon_kszl.png b/src/assets/imgs/show/icon_kszl.png
new file mode 100644
index 0000000000000000000000000000000000000000..baad7eb53d8dbff8f28dff20b533b9a5beaed775
GIT binary patch
literal 4817
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

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/icon_kszr.png b/src/assets/imgs/show/icon_kszr.png
new file mode 100644
index 0000000000000000000000000000000000000000..9cfe0d0ccdd8f083b2222f55b09b7bf95abd5708
GIT binary patch
literal 4204
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

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/icon_ty.png b/src/assets/imgs/show/icon_ty.png
new file mode 100644
index 0000000000000000000000000000000000000000..f068637f597b82ede3a7533f4e1e85793bba9d6a
GIT binary patch
literal 1354
zcmeAS@N?(olHy`uVBq!ia0vp^6(G#P1|%(0%q{^b#^NA%Cx&(BWL`2bu(Ei%IEGZj
zy`AfSLM&9|*nIbZ$tA*ii+Xny3bHQTB5=@kg62QRRj$&DTRl5Ev^ljjPDE`L5MQKw
zsC8G6KzC5#L$^f%iZL#^Yg(I}1d?vbTNNgX8THLizgPaQ_WhjqGr!I(K3`e)eCPY$
zdyVh&EL7gY#B+D<tY!vwc_v1&2M@Sd^8NWJr*CQ}r1>-aU^t-0a5^nM@IBW*rULE*
z-x>TS?zv=rxJA9^(808CtPR`M-fTQ}`5e;?=TFz~91Z2aaYl@32X{hYo*~!s{k#d<
zC*K#Xvt~QM&G3gWA=6JWZHl#Ho#FDytJ&wYm~ZZ9++(iHv2(hucTw~@S2xBTjeC-h
z#BaJJe)wu}jbn`Sr!2k`iy7xE{yE9=>>Evn<BU0PBEAbxiY(J$)brTc_{aPB_fBpV
z^Cudv4aF<0-2IGqvn14NKe0Obym*Sz0n3oN(jTTXm~D5eQ`@QKuE{jVIh0XvO_uBF
znKNZ#1p5zq3qClgx>kE3!}X)dAF@~~3OrwXNr-Kjxpe;POJDD#GulK>f3q&@U+%h>
z^VEMXe%;fzU_!&$9PNh14D;rN%;-92%+SvGM!j-<e(Xbr**EnV+<$QyHvK3GKNdCV
z|Cg1fA_>OPoDbR;TrU#7-tSRoF`rT1Yx}Y<f(a=b>lq^aKKbY0y(lwh+r|=ElTQ=3
zz0BXs>&9Hee4s1rbNuq^iF=wtM5g~^@-RQWwO?0d|EFt~@(lCUe$EP?5cTNH8&w8z
z>sOxU=a$}|9^1~aJ4H)g<$&z0*^$@9blKf^%IO^7_usqi#i!ltvt4s9-deP`S?GDw
z{%sk#7uT&^ujmoIWn0E|nOEM^yqA4)EZQLRW|o!Z4b|YE3YHOkWxjJ|-b`9qGeJg&
zefKgyzOs`cb{>4wnq!02*}?X(pFX&5<>cmAqpAFpnx7_IzjE@R-po_%Cl3~F$bR)C
zVY<)L<|hf3H%v>5HV`yEFV6bLnK;G?^Im@J@m~9|Id56}(Fr!!{cIOB`!iK6p88+w
zr0L=9%qg`Jne+eWWIU*wy!a$%QC^O-oWO_K41HU(tQ<c5<$P81M$?qhj`hLS<6$vs
z4;I!J%5oKG-9N*}aD!W6Z{RbQhPx{7pJ(_s><&H4wWD#)J+;jZDOCrewk=jW@ba_y
zAF;W;Pn3ninRm>5^&x)KGt&o`&VG-~KXLwn-D^MT=&8-ibJd>zWLhI{Rdnw9k)2Ny
zmY0CSOlIn)#G(zs`JgcC^SZeq(&7it$+xMu=hT@RS4$rF+2^xY&dsV;^{>$rwi@08
z+-oQOWBw4m-)MD5+^3Fm-!;mWJG;27yH4=_C}yzE&aG?M^)FA3V_uwN{L_ijABq_+
zIUf`cz4`ZxtE|e-{9h(NjZ#?WoHE;7&R8>Ree2BBf10&_zEsZnucLLAZ%5-Fvxf7}
zDvtitshXd5_A<jg#me+qDyrvnnSkESJ6vgdpnK!Fi9Y(3az_JsK4@Iwh*-kF-tsHK
nn@Q)uK~au-^JJ(?-}}${F=`oWFVjO{;mF|W>gTe~DWM4fb1G)Z

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/icon_tyzl.png b/src/assets/imgs/show/icon_tyzl.png
new file mode 100644
index 0000000000000000000000000000000000000000..80f8a36eac517559877402fa79716dc6d1a92cb9
GIT binary patch
literal 4199
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

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/icon_tyzr.png b/src/assets/imgs/show/icon_tyzr.png
new file mode 100644
index 0000000000000000000000000000000000000000..560b91a6dc0012f224a2e593b8ed8d98b4ca8135
GIT binary patch
literal 2798
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
Vzc<dU$p0#^fVBnDyv&q*`~OJ^Mcx1a

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/show/icon_zhqg.png b/src/assets/imgs/show/icon_zhqg.png
new file mode 100644
index 0000000000000000000000000000000000000000..adae35003b04d881a5090d4c8557726914a83f7d
GIT binary patch
literal 5585
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
RbK_`95GvZrRf?7&{|Cvz?9%`M

literal 0
HcmV?d00001

diff --git a/src/dto/scene-dto.ts b/src/dto/scene-dto.ts
new file mode 100644
index 0000000..b331261
--- /dev/null
+++ b/src/dto/scene-dto.ts
@@ -0,0 +1,21 @@
+/**
+ * 定时
+ */
+export type SceneDto = {
+  /**
+   * id
+   */
+  id: number;
+  /**
+   * 名称
+   */
+  name: string;
+  /**
+   * 图标
+   */
+  img: string;
+  /**
+   * 进度
+   */
+  progress: number;
+};
diff --git a/src/dto/timing-dto.ts b/src/dto/timing-dto.ts
new file mode 100644
index 0000000..fa61de4
--- /dev/null
+++ b/src/dto/timing-dto.ts
@@ -0,0 +1,25 @@
+/**
+ * 定时
+ */
+export type TimingDto = {
+  /**
+   * id
+   */
+  id: number;
+  /**
+   * 定时时间
+   */
+  time: string;
+  /**
+   * 开关机状态
+   */
+  state: boolean;
+  /**
+   * 设备名称
+   */
+  name: string;
+  /**
+   * 选中状态
+   */
+  selectState: boolean;
+};
diff --git a/src/router-demo.ts b/src/router-demo.ts
index 82221a0..74959a8 100644
--- a/src/router-demo.ts
+++ b/src/router-demo.ts
@@ -36,6 +36,15 @@ export const demoRoutes = [
           requireAuth: false,
         },
       },
+      {
+        name: "timing",
+        path: "base-components-demo/timing",
+        component: () => import("@/view/show/timing.vue"),
+        meta: {
+          title: "定时",
+          requireAuth: false,
+        },
+      },
       {
         name: "animation-demo",
         path: "base-components-demo/animation-demo",
diff --git a/src/view/demo/base-components-demo.vue b/src/view/demo/base-components-demo.vue
index dd66661..68dcf2b 100644
--- a/src/view/demo/base-components-demo.vue
+++ b/src/view/demo/base-components-demo.vue
@@ -45,7 +45,7 @@ const navList = [
     name: "animation",
     icon: "iconfont icon-chongzhima",
     click: () => {
-      router.push("/demo/base-components-demo/animation-demo");
+      router.push("/demo/base-components-demo/timing");
     },
     color: "bg-red",
   },
@@ -280,16 +280,16 @@ const navList = [
 
 <style lang="scss" scoped>
 .base-components-card {
-  color: white !important;
+  color: black !important;
   .base-components-card-container {
     display: flex;
-    justify-content: space-between;
+    justify-content: space-around;
     flex-wrap: wrap;
   }
 
   .base-components-card-content {
     position: relative;
-    flex: 0 0 50%;
+    flex: 0 0 25%;
     > div {
       position: relative;
     }
diff --git a/src/view/tabs/fixed-time.vue b/src/view/tabs/fixed-time.vue
index 95c35af..c61a982 100644
--- a/src/view/tabs/fixed-time.vue
+++ b/src/view/tabs/fixed-time.vue
@@ -1,14 +1,183 @@
 <template>
-    <div id="fixed-time-wrapper"></div>
+  <div class="base-timing-card safe-area-inset-bottom">
+    <div class="layout-box-vertical layout-items-center">
+      <div class="base-timing-card-title">
+        <div class="layout-box-horizontal">
+          <div class="base-timing-card-title-t">定时</div>
+          <div class="layout-items-center">
+            <img
+              class="base-timing-card-title-add"
+              src="@/assets/imgs/show/btn_item_timing_add.png"
+            />
+          </div>
+        </div>
+      </div>
+      <div v-for="(item, i) in navList" :key="i" @click="onItemClick(item)">
+        <div
+          class="base-timing-card-content-unSelectBg"
+          :class="
+            item.selectState
+              ? 'base-timing-card-content-selectBg'
+              : 'base-timing-card-content-unSelectBg'
+          "
+        >
+          <div class="base-timing-card-content-bg">
+            <div class="layout-box-horizontal layout-items-center">
+              <div class="time">
+                {{ item.time }}
+              </div>
+              <div class="description">小时后</div>
+              <div class="stateBg">
+                <div class="state">
+                  {{ item.state ? "开机" : "关机" }}
+                </div>
+              </div>
+              <div class="description">
+                {{ item.name }}
+              </div>
+              <img
+                src="@/assets/imgs/show/btn_item_timing_delete.png"
+                class="delete"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script lang="ts" setup>
+import { useRouter } from "vue-router";
+import { ref } from "vue";
+import { TimingDto } from "@/dto/timing-dto";
+import timing from "@/view/show/timing.vue";
+import type from "async-validator/dist-types/rule/type";
+
+const router = useRouter();
+
+/**
+ * 切换选中状态
+ */
+const onItemClick = (timing: TimingDto) => {
+  navList.value.forEach((t) => {
+    if (t.id === timing.id) {
+      t.selectState = true;
+    } else {
+      t.selectState = false;
+    }
+  });
+};
+
+const navList = ref([
+  {
+    id: 0,
+    time: "2.5",
+    name: "主卧空调",
+    state: false,
+    selectState: false,
+  },
+  {
+    id: 1,
+    time: "3.0",
+    name: "次卧空调",
+    state: true,
+    selectState: false,
+  },
+  {
+    id: 2,
+    time: "4.0",
+    name: "餐厅空调",
+    state: false,
+    selectState: false,
+  },
+]);
 </script>
 
 <style lang="scss" scoped>
-#fixed-time-wrapper {
-    width: 1500px;
-    height: 1500px;
-    background: rgb(206, 19, 19);
+.base-timing-card {
+  background-image: url("@/assets/imgs/show/bg_timing.png");
+  height: 720px;
+  width: 720px;
+
+  .base-timing-card-title {
+    margin-top: 35px;
+    margin-bottom: 35px;
+    width: 100vw;
+
+    .base-timing-card-title-t {
+      font-weight: 400;
+      font-size: 40px;
+      margin-left: 46px;
+      color: #ffffff;
+      width: 100vw;
+      text-align: center;
+    }
+  }
+
+  .base-timing-card-title-add {
+    width: 48px;
+    height: 48px;
+    margin-right: 48px;
+  }
+
+  .base-timing-card-content-bg {
+    width: 100vw;
+  }
+
+  .base-timing-card-content-unSelectBg {
+    margin-left: 45px;
+    margin-bottom: 12px;
+    height: 126px;
+    background-image: url(@/assets/imgs/show/bg_item_timing_unselect.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+  }
+
+  .base-timing-card-content-selectBg {
+    margin-left: 45px;
+    margin-bottom: 12px;
+    height: 126px;
+    background-image: url(@/assets/imgs/show/bg_item_timing_select.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+  }
+
+  .time {
+    margin-left: 36px;
+    font-weight: 400;
+    font-size: 60px;
+    color: #ffffff;
+    line-height: 126px;
+  }
+
+  .description {
+    margin-left: 57px;
+    font-weight: 400;
+    font-size: 28px;
+    color: #ffffff;
+  }
+
+  .stateBg {
+    margin-left: 14px;
+    background-image: url(@/assets/imgs/show/btn_item_timing_open.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    width: 56px;
+    height: 32px;
+  }
+
+  .state {
+    line-height: 32px;
+    font-weight: 400;
+    font-size: 18px;
+    color: #ffffff;
+  }
+
+  .delete {
+    margin-left: 77px;
+    width: 60px;
+    height: 60px;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/view/tabs/scene.vue b/src/view/tabs/scene.vue
index e28b516..f19bd8a 100644
--- a/src/view/tabs/scene.vue
+++ b/src/view/tabs/scene.vue
@@ -1,13 +1,155 @@
 <template>
-    <div id="scene-wrapper"></div>
+  <div class="base-scene-card safe-area-inset-bottom">
+    <div class="layout-box-vertical layout-items-center">
+      <div class="base-scene-card-title">
+        <div class="layout-items-center">
+          <div class="base-scene-card-title-t">场景</div>
+        </div>
+      </div>
+      <div class="base-scene-card-content">
+        <div v-for="(item, i) in navList" :key="i">
+          <div class="base-scene-card-content-bg" @click="onItemClick(item)">
+            <div class="layout-box-horizontal layout-items-center">
+              <img class="stateBg" :src="item.img" />
+              <div class="function">
+                {{ item.name }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { useRouter } from "vue-router";
+import { ref } from "vue";
+import { SceneDto } from "@/dto/scene-dto";
+import { Toast } from "vant";
+
+const router = useRouter();
+
+/**
+ * 切换选中状态
+ */
+const onItemClick = (scene: SceneDto) => {
+  navList.value.forEach((t) => {
+    if (t.id === scene.id) {
+      Toast(t.name);
+    }
+  });
+};
+
+const navList = ref([
+  {
+    id: 0,
+    img: "/src/assets/imgs/show/icon_tyzl.png",
+    name: "统一制冷",
+    progress: 0.5
+  },
+  {
+    id: 1,
+    img: "/src/assets/imgs/show/icon_tyzr.png",
+    name: "统一制热",
+    progress: 0.8
+  },
+  {
+    id: 2,
+    img: "/src/assets/imgs/show/icon_kszl.png",
+    name: "快速制冷",
+    progress: 0.3
+  },
+  {
+    id: 3,
+    img: "/src/assets/imgs/show/icon_kszr.png",
+    name: "快速制热",
+    progress: 0.5
+  },
+  {
+    id: 4,
+    img: "/src/assets/imgs/show/icon_hwxf.png",
+    name: "恒温新风",
+    progress: 0.8
+  },
+  {
+    id: 5,
+    img: "/src/assets/imgs/show/icon_zhqg.png",
+    name: "智慧全感",
+    progress: 0.3
+  },
+  {
+    id: 6,
+    img: "/src/assets/imgs/show/icon_ty.png",
+    name: "通用",
+    progress: 0.3
+  }
+]);
+</script>
 
 <style lang="scss" scoped>
-#scene-wrapper {
-    width: 1500px;
-    height: 1500px;
-    background: rgb(131, 10, 196);
+.base-scene-card {
+  background-image: url("@/assets/imgs/show/bg_timing.png");
+  height: 720px;
+  width: 720px;
+
+  .base-scene-card-title {
+    margin-top: 35px;
+    margin-bottom: 35px;
+    width: 100%;
+
+    .base-scene-card-title-t {
+      font-weight: 400;
+      font-size: 40px;
+      color: #ffffff;
+      width: 100%;
+      text-align: center;
+    }
+  }
+
+  .base-scene-card-content {
+    display: flex;
+    justify-content: space-between;
+    padding: 24px;
+    flex-wrap: wrap;
+
+    .base-scene-card-content-bg {
+      position: relative;
+      flex: 0 0 50%;
+
+      > div {
+        position: relative;
+      }
+
+      margin-bottom: 20px;
+      height: 146px;
+      background-image: url(@/assets/imgs/show/bg_item_scene.png);
+      background-size: contain;
+      background-repeat: no-repeat;
+      width: 326px;
+    }
+
+    .function {
+      margin-left: 30px;
+      line-height: 146px;
+      font-weight: 400;
+      font-size: 32px;
+      color: #ffffff;
+    }
+
+    .stateBg {
+      margin-left: 52px;
+      line-height: 146px;
+      background-size: contain;
+      background-repeat: no-repeat;
+      width: 60px;
+      height: 60px;
+    }
+  }
+}
+
+.bottom-line {
+  position: relative;
+  padding-top: 3px;
 }
-</style>
\ No newline at end of file
+</style>