Browse Source

會員My Booking訂單列表頁樣式調整

Dev
Janie 2 years ago
parent
commit
a135541e40
  1. 2
      FrontEnd/components/user/userServiceItem.vue
  2. 100
      FrontEnd/pages/user/myBooking.vue

2
FrontEnd/components/user/userServiceItem.vue

@ -1,6 +1,6 @@
<template>
<div
class="booking-info-item tw-p-[20px] tw-mb-[20px] tw-bg-white tw-rounded-[20px] xl:tw-p-[20px]"
class="booking-info-item tw-p-[20px] tw-mb-[20px] tw-bg-white tw-border tw-border-solid tw-border-[#e5e5e5] tw-rounded-[20px] xl:tw-p-[20px]"
>
<nuxt-link :to="localePath('/user/booking/' + info.BookingNo)">
<div

100
FrontEnd/pages/user/myBooking.vue

@ -10,7 +10,7 @@
</userSidebar>
<!-- <div class="xl:tw-hidden"></div> -->
<div
class="tw-bg-transparent xl:tw-bg-neutrals-100 xl:tw-p-[30px] xl:tw-rounded-[20px] xl:tw-min-w-[900px] xl:tw-max-w-[900px]"
class="tw-bg-transparent xl:tw-bg-white xl:tw-p-[30px] xl:tw-rounded-[20px] xl:tw-min-w-[900px] xl:tw-max-w-[900px]"
>
<div
class="tw-flex tw-flex-col md:tw-flex-row md:tw-justify-between md:tw-items-center tw-mb-[20px] md:tw-mb-[34px]"
@ -20,47 +20,18 @@
>
<two-dots class="tw-mr-[30px]"></two-dots>{{ $t("My Bookings") }}
</div>
<div class="element tw-w-full md:tw-w-[320px]">
<!-- <userSearchBar
:input="{
id: 'searchQuery',
placeHolder: $t('Enter exhibitions, booking number ...'),
type: 'text',
}"
:default="searchQuery"
@change="searchQuery = $event"
></userSearchBar> -->
</div>
</div>
<bookingListContent
:width="width"
:userData="userData"
></bookingListContent>
<!-- <bookingListContent
:searchQuery="searchQuery"
:width="width"
:userData="userData"
></bookingListContent> -->
<!-- <section class="step sercion-6 tw-w-full md:tw-px-0 xl:tw-col-span-2">
<h2 class="title-icon-left t16 md:t20 xl:t18 xl:tw-font-bold">
{{ $t("You might like ...") }}
</h2>
<userYouMightLike
:list="youMightLikeList"
:countrycode="countrycode"
:regionName="regionName"
>
</userYouMightLike>
</section> -->
</div>
</div>
</div>
</template>
<script>
import TwoDots from "@/components/TwoDots";
import userSearchBar from "@/components/user/userSearchBar.vue";
import bookingListContent from "@/components/user/bookingListContent.vue";
import userYouMightLike from "@/components/user/userYouMightLike.vue";
import userSidebar from "@/components/user/userSidebar.vue";
export default {
name: "myBooking",
@ -68,9 +39,7 @@ export default {
components: {
TwoDots,
userSearchBar,
bookingListContent,
userYouMightLike,
userSidebar,
},
data() {
@ -78,20 +47,7 @@ export default {
firstName: "",
lastName: "",
userData: {},
userCompanyId: [],
userCompanyList: [],
userAddNewCompanyList: [],
userSavedExhibitionList: [],
userVisibleSavedExhibitionList: [],
yearOptions: [],
monthOptions: [],
dayOptions: [],
yearSelect: "",
monthSelect: "",
daySelect: "",
phoneValid: false,
width: 0,
searchQuery: "",
youMightLikeList: [],
countrycode: [],
regionName: [],
@ -107,25 +63,6 @@ export default {
this.handleResize();
},
mounted() {
this.yearOptions = Array.from(new Array(103), (val, index) =>
(index + 1920).toString()
);
this.monthOptions = Array.from(new Array(13), (val, index) => {
if (index < 10 && index > 0) {
return "0" + index.toString();
}
if (index >= 10) {
return index.toString();
}
});
this.dayOptions = Array.from(new Array(32), (val, index) => {
if (index < 10 && index > 0) {
return "0" + index.toString();
}
if (index >= 10) {
return index.toString();
}
});
this.$nextTick(() => {
window.addEventListener("resize", this.onResize);
});
@ -153,11 +90,6 @@ export default {
// }
const patchData = JSON.parse(JSON.stringify(this.userData));
// delete patchData.LoginLog;
//delete patchData.UserCompany;
// delete patchData.UserSocialRelation;
// delete patchData.UserExhibition;
this.$axios
.post(
`/trending/api/Members/Member`, patchData
@ -190,37 +122,7 @@ export default {
this.userData = data;
this.firstName = this.userData.FirstName;
this.lastName = this.userData.LastName;
this.userData.Phone ? (this.phoneValid = true): (this.phoneValid = false);
//this.countryCode = this.userData.PhoneCode;
if(this.userData.LanguageID == "en-US"){
this.languageSelect.en = true;
}else if(this.userData.LanguageID == "zh-TW"){
this.languageSelect.zhtw = true;
}else{
this.languageSelect.en = "";
this.languageSelect.zhtw = "";
}
if (
this.userData.BirthDate && typeof this.userData.BirthDate === "object"
){
this.yearSelect = "";
this.monthSelect = "";
this.daySelect = "";
}else{
const space = this.userData.BirthDate.split("T");
const date = space[0].split("-");
this.yearSelect = date[0];
this.monthSelect = date[1];
this.daySelect = date[2];
}
}
}
})

Loading…
Cancel
Save