第一次提交：微信小程序前端最新完整代码

pages/sjpaidan/sjpaidan.wxml

@@ -0,0 +1,159 @@
+<!-- pages/sjpaidan/sjpaidan.wxml -->
+<view class="page-container" style="background-image: url('{{bgImageUrl}}');">
+  <!-- 顶部商家余额展示 (黑金卡片) -->
+  <view class="balance-card">
+    <text class="balance-label">可用余额</text>
+    <view class="balance-amount">
+      <text class="amount-value">{{sjyue}}</text>
+      <text class="amount-unit">元</text>
+    </view>
+    <text class="balance-tip">派单将从此余额扣除</text>
+  </view>
+
+  <!-- 商品类型选择 (横向滑动) -->
+  <view class="section">
+    <text class="section-title">选择订单类型</text>
+    <scroll-view class="type-scroll" scroll-x="true" enable-flex>
+      <block wx:for="{{shangpinList}}" wx:key="id">
+        <view 
+          class="type-item {{selectedTypeId === item.id ? 'type-active' : ''}}"
+          data-id="{{item.id}}"
+          data-item="{{item}}"
+          bindtap="onSelectType"
+        >
+          <text class="type-text">{{item.jieshao}}</text>
+        </view>
+      </block>
+    </scroll-view>
+  </view>
+
+  <!-- 表单区域 -->
+  <view class="form-container">
+    <!-- 订单介绍 -->
+    <view class="form-item">
+      <text class="form-label required">订单介绍</text>
+      <input 
+        class="form-input" 
+        placeholder="请输入订单主要内容（必填，最多50字）" 
+        maxlength="50"
+        value="{{dingdanJieshao}}"
+        bindinput="onDingdanJieshaoInput"
+      />
+      <text class="word-count">{{dingdanJieshao.length}}/50</text>
+    </view>
+
+    <!-- 订单备注 -->
+    <view class="form-item">
+      <text class="form-label">订单备注（选填）</text>
+      <input 
+        class="form-input" 
+        placeholder="填写或补充其他信息" 
+        maxlength="50"
+        value="{{dingdanBeizhu}}"
+        bindinput="onDingdanBeizhuInput"
+      />
+      <text class="word-count">{{dingdanBeizhu.length}}/50</text>
+    </view>
+
+    <!-- 老板游戏昵称/UID -->
+    <view class="form-item">
+      <text class="form-label required">老板昵称/ID</text>
+      <input 
+        class="form-input" 
+        placeholder="请输入（必填，最多15字）" 
+        maxlength="15"
+        value="{{laobanName}}"
+        bindinput="onLaobanNameInput"
+      />
+      <text class="word-count">{{laobanName.length}}/15</text>
+    </view>
+
+    <!-- 指定打手UID -->
+    <view class="form-item">
+      <text class="form-label">指定UID（选填）</text>
+      <input 
+        class="form-input" 
+        placeholder="请输入指定UID" 
+        maxlength="10"
+        value="{{zhidingUid}}"
+        bindinput="onZhidingUidInput"
+      />
+    </view>
+
+    <!-- 订单价格 -->
+    <view class="form-item">
+      <text class="form-label required">订单价格（元）</text>
+      <input 
+        class="form-input" 
+        type="digit"
+        placeholder="0.1 - 10000，支持两位小数"
+        value="{{jiage}}"
+        bindinput="onJiageInput"
+      />
+      <text class="price-tip">范围：0.1 - 10000元</text>
+    </view>
+
+    <!-- 新增：抢单要求标签（从商品类型的称号列表选择） -->
+    <view class="form-item" wx:if="{{currentTypeChenghaoList.length > 0}}">
+      <text class="form-label">要求打手标签*如金牌打手（选填）</text>
+      <picker 
+        mode="selector" 
+        range="{{currentTypeChenghaoList}}" 
+        range-key="mingcheng" 
+        bindchange="onLabelChange"
+      >
+        <view class="picker-view">
+          <text>{{selectedLabelName || '无'}}</text>
+        </view>
+      </picker>
+    </view>
+
+    <!-- 新增：佣金要求（压金） -->
+    <view class="form-item commission-item">
+      <text class="form-label">要求打手押金（建议≤50元）</text>
+      <switch checked="{{commissionEnabled}}" bindchange="onCommissionToggle"/>
+      <input 
+        wx:if="{{commissionEnabled}}" 
+        class="commission-input" 
+        type="digit" 
+        placeholder="押金金额" 
+        value="{{commissionValue}}"
+        bindinput="onCommissionValueInput"
+      />
+    </view>
+  </view>
+
+  <!-- 立即派发按钮 -->
+  <view class="btn-container">
+    <view 
+      class="submit-btn {{isSubmitting ? 'btn-disabled' : ''}}" 
+      bindtap="onSubmit"
+      hover-class="btn-hover"
+    >
+      <text class="btn-text">{{isSubmitting ? '派发中...' : '立即派发'}}</text>
+    </view>
+  </view>
+
+  <!-- 加载遮罩 -->
+  <view class="loading-mask" wx:if="{{isLoading}}">
+    <view class="loading-content">
+      <view class="loading-spinner"></view>
+      <text class="loading-text">加载中...</text>
+    </view>
+  </view>
+
+  <!-- 全局通知组件 -->
+  <global-notification id="global-notification" />
+
+  <!-- 教程按钮（紧贴右侧，5秒后缩进） -->
+  <view 
+    class="tutorial-btn {{tutorialBtnHidden ? 'tutorial-btn-hidden' : ''}}"
+    bindtap="onTutorialBtnTap"
+    hover-class="tutorial-btn-hover"
+  >
+    <text class="tutorial-btn-text">教程</text>
+  </view>
+
+  <!-- 使用教程弹窗组件 -->
+  <popup-notice id="popupNotice" />
+</view>