refactor(clockIn):修改打卡页面样式

pages/mine/clockIn/clockIn.vue

@@ -33,7 +33,8 @@
 		</atl-map>
 		<!-- 打卡按钮 -->
 		<view class="footer">
-			<button type="primary" @click="signInOrOut" :style="{ backgroundColor: signColor }">{{signName}}</button>	
+			<button type="default" @click="signInOrOut" style="background-color: #3c9cff; color: #fcfcfc;" v-if="signName=='上班签到'">上班签到</button>	
+			<button type="default" @click="signInOrOut" style="background-color: #1aad19; color: #fcfcfc;" v-else-if="signName=='下班签退'">下班签退</button>	
 		</view>
 	</view>
 </template>
@@ -123,14 +124,13 @@
 	const signInTime = ref(''); // 上班签到时间
 	const signOutTime = ref(''); // 下班签到时间
 	//打卡按钮文字显示
-	const signName = ref('上班签到')
+	const signName = ref('')
 
 	//迟到早退状态，默认隐藏
 	const signInStatusName = ref('迟到')
 	const signOutStatusName = ref('早退')
 	const isSignInStatusDisabled = ref(true)
 	const isSignOutStatusDisabled = ref(true)
-	const signColor=ref('green')//打卡按钮颜色
 	//获取今天考勤状态
 	function getTodayAtt() {
 		const params = {
@@ -150,10 +150,11 @@
 					// console.log('getTime1',time1);
 					signInTime.value = time1.att_time.split(' ')[1];
 					signName.value = '下班签退';
-					signColor.value='blue';
-					if (isTimeInRange(signInTime.value, ...config.lateTimeRange)) {
+					if (Array.isArray(config.lateTimeRange) && isTimeInRange(signInTime.value, config.lateTimeRange[0],'23:59:59')) {
 						isSignInStatusDisabled.value = false; //迟到
 					}
+				}else{
+					signName.value = '上班签到';
 				}
 				if (time2 !== undefined) {
 					signOutTime.value = time2.att_time.split(' ')[1];