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

<link rel="stylesheet" href="/template/pc/components/index/style4.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"  style="text-align: center;">
                    <span class="font-15">
                        职称专业分类对照表
                    </span>
            </div>
            <div class="qy-11-1">
                <div class="layui-col-xs12 qy-12" style="margin-top: 0px;">
                    <div class="layui-col-xs12 hot-index">
                    </div>
                    <div class="layui-col-xs12 qy-13" style="height: auto; overflow: hidden;margin: 0;padding: 8px 5px 8px 5px;">
                        <!--sql调用-->
                        {eyou:sql 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,23" 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;">
                    {eyou:sql 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" 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;

                    //隐藏hover事件
                    $(".qy-12").hover(function(){
                        //鼠标进入和离开事件
                        var index = $(this).index();
                        console.log(index);
                        $("#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">
            <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='{eyou:global name='web_name' /}导航图{$i}' src='{$field.litpic}' /></a>
                        </div>
                        {/eyou:adv}

                    </div>
                </div>
            </div>
            <div class="layui-col-xs8 qy-17">
                <div class="layui-col-xs12 qy-20" style="position:relative;">
                    <div class="layui-col-xs6">
                            <span class="font-50">
                                职称网最新政策文件
                            </span>
                    </div>


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

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

                            <span class="font-51">
                                        <a target="_blank" href="https://guangdong.zc10000.com/zcwj">广东</a></span>
                            <span class="font-51">
                                        <a target="_blank" href="https://guangxi.zc10000.com/zcwj">广西</a></span>
                            <span class="font-51">
                                        <a target="_blank" href="https://jiangsu.zc10000.com/zcwj">江苏</a></span>
                            <span class="font-51">
                                        <a target="_blank" href="https://www.zc10000.com/shandong_zcwj">山东</a></span>

                        </div>
                        <div class="layui-col-xs2 tr">


                            <a target="_blank" href="https://www.zc10000.com/zcwj"><span class="font-52" id="area" style="cursor: pointer;">
                                    全部 <img src="https://oss.zc10000.com/static/images/050.svg" />
                                </span></a>


                        </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">

                    <ul style="width:100%;margin-top:10px;"> <a target="_blank" class="" style="font-weight: bold;" href="https://www.zc10000.com/shandong">山东</a> </ul>
                    <ul style="width:100%;">
                        <!--{$field2.siteurl}&domain={$field.domain}-->
                        {eyou:citysite siteid="5290" loop="50" type ='son' currentclass="on" id
                        ="field2"}

                        <li style="float: left;margin: 0 10px;" class="{$field2.currentclass}"><a target="_blank" href="https://www.zc10000.com/{$field2.domain}" >{$field2.name}</a> </li>
                        {/eyou:citysite}
                        <div class="clear"></div>
                    </ul>

                    <!--{$field2.siteurl}&domain={$field.domain}-->
                    {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"}
                        <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");
                        })

                        $("#citys").hover(function(){
                            //鼠标进入和离开事件
                        },function() {
                            //离开就恢复初始样式
                            $("#citys").addClass("hide");
                        });
                    });
                </script>


                <div class="layui-col-xs12 qy-30">
                    <!-- flag='c' -->
                    {eyou:artlist typeid='126,825' limit='0,8' titlelen='30' infolen='160' orderby='update_time desc'}
                    <li class="layui-col-xs6 qy-30-li">
                        <a target="_blank" href="{:get_tid_url_2($field['arcurl'],$field['typeid'],$field['stypeid'],'0','',0,$field['province_id'],$field['city_id'])}" class="font-53 font-53-active-{$i}">{$field.title|html_msubstr=###,0,22,true}</a>
                    </li>
                    {/eyou:artlist}



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