no message

src/pages/detailHotal.vue

@@ -53,7 +53,7 @@
               @range-end="dateRangeHandler"></q-date>
           </q-popup-proxy>
         </q-field>
-        <q-field stack-label label="人数及客房" standout
+        <q-field v-if="$q.platform.is.desktop" stack-label label="人数及客房" standout
         class="q-ml-lg"
         :style="{'min-width': $q.platform.is.desktop?'190px':'130px',
         'min-max': $q.platform.is.desktop?'190px':'col',}" dense>
@@ -188,6 +188,150 @@
           </q-popup-proxy>
         </q-field>
        </div>
+       <q-btn unelevated round class="bg-grey-3 hover" icon="search" title="更多筛选">
+        <q-badge rounded class="din bg-red-2 text-red-14 text-weight-bold" floating label="1"/>
+        <q-tooltip>更多</q-tooltip>
+        <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">更多</div>
+            <div class="q-my-md">
+              <q-field stack-label label="人数及客房" standout dense>
+          <div class="self-center full-width no-outline" tabindex="0">
+             {{numberOfAdults}}成人 
+            <template v-if="numberOfChildren>0"> {{numberOfChildren}}儿童</template> 
+             {{roomGroup}}房
+          </div>
+          
+          <q-popup-proxy :offset="[0, 10]" ref="qDateProxy2">
+            <div class="q-pa-lg q-py-lg bg-white">
+              <div class="items-center"
+              :clss="{'row':$q.platform.is.desktop,'column':$q.platform.is.mobile}">
+                <span class="text-grey-7 product-price fz14 q-mr-lg">客房</span>
+                <div>
+                  <q-input
+                  :style="{'width': $q.platform.is.desktop?'150px':'auto'}"
+                  v-model="roomGroup"
+                  mask="#"
+                  reverse-fill-mask
+                  dense
+                  standout
+                  readonly
+                >
+              <template v-slot:prepend>
+                <q-btn
+                  color="primary"
+                  size="sm"
+                  class="q-px-none"
+                  flat
+                  icon="remove"
+                  @click="addPeople('room', -1)"
+                />
+              </template>
+              <template v-slot:append>
+                <q-btn
+                  color="primary"
+                  size="sm"
+                  class="q-px-none"
+                  flat
+                  icon="add"
+                  @click="addPeople('room', 1)"
+                />
+              </template>
+              </q-input>
+                </div>
+              </div>
+              <q-separator color="grey-2" class="q-my-md" />
+              <div class="column" v-for="(x,index) in msg.searchroomGroup" :key="index">
+                <div class="row no-wrap">
+                  <div class="items-center" :clss="{'row':$q.platform.is.desktop,'column':$q.platform.is.mobile}">
+                    <span class="text-grey-7 product-price fz14 q-mr-lg">成人</span>
+                    <q-input
+                    :style="{'width': $q.platform.is.desktop?'150px':'auto'}"
+                      v-model="x.numberOfAdults"
+                      class="col"
+                      mask="#"
+                      reverse-fill-mask
+                      dense
+                      standout
+                      readonly
+                    >
+                  <template v-slot:prepend>
+                    <q-btn
+                      color="primary"
+                      size="sm"
+                      class="q-px-none"
+                      flat
+                      icon="remove"
+                      @click="addPeople('numberOfAdults', -1,x)"
+                    />
+                  </template>
+                  <template v-slot:append>
+                    <q-btn
+                      color="primary"
+                      size="sm"
+                      class="q-px-none"
+                      flat
+                      icon="add"
+                      @click="addPeople('numberOfAdults', 1,x)"
+                    />
+                  </template>
+                    </q-input>
+                    </div>
+                    <div class="items-center q-ml-lg"
+                    :clss="{'row':$q.platform.is.desktop,'column':$q.platform.is.mobile}">
+                      <span class="text-grey-7 product-price fz14 q-mr-lg">儿童</span>
+                      <q-input
+                        :style="{'width': $q.platform.is.desktop?'150px':'auto'}"
+                        v-model="x.numberOfChildren"
+                        class="col"
+                        mask="#"
+                        reverse-fill-mask
+                        dense
+                        standout
+                        readonly
+                      >
+                    <template v-slot:prepend>
+                      <q-btn
+                        color="primary"
+                        size="sm"
+                        class="q-px-none"
+                        flat
+                        icon="remove"
+                        @click="addPeople('numberOfChildren', -1,x)"
+                      />
+                    </template>
+                    <template v-slot:append>
+                      <q-btn
+                        color="primary"
+                        size="sm"
+                        class="q-px-none"
+                        flat
+                        icon="add"
+                        @click="addPeople('numberOfChildren', 1,x)"
+                      />
+                    </template>
+                      </q-input>
+                      </div>
+                </div>
+                <q-separator v-if="index!=(msg.searchroomGroup.length-1)" color="grey-2" class="q-my-md" />
+              </div>
+              
+            </div>
+          </q-popup-proxy>
+        </q-field>
+            </div>
+            <div class="q-my-md row">
+              <q-btn
+                  color="primary"
+                  unelevated
+                  class="q-px-xl col"
+                  label="确定"
+                  @click="getData(),$refs.qDateProxy2.hide()"
+                />
+            </div>
+          </q-card>
+        </q-popup-proxy>
+       </q-btn>
        <div v-if="$q.platform.is.desktop">
         <q-btn
           color="primary"