ota管理 tab切换修改

This commit is contained in:
zyx.net
2023-04-21 11:28:55 +08:00
parent 266167626b
commit f5ff2420bc
4 changed files with 75 additions and 35 deletions
@@ -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>
@@ -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
},
@@ -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>
@@ -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
},