From 5674b24b5e28f180f7ebc309c334a88cadcf81d3 Mon Sep 17 00:00:00 2001 From: yuzongping <835949940@qq.com> Date: Thu, 12 Jun 2025 09:54:48 +0800 Subject: [PATCH] =?UTF-8?q?=E5=80=BA=E5=8A=A1=E9=A2=84=E8=AD=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/block-icon/icon.png | Bin 0 -> 2928 bytes src/components/block-icon/index.html | 11 ++ src/components/block-icon/index.js | 25 +++ src/components/block-icon/index.scss | 38 ++++ src/components/block-icon/index.vue | 3 + src/components/charts/bar-special/index.html | 1 + src/components/charts/bar-special/index.js | 177 ++++++++++++++++++ src/components/charts/bar-special/index.scss | 4 + src/components/charts/bar-special/index.vue | 3 + .../property/comps/left/bottom/4/index.js | 4 +- .../property/comps/left/middle/4/index.html | 1 + .../property/comps/left/middle/4/index.js | 8 + src/views/property/comps/left/top/4/data.js | 40 ++++ .../property/comps/left/top/4/index.html | 23 +++ src/views/property/comps/left/top/4/index.js | 4 + .../property/comps/left/top/4/index.scss | 41 ++++ .../comps/left/top/4/组 4669@2x(1).png | Bin 0 -> 10092 bytes .../comps/left/top/4/组 4669@2x(2).png | Bin 0 -> 8812 bytes .../comps/left/top/4/组 4669@2x(3).png | Bin 0 -> 10234 bytes .../property/comps/left/top/4/组 4669@2x.png | Bin 0 -> 9420 bytes .../property/comps/right/bottom/4/index.js | 6 +- .../property/comps/right/middle/4/index.html | 1 + .../property/comps/right/middle/4/index.js | 2 + src/views/property/comps/right/top/4/data.js | 40 ++++ .../property/comps/right/top/4/index.html | 23 +++ src/views/property/comps/right/top/4/index.js | 10 +- .../property/comps/right/top/4/index.scss | 41 ++++ .../comps/right/top/4/组 4669@2x(1).png | Bin 0 -> 10092 bytes .../comps/right/top/4/组 4669@2x(2).png | Bin 0 -> 8812 bytes .../comps/right/top/4/组 4669@2x(3).png | Bin 0 -> 10234 bytes .../property/comps/right/top/4/组 4669@2x.png | Bin 0 -> 9420 bytes 31 files changed, 496 insertions(+), 10 deletions(-) create mode 100644 src/components/block-icon/icon.png create mode 100644 src/components/block-icon/index.html create mode 100644 src/components/block-icon/index.js create mode 100644 src/components/block-icon/index.scss create mode 100644 src/components/block-icon/index.vue create mode 100644 src/components/charts/bar-special/index.html create mode 100644 src/components/charts/bar-special/index.js create mode 100644 src/components/charts/bar-special/index.scss create mode 100644 src/components/charts/bar-special/index.vue create mode 100644 src/views/property/comps/left/top/4/data.js create mode 100644 src/views/property/comps/left/top/4/组 4669@2x(1).png create mode 100644 src/views/property/comps/left/top/4/组 4669@2x(2).png create mode 100644 src/views/property/comps/left/top/4/组 4669@2x(3).png create mode 100644 src/views/property/comps/left/top/4/组 4669@2x.png create mode 100644 src/views/property/comps/right/top/4/data.js create mode 100644 src/views/property/comps/right/top/4/组 4669@2x(1).png create mode 100644 src/views/property/comps/right/top/4/组 4669@2x(2).png create mode 100644 src/views/property/comps/right/top/4/组 4669@2x(3).png create mode 100644 src/views/property/comps/right/top/4/组 4669@2x.png diff --git a/src/components/block-icon/icon.png b/src/components/block-icon/icon.png new file mode 100644 index 0000000000000000000000000000000000000000..0a3701e3a4ff7f4a01f3a3d157b8e43b728d3e15 GIT binary patch literal 2928 zcmV-$3y<`PP)Px=DoI2^RA@u(S$}L@)qVeb&pG$rcc1O&-;SL)PU56#5;u^AiD|6{saCD+AHYy+ zDD(#ewt!mb){cRK*kZ(fbX%vk3^brs2cqpL5p7Ycl}VH+S2dTF zSypBV7+5Z|B_O%3C6<+`i?$^gw5-e$kX+Xi%gWS6+Y$^~R%QuEu4{>9W$L1B2?i}I zvjim9wZyVAZ=;RC4BUHfoy6<`_JBdeb;ov-?t>P*g&+$bV);MVat ziD4EhD(Y}f=%_SNEmX1h8ePXsb)L=)vRt3p-=0vs-p{%h^?qQ*#YVGFwD|c5Yygyp zpE-9BF1>~elU_>c3;v_Li&0el`r5Z3QO@oW^$Oungff zfTI8qa-L*15RQ)|C_-hMk(Bcwl|fRO0a1+p4-Md@e?IxZ>;HcGu?W#?6OVtmyjXSW z05c@k-gI8y`QGDvz2k`9B!JErd(T~Tzb=i4K!D0X{9?XuPs&)Np zpzr;?cb10#?fTOPhT$}=fY-Jhl6XYt#2?!?5g?3ePxQ{NnY^s*6PaiOqyFoRFJ{SB)w?tTBtd!`P3@5+h8 zuR}GqLuK3Gwyc7X4xHv5Ff*jrn1ZnM3gxAxB{R7cfGxXl<}`GrfM{+qRq!`&+liU8 z9sf`mDL*_?IeB!kzNrh$x?K0RRhO)}XX?fgcXqMAude7MtNL14_%!@Ql5sc7Lf!6{Kn^QMPZ`r!P0o)q2tBz*Om-S_eE>& znR@lVc@`$Bq#$%yN`aar z!o|0I4yEbN2j|X}mJp2Jy{+@&HFxKq|IU>YFYZsh0-+#XKfU*}jrjZB*Wvd+I6$tN zPcsJNM?W9tFZ}frC=?1XQ852W0>BuUIKaS7U!ZEK`+>PP3J))hGP@2r{ZY8BZPV(z zC!c@(s{G3b(}%TQ0SPF_$JCKWt=)fR5ZT{$T(Xmss0!9`nsTfo021%L{__+^EAOx5 z%a4rAE|F)}H}`DK^{w8Wf8pC#O~3q~lVhSukDOuIC^K(hkOG zn{>kdv@$c15MVYK zy5k1AW7o%1Y2Mr@-qh*wr=I1{?*1CAayFW6K(NtFQkuSx-p-J#zE&<4zd2SoJ-j4f z)+ND~#_rxf&L4i_hKBdKlCa- zGx!nw#aA9f)hZ(wfRN>alim-1QIqQWY7|r+9i1IJe&N9kvDz^9vyD!B&uz0WJ#}62 z_uOB}}wy9p%w-RHg$6*+F=+UR}9|vB9w3SKe z*M@{hx-Y*y7MYb_*0WRJKE7ecD2B-PZ8cx@>@%|8?^*A(b>3WfiakN*6w+wjOgJ%MdoH(}%YwYI;^kJEM%b6}ny)J!`h8FnZ!F#>da5zIpH;zm89Tau5@5Oxlvd2QR;j{@|9|IE-Qji9|@J+PeLd6{n^D zuQZ20JbCmdXRvQ5saclPg*9JH7y{vyyC)6vbi@B#0g5P*AP%rcIkkkiav~{LuXCPkzK{>n5CtoJ`QP z@pq5Qwv7*kMm`s~$+=nG7~uTjq}Cv)5sX!3pX_|2E2E>N1(H^09erth?(nBg`Hg-Z zhZ!Bmij5X9hO|kjwWSSPHV=?eu6-r8{TRP=>?kKmf-nj>Ni>8Y+c{{d?8mFBwzVgy zW$ibT*gX=*@fr9*aXM519=Rl`MV;Eg+&Yd<_9UZrDwMqKpKEF3#Td^e_Dst6QZH#e#2rksw7i$ zGFO~0w|7pq+Q1AxDOa}kd$X=+abjns;>v(N|I!}WduaobN)|@DG;e+}zfEdNUxw3i zUjSl_LbeJmHfb1Q!3)g9Y-}S9mMSgy&^xn$52!`c~%r7#r7qlj-X{97=An<0IKKe07mo_8U zr?uNkFA2sGrnhFDq$k^u^Vn&G79KPd3=_-(p42x) zP?8`8L0UU;j9{)1&sF2|RU=>3NED>E=**9)o@ z$g-1dk#XD&601PyHG+DGxzjK;3z%l#L5J_TIp5FtUdDG_*Ha{wU5Dd1(NPpdK@bF$ zYPD1e<9wnqBVkHRG)YY7K;{gH#x=7&(3mNlJX67sKN`J@X=V@oo|L`4y>1cBKE<+G zg+YfAvXiCg5R5h$(+VLP8Js1i48zzXL1n@d}3+NeU zniR%N#!BT)5EgQdDc7pXuc+z&tsP*(AVeuPxj{1)d%L6*sM}}1tvRbptDQ7f`VL;X%O1+gjREcBT4Mr+*-)#Kr^|TWzuM- z;?SU4HXFJ-&B*?O!Cj*U*9Y8X26N##u5X29W$NSY!jD>3=E8Ga-wMmh)W_R} aAN5}kDr$>`pTM600000 + +
+

+ {{data.value}} + {{data.unit}} + +

+

{{data.name}}

+
+ \ No newline at end of file diff --git a/src/components/block-icon/index.js b/src/components/block-icon/index.js new file mode 100644 index 0000000..4c56b25 --- /dev/null +++ b/src/components/block-icon/index.js @@ -0,0 +1,25 @@ + +export default { + props: { + data: { + type: Object, + default: function () { + return { + name: '标题', + value: '值', + unit: '单位', + icon: require('./icon.png') + } + } + }, + + }, + data () { + return { + }; + }, + created () { + }, + methods: { + } +}; diff --git a/src/components/block-icon/index.scss b/src/components/block-icon/index.scss new file mode 100644 index 0000000..ac49d93 --- /dev/null +++ b/src/components/block-icon/index.scss @@ -0,0 +1,38 @@ +.block { + display: block; + width: 100% !important; + height: 76.3px !important; + align-items: center; + display: flex; + background: rgba(107, 129, 165, 0.31); + border-radius: 4px; + padding: 20px; + + .icon { + width: 48px; + height: 48px; + } + + .right { + flex: 1; + display: flex; + flex-direction: column; + margin-left: 10px; + + .value { + font-weight: bold; + font-size: 24px; + color: #FFFFFF; + text-shadow: 0px 3px 2px #05357D; + + .unit { + font-size: 14px; + } + } + + .name { + color: rgba(185, 211, 235, 1); + font-size: 12px; + } + } +} \ No newline at end of file diff --git a/src/components/block-icon/index.vue b/src/components/block-icon/index.vue new file mode 100644 index 0000000..5ca257a --- /dev/null +++ b/src/components/block-icon/index.vue @@ -0,0 +1,3 @@ +