平顶山

WebAPP/.project

@@ -0,0 +1,178 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>shangqiuapp</name>
+	<comment>Create By HBuilder</comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.pandora.projects.ui.MKeyBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>com.aptana.ide.core.unifiedBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.pandora.projects.ui.MKeyNature</nature>
+		<nature>com.aptana.projects.webnature</nature>
+	</natures>
+	<filteredResources>
+		<filter>
+			<id>1515635430185</id>
+			<name></name>
+			<type>10</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.orFilterMatcher</id>
+				<arguments>
+					<matcher>
+						<id>org.eclipse.ui.ide.multiFilter</id>
+						<arguments>1.0-projectRelativePath-matches-false-false-bin</arguments>
+					</matcher>
+					<matcher>
+						<id>org.eclipse.ui.ide.multiFilter</id>
+						<arguments>1.0-projectRelativePath-matches-false-false-setting</arguments>
+					</matcher>
+				</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1520406370806</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>
+		<filter>
+			<id>1520406370806</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>
+		<filter>
+			<id>1520987770444</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>
+		<filter>
+			<id>1522328225927</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>
+		<filter>
+			<id>1522369426201</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>
+		<filter>
+			<id>1522674234989</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>
+		<filter>
+			<id>1522716525818</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>
+		<filter>
+			<id>1522755089550</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>
+		<filter>
+			<id>1522801615489</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>
+		<filter>
+			<id>1523152973916</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>
+		<filter>
+			<id>1523431087245</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>
+		<filter>
+			<id>1523599542083</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>
+		<filter>
+			<id>1524012284034</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>
+		<filter>
+			<id>1525309830300</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>
+		<filter>
+			<id>1526616137192</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>

WebChart/.project

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>公示WebChart</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.aptana.ide.core.unifiedBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.aptana.projects.webnature</nature>
+	</natures>
+	<filteredResources>
+		<filter>
+			<id>0</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>
+		<filter>
+			<id>1505287684025</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>
+		<filter>
+			<id>1516586639480</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>

WebChart/Script/Class/DateHelper.js

