zhengbingbing
/
HuangChuanMD_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
		<link href="../css/init.css" rel="stylesheet" />
		<title>评价工单</title>
		<style>
			.img-box{
				    width: 120px;
    height: 120px;
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    margin-right: 10px;
    border: solid 1px #e8e8e8;
    cursor: pointer;
    text-align: center;
    line-height: 120px;
			}
		</style>
	</head>

	<body>
		<div class="dgxx_table size-13">
			<table class="_table1 table table-bordered  table-hover " border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
				<tr>
						<th>工单编号：</th>
						<td>
							<span id="cl_gdbh"></span>
						</td>

						<th>工单类型：</th>
						<td>
							<span id="cl_gdlx"></span>
						</td>
					</tr>
					<tr>
						<th>客户姓名：</th>
						<td>
							<span id="cl_khxm"></span>
						</td>

						<th>客户电话：</th>
						<td>
							<span id="cl_khdh"></span>
						</td>
					</tr>
					<tr>
						<th>工单内容：</th>
						<td colspan="3">
							<span id="cl_gdnr"></span>
						</td>
					</tr>
					<tr>
						<th>图文信息：</th>
						<td colspan="3">
							<div class="space">

							</div>
						</td>
					</tr>
					<tr style="display:none;" class="js">
						<th>接收部门：</th>
						<td>
							<div class="inpBox">
								<input type="text" class="inps tree" readonly="readonly" id="clbmname" />
								<input type="hidden" class="inps " id="clbm" />
								<i class="xl"></i>
								<div class="addTree">
									<ul id="zrbmtree" class="ztree"></ul>
								</div>
							</div>
						</td>

						<th>接收人：</th>
						<td>
							<div class="inpBox">
								<input type="text" class="inps select" readonly="readonly" id="clidname" />
								<input type="hidden" class="inps " id="clid" />
								<i class="xl"></i>
								<div class="xl_common">
									<ul class="xl_box clid"></ul>
								</div>
							</div>
						</td>
					</tr>
					<tr>
						<th>处理内容：</th>
						<td colspan="3" id="cont">
							
						</td>
					</tr>
					<tr>
						<th>信息审核：</th>
						<td colspan="3" id="isAudit">
							
						</td>
					</tr>
					<tr>
						<th>信息分类：</th>
						<td colspan="3" id="Message_box">
						</td>
					</tr>
					<tr>
						<th>交办单位：</th>
						<td colspan="3">
							<div class="inpBoxs">
								
								
							</div>
						</td>
					</tr>
				<tr>
					<th>评论内容：</th>
					<td colspan="3">
						<div>
							<textarea id="cont_" name="" rows="3" style="width:100%;"></textarea>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<div class="clearfix wh_btn">
			<input type="button" value="确定" class="btn-info" id="plgd" />
		</div>
		<script>
			$(document).ready(function() {
				var ID = helper.request.queryString("str");
				if(ID) {
					$.ajax({
						type: "get",
						url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder",
						async: true,
						dataType: 'json',
						data: {
							orderid: ID,
							"token": $.cookie("token")
						},
						success: function(data) {
						/*验证请求*/
						if(data.state == "success") {
							var con = data;
							var Str = con.data.data;
							console.log(Str);
							//数据填充
							$("#cl_gdbh").text(Str[0].WorkOrderID);
							$("#cl_khxm").text(Str[0].Customer);
							$('#cl_khdh').text(Str[0].CustomerTel);
							$("#cl_gdnr").text(Str[0].Detail);
							$("#cont").text(Str[0].Answer);
							$(".inpBoxs").text(Str[0].Unit);
							$('#Message_box').text(Str[0].InfoType);
							$("#cl_gdlx").text(GetTypeName(Str[0].Type));
							//信息审核
							var Aud=Str[0].IsAudit;
							var html=''
							if(Aud==1){
								html="无效"
							}else{
								html="有效"
							}
							$("#isAudit").text(html);
							$(' input[name="ltypes"][value="'+Str[0].InfoTypeID+'"]').prop("checked", "checked");//审核
							//图片展示
							var Files = Str[0].File;
							console.log(Files);
//							if(Files.length > 0) {
//								$(Files).each(function(i, n) {
//									$('<div class="img-box"><img src="' + n.F_FileUrl + '" alt="" class="image-item" /><div>').appendTo(".space");
//								})
//
//							}
							if(Files){
							var a ;
							var b;
							$(Files).each(function(i, n) {
								a=n.F_FileType.split("\/")[0];
								b=n.F_FileName.split(".")[1];
								console.log(a);
								if(a=='image'){
									$('<div class="img-box"><a href="+' + n.F_FileUrl + '" download="'+n.F_FileName+'"><img src="' + n.F_FileUrl + '" alt="" class="image-item"  data-preview-group="1" /><span class="">'+b+'</span></a><div>').appendTo(".space");	
								}else{
									$('<div class="img-box "><a href="+' + n.F_FileUrl + '" download="'+n.F_FileName+'"><span class="">'+b+'</span></a><div>').appendTo(".space");	
							}
								
							})
						}
						}
					}
					});
					$("#plgd").click(function() {
						if(!$("#cont_").val()) {
							layer.confirm('请输入评论内容！', {
								btn: ['确定']
							});
							return;
						}
						$.post(huayi.config.callcenter_url + 'WorkOrder/AddWorkOrderComment', {
							orderid: ID,
							cont: $("#cont_").val(),
							"token": $.cookie("token")
						}, function(result) {
							result = $.parseJSON(result);
							if(result.state.toLowerCase() == "success") {
								var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
								parent.layer.close(index); //再执行关闭
								parent.initTable();
								parent.Hiden();
								parent.layer.msg("评论工单成功");
							}
						})
					})
				}
			})

			function GetTypeName(val) {
				var str = '';
				switch(val + '') {
					case '1':
						str = "咨询";
						break;
					case '2':
						str = "报修服务";
						break;
					case '3':
						str = "投诉建议";
						break;
				}
				return str;
			}
		</script>
	</body>

</html>