|
|
@ -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,21 +146,20 @@ |
|
|
|
</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({ |
|
|
|
const loading = ref(true); |
|
|
|
const activeKey = ref('0'); |
|
|
|
let data = reactive({ |
|
|
|
xiangmZJD: { |
|
|
|
fininshNum: 1, |
|
|
|
unfininshNum: 2, |
|
|
@ -104,9 +168,7 @@ let data = reactive({ |
|
|
|
fininshNum: 1, |
|
|
|
unfininshNum: 2, |
|
|
|
}, |
|
|
|
xiangmuZT: [ |
|
|
|
{ name: '已建', value: 100 }, |
|
|
|
], |
|
|
|
xiangmuZT: [{ name: '已建', value: 100 }], |
|
|
|
ssggrw: [ |
|
|
|
{ name: '2+N紧密型城市医疗集团建设', fininshNum: 100, unfininshNum: 30 }, |
|
|
|
{ name: '2+9+9+N县域医共体建设', fininshNum: 140, unfininshNum: 20 }, |
|
|
@ -135,14 +197,14 @@ let data = reactive({ |
|
|
|
{ name: '卫生行政部门', fininshNum: 1000, unfininshNum: 3000 }, |
|
|
|
{ name: '医疗机构 ', fininshNum: 1400, unfininshNum: 2000 }, |
|
|
|
], |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
onMounted(() => { |
|
|
|
console.log("datadatadatadatadatadata", data) |
|
|
|
}); |
|
|
|
setTimeout(async () => { |
|
|
|
data = await count() |
|
|
|
onMounted(() => { |
|
|
|
console.log('datadatadatadatadatadata', data); |
|
|
|
}); |
|
|
|
setTimeout(async () => { |
|
|
|
data = await count(); |
|
|
|
loading.value = false; |
|
|
|
activeKey.value = '1'; |
|
|
|
}, 10); |
|
|
|
}, 10); |
|
|
|
</script> |
|
|
|