大铁项目 管理终端 车站股道 页面调整
This commit is contained in:
joylink_cuiweidong
parent
16586b35f0
commit
c3685d12ac
@ -10,7 +10,7 @@
|
||||
<div class="eachBTRpMenuBar">工作区选择</div>
|
||||
<div class="eachBTRpMenuBar">帮助</div>
|
||||
</div>
|
||||
<div class="BTRunplanClose">
|
||||
<div class="BTRunplanClose" @click="quit">
|
||||
<i class="el-icon-close" />
|
||||
</div>
|
||||
</div>
|
||||
@ -71,7 +71,6 @@ export default {
|
||||
this.currentTabs = tabs.filter(tab => tab.name !== targetName);
|
||||
},
|
||||
addTab(name) {
|
||||
debugger;
|
||||
const nameMap = {'StationTrack':{title:'车站股道', component:StationTrack }, 'TrainFixedPath':{title:'列车固定路径', component:TrainFixedPath}};
|
||||
const findTab = this.currentTabs.find(tab=>{
|
||||
return tab.name == name;
|
||||
@ -80,6 +79,9 @@ export default {
|
||||
this.currentTabs.push(Object.assign( {name:name}, nameMap[name]));
|
||||
}
|
||||
this.activeTab = name;
|
||||
},
|
||||
quit() {
|
||||
window.close();
|
||||
}
|
||||
// addTab(targetName) {
|
||||
// let newTabName = ++this.tabIndex + '';
|
||||
@ -133,7 +135,7 @@ export default {
|
||||
}
|
||||
</style>
|
||||
<style lang="scss">
|
||||
.BTRpTabs .el-tabs--card>.el-tabs__header{background: #c5dffd;font-size: 13px;color: #1f4678;border-bottom: 2px #84827f solid;}
|
||||
.BTRpTabs .el-tabs--card>.el-tabs__header{background: #c5dffd;font-size: 13px;color: #1f4678;border-bottom: 2px #84827f solid;margin-bottom:0px;}
|
||||
.BTRpTabs .el-tabs--card>.el-tabs__header .el-tabs__item.is-top.is-active{background:#fafbfa;}
|
||||
.BTRpTabs .el-tabs__item.is-active{color: #003589;font-weight: bold;}
|
||||
.BTRpTabs .el-tabs--card>.el-tabs__header .el-tabs__item.is-top{font-size:13px;border-top-right-radius: 40px;height: 30px;
|
||||
|
||||
@ -1,14 +1,154 @@
|
||||
<template>
|
||||
<div>
|
||||
{{ '车站股道' }}
|
||||
<div class="stationTrack" :style="{ height: height+'px' }">
|
||||
<!-- {{ '车站股道' }} -->
|
||||
<div class="stationTrackL">
|
||||
{{ 111 }}
|
||||
</div>
|
||||
<div class="stationTrackR">
|
||||
<div class="stationTrackRMenu">
|
||||
<div class="stationTrackRMenuL">
|
||||
<!-- :id="domIdConfirm" :loading="loading" @click="commit"-->
|
||||
<el-button class="stationTrackButton" size="small">修改</el-button>
|
||||
</div>
|
||||
<div class="stationTrackRMenuR">
|
||||
<span class="stationTrackRVer">版本号</span>
|
||||
<el-button class="stationTrackButton" size="small">备份</el-button>
|
||||
<el-button class="stationTrackButton" size="small">更新至生效区</el-button>
|
||||
<el-button class="stationTrackButton" size="small">导入</el-button>
|
||||
<el-button class="stationTrackButton" size="small">比较</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stationTrackRTable" :style="{ height: (height-40)+'px' }">
|
||||
<el-table
|
||||
id="stationTrackTableIn"
|
||||
ref="stationTrackTableIn"
|
||||
:data="tableData"
|
||||
border
|
||||
height="600px"
|
||||
highlight-current-row
|
||||
style="border:1px #ccc solid;width:1103px"
|
||||
>
|
||||
<!-- @cell-click="selectedTripNumber" -->
|
||||
<!-- @current-change="handleCurrentChange" -->
|
||||
<el-table-column
|
||||
type="index"
|
||||
label="序号"
|
||||
width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="trackName"
|
||||
label="股道名称"
|
||||
width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="lineType"
|
||||
label="线路性质"
|
||||
width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="RVdirection"
|
||||
label="接发车方向"
|
||||
width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="RVType"
|
||||
label="接发车类型"
|
||||
width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="transType"
|
||||
label="超限类型"
|
||||
width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="stationStand"
|
||||
label="站台"
|
||||
width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="allowEMU"
|
||||
label="允许动车组"
|
||||
width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="waterEquip"
|
||||
label="上水设备"
|
||||
width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="sewageEquip"
|
||||
label="排污设备"
|
||||
width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="military"
|
||||
label="军用"
|
||||
width="100"
|
||||
/>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name:'TrainFixedPath',
|
||||
name:'StationTrack',
|
||||
data() {
|
||||
return {
|
||||
height: this.$store.state.app.height - 61,
|
||||
tableData:[
|
||||
{trackName:'IG', lineType:'正线', RVType:'上下行', RVdirection:'客货车', transType:'超额超限', stationStand:'无', allowEMU:'否', waterEquip:'无',
|
||||
sewageEquip:'无', military:'否'},
|
||||
{trackName:'IIG', lineType:'正线', RVType:'上下行', RVdirection:'客货车', transType:'超额超限', stationStand:'低', allowEMU:'否', waterEquip:'无',
|
||||
sewageEquip:'无', military:'否' }
|
||||
]
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.stationTrack{
|
||||
padding-left:200px;
|
||||
}
|
||||
.stationTrackL{
|
||||
width: 200px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
border-right: 1px #797979 solid;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.stationTrackR{
|
||||
padding:0px 5px 0px 5px;
|
||||
height: 100%;
|
||||
background: #d8d8d8;
|
||||
}
|
||||
.stationTrackRMenu{
|
||||
background:#eeeeee;
|
||||
display: inline-block;
|
||||
width:100%;
|
||||
padding:5px;
|
||||
border-left: 1px #707070 solid;
|
||||
}
|
||||
.stationTrackRMenuL{display: inline-block;}
|
||||
.stationTrackRMenuR{float:right;display: inline-block;}
|
||||
.stationTrackRTable{background:#a9a9a9;border-left: 1px #707070 solid;}
|
||||
.stationTrackRVer{
|
||||
font-size: 14px;
|
||||
margin-right: 10px;
|
||||
color: #87a7c9;
|
||||
}
|
||||
.stationTrackButton{
|
||||
background-image: linear-gradient(#ffffff,#d8d8d8);
|
||||
color: #000;
|
||||
padding: 7px 15px;
|
||||
border: 1px #737373 solid;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss">
|
||||
#stationTrackTableIn.el-table td, #stationTrackTableIn.el-table th{
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-color: #a5a5a5;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,14 +1,52 @@
|
||||
<template>
|
||||
<div>
|
||||
{{ '列车固定径路' }}
|
||||
<div class="trainFixedPath" :style="{ height: height+'px' }">
|
||||
<!-- {{ '列车固定径路' }} -->
|
||||
<div class="trainFixedPathL">
|
||||
{{ 111 }}
|
||||
</div>
|
||||
<div class="trainFixedPathR">
|
||||
<div class="trainFixedPathRMenu">
|
||||
<div class="trainFixedPathRMenuL">111</div>
|
||||
<div class="trainFixedPathRMenuR">111</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name:'StationTrack',
|
||||
name:'TrainFixedPath',
|
||||
data() {
|
||||
return {
|
||||
height: this.$store.state.app.height - 61
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.trainFixedPath{
|
||||
padding-left:200px;
|
||||
}
|
||||
.trainFixedPathL{
|
||||
width: 200px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
border-right: 1px #797979 solid;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.trainFixedPathR{
|
||||
padding:0px 5px 0px 5px;
|
||||
height: 100%;
|
||||
background: #d8d8d8;
|
||||
}
|
||||
.trainFixedPathRMenu{
|
||||
background:#eeeeee;
|
||||
display: inline-block;
|
||||
width:100%;
|
||||
padding:5px;
|
||||
border-left: 1px #707070 solid;
|
||||
}
|
||||
.trainFixedPathRMenuL{display: inline-block;}
|
||||
.trainFixedPathRMenuR{float:right;display: inline-block;}
|
||||
</style>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user