mirror of
https://github.com/continew-org/continew-admin-ui.git
synced 2025-11-11 12:57:10 +08:00
feat: GiForm 组件替换为 Grid 布局(同步 GiDemo 更新)
This commit is contained in:
@@ -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({
|
||||
|
||||
@@ -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 }
|
||||
}
|
||||
|
||||
|
||||
@@ -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 }
|
||||
}
|
||||
|
||||
|
||||
@@ -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 }
|
||||
}
|
||||
|
||||
|
||||
@@ -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 }
|
||||
}
|
||||
|
||||
|
||||
@@ -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 }
|
||||
}
|
||||
|
||||
|
||||
@@ -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 }
|
||||
}
|
||||
|
||||
|
||||
@@ -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 }
|
||||
}
|
||||
|
||||
|
||||
@@ -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 }
|
||||
}
|
||||
}
|
||||
])
|
||||
|
||||
|
||||
Reference in New Issue
Block a user