<template>
  <div class="workbench-box">
    <header>
      <div class="workbench-serch">
        <div class="workbench-title">
          <div class="title-item">
            查企业
          </div>
          <div class="title-item">
            查项目
          </div>
          <div class="title-item">
            查荣誉
          </div>
        </div>
        <div class="workbench-btn">
          <el-input placeholder="请输入企业名称、项目名称、荣誉，查询" v-model="search" class="input-with-select">
            <template slot="append" class="work-btn">搜索</template>
          </el-input>
        </div>
      </div>
    </header>
    <main>
      <el-row class="main-row">
        <el-col :span="16" class="work-main-left">
          <div class="main-left">
            
          </div>
        </el-col>
        <el-col :span="8" class="work-main-right">
          <div class="main-right">
            <div class="right-header">
              <div class="title">【待办提醒】</div>
              <el-button type="text">>> 更多记录</el-button>
            </div>
            <div class="right-main">
              <div class="main-items" v-for="(item,index) in backlogArray" :key="index" :class="index % 2 == 0 ? '':'main-item'">
                <div>{{ item.projectName }}</div>
                <div>审批【知识产权】材料</div>
                <div>去审批</div>
              </div>
            </div>
          </div>
        </el-col>
      </el-row>
    </main>
  </div>
</template>
<script>
import { approvalList } from "@/api/onlineDeclartion/pendingReview"
export default {
  data() {
    return {
      search:"",
      backlogArray:[],
      pagination: {
        pageNum:1,
        pageSize:10,
      },
    }
  },
  mounted(){
    this.getList();
  },
  methods:{
    getList(){
      approvalList(this.pagination).then(res=>{
        console.log(res);
        this.backlogArray = res.rows
      })
    }
  },
}
</script>
<style lang="scss" scoped>

</style>
