no message

src/components/hotel/list/ListTable.vue

@@ -22,7 +22,10 @@
       <template v-slot:body="props">
         <q-tr :props="props">
           <q-td>
-            <div class="ellipsis-3-lines" style="padding: 7px 16px;width: 200px;white-space: break-spaces;">{{ props.row.HotelName }}</div>
+            <div class="ellipsis-3-lines cursor-pointer reactive" style="padding: 7px 16px;width: 200px;white-space: break-spaces;">
+              {{ props.row.HotelName }}
+              <!-- <hotelCard class="absolute" style="left: 0;top: 20px;"></hotelCard> -->
+            </div>
           </q-td>
           <q-td>
             <div class="td-item">{{ $t('hotel.table.price') }}</div>
@@ -93,8 +96,9 @@ import { useI18n } from 'vue-i18n'
 import HotelPriceList from './HotelPriceList.vue'
 import TableOperation from "./TableOperation.vue"
 import SamplePriceList from './SamplePriceList.vue'
+import hotelCard from './hotelCard.vue'
 export default defineComponent({
-  components: { HotelPriceList, TableOperation,SamplePriceList },
+  components: { HotelPriceList, TableOperation,SamplePriceList,hotelCard },
   name: 'list-table',
   setup() {
     const $q=useQuasar()

src/components/hotel/list/hotelCard.vue

+<template>
+    <q-card class="bg-white q-pb-md column">
+      121
+    </q-card>
+  </template>
+  
+  <script lang="ts">
+  import { defineComponent, ref, reactive, toRefs, provide, onMounted, inject, watch, onBeforeUnmount, computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import useScrollModule from '../../../module/scrollbar/scrollModule'
+  import { DirtionmaryHelper } from '../../../config/dictionary'
+  import message from '../../../utils/message'
+  import { ApiResult } from '../../../@types/enumHelper'
+  import HotelService from '../../../api/hotel'
+  import { moneyFormat } from '../../../utils/tools'
+  import { useQuasar } from 'quasar'
+  export default defineComponent({
+    props: {},
+    setup(props, context) {
+      const orderstatus = inject(DirtionmaryHelper.HOTEL_CAR_ORDER_STATUS) as any
+      const cars = inject(DirtionmaryHelper.HOTEL_CAR_LIST) as any
+      const editor = inject(DirtionmaryHelper.HOTEL_UPDATEHOTEL_CAR) as any
+      const { t } = useI18n()
+      const TCNumRef = ref(null) as any
+      const ContactNameRef = ref(null) as any
+      const ContactNumberRef = ref(null) as any
+      const $q = useQuasar()
+      const data = reactive({
+        
+      })
+      data.scrollStyle = useScrollModule().scrollStyle
+      const info = ref(null)
+      const panning = ref(false)
+      //   今天购买数量
+      watch(cars.value, (n, o) => {
+        methods.getMoney()
+      })
+      const methods = {
+        
+      }
+      return { ...toRefs(data), cars, TCNumRef, ContactNameRef, ContactNumberRef, ...methods, moneyFormat, info, panning,}
+    }
+  })
+  </script>
+  
+  <style>
+  
+  </style>
+  
\ No newline at end of file

src/pages/hotel/HotelOrder.vue

@@ -8,7 +8,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, inject, provide, reactive, toRefs } from 'vue';
+import { defineComponent, inject, provide, reactive, toRefs, onMounted } from 'vue';
+import { currentRouter } from 'src/router'
 import useMetaModule from '../../module/meta/metaModule'
 import { useI18n } from 'vue-i18n'
 import { DirtionmaryHelper } from '../../config/dictionary';
@@ -37,13 +38,17 @@ export default defineComponent({
           ContactName:'',
           ContactNumber:''
         })
+        search.OrderId = currentRouter.currentRoute.value.params.orderId
+        
         provide(DirtionmaryHelper.HOTEL_ORDER_SEARCH,search)
         const menu=inject(DirtionmaryHelper.MENU_KEYS) as any
         menu.value=3
 
         const data = reactive({})
         const methods = {}
-
+        onMounted(()=>{
+          console.log(currentRouter.currentRoute.value.params.OrderId,'====')
+        })
         return {...toRefs(data),...methods,search}
     }
 })

src/router/routes.ts

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