{include file='public/header'}
<div class="wrap {$background_class}"><!-- 有三个区服 shaiya_02 shaiya_03   -->
    <div class="top"></div>
    <div class="clear"></div>
    <div class="zbk_list w1100">
        {include file='public/login'}
        {include file='public/trade_nav'}
        <div class="list_box">
            <table class="layui-table">
                <thead>
                <tr>
                    <th colspan="2">名称</th>
                    <th>数量</th>
                    <th>可用职业</th>
                    <th>单价</th>
                    <th onclick="sortData(this, 'price')" >
                        <a href="javascript:;" class="sort-item">
                            <span>¥ 价格</span>
                            <span class="isort">
                                <i {if ((($params['key'] ?? "") == "price") && (($params['value'] ?? "") == "asc") )}class="itop on"{else/}class="itop"{/if}></i>
                                <i {if ((($params['key'] ?? "") == "price") && (($params['value'] ?? "") == "desc") )}class="ibtm on"{else/}class="ibtm"{/if}></i>
                            </span>
                        </a>
                    </th>
                    <th  onclick="sortData(this, 'outtime')" >
                        <a href="javascript:;" class="sort-item">
                            {if $mode == 2}
                            <span>公示剩余时间</span>
                            {elseif $mode == 3/}
                            剩余时间
                            {else/}
                            <span>出售剩余时间</span>
                            {/if}
                            <span class="isort">
                                <i {if ((($params['key'] ?? "") == "outtime") && (($params['value'] ?? "") == "asc") )}class="itop on"{else/}class="itop"{/if}></i>
                                <i {if ((($params['key'] ?? "") == "outtime") && (($params['value'] ?? "") == "desc") )}class="ibtm on"{else/}class="ibtm"{/if}></i>
                            </span>
                        </a>
                    </th>
                    <th>操作</th>
                    <th>收藏数</th>
                </tr>
                </thead>
                <tbody>
                    {foreach $lists as $vo}
                    <tr>
                        <td class="td-img">
                            <div class="pic">
                                <img style="background-image: url('{$vo.iconset}'); background-position-x: {$vo.iconx}px; background-position-y: {$vo.icony}px;cursor: pointer;width:32px;height:32px;">
                            </div>
                        </td>
                        <td class="td-img-name">
                            <div class="proptit">
                                <h1>{$vo.itemname ?? ""}</h1>
                                <p>{$vo.og_text ?? ""}</p>
                            </div>
                        </td>
                        <td>{$vo.num ?? 0}</td>
                        <td>
                            {if $vo.job_type == 0}
                            <a href="javascript:;" class="row_color job_type" data-item="{$vo.job_text}" lay-on="job-type-tips">{$vo.job_type_text ?? ""}</a>
                            {else/}
                            {$vo.job_type_text ?? ""}
                            {/if}
                        </td>
                        <td>{$vo.unit_price}元</td>
                        <td>{$vo.price}元</td>
                        <td>
                            {$vo.outtime_text ?? ""}
                            {if $mode == 3}
                            {if $vo.outtime_type == 1}(出售中){elseif $vo.outtime_type == 2/}(公示中){/if}
                            {/if}
                        </td>
                        <td>
                            {if in_array($vo.trade_status, [2])}
                            <a class="pay-btn" href="javascript:;" onclick="buy({$vo.tid},{$vo.type})">购买</a>
                            {/if}
                            <a class="detail_btn" href="/trade/prop/{$vo.id}.html?{$query}"></a>
                        </td>
                        <td>{$vo.collect ?? 0}</td>
                    </tr>
                    {/foreach}
                </tbody>
            </table>
            {$page|raw}
        </div>
        {include file="public/intro"}
        {include file="public/vade"}
    </div>
    {include file="public/footer"}
</div>
<script>
    layui.use(function() {
        var layer = layui.layer;
        $("tbody a.job_type").on('mouseenter', function() {
            var items = $(this).data("item");
            if (items) {
                // 展示
                layer.tips("<span style='color: #000000;'>"+items+"</span>", this, {
                    tips: [3, '#FFFFFF'],
                    time: 0
                });
            }
        });
        // 鼠标离开时关闭提示 - 穿戴装备
        $("tbody a.job_type").on('mouseleave', function() {
            layer.closeAll('tips');
        });
    });
</script>