no message

src/components/hotel/list/ListTable.vue

@@ -23,7 +23,7 @@
       <template v-slot:body="props">
         <q-tr :props="props">
           <q-td style="width:200px;" class="cursor-pointer ListTable-title">
-            <div class="ellipsis-3-lines" style="padding: 7px 16px;width: 200px;white-space: break-spaces;">
+            <div class="ellipsis-3-lines" style="padding: 7px 16px;width: 200px;white-space: break-spaces;" @click="showHotelDetails=true">
               {{ props.row.HotelName }}
             </div>
             <hotelCard class="ListTable-show" v-if="props.rowIndex==0"></hotelCard>
@@ -83,7 +83,7 @@
       <TableOperation :HotelRow="orderSubmitObj" :hotelInfor="orderSubmitItemObj" @close="showOrderPreview = false"></TableOperation>
     </q-dialog>
     <q-dialog v-model="showHotelDetails" persistent>
-      <hotelDetails></hotelDetails>
+      <hotelDetails @close="showHotelDetails=false"></hotelDetails>
     </q-dialog>
   </div>
 </template>

src/components/hotel/list/hotelDetails.vue

@@ -10,7 +10,7 @@
               <img v-for="item in 5" class="q-mr-xs" width="24" height="17" src="../../../assets/images/hotelCard0.png" />
             </div>
           </div>
-          <q-icon class="text-grey-13 cursor-pointer" name="close" size="md"></q-icon>
+          <q-icon class="text-grey-13 cursor-pointer" name="close" size="md" @click="close"></q-icon>
         </div>
         <div class="q-py-md text-blue">
           <span class="fz14 text-weight-bold q-pr-sm">{{$t('hotel.col.four')}}</span>
@@ -61,15 +61,39 @@
             </div>
           </div>
         </div>
-        <div class="bg-light-blue-1 q-pa-md fz14">
+        <div class="bg-light-blue-1 q-pa-md fz14" style="border-radius: 4px;">
           <div class="text-weight-bold ">{{$t('hotel.details.xiangqing')}}</div>
-          <div class="text-grey-8 q-mt-sm">
+          <div class="text-grey-8 q-mt-sm" style="line-height: 28px;">
             上野康福酒店位於臺東區下谷，地理位置優越，此酒店是您出行東京的理想
             出發點。 在這裏，住客們可輕松前往市區內各大旅遊、購物、餐飲地點
             。上野康福酒店一直致力於為您提供一流的設施與尊貴的服務，確保您在入
             住期間愉快、愜意。上野康福酒店是出行東京的優選住宿，為您提供一站式高品質服務。
           </div>
         </div>
+        <div class="q-py-lg q-px-md">
+          <div class="fz14 row col q-pb-md">
+            <span class="col-2 text-weight-bold">{{$t('hotel.details.col.t1')}}</span>
+            <div class="col q-pl-lg">
+              <span class="text-grey-8">50</span>
+            </div>
+          </div>
+          <div class="fz14 row col q-pb-md">
+            <span class="col-2 text-weight-bold">{{$t('hotel.details.col.t2')}}</span>
+            <div class="col q-pl-lg">
+              <span class="text-grey-8">50</span>
+            </div>
+          </div>
+        </div>
+        <div class="bg-light-blue-1 q-pa-md fz14" style="border-radius: 4px;">
+          <div class="text-weight-bold ">{{$t('hotel.details.wenxintishi')}}</div>
+          <div class="text-grey-8 q-mt-sm" style="line-height: 28px;">
+            <div>1、轻声慢步,文明上下楼 </div>
+            <div>2、轻声漫步不打闹,上下楼梯要走好 </div>
+            <div>3、上下楼梯靠右走,你谦我让脚步轻</div>
+            <div>4、不要跑,不要跳,不要打闹向右靠。</div>
+            <div>5、上下楼梯靠右行,你谦我让脚步轻</div>
+          </div>
+        </div>
       </div>
       
     </q-card> 
@@ -107,7 +131,9 @@
         methods.getMoney()
       })
       const methods = {
-        
+        close(){
+          context.emit('close')
+        }
       }
       return { ...toRefs(data), cars, TCNumRef, ContactNameRef, ContactNumberRef, ...methods, moneyFormat, info, panning,}
     }

src/i18n/zh-TW/index.ts

@@ -132,11 +132,11 @@ export default {
       d: "入住日期",
       r: "入住信息",
       n: "訂房號",
-      t: "城市税",
-      t2: "入湯税",
+      t: "城市稅",
+      t2: "入湯稅",
       m: "小計",
       noRoomNo: "訂房號",
-      noneTax: "税入",
+      noneTax: "稅入",
       pt:"付款方式"
     },
     search: {
@@ -201,7 +201,30 @@ export default {
       zuoji: '座機',
       chuanzhen: '傳真',
       guanwang: '官網',
-      xiangqing: '酒店詳情'
+      xiangqing: '酒店詳情',
+      wenxintishi: '溫馨提示',
+      col: {
+        t1: '入湯稅',
+        t2: '城市稅',
+        t3: '是否预约',
+        t4: '停車場',
+        t5: '提前截止天數',
+        t6: '訂購類型',
+        t7: '是否用餐',
+        t8: '酒店类型',
+        t9: '設施服務',
+        is: '是',
+        no1: '否',
+        are: '有',
+        no2: '無',
+        yuan: '圓',
+        xiaoshi: '小時',
+        day: '天',
+        zidin: '自訂',
+        zaocan: '早餐',
+        jiudianleix: '商務酒店',
+        sheshi: '設施',
+      }
     },
     car: {
       shoppingTitle: "購物車",
@@ -210,7 +233,7 @@ export default {
       people: "人",
       between: "间",
       submit: "確認下單",
-      tax: "税",
+      tax: "稅",
       soup: "入汤",
       OrderType: "訂單類型",
       TCNum: "组团号",