duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
							<!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 rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
		<link rel="stylesheet" href="../css/init.css" />
		<link rel="stylesheet" href="../js/layui/css/layui.css">
		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
		<link rel="stylesheet" href="../SystemManager/css/yongHuManger.css" />
	</head>
	<style type="text/css">
		.model {
			display: block;
			background: none;
		}
		
		#ygbirth {
			width: 100%;
		}
		
		.select_ {
			width: 100%;
		}
	</style>

	<body>
		<!--添加内容-->
		<div class="model addModel">
			<div class="box">
				<div class="boxCon">
					<table>
						<tbody>
							<tr>
								<th>承办单位：</th>
								<td>
									<div class="inpBox">
										<input type="text" class="inps inps2" />
										<input type="hidden" class="add_did" />
										<i class="xl xl_two"></i>
										<div class="addTree xlAdd_two">
											<ul id="xlAdd_depTree" class="ztree"></ul>
										</div>
									</div>
								</td>
							</tr>
							<tr>
								<th>时限：</th>
								<td><input type="text" class="add_birth" id="ygbirth" /></td>
							</tr>
							<tr>
								<th>紧急程度：</th>
								<td>
									<select class="select_" id="dealtype">
										<option value="">请选择</option>
										<option value="0" selected>普通</option>
										<option value="1">紧急</option>
									</select>
								</td>
							</tr>
							<tr>
								<th>文本描述：</th>
								<td colspan="3">
									<textarea class="add_remark" style="width: 100%;height: 50px;"></textarea>
								</td>
							</tr>
							<tr>
								<th>附件上传:</th>
								<td colspan="7">
									<div class="fileBox"></div>
									<input class="input" type="file" name="upFile" id="upFile" multiple="multiple" style="display: none;">
									<input class="input" type="button" value="上传" id="scwj" />
									<input type="hidden" id="file" />
									<span style="color:#FF0000; border: none;">
                            	(文件格式为png,jpg,mp4,mp3,pdf,doc,docx,xls,xlsx)
                            </span>
								</td>
							</tr>
						</tbody>
					</table>
					<div style="text-align: center;"><button class="btns addCun">保存</button></div>
				</div>
			</div>

		</div>
		<script src="../Script/Common/huayi.common.js"></script>
		<script src="../js/jquery.md5.js"></script>
		<script src="../css/layer/layer.js"></script>
		<script src="../js/zTree/jquery.ztree.core.js"></script>
		<script src="../js/comboSelect/jquery.combo.select.js"></script>
		<script src="../js/laydate/laydate.js"></script>
		<script type="text/javascript">
			$(function() {
				var token = $.cookie("token");
				var keyWord; //关键字
				var tree; //部门树
				bindtree();
				//上传附件
				$("#scwj").click(function() {
					$("#upFile").trigger("click");
				})
				$("#upFile").change(function() {
					upload('upFile', '.fileBox', ['png', 'jpg', 'mp3', 'mp4', 'pdf', 'doc', 'docx', 'xls', 'xlsx'], "#file");
				})
				//===============添加功能开始=============================
				laydate.render({
					elem: '#ygbirth',
					type: 'datetime',
					min: 0,
					theme: '#00a1cb',
					ready: function (date) {
		            $(".layui-laydate-footer [lay-type='datetime'].laydate-btns-time").click();
		            $(".laydate-main-list-0 .layui-laydate-content li ol li:last-child").click();
		            $(".layui-laydate-footer [lay-type='date'].laydate-btns-time").click();
		        }

				});

				//下拉
				$('.inps').focus(function() {
					$(this).siblings('.addTree').css('display', 'block');
				})

				$('.xl').click(function() {
					var xl = $(this).siblings('.addTree');
					if(xl.css('display') == 'block') {
						xl.css('display', 'none')
					} else {
						xl.css('display', 'block')
					}
				})
				$('.addTree').mouseleave(function() {
					$(this).css('display', 'none')
				})

				//添加按钮
				$('.add').click(function() {
					$('.addModel').css('display', 'block');
				})
				$('.addBtr').click(function() {
					$('.addModel').css('display', 'none');
				})

				//保存添加按钮
				$('.addCun').click(function() {
					addCun();
				})
			})

			function bindtree() {
				$.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", {
					"token": $.cookie("token")
				}, function(result) {
					if(result.state.toLowerCase() == "success") {
						$.fn.zTree.init($("#xlAdd_depTree"), setting2, result.data);
					}
				})
			}
			//获取所属部门
			var setting2 = {
				data: {
					key: {
						name: "F_DeptName"
					},
					simpleData: {
						enable: true,
						idKey: "F_DeptId",
						pIdKey: "F_PartentId",
						rootPId: 0
					}
				},
				callback: {
					onClick: ztreeDep
				}
			};

			function ztreeDep(event, treeId, treeNode) {
				console.log(event, treeId, treeNode)
				if(treeNode.F_IsDept) {
					$('.inps2').val(treeNode.F_DeptName);
					$('.add_did').val(treeNode.F_DeptId);
				}
			};
			//保存所调方法
			function addCun() {
				if($(".add_did").val() == '') {
					layer.msg('请选择部门')
					return;
				}
				if($('.add_remark').val() == '') {
					layer.msg('请填写文本描述');
					return;
				}
				if($('#ygbirth').val() == '') {
					layer.msg('请选择时限');
					return;
				}
				var level = $("#dealtype").val()
				if(level == '') {
					level = '0'
				}
				$.post(huayi.config.callcenter_url + "Repository/AddDemands", {
					token: $.cookie("token"),
					deptid: $(".add_did").val(), //部门id
					des: $('.add_remark').val(), //文本描述
					limittime: $('#ygbirth').val(), //时限
					file: $("#file").val(), //(多个用英文逗号,隔开)附件id
					level: level, //紧急程度
					demandsid: 0 //记录id
				}, function(data) {
					data = JSON.parse(data);
					if(data.state.toLowerCase() == "success") {
						layer.msg("添加成功！");
						var index = parent.layer.getFrameIndex(window.name);
						window.parent.location.reload(); //刷新父页面
						parent.layer.close(index);
					} else {
						layer.msg(data.msg);
					}
				});
			}
		</script>

	</body>

</html>