<view class="page-wrapper"><view class="bg-top"></view><view class="content-wrapper"><view class="text-2xl font-bold text-center mb-4">场馆预约参观</view><view class="flex items-center h-11 mb-4"><label class="w-24 text-sm font-medium">预约场馆:</label><picker mode="selector" range="{{b}}" value="{{c}}" bindchange="{{d}}"><view class="flex flex-1 items-center justify-between h-35px px-3 rounded border border-gray-300 bg-gray-50 active-bg-gray-100 transition-all duration-150"><text class="truncate text-gray-800 text-sm">{{a}}</text><text class="text-gray-400 text-xs">▼</text></view></picker></view><view class="flex items-center h-11 mb-4"><label class="w-24 text-sm font-medium">预约日期:</label><picker mode="date" value="{{f}}" bindchange="{{g}}" start="{{h}}"><view class="flex flex-1 items-center justify-between h-35px px-3 rounded border border-gray-300 bg-gray-50 active-bg-gray-100 transition-all duration-150"><text class="truncate text-gray-800 text-sm">{{e}}</text><text class="text-gray-400 text-xs">▼</text></view></picker></view><view class="flex items-center space-x-2 h-15 mb-4"><label class="w-24 text-sm font-medium">预约时段:</label><picker mode="selector" range="{{j}}" value="{{k}}" bindchange="{{l}}"><view class="flex flex-1 items-center justify-between h-35px px-3 rounded border border-gray-300 bg-gray-50 active-bg-gray-100 transition-all duration-150"><text class="truncate text-gray-800 text-sm">{{i}}</text><text class="text-gray-400 text-xs">▼</text></view></picker></view><view class="flex items-center space-x-2 h-11 mb-4"><label class="w-24 text-sm font-medium">预约人员:</label><input type="text" placeholder="请输入姓名(最多10个字)" class="flex-1 border border-gray-300 rounded p-2 h-12" value="{{m}}" bindinput="{{n}}"/></view><view class="h-5"></view><view class="flex items-center space-x-2 h-11 mb-4 mt-2"><label class="w-24 text-sm font-medium">预约电话:</label><input type="text" placeholder="请输入联系电话" class="flex-1 border border-gray-300 rounded p-2 h-12" value="{{o}}" bindinput="{{p}}"/></view><view class="h-5"></view><view class="flex items-center space-x-2 h-11 mb-4"><label class="w-24 text-sm font-medium">同行人数:</label><view class="flex items-center space-x-2 h-11"><view class="w-8 h-8 border border-dashed border-gray-300 bg-blue-500 rounded text-white flex justify-center items-center cursor-pointer" bindtap="{{q}}"> - </view><view class="mx-8 text-center w-8">{{r}}</view><view class="w-8 h-8 border border-dashed border-gray-300 bg-blue-500 rounded text-white flex justify-center items-center cursor-pointer" bindtap="{{s}}"> + </view><view class="text-xs text-gray-500 ml-5">(1-5人)</view></view></view><button bindtap="{{t}}" class="w-full bg-blue-500 text-white py-3 rounded-lg mt-4">提交预约</button></view><view class="bg-bottom"></view></view>
|