修改

src/pages/Search.vue

@@ -648,6 +648,17 @@
   .sortDiv .q-field--filled.q-field--focused .q-field__control:before{
     background-color: #fff!important;
   }
+  .mobileSearch{
+    display:none;
+  }
+  @media only screen and (max-width: 768px){
+   .SearchContent {
+      display:none;
+    }
+    .mobileSearch{
+      display:block;
+    }
+  }
 </style>
 <template>
   <div class="SearchMain">
@@ -712,10 +723,10 @@
       </div>
 
       <!-- 手机端 -->
-      <div v-if="$q.screen.xs">
+      <div class="mobileSearch">
         <div class="search-bar-m">
           <i class="iconfont iconchazhao"></i>
-          <input type="text" placeholder="搜尋" value="" @click="showPopup=true,goSearchHandler" readonly="readonly"
+          <input type="text" placeholder="搜尋" :value="SearchResult" @click="showPopup=true,goSearchHandler" readonly="readonly"
             class="keyword-input">
         </div>
         <div class="sortDiv">
@@ -986,6 +997,7 @@
     },
     data() {
       return {
+        SearchResult:'',
         isShowDialog: false,
         sortNum: 1, //排序
         dayNum: [], //天数
@@ -1300,6 +1312,7 @@
           var siteArray = JSON.parse(localStorage.site);
           companyId = siteArray[0].companyId;
         }
+        this.SearchResult=this.qMsg.startDate+'-'+this.qMsg.endDate+'  '+this.qMsg.searchKey;
         let msg = {
           pageIndex: this.qMsg.pageIndex,
           pageSize: this.qMsg.pageSize,