1

pages/investigation/index.vue

@@ -32,15 +32,15 @@
 					</view>
 				</view>
 				<view class="type-box" v-show="tab==3">
-					<view class="type-item" :class="queryType == 1 ? 'type-active' : ''" @click="queryType=1">
+					<view class="type-item" :class="queryType == 1 ? 'type-active' : ''" @click="queryTypeChange('1')">
 						全部
 
 					</view>
-					<view class="type-item" :class="queryType == 2 ? 'type-active' : ''" @click="queryType=2">
+					<view class="type-item" :class="queryType == 2 ? 'type-active' : ''" @click="queryTypeChange('2')">
 						人工上报
 
 					</view>
-					<view class="type-item" :class="queryType == 3 ? 'type-active' : ''" @click="queryType=3">
+					<view class="type-item" :class="queryType == 3 ? 'type-active' : ''" @click="queryTypeChange('3')">
 						系统下发
 
 					</view>
@@ -149,6 +149,13 @@
 		},
 		// 方法
 		methods: {
+			queryTypeChange(e) {
+				this.queryType = e
+				this.page = 1;
+				this.list = [];
+				this.isMore = true
+				this.getList()
+			},
 			handleTabClick(tab) {
 				this.tab = tab;
 				this.page = 1;
@@ -157,11 +164,13 @@
 				switch (tab) {
 					case 1:
 						this.status = '10';
+						this.queryType = null
 						break;
 						// case 2:
 						// 	this.status = '20';
 						// 	break;
 					case 3:
+						this.queryType = '1'
 						this.status = '20';
 						break;
 				}
@@ -195,7 +204,7 @@
 				}
 				this.loadmorestatus = 'loading'
 				this.$request.globalRequest(
-						`/hiddenDanger/highDanger/getHigDangerDealt?pageNum=${this.page}&pageSize=${10}&search=${this.search}`,
+						`/hiddenDanger/highDanger/getHigDangerDealt?pageNum=${this.page}&pageSize=${10}&search=${this.search}&classificatio=${this.queryType}`,
 						datas, 'POST')
 					.then(res => {
 						this.loadmorestatus = 'loadmore'
@@ -394,7 +403,8 @@
 			width: calc(100% - 100rpx);
 			padding: 0 50rpx;
 			height: 108rpx;
-			.type-item{
+
+			.type-item {
 				width: 28%;
 				border-radius: 200rpx;
 				height: 50rpx;
@@ -404,9 +414,10 @@
 				border: #999999 solid 1rpx;
 				margin-top: 15rpx;
 			}
-			.type-active{
+
+			.type-active {
 				border: #3c6dc3 solid 1rpx;
-				color:#3c6dc3;
+				color: #3c6dc3;
 			}
 		}
 	}