Merge branch 'master' of http://154.8.193.216:3030/admin1/jiangchengfeiyi-xiaochengxu
o.O
This commit is contained in:
commit
aa07f25e3b
|
|
@ -1,136 +1,108 @@
|
|||
<template>
|
||||
<!-- <view class="flex-row relative page">
|
||||
<view class="aaa">
|
||||
<view class="bbb">
|
||||
<view class="ccc"
|
||||
v-for="(item, index) in sort"
|
||||
:key="index"
|
||||
:style="getBoxStyle(index)"
|
||||
@click="changeTypes(item , index)"
|
||||
>
|
||||
<image class="eee"
|
||||
:src="item.imgurl" />
|
||||
<text class="ddd">{{ item.name }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pos_5">
|
||||
<view class="flex-row section_9 list-item_2 mt-5" v-for="(item, index) in productList" :key="index" @click="goToProduct(item)">
|
||||
<image class="self-center image_4"
|
||||
:src="item.goodImg" />
|
||||
<view style="width: 220rpx;" class="flex-col items-start self-center group_3">
|
||||
<text class="font_2 text_5">{{ item.name }}</text>
|
||||
<text class="font_3 mt-13">{{ item.intro }}</text>
|
||||
<text class="font mt-13">￥{{ item.price }}</text>
|
||||
</view>
|
||||
<image class="self-start image_5"
|
||||
:src="add_img" />
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<template>
|
||||
<!-- <view v-for="zhuangtai in Status.orders" :key="zhuangtai.id">
|
||||
{{zhuangtai.orderStatus}}
|
||||
</view> -->
|
||||
<view class="container">
|
||||
<view class="order-tabs">
|
||||
<view class="tab-item" :class="{active: orderStatus === '全部'}" @click="changeTab('全部')">全部</view>
|
||||
<view class="tab-item" :class="{active: orderStatus === '代支付'}" @click="changeTab('代支付')">代支付</view>
|
||||
<view class="tab-item" :class="{active: orderStatus === '代发货'}" @click="changeTab('代发货')">代发货</view>
|
||||
<view class="tab-item" :class="{active: orderStatus === '已发货'}" @click="changeTab('已发货')">已发货</view>
|
||||
<view class="tab-item" :class="{active: orderStatus === '售后'}" @click="changeTab('售后')">售后</view>
|
||||
</view>
|
||||
<view class="order-list">
|
||||
<view v-for="order in Status.orders" :key="order.id" class="order-item">
|
||||
<view v-for="item in order.orderItemList" :key="item.id">
|
||||
{{ item.goodSnapshot.name }}
|
||||
</view>
|
||||
<view v-for="item in order.orderItemList" :key="item.id">
|
||||
{{ item.goodSnapshot.type }}
|
||||
</view>
|
||||
<view v-for="item in order.orderItemList" :key="item.id">
|
||||
{{ item.goodSnapshot.price }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<view class="container">
|
||||
<view class="order-tabs">
|
||||
<view
|
||||
class="tab-item"
|
||||
:class="{ active: orderStatus === '全部', selected: isSelected('全部') }"
|
||||
@click="changeTab('全部')"
|
||||
>
|
||||
全部
|
||||
</view>
|
||||
<view
|
||||
class="tab-item"
|
||||
:class="{ active: orderStatus === '待支付', selected: isSelected('待支付') }"
|
||||
@click="changeTab('待支付')"
|
||||
>
|
||||
待支付
|
||||
</view>
|
||||
<view
|
||||
class="tab-item"
|
||||
:class="{ active: orderStatus === '待发货', selected: isSelected('待发货') }"
|
||||
@click="changeTab('待发货')"
|
||||
>
|
||||
待发货
|
||||
</view>
|
||||
<view
|
||||
class="tab-item"
|
||||
:class="{ active: orderStatus === '已发货', selected: isSelected('已发货') }"
|
||||
@click="changeTab('已发货')"
|
||||
>
|
||||
已发货
|
||||
</view>
|
||||
<view
|
||||
class="tab-item"
|
||||
:class="{ active: orderStatus === '售后', selected: isSelected('售后') }"
|
||||
@click="changeTab('售后')"
|
||||
>
|
||||
售后
|
||||
</view>
|
||||
</view>
|
||||
<view class="order-list">
|
||||
<view v-for="order in Status.displayedOrders" :key="order.id" class="order-item">
|
||||
{{order.orderStatus}}
|
||||
<view v-for="item in order.orderItemList" :key="item.id">
|
||||
<image :src="item.goodSnapshot.goodImg" style="height: 50px;width: 50px;"></image>
|
||||
</view>
|
||||
<view v-for="item in order.orderItemList" :key="item.id">
|
||||
{{ item.goodSnapshot.name }}
|
||||
</view>
|
||||
<view v-for="item in order.orderItemList" :key="item.id">
|
||||
{{ item.goodSnapshot.type }}
|
||||
</view>
|
||||
<view v-for="item in order.orderItemList" :key="item.id">
|
||||
{{ item.goodSnapshot.price }}
|
||||
</view>
|
||||
<view v-if="order.orderStatus==='待支付'" >去支付</view>
|
||||
<view v-if="order.orderStatus==='待发货'" >取消订单</view>
|
||||
<view v-if="order.orderStatus==='已发货'" >确认收货</view>
|
||||
<view v-if="order.orderStatus==='售后'" >售后详情</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,onMounted, toRaw
|
||||
} from 'vue';
|
||||
import { baseUrl, testUrl , suiUrl} from '@/api/request';
|
||||
import img1 from '@/pages/store-home/main/img/cailiaobao.png';
|
||||
import img2 from '@/pages/store-home/main/img/shouchiwu.png';
|
||||
import img3 from '@/pages/store-home/main/img/toushi.png';
|
||||
import img4 from '@/pages/store-home/main/img/dingzhi.png';
|
||||
import img5 from '@/pages/store-home/main/img/jifenduihuan.png';
|
||||
import product_img from '@/pages/store-home/main/img/shangpingtupian.png';
|
||||
import add_img from '@/pages/store-home/main/img/tianjia.png';
|
||||
import sousuokuang from '@/pages/store-home/main/img/sousuokuang.png';
|
||||
|
||||
import { ref, onMounted, toRaw } from 'vue';
|
||||
import { baseUrl, testUrl, suiUrl } from '@/api/request';
|
||||
const currentColor = ref(0);
|
||||
const sort =ref([{}]) //商品类别对象数组
|
||||
const headerList = ref([{}]) //类别标题和介绍
|
||||
const productList = ref([{}]) //类别下对应的商品
|
||||
onMounted( async () => {
|
||||
await Getsort()
|
||||
await changeTypes( sort.value[0] , 0 )
|
||||
await Getorder()
|
||||
onMounted(async () => {
|
||||
await Getorder();
|
||||
Status.displayedOrders = Status.orders;
|
||||
})
|
||||
const userInfo=ref({
|
||||
userInfo:wx.getStorageSync('userInfo')
|
||||
})
|
||||
});
|
||||
const userInfo = ref({
|
||||
userInfo: uni.getStorageSync('userInfo'),
|
||||
});
|
||||
const Getorder = async () => {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/order/list',
|
||||
method: 'POST',
|
||||
data: {
|
||||
// id:userInfo.value.userInfo.id ,
|
||||
id:215
|
||||
}
|
||||
})
|
||||
// id:userInfo.value.userInfo.id,
|
||||
id: 215,
|
||||
},
|
||||
});
|
||||
if (res.data.code === 1) {
|
||||
Status.value.orders=res.data.data;
|
||||
for(let key in res.data.data){
|
||||
Status.value.orders[key]=res.data.data[key]
|
||||
}
|
||||
console.log(Status.value.orders[0].orderStatus)//待支付
|
||||
console.log(res.data.data[0].orderStatus)//待支付
|
||||
}else{
|
||||
console.log("没拿到用户数据")
|
||||
Status.value.orders = res.data.data;
|
||||
} else {
|
||||
console.log('没拿到用户数据');
|
||||
}
|
||||
};
|
||||
//订单类别
|
||||
const Status =ref({
|
||||
orderStatus: '全部',
|
||||
orders:[
|
||||
{
|
||||
|
||||
}
|
||||
],
|
||||
|
||||
displayedOrders: []
|
||||
})
|
||||
const Status = ref({
|
||||
orderStatus: '全部',
|
||||
orders: [],
|
||||
displayedOrders: [],
|
||||
});
|
||||
const changeTab = (tab) => {
|
||||
// for(let key in Status.value.orders){
|
||||
// tab[key]={
|
||||
// Status.value.orders[key].orderStatus
|
||||
// }
|
||||
// }
|
||||
// Status.value.orders.orderStatus = tab;
|
||||
if (tab === '全部') {
|
||||
Status.value.displayedOrders = Status.value.orders;
|
||||
Status.value.orderStatus = '全部';
|
||||
} else {
|
||||
Status.value.displayedOrders = Status.value.orders.filter(order => {
|
||||
Status.value.displayedOrders = Status.value.orders.filter((order) => {
|
||||
switch (tab) {
|
||||
case '待支付':
|
||||
return order.orderStatus === '代支付';
|
||||
case '代发货':
|
||||
return order.orderStatus === '代发货';
|
||||
return order.orderStatus === '待支付';
|
||||
case '待发货':
|
||||
return order.orderStatus === '待发货';
|
||||
case '已发货':
|
||||
return order.orderStatus === '已发货';
|
||||
case '售后':
|
||||
|
|
@ -139,266 +111,15 @@ const changeTab = (tab) => {
|
|||
return false;
|
||||
}
|
||||
});
|
||||
Status.value.orderStatus = tab;
|
||||
}
|
||||
}
|
||||
|
||||
//console.log(userInfo.value.userInfo.id)//216
|
||||
//获取商品分类
|
||||
const Getsort = async ()=>{
|
||||
const res = await uni.request({
|
||||
url: testUrl + '/category/list',
|
||||
method:'POST'
|
||||
})
|
||||
if(res.data.code === 1){
|
||||
for(let key in res.data.data) {
|
||||
sort.value[key] = {//类别列表
|
||||
name : res.data.data[key].typeName,
|
||||
imgurl : res.data.data[key].typeUrl,
|
||||
id : res.data.data[key].id
|
||||
}//标题列表
|
||||
headerList.value[key] = {
|
||||
name : res.data.data[key].typeName,
|
||||
typeIntro : res.data.data[key].typeIntro
|
||||
}
|
||||
}
|
||||
} else {
|
||||
uni.showToast({ //提示请求错误
|
||||
title: '请求商品分类错误',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
}
|
||||
//更改类别
|
||||
const changeTypes = async (item , index) =>{
|
||||
currentColor.value = index
|
||||
const res = await uni.request({
|
||||
url: testUrl + '/category/list/type',
|
||||
method: 'POST',
|
||||
data: {
|
||||
id : item.id
|
||||
}
|
||||
})
|
||||
if(res.data.code === 1) {
|
||||
productList.value = res.data.data[item.id]
|
||||
} else {
|
||||
uni.showToast({ //商品请求错误
|
||||
title: '更改类别错误',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
}
|
||||
//更改box颜色
|
||||
const getBoxStyle = (index) => ({
|
||||
backgroundColor: currentColor.value === index ? 'brown' : '#fffef8'
|
||||
});
|
||||
|
||||
const goToProduct = (item) => {
|
||||
console.log(item,123);
|
||||
uni.navigateTo({
|
||||
url: '../../../pages/store-home/ProductDetails/ProductDetails?info=' + JSON.stringify(item)
|
||||
})
|
||||
}
|
||||
};
|
||||
const isSelected = (tab) => Status.value.orderStatus === tab;
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
// .navbar {
|
||||
// background-color: #333;
|
||||
// color: #fff;
|
||||
// padding: 10px;
|
||||
// }
|
||||
// .bbb {
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// }
|
||||
// .ccc {
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// align-items: center;
|
||||
// margin: 20rpx;
|
||||
// }
|
||||
// .eee {
|
||||
// width: 30px;
|
||||
// height: 30px;
|
||||
// }
|
||||
// .ddd {
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// .flex-row {
|
||||
// display: flex;
|
||||
// }
|
||||
// .flex-item {
|
||||
// flex: 1;
|
||||
// }
|
||||
// .ml-15 {
|
||||
// margin-left: 28.13rpx;
|
||||
// }
|
||||
// .ml-3 {
|
||||
// margin-left: 5.63rpx;
|
||||
// }
|
||||
// .mt-3 {
|
||||
// margin-top: 5.63rpx;
|
||||
// text-align: center;
|
||||
// }
|
||||
// .mt-13 {
|
||||
// margin-top: 17.38rpx;
|
||||
// }
|
||||
// .mt-5 {
|
||||
// margin-top: 9.38rpx;
|
||||
// }
|
||||
// .page {
|
||||
// background-color: #f5f5dc;
|
||||
// // height: 1413.75rpx;
|
||||
// width: 100%;
|
||||
// overflow-y: auto;
|
||||
// overflow-x: hidden;
|
||||
// height: 100vh;
|
||||
// overflow: hidden;
|
||||
// }
|
||||
// .section {
|
||||
// padding: 22.5rpx 39.28rpx 16.88rpx;
|
||||
// background-color: #f7de98;
|
||||
// }
|
||||
// .pos_8 {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// }
|
||||
// .text {
|
||||
// color: #c1651a;
|
||||
// font-size: 37.5rpx;
|
||||
// font-family: STFangsong;
|
||||
// line-height: 36.19rpx;
|
||||
// }
|
||||
// .section_2 {
|
||||
// padding: 5.63rpx 15rpx 8.44rpx;
|
||||
// background-color: #ffffff;
|
||||
// border-radius: 28.13rpx;
|
||||
// height: 63.75rpx;
|
||||
// width: 500.69rpx;
|
||||
// }
|
||||
// .image {
|
||||
// width: 50.63rpx;
|
||||
// height: 50.63rpx;
|
||||
// }
|
||||
// .text-wrapper {
|
||||
// margin-right: 17.42rpx;
|
||||
// }
|
||||
// .font {
|
||||
// font-size: 26.25rpx;
|
||||
// font-family: STFangsong;
|
||||
// line-height: 18rpx;
|
||||
// color: #ff0000;
|
||||
// }
|
||||
// .image-wrapper {
|
||||
// background-color: #ffffff;
|
||||
// border-radius: 28.13rpx;
|
||||
// overflow: hidden;
|
||||
// border: solid 9.38rpx #ffffff;
|
||||
// }
|
||||
// .pos_1 {
|
||||
// position: absolute;
|
||||
// left: 22.5rpx;
|
||||
// right: 24.38rpx;
|
||||
// top: 118.13rpx;
|
||||
// }
|
||||
// .image_2 {
|
||||
// width: 91.25vw;
|
||||
// height: 37.5vw;
|
||||
// }
|
||||
|
||||
// .group {
|
||||
// margin: auto;
|
||||
// width: 137.81rpx;
|
||||
// }
|
||||
// //类别列表
|
||||
// .list-item {
|
||||
// padding: 11.25rpx 0 9.94rpx;
|
||||
// background-color: #fffef8;
|
||||
// border-radius: 9.38rpx;
|
||||
// }
|
||||
// .list-item:first-child {
|
||||
// margin-top: 0;
|
||||
// }
|
||||
// .image_3 {
|
||||
// border-radius: 0rpx 9.38rpx 9.38rpx 0rpx;
|
||||
// width: 60rpx;
|
||||
// height: 60rpx;
|
||||
// }
|
||||
// .font_4 {
|
||||
// font-size: 25rpx;
|
||||
// font-family: STFangsong;
|
||||
// line-height: 28.26rpx;
|
||||
// color: #c1651a;
|
||||
// }
|
||||
// .section_4 {
|
||||
// padding-bottom: 879.38rpx;
|
||||
// background-color: #f8e8c1;
|
||||
// border-radius: 0rpx 18.75rpx 0rpx 0rpx;
|
||||
// width: 600.13rpx;
|
||||
// }
|
||||
// .pos_4 {
|
||||
// position: absolute;
|
||||
// right: 0;
|
||||
// top: 440.63rpx;
|
||||
// }
|
||||
// .section_5 {
|
||||
// padding: 18.06rpx 16.24rpx 14.94rpx;
|
||||
// background-color: #fffef8;
|
||||
// border-radius: 0rpx 18.75rpx 0rpx 0rpx;
|
||||
// width: 598.13rpx;
|
||||
// }
|
||||
// .font_2 {
|
||||
// font-size: 30rpx;
|
||||
// font-family: STFangsong;
|
||||
// line-height: 28.26rpx;
|
||||
// color: #000000;
|
||||
// }
|
||||
// .font_3 {
|
||||
// font-size: 22.5rpx;
|
||||
// font-family: STFangsong;
|
||||
// line-height: 21.56rpx;
|
||||
// color: #727272;
|
||||
// }
|
||||
// .text_3 {
|
||||
// line-height: 21.15rpx;
|
||||
// }
|
||||
// .pos_5 {
|
||||
// position: absolute;
|
||||
// top: 120rpx;
|
||||
// width: 95%;
|
||||
// margin: 2.5%;
|
||||
// }
|
||||
// .section_9 {
|
||||
// padding: 20.63rpx 22.88rpx 22.5rpx;
|
||||
// background-color: #fffef8;
|
||||
// border-radius: 9.38rpx;
|
||||
// right: 13.13rpx;
|
||||
// }
|
||||
// .list-item_2:first-child {
|
||||
// margin-top: 0;
|
||||
// }
|
||||
// .image_4 {
|
||||
// border-radius: 9.38rpx;
|
||||
// width: 131.25rpx;
|
||||
// height: 131.25rpx;
|
||||
// }
|
||||
// .group_3 {
|
||||
// margin-left: 24.84rpx;
|
||||
// }
|
||||
// .text_5 {
|
||||
// line-height: 28.65rpx;
|
||||
// }
|
||||
// .image_5 {
|
||||
// margin: 75rpx 5.63rpx 0 107.96rpx;
|
||||
// border-radius: 9.38rpx;
|
||||
// width: 56.25rpx;
|
||||
// height: 56.25rpx;
|
||||
// }
|
||||
.container {
|
||||
padding: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.order-tabs {
|
||||
|
|
@ -415,11 +136,15 @@ const goToProduct = (item) => {
|
|||
|
||||
.tab-item.active {
|
||||
color: blue;
|
||||
border-bottom: 2px solid blue;
|
||||
}
|
||||
|
||||
.tab-item.selected {
|
||||
background-color: brown;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.order-list {
|
||||
margin-top: 20px;
|
||||
margin: 10px 10px 0 10px;
|
||||
}
|
||||
|
||||
.order-item {
|
||||
|
|
|
|||
95
pages/text.vue
Normal file
95
pages/text.vue
Normal file
|
|
@ -0,0 +1,95 @@
|
|||
<script setup>
|
||||
import {ref} from 'vue'
|
||||
const currentIndex = ref(0);
|
||||
const tabs = ref([
|
||||
{ name: '全部' },
|
||||
{ name: '进行中' },
|
||||
{ name: '已完成' }
|
||||
]);
|
||||
const switchTab = (index) => {
|
||||
currentIndex.value = index;
|
||||
};
|
||||
|
||||
const { safeAreaInsets } = uni.getSystemInfoSync()
|
||||
|
||||
const orderTabs = ref([
|
||||
{ orderState: 0, title: '全部' },
|
||||
{ orderState: 1, title: '进行中' },
|
||||
{ orderState: 2, title: '评价' },
|
||||
{ orderState: 3, title: '退款' },
|
||||
])
|
||||
|
||||
const active = ref(1)
|
||||
const list1 = reactive([
|
||||
{ title: '备餐中' },
|
||||
{ title: '已出餐' },
|
||||
{ title: '已完成' }
|
||||
])
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<template>
|
||||
<view class="tab-menu">
|
||||
<view class="tab-item"
|
||||
v-for="(tab, index) in tabs"
|
||||
:key="index"
|
||||
:class="{active: currentIndex === index}"
|
||||
@click="switchTab(index)">
|
||||
{{ tab.name }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<block v-if="currentIndex === 0">
|
||||
</block>
|
||||
<block v-if="currentIndex === 1">
|
||||
</block>
|
||||
<block v-if="currentIndex === 2">
|
||||
</block>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
<style>
|
||||
.tab-menu {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
padding: 10px 0;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.tab-item {
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tab-item.active {
|
||||
color: #007aff;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
const changeTab = (tab) => {
|
||||
if (tab === '全部') {
|
||||
Status.value.displayedOrders = Status.value.orders;
|
||||
} else {
|
||||
Status.value.displayedOrders = Status.value.orders.filter(order => {
|
||||
switch (tab) {
|
||||
case '待支付':
|
||||
for(let i in Status.value.orders){
|
||||
return Status.value.orders[i].orderStatus === '待支付';}
|
||||
case '代发货':
|
||||
for(let i in Status.value.orders){
|
||||
return Status.value.orders[i].orderStatus === '代发货';}
|
||||
case '已发货':
|
||||
for(let i in Status.value.orders){
|
||||
return Status.value.orders[i].orderStatus === '已发货';}
|
||||
case '售后':
|
||||
for(let i in Status.value.orders){
|
||||
return Status.value.orders[i].orderStatus === '售后';}
|
||||
default:
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
|
@ -1,63 +1,48 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const api_request = require("../../../api/request.js");
|
||||
if (!Array) {
|
||||
const _component_template = common_vendor.resolveComponent("template");
|
||||
_component_template();
|
||||
}
|
||||
const _sfc_main = {
|
||||
__name: "mineorders",
|
||||
setup(__props) {
|
||||
const currentColor = common_vendor.ref(0);
|
||||
const sort = common_vendor.ref([{}]);
|
||||
const headerList = common_vendor.ref([{}]);
|
||||
const productList = common_vendor.ref([{}]);
|
||||
common_vendor.ref(0);
|
||||
common_vendor.onMounted(async () => {
|
||||
await Getsort();
|
||||
await changeTypes(sort.value[0], 0);
|
||||
await Getorder();
|
||||
Status.displayedOrders = Status.orders;
|
||||
});
|
||||
common_vendor.ref({
|
||||
userInfo: common_vendor.wx$1.getStorageSync("userInfo")
|
||||
userInfo: common_vendor.index.getStorageSync("userInfo")
|
||||
});
|
||||
const Getorder = async () => {
|
||||
const res = await common_vendor.index.request({
|
||||
url: api_request.baseUrl + "/order/list",
|
||||
method: "POST",
|
||||
data: {
|
||||
// id:userInfo.value.userInfo.id ,
|
||||
// id:userInfo.value.userInfo.id,
|
||||
id: 215
|
||||
}
|
||||
});
|
||||
if (res.data.code === 1) {
|
||||
Status.value.orders = res.data.data;
|
||||
for (let key in res.data.data) {
|
||||
Status.value.orders[key] = res.data.data[key];
|
||||
}
|
||||
console.log(Status.value.orders[0].orderStatus);
|
||||
console.log(res.data.data[0].orderStatus);
|
||||
} else {
|
||||
console.log("没拿到用户数据");
|
||||
}
|
||||
};
|
||||
const Status = common_vendor.ref({
|
||||
orderStatus: "全部",
|
||||
orders: [
|
||||
{}
|
||||
],
|
||||
orders: [],
|
||||
displayedOrders: []
|
||||
});
|
||||
const changeTab = (tab) => {
|
||||
if (tab === "全部") {
|
||||
Status.value.displayedOrders = Status.value.orders;
|
||||
Status.value.orderStatus = "全部";
|
||||
} else {
|
||||
Status.value.displayedOrders = Status.value.orders.filter((order) => {
|
||||
switch (tab) {
|
||||
case "待支付":
|
||||
return order.orderStatus === "代支付";
|
||||
case "代发货":
|
||||
return order.orderStatus === "代发货";
|
||||
return order.orderStatus === "待支付";
|
||||
case "待发货":
|
||||
return order.orderStatus === "待发货";
|
||||
case "已发货":
|
||||
return order.orderStatus === "已发货";
|
||||
case "售后":
|
||||
|
|
@ -66,89 +51,64 @@ const _sfc_main = {
|
|||
return false;
|
||||
}
|
||||
});
|
||||
Status.value.orderStatus = tab;
|
||||
}
|
||||
};
|
||||
const Getsort = async () => {
|
||||
const res = await common_vendor.index.request({
|
||||
url: api_request.testUrl + "/category/list",
|
||||
method: "POST"
|
||||
});
|
||||
if (res.data.code === 1) {
|
||||
for (let key in res.data.data) {
|
||||
sort.value[key] = {
|
||||
//类别列表
|
||||
name: res.data.data[key].typeName,
|
||||
imgurl: res.data.data[key].typeUrl,
|
||||
id: res.data.data[key].id
|
||||
};
|
||||
headerList.value[key] = {
|
||||
name: res.data.data[key].typeName,
|
||||
typeIntro: res.data.data[key].typeIntro
|
||||
};
|
||||
}
|
||||
} else {
|
||||
common_vendor.index.showToast({
|
||||
//提示请求错误
|
||||
title: "请求商品分类错误",
|
||||
icon: "none",
|
||||
duration: 2e3
|
||||
});
|
||||
}
|
||||
};
|
||||
const changeTypes = async (item, index) => {
|
||||
currentColor.value = index;
|
||||
const res = await common_vendor.index.request({
|
||||
url: api_request.testUrl + "/category/list/type",
|
||||
method: "POST",
|
||||
data: {
|
||||
id: item.id
|
||||
}
|
||||
});
|
||||
if (res.data.code === 1) {
|
||||
productList.value = res.data.data[item.id];
|
||||
} else {
|
||||
common_vendor.index.showToast({
|
||||
//商品请求错误
|
||||
title: "更改类别错误",
|
||||
icon: "none",
|
||||
duration: 2e3
|
||||
});
|
||||
}
|
||||
};
|
||||
const isSelected = (tab) => Status.value.orderStatus === tab;
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: _ctx.orderStatus === "全部" ? 1 : "",
|
||||
b: common_vendor.o(($event) => changeTab("全部")),
|
||||
c: _ctx.orderStatus === "代支付" ? 1 : "",
|
||||
d: common_vendor.o(($event) => changeTab("代支付")),
|
||||
e: _ctx.orderStatus === "代发货" ? 1 : "",
|
||||
f: common_vendor.o(($event) => changeTab("代发货")),
|
||||
g: _ctx.orderStatus === "已发货" ? 1 : "",
|
||||
h: common_vendor.o(($event) => changeTab("已发货")),
|
||||
i: _ctx.orderStatus === "售后" ? 1 : "",
|
||||
j: common_vendor.o(($event) => changeTab("售后")),
|
||||
k: common_vendor.f(Status.value.orders, (order, k0, i0) => {
|
||||
return {
|
||||
a: common_vendor.f(order.orderItemList, (item, k1, i1) => {
|
||||
return {
|
||||
a: common_vendor.t(item.goodSnapshot.name),
|
||||
b: item.id
|
||||
};
|
||||
}),
|
||||
b: isSelected("全部") ? 1 : "",
|
||||
c: common_vendor.o(($event) => changeTab("全部")),
|
||||
d: _ctx.orderStatus === "待支付" ? 1 : "",
|
||||
e: isSelected("待支付") ? 1 : "",
|
||||
f: common_vendor.o(($event) => changeTab("待支付")),
|
||||
g: _ctx.orderStatus === "待发货" ? 1 : "",
|
||||
h: isSelected("待发货") ? 1 : "",
|
||||
i: common_vendor.o(($event) => changeTab("待发货")),
|
||||
j: _ctx.orderStatus === "已发货" ? 1 : "",
|
||||
k: isSelected("已发货") ? 1 : "",
|
||||
l: common_vendor.o(($event) => changeTab("已发货")),
|
||||
m: _ctx.orderStatus === "售后" ? 1 : "",
|
||||
n: isSelected("售后") ? 1 : "",
|
||||
o: common_vendor.o(($event) => changeTab("售后")),
|
||||
p: common_vendor.f(Status.value.displayedOrders, (order, k0, i0) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t(order.orderStatus),
|
||||
b: common_vendor.f(order.orderItemList, (item, k1, i1) => {
|
||||
return {
|
||||
a: common_vendor.t(item.goodSnapshot.type),
|
||||
a: item.goodSnapshot.goodImg,
|
||||
b: item.id
|
||||
};
|
||||
}),
|
||||
c: common_vendor.f(order.orderItemList, (item, k1, i1) => {
|
||||
return {
|
||||
a: common_vendor.t(item.goodSnapshot.name),
|
||||
b: item.id
|
||||
};
|
||||
}),
|
||||
d: common_vendor.f(order.orderItemList, (item, k1, i1) => {
|
||||
return {
|
||||
a: common_vendor.t(item.goodSnapshot.type),
|
||||
b: item.id
|
||||
};
|
||||
}),
|
||||
e: common_vendor.f(order.orderItemList, (item, k1, i1) => {
|
||||
return {
|
||||
a: common_vendor.t(item.goodSnapshot.price),
|
||||
b: item.id
|
||||
};
|
||||
}),
|
||||
d: order.id
|
||||
};
|
||||
f: order.orderStatus === "待支付"
|
||||
}, order.orderStatus === "待支付" ? {} : {}, {
|
||||
g: order.orderStatus === "待发货"
|
||||
}, order.orderStatus === "待发货" ? {} : {}, {
|
||||
h: order.orderStatus === "已发货"
|
||||
}, order.orderStatus === "已发货" ? {} : {}, {
|
||||
i: order.orderStatus === "售后"
|
||||
}, order.orderStatus === "售后" ? {} : {}, {
|
||||
j: order.id
|
||||
});
|
||||
})
|
||||
};
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -1 +1 @@
|
|||
<block class="data-v-7d0f2622" u-s="{{['d']}}"><view class="container data-v-7d0f2622"><view class="order-tabs data-v-7d0f2622"><view class="{{['tab-item', 'data-v-7d0f2622', a && 'active']}}" bindtap="{{b}}">全部</view><view class="{{['tab-item', 'data-v-7d0f2622', c && 'active']}}" bindtap="{{d}}">代支付</view><view class="{{['tab-item', 'data-v-7d0f2622', e && 'active']}}" bindtap="{{f}}">代发货</view><view class="{{['tab-item', 'data-v-7d0f2622', g && 'active']}}" bindtap="{{h}}">已发货</view><view class="{{['tab-item', 'data-v-7d0f2622', i && 'active']}}" bindtap="{{j}}">售后</view></view><view class="order-list data-v-7d0f2622"><view wx:for="{{k}}" wx:for-item="order" wx:key="d" class="order-item data-v-7d0f2622"><view wx:for="{{order.a}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622">{{item.a}}</view><view wx:for="{{order.b}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622">{{item.a}}</view><view wx:for="{{order.c}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622">{{item.a}}</view></view></view></view></block>
|
||||
<view class="container data-v-7d0f2622"><view class="order-tabs data-v-7d0f2622"><view class="{{['tab-item', 'data-v-7d0f2622', a && 'active', b && 'selected']}}" bindtap="{{c}}"> 全部 </view><view class="{{['tab-item', 'data-v-7d0f2622', d && 'active', e && 'selected']}}" bindtap="{{f}}"> 待支付 </view><view class="{{['tab-item', 'data-v-7d0f2622', g && 'active', h && 'selected']}}" bindtap="{{i}}"> 待发货 </view><view class="{{['tab-item', 'data-v-7d0f2622', j && 'active', k && 'selected']}}" bindtap="{{l}}"> 已发货 </view><view class="{{['tab-item', 'data-v-7d0f2622', m && 'active', n && 'selected']}}" bindtap="{{o}}"> 售后 </view></view><view class="order-list data-v-7d0f2622"><view wx:for="{{p}}" wx:for-item="order" wx:key="j" class="order-item data-v-7d0f2622">{{order.a}} <view wx:for="{{order.b}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622"><image class="data-v-7d0f2622" src="{{item.a}}" style="height:50px;width:50px"></image></view><view wx:for="{{order.c}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622">{{item.a}}</view><view wx:for="{{order.d}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622">{{item.a}}</view><view wx:for="{{order.e}}" wx:for-item="item" wx:key="b" class="data-v-7d0f2622">{{item.a}}</view><view wx:if="{{order.f}}" class="data-v-7d0f2622">去支付</view><view wx:if="{{order.g}}" class="data-v-7d0f2622">取消订单</view><view wx:if="{{order.h}}" class="data-v-7d0f2622">确认收货</view><view wx:if="{{order.i}}" class="data-v-7d0f2622">售后详情</view></view></view></view>
|
||||
|
|
@ -402,7 +402,7 @@ text.data-v-7d0f2622 {
|
|||
margin-top: 187.5rpx;
|
||||
}
|
||||
.container.data-v-7d0f2622 {
|
||||
padding: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.order-tabs.data-v-7d0f2622 {
|
||||
display: flex;
|
||||
|
|
@ -416,10 +416,13 @@ text.data-v-7d0f2622 {
|
|||
}
|
||||
.tab-item.active.data-v-7d0f2622 {
|
||||
color: blue;
|
||||
border-bottom: 2px solid blue;
|
||||
}
|
||||
.tab-item.selected.data-v-7d0f2622 {
|
||||
background-color: brown;
|
||||
color: white;
|
||||
}
|
||||
.order-list.data-v-7d0f2622 {
|
||||
margin-top: 20px;
|
||||
margin: 10px 10px 0 10px;
|
||||
}
|
||||
.order-item.data-v-7d0f2622 {
|
||||
border: 1px solid #ccc;
|
||||
|
|
|
|||
|
|
@ -21,6 +21,13 @@
|
|||
"launchMode": "default",
|
||||
"scene": null
|
||||
},
|
||||
{
|
||||
"name": "pages/mine/mineorders/mineorders",
|
||||
"pathName": "pages/mine/mineorders/mineorders",
|
||||
"query": "",
|
||||
"launchMode": "default",
|
||||
"scene": null
|
||||
},
|
||||
{
|
||||
"name": "pages/store-home/main/main",
|
||||
"pathName": "pages/store-home/main/main",
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user