style: 更新代码

apps/web-antd/src/views/system/notice/data.ts

@@ -86,7 +86,6 @@ export const modalSchema: FormSchemaGetter = () => [
   {
     component: 'Input',
     fieldName: 'noticeTitle',
-    formItemClass: 'col-span-2',
     label: '公告标题',
     rules: 'required',
   },
@@ -94,7 +93,6 @@ export const modalSchema: FormSchemaGetter = () => [
     component: 'RadioGroup',
     componentProps: {
       buttonStyle: 'solid',
-      class: 'grid-cols-2',
       options: getDictOptions(DictEnum.SYS_NOTICE_STATUS),
       optionType: 'button',
     },
@@ -102,12 +100,12 @@ export const modalSchema: FormSchemaGetter = () => [
     fieldName: 'status',
     label: '公告状态',
     rules: 'required',
+    formItemClass: 'col-span-1',
   },
   {
     component: 'RadioGroup',
     componentProps: {
       buttonStyle: 'solid',
-      class: 'grid-cols-2',
       options: getDictOptions(DictEnum.SYS_NOTICE_TYPE),
       optionType: 'button',
     },
@@ -115,6 +113,7 @@ export const modalSchema: FormSchemaGetter = () => [
     fieldName: 'noticeType',
     label: '公告类型',
     rules: 'required',
+    formItemClass: 'col-span-1',
   },
   {
     component: 'RichTextarea',
@@ -122,7 +121,6 @@ export const modalSchema: FormSchemaGetter = () => [
       width: '100%',
     },
     fieldName: 'noticeContent',
-    formItemClass: 'col-span-2',
     label: '公告内容',
     rules: 'required',
   },

apps/web-antd/src/views/system/notice/notice-modal.vue

@@ -19,6 +19,10 @@ const title = computed(() => {
 
 const [BasicForm, formApi] = useVbenForm({
   layout: 'vertical',
+  commonConfig: {
+    formItemClass: 'col-span-2',
+    labelWidth: 100,
+  },
   schema: modalSchema(),
   showDefaultActions: false,
   wrapperClass: 'grid-cols-2',