feat(tms): 完成课程考试自测等页面与接口对接

liuyu

22 小时以前 93c133349a5ccd7a328371fa113dce69d5611f21

 apps/jnpf-web-apps-main/src/views/x/tms/examScore/Paper.vue

@@ -11,7 +11,10 @@
} from 'ant-design-vue';

import { getExamPaperView } from '#/api/x/tms/examScore';
import { labelOfType } from '#/views/x/tms/question/constants';
import { labelOfType, loadQuestionDics } from '#/views/x/tms/question/constants';
import { TMS_BTN } from '#/views/x/tms/shared/ui';

import '#/views/x/tms/shared/page.css';

defineOptions({ name: 'TmsExamScorePaper' });

@@ -22,7 +25,8 @@
const loading = ref(false);
const paper = ref<ExamPaperView | null>(null);

onMounted(() => {
onMounted(async () => {
  await loadQuestionDics();
  loadPaper();
});

@@ -62,30 +66,35 @@
    <div class="jnpf-content-wrapper-center tms-paper-center">
      <div class="jnpf-content-wrapper-content tms-paper-wrap">
        <div class="paper-top">
          <div class="paper-header">
          <div class="paper-header tms-page-header">
            <div>
              <div class="text-base font-medium">考生试卷详情</div>
              <div v-if="paper" class="mt-1 text-gray-400 text-sm">
              <div class="tms-page-header__title">考生试卷详情</div>
              <div v-if="paper" class="tms-page-header__sub">
                {{ paper.userName }}（{{ paper.userId }}） · {{ paper.paperName }}
              </div>
            </div>
            <a-button @click="goBack">返回</a-button>
            <div class="tms-page-header__actions">
              <a-button @click="goBack">{{ TMS_BTN.back }}</a-button>
            </div>
          </div>

          <ADescriptions v-if="paper" bordered :column="3" size="small" class="mb-3">
            <ADescriptionsItem label="培训主题" :span="2">{{ paper.taskSubject }}</ADescriptionsItem>
            <ADescriptionsItem label="培训编号">{{ paper.taskNo }}</ADescriptionsItem>
            <ADescriptionsItem label="试卷名称" :span="2">{{ paper.taskSubject }}</ADescriptionsItem>
            <ADescriptionsItem label="试卷编号">{{ paper.taskNo }}</ADescriptionsItem>
            <ADescriptionsItem label="考试开始">{{ paper.examStart || '-' }}</ADescriptionsItem>
            <ADescriptionsItem label="考试结束">{{ paper.examEnd || '-' }}</ADescriptionsItem>
            <ADescriptionsItem label="来源IP">{{ paper.sourceIp || '-' }}</ADescriptionsItem>
            <ADescriptionsItem label="成绩">
              <b class="text-primary">{{ paper.score }}</b> / {{ paper.totalScore }}
            </ADescriptionsItem>
            <ADescriptionsItem label="及格分">{{ paper.passScore }}</ADescriptionsItem>
            <ADescriptionsItem label="是否合格">
              <span :class="paper.passFlag === '1' ? 'text-green-600' : 'text-red-500'">
              <span
                v-if="paper.passFlag === '1' || paper.passFlag === '0'"
                :class="paper.passFlag === '1' ? 'text-green-600' : 'text-red-500'"
              >
                {{ paper.passFlag === '1' ? '是' : '否' }}
              </span>
              <span v-else>-</span>
            </ADescriptionsItem>
          </ADescriptions>
        </div>