From a6ee6db40d5dea49bb5a62003f89aa38d3f68fa7 Mon Sep 17 00:00:00 2001
From: wangyang <test@qq.com>
Date: Wed, 13 Aug 2025 10:43:37 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=201=E3=80=81?=
 =?UTF-8?q?=E5=8F=96=E6=B6=88=E6=96=B0=E5=A2=9E=E6=8A=A5=E5=91=8A=E6=97=B6?=
 =?UTF-8?q?=EF=BC=8C=E6=88=91=E6=96=B9=E9=A2=86=E5=AF=BC=E5=BF=85=E5=A1=AB?=
 =?UTF-8?q?=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/lyVisistComponent.vue          | 354 +++++++++---------
 .../CRM/marketActivity/visitReportDetail.vue  |   8 +-
 .../CRM/marketActivity/visitReportView.vue    |  17 +-
 .../CRM/marketActivity/visitorReportAdd.vue   |  12 +-
 4 files changed, 196 insertions(+), 195 deletions(-)

diff --git a/src/pages/business/CRM/marketActivity/components/lyVisistComponent.vue b/src/pages/business/CRM/marketActivity/components/lyVisistComponent.vue
index 0335a53..caa3019 100644
--- a/src/pages/business/CRM/marketActivity/components/lyVisistComponent.vue
+++ b/src/pages/business/CRM/marketActivity/components/lyVisistComponent.vue
@@ -1,67 +1,66 @@
 <template>
-    <uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
-        <uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
-            <uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
-            :disabled="isDisabled"
-                @focus="chooseClientUser"></uni-easyinput>
-        </uni-forms-item>
-        <uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
-            <uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
-            :disabled="isDisabled"
-                @focus="chooseMyUser"></uni-easyinput>
-        </uni-forms-item>
+  <uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
+    <uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
+      <uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
+                     :disabled="isDisabled"
+                     @focus="chooseClientUser"></uni-easyinput>
+    </uni-forms-item>
+    <uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
+      <uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
+                     :disabled="isDisabled"
+                     @focus="chooseMyUser"></uni-easyinput>
+    </uni-forms-item>
 
-<uni-forms-item label="住宿天数" name="stayDays">
-    <picker
-      @change="handlePickerChange"
-      :value="stayDaysIndex"
-      :range="stayDaysOptions"
-      :disabled="isDisabled"
-    >
-      <view class="picker-container">
-        <view class="picker-display">
-          {{ stayDaysOptions[stayDaysIndex] }}
+    <uni-forms-item label="住宿天数" name="stayDays">
+      <picker
+          @change="handlePickerChange"
+          :value="stayDaysIndex"
+          :range="stayDaysOptions"
+          :disabled="isDisabled"
+      >
+        <view class="picker-container">
+          <view class="picker-display">
+            {{ stayDaysOptions[stayDaysIndex] }}
+          </view>
+          <uni-icons type="arrowdown" size="16" color="#666"></uni-icons>
         </view>
-        <uni-icons type="arrowdown" size="16" color="#666"></uni-icons>
-      </view>
-    </picker>
-  </uni-forms-item>
+      </picker>
+    </uni-forms-item>
 
-        <uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
-            <uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
-                class="form-texarea" />
-        </uni-forms-item>
-    </uni-forms>
-    <view class="footer-con">
-        <button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
-        <button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
-    </view>
+    <uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
+      <uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
+                     class="form-texarea"/>
+    </uni-forms-item>
+  </uni-forms>
+  <view class="footer-con">
+    <button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
+    <button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
+  </view>
 </template>
 
 <script setup name="lyVisitComponent">
-import { ref, reactive } from 'vue'
+import {ref, reactive} from 'vue'
 import cache from '../../../../../utils/cache'
