This commit is contained in:
rakesh 2022-06-09 13:47:07 +05:30
parent 0838f84c96
commit ac35b2550f
1 changed files with 27 additions and 22 deletions

View File

@ -32,43 +32,46 @@
:alt="product.n"
:title="product.n"
></v-img>
<v-row >
<v-col cols="12" >
<v-row no-gutters >
<v-col cols="12" class="mt-1">
<h1
class="float-left fontsize-14 body ls-n009 fontcolor-black-darken font-weight-300 word-break"
class="float-left fontsize-12 body ls-n009 fontcolor-black-darken font-weight-300 word-break"
>{{ product.n }}
</h1>
</v-col>
<v-col cols="6 " class="py-0">
<div> SKU {{product.sku}}</div>
<v-col cols="5" class="py-0">
<h1
class="float-left fontsize-12 body ls-n009 fontcolor-black-darken font-weight-300 word-break"
>
SKU {{product.sku}}</h1>
</v-col>
<v-col cols="6" class="py-0">
<v-col cols="7" class="py-0">
<p
v-if="product.lp"
class="float-right fontsize-14 body ls-n009 fontcolor-black-darken font-weight-300"
class="float-right fontsize-12 body ls-n009 fontcolor-black-darken font-weight-300"
>
From ${{ product.lp }}
{{ product.u }}
</p>
<div
v-else
class="float-right fontsize-14 body ls-n009 fontcolor-black-darken font-weight-300"
class="float-right fontsize-12 body ls-n009 fontcolor-black-darken font-weight-300"
>
<div v-if="product.sp">
<s>${{ product.p.toFixed(2) }}</s> &nbsp;
<p class="red--text mb-0"> ${{ roundUp(product.sp) }}</p> / {{ product.u }}
</div>
<div v-else-if="product.p != 0">
<p>
${{ product.p.toFixed(2) }} / {{ product.u }}
</p>
</div>
<div v-else>
<span v-if="product.sp">
<s>${{priceFormatter(product.p)}}</s> &nbsp;
<span class="red--text mb-0"> ${{ roundUp(product.sp) }}</span> / {{ product.u }}
</span>
<span v-else-if="product.p != 0">
<span>
${{priceFormatter(product.p ) }} / {{ product.u }}
</span>
</span>
<span v-else>
<p>TBD</p>
</div>
</span>
</div>
</v-col>
<v-col cols="12" class="float-right" >
<v-col cols="12" class="float-right mt-2" >
<v-hover v-slot:default="{ hover }">
<v-btn
:disabled="inProgress"
@ -125,6 +128,7 @@
/* eslint-disable no-alert, no-console , no-debugger */
//import * as easings from "vuetify/es5/services/goto/easing-patterns";
import { mapState } from "vuex";
import { priceFormatter } from "@/services/util.service";
export default {
name: "RetailerSearchProducts",
@ -166,6 +170,7 @@ export default {
watch: {
},
data: () => ({
priceFormatter: priceFormatter,
menu: false,
showDrawarFilter: false,
noProducts: "No products found.",