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 14:19:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

描述:访客预约

Browse Source
This commit is contained in:
SelfRidicule 2024-03-07 20:15:43 +08:00
parent 919de5588d
commit 6d628519c9
5 changed files with 153 additions and 166 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
miniprogram/pages/index/index.js
View File

@ -97,7 +97,7 @@ Page({
{
name: "访客预约",
img: "/profile/static/index/menu-fkyy.png",
path: "/pages/meeting/visitorIinvitation/visitorIinvitation"
path: "/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord"
},
{
name: "预约记录",

123
miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.js
View File

@ -1,77 +1,84 @@
// pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.js
Page({
/**
* 页面的初始数据
*/
data: {
active: 'a',
},
/**
* 页面的初始数据
*/
data: {
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
},
// tab 切换
tabClickSwitch(event) {
wx.showToast({
title: `切换到标签 ${event.detail.title}`,
icon: 'none',
});
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
onChange(event) {
wx.showToast({
title: `切换到标签 ${event.detail.name}`,
icon: 'none',
});
},
toCheckFn(){
wx.reLaunch({
url: '/pages/meeting/visitorIinvitation/visitorIinvitation',
})
}
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
},
onChange(event) {
wx.showToast({
title: `切换到标签 ${event.detail.name}`,
icon: 'none',
});
},
toCheckFn() {
wx.reLaunch({
url: '/pages/meeting/visitorIinvitation/visitorIinvitation',
})
}
})

14
miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.json
View File

@ -1,9 +1,9 @@
{
"navigationBarTitleText":"预约记录",
"usingComponents": {
"van-tab": "@vant/weapp/tab/index",
"van-tabs": "@vant/weapp/tabs/index",
"van-icon": "@vant/weapp/icon/index",
"van-button": "@vant/weapp/button/index"
}
"navigationBarTitleText": "访客预约",
"usingComponents": {
"van-tab": "@vant/weapp/tab/index",
"van-tabs": "@vant/weapp/tabs/index",
"van-icon": "@vant/weapp/icon/index",
"van-button": "@vant/weapp/button/index"
}
}

73
miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.wxml
View File

@ -1,53 +1,28 @@
<view class="container">
<van-tabs active="{{ active }}" bind:change="onChange" color="#0079fe">
<van-tab title="访客记录" name="a">
<view class="visitorView">
<view class="visitListView">
<view class="itemView">
<view class="itemTop">
<view>访客：张三</view>
<view>待审核</view>
</view>
<view class="itemBottom">
<view>
<view class="infoView">
<van-icon name="user-o" />
<view>访问事由: 拜访刘总</view>
<view class="containerView public">
<van-tabs bind:click="tabClickSwitch" color="#4e96f8" border animated title-active-color="black" title-inactive-color="gray">
<van-tab title="预约记录">
<view class="itemView" wx:for="{{3}}">
<view class="topView">
<view class="name">访客：张三</view>
<view class="status">待审核</view>
</view>
<view class="infoView">
<van-icon name="clock-o" />
<view>2024-02-02 14:00</view>
<view class="contentView">
<view class="dataView">
<van-icon name="manager" color="#cccccc" size="40rpx"/>
<view class="msg">访问事由: 参观会议参观会议参观会议参观会议参观会议参观会议参观会议参观会议参观会议参观会议参观会议</view>
</view>
<view class="dataView">
<van-icon name="clock-o" color="#cccccc" size="40rpx"/>
<view class="msg">2024-02-02 14:00</view>
</view>
<view class="btnView">
<view class="btn">查看详情</view>
</view>
</view>
</view>
<view>访客预约</view>
</view>
</view>
</view>
</view>
</van-tab>
<van-tab title="预约审核" name="b">
<view class="visitorView" bind:tap="toCheckFn">
<view class="visitListView">
<view class="itemView">
<view class="itemTop">
<view>访客：张三</view>
<view>待审核</view>
</view>
<view class="checkBottom">
<view>
<view class="infoView">
<van-icon name="user-o" />
<view>访问事由: 拜访刘总</view>
</view>
<view class="infoView">
<van-icon name="clock-o" />
<view>2024-02-02 14:00</view>
</view>
</view>
<van-button round type="info" size="small" bind:click="toCheckFn">去审核</van-button>
</view>
</view>
</view>
</view></van-tab>
</van-tabs>
</van-tab>
<van-tab title="预约审核" disabled="{{false}}">
</van-tab>
</van-tabs>
</view>

111
miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.wxss
View File

@ -1,60 +1,65 @@
.container{
width: 100%;
position: absolute;
height: 100vh;
background-color: #f6f6f6;
.containerView.public {
background-color: #f6f7fb;
}
.visitorView{
width: 100%;
background-color: #f6f7fb;
}
.visitListView{
width: 710rpx;
margin: 0 auto;
.itemView {
margin: 20rpx;
padding: 20rpx 0;
background: #ffffff;
}
.itemView{
width: 100%;
background-color: #ffffff;
margin-top: 20rpx;
font-size: 28rpx;
color: #666666;
}
.itemTop{
width: 100%;
display: flex;
justify-content: space-between;
height: 80rpx;
border-bottom: 1px solid #f2f2f2;
align-items: center;
padding: 10rpx 30rpx;
box-sizing: border-box;
}
.itemBottom{
width: 100%;
display: flex;
justify-content: space-between;
padding:20rpx 30rpx;
box-sizing: border-box;
color: #a4a4a4;
font-size: 28rpx;
}
.infoView{
display: flex;
height: 60rpx;
align-items: baseline;
.itemView .topView {
border-bottom: 1px solid rgb(126, 126, 126, 0.2);
display: flex;
justify-content: space-between;
align-items: center;
font-size: 28rpx;
padding: 0 20rpx 20rpx;
}
.infoView view{
margin-left: 10rpx;
.itemView .topView .name {
color: #000000;
}
.checkBottom{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding:20rpx 30rpx;
box-sizing: border-box;
color: #a4a4a4;
font-size: 28rpx;
.itemView .topView .status {
color: red;
}
.itemView .contentView {
padding: 0 20rpx;
}
.itemView .contentView .dataView {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 20rpx;
}
.itemView .contentView .dataView .msg {
margin-left: 20rpx;
font-size: 28rpx;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
}
.itemView .contentView .btnView {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 20rpx;
}
.itemView .contentView .btnView .btn {
border: 1px solid #4e96f8;
position: relative;
border-radius: 10rpx;
margin-left: 16rpx;
padding: 10rpx 24rpx;
font-size: 24rpx;
color: #4e96f8;
}