<template>
  <div>
    <common></common>
    <el-card class="con">
    <!-- 上部分 -->
    <div class="unreadTop">
      作业时间：
      <el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
      <el-input v-model="input" placeholder="请输入内容"></el-input>
      <el-button type="primary" >搜索</el-button>
    </div>
    <!-- 下部分表格 -->
    <!-- 表格区域 -->
    <div class="unreadTab">
    <el-table
    :data="tableData"
    border
    style="width: 100%"
    :header-cell-style="{background:'#FAFAFA'}">
     <el-table-column
     align="center"
      type="selection"
     >
    </el-table-column>
    <el-table-column
    align="center"
      prop="id"
      label="序号"
      width="">
    </el-table-column>
    <el-table-column
    align="center"
      prop="workName"
      label="作业名字"
      width="">
    </el-table-column>
    <el-table-column
    align="center"
      prop="total"
      label="总人数"
      width="">
    </el-table-column>
    <el-table-column
    align="center"
      prop="submit"
      label="已提交"
      width="">
    </el-table-column>
    <el-table-column
    align="center"
      prop="read"
      label="已批阅"
      width="">
    </el-table-column>
    <el-table-column
    align="center"
      label="操作"
      width="180">
      <template>
          <router-link class="" to="" ><span>批阅</span>|<span>查看</span><span>删除</span> </router-link>
      </template>
    </el-table-column>
    </el-table>
    </div>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value1: "",
      input:''
    };
  }
};
</script>
<style lang="less" scoped>
.con{
    margin:15px auto 0;
    width: 1200px;
    min-width: 800px;
    height: 100%;
    background-color: #fff;
    
}
.unreadTop{
    .el-input {
        width: 20%;
        margin:0 20px 20px 0;
    }
}
</style>