{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/seller_nav'}
        <div class="detail_box">
            <div class="pos_nav"><a href="/seller/index.html?{$query}">我的物品</a><i>></i><a href="javascript:;">商品详情</a></div>
            {if $type == 1}
                {notempty name="details"}
                <div class="item_box_01">
                    <div class="item_l">
                        <div class="avt">
                            <img src="{$details.job_head ?? ''}">
                        </div>
                    </div>
                    <div class="item_r">
                        <div class="item_r_tit">
                            <h1><i class="icon-01"></i><span>角色亮点</span></h1>
                            <p>{$details.title ?? ""}</p>
                        </div>
                    </div>
                </div>
                <div class="item_box_05">
                    <div class="item_lable">角色名：{$details.chaname ?? ""}</div>
                    <div class="item_lable">等级：{$details.chalv ?? 0}级</div>
                    <div class="item_lable">价格：{$details.price ?? "0.00"}元</div>
                    <div class="item_lable">职业：{$details.job_text ?? ""}（{$details.grow_text ?? ""}模式）</div>
                    <div class="item_lable">战功：{$details.kill ?? 0}</div>
                    <div class="item_lable">
                        {if $details.outtime_type == 2}
                        公示剩余时间：
                        {else/}
                        出售剩余时间：
                        {/if}
                        <span class="row_color">
                                {if in_array($details.trade_status, [4, 5, 6, 7])}
                                    已结束
                                {else/}
                                    {if $details.outtime_type == 3 && (($details.order_outtime_type ?? 0) == 1)}
                                        {$details['order_outtime_text'] ?? ""}
                                        {elseif $details.outtime_type == 3}
                                        已结束
                                        {else/}
                                        {$details.outtime_text ?? ""}
                                    {/if}
                                 {/if}
                            </span>
                    </div>
                </div>
                {/notempty}
            {/if}

            {if $type == 2}
                {notempty name="details"}
                <div class="item_box_04">
                    <div class="pic" id="sell-pic" data-item='{:json_encode($item, JSON_UNESCAPED_UNICODE)}'>
                        <img style="background-image: url('{$item['iconset'] ?? ''}'); background-position-x: {$item['iconx']}px; background-position-y: {$item['icony']}px; width: 32px;height: 32px;">
                    </div>
                    <div class="item_box_item">
                        <div class="item_lable">道具名称：{$item.itemname ?? ""}</div>
                        <div class="item_lable">道具状态：<span class="row_color">{$item.og_text ?? ""}</span></div>
                        <div class="item_lable">可用职业：
                            {if $item.job_type == 0}
                            <a href="javascript:;" class="row_color job_type" data-item="{$item.job_text}" lay-on="job-type-tips">{$item.job_type_text ?? ""}</a>
                            {else/}
                            {$item.job_type_text ?? ""}
                            {/if}
                        </div>
                        <div class="item_lable">数量：{$details.num ?? 0}</div>
                        <div class="item_lable">单价：{$details.unit_price ?? "0.00"}元</div>
                        <div class="item_lable">
                            {if $details.outtime_type == 2}
                            公示剩余时间：
                            {else/}
                            出售剩余时间：
                            {/if}
                            <span class="row_color">
                                 {if in_array($details.trade_status, [4, 5, 6, 7])}
                                    已结束
                                {else/}
                                    {if $details.outtime_type == 3 && (($details.order_outtime_type ?? 0) == 1)}
                                        {$details['order_outtime_text'] ?? ""}
                                        {elseif $details.outtime_type == 3}
                                        已结束
                                        {else/}
                                        {$details.outtime_text ?? ""}
                                    {/if}
                                 {/if}
                            </span>
                        </div>
                    </div>
                </div>
                {/notempty}
            {/if}

            {if $type == 0}
                {notempty name="details"}
                <div class="item_box_04">
                    <div class="item_lable">名称：金币 {$details.num ?? 0}万</div>
                    <div class="item_lable">单价：{$details.unit_price ?? "0.00"}元/万金币</div>
                    <div class="item_lable">
                        {if $details.outtime_type == 2}
                        公示剩余时间：
                        {else/}
                        出售剩余时间：
                        {/if}
                        <span class="row_color">
                                {if in_array($details.trade_status, [4, 5, 6, 7])}
                                    已结束
                                {else/}
                                    {if $details.outtime_type == 3 && (($details.order_outtime_type ?? 0) == 1)}
                                        {$details['order_outtime_text'] ?? ""}
                                        {elseif $details.outtime_type == 3}
                                        已结束
                                        {else/}
                                        {$details.outtime_text ?? ""}
                                    {/if}
                                 {/if}
                            </span>
                    </div>
                </div>
                {/notempty}
            {/if}

            <div class="payinfo">
                <p>商品状态：
                    <span {if $details.trade_status == 1}class="row_color_02"{elseif $details.trade_status == 2}class="row_color"{elseif $details.trade_status == 3}class="row_color_01"{elseif in_array($details.trade_status, [5, 6, 7])}class="row_color_03"{/if}>{$details.trade_status_text ?? ""}</span>
                </p>
                <p>提现状态：
                    <span {if in_array($orderinfo.ws_status, [3, 4])}class="row_color_03"{elseif in_array($orderinfo.ws_status, [-1, 1, 2])}class="row_color"{elseif in_array($orderinfo.ws_status, [0])}class="row_color_02"{/if}>
                        {$orderinfo.ws_status_text ?? ""}
                    </span>
                </p>
                <p>手续费：
                    {if in_array($orderinfo.ws_status, [-1])}
                    <span>/</span>
                    {else/}
                    <span class="row_color">￥{$orderinfo.charge}</span>
                    {/if}
                </p>
                <p>实际收入：
                    {if in_array($orderinfo.ws_status, [-1])}
                    <span>/</span>
                    {else/}
                    <span class="row_color">￥{$orderinfo.amount}</span>
                    {/if}
                </p>
                <div class="info_btn">
                    {if in_array($orderinfo.ws_status, [-1, 3, 4])}
                    <a href="javascript:;" class="cannot-btn">{$orderinfo.ws_status_text ?? ""}</a>
                    {elseif in_array($orderinfo.ws_status, [0])}
                    <a href="javascript:;" class="pay-btn" onclick="withdraw('{$orderinfo.orderno ?? ""}')">{$orderinfo.ws_status_text ?? ""}</a>
                    {elseif in_array($orderinfo.ws_status, [1, 2])}
                    <a href="javascript:;" class="pay-btn">{$orderinfo.ws_status_text ?? ""}</a>
                    {/if}
                    <a href="javascript:void(0);" onclick="history.back(); return false;" class="back-btn">返回</a>
                </div>
            </div>

            {include file="public/intro"}
            {include file="public/vade"}
        </div>
    </div>
    {include file="public/footer"}
</div>
<script>
    layui.use(function(){
        var layer = layui.layer;
        // 监听鼠标悬停事件 - 穿戴装备
        $("#sell-pic").on('mouseenter', function() {
            var items = $(this).data("item");
            // 模块输出
            var tips = showBackPackTips(items);
            // 展示
            layer.tips('<div class="equip-tips">'+tips+'</div>',this, {area: 'auto', time:0});
        });
        // 鼠标离开时关闭提示 - 穿戴装备
        $("#sell-pic").on('mouseleave', function() {
            layer.closeAll('tips');
        });
        $("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
                });
            }
        });
        $("a.job_type").on('mouseleave', function() {
            layer.closeAll('tips');
        });
    });
</script>