From 9f12490fb5479e1dbe9512db84eaa1c74ac7390c Mon Sep 17 00:00:00 2001
From: "PC-202311141343\\Administrator" <505354293@qq.com>
Date: Wed, 24 Dec 2025 10:29:39 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4CRM=E6=A8=A1=E5=9D=97?=
 =?UTF-8?q?=E4=B8=AD=E4=BB=BB=E5=8A=A1=E5=8A=9F=E8=83=BD=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                                |  22 +
 src/pages/business/CRM/scheduler/index.vue    | 118 ++++++
 .../CRM/scheduler/taskListViewing.vue         | 219 ++++++++++
 .../business/CRM/scheduler/taskPlanAdded.vue  | 388 ++++++++++++++++++
 4 files changed, 747 insertions(+)
 create mode 100644 src/pages/business/CRM/scheduler/index.vue
 create mode 100644 src/pages/business/CRM/scheduler/taskListViewing.vue
 create mode 100644 src/pages/business/CRM/scheduler/taskPlanAdded.vue

diff --git a/src/pages.json b/src/pages.json
index 6c5a27c..d8697e7 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -730,6 +730,28 @@
 		{
 			"path": "pages/business/CRM/leave/reviewDetail",
 			
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		//************************任务板块页面
+		{
+			"path": "pages/business/CRM/scheduler/index",
+			
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/business/CRM/scheduler/taskPlanAdded",
+			
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/business/CRM/scheduler/taskListViewing",
+			
 			"style": {
 				"navigationBarTitleText": ""
 			}
diff --git a/src/pages/business/CRM/scheduler/index.vue b/src/pages/business/CRM/scheduler/index.vue
new file mode 100644
index 0000000..d9aaf15
--- /dev/null
+++ b/src/pages/business/CRM/scheduler/index.vue
@@ -0,0 +1,118 @@
+<template>
+  <view class="con-body">
+    <view class="con-bg">
+      <customHeader ref="customHeaderRef" :title="'任务版块'" :leftFlag="true">
+      </customHeader>
+      <!-- #ifdef H5 -->
+      <view style="height:50rpx"></view>
+      <!-- #endif -->
+
+      <!-- 高度来避免头部遮挡 -->
+      <view class="top-height"></view>
+
+      <view class="white-bg">
+        <navigator url="/pages/business/CRM/scheduler/taskListViewing">
+          <view class="list-item item-padding">
+            <img class="l-icon" :src="'static/images/business/icon-zfsp.png'"/>
+            <text>任务清单查看</text>
+            <view class="list-right">
+              <uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
+            </view>
+          </view>
+        </navigator>
+        <view class="item-border"></view>
+        <navigator url="/pages/business/CRM/scheduler/taskPlanAdded">
+          <view class="list-item item-padding">
+            <img class="l-icon" :src="'static/images/business/icon-khryss.png'"/>
+            <text>任务计划新增</text>
+            <view class="list-right">
+              <uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
+            </view>
+          </view>
+        </navigator>
+		<view class="item-border"></view>
+		<navigator url="/pages/business/CRM/plan/planView">
+		  <view class="list-item item-padding">
+		    <img class="l-icon" :src="'static/images/business/icon-jhck.png'"/>
+		    <text>任务计划查看</text>
+		    <view class="list-right">
+		      <uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
+		    </view>
+		  </view>
+		</navigator>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import {ref, onMounted} from 'vue'
+import customHeader from '@/components/customHeader.vue'
+import {getNavBarPaddingTop} from '@/utils/system.js'
+// 获取导航栏高度用于内容区域padding
+const navBarPaddingTop = ref(0);
+onMounted(() => {
+  navBarPaddingTop.value = getNavBarPaddingTop() * 2;
+})
+</script>
+
+<style scoped>
+
+.head-pic .head-right img {
+  display: block;
+  width: 28rpx;
+  height: 25rpx;
+  margin-left: auto;
+  margin-top: 2px;
+}
+
+.backlog-b-item img {
+  width: 90rpx;
+  height: 90rpx;
+  margin: 0 auto 10rpx;
+  display: block;
+}
+
+.white-bg {
+  width: 590rpx; /*690*/
+  padding: 30rpx 50rpx;
+}
+
+.list-item {
+  display: flex;
+  align-items: center;
+  font-size: 32rpx;
+  border-radius: 8rpx;
+}
+
+.list-item.item-padding {
+  padding: 45rpx 0;
+}
+
+.list-item.item-padding:first-child {
+  padding-top: 20rpx;
+}
+
+.list-item.item-padding:last-child {
+  padding-bottom: 20rpx;
+}
+
+.item-border {
+  height: 1px;
+  background-color: #E7E7E7;
+  width: 640rpx;
+}
+
+.list-item .l-icon {
+  width: 90rpx;
+  height: 90rpx;
+  margin-right: 20rpx;
+}
+
+.list-item .list-right {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+}
+
+</style>
\ No newline at end of file
diff --git a/src/pages/business/CRM/scheduler/taskListViewing.vue b/src/pages/business/CRM/scheduler/taskListViewing.vue
new file mode 100644
index 0000000..903f645
--- /dev/null
+++ b/src/pages/business/CRM/scheduler/taskListViewing.vue
@@ -0,0 +1,219 @@
+<template>
+<view class="con-body">
+    <view class="con-bg">
+        <!-- 头部 -->
+        <customHeader ref="customHeaderRef" :title="'任务清单查看'" :leftFlag="true" :rightFlag="true">
+            <template #right>
+                <view class="head-right">
+                    
+                </view>
+            </template>
+        </customHeader>
+
+        <!-- 高度来避免头部遮挡 -->
+        <view class="top-height" :style="{ paddingTop: navBarPaddingTop + 'px' }"></view>
+
+        <!-- 正文内容 -->
+        <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"
+                />
+                <button type="default" @click="handleSearch" 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}"
+            >
+                <view class="white-bg margin-bottom20" v-for="(item, index) in list" :key="index" @click="handleDetail(item)">
+                    <view class="report-list">
+                        <view class="title">{{ item.title }}</view>
+                        <view class="r-list">
+                            <view class="r-name">{{ item.name }}</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">{{ item.reportTypeName }}</view>
+                        </view>
+                        <view class="border-bottom"></view>
+                        <view class="r-list">
+                            <view class="r-left">报告人</view>
+                            <view class="r-right">{{ item.reportPeople }}</view>
+                        </view>
+                        <view class="border-bottom"></view>
+                        <view class="r-list">
+                            <view class="r-left">报告日期</view>
+                            <view class="r-right">{{ item.dateStr }}</view>
+                        </view>
+                    </view>
+                </view>
+            </mescroll-uni>
+        </view>
+    </view>
+</view>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import customHeader from '@/components/customHeader.vue'
+import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
+import { getNavBarPaddingTop } from '@/utils/system.js'
+import { SalesManTaskList } from '@/api/crm/api_ys.js'
+
+// 获取导航栏高度用于内容区域padding
+const navBarPaddingTop = ref(0);
+onMounted(() => {
+    navBarPaddingTop.value = getNavBarPaddingTop() * 2;
+})
+
+let searchValue = ref(null)
+// 查询搜索跳转
+let handleSearch = () => {
+    console.log(searchValue.value)
+}
+
+// 新增
+let handleAdd = ()=>{
+    uni.navigateTo({ url:'/pages/business/CRM/visitorReportAdd' })
+}
+
+// 查询列表
+let list = ref([]);
+const mescrollRef = ref(null);
+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: '刷新中...'
+});
+
+let cssFlag=ref(false);//控制样式
+const mescrollInit = (mescroll) => {
+    cssFlag.value = true;
+    mescrollRef.value = mescroll;
+};
+
+// 下拉刷新
+const downCallback = async (mescroll) => {
+    try {
+        setTimeout(async ()=>{
+            const res = await getSalesManTaskList(1, upOption.value.page.size);
+            cssFlag.value = false;
+            list.value = res.list;
+            mescroll.resetUpScroll();
+        },500);
+    } catch (error) {
+        mescroll.endErr();
+    } finally {
+        setTimeout(async ()=>{
+            mescroll.endSuccess();
+        },500);
+    }
+}
+// 上拉加载更多
+const upCallback = async (mescroll) => {
+    try {
+        setTimeout(async ()=>{
+            const res = await getSalesManTaskList(mescroll.num, mescroll.size);
+            if (mescroll.num === 1) {
+                list.value = res.list;
+            } else {
+                list.value.push(...res.list);
+            }
+            mescroll.endBySize(res.list.length, res.total);
+        },500);
+    } catch (error) {
+        mescroll.endErr();
+    }
+}
+
+// 获取数据列表
+const getSalesManTaskList = (pageIndex, pageSize) => {
+    return new Promise(async (resolve) => {
+        let param = {
+            pageIndex,
+            pageSize
+        }
+
+        let res = await SalesManTaskList(param);
+        resolve({
+            list: res.list,
+            total: res.totalCount
+        });
+    });
+
+}
+
+// 跳转到详情
+let handleDetail=(item)=>{
+    uni.navigateTo({
+        url: "/pages/business/CRM/visitorReportDetail?id="+item.id
+    })
+}
+</script>
+
+<style scoped>
+.all-body {
+    /* #ifdef APP-PLUS */
+    top: 150rpx;
+    height: calc(100vh - 75px);
+    /* #endif */
+    /* #ifndef APP-PLUS */
+    top:120rpx;
+    height: calc(100vh);
+    /* #endif */
+}
+.search{
+    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;
+}
+.search .btn-search::after{
+    display: none;
+}
+.search .custom-search{
+    width:80%;
+
+}
+.search .custom-search.uni-searchbar{
+    padding-right:0 !important;
+}
+
+.scroll-h{
+    /* #ifdef APP-PLUS */
+    height: calc(100vh - 120px);
+    /* #endif */
+    /* #ifndef APP-PLUS */
+    height: calc(100vh - 110px);
+    /* #endif */
+}
+.white-bg{
+    padding-bottom:10rpx;
+}
+
+</style>
diff --git a/src/pages/business/CRM/scheduler/taskPlanAdded.vue b/src/pages/business/CRM/scheduler/taskPlanAdded.vue
new file mode 100644
index 0000000..049db37
--- /dev/null
+++ b/src/pages/business/CRM/scheduler/taskPlanAdded.vue
@@ -0,0 +1,388 @@
+<template>
+	<view class="con-body">
+		<view class="con-bg">
+			<!-- 头部 -->
+			<customHeader ref="customHeaderRef" :title="'任务计划新增'" :leftFlag="true" :rightFlag="true">
+				<template #right>
+					<view class="head-right" @click="submitForm">
+						<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
+							color="#B7D2FF"></uni-icons>保存
+					</view>
+				</template>
+			</customHeader>
+
+			<!-- 高度来避免头部遮挡 -->
+			<view class="top-height"></view>
+
+			<!-- 正文内容 -->
+			<view class="white-bg">
+				<view class="form-con">
+					<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
+						<uni-forms-item label="标签属性" name="cusName" class="f-c-right">
+						  <view 
+						    @click="chooseCustomer" 
+						    class="form-item-container"
+						  >
+						    <text class="name">{{ formData.cusName || '点击选择主线任务' }}</text>
+						  </view>
+						</uni-forms-item>
+						<uni-forms-item label="计划内容" name="opportunityType" class="f-c-right">
+							<picker @change="onOpportunityTypeChange" :value="opportunityTypeIndex" :range="array"
+								:range-key="'name'">
+								<view class="picker">
+									{{ array[opportunityTypeIndex]?.name || '请选择计划内容' }}
+									<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
+								</view>
+							</picker>
+						</uni-forms-item>
+						<uni-forms-item label="计划开始时间" name="plannedStartTime"  class="f-c-right">
+							<picker mode="date" :value="formData.plannedStartTime" @change="onStartTimeChange">
+								<view class="picker">
+									{{ formData.plannedStartTime || '请选择计划开始时间' }}
+									<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
+								</view>
+							</picker>
+						</uni-forms-item>
+						<uni-forms-item label="计划完成时间" name="plannedCompTime"  class="f-c-right">
+							<picker mode="date" :value="formData.plannedCompTime" @change="onCompTimeChange">
+								<view class="picker">
+									{{ formData.plannedCompTime || '请选择计划完成时间' }}
+									<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
+								</view>
+							</picker>
+						</uni-forms-item>
+						<uni-forms-item label="内容描述" name="understandTheWay" 
+							class="uni-forms-item is-direction-top is-top">
+							<uni-easyinput type="textarea" autoHeight v-model="formData.understandTheWay"
+								placeholder="请输入内容描述" class="form-texarea" />
+						</uni-forms-item>
+						
+					</uni-forms>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		 ref, onMounted, reactive, onUnmounted, computed 
+	} from 'vue'
+	import customHeader from '@/components/customHeader.vue'
+	import {
+		getGuestList
+	} from '@/api/business.js'
+	import { isEmpty } from '@/utils/validate.js'
+	import {crmMarketInformationAdd } from '@/api/crm/api_ys.js'
+	
+	
+	let customerUser = reactive({})
+	// 客户相关
+	const guestList = ref([])
+	// 表单数据
+	const formData = ref({
+		cusId: null,
+		cusName: null,
+		opportunityType: "", // 机会类型
+		plannedStartTime: "", // 计划开始时间
+		plannedCompTime: "", // 计划完成时间
+		understandTheWay: "", // 了解途径
+		opportunityDescription: "", // 机会描述
+		opportunityStatus: "", // 机会所处状态
+		predictedAmount: "", // 预测金额或情况
+		competitionSituation: "", // 竞争情况
+		remark: "", // 备注
+		picture: "", // 图片
+		informationType: "市场机会" // 信息类型
+	})
+
+	// 表单验证规则
+	const rules = {
+		cusName: {
+			rules: [{
+				required: true,
+				errorMessage: '请选择主线任务'
+			}]
+		},
+		opportunityType: {
+			rules: [{
+				required: true,
+				errorMessage: '请选择计划内容'
+			}]
+		},
+		plannedStartTime: {
+			rules: [{
+				required: true,
+				errorMessage: '请选择计划开始时间'
+			}]
+		},
+		plannedCompTime: {
+			rules: [
+				{
+					required: true,
+					errorMessage: '请选择计划完成时间'
+				},
+				{
+					validateFunction: function(rule, value, data, callback) {
+						if (value && data.plannedStartTime) {
+							if (new Date(value) < new Date(data.plannedStartTime)) {
+								callback('计划完成时间不能早于计划开始时间')
+								return
+							}
+						}
+						callback()
+					}
+				}
+			]
+		},
+		understandTheWay: {
+			rules: [{
+				required: true,
+				errorMessage: '请输入内容描述'
+			}]
+		},
+		opportunityDescription: {
+			rules: [{
+				required: true,
+				errorMessage: '请输入机会描述'
+			}]
+		},
+		opportunityStatus: {
+			rules: [{
+				required: true,
+				errorMessage: '请输入机会所处状态'
+			}]
+		},
+		predictedAmount: {
+			rules: [{
+				required: true,
+				errorMessage: '请输入预测金额或情况'
+			}]
+		},
+		competitionSituation: {
+			rules: [{
+				required: true,
+				errorMessage: '请输入竞争情况'
+			}]
+		},
+	}
+	const imgList = ref([])
+
+	// picker 相关
+	const index = ref(0)
+	const array = ref([{
+			id: 0,
+			name: '日常走访'
+		},
+		{
+			id: 1,
+			name: '业务招待'
+		},
+		{
+			id: 2,
+			name: '技术交流'
+		},
+		{
+			id: 3,
+			name: '来厂参观'
+		},
+		{
+			id: 4,
+			name: '党建活动'
+		},
+		{
+			id: 5,
+			name: '文体活动'
+		},
+		{
+			id: 6,
+			name: '联谊活动'
+		},
+		{
+			id: 7,
+			name: '礼尚往来'
+		},
+		{
+			id: 8,
+			name: '高层交流'
+		},
+		{
+			id: 9,
+			name: '组合拳服务活动'
+		}
+	])
+	const form = ref({
+		cusId: null,
+		cusName: null,
+		opportunityType: array.value[0].name, // 机会类型
+		understandTheWay: "", // 了解途径
+		opportunityDescription: "", // 机会描述
+		opportunityStatus: "", // 机会所处状态
+		predictedAmount: "", // 预测金额或情况
+		competitionSituation: "", // 竞争情况
+		remark: "", // 备注
+		picture: "", // 图片
+		informationType: "市场机会" // 信息类型
+	})
+
+	// picker 选项
+	const opportunityTypeOptions = ref([{
+			id: 0,
+			name: '新产品需求'
+		},
+		{
+			id: 1,
+			name: '新客户开发'
+		},
+		{
+			id: 2,
+			name: '批产任务'
+		},
+		{
+			id: 3,
+			name: '新研任务'
+		},
+		{
+			id: 4,
+			name: '二筛服务'
+		},
+		{
+			id: 5,
+			name: '对手失利'
+		},
+		{
+			id: 6,
+			name: '其它'
+		}
+	])
+	const opportunityTypeIndex = ref(0)
+
+	// 表单引用 & 客户选择器引用
+	const formRef = ref(null)
+	const customHeaderRef = ref(null)
+	// 选择客户页面跳转
+	function chooseCustomer(){
+		uni.navigateTo({
+			url: '/pages/business/CRM/marketActivity/chooseCus'
+			
+		})  
+	} 
+	//定义数据接收的值
+	let selectedCustomer = reactive(null)
+	
+	//监听时间
+	onMounted(() => {
+		 // 设置机会类型的默认值
+		    formData.value.opportunityType = array.value[0].name;
+		    opportunityTypeIndex.value = 0;
+		
+		    // 原有的监听客户选择事件
+		    uni.$on('onCustomerSelected', handleCustomerSelected);
+	})
+	//取消监听
+	onUnmounted(() => {
+	    uni.$off('onCustomerSelected', handleCustomerSelected)
+	})
+	
+	//处理 接收数据
+	const handleCustomerSelected = (data) => {
+	    formData.value.cusName = data.cusName
+	    formData.value.cusId = data.cusId
+	    console.log("收到客户数据的值：", customerUser)
+	}
+
+	
+	
+	
+	
+	// 提交表单
+	const submitForm = async () => {
+		try {
+			// 表单校验
+			await formRef.value.validate()
+			const res = await crmMarketInformationAdd(formData.value);
+			console.log(res)
+			uni.showToast({
+				title: '提交成功',
+				icon: 'success'
+			})
+			  uni.$emit('refreshMarketList');
+			  setTimeout(() => {
+			        uni.navigateBack(1);
+			      }, 1500);
+			      
+			console.log('表单数据:', formData.value)
+		} catch (err) {
+			console.log('表单验证失败:', err)
+		}
+	}
+
+	const onOpportunityTypeChange = (e) => {
+		opportunityTypeIndex.value = e.detail.value
+		console.log('opportunityTypeIndex:', array.value[e.detail.value]?.name)
+		formData.value.opportunityType = array.value[e.detail.value]?.name || ''
+	}
+
+	// 计划开始时间变化事件
+	const onStartTimeChange = (e) => {
+		formData.value.plannedStartTime = e.detail.value
+		// 如果已选择完成时间，重新校验完成时间
+		if (formData.value.plannedCompTime) {
+			formRef.value.validateField('plannedCompTime')
+		}
+	}
+
+	// 计划完成时间变化事件
+	const onCompTimeChange = (e) => {
+		formData.value.plannedCompTime = e.detail.value
+		// 校验完成时间
+		formRef.value.validateField('plannedCompTime')
+	}
+	
+	
+	// 如果你原来在 onShow 中做了类似这样：
+	// let res = currPage.data.cusData; 判断是否传入了客户信息
+	// 那么在 Vue3 中通常是通过路由参数或者 Vuex/Pinia 等状态管理获取
+	// 暂时不做，如你后续需要可继续补充
+</script>
+
+<style scoped>
+	.white-bg {
+		width: 750rpx;
+		padding: 30rpx 0 0;
+		margin-bottom: 0;
+		border-radius: 8px 8px 0 0;
+	}
+
+	.form-con {
+		/* #ifdef APP-PLUS */
+		min-height: calc(100vh - 100px);
+		/* #endif */
+		/* #ifndef APP-PLUS */
+		min-height: calc(100vh - 80px);
+		/* #endif */
+	}
+
+	:deep(.uni-date-x) {
+		display: block;
+	}
+
+	:deep(.uni-date-x .icon-calendar) {
+		float: right;
+		margin-top: 15rpx;
+		margin-right: 20rpx;
+		background: url('../../../static/images/business/icon-date.png') no-repeat;
+		background-size: 32rpx 35rpx;
+		width: 32rpx;
+		height: 35rpx;
+	}
+
+	:deep(.uni-date-x .icon-calendar::before) {
+		display: none;
+	}
+
+	:deep(.uni-date-x .uni-date__x-input) {
+		padding-left: 20rpx;
+		color: #919191;
+	}
+</style>
\ No newline at end of file