eep_page/src/views/personal_workbench/edit_task/preview/index.vue

<template>
  <div class="task-preview">
    <MenuPage only-key="/personal_workbench/edit_task" />

    <CommonPreview :id="id" ref="preview" :project-id="project_id">
      <template #operator="{ courseware }">
        <span v-if="isTrue(courseware.is_can_start_edit)" class="link" @click="editTask">开始编辑</span>
        <span v-if="isTrue(courseware.is_can_submit_audit)" class="link" @click="submitCoursewareToAuditFlow">
          提交审校
        </span>
        <span class="link" @click="goBackBookList">返回教材列表</span>
      </template>
    </CommonPreview>
  </div>
</template>

<script>
import MenuPage from '@/views/personal_workbench/common/menu.vue';
import CommonPreview from '@/components/CommonPreview.vue';

import { SubmitBookCoursewareToAuditFlow } from '@/api/project';
import { isTrue } from '@/utils/validate';

export default {
  name: 'TaskPreviewPage',
  components: {
    MenuPage,
    CommonPreview,
  },
  data() {
    return {
      id: this.$route.params.id,
      project_id: this.$route.query.project_id,
      isTrue,
    };
  },
  methods: {
    goBackBookList() {
      this.$router.push({ path: '/personal_workbench/edit_task' });
    },
    editTask() {
      this.$router.push({
        path: `/personal_workbench/edit_task/edit/${this.id}`,
        query: { project_id: this.project_id },
      });
    },
    /**
     * 提交课件到审校流程
     */
    submitCoursewareToAuditFlow() {
      SubmitBookCoursewareToAuditFlow({ id: this.id }).then(() => {
        this.$message.success('课件已提交审校');
        this.$refs.preview.getBookCoursewareInfo(this.id);
      });
    },
  },
};
</script>

<style lang="scss" scoped>
@use '@/styles/mixin.scss' as *;

.task-preview {
  @include page-content(true);
}
</style>