<template>
    <div>
      <p class="bt">加班申请</p>
      <el-form ref="form">
      <tatle border="1">
        <tr>
          <td>姓名</td>
          <td>JEECG用户</td>
          <td>部门</td>
          <td><input type="text" value="某某公司"></td>
        </tr>
        <tr>
          <td>职务</td>
          <td><input type="text"></td>
          <td>申请日期</td>
          <td><input type="data"></td>
        </tr>
        <tr>
          <td>加班时段</td>
          <td colspan="3">
            <el-form-item >
            <el-radio-group >
              <el-radio label="工作日加班"></el-radio>
              <el-radio label="周末加班"></el-radio>
              <el-radio label="法定假日加班"></el-radio>
            </el-radio-group>
          </el-form-item>
          </td>
        </tr>
        <tr>
          <td>约定加班时间</td>
          <td colspan="3">
            <el-form-item >
              <el-time-picker
                is-range
                range-separator="至"
                start-placeholder="开始时间"
                end-placeholder="结束时间"
                placeholder="选择时间范围" style="width: 100%;height: 100%;border: none;">
              </el-time-picker>
            </el-form-item>
          </td>
        </tr>
        <tr>
          <td>实际加班时间</td>
          <td colspan="3">
            <el-form-item >
              <el-time-picker
                is-range
                range-separator="至"
                start-placeholder="开始时间"
                end-placeholder="结束时间"
                placeholder="选择时间范围" style="width: 100%;height: 100%;border: none;">
              </el-time-picker>
            </el-form-item>
          </td>
        </tr>
        <tr>
        <tr>
          <td style="height: 150px;">备注</td>
          <td colspan="3">
            <el-form-item >
            <el-input type="textarea" style="height: 150px;"></el-input>
          </el-form-item></td>
        </tr>
      </tatle>
      </el-form>
    </div>
</template>

<script>
  export default {
    name: 'jiabanshenqing'
  }
</script>

<style lang="less" scoped>
  .bt{
    text-align: center;
    font-size: 18px;
    color: #000;
  }
  tatle{
    border-collapse: collapse;
    width: 100%;
    margin-left: 20px;
    td{
      width: 280px;
      height: 40px;
      line-height: 40px;
      border: 1px solid #000000;
      text-align: center;
      color: #000;

      input{
        border: 0;
        width: 100%;
        height: 100%;
      }
    }
  }
  .el-form-item{
    margin-bottom: 0 !important;
  }

</style>
