待处理事项

src/api/initiateAssessment.js

@@ -1,5 +1,6 @@
 
 import request from '@/utils/request'
+
 //  发起考核
 export function apiInitiateAssessmentInfo (query) {
   return request({

src/api/toDo.js

@@ -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
+  })
+}

src/style/common.less

@@ -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;

src/views/kpi/set/index.vue

@@ -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;
+  padding-top: 0px;
-    min-height: 600px;
+  min-height: 600px;
-    padding: 25px;
 }
 </style>

src/views/kpi/workbench/initiateAssessment/index.vue

@@ -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;

src/views/kpi/workbench/todo/index.vue

@@ -1,28 +1,116 @@
 <!--  -->
 <template>
-    <div class="todo">
+  <div class="todo commonFont">
-      <small-nav />
+    <small-nav />
-      <div class="todo-content boderAndRadius">
+    <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 () {},
+  beforeMount () { },
-  mounted () {},
+  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{
+.todo {
-  &-content{
+  &-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>