| | |
| | | label: "被考核人", |
| | | prop: "userName", |
| | | type: "input", |
| | | search: true, |
| | | }, |
| | | { |
| | | label: "工号", |
| | |
| | | { |
| | | label: "部门", |
| | | prop: "deptName", |
| | | type: "select", |
| | | dicUrl: '/api/blade-system/dept/lazy-list?parentId=1737282385453543425', |
| | | search: true, |
| | | props: { |
| | | label: 'deptName', |
| | | value: 'fullName' |
| | | } |
| | | }, |
| | | { |
| | | label: "职务", |
| | |
| | | <avue-tabs :option="taskTypeList" @change="tabChange"></avue-tabs>
|
| | | <el-container class="container">
|
| | | <el-aside width="250px">
|
| | | <!-- <el-input v-model="taskWord" class="search-box" clearable placeholder="请输入任务名称">
|
| | | <el-input v-model="taskWord" class="search-box" clearable placeholder="请输入任务名称" @change="searchChange">
|
| | | <template #append>
|
| | | <el-button icon="el-icon-search"></el-button>
|
| | | </template>
|
| | | </el-input> -->
|
| | | </el-input>
|
| | | <ul class="aside-box">
|
| | | <template v-if="this.taskList.length > 0">
|
| | | <li v-for="(item, index) in this.taskList" :key="item.id" :class="{ 'is-active': taskActive === index }"
|
| | |
| | | </ul>
|
| | | <div class="pagination">
|
| | | <el-pagination v-model:current-page="page.current" v-model:page-size="page.size" background pager-count="3"
|
| | | layout="prev, pager, next" :total="page.total" small hide-on-single-page />
|
| | | <!-- @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" -->
|
| | | layout="prev, pager, next" :total="page.total" @current-change="handleCurrentChange" small hide-on-single-page />
|
| | | </div>
|
| | | </el-aside>
|
| | | <el-main>
|
| | |
| | | page: {
|
| | | current: 1,
|
| | | size: 10,
|
| | | total: 0
|
| | | total: 20
|
| | | },
|
| | | defaultTaskType: 0,
|
| | | taskTypeList: {
|
| | |
| | | initData() {
|
| | | this.getTaskList()
|
| | | },
|
| | | getTaskList() {
|
| | | getTaskList(params) {
|
| | | const { current, size } = this.page
|
| | | const values = {
|
| | | type: this.defaultTaskType
|
| | | type: this.defaultTaskType,
|
| | | ...params
|
| | | }
|
| | | getList(current, size, values).then(res => {
|
| | | const result = res.data.data
|
| | |
| | | this.taskList = result.records
|
| | | })
|
| | | },
|
| | | searchChange() {
|
| | | this.page.current = 1
|
| | | this.getTaskList({ taskName: this.taskWord })
|
| | | },
|
| | | handleCurrentChange(value) {
|
| | | this.page.current = value
|
| | | this.getTaskList({ taskName: this.taskWord })
|
| | | },
|
| | | tabChange(value) {
|
| | | this.defaultTaskType = value.prop;
|
| | | this.getTaskList()
|