增加项目查看角色

src/views/dashboard/workbench/index.vue

@@ -9,26 +9,55 @@
     </div>
     <div class="card-container">
       <a-tabs v-model:activeKey="activeKey" type="card">
-        <a-tab-pane key="1" tab="总进度" v-if="isShowByRoles('manageOrg,sritUser,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处,南浔区,长兴县,吴兴区,德清县,安吉县,市本级')">
+        <a-tab-pane
+          key="1"
+          tab="总进度"
+          v-if="
+            isShowByRoles(
+              'manageOrg,sritUser,projectViewOnly,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处,南浔区,长兴县,吴兴区,德清县,安吉县,市本级',
+            )
+          "
+        >
           <div style="padding: 20px; background-color: #ececec">
             <a-row :gutter="16">
               <a-col :span="8">
                 <a-card title="项目总进度" :bordered="false">
                   <!-- <el-progress type="circle" :percentage="25" :stroke-width="10"  /> -->
-                  <DonutChart :fininshNum="data.xiangmZJD.fininshNum" :unfininshNum="data.xiangmZJD.unfininshNum"
+                  <DonutChart
-                    :name="'项目总进度'" />
+                    :fininshNum="data.xiangmZJD.fininshNum"
+                    :unfininshNum="data.xiangmZJD.unfininshNum"
+                    :name="'项目总进度'"
+                  />
                 </a-card>
               </a-col>
               <a-col :span="8">
-                <a-card title="资金支付情况" :bordered="false" v-if="isShowByRoles('manageOrg,sritUser,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处')">
+                <a-card
-                  <DonutChartByMoney :fininshNum="data.xiangmuZJ.fininshNum" :unfininshNum="data.xiangmuZJ.unfininshNum"
+                  title="资金支付情况"
-                    :name="'资金支付情况'" />
+                  :bordered="false"
+                  v-if="
+                    isShowByRoles(
+                      'manageOrg,sritUser,projectViewOnly,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处',
+                    )
+                  "
+                >
+                  <DonutChartByMoney
+                    :fininshNum="data.xiangmuZJ.fininshNum"
+                    :unfininshNum="data.xiangmuZJ.unfininshNum"
+                    :name="'资金支付情况'"
+                  />
                 </a-card>
               </a-col>
               <a-col :span="8">
-                <a-card title="项目状态" :bordered="false" v-if="isShowByRoles('manageOrg,sritUser,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处')">
+                <a-card
+                  title="项目状态"
+                  :bordered="false"
+                  v-if="
+                    isShowByRoles(
+                      'manageOrg,sritUser,projectViewOnly,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处',
+                    )
+                  "
+                >
                   <PieChart :data="data.xiangmuZT" v-if="data.xiangmuZT" />
-
                 </a-card>
               </a-col>
             </a-row>
@@ -37,37 +66,73 @@
             <planSummary />
           </div> -->
         </a-tab-pane>
-        <a-tab-pane key="2" tab="所属改革任务" v-if="isShowByRoles('manageOrg,sritUser,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处')">
+        <a-tab-pane
+          key="2"
+          tab="所属改革任务"
+          v-if="
+            isShowByRoles(
+              'manageOrg,sritUser,projectViewOnly,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处',
+            )
+          "
+        >
           <div style="padding: 20px; background-color: #ececec">
             <a-row :gutter="16">
               <a-col :span="8" v-for="(item, index) in data.ssggrw" :key="index">
                 <a-card :title="item.name" :bordered="false">
                   <!-- <el-progress type="circle" :percentage="25" :stroke-width="10"  /> -->
-                  <DonutChart :fininshNum="item.fininshNum" :unfininshNum="item.unfininshNum" :name="item.name" />
+                  <DonutChart
+                    :fininshNum="item.fininshNum"
+                    :unfininshNum="item.unfininshNum"
+                    :name="item.name"
+                  />
                 </a-card>
               </a-col>
             </a-row>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="3" tab="行政区域" v-if="isShowByRoles('manageOrg,sritUser,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处')">
+        <a-tab-pane
+          key="3"
+          tab="行政区域"
+          v-if="
+            isShowByRoles(
+              'manageOrg,sritUser,projectViewOnly,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处',
+            )
+          "
+        >
           <div style="padding: 20px; background-color: #ececec">
             <a-row :gutter="16">
               <a-col :span="8" v-for="(item, index) in data.xxqy" :key="index">
                 <a-card :title="item.name" :bordered="false">
                   <!-- <el-progress type="circle" :percentage="25" :stroke-width="10"  /> -->
-                  <DonutChart :fininshNum="item.fininshNum" :unfininshNum="item.unfininshNum" :name="item.name" />
+                  <DonutChart
+                    :fininshNum="item.fininshNum"
+                    :unfininshNum="item.unfininshNum"
+                    :name="item.name"
+                  />
                 </a-card>
               </a-col>
             </a-row>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="4" tab="单位属性" v-if="isShowByRoles('manageOrg,sritUser,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处')">
+        <a-tab-pane
+          key="4"
+          tab="单位属性"
+          v-if="
+            isShowByRoles(
+              'manageOrg,sritUser,projectViewOnly,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处',
+            )
+          "
+        >
           <div style="padding: 20px; background-color: #ececec">
             <a-row :gutter="16">
               <a-col :span="8" v-for="(item, index) in data.dwsx" :key="index">
                 <a-card :title="item.name" :bordered="false">
                   <!-- <el-progress type="circle" :percentage="25" :stroke-width="10"  /> -->
-                  <DonutChart :fininshNum="item.fininshNum" :unfininshNum="item.unfininshNum" :name="item.name" />
+                  <DonutChart
+                    :fininshNum="item.fininshNum"
+                    :unfininshNum="item.unfininshNum"
+                    :name="item.name"
+                  />
                 </a-card>
               </a-col>
             </a-row>
@@ -81,14 +146,13 @@
   </PageWrapper>
 </template>
 <script lang="ts" setup>
-import { ref, reactive, onMounted, } from 'vue';
+  import { ref, reactive, onMounted } from 'vue';
   import { PageWrapper } from '@/components/Page';
-import { count } from '@/views/projectLib/projectInfo/projectInfo.api';
+  import { count, isShowByRoles } from '@/views/projectLib/projectInfo/projectInfo.api';
   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';
@@ -104,9 +168,7 @@ let data = reactive({
       fininshNum: 1,
       unfininshNum: 2,
     },
-  xiangmuZT: [
+    xiangmuZT: [{ name: '已建', value: 100 }],
-    { name: '已建', value: 100 },
-  ],
     ssggrw: [
       { name: '2+N紧密型城市医疗集团建设', fininshNum: 100, unfininshNum: 30 },
       { name: '2+9+9+N县域医共体建设', fininshNum: 140, unfininshNum: 20 },
@@ -138,10 +200,10 @@ let data = reactive({
   });
 
   onMounted(() => {
-  console.log("datadatadatadatadatadata", data)
+    console.log('datadatadatadatadatadata', data);
   });
   setTimeout(async () => {
-  data = await count()
+    data = await count();
     loading.value = false;
     activeKey.value = '1';
   }, 10);