-import { onShow, onUnload } from '@dcloudio/uni-app';
-import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
+import {onShow, onUnload} from '@dcloudio/uni-app';
+import {addVisistDetail, deleVisistDetailItem, getVisistDetailItem} from '../../../../../api/crm/activity/activity';
 
 let customerUserList = ref([])
 let myUserList = ref([])
 let activeTxt = ref('')
 let isDisabled = ref(false)
 const props = defineProps({
-    cusName: String, //客户单位名称
-    cusId: Number,//客户ID
-    visistId: Number,//活动ID
-    status: String //状态
+  cusName: String, //客户单位名称
+  cusId: Number,//客户ID
+  visistId: Number,//活动ID
+  status: String //状态
 })
 
 
-
 // 表单数据
 const formData = ref({
-    customerUserList,
-    myUserList,
-    activeTxt
+  customerUserList,
+  myUserList,
+  activeTxt
 });
 
 // 表单ref
@@ -69,150 +68,151 @@ const formRef = ref(null);
 
 //删除明细项的内容
 let lyDeleteForm = reactive({})
+
 function handleDeleteVisistDetailItem() {
-    lyDeleteForm.treeName = '联谊活动'
-    lyDeleteForm.visistId = props.visistId
-    deleVisistDetailItem(lyDeleteForm).then(res => {
-        if (res.code == 200) {
-            uni.showToast({
-                title: '删除成功',
-                duration: 2000
-            });
-            //响应成功，删除缓存记录
-            handleDelete()
-        } else {
-            uni.showToast({
-                title: res.msg,
-                icon: 'none',
-            });
-        }
-    })
+  lyDeleteForm.treeName = '联谊活动'
+  lyDeleteForm.visistId = props.visistId
+  deleVisistDetailItem(lyDeleteForm).then(res => {
+    if (res.code == 200) {
+      uni.showToast({
+        title: '删除成功',
+        duration: 2000
+      });
+      //响应成功，删除缓存记录
+      handleDelete()
+    } else {
+      uni.showToast({
+        title: res.msg,
+        icon: 'none',
+      });
+    }
+  })
 }
 
 // 删除内容
 let handleDelete = () => {
-    formData.value.customerUserList = null
-    formData.value.myUserList = null
-    formData.value.activeTxt = null
-    if (cache.get('checkedLYClientList') != null) {
-        cache.remove('checkedYWClientList');
-    }
-    if (cache.get('checkedLYMyUserList') != null) {
-        cache.remove('checkedLYMyUserList');
-    }
+  formData.value.customerUserList = null
+  formData.value.myUserList = null
+  formData.value.activeTxt = null
+  stayDaysIndex.value = 0
+  if (cache.get('checkedLYClientList') != null) {
+    cache.remove('checkedYWClientList');
+  }
+  if (cache.get('checkedLYMyUserList') != null) {
+    cache.remove('checkedLYMyUserList');
+  }
 }
 
 //删除缓存
 let handleDeleteLocal = () => {
-    cache.remove('checkedLYClientList');
-    cache.remove('checkedLYMyUserList');
+  cache.remove('checkedLYClientList');
+  cache.remove('checkedLYMyUserList');
 }
 
 let lyForm = reactive({})
 // 保存/修改
 const submitForm = async () => {
-    try {
-        // 验证表单
-        await formRef.value.validate();
-        // 验证通过后的操作
-        uni.showToast({
-            title: '验证通过',
-            icon: 'success'
-        });
-        lyForm.treeName = '联谊活动'
-        lyForm.cusId = props.cusId
-        lyForm.visistId = props.visistId
+  try {
+    // 验证表单
+    await formRef.value.validate();
+    // 验证通过后的操作
+    uni.showToast({
+      title: '验证通过',
+      icon: 'success'
+    });
+    lyForm.treeName = '联谊活动'
+    lyForm.cusId = props.cusId
+    lyForm.visistId = props.visistId
 
-        if (Array.isArray(myUserList.value)) {
-            lyForm.ourPersonnel = myUserList.value.join(',')
-        } else {
-            lyForm.ourPersonnel = myUserList.value
-        }
-
-        if (Array.isArray(customerUserList.value)) {
-            lyForm.cusPersonnel = customerUserList.value.join(',')
-        } else {
-            lyForm.cusPersonnel = customerUserList.value
-        }
-
-        lyForm.bandResult = activeTxt.value
-        lyForm.multiple = stayDaysIndex.value+1
-        // 提交服务器进行新增
-        addVisistDetail(lyForm).then(res => {
-            if (res.code == 200) {
-                uni.showToast({
-                    title: '提交成功',
-                    duration: 2000
-                });
-                //响应成功，删除缓存记录
-                handleDeleteLocal()
-            } else {
-                uni.showToast({
-                    title: res.msg,
-                    icon: 'none',
-                });
-            }
-        })
-    } catch (err) {
-        console.log('表单验证失败:', err);
+    if (Array.isArray(myUserList.value)) {
+      lyForm.ourPersonnel = myUserList.value.join(',')
+    } else {
+      lyForm.ourPersonnel = myUserList.value
     }
+
+    if (Array.isArray(customerUserList.value)) {
+      lyForm.cusPersonnel = customerUserList.value.join(',')
+    } else {
+      lyForm.cusPersonnel = customerUserList.value
+    }
+
+    lyForm.bandResult = activeTxt.value
+    lyForm.multiple = stayDaysIndex.value + 1
+    // 提交服务器进行新增
+    addVisistDetail(lyForm).then(res => {
+      if (res.code == 200) {
+        uni.showToast({
+          title: '提交成功',
+          duration: 2000
+        });
+        //响应成功，删除缓存记录
+        handleDeleteLocal()
+      } else {
+        uni.showToast({
+          title: res.msg,
+          icon: 'none',
+        });
+      }
+    })
+  } catch (err) {
+    console.log('表单验证失败:', err);
+  }
 };
 
 //页面渲染完成后，查询catch的get
 onShow(() => {
 
-    if (cache.get('checkedLYClientList') != null && cache.get('checkedLYClientList') != []) {
-        customerUserList.value = cache.get('checkedLYClientList')
-    }
+  if (cache.get('checkedLYClientList') != null && cache.get('checkedLYClientList') != []) {
+    customerUserList.value = cache.get('checkedLYClientList')
+  }
 
-    if (cache.get('checkedLYMyUserList') != null && cache.get('checkedLYMyUserList') != []) {
-        myUserList.value = cache.get('checkedLYMyUserList')
-    }
-        console.log(props.status,'获取的状态')
+  if (cache.get('checkedLYMyUserList') != null && cache.get('checkedLYMyUserList') != []) {
+    myUserList.value = cache.get('checkedLYMyUserList')
+  }
+  console.log(props.status, '获取的状态')
 
-    if(props.status=='完成'){
-        isDisabled.value = true
-    }else{
-        isDisabled.value = false
-    }
+  if (props.status == '完成') {
+    isDisabled.value = true
+  } else {
+    isDisabled.value = false
+  }
 })
 
 //查询日常走访的内容
 let queryLYForm = reactive({})
 let getLYVisitReportDetailContent = () => {
-    queryLYForm.visistId = props.visistId
-    queryLYForm.cusId = props.cusId
-    queryLYForm.treeName = '联谊活动'
-    getVisistDetailItem(queryLYForm).then(res => {
-        if (res.rows[0] != null) {
-            customerUserList.value = res.rows[0].customerPersonnel
-            myUserList.value = res.rows[0].ourPersonnel
-            stayDaysIndex.value = res.rows[0].multiple-1
-            activeTxt.value = res.rows[0].bandResult
-        }
-    })
+  queryLYForm.visistId = props.visistId
+  queryLYForm.cusId = props.cusId
+  queryLYForm.treeName = '联谊活动'
+  getVisistDetailItem(queryLYForm).then(res => {
+    if (res.rows[0] != null) {
+      customerUserList.value = res.rows[0].customerPersonnel
+      myUserList.value = res.rows[0].ourPersonnel
+      stayDaysIndex.value = res.rows[0].multiple - 1
+      activeTxt.value = res.rows[0].bandResult
+    }
+  })
 }
 
 
-
 //页面卸载之后，删除缓存信息
 onUnload(() => {
-    handleDeleteLocal()
+  handleDeleteLocal()
 })
 
 
 //选择客户人员
 function chooseClientUser() {
-    uni.navigateTo({
-        url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=联谊活动'
-    })
+  uni.navigateTo({
+    url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=联谊活动'
+  })
 }
 
 //选择我方参与人
 function chooseMyUser() {
-    uni.navigateTo({
-        url: '/pages/business/CRM/marketActivity/myUserList?chooseType=联谊活动'
-    })
+  uni.navigateTo({
+    url: '/pages/business/CRM/marketActivity/myUserList?chooseType=联谊活动'
+  })
 }
 
 // 住宿天数
@@ -221,13 +221,13 @@ const stayDaysIndex = ref(0) // 默认未选择
 
 const handlePickerChange = (e) => {
   stayDaysIndex.value = e.detail.value
-  console.log("天数数字：",stayDaysIndex.value+1)
+  console.log("天数数字：", stayDaysIndex.value + 1)
 }
 
 // 明确暴露给父组件的方法
 defineExpose({
-    handleDelete,
-    getLYVisitReportDetailContent
+  handleDelete,
+  getLYVisitReportDetailContent
 })
 
 </script>
@@ -235,55 +235,55 @@ defineExpose({
 
 <style scoped lang="scss">
 .all-body {
-    /* #ifdef APP-PLUS */
-    top: 150rpx;
-    height: calc(100vh - 75px);
-    /* #endif */
-    /* #ifndef APP-PLUS */
-    top: 120rpx;
-    height: calc(100vh);
-    /* #endif */
+  /* #ifdef APP-PLUS */
+  top: 150rpx;
+  height: calc(100vh - 75px);
+  /* #endif */
+  /* #ifndef APP-PLUS */
+  top: 120rpx;
+  height: calc(100vh);
+  /* #endif */
 }
 
 .search {
-    display: flex;
+  display: flex;
 }
 
 .search .btn-search {
-    border: none;
-    background: none;
-    line-height: normal;
-    color: #fff;
-    line-height: 56rpx !important;
-    padding: 10rpx 0 0;
-    text-align: left;
-    cursor: pointer;
+  border: none;
+  background: none;
+  line-height: normal;
+  color: #fff;
+  line-height: 56rpx !important;
+  padding: 10rpx 0 0;
+  text-align: left;
+  cursor: pointer;
 }
 
 .search .btn-search::after {
-    display: none;
+  display: none;
 }
 
 .search .custom-search {
-    width: 80%;
+  width: 80%;
 
 }
 
 .search .custom-search.uni-searchbar {
-    padding-right: 0 !important;
+  padding-right: 0 !important;
 }
 
 .scroll-h {
-    /* #ifdef APP-PLUS */
-    height: calc(100vh - 120px);
-    /* #endif */
-    /* #ifndef APP-PLUS */
-    height: calc(100vh - 110px);
-    /* #endif */
+  /* #ifdef APP-PLUS */
+  height: calc(100vh - 120px);
+  /* #endif */
+  /* #ifndef APP-PLUS */
+  height: calc(100vh - 110px);
+  /* #endif */
 }
 
 .white-bg {
-    padding-bottom: 10rpx;
+  padding-bottom: 10rpx;
 }
 
 .picker-container {
diff --git a/src/pages/business/CRM/marketActivity/visitReportDetail.vue b/src/pages/business/CRM/marketActivity/visitReportDetail.vue
index f983221..0ea4220 100644
--- a/src/pages/business/CRM/marketActivity/visitReportDetail.vue
+++ b/src/pages/business/CRM/marketActivity/visitReportDetail.vue
@@ -80,9 +80,9 @@
                     </view>
                 </block>
                 <!-- 评论 -->
-                <block v-if="activeTab === 1">
-                    <view class="white-bg white-bg-2">评论内容</view>
-                </block>
+<!--                <block v-if="activeTab === 1">-->
+<!--                    <view class="white-bg white-bg-2">评论内容</view>-->
+<!--                </block>-->
             </customTabs>
 
 
@@ -139,7 +139,7 @@ const getVisitorReportDetail = async () => {
 
 // 报告明细&评论
 const activeTab = ref(0);//默认报告明细
-const tabList = ['报告明细', '评论'];
+const tabList = ['报告明细'];
 
 // 点击赞
 let zanFlag = ref(false)
diff --git a/src/pages/business/CRM/marketActivity/visitReportView.vue b/src/pages/business/CRM/marketActivity/visitReportView.vue
index 69e47e3..4ad5acd 100644
--- a/src/pages/business/CRM/marketActivity/visitReportView.vue
+++ b/src/pages/business/CRM/marketActivity/visitReportView.vue
@@ -71,7 +71,11 @@ import { ref, reactive, onMounted } from 'vue'
 import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
 import { getNavBarPaddingTop } from '@/utils/system.js'
 import { getQueryVisistList } from '../../../../api/crm/activity/activity';
+import {onShow} from "@dcloudio/uni-app";
 
+onShow(()=>{
+  downCallback(mescrollRef.value.mescroll)
+})
 
 let list = ref([])
 let queryParams = reactive({
@@ -118,17 +122,22 @@ const downCallback = async (mescroll) => {
 const upCallback = async (mescroll) => {
     try {
         setTimeout(async () => {
-            // const res = await getVisitorReportList(mescroll.num, mescroll.size);
+          queryParams.pageNum = 1;
+          queryParams.pageSize = upOption.value.page.size;
+            const res = await getQueryVisistList(queryParams);
             if (mescroll.num === 1) {
-                // list.value = res.list;
+                list.value = res.rows;
             } else {
-                // list.value.push(...res.list);
+                list.value.push(...res.rows);
             }
-            // mescroll.endBySize(res.list.length, res.total);
+            console.log(res,'长度测试')
+            mescroll.endBySize(res.rows.length, res.total);
         }, 500);
     } catch (error) {
         mescroll.endErr();
     }
+
+  console.log('长度测试111')
 }
 
 const upOption = ref({
diff --git a/src/pages/business/CRM/marketActivity/visitorReportAdd.vue b/src/pages/business/CRM/marketActivity/visitorReportAdd.vue
index 62de5ee..1dd8ab5 100644
--- a/src/pages/business/CRM/marketActivity/visitorReportAdd.vue
+++ b/src/pages/business/CRM/marketActivity/visitorReportAdd.vue
@@ -17,7 +17,7 @@
             <!-- 正文内容 -->
             <view class="white-bg">
                 <view class="form-con">
-                    <uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
+                    <uni-forms ref="formRef" :model="formData"  label-width="100px">
                         <view @click="addVisistReport" class="form-item-container">
                             <uni-forms-item label="客户名称" name="cusName" class="f-c-right">
                                 <text class="name">{{ formData.cusName }}</text>
@@ -65,7 +65,7 @@
 
 
 
-                        <uni-forms-item label="我方领导" name="leader" required
+                        <uni-forms-item label="我方领导" name="leader"
                             class="uni-forms-item is-direction-top is-top">
 
                             <multipleSelect :multiple="true" :value="chooseMyLeaderList" downInner
@@ -123,14 +123,6 @@ const changeValue2 = (item, value) => {
     formData.value.leader = chooseMyLeaderList
 };
 
-// 验证规则
-const rules = {
-    leader: {
-        rules: [
-            { required: true, errorMessage: '我方领导不能为空' }
-        ]
-    }
-};
 
 // 修改日期
 let changeDate = (e) => {