成绩查询

+<template>
+  <div style="padding: 30px 20px 20px">
+    <!--成绩-->
+    <div v-html="matchData.scoreUrl" />
+    <el-empty
+      v-if="!matchData.scoreUrl" :image="`/img/order_no.png`" :image-size="228"
+      description=""
+    />
+  
+  </div>
+</template>
+
+<script setup>
+
+const props = defineProps({
+  matchData: {
+    type: Object,
+    required: true
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.time-address {
+  color: #666;
+}
+
+.indexTitle {
+  margin: 20px 0 12px;
+  
+  h3 {
+    font-size: 20px;
+    color: var(--el-color-primary);
+  }
+}
+
+p img {
+  max-width: 100%;
+}
+
+.table {
+  width: 100%;
+  border-left: 1px solid #e1e1e1;
+  border-top: 1px solid #e1e1e1;
+  
+  th {
+    background: #eee;
+    padding: 6px 10px;
+    border-right: 1px solid #e1e1e1;
+    border-bottom: 1px solid #e1e1e1;
+    font-size: 15px;
+  }
+  
+  td {
+    padding: 6px 10px;
+    border-right: 1px solid #e1e1e1;
+    font-size: 15px;
+    border-bottom: 1px solid #e1e1e1;
+    vertical-align: middle;
+    text-align: center;
+    
+    span {
+      margin-right: 10px
+    }
+    
+    span::after {
+      content: ','
+    }
+    
+    span:last-child::after {
+      content: ''
+    }
+  }
+}
+</style>

@@ -304,8 +304,10 @@
             
             
             </div>
             </div>
             <div v-if="menu[4].active==1">
             <div v-if="menu[4].active==1">
-              <!--成绩-->
-              <el-empty :image="`/img/order_no.png`" :image-size="228" description="" />
+              <!--              &lt;!&ndash;成绩&ndash;&gt;-->
+              <!--              <el-empty :image="`/img/order_no.png`" :image-size="228" description="" />-->
+              
+              <matchPerformance :match-data="matchData" />
             </div>
             </div>
             <div v-if="menu[5].active==1" class="pd20">
             <div v-if="menu[5].active==1" class="pd20">
               <div class="xzbox">
               <div class="xzbox">
@@ -346,6 +348,7 @@
             <substation-list v-if="menu1[0].active==1" :list="matchData.cpts" />
             <substation-list v-if="menu1[0].active==1" :list="matchData.cpts" />
             <matchInfo v-if="menu1[1].active==1" :form="matchData" />
             <matchInfo v-if="menu1[1].active==1" :form="matchData" />
             <match-schedule-list v-if="menu1[2].active==1" :match-data="matchData" />
             <match-schedule-list v-if="menu1[2].active==1" :match-data="matchData" />
+            <matchPerformance v-if="menu1[3].active==1" :match-data="matchData" />
           </el-card>
           </el-card>
         </el-col>
         </el-col>
       </el-row>
       </el-row>
@@ -406,6 +409,9 @@ import SubstationList from '@/viewsPc/match/components/substation-list'
 import MatchInfoProjectList from '@/viewsPc/match/components/matchInfo-projectList'
 import MatchInfoProjectList from '@/viewsPc/match/components/matchInfo-projectList'
 import QuickRow from '@/viewsPc/match/components/quick-row'
 import QuickRow from '@/viewsPc/match/components/quick-row'
 import Pickup from '@/viewsPc/components/pickup'
 import Pickup from '@/viewsPc/components/pickup'
+import matchPerformance from '@/viewsPc/match/components/matchPerformance.vue'
+
+
 import { getCurrentInstance, ref, watch } from 'vue'
 import { getCurrentInstance, ref, watch } from 'vue'
 import { reactive, onMounted } from '@vue/runtime-core'
 import { reactive, onMounted } from '@vue/runtime-core'
 import { useRoute, useRouter } from 'vue-router'
 import { useRoute, useRouter } from 'vue-router'
@@ -440,11 +446,15 @@ const data = reactive({
     { name: 'Schedule', cn: '日程', active: 0 },
     { name: 'Schedule', cn: '日程', active: 0 },
     { name: 'Participating teams', cn: '参赛人员', active: 0 },
     { name: 'Participating teams', cn: '参赛人员', active: 0 },
     { name: 'Achievement', cn: '成绩', active: 0 },
     { name: 'Achievement', cn: '成绩', active: 0 },
-    { name: 'Notes', cn: '报名须知', active: 0 }],
+    { name: 'Notes', cn: '报名须知', active: 0 }
+  ],
   menu1: [
   menu1: [
     { name: 'Tournaments', cn: '分站赛', active: 1 },
     { name: 'Tournaments', cn: '分站赛', active: 1 },
     { name: 'Event details', cn: '赛事详情', active: 0 },
     { name: 'Event details', cn: '赛事详情', active: 0 },
-    { name: 'Schedule', cn: '日程', active: 0 }],
+    { name: 'Schedule', cn: '日程', active: 0 },
+    { name: 'Achievement', cn: '成绩', active: 0 }
+  ],
+  
   signDoneGroupList: [],
   signDoneGroupList: [],
   signDoneGroupListToTal: 0,
   signDoneGroupListToTal: 0,
   queryGroupList: {
   queryGroupList: {
@@ -499,6 +509,7 @@ function getMatch(id) {
   loading.value = true
   loading.value = true
   match.getMatchById({ id: id }).then(res => {
   match.getMatchById({ id: id }).then(res => {
     matchData.value = res.data
     matchData.value = res.data
+    console.log(666666, matchData.value)
     loading.value = false
     loading.value = false
     const today = dayjs().format('YYYY-MM-DD HH:mm:ss')
     const today = dayjs().format('YYYY-MM-DD HH:mm:ss')
     time.value = dayjs(res.data.signEndTime).diff(today, 'millisecond')
     time.value = dayjs(res.data.signEndTime).diff(today, 'millisecond')
@@ -524,12 +535,12 @@ function getGroupListByCptId() {
 
 
 function changeMenu(menu, l) {
 function changeMenu(menu, l) {
   console.log(matchData.value.leagueId, l.name)
   console.log(matchData.value.leagueId, l.name)
-  if (
-    matchData.value.leagueId == '1778253367748993026' &&
-    (l.name == '成绩' || l.name == 'Achievement')
-  ) {
-    window.open('http://www.cdsf.org.cn/h5/sscj.index?matchID=526')
-  }
+  // if (
+  //   matchData.value.leagueId == '1778253367748993026' &&
+  //   (l.name == '成绩' || l.name == 'Achievement')
+  // ) {
+  //   window.open('http://www.cdsf.org.cn/h5/sscj.index?matchID=526')
+  // }
   for (const n of menu) {
   for (const n of menu) {
     if (n == l) {
     if (n == l) {
       n.active = 1
       n.active = 1