乡村旅居热门路线接口联调

src/Components/assistingAgriculture/index/ScenicSpots.vue

@@ -8,27 +8,17 @@
         :class="{ active: selectedItem === index }"
         @tap="selectItem(index)"
       >
-        {{ item }}
+        {{ item.name }}
       </li>
     </ul>
   </view>
 </template>
 
 <script setup>
-import { defineProps } from 'vue';
-const items = reactive([
-  '智能排序',
-  '距离优先',
-  '好评优先',
-  '销量优先',
-  '低价优先',
-  '低价优先',
-  '距离优先',
-  '好评优先',
-  '销量优先',
-  '低价优先',
-  '距离优先',
-]);
+import { defineProps, onMounted } from 'vue';
+import { getTour } from '@/api/assistingAgriculture/village';
+const items = ref([]);
+const emit = defineEmits(['sortParams']);
 const selectedItem = ref(null);
 const props = defineProps({
   width: {
@@ -36,8 +26,18 @@ const props = defineProps({
     default: '100%',
   },
 });
-const selectItem = (selectItem) => {
-  selectedItem.value = selectItem;
+onMounted(async () => {
+  getTourList();
+});
+const selectItem = (index, item) => {
+  selectedItem.value = index;
+  emit('sortParams', item);
+};
+// 查询景点
+const getTourList = () => {
+  getTour().then((res) => {
+    console.log(res, 111);
+  });
 };
 </script>
 

src/Components/assistingAgriculture/index/Sort.vue

@@ -7,7 +7,7 @@
         :class="{ active: selectedItem === index }"
         @tap="selectItem(index)"
       >
-        {{ item }}
+        {{ item.name }}
       </li>
     </ul>
   </view>
@@ -15,7 +15,14 @@
 
 <script setup>
 import { defineProps } from 'vue';
-const items = reactive(['智能排序', '距离优先', '好评优先', '销量优先', '低价优先', '低价优先']);
+const items = ref([
+  { name: '距离优先', sortName: 'distance' },
+  { name: '好评优先', sortName: 'grade' },
+  { name: '销量优先', sortName: 'monthSoldNum' },
+  { name: '低价优先', sortName: 'lowPrice' },
+  { name: '高价优先', sortName: 'highPrice' },
+]);
+const emit = defineEmits(['sortParams']);
 const selectedItem = ref(null);
 const props = defineProps({
   width: {
@@ -23,8 +30,9 @@ const props = defineProps({
     default: '100%',
   },
 });
-const selectItem = (selectItem) => {
-  selectedItem.value = selectItem;
+const selectItem = (index, item) => {
+  selectedItem.value = index;
+  emit('sortParams', item);
 };
 </script>
 

src/api/assistingAgriculture/village.js

+import { request } from '../../utils/request';
+
+// 查询景点
+export function getTour(data) {
+  return request({
+    url: `/sgyrdd/znprod/tour/list`,
+    method: 'GET',
+    data,
+  });
+}
+// 查询热门路线
+export function getPopularList(data) {
+  return request({
+    url: `/sgyrdd/prod/popular`,
+    method: 'GET',
+    data,
+  });
+}
+// 查询商品列表
+export function getProdList(data) {
+  return request({
+    url: `/sgyrdd/prod/prodList`,
+    method: 'GET',
+    data,
+  });
+}

src/pages/assistingAgriculture/RuralTravel/RuralTravel.vue

@@ -55,17 +55,13 @@
           :scroll-with-animation="true"
           @scroll="scroll"
         >
-          <view class="foodCard" v-for="(item, index) in 5" :key="index">
+          <view class="foodCard" v-for="(item, index) in popularRouterData" :key="index">
             <!--            <img-->
             <!--              class="img-icon"-->
             <!--              src="/static/assistingAgriculture/rural/icon.png"-->
             <!--              style="width: 118rpx; height: 32rpx"-->
             <!--            />-->
-            <image
-              class="test5"
-              src="/static/assistingAgriculture/rural/img4.png"
-              mode="widthFix"
-            />
+            <image class="test5" :src="item.imgUrl" mode="widthFix" />
           </view>
         </scroll-view>
         <!--        列表-->
@@ -162,7 +158,13 @@ import Sort from '../../../components/assistingAgriculture/index/Sort.vue';
 import DepartureDate from '../../../components/assistingAgriculture/index/DepartureDate.vue';
 import ScenicSpots from '../../../components/assistingAgriculture/index/ScenicSpots.vue';
 import Screen from '../../../components/assistingAgriculture/index/Screen.vue';
-
+import { getPopularList, getProdList, getTour } from '@/api/assistingAgriculture/village';
+import { getPresaleList } from '@/api/assistingAgriculture/building';
+import { onMounted } from 'vue';
+onMounted(async () => {
+  getProd();
+  getPopular();
+});
 const rotate = ref(false);
 const rotate2 = ref(false);
 const rotate3 = ref(false);
@@ -209,6 +211,7 @@ const cardList = ref([
     price: '299.00',
   },
 ]);
+const popularRouterData = ref([]);
 const locationFiltering = (index) => {
   switch (index) {
     case 0:
@@ -237,6 +240,21 @@ const locationFiltering = (index) => {
       break;
   }
 };
+// 查询热门路线
+const getPopular = () => {
+  getPopularList({ current: 1, size: 10 }).then((res) => {
+    res.data.records.forEach((item) => {
+      item.imgUrl = import.meta.env.VITE_APP_IMG_URL + item.pic;
+    });
+    popularRouterData.value = res.data.records;
+  });
+};
+// 查询商品列表
+const getProd = () => {
+  getProdList({ current: 1, size: 10 }).then((res) => {
+    console.log(res, 222);
+  });
+};
 function toRouteDetails() {
   // TODO: 跳转到线路详情
   xma.navigateTo({

src/pages/assistingAgriculture/index/presale.vue

@@ -148,7 +148,6 @@ const params = {
 const tabsList = ref([]);
 onMounted(async () => {
   getPresale();
-  // getPresaleProd();
   presaleSortList();
 });
 // 预售板块轮播图