人脸打卡

zhangwei

2024-09-06 b172667f354f7f00fe14809e66cbf12362fbc646

 src/pages/checkin/index.vue

@@ -2,7 +2,7 @@
   <view class="full-page">
      <up-sticky>
         <view class="coreshop-ff content c-p-10">
            <up-search placeholder="请点击选择日期"  @clickIcon='clickIcon' v-model="wordDate" search-icon="calendar"
            <up-search placeholder="请点击选择打卡日期" @click='clickIcon' disabled v-model="wordDate" search-icon="calendar"
               @custom='PostMyDakaListPage'></up-search>
         </view>
         <up-subsection :list="list" activeColor="#f9ae3d" @change="sectionChange"></up-subsection>
@@ -13,7 +13,7 @@
               <view @click='jumpWorkDetail(item)'
                  class="bgblue c-p-l-18 c-p-r-18 c-p-t-10 c-p-b-10 chuany-flex chuany-justify-between chuany-font30">
                  <text class=''>
                     日期：{{$util.formatDate(item.workDate)}}
                     打卡日期：{{$util.formatDate(item.workDate)}}
                  </text>
               </view>
               <view class="c-p-26">
@@ -35,7 +35,7 @@
                  </view>
                  <view class="chuany-flex chuany-justify-between chuany-flex-wrap c-p-t-14">
                     <text class="chuany-width50">
                        工作时长：{{item.workTime}}
                        时长：{{item.workTime}}
                     </text>
                     <view class="chuany-width50">
                        <text>
@@ -57,14 +57,15 @@
                     </view>
                     <view class="chuany-width50 c-p-t-14">
                        <text>
                           当日工资：{{item.todaySalary}}元
                           工资：{{item.todaySalary}}元
                        </text>
                     </view>
                     <view class="chuany-width50 c-p-t-14">
                        <view class="chuany-width10">
                           <up-button class="button-layout__item" text="工资申报" size="mini"
                              v-if="item.isShenPiName!=='已结算'" @click.stop='saveDakaDetail(item)'
                              type="warning"></up-button>
                           <!-- v-if="item.isShenPiName!=='已结算'" -->
                           <up-button class="button-layout__item" text="工资申报" size="mini" :loading='item.isLoading'
                              loadingText="申报中" v-if="item.isShenPiName!=='已结算'"
                              @click.stop='saveDakaDetail(item)' type="warning"></up-button>
                        </view>
                     </view>
                  </view>
@@ -137,7 +138,8 @@
         <up-empty text='暂无' icon="/static/order.png">
         </up-empty>
      </view>
      <fui-date-picker :show="datePickerShow" type="3" @change="changePicker" @cancel="cancel"></fui-date-picker>
      <fui-date-picker :show="datePickerShow" :value="$util.formatDate(new Date())" type="3" @change="changePicker"
         @cancel="cancel"></fui-date-picker>
   </view>
</template>

@@ -152,7 +154,8 @@
            list: ['全部', '未结算', '已结算'],
            datePickerShow: false,
            viewList: [],
            loadStatus: 'loadmore'
            loadStatus: 'loadmore',
            isLoading: false
         }
      },
      onLoad() {
@@ -193,13 +196,19 @@
            if (item.workCount) {
               obj.workCount = item.workCount
            }
            item.isLoading = true
            this.$api.saveDakaDetail(obj).then(res => {
               if (res.code == 1) {
                  this.$util.showToast({
                     title: '申报成功！',
                     icon: 'success'
                  })
               } else {
                  this.$util.showToast({
                     title: res.error ? res.error : '失败！'
                  })
               }
               item.isLoading = false
            })
         },
         PostMyDakaListPage() {
@@ -232,6 +241,9 @@
                     this.viewList.concat(...res.data.items)
                  }
                  console.log(this.viewList, this.viewList.length, 'this.viewList');
                  this.viewList.forEach(item=>{
                     item.isLoading = false
                  })
                  // totalPages.value = res.data.totalCount
                  // 根据count数量判断是否还有数据
                  if (res.data.totalCount > this.viewList.length) {
@@ -246,6 +258,10 @@
         },
         changePicker(val) {
            this.wordDate = val.result
            this.datePickerShow = false
         },
         cancel() {
            this.datePickerShow = false
         },
         clickIcon() {
            this.datePickerShow = true