<template>
|
<view class="full-page" scroll-y using-sticky>
|
<view class="">
|
<up-sticky>
|
<!-- <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>
|
<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="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=''>
|
打卡日期：{{$util.formatDate(item.workDate)}}
|
</text>
|
</view>
|
<view class="c-p-18 chuany-font28">
|
<view class="chuany-flex chuany-justify-between">
|
<text class="chuany-font32">
|
{{item.orderName}}
|
</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-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="text-69">
|
<view class="c-p-t-8">
|
姓名：{{item.workerUserName}}
|
</view>
|
<view class="c-p-t-8">
|
打卡记录：{{item.dakaMingxi}}
|
</view>
|
</view>
|
|
<view class="chuany-flex chuany-justify-between chuany-flex-wrap text-69 c-p-t-8">
|
<view class="chuany-width48">
|
<text>
|
方式：{{item.workerTypeName}}
|
</text>
|
</view>
|
<view class="chuany-width48 chuany-flex">
|
<text>
|
工价：{{item.workPrice}}{{item.workerType==0?'元/小时':'元/件'}}
|
</text>
|
<!-- <up-input type="digit" v-if="item.isShenPiName!=='已结算'" style="padding: 0;" size='mini'
|
@blur='(val) => {item.todaySalary=$util.roundToTwo(item.workTime*item.workPrice)}'
|
border="surround" v-model="item.workPrice"></up-input>
|
<text v-else>{{item.workPrice}}{{item.workerType==0?'元/小时':'元/件'}}</text> -->
|
</view>
|
|
<view class="chuany-width48 chuany-flex c-p-t-8">
|
<text>
|
时长：
|
</text>
|
<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" 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" v-if="item.isShenPi!==2">
|
<up-button class="button-layout__item" :text="item.isShenPi!==2?'核准工资':'修改'"
|
size="mini" :loading='item.isLoading'
|
:loadingText="item.isShenPi!==2?'核准中':'修改中'"
|
@tap.stop='saveDakaDetailCompany(item)' type="warning"></up-button>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<up-loadmore :status="loadStatus" />
|
</view>
|
<view v-else>
|
<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>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
pageIndex: 1,
|
pageSize: 20,
|
wordDate: '',
|
isJieSuan: false,
|
workerUserName: '',
|
list: ['全部', '未审核', '已审核'],
|
datePickerShow: false,
|
viewList: [],
|
heji: '',
|
loadStatus: 'loadmore',
|
workCount: '', //计件数量
|
WordDateStart: '', //工作日期开始
|
WordDateEnd: '' //工作日期结束
|
}
|
},
|
onLoad() {
|
this.PostMyComDakaListPage();
|
},
|
onReachBottom() {
|
if (this.loadStatus != 'nomore') {
|
this.PostMyComDakaListPage();
|
}
|
},
|
onPullDownRefresh() {
|
this.wordDate = ''
|
this.workerUserName = ''
|
this.init()
|
uni.stopPullDownRefresh();
|
},
|
methods: {
|
init() {
|
this.pageIndex = 1
|
this.pageSize = 20
|
this.loadStatus = 'loadmore'
|
this.PostMyComDakaListPage();
|
},
|
sectionChange(val) {
|
switch (val) {
|
case 0:
|
this.isJieSuan = null
|
break;
|
case 1:
|
this.isJieSuan = false
|
break;
|
case 2:
|
this.isJieSuan = true
|
break;
|
}
|
this.init()
|
},
|
saveDakaDetailCompany(item) {
|
if (item.workerType == 1 && !item.workCount) {
|
this.$util.showToast({
|
title: '请填写数量！',
|
icon: 'error'
|
})
|
return
|
}
|
let obj = {
|
orderBiddingDetailId: item.orderBiddingDetailId, //招工打卡Id
|
workTime: item.workTime, //工作时长
|
todaySalary: item.todaySalary //当日工资
|
}
|
if (item.workCount) {
|
obj.workCount = item.workCount
|
}
|
item.isLoading = true
|
console.log(item.isShenPiName, 'item.isShenPiName’');
|
this.$api.saveDakaDetailCompany(obj).then(res => {
|
if (res.code == 1) {
|
this.$util.showToast({
|
title: item.isShenPiName == '已结算' ? '修改成功！' : '确认成功！',
|
icon: 'success'
|
})
|
this.PostMyComDakaListPage();
|
} else {
|
this.$util.showToast({
|
title: res.error ? res.error : '失败！'
|
})
|
}
|
item.isLoading = false
|
})
|
},
|
PostMyComDakaListPage() {
|
let data = {
|
pageIndex: this.pageIndex,
|
pageSize: this.pageSize,
|
isJieSuan: this.isJieSuan
|
}
|
// if (this.wordDate) {
|
// data.wordDate = this.wordDate
|
// }
|
if (this.wordDate) {
|
data.WordDateStart = this.WordDateStart //工作日期开始
|
data.WordDateEnd = this.WordDateEnd //工作日期结束
|
}
|
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 {
|
this.viewList = 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) {
|
this.loadStatus = 'loadmore'
|
this.pageIndex++
|
} else {
|
// 数据已加载完毕
|
this.loadStatus = 'nomore'
|
}
|
}
|
})
|
},
|
// changePicker(val) {
|
// this.wordDate = val.result
|
// this.datePickerShow = false
|
// },
|
changePicker(val) {
|
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
|
},
|
clickIcon() {
|
this.datePickerShow = true
|
},
|
clickIcon1() {
|
console.log('触发了icon事件');
|
},
|
jumpWorkDetail(item) {
|
uni.navigateTo({
|
url: `/pages/company/record?id=${item.orderBiddingDetailId}`
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.content {
|
/* width: 100%; */
|
box-sizing: border-box;
|
}
|
|
.bgblue {
|
background-color: #4e96f5;
|
border-radius: 20rpx 20rpx 0 0;
|
color: #fff;
|
}
|
|
.listrecord {
|
width: 100%;
|
box-sizing: border-box;
|
}
|
</style>
|
