排查搜索

components/no-data.vue

@@ -51,8 +51,9 @@ export default {
 
 <style scoped lang="scss">
   .Img{
-    width: 512rpx;
+    width: 360rpx;
-    height: 440rpx;
+    height: 300rpx;
     margin: 0 auto;
+    margin-bottom: 30rpx;
   }
 </style>

pages/investigation/index.vue

@@ -11,7 +11,13 @@
 					</template>
 				</top-title>
 			</view>
+			<view class="query-form">
+				<view class="search-box">
+					<u-search placeholder="请输入名称" v-model="search" actionText="" :showAction="false"
+						@search="searchData" @clear="searchData"></u-search>
+				</view>
 				<view class="tab">
+
 					<view class="tab-item" :class="tab === 1 ? 'active' : ''" @click='handleTabClick(1)'>
 						<text>待办</text>
 						<text v-if="showNumber" class="number">{{ totalData.UnderInvestigation }}</text>
@@ -25,6 +31,9 @@
 						<text class="number">{{ totalData.InGovernance }}</text>
 					</view>
 				</view>
+
+
+			</view>
 			<view class="Content MarginAuto BorderBox">
 				<no-data v-if="isEmpty" />
 				<view v-else class="List Width100 BorderBox">
@@ -81,6 +90,7 @@
 					Unconfirmed: 0,
 				},
 				status: '10',
+				search: ''
 
 			}
 		},
@@ -92,7 +102,6 @@
 		onShow() {
 			this.getData()
 			let pageStatus = this.$.getData('pageStatus')
-			console.log(pageStatus)
 			if (pageStatus == 1) {
 				this.handleTabClick(1)
 				this.$.setData('pageStatus', '0')
@@ -144,14 +153,20 @@
 					}
 				})
 			},
+			searchData() {
+				this.page = 1;
+				this.list = []
+				this.getList()
+			},
 			getList() {
 				let datas = {
 					nuserid: this.$.getData('token'),
 					status: this.status,
+
 				}
 				this.loadmorestatus = 'loading'
 				this.$request.globalRequest(
-						`/hiddenDanger/highDanger/getHigDangerDealt?pageNum=${this.page}&pageSize=${10}`, datas, 'POST')
+					`/hiddenDanger/highDanger/getHigDangerDealt?pageNum=${this.page}&pageSize=${10}&search=${this.search}`, datas, 'POST')
 					.then(res => {
 						this.loadmorestatus = 'loadmore'
 						uni.stopPullDownRefresh();
@@ -272,12 +287,10 @@
 		background-color: #E68A0B;
 	}
 
-	.tab {
+	.query-form {
-		display: flex;
+
-		align-items: center;
-		justify-content: space-around;
 		font-size: 16px;
-		height: 44px;
+		height: 91px;
 		background: #ffffff;
 		box-shadow: 3px 0px 10px #ccc;
 		color: #666666;
@@ -286,6 +299,11 @@
 		top: calc(var(--status-bar-height) + 88rpx);
 		z-index: 10;
 
+		.tab {
+			display: flex;
+			align-items: center;
+			justify-content: space-around;
+
 			.tab-item {
 				position: relative;
 				height: 41px;
@@ -308,6 +326,11 @@
 			}
 		}
 
+		.search-box {
+			padding: 10px 10px 3px;
+		}
+	}
+
 	.Box {
 		padding-top: var(--status-bar-height);