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 23:39:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

预约时间段列表

Browse Source
This commit is contained in:
SelfRidicule 2024-06-27 16:42:00 +08:00
parent 4862a5b620
commit 2317790028
4 changed files with 56 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
miniprogram/pages/meeting/meetingRoom/meetingBooked/meetingBooked.js
View File

@ -175,6 +175,8 @@ Page({
item.reservations = item.reservations.map(record => { item.reservations = item.reservations.map(record => {
record.startTime = record.startTime.substring(11) record.startTime = record.startTime.substring(11)
record.endDate = record.endDate.substring(11) record.endDate = record.endDate.substring(11)
record.userName = record.userName.substring(0,1) + "某"
record.phone = record.phone.substring(0,3) + "****" + record.phone.substring(7,record.phone.length)
return record; return record;
}) })
return item return item

3
miniprogram/pages/meeting/meetingRoom/meetingBooked/meetingBooked.json
View File

@ -2,7 +2,8 @@
"usingComponents": { "usingComponents": {
"van-datetime-picker": "@vant/weapp/datetime-picker/index", "van-datetime-picker": "@vant/weapp/datetime-picker/index",
"van-popup": "@vant/weapp/popup/index", "van-popup": "@vant/weapp/popup/index",
"van-notify": "@vant/weapp/notify/index" "van-notify": "@vant/weapp/notify/index",
"van-icon": "@vant/weapp/icon/index"
}, },
"navigationBarTitleText": "会议室已预约" "navigationBarTitleText": "会议室已预约"
} }

14
miniprogram/pages/meeting/meetingRoom/meetingBooked/meetingBooked.wxml
View File

@ -6,10 +6,22 @@
<!-- 预约列表 --> <!-- 预约列表 -->
<view class="itemVIew" wx:for="{{dataList}}" wx:for-item="item" wx:key="*this"> <view class="itemVIew" wx:for="{{dataList}}" wx:for-item="item" wx:key="*this">
<view class="item">{{item.nowDate}}</view> <view class="item">{{item.nowDate}}</view>
<view class="itemTimeView" wx:for="{{item.reservations}}" wx:for-item="record" wx:key="*this"> <view class="itemTimeCellView" wx:for="{{item.reservations}}" wx:for-item="record" wx:key="*this">
<view class="itemTimeView">
<view class="time">{{record.startTime}}~{{record.endDate}}</view> <view class="time">{{record.startTime}}~{{record.endDate}}</view>
<view class="status">已预约</view> <view class="status">已预约</view>
</view> </view>
<view class="personView">
<view class="name">
<van-icon name="manager-o" size="30rpx" />
<view class="content">预约人：{{record.userName}}</view>
</view>
<view class="phone">
<van-icon name="phone-o" size="30rpx" />
<view class="content">联系电话：{{record.phone}}</view>
</view>
</view>
</view>
</view> </view>
<!-- 没有记录 --> <!-- 没有记录 -->
<view class="noneView" wx:if="{{dataList.length <= 0}}"> <view class="noneView" wx:if="{{dataList.length <= 0}}">

39
miniprogram/pages/meeting/meetingRoom/meetingBooked/meetingBooked.wxss
View File

@ -7,17 +7,52 @@
} }
.itemVIew { .itemVIew {
border: 1px solid transparent;
box-shadow: rgba(153, 134, 134, 0.2) 0px 0px 4px 0px; box-shadow: rgba(153, 134, 134, 0.2) 0px 0px 4px 0px;
padding: 0 20rpx; padding: 0 20rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
.itemVIew .item, .itemVIew .item {
padding: 30rpx 0;
}
.itemVIew .itemTimeView { .itemVIew .itemTimeView {
padding: 30rpx 0; padding: 30rpx 0;
background-image: linear-gradient(to right, rgb(126, 126, 126, 0.1), rgb(126, 126, 126, 0.1), transparent 100%); }
.itemVIew .itemTimeCellView {
background-image: linear-gradient(to right, rgb(126, 126, 126, 0.2), rgb(126, 126, 126, 0.2), transparent 100%);
background-size: 20rpx 2rpx; background-size: 20rpx 2rpx;
background-repeat: repeat-x; background-repeat: repeat-x;
margin-bottom: 10rpx;
}
.itemVIew .personView {
padding: 0rpx 20rpx 20rpx;
display: flex;
justify-content: flex-start;
align-items: center;
/* background: #fbfbfb; */
}
.itemVIew .personView .name,
.itemVIew .personView .phone {
display: flex;
justify-content: center;
align-items: center;
font-size: 24rpx;
}
.itemVIew .personView .name {}
.itemVIew .personView .phone {
margin-left: 40rpx;
}
.itemVIew .personView .content {
margin-left: 10rpx;
} }
.itemVIew .item { .itemVIew .item {