<template>
  <div class="main">
    <!-- <quick v-if="state.type === 'quick'" /> -->
    <wyf v-if="state.type === 'wyf'" />
    <storeHouse v-if="state.type === 'storeHouse'" />
    <!-- <oa v-if="state.type === 'oa'" /> -->
    <artist-artwork-pro v-if="state.type === 'artworkpro'" />
    <customer-service-desk v-if="state.type === 'customerServiceDesk'" />
  </div>
</template>

<script setup>
import { onBeforeRouteUpdate, useRoute } from "vue-router";
import { ref, reactive, onBeforeMount } from "vue";
// import quick from "./components/quickIndex.vue";
import wyf from "./components/wyfIndex.vue";
// import oa from "./components/oaWorkbench.vue";
import artistArtworkPro from "./components/artistartworkpro.vue";
import { Local } from "@/utils/storage.js";
import storeHouse from "./components/storeHouse.vue";
import customerServiceDesk from "./components/customerServiceDesk/index.vue";
const state = reactive({
  type: "",
});
onBeforeMount(() => {
  let route = useRoute();
  state.type = route.query.type;
});
onBeforeRouteUpdate((to, from) => {
  state.type = to.query.type;
});
</script>

<style scoped></style>
