From dc7a117b0f41ee61084b17ee8eca60c1750dfab7 Mon Sep 17 00:00:00 2001
From: joylink_cuiweidong <364937672@qq.com>
Date: Fri, 10 Jun 2022 16:23:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E9=93=81=E9=A1=B9=E7=9B=AE=20?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E7=BB=88=E7=AB=AF=20=20=E9=A1=B5=E9=9D=A2=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                        |  10 +-
 src/views/bigTrainRunplanManage/index.vue  | 103 +++++++++++++++++++++
 src/views/newMap/displayNew/menuSchema.vue |  20 ++++
 3 files changed, 132 insertions(+), 1 deletion(-)
 create mode 100644 src/views/bigTrainRunplanManage/index.vue

diff --git a/src/router/index.js b/src/router/index.js
index 59471c241..5297f6210 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -44,6 +44,7 @@ const DisplayBaSiDi = () => import('@/views/newMap/displayBaSiDi/index');
 const DesignDisplayNew = () => import('@/views/newMap/displayNew/scriptDisplay/scriptPreview/index');
 const PracticeDisplay = () => import('@/views/newMap/displayNew/practiceDisplay');
 const BigLPFStrategy = () => import('@/views/newMap/displayNew/bigLPFStrategy');
+const BigTrainRunplanManage = () => import('@/views/bigTrainRunplanManage/index');
 
 const JointTrainingNew = () => import('@/views/newMap/jointTrainingNew/index');
 const jointTrainingNewCCTV = () => import('@/views/newMap/jointTrainingNew/realCCTV');
@@ -680,7 +681,14 @@ export const publicAsyncRoute = [
                 hidden: true
             }
         ]
