From 368132d8092fab85937e63b5a0caba68620227ab Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Mon, 24 Jun 2024 18:31:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=AA=8C=E8=AF=81=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/user/component/add.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/views/user/component/add.vue b/src/views/user/component/add.vue
index 8352603..1b4c6dc 100644
--- a/src/views/user/component/add.vue
+++ b/src/views/user/component/add.vue
@@ -8,6 +8,7 @@ import { ElMessage } from "element-plus";
 const formDataRef = ref(null);
 const formDataInfo = reactive({
     mobile: '',
+    code: '',
     real_name: '',
     user_ship: '',
     selectedValues: [],
@@ -18,6 +19,9 @@ const formDataRules = reactive({
         { required: true, message: '请输入手机号', trigger: 'blur' },
         { pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' }
     ],
+    code: [
+        { required: true, message: '请输入验证码', trigger: 'blur' }
+    ],
     real_name: [
         { required: true, message: '请输入用户姓名', trigger: 'blur' }
     ],
@@ -151,7 +155,11 @@ defineExpose({
     <div class="add-user">
         <el-form :model="formDataInfo" :rules="formDataRules" ref="formDataRef" label-width="80px">
             <el-form-item label="用户电话" prop="mobile">
-                <el-input v-model="formDataInfo.mobile" placeholder="请输入用户电话" />
+                <el-input v-model="formDataInfo.mobile" placeholder="请输入用户电话"  style="flex: 1;"/>
+                    <el-button type="primary" style="margin-left: 1rem;">获取验证码</el-button>
+            </el-form-item>
+            <el-form-item label="验证码" prop="code">
+                <el-input v-model="formDataInfo.code" placeholder="请输入验证码"  style="flex: 1;"/>
             </el-form-item>
             <el-form-item label="用户姓名" prop="real_name">
                 <el-input v-model="formDataInfo.real_name" placeholder="请输入用户姓名" />