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) { export function cloudWarehouse(data) {
return request.get("store/product/cloudWarehouse", data, { noAuth: true }); 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> <text class="tag-twob">满20包邮</text>
</view> </view>
</view> --> </view> -->
<view class="price">
<span>￥</span>{{item.price.split('.')[0]}}.<text>{{item.price.split('.')[1]}}</text>
</view>
<view class="relase"> <view class="relase">
<view class="relase-one"> <view class="relase-one">
{{item.rate}} {{item.rate}}
@ -29,17 +32,14 @@
{{item.merchant&&item.merchant.distance}} {{item.merchant&&item.merchant.distance}}
</view> </view>
</view> </view>
<view class="price"> <!-- <view class="item-info">
<span>￥</span>{{item.price.split('.')[0]}}.<text>{{item.price.split('.')[1]}}</text>
</view>
<view class="item-info">
<view class="info-title" style="margin-right: 10rpx;"> <view class="info-title" style="margin-right: 10rpx;">
{{item.merchant.mer_name}} {{item.merchant.mer_name}}
</view> </view>
<view class="info-img"> <view class="info-img">
<image src="@/static/images/you.png" mode="aspectFit"></image> <image src="@/static/images/you.png" mode="aspectFit"></image>
</view> </view>
</view> </view> -->
</view> </view>
</template> </template>

1
pages/index/index.vue
View File

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

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

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

43
pages/supply_chains/supply_chains.vue
View File

@ -131,7 +131,12 @@
<view class="goodslist"> <view class="goodslist">
<WaterfallsFlow v-if="productList.length>0" :wfList="productList" :type="1" /> <WaterfallsFlow v-if="productList.length>0" :wfList="productList" :type="1" />
<block v-else> <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="common-hd">
<view class="title">为你推荐</view> <view class="title">为你推荐</view>
</view> </view>
@ -187,7 +192,7 @@
import { import {
getIndexData, getIndexData,
getDiy, getDiy,
cloudWarehouse spuRecommend
} from '@/api/api.js' } from '@/api/api.js'
import { import {
@ -195,7 +200,8 @@
} from '@/api/product.js'; } from '@/api/product.js';
import { import {
getGeocoder, getGeocoder,
merClassifly merClassifly,
getProductslist
} from '@/api/store.js'; } from '@/api/store.js';
import { import {
getArea, getArea,
@ -379,16 +385,16 @@
that.loading = true; that.loading = true;
that.loadTitle = ''; that.loadTitle = '';
cloudWarehouse({ getProductslist({
page: that.where.page, page: that.where.page,
limit: that.where.limit, limit: that.where.limit,
street_code: id, street_id: id,
category_id: 0, type_id: '17,10',
location: this.latitude + ',' + this.longitude location: this.latitude + ',' + this.longitude
}).then(res => { }).then(res => {
// console.log(222) // console.log(222)
let list = res.data.list; let list = res.data.list;
if(list.length==0){ if(list.length==0&&that.productList.length==0){
that.list2(true, ''); that.list2(true, '');
} }
let productList = that.$util.SplitArray(list, that.productList); let productList = that.$util.SplitArray(list, that.productList);
@ -423,11 +429,9 @@
that.loading2 = true; that.loading2 = true;
that.loadTitle2 = ''; that.loadTitle2 = '';
cloudWarehouse({ spuRecommend({
page: that.where2.page, page: that.where2.page,
limit: that.where2.limit, limit: that.where2.limit,
street_code: id,
category_id: 0,
location: this.latitude + ',' + this.longitude location: this.latitude + ',' + this.longitude
}).then(res => { }).then(res => {
// console.log(222) // console.log(222)
@ -503,8 +507,9 @@
this.loadend2 = false; this.loadend2 = false;
this.$set(this.where, 'page', 1) this.$set(this.where, 'page', 1)
this.$set(this.where2, 'page', 1) this.$set(this.where2, 'page', 1)
this.list(true, this.street_id) this.$set(this, 'productList', []);
this.$nextTick(() => { this.$nextTick(() => {
this.list(true, this.street_id)
this.$bus.$emit('value-updated', e.value[1].name + ',' + e.value[1].code); this.$bus.$emit('value-updated', e.value[1].name + ',' + e.value[1].code);
}) })
@ -1152,6 +1157,22 @@
text-align: center; text-align: center;
padding-top: 18rpx; 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 { .common-hd {
display: flex; display: flex;
align-items: center; 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