代码调整

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

@@ -387,6 +387,23 @@
             </template>
           </el-table-column>
         </el-table>
+        <div v-show="rpMenuPopShow" class="rpMenuPopOut" @click="closeRpMenu">
+          <div class="rpMenuPop" :style="{'top':rpMenuPopTop+'px'}">
+            <div class="eachRpMenu">上报到达点</div>
+            <div class="eachRpMenu">上报出发点</div>
+            <div class="eachRpMenu">上报通过点</div>
+            <div class="eachRpMenu">为始发车</div>
+            <div class="eachRpMenu">为终到车</div>
+            <div class="eachRpSep" />
+            <div class="eachRpMenu">上报速报信息</div>
+            <div class="eachRpMenu">修改车次号</div>
+            <div class="eachRpMenu">修改相关邻站</div>
+            <div class="eachRpMenu">删除</div>
+            <div class="eachRpSep" />
+            <div class="eachRpMenu">清楚闪烁</div>
+            <div class="eachRpMenu">全体信息</div>
+          </div>
+        </div>
       </div>
     </div>
     <div class="runplanBottom">
@@ -471,6 +488,8 @@ export default {
     data() {
         return {
             isShow:false,
+            rpMenuPopShow:false,
+            rpMenuPopTop:0,
             Rpd: Rpd,
             Rpu: Rpu,
             Rpdu: Rpdu,
@@ -498,7 +517,7 @@ export default {
     },
     watch:{
         '$store.state.socket.railCtcRunplanInitMsg': function (val) {
-            // debugger;
+            debugger;
             const railCtcRunplanInitMsg = this.$store.state.socket.railCtcRunplanInitMsg;
             this.tableData = Object.values(railCtcRunplanInitMsg).filter(data=>{ return data.stationCode == this.$store.state.training.roleDeviceCode; });
         }
@@ -509,6 +528,7 @@ export default {
             this.filterSectionList = this.sectionList.filter(section=>{
                 return section.standTrack && section.belongStation == this.$store.state.training.roleDeviceCode;
             });
+            this.tableData = [];
             const railCtcRunplanInitMsg = JSON.parse(JSON.stringify(this.$store.state.socket.railCtcRunplanInitMsg));
             this.tableData = Object.values(railCtcRunplanInitMsg).filter(data=>{
                 if (data.departRunPlan) {
@@ -587,13 +607,27 @@ export default {
         },
         selectedTripNumber(row, column, cell, event) {
             if (column.property == 'tripNumber') {
+                if (this.currentRow && this.currentRow.code == row.code) {
+                    this.rpMenuPopShow = true;
+                    const offsetTop = cell.offsetTop;
+                    this.rpMenuPopTop = offsetTop - 202 > 0 ? offsetTop - 380 > 0 ? offsetTop - 202 + 100 : offsetTop - 202 + 190 : offsetTop + 180;
+                } else {
+                    this.currentRow = row;
+                    // this.rpMenuPopShow = false;
+                }
                 console.log(this.currentRow);
             } else {
+                this.currentRow = null;
+                // this.rpMenuPopShow = false;
                 this.$refs.runplanContentTable.setCurrentRow();
             }
         },
         handleCurrentChange(val) {
-            this.currentRow = val;
+        },
+        closeRpMenu() {
+            this.currentRow = null;
+            this.$refs.runplanContentTable.setCurrentRow();
+            this.rpMenuPopShow = false;
         }
     }
 };
@@ -656,6 +690,7 @@ export default {
     border-left: 3px #818181 solid;
     overflow-x: auto;
     overflow-y: hidden;
+    position: relative;
 }
 .runplanBottom{height:261px;background: #efefef;display: inline-block;width: 100%;}
 .runplanBottomL,.runplanBottomC,.runplanBottomR{width:33%;padding: 5px;position: relative;}
@@ -831,6 +866,27 @@ export default {
 }
 .eachRpImage{display: inline-block;vertical-align: top;margin-top: 3px;}
 .eachRpImageIn{height:26px;cursor: pointer;}
+.rpMenuPop{
+    position: absolute;
+    left: 0px;
+    background: #f4f4f4;
+    padding: 5px;
+    border: 1px #53868b solid;
+}
+.rpMenuPopOut{
+  position: absolute;
+  width:calc(100% - 100px);
+  height:100%;
+  left:100px;
+  top:0;
+}
+.eachRpMenu{
+  padding: 5px 20px;font-size:14px;cursor: pointer;
+}
+.eachRpMenu:hover{
+    background:#fff;
+}
+.eachRpSep{width:100%;height:0px;border-top:1px #80a6a9 solid}
 </style>
 <style lang="scss">
 #runplanContentTable.el-table .cell, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell{