新增 员工邮箱

src/views/accountManage/subAccountList.vue

@@ -41,6 +41,12 @@
                 v-model="ruleForm.phone"
               ></el-input>
             </el-form-item>
+            <el-form-item prop="email" label="邮箱">
+              <el-input
+                style="width: 280px"
+                v-model="ruleForm.email"
+              ></el-input>
+            </el-form-item>
             <el-form-item prop="deptId" label="部门">
               <el-select
                 style="width: 280px"
@@ -104,9 +110,9 @@
           align="center"
         ></el-table-column>
         <el-table-column
-          prop="password"
-          label="密码"
-          min-width="80"
+          prop="email"
+          label="邮箱"
+          min-width="120"
           align="center"
         ></el-table-column>
         <el-table-column
@@ -188,6 +194,7 @@ let accountId = ref("");
 let ruleForm = ref({
   name: "",
   phone: "",
+  email: "",
   roleId: "",
   deptId: "",
 });
@@ -206,6 +213,14 @@ const rules = reactive({
       trigger: "blur",
     },
   ],
+  email: [
+    {
+      required: true,
+      message: "请填写邮箱",
+      trigger: "blur",
+    },
+    { type: "email", message: "请填写正确的邮箱", trigger: "blur" },
+  ],
   roleId: [
     {
       required: true,
@@ -227,6 +242,7 @@ function showAddModal() {
   ruleForm.value = {
     name: "",
     phone: "",
+    email: "",
     roleId: "",
     deptId: "",
   };
@@ -302,6 +318,7 @@ function showUpdateModal(item, type) {
   ruleForm.value = {
     name: item.userName,
     phone: item.phone,
+    email: item.email,
     deptId: item.deptId,
     roleId: item.roleId,
   };