From ad21ea34969cec038b2c1e2ce166d9bd2e72e162 Mon Sep 17 00:00:00 2001
From: yyy <2605810609@qq.com>
Date: Wed, 4 Dec 2024 16:48:13 +0800
Subject: [PATCH] crm

---
 pages/components/pages/clues/index.vue    |  22 +-
 pages/components/pages/contacts/index.vue |  20 +-
 pages/components/pages/contract/index.vue |  21 +-
 pages/components/pages/customer/open.vue  |  20 +-
 pages/components/pages/record/index.vue   | 570 ++++++++++++----------
 pages/index/index.vue                     |   7 +-
 6 files changed, 349 insertions(+), 311 deletions(-)

diff --git a/pages/components/pages/clues/index.vue b/pages/components/pages/clues/index.vue
index 3847fe5..a6f6d65 100644
--- a/pages/components/pages/clues/index.vue
+++ b/pages/components/pages/clues/index.vue
@@ -1,18 +1,20 @@
 <template>
-	<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
-		<template v-slot:left>
-			<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
-		</template>
-		<template v-slot:center>
-			<text style="color:#ffffff">{{title}}</text>
-		</template>
-	</uv-navbar>
-	<view class="container">
+	<uv-sticky>
+		<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
+			<template v-slot:left>
+				<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
+			</template>
+			<template v-slot:center>
+				<text style="color:#ffffff">{{title}}</text>
+			</template>
+		</uv-navbar>
 		<view class="pb-2 flex px-5" style="background-color: #09b4f1;">
 			<uv-search placeholder="搜索线索名称" v-model="keyword" bgColor="#ffffff" :customStyle="customStyle"
 				:show-action="false" @change="onSearch"></uv-search>
 			<uv-icon name="/static/images/screen.png" :size="26" @click="openSearch"></uv-icon>
 		</view>
+	</uv-sticky>
+	<view class="container">
 		<view class="bg-white">
 			<uv-tabs :list="list" @click="handleSelect" :scrollable="false"></uv-tabs>
 		</view>
@@ -328,7 +330,7 @@
 	}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 	.container {
 		background-color: #F7F7F7;
 	}
diff --git a/pages/components/pages/contacts/index.vue b/pages/components/pages/contacts/index.vue
index 4119f38..3cb709e 100644
--- a/pages/components/pages/contacts/index.vue
+++ b/pages/components/pages/contacts/index.vue
@@ -1,18 +1,20 @@
 <template>
-	<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
-		<template v-slot:left>
-			<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
-		</template>
-		<template v-slot:center>
-			<text style="color:#ffffff">{{title}}</text>
-		</template>
-	</uv-navbar>
-	<view class="container">
+	<uv-sticky>
+		<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
+			<template v-slot:left>
+				<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
+			</template>
+			<template v-slot:center>
+				<text style="color:#ffffff">{{title}}</text>
+			</template>
+		</uv-navbar>
 		<view class="pb-2 flex px-5" style="background-color: #09b4f1;">
 			<uv-search placeholder="搜索联系人姓名" v-model="keyword" bgColor="#ffffff" :customStyle="customStyle"
 				:show-action="false" @change="onSearch"></uv-search>
 			<uv-icon name="/static/images/screen.png" :size="26" @click="openSearch"></uv-icon>
 		</view>
+	</uv-sticky>
+	<view class="container">
 		<view class="bg-white">
 			<uv-tabs :list="list" @click="handleSelect" :scrollable="false"></uv-tabs>
 		</view>
diff --git a/pages/components/pages/contract/index.vue b/pages/components/pages/contract/index.vue
index 6fe5810..dd2a0df 100644
--- a/pages/components/pages/contract/index.vue
+++ b/pages/components/pages/contract/index.vue
@@ -1,18 +1,19 @@
 <template>
