饼图换行

WebAPP/WorkDetails.html

@@ -226,10 +226,20 @@
 		</div>
 		
 		<script type="text/javascript">
-			mui.init();
+//			mui.init();
+//			mui.init({
+//				swipeBack: true //启用右滑关闭功能
+//			});
 			mui.init({
-				swipeBack: true //启用右滑关闭功能
+					//添加newId自定义事件监听
+			window.addEventListener('newsId',function(event){
+			  //获得事件参数
+			  var id = event.WorkDetails.id;
+			  console.log(id)
+			  //根据id向服务器请求新闻详情
 			});
+			});
+			
 		</script>
 	</body>
 

WebAPP/main.html

@@ -186,7 +186,7 @@
 									<span class="mui-h">待指派</span><span class="mui-h5">(2)</span></div>
 							</a>
 							<div class="mui-collapse-content" style="border-top: 1px solid #ccc;">
-								<div class="mui-table ">
+								<div class="mui-table">
 									<div class="mui-table-cell mui-col-xs-10 List-box">
 										<h5 class="mui-ellipsis mui-h">
 											<span class=" mui-icon ">
@@ -214,6 +214,7 @@
 									</div>
 								</div>
 							</div>
+							
 							<div class="mui-collapse-content">
 								<div class="mui-table ">
 									<div class="mui-table-cell mui-col-xs-10 List-box">
@@ -241,7 +242,7 @@
 									<span class="mui-h">待完成</span><span class="mui-h5">(2)</span></div>
 							</a>
 							<div class="mui-collapse-content" style="border-top: 1px solid #ccc;">
-								<div class="mui-table ">
+								<div class="mui-table" id="20">
 									<div class="mui-table-cell mui-col-xs-10 List-box">
 										<h5 class="mui-ellipsis mui-h">
 											<span class=" mui-icon ">
@@ -275,7 +276,7 @@
 									<span class="mui-h">已完成</span><span class="mui-h5">(2)</span></div>
 							</a>
 							<div class="mui-collapse-content" style="border-top: 1px solid #ccc;">
-								<div class="mui-table ">
+								<div class="mui-table " id="21">
 									<div class="mui-table-cell mui-col-xs-10 List-box">
 										<h5 class="mui-ellipsis mui-h">
 											<span class=" mui-icon ">
@@ -301,7 +302,7 @@
 
 							</div>
 							<div class="mui-collapse-content">
-								<div class="mui-table ">
+								<div class="mui-table " id="22">
 									<div class="mui-table-cell mui-col-xs-10 List-box">
 										<h5 class="mui-ellipsis mui-h">
 											<span class=" mui-icon ">
@@ -353,84 +354,60 @@
 		<script src="js/mui.min.js"></script>
 		<script src="js/app.js"></script>
 		<script>
-			//			(function($, doc) {
-			//				$.init();
-			//				var settings = app.getSettings();
-			//				var account = doc.getElementById('account');
-			//				//
-			//				window.addEventListener('show', function() {
-			//					var state = app.getState();
-			//					account.innerText = state.account;
-			//				}, false);
-			//				$.plusReady(function() {
-			//					var settingPage = $.preload({
-			//						"id": 'setting',
-			//						"url": 'setting.html'
-			//					});
-			//					//设置
-			//					var settingButton = doc.getElementById('setting');
-			//					//settingButton.style.display = settings.autoLogin ? 'block' : 'none';
-			//					settingButton.addEventListener('tap', function(event) {
-			//						$.openWindow({
-			//							id: 'setting',
-			//							show: {
-			//								aniShow: 'pop-in'
-			//							},
-			//							styles: {
-			//								popGesture: 'hide'
-			//							},
-			//							waiting: {
-			//								autoShow: false
-			//							}
-			//						});
-			//					});
-			//					//--
-			//					$.oldBack = mui.back;
-			//					var backButtonPress = 0;
-			//					$.back = function(event) {
-			//						backButtonPress++;
-			//						if (backButtonPress > 1) {
-			//							plus.runtime.quit();
-			//						} else {
-			//							plus.nativeUI.toast('再按一次退出应用');
-			//						}
-			//						setTimeout(function() {
-			//							backButtonPress = 0;
-			//						}, 1000);
-			//						return false;
-			//					};
-			//				});
-			//			}(mui, document));
-			//			mui.init();
-			//			mui.plusReady(function() {
-			//				var wv = plus.webview.currentWebview();
-			//				var vText = wv.name; //这样就能接收到上个页面传过来的值了
-			//				document.getElementById("account").innerHTML = vText;
-			//			})
-			mui.init();
-			mui.plusReady(function() {
-				mui(".mui-table-view").on('tap', '.mui-table ', function() {
-					//					var id = this.getAttribute("id");
-					//					mui.fire(detail, 'getDetail', {
-					//						id: id
-					//					});
-					//打开新闻详情
-					mui.openWindow({
-						id: 'WorkDetails',
-						url: 'WorkDetails.html',
-						show: {
-							aniShow: 'pop-in'
-						},
-						styles: {
-							popGesture: 'hide'
-						},
-						waiting: {
-							autoShow: false
-						},
-					});
-
-				});
-				////设置
+		
+			mui.init({
+				//打开详情
+				preloadPages:[{
+				    id:'WorkDetails.html',
+				    url:'WorkDetails.html'           
+				  }
+				]
+			});
+			
+			var detailPage = null;
+			//添加列表项的点击事件
+			mui('.mui-collapse-content').on('tap', '.mui-table', function(e) {
+			  var id = this.getAttribute('id');
+			  //获得详情页面
+			  if(!detailPage){
+			    detailPage = plus.webview.getWebviewById('WorkDetails.html');
+			  }
+			  //触发详情页面的newsId事件
+			  mui.fire(detailPage,'newsId',{
+			    id:id
+			  });
+			//打开详情页面          
+			  mui.openWindow({
+			     id:'WorkDetails.html'
+//				 url:'WorkDetails.html'  
+			  });
+			  
+			});  
+			
+//			mui.init();
+//			mui.plusReady(function() {
+//				mui(".mui-table-view").on('tap', '.mui-table', function() {
+//					//					var id = this.getAttribute("id");
+//					//					mui.fire(detail, 'getDetail', {
+//					//						id: id
+//					//					});
+//					//打开新闻详情
+//					mui.openWindow({
+//						id: 'WorkDetails',
+//						url: 'WorkDetails.html',
+//						show: {
+//							aniShow: 'pop-in'
+//						},
+//						styles: {
+//							popGesture: 'hide'
+//						},
+//						waiting: {
+//							autoShow: false
+//						},
+//					});
+//
+//				});
+//				//设置
 				var settingButton = document.getElementById('setting');
 				//settingButton.style.display = settings.autoLogin ? 'block' : 'none';
 				settingButton.addEventListener('tap', function(event) {
@@ -449,7 +426,7 @@
 					});
 				});
 				mui("")
-
+//
                    ///动态
                    var settingButton = document.getElementById('DT');
 				//settingButton.style.display = settings.autoLogin ? 'block' : 'none';
@@ -469,7 +446,7 @@
 					});
 				});
 		
-			})
+//			})
 		</script>
 	</body>
 

