feat: GiForm 组件替换为 Grid 布局(同步 GiDemo 更新)

This commit is contained in:
2024-10-27 22:05:37 +08:00
parent 88864d8c5d
commit 4b902475dd
13 changed files with 52 additions and 68 deletions

View File

@@ -33,7 +33,6 @@ const { app_type } = useDict('app_type')
const options: Options = {
form: {},
col: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },
btns: { hide: true }
}
@@ -78,8 +77,8 @@ const columns: Columns = reactive([
{
label: '应用描述',
field: 'appDesc',
type: 'textarea',
},
type: 'textarea'
}
])
const { form, resetForm } = useForm({

View File

@@ -40,7 +40,6 @@ const formRef = ref<InstanceType<typeof GiForm>>()
const options: Options = {
form: { size: 'large' },
col: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },
btns: { hide: true }
}

View File

@@ -25,7 +25,6 @@ const { width } = useWindowSize()
const options: Options = {
form: { size: 'large' },
col: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },
btns: { hide: true }
}

View File

@@ -34,7 +34,6 @@ const formRef = ref<InstanceType<typeof GiForm>>()
const options: Options = {
form: { size: 'large' },
col: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },
btns: { hide: true }
}

View File

@@ -39,7 +39,6 @@ const formRef = ref<InstanceType<typeof GiForm>>()
const options: Options = {
form: { size: 'large' },
col: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },
btns: { hide: true }
}

View File

@@ -30,7 +30,6 @@ const formRef = ref<InstanceType<typeof GiForm>>()
const options: Options = {
form: { size: 'large' },
col: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },
btns: { hide: true }
}

View File

@@ -55,7 +55,7 @@ const { form, resetForm } = useForm({
})
const options: Options = {
form: { size: 'large' },
col: { xs: 24, sm: 24, md: 12, lg: 12, xl: 12, xxl: 12 },
grid: { cols: 2 },
btns: { hide: true }
}

View File

@@ -29,7 +29,6 @@ const formRef = ref<InstanceType<typeof GiForm>>()
const options: Options = {
form: { size: 'large' },
col: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },
btns: { hide: true }
}

View File

@@ -121,8 +121,7 @@ const {
const options: Options = reactive({
form: { layout: 'inline' },
col: { xs: 24, sm: 24, md: 5, lg: 4, xl: 4, xxl: 4 },
btns: { col: { xs: 24, sm: 24, md: 7, lg: 8, xl: 6, xxl: 6 } },
grid: { cols: { xs: 1, sm: 1, md: 2, lg: 3, xl: 3, xxl: 3 } },
fold: { enable: true, index: 1, defaultCollapsed: true }
})
@@ -130,33 +129,31 @@ const queryFormColumns: Columns = reactive([
{
type: 'input',
field: 'description',
item: {
formItemProps: {
hideLabel: true
},
props: {
placeholder: '用户名/昵称/描述',
allowClear: true
placeholder: '用户名/昵称/描述'
}
},
{
type: 'select',
field: 'status',
options: DisEnableStatusList,
item: {
formItemProps: {
hideLabel: true
},
props: {
placeholder: '请选择状态',
allowClear: true
placeholder: '请选择状态'
}
},
{
type: 'range-picker',
field: 'createTime',
item: {
span: { lg: 2, xl: 2, xxl: 1 },
formItemProps: {
hideLabel: true
},
col: { xs: 24, sm: 24, md: 10, lg: 9.5, xl: 9, xxl: 8 }
}
}
])