From 79745a1b12fa6d69edd3a353cb11b8ae02b8d4aa Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期一, 26 八月 2024 17:16:53 +0800 Subject: [PATCH] 投递与确认 --- src/pages/checkin/index.vue | 291 +++++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 189 insertions(+), 102 deletions(-) diff --git a/src/pages/checkin/index.vue b/src/pages/checkin/index.vue index 302829b..0569b48 100644 --- a/src/pages/checkin/index.vue +++ b/src/pages/checkin/index.vue @@ -2,127 +2,214 @@ <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.lenght>0'> + <view class="listrecord c-p-20" v-for="item in viewList" :key='item.id'> + <view class="coreshop-ff chuany-bradius20"> + <view class="bgblue c-p-18 chuany-flex chuany-justify-between chuany-font34 chuany-text-bold"> + <text class=''> + 鏃ユ湡锛歿{item.workDate}} </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 chuany-text-bold"> + {{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-20"> + 鎵撳崱璁板綍锛歿{item.dakaMingxi}} + </view> + <view class="chuany-flex chuany-justify-between c-p-t-20"> + <text class="chuany-width50"> + 宸ヤ綔鏃堕暱锛歿{item.workTime}} </text> + <view class="chuany-width50"> + <text> + 鏂瑰紡锛歿{item.workerTypeName}} + </text> + </view> </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-flex chuany-justify-between c-p-t-20"> + <text class="chuany-width50"> + 宸ヤ环锛歿{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-20"> + <text> + 鏁伴噺锛� + </text> + <up-input style="padding: 0;" size='mini' border="surround"></up-input> + </view> + <view class="chuany-width50"> + <text> + 褰撴棩宸ヨ祫锛歿{item.todaySalary}}鍏� + </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> + <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> + 鏂瑰紡锛氳浠� + </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' + } + }, + onLoad() { + this.PostMyComDakaListPage(); + }, + onReachBottom(){ + if (this.loadStatus != 'nomore') { + this.PostMyComDakaListPage(); + } + }, + methods: { + sectionChange(val) { + switch (val) { + case 0: + this.isJieSuan = '' + break; + case 1: + this.isJieSuan = true + break; + case 2: + this.isJieSuan = false + break; + } + this.PostMyComDakaListPage() + }, + PostMyComDakaListPage() { + let data = { + pageIndex: this.pageIndex, + pageSize: this.pageSize, + isJieSuan: this.isJieSuan, + wordDate: this.wordDate + } + 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) + } + // 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 + } + + } } </script> -- Gitblit v1.9.1