no message

src/components/hotel/order/list/OrderList.vue

@@ -177,6 +177,11 @@
                 <q-item-label>{{ $t('hotelorder.opera.edit') }}</q-item-label>
               </q-item-section>
             </q-item>
+            <q-item class="text-positive" clickable v-close-popup @click="goUrl(x.OrderId)">
+              <q-item-section>
+                <q-item-label>{{ $t('v101.Listofquotation.baojiadan') }}</q-item-label>
+              </q-item-section>
+            </q-item>
             <!-- <q-item class="text-dark" clickable v-close-popup>
               <q-item-section>
                 <q-item-label>{{ $t('hotelorder.opera.view') }}</q-item-label>
@@ -324,6 +329,9 @@ export default defineComponent({
     })
 
     const methods = {
+      goUrl(id: number){
+        currentRouter.push('/hotel/offer/' + id)
+      },
       ViewPayment(){
         data.showBankAccount = true
       },

src/i18n/zh-TW/index.ts

+import { HotelType } from './../../@types/index';
 export default {
   //#region ending v1.0.0
   failed: '執行失敗',
@@ -408,6 +409,32 @@ export default {
     versonDetails:{
       date:'2022/11/29',
       content:''
+    },
+    Listofquotation:{
+      pageTitle: '報價單',
+      baojiadan: '報價單',
+      dindanbaojia: '酒店訂單報價',
+      zhutuanhao: '組團號',
+      lianxiren: '聯繫人',
+      dindanhao: '訂單號',
+      riqi: '日期',
+      HotelDate: '入駐時間',
+      HotelName: '酒店名稱',
+      HotelInfor: '入駐信息',
+      xiaoji: '小計',
+      riben: '日本汇款账户(海外送金也可)',
+      heji: '合計',
+      col: {
+        t1: '行名',
+        t2: '支店名',
+        t3: '口座重别',
+        t4: '口座番号',
+        t5: '賬戶名',
+        t6: '銀行住所',
+        t7: '銀行郵變',
+        t8: '重新番号',
+        t9: '汇款日本账户后请及时告知信息，方便日本旅行社查询谢谢体谅',
+      }
     }
   }
   //#endregion

src/router/routes.ts

@@ -9,6 +9,7 @@ const routes: RouteRecordRaw[] = [
       { path: '/hotel', component: () => import('pages/hotel/HotelList.vue') },
       { path: '/hotel/order/:orderId?', component: () => import('pages/hotel/HotelOrder.vue') },
       { path: '/hotel/modify/:orderId', component: () => import('pages/hotel/ModifyHotelOrder.vue') },
+      { path: '/hotel/offer/:orderId', component: () => import('pages/hotel/ListOfQuotation.vue') },
       { path: '/personal', component: () => import('pages/personal/personal.vue')},
       { path: '/comingsoon', component: () => import('pages/ComingSoon.vue')}
     ]