parent
0c872d31dc
commit
ee98635253
@ -1,2 +1,2 @@
|
|||||||
<!--pages/orderdetail/orderdetail.wxml-->
|
<!--pages/orderdetail/orderdetail.wxml-->
|
||||||
<text>pages/orderdetail/orderdetail.wxml</text>
|
<text>{{orderlist.address}}</text>
|
||||||
|
|||||||
@ -1 +1,110 @@
|
|||||||
/* pages/orderdetail/orderdetail.wxss */
|
/* 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