xiongzhu 5 лет назад
Родитель
Сommit
e2c25dc8f7
2 измененных файлов с 13 добавлено и 2 удалено
  1. 12 2
      src/main/vue/src/views/UserEdit.vue
  2. 1 0
      src/main/vue/src/views/UserList.vue

+ 12 - 2
src/main/vue/src/views/UserEdit.vue

@@ -26,6 +26,9 @@
             <el-form-item prop="phone" label="手机">
                 <el-input v-model="formData.phone"></el-input>
             </el-form-item>
+            <el-form-item prop="email" label="邮箱">
+                <el-input v-model="formData.email"></el-input>
+            </el-form-item>
             <el-form-item prop="authorities" label="角色">
                 <el-select v-model="formData.authorities" multiple placeholder="请选择" value-key="name">
                     <el-option v-for="item in authorities" :key="item.name" :label="item.nameDesc" :value="item">
@@ -33,7 +36,7 @@
                 </el-select>
             </el-form-item>
             <el-form-item>
-                <el-button @click="onSave" :loading="$store.state.fetchingData" type="primary">保存</el-button>
+                <el-button @click="onSave" :loading="saving" type="primary">保存</el-button>
                 <el-button @click="del" :loading="$store.state.fetchingData" type="danger" v-if="formData.id"
                     >删除
                 </el-button>
@@ -90,7 +93,11 @@ export default {
                         trigger: 'blur'
                     }
                 ],
-                authorities: [{ required: true, message: '请选择角色', trigger: 'blur' }]
+                authorities: [{ required: true, message: '请选择角色', trigger: 'blur' }],
+                email: [
+                    { required: true, message: '请输入邮箱', trigger: 'blur' },
+                    { type: 'email', message: '请输入正确的邮箱', trigger: 'blur' }
+                ]
             },
             authorities: []
         };
@@ -106,14 +113,17 @@ export default {
             });
         },
         submit() {
+            this.saving = true;
             this.$http
                 .post('/user/save', this.formData, { body: 'json' })
                 .then(res => {
+                    this.saving = false;
                     this.$message.success('成功');
                     this.formData = res;
                     this.$router.go(-1);
                 })
                 .catch(e => {
+                    this.saving = false;
                     console.log(e);
                     this.$message.error(e.error);
                 });

+ 1 - 0
src/main/vue/src/views/UserList.vue

@@ -45,6 +45,7 @@
                     ></el-image>
                 </template>
             </el-table-column>
+            <el-table-column prop="email" label="邮箱" min-width="200"></el-table-column>
             <el-table-column prop="createdAt" label="创建日期" width="150"> </el-table-column>
             <el-table-column label="操作" align="center" fixed="right">
                 <template slot-scope="{ row }">