酒店
Showing
2 changed files
with
47 additions
and
42 deletions
| ... | @@ -216,15 +216,15 @@ function popRemark(type) { | ... | @@ -216,15 +216,15 @@ function popRemark(type) { |
| 216 | } | 216 | } |
| 217 | 217 | ||
| 218 | 218 | ||
| 219 | // const params = { | 219 | const params = { |
| 220 | // matchId: props.matchId, | 220 | matchId: props.matchId, |
| 221 | // title: language.value == 0 ? '预订说明' : 'Booking Instructions', | 221 | title: language.value == 0 ? '预订说明' : 'Booking Instructions', |
| 222 | // type: type, | 222 | type: type, |
| 223 | // cptName: props.cptName | 223 | cptName: props.cptName |
| 224 | // } | 224 | } |
| 225 | // proxy.$refs['orderRemarkRef'].open(params) | 225 | proxy.$refs['orderRemarkRef'].open(params) |
| 226 | 226 | ||
| 227 | goBooking(type) | 227 | // goBooking(type) |
| 228 | } | 228 | } |
| 229 | 229 | ||
| 230 | function goBooking(n, f) { | 230 | function goBooking(n, f) { | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <el-dialog :title="title" v-model="show" @close="close"> | 2 | <el-dialog v-model="show" :title="title" @close="close"> |
| 3 | <div> | 3 | <div> |
| 4 | <h2 class="text-warning text-center" v-if="cptName">{{cptName}}</h2> | 4 | <h2 v-if="cptName" class="text-warning text-center">{{ cptName }}</h2> |
| 5 | 5 | ||
| 6 | <div v-if="type==1" class="plr20" v-html="form.reserveDes"></div> | 6 | <div v-if="type==1" class="plr20" v-html="form.reserveDes"></div> |
| 7 | <div v-if="type==2" class="plr20" v-html="form.reserveDesCar"></div> | 7 | <div v-if="type==2" class="plr20" v-html="form.reserveDesCar"></div> |
| 8 | <div v-if="type==3" class="plr20" v-html="form.reserveDesFood"></div> | 8 | <div v-if="type==3" class="plr20" v-html="form.reserveDesFood"></div> |
| 9 | <div v-if="type==4" class="plr20" v-html="form.reserveDesMeal"></div> | 9 | <div v-if="type==4" class="plr20" v-html="form.reserveDesMeal"></div> |
| 10 | <div v-if="type==5" class="plr20" v-html="form.reserveDesPhoto"></div> | 10 | <div v-if="type==5" class="plr20" v-html="form.reserveDesPhoto"></div> |
| 11 | <div v-if="type==10" class="plr20" v-html="form.reserveDesTitck"></div> | 11 | <div v-if="type==10" class="plr20" v-html="form.reserveDesTitck"></div> |
| 12 | 12 | ||
| 13 | 13 | ||
| 14 | <el-row v-if="type==1" justify="center"> | 14 | <!-- <el-row v-if="type==1" justify="center">--> |
| 15 | <el-radio-group v-model="hotelType"> | 15 | <!-- <el-radio-group v-model="hotelType">--> |
| 16 | <el-radio label="0">{{language==0?'运动队酒店':'Team Hotel Reservation'}}</el-radio> | 16 | <!-- <el-radio label="0">{{language==0?'运动队酒店':'Team Hotel Reservation'}}</el-radio>--> |
| 17 | <el-radio label="1">{{language==0?'执委大会酒店':'Conference Hotel Reservation'}}</el-radio> | 17 | <!-- <el-radio label="1">{{language==0?'执委大会酒店':'Conference Hotel Reservation'}}</el-radio>--> |
| 18 | </el-radio-group> | 18 | <!-- </el-radio-group>--> |
| 19 | </el-row> | 19 | <!-- </el-row>--> |
| 20 | 20 | ||
| 21 | </div> | 21 | </div> |
| 22 | <template #footer> | 22 | <template #footer> |
| 23 | <div class="dialog-footer text-center"> | 23 | <div class="dialog-footer text-center"> |
| 24 | <el-button type="primary" class="btn-lineG w200px" round @click="ok">{{language==0?'确定':'Confirm'}}</el-button> | 24 | <el-button class="btn-lineG w200px" round type="primary" @click="ok">{{ language == 0 ? '确定' : 'Confirm' }} |
| 25 | </div> | 25 | </el-button> |
| 26 | </template> | 26 | </div> |
| 27 | </el-dialog> | 27 | </template> |
| 28 | </el-dialog> | ||
| 28 | </template> | 29 | </template> |
| 29 | 30 | ||
| 30 | <script setup> | 31 | <script setup> |
| 31 | import {getBaseInfoByActiveId} from "@/apiPc/booking"; | 32 | import {getBaseInfoByActiveId} from "@/apiPc/booking"; |
| 32 | import {getCurrentInstance} from "@vue/runtime-core"; | 33 | import {getCurrentInstance} from "@vue/runtime-core"; |
| 33 | import {useStorage} from "@vueuse/core/index"; | 34 | import {useStorage} from "@vueuse/core/index"; |
| 34 | const emit = defineEmits([ 'submit']) | 35 | |
| 36 | const emit = defineEmits(['submit']) | ||
| 35 | const {proxy} = getCurrentInstance() | 37 | const {proxy} = getCurrentInstance() |
| 36 | const language= useStorage('language',0) | 38 | const language = useStorage('language', 0) |
| 37 | import useUserStore from "@/store/modules/user"; | 39 | import useUserStore from "@/store/modules/user"; |
| 40 | |||
| 38 | const user = useUserStore().user | 41 | const user = useUserStore().user |
| 39 | const title = ref('') | 42 | const title = ref('') |
| 40 | const cptName = ref('') | 43 | const cptName = ref('') |
| 41 | const show = ref(false) | 44 | const show = ref(false) |
| 42 | const form = ref({}) | 45 | const form = ref({}) |
| 43 | const hotelType= ref('1') | 46 | const hotelType = ref('1') |
| 44 | 47 | ||
| 45 | let matchId = '' | 48 | let matchId = '' |
| 46 | let type = '' | 49 | let type = '' |
| ... | @@ -58,28 +61,30 @@ defineExpose({ | ... | @@ -58,28 +61,30 @@ defineExpose({ |
| 58 | 61 | ||
| 59 | function getData() { | 62 | function getData() { |
| 60 | console.log(matchId) | 63 | console.log(matchId) |
| 61 | getBaseInfoByActiveId(matchId).then(res=>{ | 64 | getBaseInfoByActiveId(matchId).then(res => { |
| 62 | form.value = res.data || {} | 65 | form.value = res.data || {} |
| 63 | console.log(form.value) | 66 | console.log(form.value) |
| 64 | }).catch(err=>{ | 67 | }).catch(err => { |
| 65 | console.log(err) | 68 | console.log(err) |
| 66 | }) | 69 | }) |
| 67 | } | 70 | } |
| 71 | |||
| 68 | function close() { | 72 | function close() { |
| 69 | show.value = false | 73 | show.value = false |
| 70 | } | 74 | } |
| 75 | |||
| 71 | function ok() { | 76 | function ok() { |
| 72 | // type | 77 | // type |
| 73 | show.value = false | 78 | show.value = false |
| 74 | 79 | ||
| 75 | // if(!user){ | 80 | // if(!user){ |
| 76 | // useUserStore().setVisitor() | 81 | // useUserStore().setVisitor() |
| 77 | // } else { | 82 | // } else { |
| 78 | emit('submit', type, hotelType.value) | 83 | emit('submit', type, hotelType.value) |
| 79 | // } | 84 | // } |
| 80 | } | 85 | } |
| 81 | </script> | 86 | </script> |
| 82 | 87 | ||
| 83 | <style scoped lang="scss"> | 88 | <style lang="scss" scoped> |
| 84 | 89 | ||
| 85 | </style> | 90 | </style> | ... | ... |
-
Please register or sign in to post a comment