WebChart/Script/Common/huayi.config.js

@@ -2,8 +2,8 @@
     var huayi = {};
 }
 huayi.config = {
-//  callcenter_url: "http://117.158.196.116:8878/",//生产环境
-   callcenter_url: "http://12345.shangqiu.gov.cn:8819/",//生产环境
+    callcenter_url: "http://192.168.4.18:4010/",//生产环境
+// callcenter_url: "http://12345.shangqiu.gov.cn:8819/",//生产环境
     //callcenter_url: "http://localhost:63662/"//测试环境
 
 //  socket_ip: "192.168.5.8",//ip

WebChart/index.html

@@ -23,7 +23,7 @@
    </div>
 </div>
 <div class="qunzhong clearfix">
-	<div style="width: 60%;float: left;">
+	<div style="width: 50%;float: left;">
 		<div class="biao-title">受理群众区域统计</div>
 		<div id="container1" style="width: 100%; height:500px;float: left;"></div>
 	</div>
@@ -35,7 +35,7 @@
 		</div>
 	</div>
 	<div class="slqd">
-		<div class="biao-title">受理渠道24小时实时统计</div>
+		<div class="biao-title" style="margin-top: 29px;">受理渠道24小时实时统计</div>
 		<div id="qd_box" style="width: 100%;height: 200px;"></div>
 		<ul class="txbox">
 		</ul>

WebChart/js/huawu.js

@@ -92,7 +92,7 @@ main.setOption({
 	series: []
 });
 
-//part 4
+//part 2
 	var phone_num = echarts.init(document.getElementById('phone_num'));
 		phone_num.setOption({
 //			title: {
@@ -115,7 +115,7 @@ main.setOption({
 			legend: {
 				//      orient: 'vertical',
 				bottom: '25',
-				data: ["话务","来电","接通","平均通话时长","接通率"],
+				data: ["话务","来电","接通","平均通话时长"],
 				textStyle: {
 					color: '#fff'
 				}
@@ -131,7 +131,14 @@ main.setOption({
 						shadowBlur: 10,
 						shadowOffsetX: 0,
 						shadowColor: 'rgba(0, 0, 0, 0.5)'
-					}
+					},
+					normal:{
+				 label:{ 
+                                   show: true, 
+                                   formatter: '{b} : {c} ({d}%)' 
+                                }, 
+                                labelLine :{show:true}
+			}
 				},
 				label: {
                 normal: {
@@ -145,7 +152,7 @@ main.setOption({
 		});
 Ajax();
 function Ajax(){
-		 var index = layer.load(1, { shade: [0.5,'#f5f5f5'] //0.1透明度的白色背景
+		 var index = layer.load(1, { shade: [0.5,'#030303'] //0.1透明度的白色背景
 							});
 	$.ajax({
 	type: "get",
@@ -189,14 +196,6 @@ function Ajax(){
 					symbolSize: 10,
 					data: part1.lcounts
 				}, {
-					name: "放弃数量",
-					type: "line",
-					smooth: true,
-					showAllSymbol: true,
-					symbol: "emptyCircle",
-					symbolSize: 10,
-					data: part1.gcounts
-				}, {
 					name: "骚扰数量",
 					type: "line",
 					smooth: true,
@@ -240,8 +239,6 @@ function Ajax(){
 						name:"接通",value:part4.jtcon
 					},{  
 						name:"平均通话时长",value:part4.pjthtimes
-					},{  
-						name:"接通率",value:part4.jtl
 					}
 					]
 				}]

WebChart/js/jiedanbumen.js

@@ -91,7 +91,7 @@
 
 		Ajax();
 		function Ajax(){
-				 var index = layer.load(1, { shade: [0.5,'#f5f5f5'] //0.1透明度的白色背景
+				 var index = layer.load(1, { shade: [0.5,'#030303'] //0.1透明度的白色背景
 							});
 			$('.txbox').html('');
 			$.ajax({
@@ -132,7 +132,7 @@
 						var part3_xAxis = [];
 						$(department).each(function(i, n) {
 							var part3_obj = {};
-							part3_obj.value = n.percent;
+							part3_obj.value = n.count;
 							part3_obj.name = n.deptname;
 
 							part3_ser.push(part3_obj);

WebChart/js/laiyuanqudao.js

@@ -1,4 +1,3 @@
-		
 		var container1 = echarts.init(document.getElementById('container1'));
 		container1.setOption({
 			tooltip: {
@@ -11,17 +10,17 @@
 					}
 				}
 			},
-//			title: {
-//				text: '受理群众区域统计',
-//				x: 'center',
-//				top: 'top',
-//				textStyle: {
-//					color: '#fff',
-//					fontSize: 18,
-//
-//				},
-//
-//			},
+			//			title: {
+			//				text: '受理群众区域统计',
+			//				x: 'center',
+			//				top: 'top',
+			//				textStyle: {
+			//					color: '#fff',
+			//					fontSize: 18,
+			//
+			//				},
+			//
+			//			},
 			legend: {
 				data: [],
 				textStyle: {
@@ -57,196 +56,229 @@
 		//受理区域统计
 		var shouLiArea = echarts.init(document.getElementById('shouLiArea'));
 		shouLiArea.setOption({
-//					title: {
-//						text: '受理区域统计',
-//						x: 'center',
+			//					title: {
+			//						text: '受理区域统计',
+			//						x: 'center',
+			//						textStyle: {
+			//							color: '#fff',
+			//							fontSize: 18
+			//						}
+			//					},
+			tooltip: {
+				trigger: 'item',
+				formatter: "{a} <br/>{b} : {c} ({d}%)"
+			},
+			legend: {
+				x: 'center',
+				y: 'bottom',
+				textStyle: {
+					color: '#fff'
+				},
+				data: []
+			},
+			calculable: true,
+			series: [{
+				name: '数量统计',
+				type: 'pie',
+				radius: [50, 150],
+				center: ['45%', '40%'],
+				roseType: 'radius',
+//				label: {
+//					normal: {
+//						show: false,
 //						textStyle: {
-//							color: '#fff',
-//							fontSize: 18
+//							color: '#fff'
 //						}
 //					},
-					tooltip: {
-						trigger: 'item',
-						formatter: "{a} <br/>{b} : {c} ({d}%)"
-					},
-					legend: {
-						x: 'center',
-						y: 'bottom',
-						textStyle: {
-							color: '#fff'
-						},
-						data: []
+//					emphasis: {
+//						show: true
+//					}
+//				},
+//				lableLine: {
+//					normal: {
+//						show: false
+//					},
+//					emphasis: {
+//						show: true
+//					}
+//				},
+				data: [],
+				itemStyle: {
+					emphasis: {
+						shadowBlur: 10,
+						shadowOffsetX: 0,
+						shadowColor: 'rgba(0, 0, 0, 0.5)'
 					},
-					calculable: true,
-					series: [{
-						name: '数量统计',
-						type: 'pie',
-						radius: [50, 150],
-						center: ['45%', '40%'],
-						roseType: 'radius',
+					normal: {
 						label: {
-							normal: {
-								show: false,
-								 textStyle: {
-				                        color: '#fff'
-				                    }
-							},
-							emphasis: {
-								show: true
-							}
+							show: true,
+							formatter: '{b} :\n {c} ({d}%)'
+//							formatter: function(val){   //让series 中的文字进行换行  
+//					                 return val.name.split(":").join("\n");}  
+//					             }
 						},
-						lableLine: {
-							normal: {
-								show: false
-							},
-							emphasis: {
-								show: true
-							}
-						},
-						data: []
-					}]
-				});
-          //受理渠道24小时统计
-          var qd_box = echarts.init(document.getElementById('qd_box'));
-			qd_box .setOption({
-				    tooltip : {
-				        trigger: 'axis',
-						formatter: function(datas) 
-					              {
-					              var res = datas[0].name + '<br/>', val;
-					                  for(var i = 0, length = datas.length; i < length; i++) {
-					                        val = (datas[i].value) + '%';
-					                        res += datas[i].seriesName + '：' + val + '<br/>';
-					                    }
-					                    return res;
-					               }
-				    },
-				    legend: {
-				    	textStyle: {
-							color: '#fff'
-						},
-				        data: []
-				    },
-//				    grid: {
-//				        left: '3%',
-//				        right: '4%',
-//				        bottom: '3%',
-//				        containLabel: true
-//				    },
-				    xAxis:  {
-				        type: 'value',
-				        axisLine: {
-							lineStyle: {
-								color: '#fff'
-							}
+						labelLine: {
+							show: true
 						}
-				    },
-				    yAxis: {
-				        type: 'category',
-				        axisLine: {
-								lineStyle: {
-									color: '#fff'
-								}
-						},
-				        data: ['渠道占比']
-				    },
-				    series: []
-				});
-            
-              Ajax();
-              function Ajax(){
-              	 var index = layer.load(1, { shade: [0.5,'#f5f5f5'] //0.1透明度的白色背景
-							});
-              	$(".txbox").html('');
-                	$.ajax({
-					type: "get",
-					url: huayi.config.callcenter_url + "Info/GetSourceInfo",
-					dataType: 'json',
-					async: true,
-					data: {
-						//				token:token
-					},
-					success: function(result) {
-						if(result.state.toLowerCase() == 'success') {
-							layer.close(index); 
-							var qunZhongArea = result.data.c;
-							var sers = []
-							for(var i = 0; i < qunZhongArea.counts.length; i++) {
-								var obj = {};
-								obj.name = qunZhongArea.cols[i];
-								obj.type = "line";
-								obj.smooth = true;
-								obj.showAllSymbol = true;
-								obj.symbol = "emptyCircle";
-								obj.symbolSize = 10;
-								obj.data = qunZhongArea.counts[i];
-								sers.push(obj)
-							}
-							container1.setOption({
-								xAxis: {
-									data: qunZhongArea.hours
-								},
-								legend: {
-									data: qunZhongArea.cols
-								},
-								series: sers
-							});
+					}
+				},
+				label: {
+                normal: {
+                    textStyle: {
+                        color: '#fff'
+                    }
+                }
+            }
+			}]
+		});
+		//受理渠道24小时统计
+		var qd_box = echarts.init(document.getElementById('qd_box'));
+		qd_box.setOption({
+			tooltip: {
+				trigger: 'axis',
+				formatter: function(datas) {
+					var res = datas[0].name + '<br/>',
+						val;
+					for(var i = 0, length = datas.length; i < length; i++) {
+						val = (datas[i].value) + '%';
+						res += datas[i].seriesName + '：' + val + '<br/>';
+					}
+					return res;
+				}
+			},
+			legend: {
+				textStyle: {
+					color: '#fff'
+				},
+				data: []
+			},
+			//				    grid: {
+			//				        left: '3%',
+			//				        right: '4%',
+			//				        bottom: '3%',
+			//				        containLabel: true
+			//				    },
+			xAxis: {
+				type: 'value',
+				axisLine: {
+					lineStyle: {
+						color: '#fff'
+					}
+				}
+			},
+			yAxis: {
+				type: 'category',
+				axisLine: {
+					lineStyle: {
+						color: '#fff'
+					}
+				},
+				data: ['渠道占比']
+			},
+			series: []
+		});
 
-							var shouLiQuDao = result.data.a;
-							var qd_legend=[];
-							var qd_sers=[]
-							var qd_label={normal:{show: true, position: 'inside',formatter: '{c}%'}};
-							$(shouLiQuDao).each(function(i, n) {
-								var qd_obj={};
-								var ser_data=[];
-								ser_data.push(n.Count)
-//								$('<li><div id="qd' + i + '"></div>' + n.Source + '</li>').appendTo('.txbox');
-								qd_legend.push(n.Source);
-								qd_obj.name =n.Source;
-								qd_obj.type ='bar';
-								qd_obj.stack ='总量';
-								qd_obj.label =qd_label;
-								qd_obj.data =ser_data;
-								qd_sers.push(qd_obj);
-								
-//								$('#qd' + i).radialIndicator({
-//									barColor: getColor(),
-//									barWidth: 10,
-//									initValue: n.Count,
-//									roundCorner: true,
-//									percentage: true
-//								});
-							})
-							qd_box.setOption({
-								legend: {
-									data: qd_legend
-								},
-								series: qd_sers
-							});
+		Ajax();
 
-							var hsouLiArea = result.data.b;
-							var hsouLiArea_lengend=[];
-							var hsouLiArea_ser=[];
-							$(hsouLiArea).each(function(i, n) {
-								var hsouLiArea_obj={};
-								hsouLiArea_lengend.push(n.AreaName);
-								hsouLiArea_obj.value=n.Count;
-								hsouLiArea_obj.name=n.AreaName;
-								hsouLiArea_ser.push(hsouLiArea_obj);
-							
-							})
-							shouLiArea.setOption({
-								legend: {
-									data: hsouLiArea_lengend
-								},
-								series: [{
-									data:hsouLiArea_ser
-								}]
-							});
+		function Ajax() {
+			var index = layer.load(1, {
+				shade: [0.5, '#030303'] //0.1透明度的白色背景
+			});
+			$(".txbox").html('');
+			$.ajax({
+				type: "get",
+				url: huayi.config.callcenter_url + "Info/GetSourceInfo",
+				dataType: 'json',
+				async: true,
+				data: {
+					//				token:token
+				},
+				success: function(result) {
+					if(result.state.toLowerCase() == 'success') {
+						layer.close(index);
+						var qunZhongArea = result.data.c;
+						var sers = []
+						for(var i = 0; i < qunZhongArea.counts.length; i++) {
+							var obj = {};
+							obj.name = qunZhongArea.cols[i];
+							obj.type = "line";
+							obj.smooth = true;
+							obj.showAllSymbol = true;
+							obj.symbol = "emptyCircle";
+							obj.symbolSize = 10;
+							obj.data = qunZhongArea.counts[i];
+							sers.push(obj)
 						}
+						container1.setOption({
+							xAxis: {
+								data: qunZhongArea.hours
+							},
+							legend: {
+								data: qunZhongArea.cols
+							},
+							series: sers
+						});
+
+						var shouLiQuDao = result.data.a;
+						var qd_legend = [];
+						var qd_sers = []
+						var qd_label = {
+							normal: {
+								show: true,
+								position: 'inside',
+								formatter: '{c}%'
+							}
+						};
+						$(shouLiQuDao).each(function(i, n) {
+							var qd_obj = {};
+							var ser_data = [];
+							ser_data.push(n.percent)
+							//								$('<li><div id="qd' + i + '"></div>' + n.Source + '</li>').appendTo('.txbox');
+							qd_legend.push(n.source);
+							qd_obj.name = n.source;
+							qd_obj.type = 'bar';
+							qd_obj.stack = '总量';
+							qd_obj.label = qd_label;
+							qd_obj.data = ser_data;
+							qd_sers.push(qd_obj);
+
+							//								$('#qd' + i).radialIndicator({
+							//									barColor: getColor(),
+							//									barWidth: 10,
+							//									initValue: n.Count,
+							//									roundCorner: true,
+							//									percentage: true
+							//								});
+						})
+						qd_box.setOption({
+							legend: {
+								data: qd_legend
+							},
+							series: qd_sers
+						});
+
+						var hsouLiArea = result.data.b;
+						var hsouLiArea_lengend = [];
+						var hsouLiArea_ser = [];
+						$(hsouLiArea).each(function(i, n) {
+							var hsouLiArea_obj = {};
+							hsouLiArea_lengend.push(n.AreaName);
+							hsouLiArea_obj.value = n.Count;
+							hsouLiArea_obj.name = n.AreaName;
+							hsouLiArea_ser.push(hsouLiArea_obj);
+
+						})
+						shouLiArea.setOption({
+							legend: {
+								data: hsouLiArea_lengend
+							},
+							series: [{
+								data: hsouLiArea_ser
+							}]
+						});
 					}
-				});
-                }
-				
-		setInterval(Ajax, huayi.config.indextime);//Ajax调用函数
-       
+				}
+			});
+		}
+
+		setInterval(Ajax, huayi.config.indextime); //Ajax调用函数

WebChart/js/tousujubao.js

@@ -37,8 +37,22 @@
 						shadowBlur: 10,
 						shadowOffsetX: 0,
 						shadowColor: 'rgba(0, 0, 0, 0.5)'
-					}
-				}
+					},
+					normal:{
+				 label:{ 
+                                   show: true, 
+                                   formatter: '{b} : {c} ({d}%)' 
+                                }, 
+                                labelLine :{show:true}
+			}
+				},
+				label: {
+                normal: {
+                    textStyle: {
+                        color: '#fff'
+                    }
+                }
+            }
 			}]
 		});
 		
@@ -139,7 +153,7 @@
 			}]
 		});		Ajax();
 		function Ajax(){
-				 var index = layer.load(1, { shade: [0.5,'#f5f5f5'] //0.1透明度的白色背景
+				 var index = layer.load(1, { shade: [0.5,'#030303'] //0.1透明度的白色背景
 							});
 			$('.tsjb-bm ul').html('');
 				$.ajax({
@@ -180,13 +194,13 @@
 							});
 							//part 1
 							var part1 = result.data.b;
-							var part_1_legend = [];
+							var part_1_legend = part1.cols;
 							var part_1_ser = [];
-							$(part1).each(function(i, n) {
-								part_1_legend.push(n.teptname);
+							$(part1.cols).each(function(i, n) {
+//								part_1_legend.push(n.teptname);
 								var part_1_obj = {};
-								part_1_obj.value = n.count;
-								part_1_obj.name = n.teptname;
+								part_1_obj.value = part1.counts[i];
+								part_1_obj.name = n;
 								part_1_ser.push(part_1_obj)
 							})
 							quantity.setOption({
@@ -200,15 +214,15 @@
 							//part 3
 							var part3 = result.data.c;
 							var colorArr = [];
-							$(part3).each(function(i, n) {
+							$(part3.cols).each(function(i, n) {
 								$('<li class="clearfix">' +
 									'<div class="tsgjz-left">' +
-									'<div class="progress" title="' + n.percent + '">' +
-									'<div class="progress-bar bar' + i + '" title="' + n.percent + '" style="width: ' + n.percent + ';background:' + getColor() + '">' +
+									'<div class="progress" title="' + part3.counts[i]+ '个">' +
+									'<div class="progress-bar bar' + i + '" title="' + part3.counts[i] + '" style="width: ' + part3.counts[i] + 'px;background:' + getColor() + '">' +
 									'</div>' +
 									'</div>' +
 									'</div>' +
-									'<div class="tsgjz-right">' + n.deptname + '<span class="count' + i + '" style="color:' + $('.bar' + i).css("background-color") + '">' + n.count + '</span></div>' +
+									'<div class="tsgjz-right">' + n + '<span class="count' + i + '" style="color:' + $('.bar' + i).css("background-color") + '">' + part3.counts[i] + '</span></div>' +
 									'</li>').appendTo('.tsjb-bm ul');
 								colorArr.push($('.bar' + i).css("background-color"));
 							})

WebChart/js/zhongxin.js

@@ -34,6 +34,13 @@ slhw.setOption({
 				shadowBlur: 10,
 				shadowOffsetX: 0,
 				shadowColor: 'rgba(0, 0, 0, 0.5)'
+			},
+			normal:{
+				 label:{ 
+                                   show: true, 
+                                   formatter: '{b} : {c} ({d}%)' 
+                                }, 
+                                labelLine :{show:true}
 			}
 		},
 		label: {
@@ -44,6 +51,11 @@ slhw.setOption({
                 }
             }
 	}]
+	
+	
+	
+	
+	
 });
 
 //接通率报表
@@ -191,9 +203,9 @@ th_nums.setOption({
 });
 Ajax();
 function Ajax(){
-		$('.gdmap-r ul').html('');
+	$('.gdmap-r ul').html('');
 	$('.gdmap-l ul').html('');
-	var index = layer.load(1, { shade: [0.5,'#f5f5f5'] //0.1透明度的白色背景
+	var index = layer.load(1, { shade: [0.5,'#030303'] //0.1透明度的白色背景
 	});
 
 	$.ajax({
@@ -283,21 +295,21 @@ function Ajax(){
 			var part2=data.data.a;
 			var part2_legend = [];
 			var part2_ser = [];
-			$(part2).each(function(i,n){
+			$(part2.cols).each(function(i,n){
 				var obj={};
 				if(i==1){
-					obj.value=n.count;
-					obj.name=n.teptname;
+					obj.value=part2.counts[i];
+					obj.name=n;
 					obj.selected=true;
 				}else{
-					obj.value=n.count;
-					obj.name=n.teptname;
+					obj.value=part2.counts[i];
+					obj.name=n;
 				}
-				part2_legend.push(n.teptname);
+				part2_legend.push(n);
 				part2_ser.push(obj);
 				$('<li>'+
-						'<div>'+n.teptname +'</div>'+
-						'<span>'+n.count +'</span>'+
+						'<div>'+n +'</div>'+
+						'<span>'+part2.counts[i] +'</span>'+
 					'</li>').appendTo('.gdmap-l ul');
 			})
 			slhw.setOption({

WebChat/css/inits.css

@@ -8,3 +8,8 @@
 	line-height: 50px!important;
     color: #fff!important;
 }
+.block_button{
+	width: 95%;
+	margin: 0 auto;
+    letter-spacing: 18px;
+}

WebChat/html/allSuQiu.html

@@ -0,0 +1,189 @@
+<!doctype html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>所有诉求</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<link href="../css/mui.min.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../css/iconfont.css" />
+		<link rel="stylesheet" href="../css/inits.css" />
+		<style>
+			.mui-bar-popover {
+				width: 30%;
+			}
+			.mui-popover.mui-bar-popover .mui-table-view{
+				width: 100%;
+			}
+			.mui-table-view .mui-table-view-cell>a:not(.mui-btn){
+				text-align: center;
+			}
+			.san{
+				    font-size: 14px;
+    				margin-right: 5px
+			}
+			.nav_a{
+				    border-right: 1px solid #ccc;
+			}
+			.go_search{
+				background: #fff!important;
+			    border: 1px solid #ccc!important;
+			    border-radius: 17px!important;
+			}
+			.new_title{
+				color: #000;
+				font-size: 16px;
+			}
+			.list_new_icon{
+				margin-right: 5px;
+				font-size: 20px;
+				vertical-align: middle;
+			}
+			.time i{
+				font-size: 18px!important;
+			}
+			.finish{
+				color: #5ccb91;
+			}
+			.going{
+				color: #febd23;
+			}
+			.waiting{
+				color: #fd7c78;
+			}
+			.advice,.time{
+				margin-left: 15px;
+			}
+		</style>
+	</head>
+
+	<body>
+		<header id="header" class="mui-bar mui-bar-nav new_head">
+			<h1 class="mui-title new_head_title">所有诉求</h1>
+			<a class="new_head_left mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
+				<span class="mui-icon mui-icon-left-nav"></span>返回
+			</a>
+			<a class="new_head_right mui-btn mui-btn-blue mui-btn-link mui-pull-right"><span class="iconfont icon-unie644" style="font-size: 25px;"></span></a>
+		</header>
+		<nav class="mui-bar mui-bar-tab ">
+			<a class="mui-tab-item nav_a" ><span class="mui-icon iconfont icon-jianpan2" style="font-size: 30px;"></span></a>
+			<a class="mui-tab-item nav_a" href="#Popover_0"><span class="san iconfont icon-sangeheng"></span>提交诉求</a>
+			<a class="mui-tab-item nav_a" href="#Popover_1"><span class="san iconfont icon-sangeheng"></span>市民服务</a>
+			<a class="mui-tab-item" href="#Popover_2"><span class="san iconfont icon-sangeheng"></span>@我</a>
+		</nav>
+		<div class="mui-content">
+			<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
+				<li class="mui-table-view-cell">
+					<div class="mui-input-row mui-search">
+					<input type="search" class="mui-input-clear go_search" placeholder="请输入关键字">
+				</div>
+				</li>
+				  <li class="mui-table-view-cell">
+		            <div class="mui-table">
+		                <div class="mui-table-cell mui-col-xs-12">
+		                    <h5 class="mui-ellipsis-2 new_title" >诉求标题诉求标题诉求标题诉求标题诉求标题</h5>
+		                    <p class="mui-h6 mui-ellipsis">
+		                    	<span class="finish state"><i class="iconfont icon-duihao list_new_icon"></i>已完成</span>
+		                    	<span class="time"><i class="iconfont icon-daichuli list_new_icon"></i>2017年09月09日</span>
+		                    	<span class="advice"><i class="iconfont icon-wuyetousu list_new_icon"></i>建议反馈</span>
+		                    </p>
+		                </div>
+		               
+		            </div>
+		        </li>
+				  <li class="mui-table-view-cell">
+		            <div class="mui-table">
+		                <div class="mui-table-cell mui-col-xs-12">
+		                    <h5 class="mui-ellipsis-2 new_title" >题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题</h5>
+		                    <p class="mui-h6 mui-ellipsis">
+		                    	<span class="finish state"><i class="iconfont icon-duihao list_new_icon"></i>已完成</span>
+		                    	<span class="time"><i class="iconfont icon-daichuli list_new_icon"></i>2017年09月09日</span>
+		                    	<span class="advice"><i class="iconfont icon-wuyetousu list_new_icon"></i>建议反馈</span>
+		                    </p>
+		                </div>
+		               
+		            </div>
+		        </li>
+				  <li class="mui-table-view-cell">
+		            <div class="mui-table">
+		                <div class="mui-table-cell mui-col-xs-12">
+		                    <h5 class="mui-ellipsis-2 new_title" >诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题</h5>
+		                    <p class="mui-h6 mui-ellipsis">
+		                    	<span class="going state"><i class="iconfont icon-gengduo list_new_icon"></i>正在调整</span>
+		                    	<span class="time"><i class="iconfont icon-daichuli list_new_icon"></i>2017年09月09日</span>
+		                    	<span class="advice"><i class="iconfont icon-wuyetousu list_new_icon"></i>建议反馈</span>
+		                    </p>
+		                </div>
+		               
+		            </div>
+		        </li>
+				  <li class="mui-table-view-cell">
+		            <div class="mui-table">
+		                <div class="mui-table-cell mui-col-xs-12">
+		                    <h5 class="mui-ellipsis-2 new_title" >诉求标题诉求标题诉求标题诉求标题诉求标题</h5>
+		                    <p class="mui-h6 mui-ellipsis">
+		                    	<span class="waiting state"><i class="iconfont icon-icon16 list_new_icon"></i>等待处理</span>
+		                    	<span class="time"><i class="iconfont icon-daichuli list_new_icon"></i>2017年09月09日</span>
+		                    	<span class="advice"><i class="iconfont icon-wuyetousu list_new_icon"></i>问题投诉</span>
+		                    </p>
+		                </div>
+		               
+		            </div>
+		        </li>
+				
+				
+				
+			</ul>
+				
+			
+			
+		</div>
+		<!--二级菜单开始-->
+		<div id="Popover_0" class="mui-popover mui-bar-popover">
+			<div class="mui-popover-arrow"></div>
+			<ul class="mui-table-view">
+				<li class="mui-table-view-cell"><a href="#">我要咨询</a>
+				</li>
+				<li class="mui-table-view-cell"><a href="#">我要投诉</a>
+				</li>
+				<li class="mui-table-view-cell"><a href="#">我要建议</a>
+				</li>
+				<li class="mui-table-view-cell"><a href="#">我要表扬</a>
+				</li>
+			</ul>
+		</div>
+		<div id="Popover_1" class="mui-popover mui-bar-popover">
+			<div class="mui-popover-arrow"></div>
+			<ul class="mui-table-view">
+				<li class="mui-table-view-cell"><a href="#">通知公告</a>
+				</li>
+				<li class="mui-table-view-cell"><a href="#">知识搜索</a>
+				</li>
+				<li class="mui-table-view-cell"><a href="#">常见问题</a>
+				</li>
+			</ul>
+		</div>
+		<div id="Popover_2" class="mui-popover mui-bar-popover">
+			<div class="mui-popover-arrow"></div>
+			<ul class="mui-table-view">
+				<li class="mui-table-view-cell"><a href="#">我的投诉</a>
+				</li>
+				<li class="mui-table-view-cell"><a href="#">进度查询</a>
+				</li>
+				<li class="mui-table-view-cell"><a href="#">个人中心</a>
+				</li>
+			</ul>
+		</div>
+		<!--二级菜单结束-->
+		
+		
+		
+		<script src="../js/mui.min.js"></script>
+		<script type="text/javascript">
+			mui.init()
+		</script>
+	</body>
+
+</html>

WebChat/html/myTouSu.html

@@ -0,0 +1,165 @@
+<!doctype html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>我要投诉</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<link href="../css/mui.min.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../css/iconfont.css" />
+		<link rel="stylesheet" href="../css/inits.css" />
+		<style>
+			.mui-bar-popover {
+				width: 30%;
+			}
+			.mui-popover.mui-bar-popover .mui-table-view{
+				width: 100%;
+			}
+			.mui-table-view .mui-table-view-cell>a:not(.mui-btn){
+				text-align: center;
+			}
+			.san{
+				    font-size: 14px;
+    				margin-right: 5px
+			}
+			.nav_a{
+				    border-right: 1px solid #ccc;
+			}
+			.radio_box{
+				display: inline-block;
+			}
+			.mui-radio input[type=radio]:before{
+				font-size: 25px;
+				vertical-align: middle;
+			}
+			.ztext{
+				width: 100%;
+			    margin: 0;
+			    border: 0;
+			}
+			.action{
+				padding: 11px 15px;
+			}
+			
+		</style>
+	</head>
+
+	<body>
+		<header id="header" class="mui-bar mui-bar-nav new_head">
+			<h1 class="mui-title new_head_title">我要投诉</h1>
+			<button class="new_head_left mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
+				<span class="mui-icon mui-icon-left-nav"></span>返回
+			</button>
+			<button class="new_head_right mui-btn mui-btn-blue mui-btn-link mui-pull-right"><span class="iconfont icon-unie644" style="font-size: 25px;"></span></button>
+		</header>
+		
+		<div class="mui-content">
+			<ul class="mui-table-view">
+				 <li class="mui-table-view-cell">
+				 	<div class="mui-input-row" id="showUserPicker">
+						<label>诉求类型：</label>
+						<input type="text" id='userResult' class="ui-alert" />
+					</div>
+				 </li>
+		         <li class="mui-table-view-cell">
+		         	<div class="mui-input-row">
+							<label>保密要求：</label>
+							<div class="mui-input-row mui-radio mui-left radio_box">
+		         		<label>保密</label>
+		         		<input type="radio" type="radio" name="secret"/>
+		         	</div>
+		         	<div class="mui-input-row mui-radio mui-left radio_box">
+		         		<label>公开</label>
+		         		<input type="radio" type="radio" name="secret"/>
+		         	</div>
+					</div>
+		         </li>
+		         <li class="mui-table-view-cell">
+		         		<div class="mui-input-row">
+						<label>诉求主题：</label>
+						<input type="text" placeholder="请填写您的诉求主题">
+					</div>
+		         </li>
+		         <li class="mui-table-view-cell">
+		         		<div class="mui-input-row">
+						<textarea class="ztext" name="" id="textarea" rows="3" cols="" placeholder="请详细描述您的问题和建议..."></textarea>
+					</div>
+		         </li>
+		           <li class="mui-table-view-cell">
+		         		<div class="mui-input-row">
+						<label>联系人：</label>
+						<input type="text" placeholder="请填写您的称呼">
+					</div>
+		         </li>
+		           <li class="mui-table-view-cell">
+		         		<div class="mui-input-row">
+						<label>联系电话：</label>
+						<input type="text" placeholder="请填写您的手机号">
+					</div>
+		         </li>
+			</ul>
+			
+			<p class="action">
+				<i class="iconfont icon-gantanhao" style="margin-right: 5px;font-size: 20px;vertical-align: middle;"></i>
+				<span style="color: #f81737;">以上内容都为必填内容，请如实填写</span>
+			</p>
+			<button type="button" class="mui-btn mui-btn-primary mui-btn-block block_button">提交</button>
+		</div>
+		
+		<script src="../js/mui.min.js"></script>
+		<script type="text/javascript">
+//			mui.init()
+		(function($, doc) {
+				$.init();
+				$.ready(function() {
+					//普通示例
+					var userPicker = new $.PopPicker();
+					userPicker.setData([{
+						value: 'ywj',
+						text: '董事长 叶文洁'
+					}, {
+						value: 'aaa',
+						text: '总经理 艾AA'
+					}, {
+						value: 'lj',
+						text: '罗辑'
+					}, {
+						value: 'ymt',
+						text: '云天明'
+					}, {
+						value: 'shq',
+						text: '史强'
+					}, {
+						value: 'zhbh',
+						text: '章北海'
+					}, {
+						value: 'zhy',
+						text: '庄颜'
+					}, {
+						value: 'gyf',
+						text: '关一帆'
+					}, {
+						value: 'zhz',
+						text: '智子'
+					}, {
+						value: 'gezh', 
+						text: '歌者'
+					}]);
+					var showUserPickerButton = doc.getElementById('showUserPicker');
+					var userResult = doc.getElementById('userResult');
+					showUserPickerButton.addEventListener('tap', function(event) {
+						userPicker.show(function(items) {
+							userResult.innerText = JSON.stringify(items[0]);
+							//返回 false 可以阻止选择框的关闭
+							//return false;
+						});
+					}, false);
+				})
+		})
+			
+		</script>
+	</body>
+
+</html>

WebChat/html/shouLiChaXun.html

@@ -0,0 +1,83 @@
+<!doctype html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>受理查询</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<link href="../css/mui.min.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../css/iconfont.css" />
+		<link rel="stylesheet" href="../css/inits.css" />
+		<style>
+			.mui-bar-popover {
+				width: 30%;
+			}
+			.mui-popover.mui-bar-popover .mui-table-view{
+				width: 100%;
+			}
+			.mui-table-view .mui-table-view-cell>a:not(.mui-btn){
+				text-align: center;
+			}
+			.san{
+				    font-size: 14px;
+    				margin-right: 5px
+			}
+			.nav_a{
+				    border-right: 1px solid #ccc;
+			}
+			.radio_box{
+				display: inline-block;
+			}
+			.mui-radio input[type=radio]:before{
+				font-size: 25px;
+				vertical-align: middle;
+			}
+			.ztext{
+				width: 100%;
+			    margin: 0;
+			    border: 0;
+			}
+			.action{
+				padding: 11px 15px;
+			}
+		
+		</style>
+	</head>
+
+	<body>
+		<header id="header" class="mui-bar mui-bar-nav new_head">
+			<h1 class="mui-title new_head_title">受理查询</h1>
+			<a class="new_head_left mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
+				<span class="mui-icon mui-icon-left-nav"></span>返回
+			</a>
+			<a class="new_head_right mui-btn mui-btn-blue mui-btn-link mui-pull-right"><span class="iconfont icon-unie644" style="font-size: 25px;"></span></a>
+		</header>
+		
+		<div class="mui-content">
+			<ul class="mui-table-view" style="margin-top: 40px;">
+				 <li class="mui-table-view-cell">
+				 	<div class="mui-input-row">
+						<label><i style="color: red;margin-right: 3px;">*</i>受理编号：</label>
+						<input type="text" class="mui-input-clear" placeholder="请输入您的受理编号">
+					</div>
+				 </li>
+				 <li class="mui-table-view-cell">
+				 	<div class="mui-input-row">
+						<label><i style="color: red;margin-right: 3px;">*</i>手机号码：</label>
+						<input type="text" class="mui-input-clear" placeholder="请输入您的手机号码">
+					</div>
+				 </li>
+		         
+			</ul>
+			<button type="button" class="mui-btn mui-btn-primary mui-btn-block block_button" style="margin-top: 35px;">提交</button>
+		</div>
+		
+		<script src="../js/mui.min.js"></script>
+		<script type="text/javascript">
+			mui.init()
+		</script>
+	</body>
+
+</html>

WebChat/html/ziXunJianYi.html

@@ -34,6 +34,15 @@
 				font-size: 25px;
 				vertical-align: middle;
 			}
+			.ztext{
+				width: 100%;
+			    margin: 0;
+			    border: 0;
+			}
+			.action{
+				padding: 11px 15px;
+			}
+			
 		</style>
 	</head>
 
@@ -57,9 +66,7 @@
 		         <li class="mui-table-view-cell">
 		         	<div class="mui-input-row">
 							<label>保密要求：</label>
-					</div>
-		         	
-		         	<div class="mui-input-row mui-radio mui-left radio_box">
+							<div class="mui-input-row mui-radio mui-left radio_box">
 		         		<label>保密</label>
 		         		<input type="radio" type="radio" name="secret"/>
 		         	</div>
@@ -67,9 +74,39 @@
 		         		<label>公开</label>
 		         		<input type="radio" type="radio" name="secret"/>
 		         	</div>
+					</div>
+		         </li>
+		         <li class="mui-table-view-cell">
+		         		<div class="mui-input-row">
+						<label>咨询主题：</label>
+						<input type="text" placeholder="请填写您的咨询主题">
+					</div>
+		         </li>
+		         <li class="mui-table-view-cell">
+		         		<div class="mui-input-row">
+						<!--<label>咨询主题：</label>-->
+						<textarea class="ztext" name="" id="textarea" rows="3" cols="" placeholder="请详细描述您的问题和建议..."></textarea>
+					</div>
+		         </li>
+		           <li class="mui-table-view-cell">
+		         		<div class="mui-input-row">
+						<label>联系人：</label>
+						<input type="text" placeholder="请填写您的称呼">
+					</div>
+		         </li>
+		           <li class="mui-table-view-cell">
+		         		<div class="mui-input-row">
+						<label>联系电话：</label>
+						<input type="text" placeholder="请填写您的手机号">
+					</div>
 		         </li>
-		         <li class="mui-table-view-cell">Item 3</li>
 			</ul>
+			
+			<p class="action">
+				<i class="iconfont icon-gantanhao" style="margin-right: 5px;font-size: 20px;vertical-align: middle;"></i>
+				<span style="color: #f81737;">以上内容都为必填内容，请如实填写</span>
+			</p>
+			<button type="button" class="mui-btn mui-btn-primary mui-btn-block block_button">提交</button>
 		</div>
 		
 		<script src="../js/mui.min.js"></script>

WebChat/icon.html

@@ -0,0 +1,134 @@
+<!doctype html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>图标</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<link href="css/mui.min.css" rel="stylesheet" />
+		<link rel="stylesheet" href="css/iconfont.css" />
+		<link rel="stylesheet" href="css/inits.css" />
+		<style>
+			.mui-bar-popover {
+				width: 30%;
+			}
+			.mui-popover.mui-bar-popover .mui-table-view{
+				width: 100%;
+			}
+			.mui-table-view .mui-table-view-cell>a:not(.mui-btn){
+				text-align: center;
+			}
+			.san{
+				    font-size: 14px;
+    				margin-right: 5px
+			}
+			.nav_a{
+				    border-right: 1px solid #ccc;
+			}
+			.radio_box{
+				display: inline-block;
+			}
+			.mui-radio input[type=radio]:before{
+				font-size: 25px;
+				vertical-align: middle;
+			}
+			.ztext{
+				width: 100%;
+			    margin: 0;
+			    border: 0;
+			}
+			.action{
+				padding: 11px 15px;
+			}
+		
+		</style>
+	</head>
+
+	<body>
+		<header id="header" class="mui-bar mui-bar-nav new_head">
+			<h1 class="mui-title new_head_title">受理查询</h1>
+			<button class="new_head_left mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
+				<span class="mui-icon mui-icon-left-nav"></span>返回
+			</button>
+			<button class="new_head_right mui-btn mui-btn-blue mui-btn-link mui-pull-right"><span class="iconfont icon-iconfont02"></span></button>
+		</header>
+		
+		<div class="mui-content">
+			<ul>
+				<li>
+					1.<span class="iconfont icon-iconfont02"></span>iconfont02
+				</li>
+				<li>
+					2.<span class="iconfont icon-zixun"></span>zixun
+				</li>
+				<li>
+					3.<span class="iconfont icon-duihao"></span>duihao
+				</li>
+				<li>
+					4.<span class="iconfont icon-lalala"></span>lalala
+				</li>
+				<li>
+					5.<span class="iconfont icon-daichuli"></span>daichuli
+				</li>
+				<li>
+					6.<span class="iconfont icon-xiugai"></span>xiugai
+				</li>
+				<li>
+					7.<span class="iconfont icon-gantanhao"></span>gantanhao
+				</li>
+				<li>
+					8.<span class="iconfont icon-jiahao"></span>jiahao
+				</li>
+				<li>
+					9.<span class="iconfont icon-asterisk"></span>asterisk
+				</li>
+				<li>
+					10.<span class="iconfont icon-gengduo"></span>gengduo
+				</li>
+				<li>
+					11.<span class="iconfont icon-icon16"></span>icon16
+				</li>
+				<li>
+					12.<span class="iconfont icon-sangeheng"></span>sangeheng
+				</li>
+				<li>
+					13.<span class="iconfont icon-caogaoxiang"></span>caogaoxiang
+				</li>
+				<li>
+					14.<span class="iconfont icon-dianhua"></span>dianhua
+				</li>
+				<li>
+					15.<span class="iconfont icon-sangeheng1"></span>sangeheng1
+				</li>
+				<li>
+					16.<span class="iconfont icon-dizhi"></span>dizhi
+				</li>
+				<li>
+					17.<span class="iconfont icon-quanbu"></span>quanbu
+				</li>
+				<li>
+					18.<span class="iconfont icon-youjianshezhi"></span>youjianshezhi
+				</li>
+				<li>
+					19.<span class="iconfont icon-jianpan"></span>jianpan
+				</li>
+				<li>
+					20.<span class="iconfont icon-wuyetousu"></span>wuyetousu
+				</li>
+				<li>
+					21.<span class="iconfont icon-unie644"></span>unie644
+				</li>
+				<li>
+					22.<span class="iconfont icon-jianpan2"></span>jianpan2
+				</li>
+			</ul>
+		</div>
+		<script src="js/mui.min.js"></script>
+		<script type="text/javascript">
+			mui.init()
+		</script>
+	</body>
+
+</html>

WebSite/.project

@@ -33,5 +33,14 @@
 				<arguments>1.0-name-matches-false-false-node_modules</arguments>
 			</matcher>
 		</filter>
+		<filter>
+			<id>1505698358592</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
 	</filteredResources>
 </projectDescription>

WebUI/CallCenterWeb.UI/WebSite/weiBo.html

@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link rel="stylesheet" href="../css/init.css" />
+    <title>微博列表</title>
+    <style>
+        .treeTable {
+            height: 400px;
+            /*overflow-y: auto;*/
+        }
+        .content {
+            width: 270px;
+            height: 100%;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            text-align: left;
+            cursor: pointer;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container-fluid">
+        <div class="daoHang clearfix">
+            <div class="dhLeft">
+                <sapn><i class="syIcon"></i>位置：<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">后台管理</a>&gt;<a href="" class="nowPosition">微博列表</a></sapn>
+            </div>
+            <div class="dhRight"><i class="fa fa-refresh"></i></div>
+        </div>
+        <div class="treeTable clearfix">
+            <div class="tableCon col-md-9">
+                <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                    <thead>
+                        <tr>
+                            <th data-align="W_Id">微博ID</th>
+                            <th data-field="W_Text" data-align="center"  data-formatter="detail">微博信息</th>
+                            <th data-field="W_Source" data-align="left">关联</th>
+                            <th data-field="W_Name" data-align="left" >发布人</th>
+                            <th data-field="W_Created_at" data-align="left" >发布时间</th>
+                            <th data-field="W_Url" data-align="left" >操作</th>
+                        </tr>
+                    </thead>
+                    <tbody id="tbody"></tbody>
+                </table>
+
+            </div>
+        </div>
+    </div>
+    <script src="../css/layer/layer.js"></script>
+    <script src="../js/weiBo.js"></script>
+</body>
+<script>
+	var table=$('#table1');
+	function initTable() {
+	//先销毁表格
+	table.bootstrapTable('destroy');
+	//初始化表格,动态从服务器加载数据
+	table.bootstrapTable({
+		method: "get", //使用get请求到服务器获取数据
+		url: huayi.config.callcenter_url + "WeiBo/WeiBoList", //获取数据的Servlet地址
+		contentType: "application/x-www-form-urlencoded",
+		striped: true, //表格显示条纹
+		pagination: true, //启动分页
+		pageSize: 10, //每页显示的记录数
+		pageNumber: 1, //当前第几页
+		pageList: [10, 20, 50, 100], //记录数可选列表
+		search: false, //是否启用查询
+		showColumns: false, //显示下拉框勾选要显示的列
+		showRefresh: false, //显示刷新按钮
+		sidePagination: "server", //表示服务端请求
+		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+		//设置为limit可以获取limit, offset, search, sort, order
+		queryParamsType: "undefined",
+		queryParams: function queryParams(params) { //设置查询参数
+			var param = {
+				page: params.pageNumber,
+				pagesize: params.pageSize,
+				token:$.cookie("token")
+			};
+			return param;
+		},
+		onLoadSuccess: function() { //加载成功时执行
+			//layer.msg("加载成功");
+		},
+		onLoadError: function() { //加载失败时执行
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+		}
+	});
+}
+	
+function detail(val,row){
+	return'<div class="content" onclick="goDetail('+ row.W_Id+')">'+ val +'</div>'
+}
+//跳转详情页
+function goDetail(did){
+	top.$("iframe:visible")[0].src = "zhiShiKu/zhiShiKuDetail.html?id="+did;
+}
+
+	
+	
+
+</script>
+
+</html>

WebUI/CallCenterWeb.UI/WebSite/weiBoDetail.html

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link rel="stylesheet" href="../css/init.css" />
+    <title>微博详情</title>
+    <style>
+        .treeTable {
+            height: 400px;
+            /*overflow-y: auto;*/
+        }
+        .content {
+            width: 270px;
+            height: 100%;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            text-align: left;
+            cursor: pointer;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container-fluid">
+        <div class="daoHang clearfix">
+            <div class="dhLeft">
+                <sapn><i class="syIcon"></i>位置：<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">后台管理</a>&gt;<a href="" class="nowPosition">微博信息详情</a></sapn>
+            </div>
+            <div class="dhRight"><i class="fa fa-refresh"></i></div>
+        </div>
+        <div class="treeTable clearfix">
+            <div class="tableCon col-md-9">
+                <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                    <thead>
+                        <tr>
+                            <th data-align="W_Id">微博ID</th>
+                            <th data-field="W_Text" data-align="center"  data-formatter="detail">微博信息</th>
+                            <th data-field="W_Source" data-align="left">关联</th>
+                            <th data-field="W_Name" data-align="left" >发布人</th>
+                            <th data-field="W_Created_at" data-align="left" >发布时间</th>
+                            <th data-field="W_Url" data-align="left" >操作</th>
+                        </tr>
+                    </thead>
+                    <tbody id="tbody"></tbody>
+                </table>
+
+            </div>
+        </div>
+    </div>
+    <script src="../css/layer/layer.js"></script>
+    <script src="../js/weiBo.js"></script>
+</body>
+
+</html>

WebUI/CallCenterWeb.UI/js/weiBo.js

@@ -0,0 +1,48 @@
+	var table=$('#table1');
+	function initTable() {
+	//先销毁表格
+	table.bootstrapTable('destroy');
+	//初始化表格,动态从服务器加载数据
+	table.bootstrapTable({
+		method: "get", //使用get请求到服务器获取数据
+		url: huayi.config.callcenter_url + "WeiBo/WeiBoList", //获取数据的Servlet地址
+		contentType: "application/x-www-form-urlencoded",
+		striped: true, //表格显示条纹
+		pagination: true, //启动分页
+		pageSize: 10, //每页显示的记录数
+		pageNumber: 1, //当前第几页
+		pageList: [10, 20, 50, 100], //记录数可选列表
+		search: false, //是否启用查询
+		showColumns: false, //显示下拉框勾选要显示的列
+		showRefresh: false, //显示刷新按钮
+		sidePagination: "server", //表示服务端请求
+		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+		//设置为limit可以获取limit, offset, search, sort, order
+		queryParamsType: "undefined",
+		queryParams: function queryParams(params) { //设置查询参数
+			var param = {
+				page: params.pageNumber,
+				pagesize: params.pageSize,
+				token:$.cookie("token")
+			};
+			return param;
+		},
+		onLoadSuccess: function() { //加载成功时执行
+			//layer.msg("加载成功");
+		},
+		onLoadError: function() { //加载失败时执行
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+		}
+	});
+}
+	
+function detail(val,row){
+	return'<div class="content" onclick="goDetail('+ row.W_Id+')">'+ val +'</div>'
+}
+//跳转详情页
+function goDetail(did){
+	top.$("iframe:visible")[0].src = "WebSite/weiBoDetail.html?id="+did;
+}
+
+	
+