<template>
|
<div class="vehicle-center">
|
<el-tabs v-model="activeTab" class="center-tabs">
|
<el-tab-pane label="采集审核" name="audit" />
|
<el-tab-pane label="手机端采集" name="collect" />
|
</el-tabs>
|
<div class="center-body">
|
<keep-alive>
|
<component :is="currentComponent" />
|
</keep-alive>
|
</div>
|
</div>
|
</template>
|
|
<script setup>
|
import { ref, computed } from "vue";
|
import AuditPage from "../vehicleInfoAudit/index.vue";
|
import CollectPage from "../vehicleInfoCollect/index.vue";
|
|
defineOptions({ name: "车辆信息采集审核" });
|
|
const activeTab = ref("audit");
|
|
const tabMap = {
|
audit: AuditPage,
|
collect: CollectPage,
|
};
|
|
const currentComponent = computed(() => tabMap[activeTab.value] || AuditPage);
|
</script>
|
|
<style scoped lang="scss">
|
.vehicle-center {
|
padding: 10px 12px;
|
}
|
.center-tabs {
|
margin-bottom: 6px;
|
}
|
/* 子页面自带的 app-container 会多一层内边距 */
|
.center-body :deep(.app-container) {
|
padding: 0;
|
}
|
</style>
|
