样式修改

WebUI/CallCenterWeb.UI/index.html

@@ -125,10 +125,14 @@
 				color: #FFFFFF;
 				float: right;
 				margin-right: 5%;
+				height: 42px;
+				line-height: 42px;
 			}
 			
 			.closed div {
 				overflow: hidden;
+				float: left;
+  				height: 100%;
 			}
 			
 			.closed ul {
@@ -313,7 +317,21 @@
 			}
 			
 			.ls span {
-				margin-right: 10px;
+				margin-right: 18px;
+			}
+			.ls span.tuBiao{
+				display: inline-block;
+				/*width: 16px;
+				height: 16px;
+				background: url(img/files.png) no-repeat;*/
+				vertical-align: middle;
+				position: relative;
+   				 font-size: 15px;
+			}
+			.ls span.tuBiao span{
+				position: absolute;
+				padding: 3px;
+				top: -13px;
 			}
 			
 			.min-right {
@@ -409,7 +427,7 @@
 			
 			.max-box {
 				height: 42px;
-				width: 100%;
+				/*width: 100%;*/
 			}
 			
 			.laydate_body .laydate_bottom,
@@ -819,10 +837,15 @@
 										</li>
 									</ul>
 								</div>
+								
+								
 								<div class="ls">
-									<span class="size-12 min-right" onclick="Jumps()">
+									<span class="size-12 tuBiao fa fa-file-text">
+										<span class="label label-warning">12</span>
+									</span>
+									<!--<span class="size-12 min-right" onclick="Jumps()">
                                     <i class="ga"></i>&nbsp;管理中心
-                                </span>
+                                </span>-->
 									<span class="size-12 shezhi">
                                     <i class="sz"></i>&nbsp;设置
                                 </span>

WebUI/CallCenterWeb.UI/widgets.html

@@ -721,51 +721,53 @@
 				})
 			}
 			//图一
-			var myChart1 = echarts.init(document.getElementById('flot-pie-chart'));
-			var option1 = {
-
-				tooltip: {},
-
-				xAxis: {
-					data: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", ],
-					axisLabel: {
-						interval: 0, //横轴信息全部显示
-						rotate: -0, //-30度角倾斜显示
-					}
-				},
-				yAxis: {},
-				series: [{
-					name: '业绩',
-					type: 'bar',
-					itemStyle: {
-						normal: {
-							color: '#d5d5d5'
-						}
-					},
-					barGap: '-100%',
-					barMaxWidth: '100',
-					data: [51, 30, 40, 25, 80, 40, 42, 86, 50, 26, 12, 30, 55, 15, 18, 55, 28, 26, 50, 46, 98, 66, 50, 85]
-				}, {
-					name: '销量',
-					type: 'bar',
-					itemStyle: {
-						normal: {
-							color: '#7abf62'
-						}
-					},
-					barMaxWidth: '100',
-					data: [5, 20, 36, 10, 15, 20, 28, 36, 20, 36, 5, 20, 36, 10, 15, 20, 28, 36, 20, 36, 88, 46, 30, 45]
-				}]
-			};
-
+//			var myChart1 = $('#flot-pie-chart').highcharts(option1);
+//			myChart1.setOptions()
+			  $('#flot-pie-chart').highcharts({
+			        chart: {
+			            type: 'column'
+			        },
+			        credits:{
+						     enabled:false // 禁用版权信息
+						},
+			        title: {
+			            text: ''
+			        },
+			        xAxis: {
+			            categories:["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", ],
+			            crosshair: true
+			        },
+			        yAxis: {
+			            min: 0,
+			            title: {
+			                text: ''
+			            }
+			        },
+			        tooltip: {
+			            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
+			            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
+			            '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
+			            footerFormat: '</table>',
+			            shared: true,
+			            useHTML: true
+			        },
+			        series: [{
+			            name: '业绩',
+			            data:[51, 30, 40, 25, 80, 40, 42, 86, 50, 26, 12, 30, 55, 15, 18, 55, 28, 26, 50, 46, 98, 66, 50, 85]
+			        },{
+			            name: '销量',
+			            data:[5, 20, 36, 10, 15, 20, 28, 36, 20, 36, 5, 20, 36, 10, 15, 20, 28, 36, 20, 36, 88, 46, 30, 45]
+			        }]
+			    });
+			
 			function telhour() {
 				$.getJSON(huayi.config.callcenter_url + 'Index/GetTelRecordsByHour', {
 					"token": $.cookie("token")
 				}, function(result) {
 					if(result.state.toLowerCase() == "success") {
-						option1.series[0].data = result.data.total;
-						option1.series[1].data = result.data.count;
-						myChart1.setOption(option1);
+//						option1.series[0].data = result.data.total;
+//						option1.series[1].data = result.data.count;
+//						myChart1.setOptions(option1);
 					}
 				})
 			}