增加“打卡区间：今日5:00至明日5:00为今日考勤”提示

src/pages/clock/index.vue

@@ -1,8 +1,15 @@
 <template>
 	<view class="clock_main">
+
 		<view class="map_nav">
 			<map style="width: 100%; height: 100%;" :latitude="latitude" :longitude="longitude" :markers="covers"></map>
 			<view class="popup">
+        <view class="state_nav">
+          <view class="state_nav_item">
+            <view class="state_icon"></view>
+            <view class="state_txt">打卡区间：今日5:00至明日5:00为今日考勤</view>
+          </view>
+        </view>
 				<view class="tle">我的位置</view>
 				<view class="curAdres">{{curAdres}}</view>
 				<view class="tle" style="margin-top: 40rpx;">备注（选填）</view>
@@ -44,7 +51,7 @@
 			}
 		},
 		onLoad() {
-			
+
 		},
 		onHide() {
 			clearInterval(this.timer)
@@ -75,7 +82,7 @@
 					}
 				})
 			},
-			
+
 			initBmap() {
 				var fail = (err) => {
 					if (err.errMsg == 'getLocation:fail auth deny') {
@@ -100,7 +107,7 @@
 						});
 					}
 				}
-				
+
 				var success = (res) => {
 					this.curAdres = res.originalData.result.formatted_address_poi
 					if(res.originalData.status == 0) {
@@ -136,7 +143,7 @@
 					success: success
 				});
 			},
-			
+
 			// 向用户订阅服务通知
 			requestSubscribeMessage() {
 				wx.requestSubscribeMessage({
@@ -201,7 +208,7 @@
 				// })
 				console.log("remark",this.remark);
 				uni.redirectTo({
-					
+
 					url: '/pages/clock/detail?attLon=' + this.longitude + '&attLat=' + this.latitude + '&remark=' + this.remark
 				})
 			}
@@ -284,4 +291,32 @@
 			}
 		}
 	}
-</style>
+
+
+  .state_nav {
+    width: 100%;
+    background: rgba(15, 39, 75, 0.05);
+    border-radius: 8rpx 8rpx 8rpx 8rpx;
+    margin-top: 30rpx;
+
+    .state_nav_item {
+      display: flex;
+      align-items: center;
+      padding: 20rpx;
+      box-sizing: border-box;
+
+      .state_icon {
+        width: 12rpx;
+        height: 12rpx;
+        background: #3370FF;
+        border-radius: 50%;
+      }
+
+      .state_txt {
+        font-size: 28rpx;
+        color: #0F274B;
+        margin-left: 20rpx;
+      }
+    }
+  }
+</style>

src/pages/panel/index.vue

@@ -7,6 +7,13 @@
 			</view>
 		</view>
 
+    <view class="state_nav">
+      <view class="state_nav_item">
+        <view class="state_icon"></view>
+        <view class="state_txt">打卡区间：今日5:00至明日5:00为今日考勤</view>
+      </view>
+    </view>
+
 		<view class="state_nav" v-if="optionsData.length > 0">
 			<view class="state_nav_item">
 				<view class="state_icon"></view>
@@ -39,15 +46,15 @@
 							:style="{color: row.attTypeTxt?'#3370FF':row.isOutsideAtt == '1'? '#FF883C':row.isOutsideAtt == '0'? '#333333':'#3370FF'}">
 							{{row.attTypeTxt?row.attTypeTxt:row.isOutsideAtt == '1'?'外勤':row.isOutsideAtt == '0'?'已打卡':'正常'}}
 						</view> -->
-						
+
 						<view class="info"
 							:style="{color: row.attTypeTxt?'#3370FF':'#3370FF'}">
 							{{row.attTypeTxt?row.attTypeTxt:''}}
 							{{ row.isOutsideAtt == '1'?'外勤':row.isOutsideAtt == '0'?'已打卡':'正常'}}
 						</view>
-						
-						
-						
+
+
+
 						<view class="info">{{ row.attAddress }}</view>
 					</view>
 				</template>
@@ -146,7 +153,7 @@
 						this.optionsData = res.obj.wechatClocklist
 						if (this.optionsData.length > 0) {
 							this.optionsData[0].attTypeTxt = '上班'
-							
+
 							if (this.optionsData.length >= 2) {
 								this.optionsData[this.optionsData.length - 1].attTypeTxt = '下班'
 							}
@@ -320,4 +327,4 @@
 			margin-bottom: 16rpx;
 		}
 	}
-</style>
+</style>