{extend name="common@index" /} {block name="title"}{$rs.name}_{$column.name}{/block} {block name="keywords"}{/block} {block name="css"}
<link rel="stylesheet" type="text/css" href="__CSS__job.css"> {/block} {block name="main"}
<div class="view clearfix">
    <div id="content">
        <ol class="breadcrumb">
            <li><a href="/">首页</a></li>
            <li><a href="{$column.parent.url|default=$column.url}">{$column.parent.name|default=$column.name}</a></li>
            <li class="active"><a href="{$column.url}">{$column.name}</a></li>
        </ol>
        <div class="panel">
            <div class="panel-heading">
                <h3 class="mb-xs"> {if !empty($rs['behavior']) } {foreach $rs['behavior'] as $vv} {if $vv.name=='share_redpacket'}
                    <span class="iconfont pull-right icon-hongbao text-danger" data-key='{$vv.key}' data-cid='{$rs.column_id}' data-id='{$rs.id}' rel="redpacket" title="红包"></span>{/if} {/foreach} {/if}{$rs.name} </h3>
                <p class="text-muted">发布于 {$rs.time.from_now} <em rel="hits" data-id="{$rs.id}"></em>次浏览</p>
                <ul class="action pull-right text-center">
                    <li class="qrcode">
                        <i class="fa fa-qrcode"></i><br>
                        <span>扫一扫</span>
                        <div class="qrcode-wrap">
                            <img src="http://qr.liantu.com/api.php?text={$rs.url}" alt="{$rs.name}二维码" />
                            <p class="text-muted mb-sm">扫一扫在手机查看</p>
                        </div>
                    </li>
                    <li>
                        <i class="fa fa-share-alt"></i><br>
                        <span>分享</span>
                    </li>
                    <li>
                        <a href="{:url('index/index/manage', ['key'=>$column.key, 'id'=>$rs.id])}" class="text-muted">
                            <i class="fa fa-edit"></i><br>
                            <span>管理</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="panel-body mb-lg">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="preview">
                            {if !empty($rs.image)} <img src="{$rs.image[0]['url']|default='/static/img/nopic.gif'}" rel="preview" width="360" height="300">{/if}
                        </div>
                        {if !empty($rs.image)}
                        <div class="img-wrap">
                            <div class="swiper-container" id="small-img">
                                <div class="swiper-wrapper">
                                    {foreach $rs.image as $k=>$v}
                                    <div class="swiper-slide">
                                        <div class="swiper-zoom-container" data-index="{$k}"><img class="swiper-lazy" data-src="{$v.url}" alt="" width="90">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                    </div>
                                    {/foreach}
                                </div>
                            </div>
                            <div class="button-prev fa fa-angle-left" rel="prev"></div>
                            <div class="button-next fa fa-angle-right" rel="next"></div>
                        </div>
                        {/if}
                    </div>
                    <div class="col-sm-8">
                        <div class="row">
                            <div class="col-sm-8">
                                {if !empty($rs.fields)}
                                <div class="fields">
                                    <dl class="clearfix mb-sm"><dt>经验：</dt>
                                        <dd>{$rs.fields['jingyan']['value']|default='-'}</dd>
                                    </dl>
                                    <dl class="clearfix mb-sm"><dt>学历：</dt>
                                        <dd>{$rs.fields['xueli']['value']|default='-'}</dd>
                                    </dl>
                                </div>
                                {/if}
                            </div>
                            <div class="col-sm-4 text-right">
                                <strong class="rent">
                                        {if !empty($rs.fields['xinzi']['value'])}{$rs.fields['xinzi']['value']}<small>{$rs.fields['xinzi']['unit']}</small>{/if}
                                    </strong>
                            </div>
                        </div>
                        <div class="part detail mt-md mb-lg">
                            <h4 class="title mb-sm">描述</h4>
                            <p>{$rs.info.content|nl2br|raw}</p>
                            {if $rs['end_time']!=0 && $rs['end_time']
                            <time()} <div class="invalid">
                                <img src="/static/img/info/stamp.gif">
                        </div>
                        {/if}
                    </div>
                    <div class="linkman clearfix">
                        <i class="fa fa-user-circle-o mr-sm"></i>{$rs.info.linkman}<strong class="ml-sm">{$rs.info.phone.hidden}</strong>
                        <button class="btn btn-theme mt-xs pull-right show-number">查看完整号码</button>
                    </div>

                    <p class="alert alert-warning mt-sm">
                        <i class="fa fa-info-circle"></i> 温馨提示：刷信誉、淘宝刷钻、YY网络兼职、加xx联系的职位都是骗子！收取费用或押金都可能有欺诈嫌疑，请警惕！
                        <a rel="report" href="javascript:;" class="pull-right text-muted" data-id="{$rs.id}" data-cid="{$rs.column_id}"><i class="fa fa fa-flag pr-xs"></i>举报</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="panel mt-md others">
        <div class="panel-heading mb-md">
            <h4><a href="{$column.parent.url|default=$column.url}">{$rs.area.name}{$column.parent.name|default=''}{$column.name}</a>信息</h4>
        </div>
        <ul class="media-list panel-body clearfix lazyload">
            {cim:data cid="$column.id" limit="10"}
            <li class="media col-2">
                <div class="media-left">
                    <a href="{$v.url}" target="_blank">
                        <img class="media-object" data-src="{$v.thumb}" data-original="{$v.thumb}" alt="" width="80" height="60">
                    </a>
                </div>
                <div class="media-body">
                    <a href="{$v.url}" target="_blank">
                        <h5 class="media-heading overflow mt-xs">{$v.name}</h5>
                    </a>
                    <div class="bottom">
                        <a href="{$v.column.url}" class="text-muted">{$v.column.name} </a>
                        <span class="pull-right">{$v.time.from_now}</span>
                    </div>
                </div>
            </li>
            {/cim:data}
        </ul>
    </div>
</div>
</div>
{if !empty($rs.image)}
<div class="fullscreen">
    <div class="swiper-container full-view">
        <div class="swiper-wrapper">
            {foreach $rs.image as $v}
            <div class="swiper-slide">
                <div class="swiper-zoom-container"><img src="{$v.url}" alt=""></a>
                </div>
            </div>
            {/foreach}
        </div>
        <a href="javascript:;" class="fullscreen-close">&times;</a>
        <div class="swiper-pagination swiper-pagination-white"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</div>
{/if}
<div id="phone" class="text-center" style="display:none">
    <p class="text-danger mt-lg"><i class="fa fa-phone pr-sm"></i><img src="{$rs.info.phone.image}" alt=""></p>
    <p class="text-muted mt-sm">联系我时，请一定说明在{$cim.name}看到的, 谢谢</p>
</div> {/block} {block name="js"}
<script>
    require(['info']);
</script>
{/block}