Skip to content

M
mallapp
Commit 06db973e authored by zhengke's avatar zhengke
Browse files
Options

修改排序

parent 9f27ab19
Show whitespace changes
Inline Side-by-side
Showing with 254 additions and 265 deletions
pages/goods/list.vue
View file @ 06db973e
<template> <template>
<view class="good-list"> <view class="good-list">
<view class="sortbox"> <view class="sortbox">
<view <view class="item" @click="change(0,0)" :style="{ color: msg.OrderBy == 0 || msg.OrderBy==7 ? mainColor : '#222' }"
class="item" style="display: flex; justify-content: center;">
@click="change(0)" <text>综合</text>
:style="{ color: msg.OrderBy == 0 ? mainColor : '#222' }" <u-icon v-if="msg.OrderBy==0||msg.OrderBy==7" :name="msg.OrderBy == 7 ? 'descending' : 'ascending'" size="36" :color="msg.OrderBy == 0 || msg.OrderBy == 7 ? mainColor : '#222'"></u-icon>
>综合</view </view>
> <view class="item" @click="change(1,1)" :style="{ color: msg.OrderBy == 1 || msg.OrderBy == 5 ? mainColor : '#222' }"
<view style="display: flex; justify-content: center;">
class="item" <text>时间</text>
@click="change(1)" <u-icon v-if="msg.OrderBy==1||msg.OrderBy==5" :name="msg.OrderBy == 1 ? 'descending' : 'ascending'" size="36" :color="msg.OrderBy == 1 || msg.OrderBy == 5 ? mainColor : '#222'"></u-icon>
:style="{ color: msg.OrderBy == 1 ? mainColor : '#222' }" </view>
>最新</view <view class="item" :style="{ color: msg.OrderBy == 2 || msg.OrderBy==3 ? mainColor : '#222' }" style="display: flex; justify-content: center;"
> @click="change(2,2)">
<view
class="item"
:style="{ color: msg.OrderBy == 2 || msg.OrderBy==3 ? mainColor : '#222' }"
style="display: flex; justify-content: center;"
@click="change(2,1)"
>
<text>价格</text> <text>价格</text>
<u-icon <u-icon v-if="msg.OrderBy==2||msg.OrderBy==3" :name="msg.OrderBy == 3 ? 'descending' : 'ascending'" size="36" :color="msg.OrderBy == 2 || msg.OrderBy==3 ? mainColor : '#222'"></u-icon>
:name="msg.OrderBy == 2 ? 'descending' : 'ascending'"
size="36"
:color="msg.OrderBy == 2 || msg.OrderBy==3 ? mainColor : '#222'"
></u-icon>
</view> </view>
<view <view class="item" @click="change(4,3)" :style="{ color: msg.OrderBy == 4 || msg.OrderBy == 6 ? mainColor : '#222' }"
class="item" style="display: flex; justify-content: center;">
@click="change(4)" <text>销量</text>
:style="{ color: msg.OrderBy == 4 ? mainColor : '#222' }" <u-icon v-if="msg.OrderBy==4||msg.OrderBy==6" :name="msg.OrderBy == 4 ? 'descending' : 'ascending'" size="36" :color="msg.OrderBy == 4 || msg.OrderBy == 6 ? mainColor : '#222'"></u-icon>
>销量</view
>
</view> </view>
<view </view>
v-if="g.length > 0" <view v-if="g.length > 0" style="
style="
height: calc(100vh - 50px); height: calc(100vh - 50px);
width: calc(100vw - 20px); width: calc(100vw - 20px);
margin-left: 10px; margin-left: 10px;
overflow: hidden; overflow: hidden;
padding-top: 10px; padding-top: 10px;
" ">
> <scroll-view :scroll-y="true" @scrolltolower="lower" :enable-back-to-top="true" :enable-flex="true" :scroll-top="scrollTop"
<scroll-view @scroll="scroll" style="height: 100%; padding-bottom: 0px;">
:scroll-y="true"
@scrolltolower="lower"
:enable-back-to-top="true"
:enable-flex="true"
:scroll-top="scrollTop"
@scroll="scroll"
style="height: 100%; padding-bottom: 0px;"
>
<goodlist :list="g"></goodlist> <goodlist :list="g"></goodlist>
<u-loadmore <u-loadmore v-if="showLoading" :status="status" :load-text="loadText" :font-size="24" :margin-top="20"
v-if="showLoading" :margin-bottom="20" bg-color="#F5F5F5" />
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#F5F5F5"
/>
</scroll-view> </scroll-view>
</view> </view>
<u-empty <u-empty text="没有找到商品信息" font-size="36" mode="list" v-if="g.length == 0 && !loading"></u-empty>
text="没有找到商品信息"
font-size="36"
mode="list"
v-if="g.length == 0 && !loading"
></u-empty>
<view class="quick" v-if="!loading"> <view class="quick" v-if="!loading">
<view class="item"> <view class="item">
<u-icon name="cart-o" size="48" color="#333" /> <u-icon name="cart-o" size="48" color="#333" />
...@@ -82,8 +49,8 @@ ...@@ -82,8 +49,8 @@
</template> </template>
<script> <script>
import goodlist from '@/components/goods/list' import goodlist from '@/components/goods/list'
export default { export default {
data() { data() {
return { return {
status: "loadmore", status: "loadmore",
...@@ -108,78 +75,97 @@ export default { ...@@ -108,78 +75,97 @@ export default {
old: { old: {
scrollTop: 0, scrollTop: 0,
}, },
coupon_id:0, coupon_id: 0,
msg:{ msg: {
pageIndex:1, pageIndex: 1,
pageSize:14, pageSize: 14,
Name:'', Name: '',
GoodsType:0, GoodsType: 0,
CategoryIds:'', CategoryIds: '',
OrderBy:0, OrderBy: 0,
}, },
newsortType:1, newsortType: 1,
}; };
}, },
components:{ components: {
goodlist goodlist
}, },
onLoad(option) { onLoad(option) {
console.log("option",option)
this.mainColor = this.$uiConfig.mainColor; this.mainColor = this.$uiConfig.mainColor;
this.catId = option.cat_id; this.catId = option.cat_id;
if(option.coupon_id!=undefined){ if (option.coupon_id != undefined) {
this.coupon_id = option.coupon_id //优惠券带过来的参数 this.coupon_id = option.coupon_id //优惠券带过来的参数
} }
if(option.CategoryIds){ if (option.CategoryIds) {
this.msg.CategoryIds=option.CategoryIds; this.msg.CategoryIds = option.CategoryIds;
} }
}, },
mounted() { mounted() {
this.init(); this.init();
}, },
methods: { methods: {
scroll: function (e) { scroll: function(e) {
this.old.scrollTop = e.detail.scrollTop; this.old.scrollTop = e.detail.scrollTop;
}, },
goTop: function (e) { goTop: function(e) {
this.scrollTop = this.old.scrollTop; this.scrollTop = this.old.scrollTop;
this.$nextTick(function () { this.$nextTick(function() {
this.scrollTop = 0; this.scrollTop = 0;
}); });
}, },
change(sort, t) { change(sort, t) {
//综合
if(t){ if (t == 0) {
if(this.msg.OrderBy==2){ if (this.msg.OrderBy == 7) {
this.msg.OrderBy=3; this.msg.OrderBy = 0; //升序
}else{ } else {
this.msg.OrderBy=2; this.msg.OrderBy = 7; //降序
}
}
//时间
if (t == 1) {
if (this.msg.OrderBy == 1) {
this.msg.OrderBy = 5; //升序
} else {
this.msg.OrderBy = 1; //降序
}
}
//价格
if (t == 2) {
if (this.msg.OrderBy == 3) {
this.msg.OrderBy = 2; //升序
} else {
this.msg.OrderBy = 3; //降序
}
}
//销量
if (t == 3) {
if (this.msg.OrderBy == 4) {
this.msg.OrderBy = 6; //升序
} else {
this.msg.OrderBy = 4; //降序
} }
}else{
this.msg.OrderBy=sort;
} }
this.g = []; this.g = [];
this.msg.pageIndex=1 this.msg.pageIndex = 1
this.init(); this.init();
}, },
init() { init() {
this.isover = false; this.isover = false;
this.loading = true; this.loading = true;
this.showLoading = this.msg.pageIndex != 1; this.showLoading = this.msg.pageIndex != 1;
this.request2( this.request2({
{
url: '/api/AppletGoods/GetAppletGoodsPageListForZY', url: '/api/AppletGoods/GetAppletGoodsPageListForZY',
data: this.msg data: this.msg
}, },
res => { res => {
console.log("res",res);
this.isloading = false; this.isloading = false;
if(res.resultCode==1){ if (res.resultCode == 1) {
res.data.pageData.forEach(x=>{ res.data.pageData.forEach(x => {
x.marketingLogo = JSON.parse(x.marketingLogo) x.marketingLogo = JSON.parse(x.marketingLogo)
x.totalStock = 0; x.totalStock = 0;
x.attr.forEach(j=>{ x.attr.forEach(j => {
x.totalStock+=j.stock x.totalStock += j.stock
}) })
}) })
this.g = this.g.concat(res.data.pageData); this.g = this.g.concat(res.data.pageData);
...@@ -239,21 +225,23 @@ export default { ...@@ -239,21 +225,23 @@ export default {
}); });
}, },
}, },
}; };
</script> </script>
<style> <style>
.good-list { .good-list {
height: 100%; height: 100%;
background: #f5f5f5; background: #f5f5f5;
position: relative; position: relative;
} }
.good-list .quick {
.good-list .quick {
right: 50rpx; right: 50rpx;
bottom: 50rpx; bottom: 50rpx;
position: absolute; position: absolute;
} }
.good-list .quick .item {
.good-list .quick .item {
background: #fff; background: #fff;
border: 1px solid #aaa; border: 1px solid #aaa;
height: 90rpx; height: 90rpx;
...@@ -264,16 +252,17 @@ export default { ...@@ -264,16 +252,17 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.good-list .sortbox {
.good-list .sortbox {
display: flex; display: flex;
background: #fff; background: #fff;
} }
.good-list .sortbox .item {
.good-list .sortbox .item {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
flex: 1; flex: 1;
text-align: center; text-align: center;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment