推进活动系统最小成品闭环与游客体验

miniprogram/pages/event-prepare/event-prepare.wxml

@@ -7,18 +7,28 @@
     </view>
 
     <view class="panel">
-      <view class="panel__title">活动与发布</view>
-      <view class="summary">Release：{{releaseText}}</view>
-      <view class="summary">主动作：{{actionText}}</view>
-      <view class="summary">状态：{{statusText}}</view>
+      <view class="panel__title">当前准备状态</view>
+      <view class="summary">先确认赛道、设备和权限，再进入地图开始本局。</view>
+      <view class="row">
+        <view class="row__label">当前发布</view>
+        <view class="row__value">{{releaseText}}</view>
+      </view>
+      <view class="row">
+        <view class="row__label">当前动作</view>
+        <view class="row__value">{{actionText}}</view>
+      </view>
+      <view class="row">
+        <view class="row__label">进入状态</view>
+        <view class="row__value">{{statusText}}</view>
+      </view>
       <view class="summary">赛道模式：{{variantModeText}}</view>
       <view class="summary">赛道摘要：{{variantSummaryText}}</view>
       <view class="summary">当前选择：{{selectedVariantText}}</view>
     </view>
 
     <view class="panel">
-      <view class="panel__title">活动运营摘要</view>
-      <view class="summary">当前阶段先展示当前发布 release 绑定的活动运营对象摘要，不展开复杂 schema。</view>
+      <view class="panel__title">活动版本摘要</view>
+      <view class="summary">这里展示本次进入地图将会使用的发布对象摘要，方便你确认当前活动版本。</view>
       <view class="row">
         <view class="row__label">当前发布展示版本</view>
         <view class="row__value">{{presentationText}}</view>
@@ -30,8 +40,8 @@
     </view>
 
     <view class="panel">
-      <view class="panel__title">运行对象摘要</view>
-      <view class="summary">当前阶段以前端已知信息预览，最终绑定以后端 `launch.runtime` 为准。</view>
+      <view class="panel__title">本局对象预览</view>
+      <view class="summary">进入地图前先用已知信息做预览，最终绑定以后端 launch 返回结果为准。</view>
       <view class="row">
         <view class="row__label">地点</view>
         <view class="row__value">{{runtimePlaceText}}</view>
@@ -48,11 +58,39 @@
         <view class="row__label">RouteCode</view>
         <view class="row__value">{{runtimeRouteCodeText}}</view>
       </view>
+      <view class="preview-card" wx:if="{{previewVisible}}">
+        <view class="preview-card__header">
+          <view class="preview-card__title">地图预览</view>
+          <view class="preview-card__status">{{previewStatusText}}</view>
+        </view>
+        <view class="preview-card__variant">{{previewVariantText}}</view>
+        <view class="preview-frame">
+          <view class="preview-stage">
+            <image
+              wx:for="{{previewTiles}}"
+              wx:key="url"
+              class="preview-tile"
+              src="{{item.url}}"
+              mode="scaleToFill"
+              style="{{item.styleText}}"
+            />
+            <view class="preview-wash"></view>
+            <view
+              wx:for="{{previewControls}}"
+              wx:key="styleText"
+              class="preview-control {{item.kindClass}}"
+              style="{{item.styleText}}"
+            ></view>
+            <view wx:if="{{previewLoading}}" class="preview-loading">预览加载中...</view>
+          </view>
+        </view>
+        <view class="summary">{{previewHintText}}</view>
+      </view>
     </view>
 
     <view class="panel" wx:if="{{showVariantSelector}}">
       <view class="panel__title">赛道选择</view>
-      <view class="summary">当前活动要求手动指定赛道。这里的选择会随 launch 一起带给后端，最终绑定以后端返回为准。</view>
+      <view class="summary">如果当前活动支持手动选赛道，请先在这里确认你的本局路线。</view>
       <view wx:if="{{!selectableVariants.length}}" class="summary">{{variantSelectorEmptyText}}</view>
       <view wx:if="{{selectableVariants.length}}" class="variant-list">
         <view wx:for="{{selectableVariants}}" wx:key="id" class="variant-card {{item.selected ? 'variant-card--active' : ''}}" data-variant-id="{{item.id}}" bindtap="handleSelectVariant">
@@ -70,7 +108,7 @@
 
     <view class="panel">
       <view class="panel__title">设备准备</view>
-      <view class="summary">这一页现在负责局前设备准备。定位权限先在这里确认，心率带支持先连后进图，地图内仍保留局中快速重连入口。</view>
+      <view class="summary">定位权限建议先在这里确认；如果需要心率带，也建议先连接后再进入地图。</view>
       <view class="row">
         <view class="row__label">定位状态</view>
         <view class="row__value">{{locationStatusText}}</view>
@@ -92,7 +130,7 @@
         <view class="row__label">扫描状态</view>
         <view class="row__value">{{heartRateScanText}}</view>
       </view>
-      <view class="row">
+      <view class="row" wx:if="{{showMockSourceSummary}}">
         <view class="row__label">模拟源</view>
         <view class="row__value">{{mockSourceStatusText}}</view>
       </view>
@@ -105,12 +143,21 @@
     </view>
 
     <view class="panel">
-      <view class="panel__title">开始比赛</view>
-      <view class="summary">这一页先承担局前准备壳子，后面会继续接定位权限、心率带局前连接和设备检查。</view>
+      <view class="panel__title">进入地图</view>
+      <view class="summary">进入地图后无需再次点开始；按玩法规则前往开始点，即可正式开始比赛。</view>
+      <view wx:if="{{launchInFlight}}" class="launch-progress">
+        <view class="launch-progress__row">
+          <text class="launch-progress__label">当前进度</text>
+          <text class="launch-progress__value">{{launchProgressText}}</text>
+        </view>
+        <view class="launch-progress__track">
+          <view class="launch-progress__fill" style="width: {{launchProgressPercent}}%;"></view>
+        </view>
+      </view>
       <view class="actions">
-        <button class="btn btn--secondary" bindtap="handleBack">返回活动页</button>
-        <button class="btn btn--ghost" bindtap="handleRefresh">刷新</button>
-        <button class="btn btn--primary" bindtap="handleLaunch" disabled="{{!canLaunch}}">进入地图</button>
+        <button class="btn btn--secondary" bindtap="handleBack" disabled="{{launchInFlight}}">返回活动页</button>
+        <button class="btn btn--ghost" bindtap="handleRefresh" disabled="{{launchInFlight}}">刷新</button>
+        <button class="btn btn--primary" bindtap="handleLaunch" disabled="{{!canLaunch || launchInFlight}}">{{launchInFlight ? '正在进入地图...' : '进入地图'}}</button>
       </view>
     </view>
   </view>