lihai
/
Synear_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>添加或修改IVR欢迎词管理</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<script src="../js/laydate/laydate.js"></script>
		<style>
			.greetings{
				margin-top: 20px;
			}
			.greetings label{
				text-align: right;
			}
			.greetings ul{
				margin: 0;
				padding: 0;
			}
			.greetings li{
				list-style: none;
			}
			.text_require {
				color: red;
				vertical-align: middle;
				font-weight: 900;
			}
			.time-box{
				position: relative;
			}
			i.tub {
			    position: absolute;
			    right: 26px;
			    top: 8px;
			    font-size: 18px;
			    color: #00a0ca;
			}
			.greetings .radio-inline input[type="radio"] {
		   	 	margin-top: 4px;
		   	}
			.greetings textarea {
		   	 	resize: none;
		   	}
		   	.greetings .form-horizontal .radio-inline {
		  		padding-top: 0;
		    }
		</style>
	</head>

	<body>
		<div class="container greetings">
			<ul class="row clearfix form-horizontal">
				<li class="form-group">
					<label for="greetingTitle" class="col-md-2"><b class="text_require">*</b>欢迎词标题</label>
					<div class="col-md-4">
						<input id="greetingTitle" class="form-control" type="text" autofocus="true" autocomplete="off" />
					</div>
				</li>
				<li class="form-group">
					<label for="greetingContent" class="col-md-2"><b class="text_require">*</b>欢迎词内容</label>
					<div class="col-md-9">
						<textarea data-adaptheight id="greetingContent" class="form-control" rows="7"></textarea>
					</div>
				</li>
				<li class="form-group">
					<label for="greetingStart" class="col-md-2"><b class="text_require">*</b>是否启动生效</label>
					<div class="col-md-4" id="greetingStart">
						<label class="radio-inline">
					  		<input type="radio" name="inlineRadioOptions" value="1" checked="checked"> 启动
						</label>
						<label class="radio-inline">
							<input type="radio" name="inlineRadioOptions" value="0"> 不启动
						</label>
					</div>
				</li>
				<li class="form-group">
					<label for="greetingType" class="col-md-2"><b class="text_require">*</b>选择类型</label>
					<div class="col-md-4" id="greetingType">
						<label class="radio-inline">
					  		<input type="radio" name="type_of" value="1" checked="checked"> 文本
						</label>
						<label class="radio-inline">
							<input type="radio" name="type_of" value="2"> 语音文件
						</label>
					</div>
				</li>
				<li class="form-group">
					<label for="greetingTitle" class="col-md-2">坐席组编号</label>
					<div class="col-md-4">
						<input id="GroupCode" class="form-control" type="text" autofocus="true" autocomplete="off" />
					</div>
				</li>
				<li class="form-group">
					<label for="greetingTimes" class="col-md-2"><b class="text_require">*</b>生效时间</label>
					<div class="col-md-4 time-box">
						<i class="tub fa fa-calendar"></i>
						<input class="form-control" type="text" id="greetingTimes">
					</div>
				</li>
				<li class="form-group">
					<label for="greetingRemark" class="col-md-2">备注</label>
					<div class="col-md-9">
						<textarea id="greetingRemark" class="form-control" rows="7"></textarea>
					</div>
				</li>
			</ul>
			<div class="form-group row clearfix">
				<div class="col-md-offset-2 col-md-10">
					<button class="btn btn-success" id="greetingSave" type="button">保存</button>
				</div>
			</div>
		</div>
		<script src="../js/adjustHeight.js"></script>
		<script>
			$(document).ready(function() {
				var addFlag = helper.request.queryString("addFlag"),
					greetingId;
				laydate.render({
					elem: '#greetingTimes',
					range: '~',
					type: 'datetime',
					//max : 31,
					min: 0,
					theme: '#00a1cb',
				});
				if(!addFlag){//修改
					greetingId = helper.request.queryString("greetingId")
					getIVRWords(greetingId);
				}
				//保存
				$('#greetingSave').on('click',saveGreetingsContent);
			
			});
			
			//获取欢迎词信息
			function getIVRWords(ids){
				$.getJSON(huayi.config.callcenter_url + "IVRWords/GetInfo", {
					id: ids,//主键ID
					token: $.cookie("token")
				}, function(data) {
					if(data.state == "success") {
						$('#greetingTitle').val(data.data.Title);//标题
						$('#greetingContent').val(data.data.Content);//内容
						$('#greetingStart').find('input[value="'+ data.data.IsState +'"]').attr('checked','checked');//是否启动生效（0不启动，1启动）
						$('#greetingTimes').val(data.data.StartDate + ' ~ ' + data.data.EndDate);
						$('#greetingRemark').val(data.data.Remark);//备注
						$('#GroupCode').val(data.data.GroupCode);//坐席组编号
						$('#greetingType').find('input[value="'+ data.data.Type +'"]').attr('checked','checked');//类型（1文本，2语音文件）
					}
				});
			}

			//点击保存后修改或增加
			function saveGreetingsContent() {
				if (!$.trim($('#greetingTitle').val())) {
					layer.confirm('请输入欢迎词标题！', {
			  			icon: 2,
			  			btn: ['确定'],
			  		});	
					return;
				}
				if (!$.trim($('#greetingContent').val())) {
					layer.confirm('请输入欢迎词内容！', {
			  			icon: 2,
			  			btn: ['确定'],
			  		});	
					return;
				}
				if (!$.trim($('#greetingTimes').val())) {
					layer.confirm('请选择生效时间！', {
			  			icon: 2,
			  			btn: ['确定'],
			  		});	
					return;
				}
				var addFlag = helper.request.queryString("addFlag"),
					greetingId;
				//id为增加 >0修改 
				if(addFlag){
					greetingId = '';
					$.post(huayi.config.callcenter_url + "IVRWords/Add", {
					id: greetingId, //主键ID
					Title: $('#greetingTitle').val(),//标题
					Content: $('#greetingContent').val(),//内容
					GroupCode:$('#GroupCode').val(),//坐席组编号
					IsState: $('#greetingStart').find('input[type="radio"]:checked').val(),//是否启动生效（0不启动，1启动）
					StartDate: $('#greetingTimes').val() && $('#greetingTimes').val().split('~')[0],//生效时间
					EndDate: $('#greetingTimes').val() && $('#greetingTimes').val().split('~')[1],//失效时间
					Remark: $('#greetingRemark').val(),//备注
					Type:$('#greetingType').find('input[type="radio"]:checked').val(),//类型选择（1文本，2语音文件）
					token: $.cookie("token")
				}, function(data) {
					data = JSON.parse(data);
					if(data.state == "success") {
						var index = parent.layer.getFrameIndex(window.name);
            			parent.layer.close(index);
						parent.layer.msg("增加成功");
						parent.initTable1();
						parent.state_enabled();
					}
				});
				}else{
						greetingId = helper.request.queryString("greetingId");
						$.post(huayi.config.callcenter_url + "IVRWords/Update", {
						id: greetingId, //主键ID
						Title: $('#greetingTitle').val(),//标题
						Content: $('#greetingContent').val(),//内容
						GroupCode:$('#GroupCode').val(),//坐席组编号
						IsState: $('#greetingStart').find('input[type="radio"]:checked').val(),//是否启动生效（0不启动，1启动）
						StartDate: $('#greetingTimes').val() && $('#greetingTimes').val().split('~')[0],//生效时间
						EndDate: $('#greetingTimes').val() && $('#greetingTimes').val().split('~')[1],//失效时间
						Remark: $('#greetingRemark').val(),//备注
						Type:$('#greetingType').find('input[type="radio"]:checked').val(),//类型选择（1文本，2语音文件）
						token: $.cookie("token")
					}, function(data) {
						data = JSON.parse(data);
						if(data.state == "success") {
							var index = parent.layer.getFrameIndex(window.name);
	            			parent.layer.close(index);
							parent.layer.msg("修改成功");
							parent.initTable1();
							parent.state_enabled();
						}
					});
				}
//				$.post(huayi.config.callcenter_url + "IVRWords/Add", {
//					id: greetingId, //主键ID
//					Title: $('#greetingTitle').val(),//标题
//					Content: $('#greetingContent').val(),//内容
//					GroupCode:$('#GroupCode').val(),//坐席组编号
//					IsState: $('#greetingStart').find('input[type="radio"]:checked').val(),//是否启动生效（0不启动，1启动）
//					StartDate: $('#greetingTimes').val() && $('#greetingTimes').val().split('~')[0],//生效时间
//					EndDate: $('#greetingTimes').val() && $('#greetingTimes').val().split('~')[1],//失效时间
//					Remark: $('#greetingRemark').val(),//备注
//					token: $.cookie("token")
//				}, function(data) {
//					data = JSON.parse(data);
//					if(data.state == "success") {
//						var index = parent.layer.getFrameIndex(window.name);
//          			parent.layer.close(index);
//						
//						if(addFlag) {
//							parent.layer.msg("增加成功");
//						} else {
//							parent.layer.msg("修改成功");
//						}
//						parent.initTable1();
//					}
//				});
			}
			
		</script>
	</body>

</html>