-

zhangwei

2024-10-08 93a986bc80abdef75923054b9df9adb6e1ccff52

 src/pages/checkin/index.vue

@@ -1,18 +1,24 @@
<template>
   <view class="full-page">
   <view class="full-page" scroll-y using-sticky>
      <up-sticky>
         <view class="coreshop-ff content c-p-l-10 c-p-t-10 c-p-r-10">
            <up-search placeholder="请点击选择打卡日期" @click='clickIcon' :show-action="false" @clear='PostMyDakaListPage'
               disabled v-model="wordDate" search-icon="calendar" @search='PostMyDakaListPage'></up-search>
            <!-- <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>
            <!-- <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' @clear='PostMyDakaListPage' disabled v-model="wordDate" search-icon="calendar" @search='PostMyDakaListPage'
               @custom='PostMyDakaListPage'></up-search>
            <up-search placeholder="请输入公司名称" v-model="Suppliername" @clear='PostMyDakaListPage'
               @custom='PostMyDakaListPage' @search='PostMyDakaListPage'></up-search>
            <!-- <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>
         <up-subsection :list="list" current='1' activeColor="#f9ae3d" @change="sectionChange"></up-subsection>
      </up-sticky>
      <view class="" v-if="viewList&&viewList.length>0">
         <view class="listrecord c-p-18" v-for="item in viewList" :key='item.id'>
      <view class="full-page-content c-p-b-100" v-if="viewList&&viewList.length>0">
         <view class="listrecord c-p-t-28 c-p-l-28 c-p-r-28" v-for="item in viewList" :key='item.id'>
            <view class="coreshop-ff chuany-bradius20">
               <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">
@@ -22,23 +28,23 @@
               </view>
               <view class="c-p-20">
                  <view class="chuany-flex chuany-justify-between">
                     <text class="chuany-font34 ">
                     <text class="chuany-font32">
                        {{item.suppliername}}
                     </text>
                     <view class="chuany-flex chuany-justify-between">
                        <!-- <text class="c-p-r-20">
                           
                        </text> -->
                        <up-tag class='c-m-r-10' :text="item.isShenPiName" shape="circle" type="success" plain
                           plainFill size='mini'></up-tag>
                        <!-- <up-tag class='c-m-r-10' :text="item.isShenPiName" shape="circle" type="success" plain
                           plainFill size='mini'></up-tag> -->
                        <up-text type="success" :text="item.isShenPiName" size='14'></up-text>
                        <!-- <up-tag text="已确认" shape="circle" type="success" plain plainFill size='mini'></up-tag> -->
                     </view>
                  </view>
                  <view class="c-p-t-10">
                     <!-- 打卡记录： -->
                     {{item.dakaMingxi}}
                  <view class="text-69 chuany-font28 c-p-t-8">
                     打卡记录：{{item.dakaMingxi}}
                  </view>
                  <view class="chuany-flex chuany-justify-between chuany-flex-wrap c-p-t-10">
                  <view class="chuany-flex chuany-justify-between chuany-flex-wrap c-p-t-8 text-69 chuany-font28">
                     <text class="chuany-width48">
                        时长：{{item.workTime}}
                     </text>
