add: 邀请函

@@ -635,3 +635,10 @@ export function signgetSignInfoConflict(query) {
     params:query
     params:query
   })
   })
 }
 }
+export function addInvitation(data) {
+  return request({
+    url: `/league/person`,
+    method: 'post',
+    data: data
+  })
+}

@@ -1029,6 +1029,20 @@ img{display: block;}
 	 .bg-lineg{position: relative;border-radius: 15px;}
 	 .bg-lineg{position: relative;border-radius: 15px;}
 	 .cover{position: absolute;width: 100%;z-index: 1;height: 100%;background: red;opacity: 0;top:0;}
 	 .cover{position: absolute;width: 100%;z-index: 1;height: 100%;background: red;opacity: 0;top:0;}
  }
  }
+ .fixed_gg_l{
+	 position: fixed;left:5px;
+	 top: 25%;
+	 z-index: 10;
+	 animation: pop 4s ease infinite;
+	 img{height: 150px;cursor: pointer;}
+ }
+ @keyframes pop {
+ 	  80%{transform: translateY(0px);}
+	  85%{transform: translateY(-3px);}
+	  90%{transform: translateY(0px);}
+	  95%{transform: translateY(-3px);}
+	  100%{transform: translateY(0px);}
+ }
  .smallToday{display: flex;align-items: center;
  .smallToday{display: flex;align-items: center;
 	 .type{margin-right: 20px;}
 	 .type{margin-right: 20px;}
 	 h3{margin: 0 0 10px;}
 	 h3{margin: 0 0 10px;}

+<template>
+  <el-dialog
+      v-model="show" :title="title" width="600px" append-to-body close-icon="CircleClose" center
+      :close-on-click-modal="false" class="pcloginpop"
+      destroy-on-close
+  >
+    <div class="boxInvitation pd20">
+
+      <div class="text-center pd20" v-if="showR">
+        <img class="mauto" src="@/assets/dance/ok.png"/>
+        <h2 class="text-center">{{ language == 0 ? '申请已提交' : 'Submitted successfully' }}</h2>
+
+        <el-button size="large" type="primary" @click="conti" round class="btn-lineG">
+          {{ language == 0 ? '继续提交' : 'Continue To Submit' }}
+        </el-button>
+      </div>
+
+      <el-form :model="form" :rules="rules" ref="iformRef" label-position="right" label-width="150px" v-else>
+        <el-form-item :label="language==0?'姓名':'Name'" required prop="name">
+          <el-input v-model="form.name"/>
+        </el-form-item>
+        <el-form-item :label="language==0?'性别':'Gender'" required prop="gender">
+          <el-radio-group v-model="form.gender">
+            <el-radio value="0">{{ language == 0 ? '女' : 'female' }}</el-radio>
+            <el-radio value="1">{{ language == 0 ? '男' : 'male' }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item :label="language==0?'国籍':'Nationality'" required prop="nationality">
+          <el-select filterable v-model="form.nationality" style="width: 100%;">
+            <el-option v-for="item in countrys" :key="item.id" :label="language==0?item.name:item.enName"
+                       :value="item.id"/>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="language==0?'出生日期':'Date of Birth'" required prop="birth">
+          <el-date-picker
+              v-model="form.birth"
+              style="width: 100%;" placeholder="YYYY-MM-DD"
+              type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          />
+        </el-form-item>
+        <el-form-item :label="language==0?'邮箱':'Email'" required prop="email">
+          <el-input v-model="form.email" type="email"/>
+        </el-form-item>
+        <el-form-item :label="language==0?'护照号':'Passport No.'" required prop="passportNo">
+          <el-input v-model="form.passportNo"/>
+        </el-form-item>
+        <el-form-item :label="language==0?'有效证件':'Passport Copy'" required prop="passportCopy">
+          <file-upload v-model="form.passportCopy" :limit="1" :is-show-tip="false"
+                       :button-text="language==0?'上传':'Upload'"/>
+        </el-form-item>
+        <el-form-item :label="language==0?'抵达日期':'Date of Arrival'" required prop="arrival">
+          <el-date-picker
+              v-model="form.arrival" placeholder="YYYY-MM-DD"
+              style="width: 100%;"
+              type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          />
+        </el-form-item>
+        <el-form-item :label="language==0?'出发日期':'Date of Departure'" required prop="departure">
+          <el-date-picker
+              v-model="form.departure"
+              style="width: 100%;" placeholder="YYYY-MM-DD"
+              type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          />
+        </el-form-item>
+        <el-form-item :label="language==0?'备注':'Remark '">
+          <el-input type="textarea" v-model="form.remark" rows="3"/>
+        </el-form-item>
+
+        <div class="text-center">
+          <el-button type="primary" size="large" @click="submit" round class="btn-lineG">
+            {{ language == 0 ? '提交' : 'SUBMIT' }}
+          </el-button>
+        </div>
+      </el-form>
+    </div>
+  </el-dialog>
+
+</template>
+
+<script setup>
+import {useStorage} from "@vueuse/core/index";
+import {getCurrentInstance, watch} from "vue";
+import {nextTick} from "@vue/runtime-core";
+import {ElMessage, ElMessageBox} from "element-plus";
+import {addInvitation, countryList} from "@/apiPc/match";
+
+const {proxy} = getCurrentInstance()
+const language = useStorage('language', 0)
+const form = ref({
+  gender:'0'
+})
+const show = ref(false)
+const showR = ref(false)
+const title = ref('')
+const countrys = ref([])
+const cptId = ref('')
+const rules = ref(
+    {
+      nationality: [{required: true, trigger: 'change', message: language.value == 0 ? '请选择' : 'Please choose'},],
+      name: [{required: true, trigger: 'blur', message: language.value == 0 ? '请输入' : 'Please enter'},],
+      email: [{required: true, trigger: 'blur', message: language.value == 0 ? '请输入' : 'Please enter'},],
+      birth: [{required: true, trigger: 'change', message: language.value == 0 ? '请选择' : 'Please choose'},],
+      passportNo: [{required: true, trigger: 'blur', message: language.value == 0 ? '请输入' : 'Please enter'},],
+      passportCopy: [{required: true, trigger: 'blur', message: language.value == 0 ? '请上传' : 'Please Upload'},],
+      arrival: [{required: true, trigger: 'change', message: language.value == 0 ? '请选择' : 'Please choose'},],
+      departure: [{required: true, trigger: 'change', message: language.value == 0 ? '请选择' : 'Please choose'},],
+    })
+const open = (params) => {
+  console.log(params)
+  show.value = true
+  title.value = params.title
+  cptId.value = params.cptId
+}
+defineExpose({open})
+watch(show, (value) => {
+  if (!value) {
+    form.value = {
+      sex: '0'
+    }
+    if (language.value == 0) {
+      form.value.countryId = 240
+    }
+  }
+  nextTick(() => {
+    // proxy.$refs['dialogRef'].clearValidate()
+  })
+})
+getCountryList()
+
+function getCountryList() {
+  countryList().then(res => {
+    countrys.value = res.data
+  })
+}
+
+const submit = () => {
+  proxy.$refs.iformRef.validate(valid => {
+    if (valid) {
+      ElMessageBox.confirm(
+          language.value == 0 ? '请确认信息正确并提交吗？' : 'Please confirm that the information is correct and submit it',
+          language.value == 0 ? '提示' : 'Tips', {
+            confirmButtonText: language.value == 0 ? '确定' : 'Confirm',
+            cancelButtonText: language.value == 0 ? '取消' : 'Cancel',
+            type: 'warning'
+          }).then(() => {
+        form.value.cptId = cptId.value
+        if (Array.isArray(form.value.passportCopy)) {
+          form.value.passportCopy = form.value.passportCopy[0].url
+        }
+        addInvitation(form.value).then((res) => {
+          ElMessage.success('提交成功')
+          showR.value = true
+        })
+      })
+    }
+  })
+}
+const conti = () => {
+  showR.value = false
+  form.value = {
+    gender: '0'
+  }
+}
+</script>
+
+<style scoped>
+.boxInvitation {
+  width: 90%;
+  margin: auto
+}
+</style>

@@ -261,6 +261,12 @@
       </el-row>
       </el-row>
     </div>
     </div>
 
 
+    <div class="fixed_gg_l" @click="applyInvitation" v-if="matchData.leagueId==0">
+      <img src="@/assets/logo/Invitation_c.png" v-if="language==0"/>
+      <img src="@/assets/logo/Invitation_e.png" v-else/>
+    </div>
+
+    <affix-invitation ref="dialogInvitationRef"/>
     <div style="height: 50px"></div>
     <div style="height: 50px"></div>
 
 
     <el-dialog v-model="signTypePop" class="pcloginpop" close-icon="CircleClose"
     <el-dialog v-model="signTypePop" class="pcloginpop" close-icon="CircleClose"
@@ -274,6 +280,8 @@
         </div>
         </div>
       </div>
       </div>
     </el-dialog>
     </el-dialog>
+
+
   </div>
   </div>
 </template>
 </template>
 
 
@@ -288,7 +296,7 @@ import QuickRow from "@/viewsPc/match/components/quick-row";
 import {getCurrentInstance, ref} from 'vue'
 import {getCurrentInstance, ref} 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'
-
+import AffixInvitation from '@/viewsPc/match/components/affix-invitation'
 const language = useStorage('language', 0)
 const language = useStorage('language', 0)
 const route = useRoute()
 const route = useRoute()
 const router = useRouter()
 const router = useRouter()
@@ -627,6 +635,14 @@ function reSign(){
     }
     }
   })
   })
 }
 }
+function applyInvitation() {
+  var obj = {
+    title: language.value==0?'邀请函申请':'Invitation letter application',
+    cptId: matchId.value,
+  }
+  proxy.$refs['dialogInvitationRef'].open(obj)
+}
+
 </script>
 </script>
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">

@@ -82,8 +82,8 @@ export default defineConfig(({ mode, command }) => {
           rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '')
           rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '')
         },
         },
         '/dev-api': {
         '/dev-api': {
-          // target: 'http://192.168.1.118:8081/',
-          target: 'https://dance.itechtop.cn/stage-api',
+          target: 'http://192.168.1.27:8081/',
+          // target: 'https://dance.itechtop.cn/stage-api',
           // target: 'https://wdsfwuxicenter.com/stage-api',
           // target: 'https://wdsfwuxicenter.com/stage-api',
           changeOrigin: true,
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/dev-api/, '')
           rewrite: (p) => p.replace(/^\/dev-api/, '')