<template>
    <MyDialog v-if="show" v-model="show" width="880px">
        <template slot="title">我的测试</template>
        <el-table :data="tableData" class="mytable" style="width: 100%;background: transparent;"  ref="fbsubordinateUnit">
            <el-table-column prop="prj" label="项目名称"> </el-table-column>
            <el-table-column prop="node" label="节点名称" width="150" class-name="text-left">
                <template slot-scope="scope">
                    <span style="color:#01A9FF;font-size: 12px;">{{ scope.row.node }}</span>
                </template>
            </el-table-column>
            <el-table-column prop="username" label="用户名" width="150" class-name="text-left">
                <template slot-scope="scope">
                    <span style="color:#01A9FF;font-size: 12px;">{{ scope.row.username }}</span>
                </template>
            </el-table-column>
            <el-table-column prop="days" label="逾期天数">
                <template slot-scope="scope">
                    <span style="color:red">{{ scope.row.days }}</span>
                </template>
            </el-table-column>
           
        </el-table>
        <div style="width: 200px;height: 200px;">
        </div>

    </MyDialog>
</template>

<script>
import '@/components/module/module-one-1-1'
import MyDialog from '../components/MyDialog'
export default {
    components: {
        MyDialog,
    },
    name: 'JhbigscreenIndexDlg1',

    data() {
        return {
            show: false,
            tableData: []
        };
    },

    mounted() {
        this.tableData = [
            { prj: '项目一', node: '招采', days: 5, date: '2023.06.04',username:'haha' },
            { prj: '项目二', node: '报建审批及地勘施工', days: 10, date: '2023.05.31' },
            { prj: '项目三', node: '前期工作', days: 3, date: '2023.06.06' },
            { prj: '项目四', node: '市政道路施工', days: 4, date: '2023.06.05' }
        ]
    },

    methods: {
        showDialog() {
            this.show = true
        }
    },
};
</script>

<style lang="less" scoped>
.mytable{
    /deep/ th .cell{
        color: aquamarine;
    }
}
</style>