首页样式修改

manifest.json

@@ -72,7 +72,7 @@
     },
     "quickapp" : {},
     "mp-weixin" : {
-        "appid" : "wx3c3f25187e6b6176",
+        "appid" : "wxe044603515ff2cb5",
         "setting" : {
             "urlCheck" : false,
             "es6" : true,

pages/index/index.vue

@@ -128,9 +128,21 @@
 		</view>
 		<!-- 今日工作 -->
 		<view class="contbox" v-if="permissions.sstj">
-			<view class="title">
+			<view class="title" >
 				<image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png"
 					mode="" />今日工作
+					<view style="width: 33%;"/>
+					<view class="title1" style="flex: 1;">
+						<view class="title1-box" @click="taptimeisshow1(0)">
+							<view style="height: 42rpx;" :class="{ activecltab1: eharTab.active1 == 0 }">全部</view>
+						</view>
+						<view class="title1-box" @click="taptimeisshow1(1)">
+							<view style="height: 42rpx;" :class="{ activecltab1: eharTab.active1 == 1 }">首访</view>
+						</view>
+						<view class="title1-box" @click="taptimeisshow1(2)">
+							<view style="height: 42rpx;" :class="{ activecltab1: eharTab.active1 == 2 }">复访</view>
+						</view>
+					</view>
 			</view>
 			<view class="real-timebox">
 				<view class="timebox">
@@ -190,10 +202,21 @@
 			<view class="title">
 				<image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png"
 					mode="" />
-				<view style="width: 70%;" @click="taptimeisshow">
+				<view style="width: 50%;" @click="taptimeisshow">
 					<!-- 概览 -->
 					{{choiceIndex}}累计<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
 				</view>
+				<view class="title2" style="flex: 1;">
+					<view class="title2-box" @click="taptimeisshow2(0)">
+						<view style="height: 42rpx;" :class="{ activecltab2: eharTab.active2 == 0 }">全部</view>
+					</view>
+					<view class="title2-box" @click="taptimeisshow2(1)">
+						<view style="height: 42rpx;" :class="{ activecltab2: eharTab.active2 == 1 }">首访</view>
+					</view>
+					<view class="title2-box" @click="taptimeisshow2(2)">
+						<view style="height: 42rpx;" :class="{ activecltab2: eharTab.active2 == 2 }">复访</view>
+					</view>
+				</view>
 			</view>
 			<view class="real-timebox">
 				<view class="timebox">
@@ -499,6 +522,13 @@
 	export default {
 		data() {
 			return {
+				activeTotal: 4,
+				eharTab: {
+					active1: 0,
+					active2: 0,
+					active3: 0,
+					active4: 0,
+				},
 				// tabbar配置项
 				$domain: this.$domain,
 				//--- end --- tabbar配置项
@@ -556,6 +586,7 @@
 				totalTimeShow: false,
 				statDateStart: '',
 				statDateEnd: '',
+				visitRecord: null,
 				permissions: {}, // 权限菜单
 				paraphraseObj: {}, // 转写消费
 			};
@@ -784,6 +815,24 @@
 			taptimeisshow() {
 				this.timeshow = true;
 			},
+			taptimeisshow1(idx) {
+				this.eharTab.active1 = idx
+				if(idx == 0){
+					this.visitRecord = null
+				}else{
+					this.visitRecord = idx
+				}
+				this.initrealTimeStatistics()
+			},
+			taptimeisshow2(idx) {
+				this.eharTab.active2 = idx
+				if(idx == 0){
+					this.visitRecord = null
+				}else{
+					this.visitRecord = idx
+				}
+				this.initworkThisWeek()
+			},
 			//获取权限
 			getMenu() {
 				uni.request({
@@ -833,7 +882,8 @@
 						houseId: this.buildingID,
 						dateType: this.zhixingcenterindex == 7 ? null : this.zhixingcenterindex,
 						statDateStart: this.statDateStart,
-						statDateEnd: this.statDateEnd
+						statDateEnd: this.statDateEnd,
+						visitRecord: this.visitRecord
 					},
 					success: (data) => {
 						if (data.data.data == null) {
@@ -854,7 +904,8 @@
 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
 					},
 					data: {
-						houseId: this.buildingID
+						houseId: this.buildingID,
+						visitRecord: this.visitRecord
 					},
 					success: (data) => {
 						this.LOADING = false
@@ -1413,6 +1464,46 @@
 				height: 20rpx;
 				margin-right: 18rpx;
 			}
+			.title1 {
+				flex: 3;
+				height: 90rpx;
+				display: flex;
+				align-items: center;
+				justify-content: flex-end;
+				padding-right: 30rpx;
+			
+				.title1-box {
+					display: flex;
+					align-items: center;
+					width: 25%;
+					justify-content: center;
+			
+					.activecltab1 {
+						color: #2671E2;
+						border-bottom: 4rpx solid #2671E2;
+					}
+				}
+			}
+			.title2 {
+				flex: 3;
+				height: 90rpx;
+				display: flex;
+				align-items: center;
+				justify-content: flex-end;
+				padding-right: 30rpx;
+			
+				.title2-box {
+					display: flex;
+					align-items: center;
+					width: 25%;
+					justify-content: center;
+			
+					.activecltab2 {
+						color: #2671E2;
+						border-bottom: 4rpx solid #2671E2;
+					}
+				}
+			}
 		}
 
 		.timeshow {