From 0ebcc1fd3b16b7a43e85a9a4bde1a1cee3ae5831 Mon Sep 17 00:00:00 2001 From: 龚焕茏 <2842157468@qq.com> Date: 星期二, 16 七月 2024 17:47:10 +0800 Subject: [PATCH] feat:出生年月取消必填、隐藏模拟菜单 --- src/views/user/student/edit.vue | 46 ++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 38 insertions(+), 8 deletions(-) diff --git a/src/views/user/student/edit.vue b/src/views/user/student/edit.vue index f1b4acb..35b252e 100644 --- a/src/views/user/student/edit.vue +++ b/src/views/user/student/edit.vue @@ -6,7 +6,7 @@ <el-input v-model="form.userName"></el-input> </el-form-item> <el-form-item label="瀵嗙爜锛�" required> - <el-input v-model="form.password"></el-input> + <el-input v-model="form.password" type="password"></el-input> </el-form-item> <el-form-item label="鐪熷疄濮撳悕锛�" prop="realName" required> <el-input v-model="form.realName"></el-input> @@ -19,15 +19,27 @@ <el-option v-for="item in sexEnum" :key="item.key" :value="item.key" :label="item.value"></el-option> </el-select> </el-form-item> - <el-form-item label="鍑虹敓鏃ユ湡锛�"> - <el-date-picker v-model="form.birthDay" type="date" value-format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡" /> + <el-form-item label="鍑虹敓鏃ユ湡锛�" prop="birthDay"> + <el-date-picker v-model="form.birthDay" required type="date" value-format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡" /> </el-form-item> <el-form-item label="鎵嬫満锛�"> <el-input v-model="form.phone"></el-input> </el-form-item> <el-form-item label="閮ㄩ棬锛�" prop="deptIds" required> - <el-select v-model="form.deptIds" multiple collapse-tags placeholder="閮ㄩ棬"> - <el-option v-for="item in levelEnum" :key="item.key" :value="item.key" :label="item.value"></el-option> + <!-- <el-select v-model="form.deptIds" multiple collapse-tags placeholder="閮ㄩ棬" :disabled="this.$route.query.id"> + <el-option v-for="item in depts" :key="item.id" :value="item.id" :label="item.name"></el-option> + </el-select> --> + <el-cascader + clearable + :disabled="this.$route.query.id" + v-model="form.deptIds" + :options="depts" + :props="{ emitPath: false, multiple: true, value: 'id', label: 'name', checkStrictly: true }" + ></el-cascader> + </el-form-item> + <el-form-item label="鏍囩锛�" prop="tagIds"> + <el-select v-model="form.tagIds" multiple collapse-tags placeholder="鏍囩"> + <el-option v-for="item in tags" :key="item.id" :value="item.id" :label="item.name"></el-option> </el-select> </el-form-item> <el-form-item label="鐘舵�侊細" required> @@ -46,10 +58,13 @@ <script> import { mapGetters, mapState, mapActions } from 'vuex' import userApi from '@/api/user' +import departmentApi from '@/api/department' export default { data () { return { + depts: [], + tags: [], value2:[], form: { id: null, @@ -62,7 +77,8 @@ sex: '', birthDay: null, phone: null, - deptIds: [] + deptIds: [], + tagIds: [] }, formLoading: false, rules: { @@ -79,6 +95,9 @@ } }, created () { + this.getTags(); + this.getDepts(); + console.log(this.levelEnum) let id = this.$route.query.id let _this = this @@ -102,9 +121,19 @@ } }, methods: { + getTags () { + userApi.tagList(null).then(data => { + this.tags = data.response + }) + }, + getDepts () { + departmentApi.getDeptAdmins().then(res => { + this.depts = res.response + }) + }, submitForm () { + console.log("this.form", this.form) let _this = this - this.form.deptIds = this.form.deptIds.join(',') this.$refs.form.validate((valid) => { if (valid) { this.formLoading = true @@ -140,7 +169,8 @@ sex: '', birthDay: null, phone: null, - deptIds: [] + deptIds: [], + tagIds: [] } this.form.id = lastId }, -- Gitblit v1.8.0