zhengbingbing
/
XYUpgrade_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
							<!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/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;
		    }
		</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>项目Id</label>
					<div class="col-md-10 time-box">
					<select id="itemid" class="form-control" >
							<option value="0">项目1</option>
							<option value="1">项目2</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();
                    });
                    
			})
			//新增或者编辑
			function addedit() {
				if(!$("#itemid").val()) {
					layer.confirm('请选择项目Id', {
						icon: 2,
						btn: ['确定'] //按钮
					});
					return;
				}
				if(!$("#item").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: $("#item").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]);
	            $.ajax({
	                url: huayi.config.callcenter_url + 'IVRWelcome/UploadWav',
	                type: "POST",
	                data: formData,
	                /**
	                 *必须false才会自动加上正确的Content-Type
	                 */
	                contentType: false,
	                /**
	                 * 必须false才会避开jQuery对 formdata 的默认处理
	                 * XMLHttpRequest会对 formdata 进行正确的处理
	                 */
	                processData: false,
	                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);
	                        
	                    }
	                }
	            });
			}
		</script>

	</body>

</html>