crm

pages/components/pages/clues/index.vue

@@ -1,4 +1,5 @@
 <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>
@@ -7,12 +8,13 @@
 				<text style="color:#ffffff">{{title}}</text>
 			</template>
 		</uv-navbar>
-	<view class="container">
 		<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;
 	}

pages/components/pages/contacts/index.vue

@@ -1,4 +1,5 @@
 <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>
@@ -7,12 +8,13 @@
 				<text style="color:#ffffff">{{title}}</text>
 			</template>
 		</uv-navbar>
-	<view class="container">
 		<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>

pages/components/pages/contract/index.vue

@@ -1,4 +1,5 @@
 <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>
@@ -7,12 +8,12 @@
 				<text style="color:#ffffff">{{title}}</text>
 			</template>
 		</uv-navbar>
-	<view class="container">
 		<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"

pages/components/pages/customer/open.vue

@@ -1,4 +1,5 @@
 <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>
@@ -7,12 +8,13 @@
 				<text style="color:#ffffff">{{title}}</text>
 			</template>
 		</uv-navbar>
-	<view class="container">
 		<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">

pages/components/pages/record/index.vue

@@ -1,9 +1,6 @@
 <template>
-	<uv-navbar
+	<uv-sticky>
-	  :fixed="false"
+		<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
-	  @leftClick="$onClickLeft"
-	  bgColor="#09b4f1"
-	>
 			<template v-slot:left>
 				<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
 			</template>
@@ -11,12 +8,14 @@
 				<text style="color:#ffffff">{{title}}</text>
 			</template>
 		</uv-navbar>
-	<view class="container"  >
 		<view class="bg-white">
 			<uv-tabs :list="list" @click="handleSelect" :scrollable="false"></uv-tabs>
 		</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">
@@ -24,7 +23,8 @@
 								<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-if="items.types == 'clues'" type="warning"
+											:text="'关联线索：'+items.typesName"></uv-text>
 										<uv-text v-else type="error" :text="'关联商机：'+items.typesName"></uv-text>
 									</view>
 								</view>
