mkm/nk-shop2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新供销店铺和商品的推荐逻辑,优化页面效果

Browse Source
This commit is contained in:
weipengfei 2023-11-08 16:30:19 +08:00
parent f43ef06ff0
commit a5b11d545d
6 changed files with 161 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
api/api.js
View File

@ -7,6 +7,15 @@ import request from "@/utils/request.js";
export function cloudWarehouse(data) {
return request.get("store/product/cloudWarehouse", data, { noAuth: true });
}
/**
* 为你推荐
*
*/
export function spuRecommend(data) {
return request.get("product/spu/recommend", data, { noAuth: true });
}
/**
* 获取云仓分类
*

10
components/WaterfallsFlowItem/WaterfallsFlowItemo.vue
View File

@ -18,6 +18,9 @@
<text class="tag-twob">满20包邮</text>
</view>
</view> -->
<view class="price">
<span>￥</span>{{item.price.split('.')[0]}}.<text>{{item.price.split('.')[1]}}</text>
</view>
<view class="relase">
<view class="relase-one">
{{item.rate}}
@ -29,17 +32,14 @@
{{item.merchant&&item.merchant.distance}}
</view>
</view>
<view class="price">
<span>￥</span>{{item.price.split('.')[0]}}.<text>{{item.price.split('.')[1]}}</text>
</view>
<view class="item-info">
<!-- <view class="item-info">
<view class="info-title" style="margin-right: 10rpx;">
{{item.merchant.mer_name}}
</view>
<view class="info-img">
<image src="@/static/images/you.png" mode="aspectFit"></image>
</view>
</view>
</view> -->
</view>
</template>

1
pages/index/index.vue
View File

@ -188,7 +188,6 @@ import {
getIndexData,
getDiy,
getArticleList,
cloudWarehouse,
getArticleCategoryLists
} from '@/api/api.js'
import {

172
pages/nongKe/supply_chain/supplier.vue
View File

@ -1,5 +1,5 @@
<template>
<view style="background-color: #F0F2F5;">
<view style="background-color: #f5f5f5;">
<!-- <view style="height: var(--status-bar-height);background-color: red;height: 10vh;">dsfdsfsdfds</view> -->
<view class='productList' :style="viewColor">
<!-- 顶部 -->
@ -31,7 +31,7 @@
<!-- 搜索框 -->
<!-- <view style="position: relative;width: 289.14rpx;" v-if="showSerch">
<u-search borderColor="#FF6D20" bgColor="white" @change="test" :showAction="false"
placeholder="请输入..." v-model="sotreParam.keyword" @search="onInputConfirm"
placeholder="请输入..." v-model="storeParam.keyword" @search="onInputConfirm"
class="serch_cls"></u-search>
<u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"></u--image>
@ -49,7 +49,7 @@
<view class="sswz">
<view style="position: relative;width: 501.17rpx;">
<u-search borderColor="#FF6D20" bgColor="white" @change="test" :showAction="false"
placeholder="搜索店铺或者名称" v-model="sotreParam.keyword" @search="onInputConfirm"
placeholder="搜索店铺或者名称" v-model="storeParam.keyword" @search="onInputConfirm"
class="serch_cls"></u-search>
<u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"></u--image>
@ -102,7 +102,19 @@
</view>
</u-scroll-list>
</view>
<view class='no-shop' v-if="storeParam.is_recommend && !loading && !loadingIcon" v-cloak>
<view class='pictrue' style="margin: 0 auto;background-color: #F5F5F5;">
<!-- <image src='../../../static/images/noCart.png'></image> -->
<image src='@/static/images/no_short.png'></image>
<text>暂无店铺，切换其他位置试试</text>
</view>
</view>
<block v-if="storeParam.is_recommend">
<view class="common-hd">
<view class="title">为你推荐</view>
</view>
</block>
<view class="goods_list">
<view class="goods_card" @click="goStore(item.mer_id)" v-for="(item,index) in storeList"
:key="index">
@ -152,7 +164,6 @@
</view>
<u-loadmore :status="status" />
</view>
<!-- 热搜 -->
@ -316,12 +327,7 @@
</view>
<view class='no-shop' v-if="!storeList.length && !loading && !loadingIcon" v-cloak>
<view class='pictrue' style="margin: 0 auto;background-color: #F5F5F5;">
<image src='../../../static/images/noCart.png'></image>
<text>暂无店铺，快去搜索其他店铺吧</text>
</view>
</view>
<u-loadmore v-if="storeParam.is_recommend==false && storeList.length != 0 || (storeParam.is_recommend==true)" :status="status" />
</block>
<u-popup class="pop" :show="show" @close="close" mode="center" bgColor='transparent'>
<image :src="image"></image>
@ -455,14 +461,15 @@
firstKey: 0,
// 商铺列表
storeList: [],
sotreParam: {
storeParam: {
keyword: '',
page: 1,
limit: 10,
order: '',
category_id: '',
type_id: '',
street_id: ''
street_id: '',
is_recommend: false, // 是否为推荐的参数
},
storeKey: 0,
storeScroll: true,
@ -494,12 +501,12 @@
this.longitude = this.$store.state.storage.location.long;
}
if (options.street_id != undefined) {
this.sotreParam.street_id = options.street_id
this.storeParam.street_id = options.street_id
}
this.credit_buy = options.credit_buy
this.sotreParam.type_id = options.type_id
this.sotreParam.type_id = options.type_id && options.type_id.split(',').toString() || ''
this.sotreParam.category_id = options.cate_id && options.cate_id.split(',').toString() || ''
this.storeParam.type_id = options.type_id
this.storeParam.type_id = options.type_id && options.type_id.split(',').toString() || ''
this.storeParam.category_id = options.cate_id && options.cate_id.split(',').toString() || ''
this.storeList = [];
if (this.mer_location == 1) {
this.selfLocation()
@ -557,7 +564,7 @@
this.$bus.$emit('value-updated', e.value[1].name + ',' + e.value[1].code);
})
this.sotreParam.street_id = e.value[1].code
this.storeParam.street_id = e.value[1].code
this.street_id = e.value[1].code
this.storeMerchantList()
},
@ -638,14 +645,14 @@
},
test() {
// if (this.sotreParam.keyword.length > 3) {
// this.sotreParam.keyword.slice(0, 3)
// this.sotreParam.keyword = this.sotreParam.keyword.slice(0, 3) + "..."
// if (this.storeParam.keyword.length > 3) {
// this.storeParam.keyword.slice(0, 3)
// this.storeParam.keyword = this.storeParam.keyword.slice(0, 3) + "..."
// }
// console.log(this.sotreParam.keyword.length)
// console.log(this.storeParam.keyword.length)
},
hotSerchFn(keywords) {
this.sotreParam.keyword = keywords
this.storeParam.keyword = keywords
this.searchSubmit()
},
goMap(url) {
@ -686,8 +693,8 @@
check: false
}
})
if (this.sotreParam.category_id.length > 0) {
this.sotreParam.category_id.forEach((ids, index) => {
if (this.storeParam.category_id.length > 0) {
this.storeParam.category_id.forEach((ids, index) => {
temp.forEach(el => {
if (ids == el.merchant_category_id) {
el.check = true
@ -708,7 +715,7 @@
let temp = []
getStoreTypeApi().then(res => {
res.data.forEach(item => {
if (item.mer_type_id == this.sotreParam.type_id) {
if (item.mer_type_id == this.storeParam.type_id) {
temp.push({
...item,
check: true
@ -851,29 +858,60 @@
if (this.loading) return
this.loading = true
let rqData = {
keyword: this.sotreParam.keyword,
page: this.sotreParam.page,
keyword: this.storeParam.keyword,
page: this.storeParam.page,
limit: 10,
order: this.sotreParam.order,
category_id: this.sotreParam.category_id,
type_id: this.sotreParam.type_id,
street_id: this.sotreParam.street_id,
order: this.storeParam.order,
category_id: this.storeParam.category_id,
type_id: this.storeParam.type_id,
credit_buy: this.credit_buy,
}
rqData.street_id = this.storeParam.street_id
if (this.latitude) {
rqData.location = this.latitude + ',' + this.longitude
}
// console.log(rqData)
storeMerchantList(rqData).then(res => {
if (res.data.list.length < rqData.limit) {
this.status = "nomore"
}
this.count = res.data.count
this.storeList = (res.data.list)
this.loading = false
this.loadingIcon = false
//当没有店铺时推荐其他店铺
if(rqData.page==1 && res.data.count==0){
this.storeMerchantList2();
}else this.storeParam.is_recommend = false;
})
},
// 推荐店铺
storeMerchantList2() {
if (this.loading) return
this.loading = true
let rqData = {
keyword: this.storeParam.keyword,
page: this.storeParam.page,
limit: 10,
order: this.storeParam.order,
category_id: this.storeParam.category_id,
type_id: this.storeParam.type_id,
credit_buy: this.credit_buy,
}
if (this.latitude) {
rqData.location = this.latitude + ',' + this.longitude
}
storeMerchantList(rqData).then(res => {
this.storeParam.is_recommend = true;
this.count = res.data.count
this.storeList = (res.data.list)
this.loading = false
this.loadingIcon = false
})
},
// 进店
goStore(id) {
if (this.sotreParam.type_id == 12) {
if (this.storeParam.type_id == 12) {
uni.navigateTo({
url: `/pages/nongKe/supply_chain/merchant?id=${id}`
})
@ -887,13 +925,13 @@
},
searchSubmit: function() {
let that = this;
that.$set(that.sotreParam, 'keyword', this.sotreParam.keyword);
that.$set(that.storeParam, 'keyword', this.storeParam.keyword);
this.set_where(this.firstKey)
this.showSerch = false
},
// 右侧切换
bindRight() {
this.sotreParam.page = 1
this.storeParam.page = 1
this.rightBox = true
},
// 组件确定
@ -901,24 +939,24 @@
let arr1 = [],
arr2 = []
if (data.storeTypeArr.length == 0) {
// this.sotreParam.type_id = ''
// this.storeParam.type_id = ''
} else {
data.storeTypeArr.forEach(item => {
arr1.push(item.mer_type_id)
})
this.sotreParam.type_id = arr1.toString();
this.storeParam.type_id = arr1.toString();
}
if (data.merList.length == 0) {
this.sotreParam.category_id = ''
this.storeParam.category_id = ''
} else {
data.merList.forEach(item => {
arr2.push(item.merchant_category_id)
})
this.sotreParam.category_id = arr2.toString();
this.storeParam.category_id = arr2.toString();
}
this.rightBox = data.status
this.loadend = false;
this.$set(this.sotreParam, 'page', 1)
this.$set(this.storeParam, 'page', 1)
this.storeList = [];
this.storeMerchantList();
},
@ -932,8 +970,8 @@
if (this.loading) return
this.storeList = []
this.firstKey = e
this.sotreParam.page = 1
this.sotreParam.order = this.downMenu[e].order
this.storeParam.page = 1
this.storeParam.order = this.downMenu[e].order
this.storeMerchantList();
},
backjJump() {
@ -965,16 +1003,16 @@
},
//上划加载更多
onReachBottom() {
this.sotreParam.page += 1
this.storeParam.page += 1
let rqData = {
keyword: this.sotreParam.keyword,
page: this.sotreParam.page,
keyword: this.storeParam.keyword,
page: this.storeParam.page,
limit: 10,
order: this.sotreParam.order,
category_id: this.sotreParam.category_id,
type_id: this.sotreParam.type_id,
street_id: this.sotreParam.street_id,
order: this.storeParam.order,
category_id: this.storeParam.category_id,
type_id: this.storeParam.type_id,
street_id: this.storeParam.street_id,
credit_buy: this.credit_buy
}
if (this.latitude) {
@ -982,16 +1020,13 @@
}
// console.log(rqData)
storeMerchantList(rqData).then(res => {
if (res.data.list == 0) {
console.log(res.data.list.length);
if (res.data.list.length < rqData.limit) {
this.status = "nomore"
return
}
this.count = res.data.count
this.storeList.push(...res.data.list)
})
}
}
@ -1002,6 +1037,9 @@
margin: 0;
padding: 0;
}
page{
background-color: #f5f5f5;
}
.com_name {
font-size: 33.29rpx;
@ -1035,7 +1073,8 @@
padding-top: var(--status-bar-height);
// padding-top: 80rpx;
background-color: #F0F2F5;
background-color: #f5f5f5;
// background-color: #F0F2F5;
position: fixed;
z-index: 999;
width: 100%;
@ -1067,6 +1106,25 @@
}
.common-hd {
display: flex;
align-items: center;
justify-content: center;
height: 60rpx;
margin-top: 30rpx;
.title {
padding: 0 80rpx;
font-size: 34rpx;
color: $theme-color;
font-weight: bold;
background-image: url("~@/static/images/index-title.png");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: left center;
}
}
.goods_list {
margin-top: 20rpx;
@ -1632,8 +1690,8 @@
color: $uni-nothing-text;
image {
width: 414rpx;
height: 380rpx;
width: 500rpx;
height: 180rpx;
}
}
}

43
pages/supply_chains/supply_chains.vue
View File

@ -131,7 +131,12 @@
<view class="goodslist">
<WaterfallsFlow v-if="productList.length>0" :wfList="productList" :type="1" />
<block v-else>
<view class="no-more">- 此区域没有更多商品了 -</view>
<view class='no-shop' v-cloak>
<view class='pictrue' style="margin: 0 auto;background-color: #F5F5F5;">
<image src='@/static/images/no_short.png' style="width: 500rpx; height: 180rpx;"></image>
<text>暂无商品，切换其他位置试试</text>
</view>
</view>
<view class="common-hd">
<view class="title">为你推荐</view>
</view>
@ -187,7 +192,7 @@
import {
getIndexData,
getDiy,
cloudWarehouse
spuRecommend
} from '@/api/api.js'
import {
@ -195,7 +200,8 @@
} from '@/api/product.js';
import {
getGeocoder,
merClassifly
merClassifly,
getProductslist
} from '@/api/store.js';
import {
getArea,
@ -379,16 +385,16 @@
that.loading = true;
that.loadTitle = '';
cloudWarehouse({
getProductslist({
page: that.where.page,
limit: that.where.limit,
street_code: id,
category_id: 0,
street_id: id,
type_id: '17,10',
location: this.latitude + ',' + this.longitude
}).then(res => {
// console.log(222)
let list = res.data.list;
if(list.length==0){
if(list.length==0&&that.productList.length==0){
that.list2(true, '');
}
let productList = that.$util.SplitArray(list, that.productList);
@ -423,11 +429,9 @@
that.loading2 = true;
that.loadTitle2 = '';
cloudWarehouse({
spuRecommend({
page: that.where2.page,
limit: that.where2.limit,
street_code: id,
category_id: 0,
location: this.latitude + ',' + this.longitude
}).then(res => {
// console.log(222)
@ -503,8 +507,9 @@
this.loadend2 = false;
this.$set(this.where, 'page', 1)
this.$set(this.where2, 'page', 1)
this.list(true, this.street_id)
this.$set(this, 'productList', []);
this.$nextTick(() => {
this.list(true, this.street_id)
this.$bus.$emit('value-updated', e.value[1].name + ',' + e.value[1].code);
})
@ -1152,6 +1157,22 @@
text-align: center;
padding-top: 18rpx;
}
.no-shop {
background-color: #fff;
// padding-bottom: calc(100% - 176rpx);
.pictrue {
display: flex;
flex-direction: column;
align-items: center;
color: $uni-nothing-text;
image {
width: 500rpx;
height: 180rpx;
}
}
}
.common-hd {
display: flex;
align-items: center;

BIN
static/images/no_short.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB