sidharth.kothari
/
retailer-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixes

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/retailer/retailer-search/RetailerSearchProducts.vue
View File

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