From 3b9ad207763fc66b73e502885b93487a27c72244 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Mon, 4 Dec 2023 14:21:49 +0800
Subject: [PATCH] add form data check rules; update layout

---
 .../src/views/Batch/components/UpdateBatch.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Batch/components/UpdateBatch.vue b/frontend/src/views/Batch/components/UpdateBatch.vue
index 5a90f71..2691b98 100644
--- a/frontend/src/views/Batch/components/UpdateBatch.vue
+++ b/frontend/src/views/Batch/components/UpdateBatch.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-form :model="formData" label-width="100px">
+    <el-form :model="formData" :rules="rules" label-width="100px">
         <el-form-item label="批次名称" prop="name">
             <el-input class="ipInput" type="text" v-model="formData.name" autocomplete="off"></el-input>
         </el-form-item>
@@ -7,7 +7,7 @@
             <el-input class="ipInput" type="text" v-model="formData.description" autocomplete="off"></el-input>
         </el-form-item>
     </el-form>
-    <div>
+    <div class="dialog-footer">
         <el-button>取 消</el-button>
         <el-button type="primary">确 定</el-button>
     </div>
@@ -16,8 +16,20 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
+const rules = {
+    name: [{
+        required: true,
+        message: "请输入批次名称",
+        trigger: "blur"
+    }],
+}
+
 const formData = ref<any>({})
 
 </script>
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.dialog-footer {
+    text-align: right;
+}
+</style>
\ No newline at end of file
-- 
Gitee