<template>
  <div id="index">
    <list-normal>
      <template v-slot:title>
        <el-row>
          <el-col :span="1"><el-button icon="el-icon-arrow-left" size="mini" circle @click="$router.push('/manager/plan/index')"></el-button> </el-col>
          <el-col style="margin-top:0.5rem" :span="23">
            通知记录
          </el-col>
        </el-row>
      </template>
      <template v-slot:functionBar>
        <search v-model="select" type="select" :dataList="testList" placeholder="查阅状态" style="width:30%"></search>
      </template>

      <template v-slot:main>
        <el-table :data="dataList" border :stripe="true">
          <el-table-column align="center" type="index" label="序号" width="50"></el-table-column>
          <el-table-column align="center" prop="time" label="面试时间" width="200"></el-table-column>
          <el-table-column align="center" prop="school" label="学校名称" width="150"> </el-table-column>
          <el-table-column align="center" prop="name" label="姓名" width="150"> </el-table-column>
          <el-table-column align="center" prop="date" label="接受内容"></el-table-column>
          <el-table-column align="center" prop="status" label="是否查阅" width="100"></el-table-column>
          <el-table-column align="center" prop="sendtime" label="发送时间" width="200"> </el-table-column>
        </el-table>
      </template>
    </list-normal>
  </div>
</template>

<script>
import search from '@/components/search.vue';
import listNormal from '@/layout/list-normal.vue';
import _ from 'lodash';
import { mapActions, mapState } from 'vuex';
export default {
  name: 'index',
  components: {
    listNormal,
    search,
  },
  data: () => ({
    testList: [{ label: '查阅状态', value: 1 }, { label: '已查阅', value: 2 }, { label: '未查阅', value: 3 }],
    dataList: [
      {
        time: '2019年7月2日10:00-11:00',
        person: '1人',
        school: '云就业',
        name: '刘睿峰',
        date: '1',
        status: '否',
        sendtime: '2019-07-22 16:16 ',
      },
    ],
    select: '',
    listSelect: [],
    currentPage: 1,
    totalRow: 60,
  }),
  created() {
    // this.search();
  },
  methods: {
    ...mapActions(['getList']),
    test() {
      console.log('in function:');
    },
    async search() {
      let result = await this.getList();
      this.$set(this, `dataList`, result);
    },
    handleCurrentChange(val) {
      this.currentPage = val;
      this.search();
    },
    toSendMsg(val) {
      console.log(val);
    },
    handleDelete(val) {
      console.log(val);
    },
  },
};
</script>

<style lang="less" scoped>
.row_pagination {
  text-align: right;
  margin-top: 1rem;
}
.icons {
  zoom: 2;
  position: relative;
  top: 0.5rem;
}
</style>
