{include file="public/header" nav="历史委托"}
<style type="text/css">
    html{
        font-size: 120px;
    }
</style>
<script type="text/javascript">
window.onload=function(){
    //设置适配rem
    var change_rem = ((window.screen.width > 450) ? 450 : window.screen.width)/375*100;
    document.getElementsByTagName("html")[0].style.fontSize=change_rem+"px";
    window.onresize = function(){
        change_rem = ((window.screen.width > 450) ? 450 : window.screen.width)/375*100;
        document.getElementsByTagName("html")[0].style.fontSize=change_rem+"px";
    }
}
</script>
<script type="text/javascript" src="__ROOT__/static/wap/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="__ROOT__/static/wap/js/order.js"></script>
<script type="text/javascript" src="__ROOT__/static/wap/js/function.js"></script>
<script type="text/javascript" src="__ROOT__/static/wap/js/base64.js"></script>
<script type="text/javascript">
  var Base64 = new Base64();
</script>
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/ionic.css">
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/style.css">
<style type="text/css">
    .box .footer {
        height: 0.52rem;
    }
    .box .footer > div a i {
        width: .21rem !important;
        height: .21rem !important;
        margin-top: .08rem;
    }
    .box .footer > div a i {
        width: .586667rem;
        height: .586667rem;
    }

    .box .footer > div a span {
        font-size: .12rem !important;
        margin-top: 3px !important
    }
</style>
<div id="app">
    <div class="box">
        <ion-nav-bar class="bar-stable headerbar nav-bar-container" nav-bar-transition="ios" nav-bar-direction="swap" nav-swipe="">
            <div class="nav-bar-block" nav-bar="active">
                <ion-header-bar class="bar-stable headerbar bar bar-header" align-title="center">
                    <div class="title title-center header-item jiaoyilishi" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); left: 15px; right: 15px;">历史委托</div>
                </ion-header-bar>
            </div>
        </ion-nav-bar>
        <ion-nav-view class="view-container" nav-view-transition="ios" nav-view-direction="none" nav-swipe="">
            <ion-tabs class="tabs-icon-top navbar pane tabs-bottom tabs-standard" abstract="true" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">
                <ion-nav-view name="tab-history" class="view-container tab-content" nav-view="active" nav-view-transition="ios" nav-view-direction="swap" nav-swipe="">
                    <ion-view view-title="" hide-nav-bar="false" class="pane" state="tab.history" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">
                        <ion-nav-buttons side="right" class="hide"></ion-nav-buttons>
                        <ion-content class="trade_history scroll-content ionic-scroll scroll-content-false  has-header has-tabs" scroll="false">
                            <header>
                                <article class="left-table" onclick="change_category(0)" class="active" style="">
                                    <p class="chicangmingxi">持仓明细</p>
                                </article>
                                <article class="right-table" onclick="change_category(1)">
                                    <p class="lishimingxi">历史明细</p>
                                </article>
                            </header>
                            <div class="trade_history_list slider" style="visibility: visible;overflow:scroll">
                                <div class="slider-slides" ng-transclude="">
                                    <ion-slide class="slider-slide slider-left" data-index="0" style="width: 100%px; left: 0px; transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
                                        <ul>
                                        </ul>
                                    </ion-slide>
                                    <ion-slide class="slider-slide slider-right" data-index="1" style=" left: 0px; top: -100%;transition-duration: 0ms; transform: translate(414px, 0px) translateZ(0px);">
                                        <ul class="uls">
                                        </ul>
                                    </ion-slide>
                                </div>
                                <div class="modal-backdrop ng-hide">
                                    <div class="modal-backdrop-bg"></div>
                                    <div class="modal-wrapper" ng-transclude="">
                                        <ion-modal-view class="order-modal modal slide-in-up ng-enter active ng-enter-active">
                                            <ion-header-bar class="order-modal-header bar bar-header">
                                                <h1 class="title lishimingxi" style="left: 54px; right: 54px;"></h1>
                                                <div class="close" ng-click="close_order_modal.hide()">
                                                    <i class="icon ion-ios-close-empty"></i>
                                                </div>
                                            </ion-header-bar>
                                            <ion-content class="order-modal-content scroll-content ionic-scroll  has-header">
                                                <div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
                                                    <ul class="list">
                                                        <li class="item item-input">
                                                            <span class="input-label" aria-label="商品" id="_label-0">商品</span>
                                                            <span class="input-content ng-binding ptitle"></span>
                                                        </li>
                                                        <li class="item item-input">
                                                            <span class="input-label" aria-label="成交价" id="_label-2">成交价</span>
                                                            <span class="input-content ng-binding buyprice"></span>
                                                        </li>
                                                        <li class="item item-input">
                                                            <span class="input-label" aria-label="结算价" id="_label-3">结算价</span>
                                                            <span class="input-content ng-binding sellprice"></span>
                                                        </li>
                                                        <li class="item item-input">
                                                            <span class="input-label" aria-label="手续费" id="_label-4">手续费</span>
                                                            <span class="input-content ng-binding">0</span>
                                                        </li>
                                                        <li class="item item-input">
                                                            <span class="input-label" aria-label="盈亏" id="_label-5">盈亏</span>
                                                            <span class="input-content ng-binding rise ploss" style="">
                                                                0.00
                                                            </span>
                                                        </li>
                                                        <li class="item item-input">
                                                            <span class="input-label" aria-label="成交时间" id="_label-6">成交时间</span>
                                                            <span class="input-content ng-binding buytime"></span>
                                                        </li>
                                                        <li class="item item-input">
                                                            <span class="input-label" aria-label="结算时间" id="_label-7">结算时间</span>
                                                            <span class="input-content ng-binding selltime"></span>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="scroll-bar scroll-bar-v">
                                                    <div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px; transform-origin: center bottom 0px;"></div>
                                                </div>
                                            </ion-content>
                                            <div class="button-bar">
                                                <a class="button button-dark" onclick="close_order_modal()">关闭</a>
                                            </div>

                                        </ion-modal-view>
                                    </div>
                                </div>
                            </div>
                        </ion-content>
                    </ion-view>
                </ion-nav-view>
            </ion-tabs>
        </ion-nav-view>

        <div class="backdrop"></div>
        <div class="ionic_toast">
            <div class="toast_section" ng-class="ionicToast.toastClass" ng-style="ionicToast.toastStyle" ng-click="hideToast()" style="display: none; opacity: 0;">
                <span class="ionic_toast_close"><i class="ion-android-close toast_close_icon"></i></span><span ng-bind-html="ionicToast.toastMessage" class="ng-binding"></span></div>
        </div>
        {include file="public/footer" menu='hold'}
    </div>
</div>
</body>
<script type="text/javascript">
var charturl = '/index/user/getchart.html';
$.get(charturl, function(_res) {
    var res = jQuery.parseJSON(Base64.decode(_res));
    $.each(res, function(k, v) {
        $('.' + k).html(v);
    })
})
</script>
<script type="text/javascript" src="__ROOT__/static/wap/js/hold.js"></script>

<script type="text/javascript">
change_category(0)
</script>
</html>