附件展示、导出修改

CallCenterWeb.UI/Script/Common/huayi.http.js

@@ -768,6 +768,69 @@ helper.methods = {
 		}
 	},
 	/**
+	 * 初始化layer-photo 图片的大小
+	 * @el 图片元素
+	 * @pic layer-photo 回调的参数 当前图片的一些信息
+	 * @layero layer-photo 回调的参数 当前弹框的一些信息
+	 */
+	initLayerPhotos: function(el, pic, layero) {
+		console.log($(el).find('img[alt="' + pic.alt + '"]'));
+		console.log(el);
+		console.log(pic);
+		console.log(layero);
+		var layerHeight = $(layero[0]).height();
+		var picHeight = $(el).find('img[alt="' + pic.alt + '"]').height() / 2;
+		var picWidth = $(el).find('img[alt="' + pic.alt + '"]').width() / 2;
+		var rate = picWidth / picHeight;
+		if(picHeight > layerHeight) {
+			picHeight = layerHeight - 110;
+			picWidth = rate * picHeight;
+		}
+		$(el).find('img[alt="' + pic.alt + '"]').css({
+			width: picWidth,
+			height: picHeight,
+			overflow: 'auto',
+			margin: 'auto',
+			position: 'absolute',
+			top: 0,
+			left: 0,
+			bottom: 0,
+			right: 0,
+		});
+	},
+	/**
+	 * 鼠标滚轮放大缩小
+	 * o img元素
+	 * d 滚轮的方向
+	 * */
+	zoomImg: function(o, d) {
+		console.log(o);
+		console.log(d);
+		//d 1 上 -1 下
+		var width = $(o).width();
+		var height = $(o).height();
+		if(d === 1) {
+			$(o).css({
+				"left": "50%",
+				"marginLeft": -(width * 1.2) / 2,
+				"top": "50%",
+				"marginTop": -(height * 1.2) / 2,
+				"width": width * 1.2,
+				"height": height * 1.2
+			});
+		}
+		if(d === -1) {
+			$(o).css({
+				"left": "50",
+				"marginLeft": -(width * 1.2) / 2,
+				"top": "50%",
+				"marginTop": -(height * 1.2) / 2,
+				"width": width / 1.2,
+				"height": height / 1.2
+			});
+		}
+	},
+	/**
 	 * 将一维的扁平数组转换为多层级对象
 	 * @param  {[type]} list 一维数组，数组中每一个元素需包含id和ParentId两个属性 
 	 * @return {[type]} tree 多层级树状结构

CallCenterWeb.UI/WorkOrder/WorkOrderSearch.html

@@ -26,11 +26,11 @@
 			height: 34px;
 			line-height: 34px;
 		}
-		.caret{
+		/*.caret{
 			right: 10px;
 			top: 13px;
 			position: absolute;
-		}
+		}*/
 		.drop_down{
 			width: 100%;
 		}
@@ -91,7 +91,7 @@
 						<div class="clearfix order_transfer" id="order_transfer_depts">
 							<div class="form-group drop_down">
 								<input type="text" class="form-control input-sm" id="order_transfer_dept" data-id="0" placeholder="请选择接收部门" autocomplete="off" />
-								<span class="caret"></span>
+								<span class="caret" style="right: 10px;top: 13px;position: absolute;"></span>
 								<div id="reginsTreeView" class="hidden"></div>
 							</div>
 						</div>

CallCenterWeb.UI/WorkOrder/template/orderDetails.html

@@ -17,6 +17,7 @@
 				<li>催办记录</li>
 				<li class="hidden">评论记录</li>
 				<li>修改记录</li>
+				<li>附件记录</li>
 				<!--<span class="Closed">×</span>-->
 			</ul>
 			<div class="gdxq">
@@ -155,13 +156,30 @@
 					</thead>
 				</table>
 			</div>
+			<div class="gdxq" style="display:none;">
+				<table id="itemTableList5" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<table id="gdxq_table" border="0" class="table table-bordered  table-hover " style="width: 100%;">
+							<tbody class="tbodys">
+								<tr>
+									<th>附件：</th>
+									<td colspan="3">
+										<ul id="fileList" class="clearfix">
+										</ul>
+									</td>
+									
+									
+								</tr>
+						</table>
+					</thead>
+				</table>
+			</div>
 			<div id="print_foot">
 				<a href="" class="print_foot">导出</a>
 			</div>
 		</div>
 		<script type="text/javascript">
 			var wid = helper.request.queryString("Str");
