no message

@@ -5,7 +5,8 @@
         <el-carousel-item style="height: 450px;">
           <div class="bannerItem">
             <div class="h100">
-              <img class="bannerImg" src="@/assets/dance/banner.png">
+              <img v-if="matchData.bgImgUrl" class="bannerImg" :src="fillImgUrl(matchData.bgImgUrl)">
+              <img v-else class="bannerImg" src="@/assets/dance/banner.png">
               <div class="box" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;">
                 <div class="banner-count">
                   Countdown
@@ -35,6 +36,7 @@
 
     <div class="box zn-bg">
       <div class="zn-Box">
+        <img class="bbbg" v-if="matchData.logoUrl" :src="fillImgUrl(matchData.logoUrl)"/>
         <el-row>
           <el-col :sm="24" :lg="10">
             <div class="bgbg">
@@ -384,6 +386,7 @@ import r03 from '@/assets/dance/r03.png'
 import r04 from '@/assets/dance/r04.png'
 import r05 from '@/assets/dance/r05.png'
 import r06 from '@/assets/dance/r06.png'
+import * as match from "@/apiPc/match";
 
 const modules = [Autoplay, Navigation]
 const navigationPic = ref({
@@ -425,6 +428,7 @@ const livelist = ref([])
 const picList = ref([])
 const calendarValue = ref('2024-07-22')
 const showgg = ref(true)
+const matchData = ref({})
 onMounted(() => {
   init()
 })
@@ -454,11 +458,13 @@ const init = () => {
   ).then(res => {
     newest2.value = res.rows
   })
-
-  // getHotActivity({ pageSize: 4, pageNum: 1 })
-  //   .then((res) => {
-  //     hotActivity.value = res.rows
-  //   })
+  match.getMaList().then((res) => {
+    match.getMatchById({id: res.rows[0].id}).then(RR => {
+      matchData.value = RR.data
+      // var today = dayjs().format('YYYY-MM-DD HH:mm:ss')
+      // time.value = dayjs(RR.data.signEndTime).diff(today, 'millisecond')
+    })
+  })
 }
 
 
@@ -493,7 +499,8 @@ const goList = (query, name) => {
 <style scoped lang="scss">
 .zn-bg{background: linear-gradient(90deg, #8623FC, #8623FC, #8623FC, #8623FC, #8623FC, #8623FC, #453DEA, #8623FC);
   border-radius: 15px;}
-.zn-Box{background: url("@/assets/dance/cszn_bg.png") no-repeat top left;background-size: contain;
+.zn-Box{background-size: contain;position: relative;overflow: hidden;
+  .bbbg{position: absolute;width: 100%;height: 100%;object-fit: cover;}
   .bgbg{
     padding: 5%;
     img{margin: 5% 0}

@@ -393,7 +393,7 @@ function submitForm(n) {
         return
       }
     }
-
+  }
   if (showPersonList.value) {
     if (myMemberTable.value.length == 0) {
       ElMessageBox.confirm(language.value == 0 ? '是否继续添加随性人员？' : 'Do you want to add casual personnel?',
@@ -421,7 +421,6 @@ function submitForm(n) {
       commit()
     })
   }
-  }
   // if (n == 0) {
   //   ElMessageBox.confirm(language.value==0?`您当前的操作为暂存，并不是提交审核，
   //     必须在报名截止时间${signEndTime.value}之前完成提交。
@@ -620,7 +619,7 @@ const goPersonInfo = (row) => {
   console.log(row)
   // debugger
   const params = {
-    title: '完善补充信息',
+    title: language.value==0?'完善补充信息':'Complete the supplementary information',
     participantsInfoArr: extraform.value,
     personId: row.personInfo.id,
     extraId: row.extraPersonInfo?.id || 0

@@ -562,7 +562,7 @@ const goPersonInfo = (row) => {
   console.log(row)
   // debugger
   const params = {
-    title: '完善补充信息',
+    title: language.value==0?'完善补充信息':'Complete the supplementary information',
     participantsInfoArr: extraform.value,
     personId: row.personInfo.id,
     extraId: row.extraPersonInfo?.id || 0

@@ -302,6 +302,7 @@ function next() {
     }
     registerSingle(obj).then(res => {
       setToken(res.data.token)
+
       console.log(matchId.value)
       afterR()
     })
@@ -352,6 +353,10 @@ function afterR() {
       }
     })
   }
+
+  setTimeout(()=>{
+    location.reload()
+  },500)
 }
 </script>