添加“全部/本部门预警"按钮

src/views/enforce/enterpriseWarningInfo.vue

@@ -6,8 +6,8 @@
 <!--			<header-nav :leftArrow="false" titelText="企业预警信息" />-->
 <!--		</div>-->
 		
-    <div class="search-button-date">
-      <div style="border-color: black;" class="van-hairline--bottom"></div>
+<!--    <div class="search-button-date">
+      <div style="border-color: black;" class="van-hairline&#45;&#45;bottom"></div>
       <van-popup v-model:show="data.showDatePicker" position="bottom">
         <van-date-picker
           title="选择日期"
@@ -19,7 +19,15 @@
           @cancel="cancelSelectDate"
         />
       </van-popup>
-    </div>
+    </div>-->
+  <div class="search-button-list">
+    <van-button plain hairline :class="null==data.checkNum?'search-button active':'search-button'" @click="searchDateType(null)" round type="primary" size="mini">
+      全部预警
+    </van-button>
+    <van-button plain hairline :class="1==data.checkNum?'search-button active':'search-button'" @click="searchDateType(1)" round type="primary"
+                size="mini">本部门预警
+    </van-button>
+  </div>
 		<!-- 中间 -->
 		<div class="shop-center">
 			<lodding-card :isLodding="isLodding">
@@ -322,7 +330,7 @@
 		}
 	}
 
-	.search-button-list{
+	/*.search-button-list{
 		height: 0.7rem;
 		display: flex;
 		flex-direction: row;
@@ -337,7 +345,30 @@
       color: #4c4c4c;
       font-size: 0.3rem;
 		}
-	}
+	}*/
+  .search-button-list {
+    height: 0.85rem;
+    display: flex;
+    flex-direction: row;
+    padding-left: 0.27rem;
+    margin: 0.35rem 0;
+    align-items: end;
+
+    .search-button {
+      width: 30%;
+      height: 100%;
+      background: #e3e0e0;
+      border-color: #e3e0e0;
+      color: #4c4c4c;
+      font-size: 0.3rem;
+    }
+
+    .search-button.active {
+      background-color: #1367fe;
+      border-color: #1367fe;
+      color: #fff;
+    }
+  }
 	.search-button-date {
     display: flex;
     flex-direction: row;