From dfa0eafb1603cef0912b274c67f3e8229915e895 Mon Sep 17 00:00:00 2001 From: donghao Date: Fri, 5 Sep 2025 17:05:11 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5=E6=8C=890904UI?= =?UTF-8?q?=E7=89=88=E6=9C=AC=E6=9B=B4=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/common/sub_title_icon.png | Bin 0 -> 1969 bytes .../train_card_bg.png | Bin .../train_head.png | Bin .../train_manage_bg.png} | Bin src/components/HeaderBar/homeSubTitle.vue | 5 +- src/styles/common.scss | 2 +- src/views/dashboard/DataOverview.scss | 21 +- src/views/dashboard/DataOverview.vue | 203 ++++++++++++++---- src/views/dashboard/VehiclManagement.scss | 2 +- src/views/dashboard/VehiclManagement.vue | 12 +- src/views/dashboard/components/AlarmModal.vue | 2 +- .../components/AppearanceAlarmModal.vue | 2 +- .../dashboard/components/DeviceStatus.vue | 7 +- .../dashboard/components/DiggerAlarmModal.vue | 2 +- .../components/TrainAlarmInfoModel.vue | 97 +++++++++ .../dashboard/components/TrainInfoModel.scss | 120 +++++++++++ .../dashboard/components/TrainInfoModel.vue | 97 +++++++++ .../dashboard/components/VehiclModal.vue | 201 ----------------- 18 files changed, 506 insertions(+), 267 deletions(-) create mode 100644 src/assets/common/sub_title_icon.png rename src/assets/{vehicleManage => trainManage}/train_card_bg.png (100%) rename src/assets/{vehicleManage => trainManage}/train_head.png (100%) rename src/assets/{vehicleManage/vehicle_manage_bg.png => trainManage/train_manage_bg.png} (100%) create mode 100644 src/views/dashboard/components/TrainAlarmInfoModel.vue create mode 100644 src/views/dashboard/components/TrainInfoModel.scss create mode 100644 src/views/dashboard/components/TrainInfoModel.vue delete mode 100644 src/views/dashboard/components/VehiclModal.vue diff --git a/src/assets/common/sub_title_icon.png b/src/assets/common/sub_title_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..de0c384189fa59adae6c49167d8408b4249c34d4 GIT binary patch literal 1969 zcmV;i2Tu5jP)e2vTcfrl_RQSFcjw;uapE{hTcIv`l{T62%(>q^Ki~O|iJq*-XuWe=YUUq3 z!o~EE>+RcNokgt(OAD73XLcYWJ;h%8`)9dF53wEy;F&>KW2NdIQA@Kd6pXQmH7b<- zzR6lPbSUi~pDXw2kn6wzPv6*DB;RiWK^@>~f~^@p#Q0ximmS6(DWG)EU4>`c62}{x zFV5dQ$i6cH)~`rq>&U3d7_ z)K+2K+dQ>5Se^<>j}SUqQ3xZY8}g38<*!O=N<>>s(@p1V;(+E_1FUqsF$J4vCc$P_ zUjI3)iH5-FnMN5EV zuKn`nk#4qE^;@Zw%Huokg)Bs}159Fw*+tfPm6BAnAKLeln+Dd7`?-0B})*>L(V)bI)$tk zw-!}MpNghBE*CSuJKH1$Gd5CeVX<)-r@w9aT6p4saT0La8H+-MvLg*)xg%x&@|E|> zS0?}#SM{r{I!rc^gAL?YCC!y$%xw;()tl#HmUB|D&H3{dv&%nQ+CyU1Wr;fd51$Tp zV%awrUiso)3mZ4E;mXYXnNr~P029H>o<%VR1{A5MyZv){NDmD#UDeOG7Gp22OC$hn ziJA(ICEAfk6T5Iy(fG87=eug_XuE%YZ%|VKzV+w$0*luK8TX`&)dd?OMQxB*EUmv?P3)I=cxT<__1%JXWb$@u)`z!-kAIM_l$Ag6HQ;HGk zgOk=Y#lbAFFI~P@#i3S-R2^?EI-^5iTvJ5B_4B*)DqYyOGFEz3vDD3FF-4*%Tr&Hn z04t*~zJiMd$8V`SY+lFGlUOo^z!AqW+R#j%5?rR&VKs1e7pDTpTLZ{#d5iGu^uaVIRzb^E6dmPb{9DurQ#lx`}3G7ZMHW^s_r zjiE^g_SL1i$nOWvHt%)H`~Pk?@LtpKq9tuh9a%R)eo0Ji9qWz$`$xOGK&?xKPi(&m zKo^8{9ffs*T%XBODe1>L5JjEiPtA3MDF@!SimTs1W+|#c)1Ak0-!A}`w5km&>oxkD%s&)~k21wpcG#+>Mr(2t^m&@o}=w2jC216W|Q!B`ndbYQ#=vWFgW7gRlql+R6eC7t9 z9m55RC7_UyW3#Dd)=G-cA2mHz4ORwJ%DWR}GejzU_R|aHHKHj+^2U{MlOlZ%?|sA* zve~H;EU4eEjxh+0K{fj%xzUaN@Lg zx50}TC&j4jRP|*PVW{RGj49oOYCf2xn(8-q>&o++Qo`r}otdRgL7w62JJ09!qsNYP zf;~9(Kw=@G8j9-_sTLw%vqY1ObZ$sWsue}1(RbBQc_tqr)AGmM@eD3djFJr+&9`S& z^Dcnq8v)VLvI*ahOMB0+hH4Pr6{wmEVyZU*mkGUG_9v`vXh#fP2Jl(WFZ%$scm5_A zNLQi7f*+pYT(BArgjl#kM5#w^p)IY&VcgwcD41^)7+MiRp~#7HFu`#4Z&^^WZede1 ztSwv7D?>l>mWnh}2`T;~nMo#PvT?|_I!5*C15k|tigh50nIE+X@(LZNMs5If2TKyD zr2LZ^z~m&?$5lbQ!_m)2IcCS+Nx3eBgk& zVG4kdpC#4ae6bWHfTx}Aeh8tU;SGQ#=3H@PDkRYg>k{fOe_ft$?+FSN!yW{K$DiW8 zQwU5YJ+e(x$2P1@Z*Ctg?G_9(tN1h~y|J0{G=XZUmYq5s^OA7rA-vwDP-jEWsjs(c z*t*4@xS@+E9ZBth4MhDNL`e6znr{cok76b @@ -11,7 +11,7 @@ :style="{ 'background-image': `url(${sub_title_bg})`, 'background-size': 'cover', 'background-repeat': 'no-repeat', 'background-position': 'left bottom' }">
- +
{{ title }} @@ -40,7 +40,6 @@ const props = withDefaults(defineProps<{ // switch (Number(props.bgLayout)) { // default: // return sub_title_bg; - // } // }); diff --git a/src/styles/common.scss b/src/styles/common.scss index b82a2c5..4299907 100644 --- a/src/styles/common.scss +++ b/src/styles/common.scss @@ -177,7 +177,7 @@ width: 24px; height: 48px; margin-right: 12px; - background-image: url("@/assets/common/alarm_title.png"); + background-image: url("@/assets/common/sub_title_icon.png"); background-size: contain; background-position: center; background-repeat: no-repeat; diff --git a/src/views/dashboard/DataOverview.scss b/src/views/dashboard/DataOverview.scss index 24e8dbc..a936b9c 100644 --- a/src/views/dashboard/DataOverview.scss +++ b/src/views/dashboard/DataOverview.scss @@ -45,7 +45,6 @@ margin: 0 24px; background: url("@/assets/home/realTime_monitor_bg.png") no-repeat center; background-size: 100% 100%; - } .monitor-images { @@ -80,11 +79,21 @@ } } } + .rightInfo-box { + + // background: linear-gradient(180deg, rgba(7, 16, 19, 0) 0%, #081417 100%); - .device-info-box { - background: linear-gradient(180deg, rgba(7, 16, 19, 0) 0%, #081417 100%); + .right-info-content { + height: 359px; + background: linear-gradient(180deg, rgba(7, 16, 19, 0) 0%, #081417 100%); + box-shadow: inset 2px 2px 4px 0px rgba(32, 174, 254, 0.6), + inset -2px -2px 4px 0px rgba(32, 174, 254, 0.6); + border-radius: 0px 0px 0px 0px; + border: 1px solid #1fc6ff; + margin-top: 4px; + } - .device-info { + .device-info-box { .total-device { .device-total-icon { width: 96px; @@ -112,5 +121,9 @@ } } } + + .train-info-box{ + + } } } diff --git a/src/views/dashboard/DataOverview.vue b/src/views/dashboard/DataOverview.vue index a3be41a..a8209db 100644 --- a/src/views/dashboard/DataOverview.vue +++ b/src/views/dashboard/DataOverview.vue @@ -1,8 +1,12 @@