From c3685d12acd44ad21bf9bb91ec69102ccd2ed281 Mon Sep 17 00:00:00 2001
From: joylink_cuiweidong <364937672@qq.com>
Date: Mon, 13 Jun 2022 14:31:31 +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=E8=BD=A6=E7=AB=99?=
 =?UTF-8?q?=E8=82=A1=E9=81=93=20=E9=A1=B5=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/bigTrainRunplanManage/index.vue     |   8 +-
 .../bigTrainRunplanManage/stationTrack.vue    | 146 +++++++++++++++++-
 .../bigTrainRunplanManage/trainFixedPath.vue  |  44 +++++-
 3 files changed, 189 insertions(+), 9 deletions(-)

diff --git a/src/views/bigTrainRunplanManage/index.vue b/src/views/bigTrainRunplanManage/index.vue
index 8fe27a1c1..26680236d 100644
--- a/src/views/bigTrainRunplanManage/index.vue
+++ b/src/views/bigTrainRunplanManage/index.vue
@@ -10,7 +10,7 @@
         <div class="eachBTRpMenuBar">工作区选择</div>
         <div class="eachBTRpMenuBar">帮助</div>
       </div>
-      <div class="BTRunplanClose">
+      <div class="BTRunplanClose" @click="quit">
         <i class="el-icon-close" />
       </div>
     </div>
