WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ota管理 tab切换修改

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/views/otamanagement/upgradeactivityrecord/components/historicalrecord.vue
+3 -3
View File
@@ -15,9 +15,9 @@
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<div class="bootom-button"> <!-- <div class="bootom-button">-->
<a-button type="primary" style='margin-top: 50px' @click='back'>{{$t('returntofill')}}</a-button> <!-- <a-button type="primary" style='margin-top: 50px' @click='back'>{{$t('returntofill')}}</a-button>-->
</div> <!-- </div>-->
</div> </div>
</template> </template>
jero-web/src/views/otamanagement/upgradeactivityrecord/index.vue
+35 -15
View File
@@ -7,35 +7,35 @@
<a-icon type="form"/> <a-icon type="form"/>
{{$t('fillintherecord')}} {{$t('fillintherecord')}}
</div> </div>
<div @click="historicalrecordClick" <!-- <div @click="historicalrecordClick"-->
class="operator-text"> <!-- class="operator-text">-->
<a-icon type="copy"/> <!-- <a-icon type="copy"/>-->
{{$t('historicalrecord')}} <!-- {{$t('historicalrecord')}}-->
</div> <!-- </div>-->
</div> </div>
<a-tabs class="tabs" v-model="tabActive" @change="callback"> <a-tabs class="tabs" v-model="tabActive" @change="callback" @tabClick="tabClick">
<a-tab-pane disabled :key="$t('upgradetargetmodel')" :tab="$t('upgradetargetmodel')"> <a-tab-pane :key="$t('upgradetargetmodel')" :tab="$t('upgradetargetmodel')">
<upgradetargetmodel v-if="tabActive == $t('upgradetargetmodel')" @basicInformationForm='basicInformationForm' ref="dealtWithRef"/> <upgradetargetmodel v-if="tabActive == $t('upgradetargetmodel')" @basicInformationForm='basicInformationForm' ref="dealtWithRef"/>
</a-tab-pane> </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"/> <thetargetvehicleofthisupgrade v-if="tabActive == $t('thetargetvehicleofthisupgrade')" @upgradeRequirementsup='upgradeRequirementsup' @upgradeRequirementsdown='upgradeRequirementsdown' ref="doneListRef"/>
</a-tab-pane> </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"/> <upgradeimpactassessment v-if="tabActive == $t('upgradeimpactassessment')" @safetyPrecautionsup='safetyPrecautionsup' @safetyPrecautionsdown='safetyPrecautionsdown' ref="SentListRef"/>
</a-tab-pane> </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"/> <upgradehavechanged v-if="tabActive == $t('upgradehavechanged')" @upgradedonlineup='upgradedonlineup' @upgradedonlinedown='upgradedonlinedown' ref="upgradedonlineRef"/>
</a-tab-pane> </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"/> <auxiliaryupgradehavechanged v-if="tabActive == $t('auxiliaryupgradehavechanged')" @beupgradedonlineup='beupgradedonlineup' @beupgradedonlinedown='beupgradedonlinedown' ref="beupgradedonlineRef"/>
</a-tab-pane> </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"/> <usernotification v-if="tabActive == $t('usernotification')" @recordparametersup='recordparametersup' @recordparametersdown='recordparametersdown' ref="recordparametersRef"/>
</a-tab-pane> </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"/> <informationaboutotherupgradetasks v-if="tabActive == $t('informationaboutotherupgradetasks')" @otherup='otherup' ref="otherRef"/>
</a-tab-pane> </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'/> <historicalrecord v-if="tabActive == $t('historicalrecord')" ref="historicalrecordRef" @historicalrecordup='historicalrecordup'/>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
@@ -162,13 +162,33 @@ export default {
}, },
], ],
toggleSearchStatus: false, toggleSearchStatus: false,
tabActive: this.$t('upgradetargetmodel') tabActive: this.$t('upgradetargetmodel'),
oldName: this.$t('upgradetargetmodel'),
} }
}, },
methods: { methods: {
callback(value) { callback(value) {
this.tabActive = 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() { handleToggleSearch() {
this.toggleSearchStatus = !this.toggleSearchStatus this.toggleSearchStatus = !this.toggleSearchStatus
}, },
jero-web/src/views/otamanagement/vehicleinformation/components/historicalrecord.vue
+3 -3
View File
@@ -15,9 +15,9 @@
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<div class="bootom-button"> <!-- <div class="bootom-button">-->
<a-button type="primary" style='margin-top: 50px' @click='back'>{{$t('returntofill')}}</a-button> <!-- <a-button type="primary" style='margin-top: 50px' @click='back'>{{$t('returntofill')}}</a-button>-->
</div> <!-- </div>-->
</div> </div>
</template> </template>
jero-web/src/views/otamanagement/vehicleinformation/index.vue
+34 -14
View File
@@ -7,35 +7,35 @@
<a-icon type="form"/> <a-icon type="form"/>
{{$t('fillintherecord')}} {{$t('fillintherecord')}}
</div> </div>
<div @click="historicalrecordClick" <!-- <div @click="historicalrecordClick"-->
class="operator-text"> <!-- class="operator-text">-->
<a-icon type="copy"/> <!-- <a-icon type="copy"/>-->
{{$t('historicalrecord')}} <!-- {{$t('historicalrecord')}}-->
</div> <!-- </div>-->
</div> </div>
<a-tabs class="tabs" v-model="tabActive" @change="callback"> <a-tabs class="tabs" v-model="tabActive" @change="callback" @tabClick="tabClick">
<a-tab-pane disabled :key="$t('basicinformationofvehicletype')" :tab="$t('basicinformationofvehicletype')"> <a-tab-pane :key="$t('basicinformationofvehicletype')" :tab="$t('basicinformationofvehicletype')">
<basicInformation v-if="tabActive == $t('basicinformationofvehicletype')" @basicInformationForm='basicInformationForm' ref="dealtWithRef" /> <basicInformation v-if="tabActive == $t('basicinformationofvehicletype')" @basicInformationForm='basicInformationForm' ref="dealtWithRef" />
</a-tab-pane> </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" /> <upgradeRequirements v-if="tabActive == $t('onlineupgraderequirements')" @upgradeRequirementsup='upgradeRequirementsup' @upgradeRequirementsdown='upgradeRequirementsdown' ref="doneListRef" />
</a-tab-pane> </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" /> <safetyPrecautions v-if="tabActive == $t('safetymeasure')" @safetyPrecautionsup='safetyPrecautionsup' @safetyPrecautionsdown='safetyPrecautionsdown' ref="SentListRef" />
</a-tab-pane> </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" /> <upgradedonline v-if="tabActive == $t('upgradedonline')" @upgradedonlineup='upgradedonlineup' @upgradedonlinedown='upgradedonlinedown' ref="upgradedonlineRef" />
</a-tab-pane> </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" /> <beupgradedonline v-if="tabActive == $t('beupgradedonline')" @beupgradedonlineup='beupgradedonlineup' @beupgradedonlinedown='beupgradedonlinedown' ref="beupgradedonlineRef" />
</a-tab-pane> </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" /> <recordparameters v-if="tabActive == $t('recordparameters')" @recordparametersup='recordparametersup' @recordparametersdown='recordparametersdown' ref="recordparametersRef" />
</a-tab-pane> </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" /> <other v-if="tabActive == $t('other')" @otherup='otherup' ref="otherRef" />
</a-tab-pane> </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'/> <historicalrecord v-if="tabActive == $t('historicalrecord')" ref="historicalrecordRef" @historicalrecordup='historicalrecordup'/>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
@@ -163,6 +163,7 @@ export default {
], ],
toggleSearchStatus: false, toggleSearchStatus: false,
tabActive: this.$t('basicinformationofvehicletype'), tabActive: this.$t('basicinformationofvehicletype'),
oldName: this.$t('basicinformationofvehicletype'),
otaId:'' otaId:''
} }
}, },
@@ -170,6 +171,25 @@ export default {
callback(value) { callback(value) {
this.tabActive = 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() { handleToggleSearch() {
this.toggleSearchStatus = !this.toggleSearchStatus this.toggleSearchStatus = !this.toggleSearchStatus
}, },