detailhead.html 3.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <ion-view view-title="单据详情" hide-back-button="true">
  2. <ion-nav-buttons side="left">
  3. <button class="button ion-chevron-left button-clear button-dark" ng-click="goBack()">&nbsp;{{'backTitle' | translate}}</button>
  4. </ion-nav-buttons>
  5. <ion-content>
  6. <ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
  7. <ion-spinner ng-if="loading" class="center init-load" icon="android"></ion-spinner>
  8. <div ng-if="!loading">
  9. <!-- 表头 -->
  10. <div ng-repeat="item in detail.group">
  11. <ion-item class="item-divider"></ion-item>
  12. <ion-item class="item-text-wrap over-flow-auto" ng-class="{'item-icon-right':i.NAME == 'BODY_COUNT'}" ng-repeat="i in item" ng-click="tobody(i.NAME)">
  13. {{i.TITILE}}
  14. <span class="item-note max-width-45">{{i.VALUE}}</span>
  15. <i ng-if="i.NAME == 'BODY_COUNT'" class="icon ion-chevron-right icon-accessory"></i>
  16. </ion-item>
  17. </div>
  18. <!-- 附件 -->
  19. <div ng-if="detail.files.Data.length - detail.imagefiles.length > 0">
  20. <ion-item class="item-divider">共[{{detail.files.Data.length - detail.imagefiles.length}}]个附件</ion-item>
  21. <ion-item class="item-icon-right" ng-repeat="file in detail.files.Data" ng-if="file.FILE_TYPE != '.BMP' && file.FILE_TYPE != '.JPEG' && file.FILE_TYPE != '.JPG' && file.FILE_TYPE != '.GIF' && file.FILE_TYPE != '.PNG'">
  22. {{file.FILE_NAME}}
  23. <i class="icon ion-chevron-right icon-accessory"></i>
  24. </ion-item>
  25. </div>
  26. <!-- 照片 -->
  27. <div ng-if="detail.imagefiles.length > 0">
  28. <ion-item class="item-divider">共[{{detail.imagefiles.length}}]张照片</ion-item>
  29. <ion-item>
  30. <img style="width: 48px; height: 48px; margin: 3px; background-color: #F5F5F5; border-radius: 2px; " ng-repeat='image in detail.imagefiles' ng-click='showImages($index,$event)' http-src='{{image.url}}' class='img-popver-pad'/>
  31. </ion-item>
  32. </div>
  33. <!-- 审核流程 -->
  34. <ion-item class="item-divider"></ion-item>
  35. <div ng-repeat="s in detail.shlc.Data">
  36. <ion-item class="item-icon-left">
  37. <i class="icon" ng-class="{'ion-ios-help positive':s.Tag == 0, 'ion-ios-close assertive':s.Tag == 1, 'ion-ios-checkmark balanced':s.Tag == 2, 'ion-ios-redo energized':s.Tag != 0 && s.Tag != 1 && s.Tag != 2}" ></i>
  38. {{s.UsrName}}
  39. <span class="item-note">{{s.DateStr}}</span>
  40. <p>{{s.Rem}}</p>
  41. </ion-item>
  42. <div ng-if="!$last" class="item item-divider center">
  43. <i class="icon ion-chevron-down positive" style="font-size: 14px;"></i>
  44. </div>
  45. </div>
  46. <ion-item class="item-divider"></ion-item>
  47. <ion-item ng-if="detail.IsInAudit" class="item-divider-ios"></ion-item>
  48. </div>
  49. </ion-content>
  50. <ion-footer-bar ng-if="!loading && detail.IsInAudit">
  51. <div class="bar bar-footer" ng-if="QueryID == 1">
  52. <div class="col-5"></div>
  53. <button class="button button-balanced col-40" ng-click="audit(1)" >同意</button>
  54. <div class="col-10"></div>
  55. <button class="button button-energized col-40" ng-click="audit(2)">驳回</button>
  56. <div class="col-5"></div>
  57. </div>
  58. <div class="bar bar-footer" ng-if="QueryID == 2">
  59. <div class="col-10"></div>
  60. <button class="button button-energized col-80" ng-click="audit(3)">反审核</button>
  61. <div class="col-10"></div>
  62. </div>
  63. </ion-footer-bar>
  64. </ion-view>