<template>
  <div id="index">
    <list-normal>
      <template #title>
        <back-bar to="/manager/plan/index" title="面试详情"></back-bar>
      </template>
      <template #main>
        <el-row>
          <el-col :span="6" class="l-top">
            <el-col>
              <span>日期：2019年7月2日</span>
            </el-col>
            <el-col :span="20">
              <span>开始：10:00</span>
              <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
              <span>截止：11:00</span>
            </el-col>
            <el-col align="center" style="background-color: #cccccc;">
              <span>已结束</span>
            </el-col>
            <el-col :span="24">
              <el-tabs v-model="activeName" :stretch="true">
                <el-tab-pane label="待面0" name="first"></el-tab-pane>
                <el-tab-pane label="已面1" name="second">
                  <el-row>
                    <el-col :span="4" class="f_tit"><span>1</span></el-col>
                    <el-col :span="20">
                      <el-col :span="14" class="spa">
                        <el-link type="primary">
                          <span>111</span>
                        </el-link>
                      </el-col>
                      <el-col :span="10">
                        <el-button type="success" style="padding: 3px 15px;"><span>录用</span></el-button>
                      </el-col>
                      <el-col class="spa"><span>云就业</span></el-col>
                      <el-col class="spa"><span>本科生毕业&nbsp;交通运输</span></el-col>
                      <el-col class="spa"><span>岗位：eeee</span></el-col>
                    </el-col>
                  </el-row>
                </el-tab-pane>
              </el-tabs>
            </el-col>
          </el-col>
          <el-col :span="18" class="l-top" style="padding:14px;">
            <resume-context v-if="info.id" :info="info"></resume-context>
            <span v-else>暂无简历数据</span>
          </el-col>
        </el-row>
      </template>
    </list-normal>
  </div>
</template>

<script>
import resumeContext from '@/views/manager/jobs/resume/context.vue';
import listNormal from '@/layout/list-normal.vue';
import backBar from '@/components/back-bar.vue';
export default {
  components: {
    listNormal,
    backBar,
    resumeContext,
  },
  data: () => ({
    activeName: 'detail',
    info: { id: 1 },
  }),
  methods: {},
};
</script>

<style lang="less" scoped>
.l-top {
  height: -webkit-fill-available;
  padding-top: 14px;
  border-left-style: solid;
  border-right-style: solid;
  border-top-style: solid;
  border-width: 1px;
  border-color: #c0c4cc;
}
/deep/.spa {
  padding: 2px 5px;
}
/deep/.el-tabs__item.is-active {
  color: #44b549;
}
/deep/.el-tabs__active-bar {
  background-color: #44b549;
}
.f_tit {
  padding: 40px 0;
  background-color: #f3f3f3;
  text-indent: 15px;
}
/deep/.el-tabs__item:hover {
  color: #000;
}
</style>
