{extend name="layout/base" /}
{block name="detail_css"}
<link rel="stylesheet" href="__STATIC__/css/admin/bootstrap.min.css?v={$Think.STATIC_VERSION}">
<link rel="stylesheet" href="__STATIC__/css/admin/bootstrap-table.css?v={$Think.STATIC_VERSION}">
<link rel="stylesheet" href="__STATIC__/css/FuzzySearch.css?v={$Think.STATIC_VERSION}">
<title>商务管理</title>
<style>
	label {
		padding-top: 10px;
		margin-left: 10px;
	}

	.x-so {
		text-align: unset;
		margin-bottom: 20px;
	}

	section {
		float: right;
	}

	.layui-icon {
		vertical-align: bottom;
	}

	.operation {
		border: 0;
		padding: 5px;
		color: #fff;
		border-radius: 5px;
	}
	
	.hide{
        display: none;
    }
    .layui-form-label{
    	width: 120px;
    }
	.table>tbody>tr>td, 
    .table>tbody>tr>th, 
    .table>tfoot>tr>td, 
    .table>tfoot>tr>th, 
    .table>thead>tr>td, 
    .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
	}


	table td,
    table th {
        text-align: center;
    }

    .detail-view td,
    .detail-view th {
        text-align: left;
    }
	.detail-view td p a:hover{
		cursor: pointer;
	}
	#modalContant img{
		height: 60px;
		width: 60px;
		cursor: pointer;
	}
</style>

<link rel="stylesheet" href="__STATIC__/css/admin/paginator.css?v={$Think.STATIC_VERSION}">
{/block} 
{block name="content"}
<div class="x-body">

		

		<form class="layui-form" method="get" action="{:url('leaguesmanage')}">

			<div class="layui-inline">
				<a href="{:url('league_add')}" class="layui-btn layui-btn-radius"><i class="layui-icon">&#xe654;</i>添加商务</a>
			</div>

			<div style="float: right;">
				
				<div class="layui-inline">
					<input class="layui-input" placeholder="开始时间" name="start_time" id="J_start" value="{:input('request.start_time')}" autocomplete="off" style="width:130px;display:inline-block">
					<span>-</span>
					<input class="layui-input" placeholder="结束时间" name="end_time" id="J_end" value="{:input('request.end_time',date('Y-m-d'))}" autocomplete="off" style="width:130px;display:inline-block">
				</div>


				<div class="layui-inline">
					<div class="layui-input-inline">
						<input class="layui-input" name="username" placeholder="商务账号" value="{:input('request.username', '')}">
					</div>
				</div>

				<div class="layui-inline">
				    <div class="layui-input-inline">
				      <select name="channel_status" lay-filter="level" value="{:input('request.channel_status')}">
				        <option value="">状态</option>
                        <option value="0" {if condition="$Request.get.channel_status eq '0' " }selected="selected" {/if}>冻结</option>
                        <option value="1" {if condition="$Request.get.channel_status eq 1 " }selected="selected" {/if}>开启</option>
				      </select>
				    </div>
				</div>

				<div class="layui-inline">
				    <div class="layui-input-inline">
				      <select name="status" lay-filter="level" value="{:input('request.status')}">
				        <option value="">个人身份认证状态</option>
                        <option value="0" {if condition="$Request.get.status eq '0' " }selected="selected" {/if}>待审核</option>
                        <option value="1" {if condition="$Request.get.status eq 1 " }selected="selected" {/if}>已身份认证</option>
                        <option value="2" {if condition="$Request.get.status eq 2 " }selected="selected" {/if}>未身份认证</option>
				      </select>
				    </div>
				</div>

				<div class="layui-inline" style="margin-left:10px;">
					<button class="layui-btn" lay-submit>搜索</button>
					<a class="layui-btn" href="{:url('leaguesmanage')}">清空</a>