@@ -0,0 +1,317 @@
+//---------------------------------------------------  
+// 判断闰年  
+//---------------------------------------------------  
+Date.prototype.isLeapYear = function()   
+{   
+    return (0==this.getYear()%4&&((this.getYear()%100!=0)||(this.getYear()%400==0)));   
+}   
+  
+//---------------------------------------------------  
+// 日期格式化  
+// 格式 YYYY/yyyy/YY/yy 表示年份  
+// MM/M 月份  
+// W/w 星期  
+// dd/DD/d/D 日期  
+// hh/HH/h/H 时间  
+// mm/m 分钟  
+// ss/SS/s/S 秒  
+//---------------------------------------------------  
+Date.prototype.Format = function (formatStr)   
+{   
+    var str = formatStr;   
+    var Week = ['日','一','二','三','四','五','六'];  
+  
+    str=str.replace(/yyyy|YYYY/,this.getFullYear());   
+    str=str.replace(/yy|YY/,(this.getYear() % 100)>9?(this.getYear() % 100).toString():'0' + (this.getYear() % 100));   
+  
+    str=str.replace(/MM/,this.getMonth()>9?this.getMonth().toString():'0' + this.getMonth());   
+    str=str.replace(/M/g,this.getMonth());   
+  
+    str=str.replace(/w|W/g,Week[this.getDay()]);   
+  
+    str=str.replace(/dd|DD/,this.getDate()>9?this.getDate().toString():'0' + this.getDate());   
+    str=str.replace(/d|D/g,this.getDate());   
+  
+    str=str.replace(/hh|HH/,this.getHours()>9?this.getHours().toString():'0' + this.getHours());   
+    str=str.replace(/h|H/g,this.getHours());   
+    str=str.replace(/mm/,this.getMinutes()>9?this.getMinutes().toString():'0' + this.getMinutes());   
+    str=str.replace(/m/g,this.getMinutes());   
+  
+    str=str.replace(/ss|SS/,this.getSeconds()>9?this.getSeconds().toString():'0' + this.getSeconds());   
+    str=str.replace(/s|S/g,this.getSeconds());   
+  
+    return str;   
+}   
+  
+//+---------------------------------------------------  
+//| 求两个时间的天数差 日期格式为 YYYY-MM-dd   
+//+---------------------------------------------------  
+function daysBetween(DateOne,DateTwo)  
+{   
+    var OneMonth = DateOne.substring(5,DateOne.lastIndexOf ('-'));  
+    var OneDay = DateOne.substring(DateOne.length,DateOne.lastIndexOf ('-')+1);  
+    var OneYear = DateOne.substring(0,DateOne.indexOf ('-'));  
+  
+    var TwoMonth = DateTwo.substring(5,DateTwo.lastIndexOf ('-'));  
+    var TwoDay = DateTwo.substring(DateTwo.length,DateTwo.lastIndexOf ('-')+1);  
+    var TwoYear = DateTwo.substring(0,DateTwo.indexOf ('-'));  
+  
+    var cha=((Date.parse(OneMonth+'/'+OneDay+'/'+OneYear)- Date.parse(TwoMonth+'/'+TwoDay+'/'+TwoYear))/86400000);   
+    return Math.abs(cha);  
+}  
+  
+  
+//+---------------------------------------------------  
+//| 日期计算  
+//+---------------------------------------------------  
+Date.prototype.DateAdd = function(strInterval, Number) {   
+    var dtTmp = this;  
+    switch (strInterval) {   
+        case 's' :return new Date(Date.parse(dtTmp) + (1000 * Number));  
+        case 'n' :return new Date(Date.parse(dtTmp) + (60000 * Number));  
+        case 'h' :return new Date(Date.parse(dtTmp) + (3600000 * Number));  
+        case 'd' :return new Date(Date.parse(dtTmp) + (86400000 * Number));  
+        case 'w' :return new Date(Date.parse(dtTmp) + ((86400000 * 7) * Number));  
+        case 'q' :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number*3, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());  
+        case 'm' :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());  
+        case 'y' :return new Date((dtTmp.getFullYear() + Number), dtTmp.getMonth(), dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());  
+    }  
+}  
+  
+//+---------------------------------------------------  
+//| 比较日期差 dtEnd 格式为日期型或者有效日期格式字符串  
+//| 计算两日期相差的日期年月日等
+//| 使用方法：new Date("2013-12-20 00:00:00").dateDiff("d",new Date("2013-12-20 00:00:00"))
+//+---------------------------------------------------  
+Date.prototype.DateDiff = function(strInterval, dtEnd) {   
+    var dtStart = this;  
+    if (typeof dtEnd == 'string' )//如果是字符串转换为日期型  
+    {   
+        dtEnd = StringToDate(dtEnd);  
+    }  
+    switch (strInterval) {   
+        case 's' :return parseInt((dtEnd - dtStart) / 1000);  
+        case 'n' :return parseInt((dtEnd - dtStart) / 60000);  
+        case 'h' :return parseInt((dtEnd - dtStart) / 3600000);  
+        case 'd' :return parseInt((dtEnd - dtStart) / 86400000);  
+        case 'w' :return parseInt((dtEnd - dtStart) / (86400000 * 7));  
+        case 'm' :return (dtEnd.getMonth()+1)+((dtEnd.getFullYear()-dtStart.getFullYear())*12) - (dtStart.getMonth()+1);  
+        case 'y' :return dtEnd.getFullYear() - dtStart.getFullYear();  
+    }  
+}  
+  
+//+---------------------------------------------------  
+//| 日期输出字符串，重载了系统的toString方法  
+//+---------------------------------------------------  
+Date.prototype.toString = function(showWeek)  
+{   
+    var myDate= this;  
+    var str = myDate.toLocaleDateString();  
+    if (showWeek)  
+    {   
+        var Week = ['日','一','二','三','四','五','六'];  
+        str += ' 星期' + Week[myDate.getDay()];  
+    }  
+    return str;  
+}   
+  
+//+---------------------------------------------------  
+//| 日期时间检查  
+//| 格式为：YYYY-MM-DD HH:MM:SS  
+//+---------------------------------------------------  
+function CheckDateTime(str)  
+{   
+    var reg = /^(\d+)-(\d{ 1,2 })-(\d{ 1,2 }) (\d{ 1,2 }):(\d{ 1,2 }):(\d{ 1,2 })$/;   
+    var r = str.match(reg);   
+    if(r==null)return false;   
+    r[2]=r[2]-1;   
+    var d= new Date(r[1],r[2],r[3],r[4],r[5],r[6]);   
+    if(d.getFullYear()!=r[1])return false;   
+    if(d.getMonth()!=r[2])return false;   
+    if(d.getDate()!=r[3])return false;   
+    if(d.getHours()!=r[4])return false;   
+    if(d.getMinutes()!=r[5])return false;   
+    if(d.getSeconds()!=r[6])return false;   
+    return true;   
+}   
+  
+//+---------------------------------------------------  
+//| 把日期分割成数组  
+//+---------------------------------------------------  
+Date.prototype.toArray = function()  
+{   
+    var myDate = this;  
+    var myArray = Array();  
+    myArray[0] = myDate.getFullYear();  
+    myArray[1] = myDate.getMonth();  
+    myArray[2] = myDate.getDate();  
+    myArray[3] = myDate.getHours();  
+    myArray[4] = myDate.getMinutes();  
+    myArray[5] = myDate.getSeconds();  
+    return myArray;  
+}  
+  
+//+---------------------------------------------------  
+//| 取得日期数据信息  
+//| 参数 interval 表示数据类型  
+//| y 年 m月 d日 w星期 ww周 h时 n分 s秒  
+//+---------------------------------------------------  
+Date.prototype.DatePart = function(interval)  
+{   
+    var myDate = this;  
+    var partStr='';  
+    var Week = ['日','一','二','三','四','五','六'];  
+    switch (interval)  
+    {   
+        case 'y' :partStr = myDate.getFullYear();break;  
+        case 'm' :partStr = myDate.getMonth()+1;break;  
+        case 'd' :partStr = myDate.getDate();break;  
+        case 'w' :partStr = Week[myDate.getDay()];break;  
+        case 'ww' :partStr = myDate.WeekNumOfYear();break;  
+        case 'h' :partStr = myDate.getHours();break;  
+        case 'n' :partStr = myDate.getMinutes();break;  
+        case 's' :partStr = myDate.getSeconds();break;  
+    }  
+    return partStr;  
+}  
+  
+//+---------------------------------------------------  
+//| 取得当前日期所在月的最大天数  
+//+---------------------------------------------------  
+Date.prototype.MaxDayOfDate = function()  
+{   
+    var myDate = this;  
+    var ary = myDate.toArray();  
+    var date1 = (new Date(ary[0],ary[1],1));
+    var date2 = (new Date(ary[0], ary[1] + 1, 1));
+    var result = date1.DateDiff("d",date2);  
+    return result;  
+}  
+  
+//+---------------------------------------------------  
+//| 字符串转成日期类型   
+//| 格式 MM/dd/YYYY MM-dd-YYYY YYYY/MM/dd YYYY-MM-dd  
+//+---------------------------------------------------  
+function StringToDate(DateStr)  
+{   
+  
+    var converted = Date.parse(DateStr);  
+    var myDate = new Date(converted);  
+    if (isNaN(myDate))  
+    {   
+        //var delimCahar = DateStr.indexOf('/')!=-1?'/':'-';  
+        var arys= DateStr.split('-');  
+        myDate = new Date(arys[0],--arys[1],arys[2]);  
+    }  
+    return myDate;  
+}  
+
+ 
+
+//若要显示:当前日期加时间(如:2009-06-12 12:00)
+
+function CurentTime()
+    { 
+        var now = new Date();
+       
+        var year = now.getFullYear();       //年
+        var month = now.getMonth() + 1;     //月
+        var day = now.getDate();            //日
+       
+        var hh = now.getHours();            //时
+        var mm = now.getMinutes();          //分
+       
+        var clock = year + "-";
+       
+        if(month < 10)
+            clock += "0";
+       
+        clock += month + "-";
+       
+        if(day < 10)
+            clock += "0";
+           
+        clock += day + " ";
+       
+        if(hh < 10)
+            clock += "0";
+           
+        clock += hh + ":";
+        if (mm < 10) clock += '0'; 
+        clock += mm; 
+        return(clock);
+    }
+
+
+    function CurentDate() {
+        var now = new Date();
+
+        var year = now.getFullYear();       //年
+        var month = now.getMonth() + 1;     //月
+        var day = now.getDate();            //日
+
+        var clock = year + "-";
+
+        if (month < 10)
+            clock += "0";
+
+        clock += month + "-";
+
+        if (day < 10)
+            clock += "0";
+
+        clock += day;
+        return (clock);
+    }
+
+    function MonthFirstDate() {
+        var now = new Date();
+
+        var year = now.getFullYear();       //年
+        var month = now.getMonth() + 1;     //月
+        var day = "1";            //日
+
+        var clock = year + "-";
+
+        if (month < 10)
+            clock += "0";
+
+        clock += month + "-";
+
+        if (day < 10)
+            clock += "0";
+
+        clock += day;
+        return (clock);
+    }
+
+    function GetDatePart(nS) {
+        var now = new Date(nS);
+
+        var year = now.getFullYear();       //年
+        var month = now.getMonth() + 1;     //月
+        var day = now.getDate();            //日
+
+        var clock = year + "-";
+
+        if (month < 10)
+            clock += "0";
+
+        clock += month + "-";
+
+        if (day < 10)
+            clock += "0";
+
+        clock += day;
+        return (clock);
+    }
+
+    function getLocalTime(nS) {
+        var S = parseInt(nS).toString();
+
+        if (S.length==13) {
+            return new Date(parseInt(nS)).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ").replace(/上午/g, "").replace(/下午/g, "");
+        } else {
+            return new Date(parseInt(nS) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ").replace(/上午/g, "").replace(/下午/g, "");
+        }
+    }   

WebChart/Script/Common/huayi.config.js

@@ -0,0 +1,16 @@
+if (huayi == undefined) {
+    var huayi = {};
+}
+huayi.config = {
+	callcenter_url: "http://192.168.8.13:1001/",//生产环境
+    //callcenter_url: "http://139.224.236.21:4027/",//生产环境
+    //callcenter_data: "http://192.168.4.18:4032/",//市县选择
+// callcenter_url: "http://12345.shangqiu.gov.cn:8819/",//生产环境
+    //callcenter_url: "http://localhost:63662/"//测试环境
+
+//  socket_ip: "192.168.5.8",//ip
+    socket_ip: "192.168.4.3",//ip
+    socket_port: "8081",//端口
+    menuworktime: 30000,//菜单工单数量刷新间隔
+    indextime: 30000//首页报表刷新间隔
+};

WebChart/Script/Common/huayi.cookies.js

@@ -0,0 +1,13 @@
+if (huayi == undefined) {
+    var huayi = {};
+}
+huayi.coookies = function() {
+    this.uid = helper.cookies.get("uid") != "" ? helper.cookies.get("uid") : "";
+    this.passtoken = helper.cookies.get("passtoken") != "" ? helper.cookies.get("passtoken") : "";
+    this.imgurl = helper.cookies.get("imgurl") != "" ? helper.cookies.get("imgurl") : "0";
+    this.avatarurl = helper.cookies.get("image_avatar_url") != "" ? helper.cookies.get("image_avatar_url") : "http://img.800100.com/PerRes/Common/user/avatar/";
+    this.siteurl = helper.cookies.get("image_site_url") != "" ? helper.cookies.get("image_site_url") : "http://img.800100.com/PerRes/Common/";
+    this.liang = helper.cookies.get("liang") != "" ? helper.cookies.get("liang") : "";
+    this.userlevel = helper.cookies.get("userlevel") != "" ? helper.cookies.get("userlevel") : "";
+    this.agent = helper.cookies.get("agent") != "" ? helper.cookies.get("agent") : "";
+};

WebChart/Script/Common/huayi.http.js

@@ -0,0 +1,594 @@
+var helper = {};
+
+helper.http = {
+    newXMLHttp: function () {
+        var XMLHttp = null;
+        if (window.XMLHttpRequest) {
+            XMLHttp = new XMLHttpRequest();
+        }
+        if (XMLHttp == null && window.ActiveXObject) {
+            var clsids = ["MSXML2.XMLHttp.7.0", "MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp.2.0", "MSXML2.XMLHttp.1.0", "MSXML2.XMLHttp", "Microsoft.XMLHttp"];
+            for (var i = 0; i < clsids.length && XMLHttp == null; i++) {
+                try {
+                    XMLHttp = new ActiveXObject(clsids[i]);
+                } catch (e) {
+                }
+            }
+        }
+        return XMLHttp;
+    },
+    get: function (URL, func) {
+        try {
+            var XMLHttp = this.newXMLHttp();
+            if (typeof (func) != "function") {
+                XMLHttp.open("GET", URL, false);
+                XMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
+                XMLHttp.send(null);
+            
+                var result = XMLHttp.status;
+                var responseText = XMLHttp.responseText;
+
+                if (result == 200) {
+                    return responseText;
+                } else {
+                    return result;
+                }
+            } else {
+                XMLHttp.onreadystatechange = function () {
+                    if (XMLHttp.readyState == 4) {
+                        if (XMLHttp.status == 200) {
+                            var responseText = XMLHttp.responseText;
+                            func(responseText);
+                        } else {
+                            func(false);
+                        }
+                    }
+                };
+                XMLHttp.open("GET", URL, true);
+                XMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
+                XMLHttp.send(null);
+            }
+        } catch (e) {
+        }
+    },
+    post: function (URL, data, func) {
+        try {
+            var XMLHttp = this.newXMLHttp();
+            if (typeof (func) != "function") {
+                XMLHttp.open("POST", URL, false);
+                XMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
+                XMLHttp.send(data);
+
+                var result = XMLHttp.status;
+                var responseText = XMLHttp.responseText;
+
+                if (result == 200) {
+                    return responseText;
+                } else {
+                    return false;
+                }
+            } else {
+                XMLHttp.onreadystatechange = function () {
+                    if (XMLHttp.readyState == 4) {
+                        if (XMLHttp.status == 200) {
+                            var responseText = XMLHttp.responseText;
+                            func(responseText);
+                        } else {
+                            func(false);
+                        }
+                    }
+                };
+
+                XMLHttp.open("POST", URL, true);
+                XMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
+                XMLHttp.send(data);
+            }
+        } catch (e) {
+        }
+    }
+};
+
+helper.cookies = {
+    del: function (name) {
+        var exp = new Date();
+        exp.setTime(exp.getTime() - 1);
+        var cval = helper.cookies.get(name);
+        if (cval != null)
+            document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
+    },
+    set: function (name, value, remember) {
+        if (remember == true) {
+            var Days = 30;
+            var exp = new Date();
+            exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
+            document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString();
+        }
+        else {
+            document.cookie = name + "=" + escape(value) + ";path=/";
+        }
+    },
+    setday: function (name, value, remember) {
+        var Days = remember;
+        var exp = new Date();
+        exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
+        document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString();
+
+    },
+    setdomain: function (name, value, remember) {
+        var domain = window.location.host.split(".");
+        if (remember == true) {
+            var Days = 30;
+            var exp = new Date();
+            exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
+            document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString() + ";domain=." + domain[domain.length - 2] + "." + domain[domain.length - 1];
+        }
+        else {
+            document.cookie = name + "=" + escape(value) + ";path=/" + ";domain=." + domain[1] + "." + domain[2];
+        }
+    },
+    get: function (name) {
+        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
+
+        if (arr = document.cookie.match(reg)) {
+            return unescape(arr[2]);
+        } else {
+            return '';
+        }
+    }
+};
+
+/*
+获取URL中指定的参数
+例如：
+URL:test.com/test.aspx?test=t
+var t=helper.request.queryString("test");
+得到t
+*/
+helper.request = {
+    queryString:
+	        function (item) {
+	            locationSearch = "";
+	            var tmpLocationArr = location.href.split("?");
+	            if (tmpLocationArr.length > 1) locationSearch = "?" + tmpLocationArr[1];
+	            var svalue = locationSearch.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)", "i"));
+	            var Qvalue = svalue ? svalue[1] : svalue;
+	            if (Qvalue == null) {
+	                return "";
+	            } else {
+	                return Qvalue.trim();
+	            }
+	        },
+    queryurl:
+	        function (url, item) {
+	            locationSearch = "";
+	            var tmpLocationArr = url.split("?");
+	            if (tmpLocationArr.length > 1) locationSearch = "?" + tmpLocationArr[1];
+	            var svalue = locationSearch.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)", "i"));
+	            var Qvalue = svalue ? svalue[1] : svalue;
+	            if (Qvalue == null) {
+	                return "";
+	            } else {
+	                return Qvalue.trim();
+	            }
+	        }
+};
+
+
+helper.pager = {
+
+    //分页
+    PageList1: function (strFunName) {
+        /***总页数***/
+        var intPageCount = parseInt((parseInt(intRecordCount) + parseInt(intPageSize) - 1) / parseInt(intPageSize));
+        if (intPageCount <= 1) {
+            return "";
+        }
+
+        /***页码距***/
+        var intPageCurrent = 10;
+
+        /***起始页码***/
+        var intStartPage = (parseInt((parseInt(intPageIndex) + intPageCurrent - 1) / intPageCurrent) - 1) * intPageCurrent + 1;
+
+        /***结束页码***/
+        var intEndPage = intStartPage + intPageCurrent - 1;
+        if (intPageIndex % intPageCurrent == 0) {
+            intStartPage++;
+            intEndPage++;
+        }
+
+        if (intPageIndex % intPageCurrent - 1 == 0 && intPageIndex != 1) {
+            intStartPage--;
+            intEndPage--;
+        }
+
+        if (intEndPage >= intPageCount) {
+            intEndPage = intPageCount;
+        }
+
+        /***上一页，下一页***/
+        var intUpPage = parseInt(intPageIndex) - 1;
+        var intDownPage = parseInt(intPageIndex) + 1;
+        var strUpPage = "<a href=\"#\" onclick=\"" + strFunName + "(" + intUpPage + ")\" >上一页</a>";
+        var strDownPage = "<a href=\"#\" onclick=\"" + strFunName + "(" + intDownPage + ")\">下一页</a>";
+        if (intUpPage < 1) {
+            //intUpPage = 1;
+            strUpPage = "";
+        }
+        if (intPageIndex >= intPageCount) {
+            //intDownPage = intPageCount;
+            strDownPage = "";
+        }
+
+        /***生成页码列表***/
+        var strPageList = strUpPage;
+
+        for (var i = intStartPage; i <= intEndPage; i++) {
+            if (intPageIndex == i) {
+                /***当前页码***/
+                strPageList += "<a style=\"background-image:url(../images/bg/menublue22.jpg); background-position:bottom; background-repeat:repeat-x; padding:1px 6px;border-radius: 4px 4px 4px 4px; margin-right:3px; border:1px solid #aeb2b1;\" >" + i + "</a>";
+            }
+            else {
+                strPageList += "<a href=\"#\" onclick=\"" + strFunName + "(" + i + ");\">" + i + "</a>";
+            }
+        }
+        strPageList += strDownPage;
+
+        //直接跳转
+        strPageList += "总页数：" + intPageCount + "&nbsp;&nbsp;/&nbsp;&nbsp;";
+        strPageList += "<input type=\"text\" onkeyup=\"this.value=this.value.replace(/\\D/g,'')\" id=\"tb_index\" />";
+        strPageList += "&nbsp;&nbsp;<a style=\"cursor:pointer;\" onclick=\"javascript:helper.pager.checkPageValue()\">跳转</a>";
+        return strPageList;
+
+    },
+    checkPageValue: function () {
+        var intPageIndexNext = document.getElementById('tb_index').value;
+        if (parseInt(intPageIndexNext) == 0) {
+            document.getElementById('tb_index').value = "1";
+            $.jBox.alert('输入页面不能为0', '提示');
+            return;
+        }
+        if (intPageIndexNext == "") {
+            document.getElementById('tb_index').value = "1";
+            $.jBox.alert('输入页面不能为空', '提示');
+            return;
+        }
+        if (intPageIndexNext.length != 0) {
+            var intPageCount = parseInt((parseInt(intRecordCount) + parseInt(intPageSize) - 1) / parseInt(intPageSize));
+            if (intPageIndexNext <= intPageCount) {
+                intPageIndex = intPageIndexNext;
+                loadlist();
+            }
+            else {
+                document.getElementById('tb_index').value = intPageCount;
+                $.jBox.alert('输入页面不能大于总页数', '提示');
+            }
+        }
+        else {
+            document.getElementById('tb_index').value = "1";
+        }
+    },
+    loadJS: function (url) {
+        var domScript = document.createElement('script');
+        domScript.type = "text/javascript";
+        domScript.src = url;
+        domScript.onload = domScript.onreadystatechange = function () {
+            if (!this.readyState || 'loaded' === this.readyState || 'complete' === this.readyState) {
+                this.onload = this.onreadystatechange = null;
+                this.parentNode.removeChild(this);
+            }
+        };
+        document.getElementsByTagName('head')[0].appendChild(domScript);
+    }
+};
+
+helper.masklayer = {
+    layer: null,
+    showcount: 0,
+    show: function () {
+        this.layer = document.getElementById("masklayer");
+        if (!this.layer) {
+            this.layer = document.createElement("div");
+            this.layer.id = "masklayer";
+            this.layer.className = "masklayer";
+            /*this.layer.style.position = "absolute";
+            this.layer.style.top = "0";
+            this.layer.style.left = "0";
+            this.layer.style.zIndex = 1000;
+            var width = Math.max(
+            Math.max(document.body.clientWidth, document.documentElement.clientWidth),
+            Math.max(document.body.scrollWidth, document.documentElement.scrollWidth)
+            );
+            var height = Math.max(
+            Math.max(document.body.clientHeight, document.documentElement.clientHeight),
+            Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)
+            );
+            this.layer.style.width = width + "px";
+            this.layer.style.height = height + "px";*/
+            this.layer.innerHTML = "<iframe src='/blank.html' style='width:100%;height:100%;background-color:#fff;"
+                + "filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;"
+                + "position:absolute;z-index:999;top:0;left:0;' frameborder='0'></iframe>"
+                + "<div style='width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000;background:#000;"
+                + "filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;'></div>";
+            document.body.appendChild(this.layer);
+        }
+        this.showcount++;
+    },
+    hide: function () {
+        if (--this.showcount == 0) {
+            if (this.layer && this.layer.parentNode) {
+                this.layer.parentNode.removeChild(this.layer);
+            }
+        }
+    },
+    moveToCenter: function (e, x, y) {
+        if (e.style.display == "none") e.style.display = "";
+        var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
+        var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
+        if (x > 0) { x += scrollLeft; } else x = parseInt((document.documentElement.clientWidth - e.clientWidth) / 2) + scrollLeft;
+        if (y > 0) { y += scrollTop; } else y = parseInt((document.documentElement.clientHeight - e.clientHeight) / 2) + scrollTop;
+        x = x < 0 ? 0 : x;
+        y = y < 50 ? 50 : y;
+        e.style.left = x + "px";
+        e.style.top = y + "px";
+    }
+};
+
+helper.filter = {
+    Transcoding: function (content) {
+        content = content.replace(/∞L/g, "<");
+        content = content.replace(/∞R/g, ">");
+        content = content.replace(/∞∴/g, "'");
+        content = content.replace(/∞≡/g, "#");
+        content = content.replace(/∞※/g, "\"");
+        return content;
+    }
+};
+function str2asc(strstr) {
+    return ("0" + strstr.charCodeAt(0).toString(16)).slice(-2);
+}
+helper.url = {
+    getpara: function (name) {
+        var val;
+        paras = window.location.search;
+        paras = paras.substr(1);
+        paraarray = paras.split("&");
+        for (i = 0; i < paraarray.length; i++) {
+            temp = paraarray[i].split("=");
+            if (temp[0] == name) {
+                val = temp[1];
+                break;
+            }
+        }
+        if (val == null || val == "") {
+            return "";
+        } else {
+            return val;
+        }
+    }
+};
+helper.sys = {
+    getElementsByClassName: function (pnode, className) {
+        var nodes = pnode.getElementsByTagName('*');
+        var elements = new Array();
+        for (var i = 0; i < nodes.length; i++) {
+            if (nodes[i].className == className) {
+                elements[elements.length] = nodes[i];
+            }
+        }
+        return elements;
+    },
+    removeElement: function (element) {
+        if (element && element.parentNode) {
+
+            element.parentNode.removeChild(element);
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    ,
+    Return: function (url) {
+        top.location.href=url;
+    }
+};
+
+
+helper.DateFormat = {
+    d2s:
+        function (postdate) {
+            var second = 1000;
+            var minutes = second * 60;
+            var hours = minutes * 60;
+            var days = hours * 24;
+            var months = days * 30;
+            var twomonths = days * 365;
+            var myDate = new Date(Date.parse(postdate));
+            if (isNaN(myDate)) {
+                myDate = new Date(postdate.replace(/-/g, "/"));
+            }
+            var nowtime = new Date();
+            var longtime = nowtime.getTime() - myDate.getTime();
+            var showtime = 0;
+            if (longtime > months * 2) {
+                return postdate;
+            }
+            else if (longtime > months) {
+                return "1个月前";
+            }
+            else if (longtime > days * 7) {
+                return ("1周前");
+            }
+            else if (longtime > days) {
+                return (Math.floor(longtime / days) + "天前");
+            }
+            else if (longtime > hours) {
+                return (Math.floor(longtime / hours) + "小时前");
+            }
+            else if (longtime > minutes) {
+                return (Math.floor(longtime / minutes) + "分钟前");
+            }
+            else if (longtime > second) {
+                return (Math.floor(longtime / second) + "秒前");
+            } else {
+                return ("刚刚");
+            }
+        },
+    getPreMonth:
+    /**
+    * 获取上一个月
+    *
+    * @date 格式为yyyy-mm-dd的日期，如：2014-01-25
+    */
+        function (date) {
+            var arr = date.split('-');
+            var year = arr[0]; //获取当前日期的年份
+            var month = arr[1]; //获取当前日期的月份
+            var day = arr[2]; //获取当前日期的日
+            var days = new Date(year, month, 0);
+            days = days.getDate(); //获取当前日期中月的天数
+            var year2 = year;
+            var month2 = parseInt(month) - 1;
+            if (month2 == 0) {
+                year2 = parseInt(year2) - 1;
+                month2 = 12;
+            }
+            var day2 = day;
+            var days2 = new Date(year2, month2, 0);
+            days2 = days2.getDate();
+            if (day2 > days2) {
+                day2 = days2;
+            }
+            if (month2 < 10) {
+                month2 = '0' + month2;
+            }
+            var t2 = year2 + '-' + month2 + '-' + day2;
+            return t2;
+        },
+    getNextMonth:
+    /**
+    * 获取下一个月
+    *
+    * @date 格式为yyyy-mm-dd的日期，如：2014-01-25
+    */
+        function (date) {
+            var arr = date.split('-');
+            var year = arr[0]; //获取当前日期的年份
+            var month = arr[1]; //获取当前日期的月份
+            var day = arr[2]; //获取当前日期的日
+            var days = new Date(year, month, 0);
+            days = days.getDate(); //获取当前日期中的月的天数
+            var year2 = year;
+            var month2 = parseInt(month) + 1;
+            if (month2 == 13) {
+                year2 = parseInt(year2) + 1;
+                month2 = 1;
+            }
+            var day2 = day;
+            var days2 = new Date(year2, month2, 0);
+            days2 = days2.getDate();
+            if (day2 > days2) {
+                day2 = days2;
+            }
+            if (month2 < 10) {
+                month2 = '0' + month2;
+            }
+
+            var t2 = year2 + '-' + month2 + '-' + day2;
+            return t2;
+        },
+    getNowDate: function () {
+        var NowDate;
+        var myDate = new Date();
+        myDate.getYear();       //获取当前年份(2位)    
+        var YY = myDate.getFullYear();   //获取完整的年份(4位,1970-????)    
+        var MM = myDate.getMonth() + 1;       //获取当前月份(0-11,0代表1月)    
+        var DD = myDate.getDate();       //获取当前日(1-31)    
+        myDate.getDay();         //获取当前星期X(0-6,0代表星期天)    
+        myDate.getTime();       //获取当前时间(从1970.1.1开始的毫秒数)    
+        myDate.getHours();       //获取当前小时数(0-23)    
+        myDate.getMinutes();     //获取当前分钟数(0-59)    
+        myDate.getSeconds();     //获取当前秒数(0-59)    
+        myDate.getMilliseconds();   //获取当前毫秒数(0-999)    
+        myDate.toLocaleDateString();     //获取当前日期    
+        var mytime = myDate.toLocaleTimeString();     //获取当前时间    
+        myDate.toLocaleString();       //获取日期与时间    
+        NowDate = YY + "-" + MM + "-" + DD;
+
+        return NowDate;
+    }
+    ,
+    getFirstDayInCurrentMonth: function () {
+        var NowDate;
+        var myDate = new Date();
+        myDate.getYear();       //获取当前年份(2位)    
+        var YY = myDate.getFullYear();   //获取完整的年份(4位,1970-????)    
+        var MM = myDate.getMonth() + 1;       //获取当前月份(0-11,0代表1月)    
+        var DD = myDate.getDate();       //获取当前日(1-31)    
+        NowDate = YY + "-" + MM + "-1";
+
+        return NowDate;
+    }
+};
+helper.string = {
+    stringbuilder: function () {
+        this.arr = new Array();
+        this.append = function (str) {
+            this.arr.push(str);
+        };
+        this.tostring = function () {
+            return this.arr.join('');
+        };
+    }
+};
+helper.init = {
+    setajax: function (isload) { /// 配置AJAX
+        $(document).on("ajaxStart", function () {
+            if (isload) {
+                //加载框显示
+            }
+        }).on("ajaxSuccess", function (e, jqXHR, s, data) {
+            try {
+                if (s.type == "POST") {
+                    if (typeof (data)!='object') {
+                        data = $.parseJSON(data);
+                    }
+                }
+                if (s.type == "GET") {
+                    data = data
+                }
+                if (data.state.toLowerCase() == "notoken") {
+                    top.window.location.href = "./login.html";
+                    return;
+                }
+                if (data.state.toLowerCase() == "unauthorized") {
+                    layer.confirm(data.message, {
+                        btn: ['确定'] //按钮
+                    });
+                }
+                if (data.state.toLowerCase() == "error") {
+                    layer.confirm(data.message, {
+                        btn: ['确定'] //按钮
+                    });
+                }
+            } catch (e) {
+                if (isload) {
+                    //加载框消失
+                }
+            }
+        }).on("ajaxStop", function () {
+            if (isload) {
+                //加载框消失
+            }
+        })
+    },
+    setdh:function(){
+    	$("#ReIndex").click(function(){
+    		top.location.href="index.html";
+    	})
+    }
+}
+
+helper.init.setajax();
+helper.init.setdh();

WebChart/Script/Common/huayi.load.js

@@ -0,0 +1,51 @@
+var huayi = {};
+
+//huayi.local ={
+//    curWwwPath: window.document.location.href,
+//    pathName : window.document.location.pathname, 
+//    hostPath: window.document.location.href.substring(0, window.document.location.href.indexOf(window.document.location.pathname)) + window.document.location.pathname.substring(0, window.document.location.pathname.substr(1).indexOf('/') + 1)
+//};
+
+
+function GetPath() {
+    var curWwwPath = window.document.location.href;
+    //为了便于前端测试，便宜行事的解决方案
+    if (curWwwPath.indexOf("127.0.0.1")>0) {
+        var pathName = window.document.location.pathname;
+        var pos = curWwwPath.indexOf(pathName);
+        var localhostPaht = curWwwPath.substring(0, pos);
+        var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
+        var realPath = localhostPaht + projectName;
+        return realPath;
+    }
+    else {
+        return '';
+    }
+}
+
+
+var hostPath = GetPath();
+
+
+
+document.write(" <link href=\"" + hostPath + "/css/bootstrap.min.css\" rel=\"stylesheet\" type=\"text/css\" />");
+document.write(" <link href=\"" + hostPath + "/css/index.css\" rel=\"stylesheet\" type=\"text/css\" />");
+//document.write(" <link href=\"" + hostPath + "/css/bootstrap.min14ed.css?v=3.3.6\" rel=\"stylesheet\" type=\"text/css\" />");
+//document.write(" <link href=\"" + hostPath + "/css/boot/bootstrap-table.css\" rel=\"stylesheet\" type=\"text/css\" />");
+//document.write(" <link href=\"" + hostPath + "/font/iconfont.css\" rel=\"stylesheet\" type=\"text/css\" />");
+//document.write(" <link href=\"" + hostPath + "/css/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />");
+//document.write(" <link href=\"" + hostPath + "/css/style.min862f.css?v=4.1.0\" rel=\"stylesheet\" type=\"text/css\" />");
+//
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/jquery.min.js?v=2.1.4\"></script>");
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/jquery.cookie.js\"></script>");
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/echarts.min.js\"></script>");
+//document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/highcharts.js\"></script>");
+//document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/gray.js\"></script>");
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/radialIndicator.js\"></script>");
+
+//document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/bootstrap.min.js?v=3.3.6\"></script>");
+//document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/bootstrap-table.js\"></script>");
+//document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/bootstrap-table-zh-CN.js\"></script>");
+//document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/layer/layer.js\"></script>");
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/laydate/laydate.js\"></script>");
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/Script/Common/huayi.http.js\"></script>");

