diff --git a/jero-web/src/views/otamanagement/upgradeactivityrecord/components/historicalrecord.vue b/jero-web/src/views/otamanagement/upgradeactivityrecord/components/historicalrecord.vue
index 2eebdeb15..6a7521fb2 100644
--- a/jero-web/src/views/otamanagement/upgradeactivityrecord/components/historicalrecord.vue
+++ b/jero-web/src/views/otamanagement/upgradeactivityrecord/components/historicalrecord.vue
@@ -15,9 +15,9 @@
         </div>
       </a-col>
     </a-row>
-    <div class="bootom-button">
-      <a-button type="primary" style='margin-top: 50px' @click='back'>{{$t('returntofill')}}</a-button>
-    </div>
+<!--    <div class="bootom-button">-->
+<!--      <a-button type="primary" style='margin-top: 50px' @click='back'>{{$t('returntofill')}}</a-button>-->
+<!--    </div>-->
   </div>
 </template>
 
diff --git a/jero-web/src/views/otamanagement/upgradeactivityrecord/index.vue b/jero-web/src/views/otamanagement/upgradeactivityrecord/index.vue
index 76fc112de..d6a15c946 100644
--- a/jero-web/src/views/otamanagement/upgradeactivityrecord/index.vue
+++ b/jero-web/src/views/otamanagement/upgradeactivityrecord/index.vue
@@ -7,35 +7,35 @@
         <a-icon type="form"/>
         {{$t('fillintherecord')}}
       </div>
-      <div @click="historicalrecordClick"
-           class="operator-text">
-        <a-icon type="copy"/>
-        {{$t('historicalrecord')}}
-      </div>
+<!--      <div @click="historicalrecordClick"-->
+<!--           class="operator-text">-->
+<!--        <a-icon type="copy"/>-->
+<!--        {{$t('historicalrecord')}}-->
+<!--      </div>-->
     </div>
-    <a-tabs class="tabs" v-model="tabActive" @change="callback">
-      <a-tab-pane disabled :key="$t('upgradetargetmodel')" :tab="$t('upgradetargetmodel')">
+    <a-tabs class="tabs" v-model="tabActive" @change="callback" @tabClick="tabClick">
+      <a-tab-pane :key="$t('upgradetargetmodel')" :tab="$t('upgradetargetmodel')">
         <upgradetargetmodel v-if="tabActive == $t('upgradetargetmodel')" @basicInformationForm='basicInformationForm' ref="dealtWithRef"/>
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('thetargetvehicleofthisupgrade')"  :tab="$t('thetargetvehicleofthisupgrade')">
+      <a-tab-pane :key="$t('thetargetvehicleofthisupgrade')"  :tab="$t('thetargetvehicleofthisupgrade')">
         <thetargetvehicleofthisupgrade v-if="tabActive == $t('thetargetvehicleofthisupgrade')" @upgradeRequirementsup='upgradeRequirementsup' @upgradeRequirementsdown='upgradeRequirementsdown' ref="doneListRef"/>
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('upgradeimpactassessment')"  :tab="$t('upgradeimpactassessment')">
+      <a-tab-pane :key="$t('upgradeimpactassessment')"  :tab="$t('upgradeimpactassessment')">
         <upgradeimpactassessment v-if="tabActive == $t('upgradeimpactassessment')" @safetyPrecautionsup='safetyPrecautionsup' @safetyPrecautionsdown='safetyPrecautionsdown' ref="SentListRef"/>
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('upgradehavechanged')"  :tab="$t('upgradehavechanged')">
+      <a-tab-pane :key="$t('upgradehavechanged')"  :tab="$t('upgradehavechanged')">
         <upgradehavechanged v-if="tabActive == $t('upgradehavechanged')" @upgradedonlineup='upgradedonlineup' @upgradedonlinedown='upgradedonlinedown' ref="upgradedonlineRef"/>
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('auxiliaryupgradehavechanged')"  :tab="$t('auxiliaryupgradehavechanged')">
+      <a-tab-pane :key="$t('auxiliaryupgradehavechanged')"  :tab="$t('auxiliaryupgradehavechanged')">
         <auxiliaryupgradehavechanged v-if="tabActive == $t('auxiliaryupgradehavechanged')" @beupgradedonlineup='beupgradedonlineup' @beupgradedonlinedown='beupgradedonlinedown' ref="beupgradedonlineRef"/>
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('usernotification')" :tab="$t('usernotification')">
+      <a-tab-pane :key="$t('usernotification')" :tab="$t('usernotification')">
         <usernotification v-if="tabActive == $t('usernotification')" @recordparametersup='recordparametersup' @recordparametersdown='recordparametersdown' ref="recordparametersRef"/>
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('informationaboutotherupgradetasks')" :tab="$t('informationaboutotherupgradetasks')">
+      <a-tab-pane :key="$t('informationaboutotherupgradetasks')" :tab="$t('informationaboutotherupgradetasks')">
         <informationaboutotherupgradetasks v-if="tabActive == $t('informationaboutotherupgradetasks')" @otherup='otherup' ref="otherRef"/>
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('historicalrecord')" :tab="$t('historicalrecord')">
+      <a-tab-pane :key="$t('historicalrecord')" :tab="$t('historicalrecord')">
         <historicalrecord v-if="tabActive == $t('historicalrecord')" ref="historicalrecordRef" @historicalrecordup='historicalrecordup'/>
       </a-tab-pane>
     </a-tabs>
