| | |
| | | <template> |
| | | <basic-container> |
| | | <template v-if="isWeight"> |
| | | <avue-tabs :option="taskTypeList" @change="tabChange"></avue-tabs> |
| | | <avue-crud ref="crud" v-model="form" v-model:search="search" :option="option" :data="data" v-model:page="page" |
| | | @search-change="searchChange" @search-reset="searchReset" @current-change="currentChange" |
| | | @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"> |
| | |
| | | <script> |
| | | import assessmentWeight from './components/assessmentWeight.vue' |
| | | import { getList } from '@/api/system/user.js' |
| | | import { getdeptList } from '@/api/assessment/assessmentSet.js' |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | { |
| | | label: "被考核人", |
| | | prop: "name", |
| | | // prop: "userName", |
| | | type: "input", |
| | | search: true, |
| | | }, |
| | |
| | | selectGroup: { |
| | | depts: [], |
| | | posts: [] |
| | | } |
| | | }, |
| | | // 考核结果参数 |
| | | defaultTaskType: 0, |
| | | taskTypeList: { |
| | | column: [ |
| | | { |
| | | label: '个人考核权重设置', |
| | | prop: 0 |
| | | }, |
| | | { |
| | | label: '部门考核权重设置', |
| | | prop: 1 |
| | | } |
| | | ] |
| | | }, |
| | | isDeptRequest: true |
| | | } |
| | | }, |
| | | watch: { |
| | | defaultTaskType: { |
| | | handler(n) { |
| | | this.onLoad(this.page, this.query); |
| | | }, |
| | | immediate: true, |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | this.onLoad(this.page, params); |
| | | done(); |
| | | }, |
| | | searchReset() { }, |
| | | currentChange() { }, |
| | | sizeChange() { }, |
| | | refreshChange() { }, |
| | | searchReset() { |
| | | this.query = {}; |
| | | this.onLoad(this.page); |
| | | }, |
| | | currentChange(currentPage) { |
| | | this.page.currentPage = currentPage; |
| | | }, |
| | | sizeChange(pageSize) { |
| | | this.page.pageSize = pageSize; |
| | | }, |
| | | refreshChange() { |
| | | this.onLoad(this.page, this.query); |
| | | }, |
| | | onLoad(page, params = {}) { |
| | | this.loading = true; |
| | | const { |
| | |
| | | ...this.query, |
| | | ...params |
| | | }; |
| | | |
| | | getList(page.currentPage, page.pageSize, values).then(res => { |
| | | !this.defaultTaskType && getList(page.currentPage, page.pageSize, values).then(res => { |
| | | const data = res.data.data; |
| | | this.page.total = data.total; |
| | | this.data = data.records; |
| | | this.loading = false; |
| | | }); |
| | | this.defaultTaskType && getdeptList(page.currentPage, page.pageSize, values).then(res => { |
| | | const data = res.data.data; |
| | | this.page.total = data.total; |
| | | this.data = data.records; |
| | | this.loading = false; |
| | | }) |
| | | }, |
| | | tabChange(value) { |
| | | this.defaultTaskType = value.prop |
| | | console.log(!!this.defaultTaskType); |
| | | } |
| | | } |
| | | } |