换系统
This commit is contained in:
@@ -1,178 +1,237 @@
|
||||
// pages/shopping/shopping.js
|
||||
import { request } from "../../utils/bin"
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
list: [],
|
||||
select: [],
|
||||
userid: 0,
|
||||
price: "0.00"
|
||||
},
|
||||
sel(a) {
|
||||
console.log(a)
|
||||
this.setData({
|
||||
[`select[${a.detail.index}]`]: !a.detail.select
|
||||
})
|
||||
this.num();
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
getlist() {
|
||||
request({
|
||||
url: "Cart/cartList/session_id/" + wx.getStorageSync('openid'),
|
||||
data: {
|
||||
user_id: this.data.userid
|
||||
}
|
||||
}).then((res) => {
|
||||
console.log(res)
|
||||
this.setData({
|
||||
list: res.data.result
|
||||
})
|
||||
this.num()
|
||||
|
||||
})
|
||||
},
|
||||
onLoad: function (options) {
|
||||
request({
|
||||
url: "User/validateOpenid"
|
||||
}).then((res) => {
|
||||
console.log(res)
|
||||
this.setData({
|
||||
userid: res.data.data.user_id
|
||||
})
|
||||
this.getlist()
|
||||
|
||||
})
|
||||
},
|
||||
sub() {
|
||||
wx.navigateTo({
|
||||
url: "/pages/orderconfirm/orderconfirm"
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
this.onLoad()
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
},
|
||||
num() {
|
||||
let num = 0;
|
||||
let sel = 0;
|
||||
for (let i in this.data.select) {
|
||||
console.log(i)
|
||||
if (this.data.select[i]) {
|
||||
num += parseFloat(this.data.list[i].goods_price) * 100
|
||||
sel++
|
||||
}
|
||||
}
|
||||
if (sel == this.data.list.length && this.data.list.length != 0) {
|
||||
this.setData({
|
||||
all: true
|
||||
})
|
||||
} else {
|
||||
this.setData({
|
||||
all: false
|
||||
})
|
||||
}
|
||||
this.setData({
|
||||
price: num / 100
|
||||
})
|
||||
},
|
||||
call() {
|
||||
let sel = 0;
|
||||
let select = []
|
||||
for (let i in this.data.list) {
|
||||
console.log(i)
|
||||
if (this.data.select[i]) {
|
||||
// num += parseFloat(this.data.list[i].goods_price)*100
|
||||
sel++
|
||||
} else {
|
||||
select[i] = true
|
||||
}
|
||||
}
|
||||
if (sel == this.data.list.length) {
|
||||
this.setData({
|
||||
all: false,
|
||||
select: []
|
||||
})
|
||||
} else {
|
||||
this.setData({
|
||||
all: true,
|
||||
select
|
||||
})
|
||||
}
|
||||
this.num()
|
||||
|
||||
},
|
||||
del() {
|
||||
for (let i in this.data.list) {
|
||||
// console.log(i)
|
||||
if (this.data.select[i]) {
|
||||
// num += parseFloat(this.data.list[i].goods_price)*100
|
||||
// sel++
|
||||
request({
|
||||
url: "Cart/delCart",
|
||||
urldata: {
|
||||
id: this.data.list[i].id
|
||||
}
|
||||
}).then((res) => {
|
||||
console.log('删除成功')
|
||||
this.setData({
|
||||
list: [],
|
||||
select: [],
|
||||
userid: 0,
|
||||
price: "0.00"
|
||||
})
|
||||
this.onLoad()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
// pages/shopping/shopping.js
|
||||
import { request } from "../../utils/bin"
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
list: [],
|
||||
select: [],
|
||||
userid: 0,
|
||||
price: "0.00"
|
||||
},
|
||||
sel(a) {
|
||||
console.log(a)
|
||||
request({
|
||||
url: "Cart/updateSelect",
|
||||
urldata: {
|
||||
id: this.data.list[a.detail.index].goods_id,
|
||||
select: this.data[`select[${a.detail.index}]`] ? 1 : 0
|
||||
}
|
||||
}).then((res) => {
|
||||
this.setData({
|
||||
[`select[${a.detail.index}]`]: !a.detail.select
|
||||
})
|
||||
this.num();
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
getlist() {
|
||||
request({
|
||||
url: "Cart/cartList/session_id/" + wx.getStorageSync('openid'),
|
||||
urldata: {
|
||||
user_id: this.data.userid
|
||||
}
|
||||
}).then((res) => {
|
||||
console.log(res)
|
||||
this.setData({
|
||||
list: res.data.result
|
||||
})
|
||||
// this.num()
|
||||
this.calls();
|
||||
|
||||
})
|
||||
},
|
||||
onLoad: function (options) {
|
||||
request({
|
||||
url: "User/validateOpenid"
|
||||
}).then((res) => {
|
||||
console.log(res)
|
||||
this.setData({
|
||||
userid: res.data.data.user_id
|
||||
})
|
||||
this.getlist()
|
||||
|
||||
})
|
||||
},
|
||||
sub() {
|
||||
let sel = 0;
|
||||
for (let i in this.data.select) {
|
||||
// console.log(i)
|
||||
if (this.data.select[i]) {
|
||||
// num += parseFloat(this.data.list[i].goods_price) * 100
|
||||
sel++
|
||||
}
|
||||
}
|
||||
if (sel > 0) {
|
||||
wx.navigateTo({
|
||||
url: "/pages/orderconfirm/orderconfirm"
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
this.onLoad()
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
},
|
||||
num() {
|
||||
let num = 0;
|
||||
let sel = 0;
|
||||
for (let i in this.data.select) {
|
||||
console.log(i)
|
||||
if (this.data.select[i]) {
|
||||
num += parseFloat(this.data.list[i].goods_price) * 100
|
||||
sel++
|
||||
}
|
||||
}
|
||||
if (sel == this.data.list.length && this.data.list.length != 0) {
|
||||
this.setData({
|
||||
all: true
|
||||
})
|
||||
} else {
|
||||
this.setData({
|
||||
all: false
|
||||
})
|
||||
}
|
||||
this.setData({
|
||||
price: num / 100
|
||||
})
|
||||
},
|
||||
call() {
|
||||
let sel = 0;
|
||||
let select = []
|
||||
for (let i in this.data.list) {
|
||||
console.log(i)
|
||||
if (this.data.select[i]) {
|
||||
// num += parseFloat(this.data.list[i].goods_price)*100
|
||||
sel++
|
||||
} else {
|
||||
select[i] = true
|
||||
}
|
||||
}
|
||||
if (sel == this.data.list.length) {
|
||||
request({
|
||||
url: "Cart/updateAllSelect",
|
||||
urldata: {
|
||||
open_id: wx.getStorageSync("openid"),
|
||||
selected: 0
|
||||
}
|
||||
}).then((res) => {
|
||||
this.setData({
|
||||
all: false,
|
||||
select: []
|
||||
})
|
||||
this.num()
|
||||
|
||||
})
|
||||
|
||||
} else {
|
||||
request({
|
||||
url: "Cart/updateAllSelect",
|
||||
urldata: {
|
||||
open_id: wx.getStorageSync("openid"),
|
||||
selected: 1
|
||||
}
|
||||
}).then((res) => {
|
||||
this.setData({
|
||||
all: true,
|
||||
select
|
||||
})
|
||||
this.num()
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
calls() {
|
||||
let sel = 0;
|
||||
let select = []
|
||||
for (let i in this.data.list) {
|
||||
console.log(i)
|
||||
|
||||
select[i] = true
|
||||
|
||||
}
|
||||
|
||||
this.setData({
|
||||
all: true,
|
||||
select
|
||||
})
|
||||
this.num()
|
||||
|
||||
},
|
||||
del() {
|
||||
for (let i in this.data.list) {
|
||||
// console.log(i)
|
||||
if (this.data.select[i]) {
|
||||
// num += parseFloat(this.data.list[i].goods_price)*100
|
||||
// sel++
|
||||
request({
|
||||
url: "Cart/delCart",
|
||||
urldata: {
|
||||
id: this.data.list[i].id
|
||||
}
|
||||
}).then((res) => {
|
||||
console.log('删除成功')
|
||||
this.setData({
|
||||
list: [],
|
||||
select: [],
|
||||
userid: 0,
|
||||
price: "0.00"
|
||||
})
|
||||
this.onLoad()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
|
||||
"usingComponents": {
|
||||
"shopping-item":"/components/shopping/shoppingitem/shoppingitem"
|
||||
}
|
||||
|
||||
{
|
||||
|
||||
"usingComponents": {
|
||||
"shopping-item":"/components/shopping/shoppingitem/shoppingitem"
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,25 +1,25 @@
|
||||
<view class="shopping">
|
||||
<view class="item" wx:for="{{list}}" wx:for-index="j" wx:key="{{j}}">
|
||||
<shopping-item shopname="{{item.goods_name}}" shopdesc="{{item.spec_key_name||'默认规格'}}" price="{{item.goods_price}}" pic="{{item.image}}" num="{{item.goods_num}}" gid="{{item.id}}" index="{{j}}" select="{{select[j]}}" bindsel="sel"></shopping-item>
|
||||
</view>
|
||||
<!-- <view class="item">
|
||||
<shopping-item shopname="J`adore - Dior" shopdesc="30支 1.30kg" price="61.78"></shopping-item>
|
||||
</view>
|
||||
<view class="item">
|
||||
<shopping-item shopname="J`adore - Dior" shopdesc="30支 1.30kg" price="61.78"></shopping-item>
|
||||
</view>
|
||||
<view class="item">
|
||||
<shopping-item shopname="J`adore - Dior" shopdesc="30支 1.30kg" price="61.78"></shopping-item>
|
||||
</view> -->
|
||||
<view class="bottom">
|
||||
<view class="left">
|
||||
<view bind:tap="call" class="select {{all ? 'selects':''}}"></view>
|
||||
<text bind:tap="call" class="selectall">全选</text>
|
||||
<text class="pri">${{price}}</text>
|
||||
</view>
|
||||
<view class="right">
|
||||
<text class="del" bind:tap="del">删除</text>
|
||||
<text class="sub" bindtap="sub">结算</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="shopping">
|
||||
<view class="item" wx:for="{{list}}" wx:for-index="j" wx:key="{{j}}">
|
||||
<shopping-item shopname="{{item.goods_name}}" shopdesc="{{item.spec_key_name||'默认规格'}}" price="{{item.goods_price}}" pic="{{item.image}}" num="{{item.goods_num}}" gid="{{item.id}}" index="{{j}}" select="{{select[j]}}" bindsel="sel"></shopping-item>
|
||||
</view>
|
||||
<!-- <view class="item">
|
||||
<shopping-item shopname="J`adore - Dior" shopdesc="30支 1.30kg" price="61.78"></shopping-item>
|
||||
</view>
|
||||
<view class="item">
|
||||
<shopping-item shopname="J`adore - Dior" shopdesc="30支 1.30kg" price="61.78"></shopping-item>
|
||||
</view>
|
||||
<view class="item">
|
||||
<shopping-item shopname="J`adore - Dior" shopdesc="30支 1.30kg" price="61.78"></shopping-item>
|
||||
</view> -->
|
||||
<view class="bottom">
|
||||
<view class="left">
|
||||
<view bind:tap="call" class="select {{all ? 'selects':''}}"></view>
|
||||
<text bind:tap="call" class="selectall">全选</text>
|
||||
<text class="pri">${{price}}</text>
|
||||
</view>
|
||||
<view class="right">
|
||||
<text class="del" bind:tap="del">删除</text>
|
||||
<text class="sub" bindtap="sub">结算</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -1,54 +1,54 @@
|
||||
.shopping {
|
||||
padding-bottom: 128rpx;
|
||||
}
|
||||
.item {
|
||||
height: 186rpx;
|
||||
margin-left: 46rpx;
|
||||
margin-top: 59rpx;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
height: 98rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
background: linear-gradient(2deg, rgba(250, 250, 250, 0.94), rgba(255, 255, 255, 0.94));
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 28rpx;
|
||||
line-height: 98rpx;
|
||||
}
|
||||
|
||||
.left {
|
||||
display: flex;
|
||||
/* line-height: 26rpx; */
|
||||
}
|
||||
|
||||
.select {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
background: rgba(234, 234, 234, 1);
|
||||
border-radius: 50%;
|
||||
margin: auto 0;
|
||||
margin-left: 46rpx;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
.selects{
|
||||
background-color: #4cc97d;
|
||||
}
|
||||
|
||||
.pri {
|
||||
color: #e0c79d;
|
||||
font-size: 26rpx;
|
||||
margin-left: 19rpx;
|
||||
}
|
||||
|
||||
.right {
|
||||
color: #bbbbbb;
|
||||
margin-right: 31rpx;
|
||||
}
|
||||
|
||||
.sub {
|
||||
margin-left: 30rpx;
|
||||
color: #4cc97d;
|
||||
}
|
||||
.shopping {
|
||||
padding-bottom: 128rpx;
|
||||
}
|
||||
.item {
|
||||
height: 186rpx;
|
||||
margin-left: 46rpx;
|
||||
margin-top: 59rpx;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
height: 98rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
background: linear-gradient(2deg, rgba(250, 250, 250, 0.94), rgba(255, 255, 255, 0.94));
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 28rpx;
|
||||
line-height: 98rpx;
|
||||
}
|
||||
|
||||
.left {
|
||||
display: flex;
|
||||
/* line-height: 26rpx; */
|
||||
}
|
||||
|
||||
.select {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
background: rgba(234, 234, 234, 1);
|
||||
border-radius: 50%;
|
||||
margin: auto 0;
|
||||
margin-left: 46rpx;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
.selects{
|
||||
background-color: #4cc97d;
|
||||
}
|
||||
|
||||
.pri {
|
||||
color: #e0c79d;
|
||||
font-size: 26rpx;
|
||||
margin-left: 19rpx;
|
||||
}
|
||||
|
||||
.right {
|
||||
color: #bbbbbb;
|
||||
margin-right: 31rpx;
|
||||
}
|
||||
|
||||
.sub {
|
||||
margin-left: 30rpx;
|
||||
color: #4cc97d;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user