@@ -162,13 +162,33 @@ export default {
         },
       ],
       toggleSearchStatus: false,
-      tabActive: this.$t('upgradetargetmodel')
+      tabActive: this.$t('upgradetargetmodel'),
+      oldName: this.$t('upgradetargetmodel'),
     }
   },
   methods: {
     callback(value) {
       this.tabActive = value
     },
+    tabClick(tab,event){
+      this.tabActive=tab
+      if(this.oldName == this.$t('upgradetargetmodel')){
+        this.$refs.dealtWithRef.save()
+      } else if(this.oldName == this.$t('thetargetvehicleofthisupgrade')){
+        this.$refs.doneListRef.save()
+      } else if(this.oldName == this.$t('upgradeimpactassessment')){
+        this.$refs.SentListRef.save()
+      } else if(this.oldName == this.$t('upgradehavechanged')){
+        this.$refs.upgradedonlineRef.save()
+      } else if(this.oldName == this.$t('auxiliaryupgradehavechanged')){
+        this.$refs.beupgradedonlineRef.save()
+      } else if(this.oldName == this.$t('usernotification')){
+        this.$refs.recordparametersRef.save()
+      } else if(this.oldName == this.$t('informationaboutotherupgradetasks')){
+        this.$refs.otherRef.save()
+      }
+      this.oldName = tab
+    },
     handleToggleSearch() {
       this.toggleSearchStatus = !this.toggleSearchStatus
     },
diff --git a/jero-web/src/views/otamanagement/vehicleinformation/components/historicalrecord.vue b/jero-web/src/views/otamanagement/vehicleinformation/components/historicalrecord.vue
index c19eb0d49..0939753fd 100644
--- a/jero-web/src/views/otamanagement/vehicleinformation/components/historicalrecord.vue
+++ b/jero-web/src/views/otamanagement/vehicleinformation/components/historicalrecord.vue
@@ -15,9 +15,9 @@
         </div>
       </a-col>
     </a-row>
-    <div class="bootom-button">
-      <a-button type="primary" style='margin-top: 50px' @click='back'>{{$t('returntofill')}}</a-button>
-    </div>
+<!--    <div class="bootom-button">-->
+<!--      <a-button type="primary" style='margin-top: 50px' @click='back'>{{$t('returntofill')}}</a-button>-->
+<!--    </div>-->
   </div>
 </template>
 
diff --git a/jero-web/src/views/otamanagement/vehicleinformation/index.vue b/jero-web/src/views/otamanagement/vehicleinformation/index.vue
index 503940a48..7997af34d 100644
--- a/jero-web/src/views/otamanagement/vehicleinformation/index.vue
+++ b/jero-web/src/views/otamanagement/vehicleinformation/index.vue
@@ -7,35 +7,35 @@
         <a-icon type="form"/>
         {{$t('fillintherecord')}}
       </div>
-      <div @click="historicalrecordClick"
-           class="operator-text">
-        <a-icon type="copy"/>
-        {{$t('historicalrecord')}}
-      </div>
+<!--      <div @click="historicalrecordClick"-->
+<!--           class="operator-text">-->
+<!--        <a-icon type="copy"/>-->
+<!--        {{$t('historicalrecord')}}-->
+<!--      </div>-->
     </div>
-    <a-tabs class="tabs" v-model="tabActive" @change="callback">
-      <a-tab-pane disabled :key="$t('basicinformationofvehicletype')" :tab="$t('basicinformationofvehicletype')">
+    <a-tabs class="tabs" v-model="tabActive" @change="callback" @tabClick="tabClick">
+      <a-tab-pane :key="$t('basicinformationofvehicletype')" :tab="$t('basicinformationofvehicletype')">
         <basicInformation v-if="tabActive == $t('basicinformationofvehicletype')" @basicInformationForm='basicInformationForm' ref="dealtWithRef" />
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('onlineupgraderequirements')"  :tab="$t('onlineupgraderequirements')">
+      <a-tab-pane :key="$t('onlineupgraderequirements')"  :tab="$t('onlineupgraderequirements')">
         <upgradeRequirements v-if="tabActive == $t('onlineupgraderequirements')" @upgradeRequirementsup='upgradeRequirementsup' @upgradeRequirementsdown='upgradeRequirementsdown' ref="doneListRef" />
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('safetymeasure')"  :tab="$t('safetymeasure')">
+      <a-tab-pane :key="$t('safetymeasure')"  :tab="$t('safetymeasure')">
         <safetyPrecautions v-if="tabActive == $t('safetymeasure')" @safetyPrecautionsup='safetyPrecautionsup' @safetyPrecautionsdown='safetyPrecautionsdown' ref="SentListRef" />
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('upgradedonline')"  :tab="$t('upgradedonline')">
+      <a-tab-pane :key="$t('upgradedonline')"  :tab="$t('upgradedonline')">
         <upgradedonline v-if="tabActive == $t('upgradedonline')" @upgradedonlineup='upgradedonlineup' @upgradedonlinedown='upgradedonlinedown' ref="upgradedonlineRef" />
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('beupgradedonline')"  :tab="$t('beupgradedonline')">
+      <a-tab-pane :key="$t('beupgradedonline')"  :tab="$t('beupgradedonline')">
         <beupgradedonline v-if="tabActive == $t('beupgradedonline')" @beupgradedonlineup='beupgradedonlineup' @beupgradedonlinedown='beupgradedonlinedown' ref="beupgradedonlineRef" />
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('recordparameters')" :tab="$t('recordparameters')">
+      <a-tab-pane :key="$t('recordparameters')" :tab="$t('recordparameters')">
         <recordparameters v-if="tabActive == $t('recordparameters')" @recordparametersup='recordparametersup' @recordparametersdown='recordparametersdown' ref="recordparametersRef" />
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('other')" :tab="$t('other')">
+      <a-tab-pane :key="$t('other')" :tab="$t('other')">
         <other v-if="tabActive == $t('other')" @otherup='otherup' ref="otherRef" />
       </a-tab-pane>
-      <a-tab-pane disabled :key="$t('historicalrecord')" :tab="$t('historicalrecord')">
+      <a-tab-pane :key="$t('historicalrecord')" :tab="$t('historicalrecord')">
         <historicalrecord v-if="tabActive == $t('historicalrecord')" ref="historicalrecordRef" @historicalrecordup='historicalrecordup'/>
       </a-tab-pane>
     </a-tabs>
@@ -163,6 +163,7 @@ export default {
       ],
       toggleSearchStatus: false,
       tabActive: this.$t('basicinformationofvehicletype'),
+      oldName: this.$t('basicinformationofvehicletype'),
       otaId:''
     }
   },
@@ -170,6 +171,25 @@ export default {
     callback(value) {
       this.tabActive = value
     },
+    tabClick(tab,event){
+      this.tabActive=tab
+      if(this.oldName == this.$t('basicinformationofvehicletype')){
+        this.$refs.dealtWithRef.save()
+      } else if(this.oldName == this.$t('onlineupgraderequirements')){
+        this.$refs.doneListRef.save()
+      } else if(this.oldName == this.$t('safetymeasure')){
+        this.$refs.SentListRef.save()
+      } else if(this.oldName == this.$t('upgradedonline')){
+        this.$refs.upgradedonlineRef.save()
+      } else if(this.oldName == this.$t('beupgradedonline')){
+        this.$refs.beupgradedonlineRef.save()
+      } else if(this.oldName == this.$t('recordparameters')){
+        this.$refs.recordparametersRef.save()
+      } else if(this.oldName == this.$t('other')){
+        this.$refs.otherRef.save()
+      }
+      this.oldName = tab
+    },
     handleToggleSearch() {
       this.toggleSearchStatus = !this.toggleSearchStatus
     },