<template>
    <!-- nav---文件 -->
    <div class="file">
        <div class="table">
            <el-table
            :data="tableData"
            >
            <el-table-column
                width="100"
                prop="memberName"
                label="文件点"
            >
            </el-table-column>
            <el-table-column
                width="100"
                prop="memberSex"
                label="文件点"
            >
            </el-table-column>

            <el-table-column
                prop="memberPhone"
                label="文件点"
            >
            </el-table-column>

            <el-table-column
                prop="memberBirthday"
                label="文件点"
            >
            </el-table-column>
            <el-table-column
                prop="memberCard"
                label="文件点"
            >
            </el-table-column>

            <el-table-column
                prop="discountBalance"
                label="文件点"
            >
            <template slot-scope="scope">
                    <div v-if="scope.row.discountBalance">
                        <span>￥{{scope.row.discountBalance}}</span>
                    </div>

            </template>
            </el-table-column>
            <el-table-column
                prop="lastConsumeTime"
                label="文件点"
            >
            </el-table-column>

            <el-table-column
                fixed="right"
                label="操作"
                width="300"
            >
                <template slot-scope="scope">
                <el-button @click="findFn(scope.row)" type="primary" size="small">查看</el-button>
                </template>
            </el-table-column>
            </el-table>
        </div>
    </div>
</template>
<script>
export default {
    name: "file",
    data() {
        return {
            tableData:[],
        }
    },
    mounted(){

    },
    methods:{
        findFn(){
            console.log('11111111111')
        }
    }
}
</script>
<style lang="less" scoped>
    .file{
        font-size: 0.1rem;
    }
</style>
<style >
    .file .el-table{
      background: #022528;
    }
    .file .el-table:before{
      background-color: #022528;
    }
    .file .el-table__fixed-right:before, .el-table__fixed:before{
      background-color: #022528;
      height: 0;
    }
    .file{
        padding: 20px 15px;
        box-sizing: border-box;
        margin: 20px 16px 0 16px;
        height: 80%;
        overflow-x: auto;
    }
    .file>div{
        border: none;
    }
    .file .el-table tr th {
        background-color: #022528;
    }
    .file .el-table th,
    .file .el-table tr td{
        background-color: #02353d;
        color: #fff;
    }
    .file .el-table tr:nth-child(even) td{
        background-color: #022528;
        color: #fff;
    }
    .file .el-table td,
    .file .el-table th.is-leaf {
        border-bottom: 0 !important;
    }
    .file .el-table--enable-row-hover .el-table__body tr:hover>td {
        background-color: #126670 !important;
    }
    .file .el-table__footer-wrapper thead div, .file .el-table__header-wrapper thead div {
        background-color: #022528;
        color: #fff;
    }
    .file .el-table__empty-block{
        min-height: 130px;
        background-color: #126670;
    }
    .file .el-table__empty-text{
        font-size: 16px;
        color:#fff;
    }
    .file .el-table::after,.file .el-table::before {
        background-color: transparent;
    }
</style>
