可视化显示权限设置

src/views/dashboard/workbench/index.vue

@@ -9,24 +9,24 @@
     </div>
     <div class="card-container">
       <a-tabs v-model:activeKey="activeKey" type="card">
-        <a-tab-pane key="1" tab="总进度">
+        <a-tab-pane key="1" tab="总进度" v-if="isShowByRoles('manageOrg,sritUser,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处,南浔区,长兴县,吴兴区,德清县,安吉县,市本级')">
           <div style="padding: 20px; background-color: #ececec">
             <a-row :gutter="16">
               <a-col :span="8">
-                <a-card title="项目总进度" :bordered="false">
+                <a-card title="项目总进度" :bordered="false" >
                   <!-- <el-progress type="circle" :percentage="25" :stroke-width="10"  /> -->
                   <DonutChart :fininshNum="data.xiangmZJD.fininshNum" :unfininshNum="data.xiangmZJD.unfininshNum"
                     :name="'项目总进度'" />
                 </a-card>
               </a-col>
               <a-col :span="8">
-                <a-card title="资金支付情况" :bordered="false">
+                <a-card title="资金支付情况" :bordered="false" v-if="isShowByRoles('manageOrg,sritUser,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处')">
                   <DonutChartByMoney :fininshNum="data.xiangmuZJ.fininshNum" :unfininshNum="data.xiangmuZJ.unfininshNum"
                     :name="'资金支付情况'" />
                 </a-card>
               </a-col>
               <a-col :span="8">
-                <a-card title="项目状态" :bordered="false">
+                <a-card title="项目状态" :bordered="false" v-if="isShowByRoles('manageOrg,sritUser,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处')">
                   <PieChart :data="data.xiangmuZT" v-if="data.xiangmuZT" />
 
                 </a-card>
@@ -37,7 +37,7 @@
             <planSummary />
           </div> -->
         </a-tab-pane>
-        <a-tab-pane key="2" tab="所属改革任务">
+        <a-tab-pane key="2" tab="所属改革任务" v-if="isShowByRoles('manageOrg,sritUser,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处')">
           <div style="padding: 20px; background-color: #ececec">
             <a-row :gutter="16">
               <a-col :span="8" v-for="(item, index) in data.ssggrw" :key="index">
@@ -49,7 +49,7 @@
             </a-row>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="3" tab="行政区域">
+        <a-tab-pane key="3" tab="行政区域" v-if="isShowByRoles('manageOrg,sritUser,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处')">
           <div style="padding: 20px; background-color: #ececec">
             <a-row :gutter="16">
               <a-col :span="8" v-for="(item, index) in data.xxqy" :key="index">
@@ -61,7 +61,7 @@
             </a-row>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="4" tab="单位属性">
+        <a-tab-pane key="4" tab="单位属性" v-if="isShowByRoles('manageOrg,sritUser,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处')">
           <div style="padding: 20px; background-color: #ececec">
             <a-row :gutter="16">
               <a-col :span="8" v-for="(item, index) in data.dwsx" :key="index">
@@ -88,6 +88,7 @@ import WorkbenchHeader from './components/WorkbenchHeader.vue';
 import DonutChart from './components/DonutChart.vue';
 import PieChart from './components/PieChart.vue';
 import ProjectCard from './components/ProjectCard.vue';
+import { isShowByRoles } from '@/views/projectLib/projectInfo/projectInfo.api';
 
 import DonutChartByMoney from './components/DonutChartByMoney.vue';
 import planSummary from '@/views/projectSummary/planSummary/indeForDashboard.vue';