大铁项目 ctc 车务管理端 车站股道 代码调整

src/views/bigTrainRunplanManage/addRunplan.vue

@@ -94,19 +94,14 @@
         <el-button :id="domIdConfirm " type="primary" :loading="loading" @click="commit">确定 </el-button>
       </el-col>
     </el-row>
-    <notice-info ref="noticeInfo" pop-class="datie-02__systerm" />
   </el-dialog>
 </template>
 <script>
 import { mapGetters } from 'vuex';
 import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
-import NoticeInfo from '@/jmapNew/theme/components/menus/childDialog/noticeInfo';
 import {menuOperate, commitOperate} from '@/jmapNew/theme/components/utils/menuOperate';
 export default {
-    name: 'TrainSetPlan',
-    components: {
-        NoticeInfo
-    },
+    name: 'AddRunPlan',
     data() {
         var validateTripNumber = (rule, value, callback) => {
             if (value) {

src/views/bigTrainRunplanManage/stationTrack.vue

@@ -2,13 +2,13 @@
   <div class="stationTrack" :style="{ height: height+'px' }">
     <!-- {{ '车站股道' }} -->
     <div class="stationTrackL">
-      <terminal-station-list ref="terminalStationList" />
+      <terminal-station-list ref="terminalStationList" @loadStationData="loadStationData" />
     </div>
     <div class="stationTrackR">
       <div class="stationTrackRMenu">
         <div class="stationTrackRMenuL">
           <!-- :id="domIdConfirm"  :loading="loading" @click="commit"-->
-          <el-button class="stationTrackButton" size="small">修改</el-button>
+          <el-button class="stationTrackButton" size="small" @click="modifySection">修改</el-button>
         </div>
         <div class="stationTrackRMenuR">
           <span class="stationTrackRVer">版本号</span>
@@ -27,6 +27,8 @@
           height="600px"
           highlight-current-row
           style="border:1px #ccc solid;width:1103px"
+          @row-click="selectedSection"
+          @row-dblclick="rowDbClick"
         >
           <!-- @cell-click="selectedTripNumber" -->
           <!-- @current-change="handleCurrentChange" -->
@@ -88,18 +90,25 @@
         </el-table>
       </div>
     </div>
+    <!--  -->
+    <track-information ref="trackInformation" @noticeInfo="noticeInfo" />
   </div>
 </template>
 <script>
+import { mapGetters } from 'vuex';
 import TerminalStationList from './terminalStationList';
+import TrackInformation from './trackInformation';
 export default {
     name:'StationTrack',
     components: {
-        TerminalStationList
+        TerminalStationList,
+        TrackInformation
     },
     data() {
         return {
             height: this.$store.state.app.height - 61,
+            currentStationCode:'',
+            filterSectionMap:{},
             tableData:[
                 {trackName:'IG', lineType:'正线', RVType:'上下行', RVdirection:'客货车', transType:'超额超限', stationStand:'无', allowEMU:'否', waterEquip:'无',
                     sewageEquip:'无', military:'否'},
@@ -108,11 +117,50 @@ export default {
             ]
         };
     },
+    computed:{
+        ...mapGetters('map', [
+            'sectionList'
+        ])
+    },
     methods:{
         loadStation() {
             this.$refs.terminalStationList.loadStation();
         },
         loadStationData(stationCode) {
+            this.currentStationCode = stationCode;
+            this.filterSectionMap = {};
+            this.sectionList.forEach(section=>{
+                if (section.standTrack && section.belongStation == this.currentStationCode) {
+                    this.filterSectionMap[section.code] = {code:section.code, name:section.name};
+                }
+            });
+            this.handleData();
+        },
+        handleData() {
+            this.tableData = [
+                {trackName:'IG', lineType:'正线', RVType:'上下行', RVdirection:'客货车', transType:'超额超限', stationStand:'无', allowEMU:'否', waterEquip:'无',
+                    sewageEquip:'无', military:'否'},
+                {trackName:'IIG', lineType:'正线', RVType:'上下行', RVdirection:'客货车', transType:'超额超限', stationStand:'低', allowEMU:'否', waterEquip:'无',
+                    sewageEquip:'无', military:'否' }
+            ];
+        },
+        rowDbClick(row, column, event) {
+            this.currentRow = row;
+            this.modifySection();
+        },
+        selectedSection(row, column, event) {
+            this.currentRow = row;
+        },
+        modifySection() {
+            if (this.currentRow) {
+                this.$refs.trackInformation.doShow({
+                    row:this.currentRow,
+                    filterSectionMap:this.filterSectionMap
+                });
+            }
+        },
+        noticeInfo() {
+            this.$emit('noticeInfo');
         }
     }
 };
@@ -165,4 +213,11 @@ export default {
     padding-bottom: 5px;
     border-color: #a5a5a5;
 }
+// .el-table__body tr.current-row>td
+// .el-table__body tr.current-row>td
+// #runplanContentTable .el-table__body tr.current-row>td .el-input--mini .el-input__inner{
+#stationTrackTableIn .el-table__body tr.current-row>td{
+  background-color: #6aa8ec;
+  color: #fff;
+}
 </style>

src/views/bigTrainRunplanManage/trackInformation.vue

@@ -0,0 +1,88 @@
+<template>
+  <el-dialog
+    v-dialogDrag
+    class="datie-02__systerm"
+    :title="title"
+    :visible.sync="show"
+    width="560px"
+    :before-close="doClose"
+    :z-index="2000"
+    :modal="false"
+    :close-on-click-modal="false"
+  >
+    <div style="text-align:right;display:inline-block;width:100%;">
+      <div style="display:inline-block">
+        <el-button :id="domIdCancel" @click="cancel">取消</el-button>
+      </div>
+      <div style="display:inline-block">
+        <el-button :id="domIdConfirm " type="primary" :loading="loading" @click="commit">确定 </el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
+import {menuOperate, commitOperate} from '@/jmapNew/theme/components/utils/menuOperate';
+export default {
+    name: 'AddRunPlan',
+    data() {
+        return {
+            dialogShow: false,
+            loading: false
+        };
+    },
+    computed: {
+        show() {
+            return this.dialogShow && !this.$store.state.menuOperation.break;
+        },
+        domIdCancel() {
+            return this.dialogShow ? OperationEvent.Command.cancel.menu.domId : '';
+        },
+        domIdConfirm() {
+            return this.dialogShow ? OperationEvent.CTCCommand.addTrainFixedPath.menu.domId : '';
+        },
+        title() {
+            return '股道信息';
+        }
+    },
+    methods:{
+        doShow({row, filterSectionMap}) {
+            this.filterSectionList = Object.values(filterSectionMap);
+            this.dialogShow = true;
+            this.$nextTick(function () {
+                this.$store.dispatch('training/emitTipFresh');
+            });
+        },
+        doClose() {
+            this.loading = false;
+            this.dialogShow = false;
+        },
+        commit() {
+            // this.$refs.form.validate((valid) => {
+            //     if (valid) {
+            //         this.loading = true;
+            //         const param = {stationCode:this.addModel.stationCode, runPlanParamList:[this.addModel]};
+            //         commitOperate(menuOperate.CTC.addTrainFixedPath, param, 3).then(({valid})=>{
+            //             if (valid) {
+            //                 this.doClose();
+            //             }
+            //         }).catch(() => {
+            //             this.doClose();
+            //             this.$emit('noticeInfo');
+            //         });
+            //     }
+            // });
+        },
+        cancel() {
+            const operate = {
+                operation: OperationEvent.Command.cancel.menu.operation
+            };
+            this.$store.dispatch('training/nextNew', operate).then(({ valid }) => {
+                if (valid) {
+                    this.doClose();
+                }
+            }).catch(() => { this.doClose(); });
+        }
+    }
+};
+</script>