From 82a5263854f35dff26291581e6419ef50848b6fc Mon Sep 17 00:00:00 2001
From: A0066811 <961502390@qq.com>
Date: Fri, 7 Nov 2025 14:26:24 +0800
Subject: [PATCH] =?UTF-8?q?hgwms-2098=20fix=20=E5=B2=97=E4=BD=8D=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=BC=B9=E7=AA=97=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/post/modal/edit.vue  | 99 ++++++++++++++++++++---------------
 src/view/post/modal/info.vue  | 71 ++++++++++++++-----------
 src/view/post/modal/save.vue  | 82 +++++++++++++++++------------
 src/view/power/modal/edit.vue | 27 +++-------
 4 files changed, 150 insertions(+), 129 deletions(-)

diff --git a/src/view/post/modal/edit.vue b/src/view/post/modal/edit.vue
index f6f3447..98634fd 100644
--- a/src/view/post/modal/edit.vue
+++ b/src/view/post/modal/edit.vue
@@ -8,32 +8,43 @@
     @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="code" label="标识" name="code">
-        <a-input v-model:value="formState.code" />
-      </a-form-item>
-      <a-form-item ref="sort" label="标识" name="sort">
-        <a-input-number v-model:value="formState.sort" />
-      </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="12">
+          <a-form-item ref="name" label="名称" name="name">
+            <a-input v-model:value="formState.name" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="code" label="标识" name="code">
+            <a-input v-model:value="formState.code" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="sort" label="标识" name="sort">
+            <a-input-number style="width: 100%" v-model:value="formState.sort" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <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 { message } from "@hwork/ant-design-vue";
 import { edit } from "@/api/module/post";
 import { defineComponent, reactive, ref, toRaw, watch } from "vue";
 export default defineComponent({
@@ -43,50 +54,53 @@ 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.code = props.record.code
-        formState.sort = props.record.sort
-        formState.remark = props.record.remark
-        formState.enable = props.record.enable
-    })
+      formState.id = props.record.id;
+      formState.name = props.record.name;
+      formState.code = props.record.code;
+      formState.sort = props.record.sort;
+      formState.remark = props.record.remark;
+      formState.enable = props.record.enable;
+    });
 
     const formRules = {
-      name: [ { required: true, message: '请输入岗位名称', trigger: 'blur'} ],
-      code: [ { required: true, message: '请输入岗位编号', trigger: 'blur'} ]
+      name: [{ required: true, message: "请输入岗位名称", trigger: "blur" }],
+      code: [{ required: true, message: "请输入岗位编号", trigger: "blur" }],
     };
 
     const editKey = "add";
 
     const submit = (e) => {
-      message.loading({ content: '提交中...', key: editKey });
+      message.loading({ content: "提交中...", key: editKey });
       formRef.value
         .validate()
         .then(() => {
-          edit(toRaw(formState)).then((response)=>{
-              if(response.success){
-                message.success({ content: '保存成功', key: editKey, duration: 1 }).then(()=>{
+          edit(toRaw(formState)).then((response) => {
+            if (response.success) {
+              message
+                .success({ content: "保存成功", key: editKey, duration: 1 })
+                .then(() => {
                   cancel();
                 });
-              }else{
-                message.success({ content: '保存失败', key: editKey, duration: 1 }).then(()=>{
+            } else {
+              message
+                .success({ content: "保存失败", key: editKey, duration: 1 })
+                .then(() => {
                   cancel();
                 });
-              }
+            }
           });
         })
-        .catch(error => {
-          console.log('error', error);
+        .catch((error) => {
+          console.log("error", error);
         });
     };
 
@@ -96,16 +110,15 @@ export default defineComponent({
     };
 
     return {
-
       submit,
       cancel,
       formRef,
       formState,
       formRules,
-      
+
       labelCol: { span: 6 },
       wrapperCol: { span: 18 },
     };
   },
 });
-</script>
\ No newline at end of file
+</script>
diff --git a/src/view/post/modal/info.vue b/src/view/post/modal/info.vue
index fb96766..a31a2d3 100644
--- a/src/view/post/modal/info.vue
+++ b/src/view/post/modal/info.vue
@@ -8,27 +8,38 @@
     @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="code" label="标识" name="code">
-        <a-input v-model:value="formState.code" />
-      </a-form-item>
-      <a-form-item ref="sort" label="标识" name="sort">
-        <a-input-number v-model:value="formState.sort" />
-      </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="12">
+          <a-form-item ref="name" label="名称" name="name">
+            <a-input v-model:value="formState.name" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="code" label="标识" name="code">
+            <a-input v-model:value="formState.code" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="sort" label="标识" name="sort">
+            <a-input-number style="width: 100%" v-model:value="formState.sort" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <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>
@@ -41,23 +52,22 @@ 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.code = props.record.code
-        formState.sort = props.record.sort
-        formState.remark = props.record.remark
-        formState.enable = props.record.enable
-    })
+      formState.id = props.record.id;
+      formState.name = props.record.name;
+      formState.code = props.record.code;
+      formState.sort = props.record.sort;
+      formState.remark = props.record.remark;
+      formState.enable = props.record.enable;
+    });
 
     const formRules = {};
 
@@ -72,16 +82,15 @@ export default defineComponent({
     };
 
     return {
-
       submit,
       cancel,
       formRef,
       formState,
       formRules,
-      
+
       labelCol: { span: 6 },
       wrapperCol: { span: 18 },
     };
   },
 });
-</script>
\ No newline at end of file
+</script>
diff --git a/src/view/post/modal/save.vue b/src/view/post/modal/save.vue
index e2a85f8..179b8bf 100644
--- a/src/view/post/modal/save.vue
+++ b/src/view/post/modal/save.vue
@@ -8,32 +8,43 @@
     @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="code" label="标识" name="code">
-        <a-input v-model:value="formState.code" />
-      </a-form-item>
-      <a-form-item ref="sort" label="标识" name="sort">
-        <a-input-number v-model:value="formState.sort" />
-      </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="12">
+          <a-form-item ref="name" label="名称" name="name">
+            <a-input v-model:value="formState.name" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="code" label="标识" name="code">
+            <a-input v-model:value="formState.code" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="sort" label="标识" name="sort">
+            <a-input-number style="width: 100%" v-model:value="formState.sort" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <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 { message } from "@hwork/ant-design-vue";
 import { save } from "@/api/module/post";
 import { defineComponent, reactive, ref, toRaw } from "vue";
 export default defineComponent({
@@ -44,40 +55,43 @@ export default defineComponent({
   },
   emit: ["close"],
   setup(props, context) {
-
     const formRef = ref();
-    
+
     const formState = reactive({
       sort: 0,
       enable: "true",
     });
 
     const formRules = {
-      name: [ { required: true, message: '请输入岗位名称', trigger: 'blur'} ],
-      code: [ { required: true, message: '请输入岗位编号', trigger: 'blur'} ]
+      name: [{ required: true, message: "请输入岗位名称", trigger: "blur" }],
+      code: [{ required: true, message: "请输入岗位编号", trigger: "blur" }],
     };
 
     const saveKey = "save";
 
     const submit = (e) => {
-      message.loading({ content: '提交中...', key: saveKey });
+      message.loading({ content: "提交中...", key: saveKey });
       formRef.value
         .validate()
         .then(() => {
-          save(toRaw(formState)).then((response)=>{
-              if(response.success){
-                message.success({ content: '保存成功', key: saveKey, duration: 1 }).then(()=>{
+          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);
         });
     };
 
@@ -92,10 +106,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/power/modal/edit.vue b/src/view/power/modal/edit.vue
index 4ab54d1..269d8a6 100644
--- a/src/view/power/modal/edit.vue
+++ b/src/view/power/modal/edit.vue
@@ -34,33 +34,18 @@
             <a-input v-model:value="formState.title" />
           </a-form-item>
         </a-col>
-        <a-col :span="12">
-          <a-form-item
-            v-if="state.showComponent"
-            ref="component"
-            label="组件"
-            name="component"
-          >
+        <a-col :span="12" v-if="state.showComponent">
+          <a-form-item ref="component" label="组件" name="component">
             <a-input v-model:value="formState.component" />
           </a-form-item>
         </a-col>
-        <a-col :span="12">
-          <a-form-item
-            v-if="state.showPath"
-            ref="path"
-            label="路径"
-            name="path"
-          >
+        <a-col :span="12" v-if="state.showPath">
+          <a-form-item ref="path" label="路径" name="path">
             <a-input v-model:value="formState.path" />
           </a-form-item>
         </a-col>
-        <a-col :span="12">
-          <a-form-item
-            v-if="state.showCode"
-            ref="code"
-            label="标识"
-            name="code"
-          >
+        <a-col :span="12" v-if="state.showCode">
+          <a-form-item ref="code" label="标识" name="code">
             <a-input v-model:value="formState.code" />
           </a-form-item>
         </a-col>