go-viee-fetch-Demo/src/packages/components/Charts/MyComponents/ParkingScene/config.vue

<template>

  <div>
    <collapse-item name="信息" :expanded="true">
      <setting-item-box name="场景ID" :alone="true">
        <setting-item>
          <n-input v-model:value="option.secneID" type="textarea" size="small"></n-input>
        </setting-item>
      </setting-item-box>
    </collapse-item>
    <n-form-item label="标题">
      <n-input v-model:value="option.title" />
    </n-form-item>
    <n-form-item label="标题大小">
      <n-input-number v-model:value="option.titleSize" />
    </n-form-item>
    <n-form-item label="场景名称大小">
      <n-input-number v-model:value="option.sceneNameSize" />
    </n-form-item>
    <n-form-item label="标签大小">
      <n-input-number v-model:value="option.labelSize" />
    </n-form-item>
    <n-form-item label="数值大小">
      <n-input-number v-model:value="option.valueSize" />
    </n-form-item>
  </div>
</template>

<script setup lang="ts">
import { PropType } from 'vue'
import { option as optionConfig } from './config'
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'

defineProps({
  option: {
    type: Object as PropType<typeof optionConfig>,
    required: true
  }
})
</script>