001
This commit is contained in:
parent
7f3f7e14fb
commit
836f6e80f3
|
|
@ -2,4 +2,4 @@ export const Url = 'http://localhost:9092/api' //后端接口文档
|
||||||
export const testUrl = 'http://123.249.108.160:8888/api' //自己组的服务器接口地址
|
export const testUrl = 'http://123.249.108.160:8888/api' //自己组的服务器接口地址
|
||||||
export const suiUrl = 'http://154.8.193.216:9092/api' //隋宇霏的接口地址
|
export const suiUrl = 'http://154.8.193.216:9092/api' //隋宇霏的接口地址
|
||||||
|
|
||||||
export const baseUrl = testUrl
|
export const baseUrl = Url
|
||||||
|
|
@ -1,353 +1,377 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="flex-col page">
|
<view class="flex-col page">
|
||||||
<view class="flex-col group">
|
<view class="flex-col group">
|
||||||
<view class="flex-row items-center group_2">
|
<view class="flex-row items-center group_2">
|
||||||
<image
|
<image class="image"
|
||||||
class="image"
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FtiKFGDAi-avator.png" />
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FtiKFGDAi-avator.png"
|
<view class="ml-20 flex-col items-start flex-1">
|
||||||
/>
|
<text class="text">微信用户</text>
|
||||||
<view class="ml-20 flex-col items-start flex-1">
|
<text class="mt-18 font text_2">剩余积分：40</text>
|
||||||
<text class="text">微信用户</text>
|
</view>
|
||||||
<text class="mt-18 font text_2">剩余积分：40</text>
|
</view>
|
||||||
</view>
|
<view class="flex-row equal-division">
|
||||||
</view>
|
<view class="flex-col items-center" @click="goto('全部')">
|
||||||
<view class="flex-row equal-division">
|
<image class="shrink-0 image_2"
|
||||||
<view class="flex-col items-center" @click="goto">
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FjqkEyOpY-totalorder.png" />
|
||||||
<image
|
<text class="font text_3">总订单</text>
|
||||||
class="shrink-0 image_2"
|
</view>
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FjqkEyOpY-totalorder.png"
|
<view class="flex-col items-center ml-1" @click="goto('待支付')">
|
||||||
/>
|
<image class="shrink-0 image_2"
|
||||||
<text class="font text_3">总订单</text>
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FEzgKLIBS-waitproduct.png" />
|
||||||
</view>
|
<text class="font text_5">待支付</text>
|
||||||
<view class="flex-col items-center ml-1">
|
</view>
|
||||||
<image
|
<view class="flex-col items-center ml-1" @click="goto('待发货')">
|
||||||
class="shrink-0 image_2"
|
<image class="shrink-0 image_2"
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FEzgKLIBS-waitproduct.png"
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVWTrHegX-waitpay.png" />
|
||||||
/>
|
<text class="font text_4">待发货</text>
|
||||||
<text class="font text_5">待发货</text>
|
</view>
|
||||||
</view>
|
<view class="flex-col items-center ml-1" @click="goto('已发货')">
|
||||||
<view class="flex-col items-center ml-1">
|
<image class="shrink-0 image_2"
|
||||||
<image
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FWAdobYmD-waitshouhou.png" />
|
||||||
class="shrink-0 image_2"
|
<text class="font text_6">已发货</text>
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVWTrHegX-waitpay.png"
|
</view>
|
||||||
/>
|
<view class="flex-col items-center ml-1" @click="goto('已退款')">
|
||||||
<text class="font text_4">待付款</text>
|
<image class="shrink-0 image_2"
|
||||||
</view>
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FGEFKFVXw-shouhou.png" />
|
||||||
<view class="flex-col items-center ml-1">
|
<text class="font text_7">退款/售后</text>
|
||||||
<image
|
</view>
|
||||||
class="shrink-0 image_2"
|
</view>
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FWAdobYmD-waitshouhou.png"
|
</view>
|
||||||
/>
|
<view class="flex-col mt-37">
|
||||||
<text class="font text_6">待收货</text>
|
<view class="flex-col group_3">
|
||||||
</view>
|
<view class="flex-row justify-between relative">
|
||||||
<view class="flex-col items-center ml-1">
|
<image class="image_3"
|
||||||
<image
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FSJZTOttL-address.png" />
|
||||||
class="shrink-0 image_2"
|
<image class="self-start image_4 image_5"
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FGEFKFVXw-shouhou.png"
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png" />
|
||||||
/>
|
<text class="font_2 text_8 pos">地 址 列 表</text>
|
||||||
<text class="font text_7">退款/售后</text>
|
<view class="divider pos_2"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
<view class="flex-row justify-between relative" @click="goToText">
|
||||||
</view>
|
<image class="image_6"
|
||||||
<view class="flex-col mt-37">
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FejVXliLM-contact.png" />
|
||||||
<view class="flex-col group_3">
|
<image class="self-start image_4 image_7"
|
||||||
<view class="flex-row justify-between relative">
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png" />
|
||||||
<image
|
<text class="font_2 pos_3">联系人列表</text>
|
||||||
class="image_3"
|
<view class="divider pos_4"></view>
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FSJZTOttL-address.png"
|
</view>
|
||||||
/>
|
</view>
|
||||||
<image
|
<view class="flex-row justify-between group_4">
|
||||||
class="self-start image_4 image_5"
|
<view class="flex-row items-center">
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"
|
<image class="shrink-0 image_8"
|
||||||
/>
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FOfemexvK-booking.png" />
|
||||||
<text class="font_2 text_8 pos">地 址 列 表</text>
|
<text class="font_2 text_9">我 的 预 约</text>
|
||||||
<view class="divider pos_2"></view>
|
</view>
|
||||||
</view>
|
<image class="self-start image_4 image_9"
|
||||||
<view class="flex-row justify-between relative" @click="goToText">
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png" />
|
||||||
<image
|
</view>
|
||||||
class="image_6"
|
<view class="flex-col group_5">
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FejVXliLM-contact.png"
|
<view class="divider view"></view>
|
||||||
/>
|
<view class="flex-row justify-between items-center group_6">
|
||||||
<image
|
<view class="flex-row items-center">
|
||||||
class="self-start image_4 image_7"
|
<image class="shrink-0 image_10"
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FqihgypDY-coupon.png" />
|
||||||
/>
|
<text class="font_2">我的优惠券</text>
|
||||||
<text class="font_2 pos_3">联系人列表</text>
|
</view>
|
||||||
<view class="divider pos_4"></view>
|
<image class="image_4 image_11"
|
||||||
</view>
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png" />
|
||||||
</view>
|
</view>
|
||||||
<view class="flex-row justify-between group_4">
|
<view class="divider view_2"></view>
|
||||||
<view class="flex-row items-center">
|
<view class="flex-row justify-between group_7">
|
||||||
<image
|
<view class="flex-row self-center">
|
||||||
class="shrink-0 image_8"
|
<view class="flex-row shrink-0">
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FOfemexvK-booking.png"
|
<image class="shrink-0 image_12"
|
||||||
/>
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FlGcdVAji-setting.png" />
|
||||||
<text class="font_2 text_9">我 的 预 约</text>
|
<text class="ml-10 self-start font_3 text_10">设</text>
|
||||||
</view>
|
</view>
|
||||||
<image
|
<text class="ml-60 self-start font_3 text_11">置</text>
|
||||||
class="self-start image_4 image_9"
|
</view>
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"
|
<image class="self-start image_4 image_13"
|
||||||
/>
|
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png" />
|
||||||
</view>
|
</view>
|
||||||
<view class="flex-col group_5">
|
</view>
|
||||||
<view class="divider view"></view>
|
</view>
|
||||||
<view class="flex-row justify-between items-center group_6">
|
|
||||||
<view class="flex-row items-center">
|
|
||||||
<image
|
|
||||||
class="shrink-0 image_10"
|
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FqihgypDY-coupon.png"
|
|
||||||
/>
|
|
||||||
<text class="font_2">我的优惠券</text>
|
|
||||||
</view>
|
|
||||||
<image
|
|
||||||
class="image_4 image_11"
|
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"
|
|
||||||
/>
|
|
||||||
</view>
|
|
||||||
<view class="divider view_2"></view>
|
|
||||||
<view class="flex-row justify-between group_7">
|
|
||||||
<view class="flex-row self-center">
|
|
||||||
<view class="flex-row shrink-0">
|
|
||||||
<image
|
|
||||||
class="shrink-0 image_12"
|
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FlGcdVAji-setting.png"
|
|
||||||
/>
|
|
||||||
<text class="ml-10 self-start font_3 text_10">设</text>
|
|
||||||
</view>
|
|
||||||
<text class="ml-60 self-start font_3 text_11">置</text>
|
|
||||||
</view>
|
|
||||||
<image
|
|
||||||
class="self-start image_4 image_13"
|
|
||||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"
|
|
||||||
/>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { onMounted, ref } from 'vue';
|
import {
|
||||||
import { onShow,onLoad } from "@dcloudio/uni-app";
|
onMounted,
|
||||||
onMounted(()=>{
|
ref
|
||||||
getFonts() //启动使从服务器下载字体
|
} from 'vue';
|
||||||
})
|
import {
|
||||||
const goto = () => { //跳转到订单
|
onShow,
|
||||||
uni.navigateTo({
|
onLoad
|
||||||
url: "/pages/mine/mineorders/mineorders"
|
} from "@dcloudio/uni-app";
|
||||||
|
onMounted(() => {
|
||||||
|
getFonts() //启动使从服务器下载字体
|
||||||
})
|
})
|
||||||
}
|
// const goto = () => { //跳转到订单
|
||||||
const goToText = () => { //跳转到联系人信息
|
// uni.navigateTo({
|
||||||
uni.navigateTo({
|
// url: "/pages/mine/mineorders/mineorders"
|
||||||
url: '/pages/mine/Contact/Contact'
|
// })
|
||||||
})
|
// }
|
||||||
}
|
const goToText = () => { //跳转到联系人信息
|
||||||
const goTo = ()=>{ //跳转到预约
|
uni.navigateTo({
|
||||||
uni.navigateTo({
|
url: '/pages/mine/Contact/Contact'
|
||||||
url: '/pages/mine/bookings/booking'
|
})
|
||||||
})
|
}
|
||||||
}
|
const goTo = ()=>{ //跳转到预约
|
||||||
const getFonts =()=>{ //导入字体
|
uni.navigateTo({
|
||||||
uni.loadFontFace({
|
url: '/pages/mine/bookings/booking'
|
||||||
family: 'FangZhengFonts',
|
})
|
||||||
source: `url("https://carbon2.obs.cn-north-4.myhuaweicloud.com/fonts/FangZhengFonts.TTF")`,
|
}
|
||||||
success:(res) =>{
|
const goto = (tab) => {
|
||||||
console.log('success',res);
|
uni.navigateTo({
|
||||||
},
|
url: '/pages/mine/mineorders/mineorders?zt='+JSON.stringify(tab)
|
||||||
fail:(err) => {
|
})
|
||||||
console.log('err',err);
|
}
|
||||||
}
|
const getFonts = () => { //导入字体
|
||||||
})
|
uni.loadFontFace({
|
||||||
}
|
family: 'FangZhengFonts',
|
||||||
|
source: `url("https://carbon2.obs.cn-north-4.myhuaweicloud.com/fonts/FangZhengFonts.TTF")`,
|
||||||
|
success: (res) => {
|
||||||
|
console.log('success', res);
|
||||||
|
},
|
||||||
|
fail: (err) => {
|
||||||
|
console.log('err', err);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.ml-1 {
|
.ml-1 {
|
||||||
margin-left: 1.88rpx;
|
margin-left: 1.88rpx;
|
||||||
}
|
}
|
||||||
.mt-37 {
|
|
||||||
margin-top: 69.38rpx;
|
.mt-37 {
|
||||||
}
|
margin-top: 69.38rpx;
|
||||||
.page {
|
}
|
||||||
padding: 135rpx 0 211.88rpx;
|
|
||||||
background-color: #ffffff00;
|
.page {
|
||||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png');
|
padding: 135rpx 0 211.88rpx;
|
||||||
background-size: 100% 100%;
|
background-color: #ffffff00;
|
||||||
width: 100%;
|
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png');
|
||||||
overflow-y: hidden;
|
background-size: 100% 100%;
|
||||||
overflow-x: hidden;
|
width: 100%;
|
||||||
height: 100vh;
|
overflow-y: hidden;
|
||||||
}
|
overflow-x: hidden;
|
||||||
.group {
|
height: 100vh;
|
||||||
padding: 0 7.5rpx;
|
}
|
||||||
}
|
|
||||||
.group_2 {
|
.group {
|
||||||
margin: 0 30rpx;
|
padding: 0 7.5rpx;
|
||||||
padding: 0 7.5rpx 37.5rpx;
|
}
|
||||||
border-bottom: solid 0.94rpx #aeaeae;
|
|
||||||
}
|
.group_2 {
|
||||||
.image {
|
margin: 0 30rpx;
|
||||||
border-radius: 50%;
|
padding: 0 7.5rpx 37.5rpx;
|
||||||
width: 150rpx;
|
border-bottom: solid 0.94rpx #aeaeae;
|
||||||
height: 151.88rpx;
|
}
|
||||||
}
|
|
||||||
.text {
|
.image {
|
||||||
color: #000000;
|
border-radius: 50%;
|
||||||
font-size: 45rpx;
|
width: 150rpx;
|
||||||
font-family: FangZhengFonts;
|
height: 151.88rpx;
|
||||||
line-height: 40.61rpx;
|
}
|
||||||
}
|
|
||||||
.font {
|
.text {
|
||||||
font-size: 28.13rpx;
|
color: #000000;
|
||||||
font-family: FangZhengFonts;
|
font-size: 45rpx;
|
||||||
line-height: 27.02rpx;
|
font-family: FangZhengFonts;
|
||||||
color: #000000;
|
line-height: 40.61rpx;
|
||||||
}
|
}
|
||||||
.text_2 {
|
|
||||||
margin-left: 7.5rpx;
|
.font {
|
||||||
font-size: 30rpx;
|
font-size: 28.13rpx;
|
||||||
line-height: 27.9rpx;
|
font-family: FangZhengFonts;
|
||||||
}
|
line-height: 27.02rpx;
|
||||||
.equal-division {
|
color: #000000;
|
||||||
margin-right: 5.63rpx;
|
}
|
||||||
}
|
|
||||||
.image_2 {
|
.text_2 {
|
||||||
width: 144rpx;
|
margin-left: 7.5rpx;
|
||||||
height: 144rpx;
|
font-size: 30rpx;
|
||||||
}
|
line-height: 27.9rpx;
|
||||||
.text_3 {
|
}
|
||||||
margin-top: -7.5rpx;
|
|
||||||
}
|
.equal-division {
|
||||||
.text_5 {
|
margin-right: 5.63rpx;
|
||||||
margin-top: -7.5rpx;
|
}
|
||||||
}
|
|
||||||
.text_4 {
|
.image_2 {
|
||||||
margin-top: -7.5rpx;
|
width: 144rpx;
|
||||||
}
|
height: 144rpx;
|
||||||
.text_6 {
|
}
|
||||||
margin-top: -7.5rpx;
|
|
||||||
}
|
.text_3 {
|
||||||
.text_7 {
|
margin-top: -7.5rpx;
|
||||||
margin-top: -7.5rpx;
|
}
|
||||||
}
|
|
||||||
.group_3 {
|
.text_5 {
|
||||||
padding: 0 35.63rpx;
|
margin-top: -7.5rpx;
|
||||||
}
|
}
|
||||||
.image_3 {
|
|
||||||
width: 120rpx;
|
.text_4 {
|
||||||
height: 123.75rpx;
|
margin-top: -7.5rpx;
|
||||||
}
|
}
|
||||||
.image_4 {
|
|
||||||
width: 39.38rpx;
|
.text_6 {
|
||||||
height: 41.25rpx;
|
margin-top: -7.5rpx;
|
||||||
}
|
}
|
||||||
.image_5 {
|
|
||||||
margin-right: 31.88rpx;
|
.text_7 {
|
||||||
margin-top: 52.5rpx;
|
margin-top: -7.5rpx;
|
||||||
}
|
}
|
||||||
.font_2 {
|
|
||||||
font-size: 37.5rpx;
|
.group_3 {
|
||||||
font-family: FangZhengFonts;
|
padding: 0 35.63rpx;
|
||||||
line-height: 36.47rpx;
|
}
|
||||||
color: #000000;
|
|
||||||
}
|
.image_3 {
|
||||||
.text_8 {
|
width: 120rpx;
|
||||||
line-height: 35.74rpx;
|
height: 123.75rpx;
|
||||||
}
|
}
|
||||||
.pos {
|
|
||||||
position: absolute;
|
.image_4 {
|
||||||
left: 121.76rpx;
|
width: 39.38rpx;
|
||||||
top: 50%;
|
height: 41.25rpx;
|
||||||
transform: translateY(-50%);
|
}
|
||||||
}
|
|
||||||
.divider {
|
.image_5 {
|
||||||
background-color: #aeaeae;
|
margin-right: 31.88rpx;
|
||||||
height: 0.94rpx;
|
margin-top: 52.5rpx;
|
||||||
}
|
}
|
||||||
.pos_2 {
|
|
||||||
position: absolute;
|
.font_2 {
|
||||||
left: 3.75rpx;
|
font-size: 37.5rpx;
|
||||||
right: 37.5rpx;
|
font-family: FangZhengFonts;
|
||||||
top: 117.19rpx;
|
line-height: 36.47rpx;
|
||||||
}
|
color: #000000;
|
||||||
.image_6 {
|
}
|
||||||
width: 120rpx;
|
|
||||||
height: 125.63rpx;
|
.text_8 {
|
||||||
}
|
line-height: 35.74rpx;
|
||||||
.image_7 {
|
}
|
||||||
margin-right: 31.88rpx;
|
|
||||||
margin-top: 52.5rpx;
|
.pos {
|
||||||
}
|
position: absolute;
|
||||||
.pos_3 {
|
left: 121.76rpx;
|
||||||
position: absolute;
|
top: 50%;
|
||||||
left: 116.72rpx;
|
transform: translateY(-50%);
|
||||||
top: 50%;
|
}
|
||||||
transform: translateY(-50%);
|
|
||||||
}
|
.divider {
|
||||||
.pos_4 {
|
background-color: #aeaeae;
|
||||||
position: absolute;
|
height: 0.94rpx;
|
||||||
left: 3.75rpx;
|
}
|
||||||
right: 37.5rpx;
|
|
||||||
top: 124.69rpx;
|
.pos_2 {
|
||||||
}
|
position: absolute;
|
||||||
.group_4 {
|
left: 3.75rpx;
|
||||||
margin-top: 4rpx;
|
right: 37.5rpx;
|
||||||
padding: 0 28.13rpx 11.25rpx;
|
top: 117.19rpx;
|
||||||
}
|
}
|
||||||
.image_8 {
|
|
||||||
width: 133.13rpx;
|
.image_6 {
|
||||||
height: 114.38rpx;
|
width: 120rpx;
|
||||||
}
|
height: 125.63rpx;
|
||||||
.text_9 {
|
}
|
||||||
padding-top: 20rpx;
|
|
||||||
margin-left: -7.5rpx;
|
.image_7 {
|
||||||
line-height: 33.99rpx;
|
margin-right: 31.88rpx;
|
||||||
}
|
margin-top: 52.5rpx;
|
||||||
.image_9 {
|
}
|
||||||
margin-right: 41.25rpx;
|
|
||||||
margin-top: 45.5rpx;
|
.pos_3 {
|
||||||
}
|
position: absolute;
|
||||||
.group_5 {
|
left: 116.72rpx;
|
||||||
padding: 0 39.38rpx;
|
top: 50%;
|
||||||
}
|
transform: translateY(-50%);
|
||||||
.view {
|
}
|
||||||
margin-right: 33.75rpx;
|
|
||||||
}
|
.pos_4 {
|
||||||
.group_6 {
|
position: absolute;
|
||||||
padding: 22.5rpx 0 7.5rpx;
|
left: 3.75rpx;
|
||||||
}
|
right: 37.5rpx;
|
||||||
.image_10 {
|
top: 124.69rpx;
|
||||||
width: 118.13rpx;
|
}
|
||||||
height: 101.25rpx;
|
|
||||||
}
|
.group_4 {
|
||||||
.image_11 {
|
margin-top: 4rpx;
|
||||||
margin-right: 28.13rpx;
|
padding: 0 28.13rpx 11.25rpx;
|
||||||
}
|
}
|
||||||
.view_2 {
|
|
||||||
margin-right: 31.88rpx;
|
.image_8 {
|
||||||
}
|
width: 133.13rpx;
|
||||||
.group_7 {
|
height: 114.38rpx;
|
||||||
padding: 28.13rpx 7.5rpx 0;
|
}
|
||||||
}
|
|
||||||
.image_12 {
|
.text_9 {
|
||||||
width: 91.88rpx;
|
padding-top: 20rpx;
|
||||||
height: 91.88rpx;
|
margin-left: -7.5rpx;
|
||||||
}
|
line-height: 33.99rpx;
|
||||||
.font_3 {
|
}
|
||||||
font-size: 37.5rpx;
|
|
||||||
font-family: FangZhengFonts;
|
.image_9 {
|
||||||
line-height: 30.47rpx;
|
margin-right: 41.25rpx;
|
||||||
color: #000000;
|
margin-top: 45.5rpx;
|
||||||
}
|
}
|
||||||
.text_10 {
|
|
||||||
margin-top: 26.25rpx;
|
.group_5 {
|
||||||
}
|
padding: 0 39.38rpx;
|
||||||
.text_11 {
|
}
|
||||||
margin-top: 22.5rpx;
|
|
||||||
}
|
.view {
|
||||||
.image_13 {
|
margin-right: 33.75rpx;
|
||||||
margin-right: 20.63rpx;
|
}
|
||||||
margin-top: 16.88rpx;
|
|
||||||
}
|
.group_6 {
|
||||||
@import url(../../../common/css/global.css);
|
padding: 22.5rpx 0 7.5rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image_10 {
|
||||||
|
width: 118.13rpx;
|
||||||
|
height: 101.25rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image_11 {
|
||||||
|
margin-right: 28.13rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.view_2 {
|
||||||
|
margin-right: 31.88rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.group_7 {
|
||||||
|
padding: 28.13rpx 7.5rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image_12 {
|
||||||
|
width: 91.88rpx;
|
||||||
|
height: 91.88rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font_3 {
|
||||||
|
font-size: 37.5rpx;
|
||||||
|
font-family: FangZhengFonts;
|
||||||
|
line-height: 30.47rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text_10 {
|
||||||
|
margin-top: 26.25rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text_11 {
|
||||||
|
margin-top: 22.5rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image_13 {
|
||||||
|
margin-right: 20.63rpx;
|
||||||
|
margin-top: 16.88rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
@import url(../../../common/css/global.css);
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -71,13 +71,45 @@
|
||||||
src="https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=f10bd62afae3562e9d76103ff6fb0f84.png" />
|
src="https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=f10bd62afae3562e9d76103ff6fb0f84.png" />
|
||||||
<text class="font_8 text_17">{{order.totalAmount}}</text>
|
<text class="font_8 text_17">{{order.totalAmount}}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex-row justify-end group_7">
|
<!-- <view class="flex-row justify-end group_7"> -->
|
||||||
<view class="flex-col justify-start items-center text-wrapper"><text
|
<!-- <view class="flex-col justify-start items-center text-wrapper"><text
|
||||||
class="font text_18">删除记录</text></view>
|
class="font text_18">删除记录</text></view>
|
||||||
|
<view class="flex-col justify-start items-center text-wrapper_2 ml-14" v-if="order.orderStatus==='待支付'">
|
||||||
|
<text class="font_3">去支付</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-col justify-start items-center text-wrapper_2 ml-14" v-if="order.orderStatus==='待发货'">
|
||||||
|
<text class="font_3">取消订单</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-col justify-start items-center text-wrapper_2 ml-14" v-if="order.orderStatus==='已发货'">
|
||||||
|
<text class="font_3">确认收货</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-col justify-start items-center text-wrapper_2 ml-14" v-if="order.orderStatus==='已退款'">
|
||||||
|
<text class="font_3">已退款</text>
|
||||||
|
</view> -->
|
||||||
|
<!-- </view> -->
|
||||||
|
<view class="flex-row justify-end group_7" v-if="order.orderStatus==='待支付'">
|
||||||
|
<view class="flex-col justify-start items-center text-wrapper"><text
|
||||||
|
class="font text_18">取消订单</text></view>
|
||||||
|
<view class="flex-col justify-start items-center text-wrapper_2 ml-14">
|
||||||
|
<text class="font_3">去支付</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-row justify-end group_7" v-if="order.orderStatus==='待发货'">
|
||||||
<view class="flex-col justify-start items-center text-wrapper_2 ml-14">
|
<view class="flex-col justify-start items-center text-wrapper_2 ml-14">
|
||||||
<text class="font_3">联系客服</text>
|
<text class="font_3">联系客服</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="flex-row justify-end group_7" v-if="order.orderStatus==='已发货'">
|
||||||
|
<view class="flex-col justify-start items-center text-wrapper"><text
|
||||||
|
class="font text_18">取消订单</text></view>
|
||||||
|
<view class="flex-col justify-start items-center text-wrapper_2 ml-14">
|
||||||
|
<text class="font_3">查看物流</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-row justify-end group_7" v-if="order.orderStatus==='已退款'">
|
||||||
|
<view class="flex-col justify-start items-center text-wrapper"><text
|
||||||
|
class="font text_18">删除订单</text></view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -95,18 +127,37 @@
|
||||||
testUrl,
|
testUrl,
|
||||||
suiUrl
|
suiUrl
|
||||||
} from '@/api/request';
|
} from '@/api/request';
|
||||||
|
import { onLoad } from "@dcloudio/uni-app";
|
||||||
const Status = ref({
|
const Status = ref({
|
||||||
orderStatus: '全部',
|
orderStatus: '全部',
|
||||||
orders: [],
|
orders: [],
|
||||||
displayedOrders: [],
|
displayedOrders: [],
|
||||||
});
|
})
|
||||||
const orderStatus = ''
|
const orderStatus = ''
|
||||||
const currentColor = ref(0);
|
const currentColor = ref(0);
|
||||||
const isSelected = (tab) => Status.value.orderStatus === tab;
|
const isSelected = (tab) => Status.value.orderStatus === tab
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
await Getorder();
|
await Getorder()
|
||||||
Status.value.displayedOrders = Status.value.orders;
|
if (Status.value.orderStatus === '全部') {
|
||||||
});
|
Status.value.displayedOrders = Status.value.orders;
|
||||||
|
} else {
|
||||||
|
Status.value.displayedOrders = Status.value.orders.filter((order) => {
|
||||||
|
switch (Status.value.orderStatus) {
|
||||||
|
case '待支付':
|
||||||
|
return order.orderStatus === '待支付'
|
||||||
|
case '待发货':
|
||||||
|
return order.orderStatus === '待发货'
|
||||||
|
case '已发货':
|
||||||
|
return order.orderStatus === '已发货'
|
||||||
|
case '已退款':
|
||||||
|
return order.orderStatus === '已退款'
|
||||||
|
default:
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
const userInfo = wx.getStorageSync('userInfo')
|
const userInfo = wx.getStorageSync('userInfo')
|
||||||
const Getorder = async () => {
|
const Getorder = async () => {
|
||||||
const res = await uni.request({
|
const res = await uni.request({
|
||||||
|
|
@ -116,17 +167,23 @@
|
||||||
cookie: wx.getStorageSync('cookie')
|
cookie: wx.getStorageSync('cookie')
|
||||||
},
|
},
|
||||||
data: {
|
data: {
|
||||||
// id:userInfo.value.userInfo.id,
|
|
||||||
id: userInfo.id,
|
id: userInfo.id,
|
||||||
},
|
},
|
||||||
});
|
})
|
||||||
if (res.data.code === 1) {
|
if (res.data.code === 1) {
|
||||||
console.log('res.data.data--->', res.data.data);
|
|
||||||
Status.value.orders = res.data.data;
|
Status.value.orders = res.data.data
|
||||||
} else {
|
} else {
|
||||||
console.log('没拿到用户数据');
|
console.log('没拿到用户数据')
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
|
const zt = ref({
|
||||||
|
tab:''
|
||||||
|
})
|
||||||
|
onLoad((options)=>{
|
||||||
|
zt.value.tab = JSON.parse(options.zt)
|
||||||
|
changeTab(zt.value.tab)
|
||||||
|
})
|
||||||
const changeTab = (tab) => {
|
const changeTab = (tab) => {
|
||||||
if (tab === '全部') {
|
if (tab === '全部') {
|
||||||
Status.value.displayedOrders = Status.value.orders;
|
Status.value.displayedOrders = Status.value.orders;
|
||||||
|
|
@ -145,14 +202,11 @@
|
||||||
default:
|
default:
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
Status.value.orderStatus = tab;
|
Status.value.orderStatus = tab
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
|
|
||||||
|
|
||||||
const goToText = (index) => {
|
const goToText = (index) => {
|
||||||
console.log('下标-->', index);
|
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '../../../pages/mine/OrderDetails/OrderDetails?info=' + JSON.stringify(Status.value
|
url: '../../../pages/mine/OrderDetails/OrderDetails?info=' + JSON.stringify(Status.value
|
||||||
.displayedOrders[index]),
|
.displayedOrders[index]),
|
||||||
|
|
|
||||||
211
pages/syy.vue
211
pages/syy.vue
|
|
@ -1,9 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="flex-row relative page">
|
<view class="flex-row relative page">
|
||||||
<view class="flex-row justify-center items-center section_2 pos">
|
<view class="flex-row justify-center items-center section_2 pos">
|
||||||
<image class="image"
|
<!-- <image class="image"
|
||||||
src="https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=49977e5fbfb65cc3b62ce79b9d6705a2.png" />
|
src="https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=49977e5fbfb65cc3b62ce79b9d6705a2.png" />
|
||||||
<text class="font text ml-4">搜索订单</text>
|
<text class="font text ml-4">搜索订单</text> -->
|
||||||
|
<input class="search-input" placeholder="请输入商品名称" v-model="searchKeyword" @input="handleSearch" />
|
||||||
</view>
|
</view>
|
||||||
<view class="flex-col section_44">
|
<view class="flex-col section_44">
|
||||||
<view class="flex-row justify-between self-stretch groupp">
|
<view class="flex-row justify-between self-stretch groupp">
|
||||||
|
|
@ -85,79 +86,143 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {
|
import {
|
||||||
ref,
|
ref,
|
||||||
onMounted,
|
onMounted,
|
||||||
toRaw
|
toRaw
|
||||||
} from 'vue';
|
} from 'vue';
|
||||||
import {
|
import {
|
||||||
baseUrl,
|
baseUrl,
|
||||||
testUrl,
|
testUrl,
|
||||||
suiUrl
|
suiUrl
|
||||||
} from '@/api/request';
|
} from '@/api/request';
|
||||||
const Status = ref({
|
import { onLoad } from "@dcloudio/uni-app";
|
||||||
orderStatus: '全部',
|
|
||||||
orders: [],
|
|
||||||
displayedOrders: [],
|
|
||||||
});
|
|
||||||
const orderStatus = ''
|
|
||||||
const currentColor = ref(0);
|
|
||||||
const isSelected = (tab) => Status.value.orderStatus === tab;
|
|
||||||
onMounted(async () => {
|
|
||||||
await Getorder();
|
|
||||||
Status.value.displayedOrders = Status.value.orders;
|
|
||||||
});
|
|
||||||
const userInfo = wx.getStorageSync('userInfo')
|
|
||||||
const Getorder = async () => {
|
|
||||||
const res = await uni.request({
|
|
||||||
url: baseUrl + '/order/list',
|
|
||||||
method: 'POST',
|
|
||||||
header: {
|
|
||||||
cookie: wx.getStorageSync('cookie')
|
|
||||||
},
|
|
||||||
data: {
|
|
||||||
// id:userInfo.value.userInfo.id,
|
|
||||||
id: userInfo.id,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
if (res.data.code === 1) {
|
|
||||||
console.log('res.data.data--->', res.data.data);
|
|
||||||
Status.value.orders = res.data.data;
|
|
||||||
} else {
|
|
||||||
console.log('没拿到用户数据');
|
|
||||||
}
|
|
||||||
};
|
|
||||||
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 === '待发货';
|
|
||||||
case '已发货':
|
|
||||||
return order.orderStatus === '已发货';
|
|
||||||
case '已退款':
|
|
||||||
return order.orderStatus === '已退款';
|
|
||||||
default:
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
Status.value.orderStatus = tab;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
|
const Status = ref({
|
||||||
|
orderStatus: '全部',
|
||||||
|
orders: [],
|
||||||
|
displayedOrders: [],
|
||||||
|
});
|
||||||
|
const orderStatus = '';
|
||||||
|
const currentColor = ref(0);
|
||||||
|
const isSelected = (tab) => Status.value.orderStatus === tab;
|
||||||
|
const searchKeyword = ref(''); // 新增，用于存储搜索关键词
|
||||||
|
|
||||||
const goToText = (index) => {
|
onMounted(async () => {
|
||||||
console.log('下标-->', index);
|
await Getorder();
|
||||||
uni.navigateTo({
|
// 根据当前的tab值来设置displayedOrders
|
||||||
url: '../../../pages/mine/OrderDetails/OrderDetails?info=' + JSON.stringify(Status.value
|
if (Status.value.orderStatus === '全部') {
|
||||||
.displayedOrders[index]),
|
Status.value.displayedOrders = Status.value.orders;
|
||||||
})
|
} else {
|
||||||
}
|
Status.value.displayedOrders = Status.value.orders.filter((order) => {
|
||||||
|
switch (Status.value.orderStatus) {
|
||||||
|
case '待支付':
|
||||||
|
return order.orderStatus === '待支付'
|
||||||
|
case '待发货':
|
||||||
|
return order.orderStatus === '待发货'
|
||||||
|
case '已发货':
|
||||||
|
return order.orderStatus === '已发货'
|
||||||
|
case '已退款':
|
||||||
|
return order.orderStatus === '已退款'
|
||||||
|
default:
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
const userInfo = wx.getStorageSync('userInfo');
|
||||||
|
|
||||||
|
const Getorder = async () => {
|
||||||
|
const res = await uni.request({
|
||||||
|
url: baseUrl + '/order/list',
|
||||||
|
method: 'POST',
|
||||||
|
header: {
|
||||||
|
cookie: wx.getStorageSync('cookie')
|
||||||
|
},
|
||||||
|
data: {
|
||||||
|
id: userInfo.id,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
if (res.data.code === 1) {
|
||||||
|
Status.value.orders = res.data.data;
|
||||||
|
} else {
|
||||||
|
console.log('没拿到用户数据');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const zt = ref({
|
||||||
|
tab: ''
|
||||||
|
});
|
||||||
|
|
||||||
|
onLoad((options) => {
|
||||||
|
if (options.tab) {
|
||||||
|
zt.value.tab = JSON.parse(options.tab);
|
||||||
|
changeTab(zt.value.tab);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
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 === '待发货';
|
||||||
|
case '已发货':
|
||||||
|
return order.orderStatus === '已发货';
|
||||||
|
case '已退款':
|
||||||
|
return order.orderStatus === '已退款';
|
||||||
|
default:
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
Status.value.orderStatus = tab;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 新增，处理搜索逻辑的函数
|
||||||
|
const handleSearch = () => {
|
||||||
|
if (searchKeyword.value.trim() === '') {
|
||||||
|
// 如果关键词为空，恢复根据当前tab展示的数据（全部或筛选后的数据）
|
||||||
|
if (Status.value.orderStatus === '全部') {
|
||||||
|
Status.value.displayedOrders = Status.value.orders;
|
||||||
|
} else {
|
||||||
|
Status.value.displayedOrders = Status.value.orders.filter((order) => {
|
||||||
|
switch (Status.value.orderStatus) {
|
||||||
|
case '待支付':
|
||||||
|
return order.orderStatus === '待支付'
|
||||||
|
case '待发货':
|
||||||
|
return order.orderStatus === '待发货'
|
||||||
|
case '已发货':
|
||||||
|
return order.orderStatus === '已发货'
|
||||||
|
case '已退款':
|
||||||
|
return order.orderStatus === '已退款'
|
||||||
|
default:
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const keyword = searchKeyword.value.toLowerCase(); // 转换为小写，方便不区分大小写搜索
|
||||||
|
Status.value.displayedOrders = Status.value.orders.filter((order) => {
|
||||||
|
return order.orderItemList.some((item) => {
|
||||||
|
return item.goodSnapshot.name.toLowerCase().includes(keyword);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const goToText = (index) => {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '../../../pages/mine/OrderDetails/OrderDetails?info=' + JSON.stringify(Status.value
|
||||||
|
.displayedOrders[index]),
|
||||||
|
})
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user