From d148889f32babca7ffefa3336a22f9f38dc0c525 Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期三, 28 八月 2024 17:20:20 +0800
Subject: [PATCH] 打卡相关
---
src/pages/checkin/index.vue | 324 ++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 220 insertions(+), 104 deletions(-)
diff --git a/src/pages/checkin/index.vue b/src/pages/checkin/index.vue
index 302829b..ed24411 100644
--- a/src/pages/checkin/index.vue
+++ b/src/pages/checkin/index.vue
@@ -2,127 +2,243 @@
<view class="full-page">
<up-sticky>
<view class="coreshop-ff content c-p-10">
- <up-search placeholder="璇风偣鍑婚�夋嫨鏃ユ湡" v-model="value15" search-icon="calendar"></up-search>
+ <up-search placeholder="璇风偣鍑婚�夋嫨鏃ユ湡" @clickIcon='clickIcon' v-model="wordDate" search-icon="calendar"
+ @custom='PostMyComDakaListPage'></up-search>
</view>
- <up-subsection :list="list" :current="current4" activeColor="#f9ae3d"
- @change="sectionChange"></up-subsection>
+ <up-subsection :list="list" activeColor="#f9ae3d" @change="sectionChange"></up-subsection>
</up-sticky>
- <view class="listrecord c-p-20">
- <view class="coreshop-ff chuany-bradius20">
- <view class="bgblue c-p-18 chuany-flex chuany-justify-between chuany-font34 chuany-text-bold">
- <text class=''>
- 鏃ユ湡锛�2024-08-12
- </text>
- </view>
- <view class="c-p-26">
- <view class="chuany-flex chuany-justify-between">
- <text class="chuany-font34 chuany-text-bold">
- 涓存椂宸�
+ <view class="" v-if="viewList&&viewList.length>0">
+ <view class="listrecord c-p-18" v-for="item in viewList" :key='item.id' @click='jumpWorkDetail'>
+ <view class="coreshop-ff chuany-bradius20">
+ <view
+ 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,true)}}
</text>
+ </view>
+ <view class="c-p-26">
<view class="chuany-flex chuany-justify-between">
- <!-- <text class="c-p-r-20">
-
- </text> -->
- <up-tag class='c-m-r-10' text="宸茬粨绠�" shape="circle" type="success" plain plainFill size='mini'></up-tag>
- <up-tag text="宸茬‘璁�" shape="circle" type="success" plain plainFill size='mini'></up-tag>
- </view>
- </view>
- <view class="c-p-t-20">
- 鎵撳崱璁板綍锛�08:00-12:00 13:00-17:00
- </view>
- <view class="chuany-flex chuany-justify-between c-p-t-20">
- <text class="chuany-width50">
- 宸ヤ綔鏃堕暱锛�8灏忔椂
- </text>
- <view class="chuany-width50">
- <text>
- 鏂瑰紡锛氳鏃�
+ <text class="chuany-font34 ">
+ {{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-tag text="宸茬‘璁�" shape="circle" type="success" plain plainFill size='mini'></up-tag> -->
+ </view>
</view>
- </view>
- <view class="chuany-flex chuany-justify-between c-p-t-20">
- <text class="chuany-width50">
- 宸ヤ环锛�17鍏�/灏忔椂
- </text>
- <view class="chuany-width50">
- <text>
- 褰撴棩宸ヨ祫锛�136鍏�
+ <view class="c-p-t-14">
+ 鎵撳崱璁板綍锛歿{item.dakaMingxi}}
+ </view>
+ <view class="chuany-flex chuany-justify-between chuany-flex-wrap c-p-t-14">
+ <text class="chuany-width50">
+ 宸ヤ綔鏃堕暱锛歿{item.workTime}}
</text>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="listrecord c-p-20">
- <view class="coreshop-ff chuany-bradius20">
- <view class="bgblue c-p-18 chuany-flex chuany-justify-between chuany-font34 chuany-text-bold">
- <text class=''>
- 鏃ユ湡锛�2024-08-12
- </text>
- </view>
- <view class="c-p-26">
- <view class="chuany-flex chuany-justify-between">
- <text class="chuany-font34 chuany-text-bold">
- 涓存椂宸�
- </text>
- <view class="chuany-flex chuany-justify-between">
- <!-- <text class="c-p-r-20">
-
- </text> -->
- <up-tag class='c-m-r-10' text="鏈粨绠�" shape="circle" type="warning" plain plainFill size='mini'></up-tag>
- <up-tag text="鏈‘璁�" shape="circle" type="warning" plain plainFill size='mini'></up-tag>
- </view>
- </view>
- <view class="c-p-t-20">
- 鎵撳崱璁板綍锛�08:00-12:00 13:00-17:00
- </view>
- <!-- <view class="chuany-flex chuany-justify-between c-p-t-20">
-
- </view> -->
- <view class="chuany-flex chuany-justify-between chuany-flex-wrap c-p-t-20">
- <text class="chuany-width50">
- 宸ヤ綔鏃堕暱锛�8灏忔椂
- </text>
- <view class="chuany-width50">
- <text>
- 鏂瑰紡锛氳浠�
+ <view class="chuany-width50">
+ <text>
+ 鏂瑰紡锛歿{item.workerTypeName}}
+ </text>
+ </view>
+ <text class="chuany-width50 c-p-t-14">
+ 宸ヤ环锛歿{item.workPrice}}{{item.workerType==0?'鍏�/灏忔椂':'鍏�/浠�'}}
</text>
- </view>
- <text class="chuany-width50 c-p-t-20">
- 宸ヤ环锛�0.5鍏�/浠�
- </text>
- <view class="chuany-width50 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">
- <text>
- 褰撴棩宸ヨ祫锛�136鍏�
- </text>
- </view>
- <view class="chuany-width50 c-p-t-20">
- <view class="chuany-width10">
- <up-button class="button-layout__item" text="宸ヨ祫鐢虫姤" size="mini" type="warning"></up-button>
+ <view class="chuany-width50 chuany-flex c-p-t-14" v-if="item.workerType==1">
+ <text>
+ 鏁伴噺锛�
+ </text>
+ <up-input style="padding: 0;" size='mini' border="surround"
+ v-model="workCount"></up-input>
+ </view>
+ <view class="chuany-width50 c-p-t-14">
+ <text>
+ 褰撴棩宸ヨ祫锛歿{item.todaySalary}}鍏�
+ </text>
+ </view>
+ <view class="chuany-width50 c-p-t-14">
+ <view class="chuany-width10">
+ <up-button class="button-layout__item" text="宸ヨ祫鐢虫姤" size="mini"
+ @click.stop='saveDakaDetail(item)' type="warning"></up-button>
+ </view>
</view>
</view>
</view>
</view>
</view>
+ <view class="listrecord c-p-18">
+ <view class="coreshop-ff chuany-bradius20">
+ <view class="bgblue c-p-18 chuany-flex chuany-justify-between chuany-font30">
+ <text class=''>
+ 鏃ユ湡锛�2024-08-12
+ </text>
+ </view>
+ <view class="c-p-26">
+ <view class="chuany-flex chuany-justify-between">
+ <text class="chuany-font34 ">
+ 涓存椂宸�
+ </text>
+ <view class="chuany-flex chuany-justify-between">
+ <!-- <text class="c-p-r-20">
+
+ </text> -->
+ <up-tag class='c-m-r-10' text="鏈粨绠�" shape="circle" type="warning" plain plainFill
+ size='mini'></up-tag>
+ <up-tag text="鏈‘璁�" shape="circle" type="warning" plain plainFill size='mini'></up-tag>
+ </view>
+ </view>
+ <view class="c-p-t-20">
+ 鎵撳崱璁板綍锛�08:00-12:00 13:00-17:00
+ </view>
+ <!-- <view class="chuany-flex chuany-justify-between c-p-t-20">
+
+ </view> -->
+ <view class="chuany-flex chuany-justify-between chuany-flex-wrap c-p-t-20">
+ <text class="chuany-width50">
+ 宸ヤ綔鏃堕暱锛�8灏忔椂
+ </text>
+ <view class="chuany-width50">
+ <text>
+ 鏂瑰紡锛氳浠�
+ </text>
+ </view>
+ <text class="chuany-width50 c-p-t-20">
+ 宸ヤ环锛�0.5鍏�/浠�
+ </text>
+ <view class="chuany-width50 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">
+ <text>
+ 褰撴棩宸ヨ祫锛�136鍏�
+ </text>
+ </view>
+ <view class="chuany-width50 c-p-t-20">
+ <view class="chuany-width10">
+ <up-button class="button-layout__item" text="宸ヨ祫鐢虫姤" size="mini"
+ 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" type="3" @change="changePicker" @cancel="cancel"></fui-date-picker>
</view>
</template>
-<script setup>
- import {
- ref
- } from 'vue'
- let value15 = ref('')
- const list = ref(['鍏ㄩ儴', '鏈粨绠�', '宸茬粨绠�']);
- const sectionChange = (index) => {
- current4.value = index;
+<script>
+ export default {
+ data() {
+ return {
+ pageIndex: 1,
+ pageSize: 20,
+ wordDate: '',
+ isJieSuan: '',
+ list: ['鍏ㄩ儴', '鏈粨绠�', '宸茬粨绠�'],
+ datePickerShow: false,
+ viewList: [],
+ loadStatus: 'loadmore',
+ workCount: '', //璁′欢鏁伴噺
+ }
+ },
+ onLoad() {
+ this.PostMyComDakaListPage();
+ },
+ onReachBottom() {
+ if (this.loadStatus != 'nomore') {
+ this.PostMyComDakaListPage();
+ }
+ },
+ onPullDownRefresh() {
+ this.pageIndex = 1
+ this.pageSize = 20
+ this.wordDate = ''
+ this.isJieSuan = ''
+ this.PostMyComDakaListPage();
+ },
+ methods: {
+ sectionChange(val) {
+ this.isJieSuan = val
+ this.PostMyComDakaListPage()
+ },
+ saveDakaDetail(item) {
+ let obj = {
+ orderBiddingDetailId: item.orderBiddingDetailId, //鎷涘伐鎵撳崱Id
+ workTime: item.workTime, //宸ヤ綔鏃堕暱
+ todaySalary: item.todaySalary //褰撴棩宸ヨ祫
+ }
+ if (this.workCount) {
+ obj.workCount = this.workCount
+ }
+ this.$api.saveDakaDetail(obj).then(res => {
+ console.log(res,'----');
+ })
+ },
+ PostMyComDakaListPage() {
+ let data = {
+ pageIndex: this.pageIndex,
+ pageSize: this.pageSize,
+ }
+ if (this.wordDate) {
+ data.wordDate = this.wordDate
+ }
+ if (this.isJieSuan) {
+ switch (this.isJieSuan) {
+ case 0:
+ this.isJieSuan = ''
+ break;
+ case 1:
+ this.isJieSuan = true
+ break;
+ case 2:
+ this.isJieSuan = false
+ break;
+ }
+ data.isJieSuan = this.isJieSuan
+ }
+ this.$api.PostMyComDakaListPage(data).then(res => {
+ if (res.code == 1) {
+ 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');
+ // 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
+ },
+ clickIcon() {
+ this.datePickerShow = true
+ },
+ jumpWorkDetail() {
+ uni.navigateTo({
+ url: '/pages/checkin/workdetail'
+ })
+ }
+ }
}
</script>
--
Gitblit v1.9.1