研报模块权限完成

src/directives/AuthBtn.js

@@ -1,5 +1,6 @@
 //按钮权限指令
 //eg: v-permission="buttonCode"
+//元素必须在组件内存在父元素，否则不起作用
 import {useAuthBtnStore} from '@/store/modules/authBtn'
 export default {
     mounted(el, binding) {

src/hooks/useAuthBtn.js

@@ -19,8 +19,6 @@ export const reportManageBtn = {
 }
 export const enReportManageBtn = {
     enReport_reportView:'enReport:reportView',//研报预览：即是否能点击研报名称跳转预览页面
-    enReport_reportView_wechatShare:'enReport:reportView:wechatShare',//研报预览页面-微信分享
-    enReport_reportView_copyWechat:'enReport:reportView:copyWechat',//研报预览页面-复制链接
     enReport_sendEmail:'enReport:sendEmail',//群发邮件/群发日志
     enReport_reportDel:'enReport:reportDel',//删除研报
     enReport_reportEdit:'enReport:reportEdit',//编辑研报

src/store/modules/authBtn.js

@@ -23,8 +23,11 @@ export const useAuthBtnStore = defineStore('authBtn',{
                     {ButtonCode:'reportManage:reportDel'},
                     {ButtonCode:'reportManage:reportEdit'},
                     {ButtonCode:'reportManage:cancelPublish'},
-                    /* {ButtonCode:'reportManage:publish'},
-                    {ButtonCode:'reportManage:reportView'} */
+                    {ButtonCode:'reportManage:publish'},
+                    {ButtonCode:'reportManage:reportView'},
+                    {ButtonCode:'enReport:reportDel'},
+                    {ButtonCode:'enReport:reportView'},
+                    {ButtonCode:'enReport:reportEdit'},
                 ]
                 resolve('权限获取成功')
             })

src/views/report/AddReport.vue

@@ -10,6 +10,7 @@ import moment from 'moment'
 import { showToast,showDialog  } from 'vant'
 import { useRouter } from 'vue-router'
 import {useCachedViewsStore} from '@/store/modules/cachedViews'
+import {reportManageBtn} from '@/hooks/useAuthBtn'
 const cachedViewsStore=useCachedViewsStore()
 
 const router=useRouter()
@@ -311,7 +312,7 @@ function onConfirmDSFBTime(time){
                     <img src="@/assets/imgs/report/icon_refresh.png" alt="">
                     <span>刷新</span>
                 </div>
-                <div class="item" @click="handleReportOpt('yl')">
+                <div class="item" @click="handleReportOpt('yl')" v-permission="reportManageBtn.reportManage_reportView">
                     <img src="@/assets/imgs/report/icon_preview.png" alt="">
                     <span>预览</span>
                 </div>
@@ -319,11 +320,11 @@ function onConfirmDSFBTime(time){
                     <img src="@/assets/imgs/report/icon_save2.png" alt="">
                     <span>保存</span>
                 </div>
-                <div class="item" @click="handleReportOpt('dsfb')">
+                <div class="item" @click="handleReportOpt('dsfb')" v-permission="reportManageBtn.reportManage_publish">
                     <img src="@/assets/imgs/report/icon_time.png" alt="">
                     <span>定时发布</span>
                 </div>
-                <div class="item" @click="handleReportOpt('fb')">
+                <div class="item" @click="handleReportOpt('fb')" v-permission="reportManageBtn.reportManage_publish">
                     <img src="@/assets/imgs/report/icon_publish3.png" alt="">
                     <span>发布</span>
                 </div>

src/views/report/chapter/Detail.vue

@@ -12,6 +12,7 @@ import {useUserInfo,isWeiXin} from '@/hooks/common'
 import { showToast,showDialog } from 'vant'
 import {useUploadFileToOSS} from '@/hooks/useUploadFileToOSS'
 import MD5 from 'js-md5'
+import {reportManageBtn} from '@/hooks/useAuthBtn'
 
 const route=useRoute()
 const router=useRouter()
@@ -444,7 +445,7 @@ async function handleReportOpt(type){
                     <img src="@/assets/imgs/report/icon_refresh.png" alt="">
                     <span>刷新</span>
                 </div>
-                <div class="item" @click="handleReportOpt('yl')">
+                <div class="item" @click="handleReportOpt('yl')" v-permission="reportManageBtn.reportManage_reportView">
                     <img src="@/assets/imgs/report/icon_preview.png" alt="">
                     <span>预览</span>
                 </div>
@@ -452,7 +453,7 @@ async function handleReportOpt(type){
                     <img src="@/assets/imgs/report/icon_save2.png" alt="">
                     <span>保存</span>
                 </div>
-                <div class="item" @click="handleReportOpt('fb')">
+                <div class="item" @click="handleReportOpt('fb')" v-permission="reportManageBtn.reportManage_publish">
                     <img src="@/assets/imgs/report/icon_publish3.png" alt="">
                     <span>发布</span>
                 </div>

src/views/reportEn/AddReport.vue

@@ -10,6 +10,7 @@ import { showToast,showDialog } from 'vant'
 import { useRoute, useRouter } from 'vue-router'
 import {useInitFroalaEditor} from '@/hooks/useFroalaEditor'
 import {useCachedViewsStore} from '@/store/modules/cachedViews'
+import {enReportManageBtn} from '@/hooks/useAuthBtn'
 
 const cachedViewsStore=useCachedViewsStore()
 const router=useRouter()
@@ -348,7 +349,7 @@ function onConfirmDSFBTime(time){
                     <img src="@/assets/imgs/report/icon_refresh.png" alt="">
                     <span>刷新</span>
                 </div>
-                <div class="item" @click="handleReportOpt('yl')">
+                <div class="item" @click="handleReportOpt('yl')" v-permission="enReportManageBtn.enReport_reportView">
                     <img src="@/assets/imgs/report/icon_preview.png" alt="">
                     <span>预览</span>
                 </div>
@@ -356,11 +357,11 @@ function onConfirmDSFBTime(time){
                     <img src="@/assets/imgs/report/icon_save2.png" alt="">
                     <span>保存</span>
                 </div>
-                <div class="item" @click="handleReportOpt('dsfb')">
+                <div class="item" @click="handleReportOpt('dsfb')" v-permission="enReportManageBtn.enReport_publish">
                     <img src="@/assets/imgs/report/icon_time.png" alt="">
                     <span>定时发布</span>
                 </div>
-                <div class="item" @click="handleReportOpt('fb')">
+                <div class="item" @click="handleReportOpt('fb')" v-permission="enReportManageBtn.enReport_publish">
                     <img src="@/assets/imgs/report/icon_publish3.png" alt="">
                     <span>发布</span>
                 </div>

src/views/reportEn/Detail.vue

@@ -3,6 +3,8 @@ import {ref} from 'vue'
 import { useRoute, useRouter } from "vue-router";
 import apiReportEn from '@/api/reportEn'
 import { showToast,showDialog } from 'vant';
+import {enReportManageBtn,useAuthBtn} from '@/hooks/useAuthBtn'
+const {checkAuthBtn} = useAuthBtn()
 
 const route=useRoute()
 const router=useRouter()
@@ -62,7 +64,7 @@ async function goEdit(){
     <div class="report-detail-page" v-if="reportInfo">
         <div class="top-stage-box" v-if="route.query.id>0">
             <span class="stage">第{{reportInfo.Stage}}期 / {{reportInfo.Frequency}}</span>
-            <img v-if="reportInfo.State==1" class="edit-icon" src="@/assets/imgs/report/icon_edit2.png" alt="" @click="goEdit">
+            <img v-if="reportInfo.State==1&&checkAuthBtn(enReportManageBtn.enReport_reportEdit)" class="edit-icon" src="@/assets/imgs/report/icon_edit2.png" alt="" @click="goEdit">
         </div>
         <h1 class="report-title">{{reportInfo.Title}}</h1>
         <div class="auth-box">

src/views/reportEn/List.vue

@@ -9,8 +9,9 @@ import { showToast,showDialog,Dialog } from 'vant';
 import { useRouter } from 'vue-router';
 import { useWindowSize } from '@vueuse/core'
 import {useCachedViewsStore} from '@/store/modules/cachedViews'
-
+import {enReportManageBtn,useAuthBtn} from '@/hooks/useAuthBtn'
 const cachedViewsStore=useCachedViewsStore()
+const {checkAuthBtn} = useAuthBtn()
 
 const { width, height } = useWindowSize()
 
@@ -180,6 +181,8 @@ function handleConfirmClassify({firstClassify,secondClassify}){
 
 // 跳转详情
 function goDetail(item){
+    //若没有预览权限，则不跳转
+    if(!checkAuthBtn(enReportManageBtn.enReport_reportView)) return 
     router.push({
         path:"/reportEn/detail",
         query:{
@@ -197,6 +200,18 @@ function onLongPressItem(e){
         showToast(`${e.Editor}正在编辑中，不可操作！`)
         return
     }
+    //检验权限，如果该状态下无可操作项，则长按不弹出
+    let checkState = false
+    if(e.State===1){ //编辑、发布、删除
+        checkState = checkAuthBtn(enReportManageBtn.enReport_reportEdit)
+            ||checkAuthBtn(enReportManageBtn.enReport_publish)
+            ||checkAuthBtn(enReportManageBtn.enReport_reportDel)
+    }
+    if(e.State===2){ //群发邮件/群发日志、取消发布
+        checkState = checkAuthBtn(enReportManageBtn.enReport_sendEmail)
+            ||checkAuthBtn(enReportManageBtn.enReport_cancelPublish)
+    }
+    if(!checkState) return
     activeItem.value=e
     showReportItemOpt.value=true
 }
@@ -447,7 +462,7 @@ function handleGoEmailLog(e){
                         </div>
                     </div>
                 </van-dropdown-item>
-                <van-dropdown-item title="群发状态" ref="statusDropMenuIns">
+                <van-dropdown-item title="群发状态" ref="statusDropMenuIns" v-if="checkAuthBtn(enReportManageBtn.enReport_sendEmail)">
                     <div class="report-status-box">
                         <ul>
                             <li 
@@ -527,7 +542,7 @@ function handleGoEmailLog(e){
     </div>
 
     <!-- 添加报告按钮 -->
-    <div class="add-report-btn" @click="$router.push('/reportEn/add')">
+    <div class="add-report-btn" @click="$router.push('/reportEn/add')" v-if="checkAuthBtn(enReportManageBtn.enReport_reportAdd)">
         <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path d="M12.0499 15.9499V27.5H15.9499V15.9499H27.5V12.0499H15.9499V0.5H12.0499V12.0499H0.5V15.9499H12.0499Z" fill="white"/>
         </svg>
@@ -543,14 +558,14 @@ function handleGoEmailLog(e){
         <div class="report-item-action-box" v-if="activeItem">
             <!-- <div class="title">{{activeItem.Title}}</div> -->
             <template v-if="activeItem.State==1">
-                <div class="item" @click="handleReportEdit(activeItem)" v-if="activeItem.CanEdit">编辑</div>
-                <div class="item" @click="handleReportPublish(activeItem)">发布</div>
-                <div class="item" @click="handleReportDel(activeItem)">删除</div>
+                <div class="item" @click="handleReportEdit(activeItem)" v-if="activeItem.CanEdit&&checkAuthBtn(enReportManageBtn.enReport_reportEdit)">编辑</div>
+                <div class="item" @click="handleReportPublish(activeItem)" v-permission="enReportManageBtn.enReport_publish">发布</div>
+                <div class="item" @click="handleReportDel(activeItem)" v-permission="enReportManageBtn.enReport_reportDel">删除</div>
             </template>
             <template v-if="activeItem.State==2">
-                <div class="item" @click="showSendEmail=true;showReportItemOpt=false" v-if="activeItem.EmailState===0&&activeItem.EmailAuth">群发邮件</div>
-                <div class="item" @click="handleGoEmailLog(activeItem)" v-if="activeItem.EmailState===1&&activeItem.EmailAuth">群发日志</div>
-                <div class="item" @click="handleReportPublishCancle(activeItem)">取消发布</div>
+                <div class="item" @click="showSendEmail=true;showReportItemOpt=false" v-if="activeItem.EmailState===0&&activeItem.EmailAuth&&checkAuthBtn(enReportManageBtn.enReport_sendEmail)">群发邮件</div>
+                <div class="item" @click="handleGoEmailLog(activeItem)" v-if="activeItem.EmailState===1&&activeItem.EmailAuth&&checkAuthBtn(enReportManageBtn.enReport_sendEmail)">群发日志</div>
+                <div class="item" @click="handleReportPublishCancle(activeItem)" v-permission="enReportManageBtn.enReport_cancelPublish">取消发布</div>
             </template>
         </div>
     </van-action-sheet>