优化

src/views/dashboard/workbench/index.vue

@@ -15,44 +15,35 @@
               <a-col :span="8">
                 <a-card title="项目总进度" :bordered="false">
                   <!-- <el-progress type="circle" :percentage="25" :stroke-width="10"  /> -->
-                  <DonutChart
+                  <DonutChart :fininshNum="data.xiangmZJD.fininshNum" :unfininshNum="data.xiangmZJD.unfininshNum"
-                    :fininshNum="data.xiangmZJD.fininshNum"
+                    :name="'项目总进度'" />
-                    :unfininshNum="data.xiangmZJD.unfininshNum"
-                    :name="'项目总进度'"
-                  />
                 </a-card>
               </a-col>
               <a-col :span="8">
                 <a-card title="资金支付情况" :bordered="false">
-                  <DonutChartByMoney
+                  <DonutChartByMoney :fininshNum="data.xiangmuZJ.fininshNum" :unfininshNum="data.xiangmuZJ.unfininshNum"
-                    :fininshNum="data.xiangmuZJ.fininshNum"
+                    :name="'资金支付情况'" />
-                    :unfininshNum="data.xiangmuZJ.unfininshNum"
-                    :name="'资金支付情况'"
-                  />
                 </a-card>
               </a-col>
               <a-col :span="8">
                 <a-card title="项目状态" :bordered="false">
-                  <PieChart :data="data.xiangmuZT" />
+                  <PieChart :data="data.xiangmuZT" v-if="data.xiangmuZT" />
+
                 </a-card>
               </a-col>
             </a-row>
           </div>
-          <div>
+          <!-- <div>
             <planSummary />
-          </div>
+          </div> -->
         </a-tab-pane>
         <a-tab-pane key="2" tab="所属改革任务">
           <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-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
+                  <DonutChart :fininshNum="item.fininshNum" :unfininshNum="item.unfininshNum" :name="item.name" />
-                    :fininshNum="item.fininshNum"
-                    :unfininshNum="item.unfininshNum"
-                    :name="item.name"
-                  />
                 </a-card>
               </a-col>
             </a-row>
@@ -61,14 +52,10 @@
         <a-tab-pane key="3" tab="行政区域">
           <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-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
+                  <DonutChart :fininshNum="item.fininshNum" :unfininshNum="item.unfininshNum" :name="item.name" />
-                    :fininshNum="item.fininshNum"
-                    :unfininshNum="item.unfininshNum"
-                    :name="item.name"
-                  />
                 </a-card>
               </a-col>
             </a-row>
@@ -77,25 +64,24 @@
         <a-tab-pane key="4" tab="单位属性">
           <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-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
+                  <DonutChart :fininshNum="item.fininshNum" :unfininshNum="item.unfininshNum" :name="item.name" />
-                    :fininshNum="item.fininshNum"
-                    :unfininshNum="item.unfininshNum"
-                    :name="item.name"
-                  />
                 </a-card>
               </a-col>
             </a-row>
           </div>
         </a-tab-pane>
       </a-tabs>
+      <div>
+        <planSummary />
+      </div>
     </div>
   </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 WorkbenchHeader from './components/WorkbenchHeader.vue';
@@ -107,26 +93,20 @@
 import planSummary from '@/views/projectSummary/planSummary/indeForDashboard.vue';
 
 const loading = ref(true);
-  const activeKey = ref('1');
+const activeKey = ref('0');
 let data = reactive({
   xiangmZJD: {
-      fininshNum: 40,
+    fininshNum: 1,
-      unfininshNum: 10,
+    unfininshNum: 2,
   },
   xiangmuZJ: {
-      fininshNum: 400000,
+    fininshNum: 1,
-      unfininshNum: 230000,
+    unfininshNum: 2,
   },
   xiangmuZT: [
-      { value: 1048, name: '待入库' },
+    { name: '已建', value: 100 },
-      { value: 735, name: '入库中' },
-      { value: 580, name: '已入库' },
-      { value: 484, name: '计划审批中' },
-      { value: 300, name: '计划执行中' },
-      { value: 300, name: '已归档' },
-      { value: 12, name: '已出库' },
   ],
-    SSGGRW: [
+  ssggrw: [
     { name: '2+N紧密型城市医疗集团建设', fininshNum: 100, unfininshNum: 30 },
     { name: '2+9+9+N县域医共体建设', fininshNum: 140, unfininshNum: 20 },
     { name: '市县公立医院妇幼能力建设', fininshNum: 140, unfininshNum: 120 },
@@ -142,7 +122,7 @@
     { name: '公立医院党建全行业引领改革工程	', fininshNum: 140, unfininshNum: 40 },
     { name: '高质量临床重点专科建设	', fininshNum: 140, unfininshNum: 80 },
   ],
-    XXQY: [
+  xxqy: [
     { name: '南浔区', fininshNum: 100, unfininshNum: 30 },
     { name: '吴兴区', fininshNum: 140, unfininshNum: 20 },
     { name: '市本级', fininshNum: 140, unfininshNum: 120 },
@@ -150,18 +130,18 @@
     { name: '德清县', fininshNum: 140, unfininshNum: 90 },
     { name: '长兴县', fininshNum: 170, unfininshNum: 90 },
   ],
-    DWSX: [
+  dwsx: [
     { name: '卫生行政部门', fininshNum: 1000, unfininshNum: 3000 },
     { name: '医疗机构	', fininshNum: 1400, unfininshNum: 2000 },
   ],
 });
 
 onMounted(() => {
-    count().then((res) => {
+  console.log("datadatadatadatadatadata", data)
-      data = res;
-    });
 });
-  setTimeout(() => {
+setTimeout(async () => {
+  data = await count()
   loading.value = false;
-  }, 1500);
+  activeKey.value = '1';
+}, 10);
 </script>