排查搜索

components/no-data.vue

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

pages/investigation/index.vue

@@ -11,19 +11,28 @@
 					</template>
 				</top-title>
 			</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>
+			<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-item" :class="tab === 2 ? 'active' : ''" @click='handleTabClick(2)'>
-					<text>正在办理</text>
-					<text class="number">{{ totalData.InGovernance }}</text>
-				</view> -->
-				<view class="tab-item" :class="tab === 3 ? 'active' : ''" @click='handleTabClick(3)'>
-					<text>已完成</text>
-					<text class="number">{{ totalData.InGovernance }}</text>
+				<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>
+					</view>
+					<!-- <view class="tab-item" :class="tab === 2 ? 'active' : ''" @click='handleTabClick(2)'>
+						<text>正在办理</text>
+						<text class="number">{{ totalData.InGovernance }}</text>
+					</view> -->
+					<view class="tab-item" :class="tab === 3 ? 'active' : ''" @click='handleTabClick(3)'>
+						<text>已完成</text>
+						<text class="number">{{ totalData.InGovernance }}</text>
+					</view>
 				</view>
+
+
 			</view>
 			<view class="Content MarginAuto BorderBox">
 				<no-data v-if="isEmpty" />
@@ -81,6 +90,7 @@
 					Unconfirmed: 0,
 				},
 				status: '10',
+				search: ''
 
 			}
 		},
@@ -92,13 +102,12 @@
 		onShow() {
 			this.getData()
 			let pageStatus = this.$.getData('pageStatus')
-			console.log(pageStatus)
-			if(pageStatus == 1){
+			if (pageStatus == 1) {
 				this.handleTabClick(1)
-				this.$.setData('pageStatus','0')
-			} else if(pageStatus == 3) {
+				this.$.setData('pageStatus', '0')
+			} else if (pageStatus == 3) {
 				this.handleTabClick(3)
-				this.$.setData('pageStatus','0')
+				this.$.setData('pageStatus', '0')
 			} else {
 				this.handleTabClick(1)
 			}
@@ -120,9 +129,9 @@
 					case 1:
 						this.status = '10';
 						break;
-						// case 2:
-						// 	this.status = '20';
-						// 	break;
+					// case 2:
+					// 	this.status = '20';
+					// 	break;
 					case 3:
 						this.status = '20';
 						break;
@@ -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();
@@ -176,7 +191,7 @@
 			},
 			handleClick(row) {
 				console.log(row)
-				if(this.tab === 1) {
+				if (this.tab === 1) {
 					this.$.open('/pages/map/index?businessId=' + row.businessId)
 				}
 			},
@@ -185,7 +200,7 @@
 				// this.$.open(even)
 			},
 		},
-		onReady() {},
+		onReady() { },
 		// 页面卸载
 		onUnload() {
 
@@ -272,12 +287,10 @@
 		background-color: #E68A0B;
 	}
 
-	.tab {
-		display: flex;
-		align-items: center;
-		justify-content: space-around;
+	.query-form {
+
 		font-size: 16px;
-		height: 44px;
+		height: 91px;
 		background: #ffffff;
 		box-shadow: 3px 0px 10px #ccc;
 		color: #666666;
@@ -286,26 +299,36 @@
 		top: calc(var(--status-bar-height) + 88rpx);
 		z-index: 10;
 
-		.tab-item {
-			position: relative;
-			height: 41px;
-			line-height: 41px;
-			padding: 0 30rpx 0 30rpx;
-			border-bottom: 3px solid #fff;
+		.tab {
 			display: flex;
 			align-items: center;
+			justify-content: space-around;
 
-			&.active {
-				color: rgb(60, 109, 195);
-				border-color: rgb(60, 109, 195);
-			}
+			.tab-item {
+				position: relative;
+				height: 41px;
+				line-height: 41px;
+				padding: 0 30rpx 0 30rpx;
+				border-bottom: 3px solid #fff;
+				display: flex;
+				align-items: center;
+
+				&.active {
+					color: rgb(60, 109, 195);
+					border-color: rgb(60, 109, 195);
+				}
 
-			.number {
-				font-weight: bold;
-				font-size: 18px;
-				margin-left: 10rpx;
+				.number {
+					font-weight: bold;
+					font-size: 18px;
+					margin-left: 10rpx;
+				}
 			}
 		}
+
+		.search-box {
+			padding: 10px 10px 3px;
+		}
 	}
 
 	.Box {