| src/views/DataBoard/components/DataBoardCenterMap.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/DataBoard/components/DataBoardDataInfoItem.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/DataBoard/components/DataOverviewContent.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/views/DataBoard/components/DataBoardCenterMap.vue
@@ -10,11 +10,13 @@ :backgroundImage="DataBoardDataInfoBg6" label="发放额" v-model:value="sumBountyReleaseAmountValue" :precision="2" ></DataBoardDataInfoItem> <DataBoardDataInfoItem :backgroundImage="DataBoardDataInfoBg7" label="使用额" v-model:value="sumBountyUseAmountValue" :precision="2" ></DataBoardDataInfoItem> <DataBoardDataInfoItem :backgroundImage="DataBoardDataInfoBg8" src/views/DataBoard/components/DataBoardDataInfoItem.vue
@@ -7,7 +7,7 @@ > <div class="data-board-data-info-item-label">{{ label }}</div> <div class="data-board-data-info-item-value"> <el-statistic :value="_value" /> <el-statistic :value="_value" :precision="precision" /> </div> </div> </template> @@ -22,9 +22,12 @@ type Props = { backgroundImage: string; label: string; precision?: number; }; const props = withDefaults(defineProps<Props>(), {}); const props = withDefaults(defineProps<Props>(), { precision: 0, }); const value = defineModel<number>('value'); @@ -46,19 +49,25 @@ .data-board-data-info-item-label { margin-bottom: 4px; margin-left: 86px; margin-left: 80px; font-size: 13px; color: #ffffff; } .data-board-data-info-item-value { margin-left: 86px; font-size: 16px; margin-left: 80px; font-family: YouSheBiaoTiHei Regular; background: linear-gradient(to bottom, #ffffff, #6fcdff); -webkit-background-clip: text; line-height: 19px; -webkit-text-fill-color: transparent; :deep() { .el-statistic__content { font-size: 16px; color: #ffffff; } } } } </style> src/views/DataBoard/components/DataOverviewContent.vue
@@ -14,11 +14,13 @@ :backgroundImage="DataBoardDataInfoBg3" label="奖励金发放总额" v-model:value="sumBountyReleaseAmountValue" :precision="2" ></DataBoardDataInfoItem> <DataBoardDataInfoItem :backgroundImage="DataBoardDataInfoBg4" label="奖励金使用总额" v-model:value="sumBountyUseAmountValue" :precision="2" ></DataBoardDataInfoItem> </div> </template> @@ -86,9 +88,9 @@ display: grid; justify-content: center; align-items: center; padding: 50px 18px; padding: 50px 8px; grid-template-columns: repeat(2, 1fr); grid-column-gap: 18px; grid-column-gap: 12px; grid-row-gap: 30px; .data-board-data-info-item {