From a7cd5b2d39f856a72d901906a61af00b4e2039a6 Mon Sep 17 00:00:00 2001
From: 龚焕茏 <2842157468@qq.com>
Date: 星期五, 19 七月 2024 09:45:43 +0800
Subject: [PATCH] fix：科目下拉
---
src/views/education/department/edit.vue | 111 +++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 83 insertions(+), 28 deletions(-)
diff --git a/src/views/education/department/edit.vue b/src/views/education/department/edit.vue
index 49d73c9..cb7e90a 100644
--- a/src/views/education/department/edit.vue
+++ b/src/views/education/department/edit.vue
@@ -1,17 +1,45 @@
<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 v-if="fig === 0" label="绠＄悊鍛橈細">
+ <el-select v-model="form.adminId" filterable placeholder="閫夋嫨绠＄悊鍛�">
+ <el-option
+ v-for="item in deptUserList"
+ :key="item.id"
+ :label="item.value"
+ :value="item.id">
+ </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>
@@ -20,14 +48,21 @@
<script>
import { mapGetters, mapState, mapActions } from 'vuex'
-import subjectApi from '@/api/subject'
import departmentApi from '@/api/department'
export default {
data () {
return {
+ // 閮ㄩ棬绾ц仈涓嬫媺
+ cascaderList: [],
+ // 閮ㄩ棬浜哄憳
+ deptUserList: [],
+ depart: [],
form: {
id: null,
name: '',
+ parentId: null,
+ adminId: null,
+ special: false,
// level: 1,
// levelName: ''
},
@@ -37,50 +72,68 @@
},
created () {
let id = this.$route.query.id
- console.log(id)
let _this = this
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
})
+ // 鑾峰彇閮ㄩ棬浜哄憳
+ _this.getUserSelect(id)
}
- if (id == undefined) {
- _this.fig = 1 //鏄柊澧�
+ if (id === undefined) {
+ _this.fig = 1 // 鏄柊澧�
} else {
- _this.fig = 0 //鏄紪杈�
+ _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
+ })
+ },
submitForm () {
let _this = this
this.formLoading = true
// this.form.levelName = this.enumFormat(this.levelEnum, this.form.level)
- let obj = {
- name:this.form.name
+ // 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=>{
+ if (_this.fig === 1) {
+ departmentApi.addData(this.form).then(res => {
console.log(res)
- if (res.code ==1){
- _this.$message.success(res.message)
- _this.delCurrentView(_this).then(() => {
- _this.$router.push('/education/department/list')
- })
- }else {
- _this.$message.error(res.message)
- }
- })
- }else {
- departmentApi.edit(this.form).then(res=>{
- console.log(res)
- if (res.code ==1){
+ if (res.code === 1) {
_this.$message.success(res.message)
_this.delCurrentView(_this).then(() => {
_this.$router.push('/education/department/list')
})
- }else {
+ } else {
+ _this.$message.error(res.message)
+ }
+ })
+ } else {
+ departmentApi.edit(this.form).then(res => {
+ console.log(res)
+ if (res.code === 1) {
+ _this.$message.success(res.message)
+ _this.delCurrentView(_this).then(() => {
+ _this.$router.push('/education/department/list')
+ })
+ } else {
_this.$message.error(res.message)
}
})
@@ -106,7 +159,9 @@
id: null,
name: '',
level: 1,
- levelName: ''
+ parentId: null,
+ levelName: '',
+ special: false
}
this.form.id = lastId
},
--
Gitblit v1.8.0