仿真按钮样式调整
This commit is contained in:
parent
b4bf5114c6
commit
52898a24ac
@ -28,20 +28,21 @@
|
|||||||
|
|
||||||
<div class="display-draft" :class="{'haerbin_btn_box': $route.query.lineCode == '07'}" :style="{bottom: offsetBottom + 'px'}">
|
<div class="display-draft" :class="{'haerbin_btn_box': $route.query.lineCode == '07'}" :style="{bottom: offsetBottom + 'px'}">
|
||||||
<el-button-group class="button-group-box">
|
<el-button-group class="button-group-box">
|
||||||
<el-button type="primary" size="small" @click="back">退出</el-button>
|
|
||||||
<template v-if="!dataError">
|
<template v-if="!dataError">
|
||||||
<template v-if="isScriptLoad">
|
<template v-if="isScriptLoad">
|
||||||
<el-button type="danger" size="small" @click="handleQuitQuest">退出场景</el-button>
|
|
||||||
<el-button type="success" size="small" :disabled="!isScriptRun" @click="endTraining">结束</el-button>
|
|
||||||
<el-button type="primary" size="small" :disabled="isScriptRun" @click="startTraining">开始</el-button>
|
|
||||||
<el-button type="" size="small" @click="handleExplain">说明</el-button>
|
<el-button type="" size="small" @click="handleExplain">说明</el-button>
|
||||||
|
<el-button type="primary" size="small" :disabled="isScriptRun" @click="startTraining">开始</el-button>
|
||||||
|
<el-button type="success" size="small" :disabled="!isScriptRun" @click="endTraining">结束</el-button>
|
||||||
|
<el-button type="danger" size="small" @click="handleQuitQuest">退出场景</el-button>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<!-- 初始化 -->
|
|
||||||
<el-button type="danger" size="small" @click="end">{{ $t('display.demon.initialize') }}</el-button>
|
|
||||||
<!-- 按计划行车 -->
|
<!-- 按计划行车 -->
|
||||||
<el-button type="success" :disabled="isDisable" size="small" @click="selectBeginTime">{{ $t('display.demon.drivingByPlan') }}</el-button>
|
<el-button type="success" :disabled="isDisable" size="small" @click="selectBeginTime">{{ $t('display.demon.drivingByPlan') }}</el-button>
|
||||||
|
<!-- 初始化 -->
|
||||||
|
<el-button type="danger" size="small" @click="end">{{ $t('display.demon.initialize') }}</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
<el-button type="primary" size="small" @click="back">退出</el-button>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
</el-button-group>
|
</el-button-group>
|
||||||
</div>
|
</div>
|
||||||
@ -527,31 +528,12 @@ export default {
|
|||||||
width: 450px;
|
width: 450px;
|
||||||
bottom: 15px!important;
|
bottom: 15px!important;
|
||||||
}
|
}
|
||||||
</style>
|
.display-draft {
|
||||||
<style lang="scss">
|
position: absolute;
|
||||||
.display-draft {
|
right: 10px;
|
||||||
position: absolute;
|
bottom: 15px;
|
||||||
right: 10px;
|
.button-group-box{
|
||||||
bottom: 15px;
|
float: right;
|
||||||
button {
|
}
|
||||||
float: right!important;
|
}
|
||||||
}
|
|
||||||
.button-group-box{
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
/deep/ .el-button-group>.el-button:last-child {
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
border-top-left-radius: 4px;
|
|
||||||
border-bottom-left-radius: 4px;
|
|
||||||
}
|
|
||||||
/deep/ .el-button-group>.el-button:first-child{
|
|
||||||
border-top-right-radius: 4px;
|
|
||||||
border-bottom-right-radius: 4px;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-right-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
@ -25,16 +25,16 @@
|
|||||||
|
|
||||||
<div class="display-draft" :class="{'haerbin_btn_box': $route.query.lineCode == '07'||$route.query.lineCode == '14'}" :style="{bottom: offsetBottom + 'px'}">
|
<div class="display-draft" :class="{'haerbin_btn_box': $route.query.lineCode == '07'||$route.query.lineCode == '14'}" :style="{bottom: offsetBottom + 'px'}">
|
||||||
<el-button-group class="button-group-box">
|
<el-button-group class="button-group-box">
|
||||||
<el-button v-if="project !='bjd'" type="primary" size="small" @click="back">{{ projectDevice?'退出':$t('display.demon.back') }}</el-button>
|
|
||||||
<template v-if="!dataError&&project != 'bjd'">
|
<template v-if="!dataError&&project != 'bjd'">
|
||||||
<template v-if="isScriptRun">
|
<template v-if="isScriptRun">
|
||||||
<el-button type="danger" size="small" @click="handleQuitQuest">退出剧本</el-button>
|
<el-button type="danger" size="small" @click="handleQuitQuest">退出剧本</el-button>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="!projectDevice">
|
<template v-else-if="!projectDevice">
|
||||||
<el-button type="danger" size="small" @click="end">{{ $t('display.demon.initialize') }}</el-button>
|
|
||||||
<el-button type="success" :disabled="isDisable" size="small" @click="selectBeginTime">{{ $t('display.demon.drivingByPlan') }}</el-button>
|
<el-button type="success" :disabled="isDisable" size="small" @click="selectBeginTime">{{ $t('display.demon.drivingByPlan') }}</el-button>
|
||||||
|
<el-button type="danger" size="small" @click="end">{{ $t('display.demon.initialize') }}</el-button>
|
||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
|
<el-button v-if="project !='bjd'" type="primary" size="small" @click="back">{{ projectDevice?'退出':$t('display.demon.back') }}</el-button>
|
||||||
</el-button-group>
|
</el-button-group>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -415,31 +415,12 @@ export default {
|
|||||||
width: 450px;
|
width: 450px;
|
||||||
bottom: 15px!important;
|
bottom: 15px!important;
|
||||||
}
|
}
|
||||||
</style>
|
.display-draft {
|
||||||
<style lang="scss">
|
position: absolute;
|
||||||
.display-draft {
|
right: 10px;
|
||||||
position: absolute;
|
bottom: 15px;
|
||||||
right: 10px;
|
.button-group-box{
|
||||||
bottom: 15px;
|
float: right;
|
||||||
button {
|
}
|
||||||
float: right!important;
|
}
|
||||||
}
|
|
||||||
.button-group-box{
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
/deep/ .el-button-group>.el-button:last-child {
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
border-top-left-radius: 4px;
|
|
||||||
border-bottom-left-radius: 4px;
|
|
||||||
}
|
|
||||||
/deep/ .el-button-group>.el-button:first-child{
|
|
||||||
border-top-right-radius: 4px;
|
|
||||||
border-bottom-right-radius: 4px;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-right-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
@ -278,35 +278,21 @@ export default {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style>
|
|
||||||
.main {
|
|
||||||
z-index: 10;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
-moz-user-select: none;
|
|
||||||
-o-user-select: none;
|
|
||||||
-khtml-user-select: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
.display-draft {
|
|
||||||
position: absolute;
|
|
||||||
float: right;
|
|
||||||
right: 20px;
|
|
||||||
bottom: 15px;
|
|
||||||
}
|
|
||||||
.schema {
|
|
||||||
z-index: 36;
|
|
||||||
display: inline;
|
|
||||||
position: absolute;
|
|
||||||
right: 5px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<style rel="stylesheet/scss" lang="scss" scoped>
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||||
|
.main {
|
||||||
|
z-index: 10;
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
-moz-user-select: none;
|
||||||
|
-o-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
/deep/ .el-button+.el-button {
|
/deep/ .el-button+.el-button {
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
}
|
}
|
||||||
|
@ -29,14 +29,14 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="display-draft" :class="{'haerbin_btn_box': lineCode == '07'||lineCode=='14'}" :style="{bottom: offsetBottom + 'px'}">
|
<div class="display-draft" :class="{'haerbin_btn_box': lineCode == '07'||lineCode=='14'}" :style="{bottom: offsetBottom + 'px'}">
|
||||||
<el-button-group class="button-group-box">
|
<el-button-group class="button-group-box">
|
||||||
<el-button type="primary" :loading="backLoading" size="small" @click="back">退出</el-button>
|
|
||||||
<template v-if="!dataError"> <!-- 地图错误判断 -->
|
<template v-if="!dataError"> <!-- 地图错误判断 -->
|
||||||
<template v-if="isAdmin && project != 'refereeJsxt' && $route.query.type !== 'ILW'">
|
<template v-if="isAdmin && project != 'refereeJsxt' && $route.query.type !== 'ILW'">
|
||||||
<el-button type="danger" size="small" @click="end">{{ $t('joinTraining.initialize') }}</el-button>
|
|
||||||
<!-- 按计划行车 -->
|
<!-- 按计划行车 -->
|
||||||
<el-button type="success" :disabled="isDisable" size="small" @click="selectBeginTime">{{ $t('joinTraining.drivingByPlan') }}</el-button>
|
<el-button type="success" :disabled="isDisable" size="small" @click="selectBeginTime">{{ $t('joinTraining.drivingByPlan') }}</el-button>
|
||||||
|
<el-button type="danger" size="small" @click="end">{{ $t('joinTraining.initialize') }}</el-button>
|
||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
|
<el-button type="primary" :loading="backLoading" size="small" @click="back">退出</el-button>
|
||||||
</el-button-group>
|
</el-button-group>
|
||||||
</div>
|
</div>
|
||||||
<qr-code ref="qrCode" />
|
<qr-code ref="qrCode" />
|
||||||
@ -130,8 +130,8 @@ export default {
|
|||||||
// 行调与管理员 可显示
|
// 行调与管理员 可显示
|
||||||
return (this.$store.state.training.prdType == '02' || this.isAdmin) && (!this.$route.query.projectDevice);
|
return (this.$store.state.training.prdType == '02' || this.isAdmin) && (!this.$route.query.projectDevice);
|
||||||
},
|
},
|
||||||
isDISPATCHER(){
|
isDISPATCHER() {
|
||||||
return (this.$store.state.training.prdType == '02' || this.isAdmin) && (!this.$route.query.projectDevice || this.project == 'sdy');
|
return (this.$store.state.training.prdType == '02' || this.isAdmin) && (!this.$route.query.projectDevice || this.project == 'sdy');
|
||||||
},
|
},
|
||||||
isStationSupervisor() {
|
isStationSupervisor() {
|
||||||
return this.userRole == 'STATION_SUPERVISOR' && (!this.$route.query.projectDevice || this.project == 'sdy');
|
return this.userRole == 'STATION_SUPERVISOR' && (!this.$route.query.projectDevice || this.project == 'sdy');
|
||||||
@ -529,30 +529,9 @@ export default {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 28px;
|
bottom: 28px;
|
||||||
// transform: translateX(calc(100% + 40px));
|
|
||||||
// transition: all 0.5s;
|
|
||||||
// &.active{
|
|
||||||
// transform: translateX(0);
|
|
||||||
// }
|
|
||||||
button {
|
|
||||||
float: right!important;
|
|
||||||
}
|
|
||||||
.button-group-box{
|
.button-group-box{
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
/deep/ .el-button-group>.el-button:last-child {
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
border-top-left-radius: 4px;
|
|
||||||
border-bottom-left-radius: 4px;
|
|
||||||
}
|
|
||||||
/deep/ .el-button-group>.el-button:first-child{
|
|
||||||
border-top-right-radius: 4px;
|
|
||||||
border-bottom-right-radius: 4px;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-right-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.display_top_draft{
|
.display_top_draft{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
Loading…
Reference in New Issue
Block a user