<template>
|
<!-- 转发 -->
|
<view class="forward">
|
<view class="forward-banner">
|
<view class="banner-block">
|
<view class="arrow-left"
|
@click="back"><u-icon name="arrow-left"
|
size="40"
|
color="#ffffff"></u-icon></view>
|
<view class="forward-text">转发</view>
|
</view>
|
</view>
|
<view v-if="roleType == 1"
|
class="notice-bar">
|
<u-notice-bar :text="text"
|
:fontSize="30"></u-notice-bar>
|
<view class="notice-icon"
|
style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/notice.png') no-repeat;background-size: cover; width: 42rpx;height: 42rpx;">
|
</view>
|
</view>
|
<view v-else-if="roleType == 2"
|
class="notice-bar"><u-notice-bar :text="text1"
|
:fontSize="30"></u-notice-bar></view>
|
<view class="card-main">
|
<view class="card-block">
|
<u-swipe-action>
|
<u-swipe-action-item :options="options1"
|
v-for="(val, index) in jhOrderPlanForwardList"
|
:key="val.vid"
|
:name="val.vid"
|
@click="deleteGroup(index, val,val.xsUserId)">
|
<view>
|
<view class="forward-card">
|
<view :style="{ 'color': errorDataList.includes(index) ? '#f56c6c' : '' }"
|
class="error-tip"
|
v-show="errorDataList.includes(index)">
|
* 此项数据错误,请更改后再次提交
|
</view>
|
<view class="card-content">
|
<u--form labelPosition="left"
|
:model="forwardForm"
|
ref="form1">
|
<u-form-item label="转发对象"
|
labelWidth="21%"
|
ref="item1"
|
@click="forwardObjectClick(index,val.name,val.id)">
|
<u--input v-model="val.name"
|
placeholder="点击选择转发对象"
|
:readonly="true"
|
border="bottom"></u--input>
|
</u-form-item>
|
<u-form-item label="输入数量"
|
ref="item2"
|
labelWidth="21%">
|
<view class="forward-card-amount">
|
<view class="forward-card-amount-input">
|
<u--input v-model="val.carNum"
|
placeholder="请输入转发数量"
|
@input="debouncecarNumInput(index, val.carNum,val.xsUserId)"
|
@blur="blurInput(index, val.carNum,val.xsUserId)"
|
border="bottom"></u--input>
|
</view>
|
<u-checkbox-group v-model="val.checkboxValue1"
|
placement="column"
|
@change="v => checkboxChange(v, index, val,val.xsUserId)">
|
<u-checkbox size="30"
|
shape="circle"
|
labelSize="30"
|
label="全部转发"
|
name="全部转发"
|
:disabled="val.ischecked"
|
:checked="val.isSelected"></u-checkbox>
|
</u-checkbox-group>
|
</view>
|
</u-form-item>
|
|
</u--form>
|
<view><u-button v-if="fenpeiFlag " text="分配日计划吨数" type="primary" :plain="true" @click="todoFenPei(val)"></u-button></view>
|
</view>
|
</view>
|
</view>
|
</u-swipe-action-item>
|
</u-swipe-action>
|
</view>
|
</view>
|
|
<view class="utils-buttonGroup">
|
<!-- 添加按钮 -->
|
<view class="AdddBtn"><u-button text="添加"
|
:hairline="false"
|
@click.stop="addForm"
|
:disabled="whetherClick"></u-button></view>
|
<!--分享日计划 -->
|
<view
|
class="AdddBtn" v-if="isshow && roleType!== 2 "><u-button text="分享日计划"
|
:hairline="false"
|
open-type="share"
|
:loading='loading'></u-button></view>
|
<!-- 提交按钮 -->
|
<view
|
class="forwardBtn"><u-button text="提交"
|
:hairline="false"
|
type="warning"
|
@click.stop="submitForm"
|
:disabled="whetherClick1"
|
:loading='loading'></u-button></view>
|
|
</view>
|
<!-- 增加按钮 -->
|
|
<!-- 选择承运商或车队弹出框 -->
|
<view class="selectHuoDaiOrFleet-container">
|
<u-popup :show="selectPopupShow"
|
mode="bottom"
|
@close="selectPopupClose"
|
@open="selectPopupOpen">
|
<view class="selectHuoDaiOrFleet-container-box">
|
<u-tabs :list="list1"
|
@click="tabClick"></u-tabs>
|
<view class=""
|
v-if="!tabHuoDai">
|
<u-cell-group>
|
<u-cell v-for="(item, index) in fleetData"
|
:key="index"
|
:title="item.name">
|
<view class="cell-util"
|
slot="value">
|
<u-button @click="forwardFleetObjectSelect(item, index)"
|
text="选择"
|
type="primary"
|
size="mini"></u-button>
|
</view>
|
</u-cell>
|
</u-cell-group>
|
</view>
|
<view class=""
|
v-else-if="tabHuoDai">
|
<u-cell-group>
|
<u-cell v-for="(item, index) in huoDaiData"
|
:key="index"
|
:title="item.name">
|
<view class="cell-util"
|
slot="value">
|
<u-button @click="forwardHuoDaiObjectSelect(item, index)"
|
text="选择"
|
type="primary"
|
size="mini"></u-button>
|
</view>
|
</u-cell>
|
</u-cell-group>
|
</view>
|
</view>
|
</u-popup>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import { customerId } from '@/utils/status';
|
import toast from '../../../uni_modules/uview-ui/libs/config/props/toast';
|
|
export default {
|
onLoad(params) {
|
console.log(params, '转发页面的参数');
|
let reg=RegExp(/销/)
|
this.isshow=!reg.test(params.orderType)
|
this.productName = params.productName;
|
this.customerId = params.customerId;
|
this.packingType = params.packingType;
|
this.pvcPlanMeasure = params.pvcPlanMeasure;
|
// 客户
|
this.cars2 = Number(params.cars2);
|
this.tempcarNumSurplus1 = this.carNumSurplus1 = Number(params.carNumSurplus1 || 0);
|
// 承运商
|
this.carNum = Number(params.carNum);
|
this.carNumSurplusHuodai = this.forwardSurplus = Number(params.carNumSurplusHuodai || 0);
|
this.orderPlanId = params.orderPlanId;
|
// 判断是否转发完成 完成则不可再添加
|
if (this.roleType === 1) { //roleType 1客户
|
this.whetherClick = this.carNumSurplus1 === 0
|
} else if (this.roleType === 2) { //roleType 2承运商
|
this.whetherClick = this.forwardSurplus === 0
|
}
|
this.getOrderPlan()
|
},
|
onShareAppMessage(res) {
|
if (res.from === 'button') {// 来自页面内分享按钮
|
console.log(res.target)
|
}
|
return {
|
title: '分享日计划',
|
path: 'pages/driver-page/delivery-my/delivery-my/delivery-my?'+ `id=${this.orderPlanId}`
|
}
|
|
},
|
|
|
data() {
|
return {
|
isshow:false,
|
pvcPlanMeasure:'',
|
forwardSurplus: 0,
|
paramsName: {},
|
packingType:'',
|
productName:'',
|
customerId:'',
|
huoDaiData: [],
|
isClickFlag:true,// true 可以 or false for forward and back to the direction of the car direction (default
|
fleetData: [],
|
// 日计划id
|
orderPlanId: '',
|
jhOrderPlanForwardList: [{ //转发对象
|
orderPlanId: '', //日计划Id
|
name: '', //车队或承运商名称
|
carNum: null, //转发数量
|
xsUserId: 0, //承运商Id
|
fleetId: 0, //车队Id
|
checkboxValue1: '', //全部转发
|
isSelected: false
|
}],
|
// 索引，利用索引正确显示
|
index: '',
|
checkboxValue1: '',
|
selectPopupShow: false,
|
list1: [{ name: '车队' }], //{ name: '承运商' }
|
tabHuoDai: false,
|
carNumSurplus1: '', //剩余的收发单数量（转发的数量 - 领取的数量）
|
tempcarNumSurplus1: '',
|
cars2: '', //已经领取的车数
|
carNum: '',
|
carNumSurplusHuodai: '',
|
formNum: 1,
|
// 个人转发数据
|
personalForward: {},
|
whetherClick: false, //添加按钮
|
whetherClick1: false,
|
// 滑动单元格配置
|
options1: [{
|
text: '删除',
|
style: {
|
backgroundColor: '#FB0101'
|
}
|
}],
|
loading: false, //提交loading
|
originForwardName: '', //原转发对象
|
isShow:false,
|
laterForwardName: '', //后转发对象
|
errorDataList: [], // 错误数据
|
isDirectAdd: false, // 是否是在原来有对象的item修改 是的为true
|
forwardId: '' //原来有对象 点击赋值
|
};
|
},
|
onShow() {
|
this.init();
|
this.getBuild();
|
// this.getOrderPlan();
|
if (this.roleType == 2) {
|
this.list1.splice(1, 1);
|
this.tabHuoDai = false;
|
}
|
},
|
computed: {
|
roleType() {
|
return uni.getStorageSync('roleType');
|
},
|
text() {
|
return `已领取${this.cars2}张收发单,剩余${this.carNumSurplus1}张收发单`;
|
},
|
text1() {
|
return `已拥有${this.carNum}张收发单,剩余${this.carNumSurplusHuodai}张收发单`;
|
},
|
fenpeiFlag(){
|
console.log(this.productName,this.packingType,'122222222cumped',/聚氯乙烯树脂/.test(this.productName) || (this.packingType && this.packingType == '1'))
|
if(/聚氯乙烯树脂/.test(this.productName) || (this.packingType && this.packingType == '1')){
|
return true
|
}else{
|
return false
|
}
|
}
|
},
|
methods: {
|
getOrderPlan() {
|
uni.showLoading({
|
title: '加载中'
|
})
|
this.$reqGet('forwardList', { OrderPlanId: this.orderPlanId }).then(res => {
|
uni.hideLoading()
|
if(res.data.length){
|
this.isShow = true;
|
}else{
|
this.isShow = false;
|
|
}
|
if (res.data.length !== 0 && this.roleType == 1) {
|
this.jhOrderPlanForwardList = res.data.map((item, index) => {
|
return {
|
id: item.id,
|
orderPlanId: item.orderPlanId,
|
name: item.xsUserName === '' ? item.fleetName : item.xsUserName,
|
carNum: item.carNum,
|
xsUserId: item.xsUserId === '' ? 0 : item.xsUserId,
|
fleetId: item.fleetId === '' ? 0 : item.fleetId,
|
checkboxValue1: '',
|
vid: `${new Date().getTime()}${index}${item.id}`,
|
forWardType: item.xsUserId === '' ? 2 : 1
|
};
|
});
|
} else if (res.data.length !== 0 && this.roleType == 2) {
|
this.jhOrderPlanForwardList = res.data.map((item, index) => {
|
return {
|
id: item.id,
|
orderPlanId: item.orderPlanId,
|
name: item.fleetName,
|
carNum: item.carNum,
|
xsUserId: item.xsUserId === '' ? 0 : item.xsUserId,
|
fleetId: item.fleetId === '' ? 0 : item.fleetId,
|
checkboxValue1: '',
|
vid: `${new Date().getTime()}${index}${item.id}`,
|
};
|
});
|
} else {
|
this.jhOrderPlanForwardList = this.jhOrderPlanForwardList.map((item, index) => {
|
if (!item.orderPlanId) {
|
return {
|
...item,
|
orderPlanId: this.orderPlanId,
|
vid: `${new Date().getTime()}${index}${item.id}`,
|
};
|
}
|
});
|
}
|
}).catch(e => {
|
uni.hideLoading()
|
})
|
},
|
getBuild(){
|
console.log(this.productName,'opr')
|
if(/聚氯乙烯树脂/.test(this.productName)){
|
this.$reqGet('getBuildList',{orderPlanId:this.orderPlanId,customerId:this.customerId}).then(res=>{
|
console.log(res,'resss')
|
})
|
}
|
|
},
|
// 返回上一页
|
back() {
|
uni.navigateBack({
|
delta: 1
|
});
|
},
|
init() {
|
switch (this.roleType) {
|
case 1:
|
this.getAllHuoDaiByCustomerId();
|
this.getFleet();
|
break;
|
case 2:
|
this.getFleet();
|
break;
|
default:
|
break;
|
}
|
},
|
allrelay(x, y) {
|
let a = 0;
|
if (y != 0) {
|
a = Number(x) + Number(y);
|
return a;
|
} else {
|
return Number(x);
|
}
|
},
|
allrelayto(x, y) {
|
let a = 0;
|
if (y != 0) {
|
a = Number(x) - Number(y);
|
return a;
|
} else {
|
return Number(x);
|
}
|
},
|
checkboxChange(value, index, v, xsUserId) {
|
this.$set(this.jhOrderPlanForwardList[index], 'forWardType', xsUserId ? 1 : 2);
|
this.jhOrderPlanForwardList = this.jhOrderPlanForwardList.map(v => {
|
return {
|
...v,
|
ischecked: false
|
};
|
});
|
if (value.length != 0) {
|
if (this.roleType == 1) {
|
this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.carNumSurplus1, this
|
.jhOrderPlanForwardList[index].carNum);
|
this.calculate(this.jhOrderPlanForwardList);
|
}
|
if (this.roleType == 2) {
|
this.jhOrderPlanForwardList[index].carNum = this.allrelay(this.carNumSurplusHuodai, this
|
.jhOrderPlanForwardList[index].carNum);
|
this.calculate(this.jhOrderPlanForwardList);
|
}
|
// 选择一个后其余禁止复选
|
this.jhOrderPlanForwardList.forEach((v, i) => {
|
if (i !== index) {
|
v.ischecked = true;
|
}
|
});
|
this.whetherClick = true;
|
} else {
|
this.jhOrderPlanForwardList[index].carNum = null;
|
this.calculate(this.jhOrderPlanForwardList);
|
}
|
},
|
// 获取承运商列表
|
getAllHuoDaiByCustomerId() {
|
this.$reqGet('getAllHuoDaiByCustomerId').then(res => {
|
this.huoDaiData = res.data;
|
});
|
},
|
// 获取车队列表
|
getFleet() {
|
this.$reqGet('getFleet').then(res => {
|
this.fleetData = res.data;
|
});
|
},
|
// 转发对象
|
forwardObjectClick(index, name, id) {
|
if(!id){
|
this.selectPopupShow = true;
|
this.index = index;
|
this.originForwardName = name || ''
|
this.isDirectAdd = this.originForwardName !== ''
|
this.forwardId = id
|
}else{
|
return
|
}
|
|
},
|
selectPopupClose() {
|
this.selectPopupShow = false;
|
},
|
selectPopupOpen() {},
|
// 转发选择承运商
|
forwardHuoDaiObjectSelect(item, index) {
|
this.$nextTick(() => {
|
// let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name);
|
// if (isableAdd.length > 0) {
|
// this.$u.toast('存在重复添加');
|
// this.selectPopupShow = true;
|
// return
|
// }
|
// if (this.isDirectAdd) {
|
// if (this.originForwardName && this.originForwardName !== item.name && (this
|
// .carNumSurplus1 !== 0 || this.carNumSurplusHuodai !== 0)) {
|
// this.addForm(item.name)
|
// this.jhOrderPlanForwardList.forEach(v => {
|
// if (v.id === this.forwardId) {
|
// v.xsUserId = item.userId;
|
// v.name = item.name;
|
// v.fleetId = 0;
|
// v.forWardType = 1;
|
// }
|
// })
|
// this.selectPopupShow = false;
|
// } else {
|
// this.$u.toast('收发单剩余数为0或已添加');
|
// this.selectPopupShow = true;
|
// }
|
// } else {
|
let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name);
|
if (isableAdd.length > 0) {
|
this.$u.toast('存在重复添加');
|
this.selectPopupShow = true;
|
} else {
|
this.selectPopupShow = false;
|
this.jhOrderPlanForwardList[this.index].xsUserId = item.userId;
|
this.jhOrderPlanForwardList[this.index].name = item.name;
|
this.jhOrderPlanForwardList[this.index].fleetId = 0;
|
this.jhOrderPlanForwardList[this.index].forWardType = 1; //forWardType 转发类型 承运商1 车队2
|
}
|
// }
|
});
|
},
|
// 转发选择车队
|
forwardFleetObjectSelect(item, index) {
|
this.$nextTick(() => {
|
// let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name);
|
// if (isableAdd.length > 0) {
|
// this.$u.toast('存在重复添加');
|
// this.selectPopupShow = true;
|
// return
|
// }
|
// if (this.isDirectAdd) {
|
// if (this.originForwardName && this.originForwardName !== item.name && (this
|
// .carNumSurplus1 !== 0 || this.carNumSurplusHuodai !== 0)) {
|
// this.addForm(item.name)
|
// this.jhOrderPlanForwardList.forEach(v => {
|
// if (v.id === this.forwardId) {
|
// v.xsUserId = item.userId;
|
// v.name = item.name;
|
// v.fleetId = 0;
|
// v.forWardType = 1;
|
// }
|
// })
|
// this.selectPopupShow = false;
|
// } else {
|
// this.$u.toast('收发单剩余数为0或已添加');
|
// this.selectPopupShow = true;
|
// }
|
// } else {
|
console.log(this.jhOrderPlanForwardList,item,'jhOrderPlanForwardList')
|
let isableAdd = this.jhOrderPlanForwardList.filter(v => item.name === v.name);
|
if (isableAdd.length > 0) {
|
this.$u.toast('存在重复添加');
|
this.selectPopupShow = true;
|
} else {
|
this.selectPopupShow = false;
|
this.jhOrderPlanForwardList[this.index].fleetId = item.id;
|
this.jhOrderPlanForwardList[this.index].name = item.name;
|
this.jhOrderPlanForwardList[this.index].xsUserId = 0;
|
this.jhOrderPlanForwardList[this.index].forWardType = 2;
|
}
|
// }
|
});
|
},
|
// 计算收发单数量，添加或删除时调用
|
calculate(arr) {
|
let total = arr.reduce((prev, cur) => {
|
return cur.carNum + prev;
|
}, 0);
|
console.log(total, '收发单一共的数据');
|
//roleType 1客户 2 承运商 3司机 5装卸员
|
if (this.roleType == 1) {
|
if (Number(this.cars2) > total) {
|
this.carNumSurplus1 = Number(this.cars2) - total;
|
this.whetherClick = false;
|
this.whetherClick1 = false;
|
} else if (Number(this.cars2) == total) { //剩余的收发单为0（添加、提交按钮不能点击）
|
this.whetherClick = true;
|
this.whetherClick1 = false;
|
this.carNumSurplus1 = Number(this.cars2) - total;
|
} else {
|
this.carNumSurplus1 = 0;
|
this.$u.toast('剩余收发单数量不足');
|
this.whetherClick = true;
|
this.whetherClick1 = true;
|
}
|
}
|
if (this.roleType == 2) {
|
if (Number(this.carNum) > total) {
|
this.carNumSurplusHuodai = Number(this.carNum) - total;
|
this.whetherClick = false;
|
this.whetherClick1 = false;
|
} else if (Number(this.carNum) == total) {
|
this.whetherClick = true;
|
this.whetherClick1 = false;
|
this.carNumSurplusHuodai = Number(this.carNum) - total;
|
} else {
|
this.carNumSurplusHuodai = 0;
|
this.$u.toast('剩余收发单数量不足');
|
this.whetherClick = true;
|
this.whetherClick1 = true;
|
}
|
}
|
},
|
debouncecarNumInput(index, value, xsUserId) {
|
let time;
|
let that = this;
|
that.$set(that.jhOrderPlanForwardList[index], 'carNum', Number(value));
|
//forWardType 转发类型 1承运商 2车队
|
that.$set(that.jhOrderPlanForwardList[index], 'forWardType', xsUserId ? 1 : 2);
|
return (function() {
|
if (!time) {
|
time = setTimeout(() => {
|
that.calculate(that.jhOrderPlanForwardList);
|
if (that.roleType == 1) {
|
if (that.jhOrderPlanForwardList[index].carNum < Number(that
|
.carNumSurplus1)) {
|
that.$set(that.jhOrderPlanForwardList[index], 'checkboxValue1', '');
|
that.jhOrderPlanForwardList.forEach((v, i) => {
|
if (index != i) {
|
v.ischecked = false;
|
}
|
});
|
}
|
}
|
|
if (that.roleType == 2) {
|
if (that.jhOrderPlanForwardList[index].carNum < Number(that
|
.carNumSurplusHuodai)) {
|
that.$set(that.jhOrderPlanForwardList[index], 'checkboxValue1', '');
|
that.jhOrderPlanForwardList.forEach((v, i) => {
|
if (index != i) {
|
v.ischecked = false;
|
}
|
});
|
}
|
}
|
time = null;
|
}, 800);
|
}
|
})();
|
},
|
blurInput(index, value, xsUserId) {
|
this.$set(this.jhOrderPlanForwardList[index], 'carNum', Number(value));
|
this.$set(this.jhOrderPlanForwardList[index], 'forWardType', xsUserId ? 1 : 2);
|
this.calculate(this.jhOrderPlanForwardList);
|
},
|
// 添加一组表单
|
addForm(name) {
|
// 判断是否有一个复选，如果有则禁止新加的复选，没有则不禁止
|
let ischeck = this.jhOrderPlanForwardList.some(v => v.ischecked == true);
|
this.jhOrderPlanForwardList.push({
|
orderPlanId: this.orderPlanId,
|
name: name || '',
|
carNum: null,
|
xsUserId: 0,
|
fleetId: 0,
|
checkboxValue1: '',
|
ischecked: ischeck,
|
vid: Math.random() * 100,
|
isSelected: false
|
});
|
this.calculate(this.jhOrderPlanForwardList);
|
},
|
// 删除一组表单
|
deleteGroup(index, v, xsUserId) {
|
let tempcarNum = v.carNum;
|
this.$set(this.jhOrderPlanForwardList[index], 'forWardType', xsUserId ? 1 : 2);
|
if (v.id) {
|
this.$reqPost('deleteForward', { id: v.id }, 'params').then(res => {
|
if (res.code === 0) {
|
this.jhOrderPlanForwardList.splice(index, 1);
|
this.calculate(this.jhOrderPlanForwardList);
|
this.$u.toast('删除成功');
|
} else if (res.code === 1) {
|
this.$u.toast(res.msg);
|
}
|
});
|
} else {
|
this.jhOrderPlanForwardList.splice(index, 1);
|
this.calculate(this.jhOrderPlanForwardList);
|
this.$u.toast('删除成功');
|
}
|
},
|
// 提交
|
submitForm() {
|
//车数 * 吨数 < 计划吨数
|
let isPass = false;
|
if (this.jhOrderPlanForwardList.length === 0) {
|
this.$u.toast('请至少选择一组转发对象');
|
}
|
let reg = /^[1-9]\d*$/;
|
this.jhOrderPlanForwardList.forEach(v => {
|
if (!reg.test(v.carNum) || Number(v.carNum) <= 0) {
|
this.$u.toast('请输入合法数字');
|
isPass = false;
|
return isPass;
|
} else if (!v.name){
|
this.$u.toast('请选择车队');
|
isPass = false;
|
return isPass;
|
} else {
|
isPass = true;
|
return isPass;
|
}
|
});
|
console.log(this.jhOrderPlanForwardList,'jhOderPlan')
|
if (isPass) {
|
this.loading = true;
|
this.$reqPost('forward', this.jhOrderPlanForwardList, 'json').then(res => {
|
console.log(res, 'zh');
|
// res.data.length == 0 提交成功 否则提交失败
|
if (res.code === 0) {
|
this.loading = false
|
this.$u.toast('提交成功');
|
if(this.fenpeiFlag){
|
setTimeout(()=>{
|
uni
|
.navigateTo({ url: `/subPages/allocaTetonnage/index?orderPlanId=${this.orderPlanId}&customerId=${this.customerId}&status=${1}&pvcPlanMeasure=${this.pvcPlanMeasure}`});
|
|
},500)
|
|
}else{
|
setTimeout(() => {
|
uni.navigateBack({ delta: 1 });
|
}, 1000);
|
}
|
|
} else {
|
this.loading = false
|
this.errorDataList = res.data
|
this.$u.toast(res.msg ? res.msg : '数据有误,请检查');
|
}
|
}).catch(e => {
|
this.loading = false
|
})
|
}
|
},
|
tabClick(item) {
|
if (item.name == '承运商') {
|
this.tabHuoDai = true;
|
} else {
|
this.tabHuoDai = false;
|
}
|
},
|
todoFenPei(val){
|
uni
|
.navigateTo({ url: `/subPages/allocaTetonnage/index?orderPlanId=${this.orderPlanId}&customerId=${this.customerId}&fleetId=${val.fleetId}&pvcPlanMeasure=${this.pvcPlanMeasure}`});
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss"
|
scoped>
|
@mixin flex {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
/deep/ .u-notice-bar {
|
background: rgba(255, 255, 255, 0.3) !important;
|
box-shadow: 0rpx 0rpx 5rpx 0rpx rgba(27, 103, 255, 0);
|
border-radius: 28rpx;
|
|
.u-notice__content {
|
text {
|
text-shadow: 3rpx 3rpx 8rpx #4784fe;
|
font-size: 24rpx;
|
color: #fd1446 !important;
|
font-weight: 400;
|
}
|
}
|
}
|
|
/deep/ .u-input {
|
border-bottom: 1px solid #c4c4c4;
|
width: 458rpx;
|
}
|
|
::v-deep.forward {
|
width: 100%;
|
margin: 0 auto;
|
|
.forward-banner {
|
width: 100%;
|
height: 430rpx;
|
background: linear-gradient(0deg, #ffffff 0%, #0055fe 100%);
|
@include flex;
|
justify-content: flex-start;
|
overflow: hidden;
|
|
.banner-block {
|
width: 50%;
|
@include flex;
|
position: relative;
|
top: -75rpx;
|
left: 32rpx;
|
|
.forward-text {
|
width: 80rpx;
|
font-size: 40rpx;
|
font-weight: 400;
|
color: #ffffff;
|
line-height: 69rpx;
|
}
|
}
|
}
|
|
.notice-bar {
|
width: 688rpx;
|
height: 56rpx;
|
margin: 0 auto;
|
position: relative;
|
top: -200rpx;
|
background: transparent;
|
|
.notice-icon {
|
position: absolute;
|
top: 21rpx;
|
left: 7rpx;
|
}
|
}
|
|
.card-main {
|
width: 100%;
|
@include flex;
|
justify-content: center;
|
position: relative;
|
top: -100rpx;
|
z-index: 1;
|
margin-bottom: vww(40);
|
|
.card-block {
|
width: 690rpx;
|
@include flex;
|
flex-direction: column;
|
|
.forward-card {
|
margin-top: vww(10);
|
width: 690rpx;
|
height: 400rpx;
|
background: #ffffff;
|
box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
|
border-radius: 20rpx;
|
position: relative;
|
|
.error-tip {
|
position: absolute;
|
bottom: vww(5);
|
left: vww(22);
|
font-size: vww(14);
|
}
|
|
.card-content {
|
width: 612rpx;
|
margin-left: 48rpx;
|
margin-top: 24rpx;
|
|
// margin: 56rpx 30rpx 70rpx 48rpx;
|
.u-form {
|
.u-form-item {
|
.u-form-item__body {
|
.u-form-item__body__left {
|
.u-form-item__body__left__content {
|
.u-form-item__body__left__content__label {
|
font-weight: 400 !important;
|
color: #898989 !important;
|
font-size: 30rpx !important;
|
}
|
}
|
}
|
|
.u-form-item__body__right {
|
.u-form-item__body__right__content {
|
.u-form-item__body__right__content__slot {
|
.forward-card-amount {
|
display: flex;
|
justify-content: space-between;
|
align-items: flex-end;
|
|
.forward-card-amount-input {
|
.u-input {
|
width: 263rpx;
|
}
|
}
|
|
.u-checkbox-group {
|
position: relative;
|
top: vww(8);
|
left: vww(4);
|
|
.u-checkbox {
|
.u-checkbox__icon-wrap {
|
border-color: rgba(42, 97, 255, 1) !important;
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
|
.utils-buttonGroup {
|
width: 700rpx;
|
@include flex;
|
justify-content: space-between;
|
position: fixed;
|
bottom: vww(30);
|
left: vww(18);
|
z-index: 3;
|
|
.AdddBtn,
|
.forwardBtn {
|
width: 290rpx;
|
}
|
|
.AdddBtn {
|
.u-button {
|
height: 74rpx;
|
border: 1px solid #3b56eb;
|
border-radius: 37rpx 37rpx 37rpx 37rpx;
|
background: transparent;
|
color: #3b56eb;
|
}
|
}
|
|
.forwardBtn {
|
.u-button {
|
height: 74rpx;
|
color: #ffffff;
|
background: rgba(73, 123, 251, 1);
|
border: 0;
|
border-radius: 37rpx 37rpx 37rpx 37rpx;
|
}
|
}
|
}
|
|
.selectHuoDaiOrFleet-container {
|
.u-popup {
|
.u-transition {
|
height: 80%;
|
|
.u-popup__content {
|
overflow: scroll !important;
|
|
.selectHuoDaiOrFleet-container-box {
|
width: 90%;
|
margin: 0 auto;
|
}
|
}
|
}
|
}
|
}
|
}
|
</style>
|
