考核组筛选
This commit is contained in:
leave
parent
a60081173e
commit
2961552a07
10
src/api/dialogEvaluationTeam.js
Normal file
10
src/api/dialogEvaluationTeam.js
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 考核任务列表
|
||||||
|
export function apiGetEvaluationTeamList (query) {
|
||||||
|
return request({
|
||||||
|
url: '/lz_management/evaluationGroup/getGroups',
|
||||||
|
method: 'post',
|
||||||
|
data: query
|
||||||
|
})
|
||||||
|
}
|
||||||
262
src/components/EvaluationTeamFilter/index.vue
Normal file
262
src/components/EvaluationTeamFilter/index.vue
Normal file
@ -0,0 +1,262 @@
|
|||||||
|
// 考评组筛选
|
||||||
|
<template>
|
||||||
|
<div class="team-filter commonFont">
|
||||||
|
<el-dialog
|
||||||
|
title="考评组筛选"
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
:before-close="handleCancel"
|
||||||
|
width="920"
|
||||||
|
>
|
||||||
|
<div class="team-filter-content">
|
||||||
|
<el-col
|
||||||
|
:span="12"
|
||||||
|
class="team-filter-content-left"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
prefix-icon="el-icon-search"
|
||||||
|
v-model="searchName"
|
||||||
|
@change="handleSearchChange"
|
||||||
|
placeholder="搜索考评组"
|
||||||
|
size="small"
|
||||||
|
></el-input>
|
||||||
|
<el-table
|
||||||
|
:data="tableList"
|
||||||
|
ref="refChooseTable"
|
||||||
|
max-height="394"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
v-if="tableList.length"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="40"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="name"
|
||||||
|
label="全选"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="counts"
|
||||||
|
align="right"
|
||||||
|
width="100"
|
||||||
|
></el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-pagination
|
||||||
|
:hide-on-single-page="true"
|
||||||
|
:current-page.sync="pageInfo.currPage"
|
||||||
|
:page-size="pageInfo.pageSize"
|
||||||
|
:total="pageInfo.totalCount"
|
||||||
|
:page-count="pageInfo.totalPage"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
layout="total, prev, pager, next, jumper"
|
||||||
|
></el-pagination>
|
||||||
|
</el-col>
|
||||||
|
<el-col
|
||||||
|
:span="12"
|
||||||
|
class="team-filter-content-right"
|
||||||
|
>
|
||||||
|
<div class="team-filter-content-right-header">
|
||||||
|
<div>已选择：{{seleactedList.length}}个</div>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
@click="handleClear"
|
||||||
|
style=""
|
||||||
|
>清空选择</el-button>
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
:data="seleactedList"
|
||||||
|
:show-header="false"
|
||||||
|
max-height="394"
|
||||||
|
:row-key="handleGetRowKeys"
|
||||||
|
v-if="seleactedList.length>0"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="40"
|
||||||
|
:reserve-selection="true"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<i
|
||||||
|
class="el-icon-circle-close team-filter-content-right-clear"
|
||||||
|
@click="handleDelete( scope.row,scope.$index)"
|
||||||
|
></i>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="name"></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="counts"
|
||||||
|
width="100"
|
||||||
|
align="right"
|
||||||
|
></el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-col>
|
||||||
|
</div>
|
||||||
|
<div slot="footer">
|
||||||
|
<el-button
|
||||||
|
@click="handleCancel"
|
||||||
|
size="small"
|
||||||
|
>取 消</el-button>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="handleSubmit"
|
||||||
|
>筛选</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { apiGetEvaluationTeamList } from '@/api/dialogEvaluationTeam'
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
dialogVisible: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
filtersDic: {
|
||||||
|
type: Object,
|
||||||
|
default: () => {
|
||||||
|
return {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
searchName: '',
|
||||||
|
tableList: [{
|
||||||
|
copyId: 0,
|
||||||
|
counts: 53,
|
||||||
|
depIds: '154322459',
|
||||||
|
gmtCreate: '2020-10-26 11:22:01',
|
||||||
|
gmtModified: '2020-10-27 14:30:47',
|
||||||
|
id: 57,
|
||||||
|
isDelete: 0,
|
||||||
|
managerIds: '380',
|
||||||
|
name: '1231',
|
||||||
|
outIds: '322,379,380,387,388,389,391,410,825',
|
||||||
|
score: 0,
|
||||||
|
staffIds: ''
|
||||||
|
}],
|
||||||
|
seleactedList: [],
|
||||||
|
pageInfo: {
|
||||||
|
currPage: 1,
|
||||||
|
pageSize: 20,
|
||||||
|
totalCount: 1,
|
||||||
|
totalPage: 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created () {
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
dialogVisible (newVal, oldVal) {
|
||||||
|
if (newVal) {
|
||||||
|
if (this.filtersDic.currPage === undefined || !this.filtersDic.currPage) {
|
||||||
|
this.filtersDic['currPage'] = this.pageInfo.currPage
|
||||||
|
}
|
||||||
|
if (this.filtersDic.pageSize === undefined || !this.filtersDic.pageSize) {
|
||||||
|
this.filtersDic['pageSize'] = this.pageInfo.pageSize
|
||||||
|
}
|
||||||
|
this.handleDataList()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleDataList () {
|
||||||
|
apiGetEvaluationTeamList(this.filtersDic).then(res => {
|
||||||
|
this.pageInfo.currPage = res.data.currPage
|
||||||
|
this.pageInfo.totalCount = res.data.totalCount
|
||||||
|
this.pageInfo.totalPage = res.data.totalPage
|
||||||
|
this.tableList = res.data.list
|
||||||
|
})
|
||||||
|
// for (let index = 0; index < 100; index++) {
|
||||||
|
// let dic = { id: index.toString(), name: '12月绩效考核' + index.toString(), count: '12' }
|
||||||
|
// this.tableList.push(dic)
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
// handleGetRowStyle () {
|
||||||
|
// return { 'height': '44px' }
|
||||||
|
// },
|
||||||
|
handleSearchChange () {
|
||||||
|
// 搜索
|
||||||
|
this.filtersDic['name'] = this.searchName
|
||||||
|
this.handleDataList()
|
||||||
|
},
|
||||||
|
handleGetRowKeys (row) {
|
||||||
|
return row.id
|
||||||
|
},
|
||||||
|
handleCancel () {
|
||||||
|
this.handleClear()
|
||||||
|
this.$emit('close')
|
||||||
|
},
|
||||||
|
handleSubmit () {
|
||||||
|
this.$emit('submitClick', this.seleactedList)
|
||||||
|
},
|
||||||
|
handleSelectionChange (val) {
|
||||||
|
this.seleactedList = val
|
||||||
|
},
|
||||||
|
handleCurrentChange (val) {
|
||||||
|
this.pageInfo.currPage = val
|
||||||
|
this.filtersDic['currPage'] = this.pageInfo.currPage
|
||||||
|
this.handleDataList()
|
||||||
|
},
|
||||||
|
handleClear () {
|
||||||
|
this.seleactedList = []
|
||||||
|
this.$refs.refChooseTable.clearSelection()
|
||||||
|
},
|
||||||
|
handleDelete (item, index) {
|
||||||
|
this.seleactedList.splice(index, 1)
|
||||||
|
this.$refs.refChooseTable.toggleRowSelection(item, false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="less">
|
||||||
|
.team-filter {
|
||||||
|
.el-dialog__body {
|
||||||
|
padding: 0px 20px 0px 20px !important;
|
||||||
|
}
|
||||||
|
.el-dialog__footer {
|
||||||
|
border-top: 1px solid @borderColor !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.team-filter {
|
||||||
|
&-content {
|
||||||
|
width: 100%;
|
||||||
|
height: 425px;
|
||||||
|
border-bottom: 1 solid @borderColor;
|
||||||
|
&-left {
|
||||||
|
height: 100%;
|
||||||
|
border-right: 1px solid @borderColor;
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
&-right {
|
||||||
|
height: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
&-header {
|
||||||
|
width: 100%;
|
||||||
|
height: 32px;
|
||||||
|
display: flex;
|
||||||
|
border-bottom: 1px solid @borderColor;
|
||||||
|
justify-content: space-between;
|
||||||
|
.el-button {
|
||||||
|
padding-top: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-clear {
|
||||||
|
width: 40px;
|
||||||
|
height: 23px;
|
||||||
|
line-height: 23px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// .el-dialog__footer {
|
||||||
|
// border-top: 1 solid @borderColor !important;
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
x
Reference in New Issue
Block a user