mirror of
https://gitee.com/elegant_wings/dbd-meeting-wx-small.git
synced 2025-06-21 20:09:37 +08:00
预约时间段列表
This commit is contained in:
parent
4862a5b620
commit
2317790028
@ -175,6 +175,8 @@ Page({
|
||||
item.reservations = item.reservations.map(record => {
|
||||
record.startTime = record.startTime.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 item
|
||||
|
@ -2,7 +2,8 @@
|
||||
"usingComponents": {
|
||||
"van-datetime-picker": "@vant/weapp/datetime-picker/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": "会议室已预约"
|
||||
}
|
@ -6,10 +6,22 @@
|
||||
<!-- 预约列表 -->
|
||||
<view class="itemVIew" wx:for="{{dataList}}" wx:for-item="item" wx:key="*this">
|
||||
<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="status">已预约</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 class="noneView" wx:if="{{dataList.length <= 0}}">
|
||||
|
@ -7,17 +7,52 @@
|
||||
}
|
||||
|
||||
.itemVIew {
|
||||
border: 1px solid transparent;
|
||||
box-shadow: rgba(153, 134, 134, 0.2) 0px 0px 4px 0px;
|
||||
padding: 0 20rpx;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.itemVIew .item,
|
||||
.itemVIew .item {
|
||||
padding: 30rpx 0;
|
||||
}
|
||||
|
||||
.itemVIew .itemTimeView {
|
||||
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-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 {
|
||||
|
Loading…
x
Reference in New Issue
Block a user