预约查询
Showing
2 changed files
with
34 additions
and
43 deletions
| ... | @@ -3,7 +3,7 @@ | ... | @@ -3,7 +3,7 @@ |
| 3 | <div class="pd20"> | 3 | <div class="pd20"> |
| 4 | <div class="fr mb20"> | 4 | <div class="fr mb20"> |
| 5 | <el-input | 5 | <el-input |
| 6 | v-model.trim="query.text1" | 6 | v-model.trim="query.text" |
| 7 | :placeholder="language==0?'请输入邮箱或联系方式':'Please enter email or contact information' " | 7 | :placeholder="language==0?'请输入邮箱或联系方式':'Please enter email or contact information' " |
| 8 | :prefix-icon="Search" | 8 | :prefix-icon="Search" |
| 9 | clearable | 9 | clearable |
| ... | @@ -13,42 +13,46 @@ | ... | @@ -13,42 +13,46 @@ |
| 13 | <el-table :data="list" border> | 13 | <el-table :data="list" border> |
| 14 | <el-table-column :label="language==0?'序号':'Serial'" :min-width="language==0?60:80" align="center" | 14 | <el-table-column :label="language==0?'序号':'Serial'" :min-width="language==0?60:80" align="center" |
| 15 | type="index"/> | 15 | type="index"/> |
| 16 | <el-table-column :label="language==0?'服务类型':'Type Of Service'" align="center" min-width="150" | 16 | <el-table-column :label="language==0?'服务类型':'Type Of Service'" :min-width="language==0? 90:150" |
| 17 | prop="name"></el-table-column> | 17 | align="center" |
| 18 | <el-table-column :label="language==0?'联系人':'Contacts'" align="center" prop="danceType" width="110"> | 18 | prop="serviceTypeStr"> |
| 19 | </el-table-column> | ||
| 20 | <el-table-column :label="language==0?'联系方式':'Contact Way'" align="center" prop="danceTypeDetailStr" | ||
| 21 | width="120"> | ||
| 22 | </el-table-column> | ||
| 23 | <el-table-column :label="language==0?'抵达时间':'Time Of Arrival'" align="center" width="140"> | ||
| 24 | <template #default="{row}"> | 19 | <template #default="{row}"> |
| 25 | <span v-if="row.playTypeStr">{{ row.playTypeStr }}</span> | 20 | {{ row.serviceType == 1 ? '接机' : '送机' }} |
| 26 | <span v-else>{{ row.playType }}</span> | ||
| 27 | </template> | 21 | </template> |
| 28 | </el-table-column> | 22 | </el-table-column> |
| 29 | <el-table-column :label="language==0?'人数':'Number Of People'" :min-width="isNational?120:240" align="center"> | 23 | <el-table-column :label="language==0?'联系人':'Contacts'" align="center" prop="name" width="110"> |
| 30 | <template #default="{row}"> | ||
| 31 | </template> | ||
| 32 | </el-table-column> | 24 | </el-table-column> |
| 33 | <el-table-column :label="language==0?'航班 / 车次':'Flight / train number'" align="center" width="160"> | 25 | <el-table-column :label="language==0?'联系方式':'Contact Way'" :min-width="language==0?100:130" align="center" |
| 34 | <template #default="{row}"> | 26 | prop="phone"> |
| 35 | <div class="text-primary">{{ language == 0 ? '¥' : '€' }}{{ row.serviceFee }}</div> | ||
| 36 | </template> | ||
| 37 | </el-table-column> | 27 | </el-table-column> |
| 38 | <el-table-column :label="language==0?'机场 / 火车站':'Airport / Train station'" align="center" width="160"> | 28 | <el-table-column :label="language==0?'抵达时间':'Time Of Arrival'" align="center" width="180"> |
| 39 | <template #default="{row}"> | 29 | <template #default="{row}"> |
| 40 | <div class="text-primary">{{ language == 0 ? '¥' : '€' }}{{ row.serviceFee }}</div> | 30 | {{ row.arrivalDate + ' ' + row.arrivaTime }} |
| 41 | </template> | 31 | </template> |
| 42 | </el-table-column> | 32 | </el-table-column> |
| 43 | <el-table-column :label="language==0?'航站楼':'Terminal'" align="center" width="160"> | 33 | <el-table-column :label="language==0?'人数':'Number Of People'" :min-width="language==0?120:170" align="center" |
| 34 | prop="counts"> | ||
| 35 | </el-table-column> | ||
| 36 | <el-table-column :label="language==0?'航班 / 车次':'Flight / train number'" :min-width="language==0?120:190" | ||
| 37 | align="center" | ||
| 38 | prop="flight"> | ||
| 39 | </el-table-column> | ||
| 40 | <el-table-column :label="language==0?'机场 / 火车站':'Airport / Train station'" :min-width="language==0?120:200" | ||
| 41 | align="center" | ||
| 42 | prop="stationName"> | ||
| 43 | </el-table-column> | ||
| 44 | <el-table-column :label="language==0?'航站楼':'Terminal'" align="center" prop="terminal" width="160"> | ||
| 45 | </el-table-column> | ||
| 46 | <el-table-column :label="language==0?'出发地':' Place Of Departure'" :min-width="language==0?120:200" | ||
| 47 | align="center" prop="hotle"> | ||
| 44 | <template #default="{row}"> | 48 | <template #default="{row}"> |
| 45 | <div class="text-primary">{{ language == 0 ? '¥' : '€' }}{{ row.serviceFee }}</div> | 49 | {{ row.serviceType != 1 ? row.hotle : row.stationName }} |
| 46 | </template> | 50 | </template> |
| 47 | </el-table-column> | 51 | </el-table-column> |
| 48 | <el-table-column :label="language==0?'目的地/出发地':'Destination / Place Of Departure'" align="center" | 52 | <el-table-column :label="language==0?'目的地':'Destination'" :min-width="language==0?120:200" |
| 49 | width="260"> | 53 | align="center" prop="hotle"> |
| 50 | <template #default="{row}"> | 54 | <template #default="{row}"> |
| 51 | <div class="text-primary">{{ language == 0 ? '¥' : '€' }}{{ row.serviceFee }}</div> | 55 | {{ row.serviceType == 1 ? row.hotle : row.stationName }} |
| 52 | </template> | 56 | </template> |
| 53 | </el-table-column> | 57 | </el-table-column> |
| 54 | </el-table> | 58 | </el-table> |
| ... | @@ -82,7 +86,6 @@ const query = ref({ | ... | @@ -82,7 +86,6 @@ const query = ref({ |
| 82 | }) | 86 | }) |
| 83 | 87 | ||
| 84 | function getList() { | 88 | function getList() { |
| 85 | query.value.text = "%2E" + query.value.text1 | ||
| 86 | aircraft(query.value).then(res => { | 89 | aircraft(query.value).then(res => { |
| 87 | list.value = res | 90 | list.value = res |
| 88 | total.value = res.total | 91 | total.value = res.total | ... | ... |
| ... | @@ -15,13 +15,14 @@ | ... | @@ -15,13 +15,14 @@ |
| 15 | type="index"/> | 15 | type="index"/> |
| 16 | <el-table-column :label="language==0?'酒店名称':'Hotel Name'" align="center" min-width="150" | 16 | <el-table-column :label="language==0?'酒店名称':'Hotel Name'" align="center" min-width="150" |
| 17 | prop="hotelName"></el-table-column> | 17 | prop="hotelName"></el-table-column> |
| 18 | <el-table-column :label="language==0?'联系人':'Contacts'" align="center" prop="contacts" width="110"> | 18 | <el-table-column :label="language==0?'联系人':'Contacts'" align="center" min-width="110" prop="contacts"> |
| 19 | </el-table-column> | 19 | </el-table-column> |
| 20 | <el-table-column :label="language==0?'联系方式':'Contact Way'" align="center" prop="phone" | 20 | <el-table-column :label="language==0?'联系方式':'Contact Way'" align="center" prop="phone" |
| 21 | width="120"> | 21 | width="120"> |
| 22 | </el-table-column> | 22 | </el-table-column> |
| 23 | 23 | ||
| 24 | <el-table-column :label="language==0?'预留日期':'Reservation Date'" align="center" prop="reservationDate"> | 24 | <el-table-column :label="language==0?'预留日期':'Reservation Date'" align="center" min-width="120" |
| 25 | prop="reservationDate"> | ||
| 25 | </el-table-column> | 26 | </el-table-column> |
| 26 | <el-table-column :label="language==0?'房型':'Room Type'" :min-width="isNational?120:240" align="center" | 27 | <el-table-column :label="language==0?'房型':'Room Type'" :min-width="isNational?120:240" align="center" |
| 27 | prop="roomType"> | 28 | prop="roomType"> |
| ... | @@ -30,7 +31,7 @@ | ... | @@ -30,7 +31,7 @@ |
| 30 | </el-table-column> | 31 | </el-table-column> |
| 31 | <el-table-column :label="language==0?'状态':'State'" align="center" prop="status" width="160"> | 32 | <el-table-column :label="language==0?'状态':'State'" align="center" prop="status" width="160"> |
| 32 | <template #default="{row}"> | 33 | <template #default="{row}"> |
| 33 | <div class="text-primary">{{ language == 0 ? '¥' : '€' }}{{ row.serviceFee }}</div> | 34 | {{ row.status == 1 ? '已预留' : null }} |
| 34 | </template> | 35 | </template> |
| 35 | </el-table-column> | 36 | </el-table-column> |
| 36 | </el-table> | 37 | </el-table> |
| ... | @@ -62,26 +63,13 @@ const query = ref({ | ... | @@ -62,26 +63,13 @@ const query = ref({ |
| 62 | pageNum: 1, | 63 | pageNum: 1, |
| 63 | activeId: route.query.matchId | 64 | activeId: route.query.matchId |
| 64 | }) | 65 | }) |
| 65 | const props = defineProps({ | ||
| 66 | matchId: { | ||
| 67 | type: String, | ||
| 68 | required: false | ||
| 69 | }, | ||
| 70 | isNational: { | ||
| 71 | type: Boolean, | ||
| 72 | required: false, | ||
| 73 | default: false | ||
| 74 | }, | ||
| 75 | }) | ||
| 76 | query.value.activeId = props.matchId | ||
| 77 | 66 | ||
| 78 | function getList() { | 67 | function getList() { |
| 68 | // query.value.text = encodeURIComponent(query.value.text1) | ||
| 79 | hotelList(query.value).then(res => { | 69 | hotelList(query.value).then(res => { |
| 80 | list.value = res | 70 | list.value = res |
| 81 | total.value = res.total | 71 | total.value = res.total |
| 82 | }) | 72 | }) |
| 83 | query.value.email = null | ||
| 84 | query.value.phone = null | ||
| 85 | } | 73 | } |
| 86 | </script> | 74 | </script> |
| 87 | 75 | ... | ... |
-
Please register or sign in to post a comment