代码调整
This commit is contained in:
joylink_cuiweidong
parent
3adb71b96a
commit
c1e7198fa8
@ -37,6 +37,7 @@
|
||||
id="runplanContentTable"
|
||||
:data="tableData"
|
||||
border
|
||||
height="695"
|
||||
style="width: 100%;border:1px #ccc solid"
|
||||
>
|
||||
<el-table-column
|
||||
@ -44,89 +45,204 @@
|
||||
label=""
|
||||
width="100"
|
||||
/>
|
||||
<el-table-column label="到达">
|
||||
<el-table-column label="到 达">
|
||||
<el-table-column label="列 车 车 次" style="text-align:center">
|
||||
<el-table-column width="80">
|
||||
<el-table-column width="80" prop="down">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname">下<br>行<br> </div>
|
||||
<div class="runplanTableNo">1</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="80">
|
||||
<el-table-column width="80" prop="up">
|
||||
<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">
|
||||
<el-table-column width="155" prop="recieveTrain">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname">接<br>车<br>口<br> </div>
|
||||
<div class="runplanTableTname runplanTwo2Level">接<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="runplanTableTname runplanTwo1Level">接<br>车<br>股<br>道</div>
|
||||
<div class="runplanTableNo">4</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="时 分">
|
||||
<el-table-column label="时 分">
|
||||
<el-table-column width="70">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname">同 邻<br> 站<br> 发<br>意 车</div>
|
||||
<div class="runplanTableTname">
|
||||
<div class="runplanThreeLevel">同<span style="margin-left:5px;">邻</span></div>
|
||||
<div class="runplanThreeLevel"><span style="margin-left: 21px;">站</span></div>
|
||||
<div class="runplanThreeLevel"><span style="margin-left: 21px;">发</span></div>
|
||||
<div class="runplanThreeLevel">意<span style="margin-left:5px;">车</span></div>
|
||||
</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="runplanTableTname runplanThreeLevel">邻<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="runplanTableTname runplanFourLevel">规<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="runplanTableTname runplanFourLevel">实<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 label="运用车">
|
||||
<el-table-column width="50">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname">重<br>车</div>
|
||||
<div class="runplanTableTname runplanFourLevel">重<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="runplanTableTname runplanFourLevel">空<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="runplanTableTname runplanThreeLevel">非<br>运<br>用<br>车</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="runplanTableTname" style="line-height: 40px;">守<br>车</div>
|
||||
<div class="runplanTableNo">12</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column width="70">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname">占用区间<br>凭证号码</div>
|
||||
<div class="runplanTableNo">13</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="电 话 记 录 号 码">
|
||||
<el-table-column width="70">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname runplanThreeLevel">承<br>认<br>闭<br>塞</div>
|
||||
<div class="runplanTableNo">14</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="70">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname runplanThreeLevel">
|
||||
<div class="runplanThreeLevel">列<span style="margin-left:11px;">补</span></div>
|
||||
<div class="runplanThreeLevel">车<span style="margin-left:11px;">机</span></div>
|
||||
<div class="runplanThreeLevel">到<span style="margin-left:11px;">返</span></div>
|
||||
<div class="runplanThreeLevel">达<span style="margin-left:11px;">回</span></div>
|
||||
</div>
|
||||
<div class="runplanTableNo">15</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="70">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname runplanThreeLevel">取<br>消<br>闭<br>塞</div>
|
||||
<div class="runplanTableNo">16</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="70">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname runplanThreeLevel">
|
||||
<div style="width:16px;float:left;line-height: 13px;margin-left: 13px;margin-top: 3px;">出站 -跟踪 -</div>
|
||||
<div style="width: 16px;display:inline-block;line-height:20px;">调<br><br><br>车</div>
|
||||
</div>
|
||||
<div class="runplanTableNo">17</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="70">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname runplanThreeLevel">
|
||||
<div style="width:16px;float:left;line-height: 13px;margin-left: 13px;margin-top: 3px;">出站 -跟踪 -</div>
|
||||
<div style="width: 16px;display:inline-block;line-height:20px;">调车完毕</div>
|
||||
</div>
|
||||
<div class="runplanTableNo">18</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="发 车">
|
||||
<el-table-column label="列 车 车 次" style="text-align:center">
|
||||
<el-table-column width="80" prop="down">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname">下<br>行<br> </div>
|
||||
<div class="runplanTableNo">19</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="80" prop="up">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname">上<br>行<br> </div>
|
||||
<div class="runplanTableNo">20</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column width="60">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname runplanTwo1Level">发<br>车<br>股<br>道</div>
|
||||
<div class="runplanTableNo">21</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="155" prop="depatureTrain">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname runplanTwo2Level">发<br>车<br>口<br></div>
|
||||
<div class="runplanTableNo">22</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="时 分">
|
||||
<el-table-column width="70">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname">
|
||||
<div class="runplanThreeLevel">邻<span style="margin-left:5px;">发</span></div>
|
||||
<div class="runplanThreeLevel">站<span style="margin-left: 21px;" /></div>
|
||||
<div class="runplanThreeLevel">同<span style="margin-left: 21px;" /></div>
|
||||
<div class="runplanThreeLevel">意<span style="margin-left:5px;">车</span></div>
|
||||
</div>
|
||||
<div class="runplanTableNo">23</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="70">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname runplanThreeLevel">邻<br>站<br>出<br>发</div>
|
||||
<div class="runplanTableNo">24</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="本站到达" style="height:30px">
|
||||
<el-table-column width="70">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname runplanFourLevel">规<br>定</div>
|
||||
<div class="runplanTableNo">25</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="70">
|
||||
<template slot="header">
|
||||
<div class="runplanTableTname runplanFourLevel">实<br>际</div>
|
||||
<div class="runplanTableNo">26</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
@ -145,6 +261,8 @@ export default {
|
||||
return {
|
||||
isShow:false,
|
||||
tableData:[
|
||||
{section:'11002', up:'11002', recieveTrain:'王孙上行', depatureTrain:'京哈上行'},
|
||||
{section:'11102', up:'11102', recieveTrain:'王孙上行', depatureTrain:'京哈上行'}
|
||||
]
|
||||
};
|
||||
},
|
||||
@ -275,7 +393,8 @@ export default {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
border-top: 1px #ebeef5 solid;
|
||||
border-top: 1px #777777 solid;
|
||||
font-weight: normal;
|
||||
// position: absolute;
|
||||
// bottom: 0px;
|
||||
}
|
||||
@ -283,15 +402,23 @@ export default {
|
||||
width: 100%;
|
||||
// flex-grow: 1;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
// line-height: 20px;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
display: inline-block;
|
||||
}
|
||||
.runplanFourLevel{line-height: 22px;}
|
||||
.runplanThreeLevel{line-height: 20px;}
|
||||
.runplanTwo2Level{line-height:35px}
|
||||
.runplanTwo1Level{line-height: 27px;}
|
||||
.runplanZhe{width: 16px;display: inline-block;vertical-align: top;}
|
||||
</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;
|
||||
font-size: 15px;
|
||||
// display: flex;
|
||||
// flex-direction: column-reverse;
|
||||
// align-items: center;
|
||||
@ -300,5 +427,13 @@ export default {
|
||||
padding: 0px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
#runplanContentTable.el-table thead.is-group th{padding:2px 0px}
|
||||
#runplanContentTable.el-table thead.is-group th{
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 0px;
|
||||
padding:0px;
|
||||
background: #f0f0f0;
|
||||
color: #000;
|
||||
border-color: #777777;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user