Merge branch 'dev' into devdev

# Conflicts:
#	src/assets/booking/hz_bg.png
#	src/routerPc/en.js
#	src/viewsPc/booking/makeUp.vue

@@ -6,12 +6,25 @@ export function getHotelList(params) {
         params: params
         params: params
     })
     })
 }
 }
+export function getStudioList(params) {
+    return request({
+        url: `/ota/studio/list`,
+        method: 'get',
+        params: params
+    })
+}
 export function getHotelById(id) {
 export function getHotelById(id) {
     return request({
     return request({
         url: `/ota/hotel/${id}`,
         url: `/ota/hotel/${id}`,
         method: 'get'
         method: 'get'
     })
     })
 }
 }
+export function getStudioById(id) {
+    return request({
+        url: `/ota/studio/${id}`,
+        method: 'get'
+    })
+}
 export function getHotelRooms(params) {
 export function getHotelRooms(params) {
     return request({
     return request({
         url: `/ota/activityRoom/list`,
         url: `/ota/activityRoom/list`,
@@ -104,6 +117,15 @@ export function createPalPay(data) {
         data:data
         data:data
     })
     })
 }
 }
+export function callbackPalPay(tradeNo) {
+    return request({
+        url: `/ota/norder/palPay/callback`,
+        method: 'post',
+        data:{
+            tradeNo:tradeNo
+        }
+    })
+}
 export function getInvoiceByActiveId(query) {
 export function getInvoiceByActiveId(query) {
     return request({
     return request({
         url: `/ota/invoice/list`,
         url: `/ota/invoice/list`,
@@ -134,5 +156,54 @@ export function cancelOrder2(orderId) {
         params: orderId
         params: orderId
     })
     })
 }
 }
-
-
+export function addressList(userId) {
+    return request({
+        url: `/ota/invoiceInfo/list`,
+        method: 'get',
+        params: {
+            createById: userId
+        }
+    })
+}
+export function getBaseInfoByActiveId(id) {
+    return request({
+        url: `/ota/activity/${id}`,
+        method: 'get'
+    })
+}
+export function checkRoomPayByUserId(id) {
+    return request({
+        url: `/ota/norder/checkRoomPayByUserId`,
+        method: 'get',
+        params: {
+            extId: id
+        }
+    })
+}
+export function submitInvoice(form) {
+    return request({
+        url: `/ota/invoice`,
+        method: 'post',
+        data: form
+    })
+}
+export function editInvoice(form) {
+    return request({
+        url: `/ota/invoice`,
+        method: 'put',
+        data: form
+    })
+}
+export function addAddress(form) {
+    return request({
+        url: `/ota/invoiceInfo`,
+        method: 'post',
+        data: form
+    })
+}
+export function delAddress(ids) {
+    return request({
+        url: `/ota/invoiceInfo/${ids}`,
+        method: 'delete'
+    })
+}

@@ -47,3 +47,24 @@ export function newbilllist(query) {
     params: query
     params: query
   })
   })
 }
 }
+export function vistorRegister(data) {
+  return request({
+    url: `/pcSimpleRegister`,
+    method: 'post',
+    data: data
+  })
+}
+export function upgradePersonal(data) {
+  return request({
+    url: `/upgradeAccountToSingle`,
+    method: 'post',
+    data: data
+  })
+}
+export function upgradeTeam(data) {
+  return request({
+    url: `/upgradeAccountToTeam`,
+    method: 'post',
+    data: data
+  })
+}

@@ -9,7 +9,11 @@
  .blur20 { filter: blur(20px) }
  .blur20 { filter: blur(20px) }
 .m0{margin: 0;}
 .m0{margin: 0;}
 .flex{display: flex;}
 .flex{display: flex;}
-
+.fs16{font-size: 16px;}
+.fs18{font-size: 18px;}
+.borderRadius10{border-radius: 10px;}
+.w80{width: 80%;}
+.w50{width: 50%;}
 .text-gray{color: #999}
 .text-gray{color: #999}
  .uppercase{
  .uppercase{
 	 text-transform: uppercase;
 	 text-transform: uppercase;
@@ -248,7 +252,8 @@ img{display: block;}
 .text-navy {
 .text-navy {
 	color: #1ab394;
 	color: #1ab394;
 }
 }
-
+.underline{ text-decoration: underline;}
+.pointer{cursor: pointer}
 .text-primary {
 .text-primary {
 	color: var(--el-color-primary);
 	color: var(--el-color-primary);
 }
 }

@@ -74,30 +74,62 @@
     </div>
     </div>
   </div>
   </div>
   <div class="fixed-right">
   <div class="fixed-right">
-    <a v-if="language==0" href="#" target="_blank"
+    <div class="mlb" v-if="language==0">
+      <div href="#" target="_blank"
            onclick="javascript:window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=6c500b60-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=ZHCN','_blank','height=700px,width=700px,top=50,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')" title="客服" >
            onclick="javascript:window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=6c500b60-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=ZHCN','_blank','height=700px,width=700px,top=50,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')" title="客服" >
-      <img src="@/assets/logo/kf_c.png"/>
+        <img class="kf" src="@/assets/logo/btn01.png"/>
+        <div class="text-center mt10 gradient-text">在线客服</div>
+      </div>
+      <div @click="goHelpZH">
+        <a target="_blank" href="/file/操作指引.zip">
+          <img class="kf" src="@/assets/logo/btn02.png"/>
+          <div class="text-center mt10 gradient-text">操作指引</div>
         </a>
         </a>
-
-    <a v-else target="_blank" href="#"
+      </div>
+    </div>
+    <div class="mlb" v-else>
+      <div target="_blank" href="#"
            onclick="javascript:window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=707daf80-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=EN','_blank','height=700px,width=700px,top=100,left=150,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')" title="Live Chat">
            onclick="javascript:window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=707daf80-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=EN','_blank','height=700px,width=700px,top=100,left=150,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')" title="Live Chat">
-      <img class="kf" src="@/assets/logo/kf_e.png"/>
-    </a>
+        <img class="kf" src="@/assets/logo/btn01.png"/>
+        <div class="text-center gradient-text">LIVE CHAT</div>
+      </div>
+      <div @click="goHelp">
+        <img class="kf" src="@/assets/logo/btn02.png"/>
+        <div class="text-center gradient-text">GUIDELINE</div>
+      </div>
+    </div>
   </div>
   </div>
 </template>
 </template>
 
 
 <script setup>
 <script setup>
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
-
+import {useRouter} from "vue-router";
+const router = useRouter()
 const language = useStorage('language', 0)
 const language = useStorage('language', 0)
+const goHelp = () => {
+  router.push({
+    path: `/news/list/20000100`,
+    query:{
+      kindName: language.value==0?'操作指引':'GUIDELINE'
+    }
+  })
+}
+const goHelpZH = () => {
 
 
+}
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-.kf{width: 100px;cursor: pointer;
+.kf{width: 45px;margin: auto;height: auto;
   //animation: pop 2s infinite;
   //animation: pop 2s infinite;
 }
 }
-.fixed-right{position: fixed;right: 0;bottom: 200px;}
+.fixed-right{position: fixed;right: 0;bottom: 200px;
+  .mlb{background: #fff;border-radius: 10px 0 0 10px;box-shadow: 0 2px 8px #aaa;
+    padding: 10px 8px;text-align: center;cursor: pointer;
+    div:first-child{border-bottom: 0.5px solid #eee;padding: 0 0 10px;margin-bottom: 10px}
+    div:hover{.gradient-text{font-weight: bold;}}
+  }
+}
 .copyright{      font-size: 14px;
 .copyright{      font-size: 14px;
   opacity: 0.88;
   opacity: 0.88;
   color: #4C5359;}
   color: #4C5359;}
@@ -117,6 +149,13 @@ const language = useStorage('language', 0)
   }
   }
   img{height: 80px;}
   img{height: 80px;}
 }
 }
+.gradient-text {font-family: FZJunHeiS-B-GB;
+  font-weight: 600;
+  font-size: 17px;
+  background: linear-gradient(0deg, #8226FC 0%, #483BEB 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
 @media (max-width: 500px) {
 @media (max-width: 500px) {
   .forWei{display: none;}
   .forWei{display: none;}
 }
 }

@@ -54,8 +54,8 @@
         <span :class="language==1?'active':''" @click="changeLanguage(1)">EN</span>
         <span :class="language==1?'active':''" @click="changeLanguage(1)">EN</span>
       </div>
       </div>
       <div class="ml20 forPc" >
       <div class="ml20 forPc" >
-        <el-button v-if="!isLogin" style="border-radius: 20px;" class="loginBtn">
-          <span @click="goLogin">{{ language==0?'登录':'LOGIN' }}</span>
+        <el-button v-if="!isLogin" @click="goLogin" style="border-radius: 20px;" class="loginBtn">
+          <span>{{ language==0?'登录':'LOGIN' }}</span>
           <!--          ｜ &nbsp;<span @click="goRegister">注册</span>-->
           <!--          ｜ &nbsp;<span @click="goRegister">注册</span>-->
         </el-button>
         </el-button>
 
 
@@ -135,6 +135,7 @@
     </el-menu>
     </el-menu>
   </el-drawer>
   </el-drawer>
   <LoginDialog ref="pcloginDialog" @submitForm="reFlash" />
   <LoginDialog ref="pcloginDialog" @submitForm="reFlash" />
+  <VisitorLogin ref="visitorDialog" @submitForm="reFlash" />
   <SearchPop v-if="language==0" ref="searchDialog" />
   <SearchPop v-if="language==0" ref="searchDialog" />
   <SearchPop_en v-if="language==1" ref="searchDialog" />
   <SearchPop_en v-if="language==1" ref="searchDialog" />
 </template>
 </template>
@@ -147,6 +148,7 @@ import { Search,UserFilled } from '@element-plus/icons-vue'
 import { getCurrentInstance, onMounted } from '@vue/runtime-core'
 import { getCurrentInstance, onMounted } from '@vue/runtime-core'
 import _ from 'lodash'
 import _ from 'lodash'
 import LoginDialog from '@/viewsPc/login'
 import LoginDialog from '@/viewsPc/login'
+import VisitorLogin from '@/viewsPc/register/components/utype3'
 import SearchPop from './indexSearch'
 import SearchPop from './indexSearch'
 import SearchPop_en from './indexSearch_en'
 import SearchPop_en from './indexSearch_en'
 import Captcha from './captcha'
 import Captcha from './captcha'
@@ -236,7 +238,12 @@ watch(() => useUserStore().reLogin, (val) => {
     goLogin(val.query)
     goLogin(val.query)
   }
   }
 })
 })
-
+watch(() => useUserStore().visitor, (val) => {
+  if (val) {
+    console.log(val)
+    proxy.$refs['visitorDialog'].open()
+  }
+})
 function searchNews() {
 function searchNews() {
   proxy.$refs['searchDialog'].open()
   proxy.$refs['searchDialog'].open()
 }
 }

@@ -31,6 +31,7 @@ const useUserStore = defineStore(
       genFlag: '', // 是否是自动的协会
       genFlag: '', // 是否是自动的协会
       badge: {},
       badge: {},
       reLogin: {show:false,query:{}},
       reLogin: {show:false,query:{}},
+      visitor: false,
       language: 0
       language: 0
     }),
     }),
     actions: {
     actions: {
@@ -138,6 +139,12 @@ const useUserStore = defineStore(
           this.badge = res.data
           this.badge = res.data
         })
         })
       },
       },
+      setVisitor() {
+        this.visitor = true
+        setTimeout(() => {
+          this.visitor =  false
+        }, 1000)
+      },
       setReLogin(query) {
       setReLogin(query) {
         console.log(query)
         console.log(query)
         this.reLogin = {show:true,query:query}
         this.reLogin = {show:true,query:query}

@@ -8,7 +8,7 @@
             <div class="leftNav">
             <div class="leftNav">
               <ul>
               <ul>
                 <li :class="activeIndex==0?'active':''" @click="activeIndex=0">{{ language==0?'组织机构':'Organizer' }}</li>
                 <li :class="activeIndex==0?'active':''" @click="activeIndex=0">{{ language==0?'组织机构':'Organizer' }}</li>
-                <li :class="activeIndex==1?'active':''" @click="activeIndex=1">{{ language==0?'WDSF亚洲体育舞蹈节':'WDSF Asian Dancesport Festival' }}</li>
+                <li :class="activeIndex==1?'active':''" @click="activeIndex=1">{{ language==0?'无锡WDSF亚洲体育舞蹈节':'WUXI WDSF ASIAN DANCESPORT FESTIVAL' }}</li>
 <!--                <li :class="activeIndex==2?'active':''" @click="activeIndex=2">{{ language==0?'体育舞蹈项目':'About Sports Dance' }}</li>-->
 <!--                <li :class="activeIndex==2?'active':''" @click="activeIndex=2">{{ language==0?'体育舞蹈项目':'About Sports Dance' }}</li>-->
               </ul>
               </ul>
             </div>
             </div>
@@ -59,45 +59,45 @@
 
 
             <div class="infoPart pd20" v-if="activeIndex==1">
             <div class="infoPart pd20" v-if="activeIndex==1">
               <h3 class="leftboderTT">{{ language==0?'无锡WDSF亚洲体育舞蹈节':'WUXI WDSF ASIAN DANCESPORT FESTIVAL' }}</h3>
               <h3 class="leftboderTT">{{ language==0?'无锡WDSF亚洲体育舞蹈节':'WUXI WDSF ASIAN DANCESPORT FESTIVAL' }}</h3>
-              <div class="content" v-if="language==0">
-                无锡WDSF亚洲体育舞蹈节是由世界体育舞蹈（无锡）中心（世界体育舞蹈联合、亚洲体育舞蹈联合、中国体育舞蹈联合会和无锡市人民政府共建）打造面向全球的、长期落户的、城市自主的品牌赛事。
-                <br/>
+<!--              <div class="content" v-if="language==0">-->
+<!--                无锡WDSF亚洲体育舞蹈节是由世界体育舞蹈（无锡）中心（世界体育舞蹈联合、亚洲体育舞蹈联合、中国体育舞蹈联合会和无锡市人民政府共建）打造面向全球的、长期落户的、城市自主的品牌赛事。-->
+<!--                <br/>-->
 
 
-                &ensp;&ensp;&ensp;&ensp;2023年7月首次举办无锡2023年WDSF亚洲体育舞蹈节，包括2023年WDSF世界标准舞锦标赛、2023年WDSF世界体育舞蹈大奖赛（中国无锡）、2023年全国体育舞蹈公开系列赛（无锡站），共吸引来自全球39个国家及地区的1,716名顶级舞者参与。同时，并将世界体育舞蹈（无锡）中心成功落户中国无锡，以“节日有竞赛、竞赛节日化”为发展指导原则，“四方”共同努力服务全球舞者。
-                <br/>
+<!--                &ensp;&ensp;&ensp;&ensp;2023年7月首次举办无锡2023年WDSF亚洲体育舞蹈节，包括2023年WDSF世界标准舞锦标赛、2023年WDSF世界体育舞蹈大奖赛（中国无锡）、2023年全国体育舞蹈公开系列赛（无锡站），共吸引来自全球39个国家及地区的1,716名顶级舞者参与。同时，并将世界体育舞蹈（无锡）中心成功落户中国无锡，以“节日有竞赛、竞赛节日化”为发展指导原则，“四方”共同努力服务全球舞者。-->
+<!--                <br/>-->
 
 
-                &ensp;&ensp;&ensp;&ensp;2024年7月17日至21日将继续举办第二届无锡2024年WDSF亚洲体育舞蹈节，包括2024年WDSF世界拉丁舞锦标赛、2024年WDSF世界青年标准舞锦标赛、2024年WDSF世界少年Ⅱ拉丁舞锦标赛、2024年WDSF大奖赛（标准舞、拉丁舞）、
-                2024年WDSF职业标准舞/拉丁舞世界杯、2024年WDSF公开赛（标准舞/拉丁舞）以及2024年全国青少年体育舞蹈锦标赛等一系列重点赛事。
-                预计届时会吸引约40个国家和地区的3000名优秀体育舞蹈选手参赛，将为全球体育舞蹈爱好者呈现一场精彩绝伦的视觉盛宴。
+<!--                &ensp;&ensp;&ensp;&ensp;2024年7月17日至21日将继续举办第二届无锡2024年WDSF亚洲体育舞蹈节，包括2024年WDSF世界拉丁舞锦标赛、2024年WDSF世界青年标准舞锦标赛、2024年WDSF世界少年Ⅱ拉丁舞锦标赛、2024年WDSF大奖赛（标准舞、拉丁舞）、-->
+<!--                2024年WDSF职业标准舞/拉丁舞世界杯、2024年WDSF公开赛（标准舞/拉丁舞）以及2024年全国青少年体育舞蹈锦标赛等一系列重点赛事。-->
+<!--                预计届时会吸引约40个国家和地区的3000名优秀体育舞蹈选手参赛，将为全球体育舞蹈爱好者呈现一场精彩绝伦的视觉盛宴。-->
 
 
-                <div class="imgbox">
-                  <img src="/img/123.png"/>
-                </div>
-              </div>
-              <div class="content" v-else>
-                Wuxi WDSF Asian DanceSport Festival is a globally oriented, permanently settled,
-                city-owned brand event created by the World DanceSport (Wuxi) Center (jointly
-                established by the World DanceSport Federation, DanceSport Asia, Chinese
-                DanceSport Federation, and Wuxi Municipal People’s Government).
-                <br/><br/>
-                &ensp;&ensp;&ensp;&ensp;In July 2023, the WDSF Asian DanceSport Festival·Wuxi 2023 was held for the first
-                time, including the 2023 WDSF World Championship Standard, 2023 WDSF
-                DanceSport Grand Slam (Wuxi), 2023 China DanceSport Open Series (Wuxi), which
-                attracted a total of 1,716 top-level dancers from 39 countries and regions around the
-                globe. Meanwhile, the WDSF World DanceSport (Wuxi) Center was successfully
-                established in Wuxi, China, with the guiding principle of "festivals with competitions
-                and competitions becoming festivals", and the "four parties" working together to serve
-                dancers from all over the world.
-                <br/><br/>
-                &ensp;&ensp;&ensp;&ensp;The 2nd WDSF Asian DanceSport Festival·Wuxi 2024 will be organized from 17th to
-                21st July 2024, including a series of key events such as the WDSF World
-                Championship Latin 2024, WDSF World Championship Youth Standard 2024, WDSF
-                World Championship Junior II Latin 2024, WDSF Grand Slam Latin & Standard 2024,
-                WDSF PD World Cup Latin & Standard 2024, WDSF Open Latin & Standard 2024
-                and 2024 National Youth DanceSport Championships etc. It is expected to attract
-                3,000 outstanding dancers from about 40 countries and regions to participate in the
-                event, which will present a wonderful visual feast for global DanceSport fans.
-              </div>
+<!--                <div class="imgbox">-->
+<!--                  <img src="/img/123.png"/>-->
+<!--                </div>-->
+<!--              </div>-->
+<!--              <div class="content" v-else>-->
+<!--                Wuxi WDSF Asian DanceSport Festival is a globally oriented, permanently settled,-->
+<!--                city-owned brand event created by the World DanceSport (Wuxi) Center (jointly-->
+<!--                established by the World DanceSport Federation, DanceSport Asia, Chinese-->
+<!--                DanceSport Federation, and Wuxi Municipal People’s Government).-->
+<!--                <br/><br/>-->
+<!--                &ensp;&ensp;&ensp;&ensp;In July 2023, the WDSF Asian DanceSport Festival·Wuxi 2023 was held for the first-->
+<!--                time, including the 2023 WDSF World Championship Standard, 2023 WDSF-->
+<!--                DanceSport Grand Slam (Wuxi), 2023 China DanceSport Open Series (Wuxi), which-->
+<!--                attracted a total of 1,716 top-level dancers from 39 countries and regions around the-->
+<!--                globe. Meanwhile, the WDSF World DanceSport (Wuxi) Center was successfully-->
+<!--                established in Wuxi, China, with the guiding principle of "festivals with competitions-->
+<!--                and competitions becoming festivals", and the "four parties" working together to serve-->
+<!--                dancers from all over the world.-->
+<!--                <br/><br/>-->
+<!--                &ensp;&ensp;&ensp;&ensp;The 2nd WDSF Asian DanceSport Festival·Wuxi 2024 will be organized from 17th to-->
+<!--                21st July 2024, including a series of key events such as the WDSF World-->
+<!--                Championship Latin 2024, WDSF World Championship Youth Standard 2024, WDSF-->
+<!--                World Championship Junior II Latin 2024, WDSF Grand Slam Latin & Standard 2024,-->
+<!--                WDSF PD World Cup Latin & Standard 2024, WDSF Open Latin & Standard 2024-->
+<!--                and 2024 National Youth DanceSport Championships etc. It is expected to attract-->
+<!--                3,000 outstanding dancers from about 40 countries and regions to participate in the-->
+<!--                event, which will present a wonderful visual feast for global DanceSport fans.-->
+<!--              </div>-->
 
 
 <!--            </div>-->
 <!--            </div>-->
 
 

@@ -2,8 +2,10 @@
   <div>
   <div>
     <div class="box">
     <div class="box">
       <div class="indexTitle">
       <div class="indexTitle">
-          <h3 class="leftboderTT">{{ language==0?'我的发票':'My invoice' }}
-            <el-button @click="goAdd" type="primary" class="btn-lineG fr">{{ language==0?'开发票':'Invoicing' }}</el-button>
+        <h3 class="leftboderTT">{{ language == 0 ? '我的发票' : 'My invoice' }}
+          <el-button @click="goAdd" type="primary" class="btn-lineG fr">
+            {{language == 0 ? '开发票' : 'Invoicing' }}
+          </el-button>
         </h3>
         </h3>
       </div>
       </div>
       <el-card class="mt30 mb60">
       <el-card class="mt30 mb60">
@@ -19,7 +21,7 @@
               <span v-if="b.invoiceForm=='2'">纸质普票</span>
               <span v-if="b.invoiceForm=='2'">纸质普票</span>
               <span v-if="b.invoiceForm=='3'">纸质专票</span>
               <span v-if="b.invoiceForm=='3'">纸质专票</span>
             </div>
             </div>
-                <div>¥ <span>{{b.total}}</span></div>
+            <div>¥ <span>{{ b.total }}</span></div>
           </div>
           </div>
           <div style="margin: 20px 0 0;display: flex;justify-content: space-between;">
           <div style="margin: 20px 0 0;display: flex;justify-content: space-between;">
             <div class="status">
             <div class="status">
@@ -30,10 +32,11 @@
             </div>
             </div>
             <div>
             <div>
               <button class="billbtn" v-if="b.isInvoice == '0'" @click.stop="editDetail(b)">
               <button class="billbtn" v-if="b.isInvoice == '0'" @click.stop="editDetail(b)">
-                    {{ language == 0 ? '修改发票':'Edit' }}
+                {{ language == 0 ? '修改发票' : 'Edit' }}
               </button>
               </button>
               <button class="billbtn rbtn-m-kx"
               <button class="billbtn rbtn-m-kx"
-                          @click.stop="showDetail(b)">{{ language==0?'详情':'Detail' }}</button>
+                      @click.stop="showDetail(b)">{{ language == 0 ? '详情' : 'Detail' }}
+              </button>
 
 
             </div>
             </div>
           </div>
           </div>
@@ -51,12 +54,13 @@
 
 
 <script setup>
 <script setup>
 import ChoseBills from './component/choseBills'
 import ChoseBills from './component/choseBills'
-import { ref } from 'vue'
+import {ref} from 'vue'
 import {getInvoiceByActiveId} from "@/apiPc/booking"
 import {getInvoiceByActiveId} from "@/apiPc/booking"
 import {getCurrentInstance} from "@vue/runtime-core"
 import {getCurrentInstance} from "@vue/runtime-core"
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
 import useUserStore from "@/store/modules/user";
 import useUserStore from "@/store/modules/user";
-const language= useStorage('language',0)
+
+const language = useStorage('language', 0)
 const {proxy} = getCurrentInstance()
 const {proxy} = getCurrentInstance()
 const list = ref([])
 const list = ref([])
 const user = useUserStore().user
 const user = useUserStore().user
@@ -64,34 +68,50 @@ const query = ref({
   createById: user.userId
   createById: user.userId
 })
 })
 getList()
 getList()
+
 function getList() {
 function getList() {
-  if(!user){
+  if (!user) {
     useUserStore().setReLogin()
     useUserStore().setReLogin()
     return
     return
   }
   }
-  getInvoiceByActiveId(query.value).then(res=>{
+  getInvoiceByActiveId(query.value).then(res => {
     list.value = res.rows
     list.value = res.rows
   })
   })
 }
 }
