miaofuhao
/
GYSentiment


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503
							<!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/layer/need/layer.css" />
		<link rel="stylesheet" href="../css/init.css" />
		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
		<link rel="stylesheet" href="./css/appeal.css" />
		<title>新增诉求工单</title>
	</head>

	<body>

		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="daoHang clearfix" style="display: none;">
				<div class="dhLeft">
					<sapn>
						<i class="syIcon"></i>位置：
						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
						<a href="javaScript:;">工单处理</a>&gt;
						<a href="" class="nowPosition">舆情工单创建</a>
					</sapn>
				</div>
				<div class="dhRight">
					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>
				</div>
			</div>
			<div style="padding: 10px;" class="tj_content clearFix">
				<div class="Common">
					<table>
						<tr>
							<th class="Importent">案件编号:</th>
							<td colspan="3" >
								<div style="display: flex;align-items: center;">
									<input id="ajbhInputCheck" style="width:50px;height:20px;margin: 0;" type="checkbox" checked />
									<div id="tis">自动获取</div>
									
									
									<div id="ajbhInput" style="display: none;align-items: center; ">
										【20 &nbsp;<input type="number" style="width:80px;height:20px" id="ajbhInput1"  /> &nbsp;】第&nbsp;<input type="number" style="width:80px;height:20px" id="ajbhInput2"  />&nbsp;号
									</div>
								</div>
							</td> 
						</tr>
						<tr>
							<th class="Importent">题目:</th>
							<td>
								<input type="text" id="title" />
							</td>
							<th class="Importent">作者:</th>
							<td>
								<input type="text" id="cusname" />
							</td>
						</tr>
						<tr>
							<th class="Importent">内容简介:</th>
							<td colspan="3">
								<textarea id="keys" name="" rows="" cols="" placeholder="输入内容简介"></textarea>
							</td>
						</tr>
						<tr>
							<th>主要网址:</th>
							<td colspan="3">
								<input type="text" id="cusaddress" />
							</td>
						</tr>
						<tr>
							<th>精准地域:</th>
							<td>
								<select class="select_" id="sourcearea"></select>
							</td>
							<th>网络发布时间:</th>
							<td>

								<input type="text" id="publishtime" placeholder="请选择时间" />
							</td>
						</tr>
						<tr>
							<th></th>
							<td colspan="3">
								<textarea id="sourceaddress" name="" rows="" cols="" placeholder="输入详细地址"></textarea>
								<!--<input id="sourceaddress" type="text" placeholder="输入详细地址"/>-->
							</td>
						</tr>
						<tr>
							<th class="Importent">舆情来源:</th>
							<td>
								<input type="text" id="source" />
							</td>
							<th>信息属性:</th>
							<td>
								<select class="select_" id="infoproperty"></select>
							</td>
						</tr>
						<tr>
							<th>舆情等级:</th>
							<td>
								<select class="select_" id="level">

									<option value="1">普通</option>
									<option value="2">紧急</option>
								</select>
							</td>
							<!--<th>舆情类型:</th>
							<td>
								<select class="select_" id="type"></select>
							</td>-->
						</tr>
						<tr>
							<th>附件上传:</th>
							<td colspan="3">
								<div class="fileBox"></div>
								<input class="input" type="file" name="upFile" id="upFile" multiple="multiple" style="display: none;" />
								<button class="input" type="button" id="scwj">上传</button>
								<input class="input" type="button" value="删除附件" id="scfj" style="display:none;" />
								<input type="hidden" id="file" />
								</br>
								<span style="color:#FF0000; border: none;">
                                (文件格式为png,jpg,mp4,avi,wmv,mp3,pdf,doc,docx,xls,xlsx)
                            </span>
							</td>
						</tr>
						<tr class="secondBanli">
							<th>处理类型:</th>
							<td style="display: flex;">
								<input type="radio" value="1" name="banli" class="Nows" style="width: 30px;" />当即办理
								<input checked="true" type="radio" value="0" name="banli" class="Nows_" style="width: 30px;" />网络转办
							</td>
						</tr>
						<tr class="Nows_box Hidens">
							<th>办理内容:</th>
							<td colspan="3">
								<textarea type="text" id="result" placeholder="输入办理内容"></textarea>
							</td>
						</tr>
					</table>
					<div class="btn_box">
						<button class="btns SavedSubmit">提交</button>
					</div>
					<div class="cutEvent">
						<button class="btns">粘贴</button>
					</div>

				</div>

			</div>
		</div>
		<div class="cutPop">
			<textarea id="cutText" rows="12"></textarea>
			<button class="btns cutTrue" style="margin-left: 46%;">确定</button>
		</div>
		<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
		<script src="../js/laydate/laydate.js"></script>
		<script src="../js/zTree/jquery.ztree.core.js"></script>
		<script src="../js/adjustHeight.js"></script>
		<script src="../js/module/clipboard.min.js"></script>
		<script src="./js/common.js"></script>
		<script src="./js/appeal.js"></script>
		<script>
			var pasteText
			var submit, sourceareaObj, sourceObj, typeObj, infopropertyObj, banliValue;
			var wid = helper.request.queryString("wid");
			
			// 编辑模式下 隐藏案件编号
			if(wid){
				$('#ajbhInputCheck').css('display' , 'none')
			}
			
			window.addEventListener("paste", function (e) {
		      const clipdata = e.clipboardData || window.clipboardData;
		      pasteText = clipdata.getData("text/plain")
		    });
		    
			$(document).ready(function() {
				$(document).mouseup(function(e){
				  var _con = $('.cutPop ');   // 设置目标区域
				  if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1
						$(".cutPop").hide()
				  }
				});
				//确定按钮
				$(".cutTrue").click(function(){
					$(".cutPop").hide()
					setSubmitText()
				})
				//粘贴按钮
				$(".cutEvent").click(function(){
					$(".cutPop").show()
					$("#cutText").val('')
				})
				sourceareaObj = {
					ele: "#sourcearea",
					apiUrl: "Area/GetAreaListById",
					data: {
						textKey: 'F_AreaName',
						valueKey: 'F_AreaId'
					}
				}
				typeObj = {
					ele: "#type",
					id: 2
				}
				infopropertyObj = {
					ele: "#infoproperty",
					id: 406
				}
				if($.cookie("code") === "WLDW") {
					$(".secondBanli").hide()
				} else {
					$(".secondBanli").show()
				}
				if(wid) {
					$(".daoHang").hide()
					getDetail()
				} else {
					$(".daoHang").show()
					//精准地域	
					selectCommonFn(sourceareaObj)
					//舆情类型
//					selectCommonFn(getDicObjFn(typeObj))
					//信息属性
					selectCommonFn(getDicObjFn(infopropertyObj))
				}
				laydate.render({
					elem: '#publishtime', //指定元素
				});

				//舆情来源
				//	selectCommonFn(getDicObjFn("#source",1))

				tree()
				//当即办理
				$('input[name="banli"]').change(function() {
					var val = $(this).val();
					if(val == "1") {
						$(".Nows_box").show();
					} else {
						$(".Nows_box").hide();
					}
				})
				$('.SavedSubmit').click(function() {
					submit = 1;
					Add();
				})
				//上传附件
				$("#scwj").click(function() {
					$("#upFile").trigger("click");
				})
				$("#upFile").change(function() {
					upload();
				})
			});

			

			//添加工单
			function Add() {  
				
				console.log(1)
				
				banliValue = $('input[name="banli"]:checked').val();
				if(!$("#title").val()) {
					layer.msg("请输入题目");
					return ;
				}
				if(!$("#cusname").val()) {
					layer.msg("请输入作者");
					return ;
				}
				if(!$("#keys").val()) {
					layer.msg("请输入内容简介");
					return ;
				}
				if(!$("#source").val()) {
					layer.msg("请输入舆情来源");
					return ;
				}
				if(banliValue == 1 && !$('#result').val()) {
					layer.msg("请输入直办内容");
					return ;
				}
				if( ! Boolean(document.getElementById('ajbhInputCheck').checked )){
					if(   !$("#ajbhInput1").val()  ||  !$("#ajbhInput2").val() ) { 
						layer.msg("请输入案件编号");
						return ;
					}
				}
				
				
				if(wid) {
					apiUrl = "/WorkOrder/EditWorkOrder"
				} else {
					apiUrl = "/WorkOrder/AddWorkOrder"
				}
				addHandle(apiUrl)
			}

			function addHandle(apiUrl) {
				var dataParam = {
					title: $("#title").val(), //题目
					cusname: $("#cusname").val(), //投诉人姓名
					keys: $("#keys").val(), //内容简介
					cusaddress: $("#cusaddress").val(), //主要地址
					sourcearea: $("#sourcearea").val(), //精准地域
					publishtime: $("#publishtime").val(), //网络发布时间
					sourceaddress: $("#sourceaddress").val(), //详细地址
					source: $("#source").val(), //舆情来源
					infoproperty: $("#infoproperty").val(), //信息属性
					level: $("#level").val(), //舆情等级
					type: $("#type").val(), //舆情类型
					files: $("#file").val(), //附件(多个用英文逗号,隔开)
					isresult: $.cookie("code") === "WLDW" ? 1 : banliValue, //=（0转办1直办）
					result: $('#result').val(),
					issubmit: 1,
					workordertype : 0, //工单类型 0 是舆情工单 1 是频发工单
					token: $.cookie("token"), 
				}
				 
				
				if(! Boolean(document.getElementById('ajbhInputCheck').checked )){
					dataParam['workorderid'] =  `【20${$('#ajbhInput1').val()}】第${$('#ajbhInput2').val()}号`;
					dataParam['time'] = `20${$('#ajbhInput1').val()}`;
					dataParam['id'] = `${$('#ajbhInput2').val()}`;
				}
				
				
				if(wid) {
					resultParam = Object.assign(dataParam, {
						workorderid: wid
					})
				} else {
					resultParam = dataParam
				}
				$.ajax({
					type: "post",
					url: huayi.config.callcenter_url + apiUrl,
					dataType: 'json',
					async: true,
					beforeSend: function() { //触发ajax请求开始时执行
						$('.SavedSubmit').attr("disabled", true);
						$('.SavedSubmit').text('提交中...');
						$(document).off('click', '.SavedSubmit', Add);
					},
					data: dataParam,
					success: function(data) {
						if (data.state === "success") {
							$('.SavedSubmit').attr("disabled", false);
							$('.SavedSubmit').text('提交');
							$(document).on('click', '.SavedSubmit', Add);
							Clean();
							$('.fileBox').html('');
							if(wid) {
								var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
								parent.layer.close(index); //再执行关闭
								parent.$('#orderlist').bootstrapTable('refresh');
								parent.layer.msg("修改工单成功");
							} else {
								layer.msg("创建工单成功");
							}
						}else{
							$('.SavedSubmit').attr("disabled", false);
							$('.SavedSubmit').text('提交');
							
							layer.msg(data.message);
						}
						

					}
				});
			}

			function Clean() {
				$("#title").val('')
				$("#cusname").val('');
				$("#keys").val('');
				$("#cusaddress").val('');
				$("#sourcearea").val('');
				$("#publishtime").val('');
				$('#sourceaddress').val('');
				$("#source").val('');
				$("#infoproperty").val('')
				$("#level option:first").prop("selected", 'selected');
				$("#type option:first").prop("selected", 'selected');
				$("#file").val('')
				$(".fileBox").html('')
				$("input[name='baomi'][value='0']").prop("checked", true)
				$('#result').val(''); 
				$("#ajbhInput1").val('')
				$("#ajbhInput2").val('')
				
				let el = document.getElementById('ajbhInputCheck').checked = true; 
				$('#ajbhInput').css('display' , 'none')
			}

			function getDetail() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder",
					dataType: 'json',
					async: false,
					data: {
						workorderid: wid,
						token: $.cookie("token")
					},
					success: function(data) {
						if(data.state.toLowerCase() == "success") {
							var Data = data.data.data;
							 
							// 编辑模式下 回显案件编号
							$('#tis').text(Data[0].F_WorkOrderId)
							
							$("#title").val(Data[0].F_ComTitle);
							$("#cusname").val(Data[0].F_CusName);
							$('#keys').val(Data[0].F_ComContent);
							$("#cusaddress").val(Data[0].F_CusAddress)
							$("#publishtime").val(Data[0].F_Hcdatetime)
							$('#sourceaddress').val(Data[0].F_SourceAddress);
							$("#source").val(Data[0].F_Event);
							//精准地域
							sourceareaObj.getText = Data[0].AreaName
							sourceareaObj.getValue = Data[0].F_SourceArea + ''
							selectCommonFn(sourceareaObj)
							//信息属性 
							infopropertyObj.getValue = Data[0].F_InfoConBigType
							infopropertyObj.getText = Data[0].infopropertyname
							selectCommonFn(getDicObjFn(infopropertyObj))
							//舆情类型  
//							typeObj.getValue = Data[0].F_InfoType + ''
//							typeObj.getText = Data[0].TypeName1
//							selectCommonFn(getDicObjFn(typeObj))

							$("#level").val(Data[0].F_Level + '');
							if(Data[0].F_Level == "1") {
								$("#level option:selected").text("普通"); //乡镇
							} else {
								$("#level option:selected").text("紧急");
							}

							$(Data[0].File).each(function(k, q) {
								var strs = '<span class="files" fiel-num="' + q.F_FileId + '">' + q.F_FileName.substring(19) + '<i class="fa fa-remove del_file"></i></span>'
								$(strs).appendTo($('.fileBox')).find('.del_file').click(function(event) {
									event.stopPropagation();
									$(this).parent().remove();
									file_num()
								})
								file_num()
							})
							if(Data[0].F_IsResult == 1) {
								$(".Nows_box").toggle();
							}
							$('input[name="banli"][value="' + Data[0].F_IsResult + '"]').prop("checked", "checked");
							$('input[name="banli"]').prop("disabled", "disabled")
							$("#result").val(Data[0].F_Result);
						}

					}
				});
			}
			function setSubmitText(){
				
		    	var code = pasteText.split(/[\r\n\t]/)
				code = code.filter(item => item)
				code.forEach(function(n){
					var getData = n.split('：')
					getData.shift()

					var newValue = getData.join('：')
					if (n.indexOf('原文链接')!== -1) {
						$("#cusaddress").val(newValue)
					}else if (n.indexOf('来源网站')!== -1) {
						$("#source").val(newValue)
					}else if (n.indexOf('内容')!== -1) {
						$("#keys").val(newValue)
					}else if (n.indexOf('发布时间')!== -1) {
						$("#publishtime").val(newValue)
					}else if (n.indexOf('标题')!== -1) {
						$("#title").val(newValue)
					}else if (n.indexOf('作者')!== -1) {
						$("#cusname").val(newValue)
					}
					
				})
		    }
		 
			// 案件编号事件 
			{
				$('#ajbhInputCheck').on('change' , ({target:{checked}})=>{ 
					if(!checked){
						$('#ajbhInput').css('display' , 'flex')
						$('#tis').css('display' , 'none')
					}else{
						$('#ajbhInput').css('display' , 'none')
						$('#tis').css('display' , 'block')
					}
				}) 
			}
		</script>
	</body>

</html>