| | |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%"> |
| | | <el-table-column prop="id" label="Id" /> |
| | | <el-table v-loading="listLoading" :data="tableData" stripe border fit highlight-current-row style="width: 100%"> |
| | | <el-table-column prop="name" label="部门"/> |
| | | <el-table-column prop="adminNames" label="部门负责人"/> |
| | | <!-- <el-table-column prop="levelName" label="部门" />--> |
| | | <el-table-column width="220px" label="操作" align="center"> |
| | | <el-table-column width="400px" label="操作" align="center"> |
| | | <template slot-scope="{row}"> |
| | | <el-button type="success" size="mini" @click="updateDeptAdmin(row)" class="link-left" plain>修改部门负责人</el-button> |
| | | <router-link :to="{path:'/education/department/edit', query:{id:row.id}}" class="link-left"> |
| | | <el-button size="mini">编辑</el-button> |
| | | <el-button size="mini" plain>编辑</el-button> |
| | | </router-link> |
| | | <el-button size="mini" type="danger" @click="delSubject(row)" class="link-left">删除</el-button> |
| | | <el-button size="mini" type="danger" plain @click="delSubject(row)" class="link-left">删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination v-show="total>0" :total="total" :page.sync="queryParam.pageIndex" :limit.sync="queryParam.pageSize" |
| | | @pagination="search"/> |
| | | |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="dialogVisible" |
| | | width="400px" |
| | | :before-close="handleClose"> |
| | | <el-select v-model="updateAdminForm.adminIds" @change="changSelect" multiple filterable placeholder="选择管理员"> |
| | | <el-option |
| | | v-for="item in deptUserList" |
| | | :key="item.id" |
| | | :label="item.value" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialogVisible = false">取 消</el-button> |
| | | <el-button type="primary" @click="submitUpdate">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapGetters, mapState } from 'vuex' |
| | | import Pagination from '@/components/Pagination' |
| | | import subjectApi from '@/api/subject' |
| | | import departmentApi from '@/api/department' |
| | | import enumItem from '@/store/modules/enumItem' |
| | | export default { |
| | | components: { Pagination }, |
| | | data () { |
| | | return { |
| | | // 部门人员 |
| | | deptUserList: [], |
| | | dialogVisible: false, |
| | | title: '', |
| | | updateAdminForm: { |
| | | id: null, |
| | | adminIds: [] |
| | | }, |
| | | depart: [], |
| | | queryParam: { |
| | | level: null, |
| | | pageIndex: 1, |
| | |
| | | this.search() |
| | | }, |
| | | methods: { |
| | | changSelect( value ) { |
| | | this.updateAdminForm.adminId = value |
| | | }, |
| | | handleClose () { |
| | | this.dialogVisible = false |
| | | this.title = '' |
| | | }, |
| | | submitUpdate () { |
| | | if (!this.updateAdminForm.adminIds) { |
| | | this.$message.warning('请选择部门负责人') |
| | | return |
| | | } |
| | | departmentApi.updateDeptAdmin(this.updateAdminForm).then(res => { |
| | | if (res.code === 1) { |
| | | this.$message.success('修改成功') |
| | | this.dialogVisible = false |
| | | this.title = '' |
| | | this.search() |
| | | } |
| | | }) |
| | | }, |
| | | updateDeptAdmin (row) { |
| | | this.updateAdminForm.id = row.id |
| | | this.updateAdminForm.adminIds = row.adminIds |
| | | console.log(this.updateAdminForm.adminIds, "dd") |
| | | this.title = row.name + '--管理员修改' |
| | | this.getUserSelect(row.id) |
| | | this.dialogVisible = true |
| | | }, |
| | | getUserSelect (id) { |
| | | departmentApi.getDeptUserList(id).then(res => { |
| | | this.deptUserList = res.response |
| | | }) |
| | | }, |
| | | search () { |
| | | this.listLoading = true |
| | | departmentApi.pageList(this.queryParam).then(data => { |
| | | const re = data.response |
| | | this.tableData = re.list |
| | | this.tableData.map(item => { |
| | | if (item.adminNames) { |
| | | item.adminNames = item.adminNames.join("、") |
| | | } |
| | | }) |
| | | this.total = re.total |
| | | this.queryParam.pageIndex = re.pageNum |
| | | this.listLoading = false |
| | | |
| | | this.depart = data.response.list |
| | | this.depart.map(item => { |
| | | item.key = item.id |
| | | item.value = item.name |
| | | }) |
| | | enumItem.state.user.levelEnum = this.depart |
| | | }) |
| | | }, |
| | | submitForm () { |
| | |
| | | delSubject (row) { |
| | | let _this = this |
| | | let obj = { |
| | | id :row.id, |
| | | deleted:1 |
| | | id: row.id, |
| | | deleted: 1 |
| | | } |
| | | departmentApi.edit(obj).then(re => { |
| | | if (re.code === 1) { |