auto commit

pages.json

@@ -74,6 +74,13 @@
 				"navigationStyle":"custom",// 隐藏系统导航栏
 				"navigationBarTitleText": "设置"
 			}
+		},
+		{
+			"path": "pages/performance/performance",
+			"style": {
+				"navigationStyle":"custom",// 隐藏系统导航栏
+				"navigationBarTitleText": "我的业绩"
+			}
 		}
 	],
 	"globalStyle": {

pages/index/index.vue

@@ -65,7 +65,7 @@
 					<u-image width="120rpx" height="120rpx" src="/static/img/index-feature-10.png"></u-image>
 					<view class="feature-item-text">车主查询</view>
 				</view>	
-				<view class="feature-item" @click="$refs.uToast.show({title: '建设中'})">
+				<view class="feature-item" @click="openPage('pages/performance/performance')">
 					<u-image width="120rpx" height="120rpx" src="/static/img/index-feature-11.png"></u-image>
 					<view class="feature-item-text">我的业绩</view>
 				</view>	

pages/performance/performance.scss

@@ -0,0 +1,71 @@
+page{background-color: #F4F4F4;}
+.info-wrap{
+	background: linear-gradient(145deg, #41AFF9 0%, #2D8CFB 100%);
+}
+.info{
+	padding: 20rpx 40rpx 217rpx;
+	
+	.payee-no{
+		font-size: 40rpx;
+		font-weight: 500;
+		color: #FFFFFF;
+		line-height: 56rpx;
+	}
+	.current-time{
+		font-size: 24rpx;
+		font-weight: 400;
+		color: rgba(255,255,255,.5);
+		line-height: 33rpx;
+	}
+}
+
+.calendar-wrap{
+	position: relative;
+	padding: 0 40rpx;
+	margin-top: -185rpx;
+	.u-drawer{
+		position: static;
+	}
+	/deep/ .u-mask{
+		display: none;
+	}
+	/deep/ .u-drawer-content{
+		position: static;
+		border-radius:20rpx!important;
+	}
+	/deep/ .u-calendar__bottom{
+		display: none; 
+	}
+	/deep/ .u-close,
+	/deep/ .u-calendar__header{
+		display: none;
+	}
+}
+
+.statistics{
+	background: #FFFFFF;
+	border-radius: 15rpx;
+	text-align: center;
+	padding: 40rpx 0 50rpx;
+	margin: 12rpx 40rpx 140rpx;
+	font-weight: 400;
+	.statistics-title{
+		font-size: 24rpx;
+		color: #8E8E8E;
+		line-height: 33rpx;
+	}
+	.statistics-total{
+		font-size: 26rpx;
+		color: #8E8E8E;
+		line-height: 37rpx;
+		.number{
+			font-size: 60rpx;
+			color: #3397FA;
+			line-height: 84rpx;
+			letter-spacing: 2rpx;
+		}
+	}
+	.statistics-item-cell{
+		flex: 1;
+	}
+}

pages/performance/performance.vue

@@ -0,0 +1,77 @@
+<template>
+	<view>
+		<view class="info-wrap">
+			<u-navbar
+			 title="我的业绩" 
+			 title-color="#fff" 
+			 :custom-back="customBack" 
+			 :border-bottom="false" 
+			 back-icon-color="#CCE8FF" 
+			 :background="{background: 'none' }"></u-navbar>
+			<view class="info">
+				<view class="payee-no">工号：{{vuexUser.payeeNo}}</view>
+				<view class="current-time">{{$u.timeFormat(currentTime, 'yyyy年mm月dd日 hh:MM:ss')}}</view>
+			</view>
+		</view>
+		<view class="calendar-wrap">
+			<u-calendar v-model="calendarShow" mode="date" @change="calendarChange"></u-calendar>
+		</view>
+		<view class="statistics">
+			<view class="statistics-title">实收数（聚合）</view>
+			<view class="statistics-total">
+				<span class="number">1380.30</span>
+				元
+			</view>
+			<view class="statistics-item u-flex">
+				<view class="statistics-item-cell">
+					<view class="til">入场数</view>
+					<view class="con">26</view>
+				</view>
+				<view class="statistics-item-cell">
+					<view class="til">出场数</view>
+					<view class="con">18</view>
+				</view>
+				<view class="statistics-item-cell">
+					<view class="til">应收数</view>
+					<view class="con">2215.00</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		data(){
+			return{
+				vuexUser:'',
+				currentTime: new Date().getTime(),
+				calendarShow:true,
+				
+			}
+		},
+		onLoad(){
+			this.vuexUser = this.$store.state.vuex_user;
+		},
+		onShow(){
+			
+		},
+		methods:{
+			customBack(){
+				this.$u.route({
+					// type:'switchTab',
+					url: 'pages/index/index'
+				});
+			},
+			calendarChange(e){
+				console.log('e',e);
+				this.calendarShow = true;
+			}
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import  './performance.scss'
+</style>

uview-ui/components/u-calendar/u-calendar.vue

@@ -418,7 +418,9 @@
 							this.isStart = true;
 						}
 					}
+					// this.btnFix();
 				}
+				
 			},
 			close() {
 				// 修改通过v-model绑定的父组件变量的值为false，从而隐藏日历弹窗