ctc 添加 阶段计划相关页面

src/jmapNew/theme/datie_02/menus/index.vue

@@ -19,7 +19,7 @@
 	  <img :src="ctcBarIcon15" class="img-box" />
 	  <img :src="ctcBarIcon16" class="img-box" />
 	  <img :src="ctcBarIcon17" class="img-box" />
-	  <img :src="ctcBarIcon18" class="img-box" />
+	  <img :src="ctcBarIcon18" class="img-box"  @click="handleRunplan"/>
 	</div>
 	  <!--<div v-if="$store.state.training.prdType == '01'" class="alarm-window">-->
 		  <!--<div v-for="elem in alarmMessages" :key="elem.id" style="font-size: 14px;">-->
@@ -54,6 +54,7 @@
     <passive-alarm ref="passiveAlarm" />
     <passive-contorl ref="passiveControl" pop-class="chengdou-03__systerm" />
     <passive-Timeout ref="passiveTimeout" />
+    <runplan-pane v-if="isCtc" ref="runplanPane" />
   </div>
 </template>
 
@@ -68,6 +69,7 @@ import MenuTrain from './menuTrain';
 import MenuStation from './menuStation';
 import MenuBar from './menuBar';
 import MenuButtonCtc from './menuButtonCtc';
+import RunplanPane from './runplanPane';
 import PassiveAlarm from './passiveDialog/alarm';
 import PassiveContorl from '@/jmapNew/theme/components/menus/passiveDialog/control';
 import PassiveTimeout from './passiveDialog/timeout';
@@ -106,7 +108,8 @@ export default {
         PassiveAlarm,
         PassiveContorl,
         PassiveTimeout,
-		MenuButtonCtc
+		MenuButtonCtc,
+        RunplanPane
     },
     props: {
         selected: {
@@ -208,6 +211,9 @@ export default {
 			if (months.length < 2) { months = '0' + months; }
 			if (dates.length < 2) { dates = '0' + dates; }
 			this.dateString = years + months + dates;
+		},
+        handleRunplan(){
+            this.$refs.runplanPane.doShow()
         }
 	}
 };

src/jmapNew/theme/datie_02/menus/runplanPane.vue

@@ -0,0 +1,74 @@
+<template>
+  <div v-show="isShow" class="runplanPane">
+    <div class="runplanMenuBar" />
+    <div class="runplanMenuButton" />
+    <div class="runplanContent">
+      <div class="runplanContentL" />
+      <div class="runplanContentR" />
+    </div>
+    <div class="runplanBottom">
+      <div class="runplanBottomL" />
+      <div class="runplanBottomC" />
+      <div class="runplanBottomR" />
+    </div>
+  </div>
+</template>
+<script>
+export default {
+    name:'RunplanPane',
+    data() {
+        return {
+            isShow:false
+        };
+    },
+    methods:{
+        doShow() {
+            this.isShow = true;
+        },
+        doClose() {
+            this.isShow = false;
+        }
+    }
+};
+</script>
+<style lang="scss" scoped>
+.runplanPane{
+    width: 100%;
+    height: calc(100% - 34px);
+    background: #fff;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 38;
+    margin-top: 34px;
+    display: block;
+}
+.runplanMenuBar{
+    height: 35px;
+    background: #f0f0f0;
+    border: 1px #a5a5a5 solid;
+}
+.runplanMenuButton{
+    height: 35px;
+    background: #f0f0f0;
+    border: 1px #a5a5a5 solid;
+    margin-top: 1px;
+}
+.runplanContent{
+    height: 695px;
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+}
+.runplanContentL{
+    width:60px;
+    height:100%;
+}
+.runplanContentR{
+    flex-grow:1
+}
+.runplanBottom{}
+.runplanBottomL{}
+.runplanBottomC{}
+.runplanBottomR{}
+</style>