no message

src/components/hotel/Table-Operation.vue

@@ -41,8 +41,9 @@
       const data=reactive({
         addNum: 1,
         hotelInfor: props.hotelInfor,
+        DetailList:[]
       })
-      console.log(props.hotelInfor,'====')
+      console.log(props.hotelInfor.PriceList[0],'====')
       data.addNum = inject('addNum')
       const methods = {
         addGoods(type:any){

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

@@ -31,12 +31,20 @@
           </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">{{ x.Inventory }}/{{ x.UseInventory }}/{{ x.RemainingInventory }}</div>
+            <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">
                 {{ x.UseInventory - x.Inventory }}
@@ -83,8 +91,9 @@ import { date,useQuasar } from 'quasar'
 import { DateType, getDateType, getDayOfWeek } from '../../../utils/tools'
 import { useI18n } from 'vue-i18n'
 import HotelPriceList from './HotelPriceList.vue'
+import TableOperation from "../Table-Operation.vue"
 export default defineComponent({
-  components: { HotelPriceList },
+  components: { HotelPriceList, TableOperation },
   name: 'list-table',
   setup() {
     const $q=useQuasar()
@@ -220,4 +229,7 @@ export default defineComponent({
 .hotel-table .q-table td {
   padding: 0 !important;
 }
+.td-item.cursor-pointer:hover{
+    color: var(--q-primary) !important;
+  }
 </style>