no message
Showing
3 changed files
with
56 additions
and
53 deletions
| ... | @@ -8,17 +8,17 @@ | ... | @@ -8,17 +8,17 @@ |
| 8 | <!-- <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'发票开具':'Invoice' }}</el-button>--> | 8 | <!-- <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'发票开具':'Invoice' }}</el-button>--> |
| 9 | <!-- <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'我的发票':'My Invoice' }}</el-button>--> | 9 | <!-- <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'我的发票':'My Invoice' }}</el-button>--> |
| 10 | </div> | 10 | </div> |
| 11 | <el-empty v-if="list?.length == 0" :image="`/img/order_no.png`" :image-size="228" /> | 11 | <el-empty v-if="list?.length == 0" :image="`/img/order_no.png`" :image-size="228"/> |
| 12 | 12 | ||
| 13 | <div class="pd20"> | 13 | <div class="pd20"> |
| 14 | <div v-for="b in list" class="item"> | 14 | <div v-for="b in list" class="item"> |
| 15 | <div class="title"> | 15 | <div class="title"> |
| 16 | <label v-if="b.orderType == 0" class="blueTag"> {{ language == 0 ? '酒店' : 'HOTEL' }} </label> | 16 | <label v-if="b.orderType == 0" class="blueTag"> {{ language == 0 ? '酒店' : 'HOTEL' }} </label> |
| 17 | <label v-if="b.orderType == 1" class="purpleTag"> {{ language == 0 ? '车辆' : 'TRANSPORTATION' }} </label> | 17 | <label v-if="b.orderType == 1" class="purpleTag"> {{ language == 0 ? '车辆' : 'TRANSPORTATION' }} </label> |
| 18 | <label v-if="b.orderType == 2" class="orangeTag"> {{ language == 0 ? '餐饮' : 'DINING' }} </label> | 18 | <label v-if="b.orderType == 2" class="blueTag"> {{ language == 0 ? '餐饮' : 'DINING' }} </label> |
| 19 | <label v-if="b.orderType == 3" class="orangeTag"> {{ language == 0 ? '化妆' : 'MakeUp' }} </label> | 19 | <label v-if="b.orderType == 3" class="purpleTag"> {{ 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="greenTag"> {{ language == 0 ? '票务' : 'TICKETING ' }} </label> |
| 22 | <label v-if="b.orderType == 6" class="orangeTag"> {{ language == 0 ? '旅游' : 'Travel ' }} </label> | 22 | <label v-if="b.orderType == 6" class="orangeTag"> {{ language == 0 ? '旅游' : 'Travel ' }} </label> |
| 23 | 23 | ||
| 24 | <span>{{ language == 0 ? '订单编号:' : 'No.' }} {{ b.id }}</span> | 24 | <span>{{ language == 0 ? '订单编号:' : 'No.' }} {{ b.id }}</span> |
| ... | @@ -28,20 +28,17 @@ | ... | @@ -28,20 +28,17 @@ |
| 28 | <span v-if="b.status == '0'&&b.surplus!='0,0'&&b.surplus!='0'" class="bg-warning"> | 28 | <span v-if="b.status == '0'&&b.surplus!='0,0'&&b.surplus!='0'" class="bg-warning"> |
| 29 | {{ language == 0 ? '待支付' : 'Unpaid' }} | 29 | {{ language == 0 ? '待支付' : 'Unpaid' }} |
| 30 | </span> | 30 | </span> |
| 31 | <span v-if="b.status == '0'&&(b.surplus=='0,0'||b.surplus=='0')" class="bg-warning">{{ | 31 | <span v-if="b.status == '0'&&(b.surplus=='0,0'||b.surplus=='0')" |
| 32 | language == 0 ? '已取消' : 'Canceled' | 32 | class="bg-warning">{{ language == 0 ? '已取消' : 'Canceled' }}</span> |
| 33 | }}</span> | ||
| 34 | <span v-if="b.status == '1'" class="bg-blue">{{ language == 0 ? '支付成功' : 'successful' }}</span> | 33 | <span v-if="b.status == '1'" class="bg-blue">{{ language == 0 ? '支付成功' : 'successful' }}</span> |
| 35 | <span v-if="b.status == '2'" class="bg-warning">{{ language == 0 ? '已取消' : 'Canceled' }}</span> | 34 | <span v-if="b.status == '2'" class="bg-warning">{{ language == 0 ? '已取消' : 'Canceled' }}</span> |
| 36 | <span v-if="b.status == '3'||b.status == '4'" class="bg-danger">{{ | 35 | <span v-if="b.status == '3'||b.status == '4'" class="bg-danger">{{ |
| 37 | language == 0 ? '已退订' : 'Refunded' | 36 | language == 0 ? '已退订' : 'Refunded' |
| 38 | }}</span> | 37 | }}</span> |
| 39 | <span v-if="b.status == '7'" class="bg-danger">{{ | 38 | <span v-if="b.status == '7'" class="bg-danger">{{ |
| 40 | language == 0 ? '退款审核中' : 'Refund in review' | 39 | language == 0 ? '退款审核中' : 'Refund in review' |
| 41 | }}</span> | 40 | }}</span> |
| 42 | <span v-if="b.status == '-1'" class="bg-blue">{{ | 41 | <span v-if="b.status == '-1'" class="bg-blue">{{ language == 0 ? '已核销' : 'Completed' }}</span> |
| 43 | language == 0 ? '已核销' : 'Completed' | ||
| 44 | }}</span> | ||
| 45 | </div> | 42 | </div> |
| 46 | 43 | ||
| 47 | <el-row align="middle" class="pd20 mt10" justify="space-between"> | 44 | <el-row align="middle" class="pd20 mt10" justify="space-between"> |
| ... | @@ -56,7 +53,7 @@ | ... | @@ -56,7 +53,7 @@ |
| 56 | <div v-if="b.orderType == 1"> | 53 | <div v-if="b.orderType == 1"> |
| 57 | <h3 class="name">{{ b.name }}</h3> | 54 | <h3 class="name">{{ b.name }}</h3> |
| 58 | <div> | 55 | <div> |
| 59 | <p>{{ b.extJsonObj.pickUpBo.count }} 人</p> | 56 | <p>{{ b.extJsonObj.pickUpBo.count }} {{ language == 0 ? '人' : 'people' }}</p> |
| 60 | <p>{{ b.extJsonObj.pickUpBo.revTime }}</p> | 57 | <p>{{ b.extJsonObj.pickUpBo.revTime }}</p> |
| 61 | </div> | 58 | </div> |
| 62 | <!-- <p>{{b.messageObj}}</p>--> | 59 | <!-- <p>{{b.messageObj}}</p>--> |
| ... | @@ -84,16 +81,18 @@ | ... | @@ -84,16 +81,18 @@ |
| 84 | 81 | ||
| 85 | <div v-if="b.orderType==5"> | 82 | <div v-if="b.orderType==5"> |
| 86 | <h3 class="name">{{ b.name }}</h3> | 83 | <h3 class="name">{{ b.name }}</h3> |
| 87 | <p> | 84 | <p v-if="b.extJsonObj.ticketDate.name"> |
| 88 | <!-- {{--> | ||
| 89 | <!-- dayjs(b.deliveryTime).format('YYYY-MM-DD') + ' ' + b.extJsonObj.timePeriod?.split('-')[0] + '-' + dayjs(b.deliveryTime).format('YYYY-MM-DD') + ' ' + b.extJsonObj.timePeriod?.split('-')[1]--> | ||
| 90 | <!-- }}--> | ||
| 91 | {{ b.extJsonObj.ticketDate.name }} | 85 | {{ b.extJsonObj.ticketDate.name }} |
| 92 | </p> | 86 | </p> |
| 87 | <p>{{ b.extJsonObj.atName }} | {{ b.extJsonObj.atsName }} | {{ b.extJsonObj.atstName }}</p> | ||
| 88 | <p v-for="p in b.extJsonObj?.orderCustomerList"> | ||
| 89 | <el-tag class="mr10" v-if="p.deskNo">{{p.deskNo}}-{{p.seatNo}}</el-tag> | ||
| 90 | {{ p.name }} - {{ p.paymentType == '3' ? '€' : '¥' }}{{ b.extJsonObj.price }} | ||
| 91 | </p> | ||
| 93 | </div> | 92 | </div> |
| 94 | <div v-if="b.orderType == 6"> | 93 | <div v-if="b.orderType == 6"> |
| 95 | <h3 class="name">{{ b.name }}</h3> | 94 | <h3 class="name">{{ b.name }}</h3> |
| 96 | <p>{{ language==0?'出行时间':'Travel Time' }}:{{ b.extJsonObj.dcStart }}</p> | 95 | <p>{{ language == 0 ? '出行时间' : 'Travel Time' }}:{{ b.extJsonObj.dcStart }}</p> |
| 97 | <p v-for="t in b.extJsonObj.touristList">{{ t.gateName }}:{{ t.name }}</p> | 96 | <p v-for="t in b.extJsonObj.touristList">{{ t.gateName }}:{{ t.name }}</p> |
| 98 | </div> | 97 | </div> |
| 99 | </el-col> | 98 | </el-col> |
| ... | @@ -102,8 +101,8 @@ | ... | @@ -102,8 +101,8 @@ |
| 102 | <p>{{ b.messageObj?.roomName }}</p> | 101 | <p>{{ b.messageObj?.roomName }}</p> |
| 103 | <p>{{ b.messageObj?.roomInfo }}</p> | 102 | <p>{{ b.messageObj?.roomInfo }}</p> |
| 104 | </div> | 103 | </div> |
| 105 | <div v-if="b.orderType == 1" /> | 104 | <div v-if="b.orderType == 1"/> |
| 106 | <div v-if="b.orderType == 2" /> | 105 | <div v-if="b.orderType == 2"/> |
| 107 | <div v-if="b.orderType == 3||b.orderType == 4"> | 106 | <div v-if="b.orderType == 3||b.orderType == 4"> |
| 108 | <p>{{ b.extJsonObj.packageName }}</p> | 107 | <p>{{ b.extJsonObj.packageName }}</p> |
| 109 | </div> | 108 | </div> |
| ... | @@ -119,44 +118,44 @@ | ... | @@ -119,44 +118,44 @@ |
| 119 | <el-col :lg="6" :md="16" :sm="16" :xs="16"> | 118 | <el-col :lg="6" :md="16" :sm="16" :xs="16"> |
| 120 | <div class="text-right mb20 text-danger"> | 119 | <div class="text-right mb20 text-danger"> |
| 121 | <el-countdown | 120 | <el-countdown |
| 122 | v-if="b.status == '0'&&(b.surplus!='0,0'&&b.surplus!='0')" | 121 | v-if="b.status == '0'&&(b.surplus!='0,0'&&b.surplus!='0')" |
| 123 | :value="b.countdown" | 122 | :value="b.countdown" |
| 124 | format="mm:ss" | 123 | format="mm:ss" |
| 125 | value-style="color:#E60012;font-size:16px;" | 124 | value-style="color:#E60012;font-size:16px;" |
| 126 | @finish="finish(b)" | 125 | @finish="finish(b)" |
| 127 | /> | 126 | /> |
| 128 | </div> | 127 | </div> |
| 129 | 128 | ||
| 130 | <div class="text-right"> | 129 | <div class="text-right"> |
| 131 | <el-button | 130 | <el-button |
| 132 | v-if="(b.orderType == 0||b.orderType == 5)&&b.viewStatus!=0" class="mb10" plain round | 131 | v-if="(b.orderType == 0||b.orderType == 5)&&b.viewStatus!=0" class="mb10" plain round |
| 133 | size="small" type="success" | 132 | size="small" type="success" |
| 134 | @click="Rebook(b)" | 133 | @click="Rebook(b)" |
| 135 | > | 134 | > |
| 136 | {{ language == 0 ? '再次预订' : 'Rebook' }} | 135 | {{ language == 0 ? '再次预订' : 'Rebook' }} |
| 137 | </el-button> | 136 | </el-button> |
| 138 | <el-button | 137 | <el-button |
| 139 | class="mb10" plain round size="small" type="primary" | 138 | class="mb10" plain round size="small" type="primary" |
| 140 | @click="goDetail(b)" | 139 | @click="goDetail(b)" |
| 141 | > | 140 | > |
| 142 | {{ language == 0 ? '详情' : 'Detail' }} | 141 | {{ language == 0 ? '详情' : 'Detail' }} |
| 143 | </el-button> | 142 | </el-button> |
| 144 | <el-button | 143 | <el-button |
| 145 | v-if="b.status == '0'&&(b.surplus!='0,0'&&b.surplus!='0')" class="mb10" | 144 | v-if="b.status == '0'&&(b.surplus!='0,0'&&b.surplus!='0')" class="mb10" |
| 146 | plain round size="small" type="primary" @click="goDetail(b)" | 145 | plain round size="small" type="primary" @click="goDetail(b)" |
| 147 | > | 146 | > |
| 148 | {{ language == 0 ? '支付' : 'Pay' }} | 147 | {{ language == 0 ? '支付' : 'Pay' }} |
| 149 | </el-button> | 148 | </el-button> |
| 150 | <el-button | 149 | <el-button |
| 151 | v-if="b.viewStatus==0" class="mb10" plain round size="small" | 150 | v-if="b.viewStatus==0" class="mb10" plain round size="small" |
| 152 | type="warning" | 151 | type="warning" |
| 153 | @click="cancel(b)" | 152 | @click="cancel(b)" |
| 154 | > | 153 | > |
| 155 | {{ language == 0 ? '取消订单' : 'Cancel Order' }} | 154 | {{ language == 0 ? '取消订单' : 'Cancel Order' }} |
| 156 | </el-button> | 155 | </el-button> |
| 157 | <el-button | 156 | <el-button |
| 158 | v-if="b.viewStatus==5" class="mb10" plain round size="small" | 157 | v-if="b.viewStatus==5" class="mb10" plain round size="small" |
| 159 | type="" @click="unsubscribe(b)" | 158 | type="" @click="unsubscribe(b)" |
| 160 | > | 159 | > |
| 161 | {{ language == 0 ? '退订' : 'Unsubscribe' }} | 160 | {{ language == 0 ? '退订' : 'Unsubscribe' }} |
| 162 | </el-button> | 161 | </el-button> |
| ... | @@ -167,26 +166,26 @@ | ... | @@ -167,26 +166,26 @@ |
| 167 | </div> | 166 | </div> |
| 168 | </div> | 167 | </div> |
| 169 | </el-card> | 168 | </el-card> |
| 170 | <div class="pd20" /> | 169 | <div class="pd20"/> |
| 171 | 170 | ||
| 172 | </div> | 171 | </div> |
| 173 | </template> | 172 | </template> |
| 174 | 173 | ||
| 175 | <script setup> | 174 | <script setup> |
| 176 | import { onMounted, getCurrentInstance } from '@vue/runtime-core' | 175 | import {onMounted, getCurrentInstance} from '@vue/runtime-core' |
| 177 | import { useStorage } from '@vueuse/core/index' | 176 | import {useStorage} from '@vueuse/core/index' |
| 178 | import { newbilllist } from '@/apiPc/common' | 177 | import {newbilllist} from '@/apiPc/common' |
| 179 | import useUserStore from '@/store/modules/user' | 178 | import useUserStore from '@/store/modules/user' |
| 180 | import dayjs from 'dayjs' | 179 | import dayjs from 'dayjs' |
| 181 | import { cancelOrder2, cancelOrder } from '/@/apiPc/booking' | 180 | import {cancelOrder2, cancelOrder} from '/@/apiPc/booking' |
| 182 | 181 | ||
| 183 | import { ElMessage } from 'element-plus' | 182 | import {ElMessage} from 'element-plus' |
| 184 | 183 | ||
| 185 | const router = useRouter() | 184 | const router = useRouter() |
| 186 | const language = useStorage('language', 0) | 185 | const language = useStorage('language', 0) |
| 187 | const list = ref([]) | 186 | const list = ref([]) |
| 188 | const user = useUserStore().user | 187 | const user = useUserStore().user |
| 189 | const { proxy } = getCurrentInstance() | 188 | const {proxy} = getCurrentInstance() |
| 190 | 189 | ||
| 191 | onMounted(() => { | 190 | onMounted(() => { |
| 192 | getList() | 191 | getList() |
| ... | @@ -198,7 +197,7 @@ function finish(bill) { | ... | @@ -198,7 +197,7 @@ function finish(bill) { |
| 198 | } | 197 | } |
| 199 | 198 | ||
| 200 | function getList() { | 199 | function getList() { |
| 201 | newbilllist({ createById: user.userId }).then(res => { | 200 | newbilllist({createById: user.userId}).then(res => { |
| 202 | list.value = res.rows || [] | 201 | list.value = res.rows || [] |
| 203 | for (const b of list.value) { | 202 | for (const b of list.value) { |
| 204 | b.messageObj = JSON.parse(b.message) || {} | 203 | b.messageObj = JSON.parse(b.message) || {} |
| ... | @@ -386,6 +385,10 @@ function toInvoice() { | ... | @@ -386,6 +385,10 @@ function toInvoice() { |
| 386 | } | 385 | } |
| 387 | 386 | ||
| 388 | .blueTag { | 387 | .blueTag { |
| 388 | background-color: #1e62c8; | ||
| 389 | } | ||
| 390 | |||
| 391 | .greenTag { | ||
| 389 | background-color: #1EC886; | 392 | background-color: #1EC886; |
| 390 | } | 393 | } |
| 391 | 394 | ... | ... |
| ... | @@ -38,7 +38,7 @@ | ... | @@ -38,7 +38,7 @@ |
| 38 | </el-card> | 38 | </el-card> |
| 39 | <el-card class="mt20 mb20"> | 39 | <el-card class="mt20 mb20"> |
| 40 | <el-table :data="rank" stripe> | 40 | <el-table :data="rank" stripe> |
| 41 | <el-table-column align="center" label="名次" type="index" width="100"> | 41 | <el-table-column align="center" :label="language==0?'名次':'Rank'" type="index" width="100"> |
| 42 | <template #default="scope"> | 42 | <template #default="scope"> |
| 43 | <span v-if="scope.row.mingCi == 1" style="color:#F8A617">{{ scope.row.mingCi }}</span> | 43 | <span v-if="scope.row.mingCi == 1" style="color:#F8A617">{{ scope.row.mingCi }}</span> |
| 44 | <span v-else-if="scope.row.mingCi == 2" style="color:#778B92">{{ scope.row.mingCi }}</span> | 44 | <span v-else-if="scope.row.mingCi == 2" style="color:#778B92">{{ scope.row.mingCi }}</span> |
| ... | @@ -47,15 +47,15 @@ | ... | @@ -47,15 +47,15 @@ |
| 47 | </template> | 47 | </template> |
| 48 | </el-table-column> | 48 | </el-table-column> |
| 49 | 49 | ||
| 50 | <el-table-column label="国家" prop="name"> | 50 | <el-table-column :label="language==0?'国家':'Country'" prop="name"> |
| 51 | <template #default="scope"> | 51 | <template #default="scope"> |
| 52 | <div> | 52 | <div> |
| 53 | <span :class="`flag-icon flag-icon-${scope.row.code}`" /> | 53 | <span :class="`flag-icon flag-icon-${scope.row.code}`" /> |
| 54 | {{ scope.row.countryName }} | 54 | {{ language==0?scope.row.countryName :scope.row.countryShortName }} |
| 55 | </div> | 55 | </div> |
| 56 | </template> | 56 | </template> |
| 57 | </el-table-column> | 57 | </el-table-column> |
| 58 | <el-table-column align="center" label="组合"> | 58 | <el-table-column align="center" :label="language==0?'组合':'Couple'" min-width="200"> |
| 59 | <template #default="scope"> | 59 | <template #default="scope"> |
| 60 | <div class="text-primary esp">{{ scope.row.zuHe }}</div> | 60 | <div class="text-primary esp">{{ scope.row.zuHe }}</div> |
| 61 | </template> | 61 | </template> | ... | ... |
| ... | @@ -81,9 +81,9 @@ export default defineConfig(({ mode, command }) => { | ... | @@ -81,9 +81,9 @@ export default defineConfig(({ mode, command }) => { |
| 81 | rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '') | 81 | rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '') |
| 82 | }, | 82 | }, |
| 83 | '/dev-api': { | 83 | '/dev-api': { |
| 84 | target: 'http://192.168.1.118:8081/', | 84 | // target: 'http://192.168.1.118:8081/', |
| 85 | // target: 'http://192.168.1.243:8081', | 85 | // target: 'http://192.168.1.243:8081', |
| 86 | // target: 'https://jijin.wtwuxicenter.com/stage-api', | 86 | target: 'https://jijin.wtwuxicenter.com/stage-api', |
| 87 | // target: 'https://wdsfwuxicenter.com/stage-api/', | 87 | // target: 'https://wdsfwuxicenter.com/stage-api/', |
| 88 | changeOrigin: true, | 88 | changeOrigin: true, |
| 89 | rewrite: (p) => p.replace(/^\/dev-api/, '') | 89 | rewrite: (p) => p.replace(/^\/dev-api/, '') | ... | ... |
-
Please register or sign in to post a comment