旅行订单详情
Showing
4 changed files
with
27 additions
and
16 deletions
| 1 | <template> | 1 | <template> |
| 2 | <el-dialog v-model="show" title="出行人信息" center append-to-body> | 2 | <el-dialog v-model="show" title="出行人信息" center append-to-body> |
| 3 | <el-button type="primary" plain @click="addPeopl">{{ languageFormat(language, "新增", "Add") }}</el-button> | ||
| 4 | |||
| 3 | <el-form> | 5 | <el-form> |
| 4 | <el-form-item prop="message"> | 6 | <el-form-item prop="message"> |
| 5 | <div class="p_box"> | 7 | <div class="p_box"> |
| 6 | <div class="people"> | 8 | <div class="people"> |
| 7 | <el-radio-group v-model="personId"> | 9 | <el-radio-group v-model="personId"> |
| 8 | <div | 10 | <div |
| 9 | v-for="(it, index) in personList" :key="index" class="prople_item" | 11 | v-for="(it, index) in personList" :key="index" class="e_item" |
| 10 | > | 12 | > |
| 11 | <el-radio :value="it.id" :disabled="hasPersonIds?.indexOf(it.id)!=-1"> | 13 | <el-radio border :value="it.id" :disabled="hasPersonIds?.indexOf(it.id)!=-1"> |
| 12 | <div> | 14 | <div> |
| 13 | {{ it.name }} {{ it.idCard }} | 15 | {{ it.name }} {{ it.idCard }} |
| 14 | </div> | 16 | </div> |
| ... | @@ -16,7 +18,6 @@ | ... | @@ -16,7 +18,6 @@ |
| 16 | </div> | 18 | </div> |
| 17 | </el-radio-group> | 19 | </el-radio-group> |
| 18 | </div> | 20 | </div> |
| 19 | <el-button @click="addPeopl">{{ languageFormat(language, "新增", "Add") }}</el-button> | ||
| 20 | </div> | 21 | </div> |
| 21 | </el-form-item> | 22 | </el-form-item> |
| 22 | </el-form> | 23 | </el-form> |
| ... | @@ -29,7 +30,7 @@ | ... | @@ -29,7 +30,7 @@ |
| 29 | </el-dialog> | 30 | </el-dialog> |
| 30 | 31 | ||
| 31 | 32 | ||
| 32 | <el-dialog v-model="showAdd" title="新增出现人" center append-to-body> | 33 | <el-dialog v-model="showAdd" title="新增出行人" center append-to-body> |
| 33 | <el-form | 34 | <el-form |
| 34 | ref="formRef" :model="form" label-width="100px" size="large" | 35 | ref="formRef" :model="form" label-width="100px" size="large" |
| 35 | style="margin: 80px" | 36 | style="margin: 80px" |
| ... | @@ -154,5 +155,5 @@ defineExpose({ | ... | @@ -154,5 +155,5 @@ defineExpose({ |
| 154 | </script> | 155 | </script> |
| 155 | 156 | ||
| 156 | <style scoped lang="scss"> | 157 | <style scoped lang="scss"> |
| 157 | 158 | .e_item{margin: 20px 20px 0 0;} | |
| 158 | </style> | 159 | </style> | ... | ... |
| ... | @@ -793,9 +793,15 @@ function getData() { | ... | @@ -793,9 +793,15 @@ function getData() { |
| 793 | if (type.value == 'ticket') { | 793 | if (type.value == 'ticket') { |
| 794 | getTicketOrderInfoFN() | 794 | getTicketOrderInfoFN() |
| 795 | } | 795 | } |
| 796 | if (type.value == 'travel') { | ||
| 797 | getTravelOrderInfo() | ||
| 798 | } | ||
| 796 | console.log(payType.value) | 799 | console.log(payType.value) |
| 797 | } | 800 | } |
| 801 | //旅游订单详情 | ||
| 802 | const getTravelOrderInfo = () => { | ||
| 798 | 803 | ||
| 804 | } | ||
| 799 | // 票务订单详情 | 805 | // 票务订单详情 |
| 800 | async function getTicketOrderInfoFN() { | 806 | async function getTicketOrderInfoFN() { |
| 801 | const res = await getTicketOrderInfo({ orderId: orderId.value }) | 807 | const res = await getTicketOrderInfo({ orderId: orderId.value }) | ... | ... |
| ... | @@ -16,9 +16,7 @@ | ... | @@ -16,9 +16,7 @@ |
| 16 | <el-col :span="language == 0?16:24"> | 16 | <el-col :span="language == 0?16:24"> |
| 17 | <h3 class="esp flex">{{ scenicItem?.name }} | 17 | <h3 class="esp flex">{{ scenicItem?.name }} |
| 18 | 18 | ||
| 19 | <div class="starBox ml20"> | 19 | <el-tag effect="dark" class="ml20">{{scenicItem?.rank||0}}A</el-tag> |
| 20 | <img v-for="i in Number(scenicItem?.rank||0)" src="@/assets/booking/star.png"> | ||
| 21 | </div> | ||
| 22 | </h3> | 20 | </h3> |
| 23 | <div class="info"> | 21 | <div class="info"> |
| 24 | <el-icon> | 22 | <el-icon> |
| ... | @@ -84,7 +82,7 @@ | ... | @@ -84,7 +82,7 @@ |
| 84 | <el-icon @click="delPerson(n,j)"><Remove /></el-icon> | 82 | <el-icon @click="delPerson(n,j)"><Remove /></el-icon> |
| 85 | {{ n.name }}{{ j+1 }} | 83 | {{ n.name }}{{ j+1 }} |
| 86 | </label> | 84 | </label> |
| 87 | <div class="mation"> | 85 | <div class="mation" v-if="p.name"> |
| 88 | <div>{{ p.name }}</div> | 86 | <div>{{ p.name }}</div> |
| 89 | 身份证:{{ p.idCard }} | 87 | 身份证:{{ p.idCard }} |
| 90 | </div> | 88 | </div> |
| ... | @@ -105,13 +103,14 @@ | ... | @@ -105,13 +103,14 @@ |
| 105 | <el-col :span="10"> | 103 | <el-col :span="10"> |
| 106 | <div class="leftboderTT">{{ language == 0 ? '订单明细' : 'Order details' }}</div> | 104 | <div class="leftboderTT">{{ language == 0 ? '订单明细' : 'Order details' }}</div> |
| 107 | <div class="border-rr mt20 pd20 ccitemBox"> | 105 | <div class="border-rr mt20 pd20 ccitemBox"> |
| 108 | <label> {{ language == 0 ? '基本费用' : 'Room fee' }} | 106 | |
| 109 | </label> | ||
| 110 | <div v-for="(c, index) in gateList" v-show="c.count>0" :key="index" class="ccitem"> | 107 | <div v-for="(c, index) in gateList" v-show="c.count>0" :key="index" class="ccitem"> |
| 108 | |||
| 109 | {{c.name}} | ||
| 111 | <span v-if="language==0">{{ c.count }}*{{ '¥' }}{{ c.price }}</span> | 110 | <span v-if="language==0">{{ c.count }}*{{ '¥' }}{{ c.price }}</span> |
| 112 | <span v-else>{{ c.count }}*{{ '€' }}{{ c.priceEn }}</span> | 111 | <span v-else>{{ c.count }}*{{ '€' }}{{ c.priceEn }}</span> |
| 113 | </div> | 112 | </div> |
| 114 | 113 | ||
| 115 | <label>{{ language == 0 ? '共计' : 'Total' }}<span | 114 | <label>{{ language == 0 ? '共计' : 'Total' }}<span |
| 116 | class="fr bigMoney" | 115 | class="fr bigMoney" |
| 117 | >{{ language == 0 ? '¥' : '€' }}{{ money }}</span></label> | 116 | >{{ language == 0 ? '¥' : '€' }}{{ money }}</span></label> | ... | ... |
| ... | @@ -19,6 +19,7 @@ | ... | @@ -19,6 +19,7 @@ |
| 19 | <label v-if="b.orderType == 3" class="orangeTag"> {{ language == 0 ? '化妆' : 'MakeUp' }} </label> | 19 | <label v-if="b.orderType == 3" class="orangeTag"> {{ language == 0 ? '化妆' : 'MakeUp' }} </label> |
| 20 | <label v-if="b.orderType == 4" class="orangeTag"> {{ language == 0 ? '拍摄' : 'Shooting ' }} </label> | 20 | <label v-if="b.orderType == 4" class="orangeTag"> {{ language == 0 ? '拍摄' : 'Shooting ' }} </label> |
| 21 | <label v-if="b.orderType == 5" class="orangeTag"> {{ language == 0 ? '票务' : 'TICKETING ' }} </label> | 21 | <label v-if="b.orderType == 5" class="orangeTag"> {{ language == 0 ? '票务' : 'TICKETING ' }} </label> |
| 22 | <label v-if="b.orderType == 6" class="orangeTag"> {{ language == 0 ? '旅游' : 'Travel ' }} </label> | ||
| 22 | 23 | ||
| 23 | <span>{{ language == 0 ? '订单编号:' : 'No.' }} {{ b.id }}</span> | 24 | <span>{{ language == 0 ? '订单编号:' : 'No.' }} {{ b.id }}</span> |
| 24 | </div> | 25 | </div> |
| ... | @@ -54,10 +55,9 @@ | ... | @@ -54,10 +55,9 @@ |
| 54 | </div> | 55 | </div> |
| 55 | <div v-if="b.orderType == 1"> | 56 | <div v-if="b.orderType == 1"> |
| 56 | <h3 class="name">{{ b.name }}</h3> | 57 | <h3 class="name">{{ b.name }}</h3> |
| 57 | <div v-for="(car,index) in b.messageObj.carsList" :key="index"> | 58 | <div> |
| 58 | <p v-if="car.num>0">{{ car.typeName }}:{{ car.name }}:{{ car.num }} {{ | 59 | <p>{{b.extJsonObj.pickUpBo.count}} 人</p> |
| 59 | language == 0 ? '辆' : 'Cars' | 60 | <p>{{b.extJsonObj.pickUpBo.revTime}}</p> |
| 60 | }}</p> | ||
| 61 | </div> | 61 | </div> |
| 62 | <!-- <p>{{b.messageObj}}</p>--> | 62 | <!-- <p>{{b.messageObj}}</p>--> |
| 63 | <!-- <p>{{b.extJsonObj}}</p>--> | 63 | <!-- <p>{{b.extJsonObj}}</p>--> |
| ... | @@ -91,6 +91,11 @@ | ... | @@ -91,6 +91,11 @@ |
| 91 | {{ b.extJsonObj.ticketDate.name }} | 91 | {{ b.extJsonObj.ticketDate.name }} |
| 92 | </p> | 92 | </p> |
| 93 | </div> | 93 | </div> |
| 94 | <div v-if="b.orderType == 6"> | ||
| 95 | <h3 class="name">{{ b.name }}</h3> | ||
| 96 | <p>出行时间:{{ b.extJsonObj.dcStart }}</p> | ||
| 97 | <p v-for="t in b.extJsonObj.touristList">{{ t.gateName }}:{{t.name}}</p> | ||
| 98 | </div> | ||
| 94 | </el-col> | 99 | </el-col> |
| 95 | <el-col :lg="6" :md="12" :sm="12" :xs="24"> | 100 | <el-col :lg="6" :md="12" :sm="12" :xs="24"> |
| 96 | <div v-if="b.orderType == 0"> | 101 | <div v-if="b.orderType == 0"> | ... | ... |
-
Please register or sign in to post a comment