From 24fd0890dd48f03281e7e1207081ce7785fc3589 Mon Sep 17 00:00:00 2001
From: zyy <1787816799@qq.com>
Date: Tue, 17 Dec 2019 14:34:09 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E8=BF=9B=E8=B7=AF=E4=BF=9D?=
 =?UTF-8?q?=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dataRelation/routeoperate/route.vue       | 71 +++++++++++++------
 .../newMapdraft/mapoperate/espDraft.vue       |  4 +-
 .../newMap/newMapdraft/mapoperate/station.vue |  2 +-
 3 files changed, 51 insertions(+), 26 deletions(-)

diff --git a/src/views/newMap/newMapdraft/dataRelation/routeoperate/route.vue b/src/views/newMap/newMapdraft/dataRelation/routeoperate/route.vue
index 649a69ecf..21358f608 100644
--- a/src/views/newMap/newMapdraft/dataRelation/routeoperate/route.vue
+++ b/src/views/newMap/newMapdraft/dataRelation/routeoperate/route.vue
@@ -199,16 +199,17 @@
         <el-form-item :label="$t('map.hostileApproachData') + ':'" prop="conflictingRouteList">
           <el-select v-model="addModel.conflictingRouteList" multiple clearable :filterable="true">
             <el-option
-              v-for="item in sectionList"
+              v-for="item in routeList"
               :key="item.code"
-              :label="item.name + ' (' + item.code+ ')'"
+              :label="item.name"
               :value="item.code"
             />
           </el-select>
-          <el-button
+          <!-- <el-button type="primary" @click="selectedConflictingRouteList">选择</el-button> -->
+          <!-- <el-button
             :type=" field === 'conflictingRouteList' ? 'danger' : 'primary'"
             @click="hover('conflictingRouteList')"
-          >{{ $t('map.activate') }}</el-button>
+          >{{ $t('map.activate') }}</el-button> -->
         </el-form-item>
         <el-form-item>
           <el-button-group>
@@ -219,19 +220,22 @@
         </el-form-item>
       </el-form>
     </el-scrollbar>
-    <protect-detail ref="routeDetail" :map-info="mapInfo" @setOverlapCode="setOverlapCode" />
+    <protect-detail ref="protectDetail" :map-info="mapInfo" @setOverlapCode="setOverlapCode" />
+    <route-detail ref="routeDetail" :map-info="mapInfo" @setRouteCode="setRouteCode" />
   </div>
 </template>
 <script>
 import { mapGetters } from 'vuex';
 import { getUID } from '@/jmap/utils/Uid';
-import { postRouteNew, putRouteNew, getContinueProtectList } from '@/api/jmap/mapdraft';
+import { postRouteNew, putRouteNew, getContinueProtectList, getRouteNewList } from '@/api/jmap/mapdraft';
 import ProtectDetail from '../protectoperate/detail';
