129 lines
4.1 KiB
Vue
129 lines
4.1 KiB
Vue
<template>
|
|
<view class="pad-x20" v-if="isLoading">
|
|
<!-- 头部 -->
|
|
<status-nav :ifReturn="true" navBarTitle="我的发布"></status-nav>
|
|
<!-- 商品列表 -->
|
|
<goods-list :goodsList="goodsList" :isOperate="true" @changeStateEv="changeStateEv"></goods-list>
|
|
<!-- 没有更多 -->
|
|
<view class="no-more mar-s20 font24 color-99">没有更多数据了</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import goodList from '@/components/goods-list/goods-list.vue';
|
|
export default {
|
|
components:{
|
|
goodList
|
|
},
|
|
data() {
|
|
return {
|
|
statusHeight:uni.getSystemInfoSync().statusBarHeight, //状态栏高度
|
|
goodsList:[], //商品列表
|
|
page:1, //页数
|
|
size:10, //条数
|
|
total:0, //总数
|
|
isLoading:false, //是否加载完成
|
|
}
|
|
},
|
|
onShow() {
|
|
// 查询商品列表
|
|
this.getGoodsList();
|
|
},
|
|
onShareAppMessage(res) {
|
|
let shareObj = {
|
|
title:'老农极鲜',
|
|
path: uni.getStorageSync('page-path-options')+'?invite_code='+uni.getStorageSync('invite_code'),
|
|
imageUrl:'/static/img/shear-index.jpg',
|
|
}
|
|
// 返回shareObj
|
|
return shareObj;
|
|
},
|
|
onShareTimeline(res){
|
|
let shareObj = {
|
|
title:'老农极鲜',
|
|
query: '?invite_code='+uni.getStorageSync('invite_code'),
|
|
path: uni.getStorageSync('page-path-options')+'?invite_code='+uni.getStorageSync('invite_code'),
|
|
imageUrl:'/static/img/shear-index.jpg',
|
|
}
|
|
// 返回shareObj
|
|
return shareObj;
|
|
},
|
|
onReachBottom(e) {
|
|
if(this.goodsList.length<this.total){
|
|
this.page++;
|
|
// 查询商品列表
|
|
this.getGoodsList();
|
|
}
|
|
},
|
|
methods: {
|
|
// 查询商品列表
|
|
getGoodsList(){
|
|
this.goodsList = [
|
|
{id:0,name:'儿童自行车',cover:'/static/index-01.png',price:'30.00',original_price:'120.00',state:1},
|
|
{id:0,name:'儿童手表',cover:'/static/index-02.png',price:'480.00',original_price:'160.00',state:1},
|
|
{id:0,name:'尿布台',cover:'/static/index-03.png',price:'120.00',original_price:'480.00',state:0},
|
|
{id:0,name:'儿童自行车',cover:'/static/index-01.png',price:'30.00',original_price:'120.00',state:1},
|
|
{id:0,name:'儿童手表',cover:'/static/index-02.png',price:'480.00',original_price:'160.00',state:1},
|
|
{id:0,name:'尿布台',cover:'/static/index-03.png',price:'120.00',original_price:'480.00',state:0},
|
|
{id:0,name:'儿童自行车',cover:'/static/index-01.png',price:'30.00',original_price:'120.00',state:1},
|
|
{id:0,name:'儿童手表',cover:'/static/index-02.png',price:'480.00',original_price:'160.00',state:1},
|
|
{id:0,name:'尿布台',cover:'/static/index-03.png',price:'120.00',original_price:'480.00',state:0},
|
|
{id:0,name:'儿童自行车',cover:'/static/index-01.png',price:'30.00',original_price:'120.00',state:1},
|
|
{id:0,name:'儿童手表',cover:'/static/index-02.png',price:'480.00',original_price:'160.00',state:1},
|
|
{id:0,name:'尿布台',cover:'/static/index-03.png',price:'120.00',original_price:'480.00',state:1}
|
|
]
|
|
this.isLoading = true;
|
|
// uni.showLoading({
|
|
// title:'加载中'
|
|
// })
|
|
// let params = {
|
|
// page:this.page,
|
|
// size:this.size,
|
|
// addr_id:id
|
|
// }
|
|
// this.$requst.get('/api/spu/list',params).then(res=>{
|
|
// if(res.code == 0){
|
|
// console.log(res,'商品列表')
|
|
// this.total = res.data.total;
|
|
// let goodsArr = [];
|
|
// res.data.list.forEach(item=>{
|
|
// let obj = {
|
|
// id:item.id,
|
|
// cover:item.cover,
|
|
// name:item.name,
|
|
// price:item.price
|
|
// }
|
|
// goodsArr.push(obj)
|
|
// })
|
|
// this.goodsList = this.goodsList.concat(goodsArr);
|
|
// }
|
|
// uni.hideLoading();
|
|
// this.isLoading = true;
|
|
// })
|
|
},
|
|
|
|
// 更改显示状态
|
|
changeStateEv(id,index){
|
|
if(this.goodsList[index].state==0){
|
|
this.goodsList[index].state = 1;
|
|
this.$toolAll.tools.showToast('状态变更成功');
|
|
}else{
|
|
this.goodsList[index].state = 0;
|
|
this.$toolAll.tools.showToast('状态变更成功');
|
|
}
|
|
},
|
|
|
|
// 去详情页
|
|
goDetail(id){
|
|
uni.navigateTo({
|
|
url:`/pages/index/detail?id=${id}`
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.no-more{
|
|
text-align: center;
|
|
line-height: 2;
|
|
}
|
|
</style> |