<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="{{reservationDataList}}" wx:for-item="item" wx:key="*this" bind:tap="goDetail" data-id="{{item.id}}" data-type="detail">
                <view class="topView">
                    <view class="name">被访人：{{item.userName}}</view>
                    <view class="status" style="color: {{item.fontColor}};">{{item.statusName}}</view>
                </view>
                <view class="contentView">
                    <view class="dataView">
                        <van-icon name="manager" color="#cccccc" size="40rpx" />
                        <view class="msg">访问事由: {{item.visitContent}}</view>
                    </view>
                    <view class="dataView">
                        <van-icon name="clock-o" color="#cccccc" size="40rpx" />
                        <view class="msg">{{item.visitTimeFormat}}</view>
                    </view>
                    <view class="btnView">
                        <view class="btn">查看详情</view>
                    </view>
                </view>
            </view>
        </van-tab>
        <van-tab title="预约审核" disabled="{{false}}">
            <view class="itemView" wx:for="{{verifyDataList}}" wx:for-item="item" wx:key="*this" bind:tap="goDetail" data-id="{{item.id}}" data-type="verify">
                <view class="topView">
                    <view class="name">访客：{{item.name}}</view>
                    <view class="status" style="color: {{item.fontColor}};">{{item.statusName}}</view>
                </view>
                <view class="contentView">
                    <view class="dataView">
                        <van-icon name="manager" color="#cccccc" size="40rpx" />
                        <view class="msg">访问事由: {{item.visitContent}}</view>
                    </view>
                    <view class="dataView">
                        <van-icon name="clock-o" color="#cccccc" size="40rpx" />
                        <view class="msg">{{item.visitTimeFormat}}</view>
                    </view>
                    <view class="btnView">
                        <view class="btn">查看详情</view>
                        <view class="btn" wx:if="{{item.verifyShow}}" data-id="{{item.id}}" catch:tap="showDialog">审核</view>
                    </view>
                </view>
            </view>
        </van-tab>
    </van-tabs>

    <view class="submitBtn" bind:tap="goAdd">立即预约</view>

</view>

<!-- 审核弹出框 -->
<van-dialog use-slot title="审核" show="{{ dialogShow }}" show-confirm-button="{{false}}" show-cancel-button="{{false}}" close-on-click-overlay>
    <van-field input-class="textarea" bind:input="dialogInput" value="{{ dialogContent }}" type="textarea" placeholder="请输入描述信息" />
    <view class="dialogBtnView">
        <view class="rejectBtn" data-status="2" bind:tap="dialogVerify">驳回</view>
        <view class="successBtn" data-status="1" bind:tap="dialogVerify">通过</view>
    </view>
</van-dialog>

<!-- 消息提示 -->
<van-notify id="van-notify" />