detail.html 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <ion-view view-title="车源信息" cache-view="false">
  2. <ion-content>
  3. <div class="list">
  4. <img ng-src="{{vm.picUrl}}" style="width:100%;" />
  5. <div class="list">
  6. <div class="item item-avatar" style="border-width:0">
  7. <img ng-src="{{user.data.avatar | avator}}" />
  8. <h2 style="white-space:normal">【{{vm.begin_address | fullAddress}}】-【{{vm.end_address | fullAddress}}】的车源信息</h2>
  9. <p>价格:<b style="color:red">¥{{vm.price}}</b></p>
  10. </div>
  11. <div class="item item-body">
  12. <p>
  13. 发布时间:{{vm.created_at}}
  14. </p>
  15. <p>车牌号:{{vm.truck.data.truck_no}}</p>
  16. <p>车类型:{{vm.truck.data.type}}
  17. <element ng-switch="vm.truck.data.type">
  18. <element ng-switch-when="1">厢式货车</element>
  19. <element ng-switch-when="2">面包车</element>
  20. <element ng-switch-when="3">金杯车</element>
  21. <element ng-switch-when="4">中巴货车</element>
  22. <element ng-switch-when="5">高栏车</element>
  23. <element ng-switch-when="6">低栏车</element>
  24. <element ng-switch-when="7">平板车</element>
  25. <element ng-switch-when="8">高低板车</element>
  26. <element ng-switch-when="9">半挂车</element>
  27. <element ng-switch-when="10">自卸车</element>
  28. <element ng-switch-when="11">冷藏车</element>
  29. <element ng-switch-when="12">保温车</element>
  30. <element ng-switch-when="13">罐式车</element>
  31. <element ng-switch-when="14">铁笼车</element>
  32. <element ng-switch-when="15">集装箱运输车</element>
  33. <element ng-switch-when="16">大件运输车</element>
  34. <element ng-switch-when="17">危险品车</element>
  35. <element ng-switch-when="18">全挂车</element>
  36. <element ng-switch-when="19">加长挂车</element>
  37. <element ng-switch-when="20">其他</element>
  38. <element ng-switch-default>厢式货车</element>
  39. </element>
  40. </p>
  41. <p>出发地:{{vm.begin_address | fullAddress}}</p>
  42. <p>途经:{{vm.midway_address | fullAddress}}</p>
  43. <p>目的地:{{vm.end_address | fullAddress}}</p>
  44. <p>
  45. 备注:{{vm.detail}}
  46. </p>
  47. </div>
  48. <div class="item item-body">
  49. <p>联系人:{{vm.contact_name}}</p>
  50. <p>联系电话:{{vm.contact_phone}}</p>
  51. <p>信息有效期:{{vm.expiry_date}}</p>
  52. </div>
  53. <div class="item item-body">
  54. <p>车名:{{vm.truck.data.name}}</p>
  55. <p>载重:{{vm.truck.data.load_weight}}</p>
  56. <p>车长:{{vm.truck.data.length}}</p>
  57. <p>车宽:{{vm.truck.data.width}}</p>
  58. <p>车高:{{vm.truck.data.height}}</p>
  59. <p>容量:{{vm.truck.data.capacity}}</p>
  60. <p>自重:{{vm.truck.data.truck_weight}}</p>
  61. <p>开始使用日期:{{vm.truck.data.begin_use_date}}</p>
  62. <p>报废日期:{{vm.truck.data.expire_date}}</p>
  63. </div>
  64. </div>
  65. <div class="row padding">
  66. <div class="col-50">
  67. <button type="button" ng-click="bill()" class="button button-full button-positive">立马拍单</button>
  68. </div>
  69. <div class="col-50">
  70. <a ng-href="tel:{{vm.contact_phone}}" class="button button-full button-energized">拨打电话</a>
  71. </div>
  72. </div>
  73. </div>
  74. </ion-content>
  75. </ion-view>