android-cloud-H5/pages/phone/_id.vue

<template>
  <div class="disk-page">
    <disk :user-card-id="userCardId"></disk>
  </div>
</template>

<script>
// import qs from 'qs';
export default {
  name: 'DiskPage',
  middleware: [
    // async ({ base, route, $axios, $auth, redirect, $userAgent }) => {
    //   const res = await $axios.$get(
    //     '/resources/v5/client/disk/info/userCard/single',
    //     {
    //       params: {
    //         userCardId: route.params.id,
    //       },
    //     },
    //   );
    //   const {
    //     userCardId,
    //     userName,
    //     room,
    //     buyVipType,
    //     sourceType,
    //     authPhone,
    //     validTime,
    //   } = res.data;
    //   const token = $auth.strategy.token.get();
    //   const url = `${location.origin}${base}${
    //     $userAgent.isIos ? 'screenIos' : 'screenAndroid'
    //   }/WXtrialInterface.html${qs.stringify(
    //     {
    //       userCardId,
    //       username: userName,
    //       token,
    //       rm: room,
    //       mealType: buyVipType,
    //       sourceType,
    //       authPhone,
    //       validTime,
    //     },
    //     {
    //       addQueryPrefix: true,
    //     },
    //   )}`;
    //   redirect(url);
    // },
  ],
  data() {
    return {
      userCardId: null,
    };
  },
  fetch() {
    this.userCardId = +this.$route.params.id;
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.disk-page {
  height: 100vh;
  position: relative;
}
</style>