| | |
| | | </div> |
| | | </template> |
| | | <script setup lang="ts"> |
| | | import type { UserFilled } from '@element-plus/icons-vue' |
| | | import { computed, toRefs } from 'vue' |
| | | import { StarFilled, UserFilled } from '@element-plus/icons-vue' |
| | | import { toRefs } from 'vue' |
| | | import type { Worker } from '@/api/task' |
| | | |
| | | export interface PersonInfoProps { |
| | | person: person |
| | | person: Worker |
| | | } |
| | | |
| | | const props = defineProps<PersonInfoProps>() |
| | |
| | | width: 100%; |
| | | height: 60px; |
| | | line-height: 60px; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | border-radius: 10px; |
| | | background: $status-default; |
| | | color: #fff; |
| | | overflow: hidden; |
| | | |
| | | .person-l { |
| | | width: 80px; |
| | | height: 40px; |
| | | line-height: 40px; |
| | | padding: 10px 0px; |
| | | text-align: center; |
| | | float: left; |
| | | margin-right: 10px; |
| | | font-size: 40px; |
| | | } |
| | | |
| | | .person-r { |
| | | width: calc(100% - 80px); |
| | | font-size: 20px; |
| | | font-weight: 600; |
| | | margin-right: 10px; |
| | | // background: pink; |
| | | padding-top: 10px; |
| | | |
| | | float: left; |
| | | span { |
| | | color: $status-star; |
| | | margin-left: 10px; |
| | | } |
| | | } |
| | | } |