| | |
| | | </view> |
| | | </view> |
| | | <view class="order-info-price"> |
| | | <view class="price-row" v-if="feeFrom.priceParam1.name"> |
| | | <view class="price-row-label">{{feeFrom.priceParam1.name}}</view> |
| | | <view class="price-row-val" > {{(info.priceNum1||0) }}{{feeFrom.priceParam1.unit}} </view> |
| | | </view> |
| | | <view class="price-row" v-if="feeFrom.priceParam2.name"> |
| | | <view class="price-row-label">{{feeFrom.priceParam2.name}}</view> |
| | | <view class="price-row-val" > {{(info.priceNum2||0) }}{{feeFrom.priceParam2.unit}} </view> |
| | | </view> |
| | | <view class="price-row"> |
| | | <view class="price-row-label">费用标准</view> |
| | | <view class="price-row-val" v-if="info.type !==2">{{((info.price||0)/100).toFixed(2) }}{{info.priceUnit || '' }}</view> |
| | |
| | | <view class="order-footer-btn-a" @click="show = true" v-if="isPushlishor && (info.status ===0 || info.status ===1|| info.status ===2)">取消订单</view> |
| | | <view class="order-footer-btn-b" @click="show2=true" v-if="isPushlishor && (info.status ===4 && info.commentStatus!=1)">去评价</view> |
| | | <view class="order-footer-btn-b" v-if="isPushlishor&&((info.status ===5 && info.type !==2)|| (info.status ===0 && info.type===2))" @click="show1 = true">{{info.type === 2 ? '继续支付' : '完成并支付'}}</view> |
| | | <view class="order-footer-btn-a" @click="show7 = true" v-if=" info.type!==2 &&isAcceptor && info.status ===3">确认费用</view> |
| | | <view class="order-footer-btn-b" @click="show7 = true" v-if=" info.type!==2 &&isAcceptor && info.status ===3">确认费用</view> |
| | | <view class="order-footer-btn-b" v-if="isPushlishor && ((info.status ===3 && info.type===2))" @click="payment1">完成作业</view> |
| | | <view class="order-footer-btn-b" v-if="info.type !=2 && info.isUpdate!=1&& isPushlishor && (info.status ===0 || info.status ===1|| info.status ===2)" @click="jumpEdit()">修改订单</view> |
| | | <view class="order-footer-btn-b" @click="show5 =true" v-if="isAcceptor&& (info.isUpdate==1 && info.status ===2)">修改确认</view> |
| | |
| | | </view> |
| | | <view class="querenfee-c"> |
| | | <view class="querenfee-c-info1">费用标准:</view> |
| | | <viem class=" money">{{((info.price||0)/100).toFixed(2) }}{{info.priceUnit || '' }}</viem> |
| | | <viem class="money">{{((info.price||0)/100).toFixed(2) }}{{info.priceUnit || '' }}</viem> |
| | | </view> |
| | | <view class="querenfee-c" > |
| | | <view class="querenfee-c-info1"><text style="color: red;">*</text>{{feeFrom.priceParam1.name}}:</view> |
| | | <view class="querenfee-c-info1"><text style="color: red;">*</text>实际{{feeFrom.priceParam1.name}}</view> |
| | | <view class="querenfee-c-input"> |
| | | <input type="number" v-model="feeForm.priceNum1" placeholder="请输入" /> |
| | | </view> |
| | | <text class="querenfee-c-info1" >{{feeFrom.priceParam1.unit}}</text> |
| | | <text class="querenfee-c-danw">{{feeFrom.priceParam1.unit}}</text> |
| | | </view> |
| | | <view class="querenfee-c" v-if="feeFrom.priceParam2.name !=null"> |
| | | <view class="querenfee-c-info1"><text style="color: red;">*</text>{{feeFrom.priceParam2.name}}:</view> |
| | | <view class="querenfee-c-info1"><text style="color: red;">*</text>实际{{feeFrom.priceParam2.name}}:</view> |
| | | <view class="querenfee-c-input"> |
| | | <input type="number" v-model="feeForm.priceNum2" placeholder="请输入" /> |
| | | </view> |
| | |
| | | <view class="querenfee-c-input"> |
| | | <input type="number" v-model="feeForm.confirmOtherFee" placeholder="请输入" /> |
| | | </view> |
| | | <text class="querenfee-c-danw">元</text> |
| | | </view> |
| | | <view class="querenfee-c"> |
| | | <view class="querenfee-c" style="flex-direction: column;"> |
| | | <view class="querenfee-c-info1">备注信息:</view> |
| | | <view class="querenfee-c-input"> |
| | | <view class="querenfee-c-input" style="width: 100%; height: 200rpx; padding: 30rpx; box-sizing: border-box;"> |
| | | <u--textarea placeholder="如需备注,请输入" border="none" v-model="feeForm.confirmFeeRemark" ></u--textarea> |
| | | </view> |
| | | </view> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | isPushlishor:false, |
| | | isAcceptor:false, |
| | | isPushlishor:false,//是否发单方 |
| | | isAcceptor:false,//是否接单方 |
| | | show: false, |
| | | show1: false, |
| | | show2: false, |
| | |
| | | show4:false, |
| | | show5:false, |
| | | show6:false, |
| | | show7:true, |
| | | show7:false, |
| | | timeInfo:'00:00:00', |
| | | lessTime:null, |
| | | value:0, |
| | |
| | | priceParam2:{ |
| | | name:null, |
| | | unit:null |
| | | } |
| | | }, |
| | | priceNum1:null, |
| | | priceNum2:null, |
| | | confirmFeeRemark:null, |
| | |
| | | } |
| | | var that =this |
| | | this.lessTime = Math.floor( Number(that.info.confirmCountdown || 0)/1000) ; |
| | | if(lessTime>0){ |
| | | if(this.lessTime>0){ |
| | | this.timer = setInterval(function(){ |
| | | let h = Math.floor(that.lessTime/60/60) ; |
| | | let m = Math.floor((that.lessTime - h*60*60)/60); |
| | |
| | | this.isPushlishor =false |
| | | this.isAcceptor =false |
| | | this.$u.api.getDetail(param).then(res =>{ |
| | | console.error("=============================",res.data.releaseMemberId,res.data.acceptMemberId,that.userInfo.id) |
| | | |
| | | if(res.code ===200){ |
| | | if(that.userInfo.id === res.data.releaseMemberId ){ |
| | | //如果是发单方 |
| | |
| | | //如果是接单方 |
| | | that.isAcceptor =true |
| | | } |
| | | if(that.isAcceptor ||that.isAcceptor ){ |
| | | if(that.isAcceptor ||that.isPushlishor ){ |
| | | that.info = res.data |
| | | if(that.userInfo.id === that.info.releaseMemberId ){ |
| | | //如果是发单方 |
| | |
| | | this.feeFrom.priceParam2.unit =null |
| | | if(this.info.type==0 && this.info.workType==1){ |
| | | //分拣工 |
| | | this.feeFrom.priceParam1.name ='实际用工天数:' |
| | | this.feeFrom.priceParam1.name ='用工天数:' |
| | | this.feeFrom.priceParam1.unit ='天' |
| | | this.feeFrom.priceParam2.name ='实际用工人数:' |
| | | this.feeFrom.priceParam2.name ='用工人数:' |
| | | this.feeFrom.priceParam2.unit ='人' |
| | | }else if(this.info.type==0 && this.info.workType==0){ |
| | | //采摘工 |
| | | this.feeFrom.priceParam1.name ='实际采摘重量:' |
| | | this.feeFrom.priceParam1.name ='采摘重量:' |
| | | this.feeFrom.priceParam1.unit ='斤' |
| | | this.feeFrom.priceParam2.name =null |
| | | this.feeFrom.priceParam2.unit =null |
| | |
| | | //包装工 |
| | | if(this.info.carType==0){ |
| | | //按天 |
| | | this.feeFrom.priceParam1.name ='实际用工天数:' |
| | | this.feeFrom.priceParam1.name ='用工天数' |
| | | this.feeFrom.priceParam1.unit ='天' |
| | | this.feeFrom.priceParam2.name ='实际用工人数:' |
| | | this.feeFrom.priceParam2.name ='用工人数' |
| | | this.feeFrom.priceParam2.unit ='人' |
| | | }else if(this.info.carType==1){ |
| | | //按小时 |
| | | this.feeFrom.priceParam1.name ='实际用工时间:' |
| | | this.feeFrom.priceParam1.name ='工作时长' |
| | | this.feeFrom.priceParam1.unit ='时' |
| | | this.feeFrom.priceParam2.name ='实际用工人数:' |
| | | this.feeFrom.priceParam2.name ='用工人数' |
| | | this.feeFrom.priceParam2.unit ='人' |
| | | }else if(this.info.carType==1){ |
| | | //按小时 |
| | | this.feeFrom.priceParam1.name ='实际包装重量:' |
| | | this.feeFrom.priceParam1.name ='包装重量' |
| | | this.feeFrom.priceParam1.unit ='斤' |
| | | this.feeFrom.priceParam2.name =null |
| | | this.feeFrom.priceParam2.unit =null |
| | | } |
| | | }else if(this.info.type==1 && this.info.carType==0){ |
| | | //运货单 按天数 |
| | | this.feeFrom.priceParam1.name ='实际用车天数:' |
| | | this.feeFrom.priceParam1.name ='用车天数' |
| | | this.feeFrom.priceParam1.unit ='天' |
| | | }else if(this.info.type==1 && this.info.carType==1){ |
| | | //运货单 按次数 |
| | | this.feeFrom.priceParam1.name ='实际用车次数:' |
| | | this.feeFrom.priceParam1.name ='用车次数' |
| | | this.feeFrom.priceParam1.unit ='次' |
| | | } |
| | | } |
| | |
| | | width: 100%; |
| | | margin-top: 46rpx; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .querenfee-c-info { |
| | | align-items: center; |
| | | font-weight: 500; |
| | |
| | | margin-left: 10rpx; |
| | | } |
| | | } |
| | | .querenfee-c-info1 { |
| | | width: 50%; |
| | | .querenfee-c-danw { |
| | | display: flex; |
| | | align-items: center; |
| | | flex-shrink: 0; |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #666666; |
| | | color: #333333; |
| | | margin-left: 10rpx; |
| | | } |
| | | .querenfee-c-info1 { |
| | | width: 50%; |
| | | display: flex; |
| | | align-items: center; |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | .querenfee-tips{ |
| | |
| | | .money{ |
| | | width: 50%; |
| | | text-align: right; |
| | | color: red !important; |
| | | font-weight: 600; |
| | | font-size: 34rpx; |
| | | color: #FF0000 !important; |
| | | } |
| | | .querenfee-c-input { |
| | | width: 100%; |
| | | padding: 0 30rpx; |
| | | // width: 100%; |
| | | // padding: 0 30rpx; |
| | | // box-sizing: border-box; |
| | | // height: 60rpx; |
| | | // background: #F7F7F7; |
| | | // border-radius: 10rpx; |
| | | // border: 1rpx solid #EEEEEE; |
| | | width: 260rpx; |
| | | height: 100rpx; |
| | | padding: 10rpx 30rpx; |
| | | box-sizing: border-box; |
| | | height: 60rpx; |
| | | background: #F7F7F7; |
| | | border-radius: 10rpx; |
| | | border: 1rpx solid #EEEEEE; |
| | |
| | | flex: 1; |
| | | height: 100%; |
| | | font-weight: 500; |
| | | font-size: 56rpx; |
| | | color: #222222; |
| | | text-align: right; |
| | | } |
| | | } |
| | | } |
| | |
| | | color: #FFFFFF; |
| | | background: #00BC12; |
| | | border-radius: 44rpx; |
| | | margin-top: 264rpx; |
| | | margin-top: 40rpx; |
| | | } |
| | | } |
| | | .zhifu { |