From 6ebd978221c7bf469f5e1d821b4345101357ca4c Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期一, 10 二月 2025 09:32:22 +0800 Subject: [PATCH] faat:提煤单详情下磅文字修改 --- pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue | 377 ++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 327 insertions(+), 50 deletions(-) diff --git a/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue b/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue index 33a1f34..e37dac6 100644 --- a/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue +++ b/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue @@ -1,7 +1,7 @@ <template> <view class="bill-of-lading-details"> <view class="top-banner" - style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;"> + style="background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;"> <u-notice-bar :text="originInfoNotice" v-if="haveInputOrigin&&!isSpecial" fontSize='36'></u-notice-bar> @@ -23,7 +23,7 @@ <view class="basic"> <view class="coalName">{{ coalDetailsData.coalName }}</view> <view class="status-button" - style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/statusbutton.png') no-repeat; + style="background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/statusbutton.png') no-repeat; background-size: cover;"> {{coalDetailsData.statusView||''}} </view> @@ -38,22 +38,28 @@ <view class="order-code" v-if="!isSpecial"> 璁㈠崟缂栧彿: {{ coalDetailsData.orderCode || '' }}</view> + <view class="stream-view" + style="color: #475bfd;" + @click="streamView" + v-show="timeLineStatus===9"> + 鏌ョ湅瑁呰浇鎯呭喌 + </view> <view class="weigh-item"> <view class="item"> <view class="concrete" - style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/skin.png') no-repeat;background-size: cover;"> + style="background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/skin.png') no-repeat;background-size: cover;"> 鐨�</view> <view class="num">{{ coalDetailsData.skin||"" }}</view> </view> <view class="item"> <view class="concrete" - style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/hair.png') no-repeat;background-size: cover;"> + style="background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/hair.png') no-repeat;background-size: cover;"> 姣�</view> <view class="num">{{ coalDetailsData.hair||"" }}</view> </view> <view class="item"> <view class="concrete" - style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/clean.png') no-repeat;background-size: cover;"> + style="background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/clean.png') no-repeat;background-size: cover;"> 鍑�</view> <view class="num">{{ coalDetailsData.clean||"" }}</view> </view> @@ -168,7 +174,7 @@ plain @click="rcsqClick" shape="circle" - :disabled="coalDetailsData.status >= 2"></u-button> + :disabled="currentPageCoalStatus>= 3"></u-button> <!-- <u-button text="鍏ュ満鐢宠" type="primary" plain @@ -194,8 +200,16 @@ </view> </view> <view class="weigh-ability"> + <view class="weigh-button"> + <u-button text="涓婄璁¢噺" + @click="cengZhongClick" + type="primary" + shape="circle" + :disabled="haveInputOrigin&&!isSpecial" + :loading="weighHouseLoading"></u-button> + </view> <view class="weigh-button" - v-show='ablePrintInduction'> + v-show='ablePrintInduction&&!(coalDetailsData.skin&&coalDetailsData.hair)'> <u-button text="鎵撳嵃鍏ラ棬璇�" @click="printBefore('in')" type="primary" @@ -205,7 +219,7 @@ </view> <view class="weigh-button" v-show="ablePrintOut"> - <u-button text="鎵撳嵃鍑洪棬璇�" + <u-button :text=" isBtnShow ? '涓嬬' : '鎵撳嵃鍑洪棬璇�'" @click="printBefore('out')" type="primary" shape="circle" @@ -216,11 +230,18 @@ @click="showCaolPickUpBill" type="primary" shape="circle"></u-button></view> - <view class="weigh-button"><u-button text="涓婄璁¢噺" - @click="cengZhongClick" + <!-- 鐢靛瓙纾呭崟涓嬭浇 --> + <view class="weigh-button" + v-if="isBtnShow" + ><u-button text="涓嬭浇鐢靛瓙纾呭崟" + @click="downloadFileFun" type="primary" - shape="circle" - :disabled="haveInputOrigin&&!isSpecial"></u-button></view> + shape="circle"></u-button></view> + <!-- 鏌ョ湅璺嚎鎸囧紩 --> + <view class="weigh-button"><u-button text="鏌ョ湅璺嚎鎸囧紩" + @click="reviewGuidelines" + type="primary" + shape="circle"></u-button></view> </view> <view class="evacuationModal"> <u-modal :show="evacuationModalShow" @@ -230,14 +251,14 @@ @confirm="evacuationConfirm" @cancel="evacuationCancel"></u-modal> </view> - <view class="completeOutSale"> + <!-- <view class="completeOutSale"> <u-modal :show="completeOutSaleShow" title="纭" content="鏄惁瀹屾垚澶栭攢鎻愮叅鍗�" :showCancelButton="true" @confirm="completeOutSaleConfirm" @cancel="completeOutSaleCancel"></u-modal> - </view> + </view> --> <view class="serviece-customer"> <u-action-sheet :actions="list" @select="selectClick" @@ -246,6 +267,31 @@ :show="servieceShow" cancelText="鍙栨秷"></u-action-sheet> </view> + <u-popup :show="guideLineshow" mode="bottom" @close="close"> + <view style="margin-top: 35rpx;padding-left: 20rpx;"> + <u-radio-group + v-model="radioValue" + placement="row" + @change="radioChange" + > + <u-radio label="鐓ゅ満" :name="'鐓ゅ満'" :labelSize="30" :size="30"></u-radio> + <u-radio label="鍗曚綅" :name="'鍗曚綅'" :labelSize="30" :size="30"></u-radio> + </u-radio-group> + + <div class="guidebox"> + <u-swiper + v-if="guideLineshow" + :height="200" + @click="swiperClick" + :list="swiperList" + keyName="image" + circular + ></u-swiper> + <view>{{ activeText }}</view> + <u-album :urls="swiperList" ref="swiperAlbum" keyName="src2"></u-album> + </div> + </view> + </u-popup> <!-- 纾呮埧蹇欑鎻愮ず寮圭獥 --> <view class=""> <u-modal :show="wsgShow" @@ -278,10 +324,10 @@ this.orderPlanId = value.orderPlanId; this.yyId = value.yyId; this.originInfoVisible = value.orderType === '澶栬喘' - if (value.overTmWaixiao) { - this.overTmWaixiao = value.overTmWaixiao - this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao - } + // if (value.overTmWaixiao) { + // this.overTmWaixiao = value.overTmWaixiao + // this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao + // } this.fileList1 = [] this.changeglobalIsFirstWeighing(1) if (this.globalIsFirstWeighing === 1) { @@ -314,9 +360,20 @@ }, data() { return { + swiperList:[], orderPlanId: null, + radioValue:'鐓ゅ満', + isBtnShow:true, + currentNum:0, + guideLineshow:false, yyId: null, + isXiaBang:false, // 鍒ゆ柇鏄笉鏄┈澶存礂閫夊巶 鏄殑璇濓紝鎵撳嵃2瀛楁敼涓嬬 dayRZ: [], + activeText:'', + activeObj:{ + affiliationId:'', + type:2, + }, coalDetailsData: {}, // 鎻愮叅鍗曡鎯� currentPageCoalStatus: 0, // 褰撳墠椤甸潰鎻愮叅鍗曠姸鎬� // 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁� @@ -404,11 +461,13 @@ timeout: '0', wsgShow: false, timeLineStatus: null, + timeLineEqCode: '', originInfoNotice: '濉啓鍘熷彂淇℃伅鍚庡彲涓婄璁¢噺', submitOriginInfoLoading: false, ischeckedDefault: 0, isSpecial: null, //1 鏄壒娈� 0涓嶆槸鐗规畩 printerType: '', //鍒ゆ柇鎵撳嵃鐨勬槸鍑洪棬璇佽繕鏄叆闂ㄨ瘉 + weighHouseLoading: false }; }, watch: { @@ -473,6 +532,7 @@ this.$reqGet('coalDayPage', { id: this.orderPlanId, timeout: this.timeout }).then(res => { if (res.code == 0) { this.timeLineStatus = res.data[0].taskStatus + this.timeLineEqCode = res.data[0].eqCode this.dayRZ = res.data.map(v => { let slicedate = v.taskStatusDes.slice(0, 10); if (slicedate == this.currentDate) { @@ -516,11 +576,11 @@ this.orderType = this.coalDetailsData.orderType; // this.isSpecial = res.data.isSpecial - // 鍒ゆ柇鏄惁瀹屾垚澶栭攢璁㈠崟 - this.completeOutSale.orderType = this.coalDetailsData.orderType; - this.completeOutSale.deptId = this.coalDetailsData.deptId; - this.completeOutSale.filedId = this.coalDetailsData.filedId; - this.completeOutSale.clean = this.coalDetailsData.clean; + // // 鍒ゆ柇鏄惁瀹屾垚澶栭攢璁㈠崟 + // this.completeOutSale.orderType = this.coalDetailsData.orderType; + // this.completeOutSale.deptId = this.coalDetailsData.deptId; + // this.completeOutSale.filedId = this.coalDetailsData.filedId; + // this.completeOutSale.clean = this.coalDetailsData.clean; // 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁拌祴鍊� this.getWeightHouseObj.deptId = this.coalDetailsData.deptId; this.getWeightHouseObj.filedId = this.coalDetailsData.filedId; @@ -551,6 +611,7 @@ this.originInfoForm.coalContactSkin = this.coalDetailsData.skinTwo; this.originInfoForm.coalContactHair = this.coalDetailsData.hairTwo; this.originInfoForm.contactPicture = this.coalDetailsData.contactPicture + this.isXiaBang = (this.coalDetailsData.deptId == '1765926490588897282' ? true : false); if (this.coalDetailsData.contactPicture) { this.fileList1 = this.coalDetailsData.contactPicture.split(',').map(v => { return { @@ -565,32 +626,48 @@ this.$u.toast('鍔犺浇澶辫触'); } }).then(() => { - if (this.completeOutSale.orderType == "鍐呰喘" || this.completeOutSale.orderType == "杞叆") { - if (this.completeOutSale.clean !== 0 && this.currentPageCoalStatus !== 6 && this - .currentPageCoalStatus !== 11 && this.currentPageCoalStatus !== 12) { - this.$reqGet('getTmTaskCoalOrderType', { - deptId: this.completeOutSale.deptId, - filedId: this.completeOutSale.filedId, - orderType: '澶栭攢' - }).then(res => { - if (res.data && res.data?.length !== 0) { - this.completeOutSaleShow = true - console.log(res, '瀹屾垚澶栭攢璁㈠崟'); - } - }) - } - } - }).then(() => { // 鍒ゆ柇褰撳墠鏃堕棿鏄惁瓒呭嚭棰勭害鏃堕棿 - setTimeout(() => { + ; + if([1, 2, 13].includes(this.coalDetailsData.status) ){ + setTimeout(() => { let endTime = this.coalDetailsData.yuYueSection.slice(0, 10) + ' ' + this .coalDetailsData .yuYueSection.slice(-5); - if (dayjs(this.currentTime).isAfter(endTime) && this.coalDetailsData.status <= 1) { + // 鏈�澶х害鏉熸椂闂� maxRestrainTime + const maxRestrainTime = dayjs().subtract(this.coalDetailsData.flexibleTime, + 'minute') + .format('YYYY-MM-DD HH:mm:ss'); + console.log(maxRestrainTime, this.correctStatus); + if (dayjs(maxRestrainTime).isAfter(endTime) && this.correctStatus <= 1) { // this.$u.toast('宸茶秴鍑洪绾︽椂闂�,鍙偣鍑诲叆鍦虹敵璇烽噸鏂板叆鍦�') this.timeout = '1' } }, 1000) + } + //鏌ヨ褰撳墠鍗曚綅鏄惁鏈夌數瀛愭彁鐓ゅ崟鍔熻兘 + // this.$reqGet('getIsOpenTm').then(res=>{ + // console.log(res,'鏌ヨ鏌ヨ') + // }) + uni.request({ + url: `${BaseUrl}/admin/dict/type/app_tmorder_use`, + method: 'GET', + success: (res) => { + console.log(res.data.data, '鏌ヨ瀛楀吀椤�'); + let falseArr = res.data.data.map(item=>{ + return item.value + }); + if (falseArr.length){ + if(falseArr.includes(this.coalDetailsData.deptId)){ + this.isBtnShow = true; + }else{ + this.isBtnShow = false; + } + + }else{ + this.isBtnShow = false; + } + } + }) }) }, // 鏃ュ織鏌ヨ @@ -599,6 +676,7 @@ this.$reqGet('coalDayPage', { id: this.orderPlanId, timeout: this.timeout }).then(res => { if (res.code == 0) { this.timeLineStatus = res.data[0].taskStatus + this.timeLineEqCode = res.data[0].eqCode this.dayRZ = res.data.map(v => { let slicedate = v.taskStatusDes.slice(0, 10); if (slicedate == this.currentDate) { @@ -635,7 +713,7 @@ uni.navigateTo({ url: `/pages/driver-page/appointment/appointment?type=鍏ュ満鐢宠&takeCoalId=${this.orderPlanId}&yyId=${this.yyId}&filedId=${this.getYuYueDataParams.filedId}&deptId=${ this.getYuYueDataParams.deptId - }&sendDate=${this.getYuYueDataParams.sendDate}&coalStatus=${this.correctStatus}&yuYueSection=${this.coalDetailsData.yuYueSection}&tmId=${this.getWeightHouseObj.tmId}` + }&sendDate=${this.getYuYueDataParams.sendDate}&coalStatus=${this.currentPageCoalStatus}&yuYueSection=${this.coalDetailsData.yuYueSection}&tmId=${this.getWeightHouseObj.tmId}` }); }, callCustomerService() { @@ -702,8 +780,10 @@ // 绉伴噸 cengZhongClick() { this.changeglobalIsFirstWeighing(2) + this.weighHouseLoading = true this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => { console.log(res, '鑾峰彇纾呮埧'); + this.weighHouseLoading = false if (res.code == 0) { this.weighData.sceneId = res.data.id; this.weighData.gateCameraId = res.data.lastEquipmentId; @@ -722,12 +802,14 @@ res.data.id }&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}&primarySkin=${ this.primarySkin - }&primaryHair=${this.primaryHair}&primaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}` + }&primaryHair=${this.primaryHair}&primaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}&deptId=${this.getWeightHouseObj.deptId }` }); } else { this.$u.toast(res.msg ? res.msg : '鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�'); } - }); + }).catch(() => { + this.weighHouseLoading = false + }) }, // 鏀剧┖ evacuation() { @@ -833,7 +915,7 @@ filedId: this.getWeightHouseObj.filedId, tmId: this.getWeightHouseObj.tmId, carNo: uni.getStorageSync('carNo'), - type: 3, + type: this.$store.state.ispecial.includes(this.coalDetailsData.deptId) ? 4 : 3, weighingNumber: 2, printing: uni.getStorageSync('selectedPrintStyle') } @@ -964,13 +1046,197 @@ } else { uni.$u.toast('璇峰~鍐欏畬鏁村師鍙戜俊鎭�') } - } + }, + streamView() { + uni.navigateTo({ + url: `/pages/public-page/driverStream/driverStream?eqCode=${this.timeLineEqCode}` + }) + }, + getguideFun(){ + this.$reqGet('getRoute', this.activeObj).then((res)=>{ + console.log(res,'res'); + if(res.data.length){ + this.swiperList = res.data[0].guideImg.split(',').map(item=>{ + return BaseUrl + item; + });//鏁扮粍 + console.log(this.swiperList,'swiperList'); + this.activeText = res.data[0].guideText; + }else{ + this.swiperList = []; + this.activeText = '鏆傛棤鏁版嵁' + } + + }) + + }, + reviewGuidelines(){ + this.guideLineshow = true; + this.swiperList = []; + this.activeText = ''; + this.activeObj.affiliationId = this.coalDetailsData.filedId; //榛樿鏌ョ叅鍦� + this.getguideFun(); + + }, + close(){ + this.guideLineshow = false; + }, + radioChange(item){ + console.log(item); + if(item == '鐓ゅ満'){ + this.activeObj.affiliationId = this.coalDetailsData.filedId; + this.activeObj.type = 2 + }else{ + this.activeObj.affiliationId = this.coalDetailsData.deptId; + this.activeObj.type = 1 + } + this.getguideFun(); + + }, + //鎵撳紑鍥剧墖棰勮 + swiperClick(){ + console.log(this.$refs.swiperAlbum,'swiperAlbum') + this.$nextTick(()=>{ + this.$refs.swiperAlbum.onPreviewTap(); + this.$refs.swiperAlbum.openPage(); + }) + }, + downloadFileFun(){ + wx.getSetting({ + success: (res) => { + //妫�鏌ユ槸鍚︽湁璁块棶鐩稿唽鐨勬潈闄愶紝濡傛灉娌℃湁鍒欓�氳繃wx.authorize鏂规硶鎺堟潈 + if (!res.authSetting['scope.writePhotosAlbum']) { + console.log('娌℃湁鑾峰彇鎺堟潈'); + wx.authorize({ + scope: 'scope.writePhotosAlbum', + success: (res) => { + //鐢ㄦ埛鐐瑰嚮鍏佽鑾峰彇鐩稿唽淇℃伅鍚庤繘鍏ヤ笅杞戒繚瀛橀�昏緫 + this.downloadTmFile() + } + }) + + } else { + console.log('宸茶幏鍙栨巿鏉�'); + this.downloadTmFile() + + } + + } + + }); + }, + //涓嬭浇鐢靛瓙纾呭崟 + downloadTmFile(){ + uni.showLoading({ + title: '鍔犺浇涓�' + }); + this.$reqGetId('downLoadTm',this.coalDetailsData.id).then(res=>{ + console.log(res,'result') + this.$u.toast('涓嬭浇鎴愬姛锛�') + uni.hideLoading(); + const result = res.data.url; + let that = this; + const fileExtName = ".pdf"; + const randfile = new Date().getTime() +res.data.fileName; + const newPath = `${wx.env.USER_DATA_PATH}/${randfile}`; + if(result){ + wx.downloadFile({ + url: `${BaseUrl}${result}`, + filePath:wx.env.USER_DATA_PATH+`/${randfile}`, + header: { + Authorization: 'Bearer' + ' ' + uni.getStorageSync('token'), + CLIENT_TOC: 'Y' + }, + success(res){ + const filePath = res.tempFilePath; + wx.openDocument({ + filePath: res.filePath, + showMenu: true, + fileType: 'pdf', + success: function (res) {} + }) + //鍏堟鏌ョ浉鍐岃闂巿鏉冩儏鍐� + // try { + // setTimeout(() => { + // wx.getFileSystemManager().saveFile({ + // tempFilePath:data, + // // filePath: data, + // success(res2) { + // console.log('瑙﹀彂res2save',res2) + // //鑾峰彇浜嗙浉鍐岀殑璁块棶鏉冮檺锛屼娇鐢� wx.saveImageToPhotosAlbum 灏嗗浘鐗囦繚瀛樺埌鐩稿唽涓� + + // wx.saveImageToPhotosAlbum({ + // filePath: res2.savedFilePath, + // success: (res) => { + // console.log('淇濆瓨鍒扮浉鍐�>>>>>>',res) + // //淇濆瓨鎴愬姛寮瑰嚭鎻愮ず锛屽憡鐭ヤ竴涓嬬敤鎴� + // wx.showModal({ + // title: '鏂囦欢宸蹭繚瀛樺埌鎵嬫満鐩稿唽', + // content: '浣嶄簬tencent/MicroMsg/WeiXin涓� \r\n灏嗕繚瀛樼殑鏂囦欢閲嶅懡鍚嶆敼涓篬 .pdf ]鍚庣紑鍗冲彲', + // confirmText: '鐭ラ亾浜�', + // s confirmColor: '#0bc183', + // howCancel: false + // }) + // }, + // fail(res) { + // console.log('瑙﹀彂澶辫触save',res) + + // } + // }) + // }, + // fail(err){ + // console.log(err,'淇濆瓨澶辫触') + + // } + + // }) + // }, 2000); + + // } catch (error) { + // console.log(error,'resoor') + + // } + + + + // wx.openDocument({ + // filePath: data, + // fileType: 'pdf', + // showMenu: true //琛ㄧず鍙充笂瑙掓槸鍚︽湁杞彂鎸夐挳 + // }) + uni.hideLoading(); + + }, + fail(err){ + console.log(err,'涓嬭浇鏂囦欢澶辫触') + } + }) + } + + }) + }, + } }; </script> -<style lang="scss" - scoped> +<style lang="scss" scoped> + .guidebox{ + height:600rpx; + padding: 20rpx + } + .indicator-num { + padding: 2px 0; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 100px; + width: 35px; + @include flex; + justify-content: center; + + &__text { + color: #FFFFFF; + font-size: 12px; + } + } /deep/.u-steps { .u-steps-item { .u-steps-item__content { @@ -1006,7 +1272,8 @@ width: 94%; margin: 0 auto; height: vww(52); - @include flex position: relative; + @include flex; + position: relative; flex-direction: column; justify-content: space-between; align-items: flex-start; @@ -1050,7 +1317,8 @@ overflow: hidden; .block-main { - @include flex width: 94%; + @include flex ; + width: 94%; height: 336rpx; margin: vww(18) vww(7) vww(11) vww(17); flex-direction: column; @@ -1122,6 +1390,12 @@ font-size: 28rpx; font-weight: 300; color: #7d7d7d; + } + + .stream-view { + height: vww(18); + margin: vww(8); + margin-left: 0; } .weigh-item { @@ -1339,4 +1613,7 @@ } } } + ::v-deep .u-album{ + display: none!important; + } </style> \ No newline at end of file -- Gitblit v1.9.1