| | |
| | | <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"> |
| | |
| | | <!-- <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | pageIndex: 1, |
| | | pageSize: 20, |
| | | wordDate: '', |
| | | isJieSuan: '', |
| | | list: ['全部', '未结算', '已结算'], |
| | | isJieSuan: false, |
| | | workerUserName: '', |
| | | list: ['全部', '未审核', '已审核'], |
| | | datePickerShow: false, |
| | | viewList: [], |
| | | heji: '', |
| | | loadStatus: 'loadmore', |
| | | workCount: '', //计件数量 |
| | | WordDateStart: '', //工作日期开始 |
| | | WordDateEnd: '' //工作日期结束 |
| | | } |
| | | }, |
| | | onLoad() { |
| | |
| | | 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) { |
| | |
| | | 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 { |
| | |
| | | } |
| | | }) |
| | | }, |
| | | // 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 |