<template>
    <!-- <nut-navbar title="Title" left-show @click-back="onClick"></nut-navbar> -->
    <!-- <nut-navbar title="服务订单" left-show @click-back="onClick">
      <template #left>
        <div>Back</div> 
      </template>
    </nut-navbar> -->
    <van-nav-bar
  title="全部订单"
  left-text="返回"
  left-arrow
  @click-left="onClickLeft"
/>


  <van-tabs v-model:active="activeName">
  <van-tab title="全部" name="a">内容 1</van-tab>
  <van-tab title="待付款" name="b">内容 2</van-tab>
  <van-tab title="进行中" name="c">内容 3</van-tab>
  <van-tab title="待评价" name="d">内容 4</van-tab>
  <van-tab title="已完成" name="f">内容 5</van-tab>
  </van-tabs>

</template>


  <script setup>
  import { ref,onBeforeMount,defineProps } from 'vue';
  import { useRouter } from 'vue-router';
  const onClickLeft = () => history.back();
  const router = useRouter();
  // 在组件挂载之前获取参数
  const props = defineProps(['status'])
// onBeforeMount(async () => {
//     console.log(props)
//     k1 = props.status || '默认值';
//     console.log(k1)
// });
  const activeName = ref(props.status);
  const onClick = () => {
    router.push("/mine")
  };
  </script>
  
  
<style>

</style>