fix(attendance): 修复考勤组件打卡状态判断逻辑

修正多个组件中关于打卡状态的判断条件，确保在已打卡下班后不能再次打卡或维护信息。同时调整考勤信息初始化逻辑，根据可打卡类型显示不同的时间信息。

src/pages/attendance/components/AddAttendancePersonnelModal.vue

@@ -136,7 +136,11 @@ export default {
     selectedMember: {
       type: Array,
       default: () => []
-    }
+    },
+    attendanceInfo: { // 考勤信息
+      type: Object,
+      default: () => ({})
+    },
   },
   data() {
     return {
@@ -280,6 +284,9 @@ export default {
     },
     openModal() {
       if (this.disabled || (this.selectedMember.length === 0 && this.notkezhang)) return
+      if ((!this.attendanceInfo.checkInTime || (this.attendanceInfo.checkInTime && this.attendanceInfo.checkOutTime))) {
+        return;
+      }
       this.show = true
     },
     close() {

src/pages/attendance/components/AttendanceControl.vue

@@ -1,7 +1,7 @@
 <template>
   <view>
     <view class="attendance-control">
-      <view class="control-btn" :class="{ disable: !result || checkAbleType != '1' }" @click="clockIn(1)">
+      <view class="control-btn" :class="{ disable:!result || checkAbleType != '1' }" @click="clockIn(1)">
         <text class="control-btn-text">上班打卡</text>
       </view>
       <view class="attendance-info">
@@ -24,7 +24,7 @@
           </view>
         </view>
       </view>
-      <view class="control-btn" :class="{ disable: !result || checkAbleType != '2' }" @click="clockIn(2)">
+      <view class="control-btn" :class="{ disable:!result || checkAbleType != '2' }" @click="clockIn(2)">
         <text class="control-btn-text">下班打卡</text>
       </view>
     </view>

src/pages/attendance/components/MaintainAreaOrMemberModal.vue

@@ -21,7 +21,7 @@
                     </view>
                 </view>
             </view>
-            <view v-else :class="{ 'custom-btn': true, 'disabled': !attendanceInfo.checkInTime }" @click="openModal">
+            <view v-else :class="{ 'custom-btn': true, 'disabled': (!attendanceInfo.checkInTime||(attendanceInfo.checkInTime && attendanceInfo.checkOutTime)) }" @click="openModal">
                 维护工作区域/班组成员</view>
         </view>
         <u-popup :show="show" mode="center" :round="8">
@@ -368,7 +368,7 @@ export default {
             })
         },
         openModal() {
-            if (!this.attendanceInfo.checkInTime) {
+            if ((!this.attendanceInfo.checkInTime||(this.attendanceInfo.checkInTime && this.attendanceInfo.checkOutTime))) {
                 return;
             }
             this.show = true;

src/pages/attendance/components/WorkingGroup.vue

@@ -31,7 +31,8 @@
             v-if="!notkezhang">
             <text class="content-cell-label">负责区域</text>
             <!-- <text class="content-cell-value">{{ info.regionalName || info.regionalCode || '--' }}</text> -->
-            <view class="selected-areas" v-if="getHandleAreaData(data) && getHandleAreaData(data).length && !notkezhang">
+            <view class="selected-areas"
+              v-if="getHandleAreaData(data) && getHandleAreaData(data).length && !notkezhang">
               <view class="area-item" v-for="area in getHandleAreaData(data)" :key="area.code">
                 <view class="area-label">{{ area.label }}</view>
                 <text-tag :showClose="false" :tags="area.children" :labelColumn="'regionalName'" />
@@ -51,10 +52,10 @@
       <!-- {{ selectedMember.length === 0 }}{{ !userInfo.roles.includes('kezhang') }}{{ !attendanceInfo.checkInTime }} -->
       <!-- :disabled="!attendanceInfo.checkInTime || checkOutStatus" -->
       <AddAttendancePersonnelModal v-if="index === 0" :disabled="checkOutStatus" :notkezhang="notkezhang"
-        :userInfo="userInfo" @updateRecord="invokerGetPostRecordList" :selectedMember="selectedMember">
+        :userInfo="userInfo" @updateRecord="invokerGetPostRecordList" :selectedMember="selectedMember" :attendanceInfo="attendanceInfo">
         <!-- :class="{ disabled: !attendanceInfo.checkInTime }"   没有选人不可以上通道 -->
         <view v-if="authority" class="custom-btn" @click="openModal"
-          :class="{ disabled: selectedMember.length === 0 && !userInfo.roles.includes('kezhang') || (!attendanceInfo.checkInTime && attendanceInfo.checkOutTime) }">
+          :class="{ disabled: selectedMember.length === 0 && !userInfo.roles.includes('kezhang') || (!attendanceInfo.checkInTime || (attendanceInfo.checkInTime && attendanceInfo.checkOutTime)) }">
           {{ checkOutStatus ? '下通道' : '上通道' }}
         </view>
       </AddAttendancePersonnelModal>
@@ -112,7 +113,7 @@ export default {
       currentTime: undefined,
       workingGroupId: '',
       historyList: [], //班组工作记录 todo 现在只能做科长
-   
+
     }
   },
   computed: {
@@ -131,6 +132,8 @@ export default {
       if (!this.checkOutStatus) {
         return;
       }
+  
+      
       this.currentTime = formatTime(new Date())
       this.checkOutWork = true
     },
@@ -198,7 +201,7 @@ export default {
 
 
 
-        
+
 
           this.checkOutStatus = this.isCheckOutJobs(this.curUserWorkingGroupData)
 

src/pages/attendance/index.vue

@@ -26,7 +26,7 @@
         @attendanceHandler="handleCheckIn" />
       <!-- 工作区域/班组成员 -->
       <MaintainAreaOrMemberModal ref="maintainAreaOrMemberModal" v-if="showMaintain" :userInfo="userInfoAndRoles"
-        @update-member="updateMember" :attendanceInfo="attendanceInfo"/>
+        @update-member="updateMember" :attendanceInfo="attendanceInfo" />
       <!-- 新界面工作组状态 -->
       <WorkingGroup ref="workingGroup" style="margin: 16px 0 24px 0" :attendanceInfo="attendanceInfo"
         :loadUserInfoOver="loadUserInfoOver" :userInfo="userInfoAndRoles" :selectedMember="selectedMember" />
@@ -42,7 +42,7 @@ import WorkingGroup from './components/WorkingGroup'
 import { addAttendance, areaList } from "@/api/attendance/attendance"
 import { getInfo } from "@/api/login"
 import { formatTime as formatTimehandler } from '@/utils/formatUtils'
-import { getAttendanceList } from "@/api/attendance/attendance"
+import { getAttendanceList, queryClickAble } from "@/api/attendance/attendance"
 import { isInRangeOptimized, wgs84ToGcj02 } from '@/utils/handler'
 
 export default {
@@ -108,7 +108,7 @@ export default {
 
     // app 在前台时获取位置信息
     uni.onLocationChange((res) => {
-      this.result = {latitude:res.latitude, longitude:res.longitude}
+      this.result = { latitude: res.latitude, longitude: res.longitude }
     });
   },
   async onLoad() {
@@ -196,7 +196,9 @@ export default {
         checkInDate: today,
         userId: this.$store.state.user.id
       });
-
+      let res = await queryClickAble()
+      let checkAbleType = res.data;
+   
       // new
       if (Array.isArray(data) && data.length) {
         const items = data[0]
@@ -206,12 +208,17 @@ export default {
         const latestCheckOutTime = items.items.filter(item => item.checkInType === 'CLOCK_OUT').sort((a, b) => {
           return new Date(b.checkInTime) - new Date(a.checkInTime).getTime()
         })[0] || {}
-        
+        console.log(firstCheckOnTime,"firstCheckOnTime")
+
         this.attendanceInfo = {
           ...items,
-          checkInTime: formatTimehandler(firstCheckOnTime.checkInTime, 'hh:mm:ss', { defaultResult: '' }),
-          checkOutTime: formatTimehandler(latestCheckOutTime.checkInTime, 'hh:mm:ss', { defaultResult: '' })
+          ...(checkAbleType == '1'? {checkInTime: '', checkOutTime: ''}: {}),
+          ...(checkAbleType == '2'? {checkInTime: formatTimehandler(firstCheckOnTime.checkInTime, 'hh:mm:ss', { defaultResult: '' }), checkOutTime: ''}:{}),
+          // checkInTime: checkAbleType == 1 ? '' : formatTimehandler(firstCheckOnTime.checkInTime, 'hh:mm:ss', { defaultResult: '' }),
+          // checkOutTime: checkAbleType == 1 ? '' : formatTimehandler(latestCheckOutTime.checkInTime, 'hh:mm:ss', { defaultResult: '' })
         }
+        console.log(this.attendanceInfo,"this.attendanceInfo")
+        
       }
 
       // 接口 data 可能是多条（按天），我们取第一条里的 items