// table-expand.vue
<style scoped>
    .expand-row{
        margin-bottom: 16px;
        overflow: hidden;
    }
    .expand-row li{
        width: 20%;
        padding: 0 16px;
        float: left;
        list-style: none;
        cursor: pointer;
    }
</style>
<template>
    <div>
        <ul class="expand-row" 
            v-for="i in row.row.children" 
            :key="i.materialType" 
            @click="expandListCk(i)" 
            :style="params.userId == i.userId && params.materialType != '3' ? 'color:#2db7f5' : ''"
        >
            <li>{{i.name}}</li>
            <li>{{i.total}}</li>
            <li>{{i.length}}</li>
            <li>{{i.measureArea}}</li>
            <li>{{i.money}}</li>
        </ul>
        
    </div>
</template>
<script>
    export default {
        props: {
            row: Object,
            params:Object
        },
        created(){
            
        },
        methods:{
            expandListCk(item){
                console.log(this.params)
                this.$emit('on-row-click',item)
            },
        },
    };
</script>