no message

src/components/vehicle/list/ListHeader.vue

 <template>
   <div class="rounded-borders bg-white row items-center q-pa-md q-my-md">
-    
+    <q-select v-if="$q.platform.is.desktop" class="q-mr-md" v-model="searchClone.OfferState" @update:model-value="setOrderStatus" dense :options="status" emit-value option-label="StatusName" option-value="StatusId" map-options :label="$t('hotelorder.search.status')" standout />
     <q-input v-if="$q.platform.is.desktop" v-model="searchClone.UseCompName" class="col-2 q-mr-md" reverse-fill-mask dense type="text" standout :label="$t('v102.vehicle.list.s1')" />
-    <q-input v-if="$q.platform.is.desktop" v-model="searchClone.TeamName" class="col-2 q-mr-md" reverse-fill-mask dense type="text" standout :label="$t('v102.vehicle.list.s3')" />
+    <!-- <q-input v-if="$q.platform.is.desktop" v-model="searchClone.TeamName" class="col-2 q-mr-md" reverse-fill-mask dense type="text" standout :label="$t('v102.vehicle.list.s3')" /> -->
     <q-field v-if="$q.platform.is.desktop" stack-label :label="$t('daterange')" standout class="col-2" style="min-width: 190px" dense>
       <div class="self-center full-width no-outline" tabindex="0">{{ dateRangeFormat }}</div>
       <q-popup-proxy :offset="[0, 10]" ref="qDateProxy">
@@ -17,21 +17,24 @@
         <q-popup-proxy class="no-shadow" style="box-shadow: 0 0 50px #ddd !important" :offset="[0, 20]" :model-value="canHide">
           <q-card class="q-pa-md rounded-borders" style="width: 300px">
             <div class="q-mb-md text-subtitle2">{{ $t('morequery') }}</div>
-            <div class="q-my-md">
-              <q-input type="number" v-model="searchClone.OrderNo" dense standout :label="$t('hotelorder.search.orderNum')" />
+            <div class="q-my-md" v-if="$q.platform.is.mobile">
+              <q-select v-model="searchClone.OfferState" @update:model-value="setOrderStatus" dense :options="status" emit-value option-label="StatusName" option-value="StatusId" map-options :label="$t('hotelorder.search.status')" standout />
             </div>
             <div class="q-my-md">
-              <q-input type="number" v-model="searchClone.OrderId" dense standout :label="$t('hotelorder.search.orderId')" />
+              <q-input v-model="searchClone.UseName" class="col-2" reverse-fill-mask dense type="text" standout :label="$t('v102.vehicle.list.s2')" />
             </div>
             <div class="q-my-md" v-if="$q.platform.is.mobile">
               <q-input v-model="searchClone.UseCompName" class="col-2" reverse-fill-mask dense type="text" standout :label="$t('v102.vehicle.list.s1')" />
             </div>
             <div class="q-my-md">
-              <q-input v-model="searchClone.UseName" class="col-2" reverse-fill-mask dense type="text" standout :label="$t('v102.vehicle.list.s2')" />
-            </div>
-            <div class="q-my-md" v-if="$q.platform.is.mobile">
               <q-input v-model="searchClone.TeamName" class="col-2" reverse-fill-mask dense type="text" standout :label="$t('v102.vehicle.list.s3')" />
             </div>
+            <div class="q-my-md">
+              <q-input type="number" v-model="searchClone.OrderNo" dense standout :label="$t('hotelorder.search.orderNum')" />
+            </div>
+            <div class="q-my-md">
+              <q-input type="number" v-model="searchClone.OrderId" dense standout :label="$t('hotelorder.search.orderId')" />
+            </div>
             
             <div class="q-my-md" v-if="$q.platform.is.mobile">
               <q-field stack-label :label="$t('daterange')" standout class="col-2" style="min-width: 190px" dense>
@@ -62,6 +65,7 @@ import { ApiResult } from 'src/@types/enumHelper'
 import message from 'src/utils/message'
 import { useHotel } from '../../../utils/hotelRate'
 import { useRouter } from 'vue-router'
+import { getHotelOrderStatus, getHotelOrderType, getHotelRoomType } from '../../../utils/tools'
 export default {
   components: { svgIcon, NCascader },
   setup(props) {
@@ -79,7 +83,9 @@ export default {
       } as any,
       searchClone:{} as any,
       canHide: false,
-      AirportList: [] as any
+      AirportList: [] as any,
+      status: [] as Array<StandardStatus>,
+      cancelStatus: {} as StandardStatus | undefined,
     })
     
 
@@ -95,6 +101,19 @@ export default {
     search.msg.StartTime = data.dateRange.from
     search.msg.EndTime = data.dateRange.to
     const methods = {
+      setOrderStatus(statusId: number) {
+        data.searchClone.OfferState = statusId
+      },
+      initStatus() {
+        //通用的訂單類型
+        let allStatus = getHotelOrderStatus()
+        data.status = allStatus.filter((x: StandardStatus) => {
+          return x.StatusId != 4
+        })
+        data.cancelStatus = allStatus.find((x: StandardStatus) => {
+          return x.StatusId == 4
+        })
+      },
       goUrl(){
         $router.push({ path:`/vehicle/addEditVehicle`})
       },
@@ -143,15 +162,17 @@ export default {
       let setCnt = 0
       if ($q.platform.is.mobile) {
         if (data.searchClone.UseCompName > 0) setCnt++
-        if (data.searchClone.TeamName > 0) setCnt++
+        
         if (data.dateRangeFormat.length>0) setCnt++
+        if (data.searchClone.OfferState) setCnt++
       }
+      if (data.searchClone.TeamName > 0) setCnt++
       if (data.searchClone.UseName>0) setCnt++
       if (data.searchClone.OrderNo) setCnt++
       if (data.searchClone.OrderId) setCnt++
       return setCnt
     })
-    
+    methods.initStatus()
     return {
       qDateProxy,
       searchCnt,

src/pages/vehicle/teamOrder.vue

@@ -29,7 +29,8 @@
             StartTime: "",
             EndTime: '',
             OrderId: props.OrderId,
-            OrderNo: ''
+            OrderNo: '',
+            OfferState: 0
         }
       })
       provide(DirtionmaryHelper.TICKET_QUERY_PARAM, search)