<!--					<a class="layui-btn layui-btn-normal download" href="javascript:;">下载报表</a>-->
				</div>
			</div>


			<div style="clear:both;"></div>

			<table data-toggle="table" data-detail-view="true" data-detail-formatter="detailFormatter">
					<thead>
					<tr>
						<th>ID</th>
						<th>商务账号</th>
						<th>登录验证</th>
						<th>手机号</th>
						<th>备注</th>
						<!--<th>用户账号</th>-->
						<th>创建时间</th>
						<th>状态</th>
						<th>个人身份认证状态</th>
						<th>身份认证历史记录</th>
						<th>操作</th>
						<th class="hide">姓名</th>
						<th class="hide">身份证号码</th>
						<th class="hide">企业名称</th>
						<th class="hide">社会信用码</th>
						<th class="hide">法人姓名</th>
						<th class="hide">法人身份证</th>
						<th class="hide">手机号</th>
						<th class="hide">邮箱</th>
						<th class="hide">联系地址</th>
					</tr>
					</thead>
					<tbody>
					{volist name="channles" id="vo"}
					<tr>
						<td>{$vo.channelid}</td>
						<td>{$vo.username}</td>
						<td>{$vo.login_check ? '开启' : '关闭'}</td>
						<td>
							<a class="showMobile" data-id="{$vo.adminid}" data-field="mobile">
								 {$vo.mobile != '' ? stringObfuscation($vo.mobile,3) : '' }
							</a>
						</td>
						<td>{$vo.beizhu}</td>
						<!--
						<td>{$vo.show_full_account ? '明文' : '密文'}</td>
						-->
						<td>{$vo.created_time|date="Y-m-d H:i:s",###}</td>
						<td>{$vo.status ? '开启' : '冻结'}</td>
						<td>
							{if condition="($vo['id']) AND ($vo['info_status'] eq 1)"}
								{switch name=$vo['apply_status']} 
								    {case value="0"}待审核{/case} 
								    {default /}已身份认证 
								{/switch}
								
							{else /}
								{switch name=$vo['apply_status']} 
								    {case value="0"}待审核{/case} 
								    {default /}未身份认证
								{/switch}

							{/if}

						</td>
<!-- 						<td><a href="{:url('edit', array('id'=>$vo['adminid'],'type'=>1))}" class="layui-btn">
							<i class="layui-icon">&#xe642;</i>编辑</a>
							{if condition="$vo['status'] eq 1"}
							<a href="{:url('ban', array('id'=>$vo['adminid']))}" class="layui-btn layui-btn-warm">冻结</a>
							{else /}
							<a href="{:url('cancelBan', array('id'=>$vo['adminid']))}" class="layui-btn layui-btn-normal">开启</a>
							{/if}
							{switch name=$vo['apply_status']} 
							    {case value="0"}<a class="layui-btn layui-btn-normal toGameEnter" data-id='{$vo.channelid}' cid="{$vo.applyId}" apply_status='{$vo.apply_status}'><i class="icon-edit"></i>审核</a>&nbsp;&nbsp;{/case} 
							    {case value="2"}<a class="layui-btn layui-btn-normal toGameEnter" apply_status='{$vo.apply_status}' cid="{$vo.applyId}" data-id='{$vo.channelid}'><i class="icon-edit"></i>查看</a>&nbsp;&nbsp;{/case}  
							    {case value="1"}<a class="layui-btn layui-btn-normal toGameEnter" apply_status='{$vo.apply_status}' cid="{$vo.applyId}" data-id='{$vo.channelid}'><i class="icon-edit"></i>查看</a>&nbsp;&nbsp;{/case} 
								{default /} 
							{/switch}
						</td> -->
						<td><a href="#" class ="checklog" id="{$vo.id}" channelid="{$vo.channel_id}">查看历史记录</a></td>
						<td><a href="{:url('edit', array('id'=>$vo['adminid'],'type'=>1))}" class="layui-btn">
							<i class="layui-icon">&#xe642;</i>编辑</a>
							{if condition="$vo['status'] eq 1"}
							<a href="{:url('ban', array('id'=>$vo['adminid']))}" class="layui-btn layui-btn-warm">冻结</a>
							{else /}
							<a href="{:url('cancelBan', array('id'=>$vo['adminid']))}" class="layui-btn layui-btn-normal" pad="{$vo['apply_status']}">开启</a>
							{/if}
							{if condition="($vo['id']) AND ($vo['info_status'] neq 0)"}
								<a class="layui-btn layui-btn-normal toCheck" apply_status='{$vo.apply_status}' data-id='{$vo.channelid}'><i class="icon-edit"></i>查看身份信息</a>
							{/if}
						    {switch name=$vo['apply_status']} 
							    {case value="0"}<a class="layui-btn layui-btn-normal toGameEnter" apply_status='{$vo.apply_status}' data-id='{$vo.channelid}' cid="{$vo.applyId}"><i class="icon-edit"></i>审核身份信息</a>&nbsp;&nbsp;{/case} 
								{default /} 
							{/switch}
						</td>
						<td>{$vo['real_name']}</td>
						<td>{$vo['person_id']}</td>
						<td>{$vo['company_name']}</td>
						<td>{$vo['us_code']}</td>
						<td>{$vo['leson_name']}</td>
						<td>{$vo['leson_person_id']}</td>
						<td>{$vo['linkman_email']}</td>
						<td>{$vo['linkman_mobile']}</td>
						<td>{$vo['address']}</td>
					</tr>
					{/volist}
					</tbody>
				</table>
			
				<div class="pager-container">
					<span>
					  {$channles->total()}条记录
					</span>
					{$page}
					<div class="layui-inline" style="margin-left:10px;width:80px;">
							<input type="text" style="height: 30px;" class="layui-input" placeholder="跳转至" name="page" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
					</div>
				</div>

			
		</form>
	


</div>
<!--  模态框  -->

{/block}

{block name="detail_js"}
<script src="__STATIC__/js/admin/modal.js?v={$Think.STATIC_VERSION}"></script>
<script type="text/javascript" src="__STATIC__/js/admin/bootstrap-table.js?v={$Think.STATIC_VERSION}"></script>
<script type="text/javascript" src="__STATIC__/js/FuzzySearch.js?v={$Think.STATIC_VERSION}"></script>
<!-- <script type="text/javascript" src="__STATIC__/js/link_to_wsocket.js?v={$Think.STATIC_VERSION}"></script> -->
<script>
	var $table = $('#objTable');
	$table.bootstrapTable({});
	

	layui.use('laydate', function () {
	    var laydate = layui.laydate;
	
	    //执行一个laydate实例
	    laydate.render({
	        elem: '#J_start', //指定元素
	        type: 'date'
	    });
	
	    //执行一个laydate实例
	    laydate.render({
	        elem: '#J_end', //指定元素
	        type: 'date'
	    });
	});

	//表格的
	function detailFormatter(index, row) {
		console.log(row)
		var html = [];
		var obj = {
			0: "ID",
			1: "渠道名",
			2: "登录验证",
			3: "手机号",
			4: "备注",
			5: "创建时间",
			6: "状态",
			7: "个人身份认证状态",
			8: "身份认证历史记录",
			9: "操作",
			10: "姓名",
			11: "身份证号码",
			12: "企业名称",
			13: "社会信用码",
			14: "法人姓名",
			15: "法人身份证",
			16: "邮箱",
			17: "手机号",
			18: "联系地址",
		}
		$.each(row, function (key, value) {
			if (key >= 10 && key<=32) {
				html.push('<p><b>' + obj[key] + ':</b> ' + value + '</p>');
			} else {
				html.push('<p class="hide"><b>' + obj[key] + ':</b> ' + value + '</p>');
			}
		});
		return html.join('');
	}
	$(document).on('click', '.toCheck', function(event) {
    	var id = $(this).attr('data-id');
    	layer.open({
    	  name:id,
		  type: 2,
		  area: ['500px', '750px'],
		  shadeClose: true,
		  fixed: false, //不固定
		  maxmin: true,
		  content: 'checkInfo?channelid='+id
		});
    });
    $('.download').on('click', function () {
        $.ajax({
            type: "post",
            url: "{:url('download')}?type=union",
            async: false,
            data: $('.layui-form').serialize(),
            dataType: 'json',
            timeout: 5000,
            success: function (data) {
                if (data['code']) {
                    layer.alert(data['msg']);
                } else {
                    layer.alert(data['msg']);
                }
            },
            error: function () {
                layer.alert('网络错误，请重试');
            },
        });
    });

    // 查看明文
	$("tbody").on("click",".detail-view td p a,.showMobile",function () { 
        var id = $(this).data('id');
        var file = $(this).data('field');
        var _that=$(this);
		if(file=='account_qq' || file=='account_wechat' || file=='mobile'){
			$.ajax({
				type: "post",
				url: "{:url('viewlinkinfo')}",
				/*async: false,*/
				data: {'id':id,'file':file},
				dataType: 'json',
				/*timeout: 5000,*/
				success: function (data) {
					if (data['code']) {
						_that.text(data['data']);
					} else {
						layer.alert(data['msg']);
					}
				},
				error: function () {
					layer.alert('网络错误，请重试');
				},
			});
		}
		else{
			$.ajax({
				type: "post",
				url: "{:url('viewpayinfo')}",
				/*async: false,*/
				data: {'id':id,'file':file},
				dataType: 'json',
				/*timeout: 5000,*/
				success: function (data) {
					if (data['code']) {
						_that.text(data['data']);
					} else {
						layer.alert(data['msg']);
					}
				},
				error: function () {
					layer.alert('网络错误，请重试');
				},
			});
		}
    });
	$(document).on('click', '.toGameEnter', function(event) {
    	var channelid = $(this).attr('data-id');
    	var cid = $(this).attr('cid');
    	var apply_status = $(this).attr('apply_status');
    	layer.open({
    	  name:channelid,
		  type: 2,
		  area: ['900px', '800px'],
		  shadeClose: true,
		  fixed: false, //不固定
		  maxmin: true,
		  content: 'examine?channelid='+channelid+'&apply_status='+apply_status+'&cid='+cid
		});
    });
    $(document).on('click', '.checklog', function(event) {
	    var channelid = $(this).attr('channelid');
	    $.ajax({
	        type: "POST",
	        url: "{:url('checklog')}",
	        data: {"channelid":channelid},
	        dataType: "json",
	        success: function(res) {
	            var list ='';
	            if (res.code == 1) {
	                console.log(res.data)
	                $.each(res.data, function(index, val) {
	                    list += '<tr><td>'+val.id+'</td><td>'+val.apply_time+'</td><td><a href="#" class="toLogCont"  apply_status='+val.apply_status+' data-id="'+val.channel_id+'" cid="'+val.id+'">查看内容</a></td><td>'+val.status+'</td><td>'+val.check_time+'</td><td>'+val.check_admin_name+'</td></tr>'
	                });
	            }else{
	                list = '<tr><td colspan=6>暂无记录</td></tr>';
	            }
	            layer.open({
	              title: '记录',
	              type: 1,
	              skin: 'layui-layer-rim', //加上边框
	              area: ['840px', '480px'], //宽高
	              content: '<table class="layui-table"><thead><tr><th>ID</th><th>创建时间</th><th>操作</th><th>状态</th><th>审核时间</th><th>审核人员</th></tr></thead><tbody>'+list+'</tbody></table>'
	            });
	        },
	    });
    });
    $(document).on('click', '.toLogCont', function(event) {
    	var id = $(this).attr('data-id');
    	var cid = $(this).attr('cid');
    	var apply_status = $(this).attr('apply_status');
    	layer.open({
    	  name:id,
		  type: 2,
		  area: ['500px', '750px'],
		  shadeClose: true,
		  fixed: false, //不固定
		  maxmin: true,
		  content: 'examine?channelid='+id+'&&apply_status='+apply_status+'&log=1'+'&cid='+cid
		});
    });
</script>
{/block}