{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:15%;left:42%;width:30%;height:80%;display:none;background:#fff;z-index:999;}
.task{display:block;margin: 0 auto;width:88%;margin-top:10px;}
.tasksetbut{display: block;margin:0 auto;width:100px;}
.tasksetg{display: block;margin:0 auto;width:100px;margin-top:10px;}
.tasktext{color: red;width:90%;display: block;margin: 0 auto;margin-top: 5px;}
.modal-content p{margin-top: 10px;margin-bottom: 10px;margin-left: 10px;font-size:16px;width:80%;}
.modal-content p span{color: #689f38;}
</style>
<div class="main-box clearfix">
	<div class="main-box-body clearfix">
		    <div class="container">
              <div class="clinhei"></div>
              <form  id="forms" enctype="multipart/form-data">
				<div class="inpdiv">
					<label for="name">微信ID</label>
					<input type="text" class="form-control inp" id="wxid" name="wxid">
				</div>
                <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="link" name="link">
				</div>
                <div class="inpdiv">
					<label for="name">appUrl</label>
					<input type="text" class="form-control inp" id="appurl" name="appurl">
				</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>微信ID</th>
							<th>名称</th>
							<th>文章链接</th>
							<th>appUrl</th>
							<th>操作</th>
						</tr>
					</thead>

					<tbody id="table" cellspacing="0" cellpadding="2" border="1">
                        {volist name="res" id="v"}
                            <tr data-id="{$v.id}">
								<td><input type="text" class="tdinp text-center" value="{$v.wxid}" disabled="disabled"></td>
                                <td><input type="text" class="tdinp text-center" value="{$v.name}" disabled="disabled"></td>
                                <td><input type="text" class="tdinp text-center" value="{$v.link}" disabled="disabled"></td>
                                <td><input type="text" class="tdinp text-center" value="{$v.appurl}" disabled="disabled"></td>
								<td class="btn-danger bs" style="cursor:pointer;" onclick="del('{$v.id}')">删除</td>
                            </tr>
                        {/volist}   
					</tbody>
                </table>
			</div>		
	</div>
	
</div>


<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="box-shadow: 0 5px 15px rgba(0,0,0,.5);">
	<div class="modal-dialog">
	  <div class="modal-content" style="overflow:auto;height:580px;" id="likec">
           
	  </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('applets/del')}",
             data: {id:id},
             dataType: "json",
             success: function(data){
				         if(data==1){
                            swal('删除成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
                            window.location = '';
                         }else{
                            swal('错误','', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
                         }
                      }
        }); 
 }
}

function formsub(){
    var wxid = $('#wxid').val();
    var name = $('#name').val();
    var link = $('#link').val();
    var appurl = $('#appurl').val();
    if(wxid=='' || name=='' || link=='' || appurl==''){
        swal('错误','', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
    }else{
        $.ajax({
             type: "POST",
             url: "{:url('applets/index')}",
             data: {wxid:wxid,name:name,link:link,appurl:appurl},
             dataType: "json",
             success: function(data){
				         if(data==1){
                            swal('添加成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
                            window.location = '';
                         }else{
                            swal('错误','', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
                         }
                      }
        });  
    }
}



</script>
{/block}