FormConfig.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <div class="form-config-container">
  3. <el-form label-position="top">
  4. <el-form-item :label="$t('fm.config.form.labelPosition.title')">
  5. <el-radio-group v-model="data.labelPosition">
  6. <el-radio-button label="left">{{$t('fm.config.form.labelPosition.left')}}</el-radio-button>
  7. <el-radio-button label="right">{{$t('fm.config.form.labelPosition.right')}}</el-radio-button>
  8. <el-radio-button label="top">{{$t('fm.config.form.labelPosition.top')}}</el-radio-button>
  9. </el-radio-group>
  10. </el-form-item>
  11. <el-form-item :label="$t('fm.config.form.labelWidth')">
  12. <el-input-number v-model="data.labelWidth" :min="0" :max="200" :step="10"></el-input-number>
  13. </el-form-item>
  14. <el-form-item :label="$t('fm.config.form.size')">
  15. <el-radio-group v-model="data.size">
  16. <el-radio-button label="medium">medium</el-radio-button>
  17. <el-radio-button label="small">small</el-radio-button>
  18. <el-radio-button label="mini">mini</el-radio-button>
  19. </el-radio-group>
  20. </el-form-item>
  21. </el-form>
  22. </div>
  23. </template>
  24. <script>
  25. export default {
  26. props: ['data']
  27. }
  28. </script>