商城的实体类商品业务流程全部完成，这一版是等测试版本
This commit is contained in:
parent
7336a57f67
commit
1ef72442d8
|
|
@ -1,5 +1,6 @@
|
|||
export const Url = 'http://localhost:9092/api' //后端接口文档
|
||||
export const testUrl = 'http://123.249.108.160:8888/api' //自己组的服务器接口地址
|
||||
export const suiUrl = 'http://154.8.193.216:9092/api' //隋宇霏的接口地址
|
||||
export const domain = 'https://www.carboner.cn/api'
|
||||
|
||||
export const baseUrl = testUrl
|
||||
export const baseUrl = domain
|
||||
15
pages.json
15
pages.json
|
|
@ -66,14 +66,6 @@
|
|||
"navigationBarTitleText" : "泠泷水月阁工作室"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/Shopping-cart/Phone/Phone",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "",
|
||||
"navigationBarBackgroundColor": "#a0522d"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/order/product-paysuccess/product-paysuccess",
|
||||
"style" :
|
||||
|
|
@ -212,6 +204,13 @@
|
|||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/order/singleGoodOrder/singleGoodOrder",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
|
|
|
|||
|
|
@ -1,111 +0,0 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col list">
|
||||
<view class="flex-row justify-between items-center list-item mt-9" v-for="(item, index) in items" :key="index">
|
||||
<view class="flex-row items-center">
|
||||
<text class="font">张三</text>
|
||||
<text class="font_2 ml-9">15888610253</text>
|
||||
<view class="flex-col justify-start items-center shrink-0 text-wrapper ml-9">
|
||||
<text class="text">默认</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=6ff8502391df0676ffa6f9a4c72cf204.png"
|
||||
/>
|
||||
<image
|
||||
class="ml-12 image"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=33bb1d0b853cc38a598105b3dab0d494.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center section mt-593">
|
||||
<view class="flex-col justify-start items-center text-wrapper_2"><text class="font text_2">新增联系人</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-9 {
|
||||
margin-top: 17.18rpx;
|
||||
}
|
||||
.ml-9 {
|
||||
margin-left: 17.18rpx;
|
||||
}
|
||||
.mt-593 {
|
||||
margin-top: 1131.68rpx;
|
||||
}
|
||||
.page {
|
||||
padding-top: 20.99rpx;
|
||||
background-color: #fffaf0;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.list {
|
||||
padding: 0 20.99rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 30.53rpx 15.27rpx 30.53rpx 22.9rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.54rpx;
|
||||
border-left: solid 1.91rpx #818181;
|
||||
border-right: solid 1.91rpx #818181;
|
||||
border-top: solid 1.91rpx #818181;
|
||||
border-bottom: solid 1.91rpx #818181;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.font {
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.67rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text-wrapper {
|
||||
background-color: #ffbe55;
|
||||
border-radius: 9.54rpx;
|
||||
width: 70.61rpx;
|
||||
height: 32.44rpx;
|
||||
}
|
||||
.text {
|
||||
color: #ffffff;
|
||||
font-size: 22.9rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 21.07rpx;
|
||||
}
|
||||
.image {
|
||||
border-radius: 9.54rpx;
|
||||
width: 40.08rpx;
|
||||
height: 40.08rpx;
|
||||
}
|
||||
.section {
|
||||
padding: 17.18rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 26.72rpx 0 22.9rpx;
|
||||
background-color: #ffa948;
|
||||
border-radius: 47.71rpx;
|
||||
width: 629.77rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #ffffff;
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
@import url(../../../common/css/global);
|
||||
</style>
|
||||
|
|
@ -295,6 +295,9 @@ const jump_product =(gid)=>{
|
|||
const editOrSettle = async ()=>{ //去结算或者删除状态方法
|
||||
// console.log('要传到订单详情页面的checked--->',checkedData.value);
|
||||
if(stateText.value.bottomBtn === '去结算') {
|
||||
if(checkedData.value.length === 0) { //在没有勾选的时候禁止发请求
|
||||
return;
|
||||
}
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/cart/submit/error',
|
||||
method: 'POST',
|
||||
|
|
@ -318,6 +321,7 @@ const editOrSettle = async ()=>{ //去结算或者删除状态方法
|
|||
uni.navigateTo({
|
||||
url: '/pages/order/product-waitpay/product-waitpay?cartInfo=' + JSON.stringify(checkedData.value)
|
||||
})
|
||||
checkedData.value.splice(0,checkedData.value.length)
|
||||
}
|
||||
} else {
|
||||
uni.showModal({
|
||||
|
|
|
|||
|
|
@ -48,12 +48,12 @@
|
|||
<view class="flex-row equal-division group">
|
||||
<view class="flex-col equal-division-item section_2" @click="showWhole('0')">
|
||||
<image class="self-start image"
|
||||
src="https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=e29908fd7c3623fbb6854b38b828c5b8.png" />
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQrbJhlbu-zhengtaoyuepai.png" />
|
||||
<text class="self-center font mt-7">整套约拍</text>
|
||||
</view>
|
||||
<view class="ml-48 flex-col equal-division-item section_3" @click="showWhole('1')">
|
||||
<image class="self-start image"
|
||||
src="https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=ca4da1e3507e3276bd2cf0946c8322bd.png" />
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FvEBBpzOI-zidaifuzhuang.png" />
|
||||
<text class="mt-8 self-center font text_2">自带服装</text>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@
|
|||
<text class="mt-12 font_3 text_6">伊人摸样，丹青绘画</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row relative grid-item_4">
|
||||
<view class="flex-row relative grid-item_4" @click="showStop">
|
||||
<image
|
||||
class="shrink-0 self-center image_4"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FlMKuKgjS-fourthicon.png"
|
||||
|
|
@ -121,6 +121,13 @@ const getFonts =()=>{
|
|||
}
|
||||
})
|
||||
}
|
||||
//为了上架的提示框
|
||||
const showStop =()=>{
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '正在开发中!'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<view class="all">
|
||||
<view>
|
||||
<view>
|
||||
<img src="http://110.42.248.235:866/images/system/666/HmCyrnRc-login.png" class="img">
|
||||
<!-- <img src="http://110.42.248.235:866/images/system/666/HmCyrnRc-login.png" class="img"> -->
|
||||
</view>
|
||||
<view class="text_all">
|
||||
<view class="text_tishi">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<view class="flex-row relative page">
|
||||
<view class="flex-row justify-center items-center section_2 pos">
|
||||
<image class="image"
|
||||
src="https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=49977e5fbfb65cc3b62ce79b9d6705a2.png" />
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVrgKnxCu-sousuo.png" />
|
||||
<text class="font text ml-4">搜索订单</text>
|
||||
</view>
|
||||
<view class="flex-col section_44">
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
|
||||
<view class="flex-col pos_8">
|
||||
<view class="flex-col section_4 list-item_1 mt-14" v-for="(order, index) in Status.displayedOrders"
|
||||
:key="order.id" @click="goToText(index)">
|
||||
:key="order.id" @click="goToText(order)">
|
||||
<view class="flex-col">
|
||||
<!-- <text class="self-end font_3 text_5">交易关闭</text> -->
|
||||
<view class="flex-row items-center self-stretch mt-2">
|
||||
|
|
@ -41,34 +41,34 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="flex-col group">
|
||||
<view class="flex-row justify-between list-item group_3" v-for="item in order.orderItemList"
|
||||
:key="item.id">
|
||||
<view class="flex-row justify-between list-item group_3" v-for="(item,goodIndex) in order.orderItemList"
|
||||
:key="goodIndex">
|
||||
<view class="flex-row">
|
||||
<image class="image_2" :src="item.goodSnapshot.goodImg" />
|
||||
<image class="image_2" :src="item.goodSnapshot.goodImg.split(';')[0]" />
|
||||
<view class="flex-col self-start group_1 ml-18">
|
||||
<view class="flex-row self-stretch">
|
||||
<text class="font">{{ item.goodSnapshot.name }}</text>
|
||||
<text class="font text_10">【{{ item.goodSnapshot.type }}】</text>
|
||||
</view>
|
||||
<text class="self-start font_7 text_12 mt-36">×1</text>
|
||||
<text class="self-start font_7 text_12 mt-36">x{{ item.quantity }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center self-start group_2">
|
||||
{{ item.goodSnapshot.price }}
|
||||
￥ {{ item.goodSnapshot.price }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="divider view_1"></view>
|
||||
<view class="flex-row justify-end group_5">
|
||||
<!-- <view class="flex-row justify-end group_5">
|
||||
<view v-if="order.orderStatus==='待支付'" class="font text_18">去支付</view>
|
||||
<view v-if="order.orderStatus==='待发货'" class="font text_18">取消订单</view>
|
||||
<view v-if="order.orderStatus==='已发货'" class="font text_18">确认收货</view>
|
||||
<view v-if="order.orderStatus==='已退款'" class="font text_18">售后详情</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="flex-row justify-end items-center view">
|
||||
<text class="font_9 text_16">总 金额：</text>
|
||||
<image class="image_4 image_5"
|
||||
src="https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=f10bd62afae3562e9d76103ff6fb0f84.png" />
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FJmxvlQvD-rmbpink.png" />
|
||||
<text class="font_8 text_17">{{order.totalAmount}}</text>
|
||||
</view>
|
||||
<!-- <view class="flex-row justify-end group_7"> -->
|
||||
|
|
@ -87,10 +87,11 @@
|
|||
<text class="font_3">已退款</text>
|
||||
</view> -->
|
||||
<!-- </view> -->
|
||||
<view @click.stop>
|
||||
<view class="flex-row justify-end group_7" v-if="order.orderStatus==='待支付'">
|
||||
<view class="flex-col justify-start items-center text-wrapper"><text
|
||||
<view class="flex-col justify-start items-center text-wrapper" @click="cancelOrder(order)"><text
|
||||
class="font text_18">取消订单</text></view>
|
||||
<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" @click="goToPay(order)">
|
||||
<text class="font_3">去支付</text>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -100,8 +101,6 @@
|
|||
</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>
|
||||
|
|
@ -110,6 +109,7 @@
|
|||
<view class="flex-col justify-start items-center text-wrapper"><text
|
||||
class="font text_18">删除订单</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -117,29 +117,22 @@
|
|||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted,
|
||||
toRaw
|
||||
} from 'vue';
|
||||
import {
|
||||
baseUrl,
|
||||
testUrl,
|
||||
suiUrl
|
||||
} from '@/api/request';
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
const Status = ref({
|
||||
orderStatus: '全部',
|
||||
orders: [],
|
||||
displayedOrders: [],
|
||||
})
|
||||
const orderStatus = ''
|
||||
const currentColor = ref(0);
|
||||
const isSelected = (tab) => Status.value.orderStatus === tab
|
||||
import { ref,onMounted,toRaw } from 'vue';
|
||||
import { baseUrl } from '@/api/request';
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
const Status = ref({
|
||||
orderStatus: '全部',
|
||||
orders: [],
|
||||
displayedOrders: [],
|
||||
})
|
||||
const orderStatus = ''
|
||||
const currentColor = ref(0);
|
||||
const isSelected = (tab) => Status.value.orderStatus === tab
|
||||
onMounted(async () => {
|
||||
await Getorder()
|
||||
if (Status.value.orderStatus === '全部') {
|
||||
Status.value.displayedOrders = Status.value.orders;
|
||||
console.log('Status.value.displayedOrders--->',Status.value.displayedOrders);
|
||||
} else {
|
||||
Status.value.displayedOrders = Status.value.orders.filter((order) => {
|
||||
switch (Status.value.orderStatus) {
|
||||
|
|
@ -156,6 +149,7 @@
|
|||
}
|
||||
})
|
||||
}
|
||||
getFonts()
|
||||
})
|
||||
|
||||
const userInfo = wx.getStorageSync('userInfo')
|
||||
|
|
@ -165,14 +159,11 @@
|
|||
method: 'POST',
|
||||
header: {
|
||||
cookie: wx.getStorageSync('cookie')
|
||||
},
|
||||
data: {
|
||||
id: userInfo.id,
|
||||
},
|
||||
}
|
||||
})
|
||||
if (res.data.code === 1) {
|
||||
|
||||
Status.value.orders = res.data.data
|
||||
console.log('Status.value.orders--->',Status.value.orders);
|
||||
} else {
|
||||
console.log('没拿到用户数据')
|
||||
}
|
||||
|
|
@ -206,354 +197,386 @@
|
|||
Status.value.orderStatus = tab
|
||||
}
|
||||
}
|
||||
const goToText = (index) => {
|
||||
uni.navigateTo({
|
||||
// url: '../../../pages/mine/OrderDetails/OrderDetails?info=' + JSON.stringify(Status.value.displayedOrders[index]),
|
||||
url: '../../../pages/order/product-waitpay/product-waitpay?info' + JSON.stringify(Status.value.displayedOrders[index])
|
||||
const goToText = (orderInfo) => {
|
||||
console.log(orderInfo);
|
||||
uni.navigateTo({
|
||||
url: '../../../pages/order/product-paysuccess/product-paysuccess?oid=' + JSON.stringify(orderInfo.id)
|
||||
})
|
||||
}
|
||||
const cancelOrder = async (order) => { //取消订单
|
||||
console.log(order);
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '确定要取消订单吗?',
|
||||
success:(e) => {
|
||||
if(e.confirm) {
|
||||
postCancelOrder(order)
|
||||
} else if(e.cancel) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
const goToPay = async (order) => {
|
||||
wxPay(order.id) //调用微信支付
|
||||
}
|
||||
const wxPay = async( oid )=> { //传入订单id
|
||||
try {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/wechat/payment/create',
|
||||
method: 'POST',
|
||||
header: {
|
||||
'cookie': wx.getStorageSync("cookie")
|
||||
},
|
||||
data: { id: oid }
|
||||
})
|
||||
const paymentData = res.data.data
|
||||
wx.requestPayment({
|
||||
appid: paymentData.appId,
|
||||
nonceStr: paymentData.nonceStr,
|
||||
package: paymentData.packageVal,
|
||||
paySign: paymentData.paySign,
|
||||
timeStamp: paymentData.timeStamp,
|
||||
signType: paymentData.signType,
|
||||
success(res) {
|
||||
uni.showModal({
|
||||
content: '支付成功',
|
||||
showCancel: false
|
||||
})
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/product-paysuccess/product-paysuccess?oid=' + JSON.stringify(oid)
|
||||
})
|
||||
console.log('支付成功res--->',res);
|
||||
},
|
||||
fail(e) {
|
||||
// uni.showModal({
|
||||
// content: '支付失败，原因为:' + e.errMsg,
|
||||
// showCancel: false
|
||||
// })
|
||||
// console.log('e.errMsg--->',e.errMsg);
|
||||
}
|
||||
})
|
||||
}catch(error) {
|
||||
console.error('支付请求失败',error);
|
||||
uni.showModal({
|
||||
content: '支付请求失败,请重试。',
|
||||
showCancel: false
|
||||
})
|
||||
}
|
||||
}
|
||||
const postCancelOrder = async(order)=>{ //向后端发送取消订单请求
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/order/cancel/id',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie: wx.getStorageSync('cookie')
|
||||
},
|
||||
data: { id: order.id }
|
||||
})
|
||||
console.log('取消订单的信息--->',res.data);
|
||||
if(res.data.code === 1) {
|
||||
Getorder() //成功请求后获取订单信息
|
||||
uni.redirectTo({
|
||||
url: '/pages/mine/mineorders/mineorders?zt=' + JSON.stringify(Status.value.orderStatus)
|
||||
})
|
||||
}
|
||||
}
|
||||
//获取字体
|
||||
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>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.groupp {
|
||||
padding: 22.5rpx 0 18.75rpx;
|
||||
}
|
||||
|
||||
.section_44 {
|
||||
padding-left: 33.75rpx;
|
||||
padding-right: 30rpx;
|
||||
width: 100%;
|
||||
height: 120rpx;
|
||||
margin-top: 80rpx;
|
||||
}
|
||||
|
||||
.ml-5 {
|
||||
margin-left: 9.38rpx;
|
||||
}
|
||||
|
||||
.font_22.selected {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.font_22.selected::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -5px; // 调整线条距离底部的距离
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 2px; // 调整线条的粗细
|
||||
background-color: #f6aaa4; // 调整线条颜色
|
||||
transition: all 0.3s ease; // 添加过渡效果
|
||||
}
|
||||
|
||||
.page {
|
||||
padding: 46.88rpx 22.5rpx 401.25rpx;
|
||||
background-color: #ffffff;
|
||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 2073.75rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.section_2 {
|
||||
padding: 9.38rpx 0;
|
||||
background-color: #ffffff;
|
||||
border-radius: 75rpx;
|
||||
}
|
||||
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 35.63rpx;
|
||||
right: 35.63rpx;
|
||||
top: 46.88rpx;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 25.54rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text {
|
||||
color: #c0c0c0;
|
||||
line-height: 25.84rpx;
|
||||
}
|
||||
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 28.84rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.font_22 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 27.81rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text_2 {
|
||||
line-height: 28.48rpx;
|
||||
}
|
||||
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 33.99rpx;
|
||||
top: 146.36rpx;
|
||||
}
|
||||
|
||||
.text_3 {
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 147.66rpx;
|
||||
top: 146.14rpx;
|
||||
}
|
||||
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
left: 295.78rpx;
|
||||
top: 145.78rpx;
|
||||
}
|
||||
|
||||
.pos_5 {
|
||||
position: absolute;
|
||||
right: 214.22rpx;
|
||||
top: 145.78rpx;
|
||||
}
|
||||
|
||||
.text_4 {
|
||||
line-height: 29.53rpx;
|
||||
}
|
||||
|
||||
.pos_6 {
|
||||
position: absolute;
|
||||
right: 34.22rpx;
|
||||
top: 147.07rpx;
|
||||
}
|
||||
|
||||
.section_3 {
|
||||
background-color: #ffaaa5;
|
||||
width: 73.13rpx;
|
||||
height: 5.63rpx;
|
||||
}
|
||||
|
||||
.pos_7 {
|
||||
position: absolute;
|
||||
left: 30rpx;
|
||||
top: 182.81rpx;
|
||||
}
|
||||
|
||||
.pos_8 {
|
||||
position: absolute;
|
||||
left: 22.5rpx;
|
||||
right: 30rpx;
|
||||
top: 217.5rpx;
|
||||
}
|
||||
|
||||
.section_4 {
|
||||
padding: 34.61rpx 15rpx 31.88rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 31.88rpx;
|
||||
}
|
||||
|
||||
.list-item_1:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 25.54rpx;
|
||||
color: #ffaaa5;
|
||||
}
|
||||
|
||||
.text_5 {
|
||||
margin-right: 8.08rpx;
|
||||
line-height: 24.62rpx;
|
||||
}
|
||||
|
||||
.font_4 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 22.14rpx;
|
||||
color: #818181;
|
||||
}
|
||||
|
||||
.font_5 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 15.04rpx;
|
||||
color: #818181;
|
||||
}
|
||||
|
||||
.group {
|
||||
margin-top: 29.21rpx;
|
||||
}
|
||||
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.image_2 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 146.25rpx;
|
||||
height: 144.38rpx;
|
||||
}
|
||||
|
||||
.group_1 {
|
||||
margin-top: 2.33rpx;
|
||||
}
|
||||
|
||||
.text_10 {
|
||||
line-height: 25.01rpx;
|
||||
}
|
||||
|
||||
.font_7 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 19.29rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text_12 {
|
||||
margin-left: 5.34rpx;
|
||||
line-height: 18.73rpx;
|
||||
}
|
||||
|
||||
.group_2 {
|
||||
margin-right: 8.23rpx;
|
||||
margin-top: 89.19rpx;
|
||||
}
|
||||
|
||||
.font_6 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 25.54rpx;
|
||||
font-weight: 600;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text_11 {
|
||||
margin-left: 25.03rpx;
|
||||
line-height: 24.88rpx;
|
||||
}
|
||||
|
||||
.image_3 {
|
||||
margin-left: -90.66rpx;
|
||||
width: 30rpx;
|
||||
height: 26.25rpx;
|
||||
}
|
||||
|
||||
.font_8 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 19.29rpx;
|
||||
font-weight: 600;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text_13 {
|
||||
margin-left: 61.14rpx;
|
||||
}
|
||||
|
||||
.divider {
|
||||
background-color: #dad2d2;
|
||||
height: 0.81rpx;
|
||||
}
|
||||
|
||||
.view_1 {
|
||||
margin: 30.43rpx 28.13rpx 0 39.38rpx;
|
||||
}
|
||||
|
||||
.group_5 {
|
||||
margin-top: 49.41rpx;
|
||||
padding: 0 21.21rpx;
|
||||
color: #ffaaa5;
|
||||
}
|
||||
|
||||
.font_9 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 25.54rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.text_14 {
|
||||
line-height: 24.62rpx;
|
||||
}
|
||||
|
||||
.text_15 {
|
||||
margin-top: 2.17rpx;
|
||||
line-height: 24rpx;
|
||||
}
|
||||
|
||||
.view {
|
||||
margin-top: 19.93rpx;
|
||||
padding: 0 19.54rpx;
|
||||
}
|
||||
|
||||
.text_16 {
|
||||
margin-right: 6.99rpx;
|
||||
line-height: 24.3rpx;
|
||||
}
|
||||
|
||||
.image_4 {
|
||||
width: 31.88rpx;
|
||||
height: 30rpx;
|
||||
}
|
||||
|
||||
.image_5 {
|
||||
margin-right: -8.29rpx;
|
||||
}
|
||||
|
||||
.text_17 {
|
||||
color: #ffaaa5;
|
||||
line-height: 19.39rpx;
|
||||
}
|
||||
|
||||
.group_7 {
|
||||
margin-top: 52.5rpx;
|
||||
padding: 0 9.38rpx;
|
||||
}
|
||||
|
||||
.text-wrapper {
|
||||
padding: 13.86rpx 0 13.52rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 75rpx;
|
||||
width: 155.63rpx;
|
||||
height: 56.25rpx;
|
||||
border: solid 1.88rpx #cbcbcb;
|
||||
}
|
||||
|
||||
.text_18 {
|
||||
line-height: 25.13rpx;
|
||||
}
|
||||
|
||||
.text-wrapper_2 {
|
||||
padding: 13.46rpx 0 13.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 75rpx;
|
||||
width: 155.63rpx;
|
||||
height: 56.25rpx;
|
||||
border: solid 1.88rpx #ffaaa5;
|
||||
}
|
||||
|
||||
.group_3 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
|
||||
@import url("../../../common/css/global.css");
|
||||
.groupp {
|
||||
padding: 22.5rpx 0 18.75rpx;
|
||||
}
|
||||
.section_44 {
|
||||
padding-left: 33.75rpx;
|
||||
padding-right: 30rpx;
|
||||
width: 100%;
|
||||
height: 120rpx;
|
||||
margin-top: 80rpx;
|
||||
}
|
||||
.ml-5 {
|
||||
margin-left: 9.38rpx;
|
||||
}
|
||||
.font_22.selected {
|
||||
position: relative;
|
||||
}
|
||||
.font_22.selected::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -5px; // 调整线条距离底部的距离
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 2px; // 调整线条的粗细
|
||||
background-color: #f6aaa4; // 调整线条颜色
|
||||
transition: all 0.3s ease; // 添加过渡效果
|
||||
}
|
||||
.page {
|
||||
padding: 46.88rpx 22.5rpx 401.25rpx;
|
||||
background-color: #ffffff;
|
||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 9.38rpx 0;
|
||||
background-color: #ffffff;
|
||||
border-radius: 75rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 35.63rpx;
|
||||
right: 35.63rpx;
|
||||
top: 46.88rpx;
|
||||
}
|
||||
.image {
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 25.54rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text {
|
||||
color: #c0c0c0;
|
||||
line-height: 25.84rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 28.84rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_22 {
|
||||
font-size: 30rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 27.81rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 28.48rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 33.99rpx;
|
||||
top: 146.36rpx;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 147.66rpx;
|
||||
top: 146.14rpx;
|
||||
}
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
left: 295.78rpx;
|
||||
top: 145.78rpx;
|
||||
}
|
||||
.pos_5 {
|
||||
position: absolute;
|
||||
right: 214.22rpx;
|
||||
top: 145.78rpx;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 29.53rpx;
|
||||
}
|
||||
.pos_6 {
|
||||
position: absolute;
|
||||
right: 34.22rpx;
|
||||
top: 147.07rpx;
|
||||
}
|
||||
.section_3 {
|
||||
background-color: #ffaaa5;
|
||||
width: 73.13rpx;
|
||||
height: 5.63rpx;
|
||||
}
|
||||
.pos_7 {
|
||||
position: absolute;
|
||||
left: 30rpx;
|
||||
top: 182.81rpx;
|
||||
}
|
||||
.pos_8 {
|
||||
position: absolute;
|
||||
left: 22.5rpx;
|
||||
right: 30rpx;
|
||||
top: 217.5rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 34.61rpx 15rpx 31.88rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 31.88rpx;
|
||||
}
|
||||
.list-item_1:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 25.54rpx;
|
||||
color: #ffaaa5;
|
||||
}
|
||||
.text_5 {
|
||||
margin-right: 8.08rpx;
|
||||
line-height: 24.62rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 22.14rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 15.04rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.group {
|
||||
margin-top: 29.21rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_2 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 146.25rpx;
|
||||
height: 144.38rpx;
|
||||
}
|
||||
.group_1 {
|
||||
margin-top: 2.33rpx;
|
||||
}
|
||||
.text_10 {
|
||||
line-height: 25.01rpx;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 19.29rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_12 {
|
||||
margin-left: 5.34rpx;
|
||||
line-height: 18.73rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-right: 8.23rpx;
|
||||
margin-top: 89.19rpx;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 25.54rpx;
|
||||
font-weight: 600;
|
||||
color: #323232;
|
||||
}
|
||||
.text_11 {
|
||||
margin-left: 25.03rpx;
|
||||
line-height: 24.88rpx;
|
||||
}
|
||||
.image_3 {
|
||||
margin-left: -90.66rpx;
|
||||
width: 30rpx;
|
||||
height: 26.25rpx;
|
||||
}
|
||||
.font_8 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 19.29rpx;
|
||||
font-weight: 600;
|
||||
color: #323232;
|
||||
}
|
||||
.text_13 {
|
||||
margin-left: 61.14rpx;
|
||||
}
|
||||
.divider {
|
||||
background-color: #dad2d2;
|
||||
height: 0.81rpx;
|
||||
}
|
||||
.view_1 {
|
||||
margin: 30.43rpx 28.13rpx 0 39.38rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-top: 49.41rpx;
|
||||
padding: 0 21.21rpx;
|
||||
color: #ffaaa5;
|
||||
}
|
||||
.font_9 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 25.54rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_14 {
|
||||
line-height: 24.62rpx;
|
||||
}
|
||||
.text_15 {
|
||||
margin-top: 2.17rpx;
|
||||
line-height: 24rpx;
|
||||
}
|
||||
.view {
|
||||
margin-top: 19.93rpx;
|
||||
padding: 0 19.54rpx;
|
||||
}
|
||||
.text_16 {
|
||||
margin-right: 6.99rpx;
|
||||
line-height: 24.3rpx;
|
||||
}
|
||||
.image_4 {
|
||||
width: 31.88rpx;
|
||||
height: 30rpx;
|
||||
}
|
||||
.image_5 {
|
||||
margin-right: -8.29rpx;
|
||||
}
|
||||
.text_17 {
|
||||
color: #ffaaa5;
|
||||
line-height: 19.39rpx;
|
||||
}
|
||||
.group_7 {
|
||||
margin-top: 52.5rpx;
|
||||
padding: 0 9.38rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 13.86rpx 0 13.52rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 75rpx;
|
||||
width: 155.63rpx;
|
||||
height: 56.25rpx;
|
||||
border: solid 1.88rpx #cbcbcb;
|
||||
}
|
||||
.text_18 {
|
||||
line-height: 25.13rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 13.46rpx 0 13.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 75rpx;
|
||||
width: 155.63rpx;
|
||||
height: 56.25rpx;
|
||||
border: solid 1.88rpx #ffaaa5;
|
||||
}
|
||||
.group_3 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
@import url("../../../common/css/global.css");
|
||||
</style>
|
||||
|
|
@ -47,6 +47,10 @@ const items = ref([null, null])
|
|||
const addressList = ref([])
|
||||
const userInfo = wx.getStorageSync('userInfo')
|
||||
//页面跳转回来之后，刷新一次地址列表 onShow就是在页面显示后执行
|
||||
|
||||
onMounted(() => {
|
||||
getAddressList()
|
||||
})
|
||||
onShow(() => {
|
||||
getAddressList()
|
||||
})
|
||||
|
|
@ -57,11 +61,9 @@ const getAddressList = async () =>{
|
|||
method: 'POST',
|
||||
header: {
|
||||
'cookie': wx.getStorageSync('cookie')
|
||||
},
|
||||
data: {
|
||||
id : userInfo.id
|
||||
}
|
||||
})
|
||||
console.log('组件的地址信息---->',res.data);
|
||||
addressList.value = res.data.data
|
||||
}
|
||||
//关闭弹窗
|
||||
|
|
|
|||
|
|
@ -103,9 +103,13 @@
|
|||
<text class="text_31">{{ orderObject.totalAmount }}</text>
|
||||
<!-- <text class="text_33">00</text> -->
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_2" @click="stateSubmit">
|
||||
<text class="font_8 text_32">{{ bottomBtn }}</text>
|
||||
<!-- <button open-type="contact" bindcontact="handleContact" v-if="bottomBtn === '联系客服'" session-from="sessionFrom">客服</button> -->
|
||||
<view class="flex-col justify-start items-center text-wrapper_2" @click="stateSubmit" v-if="bottomBtn != '联系客服'">
|
||||
<text class="font_8 text_32" >{{ bottomBtn }}</text>
|
||||
</view>
|
||||
<button class="text-wrapper_3" v-if="bottomBtn === '联系客服'" open-type="contact" bindcontact="handleContact" session-from="sessionFrom">
|
||||
<text class="font_8 text_32">联系客服</text>
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -191,8 +195,7 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
content: '支付成功',
|
||||
showCancel: false
|
||||
})
|
||||
getOrderItem();
|
||||
setBottomText();
|
||||
buffer()
|
||||
},
|
||||
fail(e) {
|
||||
uni.showModal({
|
||||
|
|
@ -209,6 +212,10 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
})
|
||||
}
|
||||
}
|
||||
const buffer = async ()=>{ //缓冲函数
|
||||
await getOrderItem();
|
||||
await setBottomText();
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
@ -495,5 +502,14 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
.text_32 {
|
||||
color: #ffffff;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
position: relative;
|
||||
left: 140rpx;
|
||||
background-color: #ffaaa5;
|
||||
border-radius: 75rpx;
|
||||
width: 204rpx;
|
||||
// height: 71rpx;
|
||||
font-size: unset;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -148,7 +148,7 @@
|
|||
<view class="flex-col justify-start items-center text-wrapper_3" @click="createOrder"><text class="font_7 text_23">微信支付</text></view>
|
||||
</view>
|
||||
</view>
|
||||
<uni-popup ref="popup" background-color="#fff" @change="change">
|
||||
<uni-popup ref="popup" background-color="#fff">
|
||||
<view class="popup-content">
|
||||
<addressComponentVue></addressComponentVue>
|
||||
</view>
|
||||
|
|
@ -158,15 +158,11 @@
|
|||
<script setup>
|
||||
import {onMounted, ref, toRaw} from 'vue'
|
||||
import emitter from '../../../utils/emitter'
|
||||
import { onLoad , onShow } from "@dcloudio/uni-app";
|
||||
import { onLoad , onShow } from "@dcloudio/uni-app";
|
||||
import { baseUrl } from '../../../api/request';
|
||||
import addressComponentVue from '../component/addressComponent.vue'; //导入组件
|
||||
import { stateMap } from '../../../common/global';
|
||||
//一些暂时变量
|
||||
const num = ref(1)
|
||||
const youhuijuan_num = ref(1)
|
||||
const manjian = ref(120)
|
||||
const manjian1 = ref(50)
|
||||
const sumprice = ref(0) //总价格
|
||||
//11.4开发 不应该删掉的
|
||||
const popup = ref(null) //弹窗对象
|
||||
|
|
@ -179,23 +175,23 @@ const userInfo = wx.getStorageSync('userInfo') //用户信息
|
|||
const orderItemList = ref({})
|
||||
const totalInfo = ref([]) //购物车传过来的批量商品
|
||||
const note = ref('123')
|
||||
const postArr = ref([])
|
||||
const postCartArr = ref([])
|
||||
onMounted(() => {
|
||||
getFonts()
|
||||
//将关闭弹窗方法传入弹窗页面，绑定弹窗按钮可关闭弹窗
|
||||
emitter.on('close', () => {
|
||||
close()
|
||||
})
|
||||
//获取地址信息
|
||||
emitter.on('addressInfo', (val) =>{
|
||||
emitter.on('FangZhengFonts', (val) =>{
|
||||
addressRealInfo.value = val
|
||||
})
|
||||
// console.log(stateMap.get('订单已经退款'));
|
||||
})
|
||||
onLoad((options)=>{
|
||||
totalInfo.value = JSON.parse(options.cartInfo)
|
||||
console.log('options.cartInfo-->',JSON.parse(options.cartInfo));
|
||||
console.log('totalInfo.value-->',toRaw(totalInfo.value) );
|
||||
getProduct()
|
||||
getProduct() //获取商品列表
|
||||
})
|
||||
onShow(()=>{
|
||||
userInfo.value = wx.getStorageSync('userInfo') //从微信缓存中获取用户信息
|
||||
|
|
@ -210,12 +206,6 @@ const close = () => {
|
|||
const loadPop =() =>{
|
||||
popup.value.open('bottom')
|
||||
}
|
||||
//跳转支付
|
||||
const jump_pay =()=> {
|
||||
uni.navigateTo({
|
||||
url: '../../../pages/order/paysuccess/paysuccess'
|
||||
})
|
||||
}
|
||||
//获取用户默认地址
|
||||
const getDefaultAddress = async () =>{
|
||||
const res = await uni.request({
|
||||
|
|
@ -232,11 +222,10 @@ const getDefaultAddress = async () =>{
|
|||
}
|
||||
}
|
||||
}
|
||||
//创建待支付订单
|
||||
const createOrder = async () => {
|
||||
const createOrder = async () => { //购物车的购买方法
|
||||
console.log('地址信息-->',addressRealInfo.value);
|
||||
formatArr()
|
||||
console.log('postArr--->',postArr.value);
|
||||
console.log('postCartArr--->',postCartArr.value);
|
||||
const resOrder = await uni.request({ //向后端发送生成订单请求
|
||||
url: baseUrl + '/order/add/cart',
|
||||
method: 'POST',
|
||||
|
|
@ -250,7 +239,7 @@ const createOrder = async () => {
|
|||
// contactsId: null, //联系人信息id
|
||||
couponId: null, //优惠卷id
|
||||
note: note.value,
|
||||
cartOrderItemAddRequestList: toRaw(postArr.value)
|
||||
cartOrderItemAddRequestList: toRaw(postCartArr.value)
|
||||
}
|
||||
})
|
||||
console.log('后台返回订单响应==>',resOrder.data);
|
||||
|
|
@ -258,7 +247,7 @@ const createOrder = async () => {
|
|||
wxPay(resOrder.data.data)
|
||||
}
|
||||
}
|
||||
//根据商品id和购买数量获取商品信息
|
||||
//根据商品id数组获取商品信息
|
||||
const getProduct = async ()=> {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/cart/submit/list',
|
||||
|
|
@ -270,15 +259,18 @@ const getProduct = async ()=> {
|
|||
})
|
||||
console.log('展示订单页面的商品信息-->',res.data);
|
||||
if( res.data.code === 1 ) {
|
||||
productArr.value = res.data.data
|
||||
console.log('productArr--->',productArr.value);
|
||||
productArr.value.forEach((item)=>{
|
||||
sumprice.value += item.cartGoodVO.price * item.quantity //计算总金额
|
||||
})
|
||||
dealRes(res)
|
||||
}
|
||||
}
|
||||
const dealRes =(res)=> { //处理来自后端的数据
|
||||
productArr.value = res.data.data
|
||||
console.log('productArr--->',productArr.value);
|
||||
productArr.value.forEach((item)=>{
|
||||
sumprice.value += item.cartGoodVO.price * item.quantity //计算总金额
|
||||
})
|
||||
}
|
||||
//减少当前商品数量
|
||||
const shortNum =(index)=>{
|
||||
const shortNum = (index)=>{
|
||||
if(productArr.value[index].quantity > 1) {
|
||||
productArr.value[index].quantity -= 1
|
||||
//计算商品价格
|
||||
|
|
@ -286,22 +278,23 @@ const shortNum =(index)=>{
|
|||
}
|
||||
}
|
||||
//增加当前商品数量
|
||||
const addNum =(index)=>{
|
||||
const addNum = (index)=>{
|
||||
if( productArr.value[index].quantity < productArr.value[index].cartGoodVO.inventory ) { //数量肯定不能大于库存
|
||||
productArr.value[index].quantity += 1
|
||||
//计算商品价格
|
||||
sumprice.value += productArr.value[index].cartGoodVO.price * 1
|
||||
sumprice.value += productArr.value[index].cartGoodVO.price * 1 //计算商品价格
|
||||
}
|
||||
}
|
||||
const formatArr = () =>{
|
||||
postCartArr.value.splice(0,postCartArr.value.length)
|
||||
productArr.value.forEach((item,index)=>{
|
||||
postArr.value.push({
|
||||
postCartArr.value.push({
|
||||
cartRecordId: totalInfo.value[index],
|
||||
quantity: item.quantity
|
||||
})
|
||||
})
|
||||
}
|
||||
const wxPay = async( oid )=> { //传入订单id
|
||||
console.log('oid--->',oid);
|
||||
try {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/wechat/payment/create',
|
||||
|
|
@ -348,9 +341,28 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
})
|
||||
}
|
||||
}
|
||||
//获取字体
|
||||
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>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.popup-content {
|
||||
height: 392px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #fff;
|
||||
}
|
||||
.ml-17 {
|
||||
margin-left: 31.88rpx;
|
||||
}
|
||||
|
|
@ -392,7 +404,7 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 25.54rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
|
@ -406,7 +418,7 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
}
|
||||
.font_2 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 22.54rpx;
|
||||
color: #818181;
|
||||
}
|
||||
|
|
@ -418,7 +430,7 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 25.54rpx;
|
||||
color: #ffaaa5;
|
||||
}
|
||||
|
|
@ -471,13 +483,13 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
}
|
||||
.font_4 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 22.54rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 17.23rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
|
@ -497,7 +509,7 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 17.23rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
|
@ -532,7 +544,7 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
}
|
||||
.font_7 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 29.18rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
|
@ -541,7 +553,7 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
}
|
||||
.font_8 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 29.18rpx;
|
||||
color: #818181;
|
||||
}
|
||||
|
|
@ -551,7 +563,7 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
}
|
||||
.font_9 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 20.04rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
|
@ -621,7 +633,7 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
margin-left: -119.06rpx;
|
||||
color: #000000;
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 26.49rpx;
|
||||
}
|
||||
.text_22 {
|
||||
|
|
|
|||
|
|
@ -1,501 +0,0 @@
|
|||
<template>
|
||||
<view class="flex-row relative page">
|
||||
<image
|
||||
class="image pos"
|
||||
:src="good.url"
|
||||
/>
|
||||
<view class="flex-col section pos_2">
|
||||
<view class="flex-row items-baseline self-stretch group">
|
||||
<text class="text">{{good.price}}</text>
|
||||
<text class="text_2">积分</text>
|
||||
</view>
|
||||
<text class="mt-10 self-start font text_3">{{good.name}}</text>
|
||||
<text class="mt-10 self-start text_4">{{good.type}}</text>
|
||||
<view class="mt-10 flex-row justify-between self-stretch group_2">
|
||||
<view class="flex-row group_3">
|
||||
<text class="font_2 text_6">创客实验室</text>
|
||||
<text class="font_2 text_5">权益提供方-</text>
|
||||
</view>
|
||||
<view class="flex-row items-baseline group_4">
|
||||
<text class="font_2 text_7">已兑换</text>
|
||||
<text class="ml-4 font_2 text_8">{{good.sales}}</text>
|
||||
<text class="ml-4 font_2 text_9">件</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_2 pos_3">
|
||||
<view class="flex-row justify-between items-center" @click="jumpToChange">
|
||||
<view class="flex-row items-baseline">
|
||||
<text class="font_3">已选 :</text>
|
||||
<text class="font text_10">{{good.name}},</text>
|
||||
<text class="font text_11">{{changeCnt}}</text>
|
||||
<text class="font">件</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
:src="PointsMallImgUrl + 'payOrder/yjt.png'"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center mt-27" @click="jumpToAddress">
|
||||
<view class="flex-row">
|
||||
<text class="font_3 text_12">送至 :</text>
|
||||
<text class="ml-14 font_3 text_13">{{tempAddress}}</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
:src="PointsMallImgUrl + 'payOrder/yjt.png'"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_3 pos_4">
|
||||
<text class="self-start font text_14">商品详情</text>
|
||||
<view class="mt-12 flex-col self-stretch group_5">
|
||||
<text class="self-stretch font text_15">
|
||||
{{good.detail}}
|
||||
</text>
|
||||
<image
|
||||
mode="aspectFit"
|
||||
class="shrink-0 self-center image_3"
|
||||
:src="good.url"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start section_4 pos_5">
|
||||
<view class="flex-row justify-center items-center button section_5" @click="cPop">
|
||||
<text class="text_16">{{changePrice}}</text>
|
||||
<text class="ml-4 font text_17">积分兑换</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<uni-popup ref="popup" background-color="#fff" @change="change">
|
||||
<view class="popup-content">
|
||||
<addressVue></addressVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="change" background-color="#fff" @change="change">
|
||||
<view class="popup-content">
|
||||
<changeVue :good="good"></changeVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="alertDialog" type="dialog">
|
||||
<view class="pop">
|
||||
<popupVue></popupVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="cAlertDialog" type="dialog">
|
||||
<view class="pop">
|
||||
<cPopupVue :changePrice="changePrice"></cPopupVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="success" type="dialog">
|
||||
<view class="pop">
|
||||
<changeSuccessVue></changeSuccessVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { DomainName, PointsMallImgUrl } from '../../../common/global';
|
||||
import {onMounted, ref} from 'vue'
|
||||
import addressVue from '../component/address.vue'
|
||||
import emitter from '../../../utils/emitter'
|
||||
import popupVue from '../component/popup.vue';
|
||||
import changeVue from '../component/change.vue';
|
||||
import cPopupVue from '../component/cPopup.vue';
|
||||
import changeSuccessVue from '../component/changeSuccess.vue';
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import { userInfoStore } from '../../../store/user';
|
||||
const userStore = userInfoStore()
|
||||
|
||||
const good = ref([])
|
||||
|
||||
const changePrice = ref(0)
|
||||
const changeCnt = ref(1)
|
||||
|
||||
const tempAddress = ref('请输入/选择地址')
|
||||
|
||||
const realAddress = ref('')
|
||||
|
||||
const addId = ref(0)
|
||||
|
||||
onLoad((options) => {
|
||||
good.value = JSON.parse(options.good)
|
||||
changePrice.value = good.value.price
|
||||
console.log(good.value)
|
||||
})
|
||||
|
||||
const getDefaultAddress = async () => {
|
||||
const res = await uni.request({
|
||||
url: DomainName + '/change/queryUserDefaultAddress',
|
||||
method: 'GET',
|
||||
data: {
|
||||
id: userStore.user.id
|
||||
}
|
||||
})
|
||||
if(res.data.data != null){
|
||||
addId.value = res.data.data.id
|
||||
realAddress.value = (res.data.data.region + ' ' + res.data.data.detailAddress).split('/').join('')
|
||||
tempAddress.value = (res.data.data.region + ' ' + res.data.data.detailAddress).split('/').join('')
|
||||
if(tempAddress.value.length > 14)
|
||||
tempAddress.value = tempAddress.value.slice(0, 14) + '...'
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
const pointsChangeGoods = async () => {
|
||||
if(tempAddress.value == '请输入/选择地址'){
|
||||
uni.showToast({
|
||||
title: '请选择地址',
|
||||
icon: 'fail'
|
||||
})
|
||||
return ;
|
||||
}
|
||||
const res = await uni.request({
|
||||
url: DomainName + '/change/pointsChangeGoods',
|
||||
method: 'POST',
|
||||
data: {
|
||||
orderDate: getDate(),
|
||||
goodId: good.value.id,
|
||||
addressId: addId.value,
|
||||
quantity: changeCnt.value,
|
||||
userId: userStore.user.id
|
||||
}
|
||||
})
|
||||
console.log(res)
|
||||
if(res.data.code == '200'){
|
||||
successPop()
|
||||
}else{
|
||||
uni.showToast({
|
||||
title: '积分不足',
|
||||
icon: 'fail'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
emitter.on('open', () => {
|
||||
open()
|
||||
})
|
||||
emitter.on('close', () => {
|
||||
close()
|
||||
})
|
||||
emitter.on('pop', () => {
|
||||
pop()
|
||||
})
|
||||
emitter.on('cClose', (obj:any) => {
|
||||
cClose(obj)
|
||||
})
|
||||
emitter.on('cPopClose', () => {
|
||||
cPopClose()
|
||||
})
|
||||
emitter.on('successPop', () => {
|
||||
successPop()
|
||||
})
|
||||
emitter.on('popClose', () => {
|
||||
popClose()
|
||||
})
|
||||
emitter.on('cPop', () => {
|
||||
cPop()
|
||||
})
|
||||
|
||||
emitter.on('changeGoods', () => {
|
||||
pointsChangeGoods()
|
||||
})
|
||||
|
||||
emitter.on('addId', (val:any) => {
|
||||
addId.value = val
|
||||
})
|
||||
|
||||
emitter.on('addAddressOrder', (val:any) => {
|
||||
realAddress.value = val
|
||||
tempAddress.value = val
|
||||
if(tempAddress.value.length > 14)
|
||||
tempAddress.value = tempAddress.value.slice(0, 14) + '...'
|
||||
})
|
||||
|
||||
getDefaultAddress()
|
||||
|
||||
})
|
||||
|
||||
const jumpToAddress = () => {
|
||||
open()
|
||||
}
|
||||
const popup = ref(null)
|
||||
|
||||
const open = () => {
|
||||
popup.value.open('bottom')
|
||||
}
|
||||
const close = () => {
|
||||
popup.value.close()
|
||||
}
|
||||
|
||||
|
||||
const jumpToChange = () => {
|
||||
cOpen()
|
||||
}
|
||||
|
||||
const change = ref(null)
|
||||
const cOpen = () => {
|
||||
change.value.open('bottom')
|
||||
}
|
||||
const cClose = (obj:any) => {
|
||||
if(obj.confirm){
|
||||
changePrice.value = obj.cnt * good.value.price
|
||||
changeCnt.value = obj.cnt
|
||||
}
|
||||
change.value.close()
|
||||
}
|
||||
|
||||
|
||||
|
||||
const alertDialog = ref(null)
|
||||
const cAlertDialog = ref(null)
|
||||
const success = ref(null)
|
||||
|
||||
const successPop = () => {
|
||||
success.value.open()
|
||||
}
|
||||
|
||||
const pop = () => {
|
||||
alertDialog.value.open()
|
||||
}
|
||||
|
||||
const popClose = () => {
|
||||
alertDialog.value.close()
|
||||
}
|
||||
|
||||
const cPop = () => {
|
||||
cAlertDialog.value.open()
|
||||
}
|
||||
|
||||
const cPopClose = () => {
|
||||
cAlertDialog.value.close()
|
||||
}
|
||||
|
||||
const getDate = () => {
|
||||
let now = new Date()
|
||||
let year = now.getFullYear()
|
||||
let month = (now.getMonth() + 1).toString().padStart(2, 0)
|
||||
let date = now.getDate().toString().padStart(2, 0)
|
||||
return year + '-' + month + '-' + date
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.pop{
|
||||
height: 500rpx;
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
height: 392px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 30rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.section, .section_2, .section_3{
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
.mt-27 {
|
||||
margin-top: 63.28rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 614.06rpx 37.5rpx 173.44rpx;
|
||||
background-color: #f3f3f6;
|
||||
mix-blend-mode: LUMINOSITY;
|
||||
height: 2135.16rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
.image {
|
||||
width: 100vw;
|
||||
height: 81.875vw;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: -2.34rpx;
|
||||
top: 0;
|
||||
}
|
||||
.section {
|
||||
padding-top: 37.5rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 23.44rpx;
|
||||
.group {
|
||||
padding: 0 37.5rpx;
|
||||
.text {
|
||||
color: #00ba9c;
|
||||
font-size: 56.25rpx;
|
||||
font-family: Times New Roman;
|
||||
font-weight: 700;
|
||||
line-height: 38.79rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #00ba9c;
|
||||
font-size: 30.47rpx;
|
||||
font-family: Rockwell Condensed;
|
||||
line-height: 27.91rpx;
|
||||
}
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 28.13rpx;
|
||||
line-height: 34.64rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 28.13rpx;
|
||||
color: #454e6c;
|
||||
font-size: 32.81rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 30.33rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding: 37.5rpx 18.75rpx;
|
||||
border-top: solid 2.34rpx #e5e5e5;
|
||||
.group_3 {
|
||||
width: 295.29rpx;
|
||||
margin-top: 0;
|
||||
.text_6 {
|
||||
margin-left: 150rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: -295.31rpx;
|
||||
}
|
||||
}
|
||||
.group_4 {
|
||||
margin-right: 9.38rpx;
|
||||
.text_7 {
|
||||
line-height: 25.97rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 20.67rpx;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 25.76rpx;
|
||||
}
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.04rpx;
|
||||
color: #454e6c;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 37.5rpx;
|
||||
right: 35.16rpx;
|
||||
top: 614.06rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 28.13rpx 23.44rpx 32.81rpx 32.81rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 23.44rpx;
|
||||
.font_3 {
|
||||
font-size: 30.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.36rpx;
|
||||
color: #9ca1b1;
|
||||
}
|
||||
.text_10 {
|
||||
margin-left: 23.44rpx;
|
||||
line-height: 36.49rpx;
|
||||
}
|
||||
.text_11 {
|
||||
margin-left: 9.38rpx;
|
||||
line-height: 27.16rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 30.47rpx;
|
||||
height: 30.47rpx;
|
||||
}
|
||||
.text_12 {
|
||||
line-height: 34.2rpx;
|
||||
}
|
||||
.text_13 {
|
||||
line-height: 34.69rpx;
|
||||
}
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 37.5rpx;
|
||||
right: 35.16rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.font {
|
||||
// font-size: 37.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.36rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 37.5rpx 37.5rpx 42.19rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 23.44rpx;
|
||||
.text_14 {
|
||||
line-height: 34.62rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-right: 14.06rpx;
|
||||
.text_15 {
|
||||
line-height: 46.88rpx;
|
||||
word-break: break-all;
|
||||
}
|
||||
.image_3 {
|
||||
margin-top: -9.38rpx;
|
||||
width: 349.22rpx;
|
||||
height: 339.84rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
left: 37.5rpx;
|
||||
right: 35.16rpx;
|
||||
top: 1200rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 25.78rpx 0 39.84rpx;
|
||||
background-color: #ffffff;
|
||||
.button {
|
||||
margin: 0 46.88rpx;
|
||||
.text_16 {
|
||||
color: #ffffff;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Times New Roman;
|
||||
font-weight: 700;
|
||||
line-height: 25.85rpx;
|
||||
}
|
||||
.text_17 {
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
line-height: 35.55rpx;
|
||||
}
|
||||
}
|
||||
.section_5 {
|
||||
padding: 23.44rpx 0;
|
||||
background-color: #00ba9c;
|
||||
border-radius: 117.19rpx;
|
||||
}
|
||||
}
|
||||
.pos_5 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: -2.34rpx;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@import url('../css/global2.css');
|
||||
|
||||
</style>
|
||||
|
|
@ -88,7 +88,7 @@ import emitter from '../../../utils/emitter'
|
|||
import addProduct from '../../Shopping-cart/component/addProduct.vue';
|
||||
const popup = ref(null) //弹窗对象
|
||||
const goodObject = ref({}) //商品对象
|
||||
const idInfo = ref([]) //数量 + 商品id
|
||||
const idInfo = ref(0) //发送到下一页的商品id
|
||||
const userInfo = ref({}) //用户信息
|
||||
const labelList = ref([]) //标签
|
||||
const imgArr = ref([])
|
||||
|
|
@ -124,10 +124,7 @@ const getProduct = async (gid) =>{ //根据商品获取商品信息
|
|||
labelList.value = labelList.value.filter((s)=>{ //使用filter将最后一个空值去掉
|
||||
return s
|
||||
})
|
||||
idInfo.value = [{
|
||||
goodId: goodObject.value.id,
|
||||
quantity: 1 //暂时为1
|
||||
}]
|
||||
idInfo.value = goodObject.value.id
|
||||
}
|
||||
}
|
||||
const loadPop =()=>{
|
||||
|
|
@ -141,7 +138,7 @@ const close =()=>{
|
|||
//将商品对象发送到下一个页面
|
||||
const jump_buy =()=> {
|
||||
uni.navigateTo({
|
||||
url: '../../../pages/order/product-waitpay/product-waitpay?cartInfo=' + JSON.stringify(idInfo.value)
|
||||
url: '../../../pages/order/singleGoodOrder/singleGoodOrder?cartInfo=' + JSON.stringify(idInfo.value)
|
||||
})
|
||||
}
|
||||
//获取字体
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@
|
|||
<text class="font mt-13">￥{{ item.price }}</text>
|
||||
</view>
|
||||
<image class="self-start image_5"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FRcPadqFv-add.png" />
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FRcPadqFv-add.png" @click.stop/>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user