{layout name="layout" /}
    <div class="if_wrap">
        <div id="if_con" style="min-width:1400px;">
        	<div class="cus-con" style="padding:0; height:auto;">
            	<div class="in_top">会员总数<span>{$data.userTotal}</span>人</div>
                <div class="in_exa">
                 	<div id="ech01" class="ech01"></div>
                    <div class="ech_text">
                    	<div class="ech_t1"><i></i><span>今日新注册会员<small>{$data.todayUserTotal}</small>人</span></div>
                    	<div class="ech_t0"><i></i><span>老会员<small>{$data.userTotal-$data.todayUserTotal}</small>人</span></div>
                    </div>
                 	<div id="ech02" class="ech01"></div>
                    <div class="ech_text">
                    	<div class="ech_t1"><i></i><span>今日登录会员<small>{$data.todayLandTotal}</small>人</span></div>
                    	<div class="ech_t0"><i></i><span>未登录会员<small>{$data.userTotal-$data.todayLandTotal}</small>人</span></div>
                    </div>
                 	<div id="ech03" class="ech01"></div>
                    <div class="ech_text">
                    	<div class="ech_t1"><i></i><span>今日签到会员<small>{$data.todaySignTotal}</small>人</span></div>
                    	<div class="ech_t0"><i></i><span>未签到会员<small>{$data.userTotal-$data.todaySignTotal}</small>人</span></div>
                    </div>
                 	<div id="ech04" class="ech01"></div>
                    <div class="ech_text" style="border:none;">
                    	<div class="ech_t1"><i></i><span>今日执行任务会员<small>{$data.todayDoTaskUserTotal}</small>人</span></div>
                    	<div class="ech_t0"><i></i><span>未执行任务会员<small>{$data.userTotal-$data.todayDoTaskUserTotal}</small>人</span></div>
                    </div>
                </div>
            </div>
        	<div class="cus_con">
                <div class="in_con">
                    <div class="in_exd">
                    	<div class="ech_top">
                    		<div class="ech_tit">近一周报名/推荐走势图</div> 
                        </div>
                        <div id="ech06" class="ech06"></div>
                        <div class="ech06_con">
                        	<div class="ech06_yy"><i></i><span>报名</span></div>
                        	<div class="ech06_tj"><i></i><span>推荐</span></div>
                            <div class="ech06_line"></div>
                            <div class="ec06_nr">
                            	<strong>今日推荐</strong>
                                <span>{$data.todayRecommend['total']|default=0}人</span>
                                <span>待处理{$data.todayRecommend['nocheck']|default=0}人</span>
                            </div>
                            <div class="ech06_line"></div>
                            <div class="ec06_nr">
                            	<strong>今日报名</strong>
                                <small>{$data['todaySignUp']['total']|default=0}人</small>
                                <small>待处理{$data.todaySignUp['nocheck']|default=0}人</small>
                            </div>
                        </div>
                    </div>
                    <div class="in_exd">
                    	<div class="ech_top">
                    		<div class="ech_tit">近一周投诉/建议走势图</div>
                            <div class="ech_nr2">
                            	<div>
	                            	{notempty name="$data['todayPC']"}
		                            	<strong>已处理{$data['todayPC']['complaint']['check']|default=0}人</strong>
		                            	<span>待处理 {$data['todayPC']['complaint']['nocheck']|default=0}人</span><span>{$data['todayPC']['complaint']['total']|default=0}人</span>
		                            	<small>今日投诉</small>
	                            	{else}
		                            	<strong>已处理0人</strong>
		                            	<span>待处理0人</span><span>0人</span>
		                            	<small>今日投诉</small>
	                            	{/notempty}
                            	</div>
                            	<div>
                            		{notempty name="$data['todayPC']"}
		                            	<strong>已处理{$data['todayPC']['proposal']['check']|default=0}人</strong>
		                            	<span>待处理 {$data['todayPC']['proposal']['nocheck']|default=0}人</span><span>{$data['todayPC']['proposal']['total']|default=0}人</span>
		                            	<small>今日建议</small>
	                            	{else}
		                            	<strong>已处理0人</strong>
		                            	<span>待处理0人</span><span>0人</span>
		                            	<small>今日建议</small>
	                            	{/notempty}
								</div>
							</div>
                        
                        </div>
                        <div id="ech07" class="ech07"></div>
                    </div>
                </div>
                <div class="in_con" style="padding-left:10px;">
                	<div class="in_exd">
                    	<div class="ech_top">
                    		<div class="ech_tit">任务统计</div>
                        </div>
                        <div id="ech05" class="ech05"></div>
                        <div class="ech_text" style="border:none; margin-top:80px;">
                        	<div class="ech_t0"><i></i><span>已领取任务<small>{$data.receiveTask|default=0}</small></span></div>
                            <div class="ech_t1"><i></i><span>已完成任务 <small>{$data.doneTask|default=0}</small></span></div>
                            <div class="ech_t2"><i></i><span>执行中任务 <small>{$data.doTask|default=0}</small></span></div>
                            <div class="ech_t3"><i></i><span>待领取任务<small>{$data.nobodyTaskTotal|default=0}</small></span></div>
                            <div class="ech_t4"><i></i><span>待执行任务 <small>{$data.noDoTask|default=0}</small></span></div>
                        </div>
                    </div>
                	<div class="in_exd">
                    	<div class="ech_top">
                    		<div class="ech_tit">近一周完成任务走势图</div>
                            <div class="ech_nr2"><small>个</small><span>{$data.todayDone|default=0}</span><small>今日已完成任务</small></div>
                        </div>
                        <div id="ech08" class="ech08"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="__PUBLIC__/admin/js/echarts.min.js"></script>
