mirror of
https://gitee.com/elegant_wings/dbd-meeting-wx-small.git
synced 2025-06-21 14:19:38 +08:00
描述:访客预约
This commit is contained in:
SelfRidicule
parent
919de5588d
commit
6d628519c9
@ -97,7 +97,7 @@ Page({
|
|||||||
{
|
{
|
||||||
name: "访客预约",
|
name: "访客预约",
|
||||||
img: "/profile/static/index/menu-fkyy.png",
|
img: "/profile/static/index/menu-fkyy.png",
|
||||||
path: "/pages/meeting/visitorIinvitation/visitorIinvitation"
|
path: "/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "预约记录",
|
name: "预约记录",
|
||||||
|
|||||||
@ -1,77 +1,84 @@
|
|||||||
// pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.js
|
|
||||||
Page({
|
Page({
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 页面的初始数据
|
* 页面的初始数据
|
||||||
*/
|
*/
|
||||||
data: {
|
data: {
|
||||||
active: 'a',
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
},
|
||||||
* 生命周期函数--监听页面加载
|
|
||||||
*/
|
|
||||||
onLoad(options) {
|
|
||||||
|
|
||||||
},
|
/**
|
||||||
|
* 生命周期函数--监听页面加载
|
||||||
|
*/
|
||||||
|
onLoad(options) {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
/**
|
// tab 切换
|
||||||
* 生命周期函数--监听页面初次渲染完成
|
tabClickSwitch(event) {
|
||||||
*/
|
wx.showToast({
|
||||||
onReady() {
|
title: `切换到标签 ${event.detail.title}`,
|
||||||
|
icon: 'none',
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
},
|
/**
|
||||||
|
* 生命周期函数--监听页面初次渲染完成
|
||||||
|
*/
|
||||||
|
onReady() {
|
||||||
|
|
||||||
/**
|
},
|
||||||
* 生命周期函数--监听页面显示
|
|
||||||
*/
|
|
||||||
onShow() {
|
|
||||||
|
|
||||||
},
|
/**
|
||||||
|
* 生命周期函数--监听页面显示
|
||||||
|
*/
|
||||||
|
onShow() {
|
||||||
|
|
||||||
/**
|
},
|
||||||
* 生命周期函数--监听页面隐藏
|
|
||||||
*/
|
|
||||||
onHide() {
|
|
||||||
|
|
||||||
},
|
/**
|
||||||
|
* 生命周期函数--监听页面隐藏
|
||||||
|
*/
|
||||||
|
onHide() {
|
||||||
|
|
||||||
/**
|
},
|
||||||
* 生命周期函数--监听页面卸载
|
|
||||||
*/
|
|
||||||
onUnload() {
|
|
||||||
|
|
||||||
},
|
/**
|
||||||
|
* 生命周期函数--监听页面卸载
|
||||||
|
*/
|
||||||
|
onUnload() {
|
||||||
|
|
||||||
/**
|
},
|
||||||
* 页面相关事件处理函数--监听用户下拉动作
|
|
||||||
*/
|
|
||||||
onPullDownRefresh() {
|
|
||||||
|
|
||||||
},
|
/**
|
||||||
|
* 页面相关事件处理函数--监听用户下拉动作
|
||||||
|
*/
|
||||||
|
onPullDownRefresh() {
|
||||||
|
|
||||||
/**
|
},
|
||||||
* 页面上拉触底事件的处理函数
|
|
||||||
*/
|
|
||||||
onReachBottom() {
|
|
||||||
|
|
||||||
},
|
/**
|
||||||
|
* 页面上拉触底事件的处理函数
|
||||||
|
*/
|
||||||
|
onReachBottom() {
|
||||||
|
|
||||||
/**
|
},
|
||||||
* 用户点击右上角分享
|
|
||||||
*/
|
|
||||||
onShareAppMessage() {
|
|
||||||
|
|
||||||
},
|
/**
|
||||||
onChange(event) {
|
* 用户点击右上角分享
|
||||||
wx.showToast({
|
*/
|
||||||
title: `切换到标签 ${event.detail.name}`,
|
onShareAppMessage() {
|
||||||
icon: 'none',
|
|
||||||
});
|
},
|
||||||
},
|
onChange(event) {
|
||||||
toCheckFn(){
|
wx.showToast({
|
||||||
wx.reLaunch({
|
title: `切换到标签 ${event.detail.name}`,
|
||||||
url: '/pages/meeting/visitorIinvitation/visitorIinvitation',
|
icon: 'none',
|
||||||
})
|
});
|
||||||
}
|
},
|
||||||
|
toCheckFn() {
|
||||||
|
wx.reLaunch({
|
||||||
|
url: '/pages/meeting/visitorIinvitation/visitorIinvitation',
|
||||||
|
})
|
||||||
|
}
|
||||||
})
|
})
|
||||||
@ -1,9 +1,9 @@
|
|||||||
{
|
{
|
||||||
"navigationBarTitleText":"预约记录",
|
"navigationBarTitleText": "访客预约",
|
||||||
"usingComponents": {
|
"usingComponents": {
|
||||||
"van-tab": "@vant/weapp/tab/index",
|
"van-tab": "@vant/weapp/tab/index",
|
||||||
"van-tabs": "@vant/weapp/tabs/index",
|
"van-tabs": "@vant/weapp/tabs/index",
|
||||||
"van-icon": "@vant/weapp/icon/index",
|
"van-icon": "@vant/weapp/icon/index",
|
||||||
"van-button": "@vant/weapp/button/index"
|
"van-button": "@vant/weapp/button/index"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1,53 +1,28 @@
|
|||||||
<view class="container">
|
<view class="containerView public">
|
||||||
<van-tabs active="{{ active }}" bind:change="onChange" color="#0079fe">
|
<van-tabs bind:click="tabClickSwitch" color="#4e96f8" border animated title-active-color="black" title-inactive-color="gray">
|
||||||
<van-tab title="访客记录" name="a">
|
<van-tab title="预约记录">
|
||||||
<view class="visitorView">
|
<view class="itemView" wx:for="{{3}}">
|
||||||
<view class="visitListView">
|
<view class="topView">
|
||||||
<view class="itemView">
|
<view class="name">访客：张三</view>
|
||||||
<view class="itemTop">
|
<view class="status">待审核</view>
|
||||||
<view>访客：张三</view>
|
|
||||||
<view>待审核</view>
|
|
||||||
</view>
|
|
||||||
<view class="itemBottom">
|
|
||||||
<view>
|
|
||||||
<view class="infoView">
|
|
||||||
<van-icon name="user-o" />
|
|
||||||
<view>访问事由: 拜访刘总</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="infoView">
|
<view class="contentView">
|
||||||
<van-icon name="clock-o" />
|
<view class="dataView">
|
||||||
<view>2024-02-02 14:00</view>
|
<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>
|
||||||
</view>
|
<van-tab title="预约审核" disabled="{{false}}">
|
||||||
</view>
|
|
||||||
</van-tab>
|
</van-tab>
|
||||||
<van-tab title="预约审核" name="b">
|
</van-tabs>
|
||||||
<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>
|
|
||||||
</view>
|
</view>
|
||||||
@ -1,60 +1,65 @@
|
|||||||
.container{
|
.containerView.public {
|
||||||
width: 100%;
|
background-color: #f6f7fb;
|
||||||
position: absolute;
|
|
||||||
height: 100vh;
|
|
||||||
background-color: #f6f6f6;
|
|
||||||
}
|
}
|
||||||
.visitorView{
|
|
||||||
width: 100%;
|
.itemView {
|
||||||
background-color: #f6f7fb;
|
margin: 20rpx;
|
||||||
|
padding: 20rpx 0;
|
||||||
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
.visitListView{
|
|
||||||
width: 710rpx;
|
.itemView .topView {
|
||||||
margin: 0 auto;
|
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;
|
||||||
}
|
}
|
||||||
.itemView{
|
|
||||||
width: 100%;
|
.itemView .topView .name {
|
||||||
background-color: #ffffff;
|
color: #000000;
|
||||||
margin-top: 20rpx;
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #666666;
|
|
||||||
}
|
}
|
||||||
.itemTop{
|
|
||||||
width: 100%;
|
.itemView .topView .status {
|
||||||
display: flex;
|
color: red;
|
||||||
justify-content: space-between;
|
|
||||||
height: 80rpx;
|
|
||||||
border-bottom: 1px solid #f2f2f2;
|
|
||||||
align-items: center;
|
|
||||||
padding: 10rpx 30rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
}
|
||||||
.itemBottom{
|
|
||||||
width: 100%;
|
.itemView .contentView {
|
||||||
display: flex;
|
padding: 0 20rpx;
|
||||||
justify-content: space-between;
|
|
||||||
padding:20rpx 30rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
color: #a4a4a4;
|
|
||||||
font-size: 28rpx;
|
|
||||||
}
|
}
|
||||||
.infoView{
|
|
||||||
display: flex;
|
.itemView .contentView .dataView {
|
||||||
height: 60rpx;
|
display: flex;
|
||||||
align-items: baseline;
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 20rpx;
|
||||||
}
|
}
|
||||||
.infoView view{
|
|
||||||
margin-left: 10rpx;
|
.itemView .contentView .dataView .msg {
|
||||||
|
margin-left: 20rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
word-break: break-all;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.checkBottom{
|
|
||||||
width: 100%;
|
.itemView .contentView .btnView {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: flex-end;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding:20rpx 30rpx;
|
margin-top: 20rpx;
|
||||||
box-sizing: border-box;
|
}
|
||||||
color: #a4a4a4;
|
|
||||||
font-size: 28rpx;
|
|
||||||
|
.itemView .contentView .btnView .btn {
|
||||||
|
border: 1px solid #4e96f8;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
margin-left: 16rpx;
|
||||||
|
padding: 10rpx 24rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #4e96f8;
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user