自由服务包调整，团队调整，新增业务联系人

pages/user/team.vue

@@ -1,13 +1,23 @@
 <template>
 	<view class="content">
-		<view class="total">
+		<!-- <view class="total">
 			<uni-icons type="staff" size="50" color="white"></uni-icons>
 			<view class="total-user">
 				<view class="total-number">{{count.one}}人</view>
-				<view class="total-title">客户总人数</view>
+				<view class="total-title">总人数</view>
 			</view>
-		</view>
-		
+		</view> -->
+		<u-sticky>
+			<u-tabs
+				:list="tabs"
+				:scrollable="false"
+				:current="tabVal"
+				style="margin-bottom: 30rpx;"
+				keyName="title"
+				lineColor="#446EFE"
+				@click="onClick"
+			></u-tabs>
+		</u-sticky>
 		<block v-if="users.length > 0">
 			<view class="team-item" v-for="(item, index) in users" :key="index" @click="onCallPhone(item.real_username)">
 				<u-avatar :src="item.avatar" size="48"></u-avatar>
@@ -44,10 +54,12 @@
 </template>
 
 <script>
-	import { relations } from '@/apis/interfaces/user.js'
+	import { relations, relationsTab } from '@/apis/interfaces/user.js'
 	export default {
 		data() {
 			return {
+				tabs		: [],
+				tabVal		: 0,
 				users		: [],
 				count		: {
 					all: 0
@@ -62,9 +74,29 @@
 			};
 		},
 		created() {
-			this.getList()
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			relationsTab().then(res => {
+				uni.hideLoading()
+				this.tabs = res
+				this.getList()
+			}).catch(err => {
+				uni.showToast({
+					title: err.message,
+					icon : 'none'
+				})
+			})
 		},
 		methods: {
+			// 切换tabs
+			onClick(e){
+				this.tabVal = e.index
+				this.page	= { current	: 1, has_more: false },
+				this.getList()
+			},
+			// 获取列表
 			getList(){
 				uni.showLoading({
 					title: '加载中...',
@@ -72,7 +104,8 @@
 				})
 				relations({
 					larer : 1,
-					page  : this.page.current
+					page  : this.page.current,
+					key   : this.tabs[this.tabVal].key
 				}).then(res => {
 					let { users, count } = res;
 					let atList   	= users.page.current == 1 ? [] : this.users
@@ -111,10 +144,11 @@
 	.content{
 		box-sizing: border-box;
 		background: white;
+		padding-top: 1rpx;
 	}
 	// 统计数据
 	.total{
-		margin: 30rpx;
+		margin: 30rpx 30rpx 0;
 		background: linear-gradient(to top left, #446EFE, #0f36bb);
 		box-shadow: 10rpx 0 15rpx 15rpx rgba(0, 0, 0, .03);
 		border-radius: 20rpx;
@@ -214,4 +248,6 @@
 			}
 		}
 	}
+	// 空页面
+	.list-null{ height: 60vh; display: flex; align-items: center; justify-content: center; }
 </style>