450 lines
13 KiB
Vue
450 lines
13 KiB
Vue
<template>
|
|
<div class="chengdou-01__menus" :style="{width: width + 'px'}">
|
|
<menu-cancel ref="menuCancel" />
|
|
<template v-show="isShowAll">
|
|
<template v-show="isShowBar">
|
|
<menu-bar ref="menuBar" :selected="selected" />
|
|
</template>
|
|
<menu-request ref="menuRequest" />
|
|
<menu-station-stand ref="menuStationStand" :selected="selected" />
|
|
<menu-switch ref="menuSwitch" :selected="selected" />
|
|
<menu-signal ref="menuSignal" :selected="selected" />
|
|
<menu-section ref="menuSection" :selected="selected" />
|
|
<menu-train ref="menuTrain" :selected="selected" />
|
|
<menu-station ref="menuStation" :selected="selected" />
|
|
<menu-station-platform ref="menuStationPlatform" :selected="selected" @popMenuStationStand="popMenuStationStand" />
|
|
<passive-alarm ref="passiveAlarm" />
|
|
<passive-contorl ref="passiveControl" />
|
|
<passive-Timeout ref="passiveTimeout" />
|
|
</template>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters } from 'vuex';
|
|
import MenuRequest from './menuRequest';
|
|
import MenuCancel from './menuCancel';
|
|
import MenuSignal from './menuSignal';
|
|
import MenuStationStand from './menuStationStand';
|
|
import MenuSwitch from './menuSwitch';
|
|
import MenuSection from './menuSection';
|
|
import MenuTrain from './menuTrain';
|
|
import MenuStation from './menuStation';
|
|
import MenuBar from './menuBar';
|
|
import PassiveAlarm from './passiveDialog/alarm';
|
|
import PassiveContorl from './passiveDialog/control';
|
|
import PassiveTimeout from './passiveDialog/timeout';
|
|
import MenuStationPlatform from './menuStationPlatform';
|
|
|
|
export default {
|
|
name: 'Menus',
|
|
components: {
|
|
MenuBar,
|
|
MenuRequest,
|
|
MenuCancel,
|
|
MenuSignal,
|
|
MenuSwitch,
|
|
MenuSection,
|
|
MenuStationStand,
|
|
MenuStation,
|
|
MenuTrain,
|
|
PassiveAlarm,
|
|
PassiveContorl,
|
|
PassiveTimeout,
|
|
MenuStationPlatform
|
|
},
|
|
props: {
|
|
selected: {
|
|
type: Object,
|
|
default() {
|
|
return null;
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
...mapGetters('config', [
|
|
'width'
|
|
]),
|
|
isShowAll() {
|
|
return this.$route.params.mode !== 'dp' &&
|
|
this.$route.params.mode !== 'plan' &&
|
|
this.$store.state.training.roles != 'BigScreen';
|
|
},
|
|
isShowBar() {
|
|
return this.$store.state.training.prdType;
|
|
}
|
|
},
|
|
watch: {
|
|
isShowBar(val) {
|
|
val && this.$store.dispatch('config/updateMenuBar');
|
|
}
|
|
},
|
|
mounted() {
|
|
this.$nextTick(() => {
|
|
this.$store.dispatch('config/updateMenuBar');
|
|
});
|
|
},
|
|
methods: {
|
|
popMenuStationStand(param) {
|
|
this.$refs.menuStationStand.doShow(param.position, param.type);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
.chengdou-01__menus .pop-menu {
|
|
background: #5F9EA0;
|
|
}
|
|
.chengdou-01__menus .pop-menu .el-popover{
|
|
background: #5F9EA0;
|
|
}
|
|
.chengdou-01__menus .pop-menu span {
|
|
color: #000;
|
|
}
|
|
|
|
.chengdou-01__menus .pop-menu .is-disabled span {
|
|
color: #B4B3B8;
|
|
}
|
|
|
|
.chengdou-01__systerm {
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog {
|
|
background: #0055E8;
|
|
box-shadow: 1px hsla(240, 0%, 100%, 0.5) inset;
|
|
border: 1px solid rgb(69, 134, 247);
|
|
border-radius: 6px;
|
|
font-size: 13px !important;
|
|
color: #000;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog span {
|
|
font-size: 13px !important;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-dialog__footer {
|
|
background: #5F9EA0;
|
|
opacity: 1;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-dialog__body {
|
|
padding: 20px;
|
|
margin: 0px 3px 3px;
|
|
border: 2px solid rgba(120, 121, 123, 0.5);
|
|
box-shadow: 1px hsla(240, 0%, 100%, 0.5) inset;
|
|
background: #5F9EA0;
|
|
opacity: 1;
|
|
}
|
|
|
|
.chengdou-01__system .station-stand .el-dialog__body {
|
|
background: #000;
|
|
color: #E8E8E8;
|
|
}
|
|
.chengdou-01__system .el-dialog .el-dialog__title {
|
|
font-size: 16px;
|
|
color: #fff;
|
|
position: absolute;
|
|
top: 4px;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-dialog__headerbtn {
|
|
background: linear-gradient(#CD98A0, #C27D6E, #B63022, #C68770);
|
|
border: 1px solid #fff;
|
|
border-radius: 4px;
|
|
top: 6px;
|
|
right: 3px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-dialog__headerbtn .el-icon-close:before {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-dialog__headerbtn .el-dialog__close {
|
|
color: #fff;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-button {
|
|
height: 24px;
|
|
line-height: 22px;
|
|
padding: 0px;
|
|
width: 80px;
|
|
border: 2px outset #B7D4D5;
|
|
border-radius: 0 !important;
|
|
color: #000;
|
|
background: #5F9EA0;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .expand {
|
|
width: 120px;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-button:focus span {
|
|
border: 1px dashed #315253;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-button:active {
|
|
border: 2px inset #B7D4D5;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-button:disabled {
|
|
border: 2px inset #B7D4D5;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-button:disabled span {
|
|
border: 0px;
|
|
}
|
|
.chengdou-01__select-option .el-select-dropdown__item{
|
|
background: #5F9EA0;
|
|
}
|
|
.chengdou-01__select-option .el-scrollbar__wrap {
|
|
background-color: #5F9EA0;
|
|
overflow: hidden;
|
|
overflow-y: scroll;
|
|
}
|
|
.chengdou-01__select-option{
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #335658 #99C1C3 #99C1C3 #335658;
|
|
border-radius: 0;
|
|
background:#5F9EA0;
|
|
}
|
|
.chengdou-01__select-option .el-scrollbar{
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #467576 #A0C6C7 #A0C6C7 #467576;
|
|
border-radius: 0;
|
|
}
|
|
.chengdou-01__select-option .el-select-dropdown__item.selected{
|
|
color: #fff;
|
|
}
|
|
.chengdou-01__select-option .el-select-dropdown__item{
|
|
color: #000;
|
|
}
|
|
.chengdou-01__system .el-dialog .el-transfer-panel{
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #467576 #A0C6C7 #A0C6C7 #467576;
|
|
border-radius: 0;
|
|
background: #5F9EA0;
|
|
}
|
|
.chengdou-01__system .el-dialog .el-transfer .el-button{
|
|
width: 40px;
|
|
}
|
|
.chengdou-01__system .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
|
|
color: #000;
|
|
}
|
|
.chengdou-01__system .el-dialog .el-transfer-panel .el-transfer-panel__header {
|
|
background: #5F9EA0;
|
|
border-bottom: 1px solid #467576;
|
|
}
|
|
.chengdou-01__system .el-dialog .el-transfer-panel .el-transfer-panel__empty {
|
|
color: #5F9EA0;
|
|
}
|
|
.chengdou-01__system .el-dialog .el-input {
|
|
border-style:solid;
|
|
border-width: 1px;
|
|
border-color: #335658 #99C1C3 #99C1C3 #335658;
|
|
height: 22px !important;
|
|
line-height: 22px !important;
|
|
background: #5F9EA0;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-input__inner {
|
|
color: #000;
|
|
background: #5F9EA0 !important;
|
|
border-style:solid;
|
|
border-width: 1px;
|
|
border-color: #467576 #A0C6C7 #A0C6C7 #467576;
|
|
border-radius: 0px !important;
|
|
box-sizing: border-box;
|
|
height: 22px !important;
|
|
line-height: 22px !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-input.is-disabled .el-input__inner {
|
|
background: #F0F0F0 !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-textarea {
|
|
border-style:solid;
|
|
border-width: 1px;
|
|
border-color: #335658 #99C1C3 #99C1C3 #335658;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-textarea .el-textarea__inner {
|
|
color: #000;
|
|
background: #5F9EA0 !important;
|
|
border-style:solid;
|
|
border-width: 1px;
|
|
border-color: #467576 #A0C6C7 #A0C6C7 #467576;
|
|
border-radius: 0px !important;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-textarea.is-disabled .el-textarea__inner {
|
|
background: #F0F0F0 !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-table--border th.gutter {
|
|
background: #EBEADB !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-table {
|
|
border: 2px inset #E9E9E9;
|
|
color: #000 !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-table .cell {
|
|
height: 22px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-table th.is-leaf {
|
|
background: #F0F0F0 !important;
|
|
border-right: 1px solid #BDBDBD !important;
|
|
border-bottom: 1px solid #BDBDBD !important;
|
|
color: #000 !important;
|
|
height: 20px !important;
|
|
padding: 0px;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-table tr td {
|
|
height: 20px !important;
|
|
padding: 0px;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-table .el-table__empty-text {
|
|
top: 15px !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .current-row>td {
|
|
background: #3399FF !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-checkbox__inner {
|
|
border: 1px inset #dcdfe6 !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-checkbox__label {
|
|
color: #000 !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-checkbox.is-disabled .el-checkbox__inner {
|
|
background: #E6E6E6 !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-checkbox.is-disabled .el-checkbox__label {
|
|
color: #C5C9CC !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-checkbox__input.is-checked .el-checkbox__inner {
|
|
background: #fff !important;
|
|
border: 1px inset #dcdfe6 !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-checkbox__input.is-checked .el-checkbox__inner::after {
|
|
position: absolute;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
content: "";
|
|
border: 1px solid #000;
|
|
border-left: 0;
|
|
border-top: 0;
|
|
height: 7px;
|
|
left: 4px;
|
|
top: 1px;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-radio__inner {
|
|
border: 1px inset #dcdfe6 !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-radio__label {
|
|
color: #000 !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-radio__input.is-checked .el-radio__inner {
|
|
background: #fff !important;
|
|
border: 1px inset #dcdfe6 !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-radio__input.is-checked .el-radio__inner::after {
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 100%;
|
|
background-color: #000 !important;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-radio.is-disabled .el-radio__inner {
|
|
background: #E6E6E6 !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-radio.is-disabled .el-radio__label {
|
|
color: #C5C9CC !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .base-label {
|
|
background: rgba(0, 0, 0, x);
|
|
position: relative;
|
|
left: -15px;
|
|
top: -18px;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .el-form-item label {
|
|
font-weight: normal !important;
|
|
color: #000 !important;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .context {
|
|
height: 100px;
|
|
border: 2px inset #E2E2E2;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .table {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .notice {
|
|
margin-left: 62px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.chengdou-01__system .el-dialog .button-group {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.chengdou-01__system.request_box .content-box .el-table__body-wrapper .el-table__row{
|
|
background: #000;
|
|
height: 30px;
|
|
color: #518E86;
|
|
}
|
|
.chengdou-01__system.request_box .content-box .el-table__body-wrapper .el-table__row.hover-row td{
|
|
background: #d5ecf7;
|
|
}
|
|
.chengdou-01__system.request_box .content-box .el-table__body-wrapper .el-table__row.current-row td{
|
|
background: #d5ecf7;
|
|
}
|
|
.chengdou-01__system .el-select .el-input__suffix {
|
|
top: 5px;
|
|
}
|
|
.chengdou-01__system .el-select .is-focus .el-input__suffix {
|
|
top: -5px;
|
|
}
|
|
.chengdou-01__select-option .el-scrollbar__thumb {
|
|
border-style:solid;
|
|
border-width: 1px;
|
|
border-color: #335658 #99C1C3 #99C1C3 #335658;
|
|
background: #518E86;
|
|
}
|
|
</style>
|