From 38de059c83720527d3813448153390da3e6453dc Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期日, 02 七月 2023 13:52:25 +0800 Subject: [PATCH] 验质替换页面,称重判断修改 --- pages/driver-page/driver-index/bill-of-lading-details/selectOrderPlan/selectOrderPlan.vue | 238 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 227 insertions(+), 11 deletions(-) diff --git a/pages/driver-page/driver-index/bill-of-lading-details/selectOrderPlan/selectOrderPlan.vue b/pages/driver-page/driver-index/bill-of-lading-details/selectOrderPlan/selectOrderPlan.vue index 118f719..fa9da5f 100644 --- a/pages/driver-page/driver-index/bill-of-lading-details/selectOrderPlan/selectOrderPlan.vue +++ b/pages/driver-page/driver-index/bill-of-lading-details/selectOrderPlan/selectOrderPlan.vue @@ -1,11 +1,11 @@ <template> - <view> + <view class="main"> <view style="position: relative;top: -120px;"> <u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" textSize="30" iconSize="1000" - v-if="orderPlanData.length == 0"></u-empty> + v-if="!orderPlanData"></u-empty> </view> <view class="collection-form"> <view class="collection-form-item" @@ -54,6 +54,74 @@ </view> </view> </view> + <view class="history-numbers"> + <combined-title title="鍘嗗彶鎻愮叅鍗�"></combined-title> + <scroll-view :scroll-top="scrollTop" + scroll-y="true" + class="scroll-Y" + @scrolltolower="historyScrolltolower"> + <u-empty mode="data" + icon="http://cdn.uviewui.com/uview/empty/data.png" + textSize="30" + iconSize="1000" + v-if="historyCoalData.length==0"></u-empty> + <view class="history-information" + v-for="(item, index) in historyCoalData" + :key="index" + @click="faYundetail(item)"> + <view class="first"> + <view class="">{{ item.deptName || '' }}</view> + <view class=""><u-icon name="arrow-right" + color="#999999" + size="40"></u-icon></view> + </view> + <view class="second"> + <view class="coal-name">{{ item.coalName || '' }}</view> + <view class="order-type">{{ item.orderType || '' }}</view> + </view> + <view class="third"> + <view class="third-line"> + <view class="third-line_text">棰嗗彇鏁�:</view> + <view class="third-line_num">{{ item.cars2 }}</view> + </view> + <view class="third-line"> + <view class="third-line_text">鍓╀綑鏁�:</view> + <view class="third-line_num" + v-if="roleType == 1">{{ item.carNumSurplus1 }}</view> + <view class="third-line_num" + v-else-if="roleType == 2">{{ item.carNumSurplus }}</view> + </view> + <view class="third-line"> + <view class="third-line_text">鎻愮叅鍗曚釜鏁�:</view> + <view class="third-line_num">{{ item.tmCount }}</view> + </view> + </view> + <view class="fourth"> + <view class="fourth-icon"> + <view + style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clock.png') no-repeat;background-size: cover"> + </view> + </view> + <view class="senddate">{{ item.sendDate }}</view> + </view> + <view class="fourth"> + <view class="fourth-icon"> + <view + style="width: 26rpx;height: 26rpx;line-height: 26rpx;background: url('https://mx.jzeg.cn:9095/appimg/image/banner/carnNUm.png') no-repeat;background-size: cover;"> + </view> + </view> + <view class="senddate">{{ item.orderCode }}</view> + </view> + </view> + <view class="more_text" + v-if="showMoreData && historyCoalData.length !== 0">娌℃湁鏁版嵁浜�...</view> + <view class="white-block"></view> + </scroll-view> + </view> + <view style="height: 160rpx;width: 100%;"> + + </view> + <tab-bar :current="1"></tab-bar> </view> </template> @@ -62,7 +130,14 @@ data() { return { orderPlanData: [], - index: null + historyCoalData: [], + // 姣忛〉鏁版嵁閲� + pageSize: 10, + // 褰撳墠椤� + pageCurrent: 1, + // 鏄惁鏄剧ず鏇村鏁版嵁 + showMoreData: false, + total: null }; }, computed: { @@ -70,25 +145,57 @@ return uni.getStorageSync('roleType') } }, - onLoad(params) { - this.index = params.index ? params.index : '' - }, onShow() { this.GetOrderPlan() + this.qualityInspectionHistory() }, methods: { GetOrderPlan() { uni.showLoading({ title: '鍔犺浇涓�...' }); - this.$reqGet('GetOrderPlan').then(res => { + this.$reqGet('qualityInspection').then(res => { if (res.data) { - this.orderPlanData = res.data[this.index].tmTaskCoals ? res.data[this.index].tmTaskCoals : - [] uni.hideLoading(); + this.orderPlanData = res.data } else { + uni.hideLoading(); this.$u.toast('鍔犺浇澶辫触') - uni.hideLoading() } }) + }, + // 楠岃川鍘嗗彶 + qualityInspectionHistory() { + uni.showLoading({ title: '鍔犺浇涓�...' }); + this.$reqGet('qualityInspectionHistory', { current: this.pageCurrent, size: this.pageSize }).then(res => { + if (res.data) { + uni.hideLoading(); + this.total = res.data.total; + if (this.pageCurrent > 1) { + this.historyCoalData = this.historyCoalData.concat(res.data.records); + this.historyCoalData = this.ArrSet(this.historyCoalData, 'id'); + } else { + this.historyCoalData = res.data.records; + + } + } else { + uni.hideLoading(); + this.$u.toast('鍔犺浇澶辫触') + } + }) + }, + // 涓婃媺鍔犺浇 + historyScrolltolower() { + if (this.pageCurrent * this.pageSize >= this.total) return (this.showMoreData = true); + this.pageCurrent++; + this.qualityInspectionHistory(); + }, + //fix 鐐瑰嚮鎻愮叅鍗曡繑鍥炰細澧炲姞閲嶅鏁版嵁 + ArrSet(Arr, id) { + var obj = {}; + const arrays = Arr.reduce((setArr, item) => { + obj[item[id]] ? '' : (obj[item[id]] = true && setArr.push(item)); + return setArr; + }, []); + return arrays; }, validateClick(item) { uni.navigateTo({ @@ -101,6 +208,113 @@ <style lang="scss" scoped> + @mixin flex { + display: flex; + justify-content: space-between; + align-items: center; + } + + .main { + width: 100%; + margin: 0 auto; + } + + .history-numbers { + width: 100%; + position: relative; + // top: vww(-110); + + .history-information { + width: 690rpx; + height: 398rpx; + margin: vww(10) vww(15); + background: #ffffff; + box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); + border-radius: 20rpx; + @include flex flex-direction: column; + align-items: flex-start; + justify-content: space-evenly; + overflow: hidden; + + .first { + width: 96%; + height: 34rpx; + font-size: 32rpx; + font-weight: 300; + color: #303030; + @include flex; + margin: vww(10) vww(10) 0; + } + + .second { + width: 100%; + height: 31rpx; + font-size: 30rpx; + font-weight: 300; + color: #515151; + margin: vww(10) vww(10) 0; + @include flex; + justify-content: flex-start; + + .coal-name { + min-width: vww(30); + height: vww(20); + margin-right: vww(21); + } + + .order-type { + color: #035cfb; + border: 2px solid #035cfb; + border-radius: 4rpx; + padding: vww(2) vww(4); + text-align: center; + } + } + + .third { + width: 96%; + height: 31rpx; + font-size: 30rpx; + font-weight: 300; + color: #515151; + margin: vww(10) vww(10) 0; + @include flex; + + .third-line { + @include flex; + + &_text { + color: #919090; + } + + &_num { + color: #035cfb; + } + } + } + + .fourth { + width: 100%; + height: 31rpx; + font-size: 30rpx; + font-weight: 300; + color: #515151; + margin: vww(10) vww(10) 0; + @include flex; + + .fourth-icon { + width: vww(13); + height: vww(13); + margin-right: vww(14); + } + + .senddate { + flex: 1; + } + } + } + } + .collection-form { width: vww(345); margin: 0 vww(15); @@ -113,7 +327,8 @@ box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15); border-radius: 20rpx; overflow: hidden; - @include flex flex-direction: column; + @include flex; + flex-direction: column; position: relative; align-items: flex-start; margin-top: vww(10); @@ -205,6 +420,7 @@ } .car-num { + color: #515151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -- Gitblit v1.9.1