<ion-view view-title="成交明细">
    <ion-nav-buttons side="right">
        <a class="button button-icon icon ion-android-more-vertical" ng-click="chooseColumn()"></a>
    </ion-nav-buttons>
    <div class="bar bar-subheader row text-center h6-sm no-padding row-center">
        <div class="col-1 text-overflow text-blue">产品</div>
        <div class="col-1 text-overflow text-blue">牌号</div>
        <div class="col-1 text-overflow" ng-show="columns[0].checked">生产厂家</div>
        <div class="col-1 text-overflow" ng-show="columns[1].checked">规格</div>
        <div class="col-1 text-overflow" ng-show="columns[2].checked">价格</div>
        <div class="col-1 text-overflow" ng-show="columns[3].checked">数量</div>
    </div>
    <ion-content class="has-header has-subheader has-footer" ng-init="init()">
        <ul class="list">
            <li class="item row text-center h6-sm" ng-repeat="data in trades" ng-click="showTradeProcess(data)">
                <div class="col-1 item-text-wrap">{{::data.name}}</div>
                <div class="col-1 item-text-wrap">{{::data.trademark}}</div>
                <div class="col-1 item-text-wrap" ng-show="columns[0].checked">{{::data.place}}</div>
                <div class="col-1 item-text-wrap" ng-show="columns[1].checked">{{::data.spec || '-'}}</div>
                <div class="col-1 item-text-wrap" ng-show="columns[2].checked">{{::data.price | money:2}} {{::data.price_unit}}</div>
                <div class="col-1 item-text-wrap" ng-show="columns[3].checked">{{::data.quantity | positive}}</div>
            </li>
        </ul>
        <ion-content-empty value="trades" loading="vm.loading" retry="retry()" title="vm.emptyTitle">
        </ion-content-empty>
    </ion-content>
    <div class="bar bar-footer bar-stable">
        <div class="button-bar">
            <button class="button button-calm icon ion-ios-calendar-outline"
                    ng-click="openFilterTime()"> {{filterInfo.startTime | date: 'MM 月 dd 日'}} ~ {{filterInfo.endTime | date: 'MM 月 dd 日'}}</button>
        </div>
    </div>
</ion-view>