33 lines
722 B
Vue
33 lines
722 B
Vue
|
<!-- 操作表单值 -->
|
||
|
|
<template>
|
||
|
|
<!-- 自定义表单 -->
|
||
|
|
<BasicForm @register="registerForm" style="margin-top: 20px" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
//引入依赖
|
||
|
|
import { useForm, BasicForm, FormSchema } from '/@/components/Form';
|
||
|
|
import { schemas } from './exampleCustom.data';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* BasicForm绑定注册;
|
||
|
|
*/
|
||
|
|
const [registerForm, { getFieldsValue, setFieldsValue, resetFields, validate }] = useForm({
|
||
|
|
schemas: schemas,
|
||
|
|
labelWidth: '150px',
|
||
|
|
//隐藏操作按钮
|
||
|
|
showActionButtonGroup: false,
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
/** 时间和数字输入框样式 */
|
||
|
|
:deep(.ant-input-number) {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
:deep(.ant-picker) {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
</style>
|