From 2d1f7bd9e68a2ee60bbd1adcc9cd43c94db08c0d Mon Sep 17 00:00:00 2001
From: 龚焕茏 <2842157468@qq.com>
Date: 星期三, 24 七月 2024 15:05:37 +0800
Subject: [PATCH] feat:选人增加姓名
---
src/views/education/department/edit.vue | 54 +++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 45 insertions(+), 9 deletions(-)
diff --git a/src/views/education/department/edit.vue b/src/views/education/department/edit.vue
index ea06fa2..269437a 100644
--- a/src/views/education/department/edit.vue
+++ b/src/views/education/department/edit.vue
@@ -1,17 +1,25 @@
<template>
<div class="app-container">
- <el-form :model="form" ref="form" label-width="100px" v-loading="formLoading">
- <el-form-item label="閮ㄩ棬锛�" required>
- <el-input v-model="form.name"></el-input>
+ <el-form :model="form" ref="form" label-width="120px" label-position="top" v-loading="formLoading">
+ <el-form-item label="閮ㄩ棬鍚嶇О锛�" required>
+ <el-input v-model="form.name" style="width: 450px"></el-input>
+ </el-form-item>
+ <el-form-item label="涓婄骇閮ㄩ棬锛�">
+ <el-cascader
+ clearable
+ v-model="form.parentId"
+ :options="cascaderList"
+ :props="{ checkStrictly: true }"
+ ></el-cascader>
</el-form-item>
<!-- <el-form-item label="閮ㄩ棬锛�" required>-->
<!-- <el-select v-model="form.level" placeholder="閮ㄩ棬">-->
<!-- <el-option v-for="item in levelEnum" :key="item.key" :value="item.key" :label="item.value"></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
- <el-form-item label="绠$悊鍛橈細" required>
- <el-select v-model="form.adminId" filterable placeholder="閫夋嫨绠$悊鍛�">
+ <el-form-item v-if="fig === 0" label="绠$悊鍛橈細">
+ <el-select v-model="form.adminId" filterable placeholder="閫夋嫨绠$悊鍛�" multiple collapse-tags>
<el-option
v-for="item in deptUserList"
:key="item.id"
@@ -20,8 +28,18 @@
</el-option>
</el-select>
</el-form-item>
+ <el-form-item label="鍙鐞嗕笁绾у崟浣嶏細">
+ <el-switch
+ style="display: block"
+ v-model="form.special"
+ active-color="#13ce66"
+ inactive-color="#ff4949"
+ active-text="鍏佽"
+ inactive-text="绂佹">
+ </el-switch>
+ </el-form-item>
<el-form-item>
- <el-button type="primary" @click="submitForm">鎻愪氦</el-button>
+ <el-button type="primary" @click="submitForm">淇濆瓨</el-button>
<el-button @click="resetForm">閲嶇疆</el-button>
</el-form-item>
</el-form>
@@ -34,13 +52,17 @@
export default {
data () {
return {
+ // 閮ㄩ棬绾ц仈涓嬫媺
+ cascaderList: [],
// 閮ㄩ棬浜哄憳
deptUserList: [],
depart: [],
form: {
id: null,
name: '',
- adminId: null
+ parentId: null,
+ adminId: null,
+ special: false,
// level: 1,
// levelName: ''
},
@@ -54,6 +76,7 @@
if (id && parseInt(id) !== 0) {
_this.formLoading = true
departmentApi.select(id).then(re => {
+ re.response.parentId = re.response.parentIds
_this.form = re.response
_this.formLoading = false
})
@@ -66,7 +89,15 @@
_this.fig = 0 // 鏄紪杈�
}
},
+ mounted() {
+ this.getCascaderList()
+ },
methods: {
+ getCascaderList() {
+ departmentApi.cascaderList().then(res => {
+ this.cascaderList = res.response
+ })
+ },
getUserSelect (id) {
departmentApi.getDeptUserList(id).then(res => {
this.deptUserList = res.response
@@ -79,8 +110,11 @@
// let obj = {
// name: this.form.name
// }
+ if (_this.form.parentId) {
+ _this.form.parentId = _this.form.parentId[_this.form.parentId.length - 1];
+ }
if (_this.fig === 1) {
- departmentApi.addData(this.form.name).then(res => {
+ departmentApi.addData(this.form).then(res => {
console.log(res)
if (res.code === 1) {
_this.$message.success(res.message)
@@ -125,7 +159,9 @@
id: null,
name: '',
level: 1,
- levelName: ''
+ parentId: null,
+ levelName: '',
+ special: false
}
this.form.id = lastId
},
--
Gitblit v1.8.0