zc100/template/pc/components/index/c12.htm

<link rel="stylesheet" href="/template/pc/components/index/style12.css"   media="all">
<div class="content-4">
    <div class="box-4">
        <!--start-->
        <div class="layui-col-xs4 qy-10">
            <div class="layui-col-xs12 qy-15">
                    <span class="font-15">
                        职称专业分类对照表
                    </span>
            </div>

            <?php
            //判断是什么省份
            $route_param = request()->route();
            //var_dump();
            //$route_param['site']
            ?>

            <div class="qy-11-1">
                <div class="layui-col-xs12 qy-12">
                    <div class="layui-col-xs12">
                        <span class="font-20" style="top: 2px;"></span>

                        {eyou:assign name='sitename' value='$route_param.site' /}
                        {eyou:sql sql="SELECT id,parent_id,name,domain FROM ey_citysite WHERE domain = '$sitename'" cachetime='3600' id="res2"}
                        {eyou:assign name='siteid' value='$res2.parent_id' /}
                        {eyou:sql sql="SELECT id,parent_id,name,domain FROM ey_citysite WHERE id = $siteid" cachetime='3600' id="res3"}
                        {eyou:assign name='site_pro_id' value='$res3.id' /}
                        {eyou:assign name='site_pro_name' value='$res3.name' /}
                        <!-- <a target="_blank" style="margin-left: 15px;" href="https://{$res3.domain}.zc10000.com">当前: {$res3.name}</a>-->
                        <a target="_blank" href="" style="margin-left: 15px;">热门职称推荐</a>
                        {/eyou:sql}
                        {/eyou:sql}

                    </div>
                    <div class="layui-col-xs12 qy-13" style="height: auto; overflow: auto;margin: 0;padding: 15px 5px 8px 5px;">
                        <!--sql调用-->
                        <?php
                        if($site == "www"){
                            //调用伪山东
                            $sql = "SELECT id FROM ey_arctype WHERE area_id=10000 and parent_id=38 and topid=38 and is_del=0 and status=1 ORDER BY id limit 0,25";
                        }else{
                            $sql = "SELECT id FROM ey_arctype WHERE area_id=$site_pro_id and parent_id=38 and topid=38 and is_del=0 and status=1 ORDER BY id limit 0,25";
                        }
                        ?>
                        {eyou:sql sql="$sql" cachetime='3600' empty='没有数据' id='kp'}
                        {eyou:type typeid="$kp.id" id='field2'}
                        <span class="font-22">
                                <a target="_blank" href="{:get_tid_url_2($field2['typeurl'],0,0,0,$field2['type'],$field2['topid'],$field2['area_id'])}" title="{$field2.typename}">{$field2.typename}</a></span>
                        <span class="clear"></span>
                        {/eyou:type}
                        {/eyou:sql}

                    </div>
                </div>
            </div>

            <div id="sonMenu" style="width: 600px;height:567px;position: absolute;top:0;left:260px;background-color: #fff;z-index:9999;display: none;padding: 20px 10px;">
                <div class="" style="display: none;">

                    <?php
                    if($site == "www"){
                        //调用伪山东
                        $sql = "SELECT id FROM ey_arctype WHERE area_id=10000 and parent_id=38 and topid=38 and is_del=0 and status=1 ORDER BY id";
                    }else{
                        $sql = "SELECT id FROM ey_arctype WHERE area_id=$site_pro_id and parent_id=38 and topid=38 and is_del=0 and status=1 ORDER BY id";
                    }
                    ?>

                    {eyou:sql sql="$sql" cachetime='3600' empty='没有数据' id='kp'}
                    {eyou:type typeid="$kp.id" id='field2'}
                    <span class="font-22">
                                <a target="_blank" href="{:get_tid_url_2($field2['typeurl'],0,0,0,$field2['type'],$field2['topid'],$field2['area_id'])}" title="{$field2.typename}">{$field2.typename}</a></span>
                    {/eyou:type}
                    {/eyou:sql}
                </div>
            </div>
            <script>
                layui.use(['jquery'], function(args){
                    var $ = layui.jquery;
                    $(".qy-12").hover(function(){
                        //鼠标进入和离开事件
                        //var index = $(this).index();
                        console.log(index);
                        var index = 0;
                        $("#sonMenu").show();
                        $('#sonMenu div').hide();
                        $('#sonMenu div:eq('+index+')').show();
                    },function() {
                        //离开就恢复初始样式
                    });
                    $("#sonMenu").hover(function(){

                    },function() {
                        //离开就恢复初始样式
                        $("#sonMenu").hide();
                        $('#sonMenu div').hide();
                    });
                    $(".box-4").hover(function(){

                    },function() {
                        //离开就恢复初始样式
                        $("#sonMenu").hide();
                        $('#sonMenu div').hide();
                    });
                });
            </script>

        </div>
        <div class="layui-col-xs8 qy-11" style="position:relative;z-index:8000;">
            <div class="layui-col-xs8 qy-16">
                <div class="layui-carousel" id="banner" lay-filter="banner">
                    <div carousel-item="">
                        {eyou:adv pid='11'}
                        <div>
                            <a target="_blank" href='{$field.links}' ><img alt='{$field.title}' src='{$field.litpic}' style="width:100%;"/></a>
                        </div>
                        {/eyou:adv}

                    </div>
                </div>
            </div>
            <div class="layui-col-xs8 qy-17" style="display: none;">
                <div class="layui-col-xs12 qy-20" style="position:relative;">
                    <div class="layui-col-xs6">
                            <span class="font-50">
                                最新

