代码调整
This commit is contained in:
parent
90428b6f8e
commit
2976889742
@ -33,7 +33,102 @@
|
||||
</div>
|
||||
</div>
|
||||
<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> </div>
|
||||
<div class="runplanTableNo">1</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="80">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname">上<br>行<br> </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> </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> </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">同 邻<br> 站<br> 发<br>意 车</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 class="runplanBottom">
|
||||
@ -48,7 +143,9 @@ export default {
|
||||
name:'RunplanPane',
|
||||
data() {
|
||||
return {
|
||||
isShow:false
|
||||
isShow:false,
|
||||
tableData:[
|
||||
]
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
@ -147,6 +244,8 @@ export default {
|
||||
border-right: 2px #4c4c4c solid;
|
||||
padding: 6px 15px;
|
||||
margin-top: 2px;
|
||||
cursor:pointer;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.runplanBtnGroup{
|
||||
display: flex;
|
||||
@ -169,5 +268,37 @@ export default {
|
||||
padding: 6px 15px;
|
||||
margin-top: 2px;
|
||||
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 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>
|
||||
|
Loading…
Reference in New Issue
Block a user