<template>
  <layout-view>
    <el-descriptions
      :title="title"
      :column="column"
      :size="size"
      :colon="false"
      border
    >
      <template slot="title">
        <i class="el-icon-tickets"></i>
        基本详细信息
      </template>
      <template slot="extra">
        <el-button type="primary" @click="$router.go(-1)" size="small"
          >返回</el-button
        >
      </template>
      <el-descriptions-item
        label="窗口类别"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.windowCategory }}
      </el-descriptions-item>
      <el-descriptions-item
        label="员工ID"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.staffId }}
      </el-descriptions-item>
      <el-descriptions-item
        label="员工姓名"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.staffName }}
      </el-descriptions-item>
      <el-descriptions-item
        label="所属部门"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.deptId }}
      </el-descriptions-item>
      <el-descriptions-item
        label="所属部门名称"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.deptName }}
      </el-descriptions-item>
      <el-descriptions-item
        label="回单位"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.backToUnit }}
      </el-descriptions-item>
      <el-descriptions-item
        label="因公请假"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.onDutyLeave }}
      </el-descriptions-item>
      <el-descriptions-item
        label="外出勘验"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.outOfOffice }}
      </el-descriptions-item>
      <el-descriptions-item
        label="值班补班"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.shiftCompensation }}
      </el-descriptions-item>
      <el-descriptions-item
        label="体检"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.physicalExamination }}
      </el-descriptions-item>
      <el-descriptions-item
        label="隔离"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.quarantine }}
      </el-descriptions-item>
      <el-descriptions-item
        label="因公外出"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.businessTrip }}
      </el-descriptions-item>
      <el-descriptions-item
        label="公休"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.publicHoliday }}
      </el-descriptions-item>
      <el-descriptions-item
        label="病假"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.sickLeave }}
      </el-descriptions-item>
      <el-descriptions-item
        label="丧假"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.funeralLeave }}
      </el-descriptions-item>
      <el-descriptions-item
        label="婚假"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.marriageLeave }}
      </el-descriptions-item>
      <el-descriptions-item
        label="育儿假"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.childRearingLeave }}
      </el-descriptions-item>
      <el-descriptions-item
        label="产假"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.maternityLeave }}
      </el-descriptions-item>
      <el-descriptions-item
        label="调回单位"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.transferBack }}
      </el-descriptions-item>
      <el-descriptions-item
        label="探亲假"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.homeLeave }}
      </el-descriptions-item>
      <el-descriptions-item
        label="事假"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.personalLeave }}
      </el-descriptions-item>
      <el-descriptions-item
        label="考勤汇总-旷工"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.absenteeismDays }}
      </el-descriptions-item>
      <el-descriptions-item
        label="考勤汇总-其他"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.otherDays }}
      </el-descriptions-item>
      <el-descriptions-item
        label="考勤汇总-出勤率"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.attendanceRate }}
      </el-descriptions-item>
      <el-descriptions-item
        label="考勤汇总-未按规定打卡"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.nonCompliancePunch }}
      </el-descriptions-item>
      <el-descriptions-item
        label="考勤汇总-迟到"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.lateTimes }}
      </el-descriptions-item>
      <el-descriptions-item
        label="考勤汇总-上网耍手机"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.surfingMobileTimes }}
      </el-descriptions-item>
      <el-descriptions-item
        label="考勤汇总-溜班"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.overtimeTimes }}
      </el-descriptions-item>
      <el-descriptions-item
        label="考勤汇总-空岗"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.vacancy }}
      </el-descriptions-item>
      <el-descriptions-item
        label="考勤汇总-未规范着装"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.nonStandardDressTimes }}
      </el-descriptions-item>
      <el-descriptions-item
        label="考勤汇总-无故缺席会议"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.unexcusedMeetingAbsence }}
      </el-descriptions-item>
      <el-descriptions-item
        label="考勤汇总-会议早退"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.earlyLeaveMeeting }}
      </el-descriptions-item>
      <el-descriptions-item
        label="年"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.year }}
      </el-descriptions-item>
      <el-descriptions-item
        label="月"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.month }}
      </el-descriptions-item>
      <el-descriptions-item
        label="日"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.day }}
      </el-descriptions-item>
      <el-descriptions-item
        label="备注"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.remark }}
      </el-descriptions-item>
    </el-descriptions>
  </layout-view>
</template>

<script>
import view from "@/assets/mixins/view";
export default {
  mixins: [view],
  components: {},
  methods: {},
  data() {
    return {
      size: "small",
      column: 2,
      toString: [],
      toArrays: [],
      toDate: [],
    };
  },
};
</script>
<style lang="less">
.labelClass {
  width: 200px;
}
.el-descriptions__body {
  margin-left: 5px;
  margin-right: 5px;
  color: #606266;
  background-color: #fff;
}
.contentClass {
  width: 600px;
}
</style>
