chore: 专家评分增加查看报告

src/modules/admin/contest/check/api.ts

@@ -46,3 +46,8 @@ export function importScore(data: { competition_id: string; file: File }) {
     headers: { 'Content-Type': 'multipart/form-data' }
   })
 }
+
+// 获取大赛学员提交报告列表
+export function getReportList(params: { competition_id: string; student_id: string }) {
+  return httpRequest.get('/api/lab/v1/expert/report/list', { params })
+}

src/modules/admin/contest/check/components/ScoreDialog.vue

 <script setup lang="ts">
 import { ElMessage } from 'element-plus'
+import { ArrowDown } from '@element-plus/icons-vue'
 import { usePrecision } from '@vueuse/math'
-
+import type { ReportItem } from '../types'
 import { submitScore } from '../api'
 
+defineProps<{ reportList: ReportItem[] }>()
+
 const emit = defineEmits<{
   (e: 'update'): void
   (e: 'update:modelValue', visible: boolean): void
@@ -57,6 +60,20 @@ function handleSubmit() {
       <el-form-item label="赛项名称">{{ detail.competition_id_name }}</el-form-item>
       <el-form-item label="选手姓名">{{ detail.student_name }}</el-form-item>
       <el-form-item label="选手ID">{{ detail.login_id }}</el-form-item>
+      <el-form-item label="报告">
+        <el-dropdown>
+          <el-button text>
+            查看报告<el-icon class="el-icon--right"><arrow-down /></el-icon>
+          </el-button>
+          <template #dropdown>
+            <el-dropdown-menu v-if="reportList.length">
+              <el-dropdown-item v-for="item in reportList" :key="item.id">
+                <a :href="item.url" target="_blank">{{ item.platform.name }}</a>
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </el-form-item>
     </el-form>
     <el-table :data="tableList" :header-cell-style="{ background: '#ededed' }">
       <el-table-column label="评分规则" prop="name" align="center"></el-table-column>

src/modules/admin/contest/check/types.ts

@@ -25,3 +25,17 @@ export interface FileItem {
   url: string
   upload_time: string
 }
+
+export interface ReportItem {
+  id: string
+  name: string
+  type: string
+  url: string
+  size: number
+  platform: {
+    platform_key: string
+    name: string
+    url: string
+  }
+  created_at: string
+}

src/modules/admin/contest/check/views/Detail.vue

 <script setup lang="ts">
+import type { ReportItem } from '../types'
+import { ArrowDown } from '@element-plus/icons-vue'
 import Preview from '@/components/Preview.vue'
 import DragPanel from '@/components/DragPanel.vue'
-import { getCheckView } from '../api'
+import { getCheckView, getReportList } from '../api'
 
 const ScoreDialog = defineAsyncComponent(() => import('../components/ScoreDialog.vue'))
 
@@ -18,13 +20,33 @@ provide('detail', $$(detail))
 const file = $computed(() => {
   return detail ? JSON.parse(detail?.competition_rubric.url) : { url: '' }
 })
-function fetchInfo() {
-  getCheckView({ id: props.id }).then(res => {
-    detail = res.data
-  })
-}
+
+const platformUrl = ref('')
+
+const platformList = computed(() => {
+  if (!detail) return []
+  return detail.competition_platform_configs.filter((item: any) => item.is_show === '1')
+})
+
 watchEffect(() => {
-  fetchInfo()
+  const [first = {}] = platformList.value
+  platformUrl.value = first.url
+})
+
+async function fetchInfo() {
+  const res = await getCheckView({ id: props.id })
+  detail = res.data
+}
+
+const reportList = ref<ReportItem[]>([])
+async function fetchReport() {
+  const res = await getReportList({ competition_id: detail.competition_id, student_id: detail.student_id })
+  reportList.value = res.data.items
+}
+
+onMounted(async () => {
+  await fetchInfo()
+  await fetchReport()
 })
 
 // 评分
@@ -34,10 +56,6 @@ let resizeKey = $ref(0)
 function handleResize() {
   resizeKey = Date.now()
 }
-
-const goPage = function (url: string) {
-  window.open(url)
-}
 </script>
 
 <template>
@@ -66,11 +84,21 @@ const goPage = function (url: string) {
             </p>
           </div>
           <div>
-            <template v-for="item in detail.competition_platform_configs">
-              <el-button type="primary" :key="item.id" v-if="item.is_show === '1'" @click="goPage(item.url)">{{
-                item.name
-              }}</el-button>
-            </template>
+            <el-select v-model="platformUrl">
+              <el-option v-for="item in platformList" :key="item.id" :label="item.name" :value="item.url"></el-option>
+            </el-select>
+            <el-dropdown style="margin: 0 10px">
+              <el-button plain>
+                查看报告<el-icon class="el-icon--right"><arrow-down /></el-icon>
+              </el-button>
+              <template #dropdown>
+                <el-dropdown-menu v-if="reportList.length">
+                  <el-dropdown-item v-for="item in reportList" :key="item.id">
+                    <a :href="item.url" target="_blank">{{ item.platform.name }}</a>
+                  </el-dropdown-item>
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown>
             <el-button type="primary" @click="dialogVisible = true" v-permission="'v1-expert-check-set-score'"
               >评分</el-button
             >
@@ -78,11 +106,11 @@ const goPage = function (url: string) {
         </el-row>
       </AppCard>
       <div class="lab-box">
-        <iframe :src="detail.competition_uri" frameborder="0" class="iframe" ref="iframeRef"></iframe>
+        <iframe :src="platformUrl" frameborder="0" class="iframe" ref="iframeRef"></iframe>
       </div>
     </template>
   </DragPanel>
-  <ScoreDialog v-model="dialogVisible"></ScoreDialog>
+  <ScoreDialog v-model="dialogVisible" :reportList="reportList"></ScoreDialog>
 </template>
 
 <style lang="scss" scoped>