From 20dc7d5f756167a5646864a201496e4f7ff5c920 Mon Sep 17 00:00:00 2001
From: "PC-202311141343\\Administrator" <505354293@qq.com>
Date: Fri, 29 Aug 2025 17:31:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A2=E6=88=B7=E9=80=89=E6=8B=A9=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E9=97=AE=E9=A2=98=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/business/CRM/chooseCus.vue | 285 +++++++++++----------------
 1 file changed, 120 insertions(+), 165 deletions(-)

diff --git a/src/pages/business/CRM/chooseCus.vue b/src/pages/business/CRM/chooseCus.vue
index 6372957..ddf213b 100644
--- a/src/pages/business/CRM/chooseCus.vue
+++ b/src/pages/business/CRM/chooseCus.vue
@@ -16,20 +16,16 @@
 
       <!-- 正文内容 -->
       <view class="all-body">
-        <!-- 搜索  @blur="blur" @focus="focus" @input="input" @cancel="cancel" @clear="clear"-->
+        <!-- 搜索框 -->
         <view class="search">
           <uni-search-bar class="custom-search" radius="28" placeholder="请输入客户名称" clearButton="auto"
                           cancelButton="none" bgColor="#6FA2F8" textColor="#ffffff"
                           v-model="searchValue" @clear="searchValue=''"
           />
-<!--          <button type="default" @click="searchValue=''" size="mini" class="btn-search">清空</button>-->
         </view>
 
-        <!-- 分页部分  -->
-        <mescroll-uni ref="mescrollRef" @init="mescrollInit"  @down="downCallback" @up="upCallback"
-                      :up="upOption" :down="downOption" :fixed="false" textColor="#ffffff" bgColor="#ffffff"
-                      class="scroll-h"  :class="{'loading-scroll':cssFlag}"
-        ><!-- @down="downCallback"-->
+        <!-- 列表区域 -->
+        <view class="scroll-h" :class="{'loading-scroll':cssFlag}">
           <radio-group class="block" @change="radioChange">
             <view class="white-bg" v-for="(item, index) in list" :key="index" @click="handleDetail(item)">
               <radio class='radio'
@@ -40,171 +36,115 @@
 
               <view class="report-list">
                 <view class="title">{{ item.cusName }}</view>
-                <!--              <view class="r-list">
-                                <view class="r-name">{{ item.shortName }}</view>
-                                <view class="r-right btn-orange" size="mini">{{ item.statusName }}</view>
-                              </view>-->
-                <view class="border-bottom"></view>
-                <!--              <view class="r-list">
-                                <view class="r-left">日期</view>
-                                <view class="r-right">{{ new Date(item.createTime).toLocaleDateString()}}</view>
-                              </view>-->
+                <view class="r-name">{{ item.shortName }}</view>
               </view>
             </view>
           </radio-group>
-        </mescroll-uni>
+        </view>
       </view>
     </view>
   </view>
 </template>
 
 <script setup>
-
-import {ref, onMounted, getCurrentInstance, watch} from 'vue'
 import customHeader from '@/components/customHeader.vue'
-import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
-import {getNavBarPaddingTop} from '@/utils/system.js'
-import {onLoad} from "@dcloudio/uni-app";
-import {getCustomerList} from "@/api/crm/customer/getCustomer";
+import { getYsCustomerList } from '../../../api/crm/api_ys.js'
+import { onMounted, reactive, ref, watch } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { useMessage } from '../../../utils/message.js'
+
+const message = useMessage();
 
-let instance = null;
 // 获取导航栏高度用于内容区域padding
 const navBarPaddingTop = ref(0);
-// 查询列表
-let list = ref([]);
-const mescrollRef = ref(null);
-let searchValue = ref('')
 
