<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="记录ID"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.recordId }}
      </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.workNum }}
      </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="所属考勤组ID"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.attendanceGroupId }}
      </el-descriptions-item>
      <el-descriptions-item
        label="所属考勤组名称"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.attendanceGroupName }}
      </el-descriptions-item>
      <el-descriptions-item
        label="考勤时间"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ util_formatterDate(form.attendanceDate) }}
      </el-descriptions-item>
      <el-descriptions-item
        label="绩效规则id"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.ruleId }}
      </el-descriptions-item>
      <el-descriptions-item
        label="规则名称"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.ruleName }}
      </el-descriptions-item>
      <el-descriptions-item
        label="增减类型"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ util_formatters("subAddType", form.subAddType) }}
      </el-descriptions-item>
      <el-descriptions-item
        label="扣分或增加分值"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.score }}
      </el-descriptions-item>
      <el-descriptions-item
        label="上下班时间"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.goOffTimeStr }}
      </el-descriptions-item>
      <el-descriptions-item
        label="异常时间"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ util_formatterDate(form.errorTime) }}
      </el-descriptions-item>
      <el-descriptions-item
        label="实际打卡时间"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ util_formatterDate(form.actualAttendTime) }}
      </el-descriptions-item>
      <el-descriptions-item
        label="异常处理结果"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.errorResult }}
      </el-descriptions-item>
      <el-descriptions-item
        label="核查人员"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.checkPerson }}
      </el-descriptions-item>
      <el-descriptions-item
        label="核查时间"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ util_formatterDate(form.checkTime) }}
      </el-descriptions-item>
      <el-descriptions-item
        label="核查说明"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.checkDesc }}
      </el-descriptions-item>
      <el-descriptions-item
        label="核查结果"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ form.checkResult }}
      </el-descriptions-item>
      <el-descriptions-item
        label="处理状态"
        label-class-name="labelClass"
        content-class-name="contentClass"
      >
        {{ util_formatters("checkStatus", form.checkStatus) }}
      </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: ["subAddType", "checkStatus"],
      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>
