搜索历史组件更新

src/components/app-search-history/app-search-history.less

 .app-seach-history {
+  .header {
+        --background: #679bf6;
+        padding: 2px 0 !important;
+        .history-title{
+            font-size: 18px;
+            height: 36px;
+            line-height: 42px;
+            padding-left: 10px;
+            color: #fff;
+        }
+        ion-searchbar{
+          color: #fff;
+          .searchbar-input-container{
+              background-color: #a9c8ff;
+              border-radius: 10px;
+              ion-icon{
+                color: #fff;
+              }
+          }
+        }
+    }
     .record {
         font-size: 30px;
         padding: 10px 0;

src/components/app-search-history/app-search-history.vue

 <template>
   <div class="app-seach-history">
-        <ion-toolbar>
-            <ion-searchbar style="height: 36px; padding-bottom: 0;" :placeholder="$t('app.fastsearch')" debounce="500" @ionChange="quickValueChange($event)"  @ionFocus="searchbarFocus" @ionBlur="searchbarBlur" @search="searchVal" ref="searchbar"></ion-searchbar>
+        <ion-toolbar class="header">
+            <div class="history-title" slot="start">{{historyTitle}}</div>
+            <ion-searchbar style="height: 36px; padding-bottom: 5px;padding-top: 5px;" :placeholder="$t('app.searchcontext')" debounce="500" @ionChange="quickValueChange($event)"  @ionFocus="searchbarFocus" @ionBlur="searchbarBlur" @search="searchVal" ref="searchbar"></ion-searchbar>
             <ion-button v-if="showfilter" class="filter-btn" size="small" slot="end"  @click="openSearchform"><ion-icon  slot="end" name="filter-outline"></ion-icon>过滤</ion-button>
         </ion-toolbar>
         <div class="history" v-if="hasHistory && (searchbarIsFocus || isSpeaking ) ">
@@ -122,6 +123,14 @@ export default class AppRoundList extends Vue {
      */
     public enableHistory: boolean = true;
 
+    /**
+     * 搜索历史标题
+     *
+     * @type {string}
+     * @memberof AppSearchHistory
+     */
+    public historyTitle: string = '';
+
     /**
      * touchstart 开始长按
      *
@@ -345,6 +354,9 @@ export default class AppRoundList extends Vue {
             this.historyList = this.historyLists.historyList;
             this.historyStorage.push(this.historyLists);
         }
+        if (this.model && this.model.srfTitle) {
+          this.historyTitle = this.model.srfTitle
+        }
     }
 
     /**