Guoyan
/
new_huozhou_frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

文子排版优化

master
zhouhaibin 4 months ago
parent
97f3b62321
commit
16a702439a
3 changed files with 33 additions and 35 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 24
      src/views/projectBoard/childBoard/gaiGeRenWu.vue
  2. 22
      src/views/projectBoard/childBoard/xingZhengQuHua.vue
  3. 22
      src/views/projectBoard/totalProjectBoard/ProjectCard.vue

24
src/views/projectBoard/childBoard/gaiGeRenWu.vue
View File

@ -7,11 +7,9 @@
<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">
<template #default="{ percentage }">
<div class="flex flex-col ...">
<div>总进度</div>
<div class="mt-4"> {{ percentage }}%</div>
<div class="mt-4 text-sky-400"> {{ percentage }}%</div>
</div>
</template>
@ -21,35 +19,35 @@
<div class="flex flex-col">
<div class="text-center">
<!-- 这里放置内容 -->
{{ data.totalProgress.notStartedNum }}
<div class="text-4xl font-semibold">{{ data.totalProgress.notStartedNum }}</div>
</div>
<div class="text-center">
<!-- 这里放置内容 -->
未启动
<div class="text-2xl font-medium">未启动</div>
</div>
</div>
</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="text-center">
<!-- 这里放置内容 -->
{{data.totalProgress.purchasedNum}}
<div class="text-4xl font-semibold">{{ data.totalProgress.purchasedNum }}</div>
</div>
<div class="text-center">
<!-- 这里放置内容 -->
已采购
<div class="text-2xl font-medium">已采购</div>
</div>
</div>
</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="text-center">
<!-- 这里放置内容 -->
{{ data.totalProgress.finishNum }}
<div class="text-4xl font-semibold">{{ data.totalProgress.finishNum }}</div>
</div>
<div class="text-center">
<!-- 这里放置内容 -->
建设完成
<div class="text-2xl font-medium">建设完成</div>
</div>
</div>
</a-col>
@ -65,8 +63,8 @@
<template #default="{ percentage }">
<div class="flex flex-col ...">
<div>合同总金额</div>
<div class="mt-4">{{data.countFundByFundType.totalMoney}}</div>
<div class="mt-4"> {{ percentage }}%</div>
<div class="mt-4 text-blue-600">{{data.countFundByFundType.totalMoney}}</div>
<div class="mt-4 text-sky-400"> {{ percentage }}%</div>
</div>
</template>
</el-progress>

22
src/views/projectBoard/childBoard/xingZhengQuHua.vue
View File

@ -11,7 +11,7 @@
<div class="flex flex-col ...">
<div>总进度</div>
<div class="mt-4"> {{ percentage }}%</div>
<div class="mt-4 text-sky-400"> {{ percentage }}%</div>
</div>
</template>
@ -21,35 +21,35 @@
<div class="flex flex-col">
<div class="text-center">
<!-- 这里放置内容 -->
{{ data.totalProgress.notStartedNum }}
<div class="text-4xl font-semibold">{{ data.totalProgress.notStartedNum }}</div>
</div>
<div class="text-center">
<!-- 这里放置内容 -->
未启动
<div class="text-2xl font-medium">未启动</div>
</div>
</div>
</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="text-center">
<!-- 这里放置内容 -->
{{data.totalProgress.purchasedNum}}
<div class="text-4xl font-semibold">{{ data.totalProgress.purchasedNum }}</div>
</div>
<div class="text-center">
<!-- 这里放置内容 -->
已采购
<div class="text-2xl font-medium">已采购</div>
</div>
</div>
</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="text-center">
<!-- 这里放置内容 -->
{{ data.totalProgress.finishNum }}
<div class="text-4xl font-semibold">{{ data.totalProgress.finishNum }}</div>
</div>
<div class="text-center">
<!-- 这里放置内容 -->
建设完成
<div class="text-2xl font-medium">建设完成</div>
</div>
</div>
</a-col>
@ -65,8 +65,8 @@
<template #default="{ percentage }">
<div class="flex flex-col ...">
<div>合同总金额</div>
<div class="mt-4">{{data.countFundByFundType.totalMoney}}</div>
<div class="mt-4"> {{ percentage }}%</div>
<div class="mt-4 text-blue-600">{{data.countFundByFundType.totalMoney}}</div>
<div class="mt-4 text-sky-400"> {{ percentage }}%</div>
</div>
</template>
</el-progress>

22
src/views/projectBoard/totalProjectBoard/ProjectCard.vue
View File

@ -14,7 +14,7 @@
<a-col :span="16">
<a-row>
<a-col :span="12" :offset="3">
<p class="font-semibold text-2xl">项目数量</p>
<div class="font-semibold text-2xl">项目数量</div>
</a-col>
</a-row>
<a-row class="mt-4">
@ -39,7 +39,7 @@
<a-col :span="16">
<a-row>
<a-col :span="24" :offset="3">
<p class="font-semibold text-2xl">入库项目数量</p>
<div class="font-semibold text-2xl">入库项目数量</div>
</a-col>
</a-row>
<a-row class="mt-4">
@ -64,7 +64,7 @@
<a-col :span="16">
<a-row>
<a-col :span="24" :offset="3">
<p class="font-semibold text-2xl">配套项目数量</p>
<div class="font-semibold text-2xl">配套项目数量</div>
</a-col>
</a-row>
<a-row class="mt-4">
@ -105,11 +105,11 @@
<div class="flex flex-col">
<div class="text-center">
<!-- 这里放置内容 -->
<p class="text-2xl">{{ data.totalProgress.notStartedNum }}</p>
<div class="text-4xl font-semibold">{{ data.totalProgress.notStartedNum }}</div>
</div>
<div class="text-center">
<!-- 这里放置内容 -->
<p class="text-1xl">未启动</p>
<div class="text-2xl font-medium">未启动</div>
</div>
</div>
</a-col>
@ -117,11 +117,11 @@
<div class="flex flex-col">
<div class="text-center">
<!-- 这里放置内容 -->
<p class="text-2xl">{{ data.totalProgress.purchasedNum }}</p>
<div class="text-4xl font-semibold">{{ data.totalProgress.purchasedNum }}</div>
</div>
<div class="text-center">
<!-- 这里放置内容 -->
<p class="text-1xl">已采购</p>
<div class="text-2xl font-medium">已采购</div>
</div>
</div>
</a-col>
@ -129,11 +129,11 @@
<div class="flex flex-col">
<div class="text-center">
<!-- 这里放置内容 -->
<p class="text-2xl">{{ data.totalProgress.finishNum }}</p>
<div class="text-4xl font-semibold">{{ data.totalProgress.finishNum }}</div>
</div>
<div class="text-center">
<!-- 这里放置内容 -->
<p class="text-1xl">建设完成</p>
<div class="text-2xl font-medium">建设完成</div>
</div>
</div>
</a-col>
@ -157,8 +157,8 @@
<template #default="{ percentage }">
<div class="flex flex-col ...">
<div>合同总金额</div>
<div class="mt-4">{{ data.countFundByFundType.totalMoney }}</div>
<div class="mt-4"> {{ percentage }}%</div>
<div class="mt-4 text-blue-600">{{ data.countFundByFundType.totalMoney }}</div>
<div class="mt-4 text-sky-400"> {{ percentage }}%</div>
</div>
</template>
</el-progress>

Write Preview
Loading…
Cancel
Save