待处理事项
This commit is contained in:
parent
eb48db87dd
commit
9a782c8e99
@ -1,5 +1,6 @@
|
||||
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 发起考核
|
||||
export function apiInitiateAssessmentInfo (query) {
|
||||
return request({
|
||||
|
||||
10
src/api/toDo.js
Normal file
10
src/api/toDo.js
Normal file
@ -0,0 +1,10 @@
|
||||
import requestFuc from '@/utils/request'
|
||||
|
||||
// 获取考核组列表
|
||||
export function apiGetWaitList (query) {
|
||||
return requestFuc({
|
||||
url: '/lz_management/performance/task/list',
|
||||
method: 'POST',
|
||||
data: query
|
||||
})
|
||||
}
|
||||
@ -10,6 +10,10 @@
|
||||
font-size: 16px;
|
||||
color: #52575b;
|
||||
}
|
||||
.common-main {
|
||||
background-color: white;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
.noSelect {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<!-- -->
|
||||
<template>
|
||||
<div class="set-mian commonFont">
|
||||
<div class="set-mian commonFont common-main">
|
||||
<el-menu
|
||||
:default-active="activeIndex"
|
||||
mode="horizontal"
|
||||
@ -47,8 +47,7 @@ export default {
|
||||
|
||||
<style lang='less' scoped>
|
||||
.set-mian {
|
||||
background-color: white;
|
||||
min-height: 600px;
|
||||
padding: 25px;
|
||||
padding-top: 0px;
|
||||
min-height: 600px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="initiate-assessment commonFont">
|
||||
<div class="initiate-assessment commonFont common-main">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:rules="formRules"
|
||||
@ -340,14 +340,12 @@ export default {
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.initiate-assessment {
|
||||
padding: 25px;
|
||||
background-color: white;
|
||||
min-height: 600px;
|
||||
.title {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.choose-group {
|
||||
margin-top: 150px;
|
||||
margin-top: 200px;
|
||||
}
|
||||
.line-space {
|
||||
margin-top: 20px;
|
||||
|
||||
@ -1,28 +1,116 @@
|
||||
<!-- -->
|
||||
<template>
|
||||
<div class="todo">
|
||||
<small-nav />
|
||||
<div class="todo-content boderAndRadius">
|
||||
待办事项
|
||||
<div class="todo commonFont">
|
||||
<small-nav />
|
||||
<div class="todo-content boderAndRadius">
|
||||
<div class="todo-content-left">
|
||||
<el-menu
|
||||
@select="handleMenuSeledt"
|
||||
:default-active="activeIndex"
|
||||
style=" width: 200px; height: 100%;"
|
||||
>
|
||||
<el-menu-item index="0">待处理{{waitCount>0?'(' +waitCount + ')':''}}</el-menu-item>
|
||||
<el-menu-item index="1">已处理</el-menu-item>
|
||||
</el-menu>
|
||||
</div>
|
||||
<div class="todo-content-right">
|
||||
<!-- <div v-if=""></div> -->
|
||||
<el-table
|
||||
:data="waitTableList"
|
||||
:show-header="false"
|
||||
style="border-top: 1px solid #ebebeb;"
|
||||
max-height="500"
|
||||
>
|
||||
<el-table-column
|
||||
prop="imgStr"
|
||||
width="100"
|
||||
></el-table-column>
|
||||
<el-table-column prop="name"></el-table-column>
|
||||
<el-table-column
|
||||
width="200"
|
||||
align="right"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{scope.row.dateTime}}<i class="el-icon-arrow-right"></i>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
:hide-on-single-page="true"
|
||||
:current-page.sync="rqParameter.currPage"
|
||||
:page-size="rqParameter.pageSize"
|
||||
:total="rqParameter.totalCount"
|
||||
:page-count="rqParameter.totalPage"
|
||||
@current-change="handleCurrentChange"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
></el-pagination> </div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import SmallNav from '@/components/kpi-layout/SmallNav'
|
||||
import { apiGetWaitList } from '@/api/toDo'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
||||
activeIndex: '0',
|
||||
waitCount: 0,
|
||||
rqParameter: {
|
||||
currPage: 1,
|
||||
pageSize: 20,
|
||||
status: 0,
|
||||
totalCount: 1,
|
||||
totalPage: 1
|
||||
},
|
||||
waitTableList: [{ imgStr: '', name: '咔咔咔咔咔咔扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩', dateTime: '2020-22-22 02:22:22' }, { imgStr: '', name: '咔咔咔咔咔咔扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩', dateTime: '2020-22-22 02:22:22' }, { imgStr: '', name: '咔咔咔咔咔咔扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩扩', dateTime: '2020-22-22 02:22:22' }]
|
||||
}
|
||||
},
|
||||
components: {
|
||||
SmallNav
|
||||
},
|
||||
computed: {},
|
||||
beforeMount () {},
|
||||
mounted () {},
|
||||
beforeMount () { },
|
||||
mounted () {
|
||||
this.activeIndex = '0'
|
||||
this.rqParameter = {
|
||||
currPage: 1,
|
||||
pageSize: 20,
|
||||
status: this.activeIndex,
|
||||
totalCount: 1,
|
||||
totalPage: 1
|
||||
}
|
||||
this.handleGetList()
|
||||
},
|
||||
methods: {
|
||||
handleGetList () {
|
||||
apiGetWaitList(this.rqParameter).then(res => {
|
||||
this.rqParameter.currPage = res.data.currPage
|
||||
this.rqParameter.totalCount = res.data.totalCount
|
||||
this.rqParameter.totalPage = res.data.totalPage
|
||||
if (this.activeIndex === 0) {
|
||||
// 待处理事项
|
||||
this.waitCount = res.data.totalCount
|
||||
}
|
||||
this.waitTableList = res.data.list
|
||||
console.log('待处理', res)
|
||||
})
|
||||
},
|
||||
handleMenuSeledt () {
|
||||
this.rqParameter = {
|
||||
currPage: 1,
|
||||
pageSize: 20,
|
||||
status: this.activeIndex,
|
||||
totalCount: 1,
|
||||
totalPage: 1
|
||||
}
|
||||
this.waitTableList = []
|
||||
this.handleGetList()
|
||||
},
|
||||
handleCurrentChange (val) {
|
||||
this.rqParameter.currPage = val
|
||||
this.handleGetList()
|
||||
}
|
||||
},
|
||||
watch: {}
|
||||
|
||||
@ -31,11 +119,22 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang='less' scoped>
|
||||
.todo{
|
||||
&-content{
|
||||
.todo {
|
||||
&-content {
|
||||
width: 1252px;
|
||||
min-height: 537px;
|
||||
// min-height: 537px;
|
||||
padding: 28px;
|
||||
display: flex;
|
||||
&-left {
|
||||
width: 200px;
|
||||
float: left;
|
||||
}
|
||||
&-right {
|
||||
// border-left: 2px solid @borderColor;
|
||||
// padding-left: 20px;
|
||||
padding: 20px;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user