$(function() {
				//請求列表接口
				getlist();
				//初始化分頁
				$("#page_div").bindEvent({});
				
				
				
				
			});
			var ip = 'https://www.mct.gov.cn';
//分頁
			function table_page(totalHits) {
				var totalHits = parseInt(totalHits);
				var pageSize = parseInt($("#pageSize").val());
				var page = parseInt($("#page").val());
				var pageNum = Math.floor((totalHits + pageSize - 1) / pageSize);
				var options = {
					pageNum: pageNum,
					current: page,
					backfun: function(e) {
						$("#page").val(e.current);
						getlist();
					}
				}
				$("#page_div").createPage(options);
			}
//請求列表頁的方法
			function getlist() {
				var url= ip + "/communication/api-mailbox/frontMail/selectMonthStatistics"
				var arry = [];
				var d = new Date();
				var year = d.getFullYear();
				var mouth = d.getMonth();
				// console.log(year, mouth)
				var listData = {
					"pageNum": $("#page").val(),
					"pageSize": mouth + 1,
					"params": {
						"phone": "",
						"searchCode": "",
						"status": 1,
					}
				}
				$.ajax({
					url: url,
					dataType: 'json',
					type: "post",
					data:JSON.stringify(listData),
					contentType: 'application/json',
					success: function(data) {			
						console.log(data);
						if(data.status == "success") {
							
							
							table_page(data.data.total);
							table_each("sjtjlist", ajax_success(data.data), year);
							$.each(data.data.rows.reverse(),function(name,val){
								if(val.plist.length>2){
								if(val.plist[0].name==val.plist[2].name){
									val.plist[0].value=val.plist[0].value+val.plist[2].value;
									delete val.plist[2];
									console.log(val.plist);
								}
								}
								echart_each("chart"+name,val.plist);
							})
						} else {
							alert(data.data.errorMsg);
						}
					},
					error: function(data) {
						console.log('error: ' + JSON.stringify(data));
					}
				})
			}
			
//請求成功函數
			function ajax_success(json) {
				var list = [];
				var resutList = json.rows;
				var tot = json.total
				if(parseInt(tot) <= $("#pageSize").val()) {
					$(".page_num").css("display", "none")
				} else {
					$(".page_num").css("display", "block")
					$(".page_num").css("background", "white")
					$(".page_num").css("margin-top", "0")
				}
				$.each(resutList, function(name, val) {
					var myValues = val;					
					var json = {
						"total": myValues.total,
						"untreated": myValues.untreated,
						"completed": myValues.completed
					}
					list.push(json);
				});
				console.log(list.reverse());
				return list.reverse();
				
			}
//渲染数据
			function table_each(id, json, year) {
				var tab = $("." + id);
				var type = $("#typev").val();
				console.log(type)
				tab.empty();
				console.log(json);
					var apend_tr = "";
					var json_num=json.length;
				$.each(json.reverse(), function(name, val) {
					//apend_tr += "<table><tbody><tr class='tr1'><td align='center'>"+ year +"年" + Math.abs(parseInt(name-json_num))+"月，公眾來信共收到留言"+ val.total + "件，其中：</td> <td></td></tr>";
					//apend_tr +="<tr class='tr2'><td align='center'>本月已辦結"+ val.completed + "件</td><td align='center'>本月正在辦理中"+ val.untreated + "件</td></tr>";
					//apend_tr +="</tbody></table>";
					apend_tr += "<div class='sjtj_list'><div class='sjtj_tit'>"+ year +"年" + Math.abs(parseInt(name-json_num))+"月留言辦理情況：</div>";
					apend_tr +="<ul class='sjtj_js'><li><span class='js_tit'>收件數</span><span>"+ val.total + "件</span></li><li><span class='js_tit'>已辦結</span><span>"+ val.completed + "件</span></li></ul>";
					apend_tr +="<div id='chart"+name+"' style=' width:400px;height: 275px;float:right;margin-right:16px;'></div>";
					apend_tr +="<div class='clear'></div></div>";
				});
					tab.html(apend_tr);
					
			
			}
			function echart_each(ids,data){
	var data = data;
  var dom = document.getElementById(ids);
	var myChart = echarts.init(dom);
	var option;
option = {
	color: [
    '#9d1615',
    '#ed563f',
    '#cb9906',
    '#ffb400'
  ],
  title: {
    text: '留言分布情況',	
	
	left: 'center',
	textStyle:{
		lineHeight:60,
	}
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    type: 'plain',
	width:'20%',
    bottom: 'bottom',
    left: 'right'
  },
  series: [
   {
      name: '留言分布情況',
      type: 'pie',
	  top:'14%',
      radius: ['25%', '70%'],
      avoidLabelOverlap: false,
      label: {
		formatter:'{d}%',
        //show: false,
       // position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          //fontSize: '40',
          fontWeight: 'bold'
        }
      },
      labelLine: {
        //show: false
      },
	  
    
	data: data
  }
  ],
};

if (option && typeof option === 'object') {
    myChart.setOption(option);
}
			}