-	<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
-		<template v-slot:left>
-			<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
-		</template>
-		<template v-slot:center>
-			<text style="color:#ffffff">{{title}}</text>
-		</template>
-	</uv-navbar>
-	<view class="container">
+	<uv-sticky>
+		<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
+			<template v-slot:left>
+				<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
+			</template>
+			<template v-slot:center>
+				<text style="color:#ffffff">{{title}}</text>
+			</template>
+		</uv-navbar>
 		<view class="pb-2 flex px-5" style="background-color: #09b4f1;">
 			<uv-search placeholder="搜索合同名称" v-model="keyword" bgColor="#ffffff" :customStyle="customStyle"
 				:show-action="false" @change="onSearch"></uv-search>
-			<!-- <uv-icon name="/static/images/screen.png" :size="26" @click="openSearch"></uv-icon> -->
 		</view>
+	</uv-sticky>
+	<view class="container">
 		<view class="wrap">
 			<uv-tabs :list="list" @click="handleSelect" :scrollable="false"></uv-tabs>
 			<scroll-view scroll-y class="sv" :style="{height:scrollHeight+'px'}" :scroll-top="scrollTop" @scroll="scroll"
diff --git a/pages/components/pages/customer/open.vue b/pages/components/pages/customer/open.vue
index 50bdfa0..0095ea4 100644
--- a/pages/components/pages/customer/open.vue
+++ b/pages/components/pages/customer/open.vue
@@ -1,18 +1,20 @@
 <template>
-	<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
-		<template v-slot:left>
-			<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
-		</template>
-		<template v-slot:center>
-			<text style="color:#ffffff">{{title}}</text>
-		</template>
-	</uv-navbar>
-	<view class="container">
+	<uv-sticky>
+		<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
+			<template v-slot:left>
+				<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
+			</template>
+			<template v-slot:center>
+				<text style="color:#ffffff">{{title}}</text>
+			</template>
+		</uv-navbar>
 		<view class="pb-2 flex px-5" style="background-color: #09b4f1;">
 			<uv-search placeholder="搜索客户名称" v-model="keyword" bgColor="#ffffff" :customStyle="customStyle"
 				:show-action="false" @change="onSearch"></uv-search>
 			<uv-icon name="/static/images/screen.png" :size="26" @click="openSearch"></uv-icon>
 		</view>
+	</uv-sticky>
+	<view class="container">
 		<view class="wrap">
 			<scroll-view scroll-y class="sv" :style="{height:scrollHeight+'px'}" :scroll-top="scrollTop" lower-threshold="20"
 				@scroll="scroll" @scrolltolower="reachBottom">
diff --git a/pages/components/pages/record/index.vue b/pages/components/pages/record/index.vue
index f3e4bec..98b14c2 100644
--- a/pages/components/pages/record/index.vue
+++ b/pages/components/pages/record/index.vue
@@ -1,31 +1,31 @@
-<template>
-	<uv-navbar
-	  :fixed="false"
-	  @leftClick="$onClickLeft"
-	  bgColor="#09b4f1"
-	>
-		<template v-slot:left>
-			<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
-		</template>
-		<template v-slot:center>
-			<text style="color:#ffffff">{{title}}</text>
-		</template>
-	</uv-navbar>
-	<view class="container"  >
-	    <view class="bg-white">
+<template>
+	<uv-sticky>
+		<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
+			<template v-slot:left>
+				<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
+			</template>
+			<template v-slot:center>
+				<text style="color:#ffffff">{{title}}</text>
+			</template>
+		</uv-navbar>
+		<view class="bg-white">
 			<uv-tabs :list="list" @click="handleSelect" :scrollable="false"></uv-tabs>
-		</view> 
+		</view>
+	</uv-sticky>
+	<view class="container">
 		<view class="wrap">
