-

zhangwei

2024-09-10 38130802e3fd55080f518f4128ef20ddfdd907c3

 src/pages/checkin/index.vue

@@ -1,8 +1,12 @@
<template>
   <view class="full-page">
      <up-sticky>
         <view class="coreshop-ff content c-p-l-10 c-p-t-10 c-p-r-10">
            <!-- <up-input shape="round" class="u-search__content__input"></up-input> -->
            <up-search placeholder="请输入公司名称" :show-action="false" v-model="Suppliername" @clear='PostMyDakaListPage' @search='PostMyDakaListPage'></up-search>
         </view>
         <view class="coreshop-ff content c-p-10">
            <up-search placeholder="请点击选择打卡日期" @click='clickIcon' disabled v-model="wordDate" search-icon="calendar"
            <up-search placeholder="请点击选择打卡日期" @click='clickIcon' @clear='PostMyDakaListPage' disabled v-model="wordDate" search-icon="calendar" @search='PostMyDakaListPage'
               @custom='PostMyDakaListPage'></up-search>
         </view>
         <up-subsection :list="list" activeColor="#f9ae3d" @change="sectionChange"></up-subsection>
@@ -16,10 +20,10 @@
                     打卡日期：{{$util.formatDate(item.workDate)}}
                  </text>
               </view>
               <view class="c-p-26">
               <view class="c-p-20">
                  <view class="chuany-flex chuany-justify-between">
                     <text class="chuany-font34 ">
                        {{item.orderName}}
                        {{item.suppliername}}
                     </text>
                     <view class="chuany-flex chuany-justify-between">
                        <!-- <text class="c-p-r-20">
@@ -30,22 +34,23 @@
                        <!-- <up-tag text="已确认" shape="circle" type="success" plain plainFill size='mini'></up-tag> -->
                     </view>
                  </view>
                  <view class="c-p-t-14">
                     打卡记录：{{item.dakaMingxi}}
                  <view class="c-p-t-10">
                     <!-- 打卡记录： -->
                     {{item.dakaMingxi}}
                  </view>
                  <view class="chuany-flex chuany-justify-between chuany-flex-wrap c-p-t-14">
                     <text class="chuany-width50">
                  <view class="chuany-flex chuany-justify-between chuany-flex-wrap c-p-t-10">
                     <text class="chuany-width48">
                        时长：{{item.workTime}}
                     </text>
                     <view class="chuany-width50">
                     <!-- <view class="chuany-width48">
                        <text>
                           方式：{{item.workerTypeName}}
                        </text>
                     </view>
                     <text class="chuany-width50 c-p-t-14">
                     </view> -->
                     <text class="chuany-width48">
                        工价：{{item.workPrice}}{{item.workerType==0?'元/小时':'元/件'}}
                     </text>
                     <view class="chuany-width50 chuany-flex c-p-t-14" v-if="item.workerType==1">
                     <view class="chuany-width48 chuany-flex c-p-t-10" v-if="item.workerType==1">
                        <text>
                           数量：
                        </text>
@@ -55,16 +60,16 @@
                           v-model="item.workCount"></up-input>
                        <text v-else>{{item.workCount}}</text>
                     </view>
                     <view class="chuany-width50 c-p-t-14">
                     <view class="chuany-width48 c-p-t-10">
                        <text>
                           工资：{{item.todaySalary}}元
                        </text>
                     </view>
                     <view class="chuany-width50 c-p-t-14">
                     <view class="chuany-width48 c-p-t-10">
                        <view class="chuany-width10">
                           <!-- v-if="item.isShenPiName!=='已结算'" -->
                           <up-button class="button-layout__item" text="工资申报" size="mini" :loading='item.isLoading'
                              loadingText="申报中" 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>
@@ -100,29 +105,29 @@
                     
                  </view>
                  <view class="chuany-flex chuany-justify-between chuany-flex-wrap c-p-t-20">
                     <text class="chuany-width50">
                     <text class="chuany-width48">
                        工作时长：8小时
                     </text>
                     <view class="chuany-width50">
                     <view class="chuany-width48">
                        <text>
                           方式：计件
                        </text>
                     </view>
                     <text class="chuany-width50 c-p-t-20">
                     <text class="chuany-width48 c-p-t-20">
                        工价：0.5元/件
                     </text>
                     <view class="chuany-width50 chuany-flex c-p-t-20">
                     <view class="chuany-width48 chuany-flex c-p-t-20">
                        <text>
                           数量：
                        </text>
                        <up-input style="padding: 0;" size='mini' border="surround"></up-input>
                     </view>
                     <view class="chuany-width50 c-p-t-20">
                     <view class="chuany-width48 c-p-t-20">
                        <text>
                           当日工资：136元
                        </text>
                     </view>
                     <view class="chuany-width50 c-p-t-20">
                     <view class="chuany-width48 c-p-t-20">
                        <view class="chuany-width10">
                           <up-button class="button-layout__item" text="工资申报" size="mini"
                              type="warning"></up-button>
@@ -138,8 +143,11 @@
         <up-empty text='暂无' icon="/static/order.png">
         </up-empty>
      </view>
      <fui-date-picker :show="datePickerShow" :value="$util.formatDate(new Date())" type="3" @change="changePicker"
         @cancel="cancel"></fui-date-picker>
      <fui-date-picker :show="datePickerShow" range :value="$util.formatDate(new Date())" type="3"
         @change="changePicker" @cancel="cancel"></fui-date-picker>
      <view class="tabbtns">
         合计：{{heji}} 元
      </view>
   </view>
</template>

@@ -149,13 +157,17 @@
         return {
            pageIndex: 1,
            pageSize: 20,
            Suppliername: '',
            wordDate: '',
            isJieSuan: '',
            list: ['全部', '未结算', '已结算'],
            datePickerShow: false,
            viewList: [],
            loadStatus: 'loadmore',
            isLoading: false
            isLoading: false,
            heji: '',
            WordDateStart: '', //工作日期开始
            WordDateEnd: '' //工作日期结束
         }
      },
      onLoad() {
@@ -217,7 +229,11 @@
               pageSize: this.pageSize,
            }
            if (this.wordDate) {
               data.wordDate = this.wordDate
               data.WordDateStart = this.WordDateStart //工作日期开始
               data.WordDateEnd = this.WordDateEnd //工作日期结束
            }
            if (this.Suppliername) {
               data.Suppliername = this.Suppliername
            }
            if (this.isJieSuan) {
               switch (this.isJieSuan) {
@@ -235,13 +251,14 @@
            }
            this.$api.PostMyDakaListPage(data).then(res => {
               if (res.code == 1) {
                  this.heji = res.data.heji
                  if (this.pageIndex == 1) {
                     this.viewList = res.data.items
                  } else {
                     this.viewList.concat(...res.data.items)
                  }
                  console.log(this.viewList, this.viewList.length, 'this.viewList');
                  this.viewList.forEach(item=>{
                  this.viewList.forEach(item => {
                     item.isLoading = false
                  })
                  // totalPages.value = res.data.totalCount
@@ -257,8 +274,11 @@
            })
         },
         changePicker(val) {
            this.wordDate = val.result
            this.wordDate = val.startDate.result + '至' + val.endDate.result
            this.WordDateStart = new Date(val.startDate.result) //工作日期开始
            this.WordDateEnd = new Date(val.endDate.result) //工作日期结束
            this.datePickerShow = false
            console.log(this.wordDate, this.WordDateStart, this.WordDateEnd, this.Suppliername);
         },
         cancel() {
            this.datePickerShow = false