<template>
  <div style="height: 100%">
    <router-view :key="keys || appCode" :name="appCode" />
  </div>
</template>

<script>
import util from 'eoss-ui/src/utils/util';
export default {
  name: 'RouterPage',
  components: {},
  props: {
    appCode: String,
    path: String,
    url: String,
    query: {
      type: Object,
      default() {
        return {};
      }
    },
    keys: String
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {
    this.jump();
  },
  methods: {
    jump() {
      let params = util.getParams({ url: this.url });
      this.$router.push({
        path: this.path,
        query: { ...this.query, ...params }
      });
    }
  }
};
</script>

<style lang="scss" scoped></style>