-			<scroll-view scroll-y class="sv" :style="{height:scrollHeight+'px'}" :scroll-top="scrollTop" lower-threshold="20" @scroll="scroll" @scrolltolower="reachBottom">
+			<scroll-view scroll-y class="sv" :style="{height:scrollHeight+'px'}" :scroll-top="scrollTop" lower-threshold="20"
+				@scroll="scroll" @scrolltolower="reachBottom">
 				<view class="page-box" @touchmove="handletouchstart" @touchend="handletouchend">
 					<block v-if="dataList.length > 0">
 						<view class="client" v-for="(items, index) in dataList" :key="index">
 							<view class="top">
 								<view class="left">
-									<view class="store uv-line-1">
-										 <uv-text v-if="items.types == 'customer'" type="success" :text="'关联客户：'+items.typesName"></uv-text>
-										 <uv-text v-else-if="items.types == 'clues'" type="warning" :text="'关联线索：'+items.typesName"></uv-text>
-										 <uv-text v-else type="error" :text="'关联商机：'+items.typesName"></uv-text>
+									<view class="store uv-line-1">
+										<uv-text v-if="items.types == 'customer'" type="success" :text="'关联客户：'+items.typesName"></uv-text>
+										<uv-text v-else-if="items.types == 'clues'" type="warning"
+											:text="'关联线索：'+items.typesName"></uv-text>
+										<uv-text v-else type="error" :text="'关联商机：'+items.typesName"></uv-text>
 									</view>
 								</view>
 							</view>
@@ -34,276 +34,308 @@
 								{{items.content}}
 							</view>
 							<view class="bottom">
-								<view class="client_time" >下次跟进：{{timeFormats(items.nextTime)}}</view>
+								<view class="client_time">下次跟进：{{timeFormats(items.nextTime)}}</view>
 								<view class="flex">
 									<view>{{items.ownUserName}}</view>
 								</view>
 							</view>
 						</view>
-						 <uv-load-more  :status="listStatus" />
+						<uv-load-more :status="listStatus" />
 					</block>
-					<uv-empty text="暂无数据" v-else  margin-top="100" mode="list"></uv-empty>
+					<uv-empty text="暂无数据" v-else margin-top="100" mode="list"></uv-empty>
 				</view>
 			</scroll-view>
 		</view>
 	</view>
 </template>
 