+import RouteDetail from './detail';
 
 export default {
     name: 'RouteOperation',
     components: {
-        ProtectDetail
+        ProtectDetail,
+        RouteDetail
     },
     props: {
         selected: {
@@ -262,7 +266,7 @@ export default {
             routeCode: '',
             routeType: '',
             loading: false,
-            interBlockStationList:[],
+            // interBlockStationList:[],
             SwitchLocateTypeList: [
                 { name: '定位', code: true },
                 { name: '反位', code: false }
@@ -288,7 +292,8 @@ export default {
                 overlapCode:'',
                 conflictingRouteList: [] // 敌对进路
             },
-            overlapName: ''
+            overlapName: '',
+            routeList: [] // 进路列表
         };
     },
     computed: {
@@ -337,6 +342,11 @@ export default {
                 ]
             };
             return baseRules;
+        },
+        interBlockStationList() { // 联锁车站列表
+            return this.stationList.filter(station=>{
+                return station.isCIStation;
+            });
         }
     },
     watch: {
@@ -366,11 +376,13 @@ export default {
         // this.$Dictionary.normal().then(list => {
         //     this.SwitchLocateTypeList = list;
         // });
-        this.interBlockStationList = this.stationList.filter(station=>{
-            return station.isCIStation;
-        });
+        this.getRouteList();
     },
     methods: {
+        async getRouteList() {
+            const response = await getRouteNewList(this.$route.params.mapId, { pageSize: 9999, pageNum: 1 });
+            this.routeList = response.data.list;
+        },
         swictchName(code) {
             let name = '';
             if (code) {
@@ -389,7 +401,7 @@ export default {
             this.overlapName = data.name;
         },
         selectedOverlapCode() {
-            this.$refs.routeDetail.doShow('select');
+            this.$refs.protectDetail.doShow('select');
         },
         hover(field) {
             this.field = field === this.field ? '' : field;
@@ -418,6 +430,7 @@ export default {
                     postRouteNew(this.buildModel(getUID('Route'))).then(response => {
                         this.$message.success('创建成功');
                         this.loading = false;
+                        this.routeList.push(this.buildModel(getUID('Route')));
                         this.clear();
                     }).catch(() => {
                         this.$messageBox(this.$t('tip.operationAbnormal'));
@@ -434,6 +447,7 @@ export default {
                         this.$message.success(this.$t('map.updateSuccessfully'));
                         this.loading = false;
                         this.clear();
+                        this.getRouteList();
                     }).catch(() => {
                         this.$messageBox(this.$t('tip.operationAbnormal'));
                         this.loading = false;
@@ -450,24 +464,35 @@ export default {
                 this.addModel.routeFlankProtectionList = [];
                 this.overlapName = '';
                 this.addModel.overlapCode = '';
-                if (this.selected && this.selected._type.toUpperCase() === 'Station'.toUpperCase()) {
-                    this.addModel.stationCode = this.selected.code;
-                }
+                // if (this.selected && this.selected._type.toUpperCase() === 'Station'.toUpperCase()) {
+                //     this.addModel.stationCode = this.selected.code;
+                // }
                 this.isSave = true;
             }
         },
+        selectedConflictingRouteList() {
+            this.$refs.routeDetail.doShow('select');
+        },
+        setRouteCode(data) {
+            console.log(data);
+            if (this.addModel.conflictingRouteList.indexOf(data.code) === -1) {
+                this.addModel.conflictingRouteList.push(data.code);
+            }
+        },
         setSelected(selected) {
             if (selected) {
-                if (selected._type.toUpperCase() === 'Station'.toUpperCase()) {
-                    this.addModel.stationCode = selected.code;
-                } else if (selected._type.toUpperCase() === 'Signal'.toUpperCase() && this.field.toUpperCase() === 'startSignalCode'.toUpperCase()) {
+                // if (selected._type.toUpperCase() === 'Station'.toUpperCase()) {
+                //     this.addModel.stationCode = selected.code;
+                // } else
+                // else if (selected._type.toUpperCase() === 'Section'.toUpperCase() && this.field.toUpperCase() === 'conflictingRouteList'.toUpperCase()) {
+                //     if (this.addModel.conflictingRouteList.indexOf(selected.code) === -1) {
+                //         this.addModel.conflictingRouteList.push(selected.code);
+                //     }
+                // }
+                if (selected._type.toUpperCase() === 'Signal'.toUpperCase() && this.field.toUpperCase() === 'startSignalCode'.toUpperCase()) {
                     this.addModel.startSignalCode = selected.code;
                 } else if (selected._type.toUpperCase() === 'Signal'.toUpperCase() && this.field.toUpperCase() === 'endSignalCode'.toUpperCase()) {
                     this.addModel.endSignalCode = selected.code;
-                } else if (selected._type.toUpperCase() === 'Section'.toUpperCase() && this.field.toUpperCase() === 'conflictingRouteList'.toUpperCase()) {
-                    if (this.addModel.conflictingRouteList.indexOf(selected.code) === -1) {
-                        this.addModel.conflictingRouteList.push(selected.code);
-                    }
                 } else if (selected._type.toUpperCase() === 'Section'.toUpperCase() && this.field.toUpperCase() === 'routeSectionList'.toUpperCase()) {
                     if (this.addModel.routeSectionList.indexOf(selected.code) === -1) {
                         this.addModel.routeSectionList.push(selected.code);
diff --git a/src/views/newMap/newMapdraft/mapoperate/espDraft.vue b/src/views/newMap/newMapdraft/mapoperate/espDraft.vue
index d9950cde9..6a3262262 100644
--- a/src/views/newMap/newMapdraft/mapoperate/espDraft.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/espDraft.vue
@@ -180,8 +180,8 @@ export default {
         edit() {
             this.$refs.dataform.validate((valid) => {
                 if (valid) {
-                    // const data = Object.assign({_type: 'Esp'}, this.editModel);
-                    // console.log(data);
+                    const data = Object.assign({_type: 'Esp'}, this.editModel);
+                    this.$emit('updateMapModel', data);
                 }
             });
         },
diff --git a/src/views/newMap/newMapdraft/mapoperate/station.vue b/src/views/newMap/newMapdraft/mapoperate/station.vue
index 9edcf70aa..7ed371ceb 100644
--- a/src/views/newMap/newMapdraft/mapoperate/station.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/station.vue
@@ -96,7 +96,7 @@ export default {
             editModel: {
                 centralized: false,
                 concentrateStationCode: '', // 所属集中站
-                isCIStation:false, // 是否联锁站
+                isCIStation: false, // 是否联锁站
                 number:'', // 编号
                 code: '',
                 zcCode: '',