diff --git a/src/assets/images/tab_shine_org.gif b/src/assets/images/tab_shine_org.gif
new file mode 100644
index 0000000..aeb0993
Binary files /dev/null and b/src/assets/images/tab_shine_org.gif differ
diff --git a/src/assets/images/tab_shine_red.gif b/src/assets/images/tab_shine_red.gif
new file mode 100644
index 0000000..90e56ba
Binary files /dev/null and b/src/assets/images/tab_shine_red.gif differ
diff --git a/src/assets/images/tab_shine_yel.gif b/src/assets/images/tab_shine_yel.gif
new file mode 100644
index 0000000..97564d4
Binary files /dev/null and b/src/assets/images/tab_shine_yel.gif differ
diff --git a/src/views/enforce/enterpriseScanPreview.vue b/src/views/enforce/enterpriseScanPreview.vue
index fe71553..613ef6b 100644
--- a/src/views/enforce/enterpriseScanPreview.vue
+++ b/src/views/enforce/enterpriseScanPreview.vue
@@ -2,12 +2,11 @@
-
+ >
@@ -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 {