From 87a9e71e1d768a1a6471e059109579518fe16271 Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期四, 25 七月 2024 08:46:23 +0800 Subject: [PATCH] fix:库管首页异常 --- pages/doorkeeper-page/doorkeeper-index/exit-index.vue | 248 +++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 208 insertions(+), 40 deletions(-) diff --git a/pages/doorkeeper-page/doorkeeper-index/exit-index.vue b/pages/doorkeeper-page/doorkeeper-index/exit-index.vue index bf42c34..18f018d 100644 --- a/pages/doorkeeper-page/doorkeeper-index/exit-index.vue +++ b/pages/doorkeeper-page/doorkeeper-index/exit-index.vue @@ -4,27 +4,50 @@ <u-search @change="change" :searchIconSize="40" placeholder="璇疯緭鍏ヨ溅鐗屽彿" height="80" clearabled v-model="carNo" @search="search" @custom="custom" @clear="clear" > </u-search > </view> - <uni-table border - stripe - emptyText="鏆傛棤鏇村鏁版嵁"> - <uni-tr> - <uni-th align="center">杞︾墝鍙�</uni-th> - <uni-th align="center">浜у搧</uni-th> - <uni-th align="center">鍙告満</uni-th> - <uni-th align="center">鎵嬫満鍙�</uni-th> - <uni-th align="center">鎿嶄綔</uni-th> - </uni-tr> - <uni-tr v-for="(item, index) in driverBillOfLoadingData" - :key="item.id"> - <uni-td align="center">{{ item.carNo || '' }}</uni-td> - <uni-td align="center">{{ item.productName || '' }}</uni-td> - <uni-td align="center">{{ item.driver }}</uni-td> - <uni-td align="center">{{ item.phone || '' }}</uni-td> - <uni-td><u-button text="妫�鏌�" - type="primary" - @click="yuYueBtnClick(item)"></u-button></uni-td> - </uni-tr> - </uni-table> + <view style="position: relative;top: -120px;"> + <u-empty mode="data" + icon="http://cdn.uviewui.com/uview/empty/data.png" + textSize="30" + iconSize="1000" + text="鏆傛棤杞﹁締" + v-if="driverBillOfLoadingData.length == 0"></u-empty> + </view> + <view class="collection-form"> + <view class="collection-form-item" + v-for="(item, index) in driverBillOfLoadingData" + :key="index"> + <view class="first-line"> + <view class="dispatch-receive"> + <view class="dispatch-dept">{{ item.carNo || '' }}</view> + <view class="black-bar"></view> + <view class="dispatch">{{ item.driver ||'' }}</view> + </view> + <view class="point-number"> + <text class="residue">{{ item.productNames || '' }}</text> + </view> + </view> + <view class="second-line"> + <view class="coal-name"> + <text>{{ item.phone || '' }}</text> + </view> + </view> + <view class="third-line"> + <view class="time-icon"> + <view + style="width: 24rpx;height: 24rpx;li ne-height: 24rpx;background: url('https://mx.jzeg.cn:9096/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="fourth-line"> + <view class="buttons"> + <u-button text="妫�鏌�" + type="primary" + @click="yuYueBtnClick(item)"></u-button> + </view> + </view> + </view> + </view> <u-popup :show="show" @close="close" @open="open" @@ -52,6 +75,14 @@ </view> </u-popup> <tab-bar :current="1"></tab-bar> + <view class="logoutModel"> + <u-modal :show="logoutShow" + :title="logoutTitle" + showCancelButton + :content="logoutContent" + @confirm="logoutConfirm" + @cancel="logoutCancel"></u-modal> + </view> </view> </template> @@ -67,6 +98,10 @@ isAllSelected:false, form:{}, carNo:'', + logoutShow: false, + logoutTitle: '鎻愮ず', + logoutContent: '鏄惁妫�鏌ュ畬姣�', + previewImageSrc:"", ClickLoading:false } }, @@ -74,24 +109,33 @@ this.init(); }, methods: { + logoutConfirm() { + + uni.showLoading({ title: '鍔犺浇涓�...' }); + this.$reqPost('addCheckLog',{ + carNo:this.form.carNo, + taskId:this.form.id, + taskcode:this.form.code, + }, 'json').then(res => { + if (res.code === 0) { + uni.$u.toast('妫�鏌ユ垚鍔�') + this.form={} + this.ClickLoading = false; + this.TaskCoalList() + this.logoutShow = false; + } else { + uni.$u.toast(res.msg ? res.msg : '妫�鏌ュけ璐�') + this.logoutShow = false; + } + }) + }, + logoutCancel() { + this.logoutShow = false; + }, yuYueBtnClick(item){ - this.inspectData=[] - this.form=item - uni.showLoading({ title: '鍔犺浇涓�...' }); - this.$reqPost('addCheckLog',{ - carNo:this.form.carNo, - taskId:this.form.id, - taskcode:this.form.code, - }, 'json').then(res => { - if (res.code === 0) { - uni.$u.toast('妫�鏌ユ垚鍔�') - this.form={} - this.ClickLoading = false; - this.TaskCoalList() - } else { - uni.$u.toast(res.msg ? res.msg : '妫�鏌ュけ璐�') - } - }) + this.logoutShow = true; + this.inspectData=[] + this.form=item }, selectionChange(items){ const allIds = this.inspectData.map(item => item); @@ -148,15 +192,18 @@ this.$reqGet('getCheckTaskCoal',{flag:1}).then(res => { uni.hideLoading(); this.driverBillOfLoadingData = res.data; + uni.stopPullDownRefresh(); }); }else{ this.$reqGet('getCheckTaskCoal',{flag:1,carNo:this.carNo}).then(res => { uni.hideLoading(); this.driverBillOfLoadingData = res.data; + uni.stopPullDownRefresh(); }); } - - + }, + onPullDownRefresh() { + this.TaskCoalList() }, change(res) { console.log(res) @@ -280,4 +327,125 @@ position: relative; top: vww(-120); } + @mixin flex { + display: flex; + justify-content: space-between; + align-items: center; + } + .collection-form-item { + margin: 0 vww(15); + width: 690rpx; + height: 370rpx; + background: #ffffff; + box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15); + border-radius: 20rpx; + overflow: hidden; + @include flex; + flex-direction: column; + position: relative; + align-items: flex-start; + margin-top: vww(10); + + .first-line { + width: 94%; + height: vww(30); + margin: vww(10) vww(16) 0 vww(16); + display: flex; + justify-content: space-between; + + .dispatch-receive { + width: 70%; + display: flex; + justify-content: flex-start; + align-items: center; + + .dispatch-dept { + + display: flex; + align-items: center; + } + + .black-bar { + width: 2rpx; + height: 30rpx; + background: #515151; + margin-left: vww(12); + } + + .dispatch { + margin-left: vww(12); + min-width: vww(50); + } + + } + + .point-number { + width: 15%; + + text { + font-size: 24rpx; + font-weight: 400; + color: #c78a64; + } + + .residue { + font-size: 40rpx; + font-weight: 400; + color: #f81414; + } + } + } + + .second-line { + width: 100%; + height: vww(30); + margin-left: vww(16); + display: flex; + align-items: center; + justify-content: flex-start; + + .coal-name { + flex-grow: 1; + height: 30rpx; + font-size: 30rpx; + font-weight: 300; + color: #515151; + position: relative; + display: flex; + align-items: center; + + .black-bar { + width: 2rpx; + height: 30rpx; + background: #515151; + margin-left: vww(12); + } + + .coal-type { + margin-left: vww(12); + min-width: vww(50); + height: 30rpx; + line-height: 30rpx; + font-size: 30rpx; + font-weight: 300; + color: #515151; + } + } + } + .third-line { + height: vww(30); + margin-left: vww(15); + display: flex; + justify-content: flex-start; + align-items: center; + .send-date { + margin-left: vww(14); + height: 24rpx; + line-height: 24rpx; + font-size: 28rpx; + font-weight: 300; + color: #515151; + } + } + } </style> \ No newline at end of file -- Gitblit v1.9.1