From 5071cbf55bd73b6d7bb61421fe618666c537a4e2 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期四, 19 十月 2023 09:34:43 +0800 Subject: [PATCH] 司机增加退单功能 增加积分功能 其他页面修改 --- pages/driver-page/driver-index/driver-index.vue | 172 ++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 140 insertions(+), 32 deletions(-) diff --git a/pages/driver-page/driver-index/driver-index.vue b/pages/driver-page/driver-index/driver-index.vue index b00d209..88116c4 100644 --- a/pages/driver-page/driver-index/driver-index.vue +++ b/pages/driver-page/driver-index/driver-index.vue @@ -4,8 +4,10 @@ <view class="driver-index-body"> <!-- 寰呴鍙栨彁鐓ゅ崟 --> <view class="wait-collection" - style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/diverbanner.png') no-repeat;background-size:contain"> + style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/diverbanner.png') no-repeat;background-size:contain"> </view> + <!-- 寮曞椤� --> + <noob-tour></noob-tour> <view class="collection-form"> <view class="collection-form-item" v-for="(item, index) in driverBillOfLoadingData.list1" @@ -60,11 +62,11 @@ <view class="fourth-line" @click="qiangDanBtn(item)" v-if="item.carNum - item.taskNum !== 0"> - <view class="button-img">绔嬪嵆鎶㈠崟</view> + <view class="button-img">绔嬪嵆鎺ュ崟</view> </view> </view> </view> - <!-- 鎶㈠崟鎻愮ず妯℃�佹 --> + <!-- 鎺ュ崟鎻愮ず妯℃�佹 --> <view class="qianDanModel"> <u-modal :show="qiangDanShow" :title="qiangDanTitle" @@ -79,6 +81,7 @@ <combined-title title="寰呴绾︽彁鐓ゅ崟"></combined-title> <u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" + text="鏆傛棤鏁版嵁" textSize="30" iconSize="1000" v-if="driverBillOfLoadingData.list3 ? (driverBillOfLoadingData.list3.length == 0 ? true : false) : true"></u-empty> @@ -139,14 +142,26 @@ <!-- <view class="order-type">{{ item.orderType }}</view> --> </view> </view> - <view class="fourth-line" - @click="toAppointmentClick(item)"> - <view class="button-img">绔嬪嵆棰勭害</view> + <view class="fourth-line"> + <view class="button-img" + @click.stop="cancelAppoint(item)"> + 璇锋眰閫�鍗� + </view> + <view class="button-img" + @click.stop="toAppointmentClick(item)">绔嬪嵆棰勭害</view> </view> </view> </view> </view> - + <!-- 璇锋眰閫�鍗曞脊绐� --> + <view class=""> + <u-modal :show="cancelAppointShow" + title="閫�鍗曠‘璁�" + showCancelButton + content="鏄惁纭閫�鍗�" + @confirm="cancelAppointConfirm" + @cancel="cancelAppointCancel"></u-modal> + </view> <!-- 宸查绾︽彁鐓ゅ崟 --> <view class="Reserved"> <combined-title title="宸查绾︽彁鐓ゅ崟"></combined-title> @@ -154,6 +169,7 @@ icon="http://cdn.uviewui.com/uview/empty/data.png" textSize="30" iconSize="1000" + text="鏆傛棤鏁版嵁" v-if="driverBillOfLoadingData.list2 ? (driverBillOfLoadingData.list2.length == 0 ? true : false) : true"></u-empty> <view class="appointment-form"> <view class="appointment-form-item" @@ -227,10 +243,15 @@ <script> import { customerId } from '@/utils/status'; import combinedTitle from '@/components/combined-title/combined-title.vue'; - + import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue'; + import noobTour from '@/components/noobTour/noobTour.vue' + import { mapState } from 'vuex' + import { BaseUrl } from '@/api/publicInterface.js' export default { components: { - combinedTitle + combinedTitle, + previewImage, + noobTour }, props: { indexdriverBillOfLoadingData: { @@ -247,6 +268,12 @@ immediate: true } }, + computed: { + ...mapState(['driverTourImgList']), + roleType() { + return uni.getStorageSync('roleType'); + }, + }, data() { return { driverBillOfLoadingData: { @@ -254,14 +281,19 @@ list2: [], list3: [] }, - // 鎶㈠崟妯℃�佹 + // 鎺ュ崟妯℃�佹 qiangDanShow: false, - qiangDanTitle: '鎶㈠崟鎻愮ず', + qiangDanTitle: '鎺ュ崟鎻愮ず', qiangDanContent: '', qiangDanOrderPlanId: null, fleetId: '', xsUserId: '', - customerId: '' + customerId: '', + isFirstLogin: true, //鏄惁鏄涓�娆$櫥褰� + phone: "", + isFirstTime: false, //鏄惁鏄櫥褰曡繘鍏ラ椤碉紝杩樻槸鍒殑椤甸潰杩斿洖 false鏄櫥褰� true鏄埆鐨勯〉闈� + cancelAppointShow: false, //纭閫�鍗曞脊绐楁帶鍒� + cancelAppointId: '' }; }, onShow() { @@ -289,7 +321,7 @@ this.driverBillOfLoadingData = res.data; }); }, - // 鎶㈠崟鎸夐挳 + // 鎺ュ崟鎸夐挳 qiangDanBtn(value) { if (value.tmcCount == '0') { this.qiangDan(value.orderPlanId, value.fleetId, value.customerId === null ? '0' : value.customerId, @@ -300,10 +332,10 @@ this.customerId = value.customerId === null ? '0' : value.customerId; this.xsUserId = value.xsUserId === null ? '0' : value.xsUserId; this.qiangDanShow = true; - this.qiangDanContent = `宸叉姠${value.tmcCount}鍗曪紝纭畾鎶㈠崟锛焋; + this.qiangDanContent = `宸叉帴${value.tmcCount}鍗曪紝纭畾鎺ュ崟锛焋; } }, - // 鎶㈠崟妯℃�佹 + // 鎺ュ崟妯℃�佹 qiangDanConfirm() { this.qiangDanContent = ''; this.qiangDanShow = false; @@ -312,8 +344,11 @@ qiangDanCancel() { this.qiangDanShow = false; }, - // 鎶㈠崟璇锋眰 + // 鎺ュ崟璇锋眰 qiangDan(id, fleetId, customerId, xsUserId) { + uni.showLoading({ + title: '鍔犺浇涓�' + }) this.$reqPost('qiangDan', { orderPlanId: id, fleetId: fleetId, @@ -321,21 +356,24 @@ xsUserId: xsUserId }, 'params') .then(res => { + uni.hideLoading() if (res.code == 0) { - this.$u.toast('鎶㈠崟鎴愬姛'); + this.$u.toast('鎺ュ崟鎴愬姛'); } else { - this.$u.toast(res.msg ? res.msg : '鎶㈠崟澶辫触'); + this.$u.toast(res.msg ? res.msg : '鎺ュ崟澶辫触'); } }) .then(() => { setTimeout(() => { this.qiangDanList(); }, 1000); - }); + }).catch(e => { + uni.hideLoading() + }) }, list3CardIconClick(value) { uni.navigateTo({ - url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${value.id}&yyId=${value.yyId}` + url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${value.id}&yyId=${value.yyId}&orderType=${value.orderType}` }); }, // 鎻愮叅鍗曡鎯� @@ -344,12 +382,42 @@ url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${name}` }); }, + // 璇锋眰閫�鍗� + cancelAppoint(item) { + this.cancelAppointShow = true + this.cancelAppointId = item.id + }, + // 閫�鍗曞脊绐楃‘璁� + cancelAppointConfirm() { + this.cancelAppointShow = false + uni.showLoading({ + title: '鍔犺浇涓�' + }) + this.$reqPost('cancelAppoint', { takeCoalId: this.cancelAppointId }, 'params').then(res => { + uni.hideLoading() + if (res.code == 0) { + this.$u.toast('閫�鍗曟垚鍔�'); + } else { + this.$u.toast(res.msg ? res.msg : '閫�鍗曞け璐�'); + } + }).then(() => { + setTimeout(() => { + this.qiangDanList(); + }, 1000); + }).catch(e => { + uni.hideLoading() + }) + }, + // 閫�鍗曞脊绐楀彇娑� + cancelAppointCancel() { + this.cancelAppointShow = false + }, // 鍘婚绾� toAppointmentClick(value) { uni.navigateTo({ url: `/pages/driver-page/appointment/appointment?takeCoalId=${value.id}&filedId=${value.filedId}&deptId=${value.deptId}&sendDate=${value.sendDate}` }); - } + }, } }; </script> @@ -412,24 +480,26 @@ } @mixin fourthLine { - width: 34%; + width: 64%; height: vww(68); display: flex; align-items: center; position: relative; - left: vww(203); + left: vww(102); bottom: vww(3); .button-img { - width: 100%; - height: 100%; - background: url('https://mx.jzeg.cn:9095/appimg/image/banner/button.png') no-repeat; + width: vww(122); + height: vww(41); + + background: url('https://mx.jzeg.cn:9096/appimg/image/banner/button.png') no-repeat; background-size: cover; font-size: 28rpx; font-weight: 300; color: #ffffff; text-align: center; line-height: vww(40); + } } @@ -499,7 +569,7 @@ height: vww(28); line-height: vww(28); text-align: center; - background: url('https://mx.jzeg.cn:9095/appimg/image/banner/blueblock.png') no-repeat; + background: url('https://mx.jzeg.cn:9096/appimg/image/banner/blueblock.png') no-repeat; background-size: contain; font-size: 30rpx; font-weight: 400; @@ -542,7 +612,7 @@ height: vww(28); line-height: vww(28); text-align: center; - background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat; + background: url('https://mx.jzeg.cn:9096/appimg/image/banner/redblock.png') no-repeat; background-size: contain; font-size: 30rpx; font-weight: 400; @@ -657,7 +727,7 @@ .button-img { width: 100%; height: 100%; - background: url('https://mx.jzeg.cn:9095/appimg/image/banner/button.png') no-repeat; + background: url('https://mx.jzeg.cn:9096/appimg/image/banner/button.png') no-repeat; background-size: cover; font-size: 28rpx; font-weight: 300; @@ -710,18 +780,29 @@ height: vww(28); line-height: vww(28); text-align: center; - background: url('https://mx.jzeg.cn:9095/appimg/image/banner/blueblock.png') no-repeat; + background: url('https://mx.jzeg.cn:9096/appimg/image/banner/blueblock.png') no-repeat; background-size: contain; font-size: 30rpx; font-weight: 400; color: #ffffff; margin-right: vww(20); } + + .filedname { + width: 80%; + } + } + + .map-icon { + position: absolute; + right: vww(-1); + top: vww(2) } } .first-extra { @include firstLine; + position: relative; .main-information { width: 100%; @@ -735,13 +816,23 @@ height: vww(28); line-height: vww(28); text-align: center; - background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat; + background: url('https://mx.jzeg.cn:9096/appimg/image/banner/redblock.png') no-repeat; background-size: contain; font-size: 30rpx; font-weight: 400; color: #ffffff; margin-right: vww(20); } + + .filedname { + width: 80%; + } + } + + .map-icon { + position: absolute; + right: vww(-1); + top: vww(2) } } @@ -749,6 +840,7 @@ @include firstLine; margin: 0; margin-left: vww(16); + position: relative; .main-information { width: 100%; @@ -762,13 +854,23 @@ height: vww(28); line-height: vww(28); text-align: center; - background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat; + background: url('https://mx.jzeg.cn:9096/appimg/image/banner/redblock.png') no-repeat; background-size: contain; font-size: 30rpx; font-weight: 400; color: #ffffff; margin-right: vww(20); } + + .filedname { + width: 80%; + } + } + + .map-icon { + position: absolute; + right: vww(-1); + top: vww(2) } } @@ -833,6 +935,12 @@ margin-top: vww(10); } } + + .noob-tour { + margin-bottom: vww(10); + position: relative; + top: -240rpx; + } } } </style> \ No newline at end of file -- Gitblit v1.9.1