<ion-view view-title="我的订单">
    <ion-content>
        <!--下拉刷新-->
        <ion-refresher pulling-text="下拉刷新" on-refresh="load(true)">
        </ion-refresher>
        <div style="color:gray;text-align:center;font-size:15px;margin:10px 0 10px 0">订单问题请联系客服</div>
        <div class="list">
            <div class="item" ng-repeat="item in items" ng-click="detail(item)">
                <h2>【{{item.message.data.begin_address | shortAddress}}】-【{{item.message.data.end_address | shortAddress}}】</h2>
                <p>
                    <span style="float:left"><b style="color:orangered">￥{{item.message.data.price}}</b><em style="padding-left:3px;font-size:0.75em">起</em></span>
                    <span style="float:right">途经：{{item.message.data.midway_address | shortAddress}}</span>
                </p>
                <p><span style="float:left">联系人：{{item.message.data.contact_name}}</span> <span style="float:right">电话：{{item.message.data.contact_phone}}</span></p>
                <div style="float:right;margin-top:15px">
                    <span >合计：<b style="color:orangered">￥{{item.message.data.price}}</b></span>
                    <div style="margin-top:10px">
                        <button class="button button-stable" style="color:orangered;margin-right:10px;font-weight:bold" ng-click="pay(item,$event)">
                            &nbsp;去支付&nbsp;
                        </button>
                        <button class="button button-stable" ng-click="delete(item,$event)">
                            删除订单
                        </button>
                    </div>
                </div>
            </div>
            
        </div>
        <!--上拉更多-->
        <ion-infinite-scroll ng-if="filter.hasMore" on-infinite="load(false)" distance="10%"></ion-infinite-scroll>
    </ion-content>
</ion-view>
 