WebChart/Script/test.js

@@ -0,0 +1,7 @@
+function Login() {
+
+    //var ss = helper.http.get("http://localhost:61861/interface/GetData.asmx/GetData?P=CeShi/CS&r=1111" + Math.random());
+    var ss = helper.http.get("http://localhost:801/Home/ss");
+        alert(ss);
+
+}

WebChart/TelephoneDetails.html

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+		<!--优先使用 IE 最新版本和 Chrome-->
+		<meta name="renderer" content="webkit" />
+		<script src="Script/Common/huayi.load.js"></script>
+		<script src="Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="css/index.css" />
+		<title>话务量详情页</title>
+		<style>
+			#time1{
+				width: 199px;
+			}
+			.phone_bottom >div:last-child{
+				width: 40%;
+				margin-left: 1%;
+				 background: url(img/jd_bg3.png) no-repeat center;
+				 background-size: 100% 100%;
+			}
+			.phone_bottom >div:first-child{
+				 background: url(img/jd_bg2.png) no-repeat center;
+				 background-size: 100% 100%;
+				width: 59%;
+			}
+		</style>
+	</head>
+
+	<body>
+		<!--导航栏开始-->
+		<div id="nav" class="clearfix">
+			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
+			<div class="nav_middle">
+				<ul class="clearfix">
+					<li>
+						<a href="./sourceChannel.html"><img src="img/lyqd_0.png" alt="" /></a>
+					</li>
+					<li>
+						<a href="./receiptDepartment.html"><img src="img/jdbm_0.png" alt="" /></a>
+					</li>
+					<li>
+						<a href="./index.html"><img src="img/title.png" alt="" /></a>
+					</li>
+					<li>
+						<a href="./TelephoneDetails.html"><img src="img/hwsl_1.png" alt="" /></a>
+					</li>
+					<li>
+						<a href="./complaintsReport.html"><img src="img/tsjb_0.png" alt="" /></a>
+					</li>
+				</ul>
+
+			</div>
+			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
+		</div>
+		<!--导航栏结束-->
+		<div id="wrap" class="container">
+				<div class="phone_top">
+				<div class="legend_bar clearfix">
+					<div class="title_word pull-left">
+						<span class="col-line"></span> 坐席闲忙比例
+					</div>
+					<div class="time_box pull-right form-inline">
+						地区选择：
+						<select class="areaOne selects" style="height: 30px;"></select>
+						日期<input type="text" id="time1" class="times" />
+					</div>
+				</div>
+				<div id="sitProportion" style=" width: 100%;height: 400px;"></div>
+			</div>
+			<!--<div class="row">-->
+				<div class="phone_bottom clearfix">
+				<div class="bottom_left pull-left">
+					<div class="legend_bar clearfix">
+					<div class="title_word pull-left">
+						<span class="col-line"></span> 话务量实时统计数据
+					</div>
+					<div class="time_box pull-right form-inline">
+						日期<input type="text" id="time2" class="times" />
+					</div>
+
+				</div>
+					<!--话务量实时统计-->
+					<div id="phoneTimeCount" style="width: 100%;height: 390px;"></div>
+				</div>
+				<div class="bottom_right pull-left">
+					<div class="legend_bar clearfix">
+					<div class="title_word pull-left">
+						<span class="col-line"></span> 今日话务量数据
+					</div>
+					<div class="time_box pull-right form-inline">
+						日期<input type="text" id="time3" class="times"/>
+					</div>
+
+				</div>
+					<!--今日话务量数据-->
+					<div id="todyPhoneCount" style="width: 100%;height: 390px;"></div>	
+				</div>
+
+			</div>
+			<!--</div>-->
+		</div>
+		<script src="js/TelephoneDetails.js"></script>
+		<script src="js/setItervalTime.js"></script>
+	</body>
+
+</html>

