wuliu/wl/www/templates/my/message-detail.html

<ion-view view-title="发布详情">
    <ion-content>
        <div class="list">
            <div class="list card">
                <div class="item item-avatar">
                    <img ng-src="{{user.data.avatar | avator}}" />
                    <h2 style="white-space:normal">【{{vm.begin_address | shortAddress}}】-【{{vm.end_address | shortAddress}}】的货源信息</h2>
                    <p>价格:<b style="color:red">￥{{vm.price}}</b></p>
                </div>
                 <div ng-if="vm.type==2">
                    <div class="item item-body">
                        <p> 
                         发布时间：{{vm.created_at}}
                        </p>
                        <p>车牌号：{{vm.truck.data.truck_no}}</p>
                        <p>车类型：
<element ng-switch="vm.truck.data.type">
  <element ng-switch-when="1">厢式货车</element>
  <element ng-switch-when="2">面包车</element>
  <element ng-switch-when="3">金杯车</element>
  <element ng-switch-when="4">中巴货车</element>
  <element ng-switch-when="5">高栏车</element>
  <element ng-switch-when="6">低栏车</element>
  <element ng-switch-when="7">平板车</element>
  <element ng-switch-when="8">高低板车</element>
  <element ng-switch-when="9">半挂车</element>
  <element ng-switch-when="10">自卸车</element>
  <element ng-switch-when="11">冷藏车</element>
  <element ng-switch-when="12">保温车</element>
  <element ng-switch-when="13">罐式车</element>
  <element ng-switch-when="14">铁笼车</element>
  <element ng-switch-when="15">集装箱运输车</element>
  <element ng-switch-when="16">大件运输车</element>
  <element ng-switch-when="17">危险品车</element>
  <element ng-switch-when="18">全挂车</element>
  <element ng-switch-when="19">加长挂车</element>
  <element ng-switch-when="20">其他</element>
  <element ng-switch-default>厢式货车</element>
</element>
</p>
                        <p>出发地：{{vm.begin_address | fullAddress}}</p>
                        <p>途经：{{vm.midway_address | fullAddress}}</p>
                        <p>目的地：{{vm.end_address | fullAddress}}</p>
                        <p>
                          备注：{{vm.detail}}
                        </p>

                    </div>

                    <div class="item item-body">
                        <p>联系人：{{vm.contact_name}}</p>
                        <p>联系电话：{{vm.contact_phone}}</p>
                        <p>信息有效期：{{vm.expiry_date}}</p>
                    </div>

                    <div class="item item-body">
                        <p>车名：{{vm.truck.data.name}}</p>
                        <p>载重：{{vm.truck.data.load_weight}}</p>
                        <p>车长：{{vm.truck.data.length}}</p>
                        <p>车宽：{{vm.truck.data.width}}</p>
                        <p>车高：{{vm.truck.data.height}}</p>
                        <p>容量：{{vm.truck.data.capacity}}</p>
                        <p>自重：{{vm.truck.data.truck_weight}}</p>
                        <p>开始使用日期：{{vm.truck.data.begin_use_date}}</p>
                        <p>报废日期：{{vm.truck.data.expire_date}}</p>
                        
                    </div>
                </div>
                <div ng-if="vm.type==1">
                   <div class="item item-body">
                        <p> 
                         发布时间：{{vm.created_at}}
                        </p>
                        <p>出发地：{{vm.begin_address | fullAddress}}</p>
                        <p>途经：{{vm.midway_address | fullAddress}}</p>
                        <p>目的地：{{vm.end_address | fullAddress}}</p>
                        <p>货物名称：{{vm.title}}</p>
                        <p>
                            {{vm.detail}}
                        </p>
                    </div>


                    <div class="item item-body">
                        <p>联系人：{{vm.contact_name}}</p>
                        <p>联系电话：{{vm.contact_phone}}</p>
                        <p>信息有效期：{{vm.expiry_date}}</p>
                
                    </div>
                </div>
            </div>
        </div>
    </ion-content>
</ion-view>