refactor(market): 重构市场线索页面

- 更新筛选条件和数据统计逻辑
- 优化区域公海和我的客户切换功能- 调整线索列表展示格式
- 添加意向等级图标和逻辑
- 优化数据请求和处理流程

pages/market/clue/index.vue

@@ -3,15 +3,15 @@
     <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="setSelect(1)">全部(320)
+      <view :class="{'selected': select_type == 1, 'not-selected': select_type != 1}" @click="setSelect(1)">全部({{countArr.type_0}})
       </view>
-      <view :class="{'selected': select_type == 2, 'not-selected': select_type != 2}" @click="setSelect(2)">待跟进(8)
+      <view :class="{'selected': select_type == 2, 'not-selected': select_type != 2}" @click="setSelect(2)">待跟进({{countArr.type_1}})
       </view>
       <view :class="{'selected': select_type == 3, 'not-selected': select_type != 3}" @click="setSelect(3)">
-        7天未跟进(15)
+        7天未跟进({{countArr.type_2}})
       </view>
       <view :class="{'selected': select_type == 4, 'not-selected': select_type != 4}" @click="setSelect(4)">
-        30天未成交(12)
+        30天未成交({{countArr.type_3}})
       </view>
     </view>
     <!--我的客户-->
@@ -58,193 +58,58 @@
           <image src="@/static/images/index/message.png" class="image"></image>
         </view>
         <view style="width: 15%;">
-          <image src="@/static/images/index/phone.png" class="image"></image>
+          <image v-if="v.student_phone" src="@/static/images/index/phone.png" class="image"></image>
         </view>
       </view>
     </view>
     <!--区域公海-->
     <view v-if="segmented_type == 2">
       <view style="color: #999999;padding: 20rpx 30rpx;">
-        今日待领（15/30）
+        今日待领（{{countArr.lq_count}}/{{countArr.max_count}}）
-      </view>
-      <view class="card">
-        <view style="width: 70%;" @click="clue_info">
-          <view style="display: flex;align-items: center;padding: 20rpx;">
-            <view>
-              <image src="@/static/images/index/myk.png" class="card-image"></image>
-            </view>
-            <view class="card-text">包子皮</view>
-            <view class="card-label">试听</view>
-          </view>
-          <view class="card-con">
-            首联系人：包念念 <span class="card-con-span">妈妈</span>
-          </view>
-          <view class="card-date">
-            <view class="card-con">08-30 14:25  跟进</view>
-            <view style="margin-left: 30rpx;">
-              <view style="display: flex;align-items: center;">
-                <view style="padding: 12rpx;">
-                  <image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
-                </view>
-                <view class="title-x">意向：低</view>
-              </view>
-            </view>
-          </view>
-        </view>
-        <view style="width: 30%;display: flex;justify-content: center;">
-          <view class="neck">
-            领
-          </view>
-        </view>
-      </view>
-      <view class="card">
-        <view style="width: 70%;" @click="clue_info">
-          <view style="display: flex;align-items: center;padding: 20rpx;">
-            <view>
-              <image src="@/static/images/index/myk.png" class="card-image"></image>
-            </view>
-            <view class="card-text">包子皮</view>
-            <view class="card-label">试听</view>
-          </view>
-          <view class="card-con">
-            首联系人：包念念 <span class="card-con-span">妈妈</span>
-          </view>
-          <view class="card-date">
-            <view class="card-con">08-30 14:25  跟进</view>
-            <view style="margin-left: 30rpx;">
-              <view style="display: flex;align-items: center;">
-                <view style="padding: 12rpx;">
-                  <image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
-                </view>
-                <view class="title-x">意向：低</view>
-              </view>
-            </view>
-          </view>
-        </view>
-        <view style="width: 30%;display: flex;justify-content: center;">
-          <view class="neck">
-            领
-          </view>
-        </view>
-      </view>
-      <view class="card">
-        <view style="width: 70%;" @click="clue_info">
-          <view style="display: flex;align-items: center;padding: 20rpx;">
-            <view>
-              <image src="@/static/images/index/myk.png" class="card-image"></image>
-            </view>
-            <view class="card-text">包子皮</view>
-            <view class="card-label">试听</view>
-          </view>
-          <view class="card-con">
-            首联系人：包念念 <span class="card-con-span">妈妈</span>
-          </view>
-          <view class="card-date">
-            <view class="card-con">08-30 14:25 跟进</view>
-            <view style="margin-left: 30rpx;">
-              <view style="display: flex;align-items: center;">
-                <view style="padding: 12rpx;">
-                  <image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
-                </view>
-                <view class="title-x">意向：低</view>
-              </view>
-            </view>
-          </view>
-        </view>
-        <view style="width: 30%;display: flex;justify-content: center;">
-          <view class="neck">
-            领
-          </view>
-        </view>
-      </view>
-      <view class="card">
-        <view style="width: 70%;" @click="clue_info">
-          <view style="display: flex;align-items: center;padding: 20rpx;">
-            <view>
-              <image src="@/static/images/index/myk.png" class="card-image"></image>
-            </view>
-            <view class="card-text">包子皮</view>
-            <view class="card-label">试听</view>
-          </view>
-          <view class="card-con">
-            首联系人：包念念 <span class="card-con-span">妈妈</span>
-          </view>
-          <view class="card-date">
-            <view class="card-con">08-30 14:25  跟进</view>
-            <view style="margin-left: 30rpx;">
-              <view style="display: flex;align-items: center;">
-                <view style="padding: 12rpx;">
-                  <image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
-                </view>
-                <view class="title-x">意向：低</view>
-              </view>
-            </view>
-          </view>
-        </view>
-        <view style="width: 30%;display: flex;justify-content: center;">
-          <view class="neck">
-            领
-          </view>
-        </view>
       </view>
-      <view class="card">
+      <view class="card" v-for="(v,k) in tableList" :key="k">
         <view style="width: 70%;" @click="clue_info">
           <view style="display: flex;align-items: center;padding: 20rpx;">
             <view>
               <image src="@/static/images/index/myk.png" class="card-image"></image>
             </view>
-            <view class="card-text">包子皮</view>
+            <view class="card-text">{{v.student_name}}</view>
-            <view class="card-label">试听</view>
+            <view class="card-label">{{v.is_status == 1 ? '试听' : '成交'}}</view>
           </view>
           <view class="card-con">
-            首联系人：包念念 <span class="card-con-span">妈妈</span>
+            首联系人：{{v.contact_name}} <span class="card-con-span">{{v.decision_maker}}</span>
           </view>
           <view class="card-date">
-            <view class="card-con">08-30 14:25  跟进</view>
+            <view class="card-con">{{ $util.formatToDateTime((v.follow && v.follow.follow_up_time || ''),'m-d H:i') }} 跟进</view>
             <view style="margin-left: 30rpx;">
               <view style="display: flex;align-items: center;">
                 <view style="padding: 12rpx;">
-                  <image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
+                  <image
+                      v-if="['A+','A','A-'].includes(v.follow && v.follow.initial_customer_intent || '')"
+                      src="@/static/images/index/intention3.png"
+                      class="drop-image-x"
+                  ></image>
+                  <image
+                      v-else-if="['B+','B','B-'].includes(v.follow && v.follow.initial_customer_intent || '')"
+                      src="@/static/images/index/intention2.png"
+                      class="drop-image-x"
+                  ></image>
+                  <image
+                      v-else
+                      src="@/static/images/index/intention1.png"
+                      class="drop-image-x"
+                  ></image>
                 </view>
-                <view class="title-x">意向：低</view>
+                <view class="title-x">意向：{{ v.follow && v.follow.initial_customer_intent || '' }}</view>
               </view>
             </view>
           </view>
         </view>
