diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
index de9f8d171..92379a71d 100644
--- a/jero-web/src/views/documentManage/library/docDetail/index.vue
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -9,7 +9,7 @@
           <a-tooltip placement="topLeft">
             <template slot="title">
               <span
-                v-html="this.$route.query.serial_number + ' 《'+this.$route.query.title + ' 》'+$t('StandardDetails')"></span>
+                v-html="titleHeader"></span>
             </template>
             <span v-html="$route.query.serial_number"></span>
             <span v-html="'《'+ this.$route.query.title+'》'"></span>
@@ -276,6 +276,7 @@
           getInfo: 'document/bussDocumentLibraryEO/getInfoById',
           list: 'log/bussLogEO/page'
         },
+        titleHeader: '',
         visibleFile: false,
         columnsRelated: [
           {
@@ -340,6 +341,15 @@
     },
     created() {
       this.getInfoById()
+      if (this.$route.query.serial_number && this.$route.query.title) {
+        this.titleHeader = this.$route.query.serial_number + ' 《' + this.$route.query.title + ' 》' + this.$t('StandardDetails')
+      } else if (!this.$route.query.serial_number && this.$route.query.title) {
+        this.titleHeader = '《' + this.$route.query.title + '》' + this.$t('StandardDetails')
+      } else if (this.$route.query.serial_number && !this.$route.query.title) {
+        this.titleHeader = this.$route.query.serial_number + ' 《' + ' 》' + this.$t('StandardDetails')
+      } else {
+        this.titleHeader = ' 《' + ' 》' + this.$t('StandardDetails')
+      }
     },
     methods: {
       getInfoById() {