WebChart/complaintsReport.html

@@ -0,0 +1,355 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+		<!--优先使用 IE 最新版本和 Chrome-->
+		<meta name="renderer" content="webkit" />
+		<script src="Script/Common/huayi.load.js"></script>
+		<script src="Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="css/index.css" />
+		<title>投诉举报</title>
+		<style>
+			
+			
+			#time1{
+				width: 155px;
+			}
+			#time2,
+			#time3 {
+				width: 198px;
+			}
+			.selects_box:before {
+				z-index: 1;
+			}
+			.phone_bottom>div:last-child {
+				width: 44%;
+				margin-left: 1%;
+				background: url(img/jd_bg3.png) no-repeat center;
+				background-size: 100% 100%;
+			}
+			
+			.phone_bottom>div:first-child {
+				background: url(img/jd_bg2.png) no-repeat center;
+				background-size: 100% 100%;
+				width: 55%;
+			}
+			
+			.phone_bottom>div:first-child table {
+				width: 95%;
+				margin: 0 auto;
+				color: #fff;
+				font-size: 12px;
+			}
+			
+			.table_box {
+				margin-top: 30px;
+			}
+			.table>thead>tr>td {
+				border-top: 2px solid #3160a2;
+			}
+			.table>tbody>tr>td{
+				border-top: 1px solid #3160a2;
+				color: #00e9ff;
+			}
+			.table>tbody>tr>td:first-child{
+				color: #fff;
+			}
+			table thead, tbody tr {
+	            display:table;
+	            width:100%;
+	            table-layout:fixed;
+	        }
+	       .table>tbody>tr>td:last-child{
+	        	color: #95e193;
+	        }
+	       .table>tbody>tr>td:nth-last-child(2){
+	        	color: #ec6969!important;
+	        }
+			.quadrangle {
+				display: inline-block;
+				width: 9px;
+				height: 20px;
+				background: #69e1a9;
+				transform: skewX(20deg);
+			}
+			
+			.bottom_right li {
+				position: relative;
+				width: 134px;
+				text-align: right;
+				height: 20px;
+				line-height: 15px;
+				margin-top: 35px;
+				margin-left: 30px;
+			}
+			
+			.bottom_right ul li:nth-of-type(1) {
+				margin-top: 40px;
+				background: url(img/sbx_line0.png) no-repeat;
+			}
+			
+			.bottom_right ul li:nth-of-type(2) {
+				background: url(img/sbx_line1.png) no-repeat;
+			}
+			
+			.bottom_right ul li:nth-of-type(3) {
+				background: url(img/sbx_line2.png) no-repeat;
+			}
+			
+			.bottom_right ul li:nth-of-type(4) {
+				background: url(img/sbx_line3.png) no-repeat;
+			}
+			
+			.bottom_right ul li:nth-of-type(5) {
+				background: url(img/sbx_line4.png) no-repeat;
+			}
+			
+			.bottom_right ul li:nth-of-type(6) {
+				background: url(img/sbx_line5.png) no-repeat;
+			}
+			
+			.type_name {
+				color: #00e9ff;
+			}
+			
+			.type_count {
+				color: #fff;
+				margin-left: 25px;
+			}
+			.selects {
+				height: 30px;
+				margin-right: 15px;
+			}
+		</style>
+	</head>
+
+	<body>
+		<!--导航栏开始-->
+		<div id="nav" class="clearfix">
+			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
+			<div class="nav_middle">
+				<ul class="clearfix">
+					<li>
+						<a href="./sourceChannel.html"><img src="img/lyqd_0.png" alt="" /></a>
+					</li>
+					<li>
+						<a href="./receiptDepartment.html"><img src="img/jdbm_0.png" alt="" /></a>
+					</li>
+					<li>
+						<a href="./index.html"><img src="img/title.png" alt="" /></a>
+					</li>
+					<li>
+						<a href="./TelephoneDetails.html"><img src="img/hwsl_0.png" alt="" /></a>
+					</li>
+					<li>
+						<a href="./complaintsReport.html"><img src="img/tsjb_1.png" alt="" /></a>
+					</li>
+				</ul>
+
+			</div>
+			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
+		</div>
+		<!--导航栏结束-->
+		<div id="wrap" class="container">
+			<div class="phone_top">
+				<div class="legend_bar clearfix">
+					<div class="title_word pull-left">
+						<span class="col-line"></span> 投诉类别统计
+					</div>
+					<div class="time_box pull-right form-inline">
+						地区选择：
+						<select class="areaOne selects"></select>
+						日期<input type="text" id="time1" class="times" />
+					</div>
+				</div>
+				<div id="part_1" style="width: 100%;height: 400px;"></div>
+			</div>
+			<!--<div class="row">-->
+			<div class="phone_bottom clearfix">
+				<div class="bottom_left pull-left">
+					<div class="legend_bar clearfix">
+						<div class="title_word pull-left">
+							<span class="col-line"></span> 投诉关键字统计
+						</div>
+						<div class="time_box pull-right form-inline">
+							关键字
+							<select class="keys selects" style="width: 200px;"></select>
+							日期<input type="text" id="time2" class="times" />
+						</div>
+					</div>
+					<!--投诉关键字统计-->
+					<div class="table_box" style="width: 100%;height: 390px;">
+						<table class="table">
+							<colgroup>
+								<col style="width: 120px;" />
+								<col/>
+							</colgroup>
+							<thead>
+								<tr>
+									<td>关键字</td>
+									<td>咨询</td>
+									<td>求助</td>
+									<td>建议</td>
+									<td>表扬</td>
+									<td>其他</td>
+									<td>投诉量</td>
+									<td>合计</td>
+									<td>排名</td>
+								</tr>
+							</thead>
+						</table>
+						<div id="scroll_table" style="width: 100%;height: 300px; overflow: hidden;">
+							<table class="table">
+								<colgroup>
+									<col style="width: 120px;" />
+									<col/>
+								</colgroup>
+								<tbody>
+									<tr>
+										<td>工作效率</td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color2">120</span></td>
+										<td><span class="text_color3">1</span></td>
+									</tr>
+									<tr>
+										<td>服务态度</td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color2">120</span></td>
+										<td><span class="text_color3">2</span></td>
+									</tr>
+									<tr>
+										<td>咨询建议</td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color2">120</span></td>
+										<td><span class="text_color3">3</span></td>
+									</tr>
+									<tr>
+										<td>房产物业</td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color2">120</span></td>
+										<td><span class="text_color3">4</span></td>
+									</tr>
+									<tr>
+										<td>城市交通</td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color2">120</span></td>
+										<td><span class="text_color3">5</span></td>
+									</tr>
+									<tr>
+										<td>环境保护</td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color2">120</span></td>
+										<td><span class="text_color3">6</span></td>
+									</tr>
+									<tr>
+										<td>市政管理</td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color2">120</span></td>
+										<td><span class="text_color3">7</span></td>
+									</tr>
+									<tr>
+										<td>水电气暖</td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color2">120</span></td>
+										<td><span class="text_color3">8</span></td>
+									</tr>
+									<tr>
+										<td>部门效能</td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color2">120</span></td>
+										<td><span class="text_color3">9</span></td>
+									</tr>
+									<tr>
+										<td>办事效率</td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color1">20</span></td>
+										<td><span class="text_color2">120</span></td>
+										<td><span class="text_color3">10</span></td>
+									</tr>
+								</tbody>
+
+							</table>
+
+						</div>
+
+					</div>
+				</div>
+
+				<div class="bottom_right pull-left">
+					<div class="legend_bar clearfix">
+						<div class="title_word pull-left">
+							<span class="col-line"></span> 投诉分类统计
+						</div>
+						<div class="time_box pull-right form-inline">
+							日期<input type="text" id="time3" class="times" />
+						</div>
+
+					</div>
+					<div class="clearfix">
+						<ul class="pull-left complaint_type" style=" width:35%;">
+							<li>
+								<span class="type_name">咨询</span> <span class="type_count">956</span>
+							</li>
+							<li>
+								<span class="type_name">建议</span> <span class="type_count">956</span>
+							</li>
+							<li> <span class="type_name">咨询</span> <span class="type_count">956</span></li>
+							<li> <span class="type_name">咨询</span> <span class="type_count">956</span></li>
+							<li> <span class="type_name">咨询</span> <span class="type_count">956</span></li>
+							<li> <span class="type_name">咨询</span> <span class="type_count">956</span></li>
+						</ul>
+						<!--投诉分类统计-->
+						<div class="pull-right" id="part3" style=" width: 65%;height: 340px;"></div>
+					</div>
+
+				</div>
+
+			</div>
+			<!--</div>-->
+		</div>
+		<script src="js/complaintsReport.js"></script>
+		<script src="js/setItervalTime.js"></script>
+	</body>
+
+</html>