<template>
  <el-dialog v-model="visible" title="考核标准">
    <layout-table :data="list" :show-pagination="false">
      <el-table-column prop="index" label="序号" width="80" />
      <el-table-column prop="item" label="考核项" width="150" />
      <el-table-column prop="rules" label="考核细则" />
      <el-table-column prop="score" label="分值设定" width="80" />
    </layout-table>
    <template #footer>
      <el-button @click="visible = false">关闭</el-button>
    </template>
  </el-dialog>
</template>

<script setup>
import { useVModel } from "@vueuse/core";

const list = [
  {
    index: 1,
    item: "发现隐患",
    rules: "发现隐患数，乘以设定分值，最高分不可超过设定分值。",
    score: "20",
  },
  {
    index: 2,
    item: "隐患整改",
    rules: "整改隐患数，乘以设定分数，最高分不可超过设定分值。",
    score: "20",
  },
  {
    index: 3,
    item: "检查得分",
    rules: "负责清单检查完成率乘以设定分值数。",
    score: "20",
  },
  {
    index: 4,
    item: "培训得分",
    rules: "培训通过次数除以参与培训次数，乘以设定分值数。",
    score: "20",
  },
  {
    index: 5,
    item: "风险辨识完善得分",
    rules: "通过隐患辨识重新辨识风险数，乘以设定分值，",
    score: "2",
  },
];
const props = defineProps({
  visible: {
    type: Boolean,
    required: true,
    default: false,
  },
});
const emits = defineEmits(["update:visible"]);
const visible = useVModel(props, "visible", emits);
</script>

<style scoped lang="scss"></style>
