商丘文档需求更改

WebChart/js/pieChat.js

@@ -17,8 +17,16 @@ function satisfaction(start, end, areaTwoVal) {
 			if(data.state == "success") {
 				var sorceData=data.data
 				var option = {
+//					tooltip: {
+//						formatter: "{b} : {c} ({d}%)"
+//					},
 					tooltip: {
-						formatter: "{b} : {c} ({d}%)"
+					    formatter: function (val) {
+					        // console.log(val);// 打印可以看到里面包含什么
+					        var percent = val.data.name+"："+val.data.text;
+					        // 下面return的值可以随便填。填你所需要的值就好。
+					        return percent;
+					    }
 					},
 					legend: {
 						orient: 'vertical',
@@ -70,35 +78,43 @@ function satisfaction(start, end, areaTwoVal) {
 						},
 
 						data: [{
-								value: sorceData[0].Count,
+								value: 0,
+								text: sorceData[0].Count,
 								name: '12345邮箱',
 							},
 							{
-								value: sorceData[1].Count,
+								value: 0,
+								text: sorceData[1].Count,
 								name: '电话',
 							},
 							{
-								value: sorceData[2].Count,
+								value: 0,
+								text: sorceData[2].Count,
 								name: '市县转单',
 							},
 							{
-								value: sorceData[3].Count,
+								value: 0,
+								text: sorceData[3].Count,
 								name: '手机APP',
 							},
 							{
-								value: sorceData[4].Count,
+								value: 0,
+								text: sorceData[4].Count,
 								name: '网站',
 							},
 							{
-								value: sorceData[5].Count,
+								value: 0,
+								text: sorceData[5].Count,
 								name: '微博',
 							},
 							{
-								value: sorceData[6].Count,
+								value: 0,
+								text: sorceData[6].Count,
 								name: '微信',
 							},
 							{
-								value: sorceData[7].Count,
+								value: 0,
+								text: sorceData[7].Count,
 								name: '政府服务网',
 							}
 

WebUI/CallCenterWeb.UI/CommonHtml/PrintPreview-1.html

@@ -14,7 +14,7 @@
     </METAHTTP-EQUIV="Expires" CONTENT="0">-->
 		<style>
 			#main {
-				width: 788.8px;
+				width: 100%;
 				/*margin: 0 auto;*/
 				-webkit-box-shadow: 1px 1px 9px 2px #D2D2D2;
 				box-shadow: 1px 1px 9px 2px #D2D2D2;
@@ -57,7 +57,7 @@
 			}
 			#main table {
 				margin: 0 auto;
-				width: 621px;
+				width: 100%;
 				border-collapse: collapse;
 				font-size: 13pt;
 				font-family: "仿宋";
@@ -323,13 +323,15 @@
 		<!--endprint1-->
 
 		<div class="alignC">
-			<input type="button" value="导出PDF" class="btn" id="btn-html2canvas" />
+			<input type="button" value="导出Word" class="btn" id="btn-html2canvas" />
 			<input type="button" value="打印" class="btn" onclick="preview(1)" />
 		</div>
 
 		<script src="../js/plugins/html2pdf/jspdf.debug.js"></script>
 		<script src="../js/plugins/html2pdf/html2canvas.js"></script>
 		<script src="../js/plugins/html2pdf/canvas2image.js"></script>
+		<script src="../js/plugins/html2pdf/FileSaver.js"></script>
+		<script src="../js/plugins/html2pdf/jquery.wordexport.js"></script>
 		<script type="text/javascript">
 			var wid = helper.request.queryString("wid");
 			$(document).ready(function() {
@@ -350,6 +352,8 @@
 							$(".lxr ").text(content.data[0].F_ComContent); //内容
 							if (content.data[0].F_IsReload>0) {
 								$(".textCb").show();
+							}else{
+								$(".textCb").remove();
 							}
 							var T = content.data[0].F_CreateTime; //受理时间
 							if(T) {
@@ -423,102 +427,11 @@
 						}
 					})
 				}
-				//导出pdf点击事件
-				document.getElementById("btn-html2canvas").onclick = convert2pdf;
-			})
-
-			//导出pdf处理过清晰度
-			function convert2pdf() {
-				var cntElem = $('#main')[0];
-				var shareContent = cntElem; //需要截图的包裹的（原生的）DOM 对象
-				var width = shareContent.offsetWidth; //获取dom 宽度
-				var height = shareContent.offsetHeight; //获取dom 高度
-				var canvas = document.createElement("canvas"); //创建一个canvas节点
-				var scale = 2; //定义任意放大倍数 支持小数
-				canvas.width = width * scale; //定义canvas 宽度 * 缩放
-				canvas.height = height * scale; //定义canvas高度 *缩放
-				canvas.getContext("2d").scale(scale, scale); //获取context,设置scale 
-				var opts = {
-					scale: scale, // 添加的scale 参数
-					canvas: canvas, //自定义 canvas
-					// logging: true, //日志开关，便于查看html2canvas的内部执行流程
-					width: width, //dom 原始宽度
-					height: height,
-					useCORS: true // 【重要】开启跨域配置
-				};
-
-				html2canvas(shareContent, opts).then(function(canvas) {
-					var context = canvas.getContext('2d');
-					// 【重要】关闭抗锯齿
-					context.mozImageSmoothingEnabled = false;
-					context.webkitImageSmoothingEnabled = false;
-					context.msImageSmoothingEnabled = false;
-					context.imageSmoothingEnabled = false;
-					var w = canvas.width;
-					var h = canvas.height;
-					// 【重要】默认转化的格式为png,也可设置为其他格式
-					var img = Canvas2Image.convertToJPEG(canvas, w, h, 'jpeg');
-
-					var imgData = $(img).attr('src');
-
-					var doc = new jsPDF("p", "mm", "a4");
-					//                               |
-					// |—————————————————————————————|                     
-					// A0 841×1189                           
-					// A1 594×841                            
-					// A2 420×594                            
-					// A3 297×420                            
-					// A4 210×297                            
-					// A5 148×210                            
-					// A6 105×148                            
-					// A7 74×105                             
-					// A8 52×74                              
-					// A9 37×52                              
-					// A10 26×37             
-					//     |——|———————————————————————————|
-					//                                 |——|——|
-					//                                 |     |      
-					doc.addImage(imgData, 'JPEG', 0, 0, 210, 297);
-
-					doc.save('sq12345.pdf');
-
-				});
-			}
-
-			//导出pdf未处理清晰度
-			function convert2pdf1() {
-				// 将 id 为 content 的 div 渲染成 canvas
-				html2canvas(document.getElementById("main"), {
-
-					// 渲染完成时调用，获得 canvas
-					onrendered: function(canvas) {
-
-						// 从 canvas 提取图片数据
-						var imgData = canvas.toDataURL('image/jpeg');
-
-						var doc = new jsPDF("p", "mm", "a4");
-						//                               |
-						// |—————————————————————————————|                     
-						// A0 841×1189                           
-						// A1 594×841                            
-						// A2 420×594                            
-						// A3 297×420                            
-						// A4 210×297                            
-						// A5 148×210                            
-						// A6 105×148                            
-						// A7 74×105                             
-						// A8 52×74                              
-						// A9 37×52                              
-						// A10 26×37             
-						//     |——|———————————————————————————|
-						//                                 |——|——|
-						//                                 |     |      
-						doc.addImage(imgData, 'JPEG', 0, 0, 210, 297);
-
-						doc.save('sq12345.pdf');
-					}
+				$("#btn-html2canvas").on("click",function(){
+				    $("#main").wordExport();
 				});
-			}
+				
+			})
 
 			function preview(oper) {
 				//debugger;

WebUI/CallCenterWeb.UI/ReportForm/seatsCheck.html

@@ -82,7 +82,17 @@
 						<div class="one_content">
 							<div class="toolBar clearfix">
 								<div class="toolLeft">
-									开始时间: <span class="time-box"><i class="tub fa fa-calendar"></i><input type="text" id="startTime" /></span> 结束时间: <span class="time-box"><i class="tub fa fa-calendar"></i><input type="text" id="endTime" /></span>
+									 
+									开始时间: 
+									<span class="time-box">
+										<i class="tub fa fa-calendar"></i>
+										<input type="text" id="startTime" style="width: 190px;"/>
+									</span>
+									 结束时间: 
+									 <span class="time-box">
+									 	<i class="tub fa fa-calendar"></i>
+									 	<input type="text" id="endTime" style="width: 190px;"/>
+									 </span>
 									<a class="search btns">搜索</a>
 									<a class="btns export">导出</a>
 
@@ -115,7 +125,16 @@
 						<div class="two_content" style="display: none;">
 							<div class="toolBar clearfix">
 								<div class="toolLeft">
-									开始时间: <span class="time-box"><i class="tub fa fa-calendar"></i><input type="text" id="startTime1" /></span> 结束时间: <span class="time-box"><i class="tub fa fa-calendar"></i><input type="text" id="endTime1" /></span>
+									开始时间: 
+									<span class="time-box">
+										<i class="tub fa fa-calendar"></i>
+										<input type="text" id="startTime1" />
+									</span> 
+									结束时间: 
+									<span class="time-box">
+										<i class="tub fa fa-calendar"></i>
+										<input type="text" id="endTime1" />
+									</span>
 									<a class="search2 btns">搜索</a>
 									<a class="btns export2">导出</a>
 
@@ -150,9 +169,21 @@
 		<script>
 			var table1 = $('#table1');
 			var dates = new Date();
-			var time = dates.getFullYear() + "-" + (dates.getMonth() + 1) + "-" + (dates.getDate());
+			//helper.DateFormat.getNowDate();
+			//alert()
+			var timeS = dates.getFullYear() + "-" 
+			+ (dates.getMonth() + 1) 
+			+ "-" + (dates.getDate())
+			+ " 00:00:00";
+			var timeE = dates.getFullYear() + "-" 
+			+ (dates.getMonth() + 1) 
+			+ "-" + (dates.getDate())
+			+ " " + (dates.getHours())
+			+ ":" + (dates.getMinutes())
+			+ ":" + (dates.getSeconds());
 			$(document).ready(function() {
-
+				//获取当前小时数(0-23)    
+		 		//获取当前分钟数(0-59)    
 				$('.ul_tab li').click(function() {
 					//					$(this).parent().find("li").removeClass("active");
 					$(this).addClass("active").siblings().removeClass("active");
@@ -160,28 +191,28 @@
 					$('.tab-content').children("div").eq(index).show().siblings().hide();
 				})
 
-				$('#startTime').val(time)
+				$('#startTime').val(timeS)
 				laydate.render({
 					elem: '#startTime',
-					format: 'yyyy-MM-dd',
+					type: 'datetime',
 					theme: '#00a1cb'
 				});
-				$('#endTime').val(time)
+				$('#endTime').val(timeE)
 				laydate.render({
 					elem: '#endTime',
-					format: 'yyyy-MM-dd',
+					type: 'datetime',
 					theme: '#00a1cb'
 				});
-				$('#startTime1').val(time)
+				$('#startTime1').val(timeS)
 				laydate.render({
 					elem: '#startTime1',
-					format: 'yyyy-MM-dd',
+					type: 'datetime',
 					theme: '#00a1cb'
 				});
-				$('#endTime1').val(time)
+				$('#endTime1').val(timeE)
 				laydate.render({
 					elem: '#endTime1',
-					format: 'yyyy-MM-dd',
+					type: 'datetime',
 					theme: '#00a1cb'
 				});
 				initTable1();

WebUI/CallCenterWeb.UI/YeWu/Number.html

@@ -59,6 +59,10 @@
         .cx {
             display: block;
         }
+        .seach-box ul li select{
+        	height: 32px;
+        	line-height: 32px;
+        }
     </style>
 </head>
 
@@ -94,6 +98,15 @@
                                     </span>
                                 </li>
                                 <li>
+                                	办理单位：
+                                	<select name="" id="BLDW">
+									 	<option value="">一级单位</option>
+									 	<option value="1">一级单位</option>
+									 	<option value="2">一级单位</option>
+									 </select>
+                                </li>
+                                
+                                <li>
                                     <a class="sc_btn btns db">搜索</a>
                                      <a class="sc_btn btns export">导出</a>
                                 </li>
@@ -166,6 +179,7 @@
                 type: 'get',
                 data: {
                     sdate: $("#startTimes").val(),
+                    isdept:$("#BLDW").val(),
                     edate: $("#endTimes").val(),
                     //date: $("#monthDateTimes").val(),
                     token: $.cookie("token")

WebUI/CallCenterWeb.UI/YeWu/QXMY.html

@@ -0,0 +1,211 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>满意度统计</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
+    <link href="../css/init.css" rel="stylesheet" />
+    <script src="../css/laydate/laydate.js"></script>
+    <script src="../My97DatePicker/WdatePicker.js"></script>
+    <style>
+        table td {
+            word-break: break-all;
+            word-wrap: break-word;
+        }
+
+        .ld-service li {
+            float: left;
+            font-size: 14px;
+            color: #000;
+            padding: 5px 15px;
+            cursor: pointer;
+            border-bottom: 1px solid #ccc;
+        }
+
+        .cr-click {
+            border: 1px solid #ccc;
+            background-color: #fff;
+            border-bottom: none !important;
+            border-bottom-left-radius: 5px;
+            border-bottom-right-radius: 5px;
+        }
+
+        .Shows {
+            display: block !important;
+        }
+
+        .complain {
+            display: none;
+        }
+
+        th {
+            padding: 5px;
+            text-align: center;
+        }
+
+        td {
+            padding: 5px;
+        }
+
+        .Borders {
+            border: 1px solid #d7d7d7;
+        }
+        .cx {
+            display: block;
+        }
+    </style>
+</head>
+
+<body class="gray-bg">
+    <div class="wrapper wrapper-content animated fadeInRight">
+        <div class="daoHang clearfix">
+            <div class="dhLeft">
+                <sapn>
+                    <i class="syIcon"></i>位置：
+                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
+                    <a href="javaScript:;">业务统计</a>&gt;
+                    <a class="nowPosition">区县满意度统计</a>
+                </sapn>
+            </div>
+             <div class="dhRight">
+					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>					
+				</div>
+        </div>
+
+        <div class="Content_box">
+            <!--待处理/-->
+            <div class="complain Shows">
+                <div class="th-box">
+                    <div class="th-bar">
+                        <div class="seach-box">
+                            <ul>
+                                <li>
+                                    	创建时间：
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="startTimes" />-
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="endTimes" />
+                                </li>
+                                <li>
+                                    <a class="sc_btn btns db" style="padding: 7px 10px;">搜索</a>
+                                     <a class="sc_btn btns export">导出</a>
+                                </li>
+                                <li><span class="text-danger" style="padding-left: 10px;line-height: 30px;">默认显示当前月的信息</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div style="width: 100%;padding: 10px;">
+                    <table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                        <thead>
+                            <tr>
+                                <th data-field="deptname" data-align="center">单位名称</th>
+                                <th data-field="count" data-align="center">处理总量</th>
+                                 <th data-field="satisfiedcount" data-align="center">满意总量</th>
+                                <th data-field="notsatisfiedcount" data-align="center">不满意总量</th>
+                                  <th data-field="satisfiedrate" data-align="center">满意度</th>
+                            </tr>
+                        </thead>
+                    </table>
+                </div>
+            </div>
+
+        </div>
+    </div>
+   
+    <script>
+        
+        $(document).ready(function () {
+            laydate.skin('blue');
+            laydate({
+                elem: '#startTimes',
+                event: 'focus'
+            });
+
+            laydate({
+                elem: '#endTimes',
+                event: 'focus'
+            });
+            initTable();
+        })
+        function initTable() {
+            $.ajax({
+                url: huayi.config.callcenter_url + 'workorderreport/getareasatisfied',
+                type: 'get',
+                data: {
+                    start: $("#startTimes").val(),
+                    end: $("#endTimes").val(),
+                    token: $.cookie("token")
+                },
+                dataType: "json",
+                async: true,
+                success: function (returnValue) {
+                    //异步获取数据
+                    var resultData1 = returnValue.data.AreaSatisfiedReport;
+                    $('#workorderlist').bootstrapTable('load', resultData1);
+                }
+            });
+            $('#workorderlist').bootstrapTable('destroy').bootstrapTable({ striped: true });
+        }
+        //表格一
+        //function initTable() {
+        //    //先销毁表格
+        //    $('#workorderlist').bootstrapTable('destroy');
+        //    //初始化表格,动态从服务器加载数据
+        //    $("#workorderlist").bootstrapTable({
+        //        method: "get", //使用get请求到服务器获取数据
+        //        url:huayi.config.callcenter_url +"WorkOrderReport/GetDeptSatisfied",
+        //        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 = {
+        //                pageIndex: params.pageNumber,
+        //                pageSize: params.pageSize,
+        //                starttime: $("#startTimes").val(),
+        //                endtime: $("#endTimes").val(),
+        //                token: $.cookie("token")
+        //            };
+        //            return param;
+        //        },
+        //        onLoadSuccess: function () { //加载成功时执行
+        //            //layer.msg("加载成功");
+        //        },
+        //        onLoadError: function () { //加载失败时执行
+        //            //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+        //        }
+        //    });
+        //}
+       
+        //代办搜索
+        $(".db").click(function () {
+            initTable();
+        })
+ 		//导出
+         $('.export').click(function(){
+        		dcexcel(this);
+        })
+           		
+	   function dcexcel(obj) {
+        var url = huayi.config.callcenter_url + "workorderreport/getareasatisfied?token=" + $.cookie("token");
+        url += "&start=" + $("#startTimes").val() + "&end=" + $("#endTimes").val() + "&isExport=true";
+            obj.href = url;
+   		 }
+     
+   
+    </script>
+</body>
+
+</html>

WebUI/CallCenterWeb.UI/js/plugins/html2pdf/FileSaver.js

@@ -0,0 +1,188 @@
+/* FileSaver.js
+ * A saveAs() FileSaver implementation.
+ * 1.3.2
+ * 2016-06-16 18:25:19
+ *
+ * By Eli Grey, http://eligrey.com
+ * License: MIT
+ *   See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md
+ */
+
+/*global self */
+/*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */
+
+/*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
+
+var saveAs = saveAs || (function(view) {
+	"use strict";
+	// IE <10 is explicitly unsupported
+	if (typeof view === "undefined" || typeof navigator !== "undefined" && /MSIE [1-9]\./.test(navigator.userAgent)) {
+		return;
+	}
+	var
+		  doc = view.document
+		  // only get URL when necessary in case Blob.js hasn't overridden it yet
+		, get_URL = function() {
+			return view.URL || view.webkitURL || view;
+		}
+		, save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a")
+		, can_use_save_link = "download" in save_link
+		, click = function(node) {
+			var event = new MouseEvent("click");
+			node.dispatchEvent(event);
+		}
+		, is_safari = /constructor/i.test(view.HTMLElement)
+		, is_chrome_ios =/CriOS\/[\d]+/.test(navigator.userAgent)
+		, throw_outside = function(ex) {
+			(view.setImmediate || view.setTimeout)(function() {
+				throw ex;
+			}, 0);
+		}
+		, force_saveable_type = "application/octet-stream"
+		// the Blob API is fundamentally broken as there is no "downloadfinished" event to subscribe to
+		, arbitrary_revoke_timeout = 1000 * 40 // in ms
+		, revoke = function(file) {
+			var revoker = function() {
+				if (typeof file === "string") { // file is an object URL
+					get_URL().revokeObjectURL(file);
+				} else { // file is a File
+					file.remove();
+				}
+			};
+			setTimeout(revoker, arbitrary_revoke_timeout);
+		}
+		, dispatch = function(filesaver, event_types, event) {
+			event_types = [].concat(event_types);
+			var i = event_types.length;
+			while (i--) {
+				var listener = filesaver["on" + event_types[i]];
+				if (typeof listener === "function") {
+					try {
+						listener.call(filesaver, event || filesaver);
+					} catch (ex) {
+						throw_outside(ex);
+					}
+				}
+			}
+		}
+		, auto_bom = function(blob) {
+			// prepend BOM for UTF-8 XML and text/* types (including HTML)
+			// note: your browser will automatically convert UTF-16 U+FEFF to EF BB BF
+			if (/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) {
+				return new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
+			}
+			return blob;
+		}
+		, FileSaver = function(blob, name, no_auto_bom) {
+			if (!no_auto_bom) {
+				blob = auto_bom(blob);
+			}
+			// First try a.download, then web filesystem, then object URLs
+			var
+				  filesaver = this
+				, type = blob.type
+				, force = type === force_saveable_type
+				, object_url
+				, dispatch_all = function() {
+					dispatch(filesaver, "writestart progress write writeend".split(" "));
+				}
+				// on any filesys errors revert to saving with object URLs
+				, fs_error = function() {
+					if ((is_chrome_ios || (force && is_safari)) && view.FileReader) {
+						// Safari doesn't allow downloading of blob urls
+						var reader = new FileReader();
+						reader.onloadend = function() {
+							var url = is_chrome_ios ? reader.result : reader.result.replace(/^data:[^;]*;/, 'data:attachment/file;');
+							var popup = view.open(url, '_blank');
+							if(!popup) view.location.href = url;
+							url=undefined; // release reference before dispatching
+							filesaver.readyState = filesaver.DONE;
+							dispatch_all();
+						};
+						reader.readAsDataURL(blob);
+						filesaver.readyState = filesaver.INIT;
+						return;
+					}
+					// don't create more object URLs than needed
+					if (!object_url) {
+						object_url = get_URL().createObjectURL(blob);
+					}
+					if (force) {
+						view.location.href = object_url;
+					} else {
+						var opened = view.open(object_url, "_blank");
+						if (!opened) {
+							// Apple does not allow window.open, see https://developer.apple.com/library/safari/documentation/Tools/Conceptual/SafariExtensionGuide/WorkingwithWindowsandTabs/WorkingwithWindowsandTabs.html
+							view.location.href = object_url;
+						}
+					}
+					filesaver.readyState = filesaver.DONE;
+					dispatch_all();
+					revoke(object_url);
+				}
+			;
+			filesaver.readyState = filesaver.INIT;
+
+			if (can_use_save_link) {
+				object_url = get_URL().createObjectURL(blob);
+				setTimeout(function() {
+					save_link.href = object_url;
+					save_link.download = name;
+					click(save_link);
+					dispatch_all();
+					revoke(object_url);
+					filesaver.readyState = filesaver.DONE;
+				});
+				return;
+			}
+
+			fs_error();
+		}
+		, FS_proto = FileSaver.prototype
+		, saveAs = function(blob, name, no_auto_bom) {
+			return new FileSaver(blob, name || blob.name || "download", no_auto_bom);
+		}
+	;
+	// IE 10+ (native saveAs)
+	if (typeof navigator !== "undefined" && navigator.msSaveOrOpenBlob) {
+		return function(blob, name, no_auto_bom) {
+			name = name || blob.name || "download";
+
+			if (!no_auto_bom) {
+				blob = auto_bom(blob);
+			}
+			return navigator.msSaveOrOpenBlob(blob, name);
+		};
+	}
+
+	FS_proto.abort = function(){};
+	FS_proto.readyState = FS_proto.INIT = 0;
+	FS_proto.WRITING = 1;
+	FS_proto.DONE = 2;
+
+	FS_proto.error =
+	FS_proto.onwritestart =
+	FS_proto.onprogress =
+	FS_proto.onwrite =
+	FS_proto.onabort =
+	FS_proto.onerror =
+	FS_proto.onwriteend =
+		null;
+
+	return saveAs;
+}(
+	   typeof self !== "undefined" && self
+	|| typeof window !== "undefined" && window
+	|| this.content
+));
+// `self` is undefined in Firefox for Android content script context
+// while `this` is nsIContentFrameMessageManager
+// with an attribute `content` that corresponds to the window
+
+if (typeof module !== "undefined" && module.exports) {
+  module.exports.saveAs = saveAs;
+} else if ((typeof define !== "undefined" && define !== null) && (define.amd !== null)) {
+  define([], function() {
+    return saveAs;
+  });
+}

WebUI/CallCenterWeb.UI/js/plugins/html2pdf/jquery.wordexport.js

@@ -0,0 +1,84 @@
+if (typeof jQuery !== "undefined" && typeof saveAs !== "undefined") {
+    (function($) {
+        $.fn.wordExport = function(fileName) {
+            fileName = typeof fileName !== 'undefined' ? fileName : "工单详情";
+            var static = {
+                mhtml: {
+                   	top: "Mime-Version: 1.0\nContent-Base: " + location.href + "\nContent-Type: Multipart/related; boundary=\"NEXT.ITEM-BOUNDARY\";type=\"text/html\"\n\n--NEXT.ITEM-BOUNDARY\nContent-Type: text/html; charset=\"utf-8\"\nContent-Location: " + location.href + "\n\n<!DOCTYPE html>\n<html>\n_html_</html>",
+                    head: "<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">\n<style>\n_styles_\n</style>\n</head>\n",
+                    body: "<body>_body_</body>"
+                }
+            };
+            var options = {
+                maxWidth: 624
+            };
+            // Clone selected element before manipulating it
+            var markup = $(this).clone();
+
+            // Remove hidden elements from the output
+            markup.each(function() {
+                var self = $(this);
+                if (self.is(':hidden'))
+                    self.remove();
+            });
+
+            // Embed all images using Data URLs
+            var images = Array();
+            var img = markup.find('img');
+            for (var i = 0; i < img.length; i++) {
+                // Calculate dimensions of output image
+                var w = Math.min(img[i].width, options.maxWidth);
+                var h = img[i].height * (w / img[i].width);
+                // Create canvas for converting image to data URL
+                var canvas = document.createElement("CANVAS");
+                canvas.width = w;
+                canvas.height = h;
+                // Draw image to canvas
+                var context = canvas.getContext('2d');
+                context.drawImage(img[i], 0, 0, w, h);
+                // Get data URL encoding of image
+                var uri = canvas.toDataURL("image/png");
+                $(img[i]).attr("src", img[i].src);
+                img[i].width = w;
+                img[i].height = h;
+                // Save encoded image to array
+                images[i] = {
+                    type: uri.substring(uri.indexOf(":") + 1, uri.indexOf(";")),
+                    encoding: uri.substring(uri.indexOf(";") + 1, uri.indexOf(",")),
+                    location: $(img[i]).attr("src"),
+                    data: uri.substring(uri.indexOf(",") + 1)
+                };
+            }
+
+            // Prepare bottom of mhtml file with image data
+            var mhtmlBottom = "\n";
+            for (var i = 0; i < images.length; i++) {
+                mhtmlBottom += "--NEXT.ITEM-BOUNDARY\n";
+                mhtmlBottom += "Content-Location: " + images[i].location + "\n";
+                mhtmlBottom += "Content-Type: " + images[i].type + "\n";
+                mhtmlBottom += "Content-Transfer-Encoding: " + images[i].encoding + "\n\n";
+                mhtmlBottom += images[i].data + "\n\n";
+            }
+            mhtmlBottom += "--NEXT.ITEM-BOUNDARY--";
+
+            //TODO: load css from included stylesheet
+            var styles = "";
+
+            // Aggregate parts of the file together
+            var fileContent = static.mhtml.top.replace("_html_", static.mhtml.head.replace("_styles_", styles) + static.mhtml.body.replace("_body_", markup.html())) + mhtmlBottom;
+
+            // Create a Blob with the file contents
+            var blob = new Blob([fileContent], {
+                type: "application/msword;charset=utf-8"
+            });
+            saveAs(blob, fileName + ".doc");
+        };
+    })(jQuery);
+} else {
+    if (typeof jQuery === "undefined") {
+        console.error("jQuery Word Export: missing dependency (jQuery)");
+    }
+    if (typeof saveAs === "undefined") {
+        console.error("jQuery Word Export: missing dependency (FileSaver.js)");
+    }
+}