pvtfxms7o
/
yudao
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'qjh' of https://bdgit.educoder.net/pvtfxms7o/yudao

Browse Source
qjh
秦佳浩 2 months ago
parent 2d4481e34f 097d67b42f
commit 220d7795d9
1 changed files with 330 additions and 281 deletions
Show Stats Download Patch File Download Diff File

611
front-end/mall4uni/src/pages/basket/basket.vue
Unescape View File

@ -1,82 +1,86 @@
<template> <template>
<!-- 页面的最外层容器，用于包裹整个购物车页面内容 -->
<view class="container"> <view class="container">
<!-- 商品列表区域，用于展示购物车中的商品信息 -->
<view class="prod-list"> <view class="prod-list">
<block <!-- 使用v-for循环遍历shopCartItemDiscounts数组，scIndex为当前项的索引，每个元素对应一组商品相关的数据（可能是不同优惠规则下的商品集合等情况） -->
v-for="(item, scIndex) in shopCartItemDiscounts" <block v-for="(item, scIndex) in shopCartItemDiscounts" :key="scIndex">
:key="scIndex"
>
<view class="prod-block"> <view class="prod-block">
<view <!-- 如果当前商品组有对应的优惠信息（chooseDiscountItemDto存在），则展示优惠提示信息 -->
v-if="item.chooseDiscountItemDto" <view v-if="item.chooseDiscountItemDto" class="discount-tips">
class="discount-tips" <!-- 展示优惠规则文本，通过wxs.parseDiscount函数对优惠规则进行解析处理后展示 -->
>
<text class="text-block"> <text class="text-block">
{{ wxs.parseDiscount(item.chooseDiscountItemDto.discountRule) }} {{ wxs.parseDiscount(item.chooseDiscountItemDto.discountRule) }}
</text> </text>
<!-- 展示详细的优惠信息文本，通过wxs.parseDiscountMsg函数结合优惠规则、所需金额、优惠金额等数据进行解析展示 -->
<text class="text-list"> <text class="text-list">
{{ {{
wxs.parseDiscountMsg(item.chooseDiscountItemDto.discountRule, item.chooseDiscountItemDto.needAmount, item.chooseDiscountItemDto.discount) wxs.parseDiscountMsg(item.chooseDiscountItemDto.discountRule, item.chooseDiscountItemDto.needAmount, item.chooseDiscountItemDto.discount)
}} }}
</text> </text>
</view> </view>
<block <!-- 内层v-for循环，遍历当前商品组中的每个具体商品（prod代表每个商品对象），index为商品在当前组内的索引 -->
v-for="(prod, index) in item.shopCartItems" <block v-for="(prod, index) in item.shopCartItems" :key="index">
:key="index"
>
<view class="item"> <view class="item">
<!-- 商品选择按钮所在的容器 -->
<view class="btn"> <view class="btn">
<label> <label>
<checkbox <!-- 单个商品的选择框，绑定了一些自定义属性和事件 -->
:data-scindex="scIndex" <checkbox :data-scindex="scIndex" <!-- 传递当前商品组的索引 -->
:data-index="index" :data-index="index" <!-- 传递当前商品在组内的索引 -->
:value="prod.prodId" :value="prod.prodId" <!-- 绑定商品的唯一标识（产品ID） -->
:checked="prod.checked" :checked="prod.checked" <!-- 绑定商品的选中状态 -->
color="#105c3e" color="#105c3e" <!-- 设置选择框选中时的颜色 -->
@tap="onSelectedItem" @tap="onSelectedItem" <!-- 绑定点击选择商品时触发的事件 -->
/> />
</label> </label>
</view> </view>
<!-- 商品详细信息展示区域 -->
<view class="prodinfo"> <view class="prodinfo">
<!-- 商品图片展示容器 -->
<view class="pic"> <view class="pic">
<image :src="prod.pic" /> <image :src="prod.pic" /> <!-- 通过绑定商品对象中的图片路径属性来展示商品图片 -->
</view> </view>
<view class="opt"> <view class="opt">
<!-- 展示商品名称 -->
<view class="prod-name"> <view class="prod-name">
{{ prod.prodName }} {{ prod.prodName }}
</view> </view>
<!-- 展示商品规格信息，根据是否有skuName来动态添加类名，若没有skuName则添加empty-n类名 -->
<text :class="'prod-info-text ' + (prod.skuName?'':'empty-n')"> <text :class="'prod-info-text ' + (prod.skuName?'':'empty-n')">
{{ prod.skuName }} {{ prod.skuName }}
</text> </text>
<!-- 商品价格和数量操作区域 -->
<view class="price-count"> <view class="price-count">
<view class="price"> <view class="price">
<!-- 价格符号“￥” -->
<text class="symbol"> <text class="symbol">
￥ ￥
</text> </text>
<!-- 价格的整数部分，通过wxs.parsePrice函数对商品价格进行处理后获取整数部分展示 -->
<text class="big-num"> <text class="big-num">
{{ wxs.parsePrice(prod.price)[0] }} {{ wxs.parsePrice(prod.price)[0] }}
</text> </text>
<!-- 价格的小数部分，通过wxs.parsePrice函数对商品价格进行处理后获取小数部分展示 -->
<text class="small-num"> <text class="small-num">
.{{ wxs.parsePrice(prod.price)[1] }} .{{ wxs.parsePrice(prod.price)[1] }}
</text> </text>
</view> </view>
<view class="m-numSelector"> <view class="m-numSelector">
<view <!-- 数量减少按钮，绑定了点击事件onCountMinus，并传递相关索引信息 -->
class="minus" <view class="minus"
:data-scindex="scIndex" :data-scindex="scIndex"
:data-index="index" :data-index="index"
@tap="onCountMinus" @tap="onCountMinus" />
/> <!-- 商品数量输入框，设置为不可输入（disabled），仅用于展示当前商品数量 -->
<input <input type="number"
type="number" :value="prod.prodCount"
:value="prod.prodCount" disabled>
disabled <!-- 数量增加按钮，绑定了点击事件onCountPlus，并传递相关索引信息 -->
> <view class="plus"
<view :data-scindex="scIndex"
class="plus" :data-index="index"
:data-scindex="scIndex" @tap="onCountPlus" />
:data-index="index"
@tap="onCountPlus"
/>
</view> </view>
</view> </view>
</view> </view>
@ -87,314 +91,359 @@
</block> </block>
</view> </view>
<view <!-- 当购物车中没有商品（shopCartItemDiscounts数组长度为0）时，展示此区域，提示用户购物车为空 -->
v-if="!shopCartItemDiscounts.length" <view v-if="!shopCartItemDiscounts.length" class="empty">
class="empty"
>
<view class="img"> <view class="img">
<image src="@/static/images/tabbar/basket.png" /> <image src="@/static/images/tabbar/basket.png" /> <!-- 展示一个代表购物车的图标 -->
</view> </view>
<view class="txt"> <view class="txt">
您还没有添加任何商品哦~ 您还没有添加任何商品哦~ <!-- 显示提示文字 -->
</view> </view>
</view> </view>
<!-- 底部按钮 --> <!-- 底部按钮区域，当购物车中有商品（shopCartItemDiscounts长度大于0）时展示 -->
<view <view v-if="shopCartItemDiscounts.length>0" class="cart-footer">
v-if="shopCartItemDiscounts.length>0" <!-- 全选按钮所在容器 -->
class="cart-footer"
>
<view class="btn all"> <view class="btn all">
<checkbox <checkbox :checked="allChecked" <!-- 绑定全选状态变量 -->
:checked="allChecked" color="#f7d731;" <!-- 设置全选按钮选中时的颜色 -->
color="#f7d731;" @tap="onSelAll" <!-- 绑定全选按钮点击触发的事件 -->
@tap="onSelAll"
/> />
全选 全选 <!-- 按钮显示文字 -->
</view> </view>
<view <!-- 删除按钮所在容器，点击触发onDelBasket事件 -->
class="btn del" <view class="btn del" @tap="onDelBasket">
@tap="onDelBasket" <text>删除</text> <!-- 按钮显示文字 -->
>
<text>删除</text>
</view> </view>
<!-- 合计金额展示按钮所在容器 -->
<view class="btn total"> <view class="btn total">
<view class="finally"> <view class="finally">
<text>合计:</text> <text>合计:</text> <!-- 显示“合计”文字 -->
<view class="price"> <view class="price">
<text class="symbol"> <text class="symbol">
￥ ￥
</text> </text>
<!-- 最终金额的整数部分，通过wxs.parsePrice函数对finalMoney进行处理后展示 -->
<text class="big-num"> <text class="big-num">
{{ wxs.parsePrice(finalMoney)[0] }} {{ wxs.parsePrice(finalMoney)[0] }}
</text> </text>
<!-- 最终金额的小数部分，通过wxs.parsePrice函数对finalMoney进行处理后展示 -->
<text class="small-num"> <text class="small-num">
.{{ wxs.parsePrice(finalMoney)[1] }} .{{ wxs.parsePrice(finalMoney)[1] }}
</text> </text>
</view> </view>
</view> </view>
<view <!-- 当有立减金额（subtractMoney大于0）时，展示总额和立减金额信息 -->
v-if="subtractMoney>0" <view v-if="subtractMoney>0" class="total-msg">
class="total-msg"
>
总额:￥{{ wxs.toPrice(totalMoney) }} 立减:￥{{ wxs.toPrice(subtractMoney) }} 总额:￥{{ wxs.toPrice(totalMoney) }} 立减:￥{{ wxs.toPrice(subtractMoney) }}
</view> </view>
</view> </view>
<view <!-- 结算按钮所在容器，点击触发toFirmOrder事件 -->
class="btn settle" <view class="btn settle" @tap="toFirmOrder">
@tap="toFirmOrder" <text>结算</text> <!-- 按钮显示文字 -->
>
<text>结算</text>
</view> </view>
</view> </view>
<!-- end 底部按钮 --> <!-- 结束底部按钮区域 -->
</view> </view>
</template> </template>
<script setup> <script setup>
const wxs = number() // 引入wxs模块（此处number()看起来不太完整，可能是代码有缺失或者自定义的一个函数调用方式，假设它用于一些数据处理相关操作）
/** const wxs = number()
* 生命周期函数--监听页面显示 // 生命周期函数 - 在页面显示时触发，一般用于加载初始化数据等操作
*/ onShow(() => {
onShow(() => { // 调用函数加载购物车数据
loadBasketData() loadBasketData()
http.getCartCount() // 重新计算购物车总数量 // 重新计算购物车中商品的总数量
}) http.getCartCount()
const allChecked = ref(false)
const shopCartItemDiscounts = ref([])
const loadBasketData = () => {
uni.showLoading() // 加载购物车
http.request({
url: '/p/shopCart/info',
method: 'POST',
data: {}
}) })
.then(({ data }) => {
if (data && data.length > 0) { // 定义一个响应式变量，用于控制全选按钮的选中状态，初始值为false
// 默认不选中 const allChecked = ref(false)
const shopCartItemDiscountsParam = data[0].shopCartItemDiscounts // 定义一个响应式数组，用于存储购物车中商品相关的详细数据（包含商品分组、各商品具体信息等），初始为空数组
shopCartItemDiscountsParam.forEach(shopCartItemDiscount => { const shopCartItemDiscounts = ref([])
shopCartItemDiscount.shopCartItems.forEach(shopCartItem => {
shopCartItem.checked = false // 加载购物车数据的函数
}) const loadBasketData = () => {
}) // 显示加载提示框，告知用户正在加载购物车数据
shopCartItemDiscounts.value = shopCartItemDiscountsParam uni.showLoading()
allChecked.value = false // 发送POST请求到指定接口获取购物车数据
} else { http.request({
shopCartItemDiscounts.value = [] url: '/p/shopCart/info',
} method: 'POST',
calTotalPrice() // 计算总价 data: {}
uni.hideLoading()
}) })
} .then(({ data }) => {
// 如果获取到的数据存在且长度大于0
if (data && data.length > 0) {
// 获取购物车商品数据中的商品分组相关数据
const shopCartItemDiscountsParam = data[0].shopCartItemDiscounts
// 遍历每个商品分组
shopCartItemDiscountsParam.forEach(shopCartItemDiscount => {
// 遍历商品分组内的每个具体商品，将其选中状态初始化为false
shopCartItemDiscount.shopCartItems.forEach(shopCartItem => {
shopCartItem.checked = false
})
})
// 将处理后的商品分组数据赋值给响应式变量shopCartItemDiscounts
shopCartItemDiscounts.value = shopCartItemDiscountsParam
// 将全选按钮状态设置为false
allChecked.value = false
} else {
// 如果获取到的数据为空，将shopCartItemDiscounts设置为空数组
shopCartItemDiscounts.value = []
}
// 调用函数计算购物车商品的总价
calTotalPrice()
// 隐藏加载提示框
uni.hideLoading()
})
}
/** // 跳转到结算页面的函数
* 去结算 const toFirmOrder = () => {
*/ // 获取当前购物车商品相关数据
const toFirmOrder = () => { const shopCartItemDiscountsParam = shopCartItemDiscounts.value
const shopCartItemDiscountsParam = shopCartItemDiscounts.value const basketIds = []
const basketIds = [] // 遍历每个商品分组
shopCartItemDiscountsParam.forEach(shopCartItemDiscount => { shopCartItemDiscountsParam.forEach(shopCartItemDiscount => {
shopCartItemDiscount.shopCartItems.forEach(shopCartItem => { // 遍历商品分组内的每个具体商品
if (shopCartItem.checked) { shopCartItemDiscount.shopCartItems.forEach(shopCartItem => {
basketIds.push(shopCartItem.basketId) // 如果商品被选中，将其对应的basketId添加到basketIds数组中
} if (shopCartItem.checked) {
basketIds.push(shopCartItem.basketId)
}
})
}) })
})
if (!basketIds.length) { // 如果没有选中任何商品（basketIds数组长度为0）
uni.showToast({ if (!basketIds.length) {
title: '请选择商品', // 显示一个提示Toast，告知用户需要选择商品，图标设置为无（none）
icon: 'none' uni.showToast({
title: '请选择商品',
icon: 'none'
})
return
}
// 将选中商品的basketIds数组转换为JSON字符串后存储到本地缓存中
uni.setStorageSync('basketIds', JSON.stringify(basketIds))
// 跳转到指定的结算页面，并传递orderEntry=0参数
uni.navigateTo({
url: '/pages/submit-order/submit-order?orderEntry=0'
}) })
return
} }
uni.setStorageSync('basketIds', JSON.stringify(basketIds)) // 全选按钮点击事件处理函数
uni.navigateTo({ const onSelAll = () => {
url: '/pages/submit-order/submit-order?orderEntry=0' // 取反当前全选按钮的选中状态，得到新的全选状态值
}) const allCheckedParam = !allChecked.value
} // 获取当前购物车商品相关数据
const shopCartItemDiscountsParam = shopCartItemDiscounts.value
/** // 遍历每个商品分组
* 全选 for (let i = 0; i < shopCartItemDiscountsParam.length; i++) {
*/ const cItems = shopCartItemDiscountsParam[i].shopCartItems
const onSelAll = () => { // 遍历商品分组内的每个具体商品，将其选中状态设置为新的全选状态值
const allCheckedParam = !allChecked.value // 改变状态 for (let j = 0; j < cItems.length; j++) {
const shopCartItemDiscountsParam = shopCartItemDiscounts.value cItems[j].checked = allCheckedParam
for (let i = 0; i < shopCartItemDiscountsParam.length; i++) { }
const cItems = shopCartItemDiscountsParam[i].shopCartItems
for (let j = 0; j < cItems.length; j++) {
cItems[j].checked = allCheckedParam
} }
// 更新全选按钮的选中状态
allChecked.value = allCheckedParam
// 更新购物车商品相关数据（因为数据是响应式的，更新后会触发相关UI更新）
shopCartItemDiscounts.value = shopCartItemDiscountsParam
// 调用函数重新计算购物车商品的总价
calTotalPrice()
} }
allChecked.value = allCheckedParam
shopCartItemDiscounts.value = shopCartItemDiscountsParam
calTotalPrice() // 计算总价
}
/** // 单个商品选择事件处理函数，在点击单个商品的选择框时触发
* 每一项的选择事件 const onSelectedItem = (e) => {
* + // 获取当前商品在其所在分组内的索引
*/ const index = e.currentTarget.dataset.index
const onSelectedItem = (e) => { // 获取当前商品所在分组的索引
const index = e.currentTarget.dataset.index // 获取data- 传进来的index const scindex = e.currentTarget.dataset.scindex
const scindex = e.currentTarget.dataset.scindex // 获取当前购物车商品相关数据
const shopCartItemDiscountsParam = shopCartItemDiscounts.value // 获取购物车列表 const shopCartItemDiscountsParam = shopCartItemDiscounts.value
const checked = shopCartItemDiscountsParam[scindex].shopCartItems[index].checked // 获取当前商品的选中状态 // 获取当前商品的选中状态
shopCartItemDiscountsParam[scindex].shopCartItems[index].checked = !checked // 改变状态 const checked = shopCartItemDiscountsParam[scindex].shopCartItems[index].checked
shopCartItemDiscounts.value = shopCartItemDiscountsParam // 取反当前商品的选中状态
checkAllSelected() // 检查全选状态 shopCartItemDiscountsParam[scindex].shopCartItems[index].checked = !checked
calTotalPrice() // 计算总价 // 更新购物车商品相关数据
} shopCartItemDiscounts.value = shopCartItemDiscountsParam
// 调用函数检查全选状态是否需要更新
checkAllSelected()
// 调用函数重新计算购物车商品的总价
calTotalPrice()
}
/** // 检查全选状态的函数
* 检查全选状态 const checkAllSelected = () => {
*/ // 初始假设全选状态为true
const checkAllSelected = () => { let allCheckedParam = true
let allCheckedParam = true // 获取当前购物车商品相关数据
const shopCartItemDiscountsParam = shopCartItemDiscounts.value const shopCartItemDiscountsParam = shopCartItemDiscounts.value
let flag = false let flag = false
for (let i = 0; i < shopCartItemDiscountsParam.length; i++) { // 遍历每个商品分组
const cItems = shopCartItemDiscountsParam[i].shopCartItems for (let i = 0; i < shopCartItemDiscountsParam.length; i++) {
for (let j = 0; j < cItems.length; j++) { const cItems = shopCartItemDiscountsParam[i].shopCartItems
if (!cItems[j].checked) { // 遍历商品分组内的每个具体商品
allCheckedParam = !allCheckedParam for (let j = 0; j < cItems.length; j++) {
flag = true // 如果发现有商品未被选中
break if (!cItems[j].checked) {
// 则全选状态变为false
allCheckedParam = !allCheckedParam
flag = true
break
}
} }
// 如果已经发现有未选中商品，跳出外层循环
if (flag) break
} }
if (flag) break // 更新全选按钮的选中状态
allChecked.value = allCheckedParam
} }
allChecked.value = allCheckedParam
}
const totalMoney = ref(0) // 定义响应式变量，用于存储购物车商品的总额，初始值为0
const subtractMoney = ref(0) const totalMoney = ref(0)
const finalMoney = ref(0) // 定义响应式变量，用于存储购物车商品的立减金额，初始值为0
/** const subtractMoney = ref(0)
* 计算购物车总额 // 定义响应式变量，用于存储购物车商品的最终金额，初始值为0
*/ const finalMoney = ref(0)
const calTotalPrice = () => {
const shopCartItemDiscountsParam = shopCartItemDiscounts.value // 计算购物车商品总额的函数
const shopCartIds = [] const calTotalPrice = () => {
for (let i = 0; i < shopCartItemDiscountsParam.length; i++) { // 获取当前购物车商品相关数据
const cItems = shopCartItemDiscountsParam[i].shopCartItems const shopCartItemDiscountsParam = shopCartItemDiscounts.value
for (let j = 0; j < cItems.length; j++) { const shopCartIds = []
if (cItems[j].checked) { // 遍历每个商品分组
shopCartIds.push(cItems[j].basketId) for (let i = 0; i < shopCartItemDiscountsParam.length; i++) {
const cItems = shopCartItemDiscountsParam[i].shopCartItems
// 遍历商品分组内的每个具体商品
for (let j = 0; j < cItems.length; j++) {
// 如果商品被选中，将其对应的basketId添加到shopCartIds数组中
if (cItems[j].checked) {
shopCartIds.push(cItems[j].basketId)
}
} }
} }
} // 显示加载提示框
uni.showLoading() uni.showLoading()
http.request({ // 发送POST请求到指定接口，传递选中商品的basketIds，用于获取总价相关信息
url: '/p/shopCart/totalPay', http.request({
method: 'POST', url: '/p/shopCart/totalPay',
data: shopCartIds method: 'POST',
}) data: shopCartIds
.then(({ data }) => {
if (!data) return
finalMoney.value = data.finalMoney
totalMoney.value = data.totalMoney
subtractMoney.value = data.subtractMoney
uni.hideLoading()
}) })
} .then(({ data }) => {
// 如果没有返回有效数据，直接返回不做处理
if (!data) return
// 更新最终金额
finalMoney.value = data.finalMoney
// 更新总额
totalMoney.value = data.totalMoney
// 更新立减金额
subtractMoney.value = data.subtractMoney
// 隐藏加载提示框
uni.hideLoading()
})
}
/** // 减少商品数量的点击事件处理函数，点击商品数量减少按钮时触发
* 减少数量 const onCountMinus = (e) => {
*/ // 获取当前商品在其所在分组内的索引
const onCountMinus = (e) => { const index = e.currentTarget.dataset.index
const index = e.currentTarget.dataset.index // 获取当前商品所在分组的索引
const scindex = e.currentTarget.dataset.scindex const scindex = e.currentTarget.dataset.scindex
const shopCartItemDiscountsParam = shopCartItemDiscounts.value // 获取当前购物车商品相关数据
const prodCount = shopCartItemDiscountsParam[scindex].shopCartItems[index].prodCount const shopCartItemDiscountsParam = shopCartItemDiscounts.value
if (prodCount > 1) { // 获取当前商品的数量
updateCount(shopCartItemDiscountsParam, scindex, index, -1) const prodCount = shopCartItemDiscountsParam[scindex].shopCartItems[index].prodCount
// 如果商品数量大于1，调用函数减少商品数量
if (prodCount > 1) {
updateCount(shopCartItemDiscountsParam, scindex, index, -1)
}
} }
}
/** /**
* 增加数量 * 增加数量
*/ */
const onCountPlus = (e) => { const onCountPlus = (e) => {
const index = e.currentTarget.dataset.index const index = e.currentTarget.dataset.index
const scindex = e.currentTarget.dataset.scindex const scindex = e.currentTarget.dataset.scindex
const shopCartItemDiscountsParam = shopCartItemDiscounts.value const shopCartItemDiscountsParam = shopCartItemDiscounts.value
updateCount(shopCartItemDiscountsParam, scindex, index, 1) updateCount(shopCartItemDiscountsParam, scindex, index, 1)
} }
/** /**
* 改变购物车数量接口 * 改变购物车数量接口
*/ */
const updateCount = (shopCartItemDiscountsParam, scindex, index, prodCount) => { const updateCount = (shopCartItemDiscountsParam, scindex, index, prodCount) => {
uni.showLoading({ uni.showLoading({
mask: true mask: true
})
http.request({
url: '/p/shopCart/changeItem',
method: 'POST',
data: {
count: prodCount,
prodId: shopCartItemDiscountsParam[scindex].shopCartItems[index].prodId,
skuId: shopCartItemDiscountsParam[scindex].shopCartItems[index].skuId,
shopId: 1
}
})
.then(() => {
shopCartItemDiscountsParam[scindex].shopCartItems[index].prodCount += prodCount
shopCartItemDiscounts.value = shopCartItemDiscountsParam
calTotalPrice() // 计算总价
uni.hideLoading()
http.getCartCount() // 重新计算购物车总数量
}) })
} http.request({
url: '/p/shopCart/changeItem',
method: 'POST',
data: {
count: prodCount,
prodId: shopCartItemDiscountsParam[scindex].shopCartItems[index].prodId,
skuId: shopCartItemDiscountsParam[scindex].shopCartItems[index].skuId,
shopId: 1
}
})
.then(() => {
shopCartItemDiscountsParam[scindex].shopCartItems[index].prodCount += prodCount
shopCartItemDiscounts.value = shopCartItemDiscountsParam
calTotalPrice() // 计算总价
uni.hideLoading()
http.getCartCount() // 重新计算购物车总数量
})
}
/** /**
* 删除购物车商品 * 删除购物车商品
*/ */
const onDelBasket = () => { const onDelBasket = () => {
const shopCartItemDiscountsParam = shopCartItemDiscounts.value const shopCartItemDiscountsParam = shopCartItemDiscounts.value
const basketIds = [] const basketIds = []
for (let i = 0; i < shopCartItemDiscountsParam.length; i++) { for (let i = 0; i < shopCartItemDiscountsParam.length; i++) {
const cItems = shopCartItemDiscountsParam[i].shopCartItems const cItems = shopCartItemDiscountsParam[i].shopCartItems
for (let j = 0; j < cItems.length; j++) { for (let j = 0; j < cItems.length; j++) {
if (cItems[j].checked) { if (cItems[j].checked) {
basketIds.push(cItems[j].basketId) basketIds.push(cItems[j].basketId)
}
} }
} }
} if (!basketIds.length) {
if (!basketIds.length) { uni.showToast({
uni.showToast({ title: '请选择商品',
title: '请选择商品', icon: 'none'
icon: 'none' })
}) } else {
} else { uni.showModal({
uni.showModal({ title: '',
title: '', content: '确认要删除选中的商品吗？',
content: '确认要删除选中的商品吗？', confirmColor: '#eb2444',
confirmColor: '#eb2444', success(res) {
success (res) { if (res.confirm) {
if (res.confirm) { uni.showLoading({
uni.showLoading({ mask: true
mask: true })
}) http.request({
http.request({ url: '/p/shopCart/deleteItem',
url: '/p/shopCart/deleteItem', method: 'DELETE',
method: 'DELETE', data: basketIds
data: basketIds
})
.then(() => {
uni.hideLoading()
loadBasketData()
}) })
.then(() => {
uni.hideLoading()
loadBasketData()
})
}
} }
}
}) })
}
} }
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

Write Preview
Loading…
Cancel
Save