<!--
@description: 流程状态-组件页面
@Author: lianys
@Date: 2021-02-03
-->
<template>
    <div>
        <dg-table :data="tableData" :pagination="false" row-key="id" :expand-row-keys="expandAll">
            <dg-table-column type="expand" width="80">
                <template slot="header">
                    <i class="icon iconfont iconl-outdent" style="cursor: pointer;" @click="handlexpandAll"></i>
                </template>
                <template slot-scope="props">
                    <dg-table :data="props.row.taskVos" :pagination="false" class="expand-table" stripe>
                        <dg-table-column width="90"></dg-table-column>
                        <dg-table-column label="操作人姓名" prop="assigneeName" width="300"></dg-table-column>
                        <dg-table-column label="操作状态" prop="operateState" width="180">
                            <template slot-scope="{row}">
                                <span v-if="row.operateState"><i class="el-icon-success" style="color:#67c23a"></i> 已办</span>
                                <span v-else><i class="el-icon-warning" style="color:#f04134"></i> 未办</span>
                            </template>
                        </dg-table-column>
                        <dg-table-column label="接收时间" prop="receiveTime"></dg-table-column>
                        <dg-table-column label="操作时间" prop="handleTime"></dg-table-column>
                        <dg-table-column label="操作耗时" prop="costTime"></dg-table-column>
                    </dg-table>
                </template>
            </dg-table-column>
            <dg-table-column label="序号" width="60" type="index"></dg-table-column>
            <dg-table-column label="节点" prop="nodeName" width="300"></dg-table-column>
            <dg-table-column label="操作者总计" prop="operatorSummary" width="180"></dg-table-column>
            <dg-table-column label="已办" prop="finishOperatorSummary"></dg-table-column>
        </dg-table>
    </div>
</template>

<script>
import main from "./main";
export default main;
</script>
<style scoped lang='scss'>
@import "./index.scss";
</style>