111 lines
3.3 KiB
Vue
111 lines
3.3 KiB
Vue
|
<template>
|
||
|
|
<div class="stationDirection" :style="{ height: height+'px' }">
|
||
|
|
<!-- {{ '车站股道' }} -->
|
||
|
|
<div class="stationDirectionL">
|
||
|
|
<terminal-station-list ref="terminalStationList" :currentid="'getStationDirection'" @loadStationData="loadStationData" />
|
||
|
|
</div>
|
||
|
|
<div class="stationDirectionR">
|
||
|
|
<div class="stationDirectionRMenu">
|
||
|
|
<div class="stationDirectionRMenuL">
|
||
|
|
<!-- :id="domIdConfirm" :loading="loading" @click="commit"-->
|
||
|
|
<el-button class="stationDirectionButton" size="small" @click="modifyDirection">修改</el-button>
|
||
|
|
</div>
|
||
|
|
<div class="stationDirectionRMenuR">
|
||
|
|
<span class="stationDirectionRVer">版本号</span>
|
||
|
|
<el-button class="stationDirectionButton" size="small">备份</el-button>
|
||
|
|
<el-button class="stationDirectionButton" size="small" @click="releaseStationDirection">更新至生效区</el-button>
|
||
|
|
<el-button class="stationDirectionButton" size="small">导入</el-button>
|
||
|
|
<el-button class="stationDirectionButton" size="small">比较</el-button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="stationDirectionRTable" :style="{ height: (height-40)+'px' }">
|
||
|
|
{{ '' }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import {menuOperate, commitOperate} from '@/jmapNew/theme/components/utils/menuOperate';
|
||
|
|
import TerminalStationList from './terminalStationList';
|
||
|
|
export default {
|
||
|
|
name:'StationDirection',
|
||
|
|
components: {
|
||
|
|
TerminalStationList
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
height: this.$store.state.app.height - 61,
|
||
|
|
currentStationCode:'',
|
||
|
|
currentRow:null
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
loadStation() {
|
||
|
|
this.$refs.terminalStationList.loadStation();
|
||
|
|
},
|
||
|
|
loadStationData(stationCode) {
|
||
|
|
this.currentStationCode = stationCode;
|
||
|
|
this.handleData(stationCode);
|
||
|
|
},
|
||
|
|
handleData(stationCode) {
|
||
|
|
|
||
|
|
},
|
||
|
|
modifySection() {
|
||
|
|
if (this.currentRow) {
|
||
|
|
}
|
||
|
|
},
|
||
|
|
// 出入口发布生效区
|
||
|
|
releaseStationDirection() {
|
||
|
|
const that = this;
|
||
|
|
commitOperate(menuOperate.CTC.releaseStationDirection, { stationCode:this.currentStationCode}, 3).then(({valid})=>{
|
||
|
|
if (valid) {
|
||
|
|
that.$message.success('发布成功！');
|
||
|
|
}
|
||
|
|
}).catch(() => {
|
||
|
|
that.$message.error('发布失败');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.stationDirection{
|
||
|
|
padding-left:200px;
|
||
|
|
}
|
||
|
|
.stationDirectionL{
|
||
|
|
width: 200px;
|
||
|
|
height: 100%;
|
||
|
|
position: absolute;
|
||
|
|
border-right: 1px #797979 solid;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.stationDirectionR{
|
||
|
|
padding:0px 5px 0px 5px;
|
||
|
|
height: 100%;
|
||
|
|
background: #d8d8d8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stationDirectionRMenu{
|
||
|
|
background:#eeeeee;
|
||
|
|
display: inline-block;
|
||
|
|
width:100%;
|
||
|
|
padding:5px;
|
||
|
|
border-left: 1px #707070 solid;
|
||
|
|
}
|
||
|
|
.stationDirectionRMenuL{display: inline-block;}
|
||
|
|
.stationDirectionRMenuR{float:right;display: inline-block;}
|
||
|
|
.stationDirectionRTable{background:#a9a9a9;border-left: 1px #707070 solid;}
|
||
|
|
.stationDirectionRVer{
|
||
|
|
font-size: 14px;
|
||
|
|
margin-right: 10px;
|
||
|
|
color: #87a7c9;
|
||
|
|
}
|
||
|
|
.stationDirectionButton{
|
||
|
|
background-image: linear-gradient(#ffffff,#d8d8d8);
|
||
|
|
color: #000;
|
||
|
|
padding: 5px 10px;
|
||
|
|
border: 1px #737373 solid;
|
||
|
|
}
|
||
|
|
</style>
|