<template>
|
<div class="warp">
|
<!-- 司机待拼单列表 -->
|
<div class="daiPin">
|
<combined-title title="待拼单日计划">
|
</combined-title>
|
<view class="table">
|
<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-tr>
|
<uni-tr v-for="(item, index) in daiPageList"
|
:key="item.id">
|
|
<uni-td align="center">{{ item.productName || '' }}</uni-td>
|
<uni-td align="center">{{ item.customerName || '' }}</uni-td>
|
<uni-td align="center"><u-button text="选择"
|
type="primary"
|
:disabled=" item.isPretendDischar === 1"
|
@click="enterOk(item)"></u-button></uni-td>
|
</uni-tr>
|
</uni-table>
|
</view>
|
</div>
|
<!-- 司机已拼单列表 -->
|
<!-- <div class="border"></div> -->
|
<div class="yiPin">
|
<combined-title title="已拼单列表"></combined-title>
|
<view class="table">
|
<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-tr>
|
<uni-tr v-for="(item, index) in yiPageList"
|
:key="item.id">
|
<uni-td align="center">{{ item.productName || '' }}</uni-td>
|
<uni-td align="center">{{ item.customerName || '' }}</uni-td>
|
<uni-td align="center"><u-button text="删除"
|
type="error"
|
v-if="item.mainTmTaskId"
|
:disabled=" item.isPretendDischar === 1"
|
@click="deletePvcOrder(item)"></u-button></uni-td>
|
|
</uni-tr>
|
</uni-table>
|
</view>
|
</div>
|
<!-- 确认吨数弹框 -->
|
<u-popup :show="showLing"
|
@close="closeling"
|
closeOnClickOverlay
|
@open="openLing"
|
mode="center"
|
round="10">
|
<view class="receiverPopup">
|
<view class="tableCon" v-if="pageList.length">
|
<!-- <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-tr>
|
<uni-tr v-for="(item, index) in pageList"
|
:key="item.id">
|
<uni-td align="center">
|
<u-radio-group
|
v-model="item.flag"
|
placement="column"
|
@change="(v)=>groupChange(v,item.flag)"
|
>
|
<u-radio
|
:iconSize='40'
|
:customStyle="{marginBottom: '8px'}"
|
@change="radioChange(item.flag)"
|
>
|
</u-radio>
|
</u-radio-group>
|
</uni-td>
|
<uni-td align="center">{{ item.productName}}</uni-td>
|
<uni-td align="center">{{ item.productGrade}}</uni-td>
|
<uni-td align="center"> {{item.planMeasure}}</uni-td>
|
</uni-tr>
|
</uni-table> -->
|
<view style="text-align: center;">选择吨数</view>
|
<u-radio-group v-model="radioValue" borderBottom placement="column"
|
|
@change="radioChange"
|
>
|
<view
|
style="margin:15rpx" v-for="(item, index) in pageList" :key="index">
|
<u-radio
|
:size='40'
|
:iconSize='50' labelSize='32' shape="circle"
|
|
:key="index"
|
:label="`${item.productName} - ${item.productGrade?item.productGrade : '暂无等级' } - ${item.planMeasure}吨`"
|
:name="item.id"></u-radio>
|
</view>
|
|
</u-radio-group>
|
|
|
</view>
|
<view class="receiverPopup__btn"><u-button text="确定"
|
type="primary"
|
@click="popupDetermineClick"
|
:loading="ClickLoading"></u-button></view>
|
</view>
|
</u-popup>
|
<view class="qianDanModel">
|
<u-modal :show="quxiaoShow"
|
:title="'提示'"
|
showCancelButton
|
:content="'确认删除？'"
|
@confirm="quxiaoConfirm"
|
@cancel="quxiaoCancel"></u-modal>
|
</view>
|
</div>
|
|
</template>
|
|
<script>
|
import combinedTitle from '@/components/combined-title/combined-title.vue';
|
export default {
|
onLoad(params){
|
console.log(params,'params')
|
this.mainTmTaskId = JSON.parse(params.item).id;
|
console.log(JSON.parse(params.item).id,'213123')
|
|
},
|
components: {
|
combinedTitle,
|
|
},
|
onShow(){
|
this.init();
|
},
|
data() {
|
return {
|
daiPageList:[],
|
yiPageList:[],
|
quxiaoShow:false,
|
radioValue:'',
|
deletItem:{},
|
activeObj:{},
|
pageList:[],
|
lingFlag:true,
|
showLing:false,
|
mainTmTaskId:'', //主订单id
|
ClickLoading:false,
|
|
}
|
},
|
methods: {
|
init(){
|
this.$reqGet('pvcSplicingList').then((res) => {
|
console.log(res,'res')
|
this.daiPageList = res.data.list1;
|
this.yiPageList = res.data.list2;
|
|
})
|
},
|
enterOk(item){
|
this.activeObj = item;
|
this.getBuild();
|
|
},
|
getBuild(item){
|
this.$reqGet('getBuildList',{orderPlanId:this.activeObj.orderPlanId,customerId:this.activeObj.customerId,status:1,fleetId:this.activeObj.fleetId}).then(res=>{
|
console.log(res,'resss')
|
this.showLing = true;
|
this.pageList = res.data.map(item=>{
|
item.flag = false
|
return item;
|
});
|
})
|
|
|
},
|
closeling(){
|
this.radioValue = '';
|
this.showLing = false;
|
},
|
//点击确定
|
popupDetermineClick(){
|
if(!this.radioValue){
|
return this.$u.toast('必须选择规格')
|
}else{
|
if (this.activeObj.tmcCount == '0') {
|
this.qiangDan(this.activeObj.orderPlanId,this.activeObj.fleetId, !this.activeObj.customerId ? '0' : this.activeObj.customerId,
|
!this.activeObj.xsUserId ? '0' : this.activeObj.xsUserId,this.mainTmTaskId);
|
} else {
|
// this.qiangDanOrderPlanId = value.orderPlanId;
|
// this.fleetId = value.fleetId;
|
// this.customerId = !value.customerId ? '0' : value.customerId;
|
// this.xsUserId = !value.xsUserId ? '0' : value.xsUserId;
|
// this.qiangDanShow = true;
|
this.$u.toast(`当前已接${value.tmcCount}单`);
|
this.qiangDan(this.activeObj.orderPlanId,this.activeObj.fleetId, !this.activeObj.customerId ? '0' : this.activeObj.customerId,
|
!this.activeObj.xsUserId ? '0' : this.activeObj.xsUserId,this.mainTmTaskId);
|
}
|
}
|
|
|
},
|
openLing(){
|
|
},
|
qiangDan(id, fleetId, customerId, xsUserId,tmId) {
|
uni.showLoading({
|
title: '加载中'
|
})
|
this.$reqPost('pvcSplicingOfDriver', {
|
orderPlanId: id,
|
fleetId: fleetId,
|
customerId: customerId,
|
xsUserId: xsUserId,
|
pvcForwardId:this.lingFlag? this.radioValue : null,
|
tmId:tmId
|
}, 'params')
|
.then(res => {
|
uni.hideLoading()
|
if (res.code == 0) {
|
this.$u.toast('接单成功');
|
this.showLing =false;
|
|
} else {
|
this.$u.toast(res.msg ? res.msg : '接单失败');
|
this.showLing =false;
|
}
|
})
|
.then(() => {
|
setTimeout(() => {
|
this.init();
|
this.radioValue = '';
|
this.showLing =false;
|
}, 1500);
|
}).catch(e => {
|
uni.hideLoading()
|
})
|
},
|
radioChange(n) {
|
console.log(n,'213')
|
|
},
|
deletePvcOrder(deletItem){
|
this.deletItem = deletItem;
|
this.quxiaoShow = true;
|
|
|
},
|
deletePvcOrderFun(){
|
this.$reqGet('cancelPindan',{
|
takeCoalId:this.mainTmTaskId,
|
pvcPindanId:this.deletItem.id,
|
}).then(res=>{
|
if(res.code === 0){
|
console.log(res,'resss')
|
this.$u.toast('删除成功')
|
this.quxiaoShow = false;
|
this.init();
|
}else{
|
this.$u.toast('操作失败')
|
}
|
|
})
|
},
|
quxiaoConfirm(){
|
this.deletePvcOrderFun();
|
},
|
quxiaoCancel(){
|
this.quxiaoShow = false;
|
}
|
|
},
|
|
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.warp{
|
width: 100%;
|
height: calc(100vh - 105rpx);
|
display: flex;
|
flex-direction: column;
|
justify-content: space-between;
|
.daiPin{
|
display: flex;
|
flex: 0 1 48%;
|
flex-direction: column;
|
|
}
|
.yiPin{
|
display: flex;
|
flex: 0 1 48%;
|
flex-direction: column;
|
|
}
|
|
}
|
.table{
|
width: 98%;
|
/deep/ .uni-table{
|
width: 100%!important;
|
min-width: 0!important;
|
margin-left: 20rpx;
|
}
|
|
}
|
.border{
|
width: 98%;
|
margin: 0 auto;;
|
height: 20rpx;
|
border-top: dashed 1px #000;
|
}
|
.receiverPopup {
|
height: vww(280);
|
width: 700rpx;
|
padding: 20rpx;
|
// overflow: auto;
|
// position: relative;
|
.image{
|
width: 100%;
|
height: vww(110);
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
.tables{
|
width: 100%;
|
}
|
.receiverPopup__title {
|
margin: vww(10) auto 0;
|
width: 80%;
|
text-align: center;
|
}
|
|
|
&__btn {
|
margin: vww(10) auto;
|
width: 50%;
|
position: absolute;
|
left: 25%;
|
top: 87%;
|
|
.u-button {
|
height: vww(20);
|
}
|
}
|
}
|
|
</style>
|
