zhengbingbing
/
XYUpgrade_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>欢迎词添加</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/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
		<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:  rgb(26, 179, 148);
			}
			.greetings .radio-inline input[type="radio"] {
		   	 	margin-top: 4px;
		   	}
			.greetings textarea {
		   	 	resize: none;
		   	}
		   	.greetings .form-horizontal .radio-inline {
		  		padding-top: 0;
		    }
		    #greetingSave{
		    	    background: rgb(26, 179, 148);
		    	    color: #fff;
		    }
		    .bootstrap-select .dropdown-toggle,.open .dropdown-toggle.btn-default{
				    background: #fff!important;
			}
			.btn-default{
				border-color: #e5e6e7;
			}
			.bootstrap-select.btn-group .dropdown-toggle .filter-option{
				color: #555;
			}
			.bootstrap-select.btn-group .dropdown-menu li{
				width: 100%;
			}
		</style>
	</head>

	<body class="gray-bg">
		<div class="container greetings">
			<ul class="row clearfix form-horizontal">
				<li class="form-group">
					<label for="greetingTimes" class="col-md-2"><b class="text_require">*</b>项&nbsp;&nbsp;目</label>
					<div class="col-md-10 time-box">
					<select class="form-control selectpicker" id="itemid" data-live-search="true">
							<option value="">请选择项目</option>
						</select>
					</div>
				</li>
				<!--<li class="form-group">
					<label for="greetingRemark" class="col-md-2"><b class="text_require">*</b>项目名称</label>
					<div class="col-md-10">
						<input type="text" class="form-control" id="item" placeholder="请输入项目名称"  />
					</div>
				</li>-->
				<li class="form-group">
					<label for="greetingTimes" class="col-md-2"><b class="text_require">*</b>生效时限</label>
					<div class="col-md-10 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="greetingTimes" class="col-md-2"><b class="text_require">*</b>状态</label>
					<div class="col-md-10 time-box">
					<select id="isstate" class="form-control" >
							<option value="0">未启动</option>
							<option value="1">启动中</option>
					</select>
					</div>
				</li>
				<li class="form-group">
					<label for="greetingTimes" class="col-md-2"><b class="text_require">*</b>语音文件</label>
					<div class="col-md-10 time-box">
						<div style="display: none;">
	                   		<input type="file" id="upFile" name="Files" accept="audio/*">
	               		 </div>
	               		    <input type="button" class="btn" id="HY_subImport" onclick="btn_subImport()" value="导入文件" />
	               		    <span class="fileName"></span>
					</div>
				</li>
				<li class="form-group">
					<label for="greetingRemark" class="col-md-2">备注</label>
					<div class="col-md-10">
						<textarea id="remark" class="form-control" rows="7" placeholder="请输入备注"></textarea>
					</div>
				</li>
			</ul>
			<div class="form-group row clearfix" style="text-align: center;">
				<div class="col-md-offset-2 col-md-10">
					<button class="btn" id="greetingSave" type="button" onclick="addedit()">保存</button>
				</div>
			</div>
			<input type="hidden" id="path"/>
			<input type="hidden" id="filename"/>
			<input type="hidden" id="loadpath"/>
		</div>
		<script>
			var ids=helper.request.queryString("id");
			$(document).ready(function() {
				laydate.render({
					elem: '#greetingTimes',
					range: '~',
					type: 'datetime',
					//max : 31,
					min: 0,
					theme: '#1ab394',
				});
  				$("#upFile").change(function () {
                        upload();
                    });
                    if(ids){
                    	GetProject($('#itemid')).then(function(){
                    		getDetail(ids)
                    	})
                    	
                    }else{
                    	GetProject($('#itemid'))
                    }
                    
			})
			//新增或者编辑
			function addedit() {
				if(!$("#itemid").val()) {
					layer.confirm('请选择项目', {
						icon: 2,
						btn: ['确定'] //按钮
					});
					return;
				}
				
				if(!$("#greetingTimes").val()) {
					layer.confirm('请选择时间', {
						icon: 2,
						btn: ['确定'] //按钮
					});
					return;
				}
				if(!$("#path").val()) {
					layer.confirm('请上传语音文件', {
						icon: 2,
						btn: ['确定'] //按钮
					});
					return;
				}
				/*发送请求*/
				$.post(huayi.config.callcenter_url + "IVRWelcome/AddIVRWords", {
					id: ids,
					itemid: $("#itemid").val(),//项目ID
					item: $("#itemid").val(),//项目
					loadpath: $("#loadpath").val(),//本地路径
					filename: $("#filename").val(),//文件名称
					path: $("#path").val(),//语音路径
					isstate: $("#isstate").val(),//状态
					sdate: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0],//生效时间
					edate: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1],//失效时间
					remark: $("#remark").val(),//备注
					token: $.cookie("token")
				}, function(result) {
					result = JSON.parse(result);
					if(result.state.toLowerCase() == "success") {
						var index = parent.layer.getFrameIndex(window.name);
            			parent.layer.close(index);
						parent.layer.msg("保存成功！");
						parent.$('#list').bootstrapTable('refresh');
					}
				})
			}
		
		function btn_subImport(){
				 $("#upFile").trigger('click')
			}
			function upload(){
				 var formData = new FormData();
	            formData.append("upFile", document.getElementById("upFile").files[0]);
	            formData.append("token", $.cookie("token"));
	            $.ajax({
	                url: huayi.config.callcenter_url + 'IVRWelcome/UploadWav',
	                type: "POST",
	                data: formData,
	                /**
	                 *必须false才会自动加上正确的Content-Type
	                 */
	                contentType: false,
	                /**
	                 * 必须false才会避开jQuery对 formdata 的默认处理
	                 * XMLHttpRequest会对 formdata 进行正确的处理
	                 */
	                processData: false,
//	                beforeSend:function(){
//	                	$('.fileName').text('正在导入文件，请稍后......')
//	                },
	                success: function (result) {
	                    document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
	                    $("#upFile").change(function () {
	                        upload();
	                    });
	                    var r = $.parseJSON(result);
	                    if (r.state.toLowerCase() == 'success') {
	                        layer.msg("导入成功");
	                        $('#loadpath').val(r.data.loadpath);
	                        $('#filename').val(r.data.filename);
	                        $('.fileName').text(r.data.filename);
	                        $('#path').val(r.data.wavpath);
	                    }else{
	                    	 layer.msg(r.message);
	                    }
	                },
//	                error:function(){
//	                	$('.fileName').text('导入失败，请重新导入......')
//	                }
	            });
			}
		
		//获取详情
			function getDetail(id){
					$.ajax({
						type:"get",
						url: huayi.config.callcenter_url + 'IVRWelcome/GetIVRWords',
						async:true,
						dataType:'json',
						data:{
							token:$.cookie("token"),
							id:id
						},
						success:function(data){
							if(data.state.toLowerCase()=='success'){
//								$('#item').val(data.data.F_Item);
								$('#itemid').val(data.data.F_Item);
								  $('#itemid').selectpicker('refresh');
								$('#greetingTimes').val(data.data.F_StartDate+" ~ "+data.data.F_EndDate);
								$('#isstate').val(data.data.F_IsState);
								$('#filename').val(data.data.F_WavFileName);//文件名称
								$('.fileName').text(data.data.F_WavFileName);//文件名称
								$('#loadpath').val(data.data.F_WavLoadPath);//本地路径
								$('#path').val(data.data.F_WavPath);//音频路径
								$('#remark').val(data.data.F_Remark);
							}
						}
					});
			}
		//获取项目下拉
		function GetProject(obj) {
			var dtd = $.Deferred(); //在函数内部，新建一个Deferred对象
			    obj.empty();
			    obj.append('<option selected="selected" value="">请选择项目</option>');
			    $.getJSON(huayi.config.callcenter_url + "IVRWelcome/GetItems", function (data) {
			        if (data.state.toLowerCase() == "success") {
			            var content = data.data.ds;
			            $(content).each(function (i, n) {
			                $("<option value='" + n.projectname + "'>" + n.projectname + "</option>").appendTo(obj);
			            })
			            obj.selectpicker('refresh');
			            dtd.resolve(); // 改变Deferred对象的执行状态
			        }
			    })
			    	return dtd.promise(); // 返回promise对象
			}
		
		</script>

	</body>

</html>