From 5edcef950af54e927032c9a272bd9d604bad443a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E5=B5=A9?= <gaosong@syxysoft.com>
Date: Sat, 23 Sep 2023 11:38:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=8F=9C=E5=8D=95=E6=9D=83?=
 =?UTF-8?q?=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../collectionOfRegulatoryOpinions/index.vue  |    1 +
 .../components/modules/fillTable.vue          |    6 +-
 .../technologyAssessment/index.vue            |    1 +
 .../library/docDetail/index.vue               | 1712 +++++++++--------
 .../splitting/modules/ImportResult.vue        |    3 +-
 .../splitting/modules/SplitText.vue           |    3 +-
 .../otamanagement/upgradeactivity/index.vue   |    7 +-
 .../vehicleregistration/index.vue             |    8 +-
 .../projectStatusBoard/index.vue              |    2 +-
 9 files changed, 876 insertions(+), 867 deletions(-)

diff --git a/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/index.vue b/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/index.vue
index 7779d9cba..86619097a 100644
--- a/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/index.vue
+++ b/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/index.vue
@@ -116,6 +116,7 @@
 <!--           <a class="text-operation" @click="viewProcessClick(record)">{{$t('viewProcess')}}</a>-->
 <!--           v-if="record.gatherResult == 'Completed'"-->
            <a class="text-operation"
+              v-has="'regulatoryComments:evaluationResult'"
               @click="evaluationResultsClick(record)">{{$t('evaluationResults')}}</a>
           <a class="text-operation"
              v-if="(record.gatherResult == 'Completed' && userInfoQuery.username == record.createBy) || administrators"
diff --git a/jero-web/src/views/businessSupport/regulationReport/components/modules/fillTable.vue b/jero-web/src/views/businessSupport/regulationReport/components/modules/fillTable.vue
index d7d00a710..5b0da46b6 100644
--- a/jero-web/src/views/businessSupport/regulationReport/components/modules/fillTable.vue
+++ b/jero-web/src/views/businessSupport/regulationReport/components/modules/fillTable.vue
@@ -14,7 +14,7 @@
         </a-button>
       </template>
       <div class="table-operator-right">
-        <div @click="newlyAddedClick" class="operator-text">
+        <div @click="newlyAddedClick" v-has="'monthlyTitleTemplate:add'" class="operator-text">
           <a-icon type="plus"/>
           {{$t('newlyAdded')}}
         </div>
@@ -32,8 +32,8 @@
         <span slot="operation" slot-scope="text,record,index">
            <a class="text-operation" @click="moveUpClick(record,index)">{{$t('moveUp')}}</a>
            <a class="text-operation" @click="moveDownClick(record,index)">{{$t('moveDown')}}</a>
-           <a class="text-operation" @click="edit(record)">{{$t('edit')}}</a>
-           <a class="text-operation" @click="deleteLib(record)">{{$t('deleteLib')}}</a>
+           <a class="text-operation" v-has="'monthlyTitleTemplate:edit'" @click="edit(record)">{{$t('edit')}}</a>
+           <a class="text-operation" v-has="'monthlyTitleTemplate:delete'" @click="deleteLib(record)">{{$t('deleteLib')}}</a>
         </span>
       </a-table>
       <div class="page" v-if="dataSource.length > 0">
diff --git a/jero-web/src/views/businessSupport/technologyAssessment/index.vue b/jero-web/src/views/businessSupport/technologyAssessment/index.vue
index cedea358c..888a118d0 100644
--- a/jero-web/src/views/businessSupport/technologyAssessment/index.vue
+++ b/jero-web/src/views/businessSupport/technologyAssessment/index.vue
@@ -117,6 +117,7 @@
 <!--           <a class="text-operation" @click="viewProcessClick(record)">{{$t('viewProcess')}}</a>-->
           <!--           v-if="record.flowStatus == 'Completed'"-->
            <a class="text-operation"
+              v-has="'regulatoryAndTechnicalAssessment:evaluationResult'"
               @click="evaluationResultsClick(record)">{{$t('evaluationResults')}}</a>
           <a class="text-operation"
              v-if="(record.flowStatus == 'Completed' && userInfoQuery.username == record.createBy) || administrators"
diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
index 0675392fa..db2b191b3 100644
--- a/jero-web/src/views/documentManage/library/docDetail/index.vue
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -17,8 +17,8 @@
         </div>
         <div class="doc-detail-right">
           <div @click="UpdateLog" v-has="'bussLog:page'" class="operator-text-text" :title="$t('UpdateLog')">
-            <a-icon type="reload"/>
-            {{$t('UpdateLog')}}
+            <a-icon type="reload" />
+            {{ $t('UpdateLog') }}
           </div>
           <!--          <div @click="DocumentSplitting" v-has="'bussLog:splitting'" class="operator-text-text"-->
           <!--               :title="$t('DocumentSplitting')">-->
@@ -37,21 +37,21 @@
           <!--          </div>-->
           <div @click="KnowledgeDatabaseClick" v-has="'bussLog:database'" class="operator-text-text"
                :title="$t('problemKnowledgeBase')">
-            <a-icon type="folder"/>
-            {{$t('problemKnowledgeBase')}}
+            <a-icon type="folder" />
+            {{ $t('problemKnowledgeBase') }}
           </div>
           <div @click="CollectionClick({'collectFlag':collectFlag,'id':documentId})"
-               v-has="'document:addCollect'" class="operator-text-text"
+               v-has="'bussLog:collect'" class="operator-text-text"
                :title="$t('Collection')">
-            <a-icon class="icon" type="star"/>
-            {{collectFlag == '1'?$t('CancelCollection'):$t('Collection')}}
+            <a-icon class="icon" type="star" />
+            {{ collectFlag == '1' ? $t('CancelCollection') : $t('Collection') }}
           </div>
 
 
-          <div @click="shareClick" v-has="'document:pullMessage'" class="operator-text-text"
+          <div @click="shareClick" v-has="'bussLog:share'" class="operator-text-text"
                :title="$t('share')">
-            <a-icon type="share-alt"/>
-            {{$t('share')}}
+            <a-icon type="share-alt" />
+            {{ $t('share') }}
           </div>
         </div>
       </div>
@@ -60,24 +60,25 @@
           <div v-for="(item,index) in detailList" class="content-box">
             <div v-for="val in Object.keys(item)" class="content">
               <div class="header-text fixedPosition">
-                {{val}}
+                {{ val }}
               </div>
               <div class="content-text" v-if="val == $t('essentialInformation')">
                 <div class="text-field"
                      :class="{'text-content-button-one':ol.field_show_type == 8 ? true :false,
                      'text-content-button-Two':index1 == 1 || index1 == 9? true:false}"
                      v-for="(ol,index1) in item[val]">
-                  <span v-if="ol.field_show_type == 10" class="text-field-left-Index" :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
-                  <span v-else class="text-field-left" :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
+                  <span v-if="ol.field_show_type == 10" class="text-field-left-Index"
+                        :title="ol.db_field_txt">{{ ol.db_field_txt }}</span>
+                  <span v-else class="text-field-left" :title="ol.db_field_txt">{{ ol.db_field_txt }}</span>
                   <span class="text-field-right text-field-right-text" v-if="index1 == 9"
-                        :title="ol.value">{{ol.value ? ol.value : '--'}}</span>
+                        :title="ol.value">{{ ol.value ? ol.value : '--' }}</span>
                   <span class="text-field-right text-field-right-color" v-else-if="ol.urlClick" @click="urlClick(ol)"
-                        :title="ol.value">{{ol.value ? ol.value : '--'}}</span>
+                        :title="ol.value">{{ ol.value ? ol.value : '--' }}</span>
                   <span class="text-field-right" v-else-if="ol.field_show_type == 7">
                      <a-button type="primary" class="button-text"
                                v-if="ol.value && ol.value.length > 0"
                                @click="clickButtonToUpload(ol.value)">
-                        {{$t('viewUploadedFiles')}}
+                        {{ $t('viewUploadedFiles') }}
                     </a-button>
                     <span v-else>--</span>
                   </span>
@@ -88,18 +89,18 @@
                           @click="relatedClick(valItem)"
                           v-if="ol.list && ol.list.length > 0"
                           v-for="valItem in ol.list">
