拜访区域支持多选,被访人改为输入框,取消拜访区域和被访人的联动

This commit is contained in:
chenglijuan
2026-05-27 15:44:23 +08:00
parent 643f37b06e
commit 12c2f25797
3 changed files with 120 additions and 92 deletions
+28 -18
View File
@@ -73,28 +73,38 @@
<!-- 被访人信息 -->
<view class="section">
<view class="section-title">被访人信息</view>
<view class="form-group">
<view class="form-group form-group-area">
<text class="form-label">拜访区域<text class="required">*</text></text>
<picker class="form-picker-wrap" range="{{areas}}" value="{{areaIndex}}" bindchange="onAreaChange">
<view class="form-picker">
<text class="{{areaIndex >= 0 ? 'picker-value' : 'picker-placeholder'}}">{{areaIndex >= 0 ? areas[areaIndex] : '请选择拜访区域'}}</text>
<text class="picker-arrow"></text>
<view class="form-field-wrap">
<view class="multi-select-wrap">
<view class="multi-select-trigger" bindtap="toggleAreaDropdown">
<text class="{{selectedAreasDisplay || 'picker-placeholder'}}">{{selectedAreasDisplay || '请选择拜访区域'}}</text>
<text class="picker-arrow {{showAreaDropdown ? 'arrow-up' : ''}}"></text>
</view>
<view wx:if="{{showAreaDropdown}}" class="multi-select-dropdown">
<view wx:for="{{areaOptions}}" wx:key="*this" class="checkbox-item" bindtap="toggleArea" data-value="{{item}}">
<view class="checkbox {{selectedAreas[item] ? 'checkbox-checked' : ''}}">
<text wx:if="{{selectedAreas[item]}}" class="checkbox-icon">✓</text>
</view>
<text class="checkbox-label">{{item}}</text>
</view>
</view>
</view>
</picker>
</view>
<view class="form-group">
<text class="form-label">被访人<text class="required">*</text></text>
<picker wx:if="{{personNames.length > 0}}" class="form-picker-wrap" range="{{personNames}}" value="{{personIndex}}" bindchange="onPersonChange">
<view class="form-picker">
<text class="{{personIndex >= 0 ? 'picker-value' : 'picker-placeholder'}}">{{personIndex >= 0 ? personNames[personIndex] : '请选择被访人'}}</text>
<text class="picker-arrow"></text>
</view>
</picker>
<view wx:else class="form-picker">
<text class="picker-placeholder">请先选择拜访区域</text>
<text wx:if="{{fieldErrors.area}}" class="form-error">{{fieldErrors.area}}</text>
</view>
</view>
<view class="form-group">
<text class="form-label">被访人</text>
<view class="form-field-wrap">
<input class="form-input" placeholder="请输入被访人" value="{{form.hostName}}" bindinput="onHostNameInput" />
</view>
</view>
<view class="form-group">
<text class="form-label">接待人</text>
<view class="form-field-wrap">
<input class="form-input form-input-disabled" value="金梦婷" disabled />
</view>
</view>
</view>
<!-- 提交按钮 -->