hgwms-2098 fix 自增序列弹窗修改

src/view/wms/warehouse/seqNum/modal/edit.vue

@@ -1,184 +1,241 @@
 <template>
-  <a-modal :open="visible" title="编辑" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
+  <a-modal
-    <a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol">
+    :open="visible"
-      <a-form-item ref="seqCode" label="值编号" name="seqCode">
+    title="编辑"
-        <a-input v-model:value="formState.seqCode" placeholder="请输入值编号" />
+    cancelText="取消"
-      </a-form-item>
+    okText="提交"
-      <a-form-item ref="seqName" label="名称" name="seqName">
+    @ok="submit"
-        <a-input v-model:value="formState.seqName" placeholder="请输入名称" />
+    @cancel="cancel"
-      </a-form-item>
+  >
-      <a-form-item ref="minValue" label="起始值" name="minValue">
+    <a-form
-        <a-input-number v-model:value="formState.minValue" placeholder="请输入起始值" style="width: 100%;"/>
+      ref="formRef"
-      </a-form-item>
+      :model="formState"
-      <a-form-item ref="incValue" label="自增值" name="incValue">
+      :rules="formRules"
-        <a-input-number v-model:value="formState.incValue" placeholder="请输入自增值" style="width: 100%;"/>
+      layout="vertical"
-      </a-form-item>
+    >
-      <a-form-item ref="maxValue" label="最大值" name="maxValue">
+      <a-row :gutter="[16, 0]">
-        <a-input-number v-model:value="formState.maxValue" placeholder="请输入最大值" style="width: 100%;"/>
+        <a-col :span="12">
-      </a-form-item>
+          <a-form-item ref="seqCode" label="值编号" name="seqCode">
-      <a-form-item ref="currValue" label="当前值" name="currValue">
+            <a-input
-        <a-input-number v-model:value="formState.currValue" placeholder="请输入当前值" style="width: 100%;"/>
+              v-model:value="formState.seqCode"
-      </a-form-item>
+              placeholder="请输入值编号"
-     <!-- <a-form-item ref="deleted" label="删除" name="deleted">
+            />
-        <a-select v-model:value="formState.deleted" :options="seqDeleted" placeholder="请选择是或者否" />
+          </a-form-item>
-      </a-form-item>
+        </a-col>
-      <a-form-item ref="createBy" label="录入人" name="createBy">
+        <a-col :span="12">
-        <a-input v-model:value="formState.createBy" placeholder="请输入录入人" />
+          <a-form-item ref="seqName" label="名称" name="seqName">
-      </a-form-item>
+            <a-input
-      <a-form-item ref="createTime" label="录入时间" name="createTime">
+              v-model:value="formState.seqName"
-        <a-input v-model:value="formState.createTime" placeholder="请输入录入时间" />
+              placeholder="请输入名称"
-      </a-form-item>
+            />
-      <a-form-item ref="updateBy" label="修改人" name="updateBy">
+          </a-form-item>
-        <a-input v-model:value="formState.updateBy" placeholder="请输入修改人" />
+        </a-col>
-      </a-form-item>
+        <a-col :span="12">
-      <a-form-item ref="updateTime" label="修改时间" name="updateTime">
+          <a-form-item ref="minValue" label="起始值" name="minValue">
-        <a-input v-model:value="formState.updateTime" placeholder="请输入修改时间" />
+            <a-input-number
-      </a-form-item> -->
+              v-model:value="formState.minValue"
-      <a-form-item label="备注" name="remark">
+              placeholder="请输入起始值"
-        <a-textarea v-model:value="formState.remark" />
+              style="width: 100%"
-      </a-form-item>
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="incValue" label="自增值" name="incValue">
+            <a-input-number
+              v-model:value="formState.incValue"
+              placeholder="请输入自增值"
+              style="width: 100%"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="maxValue" label="最大值" name="maxValue">
+            <a-input-number
+              v-model:value="formState.maxValue"
+              placeholder="请输入最大值"
+              style="width: 100%"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="currValue" label="当前值" name="currValue">
+            <a-input-number
+              v-model:value="formState.currValue"
+              placeholder="请输入当前值"
+              style="width: 100%"
+            />
+          </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-form-item ref="deleted" label="删除" name="deleted">
+          <a-select v-model:value="formState.deleted" :options="seqDeleted" placeholder="请选择是或者否" />
+        </a-form-item>
+        <a-form-item ref="createBy" label="录入人" name="createBy">
+          <a-input v-model:value="formState.createBy" placeholder="请输入录入人" />
+        </a-form-item>
+        <a-form-item ref="createTime" label="录入时间" name="createTime">
+          <a-input v-model:value="formState.createTime" placeholder="请输入录入时间" />
+        </a-form-item>
+        <a-form-item ref="updateBy" label="修改人" name="updateBy">
+          <a-input v-model:value="formState.updateBy" placeholder="请输入修改人" />
+        </a-form-item>
+        <a-form-item ref="updateTime" label="修改时间" name="updateTime">
+          <a-input v-model:value="formState.updateTime" placeholder="请输入修改时间" />
+        </a-form-item> -->
+      </a-row>
     </a-form>
   </a-modal>
 </template>
 <script>
