selectdeptoritem.html 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <ion-view view-title="选择部门或成员" hide-back-button="true">
  2. <ion-nav-buttons side="left">
  3. <button class="button button-clear" ng-click="this[leftbtn[index].click]();">{{leftbtn[index].text}}</button>
  4. </ion-nav-buttons>
  5. <ion-content>
  6. <div ng-if="loading" class="center init-load action-sheet-backdrop">
  7. <ion-spinner icon="android"></ion-spinner>
  8. </div>
  9. <div ng-show="!loading">
  10. <ul>
  11. <li class="check-dept-li" ng-show="index==0">
  12. <label class="list item-checkbox">
  13. <div class="checkbox checkbox-input-hidden disable-pointer-events checkbox-circle">
  14. <input ng-model="selecteditems.all" ng-click="selectAll()" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-not-empty">
  15. <i class="checkbox-icon"></i>
  16. </div>
  17. </label>
  18. <label ng-click="selectAll()">
  19. <span class="deptname">全部成员</span>
  20. </label>
  21. </li>
  22. <div class="item item-divider divder divider-font" ng-if="deptlst.length>0"><i class="icon ion-ios-star"></i>部门({{deptlst.length}})</div>
  23. <li class="check-dept-li" ng-repeat="dept in deptlst track by $index" ng-class="{true:'clickactive',fasle:''}[actived]">
  24. <label class="list item-checkbox">
  25. <div class="checkbox checkbox-input-hidden disable-pointer-events checkbox-circle">
  26. <input ng-model="dept.selected" ng-change="change(dept,'d')" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-not-empty">
  27. <i class="checkbox-icon"></i>
  28. </div>
  29. </label>
  30. <label ng-click="tochilddept(dept);">
  31. <span class="deptname">{{dept.depname}}</span>
  32. <i class="icon ion-chevron-right icon-accessory" ng-show="dept.isShow"></i>
  33. </label>
  34. </li>
  35. </ul>
  36. <!--员工-->
  37. <div class="item item-divider divder divider-font"><i class="icon ion-ios-star"></i>联系人({{emplst.length}})</div>
  38. <ion-list>
  39. <ion-checkbox ng-change="change(emp,'e')" ng-model="emp.selected" class="ion-checkbox-class" ng-repeat="emp in emplst">
  40. <img ng-src="../../../img/panda.png"/>
  41. <label class="labelname">{{emp.username}}</label>
  42. <label class="labelrole">{{emp.degree}}</label>
  43. </ion-checkbox>
  44. <ion-list>
  45. <div class='obligate-item'></div>
  46. </div>
  47. </ion-content>
  48. <div class="bar bar-footer bar-dark footer-div" ng-class="{true:'bigview',false:''}[isUp]" style="">
  49. <i ng-class="{true:'ion-ios-arrow-down cirl-i',false:' ion-ios-arrow-up cirl-i'}[isUp]" ng-click="isUp = !isUp"></i>
  50. <ul class='ul-imgs dept-icon'>
  51. <li ng-repeat="dept in selecteditems.depts">{{dept.depname}}
  52. </li>
  53. <li ng-repeat="user in selecteditems.users">{{user.username}}
  54. </li>
  55. </ul>
  56. <button ng-click="ok();" ng-disabled="selecteditems.depts.length==0&&selecteditems.users.length==0" class="button pull-right button-calm">确定{{selecteditems.depts.length>0||selecteditems.users.length>0?"(" + (selecteditems.depts.length + selecteditems.users.length) +")":""}}</button>
  57. </div>
  58. </ion-view>