乡村旅居筛选

src/pages/assistingAgriculture/RuralTravel/RuralTravel.vue

@@ -115,6 +115,13 @@
               ></wd-icon>
             </view>
           </view>
+          |
+          <view class="bootom-top">
+            <view class="option" @tap="resetParams">
+              <text>清空</text>
+              <wd-icon size="24rpx" class="icons"></wd-icon>
+            </view>
+          </view>
           <Sort v-show="rotate" @sortParams="sortParams" />
           <DepartureDate v-show="rotate2" @dataParams="dataParams" />
           <ScenicSpots v-show="rotate3" @placeParams="placeParams" />
@@ -255,12 +262,14 @@ const screenParams = (item, type) => {
   console.log(item, type, 111);
   if (type === 'screen') {
     startCity.value = item.tripCity;
+    getProd();
   } else if (type === 'serve') {
     serviceCommitment.value = item.labelName;
+    getProd();
   } else if (type === 'people') {
     labelId.value = item.labelName;
-  }
     getProd();
+  }
 };
 // 查询列表
 const getProd = () => {
@@ -282,7 +291,16 @@ const getProd = () => {
     cardList.value = res.data.records;
   });
 };
-
+const resetParams = () => {
+  sortType.value = null;
+  attractionId.value = null;
+  dateType.value = null;
+  startCity.value = null;
+  serviceCommitment.value = null;
+  labelId.value = null;
+  allocateDate.value = null;
+  getProd();
+};
 function toRouteDetails(item) {
   console.log(item, 22222);
   // TODO: 跳转到线路详情