<!--<script>document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);</script>-->
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <script type="text/javascript">	
//	    // id为ech的图
//        var myChart = echarts.init(document.getElementById('ech05'));
//        // 使用刚指定的配置项和数据显示图表。
//        myChart.setOption(option);
				
	    // id为ech01的图
        var myChart = echarts.init(document.getElementById('ech01'));
		option = {
			series: [{
				name: '访问来源',
				type: 'pie',
				radius: ['50%', '70%'],
				avoidLabelOverlap: false,
				color: ['#24ad45','#c53f3b'],
				label: {
					normal: {
						show: false,
						position: 'center'
					},
					emphasis: {
						show: true,
						textStyle: {
							fontSize: '12',
							fontWeight: 'normal'
						}
					}
				},
				labelLine: {
					normal: {
						show: false
					}
				},
				data: [{
					value: {$data.todayUserTotal|default=0},
					name: '今日新注册会员'
				}, {
					value: {$data.userTotal-$data.todayUserTotal?:0},
					name: '老会员'
				}, {
				}]
			}]
		};
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
	    // id为ech02的图
        var myChart = echarts.init(document.getElementById('ech02'));
		option = {
			series: [{
				name: '访问来源',
				type: 'pie',
				radius: ['50%', '70%'],
				avoidLabelOverlap: false,
				color: ['#24ad45','#c53f3b'],
				label: {
					normal: {
						show: false,
						position: 'center'
					},
					emphasis: {
						show: true,
						textStyle: {
							fontSize: '12',
							fontWeight: 'normal'
						}
					}
				},
				labelLine: {
					normal: {
						show: false
					}
				},
				data: [{
					value: {$data.todayLandTotal|default=0},
					name: '今日登录会员'
				}, {
					value: {$data.userTotal-$data.todayLandTotal?:0},
					name: '未登录会员'
				}, {
				}]
			}]
		};
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
	    // id为ech03的图
        var myChart = echarts.init(document.getElementById('ech03'));
		option = {
			series: [{
				name: '访问来源',
				type: 'pie',
				radius: ['50%', '70%'],
				avoidLabelOverlap: false,
				color: ['#24ad45','#c53f3b'],
				label: {
					normal: {
						show: false,
						position: 'center'
					},
					emphasis: {
						show: true,
						textStyle: {
							fontSize: '12',
							fontWeight: 'normal'
						}
					}
				},
				labelLine: {
					normal: {
						show: false
					}
				},
				data: [{
					value: {$data.todaySignTotal|default=0},
					name: '今日签到'
				}, {
					value: {$data.userTotal-$data.todaySignTotal?:0},
					name: '今日未签到'
				}, {
				}]
			}]
		};
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
	    // id为ech04的图
        var myChart = echarts.init(document.getElementById('ech04'));
		option = {
			series: [{
				name: '访问来源',
				type: 'pie',
				radius: ['50%', '70%'],
				avoidLabelOverlap: false,
				color: ['#24ad45','#c53f3b'],
				label: {
					normal: {
						show: false,
						position: 'center'
					},
					emphasis: {
						show: true,
						textStyle: {
							fontSize: '12',
							fontWeight: 'normal'
						}
					}
				},
				labelLine: {
					normal: {
						show: false
					}
				},
				data: [{
					value: {$data.todayDoTaskUserTotal},
					name: '今日执行任务会员'
				}, {
					value: {$data.userTotal-$data.todayDoTaskUserTotal?:0},
					name: '未执行任务会员'
				}, {
				}]
			}]
		};
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
	    // id为ech05的图
        var myChart = echarts.init(document.getElementById('ech05'));
		option = {
			series: [{
				name: '访问来源',
				type: 'pie',
				radius: ['50%', '70%'],
				avoidLabelOverlap: false,
				color: ['#c53f3b','#24ad45','#39bee8','#ffa401','#f15c5c'],
				label: {
					normal: {
						show: false,
						position: 'center'
					},
					emphasis: {
						show: true,
						textStyle: {
							fontSize: '12',
							fontWeight: 'normal'
						}
					}
				},
				labelLine: {
					normal: {
						show: false
					}
				},
				data: [{
					value: {$data.receiveTask|default=0},
					name: '已领取任务 '
				}, {
					value: {$data.doneTask|default=0},
					name: '已完成任务 '
				}, {
					value: {$data.doTask|default=0},
					name: '执行中任务 '
				}, {
					value: {$data.nobodyTaskTotal|default=0},
					name: '带领取任务 '
				}, {
					value: {$data.noDoTask|default=0},
					name: '待执行任务 '
				}]
			}]
		};
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
	    // id为ech06的图
        var myChart = echarts.init(document.getElementById('ech06'));
	    
	    //  获取最近七天日期
        var myDate = new Date(); //获取今天日期
        myDate.setDate(myDate.getDate() - 6);
        var dateArray = []; 
        var dateTemp; 
        var flag = 1; 
        for (var i = 0; i < 7; i++) {
            dateTemp = (myDate.getMonth()+1)+"-"+myDate.getDate();
            dateArray.push(dateTemp);
            myDate.setDate(myDate.getDate() + flag);
        }
	    //console.log(dateArray);
	    // 7日内的的推荐数据
	    var recommendData = [{$data.weekRecommend}];
	    // 7日内的的报名数据
	    var signUpData = [{$data.weekSignUp}];
		option = {
			tooltip: {
				trigger: 'axis'
			},
			grid: {
				left: '3%',
				right: '4%',
				bottom: '3%',
				containLabel: true
			},
			xAxis: {
				type: 'category',
				boundaryGap: false,
				data: dateArray,
			},
			yAxis: {
				type: 'value'
			},
			series: [{
				name: '今日推荐',
				type: 'line',
				stack: '总量',
				data: recommendData,
				lineStyle: {
			        color: '#48b',
			        width: 2,
			        type: 'solid'
			    },
			}, {
				name: '今日报名',
				type: 'line',
				stack: '总量',
				data: signUpData
			}]
		};
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
		// id为ech07的图
        var myChart = echarts.init(document.getElementById('ech07'));

		var weekComplaint = [{$data.weekComplaint}];
		var weekProposal  = [{$data.weekProposal}]; 
		option = {
			tooltip: {
				trigger: 'axis'
			},
			grid: {
				left: '3%',
				right: '4%',
				bottom: '3%',
				containLabel: true
			},

			xAxis: {
				type: 'category',
				boundaryGap: false,
				data: dateArray,
			},
			yAxis: {
				type: 'value'
			},
			series: [{
				name: '投诉数量',
				type: 'line',
				stack: '总量',
				data: weekComplaint
			}, {
				name: '建议数量',
				type: 'line',
				stack: '总量',
				data: weekProposal
			}]
		};
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
		// id为ech08的图
        var myChart = echarts.init(document.getElementById('ech08'));
        var weektask = [{$data.weekDoTask}];
		option = {
			tooltip: {
				trigger: 'axis'
			},
			grid: {
				left: '3%',
				right: '4%',
				bottom: '3%',
				containLabel: true
			},
			xAxis: {
				type: 'category',
				boundaryGap: false,
				data: dateArray
			},
			yAxis: {
				type: 'value'
			},
			series: [{
				name: '用户做任务数量',
				type: 'line',
				stack: '总量',
				data: weektask
			}]
		};
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
    
</body>
</html>