ImageList.vue 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <template>
  2. <vm-image-list
  3. :data="dataImageList"
  4. :total="total"
  5. @delete-ok="deletefn"
  6. class="vm-margin"
  7. @getList="getActorList"
  8. @updateList="getActorList(1,'')"
  9. ></vm-image-list>
  10. </template>
  11. <script>
  12. import VmImageList from '@/components/ctop/vm-image-list'
  13. import { actorList } from '@/api/actor'
  14. export default {
  15. name: 'ImageList',
  16. components: {
  17. VmImageList
  18. },
  19. mounted() {
  20. this.$nextTick(() => {
  21. this.getActorList(1)
  22. })
  23. },
  24. methods: {
  25. deletefn: function(data) {
  26. for (let i = 0; i < this.dataImageList.length; i++) {
  27. if (this.dataImageList[i].id === data.id) {
  28. this.dataImageList.splice(i, 1)
  29. }
  30. }
  31. },
  32. getActorList(page,name) {
  33. this.dataImageList = []
  34. actorList({ pageNo: page, pageSize: 8,name:name }).then(res => {
  35. if (res.code == 0) {
  36. this.dataImageList = res.result.records
  37. this.total = res.result.total
  38. }
  39. })
  40. }
  41. },
  42. data: function() {
  43. return {
  44. dataImageList: [
  45. {
  46. id: '1',
  47. title: '佟丽娅',
  48. img:
  49. 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569329515&di=192e14566c758fcd55c1cc71fa19421a&imgtype=jpg&er=1&src=http%3A%2F%2Fstatic.ws.126.net%2Fent%2F2015%2F8%2F5%2F20150805175229d97cb.jpg',
  50. desc: '代表作《北京爱情故事》',
  51. detailUrl: 'http://www.baidu.com',
  52. editUrl: 'http://www.baidu.com'
  53. },
  54. {
  55. id: '2',
  56. title: '佟丽娅',
  57. img:
  58. 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569379371&di=cc78b98e59098b91b71b86aef92dcf43&imgtype=jpg&er=1&src=http%3A%2F%2Fi3.sinaimg.cn%2Fent%2Fj%2F2009-08-31%2FU2223P28T3D2676725F358DT20090831022144.jpg',
  59. desc: '代表作《北京爱情故事》',
  60. detailUrl: 'http://www.baidu.com',
  61. editUrl: 'http://www.baidu.com'
  62. },
  63. {
  64. id: '3',
  65. title: '佟丽娅',
  66. img:
  67. 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569329515&di=192e14566c758fcd55c1cc71fa19421a&imgtype=jpg&er=1&src=http%3A%2F%2Fstatic.ws.126.net%2Fent%2F2015%2F8%2F5%2F20150805175229d97cb.jpg',
  68. desc: '代表作《北京爱情故事》',
  69. detailUrl: 'http://www.baidu.com',
  70. editUrl: 'http://www.baidu.com'
  71. },
  72. {
  73. id: '4',
  74. title: '佟丽娅',
  75. img:
  76. 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569329515&di=192e14566c758fcd55c1cc71fa19421a&imgtype=jpg&er=1&src=http%3A%2F%2Fstatic.ws.126.net%2Fent%2F2015%2F8%2F5%2F20150805175229d97cb.jpg',
  77. desc: '代表作《北京爱情故事》',
  78. detailUrl: 'http://www.baidu.com',
  79. editUrl: 'http://www.baidu.com'
  80. },
  81. {
  82. id: '5',
  83. title: '佟丽娅',
  84. img:
  85. 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569329515&di=192e14566c758fcd55c1cc71fa19421a&imgtype=jpg&er=1&src=http%3A%2F%2Fstatic.ws.126.net%2Fent%2F2015%2F8%2F5%2F20150805175229d97cb.jpg',
  86. desc: '代表作《北京爱情故事》',
  87. detailUrl: 'http://www.baidu.com',
  88. editUrl: 'http://www.baidu.com'
  89. },
  90. {
  91. id: '6',
  92. title: '佟丽娅',
  93. img:
  94. 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569329515&di=192e14566c758fcd55c1cc71fa19421a&imgtype=jpg&er=1&src=http%3A%2F%2Fstatic.ws.126.net%2Fent%2F2015%2F8%2F5%2F20150805175229d97cb.jpg',
  95. desc: '代表作《北京爱情故事》',
  96. detailUrl: 'http://www.baidu.com',
  97. editUrl: 'http://www.baidu.com'
  98. },
  99. {
  100. id: '7',
  101. title: '佟丽娅',
  102. img:
  103. 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569329515&di=192e14566c758fcd55c1cc71fa19421a&imgtype=jpg&er=1&src=http%3A%2F%2Fstatic.ws.126.net%2Fent%2F2015%2F8%2F5%2F20150805175229d97cb.jpg',
  104. desc: '代表作《北京爱情故事》',
  105. detailUrl: 'http://www.baidu.com',
  106. editUrl: 'http://www.baidu.com'
  107. },
  108. {
  109. id: '8',
  110. title: '佟丽娅',
  111. img:
  112. 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569329515&di=192e14566c758fcd55c1cc71fa19421a&imgtype=jpg&er=1&src=http%3A%2F%2Fstatic.ws.126.net%2Fent%2F2015%2F8%2F5%2F20150805175229d97cb.jpg',
  113. desc: '代表作《北京爱情故事》',
  114. detailUrl: 'http://www.baidu.com',
  115. editUrl: 'http://www.baidu.com'
  116. },
  117. {
  118. id: '9',
  119. title: '佟丽娅',
  120. img:
  121. 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569329515&di=192e14566c758fcd55c1cc71fa19421a&imgtype=jpg&er=1&src=http%3A%2F%2Fstatic.ws.126.net%2Fent%2F2015%2F8%2F5%2F20150805175229d97cb.jpg',
  122. desc: '代表作《北京爱情故事》',
  123. detailUrl: 'http://www.baidu.com',
  124. editUrl: 'http://www.baidu.com'
  125. },
  126. {
  127. id: '10',
  128. title: '佟丽娅',
  129. img:
  130. 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569329515&di=192e14566c758fcd55c1cc71fa19421a&imgtype=jpg&er=1&src=http%3A%2F%2Fstatic.ws.126.net%2Fent%2F2015%2F8%2F5%2F20150805175229d97cb.jpg',
  131. desc: '代表作《北京爱情故事》',
  132. detailUrl: 'http://www.baidu.com',
  133. editUrl: 'http://www.baidu.com'
  134. },
  135. {
  136. id: '11',
  137. title: '佟丽娅',
  138. img:
  139. 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569329515&di=192e14566c758fcd55c1cc71fa19421a&imgtype=jpg&er=1&src=http%3A%2F%2Fstatic.ws.126.net%2Fent%2F2015%2F8%2F5%2F20150805175229d97cb.jpg',
  140. desc: '代表作《北京爱情故事》',
  141. detailUrl: 'http://www.baidu.com',
  142. editUrl: 'http://www.baidu.com'
  143. },
  144. {
  145. id: '12',
  146. title: '佟丽娅',
  147. img:
  148. 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569329515&di=192e14566c758fcd55c1cc71fa19421a&imgtype=jpg&er=1&src=http%3A%2F%2Fstatic.ws.126.net%2Fent%2F2015%2F8%2F5%2F20150805175229d97cb.jpg',
  149. desc: '代表作《北京爱情故事》',
  150. detailUrl: 'http://www.baidu.com',
  151. editUrl: 'http://www.baidu.com'
  152. }
  153. ],
  154. total: null
  155. }
  156. }
  157. }
  158. </script>