added Order Information in myorders
This commit is contained in:
parent
defccce142
commit
fb207eef2c
|
@ -1 +1 @@
|
||||||
{"branch_name":"dev","last_commit_date":"2022-01-28T11:20:43.000Z","last_commit_author":"anju j","last_commit_hash":"5c28f2497848f94839ca29240c484e0a47d538ca"}
|
{"branch_name":"dev","last_commit_date":"2022-01-28T12:02:56.000Z","last_commit_author":"anju j","last_commit_hash":"defccce1421feadd75a814a2194b959e791fc6ee"}
|
|
@ -373,16 +373,16 @@
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-tab-item>-->
|
</v-tab-item>-->
|
||||||
</v-tabs>
|
</v-tabs>
|
||||||
<v-col id="showInPrint">
|
<v-col >
|
||||||
<h1 class="order-information-heading">Order Information</h1>
|
<h1 class="order-information-heading">Order Information</h1>
|
||||||
<v-divider></v-divider>
|
<v-divider></v-divider>
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col cols="12" v-if="viewOrderItem.extensionAttributes&&viewOrderItem.extensionAttributes.shippingAssignments">
|
<v-col cols="12" md="6" v-if="viewOrderItem.extensionAttributes&&viewOrderItem.extensionAttributes.shippingAssignments">
|
||||||
<div
|
<div
|
||||||
v-for="(details,index) in viewOrderItem.extensionAttributes.shippingAssignments"
|
v-for="(details,index) in viewOrderItem.extensionAttributes.shippingAssignments"
|
||||||
v-bind:key="index"
|
v-bind:key="index"
|
||||||
>
|
>
|
||||||
<p class="order-information-subheading">Shipping Address</p>
|
<p class="order-information-subheading"><b>Shipping Address</b></p>
|
||||||
|
|
||||||
<p class="order-information-details" v-if="details.shipping&&details.shipping.address">
|
<p class="order-information-details" v-if="details.shipping&&details.shipping.address">
|
||||||
{{details.shipping.address.firstname}}
|
{{details.shipping.address.firstname}}
|
||||||
|
@ -403,13 +403,13 @@
|
||||||
>T:{{details.shipping.address.telephone}}</p>
|
>T:{{details.shipping.address.telephone}}</p>
|
||||||
</div>
|
</div>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col cols="12">
|
<v-col cols="12" md="6">
|
||||||
<p class="order-information-subheading">Shipping Method</p>
|
<p class="order-information-subheading"><b>Shipping Method</b></p>
|
||||||
<p class="order-information-details">{{viewOrderItem.shippingDescription}}</p>
|
<p class="order-information-details">{{viewOrderItem.shippingDescription}}</p>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|
||||||
<v-col cols="12" v-if="viewOrderItem.billingAddress">
|
<v-col cols="12" md="6" v-if="viewOrderItem.billingAddress">
|
||||||
<p class="order-information-subheading">Billing Address</p>
|
<p class="order-information-subheading"><b>Billing Address</b></p>
|
||||||
<p class="order-information-details">
|
<p class="order-information-details">
|
||||||
{{viewOrderItem.billingAddress.firstname}}
|
{{viewOrderItem.billingAddress.firstname}}
|
||||||
<span class="px-1"></span>
|
<span class="px-1"></span>
|
||||||
|
@ -430,11 +430,13 @@
|
||||||
class="order-information-details text-decoration-underline"
|
class="order-information-details text-decoration-underline"
|
||||||
>T:{{viewOrderItem.billingAddress.telephone}}</p>
|
>T:{{viewOrderItem.billingAddress.telephone}}</p>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col cols="12" v-if="viewOrderItem.payment">
|
<v-col cols="12" md="6" v-if="viewOrderItem.payment">
|
||||||
<p class="order-information-subheading">Payment Method</p>
|
<p class="order-information-subheading"><b>Payment Method</b></p>
|
||||||
<p class="order-information-details">{{viewOrderItem.payment.additionalInformation[0]}}</p>
|
<p class="order-information-details">{{viewOrderItem.payment.additionalInformation[0]}}</p>
|
||||||
|
<v-divider></v-divider>
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col>
|
<v-col>
|
||||||
|
|
||||||
<p class="order-information-details-creditcard">
|
<p class="order-information-details-creditcard">
|
||||||
<b>Credit Card Type</b>
|
<b>Credit Card Type</b>
|
||||||
</p>
|
</p>
|
||||||
|
@ -445,6 +447,7 @@
|
||||||
>{{viewOrderItem.payment.additionalInformation[8]}}</p>
|
>{{viewOrderItem.payment.additionalInformation[8]}}</p>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
|
<v-divider></v-divider>
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col>
|
<v-col>
|
||||||
<p class="order-information-details-creditcard">
|
<p class="order-information-details-creditcard">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<v-container>
|
<v-container>
|
||||||
<div>
|
|
||||||
<div class="h3 my-5 py-5 body-font1">Order Management</div>
|
<div class="h3 my-5 py-5 body-font1">Order Management</div>
|
||||||
<v-form>
|
<v-form>
|
||||||
<v-row
|
<v-row
|
||||||
|
@ -138,18 +138,21 @@
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</v-form>
|
</v-form>
|
||||||
</div>
|
|
||||||
</v-container>
|
</v-container>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {createHelpers} from "vuex-map-fields";
|
import {createHelpers} from "vuex-map-fields";
|
||||||
const {mapFields} = createHelpers({
|
const {mapFields} = createHelpers({
|
||||||
getterType:"orderlist/getField",
|
getterType:"orderlist/getField",
|
||||||
mutationType: "orderlist/updateField"
|
mutationType: "orderlist/updateField"
|
||||||
})
|
})
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "BoxedOrderHistoryPage",
|
name: "BoxedOrderHistoryPage",
|
||||||
|
components:{
|
||||||
|
|
||||||
|
},
|
||||||
data: () => ({
|
data: () => ({
|
||||||
date1: "",
|
date1: "",
|
||||||
date2: "",
|
date2: "",
|
||||||
|
@ -198,10 +201,10 @@ export default {
|
||||||
return this.formatDate(this.date2);
|
return this.formatDate(this.date2);
|
||||||
},
|
},
|
||||||
...mapFields([
|
...mapFields([
|
||||||
"orderNumber",
|
// "orderNumber",
|
||||||
// "createdDate",
|
// // "createdDate",
|
||||||
// "toDate",
|
// // "toDate",
|
||||||
"purchaseOrderNumber"
|
// "purchaseOrderNumber"
|
||||||
])
|
])
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
@ -99,6 +99,7 @@
|
||||||
</v-hover>
|
</v-hover>
|
||||||
</v-col>
|
</v-col>
|
||||||
<ViewOrderTabs :viewOrderItem="orderProduct" :productInvoice="productInvoice"></ViewOrderTabs>
|
<ViewOrderTabs :viewOrderItem="orderProduct" :productInvoice="productInvoice"></ViewOrderTabs>
|
||||||
|
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</v-container>
|
</v-container>
|
||||||
|
|
Loading…
Reference in New Issue