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

81 lines
3.2 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 bindscrolltolower="onScrollToLower">
<project-select init="{{ initData }}" bindchange="onProjectSelect" id="projectSel"></project-select>
<view class="content_box">
<view class="content_box_title">
<svg-icon src="switch" color="#9966CC" size="40" class="inline-block" />
<text class="txt-blue"> 请选择考勤方向</text>
</view>
<view class="content_box_content arrow_content">
<view class="arrow_box {{arrSel=='in'?'is-active':''}}" bindtap="doSelectArr" data-set="in">
<svg-icon src="select" wx:if="{{arrSel=='in'}}" colors="{{['#07C160','#fff']}}" size="40" class="img-sel" />
<view>上班考勤打卡</view>
</view>
<view class="arrow_box {{arrSel=='out'?'is-active':''}}" bindtap="doSelectArr" data-set="out">
<svg-icon src="select" wx:if="{{arrSel=='out'}}" colors="{{['#07C160','#fff']}}" size="40" class="img-sel" />
<view>下班考勤打卡</view>
</view>
</view>
</view>
<view class="content_box">
<view class="content_box_title">
<svg-icon src="signal" color="#9966CC" size="40" class="inline-block" />
<text class="txt-blue"> 考勤信息</text>
</view>
<view class="content_box_content att-info">
<view class="box_row">
<view class="row_title txt-blue">考勤标题:</view>
<view class="row-content">{{cfgData.title}}</view>
</view>
<view class="box_row">
<view class="row_title txt-blue">考勤时间:</view>
<view class="row-content">{{cfgData.attDate}}</view>
</view>
<view class="box_row">
<view class="row_title txt-blue">考勤位置:</view>
<view class="row-content">{{cfgData.attAddress}}</view>
</view>
<view class="box_map">
<map id="attendanceMap" longitude="{{cfgData.attLongitude || cfgData.longitude}}" latitude="{{cfgData.attLatitude || cfgData.latitude}}" scale="15"
show-location markers="{{mapMarkers}}" circles="{{mapCircles}}" style="width: 100%; height: 400rpx;">
</map>
</view>
</view>
</view>
<view class="content_box">
<view class="content_box_title">
<span class="markers"></span>
<text class="txt-blue"> 考勤人像刷脸</text>
</view>
<view class="content_box_content att-img">
<image src="{{faceImage}}" mode="aspectFit" wx:if="{{faceImage}}" />
<view wx:else class="placeholder-text">拍照后显示图片</view>
<button bindtap="openCamera">点击打开摄像头刷脸</button>
</view>
</view>
<view class="problem_submit_to">
<view class="problem_submit_to_btn problem_submit_to_save" bindtap="doSave">打卡</view>
<view class="problem_submit_to_btn" bindtap="returnToPage">返回</view>
</view>
</scroll-view>