91 lines
2.9 KiB
Plaintext
91 lines
2.9 KiB
Plaintext
<view class="container">
|
||
<!-- 标题区域 -->
|
||
<view class="header">
|
||
<view class="title">提交您的需求</view>
|
||
<view class="subtitle">我们会认真考虑每一个建议</view>
|
||
</view>
|
||
|
||
<!-- 表单区域 -->
|
||
<view class="form-area">
|
||
|
||
<!-- 需求类型选择 -->
|
||
<view class="form-item">
|
||
<view class="label">需求类型 <text class="required">*</text></view>
|
||
<view class="type-selector" bindtap="showTypeSelector">
|
||
<text class="{{selectedType ? 'selected' : 'placeholder'}}">
|
||
{{selectedTypeLabel || '请选择需求类型'}}
|
||
</text>
|
||
<text class="arrow">></text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 需求标题 -->
|
||
<view class="form-item">
|
||
<view class="label">需求标题</view>
|
||
<input class="input-field"
|
||
bindinput="onTitleInput"
|
||
value="{{title}}"
|
||
placeholder="请输入需求标题（选填）"
|
||
maxlength="100" />
|
||
</view>
|
||
|
||
<!-- 功能描述 -->
|
||
<view class="form-item">
|
||
<view class="label">功能描述 <text class="required">*</text></view>
|
||
<textarea class="textarea-field"
|
||
bindinput="onDescriptionInput"
|
||
value="{{description}}"
|
||
placeholder="请详细描述您的需求，包括具体功能、使用场景等..."
|
||
maxlength="1000">
|
||
</textarea>
|
||
</view>
|
||
|
||
<!-- 微信号 -->
|
||
<view class="form-item">
|
||
<view class="label">微信号 <text class="required">*</text></view>
|
||
<input class="input-field"
|
||
bindinput="onContactInput"
|
||
value="{{contactInfo}}"
|
||
placeholder="请输入微信号"
|
||
maxlength="50" />
|
||
</view>
|
||
|
||
<!-- 操作按钮 -->
|
||
<view class="button-group">
|
||
<button class="submit-button"
|
||
disabled="{{submitButtonDisabled}}"
|
||
bindtap="submitRequirement">
|
||
提交需求
|
||
</button>
|
||
<button class="clear-button" bindtap="clearForm">清空表单</button>
|
||
</view>
|
||
|
||
<!-- 说明文字 -->
|
||
<view class="disclaimer">
|
||
<text>• 请详细描述您的需求，便于我们更好地理解和评估</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 需求类型选择器弹窗 -->
|
||
<view class="type-selector-modal" wx:if="{{showTypeSelector}}">
|
||
<view class="modal-mask" bindtap="hideTypeSelector"></view>
|
||
<view class="modal-content">
|
||
<view class="modal-header">
|
||
<text class="modal-title">选择需求类型</text>
|
||
<text class="modal-close" bindtap="hideTypeSelector">×</text>
|
||
</view>
|
||
<view class="type-list">
|
||
<view class="type-item"
|
||
wx:for="{{requirementTypes}}"
|
||
wx:key="value"
|
||
data-type="{{item.value}}"
|
||
data-label="{{item.label}}"
|
||
bindtap="selectType">
|
||
<text class="type-label">{{item.label}}</text>
|
||
<text class="type-check" wx:if="{{selectedType === item.value}}">✓</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|