From 744ea986c01ddbde63ee2d83d92807ca1eb3ce97 Mon Sep 17 00:00:00 2001
From: fan <18706759286@163.com>
Date: Thu, 30 Apr 2020 14:50:27 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=98=E5=9B=BE=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../newMap/newMapdraft/dataRelation/index.vue | 17 ++++++++++-------
 src/views/newMap/newMapdraft/index.vue        |  3 ---
 .../newMapdraft/mapoperate/ControlDraft.vue   |  5 +++--
 .../newMapdraft/mapoperate/ImageControl.vue   |  5 +++--
 .../newMap/newMapdraft/mapoperate/arrow.vue   |  5 +++--
 .../newMapdraft/mapoperate/controlLamp.vue    |  5 +++--
 .../newMap/newMapdraft/mapoperate/counter.vue |  5 +++--
 .../newMapdraft/mapoperate/delayunlock.vue    |  5 +++--
 .../newMapdraft/mapoperate/espDraft.vue       |  5 +++--
 .../newMap/newMapdraft/mapoperate/index.vue   |  4 ++--
 .../newMapdraft/mapoperate/lcControl.vue      |  5 +++--
 .../newMap/newMapdraft/mapoperate/line.vue    |  5 +++--
 .../mapoperate/outFrameControl.vue            |  5 +++--
 .../newMapdraft/mapoperate/psdDraft.vue       | 13 +++++++------
 .../newMapdraft/mapoperate/section/index.vue  | 19 +++++++++++++------
 .../newMapdraft/mapoperate/signal/index.vue   |  7 ++++---
 .../newMapdraft/mapoperate/splitStation.vue   |  5 +++--
 .../newMap/newMapdraft/mapoperate/station.vue |  7 ++++---
 .../newMapdraft/mapoperate/stationstand.vue   |  7 ++++---
 .../newMapdraft/mapoperate/switch/index.vue   |  7 ++++---
 .../newMap/newMapdraft/mapoperate/text.vue    |  5 +++--
 .../newMapdraft/mapoperate/trainwindow.vue    |  5 +++--
 .../newMapdraft/mapoperate/zcControl.vue      |  5 +++--
 23 files changed, 90 insertions(+), 64 deletions(-)

