From 9915ee1649b8950669179db5d669ef58e3f0977f Mon Sep 17 00:00:00 2001 From: "452061493@qq.com" <452061493@qq.com> Date: Mon, 15 Apr 2024 19:50:43 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A2=84=E8=AD=A6=E4=BF=A1?= =?UTF-8?q?=E6=81=AF(tab=E9=97=AA=E7=83=81=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/tab_shine_org.gif | Bin 0 -> 958 bytes src/assets/images/tab_shine_red.gif | Bin 0 -> 958 bytes src/assets/images/tab_shine_yel.gif | Bin 0 -> 958 bytes src/views/enforce/enterpriseScanPreview.vue | 148 ++++++++++++++++---- 4 files changed, 124 insertions(+), 24 deletions(-) create mode 100644 src/assets/images/tab_shine_org.gif create mode 100644 src/assets/images/tab_shine_red.gif create mode 100644 src/assets/images/tab_shine_yel.gif diff --git a/src/assets/images/tab_shine_org.gif b/src/assets/images/tab_shine_org.gif new file mode 100644 index 0000000000000000000000000000000000000000..aeb0993239bffc9270c3cd49a3056673a7dad96c GIT binary patch literal 958 zcmZ?wbhEHbT*g?-(7?#>t6hYFfkE*)x%s+}KiTxN$8YuZH`{*m_Md+KW!K-n^RK`E z+4rAcLc_u%BBP>X#)=&$ZoK%xA*pHU8JStxIdkRClQ&=fYBA`*Qr~t zesM`_TYE=mS9i}|z5Dd-*T1=CbZmTLa%y_!tl4ws&YM3xvbwguvAMOqbJy-Yd-v^M zUO7EGzqq`*zIp5RoxAt$AD_Iwy?=auegFLR`_JEh|DWGr!GT5=ZYi4%gN27$d8Dms zI1CpZ=@ik9+S6gU_*k#0jCIu?4x=R}CaQSPvgtHhdTOdp^sX9C<7H=Nnq=SF(`mf? z++3ULUw=4FR$N%<(k*4%CF08n4oM?yA<4D~JtQw5-nMS_F-S;Sef#!rGdDOSGk$B< zp8$ts;AyRFP)Nqi{kr-^7ce9(nf&GhL(+Q2zkR@vyek}k@B5#B*5{w7TX=M^-UtSU zq(uqGVPHsBKB_PUhUCfMmkVD0tUP&>!7FN(#;Jr=yQ*(rST>>L~El`lC<+~+KCDdf@Z zDmiw3iBGUjF4t6+87o4To?6-U_3+g-G3GgMxx!{o-H@W)quVX!J9SIu^-Zp?zvpVB*_xqK;)!%7aD))fEYDKTJI?HVc@2xz{2XmZ9kUICX|V Ysf<#{o%X*s)RJuHO}%lB8JHoh0eQXT$N&HU literal 0 HcmV?d00001 diff --git a/src/assets/images/tab_shine_red.gif b/src/assets/images/tab_shine_red.gif new file mode 100644 index 0000000000000000000000000000000000000000..90e56bae7646747ae284943953ef0a2fad333887 GIT binary patch literal 958 zcmZ?wbhEHbT*g?-(7?#>##EMpfkE*)x%s+}KiTxN$8YuZH`{*m_Md+KW!K-n^RK`E z+4rAcLc_u%BBP>X#)=&$ZoK%xA*pHU8JStxIdkRClQ&=fYBA`*Qr~t zesM`_TYE=mS9i}|z5Dd-*T1=CbZmTLa%y_!tl4ws&YM3xvbwguvAMOqbJy-Yd-v^M zUO7EGzqq`*zIp5RoxAt$AD_Iwy?=auegFLR`_JEh|DWGr!GT5=ZYi4%gN27$d8Dms zI1CpZ=@ik9+S6gU_*k#0jCIu?4x=R}CaQSPvgtHhdTOdp^sX9C<7H=Nnq=SF(`mf? z++3ULUw=4FR$N%<(k*4%CF08n4oM?yA<4D~JtQw5-nMS_F-S;Sef#!rGdDOSGk$B< zp8$ts;AyRFP)Nqi{kr-^7ce9(nf&GhL(+Q2zkR@vyek}k@B5#B*5{w7TX=M^-UtSU zq(uqGVPHsBKB_PUhUCfMmkVD0tUP&>!7FN(#;Jr=yQ*(rST>>L~El`lC<+~+KCDdf@Z zDmiw3iBGUjF4t6+87o4To?6-U_3+g-G3GgMxx!{o-H@W)quVX!J9SIu^-Zp?zvpVB*_xqK;)!%7aD))fEYDKTJI?HVc@2xz{2XmZ9kUICX|V Ysf<#{o%X*s)RJuHO}%lB8JHoh0XWCxaR2}S literal 0 HcmV?d00001 diff --git a/src/assets/images/tab_shine_yel.gif b/src/assets/images/tab_shine_yel.gif new file mode 100644 index 0000000000000000000000000000000000000000..97564d4f478d520814df7c2eab96d256f170adb2 GIT binary patch literal 958 zcmZ?wbhEHbT*g?-(7?#>>b^7s1B2p!Za>$MU}whwS0gbCU^SwR4`P&|OOncV3?A57l@3@bD^11%4_xZ1L-~aLRaJ3&< z^s&Q7YxbJ=dRs*_U_xi zymESWesOtqee>4sJ9qEhKR$VVd;j?S`u_Rr_n*K2{y)FLf&+~#+)_3j1`7|h@>vkG|9fTr_*@( zxw$sgzy5HVthlhyrCZ9jOT?EE9Fj)ZLXvF}dPrVAylvg;V~~)v`u6SLW^QmuX8hKy zKLHNOz|&gUppcB2`*rn;E?`JnGWpF1hNSh3fBS$Tc~?08-uFNMtj|ADxA5p-y%7uy zNsAJW!@!WNd{kiy49SzhFBiQ0S$Xm%gIClnjZ+D$c2%`Y9pjST{cM&(cJ*o3?uOI1 ze=p&FsBNReBID3ACx&^=oi{!!f9u%xx_j65<_gX|+q?HJ@4p;bzk4=ueRgkVozvTM zkFUO4%3t3)zJGny{PX`cZ}DHayuX1(y-=&e;L^bs9{*1?wV$5^ia)r&Fx*ziC(f789W zqv+tPmDb^$_x9L*`{erMdfxp5O^m|Nq+S$UJJ=;Iofq@fFlE&wb?4f|n}ywHA`FX{ z?fGe(;k`(Ivff=2lUG+9!e+mFGRySM4bSMy>ui6QUA(ia^V2)t5|M%>huVMprT+P` z`ibL2WBz@AD$lcCn(e;6@3YmnS+}+yU-NXX`i~Dc`6r0y|Eu|#@G5gz{`+~hH8Vav z-@Yc_{^`a)_kVu3_+BsHz{I!XL>R?JMDjOs3qCXn|k9MGcZG10|1=`
- + >
@@ -15,15 +14,33 @@
- - - - - - +
+
    +
  • + {{item.title}} + {{item.title}} + {{item.title}} + {{item.title}} + {{item.title}} +
    • +
+
+
+ +
+
+
+ + + + + - + + + +
@@ -52,7 +69,19 @@ const data = reactive({ // enterpriseNumber:"a7cbb677c11e4dffa810b4ad3abedc09$eb020e1a24a8a19a0bdc07b191aa9ce7", enterpriseNumber:route?.query?.enterpriseNumber, warningInfo:{}, - searchParam:{} + searchParam:{}, + status:0, + TabId: 0, + list: [ + { + title: '企业画像', + value: '0' + }, + { + title: '企业预警', + value: '1' + }, + ] }); const boutiqueAttr = reactive({ columnNum: 4, @@ -60,7 +89,9 @@ const boutiqueAttr = reactive({ goodsCradclass: "boutique-crad", }); // 商品卡片展示 - +const check = (index) =>{ + data.TabId = index; +}; // 返回首页 const toEnforceHomeView = () =>{ @@ -170,37 +201,106 @@ const goBack = () => { font-size: 0.5rem; } -/deep/ .van-tabs__wrap { - padding: 2% 3%; +///deep/ .van-tabs__wrap { +// padding: 2% 3%; +//} +// +///deep/ .van-tab:nth-child(1) { +// color: #4aa1f9; +// background: url("../../assets/images/tab_bg1_1.png") no-repeat; +// background-size: 100% 100%; +//} +// +///deep/ .van-tab:nth-child(1).van-tab--active { +// color: #fff; +// background: url("../../assets/images/tab_bg1.png") no-repeat; +// background-size: 100% 100%; +//} +// +///deep/ .van-tab:nth-child(2) { +// color: #4aa1f9; +// background: url("../../assets/images/tab_bg.png") no-repeat; +// background-size: 100% 100%; +// animation: test 1000ms infinite; +// -webkit-animation: test 1000ms infinite; +//} +// +///deep/ .van-tab:nth-child(2).van-tab--active { +// color: #fff; +// background: url("../../assets/images/tab_bg_1.png") no-repeat; +// background-size: 100% 100%; +//} +///deep/ .van-tabs__line { +// background-color: transparent; +//} + +.tabs { + padding: 3% 3%; + width: 94%; + height: 1.25rem; + box-sizing: content-box; +} + +.tabs ul { + display: flex; + width: 100%; + height: 100%; + font-size: 0.4rem; + line-height: 1.25rem; + text-align: center; + align-content: center; + justify-items: center; } -/deep/ .van-tab:nth-child(1) { +.tabs ul li { + float: left; + width: 50%; + height: 100%; +} + +.tabs ul li span { + display: block; + width: 100%; + height: 100%; color: #4aa1f9; background: url("../../assets/images/tab_bg1_1.png") no-repeat; background-size: 100% 100%; } -/deep/ .van-tab:nth-child(1).van-tab--active { - color: #fff; +.tabs ul li.active span { background: url("../../assets/images/tab_bg1.png") no-repeat; background-size: 100% 100%; + color: #fff; } -/deep/ .van-tab:nth-child(2) { - color: #4aa1f9; +.tabs ul li span.warn-tab { + margin-left: -2%; background: url("../../assets/images/tab_bg.png") no-repeat; background-size: 100% 100%; - animation: test 1000ms infinite; - -webkit-animation: test 1000ms infinite; } -/deep/ .van-tab:nth-child(2).van-tab--active { - color: #fff; +.tabs ul li.active span.warn-tab { background: url("../../assets/images/tab_bg_1.png") no-repeat; background-size: 100% 100%; + color: #fff; +} + +.tabs ul li span.level1 { + background: url("../../assets/images/tab_shine_red.gif") no-repeat !important; + background-size: 100% 100% !important; + color: #fff !important; } -/deep/ .van-tabs__line { - background-color: transparent; + +.tabs ul li span.level2 { + background: url("../../assets/images/tab_shine_org.gif") no-repeat !important; + background-size: 100% 100% !important; + color: #fff !important; +} + +.tabs ul li span.level3 { + background: url("../../assets/images/tab_shine_yel.gif") no-repeat !important; + background-size: 100% 100% !important; + color: #fff !important; } .addinfo {