diff --git a/src/view/job/modal/edit.vue b/src/view/job/modal/edit.vue
index 2387bdf..666b4aa 100644
--- a/src/view/job/modal/edit.vue
+++ b/src/view/job/modal/edit.vue
@@ -11,9 +11,9 @@
        ref="formRef"
       :model="formState"
       :rules="formRules"
-      :label-col="labelCol"
-      :wrapper-col="wrapperCol"
+      layout="vertical"
     >
+    <a-col :span="24">
       <a-form-item ref="name" label="名称" name="name">
         <a-input v-model:value="formState.name" />
       </a-form-item>
@@ -32,6 +32,7 @@
       <a-form-item label="备注" name="remark">
         <a-textarea v-model:value="formState.remark" />
       </a-form-item>
+    </a-col>
     </a-form>
   </a-modal>
 </template>
diff --git a/src/view/job/modal/info.vue b/src/view/job/modal/info.vue
index a47cec1..dde8ea6 100644
--- a/src/view/job/modal/info.vue
+++ b/src/view/job/modal/info.vue
@@ -8,30 +8,31 @@
     @cancel="cancel"
   >
     <a-form
-       ref="formRef"
+      ref="formRef"
       :model="formState"
       :rules="formRules"
-      :label-col="labelCol"
-      :wrapper-col="wrapperCol"
+      layout="vertical"
     >
-      <a-form-item ref="name" label="名称" name="name">
-        <a-input v-model:value="formState.name" />
-      </a-form-item>
-      <a-form-item ref="beanName" label="目标" name="beanName">
-        <a-input v-model:value="formState.beanName" />
-      </a-form-item>
-      <a-form-item ref="param" label="参数" name="param">
-        <a-input v-model:value="formState.param" />
-      </a-form-item>
-      <a-form-item ref="cronExpression" label="cron" name="cronExpression">
-        <a-input v-model:value="formState.cronExpression" />
-      </a-form-item>
-      <a-form-item label="状态" name="enable">
-        <a-switch v-model:checked="formState.enable" />
-      </a-form-item>
-      <a-form-item label="备注" name="remark">
-        <a-textarea v-model:value="formState.remark" />
-      </a-form-item>
+      <a-col :span="24">
+        <a-form-item ref="name" label="名称" name="name">
+          <a-input v-model:value="formState.name" />
+        </a-form-item>
+        <a-form-item ref="beanName" label="目标" name="beanName">
+          <a-input v-model:value="formState.beanName" />
+        </a-form-item>
+        <a-form-item ref="param" label="参数" name="param">
+          <a-input v-model:value="formState.param" />
+        </a-form-item>
+        <a-form-item ref="cronExpression" label="cron" name="cronExpression">
+          <a-input v-model:value="formState.cronExpression" />
+        </a-form-item>
+        <a-form-item label="状态" name="enable">
+          <a-switch v-model:checked="formState.enable" />
+        </a-form-item>
+        <a-form-item label="备注" name="remark">
+          <a-textarea v-model:value="formState.remark" />
+        </a-form-item>
+      </a-col>
     </a-form>
   </a-modal>
 </template>
@@ -44,26 +45,25 @@ export default defineComponent({
     },
     record: {
       type: Object,
-    }
+    },
   },
   emit: ["close"],
   setup(props, context) {
-
     const formRef = ref();
-    
+
     const formState = reactive({});
 
     watch(props, (props) => {
-        formState.id = props.record.id
-        formState.name = props.record.name
-        formState.beanName = props.record.beanName
-        formState.param = props.record.param
-        formState.cronExpression = props.record.cronExpression
-        formState.remark = props.record.remark
-        formState.enable = props.record.enable
-    })
+      formState.id = props.record.id;
+      formState.name = props.record.name;
+      formState.beanName = props.record.beanName;
+      formState.param = props.record.param;
+      formState.cronExpression = props.record.cronExpression;
+      formState.remark = props.record.remark;
+      formState.enable = props.record.enable;
+    });
 
-    const formRules = { };
+    const formRules = {};
 
     const submit = (e) => {
       formRef.value.resetFields();
@@ -81,10 +81,10 @@ export default defineComponent({
       formRef,
       formState,
       formRules,
-      
+
       labelCol: { span: 6 },
       wrapperCol: { span: 18 },
     };
   },
 });
-</script>
\ No newline at end of file
+</script>
diff --git a/src/view/job/modal/save.vue b/src/view/job/modal/save.vue
index d4f7cdc..0a6d347 100644
--- a/src/view/job/modal/save.vue
+++ b/src/view/job/modal/save.vue
@@ -8,86 +8,109 @@
     @cancel="cancel"
   >
     <a-form
-       ref="formRef"
+      ref="formRef"
       :model="formState"
       :rules="formRules"
