This commit is contained in:
joylink_cuiweidong 2021-01-14 17:00:04 +08:00
commit 06edd5f531
4 changed files with 61 additions and 25 deletions

View File

@ -159,7 +159,8 @@ class SkinCode extends defaultStyle {
textPosition: 'inside', // 文字位置 textPosition: 'inside', // 文字位置
textVerticalAlign: 'middle' // 文字垂直对齐方式 textVerticalAlign: 'middle' // 文字垂直对齐方式
} }
} },
switchFault: true // 南京二号线 道岔失败(长闪)
}; };
this[deviceType.Signal] = { this[deviceType.Signal] = {
@ -512,6 +513,7 @@ class SkinCode extends defaultStyle {
this[deviceType.Switch] = { this[deviceType.Switch] = {
shapeFlash: true, // 道岔转动失去表示 道岔遮罩删除 shapeFlash: true, // 道岔转动失去表示 道岔遮罩删除
faultNoHandle: true, // 南京二 道岔长闪 道岔无状态 道岔区段 bc 闪烁
text: { text: {
show: true, // 道岔名称显示 show: true, // 道岔名称显示
position: 0, // 区段名称位置 1 上面 -1 下面 0 对称 position: 0, // 区段名称位置 1 上面 -1 下面 0 对称

View File

@ -256,25 +256,47 @@ export default class Section extends Group {
this.line && this.line.setStyle({stroke: '#7F7F7F'}); this.line && this.line.setStyle({stroke: '#7F7F7F'});
this.name && this.name.setStyle({textFill: '#7F7F7f'}); this.name && this.name.setStyle({textFill: '#7F7F7f'});
} }
handleSwitchSection(model, flag) {
// 哈尔滨线路 南京二 道岔相关区段设置 默认颜色
if (this.style.Switch.sectionAction.flag && model.relSwitchCode && !flag) {
const switchModel = Vue.prototype.$jlmap.mapDevice[model.relSwitchCode];
const sectionB = Vue.prototype.$jlmap.mapDevice[switchModel.sectionBCode];
const sectionC = Vue.prototype.$jlmap.mapDevice[switchModel.sectionCCode];
if (switchModel && (switchModel.normalPosition === 1 || (switchModel.normalPosition === 0 && switchModel.reversePosition === 0 && switchModel.instance && switchModel.instance.switchPosition === 'reverse'))) { // 定位情况
sectionC && sectionC.instance && sectionC.instance.line.setStyle({ stroke: this.style.Switch.sectionAction.spareColor });
sectionB && sectionB.instance && sectionB.instance.setState(sectionB, true);
} else if (switchModel && switchModel.reversePosition === 1 || (switchModel.normalPosition === 0 && switchModel.reversePosition === 0 && switchModel.instance && switchModel.instance.switchPosition === 'normal')) { // 反位情况
sectionB && sectionB.instance && sectionB.instance.line.setStyle({ stroke: this.style.Switch.sectionAction.spareColor });
sectionC && sectionC.instance && sectionC.instance.setState(sectionC, true);
}
if (this.style.Section.switchFault && switchModel.split) {
if (sectionB && sectionB.instance) {
sectionB.instance.setState(sectionB, true);
sectionB.instance.line.animateStyle(true, [
{ time: 0, styles: { stroke: this.style.Section.line.spareColor } },
{ time: 500, styles: { stroke: this.style.backgroundColor } },
{ time: 1000, styles: { stroke: this.style.Section.line.spareColor } }
]);
}
if (sectionC && sectionC.instance) {
sectionC.instance.setState(sectionC, true);
sectionC.instance.line.animateStyle(true, [
{ time: 0, styles: { stroke: this.style.Section.line.spareColor } },
{ time: 500, styles: { stroke: this.style.backgroundColor } },
{ time: 1000, styles: { stroke: this.style.Section.line.spareColor } }
]);
}
} else {
if (sectionB && sectionB.instance) { sectionB.instance.line.stopAnimation(true); }
if (sectionC && sectionC.instance) { sectionC.instance.line.stopAnimation(true); }
}
}
}
/** 设置状态*/ /** 设置状态*/
setState(model, flag = false) { setState(model, flag = false) {
if (!this.isShowShape) return; if (!this.isShowShape) return;
this.recover(); this.recover();
// 哈尔滨线路 道岔相关区段设置 默认颜色 this.handleSwitchSection(model, flag);
if (this.style.Switch.sectionAction.flag && model.relSwitchCode && !flag) {
const switchModel = Vue.prototype.$jlmap.mapDevice[model.relSwitchCode];
if (switchModel && switchModel.normalPosition != 0) { // 定位情况
const sectionC = Vue.prototype.$jlmap.mapDevice[switchModel.sectionCCode];
sectionC && sectionC.instance && sectionC.instance.line.setStyle({ stroke: this.style.Switch.sectionAction.spareColor });
const sectionB = Vue.prototype.$jlmap.mapDevice[switchModel.sectionBCode];
sectionB && sectionB.instance && sectionB.instance.setState(sectionB, true);
} else if (switchModel && switchModel.normalPosition == 0) { // 反位情况
const sectionB = Vue.prototype.$jlmap.mapDevice[switchModel.sectionBCode];
sectionB && sectionB.instance && sectionB.instance.line.setStyle({ stroke: this.style.Switch.sectionAction.spareColor });
const sectionC = Vue.prototype.$jlmap.mapDevice[switchModel.sectionCCode];
sectionC && sectionC.instance && sectionC.instance.setState(sectionC, true);
}
}
// 顺序代表优先级 // 顺序代表优先级
/** 道岔保护区段锁闭 */ /** 道岔保护区段锁闭 */
model.overlapLock && this.protectiveLock(model.lockRight); model.overlapLock && this.protectiveLock(model.lockRight);

View File

@ -311,7 +311,7 @@ export default class Switch extends Group {
} }
} }
// 南京二号线 A,B闪烁 // 南京二号线 A,B闪烁
shapeFlashing() { shapeFlashing(split) {
let bColor = '#7F7F7F'; let bColor = '#7F7F7F';
let aColor = '#7F7F7F'; let aColor = '#7F7F7F';
if (this.switchPosition === 'normal') { if (this.switchPosition === 'normal') {
@ -319,17 +319,25 @@ export default class Switch extends Group {
} else { } else {
bColor = '#FF0'; bColor = '#FF0';
} }
this.shapeModelB && this.shapeModelB.animateStyle(bColor, this.style.backgroundColor); // 南京二号线道岔短闪两部分相位不同
this.shapeModelA && this.shapeModelA.animateStyle(aColor, this.style.backgroundColor); this.shapeModelA && this.shapeModelA.animateStyle(aColor, this.style.backgroundColor);
setTimeout(() => {
this.shapeModelB && this.shapeModelB.animateStyle(bColor, this.style.backgroundColor);
}, 100);
if (split) {
this.shapeModelA.hide();
this.shapeModelB.hide();
this.shapeModelC.hide();
}
} }
/** 失去*/ /** 失去*/
setLossAction() { setLossAction(split) {
this.shapeModelA.show(); this.shapeModelA.show();
this.shapeModelB.show(); this.shapeModelB.show();
this.shapeModelC.show(); this.shapeModelC.show();
this.shapeModelC.setColor(this.style.backgroundColor); this.shapeModelC.setColor(this.style.backgroundColor);
this.shapeModelB.animateStyle(); this.shapeModelB.animateStyle();
this.style.Switch.shapeFlash && this.shapeFlashing(); this.style.Switch.shapeFlash && this.shapeFlashing(split);
this.setTextColor(this.style.Switch.text.lossColor); this.setTextColor(this.style.Switch.text.lossColor);
this.style.Switch.text.faultFlashing && this.nameTextAnimation(); this.style.Switch.text.faultFlashing && this.nameTextAnimation();
@ -343,6 +351,10 @@ export default class Switch extends Group {
setSwitchFault(split, normalPosition, reversePosition) { setSwitchFault(split, normalPosition, reversePosition) {
if (this.style.Switch.jointImg.faultStatus && split && !reversePosition && !normalPosition ) { // 宁波线失表状态 if (this.style.Switch.jointImg.faultStatus && split && !reversePosition && !normalPosition ) { // 宁波线失表状态
this.setForkAction(); // 道岔挤岔 this.setForkAction(); // 道岔挤岔
} else if (this.style.Switch.faultNoHandle ) {
this.shapeModelA.hide();
this.shapeModelB.hide();
this.shapeModelC.hide();
} else { } else {
if (this.model.switchFaultCode && split) { if (this.model.switchFaultCode && split) {
const switchFault = store.getters['map/getDeviceByCode'](this.model.switchFaultCode); const switchFault = store.getters['map/getDeviceByCode'](this.model.switchFaultCode);
@ -544,7 +556,7 @@ export default class Switch extends Group {
this.switchPosition = 'reverse'; this.switchPosition = 'reverse';
this.setInversionAction(model); /** 反位*/ this.setInversionAction(model); /** 反位*/
} else { } else {
this.setLossAction(); // 失去 this.setLossAction(model.split); // 失去
} }
model.isCiConfirm && this.setCiConfirm(); // 道岔使能显示 model.isCiConfirm && this.setCiConfirm(); // 道岔使能显示

View File

@ -36,7 +36,7 @@
<div v-if="item.name && item.disabled" :id="item.operate.domId" class="fake-button-disabled">{{ item.name }}</div> <div v-if="item.name && item.disabled" :id="item.operate.domId" class="fake-button-disabled">{{ item.name }}</div>
<div v-else-if="item.name && !item.securityCommand " :id="item.operate.domId" class="fake-button" :class="item.show? 'active': ''" @click="clickCommand(item)">{{ item.name }}</div> <div v-else-if="item.name && !item.securityCommand " :id="item.operate.domId" class="fake-button" :class="item.show? 'active': ''" @click="clickCommand(item)">{{ item.name }}</div>
<div v-else-if="item.name && item.securityCommand" :id="item.operate.domId" class="fake-button-active" :class="item.show? 'active': ''" @click="clickCommand(item)">{{ item.name }}</div> <div v-else-if="item.name && item.securityCommand" :id="item.operate.domId" class="fake-button-active" :class="item.show? 'active': ''" @click="clickCommand(item)">{{ item.name }}</div>
<div v-else class="fake-button" style="cursor: not-allowed;"/> <div v-else class="fake-button" style="cursor: not-allowed;" />
</div> </div>
</template> </template>
</el-row> </el-row>
@ -280,7 +280,7 @@ export default {
return (this.cmdType == CMD.Section.CMD_SECTION_SET_LIMIT_SPEED || this.cmdType == CMD.Switch.CMD_SWITCH_SET_LIMIT_SPEED) && this.speedShowCon; return (this.cmdType == CMD.Section.CMD_SECTION_SET_LIMIT_SPEED || this.cmdType == CMD.Switch.CMD_SWITCH_SET_LIMIT_SPEED) && this.speedShowCon;
}, },
isLocal() { isLocal() {
return this.$store.state.training.prdType == '01'; return this.$store.state.training.prdType == '01';
} }
}, },
watch: { watch: {
@ -1004,10 +1004,10 @@ export default {
// } // }
}, },
handleOpen() { handleOpen() {
this.dialogVisible = true; this.dialogVisible = true;
}, },
handleClose() { handleClose() {
this.dialogVisible = false; this.dialogVisible = false;
} }
} }
}; };