大铁项目 CTC 运行计划列表 弹窗代码调整

src/jmapNew/theme/datie_02/menus/dialog/sendRunplan.vue

@@ -0,0 +1,192 @@
+<template>
+  <el-dialog
+    id="sendRunplanClass"
+    v-dialogDrag
+    class="chengdou-03__systerm"
+    :title="title"
+    :visible.sync="show"
+    width="1165px"
+    :before-close="doClose"
+    :z-index="2000"
+    :modal="false"
+    :close-on-click-modal="false"
+  >
+    <div class="tableList">
+      <div class="leftTable">
+        <el-table
+          id="sendRunplanLeftTable"
+          :data="tableData1"
+          border
+          height="570"
+          style="width: 100%;border:1px #ccc solid"
+        >
+          <el-table-column
+            prop="number"
+            label="序号"
+            width="70"
+          />
+          <el-table-column
+            prop="tripNumber"
+            label="车次"
+            width="100"
+          />
+          <el-table-column
+            prop="type"
+            label="类型"
+            width="50"
+          />
+          <el-table-column
+            prop="direction"
+            label="方向"
+            width="105"
+          />
+          <el-table-column
+            prop="arriveSection"
+            label="到达股道"
+            width="95"
+          />
+          <el-table-column
+            prop="arriveTime"
+            label="到达时刻"
+            width="95"
+          />
+          <el-table-column
+            prop="quxiang"
+            label="去向"
+            width="105"
+          />
+          <el-table-column
+            prop="depatureSection"
+            label="出发股道"
+            width="95"
+          />
+          <el-table-column
+            prop="depatureTime"
+            label="出发时间"
+            width="100"
+          />
+          <el-table-column
+            prop="property"
+            label="属性"
+            width="100"
+          />
+          <el-table-column
+            prop="tips"
+            label="注意事项"
+            width="120"
+          />
+        </el-table>
+      </div>
+      <div class="rightTable">
+        <el-table
+          id="sendRunplanRightTable"
+          :data="tableData2"
+          border
+          height="570"
+          style="width: 100%;border:1px #ccc solid"
+        >
+          <el-table-column
+            prop="number"
+            label="序号"
+            width="40"
+          />
+          <el-table-column
+            prop="number"
+            label="受令单位"
+            width="70"
+          />
+          <el-table-column
+            prop="number"
+            label="状态"
+            width="70"
+          />
+        </el-table>
+      </div>
+    </div>
+    <el-row justify="center" class="button-group">
+      <el-col :span="8" :offset="2">
+        <el-button :id="domIdCancel" @click="cancel">取消</el-button>
+      </el-col>
+      <el-col :span="8" :offset="4">
+        <el-button :id="domIdConfirm" type="primary" :loading="loading" @click="commit">发送</el-button>
+      </el-col>
+    </el-row>
+  </el-dialog>
+  <!-- updateTrip -->
+</template>
+<script>
+import { OperationEvent } from '@/scripts/cmdPlugin/OperationHandler';
+export default {
+    name:'SendRunplan',
+    data() {
+        return {
+            dialogShow:false,
+            loading: false,
+            tableData1:[],
+            tableData2:[]
+        };
+    },
+    computed: {
+        show() {
+            return this.dialogShow && !this.$store.state.menuOperation.break;
+        },
+        domIdCancel() {
+            return this.dialogShow ? OperationEvent.Command.cancel.menu.domId : '';
+        },
+        domIdConfirm() {
+            return this.dialogShow ? OperationEvent.Train.updateTrip.confirm.domId : '';
+        },
+        title() {
+            return '发送计划';
+        }
+    },
+    methods:{
+        doShow() {
+            this.dialogShow = true;
+            this.$nextTick(function () {
+                this.$store.dispatch('training/emitTipFresh');
+            });
+        },
+        doClose() {
+            this.loading = false;
+            this.dialogShow = false;
+            this.$store.dispatch('training/emitTipFresh');
+        },
+        commit() {
+        },
+        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>
+<style lang="scss" scoped>
+.tableList{
+    display: inline-block
+}
+.leftTable{
+    display: inline-block;
+    width: 955px;
+}
+.rightTable{
+    display: inline-block;
+    margin-left:10px;
+    font-size:13px;
+    width:150px
+}
+.sendRunplanLeftTable{
+
+}
+</style>
+<style lang="css">
+#sendRunplanClass.chengdou-03__systerm .el-dialog .el-dialog__body{
+    padding: 10px;
+}
+</style>

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

@@ -8,7 +8,7 @@
       <div class="rpDispacherCommand runplanClickBtn">调度命令</div>
       <div class="runplanBtnGroup">
         <div class="runplanClickBtn">阶段计划(F8)</div>
-        <div class="runplanClickBtn">发送计划</div>
+        <div class="runplanClickBtn" @click="sendRunplan">发送计划</div>
         <div class="runplanClickBtn">阶段记事</div>
       </div>
       <div class="runplanStatusGroup">
@@ -362,11 +362,16 @@
       </div>
 
     </div>
+    <send-runplan ref="sendRunplan" />
   </div>
 </template>
 <script>
+import SendRunplan from './dialog/sendRunplan';
 export default {
     name:'RunplanPane',
+    components: {
+        SendRunplan
+    },
     data() {
         return {
             isShow:false,
@@ -390,6 +395,9 @@ export default {
         },
         doClose() {
             this.isShow = false;
+        },
+        sendRunplan() {
+            this.$refs.sendRunplan.doShow();
         }
     }
 };