-        <view style="width: 30%;display: flex;justify-content: center;">
+        <view style="width: 15%;">
-          <view class="neck">
+          <image src="@/static/images/index/message.png" class="image"></image>
-            领
-          </view>
-        </view>
-      </view>
-      <view class="card">
-        <view style="width: 70%;" @click="clue_info">
-          <view style="display: flex;align-items: center;padding: 20rpx;">
-            <view>
-              <image src="@/static/images/index/myk.png" class="card-image"></image>
-            </view>
-            <view class="card-text">包子皮</view>
-            <view class="card-label">试听</view>
-          </view>
-          <view class="card-con">
-            首联系人：包念念 <span class="card-con-span">妈妈</span>
-          </view>
-          <view class="card-date">
-            <view class="card-con">08-30 14:25  跟进</view>
-            <view style="margin-left: 30rpx;">
-              <view style="display: flex;align-items: center;">
-                <view style="padding: 12rpx;">
-                  <image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
-                </view>
-                <view class="title-x">意向：低</view>
-              </view>
-            </view>
-          </view>
         </view>
-        <view style="width: 30%;display: flex;justify-content: center;">
+        <view style="width: 15%;">
-          <view class="neck">
+          <image src="@/static/images/index/phone.png" class="image"></image>
-            领
-          </view>
         </view>
       </view>
     </view>
@@ -273,9 +138,18 @@ export default {
         limit:10,//每页返回数据条数
         total:10,//数据总条数
         type: '0',//0=全部,1=待跟进,2=7天,3=30天
-        is_gh: '1',//1=区域公海,2=我的客户
+        is_gh: '2',//1=区域公海,2=我的客户
       },
 
+      countArr:{
+        type_0:0,
+        type_1:0,
+        type_2:0,
+        type_3:0,
+        max_count:0,
+        lq_count:0,
+
+      },//统计数组
       tableList:[],//表格数据
 
       values: [{
@@ -287,6 +161,7 @@ export default {
       }],
       select_type: 1,//筛选标签列表|1,2,3,4
       segmented_type: 1,//1=我的客户,2=区域公海
+
     }
   },
   onLoad(options) {},
@@ -352,11 +227,21 @@ export default {
         return
       }
 
-      this.tableList = this.tableList.concat(res.data.data); // 使用 concat 方法 将新数据追加到数组中
+      this.tableList = this.tableList.concat(res.data.list.data); // 使用 concat 方法 将新数据追加到数组中
 
       console.log('列表',this.tableList)
-      this.filteredData.total = res.data.total
+      this.filteredData.total = res.data.list.total
       this.filteredData.page++
+
+      this.countArr = {
+        type_0:res.data.count[0],
+        type_1:res.data.count[1],
+        type_2:res.data.count[2],
+        type_3:res.data.count[3],
+        max_count:res.data.gh.max_count,
+        lq_count:res.data.gh.lq_count,
+      }
+
     },
 
     //设置筛选条件
@@ -364,7 +249,13 @@ export default {
       this.select_type = type
       //重置为第一页
       await this.resetFilteredData()
-      this.filteredData.is_gh = this.segmented_type
+
+      if(this.segmented_type == 1){
+        this.filteredData.is_gh = '2'//2=我的客户
+      }else{
+        this.filteredData.is_gh = '1'//1=区域公海
+      }
+
       switch (type) {
         //全部
         case 1:
@@ -391,7 +282,14 @@ export default {
       this.segmented_type = index.id//1=我的客户,2=区域公海
       //重置为第一页
       await this.resetFilteredData()
-      this.filteredData.is_gh = this.segmented_type
+
+      if(this.segmented_type == 1){
+        this.filteredData.is_gh = '2'//2=我的客户
+      }else{
+        this.filteredData.is_gh = '1'//1=区域公海
+      }
+
+
       this.filteredData.type = '0'
       await this.getList()
     },