<template>
|
<view class="jihua-wrap">
|
<view class="qiehuan-box">
|
<u-tabs :list="tabList" @click="tabClick"></u-tabs>
|
</view>
|
<view class="jihua-main">
|
<view class="shaixuan-box">
|
<u-radio-group v-model="radioValue" @change="groupChange">
|
<u-radio style="margin-right: 30rpx;" shape="square" label="全部" name="全部"></u-radio>
|
<u-radio style="margin-right: 30rpx;" shape="square" label="已设置的计划" name="已设置的计划"></u-radio>
|
<!-- <u-radio shape="square" label="未设置的计划" name="未设置的计划"></u-radio> -->
|
</u-radio-group>
|
</view>
|
<div class="main-inside">
|
<view class="main-block-box" v-for="(item,index) in fyData" :key="item.id">
|
<view class="jihua-main-line">
|
<view class="name">客户名称：{{item.customerName}}</view>
|
</view>
|
<view class="jihua-main-line">
|
<view class="main-flex">
|
<view>煤种：{{item.coalName}}</view>
|
<view>剩余量：{{item.executiveSurplus}}</view>
|
</view>
|
</view>
|
<view class="jihua-main-line">
|
<view class="main-flex">
|
<view class="carNum-box">
|
<view>计划车数：</view>
|
<u--input
|
focus
|
placeholder="请输入发运车数"
|
border="surround"
|
v-model="item.numPlan"
|
@change="change"
|
></u--input>
|
</view>
|
<view>实际发车数：{{item.numReal}}</view>
|
</view>
|
</view>
|
</view>
|
</div>
|
</view>
|
<u-button class="xiugai-btn" type="primary" text="提交" @click="dataFormSubmit"></u-button>
|
</view>
|
</template>
|
|
<script>
|
|
export default {
|
data() {
|
return {
|
radioValue: '全部',
|
tabList: [{
|
name: '今日发运计划'
|
},{
|
name: '明日发运计划'
|
}],
|
carValue:0,
|
fyData: [],
|
info: {
|
shippingDate: this.todayDate()
|
},
|
isTomJihua:'',
|
}
|
},
|
onShow() {
|
this.init()
|
},
|
methods: {
|
init() {
|
this.fyList()
|
},
|
dataFormSubmit() { //提交订单
|
this.$reqPost('addObj',JSON.stringify(this.fyData)).then(res => {
|
|
})
|
},
|
groupChange(n) {
|
console.log(n,'n================')
|
this.isTomJihua = n
|
if(n == '已设置的计划') {
|
this.xscarshippingdayplan()
|
}else {
|
this.fyList()
|
}
|
},
|
todayDate() {
|
let yes = new Date().getTime()
|
let date = new Date(yes)
|
let y = date.getFullYear()
|
let m = date.getMonth() + 1
|
m = m < 10 ? ('0'+ m) : m
|
let d = date.getDate()
|
d = d < 10 ? ('0' + d) : d
|
const time = y + '-' + m + '-' + d
|
console.log('todayDate---------',time)
|
return time
|
},
|
tomorrowDate() {
|
let yes = new Date().getTime() + 60 * 24 * 60 * 1000
|
let date = new Date(yes)
|
let y = date.getFullYear()
|
let m = date.getMonth() + 1
|
m = m < 10 ? ('0'+ m) : m
|
let d = date.getDate()
|
d = d < 10 ? ('0' + d) : d
|
const time = y + '-' + m + '-' + d
|
console.log('tomorrowDate---------222',time)
|
return time
|
},
|
fyList() {
|
let compId = uni.getStorageSync('userInfo').compId
|
let params = {
|
current: 1,
|
size: 100,
|
status: 2,
|
trainType: 1,
|
compId: compId
|
}
|
this.$reqGet('fyList',params).then(res => {
|
if(res.code == 0) {
|
this.fyData = res.data
|
}
|
})
|
},
|
xscarshippingdayplan() {
|
let params = {
|
current: 1,
|
size: 50,
|
shippingDate: this.info.shippingDate
|
}
|
this.$reqGet('xscarshippingdayplan', params).then(res => {
|
if(res.code == 0) {
|
this.fyData = res.data.records
|
}
|
})
|
},
|
tabClick(item) { //切换今日和明日
|
console.log(item.name,'item==========')
|
if(item.index == 1) {
|
this.info.shippingDate = this.tomorrowDate()
|
if(this.isTomJihua == '已设置的计划') {
|
this.xscarshippingdayplan()
|
}else {
|
this.fyList()
|
}
|
|
}else {
|
this.info.shippingDate = this.todayDate()
|
if(this.isTomJihua == '已设置的计划') {
|
this.xscarshippingdayplan()
|
}else {
|
this.fyList()
|
}
|
}
|
|
},
|
change() {
|
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
::v-deep{
|
.u-tabs__wrapper__nav{
|
padding-left: vww(75.5)
|
}
|
.u-radio__text{
|
span{
|
font-size: vww(14);
|
}
|
}
|
.u-radio-group--row{
|
height: 100%;
|
}
|
.u-radio__icon-wrap{
|
width: vww(14)!important;
|
height: vww(14)!important;;
|
}
|
|
}
|
.qiehuan-box{
|
position: sticky;
|
top: 0;
|
left: 0;
|
right: 0;
|
width: 100%;
|
z-index: 1;
|
background-color: #fff;
|
}
|
.jihua-wrap{
|
width: 100%;
|
height: 100%;
|
overflow-y: auto;
|
display: flex;
|
flex-direction: column;
|
.xiugai-btn{
|
position: absolute;
|
left: 50%;
|
bottom: vww(20);
|
width: vww(200);
|
transform: translateX(-50%);
|
}
|
}
|
.jihua-main{
|
display: flex;
|
flex-direction: column;
|
width: 100%;
|
padding:vww(0) vww(10);
|
box-sizing: border-box;
|
.main-inside{
|
width: 100%;
|
height: calc(100% - vww(44));
|
}
|
.shaixuan-box{
|
height: vww(40);
|
position: sticky;
|
top: vww(44);
|
left: 0;
|
right: 0;
|
width: 100%;
|
z-index: 1;
|
background-color: #fff;
|
}
|
.main-block-box{
|
box-shadow: 0 0 8px rgba(0,0,0,0.1);
|
height: vww(120);
|
padding: vww(10);
|
box-sizing: border-box;
|
margin-top: vww(15);
|
border-radius: vww(5);
|
.jihua-main-line{
|
width: 100%;
|
display: flex;
|
view{
|
font-size: vww(14);
|
line-height: 2;
|
}
|
.name{
|
font-weight: 600!important;
|
}
|
.main-flex{
|
width: 100%;
|
display: flex;
|
justify-content: space-between;
|
.carNum-box{
|
display: flex;
|
.u-input{
|
height: vww(20);
|
width: vww(100);
|
}
|
}
|
}
|
}
|
|
}
|
}
|
</style>
|
