Advertisement
kidto1412

vehicle/child component form

May 15th, 2025
722
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <template>
  2.   <div class="tw-grid tw-grid-cols-12 tw-gap-x-4 tw-mt-5">
  3.     <div class="tw-col-span-12 md:tw-col-span-6">
  4.       <k-select-parameter
  5.         v-model="form.jenis_jaminan"
  6.         parameter-type="COLLATERAL_ONLINE"
  7.         t-label="collateralType"
  8.         required
  9.       />
  10.     </div>
  11.  
  12.     <div class="tw-col-span-12 md:tw-col-span-6">
  13.       <k-select-brand required v-model="form.merek" :collateralType="form.merek" t-label="brand" />
  14.     </div>
  15.  
  16.     <div class="tw-col-span-12 md:tw-col-span-6">
  17.       <k-select-model v-model="form.model" t-label="vehicleModel" />
  18.     </div>
  19.     <div class="tw-col-span-12 md:tw-col-span-6">
  20.       <k-select-year v-model="form.tahun" t-label="year" />
  21.     </div>
  22.   </div>
  23. </template>
  24.  
  25. <script lang="ts" setup>
  26. import { useParameterEndpoint } from 'src/common/endpoints/parameter.endpoint'
  27. import { SimulatorRequest } from 'src/common/entities/simulator.entity'
  28. import { GetErrorMessage } from 'src/common/utils/error.utils'
  29. import { computed, reactive, ref, watch } from 'vue'
  30. import { useI18n } from 'vue-i18n'
  31.  
  32. const { t } = useI18n()
  33.  
  34. export interface SiumlatorFormProps {
  35.   modelValue: SimulatorRequest
  36. }
  37.  
  38. export interface SimulatorFormEmit {
  39.   (event: 'update:model-value', value: SiumlatorFormProps['modelValue']): void
  40. }
  41. const props = withDefaults(defineProps<SiumlatorFormProps>(), {})
  42.  
  43. const emit = defineEmits<SimulatorFormEmit>()
  44.  
  45. const form = computed({
  46.   get: () => props.modelValue,
  47.   set: (value) => emit('update:model-value', value),
  48. })
  49. </script>
  50.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
OSZAR »