admin1/jiangchengfeiyi-xiaochengxu
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

购物车修改

Browse Source
This commit is contained in:
yuanteng0011 2024-12-18 19:40:47 +08:00
parent 45f43ae9c0
commit 6a0aad3fdf
4 changed files with 72 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
api/request.ts
View File

@ -2,4 +2,4 @@ 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 baseUrl = testUrl
export const baseUrl = Url

7
pages.json
View File

@ -205,13 +205,6 @@
{
"navigationBarTitleText" : ""
}
},
{
"path" : "pages/syy",
"style" :
{
"navigationBarTitleText" : ""
}
}
],
"globalStyle": {

7
pages/Shopping-cart/component/addProduct.vue
View File

@ -82,11 +82,8 @@
cookie: wx.getStorageSync('cookie')
},
data: {
userId: userInfo.value.id,
goodId: productBrief.value.id,
quantity: quantity.value,
subtotal: productBrief.value.price * quantity.value,
isGoodType: productBrief.value.isGoodType
quantity: quantity.value
}
})
if (res.data.code === 1) {
@ -107,7 +104,7 @@
//减少商品
const decrease = () => {
// console.log('index-->',index);
if (quantity.value > 0) {
if (quantity.value != 1) {
quantity.value -= 1
}
}

107
pages/Shopping-cart/productmain/productmain.vue
View File

@ -2,7 +2,7 @@
<template>
<view class="flex-col page">
<view class="flex-col">
<view class="flex-col justify-start items-end text-wrapper"><text class="font text">编辑</text></view>
<view class="flex-col justify-start items-end text-wrapper"><text class="font text" @click="changeState">{{ stateText.topBtn }}</text></view>
<!-- <view class="flex-col justify-start items-end text-wrapper"><text class="font text">完成</text></view> -->
<view class="flex-col section">
<view class="flex-row justify-between self-stretch group">
@ -20,23 +20,22 @@
<view class="flex-row flex-1 self-center group_2">
<image
class="shrink-0 image"
:src="item.goodVO.goodImg"
:src="item.cartGoodVO.goodImg"
@click="jump_product"
/>
<view class="flex-col flex-1 group_3 ml-12">
<view class="flex-row group_4">
<text class="font_2" @click="jump_product">{{ item.goodVO.name }}</text>
<text class="font_2 ml-4" @click="jump_product">【{{ item.goodVO.type }}】</text>
<text class="font_2" @click="jump_product">{{ item.cartGoodVO.name }}</text>
<text class="font_2 ml-4" @click="jump_product">【{{ item.cartGoodVO.type }}】</text>
</view>
<view class="flex-row items-center mt-47">
<view class="flex-row items-center self-stretch group_5">
<text class="font_3 text_3" @click="jump_product"><text class="font_4">￥</text>{{ item.goodVO.price }}.<text class="font_4">00</text></text>
<text class="font_3 text_3" @click="jump_product"><text class="font_4">￥</text>{{ item.cartGoodVO.price }}</text>
<!-- <image
class="image_6"
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FJipaVPoQ-storeRmb.png"
/> -->
</view>
</view>
</view>
</view>
@ -122,7 +121,7 @@
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FJipaVPoQ-storeRmb.png"
/>
<text class="font text_12">{{ totalPrice }}</text>
<view class="flex-col justify-start items-center shrink-0 text-wrapper_3" @click="goToBuy"><text class="text_11">去结算</text></view>
<view class="flex-col justify-start items-center shrink-0 text-wrapper_3" @click="editOrSettle"><text class="text_11">{{ stateText.bottomBtn }}</text></view>
<!-- <view class="flex-col justify-start items-center shrink-0 text-wrapper_3"><text class="text_11">删除</text></view> -->
</view>
</view>
@ -130,7 +129,7 @@
</template>
<script setup>
import { ref , onMounted} from 'vue'
import { ref , onMounted , toRaw} from 'vue'
import { onShow } from "@dcloudio/uni-app";
import { baseUrl , testUrl ,suiUrl} from '../../../api/request';
const products = ref([])
@ -139,12 +138,12 @@ const allCheck = ref(false) //全选
const checkedData = ref([]) //选择的暂存保存数组
const totalPrice = ref(0)
const userInfo = wx.getStorageSync('userInfo')
onMounted(()=>{
const stateText = ref({
topBtn: '编辑',
bottomBtn: '去结算'
})
onShow(()=>{
getProductCart() //获取商品类
// getServiceCart()
})
//小程序刷新根据用户id获取购物车信息
const getProductCart = async ()=>{
@ -155,14 +154,13 @@ const getProductCart = async ()=>{
'cookie': wx.getStorageSync('cookie')
}
})
// console.log(res.data);
// console.log('res--->',res.data);
if(res.data.code === 1) {
products.value = res.data.data
products.value.forEach((item)=>{
item.checked = false
})
}
console.log('res--->',res);
console.log('products-->',products.value);
}
const getServiceCart =()=>{
@ -181,27 +179,32 @@ const getTextStyle = (num) => ({
});
//复选框绑定方法
const checkBoxChange =(event)=>{
console.log('方法被触发');
//如果选中的checkbox的value的数组长度和后端传过来的数组长度相等则为全选状态 allCheck为true
console.log('length---->',event.detail.value.length);
// console.log('product--->',products.value);
if(event.detail.value.length == products.value.length) {
allCheck.value = true
} else {
allCheck.value = false
}
checkedData.value = [{}] //每次都要重置一下
checkedData.value = [] //每次都要重置一下
totalPrice.value = 0;
let count = 0; //用于记录checkedData不为null的个数
console.log('event--->',event.detail);
products.value[parseInt(event.detail.value)].checked = true; //勾选
if(event.detail.value.length) {
products.value[parseInt(event.detail.value)].checked = true; //勾选
} else {
products.value.forEach((item)=>{
item.checked = false
})
}
//计算一下总金额
for(let key in event.detail.value) {
let temp = parseInt(event.detail.value[parseInt(key)]) //相当于商品数组下标
computed(products.value[temp].goodVO.price , products.value[temp].quantity)
computed(products.value[temp].cartGoodVO.price , products.value[temp].quantity)
}
event.detail.value.forEach((item)=>{
products.value[parseInt(item)].checked = true
// allCheck.value = false
})
//然后假如checkboxGroup传过来的 detail.value中有某个id则把这些元素的checked属性置为true(选中状态)
products.value.forEach((x)=>{
@ -215,10 +218,11 @@ const checkBoxChange =(event)=>{
console.log('products.value[parseInt(item)].goodId',products.value[parseInt(item)].goodId);
if(products.value[parseInt(item)] !== null) {
// console.log('item--->',item);
checkedData.value[count] = {
goodId: products.value[parseInt(item)].goodId,
quantity: products.value[parseInt(item)].quantity,
}
// checkedData.value[count] = {
// goodId: products.value[parseInt(item)].goodId,
// quantity: products.value[parseInt(item)].quantity,
// }
checkedData.value.push(products.value[parseInt(item)].id)
// console.log(products.value[parseInt(item)].goodId);
count += 1
}
@ -235,13 +239,13 @@ const allChecked = ()=>{
if ( allCheck.value == true ) {
products.value.forEach((item)=>{
item.checked = true //将全部选项选上
// console.log('item--->',item);
computed(item.goodVO.price , item.quantity)
computed(item.cartGoodVO.price , item.quantity)
})
checkedData.value = products.value.map((item)=>({
goodId: item.goodId,
quantity: item.quantity
})) //将商品全部信息保存到checkedData中
// checkedData.value = products.value.map((item)=>({
// goodId: item.goodId,
// quantity: item.quantity
// })) //将商品全部信息保存到checkedData中
checkedData.value = products.value.map((item)=>( item.id ))
console.log('checkedData--->',checkedData.value);
} else {
products.value.forEach((item)=>{
@ -251,22 +255,24 @@ const allChecked = ()=>{
}
//减少商品
const decrease =(index , item)=>{ //item用于监测是否选中
// console.log('index-->',index);
// console.log('item-->',item);
console.log('decrease,index-->',index);
console.log('decrease,item-->',item);
if(products.value[index].quantity > 1) {
products.value[index].quantity -= 1
if(item && products.value[index].quantity >= 1) {
computed(-products.value[index].goodVO.price, 1)
computed(-products.value[index].cartGoodVO.price, 1)
}
}
}
//这里应该结合库存有多少 11.8
//增加商品的方法
const increase =(index , item) =>{ //item用于监测是否选中
console.log('increase,index-->',index);
console.log('increase,item-->',item);
if(products.value[index].quantity <= 99) {
products.value[index].quantity += 1
}
if(item) {
computed(products.value[index].goodVO.price, 1)
computed(products.value[index].cartGoodVO.price, 1)
}
}
//计算方法
@ -279,11 +285,36 @@ const jump_product =()=>{
url:'../../../pages/store-home/ProductDetails/ProductDetails'
})
}
const goToBuy =()=>{
console.log('要传到订单详情页面的checked--->',checkedData.value);
uni.navigateTo({
url: '/pages/order/product-waitpay/product-waitpay?cartInfo=' + JSON.stringify(checkedData.value)
})
const editOrSettle = async ()=>{
// console.log('要传到订单详情页面的checked--->',checkedData.value);
if(stateText.value.bottomBtn === '去结算') {
uni.navigateTo({
url: '/pages/order/product-waitpay/product-waitpay?cartInfo=' + JSON.stringify(checkedData.value)
})
} else {
const res = await uni.request({
url: baseUrl + '/cart/delete',
method: 'POST',
data: checkedData.value ,
header: {
'cookie': wx.getStorageSync('cookie')
}
})
console.log(res.data);
if(res.data.code === 1) {
getProductCart() //重新获取购物车信息
totalPrice.value = 0
}
}
}
const changeState =()=>{ //修改购物车订单方法
if(stateText.value.topBtn === '编辑') {
stateText.value.topBtn = '完成',
stateText.value.bottomBtn = '删除'
} else {
stateText.value.topBtn = '编辑',
stateText.value.bottomBtn = '去结算'
}
}
</script>