pay-bill.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <ion-view view-title="{{titleArr[type]}}报销单" hide-back-button="true">
  2. <ion-nav-buttons side="left">
  3. <button class="button button-clear" ng-click="cancel();">取消</button>
  4. </ion-nav-buttons>
  5. <ion-nav-buttons side="right">
  6. <button class="button button-clear" ng-click="ok('bill');">完成</button>
  7. </ion-nav-buttons>
  8. <ion-content>
  9. <div class="item item-divider"></div>
  10. <label class="item item-input text-input">
  11. <span class="input-label">标题</span>
  12. <input type="text" placeholder="输入报销单名称" ng-model="bill.title"/>
  13. </label>
  14. <div class="item item-divider"></div>
  15. <ion-item class="item auditemp-box">
  16. 需报销的消费({{records.length}})
  17. <label for="" class="edit-text-label positive" ng-click="toEditRecord()">修改</label>
  18. <div class="item item-text-wrap bill-record-box">
  19. <div class="item item-icon-left" ng-repeat="item in records">
  20. <i class="icon icon-style" ng-class="item.type_modal.icon" style="background-color:{{item.type_modal.icon_color}}"></i>{{item.description}}
  21. <span class="item-note ">¥{{item.amount}}</span>
  22. <p>{{item.spend_date | date:'yyyy-MM-dd'}}</p>
  23. </div>
  24. </div>
  25. <div class="bill-sum ">共计:
  26. <label class="assertive">¥{{amountSum}}</label>
  27. </div>
  28. </ion-item>
  29. <div class="item item-divider"></div>
  30. <!--<label class="item item-input text-input">-->
  31. <!--<span class="input-label">补助&nbsp;¥</span>-->
  32. <!--<input type="number" ng-model="bill.grant" placeholder="输入金额(选填)" ng-pattern="/^([1-9][\d]{0,8}|0)(\.[\d]{1,2})?$/">-->
  33. <!--</label>-->
  34. <label class="item item-input text-input">
  35. <span class="input-label">备注</span>
  36. <input type="text" ng-model="bill.note" placeholder="输入备注(选填)"/>
  37. </label>
  38. <div class="item item-divider"></div>
  39. <ion-item class="item">
  40. 报销审批步骤
  41. </ion-item>
  42. <ion-list class="audit-list bill-auditlist-box">
  43. <ion-item class="bill-audit-item item-thumbnail-left item-text-wrap">
  44. <img ng-src="../../../img/panda.png">
  45. <h2>{{checkusrdata[0].create_user.username}}</h2>
  46. <p>申请</p>
  47. <ion-delete-button class="ion-minus-circled" ng-click="onItemDelete(item)">
  48. </ion-delete-button>
  49. </ion-item>
  50. <div class=" "></div>
  51. <ion-item class="bill-audit-item item-thumbnail-left item-text-wrap" ng-repeat="checkusr in checkusrdata">
  52. <img ng-src="../../../img/panda.png">
  53. <h2>{{checkusr.verifier.username}}</h2>
  54. <p>{{checkusr.verifier.degree}}</p>
  55. <ion-delete-button class="ion-minus-circled" ng-click="onItemDelete(item)">
  56. </ion-delete-button>
  57. </ion-item>
  58. <div class=" "></div>
  59. <ion-item class="item-border">
  60. </ion-item>
  61. <ion-list>
  62. </ion-content>
  63. </ion-view>