zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>历史工单管理</title>
		<script src="../../Script/Common/huayi.load.js"></script>
		<script src="../../Script/Common/huayi.config.js"></script>
		<link href="../../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/call.css" />
	</head>
	<body>
		<div class="container greetings" style="overflow: hidden;">
			<ul class="row clearfix form-horizontal">
				<li class="form-group clearfix">
					<label for="work_types" class="col-sm-2">工单类型：</label>
					<div class="col-sm-10" id="work_types">
						<label class="radio-inline">
							<input type="radio" name="work_type" value="0" checked="checked"> 咨询
						</label>
						<label class="radio-inline">
							<input type="radio" name="work_type" value="1"> 投诉
						</label>
					</div>
				</li>
				<li class="form-group clearfix">
					<label for="order_handle" class="col-sm-2 text-right">科室名称：</label>
					<div class="col-sm-10">
						<select id="order_handle" class="form-control selectpicker" data-live-search="true">
						</select>
					</div>
				</li>
				<!-- <li class="form-group clearfix">
					<label for="groupcode" class="col-sm-2 text-right"><b class="text_require">*</b>科室名称：</label>
					<div class="col-sm-10">
						<select id="order_handle" class="form-control selectpicker" data-live-search="true">
						</select>
					</div>
				</li> -->
				<li class="form-group clearfix">
					<label for="StartTime" class="col-sm-2">客户姓名：</label>
					<div class="col-sm-10">
						<input id="order_name" class="form-control" type="text" autocomplete="off" />
					</div>
				</li>
				<li class="form-group clearfix">
					<label for="workRemark" class="col-sm-2">联系电话：</label>
					<div class="col-sm-10">
						<input id="order_tel" class="form-control" type="text" autocomplete="off" />
					</div>
				</li>
				<li class="form-group clearfix">
					<label for="workRemark" class="col-sm-2" class="consult">咨询内容：</label>
					<div class="col-sm-10">
						<textarea id="order_reception" rows="3" cols="20" class="form-control" placeholder="请输入反馈内容"></textarea>
					</div>
				</li>
				<li class="form-group clearfix order_transfer_depts">
					<label for="order_depts" class="col-sm-2 text-right">接收部门：</label>
					<div class="col-sm-10">
						<select id="order_depts" class="form-control selectpicker" data-live-search="true">
						</select>
					</div>
				</li>
				<li class="form-group clearfix order_transfer_depts">
					<label for="order_receiveUser" class="col-sm-2 text-right">接收人：</label>
					<div class="col-sm-10">
						<select id="order_receiveUser" class="form-control selectpicker" data-live-search="true">
						</select>
					</div>
				</li>
				<li class="form-group clearfix">
					<label for="workRemark" class="col-sm-2">备注：</label>
					<div class="col-sm-10">
						<textarea id="order_remarks" rows="3" cols="20" class="form-control" placeholder="请输入反馈内容"></textarea>
					</div>
				</li>
			</ul>
			<div class="form-group clearfix row">
				<div class="col-sm-offset-2">
					<button class="btn sc_btn col-sm-2" id="work_time_btn_save" type="button">保存</button>
				</div>
			</div>
		</div>
	</body>
	<script src="../../js/autosize/autosize.min.js"></script>
	<script src="../../js/bootstrap-select/js/bootstrap-select.js"></script>
	<script src="../../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
	<script type="text/javascript">
		var id = helper.request.queryString("id");
		var state = helper.request.queryString("state");
		var type = helper.request.queryString("type");
		var dataInfo;
		getOpts()
		getDepartmentName()
		console.log($('#order_name').val())
		if(state=='0'){
			$('#work_types').find('input[name="work_type"]').attr('disabled', true)
			$('#order_remarks').attr('readonly','readonly')
			$('#order_tel').attr('readonly','readonly')
			$('#order_name').attr('readonly','readonly')
			$("#order_handle").attr("disabled",true);
			$('#order_reception').attr('readonly','readonly')
			$('#order_receiveUser').attr('disabled',true)
			$("#order_depts").attr('disabled','disabled');
			// $('#order_depts').attr('disabled',true)
			$('#work_time_btn_save').hide()
			
		}else{
			$('#order_depts').change(function(){
				getreceiveUser($('#order_depts').val())
			})
		}
		if(type=='0'){
			$('.order_transfer_depts').hide()
			$('.consult').text('咨询内容')
			$('#work_time_btn_save').click(function(){
				dataInfo={
					id: id,
					wodetype:$('#work_types').find('input[type="radio"]:checked').val(),
					deptname:$('#order_handle').val(),
					coustomname:$('#order_name').val(),
					phoneinfo:$('#order_tel').val(),
					centerinfo:$('#order_reception').val(),
					memoinfo:$('#order_remarks').val()
				}
				saveWorkOrder(dataInfo)
			})
			
		}else{
			$('.order_transfer_depts').show()
			$('.consult').text('反馈内容')
			$('#work_time_btn_save').click(function(){
				dataInfo={
					id: id,
					wodetype:$('#work_types').find('input[type="radio"]:checked').val(),
					deptname:$('#order_handle').val(),
					coustomname:$('#order_name').val(),
					phoneinfo:$('#order_tel').val(),
					centerinfo:$('#order_reception').val(),
					memoinfo:$('#order_remarks').val(),
					jspeople:$('#order_receiveUser').val(),
					jsdeptname:$('#order_depts').val()
				}
				saveWorkOrder(dataInfo)
			})
		}
		function getDepartmentName(){
			$.getJSON(huayi.config.callcenter_url + 'testusertypeapi/api/TestUserType/getalldeptnlists', {
			}, function(res) {
				res.data.forEach(function(v,n){
					$('<option value="'+v.name+'">'+v.name+'</option>').appendTo('#order_handle');
				})
				$("#order_handle").selectpicker('refresh');
				getDetial(id)
			});
		}
		//接收部门
		function getOpts(){
			$.ajax({
				url: huayi.config.callcenter_url + 'testusertypeapi/api/TestUserType/getcallcomedeptorpeoall',
				type: 'get',
				data: {
				},
				dataType: "json",
				async: false,
				success: function(res) {
					if(res.state.toLowerCase() === "success") {
						let str=''
						res = res.data;
						if(res && res.length > 0) {
							// $('#order_receiveUser').append('<option value="0">请选择接收人</option>');
							res.forEach(function(v, i) {
								str+='<option value="' + v.deptname + '">' + v.deptname + '</option>'
								
							});
							$('#order_depts').html(str);
							$('#order_depts').selectpicker('refresh');
						}
						// res.data.forEach(function(v,n){
						// 	$('<option value="'+v.deptname+'">'+v.deptname+'</option>').appendTo('#order_depts');
						// })
						// $("#order_depts").selectpicker('refresh');
					}
				}
			});
		}
		
		//详情
		function getDetial(id){
			$.ajax({
				type: "get",
				url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getcallcometpwodebyid",
				dataType: 'json',
				async: false,
				data: {
					id: id
				},
				success: function(res) {
					$('#work_types').find('input[name="work_type"][value="' +res.data[0].wodetype + '"]').prop('checked', true)
					// $('#work_types').val(res.data[0].wodetype);
					$('#order_remarks').val(res.data[0].memoinfo)
					$('#order_tel').val(res.data[0].phoneinfo)
					$('#order_name').val(res.data[0].coustomname)
					// $('#order_handle').val(res.data[0].deptname)
					$('#order_reception').val(res.data[0].centerinfo);
					// $('#order_depts').val(res.data[0].jsdeptname)
					$('#order_depts').selectpicker('val', res.data[0].jsdeptname).trigger('change');
					if($('#order_depts').val()!='0'){
						getreceiveUser(res.data[0].jsdeptname)
					}
					$('#order_receiveUser').selectpicker('val', res.data[0].jspeople).trigger('change');
					// $('#order_receiveUser').val(res.data[0].jspeople)
					$('#order_handle').selectpicker('val', res.data[0].deptname).trigger('change');
					
				}
						
			})
		}
		//编辑
		function saveWorkOrder(dataInfo){
			$.ajax({
				type: "get",
				url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/upcallcometpwode",
				dataType: 'json',
				async: true,
				data:dataInfo,
				success: function(res) {
					if (res.state.toLowerCase() === "success") {
						var index = parent.layer.getFrameIndex(window.name);
						parent.layer.close(index);
						layer.msg("编辑成功");
						parent.initTable()
					}
				}		
			})
		}
		//接收人
		function getreceiveUser(name){
			$.ajax({
				url: huayi.config.callcenter_url + 'testusertypeapi/api/TestUserType/getcallcomedeptorpeobydept',
				type: 'get',
				data: {
					deptname:name
				},
				dataType: "json",
				async: false,
				success: function(res) {
					if(res.state.toLowerCase() === "success") {
						let str='<option value="0">请选择接人</option>'
						res = res.data;
						if(res && res.length > 0) {
							// $('#order_receiveUser').append('<option value="0">请选择接收人</option>');
							res.forEach(function(v, i) {
								str+='<option value="' + v.peoplename + '">' + v.peoplename + '</option>'
								
							});
							$('#order_receiveUser').html(str);
							$('#order_receiveUser').selectpicker('refresh');
						}
					}
				},
			});
		}
	
	</script>
</html>