From 390c386c67e5e53576e4604dfbfef69537b730e2 Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Tue, 1 Apr 2025 11:27:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(market):=20=E6=B7=BB=E5=8A=A0=E6=88=91?=
 =?UTF-8?q?=E7=9A=84=E5=AE=A2=E6=88=B7=E5=8A=9F=E8=83=BD=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E7=BA=BF=E7=B4=A2=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 market.js 中添加 myClient 方法，用于获取我的客户数据
- 重构线索页面，增加筛选条件和分页功能
- 优化下拉刷新和加载更多逻辑
-调整筛选按钮点击事件，实现条件筛选
---
 api/market.js               |   9 ++++
 pages/market/clue/index.vue | 103 +++++++++++++++++++++++++++++++++---
 2 files changed, 106 insertions(+), 6 deletions(-)

diff --git a/api/market.js b/api/market.js
index 106e6b3..81d1d66 100644
--- a/api/market.js
+++ b/api/market.js
@@ -59,5 +59,14 @@ export default {
         })
     },
 
+    //我的客户
+    myClient(data) {
+        let url = '/member/my_client'
+        return http.post(url, data).then(res => {
+            return res;
+        })
+    },
+
+
 
 }
\ No newline at end of file
diff --git a/pages/market/clue/index.vue b/pages/market/clue/index.vue
index ae994a6..67a3ae0 100644
--- a/pages/market/clue/index.vue
+++ b/pages/market/clue/index.vue
@@ -3,14 +3,14 @@
     <fui-segmented-control :values="values" type="text" activeColor="#29d3b4" color="#fff"
                            @click="segmented"></fui-segmented-control>
     <view class="search">
-      <view :class="{'selected': select_type === 1, 'not-selected': select_type !== 1}" @click="getSelect(1)">全部(320)
+      <view :class="{'selected': select_type === 1, 'not-selected': select_type !== 1}" @click="setSelect(1)">全部(320)
       </view>
-      <view :class="{'selected': select_type === 2, 'not-selected': select_type !== 2}" @click="getSelect(2)">待跟进(8)
+      <view :class="{'selected': select_type === 2, 'not-selected': select_type !== 2}" @click="setSelect(2)">待跟进(8)
       </view>
-      <view :class="{'selected': select_type === 3, 'not-selected': select_type !== 3}" @click="getSelect(3)">
+      <view :class="{'selected': select_type === 3, 'not-selected': select_type !== 3}" @click="setSelect(3)">
         7天未跟进(15)
       </view>
-      <view :class="{'selected': select_type === 4, 'not-selected': select_type !== 4}" @click="getSelect(4)">
+      <view :class="{'selected': select_type === 4, 'not-selected': select_type !== 4}" @click="setSelect(4)">
         30天未成交(12)
       </view>
     </view>
@@ -363,6 +363,7 @@
 
 <script>
 import AQTabber from "@/components/AQ/AQTabber.vue"
+import marketApi from '@/api/market.js';
 
 export default {
   components: {
@@ -370,6 +371,20 @@ export default {
   },
   data() {
     return {
+      loading:false,//加载状态
+      lowerThreshold: 100,//距离底部多远触发
+      isReachedBottom: false,//防止重复加载|true=不可加载|false=可加载
+
+      //筛选条件
+      filteredData:{
+        page:1,//当前页码
+        limit:10,//每页返回数据条数
+        total:10,//数据总条数
+        type: '',//''=全部,1=待跟进,2=7天,3=30天
+      },
+
+      tableList:[],//表格数据
+
       values: [{
         id: 1,
         name: '我的客户'
@@ -381,13 +396,89 @@ export default {
       segmented_type: 1,
     }
   },
+  onLoad(options) {},
+  onShow(){
+    this.init()//初始化
+  },
+  //下拉刷新
+  async onPullDownRefresh() {
+    //重置为第一页
+    await this.resetFilteredData()
+    await this.getList()
+  },
   methods: {
-    getSelect(type) {
+    //初始化
+    async init(){
+      await this.getList();
+    },
+
+    //加载更多(下一页)
+    loadMoreData() {
+      //判断是否加载
+      if (!this.isReachedBottom) {
+        this.isReachedBottom = true;//设置为不可请求状态
+        this.getList();
+      }
+    },
+    //重置为第一页
+    async resetFilteredData() {
+      this.isReachedBottom = false; // 重置状态，以便下次触发加载更多
+
+      this.filteredData.page = 1//当前页码
+      this.filteredData.limit = 10//每页返回数据条数
+      this.filteredData.total = 10//数据总条数
+    },
+    //获取列表
+    async getList(){
+      this.loading = true
+
+      let data = {...this.filteredData}
+
+      //判断是否还有数据
+      if(this.filteredData.page * this.filteredData.limit > this.filteredData.total){
+        this.loading = false
+        uni.showToast({
+          title: '暂无更多',
+          icon: 'none'
+        })
+        return
+      }
+
+      if(data.page == 1){
+        this.tableList = []
+      }
+
+      let res = await marketApi.myClient(data)
+      this.loading = false
+      this.isReachedBottom = false;
+      if (res.code != 1){
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+
+      this.tableList = this.tableList.concat(res.data.data); // 使用 concat 方法 将新数据追加到数组中
+
+      console.log('列表',this.tableList)
+      this.filteredData.total = res.data.total
+      this.filteredData.page++
+    },
+
+    //设置筛选条件
+    async setSelect(type) {
       this.select_type = type
+      //重置为第一页
+      await this.resetFilteredData()
+      this.filteredData.type = type
+      await this.getList()
     },
+    //切换tag列表
     segmented(index) {
-      this.segmented_type = index.id
+      this.segmented_type = index.id//1=我的客户,2=区域公海
     },
+
     clue_info() {
       uni.navigateTo({
         url: '/pages/market/clue/clue_info'