{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;}
</style>
<div class="alert alert-danger alert-dismissable" id="alertmgs" style="display:none;position:fixed;top:10;">
	<button type="button" class="close" data-dismiss="alert"
			aria-hidden="true">
		&times;
	</button>
	<p>错误！请进行一些更改。</p> 
</div>
<div class="alert alert-success alert-dismissable" id="alertyes" style="display:none;position:fixed;top:10;">
	<button type="button" class="close" data-dismiss="alert"
			aria-hidden="true">
		&times;
	</button>
	成功！
</div>
<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" placeholder="微信公众号">
				</div>

				<div class="inpdiv">
					<label for="name">公众号名称</label>
					<input type="text" class="form-control inp" id="nickname" name="nickname"> 
                </div>
                
				<div class="inpdiv">
					<label for="name" style="margin-top:10px">公众号头像</label>
					<input type="file" name="avatar" id="avatar">
				</div>

				<div class="inpdiv">
					<label for="name" style="margin-top:10px">内容里底部引导图</label>
					<input type="file" name="bottomimg" id="bottomimg">
				</div>

				
				
				<!-- <div class="inpdivbut">
					<div class="btn-success so" onclick="formsub('so')">搜索</div>
				</div> -->

				<div class="inpdivbut">
					<div class="btn-info so" onclick="formsub('add')">新增</div>
				</div>
            </form>

			</div>	
		    <div class="clinhei"></div>
			<div class="container">                      
				<table class="table table-bordered">
					<thead>
						<tr>
							<th>ID</th>
							<th>微信号</th>
							<th>公众号名称</th>
							<th>头像</th>
							<th>底部图片</th>
							<th>操作</th>
							<th>操作</th>
						</tr>
					</thead>

					<tbody id="tables">
                        {volist name="res" id="v"}
                            <tr data-id="{$v.id}">
                                <td><input type="text" class="tdinp" value="{$v.id}" disabled="disabled"></td>
                                <td><input type="text" class="tdinp" value="{$v.name}" disabled="disabled"></td>
                                <td><input type="text" class="tdinp" value="{$v.nickname}" disabled="disabled"></td>
                                <td><img src="{$v.avatar}" alt="" width="150px;height:150px"></td>
								<td><img src="{$v.bottomimg}" alt="" width="150px;height:150px"></td>
								<td><a href="{:url('Promotewechats/edit',array('id'=>$v.id))}" class="btn btn-primary">修改</a></td>
                                <td class="btn-danger" style="cursor:pointer;" onclick="del('{$v.id}')">删除</td>
                            </tr>
                        {/volist}   
					</tbody>
                </table>
                {$page}
			</div>		

	</div>
	
</div>
{/block}
{block name="script"}
<script>

function alertmgs(mgs){
    $('#alertmgs').show();
	$('#alertmgs').children('p').html(mgs);
	setTimeout(function(){ gb('no'); }, 3000);
}
function alertyes(mgs){
    $('#alertyes').show();
	$('#alertyes').children('p').html(mgs);
	setTimeout(function(){ gb('yes'); }, 3000);
}
function gb(type){
     if(type=='yes'){
		$('#alertyes').css('display','none');
         
	 }else{
		$('#alertmgs').css('display','none'); 
	 }
}

function del(id){
if(confirm("确定删除这项配置吗?")){
        $.ajax({
             type: "POST",
             url: "{:url('promotewechats/del')}",
             data: {id:id},
             dataType: "json",
             success: function(data){
				         if(data==1){
                            alertyes('删除成功')
                            setTimeout(function(){ window.location = ''; }, 1500);
                         }else{
                            alertmgs('删除失败')
                         }
                      }
        }); 
 }
}

function up(zz){
    var id = $(zz).parent().attr('data-id');
    if(confirm("确定修改这项配置吗?")){
        $.ajax({
             type: "POST",
             url: "{:url('transfer/up')}",
             data: {
                id:id,
                domainName:$(zz).parent().find('input:eq(1)').val(),
				templateId:$(zz).parent().find('input:eq(2)').val(),
				novelId:$(zz).parent().find('input:eq(3)').val(),
				regratio:$(zz).parent().find('input:eq(4)').val(),
				payratio:$(zz).parent().find('input:eq(5)').val(),
				wechatId:$(zz).parent().find('input:eq(6)').val(),
				chapter:$(zz).parent().find('input:eq(7)').val(),
				remark:$(zz).parent().find('input:eq(8)').val(),
				content:$(zz).parent().find('input:eq(9)').val(),
				channel:$(zz).parent().find('input:eq(10)').val(),
				pageurl:$(zz).parent().find('input:eq(11)').val()                 
                 },
             dataType: "json",
             success: function(data){
				         if(data==1){
                            alertyes('修改成功')
                            setTimeout(function(){ window.location = ''; }, 1500);
                         }else{
                            alertmgs('没有值修改')
                         }
                      }
        }); 
    }  
}

function formsub(type){

	var name = $('#name').val();
	var nickname = $('#nickname').val();
	var avatar = $('#avatar').val();
	var bottomimg = $('#bottomimg').val();

    var fm = $('#forms');
    if(type=='so'){
	   fm.attr('action','{:url("transfer/searchfor")}');
	   fm.attr('method','get');
       fm.submit();
    }else{
    if(name==''){
		alertmgs('公众号不能为空')
	}else if(nickname==''){
		alertmgs('公众号名称不能为空')
	}else if(avatar==''){
		alertmgs('头像不能为空') 
	}else if(bottomimg==''){
		alertmgs('底部图片不能为空')
	}else{
			var formData = new FormData();
			formData.append("avatar",$('#avatar')[0].files[0]);
			formData.append("bottomimg",$('#bottomimg')[0].files[0]);
			formData.append("name", name);
			formData.append("nickname",nickname);
		    $.ajax({  
            type: "POST",   
            url:"{:url('promotewechats/add')}", 
            data: formData,
			async: false,
			cache: false, 
			processData:false,
			contentType:false,
			dataType:"json",			  
            error: function(request) {  
                  
            },  
            success: function(data) {  
                 if(data==1){
					alertyes('添加成功')
					window.location.href="" 
				 }else{
					alertmgs('添加失败')
				 }  
                  
            }  

         });
    }   

	}
	
}


</script>
{/block}