| | |
| | | <view class="order-head-info" v-else >{{getStatusInfo()}}</view> |
| | | </view> |
| | | <view class="order-quxiao"> |
| | | <view class="order-quxiao-btn" @click="show = true" v-if="userInfo.id === info.acceptMemberId && info.status ===2">取消订单</view> |
| | | <view class="order-quxiao-btn" @click="show = true" v-if="userInfo.id === info.releaseMemberId && info.isUpdate!=1 && info.status ===2">取消订单</view> |
| | | <view class="order-quxiao-btn" @click="show = true" v-if="(userInfo.id === info.acceptMemberId && info.status ===2) || (userInfo.id === info.releaseMemberId && info.isUpdate!=1 && info.status ===2)">取消订单</view> |
| | | <view class="order-quxiao-btn1" v-if="userInfo.id === info.releaseMemberId && info.type!=2 && info.isUpdate!=1 && info.status ===2 " @click="jumpEdit()">修改订单</view> |
| | | </view> |
| | | <view class="order-user" v-if="userInfo.id === info.releaseMemberId && info.acceptMemberId"> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="user-info-r" @click="contactPhone(info.acceptPhone)"> |
| | | <view class="user-info-r" @click="contactPhone(info.acceptPhone)" v-if="info.status ==2||info.status==3||info.status==5"> |
| | | <image src="/static/icon/ic_call@2x.png" mode="widthFix"></image> |
| | | <text>联系师傅</text> |
| | | </view> |
| | |
| | | <view class="order-ren-left-tip">业主</view> |
| | | </view> |
| | | <view class="order-ren-x"></view> |
| | | <view class="order-ren-lx" @click="contactPhone(info.releasePhone)"> |
| | | <view class="order-ren-lx" v-if="info.status ==2||info.status==3||info.status==5" @click="contactPhone(info.releasePhone)"> |
| | | <image src="/static/icon/ic_call@2x.png" mode="widthFix"></image> |
| | | <text>发单方</text> |
| | | </view> |
| | |
| | | <view class="order-footer-btn-a" @click="show = true" v-if="1==2&& userInfo.id === info.acceptMemberId && info.status ===2">取消订单</view> |
| | | <view class="order-footer-btn-a" @click="show = true" v-if="userInfo.id === info.releaseMemberId && (info.status ===0 || info.status ===1|| info.status ===2)">取消订单</view> |
| | | <view class="order-footer-btn-b" @click="show2=true" v-if="userInfo.id === info.releaseMemberId && (info.status ===4 && info.commentStatus!=1)">去评价</view> |
| | | <view class="order-footer-btn-b" v-if="userInfo.id === info.releaseMemberId &&((info.status ===3 && info.type !==2)|| (info.status ===0 && info.type===2))" @click="show1 = true">{{info.type === 2 ? '继续支付' : '完成并支付'}}</view> |
| | | |
| | | <view class="order-footer-btn-b" v-if="userInfo.id === info.releaseMemberId &&((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 && userInfo.id === info.acceptMemberId && info.status ===3">确认费用</view> |
| | | <view class="order-footer-btn-b" v-if="userInfo.id === info.releaseMemberId && ((info.status ===3 && info.type===2))" @click="payment1">完成作业</view> |
| | | |
| | | <view class="order-footer-btn-b" v-if="info.type !=2 && info.isUpdate!=1&& userInfo.id === info.releaseMemberId && (info.status ===0 || info.status ===1|| info.status ===2)" @click="jumpEdit()">修改订单</view> |
| | | <view class="order-footer-btn-b" @click="show5 =true" v-if="userInfo.id === info.acceptMemberId && (info.isUpdate==1 && info.status ===2)">修改确认</view> |
| | | <!-- <view class="order-footer-btn-b" @click="startJobs()" v-if="userInfo.id === info.releaseMemberId && (info.status ===2)">开始作业</view> --> |
| | |
| | | <view class="zhifu-botton" @click="payment">确认支付</view> |
| | | </view> |
| | | </u-popup> |
| | | |
| | | <!-- 支付弹窗 --> |
| | | <u-popup :show="show7" round="15" mode="bottom"> |
| | | <view class="querenfee"> |
| | | <view class="querenfee-head"> |
| | | <view></view> |
| | | <text>费用确认</text> |
| | | <image @click="show7 = false" src="/static/icon/ic_close@2x.png" mode="widthFix"></image> |
| | | </view> |
| | | <view class="querenfee-c"> |
| | | <view class="querenfee-c-info1">费用标准:</view> |
| | | <viem class=" money">{{((info.price||0)/100).toFixed(2) }}{{info.priceUnit || '' }}</viem> |
| | | </view> |
| | | <view class="querenfee-c" > |
| | | <view class="querenfee-c-info1" v-if="info.type ==1 && info.carType ==0"><text style="color: red;">*</text>实际用车天数:</view> |
| | | <view class="querenfee-c-info1" v-if="info.type ==1 && info.carType ==1"><text style="color: red;">*</text>实际用车次数:</view> |
| | | <view class="querenfee-c-info1" v-if="info.type ==0 && info.workType ==0"><text style="color: red;">*</text>实际采摘重量:</view> |
| | | <view class="querenfee-c-info1" v-if="info.type ==0 && info.workType ==1"><text style="color: red;">*</text>实际用工天数:</view> |
| | | <view class="querenfee-c-info1" v-if="info.type ==0 && info.workType ==2"><text style="color: red;">*</text>实际用车次数:</view> |
| | | <view class="querenfee-c-input"> |
| | | <input type="number" v-model="feeForm.priceNum1" placeholder="请输入" /> |
| | | </view> |
| | | <text class="querenfee-c-info1" v-if="info.type ==1 && info.carType ==0">天</text> |
| | | <text class="querenfee-c-info1" v-if="info.type ==1 && info.carType ==1">次</text> |
| | | </view> |
| | | <view class="querenfee-c" v-if="info.type ==0 && (info.workType ==1 ||info.workType ==2)"> |
| | | <view class="querenfee-c-info1" v-if="info.workType ==1"><text style="color: red;">*</text>实际用工人数:</view> |
| | | <view class="querenfee-c-info1" v-if="info.workType ==2 && info.carType ==0"><text style="color: red;">*</text>实际用工人数:</view> |
| | | <view class="querenfee-c-info1" v-if="info.workType ==2 && info.carType ==1"><text style="color: red;">*</text>实际用工时间:</view> |
| | | <view class="querenfee-c-info1" v-if="info.workType ==2 && info.carType ==1"><text style="color: red;">*</text>实际用工时间:</view> |
| | | <view class="querenfee-c-input"> |
| | | <input type="number" v-model="feeForm.priceNum2" placeholder="请输入" /> |
| | | </view> |
| | | <text class="querenfee-c-info1" v-if="info.workType ==1">人</text> |
| | | <text class="querenfee-c-info1" v-if="info.workType ==2 && ">次</text> |
| | | </view> |
| | | <view class="querenfee-c"> |
| | | <view class="querenfee-c-info1">其他费用:</view> |
| | | <view class="querenfee-c-input"> |
| | | <input type="number" v-model="feeForm.confirmOtherFee" placeholder="请输入" /> |
| | | </view> |
| | | </view> |
| | | <view class="querenfee-c"> |
| | | <view class="querenfee-c-info1">备注信息:</view> |
| | | <view class="querenfee-c-input"> |
| | | <u--textarea placeholder="如需备注,请输入" border="none" v-model="feeForm.confirmFeeRemark" ></u--textarea> |
| | | </view> |
| | | </view> |
| | | <view class="querenfee-c"> |
| | | <view class="querenfee-c-info1">实际总费用:</view> |
| | | <view class="querenfee-c-input"> |
| | | <image src="/static/icon/ic_money@2x.png" mode="widthFix"></image> |
| | | <text class="querenfee-c-input money">{{confirmPayFee}}</text> |
| | | </view> |
| | | </view> |
| | | <view class="querenfee-c"> |
| | | <view class="querenfee-tips">最终费用由发单方支付,接单方收到的金额将扣除平台手续费用</view> |
| | | </view> |
| | | <view class="querenfee-botton" @click="confirmFee">确认费用</view> |
| | | </view> |
| | | </u-popup> |
| | | <!-- 评价 --> |
| | | <u-popup :show="show2" round="15" mode="bottom"> |
| | | <view class="zhifu"> |
| | |
| | | show4:false, |
| | | show5:false, |
| | | show6:false, |
| | | show7:true, |
| | | timeInfo:'00:00:00', |
| | | lessTime:null, |
| | | value:0, |
| | |
| | | loading:false, |
| | | commentInfo:'', |
| | | info: {}, |
| | | amount: '' |
| | | amount: '', |
| | | confirmPayFee:0.00, |
| | | feeFrom:{ |
| | | priceNum1:null, |
| | | priceNum2:null, |
| | | confirmFeeRemark:null, |
| | | confirmOtherFee:null, |
| | | } |
| | | }; |
| | | }, |
| | | onLoad(options) { |
| | |
| | | that.getOrderData() |
| | | } |
| | | }) |
| | | }, |
| | | confirmFee(){ |
| | | console.log("confirmFee") |
| | | }, |
| | | payment() { |
| | | var that = this |
| | |
| | | } |
| | | var that =this |
| | | this.lessTime = Math.floor( Number(that.info.confirmCountdown || 0)/1000) ; |
| | | this.timer = setInterval(function(){ |
| | | let h = Math.floor(that.lessTime/60/60) ; |
| | | let m = Math.floor((that.lessTime - h*60*60)/60); |
| | | let s= Math.floor(that.lessTime- h*60*60 -m*60); |
| | | that.timeInfo =(h<10?'0':'')+ h+":"+(m<10?'0':'')+m+":"+(s<10?'0':'')+s; |
| | | that.lessTime =that.lessTime-1; |
| | | // console.log( that.timeInfo) |
| | | },1000) |
| | | if(lessTime>0){ |
| | | this.timer = setInterval(function(){ |
| | | let h = Math.floor(that.lessTime/60/60) ; |
| | | let m = Math.floor((that.lessTime - h*60*60)/60); |
| | | let s= Math.floor(that.lessTime- h*60*60 -m*60); |
| | | that.timeInfo =(h<10?'0':'')+ h+":"+(m<10?'0':'')+m+":"+(s<10?'0':'')+s; |
| | | that.lessTime =that.lessTime-1; |
| | | // console.log( that.timeInfo) |
| | | },1000) |
| | | } |
| | | |
| | | }, |
| | | getOrderData(){ |
| | | var that = this |
| | |
| | | <style lang="scss" scoped> |
| | | .order { |
| | | width: 100%; |
| | | .querenfee { |
| | | width: 100%; |
| | | padding: 40rpx 30rpx; |
| | | box-sizing: border-box; |
| | | |
| | | .querenfee-textarea { |
| | | width: 100%; |
| | | height: 364rpx; |
| | | padding: 30rpx; |
| | | box-sizing: border-box; |
| | | background: #F7F7F7; |
| | | border-radius: 16rpx; |
| | | border: 1rpx solid #EEEEEE; |
| | | margin-top: 48rpx; |
| | | display: flex; |
| | | align-items: start; |
| | | image { |
| | | flex-shrink: 0; |
| | | width: 29rpx; |
| | | height: 29rpx; |
| | | margin-right: 10rpx; |
| | | } |
| | | } |
| | | |
| | | .querenfee-head { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | image { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | } |
| | | text { |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | } |
| | | } |
| | | .querenfee-c { |
| | | width: 100%; |
| | | margin-top: 46rpx; |
| | | display: flex; |
| | | .querenfee-c-info { |
| | | align-items: center; |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | margin-bottom: 30rpx; |
| | | text { |
| | | color: #00BC12; |
| | | margin-left: 10rpx; |
| | | } |
| | | } |
| | | .querenfee-c-info1 { |
| | | width: 50%; |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #666666; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | .querenfee-tips{ |
| | | width: 100%; |
| | | font-weight: 400; |
| | | font-size: 26rpx; |
| | | color: #999999; |
| | | line-height: 36rpx; |
| | | } |
| | | .money{ |
| | | width: 50%; |
| | | text-align: right; |
| | | color: red !important; |
| | | } |
| | | .querenfee-c-input { |
| | | width: 100%; |
| | | padding: 0 30rpx; |
| | | box-sizing: border-box; |
| | | height: 60rpx; |
| | | background: #F7F7F7; |
| | | border-radius: 10rpx; |
| | | border: 1rpx solid #EEEEEE; |
| | | display: flex; |
| | | align-items: center; |
| | | image { |
| | | flex-shrink: 0; |
| | | width: 28rpx; |
| | | height: 60rpx; |
| | | margin-right: 24rpx; |
| | | } |
| | | input { |
| | | flex: 1; |
| | | height: 100%; |
| | | font-weight: 500; |
| | | color: #222222; |
| | | } |
| | | } |
| | | } |
| | | .querenfee-botton { |
| | | width: 100%; |
| | | height: 88rpx; |
| | | line-height: 88rpx; |
| | | text-align: center; |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | color: #FFFFFF; |
| | | background: #00BC12; |
| | | border-radius: 44rpx; |
| | | margin-top: 264rpx; |
| | | } |
| | | } |
| | | .zhifu { |
| | | width: 100%; |
| | | padding: 40rpx 30rpx; |
| | |
| | | color: #666666; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | .money{ |
| | | color: red !important; |
| | | } |
| | | .zhifu-c-input { |
| | | width: 100%; |
| | | padding: 0 30rpx; |