menu-bar显示条件调整

This commit is contained in:
fan 2020-06-10 17:58:20 +08:00
parent 9b489d088b
commit 1d2619cd28
9 changed files with 122 additions and 189 deletions

View File

@ -1,21 +1,19 @@
<template> <template>
<div class="menus" :style="{width: width + 'px'}"> <div class="menus" :style="{width: width + 'px'}">
<menu-cancel ref="menuCancel" /> <menu-cancel ref="menuCancel" />
<template v-show="isShowAll"> <menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" />
<menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" /> <menu-button ref="menuButton" />
<menu-button ref="menuButton" /> <menu-station-control ref="menuStationControl" :selected="selected" />
<menu-station-control ref="menuStationControl" :selected="selected" /> <menu-station-stand ref="menuStationStand" :selected="selected" />
<menu-station-stand ref="menuStationStand" :selected="selected" /> <menu-switch ref="menuSwitch" :selected="selected" />
<menu-switch ref="menuSwitch" :selected="selected" /> <menu-signal ref="menuSignal" :selected="selected" />
<menu-signal ref="menuSignal" :selected="selected" /> <menu-section ref="menuSection" :selected="selected" />
<menu-section ref="menuSection" :selected="selected" /> <menu-train ref="menuTrain" :selected="selected" />
<menu-train ref="menuTrain" :selected="selected" /> <menu-station ref="menuStation" :selected="selected" />
<menu-station ref="menuStation" :selected="selected" /> <menu-limit ref="menuLimit" :selected="selected" />
<menu-limit ref="menuLimit" :selected="selected" /> <passive-alarm ref="passiveAlarm" />
<passive-alarm ref="passiveAlarm" /> <passive-contorl ref="passiveControl" />
<passive-contorl ref="passiveControl" /> <passive-Timeout ref="passiveTimeout" />
<passive-Timeout ref="passiveTimeout" />
</template>
</div> </div>
</template> </template>
@ -66,13 +64,8 @@ export default {
...mapGetters('config', [ ...mapGetters('config', [
'width' 'width'
]), ]),
isShowAll() {
return this.$route.params.mode !== 'dp' &&
this.$route.params.mode !== 'plan' &&
this.$store.state.training.roles != 'BigScreen';
},
isShowBar() { isShowBar() {
return this.$store.state.training.prdType; return this.$store.state.training.prdType && this.$store.state.training.prdType !== '07';
} }
}, },
watch: { watch: {

View File

@ -1,22 +1,18 @@
<template> <template>
<div class="chengdou-01__menus" :style="{width: width + 'px'}"> <div class="chengdou-01__menus" :style="{width: width + 'px'}">
<menu-cancel ref="menuCancel" /> <menu-cancel ref="menuCancel" />
<template v-show="isShowAll"> <menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" />
<template v-show="isShowBar"> <menu-request ref="menuRequest" />
<menu-bar ref="menuBar" :selected="selected" /> <menu-station-stand ref="menuStationStand" :selected="selected" />
</template> <menu-switch ref="menuSwitch" :selected="selected" />
<menu-request ref="menuRequest" /> <menu-signal ref="menuSignal" :selected="selected" />
<menu-station-stand ref="menuStationStand" :selected="selected" /> <menu-section ref="menuSection" :selected="selected" />
<menu-switch ref="menuSwitch" :selected="selected" /> <menu-train ref="menuTrain" :selected="selected" />
<menu-signal ref="menuSignal" :selected="selected" /> <menu-station ref="menuStation" :selected="selected" />
<menu-section ref="menuSection" :selected="selected" /> <menu-station-platform ref="menuStationPlatform" :selected="selected" @popMenuStationStand="popMenuStationStand" />
<menu-train ref="menuTrain" :selected="selected" /> <passive-alarm ref="passiveAlarm" />
<menu-station ref="menuStation" :selected="selected" /> <passive-contorl ref="passiveControl" />
<menu-station-platform ref="menuStationPlatform" :selected="selected" @popMenuStationStand="popMenuStationStand" /> <passive-Timeout ref="passiveTimeout" />
<passive-alarm ref="passiveAlarm" />
<passive-contorl ref="passiveControl" />
<passive-Timeout ref="passiveTimeout" />
</template>
</div> </div>
</template> </template>
@ -65,13 +61,8 @@ export default {
...mapGetters('config', [ ...mapGetters('config', [
'width' 'width'
]), ]),
isShowAll() {
return this.$route.params.mode !== 'dp' &&
this.$route.params.mode !== 'plan' &&
this.$store.state.training.roles != 'BigScreen';
},
isShowBar() { isShowBar() {
return this.$store.state.training.prdType; return this.$store.state.training.prdType && this.$store.state.training.prdType !== '07';
} }
}, },
watch: { watch: {

View File

@ -1,22 +1,18 @@
<template> <template>
<div class="menus" :style="{width: width + 'px'}"> <div class="menus" :style="{width: width + 'px'}">
<menu-cancel ref="menuCancel" /> <menu-cancel ref="menuCancel" />
<template v-show="isShowAll"> <menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" />
<template v-show="isShowBar"> <menu-button ref="menuButton" />
<menu-bar ref="menuBar" :selected="selected" /> <menu-station-control ref="menuStationControl" :selected="selected" />
</template> <menu-station-stand ref="menuStationStand" :selected="selected" />
<menu-button ref="menuButton" /> <menu-switch ref="menuSwitch" :selected="selected" />
<menu-station-control ref="menuStationControl" :selected="selected" /> <menu-signal ref="menuSignal" :selected="selected" />
<menu-station-stand ref="menuStationStand" :selected="selected" /> <menu-section ref="menuSection" :selected="selected" />
<menu-switch ref="menuSwitch" :selected="selected" /> <menu-train ref="menuTrain" :selected="selected" />
<menu-signal ref="menuSignal" :selected="selected" /> <menu-station ref="menuStation" :selected="selected" />
<menu-section ref="menuSection" :selected="selected" /> <passive-alarm ref="passiveAlarm" />
<menu-train ref="menuTrain" :selected="selected" /> <passive-contorl ref="passiveControl" />
<menu-station ref="menuStation" :selected="selected" /> <passive-Timeout ref="passiveTimeout" />
<passive-alarm ref="passiveAlarm" />
<passive-contorl ref="passiveControl" />
<passive-Timeout ref="passiveTimeout" />
</template>
</div> </div>
</template> </template>
@ -65,13 +61,8 @@ export default {
...mapGetters('config', [ ...mapGetters('config', [
'width' 'width'
]), ]),
isShowAll() {
return this.$route.params.mode !== 'dp' &&
this.$route.params.mode !== 'plan' &&
this.$store.state.training.roles != 'BigScreen';
},
isShowBar() { isShowBar() {
return this.$store.state.training.prdType; return this.$store.state.training.prdType && this.$store.state.training.prdType !== '07';
} }
}, },
watch: { watch: {

View File

@ -1,23 +1,21 @@
<template> <template>
<div class="menus" :style="{width: width + 'px'}"> <div class="menus" :style="{width: width + 'px'}">
<menu-cancel ref="menuCancel" /> <menu-cancel ref="menuCancel" />
<template v-show="isShowAll"> <menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" />
<menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" /> <menu-button ref="menuButton" />
<menu-button ref="menuButton" /> <menu-axle-reset ref="menuAxleReset" :selected="selected" />
<menu-axle-reset ref="menuAxleReset" :selected="selected" /> <menu-auto-trun-route ref="menuAutoTrunRoute" :selected="selected" />
<menu-auto-trun-route ref="menuAutoTrunRoute" :selected="selected" /> <menu-station-stand ref="menuStationStand" :selected="selected" />
<menu-station-stand ref="menuStationStand" :selected="selected" /> <menu-station-control ref="menuStationControl" :selected="selected" />>
<menu-station-control ref="menuStationControl" :selected="selected" />> <menu-switch ref="menuSwitch" :selected="selected" />
<menu-switch ref="menuSwitch" :selected="selected" /> <menu-signal ref="menuSignal" :selected="selected" />
<menu-signal ref="menuSignal" :selected="selected" /> <menu-section ref="menuSection" :selected="selected" />
<menu-section ref="menuSection" :selected="selected" /> <menu-train ref="menuTrain" :selected="selected" />
<menu-train ref="menuTrain" :selected="selected" /> <menu-station ref="menuStation" :selected="selected" />
<menu-station ref="menuStation" :selected="selected" /> <menu-limit ref="menuLimit" :selected="selected" />
<menu-limit ref="menuLimit" :selected="selected" /> <passive-alarm ref="passiveAlarm" />
<passive-alarm ref="passiveAlarm" /> <passive-contorl ref="passiveControl" />
<passive-contorl ref="passiveControl" /> <passive-Timeout ref="passiveTimeout" />
<passive-Timeout ref="passiveTimeout" />
</template>
</div> </div>
</template> </template>
@ -72,13 +70,8 @@ export default {
...mapGetters('config', [ ...mapGetters('config', [
'width' 'width'
]), ]),
isShowAll() {
return this.$route.params.mode !== 'dp' &&
this.$route.params.mode !== 'plan' &&
this.$store.state.training.roles != 'BigScreen';
},
isShowBar() { isShowBar() {
return this.$store.state.training.prdType; return this.$store.state.training.prdType && this.$store.state.training.prdType !== '07';
} }
}, },
watch: { watch: {

View File

@ -1,18 +1,16 @@
<template> <template>
<div class="menus" :style="{width: width + 'px'}"> <div class="menus" :style="{width: width + 'px'}">
<menu-cancel ref="menuCancel" /> <menu-cancel ref="menuCancel" />
<template v-show="isShowAll"> <menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" />
<menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" /> <menu-station-stand ref="menuStationStand" :selected="selected" />
<menu-station-stand ref="menuStationStand" :selected="selected" /> <menu-switch ref="menuSwitch" :selected="selected" />
<menu-switch ref="menuSwitch" :selected="selected" /> <menu-signal ref="menuSignal" :selected="selected" />
<menu-signal ref="menuSignal" :selected="selected" /> <menu-section ref="menuSection" :selected="selected" />
<menu-section ref="menuSection" :selected="selected" /> <menu-train ref="menuTrain" :selected="selected" />
<menu-train ref="menuTrain" :selected="selected" /> <menu-station ref="menuStation" :selected="selected" />
<menu-station ref="menuStation" :selected="selected" /> <passive-alarm ref="passiveAlarm" />
<passive-alarm ref="passiveAlarm" /> <passive-contorl ref="passiveControl" />
<passive-contorl ref="passiveControl" /> <passive-Timeout ref="passiveTimeout" />
<passive-Timeout ref="passiveTimeout" />
</template>
</div> </div>
</template> </template>
@ -57,13 +55,8 @@ export default {
...mapGetters('config', [ ...mapGetters('config', [
'width' 'width'
]), ]),
isShowAll() {
return this.$route.params.mode != 'dp' &&
this.$route.params.mode != 'plan' &&
this.$store.state.training.roles != 'BigScreen';
},
isShowBar() { isShowBar() {
return this.$store.state.training.prdType; return this.$store.state.training.prdType && this.$store.state.training.prdType !== '07';
} }
}, },
watch: { watch: {

View File

@ -1,19 +1,17 @@
<template> <template>
<div class="menus" :style="{width: width + 'px'}"> <div class="menus" :style="{width: width + 'px'}">
<menu-cancel ref="menuCancel" /> <menu-cancel ref="menuCancel" />
<template v-show="isShowAll"> <menu-bar v-if="isShowBar" ref="menuBar" :selected="selected" />
<menu-bar v-if="isShowBar" ref="menuBar" :selected="selected" /> <menu-station-stand ref="menuStationStand" :selected="selected" />
<menu-station-stand ref="menuStationStand" :selected="selected" /> <menu-switch ref="menuSwitch" :selected="selected" />
<menu-switch ref="menuSwitch" :selected="selected" /> <menu-signal ref="menuSignal" :selected="selected" />
<menu-signal ref="menuSignal" :selected="selected" /> <menu-section ref="menuSection" :selected="selected" />
<menu-section ref="menuSection" :selected="selected" /> <menu-train ref="menuTrain" :selected="selected" />
<menu-train ref="menuTrain" :selected="selected" /> <menu-station ref="menuStation" :selected="selected" />
<menu-station ref="menuStation" :selected="selected" /> <menu-button v-if="isShowBar" ref="menuButton" :selected="selected" />
<menu-button v-if="isShowBar" ref="menuButton" :selected="selected" /> <passive-alarm ref="passiveAlarm" />
<passive-alarm ref="passiveAlarm" /> <passive-contorl ref="passiveControl" />
<passive-contorl ref="passiveControl" /> <passive-Timeout ref="passiveTimeout" />
<passive-Timeout ref="passiveTimeout" />
</template>
</div> </div>
</template> </template>
@ -60,13 +58,8 @@ export default {
...mapGetters('config', [ ...mapGetters('config', [
'width' 'width'
]), ]),
isShowAll() {
return this.$route.params.mode != 'dp' &&
this.$route.params.mode != 'plan' &&
this.$store.state.training.roles != 'BigScreen';
},
isShowBar() { isShowBar() {
return this.$store.state.training.prdType === '01'; return this.$store.state.training.prdType === '01' && this.$store.state.training.prdType !== '07';
} }
}, },
watch: { watch: {

View File

@ -1,23 +1,21 @@
<template> <template>
<div class="menus" :style="{width: width + 'px'}"> <div class="menus" :style="{width: width + 'px'}">
<menu-cancel ref="menuCancel" /> <menu-cancel ref="menuCancel" />
<template v-show="isShowAll"> <menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" />
<menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" /> <menu-axle-reset ref="menuAxleReset" :selected="selected" />
<menu-axle-reset ref="menuAxleReset" :selected="selected" /> <menu-auto-trun-route ref="menuAutoTrunRoute" :selected="selected" />
<menu-auto-trun-route ref="menuAutoTrunRoute" :selected="selected" /> <menu-station-stand ref="menuStationStand" :selected="selected" />
<menu-station-stand ref="menuStationStand" :selected="selected" /> <menu-station-control ref="menuStationControl" />
<menu-station-control ref="menuStationControl" /> <!-- :selected="selected" -->
<!-- :selected="selected" --> <menu-switch ref="menuSwitch" :selected="selected" />
<menu-switch ref="menuSwitch" :selected="selected" /> <menu-signal ref="menuSignal" :selected="selected" />
<menu-signal ref="menuSignal" :selected="selected" /> <menu-section ref="menuSection" :selected="selected" />
<menu-section ref="menuSection" :selected="selected" /> <menu-train ref="menuTrain" :selected="selected" />
<menu-train ref="menuTrain" :selected="selected" /> <menu-station ref="menuStation" :selected="selected" />
<menu-station ref="menuStation" :selected="selected" /> <menu-limit ref="menuLimit" :selected="selected" />
<menu-limit ref="menuLimit" :selected="selected" /> <!--<passive-alarm ref="passiveAlarm" />-->
<!--<passive-alarm ref="passiveAlarm" />--> <passive-contorl ref="passiveControl" />
<passive-contorl ref="passiveControl" /> <!--<passive-Timeout ref="passiveTimeout" />-->
<!--<passive-Timeout ref="passiveTimeout" />-->
</template>
</div> </div>
</template> </template>
@ -70,13 +68,8 @@ export default {
...mapGetters('config', [ ...mapGetters('config', [
'width' 'width'
]), ]),
isShowAll() {
return this.$route.params.mode !== 'dp' &&
this.$route.params.mode !== 'plan' &&
this.$store.state.training.roles != 'BigScreen';
},
isShowBar() { isShowBar() {
return this.$store.state.training.prdType; return this.$store.state.training.prdType && this.$store.state.training.prdType !== '07';
} }
}, },
watch: { watch: {

View File

@ -1,19 +1,17 @@
<template> <template>
<div class="menus" :style="{width: width + 'px'}"> <div class="menus" :style="{width: width + 'px'}">
<menu-cancel ref="menuCancel" /> <menu-cancel ref="menuCancel" />
<template v-show="isShowAll"> <menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" />
<menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" /> <menu-station-stand ref="menuStationStand" :selected="selected" />
<menu-station-stand ref="menuStationStand" :selected="selected" /> <menu-switch ref="menuSwitch" :selected="selected" />
<menu-switch ref="menuSwitch" :selected="selected" /> <menu-signal ref="menuSignal" :selected="selected" />
<menu-signal ref="menuSignal" :selected="selected" /> <menu-section ref="menuSection" :selected="selected" />
<menu-section ref="menuSection" :selected="selected" /> <menu-train ref="menuTrain" :selected="selected" />
<menu-train ref="menuTrain" :selected="selected" /> <menu-station ref="menuStation" :selected="selected" />
<menu-station ref="menuStation" :selected="selected" /> <menu-station-turn-back ref="menuStationTurnBack" :selected="selected" />
<menu-station-turn-back ref="menuStationTurnBack" :selected="selected" /> <passive-alarm ref="passiveAlarm" />
<passive-alarm ref="passiveAlarm" /> <passive-contorl ref="passiveControl" />
<passive-contorl ref="passiveControl" /> <passive-Timeout ref="passiveTimeout" />
<passive-Timeout ref="passiveTimeout" />
</template>
</div> </div>
</template> </template>
@ -60,13 +58,8 @@ export default {
...mapGetters('config', [ ...mapGetters('config', [
'width' 'width'
]), ]),
isShowAll() {
return this.$route.params.mode != 'dp' &&
this.$route.params.mode != 'plan' &&
this.$store.state.training.roles != 'BigScreen';
},
isShowBar() { isShowBar() {
return this.$store.state.training.prdType; return this.$store.state.training.prdType && this.$store.state.training.prdType !== '07';
} }
}, },
watch: { watch: {

View File

@ -1,22 +1,20 @@
<template> <template>
<div class="xian-02__menus" :style="{width: width + 'px'}"> <div class="xian-02__menus" :style="{width: width + 'px'}">
<menu-cancel ref="menuCancel" /> <menu-cancel ref="menuCancel" />
<template v-show="isShowAll"> <!-- <menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" /> -->
<!-- <menu-bar v-show="isShowBar" ref="menuBar" :selected="selected" /> --> <menu-axle-reset ref="menuAxleReset" :selected="selected" />
<menu-axle-reset ref="menuAxleReset" :selected="selected" /> <menu-auto-trun-route ref="menuAutoTrunRoute" :selected="selected" />
<menu-auto-trun-route ref="menuAutoTrunRoute" :selected="selected" /> <menu-station-control ref="menuStationControl" :selected="selected" />
<menu-station-control ref="menuStationControl" :selected="selected" /> <menu-switch ref="menuSwitch" :selected="selected" />
<menu-switch ref="menuSwitch" :selected="selected" /> <menu-signal ref="menuSignal" :selected="selected" />
<menu-signal ref="menuSignal" :selected="selected" /> <menu-section ref="menuSection" :selected="selected" />
<menu-section ref="menuSection" :selected="selected" /> <menu-train ref="menuTrain" :selected="selected" />
<menu-train ref="menuTrain" :selected="selected" /> <menu-station ref="menuStation" :selected="selected" />
<menu-station ref="menuStation" :selected="selected" /> <menu-limit ref="menuLimit" :selected="selected" />
<menu-limit ref="menuLimit" :selected="selected" /> <passive-contorl ref="passiveControl" />
<passive-contorl ref="passiveControl" /> <menu-request ref="menuRequest" />
<menu-request ref="menuRequest" /> <menu-station-stand ref="menuStationStand" :selected="selected" @popMenuStationStand="popMenuStationStand" @totalMenuEvent="totalMenuEvent" />
<menu-station-stand ref="menuStationStand" :selected="selected" @popMenuStationStand="popMenuStationStand" @totalMenuEvent="totalMenuEvent" /> <pop-station-stand ref="popStationStand" :selected="selected" @closeMenuStationStand="closeMenuStationStand" />
<pop-station-stand ref="popStationStand" :selected="selected" @closeMenuStationStand="closeMenuStationStand" />
</template>
</div> </div>
</template> </template>
@ -73,13 +71,8 @@ export default {
...mapGetters('config', [ ...mapGetters('config', [
'width' 'width'
]), ]),
isShowAll() {
return this.$route.params.mode !== 'dp' &&
this.$route.params.mode !== 'plan' &&
this.$store.state.training.roles != 'BigScreen';
},
isShowBar() { isShowBar() {
return this.$store.state.training.prdType; return this.$store.state.training.prdType && this.$store.state.training.prdType !== '07';
} }
}, },
watch: { watch: {