parking_pda/pages/attence/attence.vue

<template>
	<view>
		<u-navbar 
		title="城市智慧停车有限公司" 
		title-color="#fff" 
		:custom-back="customBack" 
		:border-bottom="false"
		back-icon-color="#CCE8FF" 
		:background="{background: '#008CFF' }">
		</u-navbar>
		
		<view class="wrap">
			<view class="payeeinfo u-flex">
				<u-image src="../../static/img/default-portrait.png" width="87" height="87"></u-image>
				<view class="payeeinfo-text">
					<view class="name">智慧停车</view>
					<view class="id">工号：20132311</view>
				</view>
			</view>
			<view class="attence-block">
				<view class="today-attence u-flex">
					<view class="today-attence-item">
						<view class="work-time">上班：09:00</view>
						<view class="my-time">
							<u-icon name="checkmark-circle-fill" color="#2979ff" size="28"></u-icon>
							08:55已打卡
						</view>
					</view>
					<view class="today-attence-item">
						<view class="work-time">下班：20:00</view>
						<view class="my-time">
							<u-icon name="checkmark-circle-fill" color="#2979ff" size="28"></u-icon>
							08:55已打卡
						</view>
					</view>
				</view>
				<view class="attence-button u-flex u-flex-wrap">
					<view class="attence-button-type">下班打卡</view>
					<view class="attence-button-time">17:20:32</view>
				</view>
				<view class="position-tip">
					<u-icon name="checkmark-circle-fill" color="#21CF3D" size="28"></u-icon>
					您已进入考勤范围：甜蜜小镇D18组团
				</view>
				<view class="statistics u-flex">
					<view class="statistics-item">
						<view class="statistics-item-til">本月已打卡</view>
						<view class="statistics-item-con">
							<span class="number">5</span>
							天
						</view>
					</view>
					<view class="statistics-item">
						<view class="statistics-item-til">月目标打卡</view>
						<view class="statistics-item-con">
							<span class="number">23</span>
							天
						</view>
					</view>
				</view>
			</view>
			
		</view>
		<u-bottom color="#949494">
			<view class="bottom" slot="content">
				城市智慧停车 版权所有
			</view>
		</u-bottom>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		onLoad(){
			
		},
		methods:{
			customBack(){
				this.$u.route({
					// type:'switchTab',
					url: 'pages/index/index'
				});
			},
			
		}
	}
</script>

<style lang="scss" scoped>
	@import  './attence.scss'
</style>