no message

src/components/hotel/list/List-Table.vue

@@ -32,7 +32,6 @@
                 <q-tr :props="props">
                     <q-td>
                         <div style="padding:7px 16px;">{{props.row.HotelName}}</div>
-                        
                     </q-td>
                     <q-td>
                         <div class="td-item">{{$t('hotel.table.price')}}</div>
@@ -41,13 +40,19 @@
                     </q-td>
                     <q-td v-for="x in props.row.subList">
                       <template v-if="x.PriceList && x.PriceList.length>0">
-                        <div class="td-item" :class="[x.PriceList[0].ins.bg,x.PriceList[0].ins.color]">
+                        <div class="td-item cursor-pointer" :class="[x.PriceList[0].ins.bg,x.PriceList[0].ins.color]">
                           {{x.PriceList[0].CostPrice}}
+                          <q-popup-proxy v-if="x.RemainingInventory>0" class="no-shadow">
+                            <TableOperation :hotelInfor="x"></TableOperation>
+                          </q-popup-proxy>
                         </div>
                       </template>
                       <div class="td-item bg-dark" v-else></div>
-                      <div class="td-item">
+                      <div class="td-item cursor-pointer">
                         {{x.Inventory}}/{{x.UseInventory}}/{{x.RemainingInventory}}
+                        <q-popup-proxy v-if="x.RemainingInventory>0" class="no-shadow">
+                          <TableOperation :hotelInfor="x"></TableOperation>
+                        </q-popup-proxy>
                       </div>
                       <div class="td-item" :class="{'bg-red-9 text-white':x.UseInventory-x.Inventory>0}">
                         <span v-if="x.UseInventory-x.Inventory>0">
@@ -70,11 +75,13 @@ import { ApiResult } from '../../../@types/enumHelper'
 import HotelService from '../../../api/hotel'
 import { DirtionmaryHelper } from '../../../config/dictionary'
 import message from '../../../utils/message'
-import { defineComponent, inject, reactive, toRefs, watch } from 'vue'
+import { defineComponent, inject, reactive, toRefs, watch, provide } from 'vue'
 import { date } from 'quasar'
 import { DateType, getDateType, getDayOfWeek } from '../../../utils/tools'
+import TableOperation from "../Table-Operation.vue"
 export default defineComponent({
   name: 'list-table',
+  components: { TableOperation },
   setup() {
     inject(DirtionmaryHelper.HOTEL_QUERY_PARAM)
     const search = inject(DirtionmaryHelper.HOTEL_QUERY_PARAM) as any
@@ -94,8 +101,10 @@ export default defineComponent({
         pageCount:0,
         rowsPerPage:10
       },
-      dateTypes:[] as Array<DateType>
+      dateTypes:[] as Array<DateType>,
+      addNum:1
     })
+    provide('addNum',data.addNum)
     data.dateTypes=getDateType()
 
     const methods = {
@@ -174,4 +183,7 @@ export default defineComponent({
   .hotel-table .q-table td{
     padding: 0 !important;
   }
+  .td-item.cursor-pointer:hover{
+    color: var(--q-primary) !important;
+  }
 </style>