fashion-ssr-vue3/pages/submit-order/index.vue

<script lang='ts' setup>
import { ConstKeys } from '~/enums/const-enums'

const router = useRouter()

useHead({
  title: 'EJET Selection Retailer | Submit Wish Order',
  meta: [
    {
      name: 'description',
      content:
         `Review your selected wholesale products and proceed to submit your wish order. Manage your cart easily with EJET Selection and enjoy wholesale prices.`,
    },
    {
      property: 'og:title',
      content: 'EJET Selection Retailer | Submit Wish Order',
    },
    {
      property: 'og:description',
      content: `Review your selected wholesale products and proceed to submit your wish order. Manage your cart easily with EJET Selection and enjoy wholesale prices.`,
    },
    {
      property: 'og:type',
      content: 'website',
    },
    {
      property: 'twitter:title',
      content: 'EJET Selection Retailer | Submit Wish Order',
    },
    {
      property: 'twitter:description',
      content: `Review your selected wholesale products and proceed to submit your wish order. Manage your cart easily with EJET Selection and enjoy wholesale prices.`,
    },
    {
      property: 'twitter:card',
      content: 'summary_large_image',
    },
  ],
  link: [
    {
      rel: 'canonical',
      href: `${ConstKeys.DOMAINPRO}/submit-order`,
    },
  ],
})
</script>

<template>
  <div class="">
    <div class="w-1400px mx-auto ">
      <div class="flex items-center register-page py-100px">
        <div class="left w-50%">
          <img
            src="~/assets/images/order_success_img.png"
            class="w-620px h-720px"
          >
        </div>
        <div class="right w-50% ">
          <h1 class="fw-bold lh-30px text-20px text-#333">
            Your Wish Order Has Been Created Successfully
          </h1>
          <div class="mt-10px mb-60px text-14px text-#333">
            Our staff will contact you soon to check the rest of order details with you.
          </div>
          <business-order-step />
          <div>
            <el-button class="!bg-#fff !b-#C58C64 b-solid b-1px !text-#C58C64 !w-245px !h-50px !text-18px !fw-500 !b-rd-6px">
              <nuxt-link to="/account/orders?tab=submitted">
                View my wish order
              </nuxt-link>
            </el-button>
            <el-button class="!bg-#C58C64 !text-#fff !w-245px !h-50px !text-18px !fw-500 !b-rd-10px !ml-10px" @click="router.push('/')">
              Continue Shopping
            </el-button>
          </div>
        </div>
      </div>
    </div>
    <common-footer-guide />
  </div>
</template>

<style lang='less' scoped>
</style>