miaofuhao
/
GYSentiment


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418
							<!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>
								<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 class="Importent">主要网址:</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>
						<button class="btn" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js">
						    Copy to clipboard
						</button>
						<textarea id="bar">Mussum ipsum cacilds...</textarea>
						<button class="btn" data-clipboard-action="cut" data-clipboard-target="#bar">
						    Cut to clipboard
						</button>
					</div>-->
					<!--<textarea id="bar">需要复制的内容</textarea>
					<button class="btn" data-clipboard-action="cut" data-clipboard-target="#bar">
						复制到剪切板
					</button>-->

				</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 clipboard = new ClipboardJS('.btn');
//			window.addEventListener("paste", function (e) {
//		      const clipdata = e.clipboardData || window.clipboardData;
//		      console.log("主动粘贴", clipdata.getData("text/plain"));
//		      pasteText = clipdata.getData("text/plain")
//		    });
//			function readClipText(){
//				$(".cutPop").hide()
//			}
			var submit, sourceareaObj, sourceObj, typeObj, infopropertyObj, banliValue;
			var wid = helper.request.queryString("wid");
			$(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()
				})
				$(".cutEvent").click(function(){
					$(".cutPop").show()
				})
				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();
					console.log(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() {
				banliValue = $('input[name="banli"]:checked').val();
				if(!$("#title").val()) {
					layer.msg("请输入题目");
				} else if(!$("#cusname").val()) {
					layer.msg("请输入作者");
				} else if(!$("#keys").val()) {
					layer.msg("请输入内容简介");
				} else if(!$("#cusaddress").val()) {
					layer.msg("请输入主要地址");
				} else if(!$("#source").val()) {
					layer.msg("请输入舆情来源");
				} else if(banliValue == 1 && !$('#result').val()) {
					layer.msg("请输入直办内容");
				} else {
					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,
					token: $.cookie("token")
				}
				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) {
						$('.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("创建工单成功");
						}

					}
				});
			}

			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('');
			}

			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;
							$("#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);
						}

					}
				});
			}
		</script>
	</body>

</html>