From b03c1874f1d917615fda9dc87e413e9055e6520c Mon Sep 17 00:00:00 2001 From: hehongxing Date: Mon, 29 Nov 2021 17:44:26 +0800 Subject: [PATCH] commit --- .../Frontend/public/images/line.png | Bin 0 -> 1814 bytes .../Frontend/public/images/menu-bg.png | Bin 0 -> 819 bytes .../Frontend/public/images/nav-bg1.png | Bin 2707 -> 0 bytes .../src/components/MicrowaveRadiation.vue | 43 +++++++- .../MicrowaveRadiation/BPInversion.vue | 0 .../MicrowaveRadiation/ConvectiveIndex.vue | 0 .../components/MicrowaveRadiation/Index.vue | 36 ++++++ .../components/MicrowaveRadiation/TLogP.vue | 0 .../components/MicrowaveRadiation/Tabs.vue | 24 ++++ .../MicrowaveRadiation/VerticalProfile.vue | 0 04.系统编码/Frontend/src/index.less | 104 ++++++++++++++++++ 04.系统编码/Frontend/src/router/index.ts | 11 ++ 12 files changed, 216 insertions(+), 2 deletions(-) create mode 100644 04.系统编码/Frontend/public/images/line.png create mode 100644 04.系统编码/Frontend/public/images/menu-bg.png delete mode 100644 04.系统编码/Frontend/public/images/nav-bg1.png create mode 100644 04.系统编码/Frontend/src/components/MicrowaveRadiation/BPInversion.vue create mode 100644 04.系统编码/Frontend/src/components/MicrowaveRadiation/ConvectiveIndex.vue create mode 100644 04.系统编码/Frontend/src/components/MicrowaveRadiation/Index.vue create mode 100644 04.系统编码/Frontend/src/components/MicrowaveRadiation/TLogP.vue create mode 100644 04.系统编码/Frontend/src/components/MicrowaveRadiation/Tabs.vue create mode 100644 04.系统编码/Frontend/src/components/MicrowaveRadiation/VerticalProfile.vue diff --git a/04.系统编码/Frontend/public/images/line.png b/04.系统编码/Frontend/public/images/line.png new file mode 100644 index 0000000000000000000000000000000000000000..260bd4b606f1647bd1b0d5e2248fd15dc704a067 GIT binary patch literal 1814 zcmbVNTWs4@7&cosXxWCUN)rMJELUP3;Mm7@9NS$eY0@nbq^-JW&47uW9G@gs6Cc-h znzS%3LlXkgGSoLTP#?B2p{e3!Pet1kY7q~-z%+G2<6#Vmix5H@H;Hka8{O7jgeBX@ z=X~e;zyET6zco6%XKU9(T@1r)O(hd!^j)F%hWj?tXTEp-Gy3XulKVY|xxXj4?_u6Q z_8`M-`qj#0{cQSK1CeqFnk0uqwX#Fe46|#X=0G%oeKv;+mL27OSvtqDmKo*7!)YS0T`lEu+l1#2O;Ihh}h;sZV42pv>UmyLlnAdu(WF5{AQBOwCh2O6 zZN#Ctbr<%GJ-tRG?l7Sn^L<$myZ4L4DIk=q!O`A-+MpL_1l}kmW|8X&pfcxyVi4Zc>Z*;|H$u$ zj`ntRFAQ>Tjy*q7dHT_#_a+yF73R?3w$T@sIv-!@G3U2$@VB`gAIJ7BbpG|o<*v-U zvNC?2`9Rped3I>u#ntTP;;Hj*y!6RGCuZkf{*sJb%O1aY_0pfObsv2F>r>1Q?XkIG z>%em#DU+Z6(J^Q@jd1>VIk#`piZTX6Hm4An?sUtN5Kx$@)N8)s4XvEa{@8X8V44jw%GFM6m<9{>OV literal 0 HcmV?d00001 diff --git a/04.系统编码/Frontend/public/images/menu-bg.png b/04.系统编码/Frontend/public/images/menu-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..74fe617adf9aab17b9f8a7ec2931e6ea3e18ab5f GIT binary patch literal 819 zcmV-31I+x1P)9U_T(4A|#lPE7OqDXfsv06JOFx%geF!tMO5fq5B$_ zB6+CZT<%9E7W>$#HQrGqS;bK#S$+JGMgw{=zPM(ZW`rWiD~%$_>tstJ(_Ay-@p#1g zB}I}~8by-V$!|m&C@y?j$YrzH5Ji$%7)6rVOBL11%4#-|NVHd8*9PgstWl+fFj8)iz3PGW}PgVOche8l(89;S0s6*Q6zbtY!J1z=;Cnqx1dthkdd86 za%yPzYr*LM6`DpVO_2mwetQ@=yI(LM(aH%Ze5FW2H$%@Z;K{U5IAT>NK#}C`i2LV( zV|(TDk!(`}6iMcGINSp~7?;ULsx1=mH5Qzjd!D3T}k!07?t&WI;a30X;i zS0q_`!TK-viyJ_=O%@kvY9v6BWNnejqrl9dEGE*}NPr^Q2&qY@gmwVWXMmQfdl;Iu zIG3p}0g6;#evKS`YX~@Zppi3juBIhGk(w6uUl-aF0Ulijf*ZG`%HSe}%>*ct&7d4U z?cOMGywBl9IK6WTP$cKFwL9}6>%-Rzz^^x^+8xjH1SCL_+%MtbB+%dGJ_iZvNPr^M z5ncm^p4tc8J=1`RIEA|jP$c*AHv+)iG|<)I9s^fyPy!UGK|yX~noCE3>nFA`kVE7p zK#|<(q@xv>y9!tz!t(Gz0u;%e5^tUa#tyo(Hdl2Z0gB{6s5PeS4g-&;0PAlg9zIFH z66xZz%v+zlotkgMP}=AUsot6=I&?y*RB9a=C=>?!bY3Y~-$D#%rLE`d4^*C)e?pf4 x70^m)tpFWR<=2g%%7@#H?+#&d+J8@A=_jiG5vub*2&@1A002ovPDHLkV1jc>c3%Jh literal 0 HcmV?d00001 diff --git a/04.系统编码/Frontend/public/images/nav-bg1.png b/04.系统编码/Frontend/public/images/nav-bg1.png deleted file mode 100644 index eda24624222ef7aa89746e11b50566156f8b6521..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2707 zcmcgudsGuw9v+}YL=;=QJ+{7v$U$8?nLH=SNOU0y1T-v%M|l(%Ci5VXBoik=f>i{R z1GeJv(Xzfp*}&a#N{Dfv7Y5r#0T{(Qnm810(-+FYLD)^|7^~g%$<9G zzwdtEcYpWJY>0{so9z9eHv~bG!?o&YaCd+!z{?Z-``%261GkA*ZK4f=CQWl*ZqUx% z(;>*S&KR3uPtYyJN!H9KC{|DN9cC+thM=Iu4l6;X({@--rx`6uUQgvY9&DtPym+Zj zptGuIgHgMRqhnS@#*(YjNd?7Qya*0*-~hl(+X>iVHd$=AL&+P##X;NIjq>1;5PQ0k z7wnu6PS8ccDwd;RDIY^fp+pYL6nr5j5s0ymV39zmKm~GCC`JTAT!7(H89esmf!R2U z!K2loV{?HgCC^~DTX7W4%*^Cxiuo*;h6)u5fFVLfA_PPrwk(UCa3B`j+;IdoZ6i6O z)ox@huoIEcvl(_J4=^2-V79toEw(Y6fMKYEu%be~z$s}wP^bIPp=Pry+GdZYpYwes zuq`&rN~6)Vjm_Xl8idaspUP&}tOOLt#J)kYW+iR0yV5Drm21u5Od~c?BublTGYGQ* zRYDg}tAVw%HUs+_6I{bCE3CMRqX|39#j>nve3hfdQD70U44xlvv`}oOZGltJSOTpk z?6i_65{QI|P>6^Wu|gp(Qs4r4pg@ib1f!ukmNGI~uL>2*ajEpBP*86aVJF@sSf|6o zEjBx0A?a|nk_SlfjYbOBOT>&wB92-48ufvVuTmSSF>b> z(>`bZXw6eB2{2p^;iOO?V`P{D!6=0QAte$qq8IB)M6Rdw5<<^V6iJVx{hl*|ZAX}1 zM0K*F0HQ`D(#SBCS}IUUghGu1QgdYYrTz$TY*zmgd8+FaB{Mr*WzV#^vk4r1sPV=a>ra0A-}CrIbk z27(B{nK#z?D#8p#%cOdOMre$ZAquI4L==>SM#OrVm|+xRQcvo~^D_-JfPA@FU#h^- zxos?C&m=fHI1NW0(z zt!Yf|*|V^1VdMhu{ara)&noTB&G}yWsk|q0xKK1TH+4hRK#AY|&wn#L_-ulDf8nM% zzV9sfEJV4qYh#KwyxyzyN`dX5tx5T5&z+hbrSakuk2v|R!F9E{kKKmP4u9HR-c-kv zbey}k@bEt?&2i1r@(CMhXtn&&?|d8{MGq_Q1^9Lk`3*g+Z21{-gJT)nz@EOgKVCES zPYpfieb?s{J|tE{7itep+t;(>*~%YQtk2;6Hm>Z%omOAw=OgVkePM53r;yf%Yp1#& zNG_@=4?DeS&hiOgnx@JH2nPjqwlc`|9e*;QEHt!&{p9>&zF|@K4U{ z+fFGOQyaE4-xv%`5A@mEj9*SFD3uCI`H4RULTA0cUE6ac&&%Y9iX2?k(a@_2Oi7Dt zO4{0~2+4MfiEmu(SCc!fF7N8@ro8Xl*USvFo(fkKymbkMpOHUxTFZw2G@+CtZ{Jn) z*H)z5PhKiA%wuj>oZtL`AmIB&OLE*A`;xX@@|ZaBLQD5g-|XwVmaV9mQ?!_Lk5WfZ zFg?4!WYW5Wujn8Wz$euD+ z)(j}Ih@p0K!TJeIRZL~?V6UP7>W&{Jjh)}oOXnV`z94*e&IdW}C0_M~Pj-gfS`qV@ zvfh~OzTsQ>+S-a+2fnP#zt==R?hj0SI~mU-DEna9k3gdNL{t;~K3AD+Lr z>R4{rtZi*|UY5@ae%Z_DXBV0Ol7&U+KK9Q$eL1klB1$T1pMyV}yfLyVuJz%`DVJxg bZ5e{7uH}glew$A?KO4g}k?Lb1sd@hf0ABSW diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation.vue index d2f4111..907a54b 100644 --- a/04.系统编码/Frontend/src/components/MicrowaveRadiation.vue +++ b/04.系统编码/Frontend/src/components/MicrowaveRadiation.vue @@ -1,12 +1,51 @@ diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation/BPInversion.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation/BPInversion.vue new file mode 100644 index 0000000..e69de29 diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation/ConvectiveIndex.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation/ConvectiveIndex.vue new file mode 100644 index 0000000..e69de29 diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation/Index.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation/Index.vue new file mode 100644 index 0000000..9edf23a --- /dev/null +++ b/04.系统编码/Frontend/src/components/MicrowaveRadiation/Index.vue @@ -0,0 +1,36 @@ + + + + diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation/TLogP.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation/TLogP.vue new file mode 100644 index 0000000..e69de29 diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation/Tabs.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation/Tabs.vue new file mode 100644 index 0000000..423d255 --- /dev/null +++ b/04.系统编码/Frontend/src/components/MicrowaveRadiation/Tabs.vue @@ -0,0 +1,24 @@ + + + + + diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation/VerticalProfile.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation/VerticalProfile.vue new file mode 100644 index 0000000..e69de29 diff --git a/04.系统编码/Frontend/src/index.less b/04.系统编码/Frontend/src/index.less index e5c035d..3f104f5 100644 --- a/04.系统编码/Frontend/src/index.less +++ b/04.系统编码/Frontend/src/index.less @@ -5,6 +5,12 @@ a { display: block; + color: #222222; + text-decoration: none; +} + +ul, li { + list-style: none; } body { @@ -19,3 +25,101 @@ body { color: #222222; font-size: 16px; } + +.tabs { + width: 100%; + height: 60px; + display: flex; + align-items: center; + justify-content: center; + color: #ffffff; + font-size: 22px; + background-color: rgba(21, 81, 136, 0.46); + + .tab-item { + margin: 0 100px; + position: relative; + cursor: pointer; + color: #ffffff; + + &::after { + content: ''; + width: 100%; + height: 4px; + display: block; + position: absolute; + left: 0; + bottom: -10px; + // background: linear-gradient(to right, #ffffff 0%,#eeffff 10%, #99fdff 30%, #27fbff 50%, #99fdff 70%, #eeffff 90%,#ffffff 100%); + } + + &.active { + color: #23FBFF; + + &::after { + background: url("/images/line.png") no-repeat center/cover; + } + } + } +} + +.main { + width: 100%; + height: calc(~"100vh - 144px"); + display: flex; + + .panel { + height: calc(~"100% - 20px"); + background-color: #ffffff; + border-radius: 10px; + } + + .menu { + width: 250px; + padding: 20px; + height: calc(~"100% - 60px"); + border-radius: 0 10px 10px 0; + + .tip { + height: 32px; + padding-left: 12px; + line-height: 32px; + color: #ffffff; + font-size: 18px; + font-weight: bold; + background: url("/images/menu-bg.png") no-repeat center/cover; + } + + .menu-item { + .el-row { + margin-top: 20px; + .el-col { + span { + width: 100%; + height: 30px; + padding: 0; + display: block; + line-height: 28px; + text-align: center; + margin: 0 0 10px 0; + font-size: 16px; + color: #666666; + border-radius: 5px; + cursor: pointer; + border: 1px solid #ECF4FF; + background-color: #ECF4FF; + + &.active { + border-color: #498DF0; + } + } + } + } + } + } + + .container { + width: calc(~"100% - 290px"); + margin-left: 20px; + } +} \ No newline at end of file diff --git a/04.系统编码/Frontend/src/router/index.ts b/04.系统编码/Frontend/src/router/index.ts index 73c209e..354cd6d 100644 --- a/04.系统编码/Frontend/src/router/index.ts +++ b/04.系统编码/Frontend/src/router/index.ts @@ -2,6 +2,17 @@ import {createRouter, createWebHashHistory} from 'vue-router'; const routes: any = [ { path: '/', redirect: '/MicrowaveRadiation'}, + // { + // path: '/MicrowaveRadiation', + // component: () => import('../components/MicrowaveRadiation/Index.vue'), + // children: [ + // { path: '/MicrowaveRadiation', redirect: '/MicrowaveRadiation/VerticalProfile' }, + // { path: 'VerticalProfile', component: () => import('./../components/MicrowaveRadiation/VerticalProfile.vue') }, + // { path: 'ConvectiveIndex', component: () => import('./../components/MicrowaveRadiation/ConvectiveIndex.vue') }, + // { path: 'TLogP', component: () => import('./../components/MicrowaveRadiation/TLogP.vue') }, + // { path: 'BPInversion', component: () => import('./../components/MicrowaveRadiation/BPInversion.vue') } + // ] + // }, { path: '/MicrowaveRadiation', component: () => import('../components/MicrowaveRadiation.vue') }, { path: '/RamanLidar', component: () => import('../components/RamanLidar.vue') }, { path: '/SynergyEvaluation', component: () => import('../components/SynergyEvaluation.vue') },