diff --git a/src/views/newMap/newMapdraft/dataRelation/index.vue b/src/views/newMap/newMapdraft/dataRelation/index.vue
index 142187a75..0926b567e 100644
--- a/src/views/newMap/newMapdraft/dataRelation/index.vue
+++ b/src/views/newMap/newMapdraft/dataRelation/index.vue
@@ -123,7 +123,7 @@ export default {
         return {
             enabledTab: 'route',
             oldDevice: null,
-            lazy: false,
+            lazy: true,
             enabledTabMenu: {
                 route: 'routeOperate',
                 routing: 'routingOperate',
@@ -137,6 +137,7 @@ export default {
         };
     },
     mounted() {
+        this.initLoad();
     },
     methods: {
         showMap() {
@@ -163,18 +164,20 @@ export default {
             this.$emit('setCenter', code);
         },
         drawMap() {
-            this.$refs.routeOperate.batchSectionListFocus(false);
-            this.$refs.signalOperate.batchSectionListFocus(false);
-            this.$refs.runLevelOperate.batchSectionListFocus(false);
+            this.$refs.routeOperate && this.$refs.routeOperate.batchSectionListFocus(false);
+            this.$refs.signalOperate && this.$refs.signalOperate.batchSectionListFocus(false);
+            this.$refs.runLevelOperate && this.$refs.runLevelOperate.batchSectionListFocus(false);
             this.$emit('selectView', 'draft');
         },
         tabBeforeLeave(activeName, oldActiveName) {
-            if (activeName === 'route' || activeName === 'signal' || activeName == 'runLevel') {
-                this.$refs[this.enabledTabMenu[activeName]].batchSectionListFocus(true);
-            }
             if (oldActiveName === 'route' || oldActiveName === 'signal' || oldActiveName == 'runLevel') {
                 this.$refs[this.enabledTabMenu[oldActiveName]].batchSectionListFocus(false);
             }
+            if (activeName === 'route' || activeName === 'signal' || activeName == 'runLevel') {
+                this.$nextTick(() => {
+                    this.$refs[this.enabledTabMenu[activeName]].batchSectionListFocus(true);
+                });
+            }
         }
     }
 };
diff --git a/src/views/newMap/newMapdraft/index.vue b/src/views/newMap/newMapdraft/index.vue
index f50eef215..a526139a5 100644
--- a/src/views/newMap/newMapdraft/index.vue
+++ b/src/views/newMap/newMapdraft/index.vue
@@ -150,9 +150,6 @@ export default {
         },
         selectViewDraft(data) {
             this.viewDraft = data;
-            if (data != 'draft') {
-                this.$refs.dataRelation.initLoad();
-            }
         },
         loadInitPage() {
             this.$store.dispatch('training/changeMode', { mode: TrainingMode.MAP_EDIT });
diff --git a/src/views/newMap/newMapdraft/mapoperate/ControlDraft.vue b/src/views/newMap/newMapdraft/mapoperate/ControlDraft.vue
index df05a0611..5d952816b 100644
--- a/src/views/newMap/newMapdraft/mapoperate/ControlDraft.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/ControlDraft.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card" @tab-click="handleClick">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="dataform" :form="form" :form-model="editModel" :rules="rules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-data ref="make" :form="formMake" :form-model="addModel" :rules="createRules" />
@@ -53,6 +53,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             autoList: [],
             typeList: [
                 { name: '自动折返', value: 'AutoTurnBack' },
diff --git a/src/views/newMap/newMapdraft/mapoperate/ImageControl.vue b/src/views/newMap/newMapdraft/mapoperate/ImageControl.vue
index 4d8c78a84..0c0a3decf 100644
--- a/src/views/newMap/newMapdraft/mapoperate/ImageControl.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/ImageControl.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="form" :form="dataForm" :form-model="editModel" :rules="rules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-data ref="make" :form="makeForm" :form-model="addModel" :rules="createRules" />
@@ -52,6 +52,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             mapData: null,
             imageLists: [
                 {
diff --git a/src/views/newMap/newMapdraft/mapoperate/arrow.vue b/src/views/newMap/newMapdraft/mapoperate/arrow.vue
index f4ef4d093..ac9c4bfea 100644
--- a/src/views/newMap/newMapdraft/mapoperate/arrow.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/arrow.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="form" :form="form" :form-model="editModel" :rules="rules" />
@@ -11,7 +11,7 @@
         <el-button type="danger" size="small" @click="deleteObj">{{ $t('map.deleteObj') }}</el-button>
       </el-button-group>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-data ref="createForm" :form="createForm" :form-model="addModel" :rules="makeRules" />
@@ -48,6 +48,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             showConditionsList: [
                 { label: this.$t('map.localCenter'), value: '01'},
                 { label: this.$t('map.center'), value: '02' },
diff --git a/src/views/newMap/newMapdraft/mapoperate/controlLamp.vue b/src/views/newMap/newMapdraft/mapoperate/controlLamp.vue
index 2e715d7d4..480cc346e 100644
--- a/src/views/newMap/newMapdraft/mapoperate/controlLamp.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/controlLamp.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" label="表示状态" name="first">
+    <el-tab-pane class="view-control" label="表示状态" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="dataform" :form="form" :form-model="editModel" :rules="editRules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-data ref="make" :form="formMake" :form-model="addModel" :rules="createRules" />
@@ -55,6 +55,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             selectLists: [],
             atsControlList: [],
             centerCommunicationList: [],
diff --git a/src/views/newMap/newMapdraft/mapoperate/counter.vue b/src/views/newMap/newMapdraft/mapoperate/counter.vue
index 3be1c4e9d..c5c5e2458 100644
--- a/src/views/newMap/newMapdraft/mapoperate/counter.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/counter.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="form" :form="form" :form-model="editModel" :rules="rules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <el-form ref="make" label-width="120px" :model="addModel" :rules="createRules" size="mini">
@@ -71,6 +71,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             typeList: [
                 { code: '01', name: this.$t('map.areaSolution') },
                 { code: '02', name: this.$t('map.alwaysSolution') }
diff --git a/src/views/newMap/newMapdraft/mapoperate/delayunlock.vue b/src/views/newMap/newMapdraft/mapoperate/delayunlock.vue
index 3f50a5633..439e9e662 100644
--- a/src/views/newMap/newMapdraft/mapoperate/delayunlock.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/delayunlock.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="form" :form="form" :form-model="editModel" :rules="editRules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <el-form ref="make" label-width="120px" :rules="createRules" :model="addModel" size="mini">
@@ -61,6 +61,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             skins: [],
             editModel: {
                 code: '',
diff --git a/src/views/newMap/newMapdraft/mapoperate/espDraft.vue b/src/views/newMap/newMapdraft/mapoperate/espDraft.vue
index f339d2209..f45e51d41 100644
--- a/src/views/newMap/newMapdraft/mapoperate/espDraft.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/espDraft.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="dataform" :form="form" :form-model="editModel" :rules="rules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <el-button type="primary" style="margin: 0 auto;display: block;" @click="create">批量创建</el-button>
@@ -45,6 +45,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             editModel: {
                 code: '',
                 name: '',
diff --git a/src/views/newMap/newMapdraft/mapoperate/index.vue b/src/views/newMap/newMapdraft/mapoperate/index.vue
index bd9bf4101..a263dbf5a 100644
--- a/src/views/newMap/newMapdraft/mapoperate/index.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/index.vue
@@ -252,7 +252,7 @@ export default {
     },
     data() {
         return {
-        	lazy: true,
+            lazy: true,
             feild: '',
             singlaType: '',
             stationType: '',
@@ -356,7 +356,7 @@ export default {
             this.$emit('verifyMapEvent');
         },
         generateCIEvent() {
-        	this.$emit('generateCIEvent');
+            this.$emit('generateCIEvent');
         },
         updateMapModel(obj) {
             this.$emit('updateMapModel', obj);
diff --git a/src/views/newMap/newMapdraft/mapoperate/lcControl.vue b/src/views/newMap/newMapdraft/mapoperate/lcControl.vue
index c60f01e5a..b01ff7cc1 100644
--- a/src/views/newMap/newMapdraft/mapoperate/lcControl.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/lcControl.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="form" :form="form" :form-model="editModel" :rules="rules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <el-form ref="make" label-width="150px" :rules="createRules" :model="addModel" size="mini">
@@ -73,6 +73,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             mapData: null,
             editModel: {
                 code: '',
diff --git a/src/views/newMap/newMapdraft/mapoperate/line.vue b/src/views/newMap/newMapdraft/mapoperate/line.vue
index fe73365c7..2cf20ee16 100644
--- a/src/views/newMap/newMapdraft/mapoperate/line.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/line.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="form" :form="form" :form-model="editModel" :rules="rules" />
@@ -11,7 +11,7 @@
         <el-button type="danger" size="small" @click="deleteObj">{{ $t('map.deleteObj') }}</el-button>
       </el-button-group>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <el-form ref="make" label-width="120px" :model="addModel" size="mini" :rules="makeRules">
@@ -110,6 +110,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             LineTypeList: [],
             showConditionsList: [
                 { label: this.$t('map.localCenter'), value: '01'},
diff --git a/src/views/newMap/newMapdraft/mapoperate/outFrameControl.vue b/src/views/newMap/newMapdraft/mapoperate/outFrameControl.vue
index 486e8dbf1..f2e81ece6 100644
--- a/src/views/newMap/newMapdraft/mapoperate/outFrameControl.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/outFrameControl.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="form" :form="form" :form-model="editModel" :rules="rules" />
@@ -11,7 +11,7 @@
         <el-button type="danger" size="small" @click="deleteObj">{{ $t('map.deleteObj') }}</el-button>
       </el-button-group>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="make" :form="makeForm" :form-model="addModel" :rules="rules" />
@@ -101,6 +101,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             LineTypeList: [],
             showConditionsList: [
                 { label: this.$t('map.localCenter'), value: '01'},
diff --git a/src/views/newMap/newMapdraft/mapoperate/psdDraft.vue b/src/views/newMap/newMapdraft/mapoperate/psdDraft.vue
index deb243708..44ad42fa7 100644
--- a/src/views/newMap/newMapdraft/mapoperate/psdDraft.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/psdDraft.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="dataform" :form="form" :form-model="editModel" :rules="rules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <el-form ref="make" label-width="140px" :model="addModel" :rules="createRules" size="mini">
@@ -52,7 +52,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.batchSettings')" name="three">
+    <el-tab-pane class="view-control" :label="$t('map.batchSettings')" name="three" :lazy="lazy">
       <div style="height: 100%;">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <el-form ref="oprt" :model="allModel" label-width="130px" size="mini">
@@ -97,6 +97,7 @@ export default {
         return {
             DoorLocationTypeList: [],
             activeName: 'first',
+            lazy: true,
             editModel: {
                 code: '',
                 name: '',
@@ -114,7 +115,7 @@ export default {
             },
             allModel: {
                 width: '',
-                height: '',
+                height: ''
             }
         };
     },
@@ -286,13 +287,13 @@ export default {
         },
         // 批量设置
         batchSettings() {
-            let models = [];
+            const models = [];
             this.psdList.forEach(psd => {
                 const model = deepAssign({}, psd);
                 model.width = this.allModel.width;
                 model.height = this.allModel.height;
                 models.push(model);
-            })
+            });
             this.$emit('updateMapModel', models);
         }
     }
diff --git a/src/views/newMap/newMapdraft/mapoperate/section/index.vue b/src/views/newMap/newMapdraft/mapoperate/section/index.vue
index d6d2edc06..e6243fd12 100644
--- a/src/views/newMap/newMapdraft/mapoperate/section/index.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/section/index.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="dataform" :form="form" :form-model="editModel" :rules="rules" />
@@ -13,16 +13,16 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <create-section ref="create" :field="field" :switch-and-phy-sical-section-list="switchAndPhySicalSectionList" :section-list="sectionList" @hover="hover" @updateMapModel="updateMapModel" />
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.splitMerge')" name="three">
+    <el-tab-pane class="view-control" :label="$t('map.splitMerge')" name="three" :lazy="lazy">
       <split-or-merge ref="splitOrMerge" :edit-model="editModel" :field="field" :reverse-section-list="ReverseSectionList" :switch-and-phy-sical-section-list="switchAndPhySicalSectionList" :section-list="sectionList" :physical-section-list="PhysicalSectionList" @hover="hover" @updateMapModel="updateMapModel" />
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.logicBlock')" name="four">
+    <el-tab-pane class="view-control" :label="$t('map.logicBlock')" name="four" :lazy="lazy">
       <logic-block ref="logicBlock" :edit-model="editModel" @updateMapModel="updateMapModel" />
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.batchSettings')" name="five">
+    <el-tab-pane class="view-control" :label="$t('map.batchSettings')" name="five" :lazy="lazy">
       <batch-settings ref="batchSettings" :field="field" @hover="hover" @updateMapModel="updateMapModel" @tipInfoHandle="tipInfoHandle" />
     </el-tab-pane>
     <tip-info ref="tipInfo" :tip-info-list="tipInfoList" />
@@ -60,6 +60,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             SectionTypeList: [],
             SectionSepTypeList: [],
             regionList: [],
@@ -392,6 +393,13 @@ export default {
     watch: {
         '$store.state.menuOperation.mapDrawSelectCount': function(val) {
             this.deviceSelect(this.selected);
+        },
+        activeName(val) {
+            if (val === 'four') {
+                this.$nextTick(() => {
+                    this.$refs.logicBlock.computedLogicSectionNumList(this.editModel.logicSectionNum);
+                });
+            }
         }
     },
     mounted() {
@@ -442,7 +450,6 @@ export default {
                 this.oldRightSectionCode = selected.rightSectionCode;
                 this.editModel.leftAxlePosition = selected.leftAxlePosition || 0; // 重置计轴显示
                 this.editModel.rightAxlePosition = selected.rightAxlePosition || 0; // 重置计轴显示
-                this.$refs.logicBlock.computedLogicSectionNumList(this.editModel.logicSectionNum);
                 if (this.field.toUpperCase() === 'splitSection'.toUpperCase()) {
                     this.$refs.splitOrMerge.addModel.splitOffsetMax = Math.sqrt(new JTriangle(selected.points[0], selected.points[selected.points.length - 1]).abspowz);
                     this.$refs.splitOrMerge.addModel.splitOffset = this.$refs.splitOrMerge.addModel.splitOffsetMax / 2;
diff --git a/src/views/newMap/newMapdraft/mapoperate/signal/index.vue b/src/views/newMap/newMapdraft/mapoperate/signal/index.vue
index 9ba92f2ab..072999a3e 100644
--- a/src/views/newMap/newMapdraft/mapoperate/signal/index.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/signal/index.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="dataform" :form="form" :form-model="editModel" :rules="rules" />
@@ -13,10 +13,10 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <create-signal ref="createSignal" :field="field" @signalSectionCode="signalSectionCode" @updateMapModel="updateMapModel" />
     </el-tab-pane>
-    <el-tab-pane class="view-control" label="批量操作" name="three">
+    <el-tab-pane class="view-control" label="批量操作" name="three" :lazy="lazy">
       <el-form ref="mark" label-width="130px" :model="addModel" size="mini">
         <el-form-item label="左右偏移值" prop="number">
           <el-input v-model="addModel.number" style="width: 178px;" />
@@ -100,6 +100,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             SignalDirectionList: [
                 { code: false, name: '向左' },
                 { code: true, name: '向右' }
diff --git a/src/views/newMap/newMapdraft/mapoperate/splitStation.vue b/src/views/newMap/newMapdraft/mapoperate/splitStation.vue
index 02e237248..f74134bee 100644
--- a/src/views/newMap/newMapdraft/mapoperate/splitStation.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/splitStation.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="dataform" :form="form" :form-model="editModel" :rules="createRules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-data ref="make" :form="formMake" :form-model="addModel" :rules="createRules" />
@@ -51,6 +51,7 @@ export default {
     data () {
         return {
             activeName: 'first',
+            lazy: true,
             editModel: {
                 code: '',
                 type: 'SplitStation',
diff --git a/src/views/newMap/newMapdraft/mapoperate/station.vue b/src/views/newMap/newMapdraft/mapoperate/station.vue
index 177b89343..7f9b586d5 100644
--- a/src/views/newMap/newMapdraft/mapoperate/station.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/station.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="dataform" :form="form" :form-model="editModel" :rules="rules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <el-button
@@ -66,7 +66,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.batchSettings')" name="three">
+    <el-tab-pane class="view-control" :label="$t('map.batchSettings')" name="three" :lazy="lazy">
       <div style="height: 100%;">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <el-form ref="oprt" :model="allModel" label-width="130px" size="mini">
@@ -115,6 +115,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             // field: '',
             chargeStation:[],
             controlled:false,
diff --git a/src/views/newMap/newMapdraft/mapoperate/stationstand.vue b/src/views/newMap/newMapdraft/mapoperate/stationstand.vue
index f264478f6..ccfb509d1 100644
--- a/src/views/newMap/newMapdraft/mapoperate/stationstand.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/stationstand.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="dataform" :form="form" :form-model="editModel" :rules="rules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="make" :form="addForm" :form-model="addModel" :rules="createRules" />
@@ -25,7 +25,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.batchSettings')" name="three">
+    <el-tab-pane class="view-control" :label="$t('map.batchSettings')" name="three" :lazy="lazy">
       <div style="height: 100%;">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <el-form ref="oprt" :model="allModel" label-width="130px" size="mini">
@@ -69,6 +69,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             DoorLocationTypeList: [],
             RunDirectionTypeList: [],
             /*
diff --git a/src/views/newMap/newMapdraft/mapoperate/switch/index.vue b/src/views/newMap/newMapdraft/mapoperate/switch/index.vue
index 1415cff78..9db16d90a 100644
--- a/src/views/newMap/newMapdraft/mapoperate/switch/index.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/switch/index.vue
@@ -1,12 +1,12 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <switch-model ref="switchModel" @updateMapModel="updateMapModel" />
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <create-switch ref="createSwitch" @updateMapModel="updateMapModel" />
     </el-tab-pane>
-    <el-tab-pane class="view-control" label="生成道岔计轴区段" name="three">
+    <el-tab-pane class="view-control" label="生成道岔计轴区段" name="three" :lazy="lazy">
       <create-axle ref="createAxle" :field="field" @updateMapModel="updateMapModel" @hover="hover" />
     </el-tab-pane>
   </el-tabs>
@@ -36,6 +36,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             // questionList: [],
             field: ''
         };
diff --git a/src/views/newMap/newMapdraft/mapoperate/text.vue b/src/views/newMap/newMapdraft/mapoperate/text.vue
index 274e3a6e0..4d22113cd 100644
--- a/src/views/newMap/newMapdraft/mapoperate/text.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/text.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="form" :form="form" :form-model="editModel" :rules="rules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <el-form ref="make" label-width="110px" :model="addModel" size="mini" :rules="makeRules">
@@ -85,6 +85,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             skins: [],
             showConditionsList: [
                 { label: this.$t('map.localCenter'), value: '01'},
diff --git a/src/views/newMap/newMapdraft/mapoperate/trainwindow.vue b/src/views/newMap/newMapdraft/mapoperate/trainwindow.vue
index 488df6d7b..197936f7e 100644
--- a/src/views/newMap/newMapdraft/mapoperate/trainwindow.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/trainwindow.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="form" :form="form" :form-model="editModel" :rules="rules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.batchOperation')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.batchOperation')" name="second" :lazy="lazy">
       <div style="height: 100%; padding: 10px; box-sizing: border-box">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <div class="view-content" style="text-align:center;">
@@ -87,6 +87,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             mapData: null,
             addList: [],
             editModel: {
diff --git a/src/views/newMap/newMapdraft/mapoperate/zcControl.vue b/src/views/newMap/newMapdraft/mapoperate/zcControl.vue
index becdcccc2..76569a948 100644
--- a/src/views/newMap/newMapdraft/mapoperate/zcControl.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/zcControl.vue
@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName" class="card" @tab-click="handleClick">
-    <el-tab-pane class="view-control" :label="$t('map.property')" name="first">
+    <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-list ref="dataform" :form="form" :form-model="editModel" :rules="rules" />
@@ -13,7 +13,7 @@
         </el-button-group>
       </div>
     </el-tab-pane>
-    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second">
+    <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div style="height: calc(100% - 46px);">
         <el-scrollbar wrap-class="scrollbar-wrapper">
           <config-data ref="make" :form="formMake" :form-model="addModel" :rules="createRules" />
@@ -52,6 +52,7 @@ export default {
     data() {
         return {
             activeName: 'first',
+            lazy: true,
             concertrateStation:[],
             mapData: null,
             editModel: {