Browse Source

优化商家订单页面代码

master
邓平艺 4 years ago
parent
commit
d3a42f0942
  1. 68
      pages/shopOrder/index.vue
  2. 7
      pages/shopOrder/order-details.vue

68
pages/shopOrder/index.vue

@ -1,9 +1,7 @@
<template> <template>
<view> <view>
<!-- 当设置tab-width,指定每个tab宽度时,则不使用flex布局,改用水平滑动 -->
<view class="padding-lr" style="margin-bottom: 10rpx;margin-top: 20rpx;"> <view class="padding-lr" style="margin-bottom: 10rpx;margin-top: 20rpx;">
<me-tabs v-model="current" :tabs="tab_list" :fixed="true" @change="change"></me-tabs> <me-tabs v-model="current" :tabs="tab_list" :fixed="true" @change="change"></me-tabs>
<!-- <u-tabs :list="tab_list" :is-scroll="true" :show-bar="false" :current="current" @change="change"></u-tabs> -->
</view> </view>
<view class="com" v-for="(tab, tabIndex) in tab_list" v-if="tabIndex == current" :key="tab.id"> <view class="com" v-for="(tab, tabIndex) in tab_list" v-if="tabIndex == current" :key="tab.id">
<view class="flex-direction justify-around list" v-for="(item, index) in tab.list" :key="item.id" @tap="goDetails(tabIndex,index)"> <view class="flex-direction justify-around list" v-for="(item, index) in tab.list" :key="item.id" @tap="goDetails(tabIndex,index)">
@ -19,10 +17,6 @@
<text class="bought">x {{item.number}}</text> <text class="bought">x {{item.number}}</text>
</view> </view>
<view class="lf-row-between price"> <view class="lf-row-between price">
<!-- <text class="lf-font-bold">
<text class="lf-font-24"></text>
<text class="lf-font-42">{{item.selling_price}}</text>
</text> -->
<lf-price :price="item.selling_price" style="margin-top: 10rpx;" /> <lf-price :price="item.selling_price" style="margin-top: 10rpx;" />
</view> </view>
</view> </view>
@ -149,55 +143,21 @@
page: tab_item.page, page: tab_item.page,
per_page per_page
}).then(res => { }).then(res => {
if (res.code == 0) {
console.log(res)
if( Object.keys(res.metal_data).length != 0 ) {
this.$routerGo('/pages/login/index?type=userinfo')
}else {
let isPage = res.data.has_more_page;
tab_item.isPage = isPage;
if (isPage) {
tab_item.loadingClass = true;
tab_item.loadingText = '正在加载中';
} else {
tab_item.loadingClass = false;
tab_item.loadingText = '没有更多数据啦~';
}
if (tab_item.page == 1) {
tab_item.list = res.data.items;
} else {
tab_item.list.push(...res.data.items);
}
}
let isPage = res.data.has_more_page;
tab_item.isPage = isPage;
if (isPage) {
tab_item.loadingClass = true;
tab_item.loadingText = '正在加载中';
} else {
tab_item.loadingClass = false;
tab_item.loadingText = '没有更多数据啦~';
} }
}).catch(err => {
});
},
//
back() {
if (this.assetsType === 'all2') {
// #ifdef H5
window.history.go(-2)
// #endif
// #ifndef H5
uni.navigateBack({
delta: 2
});
// #endif
} else {
// #ifdef H5
window.history.go(-1)
// #endif
// #ifndef H5
uni.navigateBack({
delta: 1
});
// #endif
}
if (tab_item.page == 1) {
tab_item.list = res.data.items;
} else {
tab_item.list.push(...res.data.items);
}
})
} }
}, },
} }

7
pages/shopOrder/order-details.vue

@ -16,13 +16,6 @@
<view class="flex justify-between" style="margin-top: 28rpx;"> <view class="flex justify-between" style="margin-top: 28rpx;">
<lf-price :price="orderDetails.selling_price" /> <lf-price :price="orderDetails.selling_price" />
<!-- <view class="text-red text-price lf-font-42 lf-font-bold" style="margin-top: 16rpx;">
{{Number(orderDetails.selling_price || 0)}}
</view> -->
<!-- <view>
<button v-if="orderDetails.state == 2" class="cu-btn line-orange text-orange round margin-left-sm lf-font-28" @tap="$routerGo('/pages/order/apply-refund?order_id='+orderDetails.id)">申请退款</button>
<button v-if="orderDetails.state == 5" class="cu-btn line-gray bg-white border round margin-left-sm lf-font-28">{{orderDetails.state_text.text}}</button>
</view> -->
</view> </view>
</view> </view>
</view> </view>

Loading…
Cancel
Save