-			
 			// 工单详情
 			$(function(){
 				getWorkOrderDetails(wid);
@@ -177,6 +195,8 @@
 						getItemList(tabindex,wid);
 					} else if(tabindex === 4) {
 						initTableLogs();
+					} else if(tabindex === 5) {
+						getWorkOrderDe(wid);
 					}
 				});
 				//如果是来电弹屏中的 工单详情不显示关闭按钮
@@ -190,7 +210,7 @@
 				
 				$("#order_details ul li").eq(0).trigger("click");
 				//导出功能
-				$('#print_foot').on('click',print_list);
+				$('#print_foot').on('click',print_list(wid));
 			});
 			function print_list(wid){
 				var url = huayi.config.callcenter_url + "WorkOrder/ExportWorkOrder?orderid="+wid +"&token=" + $.cookie("token");

CallCenterWeb.UI/js/WorkOrder/WorkOrder.js

@@ -810,7 +810,7 @@ function getWorkOrderDetails(detailOrderNum) {
 				$("#xq_company").text(data.County); //公司名称
 
 				$("#xq_iseffective").html(formatterIsEffective(data.IsEffective)); //工单有效性
-				$("#xq_source").text(formatterSource(data.GDLYName)); //工单来源
+				$("#xq_source").html(formatterSource(data.GDLYName)); //工单来源
 				$('#xq_handle').text(data.YWLXName); //业务办理（业务类型）	
 				$("#xq_fkdep").text(data.ResponDeptName); //接收部门
 				$("#xq_responseUser").text(data.AuditUserNameRel); //接收人
@@ -828,7 +828,76 @@ function getWorkOrderDetails(detailOrderNum) {
 		}
 	});
 }
+// 获取附件信息
+function getWorkOrderDe(wid) {
+	$.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
+		'orderid': wid,
+		"token": $.cookie("token")
+	}, function(result) {
+		if(result.state.toLowerCase() == "success") {
+			var con = result;
+			if (con) {			
+				$("#fileList").empty();
+				var proimglist = con.data.ResultFileUrl;
+				if (proimglist && proimglist.length > 0) {
+					$(proimglist).each(function(i, n) {
+						var fileType = n.F_FileType;
+						var fileType1 = n.F_FileType.split("\/")[0];
+						if (fileType === '.jpg'||fileType === '.png'||fileType1==='image') {
+							$('<div class="img-box">' +
+								'<span class="img_mask"><span onclick=downloadFile("'+ n.F_FileUrl + '","' + n.F_FileName + '","' + n.F_FileType +
+								'") title="点击下载"><i class="fa fa-download" aria-hidden="true"></i></span></span>' +
+								'<img layer-src="' + n.F_FileUrl + '" src="' + n.F_FileUrl + '" alt="' + n.F_FileName +
+								'" class="image-item" /><div>').appendTo("#fileList");
+						} else {
+							$('<div class="img-box">' +
+								'<span class="img_mask"><span href="javascript:;" onclick=downloadFile("' +  n.F_FileUrl + '","' + n.F_FileName +
+								'","' + n.F_FileType +
+								'") title="点击下载"><i class="fa fa-download" aria-hidden="true"></i></span></span>' +
+								'<span class="img_filename">'+n.F_OriName + n.F_FileName.split(".")[1] + '</span><div>').appendTo("#fileList");
+						}
+					});
+					layer.photos({
+						photos: '#fileList',
+						anim: 5, //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
+						title: '查看图片',
+						move: '.layui-layer-title',
+						shadeClose: false,
+						closeBtn: 1,
+						area: ['80%', '90%'],
+						tab: function(pic, layero) {
+							$('.layui-layer-content').on("mousewheel", function(e, d) {
+								
+								helper.methods.zoomImg($('#layui-layer-photos').find('img[alt="' + pic.alt + '"]'), d);
+								$('#layui-layer-photos').find('img[alt="' + pic.alt + '"]').dragging({
+									move: "both", //拖动方向，x y both
+									randomPosition: false //初始位置是否随机
+								});
+								return false;
+								
+							});
+							helper.methods.initLayerPhotos('#layui-layer-photos', pic, layero);
+						},
+					});
+				}
+				
+			}
+		}
+	});
+}
 
+//下载
+function downloadFile(data, strFileName, strMimeType) {
+	event.preventDefault();
+	//详细见文档 http://danml.com/download.html
+	var x = new XMLHttpRequest();
+	x.open("GET", data, true);
+	x.responseType = 'blob';
+	x.onload = function(e) {
+		download(x.response, strFileName, strMimeType);
+	}
+	x.send();
+}
 //获取修改记录
 function initTableLogs() {
 	//先销毁表格