修正了 pages 名为拼音的问题，以及部分细节
This commit is contained in:
@@ -1,159 +1,195 @@
|
||||
<!-- pages/merchant-dispatch/merchant-dispatch.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>
|
||||
<!-- pages/merchant-dispatch/merchant-dispatch.wxml -->
|
||||
<view class="page">
|
||||
<!-- 余额卡片 -->
|
||||
<view class="balance-card">
|
||||
<text class="balance-label">可用余额</text>
|
||||
<view class="balance-row">
|
||||
<text class="balance-value">{{sjyue}}</text>
|
||||
<text class="balance-unit">元</text>
|
||||
</view>
|
||||
<text class="balance-tip">派单将从此余额扣除</text>
|
||||
</view>
|
||||
|
||||
<!-- 订单类型 -->
|
||||
<view class="card">
|
||||
<view class="card-header">
|
||||
<view class="card-dot"></view>
|
||||
<text class="card-title">选择订单类型</text>
|
||||
</view>
|
||||
<scroll-view class="type-scroll" scroll-x="true" enable-flex>
|
||||
<view
|
||||
class="type-chip {{selectedTypeId === item.id ? 'type-chip--active' : ''}}"
|
||||
wx:for="{{shangpinList}}"
|
||||
wx:key="id"
|
||||
data-id="{{item.id}}"
|
||||
data-item="{{item}}"
|
||||
bindtap="onSelectType"
|
||||
>
|
||||
{{item.jieshao}}
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<!-- 表单 -->
|
||||
<view class="card">
|
||||
<view class="card-header">
|
||||
<view class="card-dot"></view>
|
||||
<text class="card-title">填写订单信息</text>
|
||||
</view>
|
||||
|
||||
<!-- 订单介绍 -->
|
||||
<view class="field">
|
||||
<view class="field-head">
|
||||
<text class="field-label">订单介绍</text>
|
||||
<text class="field-required">*</text>
|
||||
<text class="field-count">{{dingdanJieshao.length}}/50</text>
|
||||
</view>
|
||||
<input
|
||||
class="field-input"
|
||||
placeholder="请输入订单主要内容"
|
||||
maxlength="50"
|
||||
value="{{dingdanJieshao}}"
|
||||
bindinput="onDingdanJieshaoInput"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<!-- 订单备注 -->
|
||||
<view class="field">
|
||||
<view class="field-head">
|
||||
<text class="field-label">订单备注</text>
|
||||
<text class="field-count">{{dingdanBeizhu.length}}/50</text>
|
||||
</view>
|
||||
<input
|
||||
class="field-input"
|
||||
placeholder="选填，补充其他信息"
|
||||
maxlength="50"
|
||||
value="{{dingdanBeizhu}}"
|
||||
bindinput="onDingdanBeizhuInput"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<!-- 老板昵称/ID -->
|
||||
<view class="field">
|
||||
<view class="field-head">
|
||||
<text class="field-label">老板昵称/ID</text>
|
||||
<text class="field-required">*</text>
|
||||
<text class="field-count">{{laobanName.length}}/15</text>
|
||||
</view>
|
||||
<input
|
||||
class="field-input"
|
||||
placeholder="请输入老板昵称或ID"
|
||||
maxlength="15"
|
||||
value="{{laobanName}}"
|
||||
bindinput="onLaobanNameInput"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<!-- 指定打手UID -->
|
||||
<view class="field">
|
||||
<view class="field-head">
|
||||
<text class="field-label">指定UID</text>
|
||||
<text class="field-optional">选填</text>
|
||||
</view>
|
||||
<input
|
||||
class="field-input"
|
||||
placeholder="指定某位打手接单"
|
||||
maxlength="10"
|
||||
value="{{zhidingUid}}"
|
||||
bindinput="onZhidingUidInput"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<!-- 订单价格 -->
|
||||
<view class="field">
|
||||
<view class="field-head">
|
||||
<text class="field-label">订单价格</text>
|
||||
<text class="field-required">*</text>
|
||||
</view>
|
||||
<view class="price-input-wrap">
|
||||
<text class="price-prefix">¥</text>
|
||||
<input
|
||||
class="field-input price-input"
|
||||
type="digit"
|
||||
placeholder="0.1 - 10000"
|
||||
value="{{jiage}}"
|
||||
bindinput="onJiageInput"
|
||||
/>
|
||||
</view>
|
||||
<text class="field-hint">范围 0.1 ~ 10000 元，最多两位小数</text>
|
||||
</view>
|
||||
|
||||
<!-- 打手标签 -->
|
||||
<view class="field" wx:if="{{currentTypeChenghaoList.length > 0}}">
|
||||
<view class="field-head">
|
||||
<text class="field-label">要求打手标签</text>
|
||||
<text class="field-optional">选填</text>
|
||||
</view>
|
||||
<picker
|
||||
mode="selector"
|
||||
range="{{currentTypeChenghaoList}}"
|
||||
range-key="mingcheng"
|
||||
bindchange="onLabelChange"
|
||||
>
|
||||
<view class="field-picker">
|
||||
<text class="{{selectedLabelName ? '' : 'field-picker-ph'}}">{{selectedLabelName || '不限制'}}</text>
|
||||
<text class="field-picker-arrow">▸</text>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
|
||||
<!-- 押金要求 -->
|
||||
<view class="field">
|
||||
<view class="field-head">
|
||||
<text class="field-label">要求打手押金</text>
|
||||
<text class="field-optional">选填</text>
|
||||
</view>
|
||||
<view class="switch-row">
|
||||
<switch checked="{{commissionEnabled}}" bindchange="onCommissionToggle" color="#9C27B0"/>
|
||||
<text class="switch-label">{{commissionEnabled ? '已开启' : '未开启'}}</text>
|
||||
</view>
|
||||
<input
|
||||
wx:if="{{commissionEnabled}}"
|
||||
class="field-input"
|
||||
type="digit"
|
||||
placeholder="输入押金金额（建议≤50元）"
|
||||
value="{{commissionValue}}"
|
||||
bindinput="onCommissionValueInput"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 底部留白 -->
|
||||
<view class="bottom-space"></view>
|
||||
|
||||
<!-- 提交按钮 -->
|
||||
<view class="submit-bar">
|
||||
<view
|
||||
class="submit-btn {{isSubmitting ? 'submit-btn--disabled' : ''}}"
|
||||
bindtap="onSubmit"
|
||||
hover-class="submit-btn--hover"
|
||||
>
|
||||
{{isSubmitting ? '派发中...' : '立即派发'}}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 加载遮罩 -->
|
||||
<view class="loading-mask" wx:if="{{isLoading}}">
|
||||
<view class="loading-box">
|
||||
<view class="loading-spinner"></view>
|
||||
<text class="loading-text">加载中...</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<global-notification id="global-notification" />
|
||||
|
||||
<!-- 教程按钮 -->
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user