<extend name="Public/base"/>

<block name="body">

<link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
<script type="text/javascript" src="__JS__/bootstrap.min.js"></script>
<script type="text/javascript" src="__JS__/select2.min.js"></script>
<script src="__STATIC__/area.js" type="text/javascript" charset="utf-8"></script>
    <style>
        .select2-container--default .select2-selection--single {
            color: #000;
            resize: none;
            border-width: 1px;
            border-style: solid;
            border-color: #a7b5bc #ced9df #ced9df #a7b5bc;
            box-shadow: 0px 3px 3px #F7F8F9 inset;height:35px;
            height:28px;border-radius:3px;font-size:12px;
        }
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height:35px;
            line-height:28px;
        }
        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height:26px;
        }
        .select2-container--default .select2-search--dropdown .select2-search__field {
            height:26px;line-height:26px;font-size:12px;
        }
        .select2-results__option[aria-selected] {font-size:12px;}
        .data_list table td{
            text-indent:0;
            height: 30px;
            line-height: 30px;
        }
    </style>

    <div class="cf main-place top_nav_list navtab_list">
        <h3 class="page_title">{$meta_title}</h3>
    </div>

    <div class="cf top_nav_list">
        <div class="jssearch fl cf search_list" style="margin-bottom: 0px;">
            <div class="input-list search-title-box">
                <label>搜索：</label>
            </div>

            <div class="input-list input-list-game search_label_rehab">
                <select id="province" name="province" class="" >
                </select>
            </div>

            <div class="input-list input-list-game search_label_rehab">
                <select id="city" name="city" class="" >
                </select>
            </div>

            <div class="input-list input-list-game search_label_rehab">
                <select name="game_type" id="game_type" class="select_gallery">
                    <option value="" >请选择游戏类型</option>
                    <volist name="game_types" id="vo">
                        <option value="{$vo['type_name']}" >{$vo['type_name']}</option>
                    </volist>
                </select>
            </div>

            <div class="input-list input-list-game search_label_rehab">
                <input placeholder="请选择对接人" name="interface_person" class="input">
            </div>

            <div class="input-list input-list-game search_label_rehab">
                <select name="time_gap" id="time_gap" class="select_gallery">
                    <option value="" >请选择近期是否沟通</option>
                    <option value="1" >是</option>
                    <option value="0" >否</option>
                </select>
            </div>

            <div class="input-list input-list-game search_label_rehab">
                <select name="sociaty_level" id="sociaty_level" class="select_gallery">
                    <option value="0">请选择公会等级</option>
                    <option value="1">S</option>
                    <option value="2">A</option>
                    <option value="3">B</option>
                    <option value="4">其他</option>
                </select>
            </div>

            <div class="input-list">
                <input type="text"  name="text" style="width: 200px" class="" placeholder="快速搜索" value="{:I('text')}"/>&nbsp;
            </div>

            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="search" url="{:U('lists','model='.$model['name'] .'&row='.I('row'),false)}">搜索</a>
            </div>
            <!--<div class="input-list">
                <if condition="$role_export_check eq true ">
                    <a class="sch-btn" href="javascript:;" id="downloadexcel" url="{:U(CONTROLLER_NAME.'/'.ACTION_NAME,array_merge(['export'=>1],I('get.')))}">导出excel</a>
                </if>
            </div>-->
        </div>
        <div class="cf top_nav_list jssearch fl cf search_list" style="margin-bottom: 0px;">
            <div class="input-list">
                <a class="sch-btn" href="{:U('add')}">新增</a>
            </div>
            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="excel_in">导入</a>
            </div>
            <div class="input-list">
                <if condition="$role_export_check eq true ">
                    <a class="sch-btn" href="javascript:;" id="downloadexcel" url="{:U(CONTROLLER_NAME.'/'.ACTION_NAME,array_merge(['export'=>1],I('get.')))}">导出</a>
                </if>
            </div>
            <div class="input-list">
                <if condition="$delset_check eq true ">
                    <a class="sch-btn" id="del_check" style="background:red">删除</a>
                </if>
            </div>
            <div class="input-list">
                <if condition="$timeset_check eq true ">
                    <a style="width: 100px;" class="sch-btn" href="javascript:;" id="timeset" data-url="{:U('timeset')}">时间间隔设置</a>
                </if>
            </div>
        </div>

        <div class="cf top_nav_list jssearch fl cf excel_list" style="margin-bottom: 0px; display: none;">
            <form id="form" action="{:U('excelImport')}" method="post" class="form-horizontal" enctype="multipart/form-data">
            <div class="input-list">
                <input type="file" id="excelData" name="excelData" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
                <button class="submit_btn " id="submit" type="submit" target-form="form-horizontal" url="{:U('excelImport')}">确 定</button>
                <button id="downloads" class="submit_btn"  type="text" url="{:U('downloadSocial')}" target-form="form-horizontal" >下载模板</button>
                <button id="excel_back" class="submit_btn"  type="text" target-form="form-horizontal">返 回</button>
            </div>
            </form>
            <div class="input-list">
                <p style="margin: 5px;">文件格式参考：请严格按照此格式，文件的第一行必须是字段名，且字段名不允许修改，游戏类型目前仅支持：国战、宫斗、返利服、商战、传奇、仙侠、卡牌、策略如果游戏为多个类型，请用“/”隔开，如：策略/卡牌</p>
            </div>
        </div>
    </div>

    <!-- 数据列表 -->
    <div class="data_list data_game_list society_list">
        <div class="">
            <table border="1">
                <!-- 表头 -->
                <thead>
                <tr>
                    <th><input class="check-all" type="checkbox"></th>
                    <th>序号</th>
                    <th>省份</th>
                    <th>城市</th>
                    <th>公司</th>
                    <th>注册资本</th>
                    <th>负责人</th>
                    <th>电话</th>
                    <th>微信</th>
                    <th>QQ</th>
                    <th>游戏类型</th>
                    <th>所做游戏</th>
                    <th>合作平台</th>
                    <th>推广规模</th>
                    <th>公会等级</th>
                    <th>流水</th>
                    <th>地址</th>
                    <th>联盟信息</th>
                    <th>是否为意向客户</th>
                    <th>备注信息</th>
                    <th>对接人</th>
                    <th>录入时间</th>
                    <th>最后沟通时间</th>

                    <th style="width:8%;min-width:10px;">操作</th>
                </tr>
                </thead>

                <!-- 列表 -->
                <tbody>
                <empty name ="listData">
                    <td colspan="30" class="text-center">aOh! 暂时还没有内容!</td>
                    <else />
                    <volist name="listData" id="data">
                        <tr  >
                        <td ><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
                        <td rowspan="{$data.row}">{$data.num}</td>
                            <td rowspan="{$data.row}">{$data.province}</td>
                            <td rowspan="{$data.row}">{$data.city}</td>
                            <td rowspan="{$data.row}"><if condition="$data['is_gap_time'] eq 1"> <span style="color: red">●</span> </if>{$data.company_name}</td>
                            <td rowspan="{$data.row}">{$data.register_capital}</td>
                            <td rowspan="{$data.row}">{$data.functionary}</td>
                            <td rowspan="{$data.row}">{$data.phone}</td>
                            <td rowspan="{$data.row}">{$data.wechat}</td>
                            <td rowspan="{$data.row}">{$data.qq}</td>
                            <td rowspan="{$data.row}">{$data.game_type}</td>
                            <td rowspan="{$data.row}">{$data.game_name}</td>
                            <td rowspan="{$data.row}">{$data.join_platform}</td>
                            <td rowspan="{$data.row}">{$data.promote_scale}</td>
                        <td rowspan="{$data.row}">{$data.sociaty_level_str}</td>
                            <td rowspan="{$data.row}">{$data.turnover}</td>
                            <td rowspan="{$data.row}">{$data.address}</td>
                            <td rowspan="{$data.row}">{$data.league_info}</td>
                            <td rowspan="{$data.row}">
                                <if condition="$data['is_potential'] eq 1">是<else />否</if>
                            </td>
                            <td rowspan="{$data.row}">{$data.remark}</td>
                            <td rowspan="{$data.row}">{$data.interface_person}</td>
                            <td rowspan="{$data.row}">{$data.create_time|date='Y-m-d H:i:s', ###}</td>
                            <td rowspan="{$data.row}">{$data.communication_time|date='Y-m-d H:i:s', ###}</td>


                            <td rowspan="{$data.row}">
                                <a href="{:U('edit',array('id'=>$data['id']))}">编辑</a>
                                <a href="{:U('view',array('id'=>$data['id']))}">查看</a>
                                <if condition="$delset_check eq true ">
                                    <a href="{:U('del',array('id'=>$data['id']))}" class="confirm ajax-get">删除</a>
                                </if>
                            </td>
                        </tr>

                    </volist>
                </empty>
                </tbody>
            </table>
        </div>
    </div>
<!--    <div class="data_list data_game_list model" style="display: none;">-->
<!--        <div class="" style="margin-top: 25px;">-->
<!--            <table border="1">-->
<!--                &lt;!&ndash; 表头 &ndash;&gt;-->
<!--                <thead>-->
<!--                <tr>-->
<!--                    <th>省份</th>-->
<!--                    <th>城市</th>-->
<!--                    <th>公司</th>-->
<!--                    <th>注册资本</th>-->
<!--                    <th>负责人</th>-->
<!--                    <th>电话</th>-->
<!--                    <th>微信</th>-->
<!--                    <th>QQ</th>-->
<!--                    <th>游戏类型</th>-->
<!--                    <th>所做游戏</th>-->
<!--                    <th>合作平台</th>-->
<!--                    <th>推广规模</th>-->
<!--                    <th>流水</th>-->
<!--                    <th>地址</th>-->
<!--                    <th>联盟信息</th>-->
<!--                    <th>是否为意向客户</th>-->
<!--                    <th>备注信息</th>-->
<!--                    <th>对接人</th>-->
<!--                </tr>-->
<!--                </thead>-->

<!--                &lt;!&ndash; 列表 &ndash;&gt;-->
<!--                <tbody>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        <td rowspan="{$data.row}">&#45;&#45;</td>-->
<!--                        </tr>-->
<!--                </tbody>-->
<!--            </table>-->
<!--        </div>-->
<!--    </div>-->

    <div class="page">
        {$_page|default=''}
    </div>
		
		<div class="common_settings">
			<span class="plus_icon"><span><img src="__IMG__/zwmimages/icon_jia.png"></span></span>
			<form class="addShortcutIcon">
				<input type="hidden" name="title" value="{$meta_title}">
				<input type="hidden" name="url" value="SocietyInfo/lists">
			</form>
			<a class="ajax-post add-butn <notempty name='commonset'>addSIsetted</notempty>" href="javascript:;" target-form="addShortcutIcon" url="{:U('Think/addShortcutIcon')}"><img src="__IMG__/zwmimages/icon_jia.png"><span><notempty name='commonset'>已添加<else />添加至常用设置</notempty></span></a>
		</div>
		
</block>

<block name="script">
<script src="__STATIC__/layer/layer.js"></script>
<script src="__STATIC__/layer/extend/layer.ext.js"></script>
    <link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
    <php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
    <link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<style>
  .layui-layer-demo .layui-layer-title {background:#F0F5F7;font-weight:bold;}
  .layui-layer-demo .layui-layer-content {}
  .layui-layer-demo .layui-layer-content table{width:100%;border:0;border-spacing:0;padding:0;}
  .layui-layer-demo .layui-layer-content td {height:42px;padding-left:20px;}
  .layui-layer-demo .layui-layer-content tr:hover {background:#F0F5F7;}
  .layui-layer-demo .layui-layer-content tr~tr {border-top:1px solid #ccc;}
  .layui-layer-demo .layui-layer-content td~td {border-left:1px solid #ccc;}
  .layui-layer-demo .layui-layer-content tr:last-child td {}
</style>

<script>
    <volist name=":I('get.')" id="vo">
            Think.setValue('{$key}',"{$vo}");
    </volist>
    $(".select_gallery").select2();
</script>
<script type="text/javascript">
    function mapInit() {
        var province = "{:I('get.province')}";
        var city = "{:I('get.city')}";

        $("#province option").each(function() {
            if ($(this).text() == province) {
                $(this).attr("selected", "selected");
            }
        });
        $("#city option").each(function() {
            if ($(this).text() == city) {
                $(this).attr("selected", "selected");
            }
        });
    }

    $("#del_check").click(function () {
        var text = $("input:checkbox[name='ids[]']:checked").map(function(index,elem) {
            return $(elem).val();
        }).get();

        if(text.length < 1){
            layer.msg("<font style='color:white'>" + '没有需要删除的数据' + "</font>");
            return;
        }
        layer.confirm('删除后将无法恢复，请慎重选择', {
            btn: ['确认','取消'],
            title:false
        }, function(){
            $.ajax({
                type: "POST",
                url: "{:U('del_check')}",
                dataType: 'json',
                async: false,
                data: {ids:text},
                success:function(data){
                    if(data.status==1){
                        layer.msg("<font style='color:white'>" + data.info + "</font>");
                        setTimeout(function(){
                            window.location.reload();
                        },1500);
                    }else{
                        layer.msg("<font style='color:white'>" + data.info + "</font>");
                        return false;
                    }
                }
            });
        });

    });


    $(function() {
        areaInit();
        mapInit();
        provinceChange();
        mapInit();
    });
    //导航高亮
    highlight_subnav("{:U('lists')}");
    $(function(){
        $("#downloads").on("click",function(){
            var url = $(this).attr("url");
            window.location.href = url;
            return  false;;

        });
        $("#excel_in").click(function () {
            $(".search_list").hide();
            $(".excel_list").show();
            $(".society_list,.page").hide();
            $(".model").show();
            return false;
        });

        $("#submit").click(function () {
            var fileObj = document.getElementById("excelData").files[0]; // js 获取文件对象
            var url = $(this).attr('url');
            var oReq = new XMLHttpRequest();

            var formFile = new FormData();
            formFile.append("excelData", fileObj); //加入文件对象

            layer.confirm('【提示】是否确认导入公会信息', {
                btn: ['确认','取消'],
                title:false
            }, function(index){
                $.ajax({
                    url:url,
                    type:"post",
                    data:formFile,
                    dataType:'json',
                    cache: false,
                    processData: false,
                    contentType: false,
                    success:function(data){
                        if (data.status == 1) {
                            layer.msg(data.msg);
                            setTimeout(function(){
                                // window.parent.reload()
                                window.location.href = "{:U('lists')}";
                            },2000)

                        } else {
                            layer.msg(data.msg);
                        }

                    }
                })
            });

            return false;
        });

        $("#excel_back").click(function () {
            $(".search_list").show();
            $(".excel_list").hide();
            $(".society_list,.page").show();
            $(".model").hide();
            return false;
        });
        $("#timeset").click(function () {
            var url = $(this).data('url');
            var title =  '时间提醒设置';
            layer.open({
                type: 2,
                title: title,
                shadeClose: true,
                shade: 0.8,
                area: ['30%', '30%'],
                content: url
            });
        });

        $("#downloadexcel").on("click",function(){
            var url = $(this).attr("url");
            window.location.href = url;
        });

        //搜索功能
        $("#search").click(function(){
            var url = $(this).attr('url');
            var query  = $('.jssearch').find('input').serialize();
            query  += "&"+$('.jssearch').find('select').serialize();
            query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
            query = query.replace(/^&/g,'');

            if( url.indexOf('?')>0 ){
                url += '&' + query;
            }else{
                url += '?' + query;
            }

            window.location.href = url;
        });

        //回车自动提交
        $('.jssearch').find('input').keyup(function(event){
            if(event.keyCode===13){
                $("#search").click();
            }
        });
    });
</script>
</block>