<template>
    <el-table :data="data"  border stripe>
		  <el-table-column label="序号" min-width="60">
			  <template slot-scope="{row}" >
			    <span>{{ row.id }}</span>
			  </template>
		  </el-table-column>
		  <el-table-column label="操作人" min-width="150">
			  <template slot-scope="{row}" >
			    <span>{{ row.username }}</span>
			  </template>
		  </el-table-column>
		  <el-table-column label="操作时间" min-width="150">
			  <template slot-scope="{row}" >
			    <span>{{ row.created_at|toDatetime }}</span>
			  </template>
		  </el-table-column>
		  <el-table-column label="操作行为" min-width="150">
			  <template slot-scope="{row}" >
			    <span>{{ row.action }}</span>
			  </template>
		  </el-table-column>
		  <el-table-column label="状态变化" min-width="150">
			  <template slot-scope="{row}" >
			    <span>{{ row.stage|toLogStage }}</span>
			  </template>
		  </el-table-column>
		  <el-table-column label="备注" min-width="150">
			  <template slot-scope="{row}" >
			    <span>{{ row.marks||'---' }}</span>
			  </template>
		  </el-table-column>
		</el-table>
</template>

<script>
import { toLogStage } from "@/utils/stringFun";
import { toDatetime } from "@/utils/date";
    export default {
        name: "taskInfo",
        filters:{toLogStage,toDatetime},
        props:{
            data:{
                type:Array,
                default:()=>{
                    return []
                }
            }
        }

    }

</script>