<style>
.LM_mainDiv{
    overflow-y:auto; 
}
.LP_table{
    margin-top: 10px;
    background-color: #fff;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    font-size: 14px;
}
.LP_table tr{
    height:40px;
}
.LP_table tr th{
    border-bottom:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
    position: relative;
    background-color: #E6E6E6;
}
th[class=first]:before{
    content: "";
    position: absolute;
    width: 1px;
    height:252px;/*这里需要自己调整，根据td的宽度和高度*/
    top:0;
    left:0;
    background-color: #d1d1d1;
    display: block;
    transform: rotate(-81deg);/*这里需要自己调整，根据线的位置*/
    transform-origin: top;
}

.LP_table td{
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    text-align: center;
    padding: 5px;
    min-width: 250px;
}
.LP_table .el-button--primary{
    padding:5px;
}
.Lp_role{
    position: absolute;
    top:15px;
    left:30px;
}
.Lp_company{
    position: absolute;
    right:30px;
    top:5px;
}
</style>

<template>
<div>
    <div class="LM_mainDiv">
        <table border="0" cellspacing="0" cellpadding="0" class="LP_table">
            <tr>
                <th class="first">
                    <span class="Lp_role">角色</span>
                    <span class="Lp_company">公司</span>
                </th>
                <th>成都</th>
                <th>成都</th>
                <th>成都</th>
                <th>成都</th>
                <th>成都</th>
                <th>操作</th>
            </tr>
            <tr>
                <td>
                    <el-select filterable :placeholder="$t('pub.pleaseSel')" class="w150">
                        <el-option label="不限" value="-1"></el-option>
                    </el-select>
                </td>
                <td>
                    <el-input class="w80" placeholder="金額"></el-input>
                    <el-input class="w80" placeholder="百分比"></el-input>
                </td>
                <td>
                    <el-input class="w80" placeholder="金額"></el-input>
                    <el-input class="w80" placeholder="百分比"></el-input>
                </td>
                <td>
                    <el-input class="w80" placeholder="金額"></el-input>
                    <el-input class="w80" placeholder="百分比"></el-input>
                </td>
                <td>
                    <el-input class="w80" placeholder="金額"></el-input>
                    <el-input class="w80" placeholder="百分比"></el-input>
                </td>
                <td>
                    <el-input class="w80" placeholder="金額"></el-input>
                    <el-input class="w80" placeholder="百分比"></el-input>
                </td>
                <td>
                    <el-tooltip class="item" effect="dark" content="保存" placement="top-start">
                        <el-button type="primary" icon="iconfont icon-baocun" circle></el-button>
                    </el-tooltip>
                </td>
            </tr>
        </table>    
    </div>
</div>  
</template>

<script>
export default {
data() {
return {
    getCompanyList: [],
};
},
methods: {
 
},
mounted() {

},
};
</script>