{extend name="./template/default/pub/pc_base.html" /}
{block name="seo"}
<title>留言记录-{$site_name}</title>
{/block}
{block name="css"}
<style>
    .hmcccontent {
        width: 100%;
        height: 165px;
        border: 1px solid rgb(205, 205, 205);
        float: left;
        background: White;
        color: black;
        margin-top: 6px;
        overflow: auto;
    }

    .hmcccontent .txtHelpContent {
        min-height: 163px;
        padding: 5px;
    }
</style>
{/block}
{block name="content"}
<main class="container mt30 mb20 overflow-Show clearfix" style="min-height:750px;">
    {include file="./template/default/ucenter/pub/pc_menu.html"}
    <article class="article-main pull-right">

        <section class="about-page">
            <h1 class="head">留言反馈</h1>
            <div class="bg-gray forms">
                <ul class="tabs">
                    <li><a href="/leavemsg">留言提交</a></li>
                    <li><a class="active"  href="/message">查看回复</a></li>
                </ul>
            </div>
            <div class="table-body mt10">
                <div>
                    <!-- 充值记录 -->
                    <table>
                        <thead>
                        <tr>
                            <th>留言时间</th>
                            <th>留言内容</th>
                            <th>回复</th>
                        </tr>
                        </thead>
                        <tbody>
                        {volist name="msgs" id="vo"}
                        <tr>
                            <td style="width: 100px;">{$vo.create_time|date='Y-m-d'}</td>
                            <td style="width: 650px;color: darkblue">{$vo.content|subtext=45}...</td>
                            <td><a onclick="showmsg('{$vo.id}')">点击查看</a></td>
                        </tr>
                        <tr data-val="{$vo.id}" style="display: none;">
                            <td></td>
                            <td>
                                {volist name="vo.replys" id="reply"}
                                {$reply.content}<br>
                                <hr>
                                {/volist}
                            </td>
                        </tr>
                        {/volist}
                        </tbody>
                    </table>
                </div>
                <footer>
                    <div class="page-pagination mt20">
                        <ul>
                            {$msgs|raw}
                        </ul>
                    </div>
                </footer>
            </div>
        </section>
    </article>
</main>
<script>
    function showmsg(id) {
        $('tr[data-val='+id+']').show();
    }
</script>
{/block}