{extend name="base" /}

{block name="get-data"}

{site:grm page_code="h5_video_search" diff="$Request.url" num="30" g_key="arrGrm" /}
{/block}

{block name="title"}我的阅读记录{/block}
{block name="keywords"}我的阅读记录{/block}
{block name="description"}我的阅读记录{/block}



{block name="head"}

{/block}


{block name="head-css"}

{/block}

{block name="head-js"}

{/block}

{block name="main"}
<div class="container">

    <h1 class="view-title">
        观看记录
    </h1>

    <div class="row">
        <div class="col-lg-wide-75 col-xs-1 padding-0">
            <div class="stui-pannel stui-pannel-bg clearfix">
                <div class="stui-pannel-box">
                    <div class="stui-pannel_hd">
                        <div class="stui-pannel__head active bottom-line clearfix">
                            <h3 class="title"><img src="/template/videodadi/icon/icon_27.png"></h3>
                        </div>
                    </div>
                    <div class="stui-pannel_bd">
                        <ul class="stui-vodlist__media col-pd clearfix " id="historyContainer">
                           
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-wide-25 stui-pannel-side hidden-md hidden-sm hidden-xs">
            <div class="stui-pannel stui-pannel-bg clearfix">
                <div class="stui-pannel-box">
                    <div class="stui-pannel_hd">
                        <div class="stui-pannel__head active bottom-line clearfix">
                            <h3 class="title"><img src="/template/videodadi/icon/icon_dian-ying.png">电影热播榜</h3>
                        </div>
                    </div>
                    <div class="stui-pannel_bd clearfix">
                        <ul class="stui-vodlist__text active col-pd clearfix">
                            {video:ranklist count="20" 
                            v_parent_category_en="dian-ying"
                            sort_type="total"
                            d_key="key" d_val="Video" cache_life="86400"}
                            {include file="public/video-list-phb" start="0"/}
                            {/video:ranklist}
                        </ul>
                    </div>
                </div>
            </div>
            <div class="stui-pannel stui-pannel-bg clearfix">
                <div class="stui-pannel-box">
                    <div class="stui-pannel_hd">
                        <div class="stui-pannel__head active bottom-line clearfix">
                            <h3 class="title"><img src="/template/videodadi/icon/icon_dian-shi-ju.png">电视剧热播榜</h3>
                        </div>
                    </div>
                    <div class="stui-pannel_bd clearfix">
                        <ul class="stui-vodlist__text active col-pd clearfix">
                            {video:ranklist count="20" 
                            v_parent_category_en="dian-shi-ju"
                            sort_type="total"
                            d_key="key" d_val="Video" cache_life="86400"}
                            {include file="public/video-list-phb" start="21" /}
                            {/video:ranklist}

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="customize"}
<script>
    const strVideoUrlTemp = `{site:replace code="VIDEO_INFO_URL"}`;
    const strVideoPlayUrlTemp = `{site:replace code="VIDEO_PLAY_URL"}`;
    const strSearchUrlTemp = `{site:replace code="VIDEO_SEARCH_LIST_URL"}`;

    document.addEventListener("DOMContentLoaded", function () {
         // 调用展示书架功能
    displayHistory();
    })
   
</script>
{/block}