diff --git a/jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue b/jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue
index a703aee1f..d68268d33 100644
--- a/jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue
+++ b/jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue
@@ -62,7 +62,8 @@
         </div>
         <div class="table-page-search-submitButtons submitButtons">
           <a-button class="box-button" @click="searchReset">{{$t('reset')}}</a-button>
-          <a-button class="box-button" style="margin-left: 8px" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
+          <a-button class="box-button" style="margin-left: 8px" type="primary" @click="searchQuery">{{$t('query')}}
+          </a-button>
         </div>
       </div>
       <div class="text-right">
@@ -106,13 +107,29 @@
                  <a @click="handleCompare(record)" class="text-operation"> {{$t('Push')}}</a>
              </span>
             <span slot="serial_number" slot-scope="text,record">
-              <span style="cursor: pointer" :title="record.serial_number" class="textName" v-html="record.serial_number"
-                    @click="titleClick(record)"></span>
+              <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5">
+                        <template slot="title">
+                          <span v-html="record.serial_number"></span>
+                        </template>
+                       <span style="cursor: pointer" class="textName" v-html="record.serial_number"
+                             @click="titleClick(record)"></span>
+                      </a-tooltip>
+              <!--              <span style="cursor: pointer" class="textName" v-html="record.serial_number"-->
+              <!--                    @click="titleClick(record)"></span>-->
             </span>
             <span slot="titleName" slot-scope="text,record">
-              <span style="cursor: pointer" class="textName" v-html="language == 'en-us'?record.title_en:record.title"
-                    :title="language == 'en-us'?record.title_en:record.title"
-                    @click="titleClick(record)"></span>
+                            <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5">
+                        <template slot="title">
+                          <span v-html="language == 'en-us'?record.title_en:record.title"></span>
+                        </template>
+                       <span style="cursor: pointer" class="textName"
+                             v-html="language == 'en-us'?record.title_en:record.title"
+                             :title="language == 'en-us'?record.title_en:record.title"
+                             @click="titleClick(record)"></span>
+                      </a-tooltip>
+              <!--              <span style="cursor: pointer" class="textName" v-html="language == 'en-us'?record.title_en:record.title"-->
+              <!--                    :title="language == 'en-us'?record.title_en:record.title"-->
+              <!--                    @click="titleClick(record)"></span>-->
             </span>
             <span slot="file_name" slot-scope="text,record">
               <a style="color:#21c9cc" @click="fileNameClick(record)">
@@ -246,7 +263,7 @@
     components: {
       libraryPush
     },
-    mixins:[ResizeHeader, ResizeColumnProvide],
+    mixins: [ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         searchOption: [],
@@ -363,7 +380,7 @@
         searchQueryOne: {},
         orderBy: '1',
         orderByField: '',
-        language:localStorage.getItem('language'),
+        language: localStorage.getItem('language')
       }
     },
     watch: {
@@ -632,10 +649,15 @@
         postAction(this.url.getInfoList, query).then((res) => {
           if (res.success) {
             this.dataSource = res.result.records
+            let text = this.queryParam[this.selectModel] ? this.queryParam[this.selectModel].split(' ') : []
             this.dataSource.forEach((val) => {
-              if (val[this.selectModel] && val[this.selectModel].includes(this.queryParam[this.selectModel])) {
-                val[this.selectModel] = val[this.selectModel].replace(this.queryParam[this.selectModel], `<text style="color:#21c9cc">${this.queryParam[this.selectModel]}</text>`)
-              }
+              text.forEach(ol => {
+                // if (val[this.selectModel] && val[this.selectModel].includes(ol)) {
+                if (val[this.selectModel]) {
+                  val[this.selectModel] = val[this.selectModel].replace(ol, `<text style="color:#21c9cc">${ol}</text>`)
+                }
+                // }
+              })
             })
             this.total = res.result.total
             this.loading = false
@@ -703,7 +725,7 @@
         } else if (fileSuffix == '.xlsx' || fileSuffix == '.xls') {
           let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
           window.open(url, '_blank')
-        }else if(fileSuffix == '.png' || fileSuffix == '.jpeg' || fileSuffix == '.gif' || fileSuffix == '.jpg'){
+        } else if (fileSuffix == '.png' || fileSuffix == '.jpeg' || fileSuffix == '.gif' || fileSuffix == '.jpg') {
           let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadImgUrl + '/' + fileQuery.id + fileSuffix)
           window.open(url, '_blank')
         } else {
@@ -741,7 +763,7 @@
   }
 </style>
 <style lang="less" scoped>
-  @import'~@assets/less/common.less';
+  @import '~@assets/less/common.less';
 
   .search-con-text {
 
@@ -960,7 +982,7 @@
   /*  max-width: calc(100% - 126px) !important;*/
   /*}*/
 
-  /deep/.ant-table-thead > tr > th {
+  /deep/ .ant-table-thead > tr > th {
     font-weight: bolder;
   }