chooseNodeIndex.html 3.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <ion-view style="background-color:#fff;">
  2. <div class="bar bar-header bar-header-blue">
  3. <div class="button button-icon icon pus_blue" ng-click="gobackToWhere()"></div>
  4. <button class="button button-icon icon goback whiteGoBack noneContent" ng-click="gobackToWhere()"></button>
  5. <h1 class="bar_title" style="color: #fff">选择节点</h1>
  6. </div>
  7. <ion-content style="background-color: #f4f4f4;" class="has-header">
  8. <div class="searchHomeChatWrapFloor" ng-if="isShowSearchButton" style="background-color: #fff;">
  9. <div class="searchFriend" ng-click="showSearchButtonLeft()" style="background-color:#f4f4f4;">
  10. <span> <i class="ion-ios-search"></i>搜索节点名称</span>
  11. </div>
  12. </div>
  13. <div class="searchHomeChatWrapFloor" ng-if="!isShowSearchButton" style="background-color: #fff;">
  14. <div class="searchFriend">
  15. <span style="width: 100%;">
  16. <i class="ion-ios-search" style="position: absolute;left: 12px;top: 5px;z-index: 5;"></i>
  17. <input placeholder="搜索节点名称" class="showSearchInput" ng-model="keyfilter.key" ng-change="fixKey()" ng-focus="showFunc()" autofocus="autofocus" autocomplete="on">
  18. <i class="icon ion-close-circled placeholder-icon" style="right:7px;position: absolute;top: 5px;" ng-click="clearSearch()"></i>
  19. </span>
  20. </div>
  21. </div>
  22. <!--定位当前节点-->
  23. <!--<section class="mapSelfLocation">
  24. <span><i class="ion-location"></i>点击定位当前节点</span>
  25. </section>-->
  26. <div ng-if="visitorShowLoginOut">
  27. <!--新增我的节点-->
  28. <section class="addSelfNodeWrap">
  29. <span>新增常驻节点<i class="ion-plus-round" ng-click="goSelectNodeList()"></i></span>
  30. </section>
  31. <!--我的常驻节点-->
  32. <section class="selfNodeRepeatFloor">
  33. <em>我的常驻节点</em>
  34. <ul class="selfNodeRepeatWrap">
  35. <li class="selfNodeRepeat" ng-repeat="m in normalNodes track by $index">
  36. <a href="javascript:void(0)" ng-click="jumpToSelectNodeA(m.id, m.name)" class="nodeClickSplit">
  37. <h5 ng-bind="m.name"></h5>
  38. <span><i class="ion-location"></i>{{m.city + m.district}}</span>
  39. </a>
  40. <button class="delectNodeButton" ng-click="deleteAction($index)">移除</button>
  41. </li>
  42. </ul>
  43. <div class="emptyDiscussDatelistWrap" ng-if="normalNodes==undefined||normalNodes.length==0;" style="top: 0;margin-bottom: 15px;">
  44. <i class="empty_discussDatelist"></i>
  45. <p class="empty_p">亲,你暂时还没常驻节点哦~</p>
  46. </div>
  47. </section>
  48. </div>
  49. <!--所有节点-->
  50. <section class="selfNodeRepeatFloor">
  51. <em>所有节点</em>
  52. <ul class="selfNodeRepeatWrap">
  53. <li class="selfNodeRepeat" ng-repeat="n in selfNodes | filter:{name:keyfilter.key} track by $index" ng-click="jumpToSelectNodeB(n.id, n.name)">
  54. <h5 ng-bind="n.name"></h5>
  55. <span><i class="ion-location"></i>{{n.city + n.district}}</span>
  56. </li>
  57. </ul>
  58. </section>
  59. <div class="emptyDiscussDatelistWrap" ng-if="selfNodes==undefined||selfNodes.length==0;">
  60. <i class="empty_discussDatelist"></i>
  61. <p class="empty_p">亲,你暂时还没节点入驻哦~</p>
  62. </div>
  63. <p style="text-align: center; color: #a6a6a7;margin-top: 40px;" ng-if="selfNodes.length>0">没有更多了哦~</p>
  64. </ion-content>
  65. <!--加载等待页-->
  66. <section class="loadingPageFloor" ng-if="isloadingPageFloor">
  67. <div>
  68. <ion-spinner icon="bubbles" class="spinner-calm"></ion-spinner>
  69. <h4>努力加载中</h4>
  70. </div>
  71. </section>
  72. <!--全部节点加载失败-->
  73. <!--<section class="loadingPageFail" ng-if="isloadingPageFailAll">
  74. <div class="null_internet" ng-click="repeatLoadAll()">
  75. <span class="null_internet_span">网络异常</span>
  76. <span style="display: block;line-height: 30px;">点击屏幕重新加载</span>
  77. </div>
  78. </section>-->
  79. </ion-view>