<template>
    <div class="check-list-box">
      <el-table
        :data="listData"
        height="600"
        style="width: 100%">
        <el-table-column
          type="index"
          min-width="80">
        </el-table-column>
        <el-table-column
          prop="checkedGroupName"
          label="部门"
          min-width="120">
          <template slot-scope="scope">
             <span v-if="scope.row.checkedGroupName">{{scope.row.checkedGroupName}}</span>
             <span v-else>无</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="checkedUserName"
          label="执行人"
          min-width="120">
        </el-table-column>
        <el-table-column
          prop="createdTime"
          label="时间"
          min-width="130">
        </el-table-column>
        <el-table-column
          prop="checkResultRemark"
          label="结果"
          min-width="80">
          <!--<template slot-scope="scope">
            <span v-if="scope.row.hiddenDangerNumber == 0" >正常</span>
            <span v-else >异常</span>
          </template>-->
        </el-table-column>
      </el-table>
    </div>
</template>

<script>
    import {mapState} from 'vuex';

    export default {
        name: "CheckList",
        computed:{
            ...mapState(['riskPointDetail'])
        },
        props: ['listData'],

        mounted() {
          // console.log('riskPointDetail----------1')
          console.log(this.riskPointDetail);
        },
    }
</script>

<style scoped>

</style>