-let cssFlag=ref(false);//控制样式
-
-const upOption = ref({
-  page: { num: 0, size: 10 },
-  noMoreSize: 5,
-  empty: { 
-      tip: '~ 空空如也 ~',
-      icon: "../../static/images/mescroll-empty.png"
-  },
-  textLoading: '加载中...',
-  textNoMore: '已经到底了'
-});
-
-const downOption = ref({
-  auto: true,
-  textInOffset: '下拉刷新',
-  textOutOffset: '释放更新',
-  textLoading: '刷新中...'
-});
-
-const mescrollInit = (mescroll) => {
-  cssFlag.value = true;
-  mescrollRef.value = mescroll;
-};
-
-onMounted(() => {
-  navBarPaddingTop.value = getNavBarPaddingTop() * 2;
+// 点击查询客户单位
+const queryParams = ref({
+    cusName: '',
+    nickName:'',
+    pageNum: 1,
+    pageSize: 10
 })
 
-
-onLoad((options)=>{
-  instance = getCurrentInstance().proxy;
-  const eventChannel = instance.getOpenerEventChannel();
-  eventChannel.on('requestCusList', async (res) => {
-      let {cusName} = res.data;
-      // console.log(cusName, "客户选择页读取到参数");
-      searchValue.value = cusName;
-  })
+onLoad(options => {
+    queryParams.value.cusName = options.cusName
 })
+const dataList = ref([])
 
-let timerId = null;
-// 搜索
-watch(searchValue, (newValue, oldValue) => {
-  // console.log(`新值: ${newValue}, 旧值: ${oldValue}`);
-  if(timerId) clearTimeout(timerId);
-  timerId = setTimeout(async ()=>{
-     handleSearch();
-     clearTimeout(timerId);
-    timerId = null;
-  }, 500);
-});
+// 搜索内容
+let searchContent = ref('')
 
-// 下拉刷新
-const downCallback = async (mescroll) => {
-  try {
-    const res = await getList(1, upOption.value.page.size);
-    list.value = res.list;
-    // 正确结束下拉刷新状态
-    mescroll.endSuccess(res.list.length, res.total >= upOption.value.page.size);
-  } catch (error) {
-    console.log(error)
-    // 发生错误时结束下拉刷新
-    mescroll.endErr();
-  }
-}
-
-// 上拉加载更多
-const upCallback = async (mescroll) => {
-  try {
-    const res = await getList(mescroll.num, mescroll.size);
-    if (mescroll.num === 1) {
-      list.value = res.list;
-    } else {
-      list.value.push(...res.list);
-    }
-    // 正确结束上拉加载状态
-    mescroll.endSuccess(res.list.length, res.list.length >= mescroll.size);
-  } catch (error) {
-    console.log(error)
-    // 发生错误时结束上拉加载
-    mescroll.endErr();
-  }
-}
-
-// 查询搜索跳转
-let handleSearch = async () => {
-  // 触发下拉刷新以重新加载数据
-  if (mescrollRef.value) {
-    cssFlag.value = true;
-    uni.showLoading()
-    await downCallback(mescrollRef.value.mescroll);
-    uni.hideLoading()
-    cssFlag.value = false;
-  }
-}
-// 获取数据列表
-const getList = async (pageIndex, pageSize) => {
-    let param = {
-      pageNum: pageIndex,
-      pageSize,
-      cusName: searchValue.value
-    }
-  let { rows, total  } = await getCustomerList(param)
-  return {list: rows, total};
-}
 // 选中项的索引号
 const selectIndex = ref(null);
-const radioChange = (e) => {
-  let {value} = e.detail; // index
-  // console.log(value);
-  const eventChannel = instance.getOpenerEventChannel();
-  eventChannel.emit('onCustomerSelected', list.value[value]);
-  uni.navigateBack()
+
+let timerId = null;
+// 监视查询的内容的变化
+let queryCusForm = reactive({})
+watch(searchContent, (newValue, oldValue) => {
+    if(timerId) clearTimeout(timerId);
+    timerId = setTimeout(async ()=>{
+        queryCusForm.cusName = newValue;
+        const res = await getYsCustomerList(queryCusForm);
+        dataList.value = res.rows;
+        clearTimeout(timerId);
+        timerId = null;
+    }, 500);
+});
+
+function radioChange(event) {
+     const selectedIndex = event.detail.value
+    let test = dataList.value[selectedIndex]
+    // 发送全局事件
+    uni.$emit('onCustomerSelected', test)
+    let cusName = test.cusName;//客户名称
+    let cusId = test.cusId;//客户ID
+    uni.navigateBack()//返回上一页
 }
 
+onMounted(() => {
+    navBarPaddingTop.value = 80; // 简化处理，实际应根据getNavBarPaddingTop()计算
+})
+
 </script>
-
 <style lang="scss" scoped>
-.all-body {
-  /* #ifdef APP-PLUS */
-  top: 150rpx;
-  height: calc(100vh - 75px);
-  /* #endif */
-  /* #ifndef APP-PLUS */
-  top: 120rpx;
-  height: calc(100vh);
-  /* #endif */
+.con-body {
+  background: white;
+  height: 100vh;
 }
 
-.search .btn-search {
+.con-bg {
+  background: #f5f5f5;
+  height: 100%;
+}
+
+.top-height {
+  height: 80rpx;
+}
+
+.head-right {
+  display: flex;
+  align-items: center;
+  color: #B7D2FF;
+  font-size: 14px;
+  padding-right: 20rpx;
+}
+
+.all-body {
+  padding: 0 20rpx;
+  box-sizing: border-box;
+}
+
+.search {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.custom-search {
+  flex: 1;
+}
+
+.btn-search {
   border: none;
   background: none;
   line-height: normal;
@@ -215,42 +155,57 @@ const radioChange = (e) => {
   cursor: pointer;
 }
 
-.search .btn-search::after {
-  display: none;
-}
-
 .scroll-h {
-  /* #ifdef APP-PLUS */
-  height: calc(100vh - 120px);
-  /* #endif */
-  /* #ifndef APP-PLUS */
-  height: calc(100vh - 110px);
-  /* #endif */
+  height: calc(100vh - 250rpx);
+  overflow-y: auto;
 }
 
 .white-bg {
-  //padding-bottom:10rpx;
-  margin-bottom: 0;
-  overflow: hidden;
+  background-color: #fff;
+  border-radius: 12rpx;
+  padding: 24rpx;
+  margin-bottom: 20rpx;
   display: flex;
   align-items: center;
+  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.05);
 }
 
 .radio {
-  padding-right: 20rpx;
+  margin-right: 20rpx;
+}
+
+.report-list {
+  flex: 1;
 }
 
 .title {
   font-size: 32rpx;
-  line-height: 48rpx;
+  color: #333;
+  font-weight: bold;
+  margin-bottom: 8rpx;
 }
 
-.report-list {
-  width: calc(100% - 70rpx);
-  //background-color: pink;
+.r-name {
+  font-size: 26rpx;
+  color: #666;
 }
 
-.border-bottom {
-  margin-top: 6rpx;
+.checked {
+  color: #007AFF;
 }
+
+/* 适配不同平台 */
+/* #ifdef APP-PLUS */
+.all-body {
+  top: 150rpx;
+  height: calc(100vh - 75px);
+}
+/* #endif */
+
+/* #ifndef APP-PLUS */
+.all-body {
+  top: 120rpx;
+  height: calc(100vh);
+}
+/* #endif */
 </style>
\ No newline at end of file