代码调整
This commit is contained in:
parent
0c0b907433
commit
90428b6f8e
@ -1,10 +1,40 @@
|
||||
<template>
|
||||
<div v-show="isShow" class="runplanPane">
|
||||
<div class="runplanMenuBar" />
|
||||
<div class="runplanMenuButton" />
|
||||
<div class="runplanMenuBar">
|
||||
<div class="runplanLine" />
|
||||
</div>
|
||||
<div class="runplanMenuButton">
|
||||
<div class="runplanLine" />
|
||||
<div class="rpDispacherCommand runplanClickBtn">调度命令</div>
|
||||
<div class="runplanBtnGroup">
|
||||
<div class="runplanClickBtn">阶段计划(F8)</div>
|
||||
<div class="runplanClickBtn">发送计划</div>
|
||||
<div class="runplanClickBtn">阶段记事</div>
|
||||
</div>
|
||||
<div class="runplanStatusGroup">
|
||||
<div class="eachRunplanStatus">2020年11月15日22:23:21</div>
|
||||
<div class="eachRunplanStatus">与中心通信正常</div>
|
||||
<div class="eachRunplanStatus">与车站服务器通信正常</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="runplanContent">
|
||||
<div class="runplanContentL" />
|
||||
<div class="runplanContentR" />
|
||||
<div class="runplanContentL">
|
||||
<div class="runplanVLine" />
|
||||
<div class="runplanContentLIn">
|
||||
<div class="runplanContentBtn">预告(F1)</div>
|
||||
<div class="runplanContentBtn">同意(F2)</div>
|
||||
<div class="runplanContentBtn">到达(F3)</div>
|
||||
<div class="runplanContentBtn">出发(F4)</div>
|
||||
<div class="runplanContentBtn">通过(F11)</div>
|
||||
<div class="runplanContentBtn">邻站(F6)</div>
|
||||
<div class="runplanContentBtn">取消接车(Esc)</div>
|
||||
<div class="runplanContentBtn">取消闭塞(F6)</div>
|
||||
<div class="runplanContentBtn">取消发车(F7)</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="runplanContentR">
|
||||
table
|
||||
</div>
|
||||
</div>
|
||||
<div class="runplanBottom">
|
||||
<div class="runplanBottomL" />
|
||||
@ -49,10 +79,13 @@ export default {
|
||||
border: 1px #a5a5a5 solid;
|
||||
}
|
||||
.runplanMenuButton{
|
||||
height: 35px;
|
||||
height: 37px;
|
||||
background: #f0f0f0;
|
||||
border: 1px #a5a5a5 solid;
|
||||
margin-top: 1px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.runplanContent{
|
||||
height: 695px;
|
||||
@ -61,14 +94,80 @@ export default {
|
||||
flex-direction: row;
|
||||
}
|
||||
.runplanContentL{
|
||||
width:60px;
|
||||
width:62px;
|
||||
height:100%;
|
||||
background: #f0f0f0;
|
||||
border-bottom: 1px #afafaf solid;
|
||||
}
|
||||
.runplanContentR{
|
||||
flex-grow:1
|
||||
flex-grow:1;
|
||||
border-top: 3px #818181 solid;
|
||||
border-left: 3px #818181 solid;
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.runplanBottom{}
|
||||
.runplanBottomL{}
|
||||
.runplanBottomC{}
|
||||
.runplanBottomR{}
|
||||
.runplanLine{
|
||||
margin-top: 1px;
|
||||
height: 31px;
|
||||
width: 4px;
|
||||
border: 1px #b3b3b2 solid;
|
||||
margin-left: 2px;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
.runplanVLine{
|
||||
margin-top: 1px;
|
||||
width: 56px;
|
||||
height: 4px;
|
||||
border: 1px #b3b3b2 solid;
|
||||
margin-left: 2px;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
.runplanContentLIn{
|
||||
margin: 2px;
|
||||
margin-top: 33px;
|
||||
border-top: 1px #ccc solid;
|
||||
}
|
||||
.runplanContentBtn{
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
padding: 9px 0px;
|
||||
border-bottom: 1px #ccc solid;
|
||||
}
|
||||
.rpDispacherCommand{margin-left: 10px;}
|
||||
.runplanClickBtn{
|
||||
background: #f0f0f0;
|
||||
font-size: 13px;
|
||||
border-top: 2px #e0e0e0 solid;
|
||||
border-left: 2px #e0e0e0 solid;
|
||||
border-bottom: 2px #4c4c4c solid;
|
||||
border-right: 2px #4c4c4c solid;
|
||||
padding: 6px 15px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.runplanBtnGroup{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
margin-left: 145px;
|
||||
}
|
||||
.runplanStatusGroup{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
margin-left: 225px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.eachRunplanStatus{
|
||||
border-top: 2px #7e7e7e solid;
|
||||
border-left: 2px #7e7e7e solid;
|
||||
border-bottom: 2px #e5e5e5 solid;
|
||||
border-right: 2px #e5e5e5 solid;
|
||||
padding: 6px 15px;
|
||||
margin-top: 2px;
|
||||
background: #f0f0f0;
|
||||
}
|
||||
</style>
|
||||
|
Loading…
Reference in New Issue
Block a user