{eyou:type typeid='115' empty='暂时没有数据'}
<a target="_blank" href="{:get_tid_url_2($field['typeurl'])}">职称政策资讯</a>
{/eyou:type}
                            </span>
                    </div>


                    <div class="layui-col-xs6">
                        <div class="layui-col-xs10">
                            <span class="font-51">热门城市: </span>

                            <!--url生成麻烦-->
                            {eyou:sql sql='SELECT id,name,domain,parent_id FROM __PREFIX__citysite WHERE is_hot=1 and level=2 and status=1 order by update_time desc limit 0,4' cachetime='3600'}
                            <span class="font-51">
                                        <a target="_blank" href="{:get_tid_url_2('https://www.zc10000.com/?m=home&site='.$field['domain'].'&sitepid='.$field['parent_id'])}">{$field.name}</a></span>
                            {/eyou:sql}


                        </div>
                        <div class="layui-col-xs2 tr">
                                <span class="font-52" id="area" style="cursor: pointer;">
                                    全部 <img src="https://oss.zc10000.com/static/images/050.svg" />
                                </span>


                        </div>
                    </div>
                </div>
                <!--显示所有城市-->
                <div id="citys" style="width: 98%;height:350px;position:absolute;top:40px;left:0%;background: #fff;z-index:9999;padding: 0 1%;overflow-y: scroll;border:1px solid #eee;" class="hide">
                    {eyou:citysite type="top" loop="50" id="field" currentclass="on"}
                    <ul style="width:100%;margin-top:10px;"> <a target="_blank" class="{$field.currentclass}" style="font-weight: bold;" href="{$field.siteurl}">{$field.name}</a> </ul>
                    <ul style="width:100%;">
                        {eyou:citysite siteid="$field.id" loop="50" type ='son' currentclass="on" id
                        ="field2"}
                        <!--{$field2.siteurl}&domain={$field.domain}-->
                        <li style="float: left;margin: 0 10px;" class="{$field2.currentclass}"><a target="_blank" href="{:get_tid_url_2($field2['siteurl'].'&domain='.$field['domain'])}" >{$field2.name}</a> </li>
                        {/eyou:citysite}
                        <div class="clear"></div>
                    </ul>
                    {/eyou:citysite}


                </div>
                <script>
                    layui.use(['jquery'], function(args){
                        var $ = layui.jquery;
                        $("#area").on("click", function() {
                            $("#citys").toggleClass("hide");
                        })
                    });
                </script>

                <div class="layui-col-xs12 qy-30">

                    {eyou:artlist typeid='115' limit='0,8' flag='c' titlelen='30' infolen='160' orderby='add_time'}

                    <li class="layui-col-xs6 qy-30-li">
                        <a target="_blank" href="{:get_tid_url_2($field['arcurl'],$field['typeid'],$field['stypeid'])}" class="font-53 font-53-active-{$i}">{$field.title}</a>
                    </li>
                    {/eyou:artlist}



                </div>
            </div>
        </div>
        <!--end--->
    </div>
</div>