@@ -71,7 +71,6 @@ export default {
             this.currentTabs = tabs.filter(tab => tab.name !== targetName);
         },
         addTab(name) {
-            debugger;
             const nameMap = {'StationTrack':{title:'车站股道', component:StationTrack }, 'TrainFixedPath':{title:'列车固定路径', component:TrainFixedPath}};
             const findTab = this.currentTabs.find(tab=>{
                 return tab.name == name;
@@ -80,6 +79,9 @@ export default {
                 this.currentTabs.push(Object.assign( {name:name}, nameMap[name]));
             }
             this.activeTab = name;
+        },
+        quit() {
+            window.close();
         }
     //      addTab(targetName) {
     //     let newTabName = ++this.tabIndex + '';
@@ -133,7 +135,7 @@ export default {
 }
 </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{background: #c5dffd;font-size: 13px;color: #1f4678;border-bottom: 2px #84827f solid;margin-bottom:0px;}
 .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;
diff --git a/src/views/bigTrainRunplanManage/stationTrack.vue b/src/views/bigTrainRunplanManage/stationTrack.vue
index e6623d905..0de5c90c8 100644
--- a/src/views/bigTrainRunplanManage/stationTrack.vue
+++ b/src/views/bigTrainRunplanManage/stationTrack.vue
@@ -1,14 +1,154 @@
 <template>
-  <div>
-    {{ '车站股道' }}
+  <div class="stationTrack" :style="{ height: height+'px' }">
+    <!-- {{ '车站股道' }} -->
+    <div class="stationTrackL">
+      {{ 111 }}
+    </div>
+    <div class="stationTrackR">
+      <div class="stationTrackRMenu">
+        <div class="stationTrackRMenuL">
+          <!-- :id="domIdConfirm"  :loading="loading" @click="commit"-->
+          <el-button class="stationTrackButton" size="small">修改</el-button>
+        </div>
+        <div class="stationTrackRMenuR">
+          <span class="stationTrackRVer">版本号</span>
+          <el-button class="stationTrackButton" size="small">备份</el-button>
+          <el-button class="stationTrackButton" size="small">更新至生效区</el-button>
+          <el-button class="stationTrackButton" size="small">导入</el-button>
+          <el-button class="stationTrackButton" size="small">比较</el-button>
+        </div>
+      </div>
+      <div class="stationTrackRTable" :style="{ height: (height-40)+'px' }">
+        <el-table
+          id="stationTrackTableIn"
+          ref="stationTrackTableIn"
+          :data="tableData"
+          border
+          height="600px"
+          highlight-current-row
+          style="border:1px #ccc solid;width:1103px"
+        >
+          <!-- @cell-click="selectedTripNumber" -->
+          <!-- @current-change="handleCurrentChange" -->
+          <el-table-column
+            type="index"
+            label="序号"
+            width="100"
+          />
+          <el-table-column
+            prop="trackName"
+            label="股道名称"
+            width="100"
+          />
+          <el-table-column
+            prop="lineType"
+            label="线路性质"
+            width="100"
+          />
+          <el-table-column
+            prop="RVdirection"
+            label="接发车方向"
+            width="100"
+          />
+          <el-table-column
+            prop="RVType"
+            label="接发车类型"
+            width="100"
+          />
+          <el-table-column
+            prop="transType"
+            label="超限类型"
+            width="100"
+          />
+          <el-table-column
+            prop="stationStand"
+            label="站台"
+            width="100"
+          />
+          <el-table-column
+            prop="allowEMU"
+            label="允许动车组"
+            width="100"
+          />
+          <el-table-column
+            prop="waterEquip"
+            label="上水设备"
+            width="100"
+          />
+          <el-table-column
+            prop="sewageEquip"
+            label="排污设备"
+            width="100"
+          />
+          <el-table-column
+            prop="military"
+            label="军用"
+            width="100"
+          />
+        </el-table>
+      </div>
+    </div>
   </div>
 </template>
 <script>
 export default {
-    name:'TrainFixedPath',
+    name:'StationTrack',
     data() {
         return {
+            height: this.$store.state.app.height - 61,
+            tableData:[
+                {trackName:'IG', lineType:'正线', RVType:'上下行', RVdirection:'客货车', transType:'超额超限', stationStand:'无', allowEMU:'否', waterEquip:'无',
+                    sewageEquip:'无', military:'否'},
+                {trackName:'IIG', lineType:'正线', RVType:'上下行', RVdirection:'客货车', transType:'超额超限', stationStand:'低', allowEMU:'否', waterEquip:'无',
+                    sewageEquip:'无', military:'否' }
+            ]
         };
     }
 };
 </script>
+<style lang="scss" scoped>
+.stationTrack{
+  padding-left:200px;
+}
+.stationTrackL{
+    width: 200px;
+    height: 100%;
+    position: absolute;
+    border-right: 1px #797979 solid;
+    left: 0;
+    top: 0;
+}
+.stationTrackR{
+  padding:0px 5px 0px 5px;
+  height: 100%;
+  background: #d8d8d8;
+}
+.stationTrackRMenu{
+  background:#eeeeee;
+  display: inline-block;
+  width:100%;
+  padding:5px;
+  border-left: 1px #707070 solid;
+}
+.stationTrackRMenuL{display: inline-block;}
+.stationTrackRMenuR{float:right;display: inline-block;}
+.stationTrackRTable{background:#a9a9a9;border-left: 1px #707070 solid;}
+.stationTrackRVer{
+    font-size: 14px;
+    margin-right: 10px;
+    color: #87a7c9;
+}
+.stationTrackButton{
+    background-image: linear-gradient(#ffffff,#d8d8d8);
+    color: #000;
+    padding: 7px 15px;
+    border: 1px #737373 solid;
+}
+</style>
+<style lang="scss">
+#stationTrackTableIn.el-table td, #stationTrackTableIn.el-table th{
+    padding-top: 5px;
+    padding-bottom: 5px;
+    border-color: #a5a5a5;
+}
+</style>
diff --git a/src/views/bigTrainRunplanManage/trainFixedPath.vue b/src/views/bigTrainRunplanManage/trainFixedPath.vue
index a1e3fda57..f69ee81b0 100644
--- a/src/views/bigTrainRunplanManage/trainFixedPath.vue
+++ b/src/views/bigTrainRunplanManage/trainFixedPath.vue
@@ -1,14 +1,52 @@
 <template>
-  <div>
-    {{ '列车固定径路' }}
+  <div class="trainFixedPath" :style="{ height: height+'px' }">
+    <!-- {{ '列车固定径路' }} -->
+    <div class="trainFixedPathL">
+      {{ 111 }}
+    </div>
+    <div class="trainFixedPathR">
+      <div class="trainFixedPathRMenu">
+        <div class="trainFixedPathRMenuL">111</div>
+        <div class="trainFixedPathRMenuR">111</div>
+      </div>
+    </div>
   </div>
 </template>
 <script>
 export default {
-    name:'StationTrack',
+    name:'TrainFixedPath',
     data() {
         return {
+            height: this.$store.state.app.height - 61
         };
     }
 };
 </script>
+<style lang="scss" scoped>
+.trainFixedPath{
+  padding-left:200px;
+}
+.trainFixedPathL{
+    width: 200px;
+    height: 100%;
+    position: absolute;
+    border-right: 1px #797979 solid;
+    left: 0;
+    top: 0;
+}
+.trainFixedPathR{
+  padding:0px 5px 0px 5px;
+  height: 100%;
+  background: #d8d8d8;
+}
+.trainFixedPathRMenu{
+  background:#eeeeee;
+  display: inline-block;
+  width:100%;
+  padding:5px;
+  border-left: 1px #707070 solid;
+}
+.trainFixedPathRMenuL{display: inline-block;}
+.trainFixedPathRMenuR{float:right;display: inline-block;}
+</style>
+