-    }
+    },
+    {
+        //  大铁项目 管理终端
+        path: '/bigTrainRunplanManage',
+        component: BigTrainRunplanManage,
+        hidden: true
+    },
+
 ];
 // 城市轨道项目
 export const asyncRouter = [
diff --git a/src/views/bigTrainRunplanManage/index.vue b/src/views/bigTrainRunplanManage/index.vue
new file mode 100644
index 000000000..dafc17790
--- /dev/null
+++ b/src/views/bigTrainRunplanManage/index.vue
@@ -0,0 +1,103 @@
+<template>
+  <div>
+    <div class="BTRpMenuBarOut">
+      <div class="BTRpMenuBar">
+        <div class="eachBTRpMenuBar">车站股道</div>
+        <div class="eachBTRpMenuBar">车站出入口</div>
+        <div class="eachBTRpMenuBar">列车固定路径</div>
+        <div class="eachBTRpMenuBar">车站用户管理</div>
+        <div class="eachBTRpMenuBar">备份区名称</div>
+        <div class="eachBTRpMenuBar">工作区选择</div>
+        <div class="eachBTRpMenuBar">帮助</div>
+      </div>
+      <div class="BTRunplanClose">
+        <i class="el-icon-close" />
+      </div>
+    </div>
+    <div class="BTRpTabs">
+      <el-tabs v-model="activeTab" type="card" closable @tab-remove="removeTab">
+        <el-tab-pane
+          v-for="(item, index) in currentTabs"
+          :key="item.name"
+          :label="item.title"
+          :name="item.name"
+        >
+          <!-- {{ item.content }} -->
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+    name:'BigTrainRunplanManage',
+    data() {
+        return {
+            activeTab:1,
+            currentTabs: [
+                {
+                    title: '车站股道',
+                    name: 1
+                    // content: 'Tab 1 content'
+                },
+                {
+                    title: '列车固定径路',
+                    name: 2
+                    // content: 'Tab 1 content'
+                }
+            ]
+        };
+    },
+    methods:{
+        removeTab(targetName) {
+            const tabs = this.currentTabs;
+            const activeName = this.activeTab;
+        }
+    }
+
+};
+</script>
+<style lang="scss" scoped>
+.BTRpMenuBarOut{
+    width: 100%;
+    background: #bad8fb;
+    border-bottom: 1px #8fb2dd solid;
+    height: 29px;
+}
+.BTRpMenuBar{
+    display: inline-block;
+    background: #d2e0f3;
+    border-bottom-right-radius: 10px;
+    border-top-right-radius: 10px;
+    padding-right: 10px;
+    border-right: 1px #93a3b4 solid;
+    border-bottom: 1px #cadaef solid;
+    position: absolute;
+    height: 29px;
+}
+.eachBTRpMenuBar{
+    display: inline-block;
+    padding: 5px 15px;
+    font-size: 14px;
+    cursor: pointer;
+}
+.eachBTRpMenuBar:hover{
+    background: #a6cdfb;
+}
+.BTRunplanClose{
+    display: inline-block;
+    float: right;
+    margin-right: 10px;
+    padding: 4px 8px;
+    cursor: pointer;
+}
+</style>
+<style lang="scss">
+.BTRpTabs .el-tabs--card>.el-tabs__header{background: #c5dffd;font-size: 13px;color: #1f4678;border-bottom: 2px #84827f solid;}
+.BTRpTabs .el-tabs--card>.el-tabs__header .el-tabs__item.is-top.is-active{background:#fafbfa;}
+.BTRpTabs .el-tabs__item.is-active{color: #003589;font-weight: bold;}
+.BTRpTabs .el-tabs--card>.el-tabs__header .el-tabs__item.is-top{font-size:13px;border-top-right-radius: 40px;height: 30px;
+line-height: 30px;padding: 0 15px 0px 10px;background: #b9d2f1;vertical-align: text-bottom;border-top: 1px #5e6a79 solid;
+border-left: 1px #94b6f0 solid;border-right: 1px #c9d3e0 solid;}
+.BTRpTabs .el-tabs--card>.el-tabs__header .el-tabs__nav{border:none}
+</style>
diff --git a/src/views/newMap/displayNew/menuSchema.vue b/src/views/newMap/displayNew/menuSchema.vue
index d3d38fe41..e61941ab2 100644
--- a/src/views/newMap/displayNew/menuSchema.vue
+++ b/src/views/newMap/displayNew/menuSchema.vue
@@ -13,7 +13,9 @@
       <template v-if="!dataError">
         <el-button-group v-if="project !== 'bjd'">
 			<el-button v-if="isCtc" size="small" @click="showLineBoard">占线板</el-button>
+
 			<el-button v-if="$route.query.lineCode === '16'&&!isCtc" size="small" @click="goCtc">CTC</el-button>
+            <el-button v-if="$route.query.lineCode === '16'&&!isCtc" size="small" @click="goRpManage">管理终端</el-button>
           	<el-button v-if="isLocalStation && $route.query.lineCode!='08' && $route.query.lineCode!='16'" size="small" @click="goIbp">IBP盘</el-button>
           	<el-button v-if="isScheduling && isDepot" size="small" type="primary" @click="runPlanEditShow">运行图编辑</el-button>
           	<!-- 加载剧本 -->
@@ -234,6 +236,24 @@ export default {
 			});
 			window.open(routeData.href, '_blank');
 		},
+        goRpManage(){
+            const routeData = this.$router.resolve({
+				path:'/bigTrainRunplanManage',
+				query:{
+					lineCode:this.$route.query.lineCode,
+					group: this.$route.query.group,
+					// prdType: this.$route.query.prdType,
+					mapId:this.$route.query.mapId,
+					project: this.project,
+					newApi: this.$route.query.newApi,
+					// ctc: true,
+					// try: this.$route.query.try,
+					token:getToken(),
+					noPreLogout: true
+				}
+			});
+			window.open(routeData.href, '_blank');
+        },
         changeOperateMode() {
             this.faultMode = !this.faultMode;
             let mode = OperateMode.NORMAL;