YZProjectCloud/yanzhu-ui-app/miniprogram/pageage/mobile_attendance/attendance_config/add/index.wxml

124 lines
4.7 KiB
Plaintext

<wxs module="format" src="/utils/format.wxs"></wxs>
<view class="header_title">
<view class="header_title_row">
<van-row>
<van-col span="4">
<view class="header_img" bindtap="returnToPage">
<image src="/images/left.png"></image>
</view>
</van-col>
<van-col span="15">
<view class="header_name">创建移动考勤</view>
</van-col>
</van-row>
</view>
</view>
<scroll-view class="max_content_scroll" type="list" scroll-y>
<project-select init="{{ initData }}" bindchange="onProjectSelect" id="projectSel"></project-select>
<view class="inspect_info">
<view class="inspect_info_list">
<view class="markers inspect_info_title">考勤标题</view>
<input class="add_input" placeholder="请输入考勤标题" placeholder-style="color: #999999;"
placeholder-class="placeholder_class" value="{{ form.title }}" bindinput="onTitleInput" />
</view>
<view class="inspect_info_list">
<view class="markers inspect_info_title">开始时间</view>
<view class="inspect_info_content">
<voucher-date counts="5" placeholder="请选择开始时间" time="{{form.startDate}}" minDate="{{ minDate }}"
maxDate="{{ maxDate }}" bindchange="onStartDateInput"></voucher-date>
</view>
</view>
<view class="inspect_info_list">
<view class="markers inspect_info_title">结束时间</view>
<view class="inspect_info_content">
<voucher-date counts="5" wx:key="form.startDate" placeholder="请选择结束时间" time="{{form.endDate}}"
minDate="{{ minDate }}" maxDate="{{ maxDate }}" bindchange="onEndDateInput"></voucher-date>
</view>
</view>
<view class="inspect_info_list">
<view class="markers inspect_info_title">指定考勤地点</view>
<view class="inspect_info_content">
<view class="selected-location" bindtap="showFullScreenMap">
<text>{{form.address||'点击地图选择具体位置'}}</text>
</view>
</view>
</view>
<view class="inspect_info_list">
<view class="markers inspect_info_title">考勤范围(范围≤{{form.range||50}}米) </view>
<view class="inspect_info_content">
<custom-stepper value="{{form.range}}" min="10" max="5000" step="1" bindchange="onRangeChange" />
</view>
</view>
<view class=" inspect_info_list">
<view class="inspect_info_title">指定考勤班组</view>
<view class="inspect_info_content">
<select-group-person rectifierData="{{subGroupList}}" multiple="{{true}}" bindselected="onAddGroupList"
index="3" :title="{{form.groupNames?form.groupNames:'请选择考勤班组'}}" choose="{{form.groupNames}}">
</select-group-person>
</view>
<view wx:if="{{form.subGroup && form.subGroup.length>0}}">
<view wx:for="{{form.subGroup}}" wx:key="id">
{{item.groupName}} <view class="dept-name"> [{{item.subDeptName}}]</view>
</view>
</view>
</view>
<view class="problem_submit_to">
<view class="problem_submit_to_btn" bindtap="returnToPage">取消</view>
<view class="problem_submit_to_btn problem_submit_to_save" bindtap="submitSave">保存</view>
</view>
</view>
</scroll-view>
<!-- 全屏地图选择器 -->
<view class="full-screen-map" wx:if="{{showFullScreenMap}}">
<view class="map-header">
<view class="back-btn" bindtap="hideFullScreenMap">
<image src="/images/left.png"></image>
</view>
<view class="map-title">选择考勤地点</view>
<!-- 右侧留空占位 -->
<view style="width: 30px;"></view>
</view>
<!-- 搜索框 -->
<view class="search-container">
<input class="search-input" placeholder="请输入地址搜索" placeholder-style="color: #999999;" value="{{searchKeyword}}"
bindinput="onSearchInput" bindconfirm="onSearchConfirm" />
<view class="search-btn" bindtap="onSearchConfirm">
<text>搜索</text>
</view>
</view>
<!-- 搜索结果列表 -->
<view class="search-results" wx:if="{{searchResults.length > 0}}">
<view class="search-result-item" wx:for="{{searchResults}}" wx:key="index" bindtap="onSelectSearchResult"
data-item="{{item}}">
<view class="search-result-title">{{item.title}}</view>
<view class="search-result-address">{{item.address}}</view>
</view>
</view>
<map class="full-map" id="fullMap" longitude="{{mapLongitude}}" latitude="{{mapLatitude}}" scale="16"
markers="{{fullScreenMarkers}}" bindtap="onFullScreenMapTap" show-location>
</map>
<view class="confirm-bottom-btn" bindtap="confirmLocation">
<text>确定</text>
</view>
<view class="location-info">
<view class="location-address">{{selectedAddress || '获取地址中...'}}</view>
</view>
</view>