@@ -47,30 +53,30 @@
                           方式：{{item.workerTypeName}}
                        </text>
                     </view> -->
                     <text class="chuany-width48">
                     <text class="chuany-width48 ">
                        工价：{{item.workPrice}}{{item.workerType==0?'元/小时':'元/件'}}
                     </text>
                     <view class="chuany-width48 chuany-flex c-p-t-10" v-if="item.workerType==1">
                     <view class="chuany-width48 chuany-flex c-p-t-8" v-if="item.workerType==1">
                        <text>
                           数量：
                        </text>
                        <up-input v-if="item.isShenPiName!=='已结算'" type="digit" style="padding: 0;" size='mini'
                        <up-input v-if="item.isShenPi==0" type="digit" style="padding: 0;" size='mini'
                           border="surround"
                           @blur='(val) => {item.todaySalary=$util.roundToTwo(item.workCount*item.workPrice)}'
                           v-model="item.workCount"></up-input>
                        <text v-else>{{item.workCount}}</text>
                     </view>
                     <view class="chuany-width48 c-p-t-10">
                     <view class="chuany-width48 c-p-t-8">
                        <text>
                           工资：{{item.todaySalary}}元
                        </text>
                     </view>
                     <view class="chuany-width48 c-p-t-10">
                        <view class="chuany-width10">
                     <view class="chuany-width48 c-p-t-8">
                        <view class="chuany-width10" v-if="item.isShenPi==0">
                           <!-- 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>
                              :loading='item.isLoading' loadingText="申报中" @click.stop='saveDakaDetail(item)'
                              type="warning"></up-button>
                        </view>
                     </view>
                  </view>
@@ -86,7 +92,7 @@
               </view>
               <view class="c-p-26">
                  <view class="chuany-flex chuany-justify-between">
                     <text class="chuany-font34 ">
                     <text class="chuany-font32 ">
                        临时工
                     </text>
                     <view class="chuany-flex chuany-justify-between">
@@ -159,7 +165,7 @@
            pageSize: 20,
            Suppliername: '',
            wordDate: '',
            isJieSuan: '',
            isJieSuan: false,
            list: ['全部', '未结算', '已结算'],
            datePickerShow: false,
            viewList: [],
@@ -179,18 +185,33 @@
         }
      },
      onPullDownRefresh() {
         this.pageIndex = 1
         this.pageSize = 20
         this.wordDate = ''
         this.isJieSuan = ''
         this.loadStatus = 'loadmore'
         this.PostMyDakaListPage();
         this.WordDateStart = '' //工作日期开始
         this.WordDateEnd = '' //工作日期结束
         this.Suppliername = ''
         this.init()
         uni.stopPullDownRefresh();
      },
      methods: {
         init() {
            this.pageIndex = 1
            this.pageSize = 20
            this.loadStatus = 'loadmore'
            this.PostMyDakaListPage();
         },
         sectionChange(val) {
            this.isJieSuan = val
            this.PostMyDakaListPage()
            switch (val) {
               case 0:
                  this.isJieSuan = null
                  break;
               case 1:
                  this.isJieSuan = false
                  break;
               case 2:
                  this.isJieSuan = true
                  break;
            }
            this.init()
         },
         saveDakaDetail(item) {
            if (item.workerType == 1 && !item.workCount) {
@@ -227,6 +248,7 @@
            let data = {
               pageIndex: this.pageIndex,
               pageSize: this.pageSize,
               isJieSuan: this.isJieSuan
            }
            if (this.wordDate) {
               data.WordDateStart = this.WordDateStart //工作日期开始
@@ -235,27 +257,13 @@
            if (this.Suppliername) {
               data.Suppliername = this.Suppliername
            }
            if (this.isJieSuan) {
               switch (this.isJieSuan) {
                  case 0:
                     this.isJieSuan = ''
                     break;
                  case 1:
                     this.isJieSuan = false
                     break;
                  case 2:
                     this.isJieSuan = true
                     break;
               }
               data.isJieSuan = this.isJieSuan
            }
            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)
                     this.viewList = this.viewList.concat(...res.data.items)
                  }
                  console.log(this.viewList, this.viewList.length, 'this.viewList');
                  this.viewList.forEach(item => {
@@ -278,6 +286,7 @@
            this.WordDateStart = new Date(val.startDate.result) //工作日期开始
            this.WordDateEnd = new Date(val.endDate.result) //工作日期结束
            this.datePickerShow = false
            this.PostMyDakaListPage()
            console.log(this.wordDate, this.WordDateStart, this.WordDateEnd, this.Suppliername);
         },
         cancel() {