zhangwei
2024-09-29 94384dcf5066aa1a7b2e37874fe331e148bc9249
src/pages/company/index.vue
@@ -1,14 +1,29 @@
<template>
   <view class="full-page">
   <scroll-view class="full-page" scroll-y using-sticky>
      <up-sticky>
         <view class="coreshop-ff content c-p-10">
         <!-- <view class="coreshop-ff content c-p-10">
            <up-search placeholder="请点击选择打卡日期" @click='clickIcon' disabled v-model="wordDate" search-icon="calendar"
               @custom='PostMyComDakaListPage'></up-search>
         </view> -->
         <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="请点击选择打卡日期" @click='clickIcon' @clear='PostMyComDakaListPage' disabled
               v-model="wordDate" search-icon="calendar" @search='PostMyComDakaListPage'
               :show-action="false"></up-search>
            <!-- <up-search placeholder="请输入工人名字" :show-action="false" v-model="workerUserName"
               @clear='PostMyComDakaListPage' @search='PostMyComDakaListPage'></up-search> -->
         </view>
         <up-subsection :list="list" activeColor="#f9ae3d" @change="sectionChange"></up-subsection>
         <view class="coreshop-ff content c-p-10">
            <up-search placeholder="请输入工人名字" v-model="workerUserName" @custom='PostMyComDakaListPage'
               @clear='PostMyComDakaListPage' @search='PostMyComDakaListPage'></up-search>
            <!-- <up-search placeholder="请点击选择打卡日期" @click='clickIcon' @clear='PostMyComDakaListPage' disabled
               v-model="wordDate" search-icon="calendar" @search='PostMyComDakaListPage'
               @custom='PostMyComDakaListPage'></up-search> -->
         </view>
         <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">
@@ -25,8 +40,9 @@
                        <!-- <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>
@@ -59,32 +75,35 @@
                        <text>
                           时长:
                        </text>
                        <up-input type="digit" v-if="item.workerType!=1" style="padding: 0;" size='mini'
                        <up-input type="digit" v-if="item.workerType!=1 && item.isShenPi!==2"
                           style="padding: 0;" size='mini'
                           @blur='(val) => {item.todaySalary=$util.roundToTwo(item.workTime*item.workPrice)}'
                           border="surround" v-model="item.workTime"></up-input>
                        <text v-else>{{item.workTime}}</text>
                     </view>
                     <view class="chuany-width48 chuany-flex c-p-t-8" v-if="item.workerType==1">
                        <text>
                           数量:
                        </text>
                        <up-input type="digit" style="padding: 0;" size='mini' border="surround"
                           v-if="item.isShenPi!==2"
                           @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 chuany-flex c-p-t-8">
                        <text>
                           工资:
                        </text>
                        <up-input type="digit" style="padding: 0;" size='mini' border="surround"
                           v-model="item.todaySalary"></up-input>
                        <!-- <text v-else>{{item.todaySalary}} 元</text> -->
                           v-model="item.todaySalary" v-if="item.isShenPi!==2"></up-input>
                        <text v-else>{{item.todaySalary}} 元</text>
                     </view>
                     <view class="chuany-width48 c-p-t-8">
                        <view class="chuany-width10">
                           <up-button class="button-layout__item" :text="item.isShenPiName!=='已结算'?'确认':'修改'"
                        <view class="chuany-width10" v-if="item.isShenPi!==2">
                           <up-button class="button-layout__item" :text="item.isShenPi!==2?'核准工资':'修改'"
                              size="mini" :loading='item.isLoading'
                              :loadingText="item.isShenPiName!=='已结算'?'确认中':'修改中'"
                              :loadingText="item.isShenPi!==2?'核准中':'修改中'"
                              @tap.stop='saveDakaDetailCompany(item)' type="warning"></up-button>
                        </view>
                     </view>
@@ -98,9 +117,14 @@
         <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>
   </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>
   </scroll-view>
</template>
<script>
@@ -110,12 +134,16 @@
            pageIndex: 1,
            pageSize: 20,
            wordDate: '',
            isJieSuan: '',
            list: ['全部', '未结算', '已结算'],
            isJieSuan: false,
            workerUserName: '',
            list: ['全部', '未审核', '已审核'],
            datePickerShow: false,
            viewList: [],
            heji: '',
            loadStatus: 'loadmore',
            workCount: '', //计件数量
            WordDateStart: '', //工作日期开始
            WordDateEnd: '' //工作日期结束
         }
      },
      onLoad() {
@@ -130,14 +158,25 @@
         this.pageIndex = 1
         this.pageSize = 20
         this.wordDate = ''
         this.isJieSuan = ''
         this.isJieSuan = false
         this.workerUserName = ''
         this.loadStatus = 'loadmore'
         this.PostMyComDakaListPage();
         uni.stopPullDownRefresh();
      },
      methods: {
         sectionChange(val) {
            this.isJieSuan = val
            switch (val) {
               case 0:
                  this.isJieSuan = null
                  break;
               case 1:
                  this.isJieSuan = false
                  break;
               case 2:
                  this.isJieSuan = true
                  break;
            }
            this.PostMyComDakaListPage()
         },
         saveDakaDetailCompany(item) {
@@ -177,26 +216,23 @@
            let data = {
               pageIndex: this.pageIndex,
               pageSize: this.pageSize,
               isJieSuan: this.isJieSuan
            }
            // if (this.wordDate) {
            //    data.wordDate = this.wordDate
            // }
            if (this.wordDate) {
               data.wordDate = this.wordDate
               data.WordDateStart = this.WordDateStart //工作日期开始
               data.WordDateEnd = this.WordDateEnd //工作日期结束
            }
            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
            if (this.workerUserName) {
               data.workerUserName = this.workerUserName
            }
            console.log(data, '---------------');
            this.$api.PostMyComDakaListPage(data).then(res => {
               if (res.code == 1) {
                  this.heji = res.data.heji
                  if (this.pageIndex == 1) {
                     this.viewList = res.data.items
                  } else {
@@ -218,9 +254,16 @@
               }
            })
         },
         // changePicker(val) {
         //    this.wordDate = val.result
         //    this.datePickerShow = false
         // },
         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
            this.PostMyComDakaListPage();
         },
         cancel() {
            this.datePickerShow = false