代码调整

This commit is contained in:
joylink_cuiweidong 2022-05-31 18:12:47 +08:00
parent 90428b6f8e
commit 2976889742

View File

@ -33,7 +33,102 @@
</div> </div>
</div> </div>
<div class="runplanContentR"> <div class="runplanContentR">
table <el-table
id="runplanContentTable"
:data="tableData"
border
style="width: 100%;border:1px #ccc solid"
>
<el-table-column
prop="section"
label=""
width="100"
/>
<el-table-column label="到达">
<el-table-column label="列 车 车 次" style="text-align:center">
<el-table-column width="80">
<template slot="header">
<div class="runplanTableTname"><br><br>&nbsp;</div>
<div class="runplanTableNo">1</div>
</template>
</el-table-column>
<el-table-column width="80">
<template slot="header">
<div class="runplanTableTname"><br><br>&nbsp;</div>
<div class="runplanTableNo">2</div>
</template>
</el-table-column>
</el-table-column>
<el-table-column width="155">
<template slot="header">
<div class="runplanTableTname"><br><br><br>&nbsp;</div>
<div class="runplanTableNo">3</div>
</template>
</el-table-column>
<el-table-column width="60">
<template slot="header">
<div class="runplanTableTname"><br><br><br><br>&nbsp;</div>
<div class="runplanTableNo">4</div>
</template>
</el-table-column>
<el-table-column label="时 分">
<el-table-column width="70">
<template slot="header">
<div class="runplanTableTname">&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;</div>
<div class="runplanTableNo">5</div>
</template>
</el-table-column>
<el-table-column width="70">
<template slot="header">
<div class="runplanTableTname"><br><br><br></div>
<div class="runplanTableNo">6</div>
</template>
</el-table-column>
<el-table-column label="本站到达" style="height:30px">
<el-table-column width="70">
<template slot="header">
<div class="runplanTableTname"><br></div>
<div class="runplanTableNo">7</div>
</template>
</el-table-column>
<el-table-column width="70">
<template slot="header">
<div class="runplanTableTname"><br></div>
<div class="runplanTableNo">8</div>
</template>
</el-table-column>
</el-table-column>
</el-table-column>
<el-table-column label="摘车数量">
<el-table-column label="运用车">
<el-table-column width="50">
<template slot="header">
<div class="runplanTableTname"><br></div>
<div class="runplanTableNo">9</div>
</template>
</el-table-column>
<el-table-column width="50">
<template slot="header">
<div class="runplanTableTname"><br></div>
<div class="runplanTableNo">10</div>
</template>
</el-table-column>
</el-table-column>
<el-table-column width="50">
<template slot="header">
<div class="runplanTableTname" style="width:16px;margin-left:16px;">非运用车</div>
<div class="runplanTableNo">11</div>
</template>
</el-table-column>
<el-table-column width="50">
<template slot="header">
<div class="runplanTableTname"><br></div>
<div class="runplanTableNo">12</div>
</template>
</el-table-column>
</el-table-column>
</el-table-column>
</el-table>
</div> </div>
</div> </div>
<div class="runplanBottom"> <div class="runplanBottom">
@ -48,7 +143,9 @@ export default {
name:'RunplanPane', name:'RunplanPane',
data() { data() {
return { return {
isShow:false isShow:false,
tableData:[
]
}; };
}, },
methods:{ methods:{
@ -147,6 +244,8 @@ export default {
border-right: 2px #4c4c4c solid; border-right: 2px #4c4c4c solid;
padding: 6px 15px; padding: 6px 15px;
margin-top: 2px; margin-top: 2px;
cursor:pointer;
margin-left: 3px;
} }
.runplanBtnGroup{ .runplanBtnGroup{
display: flex; display: flex;
@ -169,5 +268,37 @@ export default {
padding: 6px 15px; padding: 6px 15px;
margin-top: 2px; margin-top: 2px;
background: #f0f0f0; background: #f0f0f0;
cursor: text;
}
.runplanTableNo{
height: 30px;
width: 100%;
text-align: center;
line-height: 30px;
border-top: 1px #ebeef5 solid;
// position: absolute;
// bottom: 0px;
}
.runplanTableTname{
width: 100%;
// flex-grow: 1;
text-align: center;
line-height: 20px;
font-size: 15px;
} }
</style> </style>
<style lang="scss">
#runplanContentTable.el-table .cell, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell{
padding-left:0;
padding-right:0;
text-align: center;
// display: flex;
// flex-direction: column-reverse;
// align-items: center;
}
#runplanContentTable.el-table td, .el-table th.is-leaf{
padding: 0px;
vertical-align: bottom;
}
#runplanContentTable.el-table thead.is-group th{padding:2px 0px}
</style>