代码调整

This commit is contained in:
joylink_cuiweidong 2022-05-31 14:28:15 +08:00
parent 0c0b907433
commit 90428b6f8e

View File

@ -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>