-                         {{valItem.title}}
+                         {{ valItem.title }}
                     </span>
                     <span v-else>--</span>
                   </span>
-                  <span class="text-field-right" v-else :title="ol.value">{{ol.value ? ol.value : '--'}}</span>
+                  <span class="text-field-right" v-else :title="ol.value">{{ ol.value ? ol.value : '--' }}</span>
                 </div>
               </div>
 
               <div class="TextInformation" v-else-if="val == $t('textInformation')">
                 <div class="TextInformation-box" v-for="(ol,index1) in item[val]">
                   <div class="TextInformation-box-title fixedPosition">
-                    {{ol.db_field_txt}}
+                    {{ ol.db_field_txt }}
                   </div>
                   <div class="TextInformation-box-box">
                     <div class="TextInformation-box-box-text"
@@ -107,16 +108,18 @@
                          v-for="valItem in ol.value">
                       <span @click="pdfPreview(valItem)"
                             :title="valItem.fileName"
-                            class="leftconteTdInformation">{{valItem.fileName}}</span>
+                            class="leftconteTdInformation">{{ valItem.fileName }}</span>
                       <a-icon class="leftconteTdInformation-icon"
                               @click="download(valItem)"
                               :title="$t('download')"
-                              type="vertical-align-bottom"/>
+                              v-has="'bussLog:downLoad'"
+                              type="vertical-align-bottom" />
                       <a-icon class="leftconteTdInformation-icon"
                               @click="breakdown(valItem)"
                               v-if="valItem.splitFlag == 1"
+                              v-has="'bussLog:standardBreakdownSheet'"
                               :title="$t('StandardBreakdown')"
-                              type="profile"/>
+                              type="profile" />
                     </div>
                   </div>
                 </div>
@@ -125,15 +128,16 @@
               <div class="content-text" v-else>
                 <div class="text-field" :class="{'text-content-button-one':ol.field_show_type == 8 ? true :false}"
                      v-for="(ol,index1) in item[val]">
-                  <span v-if="ol.field_show_type == 10" class="text-field-left-Index" :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
-                  <span class="text-field-left" v-else :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
+                  <span v-if="ol.field_show_type == 10" class="text-field-left-Index"
+                        :title="ol.db_field_txt">{{ ol.db_field_txt }}</span>
+                  <span class="text-field-left" v-else :title="ol.db_field_txt">{{ ol.db_field_txt }}</span>
                   <span class="text-field-right text-field-right-color" v-if="ol.urlClick" @click="urlClick(ol)"
-                        :title="ol.value">{{ol.value ? ol.value : '--'}}</span>
+                        :title="ol.value">{{ ol.value ? ol.value : '--' }}</span>
                   <span class="text-field-right" v-else-if="ol.field_show_type == 7">
                      <a-button type="primary" class="button-text"
                                v-if="ol.value && ol.value.length > 0"
                                @click="clickButtonToUpload(ol.value)">
-                      {{$t('viewUploadedFiles')}}
+                      {{ $t('viewUploadedFiles') }}
                     </a-button>
                     <span v-else>--</span>
                   </span>
@@ -144,19 +148,19 @@
                           :title="valItem.title"
                           v-if="ol.list && ol.list.length > 0"
                           v-for="valItem in ol.list">
-                         {{valItem.title}}
+                         {{ valItem.title }}
                     </span>
                     <span v-else>--</span>
                   </span>
-                  <span class="text-field-right" v-else :title="ol.value">{{ol.value ? ol.value : '--'}}</span>
+                  <span class="text-field-right" v-else :title="ol.value">{{ ol.value ? ol.value : '--' }}</span>
                 </div>
               </div>
             </div>
           </div>
-          <div class='content-box'>
+          <div class="content-box">
             <div class="content">
               <div class="header-text fixedPosition">
-                {{$t('DetailsPhasedImplementation')}}
+                {{ $t('DetailsPhasedImplementation') }}
               </div>
               <a-table
                 :pagination="false"
@@ -248,7 +252,7 @@
       >
         <span slot="operation" slot-scope="text,record">
           <a class="text" :title="text" @click="detailClick(record)">
-                {{text && text.length > 18?text.slice(0,17)+'...':text}}
+                {{ text && text.length > 18 ? text.slice(0, 17) + '...' : text }}
           </a>
         </span>
       </a-table>
@@ -262,7 +266,7 @@
     >
       <template slot="footer">
         <a-button key="back" @click="visibleFile = false">
-          {{$t('cancel')}}
+          {{ $t('cancel') }}
         </a-button>
       </template>
       <a-table
@@ -278,18 +282,18 @@
              :disabled="record.fileSuffix == '.pdf' || record.fileSuffix == '.docx' || record.fileSuffix == '.doc'
              || record.fileSuffix == '.jpg' || record.fileSuffix == '.png' || record.fileSuffix == '.gif'|| record.fileSuffix == '.jpeg'
              || record.fileSuffix == '.xlsx' || record.fileSuffix == '.xls' ? false : true">
-                {{$t('See')}}
+                {{ $t('See') }}
           </a>
           <a class="text" @click="download(record)">
-                {{$t('download')}}
+                {{ $t('download') }}
           </a>
           <a class="text" @click="breakdown(record)" v-if="record.splitFlag == 1">
-                {{$t('StandardBreakdown')}}
+                {{ $t('StandardBreakdown') }}
           </a>
         </span>
       </a-table>
     </a-modal>
-    <JLoading :loading="loading">{{$t('dataLoading')}}</JLoading>
+    <JLoading :loading="loading">{{ $t('dataLoading') }}</JLoading>
     <uploadFile ref="uploadFile" :isUploadFile="true" :disabled="true"></uploadFile>
     <libraryPush
       :url="url"
@@ -298,907 +302,907 @@
   </div>
 </template>
 <script>
-  import { getAction, postAction, downFile, downloadFile } from '@/api/manage'
-  import { Base64 } from 'js-base64'
-  import uploadFile from '@/components/uploadFile/file'
-  import libraryPush from '@/components/libraryPush/index'
-  import { mapGetters } from 'vuex'
-  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
-  import eventBUs from '../../../../common/event'
+import { getAction, postAction, downFile, downloadFile } from '@/api/manage'
+import { Base64 } from 'js-base64'
+import uploadFile from '@/components/uploadFile/file'
+import libraryPush from '@/components/libraryPush/index'
+import { mapGetters } from 'vuex'
+import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+import eventBUs from '../../../../common/event'
 
