<!-- 赏金与积分 -->
<template>
  <div class="py-3" :class="customClass">
    <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#fff" @update:model-value="getPositionList">
      <v-tab :value="1">{{ $t('publicRecruitment.myRecommendation') }}</v-tab>
    </v-tabs>
    <div class="mt-3">
      <div v-if="tab === 1">
        <myRecommendation></myRecommendation>
      </div>
    </div>
  </div>
</template>

<script setup>
defineOptions({name: 'personal-myPublicRecruitment-index'})
import { ref } from 'vue'
import myRecommendation from './myRecommendation.vue'

defineProps({
  customClass: {
    type: String,
    default: 'default-width'
  }
})

import { useRoute } from 'vue-router'; const route = useRoute()
import { useRouter } from 'vue-router'; const router = useRouter()

const tab = ref(+route.query?.tab || 1)
const getPositionList = () => {
  if (route.query) router.replace({ path: route.path }) // 不留记录的清除跳转带过来的参数
}
</script>
<style lang="scss" scoped>
</style>
