Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | 1x 1x 1x 1x 4x 1x | <template>
<Loader
v-if="loading"
class="w-100 h-100 d-flex align-items-center justify-content-center"
/>
<div v-else class="h-100">
<AddOrder
v-if="isAddOrder"
v-on:closeCreateOrder="isAddOrder = false"
:customer="customer"
/>
<CustomerMain
v-else
v-on:openAddOrder="isAddOrder = true"
:back="back"
:customer="customer"
/>
</div>
</template>
<script>
import { mapActions } from "vuex";
import AddOrder from "./AddOrder.vue";
import CustomerMain from "./CustomerMain.vue";
import Loader from "~/components/common/Loader.vue";
export default {
name: "Customer",
props: {
id: Number,
back: Function,
},
components: {
AddOrder,
CustomerMain,
Loader,
},
data: () => ({
isAddOrder: false,
customer: null,
loading: true,
}),
methods: {
...mapActions({
getCustomer: "admin_customers/getCustomer",
}),
},
watch: {
isAddOrder: async function () {
if (!this.isAddOrder) {
this.loading = true;
this.customer = await this.getCustomer(this.id);
this.loading = false;
}
},
},
async beforeMount() {
this.loading = true;
this.customer = await this.getCustomer(this.id);
this.loading = false;
},
};
</script>
<style scoped>
</style> |