代码调整
This commit is contained in:
parent
90428b6f8e
commit
2976889742
@ -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> </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>
|
</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>
|
||||||
|
Loading…
Reference in New Issue
Block a user