<template>
	<view class="customer-warp">
		<view class="clineInfo" v-for="(item,index) in customerList" :key="index" @click="jumpCustomer(item)">
			<view class="info_head">
				<view>{{item.name}}</view>
				<view>{{item.follow}}</view>
			</view>
			<view class="info_main">
				<view class="main_left">
					<view class="left_followUp">
						<view>下次跟进时间：</view>
						<view>{{item.next_time}}</view>
					</view>
					<view class="left_star">
						<view>客户星级：</view>
						<view>
							<u-rate :count="5" v-model="item.level" disabled active-color="#FFD049" inactive-color="#b2b2b2" :size="30" :gutter="10"></u-rate>
						</view>
					</view>
				</view>
			</view>
		</view>
		<u-empty v-if="customerList.length == 0" text="暂无更多"></u-empty>
	</view>
</template>

<script>
	import { BASE_IMG_URL } from '@/util/api.js'
	export default{
		props:{
			customerList:{
				type:Array,
				default:[]
			}
		},
		data(){
			return{
				list:[{}]
			}
		},
		methods:{
			jumpCustomer(item){
				uni.navigateTo({
					url: '/pages/index/groupCompany/groupCompany?id='+item.id
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.customer-warp{
		padding:20rpx 0;
		margin-bottom:100rpx;
	}
	.clineInfo {
		margin: 0 30rpx;
		background-color: #fff;
		padding: 30rpx 24rpx;
		margin-bottom: 20rpx;
		border-radius: 10rpx;
		box-shadow: 2rpx 2rpx 50rpx rgba(0,0,0,0.1);
		.info_head {
			display: flex;
			justify-content: space-between;
			:first-child {
				font-size: 28rpx;
				font-weight: 700;
				color: #999;
			}
			:last-child {
				&::before {
					position: relative;
					display: block;
					content: '';
					width: 10rpx;
					height: 10rpx;
					top: 24rpx;
					left: -22rpx;
					background-color: #52c1f5;
					border-radius: 5rpx;
				}
			}
		}
		.info_main {
			display: flex;
			justify-content: space-between;
			.main_left {
				.left_followUp {
					display: flex;
					padding: 20rpx 0;
				}
				.left_star {
					display: flex;
					padding-bottom: 20rpx;
				}
			}
			.main_right {
				text-align: center;
				padding: 20rpx 20rpx 0 0;
				image {
					border-radius: 50%;
					width: 44rpx;
					height: 44rpx;
					margin-bottom: 5rpx;
				}
			}
		}
	}
</style>