-<script setup>
-import {
-	ref,
-	computed
-} from 'vue'
-import { onLoad,onShow ,onReady} from '@dcloudio/uni-app'
-import {
-  getRecordPage
-} from '@/api/customer'
-import { formatDateTime } from '@/utils/util'
-const title = ref('跟进记录')
-const keyword = ref('')
-const mobile = ref('')
-const phone = ref('')
-const dealStatus = ref(-1)
-const dealStatusName = ref('')
-const scrollHeight = ref(0)
-const pH = ref(0)
-const scrollTop = ref(-1)
-const specClass = ref('hide')
-const oldScrollTop = ref(0)
-const dataList = ref([])
-const dx = ref(0)
-const page = ref(1)
-const pageSize = ref(10)
-const lastPage = ref(false)
-const listStatus = ref('loadmore')
-const isRefresh = ref(false)
-const relation = ref('my')
-const list = ref( 
-	[{
-		name: '我的记录',
-		value: 'my'
-	}, {
-		name: '下属记录',
-		value: 'sub'
-	}]
-)
-const actions = ref(
-	[{
-		name: '未成交',
-		value:0
-	}, {
-		name: '成交',
-		value:1
-	} ]
-)
-
-defineExpose({isRefresh})
-
-const customStyle = computed(() =>{
-	return {
-		 paddingLeft:'10rpx',
-		  paddingRight:'120rpx'
-		}
-})
-const statusBarHeight = ref(0)
-statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight
-const customStyle2 = computed(() =>{
-	return {
-		 marginTop:(uni.getSystemInfoSync().statusBarHeight+40)+'px',
-	     backgroundColor:'#ffffff'
-		  //top:'100px'
-		}
-})
-const popup = ref()
-
-onReady(()=>{
-	uni.getSystemInfo({ 
-		success(res) {
-			pH.value = res.windowHeight 
-			let scrollH = uni.createSelectorQuery().select(".sv")
-			scrollH.boundingClientRect(data=>{
-				let pH0 = pH.value
-				scrollHeight.value = pH0 - data.top - 5  
-			}).exec()
+<script setup>
+	import {
+		ref,
+		computed
+	} from 'vue'
+	import {
+		onLoad,
+		onShow,
+		onReady
+	} from '@dcloudio/uni-app'
+	import {
+		getRecordPage
+	} from '@/api/customer'
+	import {
+		formatDateTime
+	} from '@/utils/util'
+	const title = ref('跟进记录')
+	const keyword = ref('')
+	const mobile = ref('')
+	const phone = ref('')
+	const dealStatus = ref(-1)
+	const dealStatusName = ref('')
+	const scrollHeight = ref(0)
+	const pH = ref(0)
+	const scrollTop = ref(-1)
+	const specClass = ref('hide')
+	const oldScrollTop = ref(0)
+	const dataList = ref([])
+	const dx = ref(0)
+	const page = ref(1)
+	const pageSize = ref(10)
+	const lastPage = ref(false)
+	const listStatus = ref('loadmore')
+	const isRefresh = ref(false)
+	const relation = ref('my')
+	const list = ref(
+		[{
+			name: '我的记录',
+			value: 'my'
+		}, {
+			name: '下属记录',
+			value: 'sub'
+		}]
+	)
+	const actions = ref(
+		[{
+			name: '未成交',
+			value: 0
+		}, {
+			name: '成交',
+			value: 1
+		}]
+	)
+
+	const handleSelect = (key) => {
+		if (key.value !== relation.value) {
+			page.value = 1
+			lastPage.value = false
+			scrollTop.value = 0
+			dataList.value = []
+			getRecordList()
+		}
+	}
+
+	defineExpose({
+		isRefresh
+	})
+
+	const customStyle = computed(() => {
+		return {
+			paddingLeft: '10rpx',
+			paddingRight: '120rpx'
 		}
 	})
-})
-
-onLoad((e) => {
-	getRecordList();
-})
-
-onShow(()=>{
-	if (isRefresh.value) {
-		isRefresh.value = false
-		page.value = 1
-		lastPage.value = false
-		scrollTop.value = 0
-		dataList.value = []
-		getRecordList()
-	}
-})
-
-
-const handletouchstart = () => {
-	specClass.value = 'show'
-}
-const handletouchend = () => {
-	specClass.value = 'hide'
-}
-
-// 格式化时间
-const timeFormats = (val) => {
-	if(val){
-		return formatDateTime(val)
-	} else {
-		return '--'
-	}
-}
-// 页面数据
-const getRecordList = async(isNextPage,pages) => {
-	await getRecordPage({
-		pageNo: page.value,
-		pageSize: pageSize.value,
-		relation: relation.value,
-	}).then(res => {
-		if(res) {
-			// 不够一页
-			if (res.list.length < 10) {
-				listStatus.value = 'nomore'
-			}
-			// 最后一页
-			if(res.list.length == 0) {
-				lastPage.value = true
-			} 
-			// 第二页开始
-			if(isNextPage) {
-				dataList.value = dataList.value.concat(res.list)
-				return 
-			}
-			dataList.value = res.list
+	const statusBarHeight = ref(0)
+	statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight
+	const customStyle2 = computed(() => {
+		return {
+			marginTop: (uni.getSystemInfoSync().statusBarHeight + 40) + 'px',
+			backgroundColor: '#ffffff'
+			//top:'100px'
 		}
 	})
-}
-// scroll 滚动记录
-const scroll = (e) => {
-	oldScrollTop.value = e.detail.scrollTop; // 必要
-}
-// 滚动到底部
-const reachBottom = () => {
-	if(lastPage.value || listStatus.value == 'loading') return ;
-	if (!lastPage.value) {
-		listStatus.value = 'loading';
-		setTimeout(() => {
-			listStatus.value = 'loadmore'
-			getRecordList(true,++page.value)
-		}, 500)	
+	const popup = ref()
+
+	onReady(() => {
+		uni.getSystemInfo({
+			success(res) {
+				pH.value = res.windowHeight
+				let scrollH = uni.createSelectorQuery().select(".sv")
+				scrollH.boundingClientRect(data => {
+					let pH0 = pH.value
+					scrollHeight.value = pH0 - data.top - 5
+				}).exec()
+			}
+		})
+	})
+
+	onLoad((e) => {
+		getRecordList();
+	})
+
+	onShow(() => {
+		if (isRefresh.value) {
+			isRefresh.value = false
+			page.value = 1
+			lastPage.value = false
+			scrollTop.value = 0
+			dataList.value = []
+			getRecordList()
+		}
+	})
+
+
+	const handletouchstart = () => {
+		specClass.value = 'show'
+	}
+	const handletouchend = () => {
+		specClass.value = 'hide'
 	}
-}
-
-
 
+	// 格式化时间
+	const timeFormats = (val) => {
+		if (val) {
+			return formatDateTime(val)
+		} else {
+			return '--'
+		}
+	}
+	// 页面数据
+	const getRecordList = async (isNextPage, pages) => {
+		await getRecordPage({
+			pageNo: page.value,
+			pageSize: pageSize.value,
+			relation: relation.value,
+		}).then(res => {
+			if (res) {
+				// 不够一页
+				if (res.list.length < 10) {
+					listStatus.value = 'nomore'
+				}
+				// 最后一页
+				if (res.list.length == 0) {
+					lastPage.value = true
+				}
+				// 第二页开始
+				if (isNextPage) {
+					dataList.value = dataList.value.concat(res.list)
+					return
+				}
+				dataList.value = res.list
+			}
+		})
+	}
+	// scroll 滚动记录
+	const scroll = (e) => {
+		oldScrollTop.value = e.detail.scrollTop; // 必要
+	}
+	// 滚动到底部
+	const reachBottom = () => {
+		if (lastPage.value || listStatus.value == 'loading') return;
+		if (!lastPage.value) {
+			listStatus.value = 'loading';
+			setTimeout(() => {
+				listStatus.value = 'loadmore'
+				getRecordList(true, ++page.value)
+			}, 500)
+		}
+	}
 </script>
 
 <style lang="scss">
-.container {
-	background-color: #F7F7F7;
-}
-.page-box {
-	padding: 20rpx 20rpx 45rpx;
-}
-.client {
-	width: 710rpx;
-	background-color: #ffffff;
-	margin-bottom: 20rpx;
-	border-radius: 20rpx;
-	box-sizing: border-box;
-	padding: 20rpx;
-	font-size: 28rpx;
-	.top {
-		display: flex;
-		justify-content: space-between;
-		.left {
+	.container {
+		background-color: #F7F7F7;
+	}
+
+	.page-box {
+		padding: 20rpx 20rpx 45rpx;
+	}
+
+	.client {
+		width: 710rpx;
+		background-color: #ffffff;
+		margin-bottom: 20rpx;
+		border-radius: 20rpx;
+		box-sizing: border-box;
+		padding: 20rpx;
+		font-size: 28rpx;
+
+		.top {
+			display: flex;
+			justify-content: space-between;
+
+			.left {
+				display: flex;
+				align-items: center;
+
+				.store {
+					max-width: 400rpx;
+					font-size: 30rpx;
+					font-weight: bold;
+				}
+			}
+		}
+
+		.tap {
 			display: flex;
 			align-items: center;
-			.store {
-				max-width: 400rpx;
-				font-size: 30rpx;
-				font-weight: bold;
-			}
-		}
-	}
-	.tap {
-		display: flex;
-		align-items: center;
-		flex-wrap: wrap;
-		margin: 20rpx 0 0;
-		.tap-item {
-			background-color: #FF6146;
-			color: #fff;
-			font-size: 25rpx;
-			padding: 10rpx 25rpx;
-			border-radius: 8rpx;
-			margin-left: 10rpx;
-			margin-bottom: 10rpx;
-		}
-	}
-	.item {
-		display: flex;
-		margin: 20rpx 0 0;
-		.content {
-			flex: 1;
-			.title {
-				font-size: 28rpx;
-				line-height: 50rpx;
-			}
-			.type {
-				margin: 10rpx 0;
-				font-size: 24rpx;
-				color: $uv-tips-color;
-			}
-		}
-		.right {
-			margin-left: 10rpx;
-			text-align: right;
-			.decimal {
-				font-size: 24rpx;
-				margin-top: 4rpx;
-			}
-			.number {
-				color: $uv-tips-color;
-				font-size: 24rpx;
-			}
-		}
-	}
-	.bottom {
-		display: flex;
-		margin-top: 20rpx;
-		justify-content: space-between;
-		align-items: center;
-		.client_time {
-			color: #777;
-  		    font-size: 26rpx;
-		}
-		.btn {
-			line-height: 60rpx;
-			width: 160rpx;
-			border-radius: 5px;
-			font-size: 26rpx;
-			text-align: center;
-			color: $uv-primary-dark;
-		}
-		.entity {
-			color: #fff;
-			background-color: #09b4f1; 
-		}
-	}
-}
-.wrap {
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-}
+			flex-wrap: wrap;
+			margin: 20rpx 0 0;
 
+			.tap-item {
+				background-color: #FF6146;
+				color: #fff;
+				font-size: 25rpx;
+				padding: 10rpx 25rpx;
+				border-radius: 8rpx;
+				margin-left: 10rpx;
+				margin-bottom: 10rpx;
+			}
+		}
 
-</style>
+		.item {
+			display: flex;
+			margin: 20rpx 0 0;
+
+			.content {
+				flex: 1;
+
+				.title {
+					font-size: 28rpx;
+					line-height: 50rpx;
+				}
+
+				.type {
+					margin: 10rpx 0;
+					font-size: 24rpx;
+					color: $uv-tips-color;
+				}
+			}
+
+			.right {
+				margin-left: 10rpx;
+				text-align: right;
+
+				.decimal {
+					font-size: 24rpx;
+					margin-top: 4rpx;
+				}
+
+				.number {
+					color: $uv-tips-color;
+					font-size: 24rpx;
+				}
+			}
+		}
+
+		.bottom {
+			display: flex;
+			margin-top: 20rpx;
+			justify-content: space-between;
+			align-items: center;
+
+			.client_time {
+				color: #777;
+				font-size: 26rpx;
+			}
+
+			.btn {
+				line-height: 60rpx;
+				width: 160rpx;
+				border-radius: 5px;
+				font-size: 26rpx;
+				text-align: center;
+				color: $uv-primary-dark;
+			}
+
+			.entity {
+				color: #fff;
+				background-color: #09b4f1;
+			}
+		}
+	}
+
+	.wrap {
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 562ce0a..22a8c35 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -320,7 +320,9 @@
 	}
 
 	const getData = async () => {
-		let data = await indexCount()
+		let data = await indexCount({
+			relation: 'all'
+		})
 		let brieCount = data.brieCountVO
 		toolIcons3.value[0].count = brieCount.count01
 		toolIcons3.value[1].count = brieCount.count02
@@ -345,8 +347,6 @@
 				text: count + ''
 			})
 		}
-
-
 	}
 
 
@@ -364,7 +364,6 @@
 		uni.switchTab({
 			url
 		})
-
 	}
 </script>