| | |
| | | <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-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-form-item label="所属部门:" prop="deptIds"> |
| | | <el-select v-model="form.deptIds" placeholder="所属部门" multiple filterable> |
| | | <el-option v-for="item in depart" :key="item.id" :value="item.id" :label="item.name"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="课目名称:" required> |
| | | <el-input v-model="form.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="submitForm">提交</el-button> |
| | |
| | | <script> |
| | | import { mapGetters, mapState, mapActions } from 'vuex' |
| | | import subjectApi from '@/api/subject' |
| | | import departmentApi from '@/api/department' |
| | | |
| | | export default { |
| | | data () { |
| | | return { |
| | | depart:[], |
| | | form: { |
| | | id: null, |
| | | name: '', |
| | | level: 1, |
| | | deptIds: [], |
| | | level: null, |
| | | levelName: '' |
| | | }, |
| | | formLoading: false |
| | | formLoading: false, |
| | | queryParam: { |
| | | level: null, |
| | | pageIndex: 1, |
| | | pageSize: 100 |
| | | }, |
| | | } |
| | | }, |
| | | created () { |
| | |
| | | _this.formLoading = false |
| | | }) |
| | | } |
| | | _this.seachPageDepartMentList() |
| | | }, |
| | | methods: { |
| | | seachPageDepartMentList(){ |
| | | let that = this |
| | | departmentApi.pageList(this.queryParam).then(res=>{ |
| | | if (res.code == 1){ |
| | | that.depart = res.response.list |
| | | } |
| | | }) |
| | | }, |
| | | submitForm () { |
| | | let _this = this |
| | | this.formLoading = true |
| | | this.form.levelName = this.enumFormat(this.levelEnum, this.form.level) |
| | | // console.log(_this.$refs.departRef.selected.label) |
| | | // this.form.levelName = this.enumFormat(this.levelEnum, this.form.level) |
| | | // this.form.levelName = _this.$refs.departRef.selected.label |
| | | subjectApi.edit(this.form).then(data => { |
| | | if (data.code === 1) { |
| | | _this.$message.success(data.message) |