-      :label-col="labelCol"
-      :wrapper-col="wrapperCol"
+      layout="vertical"
     >
-      <a-form-item ref="name" label="名称" name="name">
-        <a-input v-model:value="formState.name" />
-      </a-form-item>
-      <a-form-item ref="beanName" label="目标" name="beanName">
-        <a-input v-model:value="formState.beanName" />
-      </a-form-item>
-      <a-form-item ref="param" label="参数" name="param">
-        <a-input v-model:value="formState.param" />
-      </a-form-item>
-      <a-form-item ref="cronExpression" label="cron" name="cronExpression">
-        <cron @onChange="(val)=>{formState.cronExpression = val}"/>
-      </a-form-item>
-      <a-form-item label="状态" name="enable">
-        <a-switch v-model:checked="formState.enable" />
-      </a-form-item>
-      <a-form-item label="备注" name="remark">
-        <a-textarea v-model:value="formState.remark" />
-      </a-form-item>
+      <a-row :gutter="[16, 0]">
+        <a-col :span="24">
+          <a-form-item ref="name" label="名称" name="name">
+            <a-input v-model:value="formState.name" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="24">
+          <a-form-item ref="beanName" label="目标" name="beanName">
+            <a-input v-model:value="formState.beanName" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="24">
+          <a-form-item ref="param" label="参数" name="param">
+            <a-input v-model:value="formState.param" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="24">
+          <a-form-item ref="cronExpression" label="cron" name="cronExpression">
+            <cron
+              @onChange="
+                (val) => {
+                  formState.cronExpression = val;
+                }
+              "
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="24">
+          <a-form-item label="状态" name="enable">
+            <a-switch v-model:checked="formState.enable" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="24">
+          <a-form-item label="备注" name="remark">
+            <a-textarea v-model:value="formState.remark" />
+          </a-form-item>
+        </a-col>
+      </a-row>
     </a-form>
   </a-modal>
 </template>
 <script>
-  import {message} from '@hwork/ant-design-vue';
-  import {save} from "@/api/module/job";
-  import {defineComponent, reactive, ref, toRaw} from "vue";
-  import cron from "../cron/index.vue";
+import { message } from "@hwork/ant-design-vue";
+import { save } from "@/api/module/job";
+import { defineComponent, reactive, ref, toRaw } from "vue";
+import cron from "../cron/index.vue";
 
-  export default defineComponent({
-    components: {
-      cron
+export default defineComponent({
+  components: {
+    cron,
+  },
+  props: {
+    visible: {
+      type: Boolean,
     },
-    props: {
-      visible: {
-        type: Boolean,
-      },
-    },
-    emit: ["close"],
-    setup(props, context) {
+  },
+  emit: ["close"],
+  setup(props, context) {
+    const formRef = ref();
 
-      const formRef = ref();
+    const formState = reactive({
+      enable: true,
+      cronExpression: "* * * * * ? *",
+    });
 
-      const formState = reactive({
-        enable: true,
-        cronExpression: "* * * * * ? *",
-      });
+    const formRules = {
+      name: [{ required: true, message: "请输入任务名称", trigger: "blur" }],
+      beanName: [
+        { required: true, message: "请输入任务目标", trigger: "blur" },
+      ],
+      cronExpression: [{ required: true, message: "请输入任务周期" }],
+    };
 
-      const formRules = {
-        name: [{required: true, message: '请输入任务名称', trigger: 'blur'}],
-        beanName: [{required: true, message: '请输入任务目标', trigger: 'blur'}],
-        cronExpression: [{required: true, message: '请输入任务周期'}]
-      };
+    const saveKey = "save";
 
-      const saveKey = "save";
-
-      const submit = (e) => {
-
-        formRef.value
-          .validate()
-          .then(() => {
-            message.loading({content: '提交中...', key: saveKey});
-            save(toRaw(formState)).then((response) => {
-              if (response.success) {
-                message.success({content: '保存成功', key: saveKey, duration: 1}).then(() => {
+    const submit = (e) => {
+      formRef.value
+        .validate()
+        .then(() => {
+          message.loading({ content: "提交中...", key: saveKey });
+          save(toRaw(formState)).then((response) => {
+            if (response.success) {
+              message
+                .success({ content: "保存成功", key: saveKey, duration: 1 })
+                .then(() => {
                   cancel();
                 });
-              } else {
-                message.success({content: '保存失败', key: saveKey, duration: 1}).then(() => {
+            } else {
+              message
+                .success({ content: "保存失败", key: saveKey, duration: 1 })
+                .then(() => {
                   cancel();
                 });
-              }
-            });
-          })
-        .catch(error => {
-          console.log('error', error);
+            }
+          });
+        })
+        .catch((error) => {
+          console.log("error", error);
         });
     };