@@ -34,7 +34,7 @@
 								{{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>
@@ -50,35 +50,41 @@
 </template>
 
 <script setup>
-import {
+	import {
 		ref,
 		computed
-} from 'vue'
+	} from 'vue'
-import { onLoad,onShow ,onReady} from '@dcloudio/uni-app'
+	import {
-import {
+		onLoad,
+		onShow,
+		onReady
+	} from '@dcloudio/uni-app'
+	import {
 		getRecordPage
-} from '@/api/customer'
+	} from '@/api/customer'
-import { formatDateTime } from '@/utils/util'
+	import {
-const title = ref('跟进记录')
+		formatDateTime
-const keyword = ref('')
+	} from '@/utils/util'
-const mobile = ref('')
+	const title = ref('跟进记录')
-const phone = ref('')
+	const keyword = ref('')
-const dealStatus = ref(-1)
+	const mobile = ref('')
-const dealStatusName = ref('')
+	const phone = ref('')
-const scrollHeight = ref(0)
+	const dealStatus = ref(-1)
-const pH = ref(0)
+	const dealStatusName = ref('')
-const scrollTop = ref(-1)
+	const scrollHeight = ref(0)
-const specClass = ref('hide')
+	const pH = ref(0)
-const oldScrollTop = ref(0)
+	const scrollTop = ref(-1)
-const dataList = ref([])
+	const specClass = ref('hide')
-const dx = ref(0)
+	const oldScrollTop = ref(0)
-const page = ref(1)
+	const dataList = ref([])
-const pageSize = ref(10)
+	const dx = ref(0)
-const lastPage = ref(false)
+	const page = ref(1)
-const listStatus = ref('loadmore')
+	const pageSize = ref(10)
-const isRefresh = ref(false)
+	const lastPage = ref(false)
-const relation = ref('my')
+	const listStatus = ref('loadmore')
-const list = ref( 
+	const isRefresh = ref(false)
+	const relation = ref('my')
+	const list = ref(
 		[{
 			name: '我的记录',
 			value: 'my'
@@ -86,54 +92,66 @@ const list = ref(
 			name: '下属记录',
 			value: 'sub'
 		}]
-)
+	)
-const actions = ref(
+	const actions = ref(
 		[{
 			name: '未成交',
-		value:0
+			value: 0
 		}, {
 			name: '成交',
-		value:1
+			value: 1
-	} ]
+		}]
-)
+	)
 
-defineExpose({isRefresh})
+	const handleSelect = (key) => {
-
+		if (key.value !== relation.value) {
-const customStyle = computed(() =>{
+			page.value = 1
-	return {
+			lastPage.value = false
-		 paddingLeft:'10rpx',
+			scrollTop.value = 0
-		  paddingRight:'120rpx'
+			dataList.value = []
+			getRecordList()
 		}
-})
+	}
-const statusBarHeight = ref(0)
+
-statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight
+	defineExpose({
-const customStyle2 = computed(() =>{
+		isRefresh
+	})
+
+	const customStyle = computed(() => {
 		return {
-		 marginTop:(uni.getSystemInfoSync().statusBarHeight+40)+'px',
+			paddingLeft: '10rpx',
-	     backgroundColor:'#ffffff'
+			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()
+	const popup = ref()
 
-onReady(()=>{
+	onReady(() => {
 		uni.getSystemInfo({
 			success(res) {
 				pH.value = res.windowHeight
 				let scrollH = uni.createSelectorQuery().select(".sv")
-			scrollH.boundingClientRect(data=>{
+				scrollH.boundingClientRect(data => {
 					let pH0 = pH.value
 					scrollHeight.value = pH0 - data.top - 5
 				}).exec()
 			}
 		})
-})
+	})
 
-onLoad((e) => {
+	onLoad((e) => {
 		getRecordList();
-})
+	})
 
-onShow(()=>{
+	onShow(() => {
 		if (isRefresh.value) {
 			isRefresh.value = false
 			page.value = 1
@@ -142,77 +160,76 @@ onShow(()=>{
 			dataList.value = []
 			getRecordList()
 		}
-})
+	})
 
 
-const handletouchstart = () => {
+	const handletouchstart = () => {
 		specClass.value = 'show'
-}
+	}
-const handletouchend = () => {
+	const handletouchend = () => {
 		specClass.value = 'hide'
-}
+	}
 
-// 格式化时间
+	// 格式化时间
-const timeFormats = (val) => {
+	const timeFormats = (val) => {
-	if(val){
+		if (val) {
 			return formatDateTime(val)
 		} else {
 			return '--'
 		}
-}
+	}
-// 页面数据
+	// 页面数据
-const getRecordList = async(isNextPage,pages) => {
+	const getRecordList = async (isNextPage, pages) => {
 		await getRecordPage({
 			pageNo: page.value,
 			pageSize: pageSize.value,
 			relation: relation.value,
 		}).then(res => {
-		if(res) {
+			if (res) {
 				// 不够一页
 				if (res.list.length < 10) {
 					listStatus.value = 'nomore'
 				}
 				// 最后一页
-			if(res.list.length == 0) {
+				if (res.list.length == 0) {
 					lastPage.value = true
 				}
 				// 第二页开始
-			if(isNextPage) {
+				if (isNextPage) {
 					dataList.value = dataList.value.concat(res.list)
 					return
 				}
 				dataList.value = res.list
 			}
 		})
-}
+	}
-// scroll 滚动记录
+	// scroll 滚动记录
-const scroll = (e) => {
+	const scroll = (e) => {
 		oldScrollTop.value = e.detail.scrollTop; // 必要
-}
+	}
-// 滚动到底部
+	// 滚动到底部
-const reachBottom = () => {
+	const reachBottom = () => {
-	if(lastPage.value || listStatus.value == 'loading') return ;
+		if (lastPage.value || listStatus.value == 'loading') return;
 		if (!lastPage.value) {
 			listStatus.value = 'loading';
 			setTimeout(() => {
 				listStatus.value = 'loadmore'
-			getRecordList(true,++page.value)
+				getRecordList(true, ++page.value)
 			}, 500)
 		}
-}
+	}
-
-
-
 </script>
 
 <style lang="scss">
-.container {
+	.container {
 		background-color: #F7F7F7;
-}
+	}
-.page-box {
+
+	.page-box {
 		padding: 20rpx 20rpx 45rpx;
-}
+	}
-.client {
+
+	.client {
 		width: 710rpx;
 		background-color: #ffffff;
 		margin-bottom: 20rpx;
@@ -220,12 +237,15 @@ const reachBottom = () => {
 		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;
@@ -233,11 +253,13 @@ const reachBottom = () => {
 				}
 			}
 		}
+
 		.tap {
 			display: flex;
 			align-items: center;
 			flex-wrap: wrap;
 			margin: 20rpx 0 0;
+
 			.tap-item {
 				background-color: #FF6146;
 				color: #fff;
@@ -248,43 +270,53 @@ const reachBottom = () => {
 				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;
@@ -293,17 +325,17 @@ const reachBottom = () => {
 				text-align: center;
 				color: $uv-primary-dark;
 			}
+
 			.entity {
 				color: #fff;
 				background-color: #09b4f1;
 			}
 		}
-}
+	}
-.wrap {
+
+	.wrap {
 		display: flex;
 		flex-direction: column;
 		width: 100%;
-}
+	}
-
-
 </style>

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>