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',
|
||||
name: 'LogOutSuccess',
|
||||
|
|
|
|||
|
|
@ -176,20 +176,20 @@
|
|||
class="elevation-1 set-table-content"
|
||||
>
|
||||
<template v-slot:item.date="{ item }">
|
||||
<span>{{ isoStringToNormalDate(item.selectable.updatedAt) }}</span>
|
||||
<span>{{ isoStringToNormalDate(item.raw.updatedAt) }}</span>
|
||||
</template>
|
||||
<template v-slot:item.order="{ item }">
|
||||
<span>{{ item.selectable.incrementId }}</span>
|
||||
<span>{{ item.raw.incrementId }}</span>
|
||||
</template>
|
||||
|
||||
<template v-slot:item.salesrepname="{ item }">
|
||||
<span>{{ userInfo.firstname + " " + userInfo.lastname }}</span>
|
||||
</template>
|
||||
<template v-slot:item.status="{ item }">
|
||||
<span>{{ item.selectable.status }}</span>
|
||||
<span>{{ item.raw.status }}</span>
|
||||
</template>
|
||||
<template v-slot:item.POnumber="{ item }">
|
||||
<span>{{ item.selectable.payment.poNumber }}</span>
|
||||
<span>{{ item.raw.payment.poNumber }}</span>
|
||||
</template>
|
||||
|
||||
<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