manager.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. const app = getApp();
  2. Page({
  3. data: {
  4. },
  5. onLoad(){
  6. this.getList()
  7. },
  8. showModal(e) {
  9. this.setData({
  10. modalName: e.currentTarget.dataset.target
  11. })
  12. },
  13. hideModal(e) {
  14. this.setData({
  15. modalName: null
  16. })
  17. },
  18. delSelect(){
  19. var list = this.data.list
  20. var checkedList = list.filter(item => item.checked == true)
  21. list = list.filter(item => {
  22. let arrlist = checkedList.map(v => v.id)
  23. return !arrlist.includes(item.id)
  24. })
  25. this.setData({
  26. list
  27. })
  28. },
  29. delItem(e){
  30. var id = e.currentTarget.dataset.id
  31. var list = this.data.list
  32. for(var i in list){
  33. if(list[i].id == id){
  34. list.splice(i, 1)
  35. break
  36. }
  37. }
  38. this.setData({
  39. list
  40. })
  41. },
  42. getList(){
  43. var list = [
  44. {id:1,nickName:"张三",phoneNumber:"12345678901"},
  45. {id:2,nickName:"张三",phoneNumber:"12345678901"},
  46. {id:3,nickName:"张三",phoneNumber:"12345678901"},
  47. {id:4,nickName:"张三",phoneNumber:"12345678901"},
  48. {id:5,nickName:"张三",phoneNumber:"12345678901"},
  49. {id:6,nickName:"张三",phoneNumber:"12345678901"},
  50. {id:11,nickName:"张三",phoneNumber:"12345678901"},
  51. {id:12,nickName:"张三",phoneNumber:"12345678901"},
  52. {id:13,nickName:"张三",phoneNumber:"12345678901"},
  53. {id:14,nickName:"张三",phoneNumber:"12345678901"},
  54. {id:15,nickName:"张三",phoneNumber:"12345678901"},
  55. {id:16,nickName:"张三",phoneNumber:"12345678901"},
  56. ]
  57. this.setData({
  58. list
  59. })
  60. },
  61. setAll(){
  62. var list = this.data.list
  63. var checkedList = list.filter(item => item.checked == true)
  64. if(list.length == checkedList.length){
  65. for(var i in list){
  66. list[i].checked = false
  67. }
  68. this.setData({
  69. list,
  70. selectAll:false
  71. })
  72. }else{
  73. for(var i in list){
  74. list[i].checked = true
  75. }
  76. this.setData({
  77. list,
  78. selectAll:true
  79. })
  80. }
  81. },
  82. setChecked(e){
  83. var list = this.data.list
  84. for(var i in list){
  85. if(list[i].id == e.currentTarget.dataset.id){
  86. list[i].checked = !list[i].checked
  87. }
  88. }
  89. var checkedList = list.filter(item => item.checked == true)
  90. if(list.length == checkedList.length){
  91. this.setData({
  92. list,
  93. selectAll:true
  94. })
  95. }else{
  96. this.setData({
  97. list,
  98. selectAll:false
  99. })
  100. }
  101. },
  102. closeAction(){
  103. this.setData({
  104. action:false
  105. })
  106. },
  107. openAction(){
  108. this.setData({
  109. action:true
  110. })
  111. },
  112. // ListTouch触摸开始
  113. ListTouchStart(e) {
  114. this.setData({
  115. ListTouchStart: e.touches[0].pageX
  116. })
  117. },
  118. // ListTouch计算方向
  119. ListTouchMove(e) {
  120. this.setData({
  121. ListTouchDirection: e.touches[0].pageX - this.data.ListTouchStart > 0 ? 'right' : 'left'
  122. })
  123. },
  124. // ListTouch计算滚动
  125. ListTouchEnd(e) {
  126. if (this.data.ListTouchDirection =='left'){
  127. this.setData({
  128. modalName: e.currentTarget.dataset.target
  129. })
  130. } else {
  131. this.setData({
  132. modalName: null
  133. })
  134. }
  135. this.setData({
  136. ListTouchDirection: null
  137. })
  138. },
  139. })