From 76ddd351e4402fee8881933fb7f28e6f186051ca Mon Sep 17 00:00:00 2001 From: wk Date: 星期五, 20 九月 2024 17:15:16 +0800 Subject: [PATCH] feat:临时司机 --- pages/doorkeeper-page/doorkeeper-index/exit-index.vue | 274 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 272 insertions(+), 2 deletions(-) diff --git a/pages/doorkeeper-page/doorkeeper-index/exit-index.vue b/pages/doorkeeper-page/doorkeeper-index/exit-index.vue index b38c904..d17e2c0 100644 --- a/pages/doorkeeper-page/doorkeeper-index/exit-index.vue +++ b/pages/doorkeeper-page/doorkeeper-index/exit-index.vue @@ -4,6 +4,15 @@ <u-search @change="change" :searchIconSize="40" placeholder="璇疯緭鍏ヨ溅鐗屽彿" height="60" clearabled v-model="carNo" @search="search" @custom="custom" @clear="clear" > </u-search > </view> + <u-collapse + ref="myCollapse" + :value='["1"]' + > + <u-collapse-item + ref="collapseHeight" + name='1' + class="collItem" + :title="'寰呮鏌ヨ溅杈�'"> <view style="position: relative;top: -40px;"> <u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" @@ -26,6 +35,9 @@ <text class="order-type">{{ item.productNames?limitString(item.productNames,20,'...'):'' || '' }}</text> </view> </view> + <view class="second-line" v-if="item.splicingOrderId"> + <text style="color:red">姝ゅ崟鍖呭惈鎷煎崟锛�</text> + </view> <view class="second-line"> <view class="coal-name"> <view class="dispatch-dept">{{ item.carNo || '' }}</view> @@ -35,10 +47,24 @@ <text>{{ item.phone || '' }}</text> </view> </view> + <view class="second-line"> + <view class="coal-name"> + <view>鍑�閲嶏細{{item.clean || 0}}</view> + <view class="black-bar"></view> + <view>鏁伴噺锛歿{item.productQuantity || 0}}</view> + </view> + </view> <view class="third-line"> <view class="send-date">{{ item.isEmptyCar?item.isEmptyCar=='0'?'闈炵┖杞﹀嚭鍦�':'绌鸿溅鍑哄満':'闈炵┖杞﹀嚭鍦�' }}</view> </view> <view class="fourth-line"> + <view + v-if="item.splicingOrderId" + @click.stop="checkDetail(item)"> + <view class="button-image"> + <u-button type='primary'>鏌ョ湅鎷煎崟</u-button> + </view> + </view> <view class="forward" @click.stop="yuYueBtnClick(item)"> <view class="button-image">妫�鏌�</view> @@ -46,6 +72,136 @@ </view> </view> </view> + </u-collapse-item> + </u-collapse> + <u-collapse + ref="myCollapse" + > + <u-collapse-item + ref="collapseHeights" + name='3' + class="collItem" + :title="'涓存椂鍏ュ満杞﹁締'"> + <view style="position: relative;top: -40px;"> + <u-empty mode="data" + icon="http://cdn.uviewui.com/uview/empty/data.png" + textSize="30" + iconSize="1000" + text="鏆傛棤杞﹁締" + v-if="driverTemporaryEntry.length == 0"></u-empty> + </view> + <view class="collection-form"> + <view class="collection-form-item" + v-for="(item, index) in driverTemporaryEntry" + :key="index"> + <view class="second-line"> + <view class="coal-name"> + <view class="dispatch-dept">{{ item.carNo || '' }}</view> + <view class="black-bar"></view> + <view class="dispatch">{{ item.driver ||'' }}</view> + <view class="black-bar"></view> + <text>{{ item.phone || '' }}</text> + </view> + </view> + <view class="third-line"> + <view class="time-icon"> + <view + style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/clock.png') no-repeat;background-size: cover"> + </view> + </view> + <view class="send-date">{{ item.sendDate }} {{ item.startTime || '' }}-{{item.endTime || ""}}</view> + </view> + <view class="first-line"> + <view class="dispatch-receive"> + <view class="point-number"> + <text class="order-type">{{ item.coalName?limitString(item.coalName,20,'...'):'' || '' }}</text> + </view> + <view class="black-bar"></view> + <view class="dispatch-dept">{{ item.remark || '' }}</view> + </view> + </view> + <view class="fourth-line"> + <view class="forward" + @click.stop="yuYueLiShBtnClick(item)"> + <view class="button-image">妫�鏌�</view> + </view> + </view> + </view> + </view> + </u-collapse-item> + </u-collapse> + <u-collapse + ref="myCollapse" + > + <u-collapse-item + name='2' + class="collItem" + :title="'宸叉鏌ヨ溅杈�'"> + <view style="position: relative;top: -40px;"> + <u-empty mode="data" + icon="http://cdn.uviewui.com/uview/empty/data.png" + textSize="30" + iconSize="1000" + text="鏆傛棤杞﹁締" + v-if="driverBillOfLoadingDatas.length == 0"></u-empty> + </view> + <view class="collection-form" style="margin-bottom: 60px;"> + <view class="collection-form-item" + v-for="(item, index) in driverBillOfLoadingDatas" + :key="index"> + <view class="first-line"> + <view class="dispatch-receive"> + <view class="dispatch-dept">{{ item.code || '' }}</view> + <view class="black-bar"></view> + <view class="dispatch">{{ item.customerName ||'' }}</view> + </view> + <view class="point-number"> + <text class="order-type">{{ item.productNames?limitString(item.productNames,20,'...'):'' || '' }}</text> + </view> + </view> + <view class="second-line" v-if="item.splicingOrderId"> + <text style="color:red">姝ゅ崟鍖呭惈鎷煎崟锛�</text> + </view> + <view class="second-line"> + <view class="coal-name"> + <view class="dispatch-dept">{{ item.carNo || '' }}</view> + <view class="black-bar"></view> + <view class="dispatch">{{ item.driver ||'' }}</view> + <view class="black-bar"></view> + <text>{{ item.phone || '' }}</text> + </view> + </view> + <view class="second-line"> + <view class="coal-name"> + <view>鍑�閲嶏細{{item.clean|| 0}}</view> + <view class="black-bar"></view> + <view>鏁伴噺锛歿{item.productQuantity|| 0}}</view> + </view> + </view> + <view class="third-line"> + <view class="time-icon"> + <view + style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/clock.png') no-repeat;background-size: cover"> + </view> + </view> + <view class="send-date">{{ item.outTime?item.outTime.slice(10,19):null }} </view> + </view> + <view class="third-line"> + <view class="send-date">{{ item.isEmptyCar?item.isEmptyCar=='0'?'闈炵┖杞﹀嚭鍦�':'绌鸿溅鍑哄満':'闈炵┖杞﹀嚭鍦�' }}</view> + </view> + <view class="fourth-line"> + <view + v-if="item.splicingOrderId" + @click.stop="checkDetail(item)"> + <view class="button-image"> + <u-button type='primary'>鏌ョ湅鎷煎崟</u-button> + </view> + </view> + </view> + </view> + </view> + </u-collapse-item> + </u-collapse> <u-popup :show="show" @close="close" @open="open" @@ -81,6 +237,43 @@ @confirm="logoutConfirm" @cancel="logoutCancel"></u-modal> </view> + <view class="falseModel"> + <u-modal :show="TemporaryEntryShow" + :title="logoutTitle" + showCancelButton + :content="logoutContent" + @confirm="TemporaryEntryConfirm" + @cancel="TemporaryEntryCancel"></u-modal> + </view> + <u-modal :width='750' :show="showModal" :title="title" @confirm='confrim'> + <view class="collection-form-item"> + <view class="first-line"> + <view class="dispatch-receive"> + <view class="dispatch-dept">{{ activeObj.code || '' }}</view> + <view class="black-bar"></view> + <view class="dispatch">{{ activeObj.customerName ||'' }}</view> + </view> + <view class="point-number"> + <text class="order-type">{{ activeObj.productNames?limitString(activeObj.productNames,20,'...'):'' || '' }}</text> + </view> + </view> + <view class="second-line" v-if="activeObj.splicingOrderId"> + <text style="color:red">鎷煎崟</text> + </view> + <view class="second-line"> + <view class="coal-name"> + <view class="dispatch-dept">{{ activeObj.carNo || '' }}</view> + <view class="black-bar"></view> + <view class="dispatch">{{ activeObj.driver ||'' }}</view> + <view class="black-bar"></view> + <text>{{ activeObj.phone || '' }}</text> + </view> + </view> + <view class="third-line"> + <view class="send-date">{{ activeObj.isEmptyCar?activeObj.isEmptyCar=='0'?'闈炵┖杞﹀嚭鍦�':'绌鸿溅鍑哄満':'闈炵┖杞﹀嚭鍦�' }}</view> + </view> + </view> + </u-modal> </view> </template> @@ -90,29 +283,43 @@ }, data() { return { + temporaryPlanId:"", show: false, // 寮瑰嚭鍏ㄩ儴棰嗗彇鎻愮ず + showModal:false, + title:'鎷煎崟', driverBillOfLoadingData:[], + driverBillOfLoadingDatas:[], + driverTemporaryEntry:[], inspectData:[], isAllSelected:false, form:{}, carNo:'', logoutShow: false, + TemporaryEntryShow:false, logoutTitle: '鎻愮ず', logoutContent: '鏄惁妫�鏌ュ畬姣�', previewImageSrc:"", - ClickLoading:false + ClickLoading:false, + activeObj:{}, } }, onShow() { this.init(); }, methods: { + handleOpenChange() { + this.$nextTick(() => { + this.$refs.collapseHeight.init() + }); + this.$nextTick(() => { + this.$refs.collapseHeights.init() + }); + }, limitString(str, limit, suffix = '...') { if (str.length <= limit) return str; return str.slice(0, limit) + suffix; }, logoutConfirm() { - uni.showLoading({ title: '鍔犺浇涓�...' }); this.$reqPost('addCheckLog',{ carNo:this.form.carNo, @@ -131,6 +338,23 @@ } }) }, + TemporaryEntryConfirm(){ + this.$reqPut('temporaryentryinspection',{ + id:this.temporaryPlanId, + }, 'json').then(res => { + if (res.code === 0) { + uni.$u.toast('妫�鏌ユ垚鍔�') + this.form={} + this.ClickLoading = false; + this.show = false; + this.TaskCoalList() + this.TemporaryEntryShow = false; + } else { + uni.$u.toast(res.msg ? res.msg : '妫�鏌ュけ璐�') + this.TemporaryEntryShow = false; + } + }) + }, logoutCancel() { this.logoutShow = false; }, @@ -138,6 +362,9 @@ this.logoutShow = true; this.inspectData=[] this.form=item + }, + TemporaryEntryCancel() { + this.TemporaryEntryShow = false; }, selectionChange(items){ const allIds = this.inspectData.map(item => item); @@ -148,6 +375,10 @@ this.TaskCoalList(); this.form={} this.inspectData=[] + }, + yuYueLiShBtnClick(item){ + this.temporaryPlanId=item.id + this.TemporaryEntryShow = true; }, popClick() { if(this.isAllSelected==true){ @@ -195,12 +426,41 @@ uni.hideLoading(); this.driverBillOfLoadingData = res.data; uni.stopPullDownRefresh(); + this.handleOpenChange(); + }) + this.$reqGet('getTemporaryEntryOutInspectionList',{}).then(res => { + uni.hideLoading(); + this.driverTemporaryEntry = res.data; + uni.stopPullDownRefresh(); + this.handleOpenChange(); }); }else{ this.$reqGet('getCheckTaskCoal',{flag:1,carNo:this.carNo}).then(res => { uni.hideLoading(); this.driverBillOfLoadingData = res.data; uni.stopPullDownRefresh(); + this.handleOpenChange(); + }); + this.$reqGet('getTemporaryEntryOutInspectionList',{carNo:this.carNo}).then(res => { + uni.hideLoading(); + this.driverTemporaryEntry = res.data; + uni.stopPullDownRefresh(); + this.handleOpenChange(); + }); + } + if(!this.carNo){ + this.$reqGet('getAlreadyCheckTaskCoal',{flag:1}).then(res => { + uni.hideLoading(); + this.driverBillOfLoadingDatas = res.data; + uni.stopPullDownRefresh(); + this.handleOpenChange(); + }); + }else{ + this.$reqGet('getAlreadyCheckTaskCoal',{flag:1,carNo:this.carNo}).then(res => { + uni.hideLoading(); + this.driverBillOfLoadingDatas = res.data; + uni.stopPullDownRefresh(); + this.handleOpenChange(); }); } }, @@ -219,6 +479,15 @@ }, custom(res) { console.log(res) + }, + //鏌ョ湅鎷煎崟 + checkDetail(item){ + this.activeObj = item; + this.showModal = true; + + }, + confrim(){ + this.showModal = false; } } }; @@ -421,6 +690,7 @@ justify-content: flex-start; align-items: center; .send-date { + margin-left: vww(14); height: 24rpx; line-height: 24rpx; font-size: 28rpx; -- Gitblit v1.9.1