joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

大铁线路 功能按钮代码调整

Browse Source
This commit is contained in:
joylink_cuiweidong 2022-08-12 15:29:51 +08:00
parent 2d4c5f8cf8
commit e30c306e89
2 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/jmapNew/shape/graph/SignalButton/index.js
View File

@ -316,7 +316,6 @@ export default class SignalButton extends Group {
this.arcShapeDock2 && this.arcShapeDock2.hide(); this.arcShapeDock2 && this.arcShapeDock2.hide();
} else { } else {
if (model.hasSelected) { if (model.hasSelected) {
debugger;
if (this.style.SignalButton && this.style.SignalButton.selectColor) { if (this.style.SignalButton && this.style.SignalButton.selectColor) {
this.rectButton && this.rectButton.setStyle({fill:this.style.SignalButton.selectColor}); this.rectButton && this.rectButton.setStyle({fill:this.style.SignalButton.selectColor});
} else { } else {

32
src/jmapNew/theme/datie_02/menus/menuButton.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div v-if="isShowBtn" id="menuButtons_box" class="menu menuButton" style="height:40px;" :style="{left: point.x+'px', bottom: point.y+'px' }"> <div v-if="isShowBtn" id="menuButtons_box" class="menu menuButton" style="height:40px;" :style="{left: point.x+'px', bottom: point.y+'px' }">
<button :id="Station.stationMasterLock.menuButton.domId" class="button_box" :style="{width: width+'px', backgroundColor: xGuideMasterLock? guideColorDown: guideColorUp}" @click="guideLockRightButtonDown()"> <button :id="Station.stationMasterLock.rightButton.domId" class="button_box" :style="{width: width+'px', backgroundColor: xGuideMasterLock? guideColorDown: guideColorUp}" @click="guideLockRightButtonDown()">
<span style="color: #800000"> <span style="color: #800000">
<center><b>X引导总锁</b></center> <center><b>X引导总锁</b></center>
</span> </span>
@ -318,6 +318,8 @@ export default {
} else if (operate.operationPre === this.Switch.guideLock.rightButton.operation || operate.operation === this.Switch.guideLock.rightButton.operation) { } else if (operate.operationPre === this.Switch.guideLock.rightButton.operation || operate.operation === this.Switch.guideLock.rightButton.operation) {
this.guideLockRightFlag = !this.guideLockRightFlag; this.guideLockRightFlag = !this.guideLockRightFlag;
} }
// debugger;
// this.$store.dispatch('menuOperation/setButtonOperation', operate.operation); // 按钮菜单是否被按下
this.$store.dispatch('menuOperation/handleBreakFlag', { break: true }); this.$store.dispatch('menuOperation/handleBreakFlag', { break: true });
} }
}).catch((error) => { }).catch((error) => {
@ -326,6 +328,7 @@ export default {
}); });
}, },
updateButtonShow(val, old) { updateButtonShow(val, old) {
// debugger;
if (old) { if (old) {
// 恢复旧按钮显示 // 恢复旧按钮显示
const domId = OperationHandler.getDomIdByOperation(old); const domId = OperationHandler.getDomIdByOperation(old);
@ -333,6 +336,7 @@ export default {
if (dom) { if (dom) {
dom.disabled = false; dom.disabled = false;
dom.style.backgroundColor = this.buttonUpColor; dom.style.backgroundColor = this.buttonUpColor;
dom.classList.remove('downActive');
this.$refs.password.doClose(); this.$refs.password.doClose();
} }
} }
@ -343,7 +347,7 @@ export default {
if (dom) { if (dom) {
dom.disabled = true; dom.disabled = true;
dom.style.backgroundColor = this.buttonDownColor; dom.style.backgroundColor = this.buttonDownColor;
// dom.style. dom.classList.add('downActive');
} }
} }
}, },
@ -893,10 +897,30 @@ export default {
border-top-width: 1px; border-top-width: 1px;
border-right-width: 1px; border-right-width: 1px;
border-left-width: 1px; border-left-width: 1px;
box-shadow: 2px 1px 3px #111010; border-color:#000;
margin-left: 3px; // box-shadow: 2px 1px 3px #111010;
margin-left: 2px;
padding-left:3px; padding-left:3px;
padding-right:3px; padding-right:3px;
position: relative;
}
.button_box::before{
content: '';
width: 73px;
height: 100%;
position: absolute;
border-right: 1px #262626 solid;
left: 0px;
top: 0;
border-bottom: 1px #262626 solid;
border-left:0px;
border-top: 0px;
}
.button_box.downActive::before{
border-right:0px;
border-bottom: 0px;
border-left: 1px #262626 solid;
border-top: 1px #262626 solid;
} }
.menu { .menu {
background-color: $bg; background-color: $bg;