修改

src/App.vue

@@ -10,7 +10,7 @@ export default {
 };
 </script>
 <style>
-@import url("//at.alicdn.com/t/font_1890699_thl1i1ejr2.css");
+@import url("//at.alicdn.com/t/font_1890699_hdbdh9httvc.css");
 @font-face {
   font-family: "oswald";
   src: url("https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/smallapp/Oswald-Regular.ttf");

src/pages/Search.vue

@@ -564,11 +564,26 @@
     display: flex;
     flex-wrap: wrap;
     width: 100%;
-    height: 100%;
+    height: 44px;
     margin: 0 auto;
     max-width: 1160px;
+    align-items: center;
+    box-shadow: 0 2px 6px 0 rgba(0,0,0,.03);
+  }
+  .SearchContent .search-item {
+      display: flex;
+      border-right: 1px solid #eee;
+      line-height: 44px;
+      padding-right:20px;
+  }
+  .search-filter-inner i{
+    width: 50px;
+    height: 45px;
+    line-height: 45px;
+    text-align: center;
+    color: #999;
+    display: inline-block;
   }
-
 </style>
 <template>
   <div class="SearchMain">
@@ -576,9 +591,19 @@
       <!-- 电脑端 -->
       <div class="row SearchContent" v-if="!$q.screen.xs">
         <div class="search-filter-inner">
-
+          <div class="search-item" @click="showPopup=true,goSearchHandler">
+            <i class="iconfont iconchazhao"></i>
+             {{qMsg.searchKey}}
+          </div>
+          <div class="search-item" @click="showPopup=true,goSearchHandler">
+            <i class="iconfont iconrili"></i>
+            {{qMsg.startDate}} ~ {{qMsg.endDate}}
           </div>
-        <div class="col-3">
+          <div class="search-item" style="margin-left:20px;border-right:0">
+            <q-select filled v-model="sortNum" :options="sortArray" @input="changeData" emit-value map-options />
+          </div>
+        </div>
+        <!-- <div class="col-3">
           <q-input filled id="search_key" v-model="qMsg.searchKey" class="bg-grey-1" style="margin-right:10px;"
             :label="$t('search')" @focus="searchFocusHandler" @blur="searchBlurHandler" @keyup="searchChangeHandler" />
         </div>
@@ -608,7 +633,7 @@
         </div>
         <div class="col-2" style="margin-left:10px;">
           <q-select filled v-model="sortNum" :options="sortArray" @input="changeData" emit-value map-options />
-        </div>
+        </div> -->
         <!-- <div class="col-2" style="margin-left:10px;">
           <span style="margin-top:15px;display:inline-block;cursor:pointer;" @click="fullHeight = true">更多篩選條件</span>
         </div> -->