update 文档比对操作栏按钮显隐处理

src/components/jero/JTable.vue

@@ -58,14 +58,14 @@
           <template v-else>
             <!--  没有特殊判断，直接渲染operationList  -->
             <!--  需要更多按钮的情况  -->
-            <template v-if="operationList.length > operateMaxNum + 1">
+            <template v-if="getLineOperationList(record).length > operateMaxNum + 1">
-              <a @click="operationClick(operationList[0],record)">{{ operationList[0].text }}</a>
+              <a @click="operationClick(getLineOperationList(record)[0],record)">{{ getLineOperationList(record)[0].text }}</a>
-              <template v-if="operationList.length > operateMaxNum">
+              <template v-if="getLineOperationList(record).length > operateMaxNum">
                 <a-divider type="vertical" />
                 <a-dropdown placement="bottomCenter">
                   <a-icon type="more" class="operate-icon-btn operate-icon-more" />
                   <a-menu slot="overlay">
-                    <a-menu-item v-for="(operation, index) in operationList.slice(operateMaxNum)" :key="index">
+                    <a-menu-item v-for="(operation, index) in getLineOperationList(record).slice(operateMaxNum)" :key="index">
                       <a @click="operationClick(operation,record)">
                         <div class="operate-btn">
                           {{ operation.text }}
@@ -76,9 +76,10 @@
                 </a-dropdown>
               </template>
             </template>
-            <template v-else-if="operationList.length > 0">
+            <template v-else-if="getLineOperationList(record).length > 0">
-              <template v-for="(operation, index) in operationList">
+              <template v-for="(operation, index) in getLineOperationList(record)">
                 <a :key="index" @click="operationClick(operation,record)">{{ operation.text }}</a>
+                <a-divider type="vertical" v-if="index !== getLineOperationList(record).length - 1"/>
               </template>
             </template>
           </template>
@@ -591,6 +592,20 @@ export default {
       Vue.ls.remove(J_TABLE_KEYS)
       this.resteColumns() // 这里只能刷新当前的表
       this.$message.success('成功清除全局JTable的缓存!')
+    },
+    getLineOperationList (record) {
+      const hasPermissionList = this.operationList.filter(tt => !tt.has || isHasPermission(tt.has))
+      const lineOperateList = []
+      hasPermissionList.forEach(item => {
+        if (!item.show) {
+          lineOperateList.push(item)
+        } else if (typeof item.show === 'function') {
+          if (item.show(record)) {
+            lineOperateList.push(item)
+          }
+        }
+      })
+      return lineOperateList
     }
   },
   mounted () {

src/views/documentTool/documentComparison/DocumentComparison.vue

@@ -50,37 +50,11 @@
         :can-drag="true"
         :loading="loading"
         :pagination="ipagination"
-        :scroll="{x: '100%', y:'calc(100vh - 280px)'}"
+        :scroll="{x: '100%'}"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+        :operation-list="operationList"
         @change="handleTableChange"
-      >
+        @operationClick="operationClick">
-        <template v-slot:operation="{text,record}">
-          <a class="text-operation" @click="comparisonResultsClick(record)">{{ $t('docTool.comparison.comparisonResults') }}</a>
-
-          <a-divider type="vertical" v-if="record.createBy === userInfoQuery.username || administrators" />
-
-          <a-dropdown v-if="record.createBy === userInfoQuery.username || administrators">
-            <a class="ant-dropdown-link">
-              {{ $t('more') }}
-              <a-icon type="down" />
-            </a>
-            <a-menu slot="overlay">
-              <a-menu-item>
-                <a v-if="record.createBy === userInfoQuery.username || administrators" @click="subscribe(record)">
-                  {{ !record.releaseState || record.releaseState === 'draft' ? $t('release') : $t('withdraw') }}
-                </a>
-              </a-menu-item>
-              <a-menu-item>
-                <a v-if="(record.createBy === userInfoQuery.username || administrators) && record.releaseState === 'draft'"
-                   @click="edit(record)">{{ $t('edit') }}</a>
-              </a-menu-item>
-              <a-menu-item>
-                <a v-if="(record.createBy === userInfoQuery.username || administrators) && record.releaseState === 'draft'"
-                   @click="deleteData(record)">{{ $t('delete') }}</a>
-              </a-menu-item>
-            </a-menu>
-          </a-dropdown>
-        </template>
         <template v-slot:serialNumberRight="{text,record}">
           <a @click="serialNumberRightClick(record)" :title="text">{{ text }}</a>
         </template>
@@ -111,28 +85,9 @@ export default {
         deleteBatch: '/compare/sarFileCompareInfo/deleteBatch'
       },
       loading: false,
-      dataSource: [
-        { id: 1 }
-      ],
-      selectedRowKeys: [],
-      selectionRows: [],
       downLoadFileUrl: window._CONFIG.domianPreviewURL + '/sys/common/download',
       downLoadImgUrl: window._CONFIG.domianWebImgURL + '/sys/common/download',
-      /* 分页参数 */
-      ipagination: {
-        current: 1,
-        pageSize: 50,
-        pageSizeOptions: ['10', '50', '100', '150', '200'],
-        showTotal: (total, range) => {
-          return range[0] + '-' + range[1] + ' ' + this.$t('total') + ' ' + total + ' ' + this.$t('strip')
-        },
-        showQuickJumper: true,
-        showSizeChanger: true,
-        total: 0
-      },
-      queryParam: {},
       userInfoQuery: {},
-      administrators: false,
       columns: [
         {
           title: this.$t('number') + ' 1',
@@ -196,29 +151,77 @@ export default {
           title: this.$t('operation'),
           fixed: 'right',
           width: 310,
-          scopedSlots: { customRender: 'operation' }
+          scopedSlots: { customRender: 'action' }
+        }
+      ],
+      operationList: [
+        // 对比结果
+        {
+          text: this.$t('docTool.comparison.comparisonResults'),
+          clickEvent: 'comparisonResultsClick',
+          has: 'domesticStandard:collection'
+        },
+        // 发布
+        {
+          text: this.$t('release'),
+          clickEvent: 'subscribe',
+          has: 'domesticStandard:collection',
+          show: (record) => {
+            return (record.createBy === this.userInfo.username || this.administrators) && (!record.releaseState || record.releaseState === 'draft')
+          }
+        },
+        // 撤回
+        {
+          text: this.$t('withdraw'),
+          clickEvent: 'subscribe',
+          has: 'domesticStandard:collection',
+          show: (record) => {
+            return (record.createBy === this.userInfo.username || this.administrators) && !(!record.releaseState || record.releaseState === 'draft')
+          }
+        },
+        // 编辑
+        {
+          text: this.$t('edit'),
+          clickEvent: 'edit',
+          has: 'domesticStandard:collection',
+          show: (record) => {
+            return (record.createBy === this.userInfo.username || this.administrators) && record.releaseState === 'draft'
+          }
+        },
+        // 删除
+        {
+          text: this.$t('delete'),
+          clickEvent: 'comparisonResultsClick',
+          has: 'domesticStandard:collection',
+          show: (record) => {
+            return (record.createBy === this.userInfo.username || this.administrators) && record.releaseState === 'draft'
+          }
         }
       ]
     }
   },
