index.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <template>
  2. <div class="">
  3. <toolbar @onSearch="filterData" />
  4. <base-table
  5. class="m-10 bg-w p-20 br-10"
  6. :columns="columns"
  7. :items="items"
  8. :pagination="pagination"
  9. :page-change="pageChange"
  10. />
  11. </div>
  12. </template>
  13. <script>
  14. import toolbar from './toolbar';
  15. import mxFilterList from '@/mixins/filterList';
  16. export default {
  17. name: 'UploadImage',
  18. components: { toolbar },
  19. mixins: [
  20. mxFilterList({
  21. // fetchList: iGetList // 在下方data再声明一个 fetchList: iGetList 同等效果
  22. })
  23. ],
  24. data() {
  25. return {
  26. columns: [
  27. {
  28. key: 'photo',
  29. name: '用户名称',
  30. width: '160'
  31. },
  32. {
  33. key: 'region',
  34. name: '手机号',
  35. width: '180'
  36. },
  37. {
  38. key: 'region',
  39. name: '反馈内容',
  40. minWidth: '120'
  41. },
  42. {
  43. key: 'region',
  44. name: '反馈时间',
  45. width: '180'
  46. }
  47. ]
  48. };
  49. }
  50. };
  51. </script>
  52. <style type="scss" scoped></style>