{extend name="public/base" /}
{block name="body"}
<style>
.clinhei{width:100%;height:25px;}	
.inp{width:200px;}
.inpdiv{width:25%;float:left;}
.inpdivbut{width:10%;float:left;}
.so{width:80px;height:30px;border:0;margin-top:25px;text-align:center;line-height:30px;cursor: pointer;}
.tdinp{width:100%;border:0;}
.up{border:0;cursor: pointer;}
.bs{width:50px;height:50px;text-align:center;}
.bj{background:#fff;}
.btn-jun{display:block;margin:0 auto;}
.uptopimg{position:fixed; top:15%;left:35%;width: 500px;height:500px;display:none;background:#fff;z-index:999;}
.uptopimg img{width:450px;height:280px; display:block; margin:0 auto;margin-top:10px;}
.uppay{position:fixed; top:20%;left:45%;width:300px;height:400px;display:none;background:#fff;z-index:999;}
.tds{text-align: center;}
</style>
<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<div class="pull-left">
			<h2>巨量域名管理</h2>
		</div>
		
	</header>
	<div class="main-box-body clearfix">
		    <div class="container">
              <form  id="forms" enctype="multipart/form-data">
				<div class="inpdiv">
					<label for="name">公司名称</label>
					<input type="text" class="form-control inp" id="name" name="name"> 
				</div>

				<div class="inpdiv">
					<label for="name">域名</label>
					<input type="text" class="form-control inp" id="value" name="value"> 
				</div>

				<div class="inpdivbut">
					<div class="btn btn-info" onclick="formsub()" style="margin-top:25px;">新增</div>
				</div>
			</form>
			</div>	
			<div class="clinhei"></div>
			<div class="container">                      
				<table class="table table-bordered bj" id="table" cellspacing="0" cellpadding="2" border="1">
					<thead>
						<tr>
							<th class="tds">ID</th>
							<th class="tds">公司名称</th>
							<th class="tds">域名</th>
							<th class="tds">操作</th>
						</tr>
					</thead>

					<tbody id="table" cellspacing="0" cellpadding="2" border="1">
                        {volist name="res" id="v"}
                            <tr data-id="{$v.id}">
                                <td class="tds">{$v.id}</td>
                                <td class="tds">{$v.name}</td>
                                <td class="tds">{$v.value}</td>
								<td class="btn-danger bs" style="cursor:pointer;" onclick="del('{$v.id}')">删除</td>
								</div>
                            </tr>
                        {/volist}   
					</tbody>
                </table>
			</div>		
	</div>
	
</div>
{/block}
{block name="script"}
<script src = "/public/js/colResizable-1.6.min.js" ></script>
<script>
$(function(){
	//此处实现表格可拖放属性
	$("#table").colResizable({
	  liveDrag:true,//实现实时拖动，可看见拖动轨迹
	  draggingClass:"dragging", //防止拖动出险虚标线
	  resizeMode: "overflow" //表的宽度可以超过父级宽度
	});
});

function del(id){
if(confirm("确定删除此域名吗?")){
        $.ajax({
             type: "POST",
             url: "{:url('Promotedomain/del')}",
             data: {id:id},
             dataType: "json",
             success: function(data){
				         if(data==1){
                            swal('删除成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
                            setTimeout(function(){ window.location = ''; }, 1500);
                         }else{
                            swal('删除失败',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
                         }
                      }
        }); 
 }
}

function formsub(){

    var name = $("#name").val();
	var value = $('#value').val();
    if(name==''){
		swal('错误','公司名称为空', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
	}else if(value==''){
		swal('错误','域名不能为空', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
	}else{
			var formData = new FormData();
			formData.append("name",name);
			formData.append("value", value);
		    $.ajax({  
            type: "POST",   
            url:"{:url('Promotedomain/add')}", 
            data: formData,
			async: false,
			cache: false, 
			processData:false,
			contentType:false,
			dataType:"json",			  
            error: function(request) {  
                  
            },  
            success: function(data) {  
                 if(data.status==1){
					swal(data.reg,"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
					setTimeout(function(){ window.location = ''; }, 1500);
				 }else{
					swal('错误',data.reg, {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
				 }  
                  
            }  

         });
    }   

	
	
}

</script>
{/block}