boyue2025/dbd-meeting-wx-small
3
0
Fork 0
mirror of https://gitee.com/elegant_wings/dbd-meeting-wx-small.git synced 2025-06-21 13:09:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

描述:分享

Browse Source
This commit is contained in:
SelfRidicule 2024-02-29 12:43:22 +08:00
parent f5b7d19fb5
commit 06c33dba9b
9 changed files with 498 additions and 198 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
miniprogram/app.json
View File

@ -59,7 +59,8 @@
"pages/meeting/pay/waitPay/waitPay",
"pages/meeting/pay/waitComplete/waitComplete",
"pages/meeting/reservationRecord/reservationRecord",
"pages/meeting/reservationRecord/meetingRecord/meetingRecord"
"pages/meeting/reservationRecord/meetingRecord/meetingRecord",
"pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail"
],
"window": {
"backgroundTextStyle": "light",

13
miniprogram/app.wxss
View File

@ -93,12 +93,14 @@ page {
background: #fff;
}
.flow-list custom-li, .addres-list custom-li {
.flow-list custom-li,
.addres-list custom-li {
margin-top: 25rpx;
display: block;
}
.flow-list custom-li:first-child, .addres-list custom-li:first-child {
.flow-list custom-li:first-child,
.addres-list custom-li:first-child {
margin-top: 0;
}
@ -347,9 +349,16 @@ image {
}
.containerView.public {
box-sizing: border-box;
height: 100vh;
width: 100vw;
overflow: auto;
padding-bottom: 100rpx;
background: #ffffff;
}
.leftLineTitle {
border-left: 8rpx solid #76aef9;
padding-left: 10rpx;
font-size: 32rpx;
}

67
miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail.js Normal file
View File

@ -0,0 +1,67 @@
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
IMG_NAME: app.IMG_NAME,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

4
miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail.json Normal file
View File

@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "会议预约详情"
}

74
miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail.wxml Normal file
View File

@ -0,0 +1,74 @@
<view class="containerView public">
<!-- 展示区域 -->
<view class="itemView">
<view class="contentView">
<image class="img" src="{{IMG_NAME + '/profile/static/index/banner/1.jpg'}}" mode="aspectFill"></image>
<view class="msgView">
<view class="title">10人间 | B2A | 3F</view>
<view class="name">space spacespace spacespace spacespace spacespace space</view>
<view class="time">2023-01-01 10:10~12:12</view>
</view>
<view class="priceView">
<view class="price">￥200.00</view>
<view class="unit">/半小时</view>
</view>
</view>
</view>
<!-- 基本信息 -->
<view class="basicView">
<view class="labelTitle">基本信息</view>
<view class="cellView">
<view class="label">会议时间</view>
<view class="content">2024-01-01 10:10~11:10 共计1小时</view>
</view>
<view class="cellView">
<view class="label">会议主题</view>
<view class="content">My Meeting Room</view>
</view>
<view class="cellView">
<view class="label">会议预约人</view>
<view class="content">admin</view>
</view>
<view class="cellView">
<view class="label">联系方式</view>
<view class="content">10086</view>
</view>
<view class="labelTitle">订单信息</view>
<view class="cellView">
<view class="label">订单类型</view>
<view class="content">会议室订单</view>
</view>
<view class="cellView">
<view class="label">订单状态</view>
<view class="content status">待使用</view>
</view>
<view class="cellView">
<view class="label">订单编号</view>
<view class="content">FO2121654654654</view>
</view>
<view class="cellView">
<view class="label">创建时间</view>
<view class="content">2024-01-01 12:12:00</view>
</view>
<view class="cellView">
<view class="label">优惠卷</view>
<view class="content">1张</view>
</view>
<view class="cellView">
<view class="label">支付金额</view>
<view class="content payMoney">￥200.00</view>
</view>
<view class="cellView">
<view class="label">支付时间</view>
<view class="content">2024-01-01 12:12:00</view>
</view>
</view>
<!-- 底部区域 -->
<view class="bottomFix">
<view class="btn">去支付</view>
<view class="btn">去邀请</view>
<view class="btn">取消订单</view>
</view>
</view>

120
miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail.wxss Normal file
View File

@ -0,0 +1,120 @@
.containerView.public {
padding-bottom: 200rpx;
}
.itemView {
padding: 0 20rpx;
}
.itemView .contentView {
box-sizing: border-box;
border-radius: 10rpx;
width: 100%;
margin-top: 20rpx;
padding: 30rpx 20rpx;
display: flex;
justify-content: flex-start;
align-items: center;
background: #f2f2f2;
}
.itemView .contentView .img {
border-radius: 10rpx;
width: 200rpx;
height: 110rpx;
}
.itemView .contentView .msgView {
flex: 1;
margin: 0 20rpx;
word-break: break-all;
}
.itemView .contentView .msgView .title {
font-size: 28rpx;
}
.itemView .contentView .msgView .name,
.itemView .contentView .msgView .time {
font-size: 24rpx;
color: gray;
margin-top: 6rpx;
}
.itemView .contentView .priceView {
text-align: right;
}
.itemView .contentView .priceView .price {
font-size: 28rpx;
font-weight: bold;
color: red;
}
.itemView .contentView .priceView .unit {
font-size: 22rpx;
color: gray;
}
.basicView {}
.basicView .labelTitle {
margin: 40rpx 20rpx;
font-size: 32rpx;
}
.basicView .cellView {
border-bottom: 1px solid rgb(126, 126, 126, 0.2);
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 30rpx 20rpx;
word-break: break-all;
}
.basicView .cellView .label {
font-size: 28rpx;
min-width: 180rpx;
}
.basicView .cellView .content {
font-size: 26rpx;
}
.basicView .cellView .content.payMoney {
font-size: 28rpx;
font-weight: bold;
color: red;
}
.basicView .cellView .content.status {
color: #4e96f8;
}
.bottomFix {
box-sizing: border-box;
position: fixed;
z-index: 1;
left: 0;
bottom: 0;
width: 100%;
height: 160rpx;
background: white;
box-shadow: rgb(187, 187, 187) 0px 0px 6px 0px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
padding-right: 20rpx;
}
.bottomFix .btn {
border: 1px solid #4e96f8;
border-radius: 10rpx;
margin-right: 16rpx;
margin-top: -20rpx;
padding: 10rpx 24rpx;
font-size: 30rpx;
color: #4e96f8;
}

22
miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingRecord.js
View File

@ -16,6 +16,20 @@ Page({
},
// 跳转-支付
jumpPay() {
wx.navigateTo({
url: "/pages/meeting/pay/waitPay/waitPay"
})
},
// 跳转-预约详情
jumpMeetingDetail() {
wx.navigateTo({
url: "/pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail",
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
@ -62,6 +76,12 @@ Page({
* 用户点击右上角分享
*/
onShareAppMessage() {
let param = {
title: "space 会议室101",
path: "/pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail",
imageUrl: app.IMG_NAME + '/profile/static/index/banner/1.jpg',
}
console.log('onShareAppMessage' , param);
return param;
}
})

14
miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingRecord.wxml
View File

@ -1,14 +1,14 @@
<view class="containerView public">
<view class="itemView" wx:for="{{3}}">
<view class="itemView" wx:for="{{2}}">
<view class="headView">
<view class="number">YGDH20240120122</view>
<view class="status">待使用</view>
</view>
<view class="contentView">
<view class="contentView" bind:tap="jumpMeetingDetail">
<image class="img" src="{{IMG_NAME + '/profile/static/index/banner/1.jpg'}}" mode="aspectFill"></image>
<view class="msgView">
<view class="title">10人间 | B2A | 3F</view>
<view class="name">space space</view>
<view class="name">space spacespace spacespace spacespace space</view>
<view class="time">2023-01-01 10:10~12:12</view>
</view>
</view>
@ -17,10 +17,14 @@
<view class="price">￥200.00</view>
</view>
<view class="btnView">
<view class="btn">去支付</view>
<view class="btn" bind:tap="jumpPay">去支付</view>
<view class="btn">去邀请</view>
<view class="btn">取消订单</view>
<view class="btn">查看会议</view>
<view class="btn" bind:tap="jumpMeetingDetail">查看会议</view>
</view>
</view>
<!-- 测试转发 -->
<button open-type="share">转发</button>
</view>

1
miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingRecord.wxss
View File

@ -46,6 +46,7 @@
.itemView .contentView .msgView {
flex: 1;
margin-left: 20rpx;
word-break: break-all;
}
.itemView .contentView .msgView .title {