串接 BookingDetail (API)，並渲染。

FrontEnd/components/user/bookingListContent.vue

@@ -289,14 +289,10 @@ export default {
       this.$axios
       .get(`/trending/api/BookingOnline/BookingCardList?SubCategoryIDs=${JSON.stringify(this.subCategoryIDs)}&BookingStatuses=${JSON.stringify(this.bookingStatus)}&PaymentStatuses&Lang=${this.$i18n.localeProperties["langQuery"]}`)
       .then((response) => {
-        console.log(JSON.stringify(response));
         if(response && response.data && response.data.DATA && response.data.DATA.rel){
           let data = response.data.DATA.rel
           if(data){
-            this.bookingList = data; 
-          // const bookingitem = this.bookingList;
-            console.log(this.bookingList[0].BookingItem);
-
+            this.bookingList = data;
           }
         }
       })

FrontEnd/components/user/userServiceItem.vue

@@ -33,11 +33,11 @@
           #{{ info.BookingNo }}
         </div>
         <!-- BookingItem還要調整 -->
-        <div class="detail tw-body-5 tw-mb-[4px] xl:tw-text-neutrals-800">   
-          {{ info.BookingItem }} 
-          <!-- <div v-for="(item, key) in info.BookingItem" :key="key">
-            {{ item }}
-          </div> -->
+        <div 
+          class="detail tw-body-5 tw-mb-[4px] xl:tw-text-neutrals-800"
+          v-for="(item, key) in info.BookingDetail" :key="key"
+        >   
+          {{ item }}
         </div>
         <div class="service-date tw-body-5 tw-mb-[4px] xl:tw-text-neutrals-800"
         >