|
@ -21,15 +21,17 @@ export default { |
|
|
components:{boardHeader}, |
|
|
components:{boardHeader}, |
|
|
data () { |
|
|
data () { |
|
|
return { |
|
|
return { |
|
|
|
|
|
intervalId:null, |
|
|
|
|
|
// intervalIdChangeBg:null, |
|
|
dataLoading: true, |
|
|
dataLoading: true, |
|
|
// config默认项 |
|
|
// config默认项 |
|
|
configDefult:{ |
|
|
configDefult:{ |
|
|
header:['客户', '客户渎职', '计划发运单号', '计划发运日期', '计划发运时间','提醒','状态' ], |
|
|
header:['客户', '客户地址', '计划发运单号', '计划发运日期', '计划发运时间','发货口','状态' ], |
|
|
waitTime: util.waitTime,//每页停留20秒d |
|
|
waitTime: util.waitTime, |
|
|
carousel: 'page', |
|
|
carousel: 'page', |
|
|
// index: true, |
|
|
// index: true, |
|
|
// indexHeader: '序号', |
|
|
// indexHeader: '序号', |
|
|
// columnWidth: [200], |
|
|
// columnWidth: [200,500], |
|
|
align: ['center','left','center','center','center','center','center',], |
|
|
align: ['center','left','center','center','center','center','center',], |
|
|
hoverPause: false, // 鼠标悬浮时,不停止轮播 |
|
|
hoverPause: false, // 鼠标悬浮时,不停止轮播 |
|
|
rowNum: 10, |
|
|
rowNum: 10, |
|
@ -38,7 +40,8 @@ export default { |
|
|
evenRowBGC: 'rgba(0, 44, 81, 0.9)', |
|
|
evenRowBGC: 'rgba(0, 44, 81, 0.9)', |
|
|
oddRowBGC: 'rgba(10, 29, 50, 0.9)' |
|
|
oddRowBGC: 'rgba(10, 29, 50, 0.9)' |
|
|
}, |
|
|
}, |
|
|
config: {} |
|
|
config: {}, |
|
|
|
|
|
// currentRowsCopy:null,//当前数据暂存,用于更新背景色处理 |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
@ -47,11 +50,18 @@ export default { |
|
|
clearInterval(this.intervalId) |
|
|
clearInterval(this.intervalId) |
|
|
this.intervalId = setInterval(() => { |
|
|
this.intervalId = setInterval(() => { |
|
|
this.getList() |
|
|
this.getList() |
|
|
}, 60000)//一分钟刷新数据 |
|
|
}, util.fleshTime) |
|
|
util.addEventResizeFlesh() |
|
|
util.addEventResizeFlesh() |
|
|
|
|
|
// 用于更新背景色处理 |
|
|
|
|
|
// clearInterval(this.intervalIdChangeBg) |
|
|
|
|
|
// this.intervalIdChangeBg = setInterval(() => { |
|
|
|
|
|
// this.initConfig(this.initRow(this.currentRowsCopy),new Date().getTime()) |
|
|
|
|
|
// }, 10000) |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
destroyed() { |
|
|
destroyed() { |
|
|
clearInterval(this.intervalId) |
|
|
clearInterval(this.intervalId) |
|
|
|
|
|
clearInterval(this.intervalIdChangeBg) |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
init(){ |
|
|
init(){ |
|
@ -77,175 +87,400 @@ export default { |
|
|
evenRowBGC: this.configDefult.evenRowBGC |
|
|
evenRowBGC: this.configDefult.evenRowBGC |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
initRow(data,time){ |
|
|
|
|
|
let rows = [] |
|
|
|
|
|
console.log(66666,data) |
|
|
|
|
|
data.forEach(item=>{ |
|
|
|
|
|
let _item = [] |
|
|
|
|
|
// todo:状态确定 |
|
|
|
|
|
// util.formatTimeStrToStr() |
|
|
|
|
|
let _plan = new Date(item.deliverPlanDate).getTime() |
|
|
|
|
|
let _now = time |
|
|
|
|
|
console.log(9999,item.deliverPlanDate) |
|
|
|
|
|
let _plan_sub = item.deliverPlanDate.indexOf("T") |
|
|
|
|
|
let _plan_date = item.deliverPlanDate.slice(0,_plan_sub) || '' |
|
|
|
|
|
let _plan_time = item.deliverPlanDate.slice(_plan_sub + 1) || '' |
|
|
|
|
|
// 发货时间前一小时整行变更颜色 |
|
|
|
|
|
if(Number(_plan) - Number(_now) <= 3600000 && Number(_now) <= Number(_plan)){ |
|
|
|
|
|
_item[0] = `<div class="rowStatusBg">${item.customerCode || ''}</div>`;//客户 |
|
|
|
|
|
_item[1] = `<div class="rowStatusBg">${item.customerAdrss || ''}</div>`;//客户地址 |
|
|
|
|
|
_item[2] = `<div class="rowStatusBg">${item.deliverRequestNumber || ''}</div>`;//计划发运单号 |
|
|
|
|
|
_item[3] = `<div class="rowStatusBg">${_plan_date}</div>`;//计划发运日期 |
|
|
|
|
|
_item[4] = `<div class="rowStatusBg">${_plan_time}</div>`;//计划发运时间 |
|
|
|
|
|
_item[5] = `<div class="rowStatusBg">${item.dockCode || ''}</div>`;//发货口 |
|
|
|
|
|
if(item.status == 'red'){ |
|
|
|
|
|
_item[6] = `<div class="rowStatusBg"><span class="statusBlockItem statusBlockItem_warning">延迟</span></div>`;//状态 |
|
|
|
|
|
}else if(item.status == 'green'){ |
|
|
|
|
|
_item[6] = `<div class="rowStatusBg"><span class="statusBlockItem statusBlockItem_normal">正在发货</span></div>`;//状态 |
|
|
|
|
|
} |
|
|
|
|
|
else{ |
|
|
|
|
|
_item[6] = `<div class="rowStatusBg"><span class="statusBlockItem statusBlockItem_white">等待发货</span></div>`;//状态 |
|
|
|
|
|
} |
|
|
|
|
|
}else{ |
|
|
|
|
|
_item[0] = item.customerCode || '';//客户 |
|
|
|
|
|
_item[1] = item.customerAdrss || '';//客户地址 |
|
|
|
|
|
_item[2] = item.deliverRequestNumber || '';//计划发运单号 |
|
|
|
|
|
_item[3] = _plan_date || '';//计划发运日期 |
|
|
|
|
|
_item[4] = _plan_time || '';//计划发运时间 |
|
|
|
|
|
_item[5] = item.dockCode || '';//发货口 |
|
|
|
|
|
if(item.status == 'red'){ |
|
|
|
|
|
_item[6] = `<span class="statusBlockItem statusBlockItem_warning">延迟</span>`;//状态 |
|
|
|
|
|
}else if(item.status == 'green'){ |
|
|
|
|
|
_item[6] = `<span class="statusBlockItem statusBlockItem_normal">正在发货</span>`;//状态 |
|
|
|
|
|
} |
|
|
|
|
|
else{ |
|
|
|
|
|
_item[6] = `<span class="statusBlockItem statusBlockItem_white">等待发货</span>`;//状态 |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
rows.push(_item) |
|
|
|
|
|
}) |
|
|
|
|
|
return rows |
|
|
|
|
|
}, |
|
|
async getList(){ |
|
|
async getList(){ |
|
|
this.dataLoading = true |
|
|
this.dataLoading = true |
|
|
this.initConfig() |
|
|
this.initConfig() |
|
|
// axiosUtil.ajax_get('/api/dashboard/plan-and-actual/plan-actual-list').then(res => { |
|
|
axiosUtil.ajax_post('/api/wms/store/board/deliver-board').then(res => { |
|
|
this.dataLoading = false |
|
|
this.dataLoading = false |
|
|
// if(res.length <= 0){ |
|
|
if(res.length <= 0){ |
|
|
// return |
|
|
return |
|
|
// } |
|
|
} |
|
|
let rows = [] |
|
|
|
|
|
// 假数据 |
|
|
// 假数据 |
|
|
let _res = [ |
|
|
let _res = [ |
|
|
{ |
|
|
{ |
|
|
"customer": "IACCOTDA", |
|
|
"customerCode": "10000059", |
|
|
"customerAddressCode": "北美Topper库位", |
|
|
"customerName": "1北京瀛海延锋工厂", |
|
|
"number": "DLP202311230001", |
|
|
"customerAdrssCode": "YanfYH", |
|
|
"planDate": '2023-12-25', |
|
|
"customerAdrss": "1北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
"planTime": '16:50:14', |
|
|
"deliverRequestNumber": "DLP202401240009", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-25T17:00:00", |
|
|
"status":'延迟' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "2北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "2北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240010", |
|
|
|
|
|
"deliverPlanDate": "2024-01-25T20:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "3北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "3北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240011", |
|
|
|
|
|
"deliverPlanDate": "2024-01-26T02:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "IACCOTDA", |
|
|
"customerCode": "10000059", |
|
|
"customerAddressCode": "上海起帆恺瑞国际物流有限公司", |
|
|
"customerName": "4北京瀛海延锋工厂", |
|
|
"number": "DLP202312200001", |
|
|
"customerAdrssCode": "YanfYH", |
|
|
"planDate": '2023-12-20', |
|
|
"customerAdrss": "4北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
"planTime": '09:10:00', |
|
|
"deliverRequestNumber": "DLP202401240012", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-26T06:00:00", |
|
|
"status":'准时' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "10000054", |
|
|
"customerCode": "10000059", |
|
|
"customerAddressCode": "Hongxiang", |
|
|
"customerName": "5北京瀛海延锋工厂", |
|
|
"number": "DLP202311240002", |
|
|
"customerAdrssCode": "YanfYH", |
|
|
"planDate": '2023-11-24', |
|
|
"customerAdrss": "5北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
"planTime": '10:11:00', |
|
|
"deliverRequestNumber": "DLP202401240005", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-26T15:00:00", |
|
|
"status":'准时' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "10000059", |
|
|
"customerCode": "10000055", |
|
|
"customerAddressCode": "上海起帆恺瑞国际物流有限公司", |
|
|
"customerName": "6北京奔驰大兴工厂", |
|
|
"number": "DLP202311230001", |
|
|
"customerAdrssCode": "BBACDX01", |
|
|
"planDate": '2023-11-23', |
|
|
"customerAdrss": "6北京市大兴区博兴路8号", |
|
|
"planTime": '16:04:00', |
|
|
"deliverRequestNumber": "DLP202401240013", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-26T13:15:00", |
|
|
"status":'延迟' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
},{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "7北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "7北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240009", |
|
|
|
|
|
"deliverPlanDate": "2024-01-25T17:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "10000058", |
|
|
"customerCode": "10000059", |
|
|
"customerAddressCode": "Hongxiang", |
|
|
"customerName": "8北京瀛海延锋工厂", |
|
|
"number": "DLP202311060003", |
|
|
"customerAdrssCode": "YanfYH", |
|
|
"planDate": '2023-11-19', |
|
|
"customerAdrss": "8北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
"planTime": '02:00:00', |
|
|
"deliverRequestNumber": "DLP202401240010", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-25T20:00:00", |
|
|
"status":'延迟' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "IACCOTDA", |
|
|
"customerCode": "10000059", |
|
|
"customerAddressCode": "北美Topper库位", |
|
|
"customerName": "9北京瀛海延锋工厂", |
|
|
"number": "DLP202311230001", |
|
|
"customerAdrssCode": "YanfYH", |
|
|
"planDate": '2023-12-25', |
|
|
"customerAdrss": "9北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
"planTime": '16:50:14', |
|
|
"deliverRequestNumber": "DLP202401240011", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-26T02:00:00", |
|
|
"status":'延迟' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "IACCOTDA", |
|
|
"customerCode": "10000059", |
|
|
"customerAddressCode": "上海起帆恺瑞国际物流有限公司", |
|
|
"customerName": "10北京瀛海延锋工厂", |
|
|
"number": "DLP202312200001", |
|
|
"customerAdrssCode": "YanfYH", |
|
|
"planDate": '2023-12-20', |
|
|
"customerAdrss": "10北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
"planTime": '09:10:00', |
|
|
"deliverRequestNumber": "DLP202401240012", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-26T06:00:00", |
|
|
"status":'准时' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "10000054", |
|
|
"customerCode": "10000059", |
|
|
"customerAddressCode": "Hongxiang", |
|
|
"customerName": "11北京瀛海延锋工厂", |
|
|
"number": "DLP202311240002", |
|
|
"customerAdrssCode": "YanfYH", |
|
|
"planDate": '2023-11-24', |
|
|
"customerAdrss": "11北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
"planTime": '10:11:00', |
|
|
"deliverRequestNumber": "DLP202401240005", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-26T15:50:00", |
|
|
"status":'准时' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "10000059", |
|
|
"customerCode": "10000055", |
|
|
"customerAddressCode": "上海起帆恺瑞国际物流有限公司", |
|
|
"customerName": "北京奔驰大兴工厂", |
|
|
"number": "DLP202311230001", |
|
|
"customerAdrssCode": "BBACDX01", |
|
|
"planDate": '2023-11-23', |
|
|
"customerAdrss": "北京市大兴区博兴路8号", |
|
|
"planTime": '16:04:00', |
|
|
"deliverRequestNumber": "DLP202401240013", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-26T13:15:00", |
|
|
"status":'延迟' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
},{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240009", |
|
|
|
|
|
"deliverPlanDate": "2024-01-25T17:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "10000058", |
|
|
"customerCode": "10000059", |
|
|
"customerAddressCode": "Hongxiang", |
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
"number": "DLP202311060003", |
|
|
"customerAdrssCode": "YanfYH", |
|
|
"planDate": '2023-11-19', |
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
"planTime": '02:00:00', |
|
|
"deliverRequestNumber": "DLP202401240010", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-25T20:00:00", |
|
|
"status":'延迟' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "IACCOTDA", |
|
|
"customerCode": "10000059", |
|
|
"customerAddressCode": "北美Topper库位", |
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
"number": "DLP202311230001", |
|
|
"customerAdrssCode": "YanfYH", |
|
|
"planDate": '2023-12-25', |
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
"planTime": '16:50:14', |
|
|
"deliverRequestNumber": "DLP202401240011", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-26T02:00:00", |
|
|
"status":'延迟' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "IACCOTDA", |
|
|
"customerCode": "10000059", |
|
|
"customerAddressCode": "上海起帆恺瑞国际物流有限公司", |
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
"number": "DLP202312200001", |
|
|
"customerAdrssCode": "YanfYH", |
|
|
"planDate": '2023-12-20', |
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
"planTime": '09:10:00', |
|
|
"deliverRequestNumber": "DLP202401240012", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-26T06:00:00", |
|
|
"status":'准时' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "10000054", |
|
|
"customerCode": "10000059", |
|
|
"customerAddressCode": "Hongxiang", |
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
"number": "DLP202311240002", |
|
|
"customerAdrssCode": "YanfYH", |
|
|
"planDate": '2023-11-24', |
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
"planTime": '10:11:00', |
|
|
"deliverRequestNumber": "DLP202401240005", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-26T08:00:00", |
|
|
"status":'准时' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "10000059", |
|
|
"customerCode": "10000055", |
|
|
"customerAddressCode": "上海起帆恺瑞国际物流有限公司", |
|
|
"customerName": "北京奔驰大兴工厂", |
|
|
"number": "DLP202311230001", |
|
|
"customerAdrssCode": "BBACDX01", |
|
|
"planDate": '2023-11-23', |
|
|
"customerAdrss": "北京市大兴区博兴路8号", |
|
|
"planTime": '16:04:00', |
|
|
"deliverRequestNumber": "DLP202401240013", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-26T13:15:00", |
|
|
"status":'延迟' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
},{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240009", |
|
|
|
|
|
"deliverPlanDate": "2024-01-25T17:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
"customer": "10000058", |
|
|
"customerCode": "10000059", |
|
|
"customerAddressCode": "Hongxiang", |
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
"number": "DLP202311060003", |
|
|
"customerAdrssCode": "YanfYH", |
|
|
"planDate": '2023-11-19', |
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
"planTime": '02:00:00', |
|
|
"deliverRequestNumber": "DLP202401240010", |
|
|
"remind":"", |
|
|
"deliverPlanDate": "2024-01-25T20:00:00", |
|
|
"status":'延迟' |
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240011", |
|
|
|
|
|
"deliverPlanDate": "2024-01-26T02:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240012", |
|
|
|
|
|
"deliverPlanDate": "2024-01-26T06:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240005", |
|
|
|
|
|
"deliverPlanDate": "2024-01-26T08:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
"customerCode": "10000055", |
|
|
|
|
|
"customerName": "北京奔驰大兴工厂", |
|
|
|
|
|
"customerAdrssCode": "BBACDX01", |
|
|
|
|
|
"customerAdrss": "北京市大兴区博兴路8号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240013", |
|
|
|
|
|
"deliverPlanDate": "2024-01-26T13:15:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
},{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240009", |
|
|
|
|
|
"deliverPlanDate": "2024-01-25T17:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240010", |
|
|
|
|
|
"deliverPlanDate": "2024-01-25T20:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240011", |
|
|
|
|
|
"deliverPlanDate": "2024-01-26T02:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240012", |
|
|
|
|
|
"deliverPlanDate": "2024-01-26T06:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
"customerCode": "10000059", |
|
|
|
|
|
"customerName": "北京瀛海延锋工厂", |
|
|
|
|
|
"customerAdrssCode": "YanfYH", |
|
|
|
|
|
"customerAdrss": "北京市北京经济技术开发区(大兴)瀛海镇瀛顺路55号院2号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240005", |
|
|
|
|
|
"deliverPlanDate": "2024-01-26T08:00:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
"customerCode": "10000055", |
|
|
|
|
|
"customerName": "北京奔驰大兴工厂", |
|
|
|
|
|
"customerAdrssCode": "BBACDX01", |
|
|
|
|
|
"customerAdrss": "北京市大兴区博兴路8号", |
|
|
|
|
|
"deliverRequestNumber": "DLP202401240013", |
|
|
|
|
|
"deliverPlanDate": "2024-01-26T13:15:00", |
|
|
|
|
|
"deliverPlanTime": null, |
|
|
|
|
|
"status": "red", |
|
|
|
|
|
"dockCode": null |
|
|
}, |
|
|
}, |
|
|
] |
|
|
] |
|
|
_res.forEach(item=>{ |
|
|
// this.currentRowsCopy = _res |
|
|
let _item = [] |
|
|
let _rows = this.initRow(res,new Date().getTime()) |
|
|
_item[0] = item.customer;//客户 |
|
|
this.initConfig(_rows) |
|
|
_item[1] = item.customerAddressCode;//客户地址 |
|
|
|
|
|
_item[2] = item.number;//计划发运单号 |
|
|
|
|
|
_item[3] = item.planDate;//计划发运日期 |
|
|
|
|
|
_item[4] = item.planTime;//计划发运时间 |
|
|
|
|
|
_item[5] = item.remind;//提醒 |
|
|
|
|
|
_item[6] = item.status;//状态 |
|
|
|
|
|
if(item.status == '延迟'){ |
|
|
|
|
|
_item[6] = `<span class="statusBlockItem statusBlockItem_warning">${item.status}</span>`;//状态 |
|
|
|
|
|
}else{ |
|
|
|
|
|
_item[6] = `<span class="statusBlockItem statusBlockItem_normal">${item.status}</span>`;//状态 |
|
|
|
|
|
} |
|
|
|
|
|
rows.push(_item) |
|
|
|
|
|
}) |
|
|
|
|
|
this.initConfig(rows) |
|
|
|
|
|
// this_.$refs['shippingBoard_Ref'].updateRows(rows,0) //如果不需要刷新页面 不需要循环数据 追加数据用此方法 |
|
|
// this_.$refs['shippingBoard_Ref'].updateRows(rows,0) //如果不需要刷新页面 不需要循环数据 追加数据用此方法 |
|
|
// }).catch(error => { |
|
|
}).catch(error => { |
|
|
// this.dataLoading = false |
|
|
this.dataLoading = false |
|
|
// console.log(error) |
|
|
console.log(error) |
|
|
// }) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
@ -267,5 +502,14 @@ export default { |
|
|
margin: 2rem; |
|
|
margin: 2rem; |
|
|
height: calc(100vh - 10rem); |
|
|
height: calc(100vh - 10rem); |
|
|
} |
|
|
} |
|
|
|
|
|
.rowStatusBg{ |
|
|
|
|
|
// background:rgb(164 161 255 / 82%); |
|
|
|
|
|
background:rgb(0 182 255 / 35%); |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
} |
|
|
|
|
|
.dv-scroll-board .rows .ceil{ |
|
|
|
|
|
padding:0 !important |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |