From 4efee0ebad864f55c710cc1c3dc67d7b8d75891a Mon Sep 17 00:00:00 2001
From: A0066811 <961502390@qq.com>
Date: Fri, 7 Nov 2025 10:16:12 +0800
Subject: [PATCH] =?UTF-8?q?hgwms-2098=20fix=20=E6=89=98=E7=9B=98=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E7=AE=A1=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

---
 .../pallet/modal/palletDetail/edit.vue        | 353 ++++++++++--------
 1 file changed, 205 insertions(+), 148 deletions(-)

diff --git a/src/view/wms/stockInfo/pallet/modal/palletDetail/edit.vue b/src/view/wms/stockInfo/pallet/modal/palletDetail/edit.vue
index f427710..f0baeb2 100644
--- a/src/view/wms/stockInfo/pallet/modal/palletDetail/edit.vue
+++ b/src/view/wms/stockInfo/pallet/modal/palletDetail/edit.vue
@@ -1,21 +1,77 @@
 <template>
-  <a-modal :open="visible" title="修改托盘明细信息" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel">
-    <a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol">
-      <a-form-item ref="palletCode" label="托盘号" name="palletCode">
-        <a-input v-model:value="formState.palletCode" placeholder="请输入托盘号" disabled />
-      </a-form-item>
-      <a-form-item ref="skuCode" label="物料编号" name="skuCode">
-        <a-input v-model:value="formState.skuCode" placeholder="请输入物料编号" />
-      </a-form-item>
-      <a-form-item ref="skuName" label="物料描述" name="skuName">
-        <a-input v-model:value="formState.skuName" placeholder="请输入物料描述" disabled />
-      </a-form-item>
-      <a-form-item ref="skuType" label="物料类型" name="skuType">
-        <a-input v-model:value="formState.skuType" placeholder="请输入物料类型" disabled />
-      </a-form-item>
-      <a-form-item ref="batch" label="批次" name="batch">
-        <a-input v-model:value="formState.batch" placeholder="请输入批次" />
-      </a-form-item>
+  <a-modal
+    :open="visible"
+    title="修改托盘明细信息"
+    cancelText="取消"
+    okText="提交"
+    @ok="submit"
+    @cancel="cancel"
+  >
+    <a-form
+      ref="formRef"
+      :model="formState"
+      :rules="formRules"
+      layout="vertical"
+    >
+      <a-row :gutter="[16, 0]">
+        <a-col :span="12">
+          <a-form-item ref="palletCode" label="托盘号" name="palletCode">
+            <a-input
+              v-model:value="formState.palletCode"
+              placeholder="请输入托盘号"
+              disabled
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="skuCode" label="物料编号" name="skuCode">
+            <a-input
+              v-model:value="formState.skuCode"
+              placeholder="请输入物料编号"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="skuName" label="物料描述" name="skuName">
+            <a-input
+              v-model:value="formState.skuName"
+              placeholder="请输入物料描述"
+              disabled
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="skuType" label="物料类型" name="skuType">
+            <a-input
+              v-model:value="formState.skuType"
+              placeholder="请输入物料类型"
+              disabled
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="batch" label="批次" name="batch">
+            <a-input v-model:value="formState.batch" placeholder="请输入批次" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="customer" label="线体" name="customer">
+            <a-input
+              v-model:value="formState.customer"
+              placeholder="请输入客户"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item ref="skuQty" label="物料数量" name="skuQty">
+            <a-input
+              v-model:value="formState.skuQty"
+              placeholder="请输入物料数量"
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+
       <!-- <a-form-item ref="serial" label="序列号" name="serial">
         <a-input v-model:value="formState.serial" placeholder="请输入序列号" />
       </a-form-item>
@@ -25,18 +81,14 @@
       <a-form-item ref="producer" label="厂家" name="producer">
         <a-input v-model:value="formState.producer" placeholder="请输入厂家" />
       </a-form-item> -->
-      <a-form-item ref="customer" label="线体" name="customer">
-        <a-input v-model:value="formState.customer" placeholder="请输入客户" />
-      </a-form-item>
+
       <!-- <a-form-item ref="produceDate" label="生产日期" name="produceDate">
         <a-date-picker v-model:value="formState.produceDate" style="width: 100%"/>
       </a-form-item>
       <a-form-item ref="overdue" label="过期日期" name="overdue">
         <a-date-picker v-model:value="formState.overdue" style="width: 100%"/>
       </a-form-item> -->
-      <a-form-item ref="skuQty" label="物料数量" name="skuQty">
-        <a-input v-model:value="formState.skuQty" placeholder="请输入物料数量" />
-      </a-form-item>
+
       <!-- <a-form-item ref="lockQty" label="锁定数量" name="lockQty">
         <a-input v-model:value="formState.lockQty" placeholder="请输入锁定数量" />
       </a-form-item>
@@ -68,153 +120,158 @@
   </a-modal>
 </template>
 <script>