-  mounted () {
+  computed: {
+    ...mapGetters(['userInfo']),
+    administrators () {
+      let flag = false
+      if (this.userInfo.userRoleList && this.userInfo.userRoleList.length > 0) {
+        this.userInfo.userRoleList.forEach(res => {
+          if (res.roleCode === 'admin') {
+            flag = true
+          }
+        })
+      }
+      return flag
+    }
+  },
+  created () {
     if (this.$route.query.serialNumber) {
       this.queryParam.serialNumber = this.$route.query.serialNumber
       this.queryParam = { ...this.queryParam }
     }
-    this.userInfoQuery = this.userInfo()
-    this.administrators = false
-    if (this.userInfoQuery.userRoleList && this.userInfoQuery.userRoleList.length > 0) {
-      this.userInfoQuery.userRoleList.forEach(res => {
-        if (res.roleCode === 'admin') {
-          this.administrators = true
-        }
-      })
-    }
     this.loadData(1)
   },
   methods: {
-    ...mapGetters(['userInfo']),
     getList () {
       this.dataSource = [{ id: 1, serialNumberLeft: '11' }]
     },
@@ -230,7 +233,7 @@ export default {
             const idList = []
             const selectionRows = JSON.parse(JSON.stringify(this.selectionRows))
             for (let i = 0; i < selectionRows.length; i++) {
-              if (selectionRows[i].createBy === this.userInfoQuery.username &&
+              if (selectionRows[i].createBy === this.userInfo.username &&
                 selectionRows[i].releaseState === 'draft') {
                 idList.push(selectionRows[i].id)
               }
@@ -256,7 +259,7 @@ export default {
     },
     // 对比结果按钮点击
     comparisonResultsClick (item) {
-      if (item.createBy === this.userInfoQuery.username && item.releaseState === 'draft') {
+      if (item.createBy === this.userInfo.username && item.releaseState === 'draft') {
         item.isDisplay = 2
       } else {
         item.isDisplay = 1

src/views/documentTool/documentComparison/DocumentDataComparison.vue

@@ -1,12 +1,15 @@
 <template>
   <internal-detail-page :title="$t('docTool.comparison.documentComparison')" :content-padding="0" :loading="loading">
     <template v-slot:titleRightCustom>
+      <!--查看比对结果-->
       <a-button class="header-btn" type="primary" icon="eye" ghost @click="viewTheComparisonResultsClick">
         {{ $t('docTool.comparison.viewTheComparisonResults') }}
       </a-button>
+      <!--添加全文评论-->
       <a-button class="header-btn" type="primary" icon="message" ghost @click="addFullTextCommentClick">
         {{ $t('docTool.comparison.addFullTextComment') }}
       </a-button>
+      <!--关闭/打开自动匹配-->
       <a-button class="header-btn" type="primary" :icon="isMatching?'close-circle':'check-circle'" ghost @click="turnOffAutomaticMatchingClick">
         {{ isMatching ? $t('docTool.comparison.turnOffAutomaticMatching') : $t('docTool.comparison.turnOnAutoMatch') }}
       </a-button>
@@ -106,7 +109,7 @@
 <script>
 import { postAction, getAction } from '../../../api/manage.js'
 // 添加全文评论弹框
-import ComparisonAddFullComment from '../modules/ComparisonAddFullComment.vue'
+import ComparisonAddFullComment from './modules/ComparisonAddFullComment.vue'
 import InternalDetailPage from '../../../components/InternalDetailPage.vue'
 
 export default {

src/views/documentTool/documentComparison/modules/ComparisonAddFullComment.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script>
-import { putAction } from '@/api/manage'
+import { putAction } from '../../../../api/manage.js'
 
 export default {
   name: 'ComparisonAddFullComment',