<script setup lang="ts">
import { computed } from 'vue'
import HtFeeMethodGrid from '@/components/common/HtFeeMethodGrid.vue'
import { additionalWorkList } from '@/sql'

const props = defineProps<{
  contractId: string
  contractName?: string
}>()

const STORAGE_KEY = computed(() => `htExtraFee-${props.contractId}-additional-work`)
const additionalWorkNames = computed(() => additionalWorkList.map(item => String(item)))
</script>

<template>
  <HtFeeMethodGrid
    title="附加工作费"
    :storageKey="STORAGE_KEY"
    :contract-id="props.contractId"
    :contract-name="props.contractName"
    :fixed-names="additionalWorkNames"
  />
</template>
