| | |
| | | /> |
| | | <span class="data-board-table-item-icon-index" v-else>{{ index + 1 }}</span> |
| | | </div> |
| | | <div class="data-board-table-item-content ellipsis">{{ item.name }}</div> |
| | | <TextOverTooltip effect="light"> |
| | | <div class="data-board-table-item-content ellipsis">{{ item.name }}</div> |
| | | </TextOverTooltip> |
| | | <div class="data-board-table-item-num"> |
| | | {{ `${isMoney ? toThousand(item.value) : item.value}${unit}` }} |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { TextOverTooltip } from '@bole-core/components'; |
| | | import DataBoardTableIcon1 from '@/assets/dataBoard/data-board-table-icon1.png'; |
| | | import DataBoardTableIcon2 from '@/assets/dataBoard/data-board-table-icon2.png'; |
| | | import DataBoardTableIcon3 from '@/assets/dataBoard/data-board-table-icon3.png'; |
| | |
| | | }); |
| | | |
| | | type Props = { |
| | | tableData: any[]; |
| | | tableData?: any[]; |
| | | unit: string; |
| | | isMoney?: boolean; |
| | | customerName: string; |
| | |
| | | |
| | | .data-board-table { |
| | | display: flex; |
| | | padding: 0 14px 11px; |
| | | padding: 0 14px; |
| | | flex-direction: column; |
| | | min-height: 258px; |
| | | |
| | | .data-board-table-item { |
| | | display: grid; |
| | | align-items: center; |
| | | height: 37px; |
| | | height: 42px; |
| | | font-size: 14px; |
| | | color: #ffffff; |
| | | background-position: bottom center; |