ETA图库模块权限设置

src/hooks/useAuthBtn.js

@@ -59,7 +59,24 @@ export const edbDataBtn={}
 /*
 -------------------------ETA图库------------------
 */
-export const chartLibBtn={}
+export const chartLibBtn={
+    /*-----------图表详情按钮--------- */
+    chartLib_del:'chartLib:del',//删除
+    chartLib_enNameSetting:'chartLib:enNameSetting',//设置英文名称
+    chartLib_copyWechat:'chartLib:copyWechat',//保存图片（两个按钮控制）
+    chartLib_copyOffice:'chartLib:copyOffice',//保存图片（两个按钮控制）
+    chartLib_otherSave:'chartLib:otherSave',//另存为
+    chartLib_save:'chartLib:save',//保存
+    chartLib_refresh:'chartLib:refresh',//刷新
+    chartLib_addMy:'chartLib:addMy',//加入我的图库
+    chartLib_share:'chartLib:share',//分享
+    chartLib_editLimit:'chartLib:editLimit',//编辑上下限
+    /*------------页面按钮---------- */
+    chartLib_switchEn:'chartLib:switchEn',//切换中英文
+    chartLib_isOnlyMine:'chartLib:isOnlyMine',//只看我的
+    chartLib_classifyOpt_add:'chartLib:classifyOpt:add',//新增/编辑分类
+	chartLib_classifyOpt_delete:'chartLib:classifyOpt:delete',//删除分类
+}
 
 /*
 ------------------------MyETA--------------------

src/store/modules/authBtn.js

@@ -33,6 +33,11 @@ export const useAuthBtnStore = defineStore('authBtn',{
                     {ButtonCode:'ppt:del'},
                     {ButtonCode:'ppt:copy'},
                     {ButtonCode:'ppt:download'},
+
+                    //chart
+                    {ButtonCode:'chartLib:copyWechat'},
+                    {ButtonCode:'chartLib:copyOffice'},
+
                 ]
                 resolve('权限获取成功')
             })

src/views/chartETA/ChartDetail.vue

@@ -14,7 +14,8 @@ import AddChartToMyETA from './components/AddChartToMyETA.vue'
 import SetChartEnName from './components/SetChartEnName.vue'
 import {useCachedViewsStore} from '@/store/modules/cachedViews'
 import { setExtremumDate } from '@/hooks/chart/commonFun.js'
-
+import {chartLibBtn,useAuthBtn} from '@/hooks/useAuthBtn'
+const {checkAuthBtn} = useAuthBtn()
 import _ from 'lodash';
 
 
@@ -260,48 +261,68 @@ function handleShowSourceDetail(){
 let showMoreAction = ref(false)
 let chartActions = ref([])
 function getChartActions(chartInfo){
-    return [
+    //加上权限判断
+    const actionsArr = [
         {
             type:'refresh',
             label:'刷新',
-            show:true
+            show:true,
+            btnCode:chartLibBtn.chartLib_refresh
         },
         {
             type:'share',
             label:'分享',
-            show:!Boolean(chartInfo.Disabled)
+            show:!Boolean(chartInfo.Disabled),
+            btnCode:chartLibBtn.chartLib_share
         },
         {
             type:'save',
             label:'保存',
             show:true,
+            btnCode:chartLibBtn.chartLib_save
         },
         {
             type:'saveOther',
             label:'另存为',
-            show:true
+            show:true,
+            btnCode:chartLibBtn.chartLib_otherSave
         },
         {
             type:'savePic',
             label:'保存图片',
-            show:true
+            show:true,
         },
         {
             type:'setEnName',
             label:'设置英文名称',
-            show:true
+            show:true,
+            btnCode:chartLibBtn.chartLib_enNameSetting
         },
         {
             type:'addToMyETA',
             label:'加入我的图库',
-            show:true
+            show:true,
+            btnCode:chartLibBtn.chartLib_addMy
         },
         {
             type:'delete',
             label:'删除',
-            show:chartInfo.IsEdit
+            show:chartInfo.IsEdit,
+            btnCode:chartLibBtn.chartLib_del
         }
     ]
+    let currentArr=[]
+    actionsArr.forEach(item=>{
+        if(item.btnCode&&checkAuthBtn(item.btnCode)){
+            currentArr.push(item)
+        }
+        if(item.type==='savePic'){
+            if(checkAuthBtn(chartLibBtn.chartLib_copyWechat)&&checkAuthBtn(chartLibBtn.chartLib_copyOffice)){
+                currentArr.push(item)
+            }
+        }
+    })
+    return currentArr
 }
 
 function handleActionClick(action){
@@ -686,7 +707,7 @@ function openDateSelect(){
                 </span>
             </div>
             <div class="right-action-box">
-                <div class="item" @click="showMoreAction=true" >
+                <div class="item" @click="showMoreAction=true" v-if="chartActions.length">
                     <img src="@/assets/imgs/chartETA/more-icon.png" alt="">
                     <span>更多设置</span>
                 </div>
@@ -726,7 +747,7 @@ function openDateSelect(){
         <!-- 指标模块 -->
         <div class="edb-list-box">
             <!-- pad 设置上下限按钮 -->
-            <div class="pad-limit-set-btn" @click="handleShowAxisLimitOpt" v-if="![3,4,6,7,8,9].includes(chartInfo.Source)">设置上下限</div>
+            <div class="pad-limit-set-btn" @click="handleShowAxisLimitOpt" v-if="![3,4,6,7,8,9].includes(chartInfo.Source)&&checkAuthBtn(chartLibBtn.chartLib_editLimit)">设置上下限</div>
             <!-- <div class="list-lable">指标信息</div> -->
             <div class="list-box">
                 <div class="list-item" v-for="item in edbList" :key="item.EdbInfoId" @click="handleShowEDBInfo(item)">
@@ -746,11 +767,11 @@ function openDateSelect(){
                 <img class="icon" style="transform: rotate(180deg);" src="@/assets/imgs/icon_arrow.png" alt="">
                 <div>下一张</div>
             </div>
-            <div class="item" @click="handleShowAxisLimitOpt" v-if="![3,4,6,7,8,9].includes(chartInfo.Source)">
+            <div class="item" @click="handleShowAxisLimitOpt" v-if="![3,4,6,7,8,9].includes(chartInfo.Source)&&checkAuthBtn(chartLibBtn.chartLib_editLimit)">
                 <img class="icon" src="@/assets/imgs/myETA/icon_limit.png" alt="">
                 <div>上下限</div>
             </div>
-            <div class="item" @click="showMoreAction=true">
+            <div class="item" @click="showMoreAction=true" v-if="chartActions.length">
                 <img class="icon" src="@/assets/imgs/myETA/icon_menu.png" alt="">
                 <div>更多</div>
             </div>

src/views/chartETA/List.vue

@@ -9,8 +9,9 @@ import CatalogItem from './components/CatalogItem.vue';
 import OptionPopup from './components/OptionPopup.vue';
 import AddChartToMyETA from './components/AddChartToMyETA.vue';
 import TreeSelectPop from './components/TreeSelectPop.vue';
-import apiChart from '@/api/chart'
-
+import apiChart from '@/api/chart';
+import {chartLibBtn,useAuthBtn} from '@/hooks/useAuthBtn'
+const {checkAuthBtn} = useAuthBtn()
 import {useCatalogList} from './hooks/useCatalogList';
 
 const { width } = useWindowSize()
@@ -407,7 +408,7 @@ getChartList()
                     style="flex:1;padding-left:0"
                     @click-input="$router.push('/chartETA/search')"
                 />
-                <div class="lang-icon icon" @click="changeLang">
+                <div class="lang-icon icon" @click="changeLang" v-permission="chartLibBtn.chartLib_switchEn">
                     <img v-if="currentLang==='CN'" src="@/assets/imgs/chartETA/lang-icon.png" alt="">
                     <img v-if="currentLang==='EN'" src="@/assets/imgs/chartETA/langEn-icon.png" alt="">
                 </div>
@@ -418,7 +419,7 @@ getChartList()
             <p style="font-weight: bold;word-break: break-all;margin-bottom: 5px;">{{ catalogMenu }}</p>
             <div class="select-box">
                 <span>共{{listState.total}}张图表</span>
-                <span> <van-checkbox v-model="listState.IsShowMe">只看我的</van-checkbox></span>
+                <span v-permission="chartLibBtn.chartLib_isOnlyMine"> <van-checkbox v-model="listState.IsShowMe">只看我的</van-checkbox></span>
             </div>
         </div>
         <div class="chart-list-wrap">
@@ -478,7 +479,7 @@ getChartList()
                         </van-collapse-item>
                     </van-collapse>
                 </div>
-                <div class="bottom sticky-part" v-if="['rai_admin', 'ficc_admin','admin'].includes(UserInfo.RoleTypeCode)">
+                <div class="bottom sticky-part" v-if="['rai_admin', 'ficc_admin','admin'].includes(UserInfo.RoleTypeCode)&&checkAuthBtn(chartLibBtn.chartLib_classifyOpt_add)">
                     <span @click.stop="openEditNameDialog({Level:0},{id:'addNew',label:'添加图表分类'})">添加图表分类</span>
                 </div>
             </div>

src/views/chartETA/hooks/useCatalogList.js

@@ -1,6 +1,9 @@
 import {getStaticImg,useUserInfo} from '@/hooks/common'
 import {ref} from 'vue'
 import apiChart from '@/api/chart'
+import {chartLibBtn,useAuthBtn} from '@/hooks/useAuthBtn'
+
+const {checkAuthBtn} = useAuthBtn()
 export function useCatalogList(){
     //操作栏图标的地址
     const iconSrc = {
@@ -112,13 +115,20 @@ export function useCatalogList(){
         const {authRole} = opt
         const {AdminId,RoleTypeCode} = UserInfo.value
         const roleType = ['rai_admin', 'ficc_admin','admin'].includes(RoleTypeCode)?'admin':RoleTypeCode
+        //在原先的基础上加上权限设置
+        const authMap = {
+            'addNext':chartLibBtn.chartLib_classifyOpt_add,
+            'reName':chartLibBtn.chartLib_classifyOpt_add,
+            'delete':chartLibBtn.chartLib_del,
+            'addChart':chartLibBtn.chartLib_addMy
+        }
         if(opt.id==='moveTo'||opt.id==='moveChart'){
             return node.SysUserId===AdminId||roleType==='admin'
         }
         if(authRole){
-            return authRole===roleType
+            return (authRole===roleType)&&checkAuthBtn(authMap[opt.id])
         }
-        return true
+        return checkAuthBtn(authMap[opt.id])
     }