|
@ -7,11 +7,9 @@ |
|
|
<a-col :span="12" class="flex justify-center items-center h-58"> |
|
|
<a-col :span="12" class="flex justify-center items-center h-58"> |
|
|
<el-progress type="dashboard" :stroke-width="18" :percentage="Number(data.totalProgress.progress)*100>0?Number(data.totalProgress.progress)*100:0" :width="200"> |
|
|
<el-progress type="dashboard" :stroke-width="18" :percentage="Number(data.totalProgress.progress)*100>0?Number(data.totalProgress.progress)*100:0" :width="200"> |
|
|
<template #default="{ percentage }"> |
|
|
<template #default="{ percentage }"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-col ..."> |
|
|
<div class="flex flex-col ..."> |
|
|
<div>总进度</div> |
|
|
<div>总进度</div> |
|
|
<div class="mt-4"> {{ percentage }}%</div> |
|
|
<div class="mt-4 text-sky-400"> {{ percentage }}%</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
@ -21,35 +19,35 @@ |
|
|
<div class="flex flex-col"> |
|
|
<div class="flex flex-col"> |
|
|
<div class="text-center"> |
|
|
<div class="text-center"> |
|
|
<!-- 这里放置内容 --> |
|
|
<!-- 这里放置内容 --> |
|
|
{{ data.totalProgress.notStartedNum }} |
|
|
<div class="text-4xl font-semibold">{{ data.totalProgress.notStartedNum }}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<div class="text-center"> |
|
|
<!-- 这里放置内容 --> |
|
|
<!-- 这里放置内容 --> |
|
|
未启动 |
|
|
<div class="text-2xl font-medium">未启动</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</a-col> |
|
|
</a-col> |
|
|
<a-col :span="4" class="flex justify-center items-center "> |
|
|
<a-col :span="4" class="flex justify-center items-center"> |
|
|
<div class="flex flex-col"> |
|
|
<div class="flex flex-col"> |
|
|
<div class="text-center"> |
|
|
<div class="text-center"> |
|
|
<!-- 这里放置内容 --> |
|
|
<!-- 这里放置内容 --> |
|
|
{{data.totalProgress.purchasedNum}} |
|
|
<div class="text-4xl font-semibold">{{ data.totalProgress.purchasedNum }}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<div class="text-center"> |
|
|
<!-- 这里放置内容 --> |
|
|
<!-- 这里放置内容 --> |
|
|
已采购 |
|
|
<div class="text-2xl font-medium">已采购</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</a-col> |
|
|
</a-col> |
|
|
<a-col :span="4" class="flex justify-center items-center "> |
|
|
<a-col :span="4" class="flex justify-center items-center"> |
|
|
<div class="flex flex-col"> |
|
|
<div class="flex flex-col"> |
|
|
<div class="text-center"> |
|
|
<div class="text-center"> |
|
|
<!-- 这里放置内容 --> |
|
|
<!-- 这里放置内容 --> |
|
|
{{ data.totalProgress.finishNum }} |
|
|
<div class="text-4xl font-semibold">{{ data.totalProgress.finishNum }}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<div class="text-center"> |
|
|
<!-- 这里放置内容 --> |
|
|
<!-- 这里放置内容 --> |
|
|
建设完成 |
|
|
<div class="text-2xl font-medium">建设完成</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</a-col> |
|
|
</a-col> |
|
@ -65,8 +63,8 @@ |
|
|
<template #default="{ percentage }"> |
|
|
<template #default="{ percentage }"> |
|
|
<div class="flex flex-col ..."> |
|
|
<div class="flex flex-col ..."> |
|
|
<div>合同总金额</div> |
|
|
<div>合同总金额</div> |
|
|
<div class="mt-4">{{data.countFundByFundType.totalMoney}}</div> |
|
|
<div class="mt-4 text-blue-600">{{data.countFundByFundType.totalMoney}}</div> |
|
|
<div class="mt-4"> {{ percentage }}%</div> |
|
|
<div class="mt-4 text-sky-400"> {{ percentage }}%</div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-progress> |
|
|
</el-progress> |
|
|