+
 function goAdd() {
 function goAdd() {
   //选择开票订单
   //选择开票订单
   var obj = {
   var obj = {
-    title: language.value==0?'选择开票订单':'Select the invoicing order',
+    title: language.value == 0 ? '选择开票订单' : 'Select the invoicing order',
     show: true,
     show: true,
-    choosedList:[]
+    choosedList: []
   }
   }
   proxy.$refs['dialogChoseBillsRef'].open(obj)
   proxy.$refs['dialogChoseBillsRef'].open(obj)
 }
 }
+
+function editDetail(item) {
+
+}
+
 function getChoosed(list) {
 function getChoosed(list) {
   console.log(list)
   console.log(list)
+  if (list.length > 0) {
+    // 去开票
+  }
 }
 }
+
 </script>
 </script>
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">
-.leftboderTT{
+.leftboderTT {
   font-size: 20px;
   font-size: 20px;
-  .btn-lineG{text-transform: uppercase;
-    span{color: #fff;}
+
+  .btn-lineG {
+    text-transform: uppercase;
+
+    span {
+      color: #fff;
+    }
   }
   }
 }
 }
 </style>
 </style>

+<template>
+  <div>
+    <div class="box">
+      <el-card :body-style="{ padding: '0px' }" class="mt20">
+        <div slot="header">
+          <div class="bg-lineg">{{ language == 0 ? '发票开具' : 'Invoice application' }}</div>
+        </div>
+        <el-row class="pd20" :gutter="20">
+          <el-col :span="24">
+            <!--已选订单-->
+            <div class="border-info" v-for="b in list" :key="b.id">
+              <h3>{{ b.name }}</h3>
+<!--              酒店订单-->
+              <div v-if="b.orderType == 0">
+                <p>{{b.messageObj.roomInfo}}</p>
+                <p>{{b.messageObj.roomStayDate}}</p>
+                <p class="poPrice">¥{{b.total}}</p>
+              </div>
+<!--              接送订单-->
+              <div v-if="b.orderType == 1">
+                <p v-for="(car,index) in b.messageObj.carsList" :key="index" v-show="car.num>0">
+                  <span>{{car.name}}：{{car.num}} 辆</span>
+                </p>
+                <p class="poPrice">¥{{b.total}}</p>
+              </div>
+<!--              餐饮订单-->
+              <div v-if="b.orderType == 2">
+                <p v-for="(n,index) in b.messageObj.foodsList" :key="index">
+                  <span v-if="n.num > 0">
+                    {{n.name}}({{n.categoryName}}) <span>{{n.num}} 份</span>
+                  </span>
+                </p>
+                <p class="poPrice">¥{{b.total}}</p>
+              </div>
+            </div>
+
+            <div class="leftboderTT">{{ language == 0 ? '开票信息' : 'Invoice information' }}</div>
+            <div class="border-rr mt20 pd20">
+              <el-form class="mw500" :model="form" :label-width="language == 0 ?'100':'150'" :rules="rules" ref="formRef">
+                <el-form-item :label="'开票金额'">
+                  <span class="bigprice">¥{{totalMoney}}</span>
+                </el-form-item>
+
+                <el-form-item :label="`发票形式`" required>
+                  <el-radio-group v-model="form.invoiceForm">
+                    <el-radio value="1">{{ language == 0 ? '电子发票' : 'E-invoice' }}</el-radio>
+                    <el-radio value="2">{{ language == 0 ? '纸质普票' : 'Paper-invoice' }}</el-radio>
+                    <el-radio value="3">{{ language == 0 ? '纸质专票' : 'Paper-special-invoice' }}</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item :label="`邮箱`" required>
+                  <el-input v-model="form.contacts"/>
+                </el-form-item>
+                <el-form-item :label="`邮寄地址`" required>
+                  <el-button plain type="primary" size="small" v-if="addrList.length==0" @click="goEditAddress">
+                    +{{ language==0?'添加地址':'Add' }}
+                  </el-button>
+                  <div v-else class="flexCenter">
+                    <div>
+                      <div class="bigSize">{{nowAddress.contact}} {{nowAddress.phone}}</div>
+                      <div class="smallSize">{{nowAddress.addName}}</div>
+                    </div>
+                    <a @click="goEditAddress" class="text-primary">
+                      <el-icon><Switch /></el-icon>切换
+                    </a>
+                  </div>
+                </el-form-item>
+                <el-form-item :label="`发票类型`" required>
+                  <el-radio-group v-model="form.invoiceType">
+                    <el-radio value="0">{{ language == 0 ? '企业' : 'Company' }}</el-radio>
+                    <el-radio value="1">{{ language == 0 ? '个人非企业' : 'Individual' }}</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item :label="`发票抬头`" required>
+                  <el-input v-model="form.invoiceTitle"/>
+                </el-form-item>
+                <el-form-item :label="`税号`" required v-if="form.invoiceType=='0'">
+                  <el-input v-model="form.invoiceTfn"/>
+                </el-form-item>
+                <div v-if="form.invoiceForm=='3'&&form.invoiceType=='0'">
+                  <el-form-item :label="`地址`" required>
+                    <el-input v-model="form.invoiceAddress"/>
+                  </el-form-item>
+                  <el-form-item :label="`电话`" required>
+                    <el-input v-model="form.invoicePhone"/>
+                  </el-form-item>
+                  <el-form-item :label="`开户行`" required>
+                    <el-input v-model="form.invoiceBank"/>
+                  </el-form-item>
+                  <el-form-item :label="`账户`" required>
+                    <el-input v-model="form.invoiceAccount"/>
+                  </el-form-item>
+                </div>
+              </el-form>
+            </div>
+          </el-col>
+        </el-row>
+
+        <el-row justify="center" align="middle" class="pd20">
+          <el-col :span="12" class="text-center">
+            <el-button type="primary" class="btn-lineG w200px" size="large" round @click="submit">
+              {{ language==0?'提交':'Submit' }}
+            </el-button>
+          </el-col>
+        </el-row>
+      </el-card>
+      <div style="height: 60px;"></div>
+
+    </div>
+  </div>
+  <address-list-dialog ref="dialogAddressListRef" @submit="getAddress"/>
+</template>
+
+<script setup>
+import {useRouter, useRoute} from "vue-router";
+import {ref, reactive, onMounted} from "vue";
+import {useStorage} from "@vueuse/core/index";
+import AddressListDialog from "./component/addressList"
+import dayjs from 'dayjs'
+import {ElMessage,ElMessageBox} from "element-plus";
+import useUserStore from "@/store/modules/user";
+import {getCurrentInstance} from "@vue/runtime-core";
+import {addressList, editInvoice, submitInvoice} from "@/apiPc/booking";
+const {proxy} = getCurrentInstance()
+
+const user = useUserStore().user
+const language = useStorage('language', 0)
+const router = useRouter()
+const route = useRoute()
+const form = ref({
+  invoiceForm: '1',
+  invoiceType: '0'
+})
+const list = ref([])
+const addrList = ref([])
+const nowAddress = ref({})
+const totalMoney = ref(0)
+const choseDays = ref([])
+const rules = ref({})
+const isEdit = ref(false)
+
+onMounted(() => {
+  if(route.query.orders){
+    list.value = JSON.parse(decodeURIComponent(route.query.orders)) || []
+  }
+  if (route.query.totalMoney) {
+    totalMoney.value = route.query.totalMoney
+  }
+  getAddrList()
+})
+function goEditAddress(id) {
+  var obj = {
+    title: language.value==0?'地址列表':'Address list',
+    show: true,
+    id: id
+  }
+  proxy.$refs['dialogAddressListRef'].open(obj)
+}
+function getAddrList() {
+  addressList(user.userId).then(res=>{
+    addrList.value = res.rows
+    if(addrList.value.length>0){
+      nowAddress.value = addrList.value[0]
+    }
+  })
+}
+function getAddress(obj) {
+  console.log(obj)
+  nowAddress.value = obj
+  console.log(nowAddress.value)
+}
+function submit() {
+  if(!user){
+    useUserStore().setReLogin()
+    return
+  }
+
+  // 提交确认
+  ElMessageBox.confirm(language.value == 0 ? '确认提交订单吗？' : 'Confirm to submit the order?', {
+    confirmButtonText: language.value == 0 ? '确定' : 'Confirm',
+    cancelButtonText: language.value == 0 ? '取消' : 'Cancel',
+    type: 'warning'
+  }).then(() => {
+    form.value.total = totalMoney.value
+    form.value.version = 2
+    if (isEdit.value) {
+      update()
+    } else {
+      add()
+    }
+  })
+}
+
+function update() {
+  editInvoice(form.value).then(res=>{
+    //返回列表
+    backList()
+  })
+}
+function add() {
+  submitInvoice(form.value).then(res=>{
+    //返回列表
+    backList()
+  })
+}
+function backList() {
+  router.push({
+    name: 'invoice'
+  })
+}
+</script>
+
+<style scoped lang="scss">
+.bigMoney {
+  font-size: 36px !important;
+  font-family: 'DIN Alternate';
+  font-weight: bold;
+}
+.btn-lineG{font-size: 16px}
+.bg-lineg {
+  height: 40px;
+  line-height: 40px;
+  font-size: 18px;
+  text-align: center;
+}
+
+.leftboderTT {
+  font-weight: 600;
+  font-size: 16px;
+  color: #453DEA;
+}
+
+.border-rr {
+  border-radius: 5px;
+  border: 1px solid #DCDFE6;
+}
+
+.room {
+  font-weight: 400;
+  font-size: 14px;
+  color: #929AA0;
+}
+
+.ccitemBox {
+  overflow: auto;
+
+  label {
+    margin: 10px 0;
+    display: block;
+    min-height: 30px;
+
+    span {
+      color: #FF8124;
+      font-family: DIN Alternate;
+      font-size: 24px;
+    }
+  }
+}
+
+.ccitem {
+  display: flex;
+  justify-content: space-between;
+  font-size: 15px;
+  color: #666;
+  margin: 5px 0 10px;
+
+  label {
+    font-size: 16px;
+    color: #000;
+  }
+
+  span {
+    font-size: 13px;
+  }
+}
+
+.red {
+  color: #FF8124;
+}
+.tip{font-size: 14px;color: #666;padding: 0 10px;}
+.mw500{max-width: 500px;margin: auto}
+.bigSize {
+  font-size: 16px;
+  margin-bottom: 5px;
+}
+
+.smallSize {
+  font-size: 14px;
+  color: #999;
+}
+
+.flexCenter {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  background: #f4f4f4;
+  padding: 10px;
+  box-sizing: border-box;
+}
+.bigprice {
+  font-size: 20px;
+  line-height: 2;
+}
+</style>

 <template>
 <template>
   <div>
   <div>
     <div class="banner">
     <div class="banner">
-      <img src="@/assets/booking/cl_text.png">
+      <img v-if="language==0" src="@/assets/booking/cl_text_c.png">
+      <img v-else src="@/assets/booking/cl_text_e.png">
     </div>
     </div>
     <div class="box">
     <div class="box">
       <div class="searchBar">
       <div class="searchBar">
@@ -18,7 +19,7 @@
           <template #title>
           <template #title>
             <el-row align="middle" :gutter="20" class="w100">
             <el-row align="middle" :gutter="20" class="w100">
               <el-col :span="4">
               <el-col :span="4">
-                <div class="index">路线{{index+1}}
+                <div class="index">{{ language==0?'路线':'Route' }}{{index+1}}
                   <img src="@/assets/booking/arrow.png"/>
                   <img src="@/assets/booking/arrow.png"/>
                 </div>
                 </div>
               </el-col>
               </el-col>
@@ -43,17 +44,18 @@
                   </div>
                   </div>
                 </el-col>
                 </el-col>
                 <el-col :span="14">
                 <el-col :span="14">
-                  <h3 class="name">{{ r.carType }}
+                  <h3 class="name flex">{{ r.carType }}
                     <div class="tagbox">
                     <div class="tagbox">
                       <span class="tag">{{r.carColor}}</span>
                       <span class="tag">{{r.carColor}}</span>
                       <span class="tag" v-show="r.checkOut==1">可送车</span>
                       <span class="tag" v-show="r.checkOut==1">可送车</span>
                       <span class="tag" v-show="r.checkIn==1">可接车</span>
                       <span class="tag" v-show="r.checkIn==1">可接车</span>
                     </div>
                     </div>
                   </h3>
                   </h3>
-                  <el-row :gutter="10">
-                    <el-col :span="8">{{ language==0?'座位数':'Seats' }}: {{r.carSeat}}</el-col>
-                    <el-col :span="8">{{ language==0?'运营时间':'Servers Time' }}: {{r.operStart}} ~ {{r.operEnd}}</el-col>
-                  </el-row>
+                  <div class="text-gray mt20">
+                    <span class="mr20">{{ language==0?'座位数':'Seats' }}: {{r.carSeat}}</span>
+                    <span class="mr20">|</span>
+                    <span :span="8">{{ language==0?'运营时间':'Servers Time' }}: {{r.operStart}} ~ {{r.operEnd}}</span>
+                  </div>
                 </el-col>
                 </el-col>
                 <el-col :span="3">
                 <el-col :span="3">
                   <div class="price" v-if="language==0">¥
                   <div class="price" v-if="language==0">¥
@@ -71,7 +73,7 @@
 
 
                 </el-col>
                 </el-col>
                 <el-col :span="3">
                 <el-col :span="3">
-                  <el-button class="btn-lineG w100" round type="primary"   @click="goOrder(h,r)">{{ language==0?'我要预定':'Select' }}</el-button>
+                  <el-button class="btn-lineG w100" round type="primary"   @click="goOrder(h,r)">{{ language==0?'我要预订':'Select' }}</el-button>
                 </el-col>
                 </el-col>
               </el-row>
               </el-row>
             </div>
             </div>
@@ -181,6 +183,8 @@ function goOrder(item,car) {
   span:nth-child(4n+2){background: rgba(0, 160, 233, 0.2);color: rgba(0, 160, 233, 1);}
   span:nth-child(4n+2){background: rgba(0, 160, 233, 0.2);color: rgba(0, 160, 233, 1);}
   span:nth-child(4n+3){background: rgba(247, 64, 166, 0.2);color:rgba(247, 64, 166, 1);}
   span:nth-child(4n+3){background: rgba(247, 64, 166, 0.2);color:rgba(247, 64, 166, 1);}
 }
 }
+.name.flex{align-items: center;}
+.name .tagbox{margin: 0 0 0 15px;}
 .room {
 .room {
   background: #FAFBFD;margin: 20px 0 0;padding: 20px;
   background: #FAFBFD;margin: 20px 0 0;padding: 20px;
   border: 1px solid #E5E5E5;
   border: 1px solid #E5E5E5;

@@ -17,13 +17,13 @@
                 <h3 class="esp">{{ item.checkOut }}</h3>
                 <h3 class="esp">{{ item.checkOut }}</h3>
               </div>
               </div>
               <div class="flex">
               <div class="flex">
-                <img class="w150px br10 as16_9" :src="fillImgUrl(car.photos?.split(',')[0])"/>
+                <el-image class="w150px br10 as16_9" fit="cover" :src="fillImgUrl(car.photos?.split(',')[0])"/>
                 <div class="ml20">
                 <div class="ml20">
                   <div class="roomType">{{ car.carType }}</div>
                   <div class="roomType">{{ car.carType }}</div>
                   <div class="tagbox">
                   <div class="tagbox">
                     <span class="tag">{{ car.carColor }}</span>
                     <span class="tag">{{ car.carColor }}</span>
-                    <span class="tag" v-show="car.checkOut==1">可送车</span>
-                    <span class="tag" v-show="car.checkIn==1">可接车</span>
+                    <span class="tag" v-show="car.checkOut==1">{{ language == 0 ?'可送车':'Can send car' }}</span>
+                    <span class="tag" v-show="car.checkIn==1">{{ language == 0 ?'可接车':'Can pick up' }}</span>
                   </div>
                   </div>
                   <div class="room">
                   <div class="room">
                     <span>{{ language == 0 ? '座位数' : 'Seats' }}: {{ car.carSeat }}</span>
                     <span>{{ language == 0 ? '座位数' : 'Seats' }}: {{ car.carSeat }}</span>
@@ -38,7 +38,7 @@
 
 
             <div class="leftboderTT">{{ language == 0 ? '预约信息' : 'Reservation information' }}</div>
             <div class="leftboderTT">{{ language == 0 ? '预约信息' : 'Reservation information' }}</div>
             <div class="border-rr mt20 pd20">
             <div class="border-rr mt20 pd20">
-              <el-form :model="form" :label-width="language == 0 ?'120':'150'" :rules="rules" ref="formRef">
+              <el-form :model="form" :label-width="language == 0 ?'120':'200'" :rules="rules" ref="formRef">
                 <el-form-item :label="language==0?'车辆数量':'cars'" required prop="num">
                 <el-form-item :label="language==0?'车辆数量':'cars'" required prop="num">
                   <el-input-number v-model="form.num" :min="1" @change="changecarNum"/>
                   <el-input-number v-model="form.num" :min="1" @change="changecarNum"/>
                 </el-form-item>
                 </el-form-item>
@@ -53,9 +53,9 @@
                 </el-form-item>
                 </el-form-item>
 
 
                 <div v-show="form.useType?.indexOf('0')> -1">
                 <div v-show="form.useType?.indexOf('0')> -1">
-                  <h3 class="afterLine">接站信息</h3>
+                  <h3 class="afterLine">{{ language==0?'接站信息':'Pick up information' }}</h3>
                   <el-form-item :label="language==0?'用车日期':'Date'" required>
                   <el-form-item :label="language==0?'用车日期':'Date'" required>
-                    <el-date-picker v-model="date1"
+                    <el-date-picker v-model="date1" :disabled-date="disabledDate"
                                     type="date"
                                     type="date"
                                     :placeholder="language==0?'选择日期':'Select date'" format="YYYY-MM-DD"
                                     :placeholder="language==0?'选择日期':'Select date'" format="YYYY-MM-DD"
                                     value-format="YYYY-MM-DD"/>
                                     value-format="YYYY-MM-DD"/>
@@ -64,7 +64,7 @@
                   <el-form-item :label="language==0?'用车时间':'Time'" required>
                   <el-form-item :label="language==0?'用车时间':'Time'" required>
                     <el-time-picker
                     <el-time-picker
                         v-model="revTime1" :start="car.operStart" :end="car.operEnd"
                         v-model="revTime1" :start="car.operStart" :end="car.operEnd"
-                        placeholder="Arbitrary time" format="HH:mm" value-format="HH:mm"  @change="bindTimeChange"
+                        format="HH:mm" value-format="HH:mm"  @change="bindTimeChange"
                     />
                     />
                   </el-form-item>
                   </el-form-item>
                   <el-form-item :label="language==0?'联系人':'Contacts'" required>
                   <el-form-item :label="language==0?'联系人':'Contacts'" required>
@@ -73,16 +73,16 @@
                   <el-form-item :label="language==0?'联系电话':'Phone'" required>
                   <el-form-item :label="language==0?'联系电话':'Phone'" required>
                     <el-input type="text" v-model="form.pickUpBo.phone"/>
                     <el-input type="text" v-model="form.pickUpBo.phone"/>
                   </el-form-item>
                   </el-form-item>
-                  <el-form-item label="人数" required>
+                  <el-form-item :label="language==0?'人数':'Person Count'" required>
                     <el-input type="text" v-model="form.pickUpBo.count"/>
                     <el-input type="text" v-model="form.pickUpBo.count"/>
                   </el-form-item>
                   </el-form-item>
-                  <el-form-item label="航班/火车班次" required>
+                  <el-form-item :label="language==0?'航班/火车班次:':'Flight/Train No'" required>
                     <el-input type="text" v-model="form.pickUpBo.no"/>
                     <el-input type="text" v-model="form.pickUpBo.no"/>
                   </el-form-item>
                   </el-form-item>
-                  <el-form-item label="接机/接站地点" required>
+                  <el-form-item :label="language==0?'接机/接站地点':'Pick up/Drop off Address'" required>
                     <el-input type="text" v-model="form.pickUpBo.noAddress"/>
                     <el-input type="text" v-model="form.pickUpBo.noAddress"/>
                   </el-form-item>
                   </el-form-item>
-                  <el-form-item label="送达地点" required>
+                  <el-form-item :label="language==0?'送达地点':'Delivery Address'" required>
                     <el-input type="text" v-model="form.pickUpBo.deliveryAddress"/>
                     <el-input type="text" v-model="form.pickUpBo.deliveryAddress"/>
                   </el-form-item>
                   </el-form-item>
                   <el-form-item :label="language==0?'备注':'Remarks'">
                   <el-form-item :label="language==0?'备注':'Remarks'">
@@ -90,9 +90,9 @@
                   </el-form-item>
                   </el-form-item>
                 </div>
                 </div>
                 <div v-show="form.useType?.indexOf('1')> -1">
                 <div v-show="form.useType?.indexOf('1')> -1">
-                  <h3 class="afterLine">送站信息</h3>
+                  <h3 class="afterLine">{{ language==0?'送站信息':'Drop off information' }}</h3>
                   <el-form-item :label="language==0?'用车日期':'Date'" required>
                   <el-form-item :label="language==0?'用车日期':'Date'" required>
-                    <el-date-picker v-model="date2"
+                    <el-date-picker v-model="date2" :disabled-date="disabledDate"
                                     type="date"
                                     type="date"
                                     :placeholder="language==0?'选择日期':'Select date'" format="YYYY-MM-DD"
                                     :placeholder="language==0?'选择日期':'Select date'" format="YYYY-MM-DD"
                                     value-format="YYYY-MM-DD"/>
                                     value-format="YYYY-MM-DD"/>
@@ -101,7 +101,7 @@
                   <el-form-item :label="language==0?'用车时间':'Time'" required>
                   <el-form-item :label="language==0?'用车时间':'Time'" required>
                     <el-time-picker
                     <el-time-picker
                         v-model="revTime2" :start="car.operStart" :end="car.operEnd"
                         v-model="revTime2" :start="car.operStart" :end="car.operEnd"
-                        placeholder="Arbitrary time" format="HH:mm" value-format="HH:mm"  @change="bindTimeChange2"
+                        format="HH:mm" value-format="HH:mm"  @change="bindTimeChange2"
                     />
                     />
                   </el-form-item>
                   </el-form-item>
                   <el-form-item :label="language==0?'联系人':'Contacts'" required>
                   <el-form-item :label="language==0?'联系人':'Contacts'" required>
@@ -158,12 +158,11 @@
             </label>
             </label>
           </el-col>
           </el-col>
           <el-col :span="12" class="text-right">
           <el-col :span="12" class="text-right">
-            <el-button type="primary" class="btn-lineG" @click="submit" round :loading="payLoading">确认付款</el-button>
+            <el-button type="primary" class="btn-lineG w200px" @click="submit" round :loading="payLoading">{{ language == 0 ?'确认付款':'Pay' }}</el-button>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
       </el-card>
       </el-card>
       <div style="height: 60px;"></div>
       <div style="height: 60px;"></div>
-
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>
@@ -172,7 +171,7 @@
 import {useRouter, useRoute} from "vue-router";
 import {useRouter, useRoute} from "vue-router";
 import {ref, reactive, onMounted} from "vue";
 import {ref, reactive, onMounted} from "vue";
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
-import {checkResidueRoom, newsSubmitOrderHotel, submitOrderCar} from "@/apiPc/booking"
+import {checkResidueRoom, getBaseInfoByActiveId, newsSubmitOrderHotel, submitOrderCar} from "@/apiPc/booking"
 import dayjs from 'dayjs'
 import dayjs from 'dayjs'
 import {ElMessage, ElMessageBox} from "element-plus";
 import {ElMessage, ElMessageBox} from "element-plus";
 import useUserStore from "@/store/modules/user";
 import useUserStore from "@/store/modules/user";
@@ -204,6 +203,7 @@ const rzUserArr = ref([])
 const money = ref(0)
 const money = ref(0)
 const choseRooms = ref([])
 const choseRooms = ref([])
 const rules = ref({})
 const rules = ref({})
+const lform = ref({})
 
 
 
 
 onMounted(() => {
 onMounted(() => {
@@ -211,6 +211,7 @@ onMounted(() => {
   car.value = JSON.parse(decodeURIComponent(route.query.car))
   car.value = JSON.parse(decodeURIComponent(route.query.car))
   money.value = 0
   money.value = 0
   console.log(item.value, car.value)
   console.log(item.value, car.value)
+  initDays()
 })
 })
 
 
 function changeUseType(e) {
 function changeUseType(e) {
@@ -241,6 +242,20 @@ function bindTimeChange(e) {
 function bindTimeChange2(e) {
 function bindTimeChange2(e) {
   revTime2.value = e
   revTime2.value = e
 }
 }
+function initDays() {
+  getBaseInfoByActiveId(route.params.cptId).then(res=>{
+    lform.value = res.data
+  }).catch(err=>{
+    console.log(err)
+  })
+}
+function disabledDate(date) {
+  // const today = dayjs().format('YYYY-MM-DD')
+  if (form.value.carStart) {
+    return date.getTime() > dayjs(form.value.carStart).valueOf()
+  }
+  return true
+}
 function submit() {
 function submit() {
   if (!user) {
   if (!user) {
     useUserStore().setReLogin()
     useUserStore().setReLogin()

+<template>
+  <el-dialog v-model="show" :title="title" width="1000px" append-to-body>
+    <el-button @click="add" type="primary" plain class="mb20">
+      {{language==0?'新建':'Add'}}
+    </el-button>
+    <el-table height="50vh" ref="allBills" :data="tableData" v-loading="loading">
+      <el-table-column prop="contact" :label="language==0?'联系人':'Contact'" min-width="100px">
+        <template #default="scope">
+          <div v-if="scope.row.id">{{scope.row.contact}}</div>
+          <el-input v-else v-model="scope.row.contact"/>
+        </template>
+      </el-table-column>
+      <el-table-column prop="phone" :label="language==0?'联系电话':'Phone'" min-width="120px">
+        <template #default="scope">
+          <div v-if="scope.row.id">{{scope.row.phone}}</div>
+          <el-input v-else v-model="scope.row.phone"/>
+        </template>
+      </el-table-column>
+      <el-table-column prop="id" :label="language==0?'地区':'Detail'" min-width="150px">
+        <template #default="scope">
+          <div v-if="scope.row.id">{{scope.row.provinceName}}{{scope.row.cityName}}{{scope.row.areaName}}</div>
+          <el-cascader v-else v-model="scope.row.regionArr" style="width: 100%;" :options="regionsList"
+            :props="{ label:'text' }" @change="changeRegion"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="address" :label="language==0?'详细地址':'Address'" min-width="150px">
+        <template #default="scope">
+          <div v-if="scope.row.id">{{scope.row.address}}</div>
+          <el-input v-else type="textarea" rows="1" v-model="scope.row.address"/>
+        </template>
+      </el-table-column>
+      <el-table-column prop="total" :label="language==0?'操作':'Operation'" fixed="right" align="center" width="100">
+        <template #default="scope">
+          <div v-if="scope.row.id">
+            <a class="text-primary mr10" @click="del(scope.row.id)">{{language==0?'删除':'Delete'}}</a>
+<!--            <el-button text type="primary" @click="edit(scope.row.id)">{{language==0?'编辑':'Edit'}}</el-button>-->
+            <a class="text-primary" @click="choose(scope.row)">{{language==0?'选择':'Choose'}}</a>
+          </div>
+          <div v-else>
+            <a class="text-primary mr10" @click="save(scope.row)">{{language==0?'保存':'Save'}}</a>
+            <a class="text-primary" @click="saveCancel(scope.row.id)">{{language==0?'取消':'Cancel'}}</a>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <paginationPc
+        v-show="total>0"
+        v-model:page="query.pageNum"
+        v-model:limit="query.pageSize"
+        :total="total"
+        @pagination="getList"
+    />
+  </el-dialog>
+</template>
+
+<script setup>
+import {reactive, ref, toRefs, watch} from 'vue'
+import {getCurrentInstance} from "@vue/runtime-core";
+import {useStorage} from "@vueuse/core/index";
+import {addAddress, addressList, delAddress, getCanInvoiceBills} from "@/apiPc/booking";
+import {ElMessage, ElMessageBox} from "element-plus";
+import useUserStore from "@/store/modules/user";
+import * as match from "@/apiPc/match";
+const {proxy} = getCurrentInstance()
+const emit = defineEmits([ 'submit'])
+const language= useStorage('language',0)
+const user = useUserStore().user
+const data = reactive({
+  tableData: [],
+  regionsList:[],
+  show: false,
+  loading: false,
+  title: '',
+  query:{
+    status:1
+  },
+  total:0
+})
+const { tableData,regionsList,show,loading,title,query,total} = toRefs(data)
+
+const open = (params) => {
+  title.value = params.title
+  show.value = true
+  if(params.id == '0'){
+    // 新建
+
+  } else {
+    getList()
+  }
+  getRegionsList()
+}
+defineExpose({
+  open
+})
+const getList = () => {
+  loading.value = true
+  addressList(user.userId).then(res=>{
+    loading.value = false
+    tableData.value = res.rows
+  })
+}
+function getRegionsList() {
+  match.regionsList().then(res => {
+    regionsList.value = res.data
+  })
+}
+const changeRegion = (val) => {
+  console.log(val)
+}
+const save = (row) => {
+  console.log(row)
+  row.province = row.regionArr[0]
+  row.city = row.regionArr[1]||''
+  row.area = row.regionArr[2]||''
+  addAddress(row).then(res=>{
+    ElMessage.success('保存成功')
+    getList()
+  })
+}
+const choose = (row) => {
+  emit('submit',row)
+  show.value = false
+}
+const add = () => {
+  tableData.value.push({})
+}
+const edit = (row) => {
+
+}
+const del = (row) => {
+  ElMessageBox.confirm('确认删除？').then(() => {
+    delAddress(row.id).then(res=>{
+      ElMessage.success('删除成功')
+      getList()
+    })
+  })
+}
+const saveCancel = (row) => {
+  //删除最后一条
+  getList()
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>

 <template>
 <template>
   <div>
   <div>
     <div class="banner">
     <div class="banner">
-      <img src="@/assets/booking/cy_text.png">
+      <img v-if="language==0" src="@/assets/booking/cy_text_c.png">
+      <img v-else src="@/assets/booking/cy_text_e.png">
     </div>
     </div>
     <div class="box">
     <div class="box">
       <div class="searchBar">
       <div class="searchBar">
         <el-input :placeholder="language==0?'请输入关键字搜索':'Search'" v-model="query.name" class="no-border">
         <el-input :placeholder="language==0?'请输入关键字搜索':'Search'" v-model="query.name" class="no-border">
         </el-input>
         </el-input>
-        <el-button size="large" type="primary" class="btn-lineG" icon="search">{{ language==0?'搜索':'Search' }}</el-button>
+        <el-button size="large" type="primary" class="btn-lineG" icon="search" @click="getList">{{ language==0?'搜索':'Search' }}</el-button>
       </div>
       </div>
     </div>
     </div>
 
 
@@ -17,16 +18,16 @@
           <el-card>
           <el-card>
             <el-row class="hotel" align="middle" :gutter="20">
             <el-row class="hotel" align="middle" :gutter="20">
               <el-col :span="12">
               <el-col :span="12">
-                <img class="w100" :src="fillImgUrl(h.photos?.split(',')[0])"/>
+                <el-image class="w100 as16_9" fit="cover" :src="fillImgUrl(h.photos?.split(',')[0])"/>
               </el-col>
               </el-col>
               <el-col :span="12">
               <el-col :span="12">
                 <h3 class="esp m0">{{h.name}}</h3>
                 <h3 class="esp m0">{{h.name}}</h3>
-                <p class="esp_2 addr">
+                <p class="esp addr">
                   <el-icon color="#929AA0"><LocationFilled /></el-icon>
                   <el-icon color="#929AA0"><LocationFilled /></el-icon>
                   {{h.addName}}
                   {{h.addName}}
                 </p>
                 </p>
-                <div class="price mb20" v-if="language==0"><i class="text-warning">¥</i><span class="text-warning">{{ h.price }}</span>起</div>
-                <div class="price mb20" v-else><i class="text-warning">€</i><span class="text-warning">{{ h.price }}</span>start</div>
+                <div class="price mb10" v-if="language==0"><i class="text-warning">¥</i><span class="text-warning">{{ h.price || 0 }}</span>起</div>
+                <div class="price mb10" v-else><i class="text-warning">€</i><span class="text-warning">{{ h.price || 0 }}</span>start</div>
                 <el-button class="btn-lineG" round type="primary" size="large" @click="goDetail(h)">{{ language==0?'立即预约':'Select' }} ⇀</el-button>
                 <el-button class="btn-lineG" round type="primary" size="large" @click="goDetail(h)">{{ language==0?'立即预约':'Select' }} ⇀</el-button>
 
 
               </el-col>
               </el-col>
@@ -43,10 +44,11 @@
 <script setup>
 <script setup>
 import {onMounted} from "@vue/runtime-core"
 import {onMounted} from "@vue/runtime-core"
 import * as booking from "@/apiPc/booking"
 import * as booking from "@/apiPc/booking"
+import {useRoute, useRouter} from "vue-router"
+const route = useRoute()
 const router = useRouter()
 const router = useRouter()
 const language = useStorage('language', 0)
 const language = useStorage('language', 0)
 import {getActivityRestaurantList} from "@/apiPc/booking";
 import {getActivityRestaurantList} from "@/apiPc/booking";
-import {useRouter} from "vue-router";
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
 const query = ref({
 const query = ref({
   name:''
   name:''
@@ -57,7 +59,8 @@ onMounted(()=>{
 })
 })
 
 
 function getList() {
 function getList() {
-  booking.getActivityRestaurantList(query.value).then(res=>{
+  query.value.activityId = route.params.cptId
+  getActivityRestaurantList(query.value).then(res=>{
     list.value = res.rows
     list.value = res.rows
   })
   })
 }
 }

@@ -24,11 +24,18 @@
 
 
       <div class="mt30">
       <div class="mt30">
         <el-row :gutter="20">
         <el-row :gutter="20">
-          <el-col v-for="(p,index) in form?.photos?.split(',')" :span="index==0?12:6">
+          <el-col :span="10">
             <div class="imgbox hotelImg">
             <div class="imgbox hotelImg">
-              <img :src="fillImgUrl(p)">
+              <el-image :src="fillImgUrl(form?.photos?.split(',')[0])" fit="cover" :preview-src-list="form?.photos?.split(',')"/>
             </div>
             </div>
           </el-col>
           </el-col>
+          <el-col :span="14">
+            <el-row class="h100" :gutter="20">
+              <el-col :span="8" v-for="(p,index) in form?.photos?.split(',').slice(1,7)" style="height: calc(50% - 10px)">
+                <div class="imgbox hotelImg"><el-image :src="fillImgUrl(p)" fit="cover" :preview-src-list="form?.photos?.split(',')"/></div>
+              </el-col>
+            </el-row>
+          </el-col>
         </el-row>
         </el-row>
       </div>
       </div>
 
 

@@ -25,28 +25,32 @@
                 <el-form-item :label="language==0?'订餐周期':'Check-in date'" required>
                 <el-form-item :label="language==0?'订餐周期':'Check-in date'" required>
                   <el-date-picker @change="getDaysBetween"
                   <el-date-picker @change="getDaysBetween"
                                   v-model="rzRange"
                                   v-model="rzRange"
-                                  type="daterange"
+                                  type="daterange" :disabled-date="disabledDate"
                                   :placeholder="language==0?'选择日期':'Select date'" format="YYYY-MM-DD"
                                   :placeholder="language==0?'选择日期':'Select date'" format="YYYY-MM-DD"
                                   value-format="YYYY-MM-DD"/>
                                   value-format="YYYY-MM-DD"/>
                   <!--                    :picker-options="pickerOptions"-->
                   <!--                    :picker-options="pickerOptions"-->
                 </el-form-item>
                 </el-form-item>
 
 
-                <el-form-item :label="`联系人`" required>
+                <el-form-item :label="language==0?'联系人':'Contacts'" required>
                   <el-input v-model="form.contacts"/>
                   <el-input v-model="form.contacts"/>
                 </el-form-item>
                 </el-form-item>
-                <el-form-item :label="language==0?'联系电话':'Contact phone'" required prop="phone">
+                <el-form-item :label="language==0?'联系电话':'Contact phone'" required>
                   <el-input v-model="form.phone"/>
                   <el-input v-model="form.phone"/>
                 </el-form-item>
                 </el-form-item>
-                <el-form-item :label="language==0?'送餐时间':'Contact phone'" required prop="phone">
+                <el-form-item :label="language==0?'送餐时间':'Delivery time'">
                   <div style="line-height: 36px;">{{food.psStart}} - {{food.psEnd}}</div>
                   <div style="line-height: 36px;">{{food.psStart}} - {{food.psEnd}}</div>
                 </el-form-item>
                 </el-form-item>
-                <el-form-item label="配送地址">
+                <el-form-item :label="language==0?'配送地址':'Delivery address'">
                   <div style="line-height: 36px;">{{food.address}}</div>
                   <div style="line-height: 36px;">{{food.address}}</div>
                 </el-form-item>
                 </el-form-item>
-                <el-form-item>
-                  <div class="tip">
-                    *如预定多天的餐饮，将分多天进行配送。<br/>
-                    *每日送餐时间只配送当日预定的餐饮。
+                <el-form-item :label="language==0?'说明':'Instructions'">
+                  <div class="tip" v-if="language==0">
+                    *如预订多天的餐饮，将分多天进行配送。<br/>
+                    *每日送餐时间只配送当日预订的餐饮。
+                  </div>
+                  <div class="tip" v-else>1.If you have ordered food for multiple days, it will be delivered in multiple days.
+                    <br/>
+                    2.Only the meals ordered on the day of delivery will be delivered during the daily delivery time.
                   </div>
                   </div>
                 </el-form-item>
                 </el-form-item>
                 <el-form-item :label="language==0?'备注':'Remarks'">
                 <el-form-item :label="language==0?'备注':'Remarks'">
@@ -80,7 +84,7 @@
             </label>
             </label>
           </el-col>
           </el-col>
           <el-col :span="12" class="text-right">
           <el-col :span="12" class="text-right">
-            <el-button type="primary" class="btn-lineG" @click="submit">确认付款</el-button>
+            <el-button type="primary" size="large" class="btn-lineG w200px" @click="submit" round>{{  language == 0 ?'确认付款':'Pay' }}</el-button>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
       </el-card>
       </el-card>
@@ -94,7 +98,7 @@
 import {useRouter, useRoute} from "vue-router";
 import {useRouter, useRoute} from "vue-router";
 import {ref, reactive, onMounted} from "vue";
 import {ref, reactive, onMounted} from "vue";
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
-import {checkResidueRoom, newsSubmitOrderHotel, submitOrderFood} from "@/apiPc/booking"
+import {checkResidueRoom, getBaseInfoByActiveId, newsSubmitOrderHotel, submitOrderFood} from "@/apiPc/booking"
 import dayjs from 'dayjs'
 import dayjs from 'dayjs'
 import {ElMessage,ElMessageBox} from "element-plus";
 import {ElMessage,ElMessageBox} from "element-plus";
 import useUserStore from "@/store/modules/user";
 import useUserStore from "@/store/modules/user";
@@ -115,6 +119,7 @@ const rzUserArr = ref([])
 const money = ref(0)
 const money = ref(0)
 const choseDays = ref([])
 const choseDays = ref([])
 const rules = ref({})
 const rules = ref({})
+const lform = ref({})
 
 
 let usedays = 0
 let usedays = 0
 onMounted(() => {
 onMounted(() => {
@@ -127,13 +132,29 @@ onMounted(() => {
     form.value.total = food.value.foodPriceEn
     form.value.total = food.value.foodPriceEn
   }
   }
   console.log(food.value,restaurant.value)
   console.log(food.value,restaurant.value)
+  initDays()
   const today = dayjs()
   const today = dayjs()
-  canOrderStart.value = today
-  if (food.value.hqNewStart < canOrderStart.value) {
-    food.value.hqNewStart = canOrderStart.value
-  }
 })
 })
+function initDays() {
+  getBaseInfoByActiveId(route.params.cptId).then(res=>{
+    lform.value = res.data
+  }).catch(err=>{
+    console.log(err)
+  })
+}
 
 
+function disabledDate(date) {
+  //判读今天大与form.value.hqStart
+  if (lform.value.foodStart) {
+    const today = dayjs().format('YYYY-MM-DD')
+    if (lform.value.foodStart < today) {
+      return !((date.getTime() >= dayjs(today).valueOf())&&(date.getTime() <= dayjs(lform.value.foodEnd).valueOf()))
+    } else {
+      return !((date.getTime() >= dayjs(lform.value.foodStart).valueOf())&&(date.getTime() <= dayjs(lform.value.foodEnd).valueOf()))
+    }
+  }
+  return true
+}
 function changeNum() {
 function changeNum() {
   let moneyAll = 0
   let moneyAll = 0
   if(language.value == 0){
   if(language.value == 0){
@@ -192,6 +213,18 @@ function submit() {
     useUserStore().setReLogin()
     useUserStore().setReLogin()
     return
     return
   }
   }
+  if(rzRange.value.length==0){
+    ElMessage.warning(language.value == 0 ? '请选择订餐时间' : 'Please select the meal time')
+    return
+  }
+  if(!form.value.contacts){
+    ElMessage.warning(language.value == 0 ? '请输入联系人' : 'Please enter the contact')
+    return
+  }
+  if(!form.value.phone){
+    ElMessage.warning(language.value == 0 ? '请输入手机号' : 'Please enter the phone number')
+    return
+  }
   if(rzRange.value.length>0){
   if(rzRange.value.length>0){
     form.value.dcStart = rzRange.value[0]
     form.value.dcStart = rzRange.value[0]
     form.value.dcEnd = rzRange.value[1]
     form.value.dcEnd = rzRange.value[1]

 <template>
 <template>
 <div>
 <div>
   <div class="banner">
   <div class="banner">
-    <img src="@/assets/booking/jd_text.png">
+    <img v-if="language==0" src="@/assets/booking/jd_text_c.png">
+    <img v-else src="@/assets/booking/jd_text_e.png">
   </div>
   </div>
   <div class="box">
   <div class="box">
     <div class="searchBar">
     <div class="searchBar">
@@ -13,32 +14,40 @@
   </div>
   </div>
 
 
   <div class="box" v-loading="loading">
   <div class="box" v-loading="loading">
-    <el-card v-for="(h,index) in list" class="mb20" @click="goDetail(h)">
-<!--        酒店列表-->
+    <el-row :gutter="20">
+      <el-col :lg="24" :md="24" :sm="24" :xs="24" :xl="24" v-for="(h,index) in list" class="mb20">
+        <el-card @click="goDetail(h)">
+          <!--        酒店列表-->
           <el-row class="hotel" align="middle" :gutter="20">
           <el-row class="hotel" align="middle" :gutter="20">
             <el-col :span="6">
             <el-col :span="6">
+              <div class="imgbox">
                 <img class="w100" :src="fillImgUrl(h.photos?.split(',')[0])"/>
                 <img class="w100" :src="fillImgUrl(h.photos?.split(',')[0])"/>
+              </div>
             </el-col>
             </el-col>
-          <el-col :span="10">
+            <el-col :span="12">
               <h3 class="esp">{{h.name}}</h3>
               <h3 class="esp">{{h.name}}</h3>
               <div class="starBox">
               <div class="starBox">
                 <img  v-for="i in Number(h.starLevel||0)" src="@/assets/booking/star.png">
                 <img  v-for="i in Number(h.starLevel||0)" src="@/assets/booking/star.png">
               </div>
               </div>
-            <div class="tagbox">
+              <div class="tagbox esp">
                 <span v-for="(t,index) in h.label?.split('，')" v-show="index<4">{{t}}</span>
                 <span v-for="(t,index) in h.label?.split('，')" v-show="index<4">{{t}}</span>
                 <a v-show="h.label?.split('，').length>4">{{ language==0?'更多':'MORE' }} ></a>
                 <a v-show="h.label?.split('，').length>4">{{ language==0?'更多':'MORE' }} ></a>
               </div>
               </div>
-            <p class="esp addr">
+              <p class="esp addr mt20">
                 <el-icon size="16" style="position: relative;top: 2px" color="#929AA0"><LocationFilled /></el-icon>
                 <el-icon size="16" style="position: relative;top: 2px" color="#929AA0"><LocationFilled /></el-icon>
                 {{h.address}}
                 {{h.address}}
               </p>
               </p>
             </el-col>
             </el-col>
-          <el-col :span="8" class="text-right">
-            <div class="price">¥<span>{{ h.price }}</span><i v-if="language==0">起</i></div>
-            <el-button class="btn-lineG w200px" round type="primary" size="large">{{ language==0?'立即预约':'Select' }} ⇀</el-button>
+            <el-col :span="4" class="text-right">
+              <div class="price">{{ language==0?'¥':'€' }}<span>{{ h.price }}</span>
+                <i v-if="language==0">起</i>
+              </div>
+              <el-button class="btn-lineG w200px" round type="primary" >{{ language==0?'立即预订':'Select' }} ⇀</el-button>
             </el-col>
             </el-col>
           </el-row>
           </el-row>
         </el-card>
         </el-card>
+      </el-col>
+    </el-row>
     <el-empty v-show="!loading&&list.length==0" :image="`/img/order_no.png`" :image-size="228"  description="" />
     <el-empty v-show="!loading&&list.length==0" :image="`/img/order_no.png`" :image-size="228"  description="" />
     <div style="height: 50px"></div>
     <div style="height: 50px"></div>
   </div>
   </div>
@@ -51,8 +60,11 @@
   import * as booking from "@/apiPc/booking"
   import * as booking from "@/apiPc/booking"
   import {useRouter,useRoute} from "vue-router";
   import {useRouter,useRoute} from "vue-router";
   import {useStorage} from "@vueuse/core/index";
   import {useStorage} from "@vueuse/core/index";
+  import useUserStore from "@/store/modules/user";
   const router = useRouter()
   const router = useRouter()
   const route = useRoute()
   const route = useRoute()
+  const user = useUserStore().user
+  const useStore = useUserStore
   const language= useStorage('language',0)
   const language= useStorage('language',0)
   const query = ref({
   const query = ref({
     name:''
     name:''
@@ -75,6 +87,10 @@
     })
     })
   }
   }
   function goDetail(item) {
   function goDetail(item) {
+    if(!user){
+      useStore().setVisitor()
+      return
+    }
     router.push({
     router.push({
       name:'hotelDetail',
       name:'hotelDetail',
       params:{
       params:{
@@ -90,12 +106,12 @@
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">
   .hotel{
   .hotel{
-    h3{margin: 0 0 20px;}
+    h3{margin: 0 0 10px;}
     img.w100{object-fit: cover;aspect-ratio: 16/9}
     img.w100{object-fit: cover;aspect-ratio: 16/9}
-    .addr{font-size: 16px;color: #929AA0;font-weight: 400;}
-    .price{margin: 0 0 25px;
+    .addr{font-size: 14px;color: #929AA0;font-weight: 400;margin: 0 0 10px;}
+    .price{margin: 0 0 8px;
       color: #FF8124;font-size: 18px;
       color: #FF8124;font-size: 18px;
-      span{font-size: 24px;margin: 0 8px;font-family: 'DINAlternate-Bold';font-weight: 600;}
+      span{font-size: 36px;margin: 0 8px;font-family: 'DINAlternate-Bold';font-weight: 600;}
       i{font-style: normal;color: #929AA0;}
       i{font-style: normal;color: #929AA0;}
     }
     }
   }
   }
@@ -110,12 +126,18 @@
   .no-border{border: none;background: #F5F7F9;
   .no-border{border: none;background: #F5F7F9;
     :deep(.el-input__wrapper){border: none;box-shadow: none;background: #F5F7F9;}
     :deep(.el-input__wrapper){border: none;box-shadow: none;background: #F5F7F9;}
   }
   }
+  .imgbox {width: 100%;height: 100%;position: relative;
+    img{width: 100%;height: 100%;}
+    .starBox{position: absolute;bottom: 0;right: 0;background: rgba(0,0,0,0.4);padding: 10px 15px 3px;}
+  }
+  .po-r-b{}
   .starBox{
   .starBox{
-    img{display: inline-block;margin-right: 4px}
+    border-radius: 14px 0 0 0;
+    img{display: inline-block;margin-right: 4px;width: 24px;}
   }
   }
-  .tagbox{margin: 15px 0;
+  .tagbox{margin: 10px 0;
     a{color: #AFB5B9;font-size: 12px;}
     a{color: #AFB5B9;font-size: 12px;}
-    span{border-radius: 13px;font-size: 12px;padding: 4px 10px;margin-right:10px;font-weight: 400;}
+    span{border-radius: 13px;font-size: 12px;padding: 3px 10px;margin-right:10px;font-weight: 400;}
     span:nth-child(4n){background: rgba(50, 177, 108, 0.2);color: rgba(50, 177, 108, 1);}
     span:nth-child(4n){background: rgba(50, 177, 108, 0.2);color: rgba(50, 177, 108, 1);}
     span:nth-child(4n+1){background:rgba(243, 152, 0, 0.2);color: rgba(243, 152, 0, 1);}
     span:nth-child(4n+1){background:rgba(243, 152, 0, 0.2);color: rgba(243, 152, 0, 1);}
     span:nth-child(4n+2){background: rgba(0, 160, 233, 0.2);color: rgba(0, 160, 233, 1);}
     span:nth-child(4n+2){background: rgba(0, 160, 233, 0.2);color: rgba(0, 160, 233, 1);}

@@ -6,9 +6,9 @@
           <!--          <el-col :span="6">-->
           <!--          <el-col :span="6">-->
           <!--            <img class="w100" :src="fillImgUrl(form.photos?.split(',')[0])"/>-->
           <!--            <img class="w100" :src="fillImgUrl(form.photos?.split(',')[0])"/>-->
           <!--          </el-col>-->
           <!--          </el-col>-->
-          <el-col :span="16">
+          <el-col :span="language == 0?16:24">
             <h3 class="esp flex">{{ form?.name }}
             <h3 class="esp flex">{{ form?.name }}
-              <div class="starBox">
+              <div class="starBox ml20">
                 <img v-for="i in Number(form?.starLevel||0)" src="@/assets/booking/star.png">
                 <img v-for="i in Number(form?.starLevel||0)" src="@/assets/booking/star.png">
               </div>
               </div>
             </h3>
             </h3>
@@ -17,22 +17,21 @@
               <span v-for="(t,index) in form?.label?.split('，')" v-show="index<4">{{ t }}</span>
               <span v-for="(t,index) in form?.label?.split('，')" v-show="index<4">{{ t }}</span>
               <a v-show="form?.label?.split('，').length>4">{{ language == 0 ? '更多' : 'MORE' }} ></a>
               <a v-show="form?.label?.split('，').length>4">{{ language == 0 ? '更多' : 'MORE' }} ></a>
             </div>
             </div>
-            <div>
-              <el-icon></el-icon>
+            <div class="info">
+              <el-icon><Clock /></el-icon>
               <span class="mr10">{{ language == 0 ? '入住时间' : 'Check-in' }}：{{ form?.checkInTime }}</span>
               <span class="mr10">{{ language == 0 ? '入住时间' : 'Check-in' }}：{{ form?.checkInTime }}</span>
               <span>{{ language == 0 ? '离店时间' : 'Check-out' }}：{{ form?.checkOutTime }}</span>
               <span>{{ language == 0 ? '离店时间' : 'Check-out' }}：{{ form?.checkOutTime }}</span>
             </div>
             </div>
-            <div v-if="form?.introduction" class="flex esp">
-              <el-icon></el-icon>
-              {{ language == 0 ? '酒店简介' : 'Introduction' }}：<span v-html="form.introduction.toString()"></span>
+            <div class="info esp">
+              <el-icon><MapLocation /></el-icon>
+              <span>{{ form?.addName }}</span>
+            </div>
+            <div v-if="form?.introduction" class="info pointer">
+              <div :class="showAll?'':'esp_2'" @click="showAll=!showAll" v-html="form.introduction.toString()"></div>
             </div>
             </div>
-            <!--            <p class="esp addr">-->
-            <!--              <el-icon size="16" style="position: relative;top: 2px" color="#929AA0"><LocationFilled /></el-icon>-->
-            <!--              {{form?.address}}-->
-            <!--            </p>-->
           </el-col>
           </el-col>
-          <el-col :span="8" class="text-right">
-            <div class="mapBox">
+          <el-col :span="8" class="text-right" v-if="language == 0">
+            <div class="mapBox" @click="goMap">
               <div id="map"></div>
               <div id="map"></div>
             </div>
             </div>
           </el-col>
           </el-col>
@@ -42,11 +41,18 @@
 
 
       <div class="mt30">
       <div class="mt30">
         <el-row :gutter="20">
         <el-row :gutter="20">
-          <el-col v-for="(p,index) in form?.photos?.split(',')" :span="index==0?12:6">
+          <el-col :span="10">
             <div class="imgbox hotelImg">
             <div class="imgbox hotelImg">
-              <img :src="fillImgUrl(p)">
+              <el-image :src="fillImgUrl(form?.photos?.split(',')[0])" fit="cover" :preview-src-list="form?.photos?.split(',')"/>
             </div>
             </div>
           </el-col>
           </el-col>
+          <el-col :span="14">
+            <el-row class="h100" :gutter="20">
+              <el-col :span="8" class="oddmb" v-for="(p,index) in form?.photos?.split(',').slice(1,7)">
+                <div class="imgbox hotelImg"><el-image :src="fillImgUrl(p)" fit="cover"/></div>
+              </el-col>
+            </el-row>
+          </el-col>
         </el-row>
         </el-row>
       </div>
       </div>
 
 
@@ -57,7 +63,7 @@
           </ul>
           </ul>
         </div>
         </div>
         <div>
         <div>
-          <div v-for="(r,index) in roomList" :key="index" class="room">
+          <div v-for="(r,index) in roomList" :key="index" class="room" v-show="language==0?r.roomPrice>0:r.roomPriceEn>0">
             <el-row :gutter="30" align="middle">
             <el-row :gutter="30" align="middle">
               <el-col :span="4">
               <el-col :span="4">
                 <div class="roomImg">
                 <div class="roomImg">
@@ -109,11 +115,13 @@
 import {useRouter} from "vue-router";
 import {useRouter} from "vue-router";
 import {ref, reactive, onMounted} from "vue";
 import {ref, reactive, onMounted} from "vue";
 import {useRoute} from "vue-router";
 import {useRoute} from "vue-router";
-import {getHotelById, getHotelRooms} from "@/apiPc/booking"
+import {getHotelById, getHotelRooms,checkRoomPayByUserId} from "@/apiPc/booking"
 
 
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
 import useUserStore from "@/store/modules/user";
 import useUserStore from "@/store/modules/user";
+import {ElMessageBox} from "element-plus";
 const user = useUserStore().user
 const user = useUserStore().user
+const useStore = useUserStore
 const language = useStorage('language', 0)
 const language = useStorage('language', 0)
 const router = useRouter()
 const router = useRouter()
 const route = useRoute()
 const route = useRoute()
@@ -121,6 +129,7 @@ const form = ref({})
 const query = ref({
 const query = ref({
   hotelId: route.query.id
   hotelId: route.query.id
 })
 })
+const showAll = ref(false)
 const loading = ref(false)
 const loading = ref(false)
 const roomList = ref([])
 const roomList = ref([])
 const map = ref(null)
 const map = ref(null)
@@ -186,10 +195,33 @@ function initMap() {
 }
 }
 
 
 function goOrder(room) {
 function goOrder(room) {
-  if(!user){
-    useUserStore().setReLogin()
+  checkRoomPayByUserId(room.hotelId).then(res=>{
+    if(res.data == -100){
+      ElMessageBox.confirm(
+          language.value == 0 ?'你有未支付的酒店订单，是否前往个人中心查看':'You already have an unpaid hotel order, do you want to go to the personal center to check it?',
+          language.value==0?'提示':'Warning',
+          {
+            confirmButtonText: language.value==1?'Go My Reservation ':'前往我的预订',
+            // cancelButtonText: language.value==1?'Continue to book':'继续预订',
+            type: 'warning',
+          }
+      ).then((res) => {
+        console.log(res)
+        router.push({
+          name:'myReservation'
+        })
+      })
+      //  .catch((res) => {
+      //   console.log(res)
+      //   goNext(room)
+      // })
       return
       return
     }
     }
+    goNext(room)
+  })
+
+}
+function goNext(room) {
   router.push({
   router.push({
     name:'hotelOrder',
     name:'hotelOrder',
     params:{
     params:{
@@ -202,6 +234,14 @@ function goOrder(room) {
     }
     }
   })
   })
 }
 }
+function goMap() {
+  return
+    // var tencentMapUrl = "https://map.qq.com/";
+    // window.location.href = tencentMapUrl;
+  var url = `https://map.qq.com/?type=gcj02&lat=${form.value.latitude}&lng=${form.value.longitude}`
+  var mapUrl_tx = "http://apis.map.qq.com/uri/v1/marker?marker=coord:"+form.value.latitude+","+form.value.longitude+"&referer=yellowpage";
+  window.open(url, "_blank")
+}
 </script>
 </script>
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">
@@ -317,4 +357,10 @@ function goOrder(room) {
   img{object-fit: cover;object-position: center;width: 100%;height: 100%;
   img{object-fit: cover;object-position: center;width: 100%;height: 100%;
   }
   }
 }
 }
+.info{font-weight: 400;
+  font-size: 14px;
+  color: #929AA0;
+  .el-icon{margin-right: 5px;}
+}
+.oddmb:nth-child(2){margin-bottom: 20px;}
 </style>
 </style>

@@ -21,13 +21,14 @@
 import {ref} from "vue";
 import {ref} from "vue";
 import {useRoute, useRouter} from "vue-router";
 import {useRoute, useRouter} from "vue-router";
 import {onMounted} from "@vue/runtime-core";
 import {onMounted} from "@vue/runtime-core";
-import {callbackPalPay} from "@/apiPc/match";
+import {callbackPalPay} from "@/apiPc/booking";
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
 
 
 const route = useRoute()
 const route = useRoute()
 const router = useRouter()
 const router = useRouter()
 const language= useStorage('language',0)
 const language= useStorage('language',0)
 const orderId = ref(route.query.orderId)
 const orderId = ref(route.query.orderId)
+const type = ref('')
 const loading = ref(false)
 const loading = ref(false)
 
 
 onMounted(() => {
 onMounted(() => {
@@ -36,6 +37,7 @@ onMounted(() => {
   loading.value = true
   loading.value = true
   callbackPalPay(code).then(res => {
   callbackPalPay(code).then(res => {
       loading.value = false
       loading.value = false
+      type.value = res.data.orderType
   })
   })
 })
 })
 
 
@@ -43,7 +45,8 @@ function goBillDetail() {
   router.push({
   router.push({
     name: 'bookingPay',
     name: 'bookingPay',
     query: {
     query: {
-      orderId: route.query.orderId
+      orderId: route.query.orderId,
+      orderType: type.value
     }
     }
   })
   })
 }
 }

+<template>
+  <div>
+    <div>
+      <div class="box">
+        <el-card class="mt30 borderRadius10">
+          <h3>{{ form.name }}
+            <div class="tagbox">
+              <span>专业团队</span>
+              <span>大牌化妆品</span>
+              <span>金牌化妆师</span>
+              <span>连锁</span>
+            </div>
+          </h3>
+          <p class="infoLine">
+           <span>
+                <el-icon><OfficeBuilding/></el-icon>
+                成立<i class="text-primary">6</i>年
+           </span>
+            <span>
+                <el-icon><User/></el-icon>
+                <i class="text-primary">12</i>名化妆师
+            </span>
+            <span><el-icon><Iphone/></el-icon>
+              800-820-8820</span>
+            <span><el-icon><Location/></el-icon>
+              江苏无锡梁溪区南长街5D-601</span>
+          </p>
+        </el-card>
+        <el-row :gutter="20" class="photoWall mt20">
+          <el-col :span="9">
+            <el-image class="as16_9"/>
+          </el-col>
+          <el-col :span="5">
+            <el-row :gutter="20">
+              <el-col :span="12" class="h50-10px"><el-image/></el-col>
+              <el-col :span="12" class="h50-10px"><el-image/></el-col>
+              <el-col :span="24" class="h50-10px mt20"><el-image/></el-col>
+            </el-row>
+          </el-col>
+          <el-col :span="5">
+            <el-image/>
+          </el-col>
+          <el-col :span="5">
+            <el-row :gutter="20">
+              <el-col :span="12" class="h50-10px"><el-image/></el-col>
+              <el-col :span="12" class="h50-10px"><el-image/></el-col>
+              <el-col :span="24" class="h50-10px mt20"><el-image/></el-col>
+            </el-row>
+          </el-col>
+        </el-row>
+        <el-card class="mt20 mb60">
+
+
+        </el-card>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {ref} from "vue"
+const form = ref({
+  name: '美妆小店'
+})
+</script>
+
+<style scoped lang="scss">
+.tagbox {
+  margin: 15px 0;
+
+  a {
+    color: #AFB5B9;
+    font-size: 12px;
+  }
+
+  span {
+    border-radius: 13px;
+    font-size: 12px;
+    padding: 4px 10px;
+    margin-right: 10px;
+    font-weight: 400;
+  }
+
+  span:nth-child(4n) {
+    background: rgba(50, 177, 108, 0.2);
+    color: rgba(50, 177, 108, 1);
+  }
+
+  span:nth-child(4n+1) {
+    background: rgba(243, 152, 0, 0.2);
+    color: rgba(243, 152, 0, 1);
+  }
+
+  span:nth-child(4n+2) {
+    background: rgba(0, 160, 233, 0.2);
+    color: rgba(0, 160, 233, 1);
+  }
+
+  span:nth-child(4n+3) {
+    background: rgba(247, 64, 166, 0.2);
+    color: rgba(247, 64, 166, 1);
+  }
+}
+.infoLine{font-weight: 400;margin: 7px 0;
+  font-size: 14px;
+  color: #929AA0;
+  i{font-style: normal;}
+  span{margin-right: 10px;
+    i.text-primary{padding: 0 4px;}
+  }
+  .el-icon{position: relative;top:2px;margin-right: 4px;}
+}
+.photoWall{
+  .el-row{height: 100%;}
+  .el-image{
+    width: 100%;border-radius: 10px;height: 100%;
+  }
+}
+.h50-10px{height: calc(50% - 10px)}
+</style>

@@ -2,7 +2,7 @@
 <div>
 <div>
   <div class="box">
   <div class="box">
     <el-card class="mt30">
     <el-card class="mt30">
-      票务预定
+      票务预订
     </el-card>
     </el-card>
   </div>
   </div>
 
 

@@ -28,6 +28,18 @@
                   </a>
                   </a>
                 </li>
                 </li>
               </ul>
               </ul>
+              <ul v-if="user.utype=='3'">
+                <li
+                    v-for="(m, i) in menus3"
+                    :key="i"
+                    :class="{ active: m.isActive }"
+                >
+                  <a href="javascript:void(0)" @click="toInfo(m,menus3)">
+                    <img :src="m.isActive ? m.picUrl2 : m.picUrl1">
+                    {{ m.name }}
+                  </a>
+                </li>
+              </ul>
             </div>
             </div>
           </el-card>
           </el-card>
         </el-col>
         </el-col>
@@ -89,7 +101,7 @@ const menus = ref([
     isActive: false
     isActive: false
   },
   },
   {
   {
-    name: language.value==0?'我的预定':'My Reservation',
+    name: language.value==0?'我的预订':'My Reservation',
     routeName: 'myReservation',
     routeName: 'myReservation',
     picUrl1: '/img/nav_29.png',
     picUrl1: '/img/nav_29.png',
     picUrl2: '/img/nav_29_dwn.png',
     picUrl2: '/img/nav_29_dwn.png',
@@ -103,6 +115,29 @@ const menus = ref([
     isActive: false
     isActive: false
   }
   }
 ])
 ])
+const menus3 = ref([
+  {
+    name: language.value==0?'基础信息':'Basic Information',
+    routeName: 'myInfo',
+    picUrl1: '/img/nav_26.png',
+    picUrl2: '/img/nav_26_dwn.png',
+    isActive: false
+  },
+  {
+    name: language.value==0?'修改密码':'Change Password',
+    routeName: 'myPassword',
+    picUrl1: '/img/nav_27.png',
+    picUrl2: '/img/nav_27_dwn.png',
+    isActive: false
+  },
+  {
+    name: language.value==0?'我的预订':'My Reservation',
+    routeName: 'myReservation',
+    picUrl1: '/img/nav_29.png',
+    picUrl2: '/img/nav_29_dwn.png',
+    isActive: false
+  }
+])
 const menusPersonal = ref([
 const menusPersonal = ref([
     {
     {
       name: language.value==0?'基础信息':'Basic Information',
       name: language.value==0?'基础信息':'Basic Information',
@@ -126,7 +161,7 @@ const menusPersonal = ref([
       isActive: false
       isActive: false
     },
     },
     {
     {
-      name: language.value==0?'我的预定':'My Reservation',
+      name: language.value==0?'我的预订':'My Reservation',
       routeName: 'myReservation',
       routeName: 'myReservation',
       picUrl1: '/img/nav_29.png',
       picUrl1: '/img/nav_29.png',
       picUrl2: '/img/nav_29_dwn.png',
       picUrl2: '/img/nav_29_dwn.png',
@@ -160,6 +195,12 @@ onMounted(() => {
     })
     })
     currMenu.isActive = true
     currMenu.isActive = true
   }
   }
+  if(user.utype=='3'){
+    currMenu = _.find(menus3.value, (m) => {
+      return m.routeName === route.name
+    })
+    currMenu.isActive = true
+  }
 
 
 })
 })
 
 

@@ -18,7 +18,7 @@
             <el-form-item :label="language==0?'用户名':'Account'">
             <el-form-item :label="language==0?'用户名':'Account'">
               {{ user.userName }}
               {{ user.userName }}
             </el-form-item>
             </el-form-item>
-            <el-form-item :label="language==0?'姓名':'Real Name'" required prop="realName">
+            <el-form-item :label="language==0?'姓名':'Real Name'" required prop="realName" v-if="user.utype=='1'">
               <el-input v-model="myform.realName" disabled/>
               <el-input v-model="myform.realName" disabled/>
             </el-form-item>
             </el-form-item>
             <el-form-item :label="language==0?'性别':'Gender'" required >
             <el-form-item :label="language==0?'性别':'Gender'" required >
@@ -34,25 +34,25 @@
                   type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
                   type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
               />
               />
             </el-form-item>
             </el-form-item>
-            <el-form-item :label="language==0?'代表':'Representing'" required>
+            <el-form-item :label="language==0?'代表':'Representing'" required  v-if="user.utype=='1'">
               <el-input v-model="myform.representing" disabled/>
               <el-input v-model="myform.representing" disabled/>
             </el-form-item>
             </el-form-item>
-            <el-form-item :label="language==1?'Age group':'年龄组'" required>
+            <el-form-item :label="language==1?'Age group':'年龄组'" required  v-if="user.utype=='1'">
               <el-input v-model="myform.ageGroup" disabled/>
               <el-input v-model="myform.ageGroup" disabled/>
             </el-form-item>
             </el-form-item>
-            <el-form-item :label="language==0?'舞种':'Division'" required>
+            <el-form-item :label="language==0?'舞种':'Division'" required  v-if="user.utype=='1'">
               <el-input v-model="myform.division" disabled/>
               <el-input v-model="myform.division" disabled/>
             </el-form-item>
             </el-form-item>
-            <el-form-item :label="language==0?'状态':'Status'" required>
+            <el-form-item :label="language==0?'状态':'Status'" required  v-if="user.utype=='1'">
               <el-input v-model="myform.wdsfStatus" disabled/>
               <el-input v-model="myform.wdsfStatus" disabled/>
             </el-form-item>
             </el-form-item>
-            <el-form-item :label="language==0?'证件号':'Passport number'">
+            <el-form-item :label="language==0?'证件号':'Passport number'"  v-if="user.utype=='1'">
               <el-input v-model="myform.passportNumber"/>
               <el-input v-model="myform.passportNumber"/>
             </el-form-item>
             </el-form-item>
-            <el-form-item :label="language==0?'有效证件':'Valid Passport'" required>
+            <el-form-item :label="language==0?'有效证件':'Valid Passport'" required  v-if="user.utype=='1'">
               <file-upload v-model="myform.passportUrl" :limit="1" :is-show-tip="false" :button-text="'Upload'"/>
               <file-upload v-model="myform.passportUrl" :limit="1" :is-show-tip="false" :button-text="'Upload'"/>
             </el-form-item>
             </el-form-item>
-            <el-form-item :label="language==0?'WDSF会员号':'WDSF MIN'" prop="wdsfMin">
+            <el-form-item :label="language==0?'WDSF会员号':'WDSF MIN'" prop="wdsfMin"  v-if="user.utype=='1'">
               {{myform.wdsfMin}}
               {{myform.wdsfMin}}
             </el-form-item>
             </el-form-item>
 <!--            <el-form-item :label="language==0?'证件类型':'ID type'" required prop="idcType">-->
 <!--            <el-form-item :label="language==0?'证件类型':'ID type'" required prop="idcType">-->

@@ -22,7 +22,7 @@
           </el-form>
           </el-form>
         </div>
         </div>
         <el-row justify="center">
         <el-row justify="center">
-          <el-button type="primary" class="btn-lineG" @click="submit">{{ language==0?'保存':'Save' }}</el-button>
+          <el-button type="primary" class="btn-lineG" round @click="submit">{{ language==0?'保存':'Save' }}</el-button>
         </el-row>
         </el-row>
       </div>
       </div>
     </el-card>
     </el-card>

@@ -5,55 +5,81 @@
         <h3 class="leftboderTT">{{ language==0?'我的预订':'My reservation' }}
         <h3 class="leftboderTT">{{ language==0?'我的预订':'My reservation' }}
         </h3>
         </h3>
 
 
-        <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'发票开具':'Invoice' }}</el-button>
+<!--        <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'发票开具':'Invoice' }}</el-button>-->
       </div>
       </div>
       <el-empty :image="`/img/order_no.png`" :image-size="228"  v-if="list?.length == 0"/>
       <el-empty :image="`/img/order_no.png`" :image-size="228"  v-if="list?.length == 0"/>
+
       <div class="pd20">
       <div class="pd20">
         <div v-for="b in list" class="item">
         <div v-for="b in list" class="item">
           <div class="title">
           <div class="title">
             <label class="blueTag" v-if="b.orderType == 0"> {{ language==0?'酒店':'HOTEL' }} </label>
             <label class="blueTag" v-if="b.orderType == 0"> {{ language==0?'酒店':'HOTEL' }} </label>
             <label class="purpleTag" v-if="b.orderType == 1"> {{ language==0?'车辆':'TRANSPORTATION' }} </label>
             <label class="purpleTag" v-if="b.orderType == 1"> {{ language==0?'车辆':'TRANSPORTATION' }} </label>
             <label class="orangeTag" v-if="b.orderType == 2"> {{ language==0?'餐饮':'DINING' }} </label>
             <label class="orangeTag" v-if="b.orderType == 2"> {{ language==0?'餐饮':'DINING' }} </label>
-            {{ language==0?'订单编号：':'No.' }} {{ b.id }}
+            <span>{{ language==0?'订单编号：':'No.' }} {{ b.id }}</span>
           </div>
           </div>
+
           <div class="status-po">
           <div class="status-po">
-              <span  class="bg-warning" v-if="b.status == '0'&&b.surplus!='0,0'&&b.surplus!='0'"> 待支付
+              <span  class="bg-warning" v-if="b.status == '0'&&b.surplus!='0,0'&&b.surplus!='0'">
+                {{ language == 0 ?'待支付':'Unpaid' }}
               </span>
               </span>
-            <span  class="bg-warning" v-if="b.status == '0'&&(b.surplus=='0,0'||b.surplus=='0')">已取消</span>
-            <span  class="bg-blue" v-if="b.status == '1'">支付成功</span>
-            <span class="bg-warning" v-if="b.status == '2'">已取消</span>
-            <span class="bg-danger" v-if="b.status == '3'||b.status == '4'">已退订</span>
+            <span  class="bg-warning" v-if="b.status == '0'&&(b.surplus=='0,0'||b.surplus=='0')">{{ language == 0 ? '已取消' : 'Canceled' }}</span>
+            <span  class="bg-blue" v-if="b.status == '1'">{{ language == 0 ?'支付成功':'successful' }}</span>
+            <span class="bg-warning" v-if="b.status == '2'">{{ language == 0 ? '已取消' : 'Canceled' }}</span>
+            <span class="bg-danger" v-if="b.status == '3'||b.status == '4'">{{ language == 0 ? '已退订' : 'Refunded' }}</span>
+            <span class="bg-danger" v-if="b.status == '7'">{{ language == 0 ? '退款审核中' : 'Refund in review' }}</span>
           </div>
           </div>
-          <div class="plr20" v-if="b.orderType == 0">
+
+          <el-row class="pd20 mt10" justify="space-between" align="middle">
+            <el-col :lg="10">
+              <div v-if="b.orderType == 0">
                 <h3 class="name">{{b.name}}</h3>
                 <h3 class="name">{{b.name}}</h3>
-            <p>{{b.messageObj?.roomStayDate}}</p>
-            <p>{{b.messageObj?.roomName}}</p>
+                <p v-if="language==0">{{b.messageObj?.roomStayDate}}</p>
+                <p v-else>{{b.messageObj?.roomStayDate.replace('共',' total ').replace('晚',' days')}}</p>
+
                 <p>{{b.messageObj?.roomInfo}}</p>
                 <p>{{b.messageObj?.roomInfo}}</p>
 
 
               </div>
               </div>
-          <div class="plr20" v-if="b.orderType == 1">
+              <div v-if="b.orderType == 1">
                 <h3 class="name">{{b.name}}</h3>
                 <h3 class="name">{{b.name}}</h3>
                 <div v-for="(car,index) in b.messageObj.carsList" :key="index">
                 <div v-for="(car,index) in b.messageObj.carsList" :key="index">
-              <div v-if="car.num>0">{{car.name}}：{{car.num}} 辆</div>
+                  <p v-if="car.num>0">{{car.typeName}}：{{car.name}}：{{car.num}} {{ language==0?'辆':'Cars' }}</p>
                 </div>
                 </div>
-            <div>{{b.handleDate}}</div>
+<!--                <p>{{b.messageObj}}</p>-->
+<!--                <p>{{b.extJsonObj}}</p>-->
               </div>
               </div>
-          <div class="plr20" v-if="b.orderType == 2">
+              <div v-if="b.orderType == 2">
                 <h3 class="name">{{b.name}}</h3>
                 <h3 class="name">{{b.name}}</h3>
                 <div v-for="(n,index) in b.messageObj.foodsList" :key="index">
                 <div v-for="(n,index) in b.messageObj.foodsList" :key="index">
-              <div v-if="n.num > 0">
-                {{n.name}}({{n.categoryName}}) * <span>{{n.num}} 份</span>
+                  <p v-if="n.num > 0">
+                    {{n.name}}({{n.categoryName}}) * <span>{{n.num}} {{language==0?'份':'pcs'}}</span>
+                  </p>
+                </div>
+                <p>{{language==0?'配送日期':'Delivery Date'}}：{{b.extJsonObj.dcEnd }} ~ {{b.extJsonObj.dcEnd}}</p>
+
+              </div>
+            </el-col>
+            <el-col :lg="6">
+              <div v-if="b.orderType == 0">
+                <p>{{b.messageObj?.roomName}}</p>
+                <p>{{b.messageObj?.roomInfo}}</p>
               </div>
               </div>
+              <div v-if="b.orderType == 1">
               </div>
               </div>
+              <div v-if="b.orderType == 2">
               </div>
               </div>
-          <el-row class="plr20 mt10" justify="space-between">
-            <el-col :lg="8">
+            </el-col>
+            <el-col :lg="4" class="text-center">
               <span class="text-warning"> {{ language==0?'¥':'€' }}
               <span class="text-warning"> {{ language==0?'¥':'€' }}
-                <span class="bigMoney">{{b.total}}</span>
+                <span class="bigMoney">{{language==0?b.total:b.totalEn}}</span>
               </span>
               </span>
             </el-col>
             </el-col>
 
 
-            <el-col :lg="8">
+            <el-col :lg="4" >
+              <div class="text-right mb20 text-danger">
+                <el-countdown value-style="color:#E60012;font-size:16px;" v-if="b.status == '0'&&(b.surplus!='0,0'&&b.surplus!='0')" format="mm:ss"
+                              :value="b.countdown" @finish="finish(b)"/>
+              </div>
+
               <div class="text-right">
               <div class="text-right">
                 <el-button class="mb10" plain round type="primary" @click="goDetail(b)">
                 <el-button class="mb10" plain round type="primary" @click="goDetail(b)">
                   {{ language==0?'详情':'Detail' }}</el-button>
                   {{ language==0?'详情':'Detail' }}</el-button>
@@ -64,7 +90,6 @@
             </el-col>
             </el-col>
           </el-row>
           </el-row>
         </div>
         </div>
-
       </div>
       </div>
     </el-card>
     </el-card>
     <div class="pd20"></div>
     <div class="pd20"></div>
@@ -76,18 +101,29 @@
 import {onMounted} from "@vue/runtime-core";
 import {onMounted} from "@vue/runtime-core";
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
 import {newbilllist} from "@/apiPc/common";
 import {newbilllist} from "@/apiPc/common";
+import useUserStore from "@/store/modules/user";
 const router = useRouter()
 const router = useRouter()
 const language= useStorage('language',0)
 const language= useStorage('language',0)
 const list = ref([])
 const list = ref([])
+const user = useUserStore().user
 
 
 onMounted(()=>{
 onMounted(()=>{
   getList()
   getList()
 })
 })
+function finish(bill){
+  bill.status = '2'
+  // getList()
+}
 function getList() {
 function getList() {
-  newbilllist().then(res=>{
+  newbilllist({createById:user.userId}).then(res=>{
     list.value = res.rows
     list.value = res.rows
     for (var b of list.value) {
     for (var b of list.value) {
       b.messageObj = JSON.parse(b.message)
       b.messageObj = JSON.parse(b.message)
+      b.extJsonObj = JSON.parse(b.extJson) || {}
+      if(b.surplus&&b.status == '0'&&(b.surplus!='0,0'&&b.surplus!='0')){
+        b.countdown = Date.now() + Number((b.surplus.split(',')[0]*60 + b.surplus.split(',')[1])*10)
+        console.log(b.countdown)
+      }
     }
     }
   })
   })
 }
 }
@@ -105,12 +141,11 @@ function toInvoice(){
     name: 'invoice'
     name: 'invoice'
   })
   })
 }
 }
-
 </script>
 </script>
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">
 .bigMoney{font-size: 24px;font-family: "DIN Alternate";}
 .bigMoney{font-size: 24px;font-family: "DIN Alternate";}
-.name{font-size: 18px;margin: 15px 0 0;}
+.name{font-size: 18px;margin: 0;}
 .status-po{position: absolute;right: 0;top: 0;font-size: 12px;
 .status-po{position: absolute;right: 0;top: 0;font-size: 12px;
   color: #FFFFFF;
   color: #FFFFFF;
   span{border-radius: 0px 10px 0px 10px;padding: 4px 10px;}
   span{border-radius: 0px 10px 0px 10px;padding: 4px 10px;}
@@ -131,13 +166,19 @@ function toInvoice(){
   }
   }
 }
 }
 .item{
 .item{
-  margin: 0 0 20px;
-  background: #FBFCFD;
-  border-radius: 2px;
+  .name{font-size: 18px;
+    color: #000000;margin: 0 0 10px;}
+  p{margin: 8px 0 0;color: #707070;font-size: 14px;}
+
+  margin: 0 0 20px;border: 1px solid #E5E5E5;
+  border-radius: 10px;
   position: relative;
   position: relative;
   .bbody{padding: 0 15px 20px;}
   .bbody{padding: 0 15px 20px;}
-  .title label{border-radius: 5px 0 5px 0;  color: #fff;  padding:4px 10px;margin-right: 10px;}
-  p{margin: 5px 0;}
+  .title{background: #F7F7F7;border-bottom: 1px solid #E5E5E5;
+    span{font-size: 14px;
+      color: #4C5359;}
+  }
+  .title label{border-radius: 5px 0 5px 0; font-size: 12px; color: #fff;  padding:4px 10px;margin-right: 10px;}
   .blueTag{
   .blueTag{
     background-color: #1EC886;}
     background-color: #1EC886;}
   .purpleTag {
   .purpleTag {

@@ -2,63 +2,71 @@
   <div class="itemBox" v-if="language == 0">
   <div class="itemBox" v-if="language == 0">
     <el-row :gutter="20">
     <el-row :gutter="20">
       <el-col :sm="12" :lg="8">
       <el-col :sm="12" :lg="8">
-        <div class="item" @click="goBooking(1)"><img src="@/assets/dance/btn01.png">酒店预订</div>
+        <div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn01.png">酒店预订</div>
       </el-col>
       </el-col>
       <el-col :sm="12" :lg="8">
       <el-col :sm="12" :lg="8">
-        <div class="item" @click="goBooking(2)"><img src="@/assets/dance/btn02.png">车辆预约</div>
+        <div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn02.png">车辆预订</div>
       </el-col>
       </el-col>
       <el-col :sm="12" :lg="8">
       <el-col :sm="12" :lg="8">
-        <div class="item" @click="goBooking(3)"><img src="@/assets/dance/btn03.png">餐饮预约</div>
+        <div class="item" @click="popRemark(3)"><img src="@/assets/dance/btn03.png">餐饮预订</div>
       </el-col>
       </el-col>
       <el-col :sm="12" :lg="8">
       <el-col :sm="12" :lg="8">
-        <div class="item" @click="goBooking(0)"><img src="@/assets/dance/btn04.png">票务预订</div>
+        <div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn04.png">票务预订</div>
       </el-col>
       </el-col>
       <el-col :sm="12" :lg="8">
       <el-col :sm="12" :lg="8">
-        <div class="item" @click="goBooking(4)"><img src="@/assets/dance/btn05.png">化妆预约</div>
+        <div class="item" @click="popRemark(4)"><img src="@/assets/dance/btn05.png">化妆预约</div>
       </el-col>
       </el-col>
       <el-col :sm="12" :lg="8">
       <el-col :sm="12" :lg="8">
-        <div class="item" @click="goBooking(5)"><img src="@/assets/dance/btn06.png">拍照预约</div>
+        <div class="item" @click="popRemark(5)"><img src="@/assets/dance/btn06.png">拍照预约</div>
       </el-col>
       </el-col>
     </el-row>
     </el-row>
   </div>
   </div>
   <div class="itemBox_en" v-else>
   <div class="itemBox_en" v-else>
     <el-row :gutter="20">
     <el-row :gutter="20">
       <el-col :sm="12" :lg="8">
       <el-col :sm="12" :lg="8">
-        <div class="item_en" @click="goBooking(1)"><img src="@/assets/dance/btn01.png">
+        <div class="item_en" @click="popRemark(1)"><img src="@/assets/dance/btn01.png">
           <p>HOTEL RESERVATION</p>
           <p>HOTEL RESERVATION</p>
         </div></el-col>
         </div></el-col>
       <el-col :sm="12" :lg="8">
       <el-col :sm="12" :lg="8">
-        <div class="item_en" @click="goBooking(2)"><img src="@/assets/dance/btn02.png">
+        <div class="item_en" @click="popRemark(2)"><img src="@/assets/dance/btn02.png">
           <p>TRANSPORTATION RESERVATION</p>
           <p>TRANSPORTATION RESERVATION</p>
         </div></el-col>
         </div></el-col>
       <el-col :sm="12" :lg="8">
       <el-col :sm="12" :lg="8">
-        <div class="item_en" @click="goBooking(3)"><img src="@/assets/dance/btn03.png">
+        <div class="item_en" @click="popRemark(3)"><img src="@/assets/dance/btn03.png">
           <p>DINING RESERVATION</p>
           <p>DINING RESERVATION</p>
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :sm="12" :lg="8">
       <el-col :sm="12" :lg="8">
-        <div class="item_en" @click="goBooking(0)"><img src="@/assets/dance/btn04.png">
+        <div class="item_en" @click="popRemark(0)">
+          <img src="@/assets/dance/btn04.png">
           <p>TICKET BOOKING</p>
           <p>TICKET BOOKING</p>
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :sm="12" :lg="8">
       <el-col :sm="12" :lg="8">
-        <div class="item_en" @click="goBooking(4)"><img src="@/assets/dance/btn05.png">
+        <div class="item_en" @click="popRemark(4)"><img src="@/assets/dance/btn05.png">
           <p>MAKEUP APPOINTMENT</p>
           <p>MAKEUP APPOINTMENT</p>
         </div></el-col>
         </div></el-col>
       <el-col :sm="12" :lg="8">
       <el-col :sm="12" :lg="8">
-        <div class="item_en" @click="goBooking(5)"><img src="@/assets/dance/btn06.png">
+        <div class="item_en" @click="popRemark(5)"><img src="@/assets/dance/btn06.png">
           <p>PHOTOGRAPHY APPOINTMENT</p>
           <p>PHOTOGRAPHY APPOINTMENT</p>
         </div></el-col>
         </div></el-col>
     </el-row>
     </el-row>
   </div>
   </div>
+  <order-remark ref="orderRemarkRef" @submit="goBooking"/>
+
 </template>
 </template>
 
 
 <script setup>
 <script setup>
 import {useRouter} from "vue-router";
 import {useRouter} from "vue-router";
 
 
 const router = useRouter()
 const router = useRouter()
+import OrderRemark from '@/viewsPc/components/orderRemark'
+const {proxy} = getCurrentInstance()
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
 import {ElMessage} from "element-plus";
 import {ElMessage} from "element-plus";
+import {getCurrentInstance} from "@vue/runtime-core";
+import {computed, onMounted, watch} from "vue";
+import {getBaseInfoByActiveId} from "@/apiPc/booking";
 const props = defineProps({
 const props = defineProps({
   matchId: {
   matchId: {
     type: String,
     type: String,
@@ -67,12 +75,48 @@ const props = defineProps({
   }
   }
 })
 })
 const language= useStorage('language',0)
 const language= useStorage('language',0)
+const form = ref({})
+const matchId = computed(()=>props.matchId);
+
+watch(matchId,(val)=>{
+  if(val && val!='0'){
+    getBaseInfoByActiveId(props.matchId).then(res=>{
+      form.value = res.data || null
+    }).catch(err=>{
+      console.log(err)
+      form.value = null
+    })
+  }
+})
+
+onMounted(()=>{
+
+})
+function building() {
+  ElMessage.warning(language.value==0?'感谢您对本次比赛的关注，该服务暂无可预订信息，敬请期待。':'Thank you for your attention to this competition. The service is currently unavailable for booking. Please stay tuned.')
+  return
+}
+function popRemark(type){
+  if(!form.value){
+    building()
+    return
+  }
+  if((form.value.isJdView == 0&&type=='1') || (form.value.isCarView == 0&&type=='2') || (form.value.isFoodView == 0&&type=='3') || type=='0' || type=='4' || type=='5'){
+    building()
+    return
+  }
+  const params = {
+    matchId: props.matchId,
+    title: language.value == 0 ?'预订说明':'Booking Instructions',
+    type: type
+  }
+  proxy.$refs['orderRemarkRef'].open(params)
+}
 function goBooking(n) {
 function goBooking(n) {
-  // ElMessage.warning(language.value==0?'建设中,敬请期待':'Building！')
-  // return
   switch (n) {
   switch (n) {
     case 0:
     case 0:
       // 票务
       // 票务
+      building()
       router.push({path: `/booking/ticket/${props.matchId}`})
       router.push({path: `/booking/ticket/${props.matchId}`})
       break;
       break;
     case 1:
     case 1:
@@ -89,10 +133,14 @@ function goBooking(n) {
       break;
       break;
     case 4:
     case 4:
       //化妆
       //化妆
+      building()
+
       router.push({path: `/booking/makeup/${props.matchId}`})
       router.push({path: `/booking/makeup/${props.matchId}`})
       break;
       break;
     case 5:
     case 5:
       //拍照
       //拍照
+      building()
+
       router.push({path: `/booking/photography/${props.matchId}`})
       router.push({path: `/booking/photography/${props.matchId}`})
       break;
       break;
   }
   }

+<template>
+ <el-dialog :title="title"  v-model="show" width="30%" @close="close">
+   <div>
+      <div class="pd20" v-html="form.reserveDes"></div>
+   </div>
+       <template #footer>
+         <div class="dialog-footer text-center">
+           <el-button type="primary" class="btn-lineG w200px" round @click="ok">{{language==0?'确定':'Confirm'}}</el-button>
+         </div>
+       </template>
+ </el-dialog>
+</template>
+
+<script setup>
+import {getBaseInfoByActiveId} from "@/apiPc/booking";
+import {getCurrentInstance} from "@vue/runtime-core";
+import {useStorage} from "@vueuse/core/index";
+const emit = defineEmits([ 'submit'])
+const {proxy} = getCurrentInstance()
+const language= useStorage('language',0)
+import useUserStore from "@/store/modules/user";
+const user = useUserStore().user
+const title = ref('')
+const show = ref(false)
+const form = ref({})
+let matchId = ''
+let type = ''
+const open = (params) => {
+  title.value = params.title
+  matchId = params.matchId
+  type = params.type
+  show.value = true
+  getData()
+}
+defineExpose({
+  open
+})
+
+function getData() {
+  console.log(matchId)
+  getBaseInfoByActiveId(matchId).then(res=>{
+    form.value = res.data || {}
+  }).catch(err=>{
+    console.log(err)
+  })
+}
+function close() {
+  show.value = false
+}
+function ok() {
+  // type
+  show.value = false
+
+  // if(!user){
+  //   useUserStore().setVisitor()
+  // } else {
+    emit('submit', type)
+  // }
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>

@@ -83,6 +83,9 @@ function init(){
   getWeather().then(res=>{
   getWeather().then(res=>{
     weatherObj.value = JSON.parse(res.data).data
     weatherObj.value = JSON.parse(res.data).data
     console.log(weatherObj.value)
     console.log(weatherObj.value)
+  }).catch(err=>{
+    console.log(err)
+    showgg.value = false
   })
   })
 }
 }
 const popWeather = () => {
 const popWeather = () => {

@@ -48,7 +48,7 @@
         <el-row style="align-items: center">
         <el-row style="align-items: center">
           <el-col :sm="24" :lg="10">
           <el-col :sm="24" :lg="10">
             <div class="bgbg">
             <div class="bgbg">
-              <img src="@/assets/dance/text.png">
+              <h1 style="color: #fff">{{matchData?.name}}</h1>
               <a class="zn-btn" @click="goGuide" target="_blank">参赛指南
               <a class="zn-btn" @click="goGuide" target="_blank">参赛指南
                 <el-icon>
                 <el-icon>
                   <download/>
                   <download/>
@@ -418,7 +418,7 @@ const init = () => {
   })
   })
 }
 }
 const carouselChange = (e) => {
 const carouselChange = (e) => {
-  console.log(e)
+  console.log(e.name)
   matchData.value = maList.value[e]
   matchData.value = maList.value[e]
 }
 }
 const goDetail = (n) => {
 const goDetail = (n) => {

 <template>
 <template>
   <div>
   <div>
     <div class="banner">
     <div class="banner">
-      <el-carousel height="450px" :autoplay="false" arrow="hover">
+      <el-carousel height="450px" :autoplay="false" arrow="hover"  @change="carouselChange">
         <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id">
         <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id">
           <div class="bannerItem">
           <div class="bannerItem">
             <div class="h100">
             <div class="h100">
@@ -45,7 +45,7 @@
         <el-row>
         <el-row>
           <el-col :sm="24" :lg="10">
           <el-col :sm="24" :lg="10">
             <div class="bgbg">
             <div class="bgbg">
-              <h1 style="color: #fff">WDSF ASIAN DANCESPORT FESTIVAL .WUXI 2024</h1>
+              <h1 style="color: #fff">{{matchData?.name}}</h1>
               <a class="zn-btn" @click="goGuide">
               <a class="zn-btn" @click="goGuide">
                 GUIDELINE
                 GUIDELINE
                 <el-icon><download /></el-icon>
                 <el-icon><download /></el-icon>
@@ -412,7 +412,10 @@ const init = () => {
   })
   })
 }
 }
 
 
-
+const carouselChange = (e) => {
+  console.log(e.name)
+  matchData.value = maList.value[e]
+}
 const gosaiC = () => {
 const gosaiC = () => {
   router.push({
   router.push({
     path: `/saiC/index`
     path: `/saiC/index`

@@ -215,14 +215,15 @@ const data = reactive({
   groupId: '0',
   groupId: '0',
   signType: '',
   signType: '',
   activeStep: 1,
   activeStep: 1,
-  isNational:false
+  isNational:false,
+  languageSource:''
 })
 })
 const {loading,
 const {loading,
   form,personAllList,
   form,personAllList,
   rules,
   rules,
   signType,
   signType,
   groupId,
   groupId,
-  hasChooseObj,activeStep,isNational
+  hasChooseObj,activeStep,isNational,languageSource
 } = toRefs(data)
 } = toRefs(data)
 let matchId = ''
 let matchId = ''
 const user = useUserStore().user
 const user = useUserStore().user
@@ -232,6 +233,7 @@ onMounted(() => {
   groupId.value = group.id
   groupId.value = group.id
   signType.value = route.query.signType || ''
   signType.value = route.query.signType || ''
   isNational.value = route.query.isNational
   isNational.value = route.query.isNational
+  languageSource.value = route.query.languageSource
   if(!user){
   if(!user){
     router.push({name: 'home'})
     router.push({name: 'home'})
     return
     return
@@ -359,22 +361,22 @@ function goNext() {
 }
 }
 
 
 function goPrev() {
 function goPrev() {
-  if(isNational.value){
+  if(languageSource.value=='100'){
     router.push({
     router.push({
-      name: `teamSign`,
+      name: `teamSignCn`,
       query: {
       query: {
         matchId: matchId,
         matchId: matchId,
         groupId: groupId.value,
         groupId: groupId.value,
-        isNational:isNational.value
+        isNational: false
       }
       }
     })
     })
   } else {
   } else {
     router.push({
     router.push({
-      name: `teamSignCn`,
+      name: `teamSign`,
       query: {
       query: {
         matchId: matchId,
         matchId: matchId,
         groupId: groupId.value,
         groupId: groupId.value,
-        isNational: false
+        isNational:isNational.value
       }
       }
     })
     })
   }
   }

@@ -19,6 +19,8 @@
               </div>
               </div>
               <div class="panel-body" style="padding: 10px">
               <div class="panel-body" style="padding: 10px">
                 <div style="margin: 0 4px 10px;display: flex">
                 <div style="margin: 0 4px 10px;display: flex">
+<!--                  可通过选手管理，增加和编辑运动员-->
+
                   <el-select multiple v-model="choosedchoosed" collapse-tags-tooltip filterable
                   <el-select multiple v-model="choosedchoosed" collapse-tags-tooltip filterable
                              @change="changechoosed">
                              @change="changechoosed">
                     <el-option v-for="c in athletesList" :key="c.id" :label="c.xing + c.ming" :value="c.id">
                     <el-option v-for="c in athletesList" :key="c.id" :label="c.xing + c.ming" :value="c.id">

@@ -5,7 +5,7 @@
       destroy-on-close
       destroy-on-close
   >
   >
 <!--    国际赛事随行人员-->
 <!--    国际赛事随行人员-->
-    <el-form ref="dialogRef" :model="form" :rules="language==0?rules:rules_cn" label-width="140px"
+    <el-form ref="dialogRef" :model="form" :rules="language==0?rules_cn:rules" label-width="140px"
     >
     >
       <el-row :gutter="30" class="mt30">
       <el-row :gutter="30" class="mt30">
         <el-col :lg="12" class="touxiang">
         <el-col :lg="12" class="touxiang">
@@ -165,10 +165,10 @@ const data = reactive({
     // countryId: 240,
     // countryId: 240,
     // sex: '0'
     // sex: '0'
   },
   },
-  rules: {
-    // xing: [{required: true, message: '必填', trigger: 'blur'}],
+  rules_cn: {
+    xing: [{required: true, message: '必填', trigger: 'blur'}],
     ming: [{required: true, message: '必填', trigger: 'blur'}],
     ming: [{required: true, message: '必填', trigger: 'blur'}],
-    // countryId: [{required: true, message: '必填', trigger: 'change'}],
+    countryId: [{required: true, message: '必填', trigger: 'change'}],
     // idcType: [{required: true, message: '必填', trigger: 'change'}],
     // idcType: [{required: true, message: '必填', trigger: 'change'}],
     // idcCode: [{required: true, message: '必填', trigger: 'blur'}],
     // idcCode: [{required: true, message: '必填', trigger: 'blur'}],
     // phone: [{required: true, message: '必填', trigger: 'blur'}],
     // phone: [{required: true, message: '必填', trigger: 'blur'}],
@@ -179,8 +179,8 @@ const data = reactive({
     sex: [{required: true, message: '必填', trigger: 'change'}],
     sex: [{required: true, message: '必填', trigger: 'change'}],
     labelArr: [{required: true, message: '必填', trigger: 'change'}]
     labelArr: [{required: true, message: '必填', trigger: 'change'}]
   },
   },
-  rules_cn: {
-    // xing: [{required: true, message: 'required', trigger: 'blur'}],
+  rules: {
+    xing: [{required: true, message: 'required', trigger: 'blur'}],
     ming: [{required: true, message: 'required', trigger: 'blur'}],
     ming: [{required: true, message: 'required', trigger: 'blur'}],
     countryId: [{required: true, message: 'required', trigger: 'change'}],
     countryId: [{required: true, message: 'required', trigger: 'change'}],
     // idcType: [{required: true, message: 'required', trigger: 'change'}],
     // idcType: [{required: true, message: 'required', trigger: 'change'}],
@@ -368,7 +368,7 @@ function giveBirthDay() {
   // 判断身份证正确性/赋值生日
   // 判断身份证正确性/赋值生日
   if (form.value.idcType == '0') {
   if (form.value.idcType == '0') {
     if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(form.value.idcCode))) {
     if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(form.value.idcCode))) {
-      ElMessage.warning('请输入正确的身份证号码')
+      ElMessage.warning(language.value == 0 ? '请输入正确的身份证号码' :'Please enter the correct Resident ID card')
     } else {
     } else {
       let tmpStr = ''
       let tmpStr = ''
       if (form.value.idcCode.length == 15) {
       if (form.value.idcCode.length == 15) {

@@ -326,7 +326,7 @@ function codeSuccess(msg) {
   isCodeTrue.value = true
   isCodeTrue.value = true
   checkWdsfAthletes({card: card.value,groupId:groupId}).then(res => {
   checkWdsfAthletes({card: card.value,groupId:groupId}).then(res => {
     if (res.data.wdsfFlag==-1) {
     if (res.data.wdsfFlag==-1) {
-      ElMessage.warning('运动员国籍不符，无法绑定该团体')
+      ElMessage.warning(language.value == 0 ?'您添加的运动员代表国家/地区，与团体账号注册的国家/地区不符，无法添加':'The athlete \'s representing, does not match the group account‘s country/region and cannot be added.')
       isCodeTrue.value = false
       isCodeTrue.value = false
       return
       return
     }
     }

@@ -53,7 +53,7 @@
           <el-input v-model="form.passportNo"/>
           <el-input v-model="form.passportNo"/>
         </el-form-item>
         </el-form-item>
         <el-form-item :label="language==0?'有效证件':'Passport Copy'" required prop="passportCopy">
         <el-form-item :label="language==0?'有效证件':'Passport Copy'" required prop="passportCopy">
-          <file-upload v-model="form.passportCopy" :limit="1" :is-show-tip="false"
+          <image-upload v-model="form.passportCopy" :limit="1" :is-show-tip="false"
                        :button-text="language==0?'上传':'Upload'"/>
                        :button-text="language==0?'上传':'Upload'"/>
         </el-form-item>
         </el-form-item>
         <el-form-item :label="language==0?'抵达日期':'Date of Arrival'" required prop="arrival">
         <el-form-item :label="language==0?'抵达日期':'Date of Arrival'" required prop="arrival">
@@ -91,6 +91,7 @@ import {getCurrentInstance, watch} from "vue";
 import {nextTick} from "@vue/runtime-core";
 import {nextTick} from "@vue/runtime-core";
 import {ElMessage, ElMessageBox} from "element-plus";
 import {ElMessage, ElMessageBox} from "element-plus";
 import {addInvitation, countryList} from "@/apiPc/match";
 import {addInvitation, countryList} from "@/apiPc/match";
+import ImageUpload from "@/components/ImageUpload";
 
 
 const {proxy} = getCurrentInstance()
 const {proxy} = getCurrentInstance()
 const language = useStorage('language', 0)
 const language = useStorage('language', 0)

 <template>
 <template>
   <div class="collapsebox">
   <div class="collapsebox">
     <div class="pd20">
     <div class="pd20">
-      <table class="table" cellspacing="0" cellpadding="0" v-if="list.length > 0">
-        <tr v-if="language==0">
-          <th>组别编号</th>
-          <th>组别名称</th>
-          <th>舞种</th>
-          <th>舞种明细</th>
-          <th>参赛性别</th>
-          <th>参赛年龄</th>
-          <th>服务费（元）</th>
-        </tr>
-        <tr v-else>
-          <th>EVENT code</th>
-          <th>Group</th>
-          <th>DISCIPLINE</th>
-          <th>Dance Detail</th>
-          <th>Sex</th>
-          <th>Age</th>
-          <th>Registration Fee</th>
-        </tr>
-        <tr  v-for="(p,index) in list" :key="index">
-          <td>{{ p.code }}</td>
-          <td>{{ p.name }}</td>
-          <td>{{ p.danceType }}</td>
-          <td>{{ p.danceTypeDetailStr }}</td>
-          <td>{{ p.playTypeStr }}</td>
-          <td>
-<!--            {{ isNational }}-->
+      <el-table :data="list" border>
+        <el-table-column :label="language==0?'组别编号':'Event Code'" prop="code" align="center"></el-table-column>
+        <el-table-column :label="language==0?'组别名称':'Event'" min-width="150" prop="name" align="center"></el-table-column>
+        <el-table-column :label="language==0?'舞种':'DISCIPLINE'" width="110" prop="danceType" align="center">
+        </el-table-column>
+        <el-table-column :label="language==0?'舞种明细':'Dance Detail'" width="120" prop="danceTypeDetailStr" align="center"></el-table-column>
+
+        <el-table-column :label="language==0?'参赛性别':'Sex'" align="center">
+          <template #default="scope">
+            <span v-if="scope.row.playTypeStr">{{ scope.row.playTypeStr }}</span>
+            <span v-else>{{ scope.row.playType }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column :label="language==0?'参赛年龄':'Age'" align="center" min-width="100">
+          <template #default="scope">
             <div v-if="isNational">
             <div v-if="isNational">
-              <span  v-if="p.ageGroup == '0'" >{{ language==0?'不限制':'Unlimited' }}</span>
-              <span  v-if="p.ageGroup == '1'" >Juvenile I</span>
-              <span  v-if="p.ageGroup == '2'" >Juvenile II</span>
-              <span  v-if="p.ageGroup == '3'" >Juv1& II (comb.)</span>
-              <span  v-if="p.ageGroup == '4'" >Junior I</span>
-              <span  v-if="p.ageGroup == '5'" >Junior II</span>
-              <span  v-if="p.ageGroup == '6'" >Juv I & II (comb.)</span>
-              <span  v-if="p.ageGroup == '7'" >Youth</span>
-              <span  v-if="p.ageGroup == '8'" >Under 21</span>
-              <span  v-if="p.ageGroup == '9'" >Adult</span>
-              <span  v-if="p.ageGroup == '10'" >Senior I</span>
-              <span  v-if="p.ageGroup == '11'" >Senior II</span>
-              <span  v-if="p.ageGroup == '12'" >Senior III</span>
-              <span  v-if="p.ageGroup == '13'" >Senior IV</span>
-              <span  v-if="p.ageGroup == '14'" >Senior V</span>
+              <span  v-if="scope.row.ageGroup == '0'" >{{ language==0?'不限制':'Unlimited' }}</span>
+              <span  v-if="scope.row.ageGroup == '1'" >Juvenile I</span>
+              <span  v-if="scope.row.ageGroup == '2'" >Juvenile II</span>
+              <span  v-if="scope.row.ageGroup == '3'" >Juv1& II (comb.)</span>
+              <span  v-if="scope.row.ageGroup == '4'" >Junior I</span>
+              <span  v-if="scope.row.ageGroup == '5'" >Junior II</span>
+              <span  v-if="scope.row.ageGroup == '6'" >Juv I & II (comb.)</span>
+              <span  v-if="scope.row.ageGroup == '7'" >Youth</span>
+              <span  v-if="scope.row.ageGroup == '8'" >Under 21</span>
+              <span  v-if="scope.row.ageGroup == '9'" >Adult</span>
+              <span  v-if="scope.row.ageGroup == '10'" >Senior I</span>
+              <span  v-if="scope.row.ageGroup == '11'" >Senior II</span>
+              <span  v-if="scope.row.ageGroup == '12'" >Senior III</span>
+              <span  v-if="scope.row.ageGroup == '13'" >Senior IV</span>
+              <span  v-if="scope.row.ageGroup == '14'" >Senior V</span>
             </div>
             </div>
             <div v-else>
             <div v-else>
-              <div>{{ p.birthPeriod }}</div>
-              <div>{{p.birthPeriodSecond}}</div>
+              <div>{{ scope.row.birthPeriod }}</div>
+              <div>{{scope.row.birthPeriodSecond}}</div>
             </div>
             </div>
+          </template>
+        </el-table-column>
+        <el-table-column :label="language==0?'服务费':'Registration Fee'" width="160" align="center">
+          <template #default="scope">
+            <div class="text-primary">{{ language==0?'¥':'€' }}{{ scope.row.serviceFee }}</div>
+          </template>
+        </el-table-column>
+      </el-table>
+
+<!--      <table class="table" cellspacing="0" cellpadding="0" v-if="list.length > 0">-->
+<!--        <tr v-if="language==0">-->
+<!--          <th>组别编号</th>-->
+<!--          <th>组别名称</th>-->
+<!--          <th>舞种</th>-->
+<!--          <th>舞种明细</th>-->
+<!--          <th>参赛性别</th>-->
+<!--          <th>参赛年龄</th>-->
+<!--          <th>服务费（元）</th>-->
+<!--        </tr>-->
+<!--        <tr v-else>-->
+<!--          <th>EVENT code</th>-->
+<!--          <th>EVENT</th>-->
+<!--          <th>DISCIPLINE</th>-->
+<!--          <th>Dance Detail</th>-->
+<!--          <th>Sex</th>-->
+<!--          <th>Age</th>-->
+<!--          <th>Registration Fee</th>-->
+<!--        </tr>-->
+<!--        <tr  v-for="(p,index) in list" :key="index">-->
+<!--          <td>{{ p.code }}</td>-->
+<!--          <td>{{ p.name }}</td>-->
+<!--          <td>{{ p.danceType }}</td>-->
+<!--          <td>{{ p.danceTypeDetailStr }}</td>-->
+<!--          <td>{{ p.playTypeStr }}</td>-->
+<!--          <td>-->
+<!--&lt;!&ndash;            {{ isNational }}&ndash;&gt;-->
+<!--            <div v-if="isNational">-->
+<!--              <span  v-if="p.ageGroup == '0'" >{{ language==0?'不限制':'Unlimited' }}</span>-->
+<!--              <span  v-if="p.ageGroup == '1'" >Juvenile I</span>-->
+<!--              <span  v-if="p.ageGroup == '2'" >Juvenile II</span>-->
+<!--              <span  v-if="p.ageGroup == '3'" >Juv1& II (comb.)</span>-->
+<!--              <span  v-if="p.ageGroup == '4'" >Junior I</span>-->
+<!--              <span  v-if="p.ageGroup == '5'" >Junior II</span>-->
+<!--              <span  v-if="p.ageGroup == '6'" >Juv I & II (comb.)</span>-->
+<!--              <span  v-if="p.ageGroup == '7'" >Youth</span>-->
+<!--              <span  v-if="p.ageGroup == '8'" >Under 21</span>-->
+<!--              <span  v-if="p.ageGroup == '9'" >Adult</span>-->
+<!--              <span  v-if="p.ageGroup == '10'" >Senior I</span>-->
+<!--              <span  v-if="p.ageGroup == '11'" >Senior II</span>-->
+<!--              <span  v-if="p.ageGroup == '12'" >Senior III</span>-->
+<!--              <span  v-if="p.ageGroup == '13'" >Senior IV</span>-->
+<!--              <span  v-if="p.ageGroup == '14'" >Senior V</span>-->
+<!--            </div>-->
+<!--            <div v-else>-->
+<!--              <div>{{ p.birthPeriod }}</div>-->
+<!--              <div>{{p.birthPeriodSecond}}</div>-->
+<!--            </div>-->
 
 
-            <!--            <div>{{ p.birthAgeGroup }};{{p.birthAgeSecondGroup}}</div>-->
-          </td>
-          <td>{{ language==0?'¥':'€' }}{{ p.serviceFee }}</td>
-        </tr>
-      </table>
+<!--            &lt;!&ndash;            <div>{{ p.birthAgeGroup }};{{p.birthAgeSecondGroup}}</div>&ndash;&gt;-->
+<!--          </td>-->
+<!--          <td>{{ language==0?'¥':'€' }}{{ p.serviceFee }}</td>-->
+<!--        </tr>-->
+<!--      </table>-->
 
 
     </div>
     </div>
-    <el-empty :image="`/img/order_no.png`" :image-size="228"  v-if="list.length == 0" description=""/>
+<!--    <el-empty :image="`/img/order_no.png`" :image-size="228"  v-if="list.length == 0" description=""/>-->
   </div>
   </div>
 </template>
 </template>
 
 
@@ -81,7 +126,7 @@ const props = defineProps({
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">
 .table{width: 100%;border-left: 1px solid #e1e1e1;border-top:1px solid #e1e1e1;
 .table{width: 100%;border-left: 1px solid #e1e1e1;border-top:1px solid #e1e1e1;
-  th{background: #eee;padding: 6px 10px;
+  th{background: #eee;padding: 6px 10px;text-transform: uppercase;
     border-right: 1px solid #e1e1e1;
     border-right: 1px solid #e1e1e1;
     border-bottom:1px solid #e1e1e1;
     border-bottom:1px solid #e1e1e1;
     font-size: 15px;
     font-size: 15px;

@@ -6,8 +6,8 @@
     </div>
     </div>
     <div class="xzbox" v-html="form.ocOrganizer">
     <div class="xzbox" v-html="form.ocOrganizer">
     </div>
     </div>
-    <div class="indexTitle"><h3 class="leftboderTT">报名须知</h3></div>
-    <div class="xzbox">
+    <div class="indexTitle" v-if="form.languageSource!='100'"><h3 class="leftboderTT">报名须知</h3></div>
+    <div class="xzbox" v-if="form.languageSource!='100'">
       <div v-html="form.signKnow"></div>
       <div v-html="form.signKnow"></div>
       <el-link v-if="form.signKnowUrl" type="primary" :href="fillImgUrl(JSON.parse(form.signKnowUrl)[0]?.url)" target="_blank">
       <el-link v-if="form.signKnowUrl" type="primary" :href="fillImgUrl(JSON.parse(form.signKnowUrl)[0]?.url)" target="_blank">
         <el-icon :size="20">
         <el-icon :size="20">
@@ -25,20 +25,20 @@
 <!--        {{ JSON.parse(form.disclaimerUrl)[0]?.name }}-->
 <!--        {{ JSON.parse(form.disclaimerUrl)[0]?.name }}-->
 <!--      </el-link>-->
 <!--      </el-link>-->
 <!--    </div>-->
 <!--    </div>-->
-<!--    <div class="indexTitle"><h3 class="leftboderTT">赛事规程</h3></div>-->
-<!--    <div class="xzbox">-->
+    <div class="indexTitle" v-if="form.languageSource=='100'"><h3 class="leftboderTT">赛事规程</h3></div>
+    <div class="xzbox" v-if="form.languageSource=='100'">
+      <div v-html="form.ruleContent"></div>
+      <el-link v-if="form.ruleUrl" type="primary" :href="fillImgUrl(JSON.parse(form.ruleUrl)[0]?.url)" target="_blank">
+        <el-icon :size="20">
+          <Download />
+        </el-icon>
+        {{ JSON.parse(form.ruleUrl)[0]?.name }}
+      </el-link>
+    </div>
+<!--    <div class="indexTitle" v-if="form.type==1&&form.cptProjectList?.length > 0"><h3 class="leftboderTT">竞赛项目</h3></div>-->
+<!--    <div v-if="form.type==1&&form.cptProjectList?.length > 0">-->
 
 
-<!--      <el-link v-if="form.ruleUrl" type="primary" :href="fillImgUrl(JSON.parse(form.ruleUrl)[0]?.url)" target="_blank">-->
-<!--        <el-icon :size="20">-->
-<!--          <Download />-->
-<!--        </el-icon>-->
-<!--        {{ JSON.parse(form.ruleUrl)[0]?.name }}-->
-<!--      </el-link>-->
 <!--    </div>-->
 <!--    </div>-->
-    <div class="indexTitle" v-if="form.type==1&&form.cptProjectList?.length > 0"><h3 class="leftboderTT">竞赛项目</h3></div>
-    <div v-if="form.type==1&&form.cptProjectList?.length > 0">
-
-    </div>
 
 
   </div>
   </div>
   <div style="padding: 0 20px 20px" v-else>
   <div style="padding: 0 20px 20px" v-else>

@@ -2,37 +2,37 @@
   <div style="filter: opacity(1)">
   <div style="filter: opacity(1)">
     <el-row :gutter="14" v-if="language==0">
     <el-row :gutter="14" v-if="language==0">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
-        <div class="funcBtn" @click="goBooking(0)">
+        <div class="funcBtn" @click="popRemark(0)">
           <img src="@/assets/dance/btn04.png"/>
           <img src="@/assets/dance/btn04.png"/>
           <h4>票务预订</h4>
           <h4>票务预订</h4>
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
-        <div class="funcBtn" @click="goBooking(1)">
+        <div class="funcBtn" @click="popRemark(1)">
           <img src="@/assets/dance/btn01.png"/>
           <img src="@/assets/dance/btn01.png"/>
-          <h4>酒店预约</h4>
+          <h4>酒店预订</h4>
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
-        <div class="funcBtn" @click="goBooking(2)">
+        <div class="funcBtn" @click="popRemark(2)">
           <img src="@/assets/dance/btn02.png"/>
           <img src="@/assets/dance/btn02.png"/>
-          <h4>车辆预约</h4>
+          <h4>车辆预订</h4>
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
-        <div class="funcBtn" @click="goBooking(3)">
+        <div class="funcBtn" @click="popRemark(3)">
           <img src="@/assets/dance/btn03.png"/>
           <img src="@/assets/dance/btn03.png"/>
           <h4>餐饮预订</h4>
           <h4>餐饮预订</h4>
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
-        <div class="funcBtn" @click="goBooking(4)">
+        <div class="funcBtn" @click="popRemark(4)">
           <img src="@/assets/dance/btn05.png"/>
           <img src="@/assets/dance/btn05.png"/>
           <h4>化妆预约</h4>
           <h4>化妆预约</h4>
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
-        <div class="funcBtn" @click="goBooking(5)">
+        <div class="funcBtn" @click="popRemark(5)">
           <img src="@/assets/dance/btn06.png"/>
           <img src="@/assets/dance/btn06.png"/>
           <h4>拍照预约</h4>
           <h4>拍照预约</h4>
         </div>
         </div>
@@ -40,49 +40,57 @@
     </el-row>
     </el-row>
     <el-row :gutter="14" v-else>
     <el-row :gutter="14" v-else>
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
-        <div class="funcBtn" @click="building">
+        <div class="funcBtn"  @click="popRemark(0)">
           <img src="@/assets/dance/btn04.png"/>
           <img src="@/assets/dance/btn04.png"/>
           <h4>TICKET BOOKING</h4>
           <h4>TICKET BOOKING</h4>
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
-        <div class="funcBtn" @click="goBooking(1)">
+        <div class="funcBtn" @click="popRemark(1)">
           <img src="@/assets/dance/btn01.png"/>
           <img src="@/assets/dance/btn01.png"/>
           <h4>HOTEL RESERVATION</h4>
           <h4>HOTEL RESERVATION</h4>
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
-        <div class="funcBtn" @click="building">
+        <div class="funcBtn"  @click="popRemark(2)">
           <img src="@/assets/dance/btn02.png"/>
           <img src="@/assets/dance/btn02.png"/>
           <h4>TRANSPORTATION RESERVATION</h4>
           <h4>TRANSPORTATION RESERVATION</h4>
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
-        <div class="funcBtn" @click="building">
+        <div class="funcBtn"  @click="popRemark(3)">
           <img src="@/assets/dance/btn03.png"/>
           <img src="@/assets/dance/btn03.png"/>
           <h4>DINING RESERVATION</h4>
           <h4>DINING RESERVATION</h4>
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
-        <div class="funcBtn" @click="building">
+        <div class="funcBtn" @click="popRemark(4)">
           <img src="@/assets/dance/btn05.png"/>
           <img src="@/assets/dance/btn05.png"/>
           <h4>MAKEUP APPOINTMENT</h4>
           <h4>MAKEUP APPOINTMENT</h4>
         </div>
         </div>
       </el-col>
       </el-col>
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
       <el-col :lg="4" :md="8" :sm="12" :xs="12">
-        <div class="funcBtn" @click="building">
+        <div class="funcBtn" @click="popRemark(5)">
           <img src="@/assets/dance/btn06.png"/>
           <img src="@/assets/dance/btn06.png"/>
           <h4>PHOTOGRAPHY APPOINTMENT</h4>
           <h4>PHOTOGRAPHY APPOINTMENT</h4>
         </div>
         </div>
       </el-col>
       </el-col>
     </el-row>
     </el-row>
   </div>
   </div>
+
+  <order-remark ref="orderRemarkRef" @submit="goBooking"/>
 </template>
 </template>
 
 
 <script setup>
 <script setup>
 import {ElMessage} from "element-plus";
 import {ElMessage} from "element-plus";
 import {useRouter} from "vue-router";
 import {useRouter} from "vue-router";
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
+import OrderRemark from '@/viewsPc/components/orderRemark'
+import {getBaseInfoByActiveId} from "@/apiPc/booking";
+import {getCurrentInstance} from "@vue/runtime-core";
+import {onMounted} from "vue";
+const {proxy} = getCurrentInstance()
+
 const router = useRouter()
 const router = useRouter()
 const language= useStorage('language',0)
 const language= useStorage('language',0)
 const props = defineProps({
 const props = defineProps({
@@ -92,16 +100,41 @@ const props = defineProps({
     default: '0'
     default: '0'
   }
   }
 })
 })
+const form = ref({})
+onMounted(()=>{
+  getBaseInfoByActiveId(props.matchId).then(res=>{
+    form.value = res.data || null
+  }).catch(err=>{
+    form.value = null
+    console.log(err)
+  })
+})
+
 function building() {
 function building() {
-  ElMessage.warning(language.value==0?'建设中,敬请期待':'Building！')
+  ElMessage.warning(language.value==0?'感谢您对本次比赛的关注，该服务暂无可预订信息，敬请期待。':'Thank you for your attention to this competition. The service is currently unavailable for booking. Please stay tuned.')
+  return
 }
 }
-function goBooking(n) {
-  ElMessage.warning(language.value==0?'建设中,敬请期待':'Building！')
+function popRemark(type){
+  if(!form.value){
+    building()
     return
     return
-
+  }
+  if((form.value.isJdView == 0&&type=='1') || (form.value.isCarView == 0&&type=='2') || (form.value.isFoodView == 0&&type=='3') || type=='0' || type=='4' || type=='5'){
+    building()
+    return
+  }
+    const params = {
+      matchId: props.matchId,
+      title: language.value == 0 ?'预订说明':'Booking Instructions',
+      type: type
+    }
+    proxy.$refs['orderRemarkRef'].open(params)
+}
+function goBooking(n) {
   switch (n) {
   switch (n) {
     case 0:
     case 0:
       // 票务
       // 票务
+      building()
       router.push({path: `/booking/ticket/${props.matchId}`})
       router.push({path: `/booking/ticket/${props.matchId}`})
       break;
       break;
     case 1:
     case 1:
@@ -118,10 +151,12 @@ function goBooking(n) {
       break;
       break;
     case 4:
     case 4:
       //化妆
       //化妆
+      building()
       router.push({path: `/booking/makeup/${props.matchId}`})
       router.push({path: `/booking/makeup/${props.matchId}`})
       break;
       break;
     case 5:
     case 5:
       //拍照
       //拍照
+      building()
       router.push({path: `/booking/photography/${props.matchId}`})
       router.push({path: `/booking/photography/${props.matchId}`})
       break;
       break;
   }
   }

@@ -3,8 +3,8 @@
   <el-table :data="list" border style="width: 100%">
   <el-table :data="list" border style="width: 100%">
     <el-table-column :label="language==0?'序号':'Index'" type="index" width="70" align="center"/>
     <el-table-column :label="language==0?'序号':'Index'" type="index" width="70" align="center"/>
     <el-table-column :label="language==0?'组别代码':'EVENT code'" width="120px" prop="project.code"/>
     <el-table-column :label="language==0?'组别代码':'EVENT code'" width="120px" prop="project.code"/>
-    <el-table-column :label="language==0?'组别':'Group'" prop="project.name"/>
-    <el-table-column :label="language==0?'舞种':'Dance Style'" width="120px" prop="project.danceType"/>
+    <el-table-column :label="language==0?'组别':'EVENT'" prop="project.name"/>
+    <el-table-column :label="language==0?'舞种':'DISCIPLINE'" width="120px" prop="project.danceType"/>
     <el-table-column :label="language==0?'参赛说明':'Participation Instructions'" min-width="160px">
     <el-table-column :label="language==0?'参赛说明':'Participation Instructions'" min-width="160px">
       <template #default="scope">
       <template #default="scope">
         <div v-html="scope.row.project.remarks"></div>
         <div v-html="scope.row.project.remarks"></div>

@@ -170,7 +170,8 @@
         </el-row>
         </el-row>
       </el-card>
       </el-card>
 
 
-      <quick-row :match-id="matchId"/>
+<!--      只联赛有-->
+      <quick-row :match-id="matchId"  v-if="matchData.leagueId==0"/>
 
 
       <el-row :gutter="20" v-if="matchData.type=='0'">
       <el-row :gutter="20" v-if="matchData.type=='0'">
         <el-col :lg="18">
         <el-col :lg="18">
@@ -200,7 +201,7 @@
                 <el-col :span="24">
                 <el-col :span="24">
                   <el-table :data="signDoneGroupList">
                   <el-table :data="signDoneGroupList">
                     <el-table-column prop="groupCode" :label="language == 0 ? '组别代码' :'EVENT CODE'" min-width="120"/>
                     <el-table-column prop="groupCode" :label="language == 0 ? '组别代码' :'EVENT CODE'" min-width="120"/>
-                    <el-table-column prop="group" :label="language == 0 ?'组别':'Group'" min-width="120"/>
+                    <el-table-column prop="EVENT" :label="language == 0 ?'组别':'Group'" min-width="120"/>
                     <el-table-column prop="maleAthName" :label="language == 0 ?'男运动员':'man name'" min-width="150"/>
                     <el-table-column prop="maleAthName" :label="language == 0 ?'男运动员':'man name'" min-width="150"/>
                     <el-table-column prop="femaleAthName" :label="language == 0 ?'女运动员':'woman name'" min-width="150"/>
                     <el-table-column prop="femaleAthName" :label="language == 0 ?'女运动员':'woman name'" min-width="150"/>
                     <el-table-column prop="danceType" :label="language == 0 ?'舞种':'Division'" min-width="120"/>
                     <el-table-column prop="danceType" :label="language == 0 ?'舞种':'Division'" min-width="120"/>
@@ -273,6 +274,17 @@
         </div>
         </div>
       </div>
       </div>
     </el-dialog>
     </el-dialog>
+    <el-dialog v-model="upgradePop" class="pcloginpop" close-icon="CircleClose"
+               center width="450px" title="Upgrade">
+      <div>
+        <div class="rItem r1" @click="goUpdateTeam">
+          <h3>{{ language == 0 ? '升级机构用户' : 'Organization' }}</h3>
+        </div>
+        <div class="rItem r2" @click="goUpdatePersonal">
+          <h3>{{ language == 0 ? '升级个人用户' : 'Individual' }}</h3>
+        </div>
+      </div>
+    </el-dialog>
 
 
 
 
   </div>
   </div>
@@ -338,6 +350,7 @@ const {
   time, startSign,isNational
   time, startSign,isNational
 } = toRefs(data)
 } = toRefs(data)
 const signTypePop = ref(false)
 const signTypePop = ref(false)
+const upgradePop = ref(false)
 onMounted(() => {
 onMounted(() => {
   if (group) {
   if (group) {
     groupId.value = group.id
     groupId.value = group.id
@@ -415,49 +428,29 @@ function choseSignType() {
     }
     }
   } else {
   } else {
     checkIsSign().then(() => {
     checkIsSign().then(() => {
-      switch (matchData.value.signType) {
-        case '0':
-          if (user.utype == '1') {
-            goPersonalSign()
-          } else {
-            ElMessageBox.confirm(
-                language.value == 0 ?'当前活动是个人活动，无法报名':'The current event is a personal event, cannot register',
-                language.value == 0 ?'提示':'Warning',
-                {
-                  confirmButtonText: language.value == 0 ?'好的':'OK',
-                  cancelButtonText: language.value == 0 ?'取消':'Cancel',
-                  type: 'warning',
-                }
-            )
-          }
-          break
-        case '1':
-          if (user.utype == '1') {
-            ElMessageBox.confirm(
-                language.value == 0 ?'当前活动是团队活动，无法报名':'The current event is a team event, cannot register',
-                language.value == 0 ?'提示':'Warning',
-                {
-                  confirmButtonText: language.value == 0 ?'好的':'OK',
-                  cancelButtonText: language.value == 0 ?'取消':'Cancel',
-                  type: 'warning',
-                }
-            )
-          } else {
-            goTeamSign()
-          }
-          break
-        case '2':
-          if (user.utype == '1') {
-            goPersonalSign()
-          } else {
-            goTeamSign()
+      switchSignType()
+    })
   }
   }
-          break
+}
+function goUpdateTeam() {
+  //升级团队
+  router.push({
+    name:'teamRegister',
+    query:{
+      step:'1',
+      matchId:matchId.value
     }
     }
   })
   })
+}
+function goUpdatePersonal() {
+  //升级团队
+  router.push({
+    name:'personalRegister',
+    query:{
+      matchId:matchId.value
     }
     }
+  })
 }
 }
-
 function goTeamSign() {
 function goTeamSign() {
   if (matchData.value.languageSource == '100') {
   if (matchData.value.languageSource == '100') {
     // 国内
     // 国内
@@ -479,12 +472,13 @@ function goTeamSign() {
         matchId: matchId.value,
         matchId: matchId.value,
         groupId: groupId.value,
         groupId: groupId.value,
         signType: matchData.value.signType,
         signType: matchData.value.signType,
+        languageSource: matchData.value.languageSource,
         isNational: false
         isNational: false
       }
       }
     })
     })
   } else {
   } else {
     // 国际赛
     // 国际赛
-    if(group.type!='4'&& matchData.value.countryLimit=='1'){
+    if(group?.type!='4'&& matchData.value.countryLimit=='1'){
       ElMessageBox.confirm(
       ElMessageBox.confirm(
           language.value==0?'您的团体类型不符合报名条件':'Your Team type does not meet the registration requirements',
           language.value==0?'您的团体类型不符合报名条件':'Your Team type does not meet the registration requirements',
           language.value==0?'提示':'Warning',
           language.value==0?'提示':'Warning',
@@ -502,7 +496,8 @@ function goTeamSign() {
         matchId: matchId.value,
         matchId: matchId.value,
         groupId: groupId.value,
         groupId: groupId.value,
         signType: matchData.value.signType,
         signType: matchData.value.signType,
-        isNational: true
+        isNational: true,
+        languageSource: matchData.value.languageSource
       }
       }
     })
     })
   }
   }
@@ -540,21 +535,26 @@ function checkIsSign() {
     groupId: groupId.value || 0
     groupId: groupId.value || 0
   }
   }
   return match.getMySignInfo(obj).then(res => {
   return match.getMySignInfo(obj).then(res => {
-    if (res.data.type == '1') {
+    switch (res.data.type){
+      case '0':
+        // 未报名
+        break
+      case '1':
+        // 提交报名，未审核
         ElMessageBox.confirm(
         ElMessageBox.confirm(
-          language.value == 0 ?'已报名，不能重复报名，是否前往个人中心查看':'Registered, cannot be duplicated. Go to the personal center to check?',
+            language.value == 0 ?'您的报名信息已提交，是否撤回，重新填写报名信息？':'Your registration information has been submitted. Do you want to withdraw it and fill in the registration information again?',
             language.value==0?'提示':'Warning',
             language.value==0?'提示':'Warning',
             {
             {
-            confirmButtonText: language.value==1?'OK':'确定',
+              confirmButtonText: language.value==1?'Withdraw the registration':'撤回报名信息',
               cancelButtonText: language.value==1?'Cancel':'取消',
               cancelButtonText: language.value==1?'Cancel':'取消',
               type: 'warning',
               type: 'warning',
             }
             }
         ).then(() => {
         ).then(() => {
-        router.push({name: 'myMatch'})
+          withDraw(res.data.orderId)
         })
         })
-      return Promise.reject('rejected message')
-    }
-    if (res.data.type == '2') {
+        // return Promise.reject('rejected message')
+        break
+      case '2':
         ElMessageBox.confirm(
         ElMessageBox.confirm(
             language.value == 0 ?'报名审批拒绝，是否重新报名':'Registration approval rejected. Do you want to register again',
             language.value == 0 ?'报名审批拒绝，是否重新报名':'Registration approval rejected. Do you want to register again',
             language.value==0?'提示':'Warning',
             language.value==0?'提示':'Warning',
@@ -567,8 +567,8 @@ function checkIsSign() {
           reSign()
           reSign()
         })
         })
         return Promise.reject('rejected message')
         return Promise.reject('rejected message')
-    }
-    if (res.data.type == '3') {
+        break
+      case '3':
         ElMessageBox.confirm(
         ElMessageBox.confirm(
             language.value == 0 ?'报名已取消，是否重新报名':'Registration cancelled. Do you want to register again',
             language.value == 0 ?'报名已取消，是否重新报名':'Registration cancelled. Do you want to register again',
             language.value==0?'提示':'Warning',
             language.value==0?'提示':'Warning',
@@ -581,52 +581,102 @@ function checkIsSign() {
           reSign()
           reSign()
         })
         })
         return Promise.reject('rejected message')
         return Promise.reject('rejected message')
+        break
+      case '4':
+        // 审核通过未缴费
+        ElMessageBox.confirm(
+            language.value == 0 ?'您的报名信息已审核通过，如需修改，请联系组委会':'Your registration information has been approved. If you need to make any changes, please contact the organizing committee',
+            language.value==0?'提示':'Warning',
+            {
+              confirmButtonText: language.value==1?'OK':'确定',
+              cancelButtonText: language.value==1?'Cancel':'取消',
+              type: 'warning',
+            }
+        ).then(() => {
+          // router.push({name: 'myMatch'})
+        })
+        return Promise.reject('rejected message')
+        break
+      case '5':
+        // 审核通过已缴费
+        ElMessageBox.confirm(
+            language.value == 0 ?'您的报名信息已完成缴费，如需修改，请联系组委会':'Your registration information has been paid. If you need to make any changes, please contact the organizing committee',
+            language.value==0?'提示':'Warning',
+            {
+              confirmButtonText: language.value==1?'OK':'确定',
+              cancelButtonText: language.value==1?'Cancel':'取消',
+              type: 'warning',
+            }
+        )
+        return Promise.reject('rejected message')
+        break
     }
     }
   })
   })
 }
 }
-
+function withDraw(orderId) {
+  match.withDrawByOrderId(orderId).then(res=>{
+    choseSignType()
+  })
+}
 function reSign(){
 function reSign(){
   match.recoverMySignFromCancel(matchId.value).then((res) => {
   match.recoverMySignFromCancel(matchId.value).then((res) => {
+    switchSignType()
+  })
+}
+function switchSignType() {
   switch (matchData.value.signType) {
   switch (matchData.value.signType) {
     case '0':
     case '0':
-        if (user.utype == '1') {
+      if (user.utype == '1' ) {
         goPersonalSign()
         goPersonalSign()
-        } else {
+      }
+      if(user.utype == '2'){
         ElMessageBox.confirm(
         ElMessageBox.confirm(
             language.value == 0 ?'当前活动是个人活动，无法报名':'The current event is a personal event, cannot register',
             language.value == 0 ?'当前活动是个人活动，无法报名':'The current event is a personal event, cannot register',
-              language.value==0?'提示':'Warning',
+            language.value == 0 ?'提示':'Warning',
             {
             {
-                confirmButtonText: language.value==1?'OK':'确定',
-                cancelButtonText: language.value==1?'Cancel':'取消',
+              confirmButtonText: language.value == 0 ?'好的':'OK',
+              cancelButtonText: language.value == 0 ?'取消':'Cancel',
               type: 'warning',
               type: 'warning',
             }
             }
         )
         )
       }
       }
+      if(user.utype == '3'){
+        goGeren()
+      }
       break
       break
     case '1':
     case '1':
       if (user.utype == '1') {
       if (user.utype == '1') {
         ElMessageBox.confirm(
         ElMessageBox.confirm(
             language.value == 0 ?'当前活动是团队活动，无法报名':'The current event is a team event, cannot register',
             language.value == 0 ?'当前活动是团队活动，无法报名':'The current event is a team event, cannot register',
-              language.value==0?'提示':'Warning',
+            language.value == 0 ?'提示':'Warning',
             {
             {
-                confirmButtonText: language.value==1?'OK':'确定',
-                cancelButtonText: language.value==1?'Cancel':'取消',
+              confirmButtonText: language.value == 0 ?'好的':'OK',
+              cancelButtonText: language.value == 0 ?'取消':'Cancel',
               type: 'warning',
               type: 'warning',
             }
             }
         )
         )
-        } else {
+      }
+      if (user.utype == '2') {
         goTeamSign()
         goTeamSign()
       }
       }
+      if (user.utype == '3') {
+        // 团队活动 且 游客
+        upgradePop.value = true
+      }
       break
       break
     case '2':
     case '2':
       if (user.utype == '1') {
       if (user.utype == '1') {
         goPersonalSign()
         goPersonalSign()
-        } else {
+      }
+      if (user.utype == '2') {
         goTeamSign()
         goTeamSign()
       }
       }
+      if (user.utype == '3') {
+        //游客
+        upgradePop.value = true
+      }
       break
       break
   }
   }
-  })
 }
 }
 function applyInvitation() {
 function applyInvitation() {
   var obj = {
   var obj = {

@@ -224,8 +224,8 @@ const submitForm = (n) => {
       })
       })
     return
     return
   }
   }
-  ElMessageBox.confirm(language.value == 0 ? '确定提交吗？' : 'Are you sure to submit?',
-      language.value == 0 ? '提示' : 'Tip',
+  ElMessageBox.confirm(language.value == 0 ? '请谨慎提交！请务必确保所有成员全部报名后，一次性提交。提交后不可修改！' : 'Please be cautious! Please make sure that all members have signed up ，it cannot be modified after submission!',
+      language.value == 0 ? '注意' : 'Note',
       {
       {
         confirmButtonText: language.value == 0 ? '确定' : 'Yes',
         confirmButtonText: language.value == 0 ? '确定' : 'Yes',
         cancelButtonText: language.value == 0 ? '取消' : 'Cancel',
         cancelButtonText: language.value == 0 ? '取消' : 'Cancel',

@@ -16,7 +16,7 @@
                 <img :src="fillImgUrl_webSite(n.picUrl)">
                 <img :src="fillImgUrl_webSite(n.picUrl)">
               </div>
               </div>
               <div class="item-body">
               <div class="item-body">
-                <h3 v-html="n.name" />
+                <h3 class="esp_2" v-html="n.name" />
                 <p v-html="n.subName"/>
                 <p v-html="n.subName"/>
                 <a class="go">{{ language==0?'查看详情':'Detail' }}
                 <a class="go">{{ language==0?'查看详情':'Detail' }}
                   <el-icon class="rotate90_180"><sort-down/></el-icon>
                   <el-icon class="rotate90_180"><sort-down/></el-icon>

@@ -11,20 +11,20 @@
 <!--          <el-tab-pane v-for="(tab,index) in list" :key="index" :label="tab.name" :name="index" />-->
 <!--          <el-tab-pane v-for="(tab,index) in list" :key="index" :label="tab.name" :name="index" />-->
 <!--        </el-tabs>-->
 <!--        </el-tabs>-->
         <div class="pd20">
         <div class="pd20">
-        <el-row class="mb20">
-          <el-col :lg="24" :xs="24">
-            <div v-for="(n,index) in newsList?.slice(0,1)" v-show="index<1" :key="index" class="firstItem" @click="goDetail(n)">
-              <div class="date">
-                <p>{{ n.belongTime }}</p>
-              </div>
-              <div class="item-body">
-                <h3 class="esp_2">
-                  <span class="istop" v-if="n.isTop == '1'">{{ language==0?'置顶':'TOP' }}</span>
-                  {{n.name}}</h3>
-              </div>
-              <a class="go">{{ language==0?'查看详情':'DETAIL' }} ⇀</a>
-            </div>
-          </el-col>
+<!--        <el-row class="mb20">-->
+<!--          <el-col :lg="24" :xs="24">-->
+<!--            <div v-for="(n,index) in newsList?.slice(0,1)" v-show="index<1" :key="index" class="firstItem" @click="goDetail(n)">-->
+<!--              <div class="date">-->
+<!--                <p>{{ n.belongTime }}</p>-->
+<!--              </div>-->
+<!--              <div class="item-body">-->
+<!--                <h3 class="esp_2">-->
+<!--                  <span class="istop" v-if="n.isTop == '1'">{{ language==0?'置顶':'TOP' }}</span>-->
+<!--                  {{n.name}}</h3>-->
+<!--              </div>-->
+<!--              <a class="go">{{ language==0?'查看详情':'DETAIL' }} ⇀</a>-->
+<!--            </div>-->
+<!--          </el-col>-->
 <!--          <el-col :lg="8" :xs="24" class="forPc">-->
 <!--          <el-col :lg="8" :xs="24" class="forPc">-->
 <!--            <div class="searchPark">-->
 <!--            <div class="searchPark">-->
 <!--              <h3>通知搜索</h3>-->
 <!--              <h3>通知搜索</h3>-->
@@ -56,12 +56,22 @@
 <!--              </el-form>-->
 <!--              </el-form>-->
 <!--            </div>-->
 <!--            </div>-->
 <!--          </el-col>-->
 <!--          </el-col>-->
-        </el-row>
-
-        <div class="newsLine">
+<!--        </el-row>-->
 
 
+        <div class="newsLine" v-for="(n,index) in newsList" :key="index">
+          <div v-if="n.isTop == '1'" class="firstItem" @click="goDetail(n)">
+            <div class="date">
+              <p>{{ n.belongTime }}</p>
+            </div>
+            <div class="item-body">
+              <h3 class="esp_2">
+                <span class="istop" v-if="n.isTop == '1'">{{ language==0?'置顶':'TOP' }}</span>
+                {{n.name}}</h3>
+            </div>
+            <a class="go">{{ language==0?'查看详情':'DETAIL' }} ⇀</a>
+          </div>
 
 
-          <div v-for="(n,index) in newsList" v-show="index>0" :key="index" class="item" @click=" goDetail(n)">
+          <div v-else class="item" @click=" goDetail(n)">
             <div class="date">
             <div class="date">
               <div class="day">{{ n.belongTime?.substring(8, 10) }}</div>
               <div class="day">{{ n.belongTime?.substring(8, 10) }}</div>
               <p>{{ n.belongTime?.substring(0, 7).replace(/-/g, '/') }}</p>
               <p>{{ n.belongTime?.substring(0, 7).replace(/-/g, '/') }}</p>
@@ -145,15 +155,17 @@ const goDetail = (n) => {
   background: #F8F4FF;height: 100%;padding: 10px 20px;
   background: #F8F4FF;height: 100%;padding: 10px 20px;
   .date{font-weight: bold;transform: scaleX(0.7);transform-origin: left;
   .date{font-weight: bold;transform: scaleX(0.7);transform-origin: left;
     font-size: 18px;
     font-size: 18px;
-    color: var(--el-color-primary);}
+    color: var(--el-color-primary);
+    p{margin: 5px 0;}
+  }
   h3{margin: 10px 0;
   h3{margin: 10px 0;
     font-size: 22px;}
     font-size: 22px;}
   .go{color: var(--el-color-primary);
   .go{color: var(--el-color-primary);
     font-size: 14px;padding: 0 0 5px;}
     font-size: 14px;padding: 0 0 5px;}
+  &:hover{background: linear-gradient(90deg, #8623fc3d, #453dea36);}
 }
 }
-
-
 .newsLine{
 .newsLine{
+  .firstItem{margin-bottom: 10px;}
   .item{display: flex;position: relative;width: 100%;height: 90px;
   .item{display: flex;position: relative;width: 100%;height: 90px;
     align-items: center;cursor: pointer;border-bottom: 1px dashed #EEEEEE;
     align-items: center;cursor: pointer;border-bottom: 1px dashed #EEEEEE;
     .date{width: 60px;height: 60px;text-align: center;background: #FAFAFA;margin: 0 10px;
     .date{width: 60px;height: 60px;text-align: center;background: #FAFAFA;margin: 0 10px;

+<template>
+  <el-dialog v-model="show" :title="language==0?'快捷注册':'Quick Login'"  close-icon="CircleClose"
+             width="600" :append-to-body="true"  destroy-on-close @close="close">
+    <div class="pt30">
+      <el-form class="d-form" size="large" :label-width="language==0?120:150" style="max-width: 500px;margin: auto">
+        <el-form-item :label="language==0?'邮箱':'E-mail'" required>
+          <el-input type="text" v-model="form.account" @change="resetCode" @blur="verifyCode"
+          />
+          <div class="tip" v-if="language==0">
+            （请填写正确的邮箱信息，邮箱信息在注册完成后无法修改。
+            该邮箱后续会作为您登录的账户，
+            并接收报名审核结果、支付账单、签证邀请函等相关信息。）
+          </div>
+          <div v-else class="tip">
+            Please fill in the correct email， which cannot be changed after the registration is completed. The email will be used as your login account and to receive relevant information including results of registration review, payment bills, visa invitation letters, etc.
+          </div>
+        </el-form-item>
+        <el-form-item :label="language==0?'验证码':'Code'" required>
+          <el-input v-model="form.code">
+            <template #append>
+              <el-button type="primary" plain style="width: 110px" @click="sendsmsMsg">
+                <count-down v-if="counting" v-slot="{ totalSeconds }" :time="60000" @end="counting=false">
+                  {{ totalSeconds }} {{ language == 0 ? '秒' : 's' }}
+                </count-down>
+                <span v-else>
+                  {{ language == 0 ? '发送验证码' : 'Send' }}
+                </span>
+              </el-button>
+            </template>
+          </el-input>
+          <div class="vcodeBox" :style="isShow?'height:240px':'height:0'">
+            <Vcode :show="isShow" :successText="successVcode" :failText="failVcode" :slider-text="sliderText"
+                   type="inside" @success="codeSuccess"></Vcode>
+          </div>
+        </el-form-item>
+        <el-form-item :label="language==0?'密码':'Password'" required>
+          <el-input type="password" show-password v-model="form.password"
+                    :placeholder="language==0?'6-16位密码。区分大小写':''"/>
+        </el-form-item>
+        <el-form-item :label="language==0?'确认密码':'Confirm Password'" required>
+          <el-input type="password" show-password v-model="form.password2" @blur="vconfirmPassword"
+                    :placeholder="language==0?'再次输入密码':''"/>
+        </el-form-item>
+      </el-form>
+
+    </div>
+    <template #footer>
+      <div class="dialog-footer text-center">
+        <el-button type="primary" class="btn-lineG w200px" round @click="register">{{language==0?'登录':'Confirm'}}</el-button>
+        <div class="text-primary underline mt20 pointer" @click="goLogin">{{language==0?'已有账号去登录':'Already have an account? Login'}}</div>
+
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import {reactive, toRefs} from 'vue'
+import Vcode from "vue3-puzzle-vcode"
+import {ElMessage} from 'element-plus'
+import CountDown from '@chenfengyuan/vue-countdown'
+import {getCaptchaSms} from "@/apiPc/match";
+import {onMounted} from "@vue/runtime-core";
+import {useStorage} from "@vueuse/core/index";
+import {vistorRegister} from "@/apiPc/common";
+import {setToken} from "@/utils/auth";
+import useUserStore from "@/store/modules/user";
+
+const language = useStorage('language', 0)
+
+const data = reactive({
+  isShow: false,
+  isCodeTrue: false,
+  counting: false,
+  form: {},
+  activeStep: 0,
+  failVcode: '验证失败，请重试',
+  successVcode: '验证通过！',
+  sliderText: '拖动滑块完成拼图',
+  show:false
+})
+const {isShow, isCodeTrue, counting, form, activeStep, failVcode, successVcode, sliderText,show} = toRefs(data)
+const emit = defineEmits(['submit'])
+onMounted(() => {
+  if (language.value == 1) {
+    failVcode.value = 'Error!'
+    successVcode.value = 'Success!'
+    sliderText.value = 'Drag the slider to complete the puzzle'
+  }
+})
+const open = (params) => {
+  show.value = true
+}
+defineExpose({
+  open
+})
+
+function sendsmsMsg() {
+  if (!form.value.account) {
+    if (language.value == 0) {
+      ElMessage.warning('请填写邮箱')
+    } else {
+      ElMessage.warning('Please fill in your email address')
+    }
+    return
+  }
+  if (form.value.account.indexOf('@') == -1) {
+    if (language.value == 0) {
+      ElMessage.warning('请填写正确的邮箱')
+    } else {
+      ElMessage.warning('Please fill in the correct email')
+    }
+    return
+  }
+  if (counting.value) {
+    return
+  } else {
+    isShow.value = true
+  }
+}
+
+function verifyCode() {
+  if (!form.value.account) {
+    return
+  }
+  if (form.value.account.indexOf('@') > -1) {
+    //邮箱
+  }
+}
+
+function codeSuccess(msg) {
+  console.log('验证通过' + msg);
+  isShow.value = false
+  getCaptchaSms({account: form.value.account}).then(res => {
+    counting.value = true
+    isCodeTrue.value = true
+    ElMessage.success(language.value == 0 ? '发送成功,请关注邮箱邮件' :'Send success, please check your email')
+  })
+}
+
+function resetCode() {
+  isCodeTrue.value = false
+}
+function goLogin() {
+  show.value = false
+  useUserStore().setReLogin()
+}
+function register() {
+  //游客注册
+  if (!form.value.account) {
+    if (language.value == 0) {
+      ElMessage.warning('请填写邮箱')
+    } else {
+      ElMessage.warning('Please fill in your email address')
+    }
+    return
+  }
+  if (!form.value.code) {
+    if (language.value == 0) {
+      ElMessage.warning('请填写验证码')
+    } else {
+      ElMessage.warning('Please fill in Code')
+    }
+    return
+  }
+  if (!form.value.password) {
+    ElMessage.warning(language.value == 0?'请输入密码':'Please enter password')
+    return
+  }
+  if (!form.value.password2) {
+    ElMessage.warning(language.value == 0?'请再次输入密码':'Please enter password')
+    return
+  }
+  delete form.value.password2
+  vistorRegister(form.value).then(res=>{
+    setToken(res.data.token)
+    emit('submitForm')
+  })
+}
+const vconfirmPassword = () => {
+  if (form.value.password !== form.value.password2) {
+    ElMessage.warning(language.value == 0 ? '两次输入的密码不一致' :'The two passwords entered are inconsistent')
+  }
+}
+function close() {
+  show.value = false
+}
+</script>
+
+<style scoped lang="scss">
+.tip{line-height: 1.6}
+</style>

@@ -20,9 +20,12 @@
                       </el-button>
                       </el-button>
                     </template>
                     </template>
                   </el-input>
                   </el-input>
-                  <a class="text-primary text-sm mt10" href="https://www.worlddancesport.org/Athlete/List" target="_blank">
-                    <el-icon><Link /></el-icon>
-                    {{language==0?'去WDSF官网查询我的会员号':'Search my WSDF MIN on the WDSF official website'}}
+                  <a class="text-primary text-sm mt10" href="https://www.worlddancesport.org/Athlete/List"
+                     target="_blank">
+                    <el-icon>
+                      <Link/>
+                    </el-icon>
+                    {{ language == 0 ? '去WDSF官网查询我的会员号' : 'Search my WSDF MIN on the WDSF official website' }}
                   </a>
                   </a>
 
 
                 </el-form-item>
                 </el-form-item>
@@ -89,9 +92,9 @@
                   />
                   />
                 </el-form-item>
                 </el-form-item>
 
 
-
-
                 <div class="h30"></div>
                 <div class="h30"></div>
+
+                <div v-if="!user">
                   <div class="leftboderTT">{{ language == 0 ? '登录密码' : 'Login Information' }} <span
                   <div class="leftboderTT">{{ language == 0 ? '登录密码' : 'Login Information' }} <span
                       v-if="language==0">(登录时需要验证，保护账户信息)</span></div>
                       v-if="language==0">(登录时需要验证，保护账户信息)</span></div>
                   <div class="h20"></div>
                   <div class="h20"></div>
@@ -100,7 +103,8 @@
                       <el-input type="text" v-model="wdsfData.email" @change="resetCode(1)" autocomplete="false"
                       <el-input type="text" v-model="wdsfData.email" @change="resetCode(1)" autocomplete="false"
                                 @blur="verifyCode" :disabled="wdsfData.personFlag=='1'"/>
                                 @blur="verifyCode" :disabled="wdsfData.personFlag=='1'"/>
 
 
-                    <span class="text-primary" v-if="wdsfData.personFlag=='1'" @click="forgetPassword(wdsfData.email)">忘记密码</span>
+                      <span class="text-primary" v-if="wdsfData.personFlag=='1'"
+                            @click="forgetPassword(wdsfData.email)">忘记密码</span>
                     </div>
                     </div>
 
 
 
 
@@ -111,7 +115,8 @@
                       </div>
                       </div>
                       <div v-else>
                       <div v-else>
                         Please fill in the correct email， which cannot be changed after the registration is completed.
                         Please fill in the correct email， which cannot be changed after the registration is completed.
-                      The email will be used as your login account and to receive relevant information including results of registration review, payment bills, visa invitation letters, etc.
+                        The email will be used as your login account and to receive relevant information including
+                        results of registration review, payment bills, visa invitation letters, etc.
                       </div>
                       </div>
                     </div>
                     </div>
 
 
@@ -136,17 +141,20 @@
                   </el-form-item>
                   </el-form-item>
                   <el-form-item :label="language==0?'确认密码':'Confirm Password'" required
                   <el-form-item :label="language==0?'确认密码':'Confirm Password'" required
                                 v-if="wdsfData.personFlag=='0'">
                                 v-if="wdsfData.personFlag=='0'">
-                  <el-input type="password" show-password v-model="form.confirmPassword"  autocomplete="false" @change="vconfirmPassword"
+                    <el-input type="password" show-password v-model="form.confirmPassword" autocomplete="false"
+                              @change="vconfirmPassword"
                               :placeholder="language==0?'再次输入密码':'Confirm Password'"/>
                               :placeholder="language==0?'再次输入密码':'Confirm Password'"/>
                     <div class="text-danger" v-if="showError">
                     <div class="text-danger" v-if="showError">
-                    {{language == 0 ? '密码不一致' : 'Password inconsistency'}}
+                      {{ language == 0 ? '密码不一致' : 'Password inconsistency' }}
                     </div>
                     </div>
                   </el-form-item>
                   </el-form-item>
+
+                </div>
               </el-form>
               </el-form>
             </div>
             </div>
             <div class="text-center">
             <div class="text-center">
               <el-button class="primary-kx" round @click="goBack"> {{ language == 0 ? '取消' : 'Cancel' }}</el-button>
               <el-button class="primary-kx" round @click="goBack"> {{ language == 0 ? '取消' : 'Cancel' }}</el-button>
-              <el-button type="primary" class="btn-lineG w200px" round @click="next" v-if="wdsfData.wdsfFlag=='1'">
+              <el-button type="primary" class="btn-lineG w200px" round @click="bigNext" v-if="wdsfData.wdsfFlag=='1'">
                 <span v-if="matchId=='0'">{{ language == 0 ? '立即注册' : 'Register Now' }}</span>
                 <span v-if="matchId=='0'">{{ language == 0 ? '立即注册' : 'Register Now' }}</span>
                 <span v-else>{{ language == 0 ? '下一步' : 'Next' }}</span>
                 <span v-else>{{ language == 0 ? '下一步' : 'Next' }}</span>
               </el-button>
               </el-button>
@@ -176,12 +184,14 @@ import FileUpload from "@/components/FileUpload";
 import {useRouter, useRoute} from "vue-router";
 import {useRouter, useRoute} from "vue-router";
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
 import useUserStore from "@/store/modules/user";
 import useUserStore from "@/store/modules/user";
+import {upgradePersonal} from "@/apiPc/common";
 
 
-const language= useStorage('language',0)
+const language = useStorage('language', 0)
 const router = useRouter()
 const router = useRouter()
 const route = useRoute()
 const route = useRoute()
 const {proxy} = getCurrentInstance()
 const {proxy} = getCurrentInstance()
-
+const userStore = useUserStore()
+const user = useUserStore().user
 const data = reactive({
 const data = reactive({
   isShow: false,
   isShow: false,
   isCodeTrue: 0,
   isCodeTrue: 0,
@@ -260,17 +270,13 @@ function verifyCode() {
 
 
 function codeSuccess(msg) {
 function codeSuccess(msg) {
   isShow.value = false
   isShow.value = false
-  console.log('old',isCodeTrue.value)
+  console.log('old', isCodeTrue.value)
   isCodeTrue.value += 1
   isCodeTrue.value += 1
-  console.log('new',isCodeTrue.value)
+  console.log('new', isCodeTrue.value)
   if (isCodeTrue.value == 1) {
   if (isCodeTrue.value == 1) {
     checkWdsf({card: form.value.card}).then(res => {
     checkWdsf({card: form.value.card}).then(res => {
       wdsfData.value = res.data
       wdsfData.value = res.data
-      if(wdsfData.value.passportUrl){
-
-      }
-      if (!wdsfData.value.sex) {
-        wdsfData.value.sex = '0'
+      if (wdsfData.value.passportUrl) {
       }
       }
       if (wdsfData.value.wdsfFlag == '0') {
       if (wdsfData.value.wdsfFlag == '0') {
         isCodeTrue.value = 0
         isCodeTrue.value = 0
@@ -288,7 +294,7 @@ function codeSuccess(msg) {
     counting.value = true
     counting.value = true
     getCaptchaSms({account: wdsfData.value.email}).then(res => {
     getCaptchaSms({account: wdsfData.value.email}).then(res => {
       isCodeTrue.value = 1
       isCodeTrue.value = 1
-      ElMessage.success(language.value == 0 ? '发送成功,请关注邮箱邮件' :'Send success, please check your email')
+      ElMessage.success(language.value == 0 ? '发送成功,请关注邮箱邮件' : 'Send success, please check your email')
     }).catch(err => {
     }).catch(err => {
       isCodeTrue.value = 1
       isCodeTrue.value = 1
     })
     })
@@ -310,21 +316,43 @@ function vconfirmPassword() {
 function goBack() {
 function goBack() {
   router.go(-1)
   router.go(-1)
 }
 }
-
-function next() {
+function bigNext(){
   // if (!wdsfData.value.passportNumber) {
   // if (!wdsfData.value.passportNumber) {
   //   ElMessage.warning(language.value == 0 ?'请填写护照号':'Please fill in your passport number')
   //   ElMessage.warning(language.value == 0 ?'请填写护照号':'Please fill in your passport number')
   //   return
   //   return
   // }
   // }
+
   if (!wdsfData.value.passportUrl) {
   if (!wdsfData.value.passportUrl) {
-    ElMessage.warning(language.value == 0 ? '请上传护照文件' :'Please upload  your passport file')
+    ElMessage.warning(language.value == 0 ? '请上传护照文件' : 'Please upload  your passport file')
     return
     return
   }
   }
   if (!wdsfData.value.sex) {
   if (!wdsfData.value.sex) {
-    ElMessage.warning(language.value == 0 ? '请选择性别' :'Please select your gender')
+    ElMessage.warning(language.value == 0 ? '请选择性别' : 'Please select your gender')
     return
     return
   }
   }
-  console.log(wdsfData.value.personFlag)
+  if(user.utype=='3'){
+    let obj = {
+      card: form.value.card,
+      userId: user.userId,
+      picUrl: wdsfData.value.picUrl,
+      code: form.value.code,
+      sex: wdsfData.value.sex,
+      birth: wdsfData.value.birthday,
+      passportNumber: wdsfData.value.passportNumber,
+    }
+    upgradePersonal(obj).then(res=>{
+      if(res.data){
+        userStore.getInfo().then(res=>{
+          afterR()
+        })
+      }
+    })
+  } else {
+    next()
+  }
+}
+
+function next() {
   if (wdsfData.value.personFlag == '0') {
   if (wdsfData.value.personFlag == '0') {
     let obj = {
     let obj = {
       card: form.value.card,
       card: form.value.card,
@@ -336,7 +364,7 @@ function next() {
       birth: wdsfData.value.birthday,
       birth: wdsfData.value.birthday,
       passportNumber: wdsfData.value.passportNumber,
       passportNumber: wdsfData.value.passportNumber,
     }
     }
-    if(Array.isArray(wdsfData.value.passportUrl)){
+    if (Array.isArray(wdsfData.value.passportUrl)) {
       obj.passportUrl = wdsfData.value.passportUrl[0].url
       obj.passportUrl = wdsfData.value.passportUrl[0].url
     } else {
     } else {
       obj.passportUrl = wdsfData.value.passportUrl || ''
       obj.passportUrl = wdsfData.value.passportUrl || ''
@@ -349,7 +377,7 @@ function next() {
     })
     })
   }
   }
   if (wdsfData.value.personFlag == '1') {
   if (wdsfData.value.personFlag == '1') {
-    if(!form.value.password){
+    if (!form.value.password) {
       ElMessage.warning('Please fill in your password')
       ElMessage.warning('Please fill in your password')
       return
       return
     }
     }
@@ -362,7 +390,7 @@ function next() {
       username: wdsfData.value.email,
       username: wdsfData.value.email,
       password: form.value.password,
       password: form.value.password,
     }
     }
-    if(Array.isArray(wdsfData.value.passportUrl)){
+    if (Array.isArray(wdsfData.value.passportUrl)) {
       obj.passportUrl = wdsfData.value.passportUrl[0].url
       obj.passportUrl = wdsfData.value.passportUrl[0].url
     } else {
     } else {
       obj.passportUrl = wdsfData.value.passportUrl
       obj.passportUrl = wdsfData.value.passportUrl
@@ -375,7 +403,6 @@ function next() {
 
 
     })
     })
   }
   }
-
 }
 }
 
 
 function afterR() {
 function afterR() {
@@ -388,7 +415,7 @@ function afterR() {
       query: {
       query: {
         matchId: matchId.value
         matchId: matchId.value
       }
       }
-    }).then(()=>{
+    }).then(() => {
       // location.reload()
       // location.reload()
     })
     })
   } else {
   } else {
@@ -397,20 +424,30 @@ function afterR() {
       params: {
       params: {
         id: 0
         id: 0
       }
       }
-    }).then(()=>{
+    }).then(() => {
       location.reload()
       location.reload()
     })
     })
   }
   }
 }
 }
+
 function forgetPassword(account) {
 function forgetPassword(account) {
-  useUserStore().setReLogin({account: account,active:2})
+  useUserStore().setReLogin({account: account, active: 2})
 }
 }
 </script>
 </script>
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">
-.pvbox{position: relative;width: 100%;
-  .text-primary{position: absolute;right: -5em;cursor: pointer;text-decoration: underline;}
+.pvbox {
+  position: relative;
+  width: 100%;
+
+  .text-primary {
+    position: absolute;
+    right: -5em;
+    cursor: pointer;
+    text-decoration: underline;
+  }
 }
 }
+
 .tip {
 .tip {
   line-height: 1.6;
   line-height: 1.6;
   font-size: 12px;
   font-size: 12px;

@@ -78,9 +78,9 @@ onMounted(() => {
 function sendsmsMsg() {
 function sendsmsMsg() {
   if (!form.value.account) {
   if (!form.value.account) {
     if (language.value == 0) {
     if (language.value == 0) {
-      ElMessage.warning('请填写手机/邮箱')
+      ElMessage.warning('请填写邮箱')
     } else {
     } else {
-      ElMessage.warning('Please fill in your phone/email address')
+      ElMessage.warning('Please fill in your email address')
     }
     }
     return
     return
   }
   }

@@ -5,9 +5,9 @@
         <label>{{ language == 0 ? '登录账号' : 'Account' }}</label> {{ accont }}
         <label>{{ language == 0 ? '登录账号' : 'Account' }}</label> {{ accont }}
       </div>
       </div>
     </div>
     </div>
-    <div class="leftboderTT">{{ language == 0 ? '登录密码' : 'Password' }} <span
+    <div class="leftboderTT" v-if="!user">{{ language == 0 ? '登录密码' : 'Password' }} <span
         v-if="language==0">(登录时需要验证，保护账户信息)</span></div>
         v-if="language==0">(登录时需要验证，保护账户信息)</span></div>
-    <div class="d-form-border">
+    <div class="d-form-border" v-if="!user">
       <el-form class="d-form" size="large" label-width="120"
       <el-form class="d-form" size="large" label-width="120"
                :label-position="language==0?'left':'top'" style="max-width: 500px;margin: auto">
                :label-position="language==0?'left':'top'" style="max-width: 500px;margin: auto">
         <el-form-item :label="language==0?'密码':'Password'" required>
         <el-form-item :label="language==0?'密码':'Password'" required>
@@ -109,7 +109,10 @@
 
 
     <div class="text-center">
     <div class="text-center">
       <!--      <el-button class="primary-kx" @click="goStep1">上一步</el-button>-->
       <!--      <el-button class="primary-kx" @click="goStep1">上一步</el-button>-->
-      <el-button type="primary" round class="btn-lineG w200px" @click.prevent="goStep3" :loading="loading">
+      <el-button v-if="user&&user.utype=='3'" type="primary" round class="btn-lineG w200px" @click.prevent="upgrade" :loading="loading">
+        {{ language == 0 ? '升级账号' : 'Submit' }}
+      </el-button>
+      <el-button v-else type="primary" round class="btn-lineG w200px" @click.prevent="goStep3" :loading="loading">
         {{ language == 0 ? '立即注册' : 'Register Now!' }}
         {{ language == 0 ? '立即注册' : 'Register Now!' }}
       </el-button>
       </el-button>
     </div>
     </div>
@@ -123,11 +126,17 @@ import * as match from "@/apiPc/match";
 import {ElMessage} from "element-plus";
 import {ElMessage} from "element-plus";
 import {setToken} from "@/utils/auth";
 import {setToken} from "@/utils/auth";
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
-import {useRouter} from "vue-router";
+import {useRoute, useRouter} from "vue-router";
+import useUserStore from "@/store/modules/user";
+import {upgradeTeam} from "@/apiPc/common";
+
 const router = useRouter()
 const router = useRouter()
+const route = useRoute()
 const {proxy} = getCurrentInstance()
 const {proxy} = getCurrentInstance()
 const emit = defineEmits(['submit', 'prev'])
 const emit = defineEmits(['submit', 'prev'])
 const language= useStorage('language',0)
 const language= useStorage('language',0)
+const userStore = useUserStore()
+const user = useUserStore().user
 const props = defineProps({
 const props = defineProps({
   accont: {
   accont: {
     type: String,
     type: String,
@@ -182,7 +191,11 @@ const vconfirmPassword = () => {
     ElMessage.warning(language.value == 0 ? '两次输入的密码不一致' :'The two passwords entered are inconsistent')
     ElMessage.warning(language.value == 0 ? '两次输入的密码不一致' :'The two passwords entered are inconsistent')
   }
   }
 }
 }
+const matchId = ref('')
 onMounted(() => {
 onMounted(() => {
+  if(route.query.matchId){
+    matchId.value = route.query.matchId
+  }
   getCountryList()
   getCountryList()
   getRegionsList()
   getRegionsList()
 })
 })
@@ -202,10 +215,49 @@ function getRegionsList() {
 const goStep1 = () => {
 const goStep1 = () => {
   emit('prev')
   emit('prev')
 }
 }
+const upgrade = () => {
+    proxy.$refs.registerRef.validate(valid => {
+      if (valid) {
+        if(language.value==0){
+          var pattern = /^1[3456789]\d{9}$/
+          if (!pattern.test(form.value.contactTel)) {
+            ElMessage.warning(language.value == 0 ?'请输入正确的手机号':'Please enter the correct mobile phone number')
+            return
+          }
+        }
+        if (!isAgree.value) {
+          ElMessage.warning(language.value == 0?'请勾选接受':'Please check the acceptance')
+          return
+        }
+        loading.value = true
+        form.value.regionId = regionArr.value.pop()
+        form.value.userId = user.userId
+        console.log('upgrade')
+        upgradeTeam(form.value).then(res => {
+          loading.value = false
+          console.log(matchId.value,res.data)
+          if(res.data){
+            userStore.getInfo().then(()=>{
+                router.push({
+                  name: 'matchDetail',
+                  params: {
+                    id: matchId.value
+                  }
+                })
+              })
+          } else {
+            ElMessage.success(language.value == 0?'升级成功':'Upgrade successful')
+            router.push({name: 'home'})
+          }
+        }).catch(()=>{
+          loading.value = false
+        })
+      }
+    })
+}
 const goStep3 = () => {
 const goStep3 = () => {
   proxy.$refs.registerRef.validate(valid => {
   proxy.$refs.registerRef.validate(valid => {
     if (valid) {
     if (valid) {
-
       if(language.value==0){
       if(language.value==0){
         var pattern = /^1[3456789]\d{9}$/
         var pattern = /^1[3456789]\d{9}$/
         if (!pattern.test(form.value.contactTel)) {
         if (!pattern.test(form.value.contactTel)) {
@@ -213,8 +265,6 @@ const goStep3 = () => {
           return
           return
         }
         }
       }
       }
-
-
      if (!isAgree.value) {
      if (!isAgree.value) {
         ElMessage.warning(language.value == 0?'请勾选接受':'Please check the acceptance')
         ElMessage.warning(language.value == 0?'请勾选接受':'Please check the acceptance')
         return
         return
@@ -241,8 +291,6 @@ const goStep3 = () => {
       })
       })
     }
     }
   })
   })
-
-
 }
 }
 const showAgreeMent = () => {
 const showAgreeMent = () => {
   const routeLocation = router.resolve({
   const routeLocation = router.resolve({

@@ -3,15 +3,15 @@
     <div class="mt30 mb60">
     <div class="mt30 mb60">
       <div class="box">
       <div class="box">
         <!--机构注册-->
         <!--机构注册-->
-    <el-card>
+        <el-card v-if="!user">
           <el-steps :active="activeStep" align-center>
           <el-steps :active="activeStep" align-center>
-        <el-step :title="language==0?'创建账号':'create an account'"  />
-        <el-step :title="language==0?'账号信息':'account information'" />
-        <el-step :title="language==0?'注册完成':'stered successfully'" />
+            <el-step :title="language==0?'创建账号':'create an account'"/>
+            <el-step :title="language==0?'账号信息':'account information'"/>
+            <el-step :title="language==0?'注册完成':'stered successfully'"/>
           </el-steps>
           </el-steps>
         </el-card>
         </el-card>
         <div class="mt20"></div>
         <div class="mt20"></div>
-    <Step1 v-if="activeStep==0" @submit="toStep2" @userName="getUserName" />
+        <Step1 v-if="activeStep==0" @submit="toStep2" @userName="getUserName"/>
         <Step2 v-if="activeStep==1" @submit="toStep3" @prev="toStep1" :accont="form.userName"/>
         <Step2 v-if="activeStep==1" @submit="toStep3" @prev="toStep1" :accont="form.userName"/>
         <Step3 v-if="activeStep==2" :accont="form.userName"/>
         <Step3 v-if="activeStep==2" :accont="form.userName"/>
       </div>
       </div>
@@ -23,26 +23,31 @@
 import Step1 from "./step1";
 import Step1 from "./step1";
 import Step2 from "./step2";
 import Step2 from "./step2";
 import Step3 from "./step3";
 import Step3 from "./step3";
-import {onMounted,toRefs,reactive} from "vue"
+import {onMounted, toRefs, reactive} from "vue"
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
 import {useRoute} from "vue-router";
 import {useRoute} from "vue-router";
-const language= useStorage('language',0)
+import useUserStore from "@/store/modules/user";
+
+const language = useStorage('language', 0)
 const route = useRoute()
 const route = useRoute()
 const data = reactive({
 const data = reactive({
-  isShow:false,
-  isCodeTrue:false,
-  counting:false,
-  form:{
-    userName:''
+  isShow: false,
+  isCodeTrue: false,
+  counting: false,
+  form: {
+    userName: ''
   },
   },
   activeStep: 0
   activeStep: 0
 })
 })
-const {isShow,isCodeTrue,counting,form,activeStep} = toRefs(data)
-
+const {isShow, isCodeTrue, counting, form, activeStep} = toRefs(data)
+const user = useUserStore().user
 onMounted(() => {
 onMounted(() => {
-  if(route.query.step){
+  if (route.query.step) {
     activeStep.value = Number(route.query.step)
     activeStep.value = Number(route.query.step)
   }
   }
+  if (user) {
+    form.value.userName = user.userName
+  }
 })
 })
 const toStep1 = () => {
 const toStep1 = () => {
   activeStep.value = 0
   activeStep.value = 0

@@ -70,21 +70,21 @@ export default defineConfig(({ mode, command }) => {
           rewrite: (p) => p.replace(/^\/dev-api\/ztx-train/, '')
           rewrite: (p) => p.replace(/^\/dev-api\/ztx-train/, '')
         },
         },
         '/dev-api/ztx-match': {
         '/dev-api/ztx-match': {
-          target: 'http://192.168.1.131:8083',
+          target: 'http://192.168.1.118:8083',
           // target: 'http://192.168.1.132:8081',
           // target: 'http://192.168.1.132:8081',
           changeOrigin: true,
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/dev-api\/ztx-match/, '')
           rewrite: (p) => p.replace(/^\/dev-api\/ztx-match/, '')
         },
         },
         '/dev-api/ztx-webSite': {
         '/dev-api/ztx-webSite': {
-          target: 'https://dance.itechtop.cn/stage-api',
-          // target: 'http://192.168.1.96:9083/',
+          // target: 'https://dance.itechtop.cn/stage-api',
+          target: 'http://192.168.1.118:8081/',
           changeOrigin: true,
           changeOrigin: true,
           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.131:8081/',
+          // target: 'http://192.168.1.118:8081/',
           // target: 'https://dance.itechtop.cn/stage-api',
           // 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/, '')
         }
         }