fixes
This commit is contained in:
rakesh
parent
b30e6d0f2a
commit
3441d0c0fa
|
|
@ -125,17 +125,6 @@ export default [
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: 'search',
|
|
||||||
name: 'SearchPage',
|
|
||||||
component: () => import( /* webpackChunkName: "craneMain-search" */'@/routes/retailer/search_page.vue'),
|
|
||||||
meta: {
|
|
||||||
breadcrumb: {
|
|
||||||
label: 'SearchPage Page',
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
{
|
||||||
path: 'logout-success',
|
path: 'logout-success',
|
||||||
name: 'LogOutSuccess',
|
name: 'LogOutSuccess',
|
||||||
|
|
|
||||||
|
|
@ -176,20 +176,20 @@
|
||||||
class="elevation-1 set-table-content"
|
class="elevation-1 set-table-content"
|
||||||
>
|
>
|
||||||
<template v-slot:item.date="{ item }">
|
<template v-slot:item.date="{ item }">
|
||||||
<span>{{ isoStringToNormalDate(item.selectable.updatedAt) }}</span>
|
<span>{{ isoStringToNormalDate(item.raw.updatedAt) }}</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:item.order="{ item }">
|
<template v-slot:item.order="{ item }">
|
||||||
<span>{{ item.selectable.incrementId }}</span>
|
<span>{{ item.raw.incrementId }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-slot:item.salesrepname="{ item }">
|
<template v-slot:item.salesrepname="{ item }">
|
||||||
<span>{{ userInfo.firstname + " " + userInfo.lastname }}</span>
|
<span>{{ userInfo.firstname + " " + userInfo.lastname }}</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:item.status="{ item }">
|
<template v-slot:item.status="{ item }">
|
||||||
<span>{{ item.selectable.status }}</span>
|
<span>{{ item.raw.status }}</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:item.POnumber="{ item }">
|
<template v-slot:item.POnumber="{ item }">
|
||||||
<span>{{ item.selectable.payment.poNumber }}</span>
|
<span>{{ item.raw.payment.poNumber }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-slot:item.actions={item}>
|
<template v-slot:item.actions={item}>
|
||||||
|
|
|
||||||
|
|
@ -1,134 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<SearchProductsComponent @criteriaChanged="searchProducts" :criteria="criteria" :searchPageContent="searchPageContent" :breadcrumbData="searchKeyword" :categoryPageContent="categoryContent" />
|
|
||||||
<SeoFooterContent />
|
|
||||||
<FooterComponent />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
const baseUrl = import.meta.env.VITE_APP_BASE_URL;
|
|
||||||
/* eslint-disable no-alert, no-console , no-debugger */
|
|
||||||
import SearchProductsComponent from "@/components/retailer/search/SearchProducts.vue";
|
|
||||||
import SeoFooterContent from "@/components/layout/footer/SeoFooterContent.vue";
|
|
||||||
import FooterComponent from "@/components/layout/footer/FooterComponent.vue";
|
|
||||||
//import CategoryHeroContent from "@/components/retailer/category/CategoryHeroContent";
|
|
||||||
|
|
||||||
import { mapState } from "vuex";
|
|
||||||
export default {
|
|
||||||
name: "SearchPage",
|
|
||||||
components: {
|
|
||||||
SearchProductsComponent,
|
|
||||||
FooterComponent,
|
|
||||||
SeoFooterContent
|
|
||||||
//CategoryHeroContent
|
|
||||||
},
|
|
||||||
data: () => ({
|
|
||||||
categoryContent:false,
|
|
||||||
searchPageContent:true,
|
|
||||||
searchKeyword:'keyword',
|
|
||||||
criteria: [
|
|
||||||
{ label: "PRODUCT NAME", value: "name" },
|
|
||||||
{ label: "PRICE:LOW-HIGH", value: "price" },
|
|
||||||
{ label: "COLOR", value: "color" },
|
|
||||||
{ label: "RELEVANCE", value: "relevance" },
|
|
||||||
],
|
|
||||||
}),
|
|
||||||
computed: {
|
|
||||||
...mapState({
|
|
||||||
searchTerms: (state) => state.catalogBrowser.searchTerms,
|
|
||||||
enabledFilters: (state) => state.catalogBrowser.enabledFilters,
|
|
||||||
}),
|
|
||||||
canonical: function () {
|
|
||||||
return this.$route.meta.canonical;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
metaInfo() {
|
|
||||||
return {
|
|
||||||
link: [
|
|
||||||
{
|
|
||||||
rel: "canonical",
|
|
||||||
href: `${
|
|
||||||
this.canonical ? window.location.href.split("?")[0] : baseUrl
|
|
||||||
}`,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
searchProducts() {
|
|
||||||
this.$store.dispatch("catalogBrowser/search", {
|
|
||||||
fullCatalog: window.craneCatalog,
|
|
||||||
keywords: this.searchTerms.keywords,
|
|
||||||
filters: this.searchTerms.filters,
|
|
||||||
pageNumber:this.searchTerms.pageNumber,
|
|
||||||
pageSize:this.searchTerms.pageSize,
|
|
||||||
sortBy: this.searchTerms.sortBy
|
|
||||||
});
|
|
||||||
this.pushPrams({
|
|
||||||
pageNumber: this.searchTerms.pageNumber,
|
|
||||||
pageSize: this.searchTerms.pageSize,
|
|
||||||
sortBy:this.searchTerms.sortBy,
|
|
||||||
q: this.searchTerms.keywords,
|
|
||||||
filter:btoa(JSON.stringify(this.searchTerms.filters)),
|
|
||||||
});
|
|
||||||
|
|
||||||
},
|
|
||||||
pushPrams(pushObj) {
|
|
||||||
this.$router
|
|
||||||
.push({
|
|
||||||
query: {
|
|
||||||
pageNumber: pushObj.pageNumber,
|
|
||||||
pageSize: pushObj.pageSize,
|
|
||||||
sortBy: pushObj.sortBy,
|
|
||||||
q: pushObj.q,
|
|
||||||
filter: pushObj.filter,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
error;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
var pageNumber = this.searchTerms.pageNumber;
|
|
||||||
if (this.$route.query.pageNumber !== undefined) {
|
|
||||||
pageNumber = Number(this.$route.query.pageNumber);
|
|
||||||
}
|
|
||||||
var pageSize = this.searchTerms.pageSize;
|
|
||||||
if (this.$route.query.pageSize !== undefined) {
|
|
||||||
pageSize = Number(this.$route.query.pageSize);
|
|
||||||
}
|
|
||||||
var sortBy = this.searchTerms.sortBy;
|
|
||||||
if (this.$route.query.sortBy !== undefined) {
|
|
||||||
sortBy = this.$route.query.sortBy;
|
|
||||||
}
|
|
||||||
var keywords = this.searchTerms.keywords;
|
|
||||||
if (this.$route.query.q !== undefined) {
|
|
||||||
keywords = this.$route.query.q;
|
|
||||||
}
|
|
||||||
|
|
||||||
var filters = this.searchTerms.filters;
|
|
||||||
if (this.$route.query.filter !== undefined) {
|
|
||||||
filters = JSON.parse(atob(this.$route.query.filter));
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
filters = JSON.parse(atob(this.$route.query.filter));
|
|
||||||
}
|
|
||||||
this.pushPrams({
|
|
||||||
pageNumber: pageNumber,
|
|
||||||
pageSize: pageSize,
|
|
||||||
sortBy:sortBy,
|
|
||||||
q: keywords,
|
|
||||||
filter:this.$route.query.filter,
|
|
||||||
});
|
|
||||||
this.$store.dispatch("catalogBrowser/search", {
|
|
||||||
fullCatalog: window.craneCatalog,
|
|
||||||
keywords,
|
|
||||||
filters,
|
|
||||||
pageNumber,
|
|
||||||
pageSize,
|
|
||||||
sortBy,
|
|
||||||
});
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
Loading…
Reference in New Issue