| | |
|---|
| | | <template> |
|---|
| | | <div class="task-price"> |
|---|
| | | <div class="task-price-decimal">55</div> |
|---|
| | | <div class="task-price-unit">元/小时</div> |
|---|
| | | <div |
|---|
| | | class="task-price-decimal" |
|---|
| | | v-if="!!billingMethod || billingMethod !== EnumBillingMethod.Face" |
|---|
| | | > |
|---|
| | | {{ value }} |
|---|
| | | </div> |
|---|
| | | <div class="task-price-unit">{{ unit }}</div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import { EnumBillingMethod } from '@12333/constants'; |
|---|
| | | |
|---|
| | | defineOptions({ |
|---|
| | | name: 'TaskPrice', |
|---|
| | | }); |
|---|
| | | |
|---|
| | | type Props = { |
|---|
| | | value?: number; |
|---|
| | | value?: number | string; |
|---|
| | | unit?: string; |
|---|
| | | billingMethod?: EnumBillingMethod; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const props = withDefaults(defineProps<Props>(), {}); |
|---|
| | |
|---|
| | | font-size: 32px; |
|---|
| | | line-height: 40px; |
|---|
| | | margin-right: 8px; |
|---|
| | | font-weight: 600; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .task-price-unit { |
|---|
