comment.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <template>
  2. <div class="app-container">
  3. <search-form
  4. :list-loading="listLoading"
  5. @change="searchHandle"
  6. />
  7. <table-list
  8. :list-loading="listLoading"
  9. :data="tableData2"
  10. :columns="listConfig"
  11. :current-page="currentPage"
  12. :page-size="pageSize"
  13. :total-records="totalRecords"
  14. @currentChange="pageHandle"
  15. @sizeChange="sizeChange"
  16. />
  17. </div>
  18. </template>
  19. <script>
  20. import { arrToObj } from '@/utils'
  21. import SearchForm from './components/searchForm/Comment'
  22. import baseTable from '_m/baseTable.js'
  23. export default {
  24. name: 'index',
  25. components: {
  26. SearchForm,
  27. },
  28. provide() {
  29. return {
  30. parentData: this
  31. }
  32. },
  33. mixins: [baseTable],
  34. data() {
  35. return {
  36. apiStr: 'user.admschoolcommentlist',
  37. searchForm: null,
  38. isDtlShow: false,
  39. curObj: {},
  40. }
  41. },
  42. computed: {
  43. tableData2() {
  44. const arr = [...this.tableData]
  45. arr.map(item => {})
  46. return arr
  47. }
  48. },
  49. created() {},
  50. mounted() {
  51. this.listConfig = {
  52. rows: [
  53. { label: '评论名称', prop: 'school_name' },
  54. { label: '评论内容', prop: 'comm_cont', fullShow: true, minWidth: 200, align: 'left' },
  55. { label: '昵称', prop: 'nickname' },
  56. { label: '头像', prop: 'avatar', type: 'img' },
  57. { label: '评论时间', prop: 'create_at' },
  58. { label: '操作', width: 200, type: 'handle2', operations:
  59. [
  60. { label: '删除', func: this.delHandle, btnType: 'danger' },
  61. ]
  62. }
  63. ]
  64. }
  65. },
  66. methods: {
  67. delHandle(row) {
  68. this.$msg(`您确定要删除该评论吗?`, 'confirm', () => {
  69. this.$api.user.admschoolcommentdel({
  70. id: row.id
  71. }).then(data => {
  72. this.$msgs(`已删除!`)
  73. this.fetchData()
  74. })
  75. }, null, true)
  76. },
  77. }
  78. }
  79. </script>