wangzhibo
2025-10-23 cad64c1de2c45856b0774933c5801b05b64984e8
1
<view class="p-4 space-y-4"><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-1 border border-gray-300 rounded px-3 flex items-center h-full">{{a}}</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-1 border border-gray-300 rounded px-3 flex items-center" style="height:44px;line-height:44px">{{e}}</view></picker></view><view class="flex items-center space-x-2 h-11 mb-4"><label class="w-24 text-sm font-medium">预约时段:</label><picker mode="selector" range="{{j}}" value="{{k}}" bindchange="{{l}}"><view class="flex-1 border border-gray-300 rounded px-3 flex items-center h-full">{{i}}</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="flex items-center space-x-2 h-11 mb-4"><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="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"><button bindtap="{{q}}" class="w-8 h-8 bg-gray-300 rounded">-</button><view class="mx-8 text-center w-8">{{r}}</view><button bindtap="{{s}}" class="w-8 h-8 bg-gray-300 rounded">+</button><view class="text-xs text-gray-500">(1-5人)</view></view></view><button bindtap="{{t}}" class="w-full bg-blue-500 text-white py-3 rounded-lg mt-4">提交预约</button></view>