<template>
	<view class="content">
		<uni-card class="card_view">
			<view class="card_title">
				<view class="iconfont iconkehuguanli-xuanzhong title_icon"></view>
				<text class="title_text">待办</text>
			</view>
			<view class="card_row1">
				<view class="card_col">
					<view>商机审批</view>
					<view class="card_col_num">0</view>
				</view>
				<view class="card_col">
					<view>合同审批</view>
					<view class="card_col_num">0</view>
				</view>
				<view class="card_col">
					<view>订单审批</view>
					<view class="card_col_num">0</view>
				</view>
				<view class="card_col">
					<view>价格审批</view>
					<view class="card_col_num">0</view>
				</view>
			</view>			
		</uni-card>
		<uni-card class="card_view">
			<view class="card_title">
				<view class="iconfont iconkehuguanli-xuanzhong title_icon"></view>
				<text class="title_text">新分配</text>
			</view>
			<view class="card_row1">
				<view class="card_col">
					<view>客户</view>
					<view class="card_col_num">0</view>
				</view>
				<view class="card_col">
					<view>线索</view>
					<view class="card_col_num">0</view>
				</view>
				<view class="card_col">
					<view>合同</view>
					<view class="card_col_num">0</view>
				</view>
				<view class="card_col">
					<view>商机</view>
					<view class="card_col_num">0</view>
				</view>
			</view>			
		</uni-card>
		<uni-card class="card_view">
			<view class="card_title">
				<view class="iconfont iconkehuguanli-xuanzhong title_icon"></view>
				<text class="title_text">提醒</text>
			</view>
			<view class="card_row2">
				<view class="card_col">
					<view>联系提醒</view>
					<view class="card_col_num">0</view>
				</view>
				<view class="card_col">
					<view>纪念日</view>
					<view class="card_col_num">0</view>
				</view>
				<view class="card_col">
					<view>合同到期</view>
					<view class="card_col_num">0</view>
				</view>
			</view>
			<view class="card_row2">
				<view class="card_col">
					<view>合同需收款</view>
					<view class="card_col_num">0</view>
				</view>
				<view class="card_col">
					<view>合同需付款</view>
					<view class="card_col_num">0</view>
				</view>
				<view class="card_col">
					<view>客户三天没跟进</view>
					<view class="card_col_num">0</view>
				</view>
			</view>
			<view class="card_row2">
				<view class="card_col">
					<view>商机停留5天</view>
					<view class="card_col_num">0</view>
				</view>
			</view>
			<view class="card_refresh">
				<view class="iconfont iconkehuguanli-xuanzhong refresh_icon"></view>
				<text class="refresh_text">数据统计于10分钟内更新（点此刷新）</text>
			</view>
		</uni-card>
		
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.content{
		.card_view{
			.card_title{
				display: flex;
				.title_icon{
					background: #56b8ff;
					color: #FFFFFF;
					border-radius: 50%;
					font-size: 28rpx;
					width: 50rpx;
					height: 50rpx;
					line-height: 50rpx;
					text-align: center;
				}
				.title_text{
					padding-left: 20rpx;
					font-size: 28rpx;
					font-weight: bold;
				}
				.refresh{
					
				}
			}
			.card_refresh{
				display: flex;
				.refresh_icon{
					color: #a8a7a7;
					border-radius: 50%;
					font-size: 28rpx;
					width: 50rpx;
					height: 50rpx;
					line-height: 50rpx;
					text-align: center;
				}
				.refresh_text{
					
					font-size: 28rpx;
				}
				.refresh{
					
				}
			}
			.card_row1{
				width: 100%;
				display: flex;
				margin-top: 20rpx;
				.card_col{
					text-align: center;
					width: 25%;
					line-height: 26rpx;
					.card_col_num{
						color: #4378be;
						font-weight: bold;
					}
				}
			}
			.card_row2{
				width: 100%;
				display: flex;
				margin-top: 20rpx;
				.card_col{
					text-align: center;
					width: 33%;
					line-height: 26rpx;
					.card_col_num{
						color: #4378be;
						font-weight: bold;
					}
				}
			}
			
		}
		
	}
</style>
