index.vue 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <template>
  2. <div class="book org">
  3. <ProjectMenu cur-key="org/book" />
  4. <div class="book-list">
  5. <el-table :data="list">
  6. <el-table-column label="序号" width="60" align="center" header-align="center" class-name="index-column">
  7. <template slot-scope="{ $index }">
  8. {{ cur_page_begin_index + $index }}
  9. </template>
  10. </el-table-column>
  11. <el-table-column prop="sn" label="编号" width="140" header-align="center" />
  12. <el-table-column prop="name" label="名称" width="240" header-align="center" />
  13. <el-table-column prop="project_sn" label="项目编号" width="140" header-align="center" />
  14. <el-table-column prop="project_name" label="项目名称" width="240" header-align="center" />
  15. <el-table-column prop="org_name" label="所属机构" width="120" header-align="center" />
  16. <el-table-column prop="content_count" label="教材页面数" width="100" header-align="center" />
  17. <el-table-column prop="shangjia_time" label="上架时间" width="180" header-align="center" />
  18. <el-table-column label="已申请下架" align="center" header-align="center">
  19. <template slot-scope="{ row }">
  20. <span style="color: #f53f3f">
  21. {{ isTrue(row.is_request_xiajia) ? '√' : '' }}
  22. </span>
  23. </template>
  24. </el-table-column>
  25. <el-table-column label="操作" fixed="right" width="160" align="center" header-align="center">
  26. <template slot-scope="{ row }">
  27. <span class="link">查看信息</span>
  28. <span class="link" @click="previewBook(row.id)">预览信息</span>
  29. </template>
  30. </el-table-column>
  31. </el-table>
  32. <PaginationPage :total="total" @getList="pageQueryYSJBookList_OrgManager" />
  33. </div>
  34. </div>
  35. </template>
  36. <script>
  37. import ProjectMenu from '@/views/project_manage/common/ProjectMenu.vue';
  38. import PaginationPage from '@/components/PaginationPage.vue';
  39. import { PageQueryYSJBookList_OrgManager } from '@/api/list';
  40. import { isTrue } from '@/utils/common';
  41. export default {
  42. name: 'OrgBookPage',
  43. components: {
  44. ProjectMenu,
  45. PaginationPage,
  46. },
  47. data() {
  48. return {
  49. list: [],
  50. total: 0,
  51. cur_page_begin_index: 0,
  52. isTrue,
  53. };
  54. },
  55. methods: {
  56. pageQueryYSJBookList_OrgManager(data) {
  57. PageQueryYSJBookList_OrgManager(data).then(({ total_count, book_list, cur_page_begin_index }) => {
  58. this.list = book_list;
  59. this.total = total_count;
  60. this.cur_page_begin_index = cur_page_begin_index;
  61. });
  62. },
  63. previewBook(id) {
  64. this.$router.push({ path: `/project_manage/org/book/preview/${id}` });
  65. },
  66. },
  67. };
  68. </script>
  69. <style lang="scss" scoped>
  70. @use '@/styles/mixin.scss' as *;
  71. .book {
  72. @include page-base;
  73. @include table-list;
  74. }
  75. </style>