From 5980209e483b73afbb5aecd8a712361740e5dca4 Mon Sep 17 00:00:00 2001 From: cwchen <1048842385@qq.com> Date: Sat, 9 Nov 2024 15:09:41 +0800 Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E8=B4=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/demandPlan/delivery_detail_list.css | 81 +++++++++++++++++++ js/demandPlan/child/delivery_detail_list.js | 72 +++++++++++++++++ js/demandPlan/child/send_goods_form.js | 19 +++-- js/demandPlan/delivery_list.js | 27 ++++--- .../child/delivery_detail_list.html | 41 ++++++++++ 5 files changed, 225 insertions(+), 15 deletions(-) create mode 100644 css/demandPlan/delivery_detail_list.css create mode 100644 js/demandPlan/child/delivery_detail_list.js create mode 100644 page/demandPlan/child/delivery_detail_list.html diff --git a/css/demandPlan/delivery_detail_list.css b/css/demandPlan/delivery_detail_list.css new file mode 100644 index 0000000..19ef01e --- /dev/null +++ b/css/demandPlan/delivery_detail_list.css @@ -0,0 +1,81 @@ +.layout { + display: flex; + align-items: center; + justify-content: center; +} + +#main-box { + width: 100%; + height: 100%; +} + +#detail-box { + width: 100%; + height: 60px; + background-color: #fff; + border-radius: 5px; + justify-content: start; +} + +.detail { + flex-direction: column; + align-items: baseline; + justify-content: space-evenly; + height: 100%; +} + +#iframe-box { + width: 100%; + box-sizing: border-box; + background-color: #fff; + height: calc(100% - 180px); +} + +.layui-tab-brief { + border: 1px solid #f2f2f2; + border-radius: 5px; + background-color: #ffffff; + height: 80px; + overflow-x: auto; + /* 启用横向滚动 */ + white-space: nowrap; + /* 不换行 */ +} + +.layui-tab-title { + display: inline-block; + /* 内联块级元素 */ +} + +.layui-tab-brief::-webkit-scrollbar { + width: 0; + height: 0; + } + +.layui-tab-brief>.layui-tab-title .layui-this { + color: #409eff; +} + +.layui-tab-brief>.layui-tab-more li.layui-this:after, +.layui-tab-brief>.layui-tab-title .layui-this:after { + border-bottom: 2px solid #409eff; +} + +a { + color: #428bca; + text-decoration: none; +} + +a:hover, +a:focus { + color: #2a6496; + text-decoration: underline; +} + +.layuimini-container { + height: 89%; +} + +.layui-tab .layui-tab-title li { + font-size: 16px; +} \ No newline at end of file diff --git a/js/demandPlan/child/delivery_detail_list.js b/js/demandPlan/child/delivery_detail_list.js new file mode 100644 index 0000000..66a0cb4 --- /dev/null +++ b/js/demandPlan/child/delivery_detail_list.js @@ -0,0 +1,72 @@ +let layer, element; +let objParam; +function setParams(obj) { + objParam = JSON.parse(obj); + console.log(obj); + $('#proName').html(objParam.proName); + setStatusColor(objParam.status); + layui.use(["layer", 'element'], function () { + form = layui.form; + table = layui.table; + element = layui.element; + // tab 切换事件 + element.on('tab(demo-filter-tab)', function (data) { + let value = $(this).attr('value'); + }); + getShipmentBatch(); + }); +} + +// 发货批次 +function getShipmentBatch() { + let html = ''; + let list = [{ name: '全部', value: '' }, { name: '第1批', value: '1' }, { name: '第2批', value: '2' }, { name: '第3批', value: '3' }, { name: '第4批', value: '4' }, + { name: '第5批', value: '5' }, { name: '第6批', value: '6' }, { name: '第7批', value: '7' }, { name: '第8批', value: '8' }, { name: '第9批', value: '9' }, + { name: '第10批', value: '10' }, { name: '第11批', value: '11' }, { name: '第12批', value: '12' }, { name: '第13批', value: '13' }, { name: '第14批', value: '14' }, + { name: '第15批', value: '15' }, { name: '第16批', value: '16' }, { name: '第17批', value: '17' }, { name: '第18批', value: '18' }, { name: '待发货', value: '0' } + ]; + /* if(list.length > 16){ + + } */ + $.each(list, function (index, item) { + if (item.name === '待发货') { + html += '
  • ' + this.name + '
    • '; + }else if(item.name === '全部'){ + html += '
  • ' + this.name + '
    • '; + } else { + html += '
  • '+item.name+'
    • '; + } + }) + $('.layui-tab-title').empty().append(html); + $('.layui-tab-title li').eq(0).addClass('layui-this'); + var scrollableElement = document.getElementById('layui-tab-brief'); + + // 添加事件监听器来处理滚轮事件 + scrollableElement.addEventListener('wheel', function (event) { + // 阻止默认的滚动行为 + event.preventDefault(); + + // 检查滚动的方向 + var delta = event.deltaY > 0 ? -20 : 20; // 根据需要调整滚动的步长 + + // 设置新的滚动位置 + scrollableElement.scrollLeft += delta; + }); +} + +function setStatusColor(value) { + let color = "#409Eff"; + let name = '' + if (value === 0) { + color = "#f56c6c"; + name = '未发货'; + } else if (value === 1) { + color = "#ff9900"; + name = '部分发货' + } else if (value === 2) { + color = "#19be6b"; + name = '全部发货' + } + let html = '' + name + ""; + $('#status').html(html); +} \ No newline at end of file diff --git a/js/demandPlan/child/send_goods_form.js b/js/demandPlan/child/send_goods_form.js index c5ddbfa..2d0da1d 100644 --- a/js/demandPlan/child/send_goods_form.js +++ b/js/demandPlan/child/send_goods_form.js @@ -343,14 +343,11 @@ function setNumColor(value, type) { // 1.需要量 2.已发货量 3.差缺量 // 提交 function submitApply(data) { + let list = []; // 校验发货附件是否上传 if (fileList.length === 0) { return layer.msg('请上传发货附件', { icon: 7 }); } - // 校验机具发货数量 - if (jjDetailArr.length === 0) { - return layer.msg('未填写发货数量', { icon: 7 }); - } // 校验调整量发生变化是否填写备注 for (let i = 0; i < jjDetailArr.length; i++) { let obj = jjDetailArr[i]; @@ -358,8 +355,19 @@ function submitApply(data) { return layer.msg(obj.type + '-' + obj.name + '-' + obj.module + '，已修改调整量，请填写备注', { icon: 7 }); } } + // 添加机具发货数据 + for (let i = 0; i < jjDetailArr.length; i++) { + let obj = jjDetailArr[i]; + if (obj.num > 0 || obj.tzNum > 0) { + list.push(obj); + } + } + // 校验机具发货数量 + if (list.length === 0) { + return layer.msg('未填写发货数量', { icon: 7 }); + } data.field.proId = idParam; - data.field.list = jjDetailArr; + data.field.list = list; data.field.addList = jjDataArr; let formData = new FormData(); //遍历最终文件集合 @@ -368,7 +376,6 @@ function submitApply(data) { } formData.append('params', JSON.stringify(data.field)); console.log(JSON.stringify(data.field)); - let loadingMsg = layer.msg('正在提交保存,请稍等...', { icon: 16, shade: 0.01, time: '0' }); console.log(JSON.stringify(data.field)); let url = dataUrl + 'backstage/planOut/insertProOutPutInfo'; diff --git a/js/demandPlan/delivery_list.js b/js/demandPlan/delivery_list.js index f2a1371..1d6da9f 100644 --- a/js/demandPlan/delivery_list.js +++ b/js/demandPlan/delivery_list.js @@ -155,7 +155,7 @@ function initTable() { unresize: true, templet: function (d) { let html = ""; - html += "详情"; + html += "详情"; html += "
    |
    发货"; return html; }, @@ -180,14 +180,18 @@ function setNumColor(value) { // 发货状态颜色 function setStatusColor(value) { let color = "#409Eff"; - if (value === "未发货") { - color = "#f56c6c"; - } else if (value === "部分发货") { - color = "#ff9900"; - }else if (value === "全部发货") { - color = "#19be6b"; - } - return '' + value + ""; + let name = '' + if (value === 0) { + color = "#f56c6c"; + name = '未发货'; + } else if (value === 1) { + color = "#ff9900"; + name = '部分发货' + } else if (value === 2) { + color = "#19be6b"; + name = '全部发货' + } + return '' + name + ""; } // 设置进度值 @@ -220,6 +224,11 @@ function exportExcel() { exportExcelUtil(url,'机具公司发货数据'); } +// 发货详情 +function deliveryDetail(obj) { + openIframeByParamObj("deliveryDetail","详情","./child/delivery_detail_list.html","92%","95%",obj); +} + // 发货 function sendGoods(obj) { openIframeByParamObj("sendGoods","发货","./child/send_goods_form.html","92%","95%",obj); diff --git a/page/demandPlan/child/delivery_detail_list.html b/page/demandPlan/child/delivery_detail_list.html new file mode 100644 index 0000000..673d436 --- /dev/null +++ b/page/demandPlan/child/delivery_detail_list.html @@ -0,0 +1,41 @@ + + + + + + + 发货详情 + + + + + + + +
    +
    +
    +

    +

    +
    +
    +

    计划数量

    +

    0

    +
    +
    +
    + +
    +
    + +
    +
    + + + + + + + \ No newline at end of file