<template>
  <div class="employee-container">
    <div class="header">
      <el-form :model="form" :inline="true" class="demo-form-inline">
        <el-form-item>
          <el-input placeholder="请输入用户名"></el-input>
        </el-form-item>
        <el-form-item>
          <el-input placeholder="操作"></el-input>
        </el-form-item>
        <el-form-item>
          <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
        </el-form-item>
      </el-form>
    </div>

    <div class="body">
      456
    </div>
  </div>
</template>

<script>
export default {
  name: 'Journal',

  data() {
    return {
      form: {}
    }
  }

}
</script>

<style lang="scss" scoped>
  .employee-container {

    .header {
      display: flex;
      align-items: center;
      padding-left: 10px;
      height: 100px;
      background-color: red;
    }
  }
</style>
