<template>
  <auth-wrap  ref="authWrap">
    <template class="usr-trip-info-container" slot="content">
      <rich-text :content="content" v-if="content"></rich-text>
      <u-empty
          v-else
          mode="data"
          text="还没有添加行程，赶紧去报名吧！"
          @click="regisClick"
      >
      </u-empty>
    </template>
  </auth-wrap>
</template>

<script>
import { fetchUsrTrip } from '@/common/api';
import AuthWrap from '@/components/AuthComp/index.vue';
import ItemList from '@/components/ItemList/index.vue';
import RichText from '@/pasb/pages/component/RichText/index.vue';

export default {
  components: {
    RichText,
    AuthWrap,
    ItemList,
  },
  data() {
    return {
      content: '',
    };
  },
  onLoad() {
    this.$refs.authWrap.reloadPage();
    this.loadmore();
  },
  methods: {
    async loadmore() {
      const { data } = await fetchUsrTrip();
      this.content = data.tripDetail;
    },
    regisClick() {
      uni.navigateTo({
        url: '/pasb/pages/regis/index',
      });
    },
  },
  onShareAppMessage() {
    return {
      title: 'First UI组件库',
    };
  },
};
</script>

<style lang="scss" src="./index.scss" />
