selectdeptoritem.html 3.5 KB

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