仿真按钮样式调整

src/views/newMap/displayNew/dispatherContest/index.vue

@@ -28,20 +28,21 @@
 
     <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 type="primary" size="small" @click="back">退出</el-button>
         <template v-if="!dataError">
           <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="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 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="danger" size="small" @click="end">{{ $t('display.demon.initialize') }}</el-button>
           </template>
+          <el-button type="primary" size="small" @click="back">退出</el-button>
+
         </template>
       </el-button-group>
     </div>
@@ -527,31 +528,12 @@ export default {
 		width: 450px;
 		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>

src/views/newMap/displayNew/menuDemon.vue

@@ -25,16 +25,16 @@
 
     <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 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="isScriptRun">
             <el-button type="danger" size="small" @click="handleQuitQuest">退出剧本</el-button>
           </template>
           <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="danger" size="small" @click="end">{{ $t('display.demon.initialize') }}</el-button>
           </template>
         </template>
+        <el-button v-if="project !='bjd'" type="primary" size="small" @click="back">{{ projectDevice?'退出':$t('display.demon.back') }}</el-button>
       </el-button-group>
     </div>
 
@@ -415,31 +415,12 @@ export default {
 		width: 450px;
 		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>

src/views/newMap/displayNew/scriptDisplay/scriptPreview/index.vue

@@ -278,35 +278,21 @@ export default {
     }
 };
 </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>
+	.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 {
         margin-left: 0px;
     }

src/views/newMap/jointTrainingNew/menuDemon.vue

@@ -29,14 +29,14 @@
     </div>
     <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 type="primary" :loading="backLoading" size="small" @click="back">退出</el-button>
         <template v-if="!dataError"> <!-- 地图错误判断 -->
           <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="danger" size="small" @click="end">{{ $t('joinTraining.initialize') }}</el-button>
           </template>
         </template>
+        <el-button type="primary" :loading="backLoading" size="small" @click="back">退出</el-button>
       </el-button-group>
     </div>
     <qr-code ref="qrCode" />
@@ -130,8 +130,8 @@ export default {
             // 行调与管理员 可显示
             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() {
             return this.userRole == 'STATION_SUPERVISOR' && (!this.$route.query.projectDevice || this.project == 'sdy');
@@ -529,30 +529,9 @@ export default {
 		position: absolute;
 		right: 10px;
 		bottom: 28px;
-		// transform: translateX(calc(100% + 40px));
-		// transition: all 0.5s;
-		// &.active{
-		// 	transform: translateX(0);
-		// }
-		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;
-		}
 	}
 	.display_top_draft{
 		position: absolute;