<template>
    <div id="print">
        <div class="sheet padding-10mm">
            <el-table
                :data="subViewData"
                border
                min-width="1400"
                row-class-name="break-style"
            >
                <el-table-column prop="time" label="时间" min-width="120" />
                <el-table-column
                    v-for="item in cate_list"
                    :prop="item.prop"
                    :label="item.label"
                    min-width="180"
                    :key="item.prop"
                >
                    <template slot-scope="scope">
                        <!-- <span>{{ scope.row}}</span> -->
                        <template>
                            <span
                                v-for="(item, index) of scope.row[item.prop]"
                                :key="index"
                            >
                                <h3 class="column-title">
                                    {{ item.title }}
                                    <!-- <span
                                    class="check"
                                    v-if="item.urls"
                                    @click="check(item)"
                                    >查看</span
                                > -->
                                </h3>
                                <span class="column-des">{{
                                    item.description
                                }}</span>
                            </span>
                        </template>
                    </template>
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>

<script>
export default {
    props: ['subViewData', 'cate_list'],
    data() {
        return {
            test: '1'
        }
    },
}
</script>

<style lang="less" >
#print {
    .el-table td,
    .el-table th.is-leaf {
        border-color: #aaa !important;
    }
    .el-table--border td,
    .el-table--border th,
    .el-table__body-wrapper
        .el-table--border.is-scrolling-left
        ~ .el-table__fixed {
        border-color: #aaa !important;
        color: #000 !important;
        font-size: 16px;
    }
    .break-style {
        page-break-inside: avoid;
    }
}
</style>
<style lang="less" scoped>
.el-table--border,
.el-table--group {
    border-color: #aaa;
}
</style>