修改文档详情显示乱码的问题

jero-web/src/views/documentManage/library/docDetail/index.vue

@@ -2,14 +2,20 @@
   <div class="doc-detail">
     <div class="doc-detail-wrap">
       <div class="doc-detail-header" style="position: fixed;top: 0">
-        <div class="doc-detail-title"
-             :title="this.$route.query.serial_number + ' 《'+this.$route.query.title + ' 》'+$t('StandardDetails')">
+        <div class="doc-detail-title">
           <span style="line-height: 66px;display: inline-block;float: left">
             <a-icon type="home" style="margin-right: 6px;"/>
           </span>
-          <span>{{this.$route.query.serial_number}}</span>
-          <span>《{{this.$route.query.title}}》 </span>
-          <span> {{$t('StandardDetails')}}</span>
+          <a-tooltip placement="topLeft">
+            <template slot="title">
+              <span
+                v-html="this.$route.query.serial_number + ' 《'+this.$route.query.title + ' 》'+$t('StandardDetails')"></span>
+            </template>
+            <span v-html="$route.query.serial_number"></span>
+            <span v-html="'《'+ this.$route.query.title+'》'"></span>
+            <span> {{$t('StandardDetails')}}</span>
+          </a-tooltip>
+
         </div>
         <div class="doc-detail-right">
           <div @click="UpdateLog" class="operator-text-text" :title="$t('UpdateLog')">
@@ -169,7 +175,7 @@
 </template>
 <script>
   import { getAction, postAction, downFile, downloadFile } from '@/api/manage'
-  import { Base64 } from 'js-base64';
+  import { Base64 } from 'js-base64'
 
   export default {
     name: 'docIndex',