-  export default {
-    name: 'docIndex',
-    components: {
-      uploadFile,
-      libraryPush
-    },
-    mixins: [ResizeColumnProvide, ResizeHeader],
-    data() {
-      return {
-        url: {
-          getInfo: 'document/bussDocumentLibraryEO/getInfoById',
-          list: 'log/bussLogEO/page',
-          getTitle: '/document/bussDocumentLibraryEO/getTitle',
-          getPage: '/document/phasedImplementationDetailsEO/page',
-          getMenuList: 'document/bussDocumentLibraryEO/getMenuList',
-          pullMessage: 'document/bussDocumentLibraryEO/pullMessage'//推送
+export default {
+  name: 'docIndex',
+  components: {
+    uploadFile,
+    libraryPush
+  },
+  mixins: [ResizeColumnProvide, ResizeHeader],
+  data() {
+    return {
+      url: {
+        getInfo: 'document/bussDocumentLibraryEO/getInfoById',
+        list: 'log/bussLogEO/page',
+        getTitle: '/document/bussDocumentLibraryEO/getTitle',
+        getPage: '/document/phasedImplementationDetailsEO/page',
+        getMenuList: 'document/bussDocumentLibraryEO/getMenuList',
+        pullMessage: 'document/bussDocumentLibraryEO/pullMessage'//推送
+      },
+      titleHeader: '',
+      visibleFile: false,
+      loading: false,
+      columnsRelated: [
+        {
+          title: this.$t('standardName'),
+          dataIndex: 'title',
+          align: 'left',
+          ellipsis: true,
+          scopedSlots: { customRender: 'operation' },
+          width: 544
+        }
+      ],
+      columnsFile: [
+        {
+          title: this.$t('fileName'),
+          dataIndex: 'fileName',
+          align: 'left',
+          width: 260,
+          ellipsis: true
         },
-        titleHeader: '',
-        visibleFile: false,
-        loading: false,
-        columnsRelated: [
-          {
-            title: this.$t('standardName'),
-            dataIndex: 'title',
-            align: 'left',
-            ellipsis: true,
-            scopedSlots: { customRender: 'operation' },
-            width: 544
-          }
-        ],
-        columnsFile: [
-          {
-            title: this.$t('fileName'),
-            dataIndex: 'fileName',
-            align: 'left',
-            width: 260,
-            ellipsis: true
-          },
-          {
-            title: this.$t('operation'),
-            align: 'left',
-            width: 130,
-            scopedSlots: { customRender: 'fileOperation' }
-          }
-        ],
-        dataSourceRelated: [],
-        detailList: [],
-        dataGrad: [],
-        visible: false,
-        serial_number: '',
-        confirmLoading: false,
-        downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download',
-        downLoadImgUrl: window._CONFIG['domianWebImgURL'] + '/sys/common/download',
-        dataSource: [],
-        pageNo: 1,
-        tablepageNo: 1,
-        pageSize: 10,
-        tablepageSize: 10,
-        total: 0,
-        tabletotal: 0,
-        visibleRelated: false,
-        dataSourceFile: [],
-        documentId: this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId,
-        rightTitleList: [],
-        columnsGrading: [
-          {
-            title: this.$t('Statutenumberclause'),
-            dataIndex: 'standNumberOrClause',
-            align: 'left',
-            ellipsis: true,
-            width: '25%'
-          },
-          {
-            title: this.$t('Typeofimplementation'),
-            dataIndex: 'implementationTypeText',
-            align: 'left',
-            ellipsis: true,
-            width: '15%'
-          },
-          {
-            title: this.$t('implementationDateTwo'),
-            dataIndex: 'implementationDate',
-            align: 'left',
-            ellipsis: true,
-            width: '15%'
-          },
-          {
-            title: this.$t('remarks'),
-            dataIndex: 'remarks',
-            align: 'left',
-            width: '45%'
-          }
-        ],
-        columns: [
-          {
-            title: this.$t('ModificationContent'),
-            dataIndex: 'content',
-            align: 'left',
-            ellipsis: true,
-            scopedSlots: { customRender: 'content' },
-            width: 484
-          },
-          {
-            title: this.$t('ModificationTime'),
-            dataIndex: 'createTime',
-            align: 'left',
-            ellipsis: true,
-            width: 180
-          },
-          {
-            title: this.$t('personnel'),
-            dataIndex: 'createBy',
-            align: 'left',
-            ellipsis: true,
-            width: 180
-          }
-        ],
-        subscribeFlag: '',
-        collectFlag: ''
-      }
-    },
-    created() {
-      let _this = this
-      this.loading = true
-      document.title = this.$t('documentLibraryDetails')
+        {
+          title: this.$t('operation'),
+          align: 'left',
+          width: 130,
+          scopedSlots: { customRender: 'fileOperation' }
+        }
+      ],
+      dataSourceRelated: [],
+      detailList: [],
+      dataGrad: [],
+      visible: false,
+      serial_number: '',
+      confirmLoading: false,
+      downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download',
+      downLoadImgUrl: window._CONFIG['domianWebImgURL'] + '/sys/common/download',
+      dataSource: [],
+      pageNo: 1,
+      tablepageNo: 1,
+      pageSize: 10,
+      tablepageSize: 10,
+      total: 0,
+      tabletotal: 0,
+      visibleRelated: false,
+      dataSourceFile: [],
+      documentId: this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId,
+      rightTitleList: [],
+      columnsGrading: [
+        {
+          title: this.$t('Statutenumberclause'),
+          dataIndex: 'standNumberOrClause',
+          align: 'left',
+          ellipsis: true,
+          width: '25%'
+        },
+        {
+          title: this.$t('Typeofimplementation'),
+          dataIndex: 'implementationTypeText',
+          align: 'left',
+          ellipsis: true,
+          width: '15%'
+        },
+        {
+          title: this.$t('implementationDateTwo'),
+          dataIndex: 'implementationDate',
+          align: 'left',
+          ellipsis: true,
+          width: '15%'
+        },
+        {
+          title: this.$t('remarks'),
+          dataIndex: 'remarks',
+          align: 'left',
+          width: '45%'
+        }
+      ],
+      columns: [
+        {
+          title: this.$t('ModificationContent'),
+          dataIndex: 'content',
+          align: 'left',
+          ellipsis: true,
+          scopedSlots: { customRender: 'content' },
+          width: 484
+        },
+        {
+          title: this.$t('ModificationTime'),
+          dataIndex: 'createTime',
+          align: 'left',
+          ellipsis: true,
+          width: 180
+        },
+        {
+          title: this.$t('personnel'),
+          dataIndex: 'createBy',
+          align: 'left',
+          ellipsis: true,
+          width: 180
+        }
+      ],
+      subscribeFlag: '',
+      collectFlag: ''
+    }
+  },
+  created() {
+    let _this = this
+    this.loading = true
+    document.title = this.$t('documentLibraryDetails')
 
-      this.getTitle(function() {
-        _this.getInfoById()
+    this.getTitle(function() {
+      _this.getInfoById()
+    })
+    this.getPage()
+    this.getRightTitle()
+    this.getWdkCollectAndSubscribeInfoByUser()
+  },
+  methods: {
+    ...mapGetters(['userInfo']),
+    shareClick() {
+      let _id = this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId
+      this.$refs.libraryPushRef.getPush(_id.split(','))
+    },
+    getWdkCollectAndSubscribeInfoByUser() {
+      let _id = this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId
+      getAction('/collection/onlCgformCollection/getWdkCollectAndSubscribeInfoByUser', { id: _id }).then((res) => {
+        if (res.success) {
+          if (res.result.subscribeList && res.result.subscribeList.length > 0) {
+            this.subscribeFlag = '1'
+          } else {
+            this.subscribeFlag = '0'
+          }
+          if (res.result.collectionList && res.result.collectionList.length > 0) {
+            this.collectFlag = '1'
+          } else {
+            this.collectFlag = '0'
+          }
+        }
       })
-      this.getPage()
-      this.getRightTitle()
-      this.getWdkCollectAndSubscribeInfoByUser()
     },
-    methods: {
-      ...mapGetters(['userInfo']),
-      shareClick() {
-        let _id = this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId
-        this.$refs.libraryPushRef.getPush(_id.split(','))
-      },
-      getWdkCollectAndSubscribeInfoByUser() {
-        let _id = this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId
-        getAction('/collection/onlCgformCollection/getWdkCollectAndSubscribeInfoByUser', { id: _id }).then((res) => {
-          if (res.success) {
-            if (res.result.subscribeList && res.result.subscribeList.length > 0) {
-              this.subscribeFlag = '1'
+    CollectionClick(val) {
+      let _this = this
+      this.$confirm({
+        content: val.collectFlag == 0 || !val.collectFlag ? _this.$t('ConfirmCollection') : _this.$t('cancelConfirmCollection'),
+        onOk() {
+          let url = ''
+          if (val.collectFlag == 0 || !val.collectFlag) {
+            url = 'document/bussDocumentLibraryEO/addCollect'
+          } else {
+            url = 'document/bussDocumentLibraryEO/cancelCollect'
+          }
+          getAction(url, { id: val.id }).then((res) => {
+            if (res.success) {
+              _this.$message.success(_this.$t('OperationSuccessful'))
+              _this.getWdkCollectAndSubscribeInfoByUser()
             } else {
-              this.subscribeFlag = '0'
-            }
-            if (res.result.collectionList && res.result.collectionList.length > 0) {
-              this.collectFlag = '1'
-            } else {
-              this.collectFlag = '0'
-            }
-          }
-        })
-      },
-      CollectionClick(val) {
-        let _this = this
-        this.$confirm({
-          content: val.collectFlag == 0 || !val.collectFlag ? _this.$t('ConfirmCollection') : _this.$t('cancelConfirmCollection'),
-          onOk() {
-            let url = ''
-            if (val.collectFlag == 0 || !val.collectFlag) {
-              url = 'document/bussDocumentLibraryEO/addCollect'
-            } else {
-              url = 'document/bussDocumentLibraryEO/cancelCollect'
-            }
-            getAction(url, { id: val.id }).then((res) => {
-              if (res.success) {
-                _this.$message.success(_this.$t('OperationSuccessful'))
-                _this.getWdkCollectAndSubscribeInfoByUser()
-              } else {
-                _this.$message.warning(_this.$t('operationFailed'))
-              }
-            })
-          }
-        })
-      },
-      DocumentTranslationClick() {
-        let serial_number = ''
-        if (this.detailList.length > 0) {
-          this.detailList[0][this.$t('essentialInformation')].forEach(res => {
-            if (res.db_field_name == 'serial_number') {
-              serial_number = res.value
+              _this.$message.warning(_this.$t('operationFailed'))
             }
           })
         }
-        let newUrl = this.$router.resolve({
-          path: '/documentTranslation',
-          query: {
-            serial_number: serial_number
-          }
-        })
-        window.open(newUrl.href, '_blank')
-      },
-      DocumentComparisonClick() {
-        let serial_number = ''
-        if (this.detailList.length > 0) {
-          this.detailList[0][this.$t('essentialInformation')].forEach(res => {
-            if (res.db_field_name == 'serial_number') {
-              serial_number = res.value
-            }
-          })
-        }
-        let newUrl = this.$router.resolve({
-          path: '/documentComparison',
-          query: {
-            serial_number: serial_number
-          }
-        })
-        window.open(newUrl.href, '_blank')
-      },
-      KnowledgeDatabaseClick() {
-        let serial_number = ''
-        if (this.detailList.length > 0) {
-          this.detailList[0][this.$t('essentialInformation')].forEach(res => {
-            if (res.db_field_name == 'serial_number') {
-              serial_number = res.value
-            }
-          })
-        }
-        // localStorage.setItem('serial_number',serial_number)
-        let newUrl = this.$router.resolve({
-          path: '/problemknowledgeBase',
-          query: {
-            serial_number: serial_number
-          }
-        })
-        window.open(newUrl.href, '_blank')
-      },
-      getTitle(callback) {
-        let _id = this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId
-        getAction(this.url.getTitle, { id: _id }).then((res) => {
-          if (res.success) {
-            this.serial_number = res.result
-            callback && callback()
-          } else {
-            this.serial_number = ''
-          }
-        })
-      },
-      getInfoById() {
-        let _id = this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId
-        getAction(this.url.getInfo, { id: _id }).then((res) => {
-          if (res.success) {
-            this.detailList = res.result
-            // this.$nextTick(() => {
-            //   let detailContentRightText = document.getElementsByClassName('detail-content-right-text')
-            //   detailContentRightText[0].classList.add('detail-content-right-text-color')
-            // })
-            this.loading = false
-          } else {
-            this.detailList = []
-          }
-        })
-      },
-      getPage() {
-        let tablequery = {
-          pageNo: this.tablepageNo,
-          pageSize: this.tablepageSize,
-          bussDocumentLibraryId: this.$route.query.id
-        }
-        getAction(this.url.getPage, tablequery).then((res) => {
-          if (res.success) {
-            this.dataGrad = res.result.records
-            this.tabletotal = res.result.total
-            this.loading = false
-          } else {
-            this.dataGrad = []
-            this.loading = false
-          }
-        })
-      },
-      clickButtonToUpload(item) {
-        this.loading = true
-        this.visibleFile = true
-        getAction('document/bussDocumentLibraryEO/getFileInfos', { id: item.join(',') }).then((res) => {
-          if (res.success) {
-            this.dataSourceFile = res.result
-            this.dataSourceFile.forEach((val) => {
-              let fileName = val.fileName
-              let index1 = fileName.lastIndexOf('.')
-              let index2 = fileName.length
-              let fileSuffix = fileName.substring(index1, index2)
-              val.fileSuffix = fileSuffix
-            })
-            this.loading = false
-          } else {
-            this.dataSourceFile = []
-            this.loading = false
-          }
-        })
-      },
-      pdfPreview(fileQuery) {
-        let fileName = fileQuery.fileName
-        let index1 = fileName.lastIndexOf('.')
-        let index2 = fileName.length
-        let fileSuffix = fileName.substring(index1, index2)
-        if (fileSuffix == '.pdf') {
-          window.open('/pdf/web/viewer.html?file=' + encodeURIComponent('/jero-boot/sys/common/pdf/viewFile?id=' + fileQuery.id + '&userName=' + this.userInfo().username))
-        } else if (fileSuffix == '.docx' || fileSuffix == '.doc') {
-          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
-          window.open(url, '_blank')
-        } 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') {
-          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadImgUrl + '/' + fileQuery.id + fileSuffix)
-          window.open(url, '_blank')
-        } else {
-          downloadFile('/sys/common/downLoadFile', fileQuery.fileName, { id: fileQuery.id })
-        }
-      },
-      download(item) {
-        downloadFile('/sys/common/downLoadFile', item.fileName, { id: item.id, userName: this.userInfo().username })
-      },
-      UpdateLog() {
-        this.visible = true
-        this.bussLogList()
-      },
-      handleOk() {
-        this.visible = false
-      },
-      handleCancel() {
-        this.visible = false
-      },
-      urlClick(item) {
-        window.open(item.value)
-      },
-      bussLogList() {
-        let query = {
-          pageNo: this.pageNo,
-          pageSize: this.pageSize,
-          documentId: this.$route.query.id
-        }
-        this.loading = true
-        getAction(this.url.list, query).then((res) => {
-          if (res.success) {
-            this.dataSource = res.result.records
-            this.total = res.result.total
-            this.loading = false
-          } else {
-            this.loading = false
-          }
-        })
-      },
-      onChange(page, pageSize) {
-        this.pageNo = page
-        this.bussLogList()
-      },
-      onTableChange(page, pageSize) {
-        this.tablepageNo = page
-        this.getPage()
-      },
-      SizeChange(page, pageSize) {
-        this.pageNo = 1
-        this.pageSize = pageSize
-        this.bussLogList()
-      },
-      tableSizeChange(page, pageSize) {
-        this.tablepageNo = 1
-        this.tablepageSize = pageSize
-        this.getPage()
-      },
-      DocumentSplitting() {
-        let serial_number = ''
-        if (this.detailList.length > 0) {
-          this.detailList[0][this.$t('essentialInformation')].forEach(res => {
-            if (res.db_field_name == 'serial_number') {
-              serial_number = res.value
-            }
-          })
-        }
-        let newUrl = this.$router.resolve({
-          path: '/docManage/splite',
-          query: {
-            serial_number: serial_number
-          }
-        })
-        window.open(newUrl.href, '_blank')
-      },
-      detailClick(val) {
-        let newUrl = this.$router.resolve({
-          path: '/docManage/library/detail',
-          query: val
-        })
-        this.visibleRelated = false
-        window.open(newUrl.href, '_blank')
-      },
-      relatedClick(val) {
-        let newUrl = this.$router.resolve({
-          path: '/docManage/library/detail',
-          query: val
-        })
-        window.open(newUrl.href, '_blank')
-      },
-      breakdown(item) {
-        let newUrl = this.$router.resolve({
-          path: '/docManage/splitting/splitDetail',
-          query: {
-            infoId: item.splitInfoId
-          }
-        })
-        window.open(newUrl.href, '_blank')
-      },
-      detailTextClick(num, name) {
-        let detailContentRightTextColor = document.getElementsByClassName('detail-content-right-text-color')
-        if (detailContentRightTextColor && detailContentRightTextColor.length > 0) {
-          detailContentRightTextColor[0].classList.remove('detail-content-right-text-color')
-        }
-        let detailContentRightText = document.getElementsByClassName('detail-content-right-text')
-        detailContentRightText[num].classList.add('detail-content-right-text-color')
-
-        let fixedPosition = document.getElementsByClassName('fixedPosition')
-        if (fixedPosition && fixedPosition.length > 0) {
-          for (let i = 0; i < fixedPosition.length; i++) {
-            if (fixedPosition[i].innerText == name) {
-              let offsetTop = fixedPosition[i].offsetTop
-              let body = document.documentElement || document.body
-              body.scrollTop = offsetTop - 68
-            }
-          }
-        }
-      },
-      getRightTitle() {
-        let _id = this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId
-        let query = {
-          id: _id
-        }
-        getAction(this.url.getMenuList, query).then((res) => {
-          if (res.success) {
-            this.rightTitleList = res.result
-            this.rightTitleList.push({
-              name: this.$t('DetailsPhasedImplementation')
-            })
-          } else {
-            this.rightTitleList = []
+      })
+    },
+    DocumentTranslationClick() {
+      let serial_number = ''
+      if (this.detailList.length > 0) {
+        this.detailList[0][this.$t('essentialInformation')].forEach(res => {
+          if (res.db_field_name == 'serial_number') {
+            serial_number = res.value
           }
         })
       }
+      let newUrl = this.$router.resolve({
+        path: '/documentTranslation',
+        query: {
+          serial_number: serial_number
+        }
+      })
+      window.open(newUrl.href, '_blank')
+    },
+    DocumentComparisonClick() {
+      let serial_number = ''
+      if (this.detailList.length > 0) {
+        this.detailList[0][this.$t('essentialInformation')].forEach(res => {
+          if (res.db_field_name == 'serial_number') {
+            serial_number = res.value
+          }
+        })
+      }
+      let newUrl = this.$router.resolve({
+        path: '/documentComparison',
+        query: {
+          serial_number: serial_number
+        }
+      })
+      window.open(newUrl.href, '_blank')
+    },
+    KnowledgeDatabaseClick() {
+      let serial_number = ''
+      if (this.detailList.length > 0) {
+        this.detailList[0][this.$t('essentialInformation')].forEach(res => {
+          if (res.db_field_name == 'serial_number') {
+            serial_number = res.value
+          }
+        })
+      }
+      // localStorage.setItem('serial_number',serial_number)
+      let newUrl = this.$router.resolve({
+        path: '/problemknowledgeBase',
+        query: {
+          serial_number: serial_number
+        }
+      })
+      window.open(newUrl.href, '_blank')
+    },
+    getTitle(callback) {
+      let _id = this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId
+      getAction(this.url.getTitle, { id: _id }).then((res) => {
+        if (res.success) {
+          this.serial_number = res.result
+          callback && callback()
+        } else {
+          this.serial_number = ''
+        }
+      })
+    },
+    getInfoById() {
+      let _id = this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId
+      getAction(this.url.getInfo, { id: _id }).then((res) => {
+        if (res.success) {
+          this.detailList = res.result
+          // this.$nextTick(() => {
+          //   let detailContentRightText = document.getElementsByClassName('detail-content-right-text')
+          //   detailContentRightText[0].classList.add('detail-content-right-text-color')
+          // })
+          this.loading = false
+        } else {
+          this.detailList = []
+        }
+      })
+    },
+    getPage() {
+      let tablequery = {
+        pageNo: this.tablepageNo,
+        pageSize: this.tablepageSize,
+        bussDocumentLibraryId: this.$route.query.id
+      }
+      getAction(this.url.getPage, tablequery).then((res) => {
+        if (res.success) {
+          this.dataGrad = res.result.records
+          this.tabletotal = res.result.total
+          this.loading = false
+        } else {
+          this.dataGrad = []
+          this.loading = false
+        }
+      })
+    },
+    clickButtonToUpload(item) {
+      this.loading = true
+      this.visibleFile = true
+      getAction('document/bussDocumentLibraryEO/getFileInfos', { id: item.join(',') }).then((res) => {
+        if (res.success) {
+          this.dataSourceFile = res.result
+          this.dataSourceFile.forEach((val) => {
+            let fileName = val.fileName
+            let index1 = fileName.lastIndexOf('.')
+            let index2 = fileName.length
+            let fileSuffix = fileName.substring(index1, index2)
+            val.fileSuffix = fileSuffix
+          })
+          this.loading = false
+        } else {
+          this.dataSourceFile = []
+          this.loading = false
+        }
+      })
+    },
+    pdfPreview(fileQuery) {
+      let fileName = fileQuery.fileName
+      let index1 = fileName.lastIndexOf('.')
+      let index2 = fileName.length
+      let fileSuffix = fileName.substring(index1, index2)
+      if (fileSuffix == '.pdf') {
+        window.open('/pdf/web/viewer.html?file=' + encodeURIComponent('/jero-boot/sys/common/pdf/viewFile?id=' + fileQuery.id + '&userName=' + this.userInfo().username))
+      } else if (fileSuffix == '.docx' || fileSuffix == '.doc') {
+        let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
+        window.open(url, '_blank')
+      } 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') {
+        let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadImgUrl + '/' + fileQuery.id + fileSuffix)
+        window.open(url, '_blank')
+      } else {
+        downloadFile('/sys/common/downLoadFile', fileQuery.fileName, { id: fileQuery.id })
+      }
+    },
+    download(item) {
+      downloadFile('/sys/common/downLoadFile', item.fileName, { id: item.id, userName: this.userInfo().username })
+    },
+    UpdateLog() {
+      this.visible = true
+      this.bussLogList()
+    },
+    handleOk() {
+      this.visible = false
+    },
+    handleCancel() {
+      this.visible = false
+    },
+    urlClick(item) {
+      window.open(item.value)
+    },
+    bussLogList() {
+      let query = {
+        pageNo: this.pageNo,
+        pageSize: this.pageSize,
+        documentId: this.$route.query.id
+      }
+      this.loading = true
+      getAction(this.url.list, query).then((res) => {
+        if (res.success) {
+          this.dataSource = res.result.records
+          this.total = res.result.total
+          this.loading = false
+        } else {
+          this.loading = false
+        }
+      })
+    },
+    onChange(page, pageSize) {
+      this.pageNo = page
+      this.bussLogList()
+    },
+    onTableChange(page, pageSize) {
+      this.tablepageNo = page
+      this.getPage()
+    },
+    SizeChange(page, pageSize) {
+      this.pageNo = 1
+      this.pageSize = pageSize
+      this.bussLogList()
+    },
+    tableSizeChange(page, pageSize) {
+      this.tablepageNo = 1
+      this.tablepageSize = pageSize
+      this.getPage()
+    },
+    DocumentSplitting() {
+      let serial_number = ''
+      if (this.detailList.length > 0) {
+        this.detailList[0][this.$t('essentialInformation')].forEach(res => {
+          if (res.db_field_name == 'serial_number') {
+            serial_number = res.value
+          }
+        })
+      }
+      let newUrl = this.$router.resolve({
+        path: '/docManage/splite',
+        query: {
+          serial_number: serial_number
+        }
+      })
+      window.open(newUrl.href, '_blank')
+    },
+    detailClick(val) {
+      let newUrl = this.$router.resolve({
+        path: '/docManage/library/detail',
+        query: val
+      })
+      this.visibleRelated = false
+      window.open(newUrl.href, '_blank')
+    },
+    relatedClick(val) {
+      let newUrl = this.$router.resolve({
+        path: '/docManage/library/detail',
+        query: val
+      })
+      window.open(newUrl.href, '_blank')
+    },
+    breakdown(item) {
+      let newUrl = this.$router.resolve({
+        path: '/docManage/splitting/splitDetail',
+        query: {
+          infoId: item.splitInfoId
+        }
+      })
+      window.open(newUrl.href, '_blank')
+    },
+    detailTextClick(num, name) {
+      let detailContentRightTextColor = document.getElementsByClassName('detail-content-right-text-color')
+      if (detailContentRightTextColor && detailContentRightTextColor.length > 0) {
+        detailContentRightTextColor[0].classList.remove('detail-content-right-text-color')
+      }
+      let detailContentRightText = document.getElementsByClassName('detail-content-right-text')
+      detailContentRightText[num].classList.add('detail-content-right-text-color')
+
+      let fixedPosition = document.getElementsByClassName('fixedPosition')
+      if (fixedPosition && fixedPosition.length > 0) {
+        for (let i = 0; i < fixedPosition.length; i++) {
+          if (fixedPosition[i].innerText == name) {
+            let offsetTop = fixedPosition[i].offsetTop
+            let body = document.documentElement || document.body
+            body.scrollTop = offsetTop - 68
+          }
+        }
+      }
+    },
+    getRightTitle() {
+      let _id = this.$route.query.documentId === undefined ? this.$route.query.id : this.$route.query.documentId
+      let query = {
+        id: _id
+      }
+      getAction(this.url.getMenuList, query).then((res) => {
+        if (res.success) {
+          this.rightTitleList = res.result
+          this.rightTitleList.push({
+            name: this.$t('DetailsPhasedImplementation')
+          })
+        } else {
+          this.rightTitleList = []
+        }
+      })
     }
   }
+}
 </script>
 <style>
-  .highlight-class {
-    color: #00B3BE;
-  }
+.highlight-class {
+  color: #00B3BE;
+}
 
-  .uploadFile .ant-upload {
-    display: none !important;
-  }
+.uploadFile .ant-upload {
+  display: none !important;
+}
 
-  .tooltipColor .ant-tooltip-inner {
-    color: #333;
-    background-color: #fff !important;
-  }
+.tooltipColor .ant-tooltip-inner {
+  color: #333;
+  background-color: #fff !important;
+}
 
-  .tooltipColor .ant-tooltip-arrow::before {
-    background-color: #fff;
-  }
+.tooltipColor .ant-tooltip-arrow::before {
+  background-color: #fff;
+}
 </style>
 <style lang="less" scoped>
-  @import '~@assets/less/common.less';
+@import '~@assets/less/common.less';
 
-  body {
-    height: auto;
-    transition: all .5s linear !important;
+body {
+  height: auto;
+  transition: all .5s linear !important;
+}
+
+.doc-detail {
+  background: #fff;
+  height: 100%;
+
+  .detail-content {
+    /*width: calc(100% - 212px);*/
+    width: 100%;
   }
 
-  .doc-detail {
-    background: #fff;
-    height: 100%;
-
-    .detail-content {
-      /*width: calc(100% - 212px);*/
+  .doc-detail-wrap {
+    .doc-detail-header {
       width: 100%;
+      height: 68px;
+      line-height: 68px;
+      padding: 0 0 0 32px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      border-bottom: 2px #eff1f3 solid;
+      background: #fff;
+
+      .doc-detail-title {
+        display: inline-block;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        font-size: 20px;
+        font-weight: 400;
+        color: #040B29;
+        line-height: 68px;
+      }
+
+      .doc-detail-right {
+        /*width: 800px;*/
+        line-height: 68px;
+        display: flex;
+        align-items: center;
+
+        .doc-detail-btn {
+          margin-left: 10px;
+        }
+      }
     }
 
-    .doc-detail-wrap {
-      .doc-detail-header {
-        width: 100%;
-        height: 68px;
-        line-height: 68px;
-        padding: 0 0 0 32px;
-        box-sizing: border-box;
-        display: flex;
-        justify-content: space-between;
-        border-bottom: 2px #eff1f3 solid;
-        background: #fff;
+    .content-box {
+      /*padding: 0 40px 0 32px;*/
+      /*box-sizing: border-box;*/
+    }
 
-        .doc-detail-title {
+    .header-text {
+      font-size: 16px;
+      font-weight: bold;
+      height: 90px;
+      color: #000F16;
+      line-height: 110px;
+    }
+
+    .content-text {
+      width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+
+      .text-field {
+        width: 33%;
+        margin-bottom: 8px;
+
+        .text-field-left {
+          width: 114px;
           display: inline-block;
+          font-size: 14px;
+          font-weight: 400;
+          color: #6F7385;
           text-overflow: ellipsis;
           white-space: nowrap;
           overflow: hidden;
-          font-size: 20px;
-          font-weight: 400;
+          margin-right: 6px;
+        }
+
+        .text-field-right {
+          width: calc(100% - 130px);
+          display: inline-block;
+          font-size: 14px;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
+          word-break: break-word;
           color: #040B29;
-          line-height: 68px;
-        }
-
-        .doc-detail-right {
-          /*width: 800px;*/
-          line-height: 68px;
-          display: flex;
-          align-items: center;
-
-          .doc-detail-btn {
-            margin-left: 10px;
-          }
+          /*font-weight: bold;*/
         }
       }
 
-      .content-box {
-        /*padding: 0 40px 0 32px;*/
-        /*box-sizing: border-box;*/
-      }
-
-      .header-text {
-        font-size: 16px;
-        font-weight: bold;
-        height: 90px;
-        color: #000F16;
-        line-height: 110px;
-      }
-
-      .content-text {
+      .text-content-button-one {
         width: 100%;
-        display: flex;
-        flex-wrap: wrap;
 
-        .text-field {
-          width: 33%;
-          margin-bottom: 8px;
-
-          .text-field-left {
-            width: 114px;
-            display: inline-block;
-            font-size: 14px;
-            font-weight: 400;
-            color: #6F7385;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            overflow: hidden;
-            margin-right: 6px;
-          }
-
-          .text-field-right {
-            width: calc(100% - 130px);
-            display: inline-block;
-            font-size: 14px;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            overflow: hidden;
-            word-break: break-word;
-            color: #040B29;
-            /*font-weight: bold;*/
-          }
+        .text-field-left {
+          width: 114px;
+          display: inline-block;
+          font-size: 14px;
+          font-weight: 400;
+          color: #6F7385;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
+          margin-right: 6px;
+          float: left;
         }
 
-        .text-content-button-one {
-          width: 100%;
+        .text-field-right {
+          width: calc(66.6% - 130px);
+          display: inline-block;
+          font-size: 14px;
+          text-overflow: ellipsis;
+          white-space: pre-wrap;
+          word-break: break-word;
+          overflow: visible;
+          float: left;
+          color: #040B29;
+          /*font-weight: bold;*/
+        }
+      }
 
-          .text-field-left {
-            width: 114px;
-            display: inline-block;
-            font-size: 14px;
-            font-weight: 400;
-            color: #6F7385;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            overflow: hidden;
-            margin-right: 6px;
-            float: left;
-          }
+      .text-content-button-Two {
+        width: 67%;
 
-          .text-field-right {
-            width: calc(66.6% - 130px);
-            display: inline-block;
-            font-size: 14px;
-            text-overflow: ellipsis;
-            white-space: pre-wrap;
-            word-break: break-word;
-            overflow: visible;
-            float: left;
-            color: #040B29;
-            /*font-weight: bold;*/
-          }
+        .text-field-left {
+          width: 114px;
+          display: inline-block;
+          font-size: 14px;
+          font-weight: 400;
+          color: #6F7385;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
+          margin-right: 6px;
+          float: left;
         }
 
-        .text-content-button-Two {
-          width: 67%;
+        .text-field-right {
+          width: calc(100% - 130px);
+          display: inline-block;
+          font-size: 14px;
+          text-overflow: ellipsis;
+          white-space: pre-wrap;
+          word-break: break-word;
+          overflow: hidden;
+          float: left;
+          color: #040B29;
+          /*font-weight: bold;*/
+        }
 
-          .text-field-left {
-            width: 114px;
-            display: inline-block;
-            font-size: 14px;
-            font-weight: 400;
-            color: #6F7385;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            overflow: hidden;
-            margin-right: 6px;
-            float: left;
-          }
-
-          .text-field-right {
-            width: calc(100% - 130px);
-            display: inline-block;
-            font-size: 14px;
-            text-overflow: ellipsis;
-            white-space: pre-wrap;
-            word-break: break-word;
-            overflow: hidden;
-            float: left;
-            color: #040B29;
-            /*font-weight: bold;*/
-          }
-
-          .text-field-right-text {
-            width: calc(50% - 140px);
-          }
+        .text-field-right-text {
+          width: calc(50% - 140px);
         }
       }
     }
   }
+}
 
-  /*.detail-box {*/
-  /*  padding: 0 0 0 170px;*/
-  /*  box-sizing: border-box;*/
-  /*}*/
+/*.detail-box {*/
+/*  padding: 0 0 0 170px;*/
+/*  box-sizing: border-box;*/
+/*}*/
 
-  .detail-box {
-    padding: 0 110px 0 110px;
-    box-sizing: border-box;
-  }
+.detail-box {
+  padding: 0 110px 0 110px;
+  box-sizing: border-box;
+}
 
-  .page {
-    text-align: right;
-    margin-top: 20px;
-  }
+.page {
+  text-align: right;
+  margin-top: 20px;
+}
 
-  .operator-text-text {
-    cursor: pointer;
-    margin-right: 16px;
-    font-size: 14px;
-    font-weight: 400;
-    color: #040B29;
-    display: inline-block;
-    width: 130px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    text-align: center;
-    height: 40px;
-    border: 1px solid #CED0D8;
-    border-radius: 4px;
-    line-height: 40px;
-    padding: 0 5px;
-  }
+.operator-text-text {
+  cursor: pointer;
+  margin-right: 16px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #040B29;
+  display: inline-block;
+  width: 130px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  text-align: center;
+  height: 40px;
+  border: 1px solid #CED0D8;
+  border-radius: 4px;
+  line-height: 40px;
+  padding: 0 5px;
+}
 
-  .content-box:last-child {
-    margin-bottom: 20px;
-  }
+.content-box:last-child {
+  margin-bottom: 20px;
+}
 
-  .tableInformation {
-    width: 100%;
-    height: auto;
+.tableInformation {
+  width: 100%;
+  height: auto;
 
-  }
+}
 
-  .trInformation {
-    height: 56px;
+.trInformation {
+  height: 56px;
 
-  }
+}
 
-  .tdInformation {
-    border: 1px #eff1f3 solid;
-    text-align: center;
-  }
+.tdInformation {
+  border: 1px #eff1f3 solid;
+  text-align: center;
+}
 
-  .LeftTdInformation {
-    width: 268px;
-    background: #f7f7f8;
-    color: #040B29;
-    font-weight: bold;
-    font-size: 14px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
+.LeftTdInformation {
+  width: 268px;
+  background: #f7f7f8;
+  color: #040B29;
+  font-weight: bold;
+  font-size: 14px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 
-  .conteTdInformation {
-    color: #01A0AC;
-    font-size: 14px;
-    font-weight: 400;
-  }
+.conteTdInformation {
+  color: #01A0AC;
+  font-size: 14px;
+  font-weight: 400;
+}
 
-  .leftconteTdInformation {
-    max-width: calc(100% - 30px);
-    display: inline-block;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    margin-right: 4px;
-    color: #01A0AC;
-    cursor: pointer;
-    font-size: 14px;
-  }
+.leftconteTdInformation {
+  max-width: calc(100% - 30px);
+  display: inline-block;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  margin-right: 4px;
+  color: #01A0AC;
+  cursor: pointer;
+  font-size: 14px;
+}
 
-  .leftconteTdInformation-icon {
-    color: #01A0AC;
-    cursor: pointer;
-    margin-right: 6px;
-    font-size: 14px;
-  }
+.leftconteTdInformation-icon {
+  color: #01A0AC;
+  cursor: pointer;
+  margin-right: 6px;
+  font-size: 14px;
+}
 
-  .rightTdInformation {
-    width: 120px;
-    cursor: pointer;
-    color: #00B3BE;
-    font-size: 14px;
-    font-weight: 400;
-    text-align: right;
-    padding: 0 20px 0 0;
-    box-sizing: border-box;
-    display: inline-block;
-    position: absolute;
-    right: 30px;
-  }
+.rightTdInformation {
+  width: 120px;
+  cursor: pointer;
+  color: #00B3BE;
+  font-size: 14px;
+  font-weight: 400;
+  text-align: right;
+  padding: 0 20px 0 0;
+  box-sizing: border-box;
+  display: inline-block;
+  position: absolute;
+  right: 30px;
+}
 
-  .Standard-breakdown {
-    display: inline-block;
-    position: absolute;
-    right: 153px;
-    margin-top: 1px;
-    cursor: pointer;
-  }
+.Standard-breakdown {
+  display: inline-block;
+  position: absolute;
+  right: 153px;
+  margin-top: 1px;
+  cursor: pointer;
+}
 
-  .TextInformationContentcontentButton {
-    width: calc(100% - 268px);
-    text-align: center;
-    color: #01A0AC;
-    font-size: 14px;
-    font-weight: 400;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
+.TextInformationContentcontentButton {
+  width: calc(100% - 268px);
+  text-align: center;
+  color: #01A0AC;
+  font-size: 14px;
+  font-weight: 400;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 
-  .TextInformationContentcontent {
-    width: calc(100% - 268px);
-    text-align: center;
-    color: #040B29;
-    font-size: 14px;
-    font-weight: 400;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
+.TextInformationContentcontent {
+  width: calc(100% - 268px);
+  text-align: center;
+  color: #040B29;
+  font-size: 14px;
+  font-weight: 400;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 
-  .text-field-right-color {
-    color: #00B3BE !important;
-    cursor: pointer;
-  }
+.text-field-right-color {
+  color: #00B3BE !important;
+  cursor: pointer;
+}
 
-  /deep/ .ant-table-placeholder {
-    margin-top: 0px !important;
-  }
+/deep/ .ant-table-placeholder {
+  margin-top: 0px !important;
+}
 
-  .text {
-    margin-right: 10px
-  }
+.text {
+  margin-right: 10px
+}
 
-  .TextInformation {
-    display: flex;
-    flex-wrap: wrap;
-  }
+.TextInformation {
+  display: flex;
+  flex-wrap: wrap;
+}
 
-  .TextInformation-box {
-    width: calc(33.3% - 10px);
-    height: auto;
-    display: inline-block;
-    overflow: hidden;
-    margin-right: 15px;
-  }
+.TextInformation-box {
+  width: calc(33.3% - 10px);
+  height: auto;
+  display: inline-block;
+  overflow: hidden;
+  margin-right: 15px;
+}
 
-  .TextInformation-box:nth-child(3n) {
-    margin-right: 0;
-  }
+.TextInformation-box:nth-child(3n) {
+  margin-right: 0;
+}
 
-  .TextInformation-box-title {
-    background: #f3f6f6;
-    border-radius: 4px;
-    width: 100%;
-    display: inline-block;
-    height: 44px;
-    padding: 0 16px;
-    line-height: 44px;
-    color: #040B29;
-    font-weight: 500;
-    font-size: 14px;
-  }
+.TextInformation-box-title {
+  background: #f3f6f6;
+  border-radius: 4px;
+  width: 100%;
+  display: inline-block;
+  height: 44px;
+  padding: 0 16px;
+  line-height: 44px;
+  color: #040B29;
+  font-weight: 500;
+  font-size: 14px;
+}
 
-  .TextInformation-box-box {
-    width: 100%;
-    height: auto;
-    padding: 10px 16px 10px 16px;
-    overflow: hidden;
-  }
+.TextInformation-box-box {
+  width: 100%;
+  height: auto;
+  padding: 10px 16px 10px 16px;
+  overflow: hidden;
+}
 
-  .TextInformation-box-box-text {
-    width: 100%;
-    margin-right: 20px;
-    height: 36px;
-    float: left;
-    display: flex;
-    align-items: center;
-  }
+.TextInformation-box-box-text {
+  width: 100%;
+  margin-right: 20px;
+  height: 36px;
+  float: left;
+  display: flex;
+  align-items: center;
+}
 
-  .detail-content-right {
-    width: 212px;
-    position: fixed;
-    top: 120px;
-    right: 0;
-    padding: 0 32px 0 0;
-  }
+.detail-content-right {
+  width: 212px;
+  position: fixed;
+  top: 120px;
+  right: 0;
+  padding: 0 32px 0 0;
+}
 
-  .detail-content-right-text {
-    color: #040B29;
-    font-size: 14px;
-    /*font-weight: bolder;*/
-    height: 36px;
-    line-height: 36px;
-    border-left: 2px #CED0D8 solid;
-    padding: 0 0 0 8px;
-    box-sizing: border-box;
-    cursor: pointer;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
+.detail-content-right-text {
+  color: #040B29;
+  font-size: 14px;
+  /*font-weight: bolder;*/
+  height: 36px;
+  line-height: 36px;
+  border-left: 2px #CED0D8 solid;
+  padding: 0 0 0 8px;
+  box-sizing: border-box;
+  cursor: pointer;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 
-  .detail-content-right-text-one {
-    padding: 0 0 0 20px;
-  }
+.detail-content-right-text-one {
+  padding: 0 0 0 20px;
+}
 
-  .detail-content-right-text-color {
-    color: #01A0AC;
-    border-left: 2px #01A0AC solid;
-  }
+.detail-content-right-text-color {
+  color: #01A0AC;
+  border-left: 2px #01A0AC solid;
+}
 
-  .text-field-left-Index {
-    width: 114px;
-    display: inline-block;
-    font-size: 14px;
-    font-weight: 400;
-    color: #6F7385;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    margin-right: 6px;
-    float: left;
-  }
+.text-field-left-Index {
+  width: 114px;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 400;
+  color: #6F7385;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  margin-right: 6px;
+  float: left;
+}
 
-  .text-field-right-Index {
-    width: calc(100% - 130px);
-    display: inline-block;
-    font-size: 14px;
-    word-break: break-word;
-    float: left;
-  }
+.text-field-right-Index {
+  width: calc(100% - 130px);
+  display: inline-block;
+  font-size: 14px;
+  word-break: break-word;
+  float: left;
+}
 
-  .text-field-right-color-text {
-    width: calc(50% - 20px);
-    margin-right: 20px;
-    font-size: 14px;
-    display: inline-block;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    cursor: pointer;
-    /*font-weight: bold;*/
-    color: #01A0AC;
-  }
+.text-field-right-color-text {
+  width: calc(50% - 20px);
+  margin-right: 20px;
+  font-size: 14px;
+  display: inline-block;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  cursor: pointer;
+  /*font-weight: bold;*/
+  color: #01A0AC;
+}
 
-  ::v-deep .ant-table-column-title {
-    font-weight: 400 !important;
-    color: #040B29 !important;
-  }
+::v-deep .ant-table-column-title {
+  font-weight: 400 !important;
+  color: #040B29 !important;
+}
 
-  ::v-deep .ant-table-column-title {
-    font-weight: 400 !important;
-    color: #040B29 !important;
-  }
+::v-deep .ant-table-column-title {
+  font-weight: 400 !important;
+  color: #040B29 !important;
+}
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/documentManage/splitting/modules/ImportResult.vue b/jero-web/src/views/documentManage/splitting/modules/ImportResult.vue
index ff4cf2878..33df79117 100644
--- a/jero-web/src/views/documentManage/splitting/modules/ImportResult.vue
+++ b/jero-web/src/views/documentManage/splitting/modules/ImportResult.vue
@@ -43,8 +43,7 @@
                     @click="cancleImports">{{$t('cancel')}}
           </a-button>
           <a-button class="imports-btn imports-sub" type="primary" @click="handleSubmit"
-                    :loading="loading"
-                    v-has="'split:sarFileSplitItems:importSplitResult'">{{$t('submit')}}
+                    :loading="loading">{{$t('submit')}}
           </a-button>
         </div>
       </div>
diff --git a/jero-web/src/views/documentManage/splitting/modules/SplitText.vue b/jero-web/src/views/documentManage/splitting/modules/SplitText.vue
index 3091e74c0..245591279 100644
--- a/jero-web/src/views/documentManage/splitting/modules/SplitText.vue
+++ b/jero-web/src/views/documentManage/splitting/modules/SplitText.vue
@@ -68,8 +68,7 @@
           <a-button class="split-btn" @click="cancelSplit"
                     style='margin-right: 15px'>{{$t('cancel')}}
           </a-button>
-          <a-button class="split-btn split-chai" type="primary" :loading="loading" @click="submitSplit"
-                    v-has="'split:sarFileSplitInfo:add'">{{$t('submit')}}
+          <a-button class="split-btn split-chai" type="primary" :loading="loading" @click="submitSplit">{{$t('submit')}}
           </a-button>
         </div>
       </div>
diff --git a/jero-web/src/views/otamanagement/upgradeactivity/index.vue b/jero-web/src/views/otamanagement/upgradeactivity/index.vue
index b0737e69a..c49ddb59c 100644
--- a/jero-web/src/views/otamanagement/upgradeactivity/index.vue
+++ b/jero-web/src/views/otamanagement/upgradeactivity/index.vue
@@ -144,18 +144,23 @@
 <!--           <a class="text-operation" @click="viewProcessClick(record)">{{$t('viewProcess')}}</a>-->
           <!--           v-if="record.flowStatus == 'Completed'"-->
            <a class="text-operation"
+              v-has="'otasj:view'"
               @click="detailclick(record)">{{$t('See')}}</a>
           <a class="text-operation"
+             v-has="'otasj:maintenance'"
              @click="maintenanceClick(record)">{{$t('maintenance')}}</a>
 
           <a class="text-operation"
+             v-has="'otasj:endUpgrade'"
              @click="endUpgrade(record , '0')" v-if="record.sjzt == '0' && record.bazt=='4'">{{$t('endUpgrade')}}</a>
              <a class="text-operation"
+                v-has="'otasj:upgradecompletion'"
              @click="endUpgrade(record , '1')" v-if="record.sjzt == '1'">{{$t('upgradecompletion')}}</a>
           <a class="text-operation"
+             v-has="'otasj:export'"
              @click="handleExport(record)">{{$t('export')}}</a>
           <a class="text-operation"
-             v-has="'regulatoryAndTechnicalAssessment:delete'"
+             v-has="'otasj:delete'"
              @click="deleteData(record)">{{$t('delete')}}</a>
         </span>
       </a-table>
diff --git a/jero-web/src/views/otamanagement/vehicleregistration/index.vue b/jero-web/src/views/otamanagement/vehicleregistration/index.vue
index 527118776..2b11369ac 100644
--- a/jero-web/src/views/otamanagement/vehicleregistration/index.vue
+++ b/jero-web/src/views/otamanagement/vehicleregistration/index.vue
@@ -119,10 +119,10 @@
         <span slot="operation" slot-scope="text,record">
           <!--           <a class="text-operation" @click="viewProcessClick(record)">{{$t('viewProcess')}}</a>-->
           <!--           v-if="record.flowStatus == 'Completed'"-->
-          <a class="text-operation" @click="detailclick(record)">{{ $t('See') }}</a>
-          <a class="text-operation" @click="maintenanceClick(record)">{{ $t('maintenance') }}</a>
-          <a class="text-operation" @click="handleExport(record)">{{ $t('export') }}</a>
-          <a class="text-operation" v-has="'regulatoryAndTechnicalAssessment:delete'"
+          <a class="text-operation" v-has="'otacx:view'" @click="detailclick(record)">{{ $t('See') }}</a>
+          <a class="text-operation" v-has="'otacx:maintenance'" @click="maintenanceClick(record)">{{ $t('maintenance') }}</a>
+          <a class="text-operation" v-has="'otacx:export'" @click="handleExport(record)">{{ $t('export') }}</a>
+          <a class="text-operation" v-has="'otacx:delete'"
             @click="deleteData(record)">{{ $t('delete') }}</a>
         </span>
       </a-table>
diff --git a/jero-web/src/views/projectManagement/projectStatusBoard/index.vue b/jero-web/src/views/projectManagement/projectStatusBoard/index.vue
index a34534245..d4d1345ad 100644
--- a/jero-web/src/views/projectManagement/projectStatusBoard/index.vue
+++ b/jero-web/src/views/projectManagement/projectStatusBoard/index.vue
@@ -71,7 +71,7 @@
     <div class="box-top" style="position: relative">
       <!--      <span class="box-top-text">{{ $t('regulatoryCertificationTaskPlan') }}</span>-->
       <!--      <span class="box-top-text fullScreenView" @click="TaskPlanListClick">{{ $t('fullScreenView') }}</span>-->
-      <span style="float: right" @click="handleExport" class="box-top-text-right">
+      <span style="float: right" @click="handleExport" v-has="'board:export'" class="box-top-text-right">
               <a-icon type="export" :rotate="-90"/>
                 {{ $t('export') }}
       </span>