From da6b76ff75d464f79d642d9004959f469c5f5298 Mon Sep 17 00:00:00 2001
From: Jinyuanyuan <1197651512@qq.com>
Date: Tue, 21 May 2024 11:15:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=A1=B9=E7=9B=AE=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B=E8=A7=92=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/workbench/index.vue | 214 +++++++++++++++---------
 1 file changed, 138 insertions(+), 76 deletions(-)

diff --git a/src/views/dashboard/workbench/index.vue b/src/views/dashboard/workbench/index.vue
index 2ee7ce5..83875fe 100644
--- a/src/views/dashboard/workbench/index.vue
+++ b/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" >
+                <a-card title="项目总进度" :bordered="false">
                   <!-- <el-progress type="circle" :percentage="25" :stroke-width="10"  /> -->
-                  <DonutChart :fininshNum="data.xiangmZJD.fininshNum" :unfininshNum="data.xiangmZJD.unfininshNum"
-                    :name="'项目总进度'" />
+                  <DonutChart
+                    :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,中医处,妇幼处,科教处,医政处,财审处,体改处,人事处,机关党委,规信处')">
-                  <DonutChartByMoney :fininshNum="data.xiangmuZJ.fininshNum" :unfininshNum="data.xiangmuZJ.unfininshNum"
-                    :name="'资金支付情况'" />
+                <a-card
+                  title="资金支付情况"
+                  :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,68 +146,65 @@
   </PageWrapper>
 </template>
 <script lang="ts" setup>
-import { ref, reactive, onMounted, } from 'vue';
-import { PageWrapper } from '@/components/Page';
-import { count } 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 { ref, reactive, onMounted } from 'vue';
+  import { PageWrapper } from '@/components/Page';
+  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 DonutChartByMoney from './components/DonutChartByMoney.vue';
-import planSummary from '@/views/projectSummary/planSummary/indeForDashboard.vue';
+  import DonutChartByMoney from './components/DonutChartByMoney.vue';
+  import planSummary from '@/views/projectSummary/planSummary/indeForDashboard.vue';
 
-const loading = ref(true);
-const activeKey = ref('0');
-let data = reactive({
-  xiangmZJD: {
-    fininshNum: 1,
-    unfininshNum: 2,
-  },
-  xiangmuZJ: {
-    fininshNum: 1,
-    unfininshNum: 2,
-  },
-  xiangmuZT: [
-    { name: '已建', value: 100 },
-  ],
-  ssggrw: [
-    { name: '2+N紧密型城市医疗集团建设', fininshNum: 100, unfininshNum: 30 },
-    { name: '2+9+9+N县域医共体建设', fininshNum: 140, unfininshNum: 20 },
-    { name: '市县公立医院妇幼能力建设', fininshNum: 140, unfininshNum: 120 },
-    { name: '高水平县级医院建设	', fininshNum: 140, unfininshNum: 90 },
-    { name: '打造长三角市域医学高地', fininshNum: 140, unfininshNum: 90 },
-    { name: '公立医院院前急救与院内救治服务融合发展', fininshNum: 170, unfininshNum: 90 },
-    { name: '医共体下三医联动改革', fininshNum: 170, unfininshNum: 90 },
-    { name: '智慧医院服务能力提档升级', fininshNum: 100, unfininshNum: 30 },
-    { name: '数字健康大脑建设', fininshNum: 140, unfininshNum: 270 },
-    { name: '舒心就医', fininshNum: 140, unfininshNum: 270 },
-    { name: '中医药固本培元', fininshNum: 140, unfininshNum: 210 },
-    { name: '公立医院运营管理', fininshNum: 140, unfininshNum: 80 },
-    { name: '公立医院党建全行业引领改革工程	', fininshNum: 140, unfininshNum: 40 },
-    { name: '高质量临床重点专科建设	', fininshNum: 140, unfininshNum: 80 },
-  ],
-  xxqy: [
-    { name: '南浔区', fininshNum: 100, unfininshNum: 30 },
-    { name: '吴兴区', fininshNum: 140, unfininshNum: 20 },
-    { name: '市本级', fininshNum: 140, unfininshNum: 120 },
-    { name: '安吉县', fininshNum: 140, unfininshNum: 90 },
-    { name: '德清县', fininshNum: 140, unfininshNum: 90 },
-    { name: '长兴县', fininshNum: 170, unfininshNum: 90 },
-  ],
-  dwsx: [
-    { name: '卫生行政部门', fininshNum: 1000, unfininshNum: 3000 },
-    { name: '医疗机构	', fininshNum: 1400, unfininshNum: 2000 },
-  ],
-});
+  const loading = ref(true);
+  const activeKey = ref('0');
+  let data = reactive({
+    xiangmZJD: {
+      fininshNum: 1,
+      unfininshNum: 2,
+    },
+    xiangmuZJ: {
+      fininshNum: 1,
+      unfininshNum: 2,
+    },
+    xiangmuZT: [{ name: '已建', value: 100 }],
+    ssggrw: [
+      { name: '2+N紧密型城市医疗集团建设', fininshNum: 100, unfininshNum: 30 },
+      { name: '2+9+9+N县域医共体建设', fininshNum: 140, unfininshNum: 20 },
+      { name: '市县公立医院妇幼能力建设', fininshNum: 140, unfininshNum: 120 },
+      { name: '高水平县级医院建设	', fininshNum: 140, unfininshNum: 90 },
+      { name: '打造长三角市域医学高地', fininshNum: 140, unfininshNum: 90 },
+      { name: '公立医院院前急救与院内救治服务融合发展', fininshNum: 170, unfininshNum: 90 },
+      { name: '医共体下三医联动改革', fininshNum: 170, unfininshNum: 90 },
+      { name: '智慧医院服务能力提档升级', fininshNum: 100, unfininshNum: 30 },
+      { name: '数字健康大脑建设', fininshNum: 140, unfininshNum: 270 },
+      { name: '舒心就医', fininshNum: 140, unfininshNum: 270 },
+      { name: '中医药固本培元', fininshNum: 140, unfininshNum: 210 },
+      { name: '公立医院运营管理', fininshNum: 140, unfininshNum: 80 },
+      { name: '公立医院党建全行业引领改革工程	', fininshNum: 140, unfininshNum: 40 },
+      { name: '高质量临床重点专科建设	', fininshNum: 140, unfininshNum: 80 },
+    ],
+    xxqy: [
+      { name: '南浔区', fininshNum: 100, unfininshNum: 30 },
+      { name: '吴兴区', fininshNum: 140, unfininshNum: 20 },
+      { name: '市本级', fininshNum: 140, unfininshNum: 120 },
+      { name: '安吉县', fininshNum: 140, unfininshNum: 90 },
+      { name: '德清县', fininshNum: 140, unfininshNum: 90 },
+      { name: '长兴县', fininshNum: 170, unfininshNum: 90 },
+    ],
+    dwsx: [
+      { name: '卫生行政部门', fininshNum: 1000, unfininshNum: 3000 },
+      { name: '医疗机构	', fininshNum: 1400, unfininshNum: 2000 },
+    ],
+  });
 
-onMounted(() => {
-  console.log("datadatadatadatadatadata", data)
-});
-setTimeout(async () => {
-  data = await count()
-  loading.value = false;
-  activeKey.value = '1';
-}, 10);
+  onMounted(() => {
+    console.log('datadatadatadatadatadata', data);
+  });
+  setTimeout(async () => {
+    data = await count();
+    loading.value = false;
+    activeKey.value = '1';
+  }, 10);
 </script>