-    import {
+import { message } from "@hwork/ant-design-vue";
-    message
+import { edit } from "@/api/wms/seqNum";
-  } from '@hwork/ant-design-vue';
+import { defineComponent, reactive, ref, toRaw, watch } from "vue";
-  import {
+export default defineComponent({
-    edit
+  props: {
-  } from "@/api/wms/seqNum";
+    visible: {
-  import {
+      type: Boolean,
-    defineComponent,
-    reactive,
-    ref,
-    toRaw,
-    watch
-  } from "vue";
-  export default defineComponent({
-    props: {
-      visible: {
-        type: Boolean,
-      },
-      record: {
-        type: Object,
-      }
     },
-    emit: ["close"],
+    record: {
-    setup(props, context) {
+      type: Object,
+    },
+  },
+  emit: ["close"],
+  setup(props, context) {
+    const formRef = ref();
 
-      const formRef = ref();
+    const formState = reactive({});
 
-      const formState = reactive({});
+    const seqDeleted = ref([
+      {
+        value: "false",
+        label: "否",
+      },
+      {
+        value: "true",
+        label: "是",
+      },
+    ]);
+    watch(props, (props) => {
+      formState.id = props.record.id;
+      formState.seqCode = props.record.seqCode;
+      formState.sqeName = props.record.seqName;
+      formState.minValue = props.record.minValue;
+      formState.incValue = props.record.incValue;
+      formState.maxValue = props.record.maxValue;
+      formState.currValue = props.record.currValue;
+    });
 
-      const seqDeleted = ref([{
+    const formRules = {
-        value: 'false',
+      seqCode: [
-        label: '否',
+        {
-      }, {
+          required: true,
-        value: 'true',
+          message: "请输入值编号(必填)",
-        label: '是',
+          trigger: "blur",
-      }]);
+        },
-      watch(props, (props) => {
+      ],
-        formState.id = props.record.id
+      sqeName: [
-        formState.seqCode = props.record.seqCode;
+        {
-        formState.sqeName = props.record.seqName;
+          required: true,
-        formState.minValue = props.record.minValue;
+          message: "请输入名称(必填)",
-        formState.incValue = props.record.incValue;
+          trigger: "blur",
-        formState.maxValue = props.record.maxValue;
+        },
-        formState.currValue = props.record.currValue;
+      ],
-      })
+      minValue: [
+        {
+          required: true,
+          message: "请输入起始值(必填)",
+          trigger: "blur",
+          type: "number",
+        },
+      ],
+      incValue: [
+        {
+          required: true,
+          message: "请输入自增值(必填)",
+          trigger: "blur",
+          type: "number",
+        },
+      ],
+      maxValue: [
+        {
+          required: true,
+          message: "请输入最大值(必填)",
+          trigger: "blur",
+          type: "number",
+        },
+      ],
+      currValue: [
+        {
+          required: true,
+          message: "请输入当前值(必填)",
+          trigger: "blur",
+          type: "number",
+        },
+      ],
+    };
 
-      const formRules = {
+    const editKey = "add";
-        seqCode: [{
-          required: true,
-          message: '请输入值编号(必填)',
-          trigger: 'blur'
-        }],
-        sqeName: [{
-          required: true,
-          message: '请输入名称(必填)',
-          trigger: 'blur'
-        }],
-        minValue: [{
-          required: true,
-          message: '请输入起始值(必填)',
-          trigger: 'blur',
-          type:'number'
-        }],
-        incValue: [{
-          required: true,
-          message: '请输入自增值(必填)',
-          trigger: 'blur',
-          type:'number'
-        }],
-        maxValue: [{
-          required: true,
-          message: '请输入最大值(必填)',
-          trigger: 'blur',
-          type:'number'
-        }],
-        currValue: [{
-          required: true,
-          message: '请输入当前值(必填)',
-          trigger: 'blur',
-          type:'number'
-        }],
-      };
 
-      const editKey = "add";
+    const submit = (e) => {
-
+      message.loading({
-      const submit = (e) => {
+        content: "提交中...",
-        message.loading({
+        key: editKey,
-          content: '提交中...',
+      });
-          key: editKey
+      formRef.value
-        });
+        .validate()
-        formRef.value
+        .then(() => {
-          .validate()
+          edit(toRaw(formState)).then((response) => {
-          .then(() => {
+            if (response.success) {
-            edit(toRaw(formState)).then((response) => {
+              message
-              if (response.success) {
+                .success({
-                message.success({
+                  content: "保存成功",
-                  content: '保存成功',
                   key: editKey,
-                  duration: 1
+                  duration: 1,
-                }).then(() => {
+                })
+                .then(() => {
                   cancel();
                 });
-              } else {
+            } else {
-                message.error({
+              message
+                .error({
                   content: response.msg,
                   key: editKey,
-                  duration: 1
+                  duration: 1,
-                }).then(() => {
+                })
-                });
+                .then(() => {});
-              }
+            }
-            });
-          })
-          .catch(error => {
-            console.log('error', error);
           });
-      };
+        })
+        .catch((error) => {
+          console.log("error", error);
+        });
+    };
 
-      const cancel = (e) => {
+    const cancel = (e) => {
-        formRef.value.resetFields();
+      formRef.value.resetFields();
-        context.emit("close", false);
+      context.emit("close", false);
-      };
+    };
 
-      return {
+    return {
+      submit,
+      cancel,
+      formRef,
+      formState,
+      formRules,
+      seqDeleted,
 
-        submit,
+      labelCol: {
-        cancel,
+        span: 8,
-        formRef,
+      },
-        formState,
+      wrapperCol: {
-        formRules,
+        span: 12,
-        seqDeleted,
+      },
-
+    };
-        labelCol: {
+  },
-          span: 8
+});
-        },
-        wrapperCol: {
-          span: 12
-        },
-      };
-    },
-  });
 </script>

src/view/wms/warehouse/seqNum/modal/save.vue

@@ -1,24 +1,74 @@
 <template>
-  <a-modal :open="visible" title="新增" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
+  <a-modal
-    <a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol">
+    :open="visible"
-      <a-form-item ref="seqCode" label="值编号" name="seqCode">
+    title="新增"
-        <a-input v-model:value="formState.seqCode" placeholder="请输入值编号" />
+    cancelText="取消"
-      </a-form-item>
+    okText="提交"
-      <a-form-item ref="seqName" label="名称" name="seqName">
+    @ok="submit"
-        <a-input v-model:value="formState.seqName" placeholder="请输入名称" />
+    @cancel="cancel"
-      </a-form-item>
+  >
-      <a-form-item ref="minValue" label="起始值" name="minValue">
+    <a-form
-        <a-input v-model:value="formState.minValue" placeholder="请输入起始值" />
+      ref="formRef"
-      </a-form-item>
+      :model="formState"
-      <a-form-item ref="incValue" label="自增值" name="incValue">
+      :rules="formRules"
-        <a-input v-model:value="formState.incValue" placeholder="请输入自增值" />
+      layout="vertical"
-      </a-form-item>
+    >
-      <a-form-item ref="maxValue" label="最大值" name="maxValue">
+      <a-row :gutter="[16, 0]">
-        <a-input v-model:value="formState.maxValue" placeholder="请输入最大值" />
+        <a-col :span="12">
-      </a-form-item>
+          <a-form-item ref="seqCode" label="值编号" name="seqCode">
-      <a-form-item ref="currValue" label="当前值" name="currValue">
+            <a-input
-        <a-input v-model:value="formState.currValue" placeholder="请输入当前值" />
+              v-model:value="formState.seqCode"
-      </a-form-item>
+              placeholder="请输入值编号"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="seqName" label="名称" name="seqName">
+            <a-input
+              v-model:value="formState.seqName"
+              placeholder="请输入名称"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="minValue" label="起始值" name="minValue">
+            <a-input
+              v-model:value="formState.minValue"
+              placeholder="请输入起始值"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="incValue" label="自增值" name="incValue">
+            <a-input
+              v-model:value="formState.incValue"
+              placeholder="请输入自增值"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="maxValue" label="最大值" name="maxValue">
+            <a-input
+              v-model:value="formState.maxValue"
+              placeholder="请输入最大值"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="currValue" label="当前值" name="currValue">
+            <a-input
+              v-model:value="formState.currValue"
+              placeholder="请输入当前值"
+            />
+          </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-item ref="deleted" label="删除" name="deleted">
         <a-select v-model:value="formState.deleted" :options="seqDeleted" placeholder="请选择是或否" />
       </a-form-item>
@@ -34,138 +84,141 @@
       <a-form-item ref="updateTime" label="修改时间" name="updateTime">
         <a-input v-model:value="formState.updateTime" placeholder="请输入修改时间" />
       </a-form-item> -->
-      <a-form-item label="备注" name="remark">
-        <a-textarea v-model:value="formState.remark" />
-      </a-form-item>
     </a-form>
   </a-modal>
 </template>
 <script>
-    import {
+import { message } from "@hwork/ant-design-vue";
-    message
+import { save } from "@/api/wms/seqNum";
-  } from '@hwork/ant-design-vue';
+import { defineComponent, reactive, ref, toRaw } from "vue";
-  import {
+export default defineComponent({
-    save
+  props: {
-  } from "@/api/wms/seqNum";
+    visible: {
-  import {
+      type: Boolean,
-    defineComponent,
-    reactive,
-    ref,
-    toRaw
-  } from "vue";
-  export default defineComponent({
-    props: {
-      visible: {
-        type: Boolean,
-      },
     },
-    emit: ["close"],
+  },
-    setup(props, context) {
+  emit: ["close"],
+  setup(props, context) {
+    const formRef = ref();
 
-      const formRef = ref();
+    const state = reactive({});
 
-      const state = reactive({});
+    const formState = reactive({});
 
-      const formState = reactive({});
+    const seqDeleted = ref([
+      {
+        value: "false",
+        label: "否",
+      },
+      {
+        value: "true",
+        label: "是",
+      },
+    ]);
 
-      const seqDeleted = ref([{
+    const formRules = {
-        value: 'false',
+      seqCode: [
-        label: '否',
+        {
-      }, {
-        value: 'true',
-        label: '是',
-      }]);
-
-      const formRules = {
-        seqCode: [{
           required: true,
-          message: '请输入值编号(必填)',
+          message: "请输入值编号(必填)",
-          trigger: 'blur'
+          trigger: "blur",
-        }],
+        },
-        sqeName: [{
+      ],
+      sqeName: [
+        {
           required: true,
-          message: '请输入名称(必填)',
+          message: "请输入名称(必填)",
-          trigger: 'blur'
+          trigger: "blur",
-        }],
+        },
-        minValue: [{
+      ],
+      minValue: [
+        {
           required: true,
-          message: '请输入起始值(必填)',
+          message: "请输入起始值(必填)",
-          trigger: 'blur'
+          trigger: "blur",
-        }],
+        },
-        incValue: [{
+      ],
+      incValue: [
+        {
           required: true,
-          message: '请输入自增值(必填)',
+          message: "请输入自增值(必填)",
-          trigger: 'blur'
+          trigger: "blur",
-        }],
+        },
-        maxValue: [{
+      ],
+      maxValue: [
+        {
           required: true,
-          message: '请输入最大值(必填)',
+          message: "请输入最大值(必填)",
-          trigger: 'blur'
+          trigger: "blur",
-        }],
+        },
-        currValue: [{
+      ],
+      currValue: [
+        {
           required: true,
-          message: '请输入当前值(必填)',
+          message: "请输入当前值(必填)",
-          trigger: 'blur'
+          trigger: "blur",
-        }],
+        },
-      };
+      ],
+    };
 
-      const saveKey = "save";
+    const saveKey = "save";
 
-
+    const submit = (e) => {
-      const submit = (e) => {
+      message.loading({
-        message.loading({
+        content: "提交中...",
-          content: '提交中...',
+        key: saveKey,
-          key: saveKey
+      });
-        });
+      formRef.value
-        formRef.value
+        .validate()
-          .validate()
+        .then(() => {
-          .then(() => {
+          save(toRaw(formState)).then((response) => {
-            save(toRaw(formState)).then((response) => {
+            if (response.success) {
-              if (response.success) {
+              message
-                message.success({
+                .success({
-                  content: '保存成功',
+                  content: "保存成功",
                   key: saveKey,
-                  duration: 1
+                  duration: 1,
-                }).then(() => {
+                })
+                .then(() => {
                   cancel();
                 });
-              } else {
+            } else {
-                message.error({
+              message
+                .error({
                   content: response.msg,
                   key: saveKey,
-                  duration: 1
+                  duration: 1,
-                }).then(() => {
+                })
-                });
+                .then(() => {});
-              }
+            }
-            });
-          })
-          .catch(error => {
-            console.log('error', error);
           });
-      };
+        })
+        .catch((error) => {
+          console.log("error", error);
+        });
+    };
 
-      const cancel = (e) => {
+    const cancel = (e) => {
-        formRef.value.resetFields();
+      formRef.value.resetFields();
-        context.emit("close", false);
+      context.emit("close", false);
-      };
+    };
 
+    return {
+      state,
+      submit,
+      cancel,
+      formRef,
+      formState,
+      formRules,
+      seqDeleted,
 
-      return {
+      labelCol: {
-        state,
+        span: 8,
-        submit,
+      },
-        cancel,
+      wrapperCol: {
-        formRef,
+        span: 12,
-        formState,
+      },
-        formRules,
+    };
-        seqDeleted,
+  },
-
+});
-        labelCol: {
-          span: 8
-        },
-        wrapperCol: {
-          span: 12
-        },
-      };
-    },
-  });
 </script>