add: 媒体注册

@@ -190,4 +190,19 @@ export function getHomeRoomQuery(params) {
     params: params
   })
 }
+export function getMediaInfo(params) {
+  return request({
+    url: `/league/media/getMediaInfo`,
+    method: 'get',
+    params: params
+  })
+}
+export function mediaRegister(data) {
+  return request({
+    url: `/league/media`,
+    method: 'post',
+    data
+  })
+}
+
 

 <template>
   <div class="itemBox" v-if="language === 0">
     <el-row :gutter="20">
-      <el-col :sm="12" :lg="6" :xs="12">
+      <el-col :sm="12" :lg="4" :xs="12">
         <div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn01.png">签证服务</div>
       </el-col>
-      <el-col :sm="12" :lg="6" :xs="12">
+      <el-col :sm="12" :lg="4" :xs="12">
         <div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn02.png">酒店预订</div>
       </el-col>
-      <el-col :sm="12" :lg="6" :xs="12">
+      <el-col :sm="12" :lg="4" :xs="12">
         <div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn03.png">接送服务</div>
       </el-col>
-      <el-col :sm="12" :lg="6" :xs="12">
+      <el-col :sm="12" :lg="4" :xs="12">
         <div class="item" @click="goAbout"><img src="@/assets/dance/btn04.png">场地介绍</div>
       </el-col>
+      <el-col :sm="12" :lg="4" :xs="12">
+        <div class="item" @click="goMedia"><img src="@/assets/dance/btn07.png">媒体注册</div>
+      </el-col>
+      <el-col :sm="12" :lg="4" :xs="12">
+        <div class="item" @click="goAround"><img src="@/assets/dance/btn06.png">周边活动</div>
+      </el-col>
 <!--      <el-col :sm="12" :lg="4" :xs="12">-->
 <!--        <div class="item" @click="liveClick"><img src="@/assets/dance/btn05.png">赛事直播</div>-->
 <!--      </el-col>-->
@@ -32,13 +38,22 @@
       <el-col :sm="12" :lg="4" :xs="12">
         <div class="item" @click="goAbout"><img src="@/assets/dance/btn04.png">Venue Introduction</div>
       </el-col>
-<!--      <el-col :sm="12" :lg="4" :xs="12">-->
+      <el-col :sm="12" :lg="4" :xs="12">
+        <div class="item" @click="goMedia"><img src="@/assets/dance/btn07.png">Media Registration</div>
+      </el-col>
+      <el-col :sm="12" :lg="4" :xs="12">
+        <div class="item" @click="goAround"><img src="@/assets/dance/btn06.png">Around Activity</div>
+      </el-col>
+
+      <!--      <el-col :sm="12" :lg="4" :xs="12">-->
 <!--        <div class="item" @click="liveClick"><img src="@/assets/dance/btn05.png">live streaming</div>-->
 <!--      </el-col>-->
     </el-row>
   </div>
   <order-remark ref="orderRemarkRef" @submit="goBooking"/>
   <affix-invitation ref="dialogInvitationRef"/>
+<!--  媒体注册-->
+  <media-register ref="mediaRegisterRef"/>
 </template>
 
 <script setup>
@@ -47,6 +62,7 @@ import {useRouter} from "vue-router";
 const router = useRouter()
 import OrderRemark from '@/viewsPc/components/orderRemark'
 import AffixInvitation from '@/viewsPc/match/components/affix-invitation'
+import MediaRegister from '@/viewsPc/components/mediaRegister.vue'
 
 const {proxy} = getCurrentInstance()
 import {useStorage} from "@vueuse/core/index";
@@ -105,6 +121,11 @@ const liveClick = () => {
 const goAbout = () => {
   router.push({path: `/about/wuDao`})
 }
+const goAround = () => {
+  //周边活动
+  router.push({path: `/around/wuDao`})
+}
+
 onMounted(() => {
 
 })
@@ -120,6 +141,10 @@ function applyInvitation() {
   }
   proxy.$refs['dialogInvitationRef'].open(obj)
 }
+function goMedia() {
+  proxy.$refs['mediaRegisterRef'].open({cptId: matchId.value})
+}
+
 function popRemark(type) {
   if (!form.value) {
     building()
@@ -191,8 +216,8 @@ function goBooking(n) {
 
 <style scoped lang="scss">
 .itemBox,.itemBox_en {
-  padding: 20px;background: #fff;box-shadow: 0 0 46px 0 rgba(1,16,64,0.08);
-  border-radius: 20px;
+  //padding: 20px;background: #fff;box-shadow: 0 0 46px 0 rgba(1,16,64,0.08);
+  //border-radius: 20px;
 }
 
 

+<template>
+  <el-dialog v-model="show" :title="title" width="500px" close-icon="CircleClose" center destroy-on-close>
+    <div class="pd20">
+      <el-form ref="dialogRef" label-position="top" :model="form" :rules="rules" v-if="!isDone">
+        <el-form-item :label="language==0?'姓氏':'family name'" required prop="lastName">
+          <el-input v-model="form.lastName"></el-input>
+        </el-form-item>
+        <el-form-item :label="language==0?'名字':'first name'" required prop="fristName">
+          <el-input v-model="form.fristName"></el-input>
+        </el-form-item>
+        <el-form-item :label="language==0?'媒体名称':'media organization'" required prop="mediaName">
+          <el-input v-model="form.mediaName"></el-input>
+        </el-form-item>
+        <el-form-item :label="language==0?'媒体类型':'media category'" required prop="mediaType">
+          <el-select v-model="form.mediaType">
+            <el-option label="Reporter/Written Media" value="0"/>
+            <el-option label="Photographer" value="1"/>
+            <el-option label="TV Non-Rights Holder" value="2"/>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="language==0?'国家（地区)':'country'" required prop="country">
+          <el-select v-model="form.country" filterable>
+            <el-option v-for="item in countrys"
+                       :key="item.id"
+                       :label="language==0?item.name:item.enName"
+                       :value="language==0?item.id :item.id"/>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="language==0?'证件类型':'ID type'" required prop="passType">
+          <el-select v-model="form.passType">
+            <el-option :label="language==0?'身份证':'ID Card'" value="0"/>
+            <el-option :label="language==0?'护照':'Passport'" value="1"/>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="language==0?'身份证（护照）号码':'ID or passport number'" required prop="idCard">
+          <el-input v-model="form.idCard"></el-input>
+        </el-form-item>
+        <el-form-item :label="language==0?'邮箱':'work email'" required prop="email">
+          <el-input v-model="form.email"></el-input>
+        </el-form-item>
+        <el-form-item :label="language==0?'一寸证件照':'profile photo'" required prop="photos">
+          <image-upload v-model="form.photos" :limit="1" :is-show-tip="false"
+                        :button-text="language==0?'上传':'Upload'"/>
+        </el-form-item>
+      </el-form>
+
+<!--      “提交成功”状态、提交记录、和提交的信息展示  提交后需要修改请联系XXXX邮箱-->
+      <div  v-if="isDone">
+        <el-descriptions column="1" border>
+          <el-descriptions-item :label="language==0?'姓氏':'family name'">{{form.lastName}}</el-descriptions-item>
+          <el-descriptions-item :label="language==0?'名字':'first name'">{{form.fristName}}</el-descriptions-item>/>
+          <el-descriptions-item :label="language==0?'媒体名称':'media organization'">{{form.mediaName}}</el-descriptions-item>
+          <el-descriptions-item :label="language==0?'媒体类型':'media category'">
+            <span v-if="form.mediaType==0">Reporter/Written Media</span>
+            <span v-if="form.mediaType==1">Photographer</span>
+            <span v-if="form.mediaType==2">TV Non-Rights Holder</span>
+          </el-descriptions-item>
+          <el-descriptions-item :label="language==0?'国家（地区)':'country'">{{form.country}}</el-descriptions-item>/>
+          <el-descriptions-item :label="language==0?'证件类型':'ID type'">
+            <span v-if="form.passType==0">身份证</span>
+            <span v-if="form.passType==1">护照</span>
+          </el-descriptions-item>
+          <el-descriptions-item :label="language==0?'证件号码':'ID NO.'">{{form.idCard}}</el-descriptions-item>
+          <el-descriptions-item :label="language==0?'邮箱':'work email'">{{form.email}}</el-descriptions-item>
+          <el-descriptions-item :label="language==0?'一寸证件照':'profile photo'">
+            <el-image :src="fillImgUrl(form.photos)" style="width: 100px;"/>
+          </el-descriptions-item>
+        </el-descriptions>
+
+        <el-result icon="success" title="已提交" sub-title="提交后需要修改请联系XXXX邮箱"  />
+
+      </div>
+
+    </div>
+      <template #footer v-if="!isDone">
+        <el-button @click="cancel">{{language==0?'取消':'cancel'}}</el-button>
+        <el-button type="primary" @click="submit">{{language==0?'确定':'confirm'}}</el-button>
+      </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import {useStorage} from "@vueuse/core/index";
+import { ref } from "vue";
+import ImageUpload from "/@/components/ImageUpload/index.vue";
+import {countryList} from "/@/apiPc/match";
+import {getMediaInfo, mediaRegister} from "/@/apiPc/common";
+import useUserStore from "@/store/modules/user";
+import {ElMessageBox} from "element-plus";
+const language = useStorage('language', 0)
+const show = ref(false)
+const title = ref('')
+const form = ref({})
+const isDone = ref(false)
+const countrys = ref([])
+const user = useUserStore().user
+const rules = ref({
+  lastName: [
+    { required: true, message: language.value==0?'请输入姓氏':'Please enter family name', trigger: 'blur'}
+  ],
+  fristName: [
+    { required: true, message: language.value==0?'请输入名字':'Please enter first name', trigger: 'blur'}
+  ],
+  mediaName: [
+    { required: true, message: language.value==0?'请输入媒体名称':'Please enter media organization', trigger: 'blur'}
+  ],
+  mediaType: [
+    { required: true, message: language.value==0?'请选择媒体类型':'Please select media category', trigger: 'blur'}
+  ],
+  country: [
+    { required: true, message: language.value==0?'请选择国家':'Please select country', trigger: 'blur'}
+  ],
+  passType: [
+    { required: true, message: language.value==0?'请选择证件类型':'Please select ID type', trigger: 'blur'}
+  ],
+  idCard: [
+    { required: true, message: language.value==0?'请输入证件号码':'Please enter ID or passport number', trigger: 'blur'}
+  ],
+  email: [
+    { required: true, message: language.value==0?'请输入邮箱':'Please enter work email', trigger: 'blur'}
+  ],
+  photos: [
+    { required: true, message: language.value==0?'请上传一寸证件照':'Please upload profile photo', trigger: 'blur'}
+  ]
+})
+
+const open = (params) => {
+  getCountryList()
+  form.value.cptId = params.cptId
+  form.value.userId = user.userId
+  show.value = true
+  title.value = language.value==0 ? '媒体注册' : 'Media Registration'
+  getInfo()
+}
+defineExpose({open})
+function getInfo() {
+  getMediaInfo({userId: user.userId}).then(res=>{
+    if(res.data){
+      isDone.value = true
+      form.value = res.data
+    } else {
+      isDone.value = false
+    }
+  })
+}
+function getCountryList() {
+  countryList().then(res => {
+    countrys.value = res.data
+  })
+}
+const cancel = () => {
+  show.value = false
+}
+const submit = () => {
+  proxy.$refs.dialogRef.validate(valid => {
+    ElMessageBox.confirm( '提交后不能修改，确定提交吗？','提示', {
+      confirmButtonText: language.value==0?'确定':'confirm',
+      cancelButtonText: language.value==0?'取消':'cancel',
+      type: 'warning'
+    }).then(() => {
+      mediaRegister(form.value).then(res=>{
+        isDone.value = true
+      })
+    })
+  })
+}
+
+</script>
+
+<style scoped lang="scss">
+
+</style>

 <template>
-  <div>
+  <div class="syBg">
     <div class="banner">
       <el-carousel class="forPc" autoplay :interval="2000" height="450px" :autoplay="false" arrow="hover"
                    @change="carouselChange">
@@ -173,34 +173,31 @@
           <el-row :gutter="20">
             <el-col :lg="8">
               <a class="liveImgbox" target="_blank" @click="golive(livelist[0])">
-                <div class="livetimecount" v-if="time>0">
-                  <van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒">
-                    <template #default="timeData">
-                      <div class="block">{{ timeData.days }}
-                      </div>
-                      <span class="colon">天</span>
-                      <div class="block">{{ timeData.hours }}
-                      </div>
-                      <span class="colon">时</span>
-                      <div class="block">{{ timeData.minutes }}
-                      </div>
-                      <span class="colon">分</span>
-                      <div class="block">{{ timeData.seconds }}
-                      </div>
-                      <span class="colon">秒后开播 </span>
-                    </template>
-                  </van-count-down>
-                </div>
-                <i class="ii" v-else-if="etime>0&&time<=0">直播中</i>
+<!--                <div class="livetimecount" v-if="time>0">-->
+<!--                  <van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒">-->
+<!--                    <template #default="timeData">-->
+<!--                      <div class="block">{{ timeData.days }}-->
+<!--                      </div>-->
+<!--                      <span class="colon">天</span>-->
+<!--                      <div class="block">{{ timeData.hours }}-->
+<!--                      </div>-->
+<!--                      <span class="colon">时</span>-->
+<!--                      <div class="block">{{ timeData.minutes }}-->
+<!--                      </div>-->
+<!--                      <span class="colon">分</span>-->
+<!--                      <div class="block">{{ timeData.seconds }}-->
+<!--                      </div>-->
+<!--                      <span class="colon">秒后开播 </span>-->
+<!--                    </template>-->
+<!--                  </van-count-down>-->
+<!--                </div>-->
+<!--                <i class="ii" v-else-if="etime>0&&time<=0">直播中</i>-->
                 <!--                <i class="livetimecount" v-if="etime<=0">直播已结束</i>-->
                 <div class="imgBox">
-                  <img v-if="time>0" src="/img/111.jpeg"/>
-                  <img v-else :src="fillImgUrl_webSite(livelist[0]?.picUrl)">
+                  <img :src="fillImgUrl_webSite(livelist[0]?.picUrl)">
                 </div>
-                <h3 class="esp" v-if="time>0">
-                  世锦赛
-                </h3>
-                <h3 class="esp" v-else>
+<!--                <h3 class="esp" v-if="time>0">世锦赛</h3>-->
+                <h3 class="esp">
                   {{ livelist[0]?.name }}
                 </h3>
               </a>
@@ -529,6 +526,11 @@ const gopicliveUrl = () => {
 </script>
 
 <style scoped lang="scss">
+.syBg{
+  background: url("@/assets/dance/logo_l.png") no-repeat bottom left,
+  url("@/assets/dance/logo_r1.png") no-repeat bottom right;
+}
+
 .btabs{display: flex;position: absolute;bottom: 60px;gap: 10px;
   div{color: #fff;  background-color: rgba(0, 0, 0, 0.5);
     backdrop-filter: blur(4px);border: 2px solid #9ba6d4;border-radius: 50px;