parent
0c872d31dc
commit
ee98635253
@ -1,2 +1,2 @@
|
||||
<!--pages/orderdetail/orderdetail.wxml-->
|
||||
<text>pages/orderdetail/orderdetail.wxml</text>
|
||||
<text>{{orderlist.address}}</text>
|
||||
|
||||
@ -1 +1,110 @@
|
||||
/* pages/orderdetail/orderdetail.wxss */
|
||||
.scrol_view_style {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.carts_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/*item*/
|
||||
.list_item_style {
|
||||
height: 180rpx;
|
||||
background: white;
|
||||
padding-bottom: 20rpx;
|
||||
padding-left: 20rpx;
|
||||
padding-right: 20rpx;
|
||||
}
|
||||
|
||||
/*商品主图*/
|
||||
|
||||
.good_main_image {
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
margin-left: 10rpx;
|
||||
border: 1rpx solid #bbb;
|
||||
}
|
||||
|
||||
/*商品名称*/
|
||||
|
||||
.item_good_title {
|
||||
text-align: left;
|
||||
font-size: 32rpx;
|
||||
height: auto;
|
||||
white-space: nowrap;
|
||||
word-break: keep-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.cart_content_right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.btn_wrap {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
width: 200rpx;
|
||||
}
|
||||
|
||||
.btn_wrap input {
|
||||
background: #f8f8f8;
|
||||
color: #666;
|
||||
font-size: 26rpx;
|
||||
right: 10rpx;
|
||||
width: 50rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn_wrap input:nth-child(2) {
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
.price_back_view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 460rpx;
|
||||
padding-top: 20rpx;
|
||||
}
|
||||
|
||||
.cart_content_bottom {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 460rpx;
|
||||
padding-top: 25rpx;
|
||||
}
|
||||
|
||||
.cart_content_bottom .delete {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
/*售价*/
|
||||
|
||||
.right_list_item_price {
|
||||
color: #ff5d08;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
/* 没有商品时的购物车样式 */
|
||||
|
||||
.no_shop {
|
||||
text-align: center;
|
||||
font-size: 50rpx;
|
||||
color: #bbb;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
/*规格的样式*/
|
||||
|
||||
.guige {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
|
||||
<view>干饭地址：</view>
|
||||
|
||||
<image src="{{orderfood.url}}"></image>
|
||||
<view>{{orderfood.food_name}}</view>
|
||||
<button bindtap="primary" style="background-color: rgb(253, 228, 84);" bindtap="topay">立即支付</button>
|
||||
@ -1 +0,0 @@
|
||||
/* pages/orderdoing/orderdoing.wxss */
|
||||
@ -0,0 +1,133 @@
|
||||
// pages/orderlist/orderlist.js
|
||||
const db = wx.cloud.database({});
|
||||
const app=getApp()
|
||||
const userid=app.globalData.openid
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
orderlist:[]
|
||||
},
|
||||
/**
|
||||
* 点击删除订单
|
||||
*/
|
||||
deleteGoods(event) {
|
||||
var that = this;
|
||||
const index = event.currentTarget.id;
|
||||
console.log(index)
|
||||
|
||||
let orderlist = this.data.orderlist;//购物车所有的商品数据
|
||||
let foodid=orderlist[index]._id
|
||||
console.log(foodid)
|
||||
wx.showModal({
|
||||
title: '温馨提示',
|
||||
content: '确定删除当前商品吗？',
|
||||
confirmColor: "#f00",
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
orderlist.splice(index, 1);
|
||||
this.setData({
|
||||
orderlist:orderlist
|
||||
})
|
||||
db.collection('user')//回调回云数据库
|
||||
. where({
|
||||
"_openid":userid
|
||||
})
|
||||
.update(
|
||||
{
|
||||
data:{
|
||||
['cartlist.'+[index]]:db.command.remove(),
|
||||
}
|
||||
})
|
||||
|
||||
db.collection('user')//回调回云数据库
|
||||
.where({
|
||||
"_openid":userid
|
||||
})
|
||||
.update(
|
||||
{
|
||||
data:{
|
||||
['Orderlist']:this.data.orderlist
|
||||
}
|
||||
}
|
||||
)
|
||||
}}
|
||||
})
|
||||
this.getTotalPrice()
|
||||
console.log(orderlist)
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
db.collection("user")
|
||||
.where({
|
||||
"_openid":userid
|
||||
})
|
||||
.get()
|
||||
.then(res => {
|
||||
console.log("列表页", res.data);
|
||||
console.log(res.data[0].Orderlist)
|
||||
//再次显示数据
|
||||
this.setData({
|
||||
orderlist:res.data[0].Orderlist.reverse(),
|
||||
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
console.log("加载失败", err);
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,28 @@
|
||||
<!--pages/orderlist/orderlist.wxml-->
|
||||
<view>
|
||||
<scroll-view class="scrol_view_style" scroll-x="{{false}}" scroll-y="{{true}}">
|
||||
<view style="height: 10rpx;"></view>
|
||||
<view wx:for-items="{{orderlist}}" class="list_item_style" wx:key="{{ index }}">
|
||||
<view class="carts_box">
|
||||
<image src="{{item.url}}" class="good_main_image" style="border-radius: 20px;"></image>
|
||||
<view class="cart_content_right">
|
||||
<text class="item_good_title">{{item.food_name}}</text>
|
||||
<view class="price_back_view">
|
||||
<text class="right_list_item_price">总计：¥{{item.price}}</text>
|
||||
<text>时间：{{item.time}}</text>
|
||||
</view>
|
||||
<view class="cart_content_bottom">
|
||||
<view class='btn_wrap'>
|
||||
<!-- <image src="/images/reduce.png" class = "reduce_image_style" id = "{{index}}" bindtap = "reduceButtonClick"></image> -->
|
||||
<input type='text' value="*{{item.num}}" />
|
||||
<!-- <image src="/images/add.png" class = "add_image_style" id = "{{index}}" bindtap = "addButtonClick"></image> -->
|
||||
|
||||
</view>
|
||||
<view class="delete" bindtap="deleteGoods" id="{{index}}">删除</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
@ -0,0 +1 @@
|
||||
/* pages/orderlist/orderlist.wxss */
|
||||
Loading…
Reference in new issue