-    import {
-    message
-  } from '@hwork/ant-design-vue';
-  import {
-    edit,
-  } from "@/api/wms/palletDetail";
-  import {
-    defineComponent,
-    reactive,
-    ref,
-    toRaw,
-    watch
-  } from "vue";
-  export default defineComponent({
-    props: {
-      visible: {
-        type: Boolean,
-      },
-      record: {
-        type: Object,
-      }
+import { message } from "@hwork/ant-design-vue";
+import { edit } from "@/api/wms/palletDetail";
+import { defineComponent, reactive, ref, toRaw, watch } from "vue";
+export default defineComponent({
+  props: {
+    visible: {
+      type: Boolean,
     },
-    emit: ["close"],
-    setup(props, context) {
+    record: {
+      type: Object,
+    },
+  },
+  emit: ["close"],
+  setup(props, context) {
+    const formRef = ref();
 
-      const formRef = ref();
+    // const state = reactive({});
 
-      // const state = reactive({});
+    const formState = reactive({});
 
-      const formState = reactive({});
-
-      const formRules = {
-        palletCode: [{
+    const formRules = {
+      palletCode: [
+        {
           required: true,
-          message: '请输入托盘号',
-          trigger: 'blur'
-        }],
-        skuCode: [{
+          message: "请输入托盘号",
+          trigger: "blur",
+        },
+      ],
+      skuCode: [
+        {
           required: true,
-          message: '请输入物料编号',
-          trigger: 'change'
-        }],
-        skuQty: [{
+          message: "请输入物料编号",
+          trigger: "change",
+        },
+      ],
+      skuQty: [
+        {
           required: true,
-          message: '请输入物料数量',
-          trigger: 'blur',
-          type: 'number',
-        }],
-        baseUnit: [{
+          message: "请输入物料数量",
+          trigger: "blur",
+          type: "number",
+        },
+      ],
+      baseUnit: [
+        {
           required: true,
-          message: '请输入物流单位',
-          trigger: 'change',
-        }],
-        convertQty: [{
+          message: "请输入物流单位",
+          trigger: "change",
+        },
+      ],
+      convertQty: [
+        {
           required: true,
-          message: '请输入统计数量',
-          trigger: 'blur',
-          type: 'number',
-        }],
-        primaryUnit: [{
+          message: "请输入统计数量",
+          trigger: "blur",
+          type: "number",
+        },
+      ],
+      primaryUnit: [
+        {
           required: true,
-          message: '请输入统计单位',
-          trigger: 'change',
-        }],
-      }
+          message: "请输入统计单位",
+          trigger: "change",
+        },
+      ],
+    };
 
-      watch(props, (props) => {
-        console.log("state.record", props.record)
-        formState.id = props.record.id
-        formState.palletCode = props.record.palletCode
-        formState.skuCode = props.record.skuCode;
-        formState.skuName = props.record.skuName;
-        formState.skuType = props.record.skuType;
-        formState.batch = props.record.batch;
-        formState.serial = props.record.serial;
-        formState.master = props.record.master;
-        formState.producer = props.record.producer;
-        formState.customer = props.record.customer;
-        formState.produceDate = props.record.produceDate;
-        formState.overdue = props.record.overdue;
-        formState.skuQty = props.record.skuQty;
-        formState.lockQty = props.record.lockQty;
-        formState.baseUnit = props.record.baseUnit;
-        formState.convertQty = props.record.convertQty;
-        formState.primaryUnit = props.record.primaryUnit;
-        formState.spInv = props.record.spInv;
-        formState.invType = props.record.invType;
-        formState.qualityStatus = props.record.qualityStatus;
-        formState.note = props.record.note;
-        formState.remark = props.record.remark;
-      })
+    watch(props, (props) => {
+      console.log("state.record", props.record);
+      formState.id = props.record.id;
+      formState.palletCode = props.record.palletCode;
+      formState.skuCode = props.record.skuCode;
+      formState.skuName = props.record.skuName;
+      formState.skuType = props.record.skuType;
+      formState.batch = props.record.batch;
+      formState.serial = props.record.serial;
+      formState.master = props.record.master;
+      formState.producer = props.record.producer;
+      formState.customer = props.record.customer;
+      formState.produceDate = props.record.produceDate;
+      formState.overdue = props.record.overdue;
+      formState.skuQty = props.record.skuQty;
+      formState.lockQty = props.record.lockQty;
+      formState.baseUnit = props.record.baseUnit;
+      formState.convertQty = props.record.convertQty;
+      formState.primaryUnit = props.record.primaryUnit;
+      formState.spInv = props.record.spInv;
+      formState.invType = props.record.invType;
+      formState.qualityStatus = props.record.qualityStatus;
+      formState.note = props.record.note;
+      formState.remark = props.record.remark;
+    });
 
-      const editKey = "add";
+    const editKey = "add";
 
-      const submit = (e) => {
-        message.loading({
-          content: '提交中...',
-          key: editKey
-        });
-        formRef.value
-          .validate()
-          .then(() => {
-            edit(toRaw(formState)).then((response) => {
-              if (response.success) {
-                message.success({
-                  content: '保存成功',
+    const submit = (e) => {
+      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(() => {
+                  duration: 1,
+                })
+                .then(() => {
                   cancel();
                 });
-              } else {
-                message.error({
+            } else {
+              message
+                .error({
                   content: response.msg,
                   key: editKey,
-                  duration: 1
-                }).then(() => {
+                  duration: 1,
+                })
+                .then(() => {
                   // cancel();
                 });
-              }
-            });
-          })
-          .catch(error => {
-            console.log('error', error);
+            }
           });
-      };
+        })
+        .catch((error) => {
+          console.log("error", error);
+        });
+    };
 
-      const cancel = (e) => {
-        formRef.value.resetFields();
-        context.emit("close", false);
-      };
+    const cancel = (e) => {
+      formRef.value.resetFields();
+      context.emit("close", false);
+    };
 
-      return {
-        // state,
-        submit,
-        cancel,
-        formRef,
-        formState,
-        formRules,
+    return {
+      // state,
+      submit,
+      cancel,
+      formRef,
+      formState,
+      formRules,
 
-        labelCol: {
-          span: 8
-        },
-        wrapperCol: {
-          span: 12
-        },
-      };
-    },
-  });
+      labelCol: {
+        span: 8,
+      },
+      wrapperCol: {
+        span: 12,
+      },
+    };
+  },
+});
 </script>