<ion-view view-title="掌上物流网">
    <ion-content class="app-content-gray-bg">
        <ion-slide-box class="swiper-index-slide"  >
            <ion-slide  >
                <img class="slider-img"  src="http://wl.youawan.com/banner1.png" />
            </ion-slide>
            <ion-slide>
                <img class="slider-img" src="http://wl.youawan.com/banner2.png" />
            </ion-slide>
            <ion-slide>
                <img class="slider-img" src="http://wl.youawan.com/banner3.png" />
            </ion-slide>
        </ion-slide-box>
        <div class="app-link-bottom"></div>
        <div class="row app-link">
            <div class="col-25">
                <a ng-click="go('wl.goods')" >
                    <div class="app-link-item">
                        <i class="i-applink-goods"><em ng-if="vm.newTask"></em></i>
                        <span class="gray">货源</span>
                    </div>
                </a>
            </div>
            <div class="col-25">
                <a  ng-click="go('wl.car')">
                    <div class="app-link-item">
                        <i class="i-applink-car"></i>
                        <span class="gray">车源</span>
                    </div>
                </a>
            </div>
            <div class="col-25">
                <a ng-click="go('wl.my_order')" >
                    <div class="app-link-item">
                        <i class="i-applink-order"></i>
                        <span class="gray">订单</span>
                    </div>
                </a>
            </div>
            <div class="col-25">
                <a  ng-click="go('wl.my')">
                    <div class="app-link-item">
                        <i class="i-applink-my"></i>
                        <span class="gray">我的</span>
                    </div>
                </a>
            </div>

        </div>
        <div class="app-link-bottom"></div>
        <div class="button-bar bar-calm bar-button-selftest home" >
            <a class="{{vm.showIndex==1?'button  button-calm button-outline button-small button-positive':'button button-calm button-outline button-small'}}" ng-click="changeTab(1)">货源信息</a>
            <a class="{{vm.showIndex==2?'button  button-calm button-outline button-small button-positive':'button button-calm button-outline button-small'}}" ng-click="changeTab(2)">车源信息</a>
        </div>
        <div class="list" ng-if="vm.showIndex==1">
            <a class="item" ng-repeat="item in goods" ng-click="detail(item)">
                <h2>【{{item.begin_address | fullAddress}}】-【{{item.end_address | fullAddress}}】</h2>
                <p><span style="float:left"><b style="color:orangered">￥{{item.price}}</b><em style="padding-left:3px;font-size:0.75em">起</em></span>
                 <span style="float:right">途经：{{item.midway_address | fullAddress}}</span></p>
                <p><span style="float:left">联系人：{{item.contact_name}}</span> </p> 
            </a>
        </div>
        <div class="list" ng-if="vm.showIndex==2">
            <a class="item item-thumbnail-left" ng-repeat="item in cars" ng-click="detail(item)">
                <img ng-src="{{item.truck.data.photo | truckPhoto}}" />
                <h2 style="white-space:normal">【{{item.begin_address | fullAddress}}】-【{{item.end_address | fullAddress}}】<span style="color:gray;"></span></h2>
                <p><span style="float:left"><b style="color:orangered">￥{{item.price}}</b><em style="padding-left:3px;font-size:0.75em">起</em></span></p>
                <p><span style="float:left">联系人：{{item.contact_name}}</span>  </p>
            </a>
         
        </div>
    </ion-content>
</ion-view>
